@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    *font-weight: 700;
    font-style: normal;
}

.title { width:100%; height:230px; margin:0; padding:0; background-size:cover; font-family:'Noto Sans KR', sans-serif; }
.barista { background:#222 url(../img/title_barista.jpg) no-repeat center top; }
.care { background:#222 url(../img/title_care.jpg) no-repeat center top; }
.com { background:#222 url(../img/title_com.jpg) no-repeat center top; }
.title .title_cont { width:1200px; height:230px; margin:0 auto; text-align:center; padding:30px 0; box-sizing:border-box; color:#fff; }
.title .title_cont .path span { border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px; font-size:1em; text-shadow:1px 1px #000; }
.title .title_cont h2 { font-size:3.5em; font-weight:normal; letter-spacing:-1px; text-shadow:2px 2px #000; margin:20px 0; }
.title .title_cont i { padding:0 7px; font-size:0.9em; } 
.title .title_cont i:first-child { font-size:1.2em; }
.title .title_cont .title_txt { font-size:1.3em; line-height:150%; text-shadow:1px 1px #000;  width:55%; margin:0 auto;   }


.content { max-width:900px; margin:70px auto; font-size:0.95rem; padding-right:10px; }
.curri_title { text-align:center; letter-spacing:-1px; padding-left:10px; }
.curri_title h3 { color:#cd4540; font-size:1.3rem; font-weight:500; font-family: 'GmarketSansMedium';}
.curri_title h2.curri_title2 { font-size:1.5rem; color:#000; font-weight:700; margin:20px 0 30px; font-family: 'GmarketSansMedium'; letter-spacing:0;}
.curri_title p { margin:0 auto 50px; max-width:700px; line-height:180%; }
.curri_title p span { display:inline-block; font-weight:bold; font-size:1rem;  color:#000; margin-bottom:10px;}
.content p { text-align:center; }
.content ul { padding:0; }
.content ul.target { padding-left:40px; }
.content ul, .content ol { padding-left:20px; }

.content ul li { list-style:square; }
.content ol li { list-style:decimal; }
.content > ul > li { list-style:none; margin-top:50px; }
.content ul.curri_desc { background:#f7f7f7;  border:1px solid #f0f0f0; padding:20px 10px;}
.curri_desc li { display:inline-block; width:48%; vertical-align:top; margin:10px 0; }
.curri_desc p { text-align:left; }
li h3 { position:relative; font-size:1.2rem; margin-bottom:30px;}
li h3, li p { padding-left:20px; }
li h3:before { position:absolute; left:10px; top:30px; display:inline-block; width:35px; height:2px; background:#c84545;; content:""; }


.homecare_curri img { max-width:100%; }

.content ol li, .content ul.target li { padding-top:5px; }


.goal { display:inline-block;vertical-align:top; box-sizing:border-box;  }
div.goal { width:44%; text-align:right; }
ul.goal {  width:55%; list-style-type:square; padding:10px 40px; text-align:justify;}
ul.goal li { margin-bottom:10px; line-height:150%;}
table { border-collapse:collapse; width:100%; border-left:2px solid #fff; border-right:2px solid #fff; border-top:2px solid #555; }
th, td { border:1px solid #ddd; padding:8px 20px; font-size:0.85rem; }
th { border-bottom:1px solid #555; text-align:center; }
th { background:#f7f7f7;}
tr th:nth-child(3), tr th:last-child { width:80px; padding:8px 0; }
td.program { padding-left:0;}
td.hr { text-align:center;}
.level { color:#486ca0; letter-spacing:-1px; font-size:0.8rem; ; padding:8px 0 8px 10px; text-align:left; }
.content img { max-width:100%; padding-left:10px; }
.content .alignJustify { text-align:justify;}





.write_btn_box { margin:50px 0; }

@media all and (max-width:1200px ) {
.title { width:100%; height:230px; background-size:cover; }
.title .title_cont { width:100%; } 

}

@media all and (max-width:900px) {
.title .title_cont .title_txt { width:70%; }

}

@media all and (max-width:768px) {
.title { height:200px; }
.title { height:200px;  }
.title .title_cont h2 { font-size:2em; }
.title .title_cont .title_txt { width:80%; }

.content { font-size:0.9rem; }
.content li { text-align:justify; }
.curri_desc li { width:100%; }
li h3 {margin-bottom:20px;}
 
}

@media all and (max-width:600px) {
.title .title_cont .title_txt { width:90%; }
.contents h3 {  }
}

@media all and (max-width:480px) {
.title .title_cont .title_txt { font-size:1.1em; }
.curri_title h3 { font-size:1rem; }
.curri_title h2.curri_title2 { font-size:1.1rem; }
br.mo { display:none; }

}