@charset "utf-8";

/* PC */

/* 팝업 */	
#div_notice { position:absolute; left:0; }
#div_notice2 { position:absolute; left:500px; }
#div_notice3 { position:absolute; left:1000px; }

#tel_sns { display:table; max-width:1200px; margin:0 auto; margin-top:40px; padding:0 10px; overflow:hidden;}
#tel_sns li{ display:table-cell; vertical-align:middle; width:26.3333%; padding:2.0% 3.5%; overflow:hidden;}
#tel_sns .tel { background:#48bdc5; vertical-align:top;}
#tel_sns .kakao { background:#ffdd04;vertical-align:top;}
#tel_sns .blog { background:#87e654; vertical-align:top;}
#tel_sns .pic img{ width:13%; margin-bottom:12px; }
#tel_sns .tel .txt { font-weight:; color:#fff;}
#tel_sns .tel .txt span { font-size:1.6em; font-weight:300; line-height:1.2em;}
#tel_sns .tel .txt strong { font-size:2.2em; line-height:1.4em;}
#tel_sns .kakao .txt { font-weight:; color:#3b1e1e;  }
#tel_sns .kakao .txt span {font-size:1.6em; font-weight:; line-height:1.2em; }
#tel_sns .kakao .txt strong { display:block; margin-top:13px; font-size:1.2em; font-weight:500; line-height:1.5em;}
#tel_sns .blog .txt { font-weight:; color:#1c5100;}
#tel_sns .blog .txt span { display:block; margin-bottom:-5px; font-size:1.6em; font-weight:; line-height:1.2em;}

#after {  max-width:1200px; height:; margin:0 auto; padding:0 10px;}
#after .wrapper { background:url(../images/main_after.jpg) right; background-size:cover; width:94%; height:76px; padding:30px 3%;}
#after .wrapper .txt { font-weight:; color:#102663;}
#after .wrapper .txt span { display:block; margin-bottom:-15px; font-size:1.6em; font-weight:; line-height:1.2em;}

#license { max-width:1224px; margin:0 auto; margin-top:40px; overflow:hidden;}
#license .title{ text-align:center;}
#license .title strong{ font-size:2.4em; color:#191818; line-height:1.7em; letter-spacing:0px;}
#license .wrapper { position:relative; width:100%; margin-top:25px; overflow:hidden;}
#license ul{ float:left; width:48%; margin:0 1%;}
#license .pic img{ width:100%;}
#license .tit{ font-size:1.9em; font-weight:600; color:#1b1b1b; line-height:1.3em; letter-spacing:-1.5px; margin-top:10px;}
#license .tit strong{ color:#48bdc5;}
#license .txt{ color:#575757; margin-bottom:35px;}
#license .txt span{ color:#ff2626;}

#course { background:#f2f2f2; width:100%; margin-top:30px; padding:40px 0 60px 0; overflow:hidden;}
#course .title{ text-align:center;}
#course .title strong{ font-size:2.2em; color:#191818; line-height:1.7em; letter-spacing:-1px;}
#course .wrapper { max-width:1224px; margin:0 auto; margin-top:25px; overflow:hidden;}
#course li { float:left; width:23%; margin:0 1%;}
#course li:last-child { margin-right:0;}
#course li img{ width:100%;}
#course li span{ display:block; background:#42b7c0; width:100%; height:50px; font-size:1.6em; font-weight:; color:#fff; line-height:50px; text-align:center;}

#shuttle { background:url(../images/main_shuttle_bg.jpg); background-size:cover; width:100%; padding:40px 0 60px 0; overflow:hidden;}
#shuttle .title{ color:#fff; text-align:center;}
#shuttle .title strong{ font-size:2.2em; line-height:1.7em; letter-spacing:-1px;}
#shuttle .wrapper { max-width:1200px; margin:0 auto; margin-top:25px; padding:0 10px; overflow:hidden;}
#shuttle .pic { float:left; width:25%;}
#shuttle .txt { float:; width:100%; overflow:hidden;}
#shuttle li { float:left; background:#fff; width:24.8%; height:; border-left:1px #60c3ca solid; border-bottom:1px #60c3ca solid; font-size:1.0em; line-height:63px; text-align:center; }
#shuttle li a{ display:block;}
#shuttle li.pic { width:;}

#doro { background:url(../images/main_doro_bg.jpg); background-size:cover; width:100%; padding:70px 0 90px 0; color:#fff; text-align:center; overflow:hidden;}
#doro li.tit { font-size:2.2em; font-weight:500; line-height:1.7em; letter-spacing:-1px; }
#doro li.btn {  margin-top:35px; }
#doro li.btn a{ background:#42b7c0; border-radius:5px; padding:10px 15px; color:#fff; line-height:1.2em; text-align:center; }

#merit { width:1200px; margin:0 auto; margin-top:50px; overflow:hidden;}
#merit .title{ color:#191818; text-align:center; margin-bottom:30px;}
#merit .title strong{ font-size:2.2em; line-height:1.7em; letter-spacing:-1px;}
#merit ul { display:inline-block; width:33%; text-align:center;}
#merit ul li img { width:25%;}
#merit ul li.txt { margin-top:15px;}
#merit ul li.txt strong { display:block; font-size:1.2em; margin-bottom:5px;}



@media ( max-width: 1023px )  /* 테블릿 */
{	
/* 팝업 */	
#div_notice { position:absolute; left:0; }
#div_notice2 { position:absolute; left:500px; }
#div_notice3 { position:absolute; left:1000px; }


#tel_sns { display:table; width:96%; margin:0 auto; margin-top:40px; overflow:hidden;}
#tel_sns li{ display:table-cell; vertical-align:middle; width:26.3333%;  padding:2.0% 3.5%; overflow:hidden;}
#tel_sns .tel { background:#48bdc5; vertical-align:top;}
#tel_sns .kakao { background:#ffdd04;vertical-align:top;}
#tel_sns .blog { background:#87e654; vertical-align:top;}
#tel_sns .pic img{ width:15%; margin-bottom:10px; }
#tel_sns .tel .txt { font-weight:300; color:#fff;}
#tel_sns .tel .txt span { font-size:1.6em; font-weight:300; line-height:1.2em;}
#tel_sns .tel .txt strong { font-size:2.2em; line-height:1.4em;}
#tel_sns .kakao .txt { font-weight:300; color:#3b1e1e;  }
#tel_sns .kakao .txt span {font-size:1.6em; font-weight:; line-height:1.2em; }
#tel_sns .kakao .txt strong { display:block; margin-top:8px; font-size:1.2em; font-weight:500; line-height:1.5em;}
#tel_sns .blog .txt { font-weight:; color:#1c5100;}
#tel_sns .blog .txt span { display:block; margin-bottom:-5px; font-size:1.6em; font-weight:; line-height:1.2em;}

#after { width:96%; height:; margin:0 auto;  }
#after .wrapper { background:url(../images/main_after.jpg) right; background-size:cover; width:94%; height:76px; padding:30px 3%;}
#after .wrapper .txt { font-weight:; color:#102663;}
#after .wrapper .txt span { display:block; margin-bottom:-15px; font-size:1.6em; font-weight:; line-height:1.2em;}

#license { width:98%; margin:0 auto; margin-top:40px; overflow:hidden;}
#license .title{ text-align:center;}
#license .title strong{ font-size:2.0em; color:#191818; line-height:1.5em; letter-spacing:-1.5px;}
#license .wrapper { position:relative; width:100%; margin-top:25px; overflow:hidden;}
#license ul{ float:left; width:48%; margin:0 1%;}
#license .pic img{ width:100%;}
#license .tit{ font-size:1.5em; font-weight:600; color:#1b1b1b; line-height:1.2em; letter-spacing:-1.5px; margin-top:10px;}
#license .tit strong{ color:#48bdc5;}
#license .txt{ color:#575757; margin-bottom:35px;}
#license .txt span{ color:#ff2626;}

#course { background:#f2f2f2; width:100%; margin-top:30px; padding:35px 0 55px 0; overflow:hidden;}
#course .title{ text-align:center;}
#course .title strong{ font-size:2.2em; color:#191818; line-height:1.7em; letter-spacing:-1px;}
#course .wrapper { width:100%; margin:0 auto; margin-top:5px; overflow:hidden;}
#course li { float:left; width:21%; margin:2%;}
#course li:last-child { margin-right:0;}
#course li img{ width:100%;}
#course li span{ display:block; background:#42b7c0; width:100%; height:50px; font-size:1.6em; font-weight:; color:#fff; line-height:50px; text-align:center;}

/*
#shuttle { background:url(../images/main_shuttle_bg.jpg); background-size:cover; width:100%; padding:35px 0 55px 0; overflow:hidden;}
#shuttle .title{ color:#fff; text-align:center;}
#shuttle .title strong{ font-size:2.2em; line-height:1.7em; letter-spacing:-1px;}
#shuttle .wrapper { width:96%; margin:0 auto; margin-top:25px; overflow:hidden;}
#shuttle .pic { float:left; width:;}
#shuttle .pic img { width:100%;}
#shuttle .txt { float:; width:100; overflow:hidden;}
#shuttle li { float:left; background:#fff;  width:25.0%; border-left:1px #60c3ca solid; border-bottom:1px #60c3ca solid;  }
#shuttle li.pic { background:none; width:220px; padding:0;}
#shuttle li.pic img { width:100%;}
#shuttle li a{ display:block; padding:16.5px 0; font-size:0.9em; line-height:1.0em; text-align:center;}
*/

#shuttle { background:url(../images/main_shuttle_bg.jpg); background-size:cover; width:100%; padding:40px 0 60px 0; overflow:hidden;}
#shuttle .title{ color:#fff; text-align:center;}
#shuttle .title strong{ font-size:2.2em; line-height:1.7em; letter-spacing:-1px;}
#shuttle .wrapper { max-width:1200px; margin:0 auto; margin-top:25px; padding:0 10px; overflow:hidden;}
#shuttle .pic { float:left; width:25%;}
#shuttle .txt { float:; width:100%; overflow:hidden;}
#shuttle li { float:left; background:#fff; width:24.8%; height:; border-left:1px #60c3ca solid; border-bottom:1px #60c3ca solid; font-size:0.95em; line-height:63px; text-align:center; }
#shuttle li a{ display:block;}
#shuttle li.pic { width:;}


#doro { background:url(../images/main_doro_bg.jpg); background-size:cover; width:100%; padding:70px 0 90px 0; color:#fff; text-align:center; overflow:hidden;}
#doro li.tit { font-size:2.2em; font-weight:500; line-height:1.7em; letter-spacing:-1px; }
#doro li.btn {  margin-top:35px; }
#doro li.btn a{ background:#42b7c0; border-radius:5px; padding:10px 15px; color:#fff; line-height:1.2em; text-align:center; }

#merit { width:100%; margin:0 auto; margin-top:50px; overflow:hidden;}
#merit .title{ color:#191818; text-align:center; margin-bottom:30px;}
#merit .title strong{ font-size:2.2em; line-height:1.7em; letter-spacing:-1px;}
#merit ul { display:inline-block; width:33%; text-align:center;}
#merit ul li img { width:25%;}
#merit ul li.txt { margin-top:15px;}
#merit ul li.txt strong { display:block; font-size:1.2em; margin-bottom:5px;}

}

@media ( max-width: 767px )  /* 폰 */
{

/* 팝업 */	
#div_notice,#div_notice2, #div_notice3 { position:absolute; left:0; width:100%; }
#div_notice img, #div_notice2 img, #div_notice3 img{ width:100%;}

#tel_sns { width:96%; margin:0 auto; margin-top:2%; padding:0; overflow:hidden;}
#tel_sns li{ display:block; width:92%; padding:4%; overflow:hidden;}
#tel_sns .tel { background:#48bdc5; }
#tel_sns .kakao { background:#ffdd04;}
#tel_sns .blog { background:#87e654; }
#tel_sns .pic img{ float:left; width:10%; margin-bottom:12px; }
#tel_sns .tel .txt { float:left; width:82%; margin-left:3%; font-weight:300; color:#fff;}
#tel_sns .tel .txt span { font-size:1.2em; font-weight:400;}
#tel_sns .tel .txt strong { font-size:1.5em; line-height:1.2em;}
#tel_sns .kakao .txt {float:left; width:82%; margin-left:3%; font-weight:300; color:#3b1e1e;  }
#tel_sns .kakao .txt span{ font-size:1.2em; font-weight:400; }
#tel_sns .kakao .txt strong { display:block; margin-top:3px; font-size:1.0em; font-weight:500; line-height:1.4em;}
#tel_sns .blog .txt { float:left; width:82%; margin-left:3%; font-weight:; color:#1c5100;}
#tel_sns .blog .txt span { display:block; margin-bottom:-15px; font-size:1.2em; font-weight:400;}

#after { width:96%; height:; margin:0 auto; }
#after .wrapper { background:url(../images/main_after.jpg) center; background-size:cover; width:92%; height:; padding:4%;}
#after .wrapper .txt { font-weight:; color:#102663;}
#after .wrapper .txt span { display:block; margin-bottom:-15px; font-size:1.2em; font-weight:; line-height:1.2em;}

#license { width:96%; margin:0 auto; margin-top:40px; overflow:hidden;}
#license .title{ text-align:center;}
#license .title strong{ font-size:1.6em; color:#191818; line-height:1.3em; letter-spacing:-1.5px;}
#license .wrapper { position:relative; width:100%; margin-top:25px; overflow:hidden;}
#license ul{ float:; width:100%; margin:0;}
#license .pic img{ width:;}
#license .tit{ font-size:1.3em; font-weight:600; color:#1b1b1b; line-height:1.5em; letter-spacing:-1.5px; margin-top:10px;}
#license .tit strong{ color:#48bdc5;}
#license .txt{ color:#575757; margin-bottom:35px;}
#license .txt span{ color:#ff2626;}

#course { background:#f2f2f2; width:100%; margin-top:30px; padding:35px 0 35px 0; overflow:hidden;}
#course .title{ text-align:center;}
#course .title strong{ font-size:1.5em; color:#191818; line-height:1.5em; letter-spacing:-1px;}
#course .wrapper { width:96%; margin:0 auto; margin-top:10px; overflow:hidden;}
#course li { float:left; width:46%; margin:2%;}
#course li:last-child {}
#course li img{ width:100%;}
#course li span{ display:block; background:#42b7c0; width:100%; height:35px; font-size:1.1em; font-weight:; color:#fff; line-height:35px; text-align:center;}

#shuttle { background:url(../images/main_shuttle_bg.jpg); background-size:cover; width:100%; padding:35px 0 55px 0; overflow:hidden;}
#shuttle .title{ color:#fff; text-align:center;}
#shuttle .title strong{ font-size:1.5em; line-height:1.5em; letter-spacing:-1px;}
#shuttle .wrapper { width:96%; margin:0 auto; margin-top:25px; overflow:hidden;}
#shuttle .pic { float:left; width:;}
#shuttle .pic img { width:100%;}
#shuttle .txt { float:; width:100; overflow:hidden;}
#shuttle li { float:left; background:#fff; width:49.5%; border-left:1px #60c3ca solid; border-bottom:1px #60c3ca solid;  }
#shuttle li.pic { clear:both; background:none; width:100%; margin:0 auto; margin-bottom:10px; border:0;}
#shuttle li.pic img { width:250px;}
#shuttle li a{ display:block; padding:10px 0; font-size:0.9em; line-height:1.4em; text-align:center;}
#shuttle li:last-child{ display:none;}

#doro { background:url(../images/main_doro_bg.jpg) center; background-size:cover; width:100%; padding:40px 0 50px 0; color:#fff; text-align:center; overflow:hidden;}
#doro li.tit { font-size:1.5em; font-weight:500; line-height:1.2em; letter-spacing:-1px; margin-bottom:10px;}
#doro li.btn {  margin-top:35px; }
#doro li.btn a{ background:#42b7c0; border-radius:5px; padding:10px 15px; color:#fff; line-height:1.2em; text-align:center; }

#merit { width:96%; margin:0 auto; margin-top:50px; overflow:hidden;}
#merit .title{ color:#191818; text-align:center; margin-bottom:20px;}
#merit .title strong{ font-size:1.5em; line-height:1.5em; letter-spacing:-1px;}
#merit ul { display:; width:100%; margin-bottom:15px; text-align:;}
#merit ul li { float:left;}
#merit ul li.pic { width:25%;}
#merit ul li.pic img{ width:60%;}
#merit ul li.txt { width:75%; margin-top:0; text-align:left;}
#merit ul li.txt strong { display:block; font-size:1.1em; margin-bottom:5px;}

}



/*기본게시판*/
.latestBBS li { line-height:22px;height:22px;overflow:hidden; background: url(../images/dot_title2.png) no-repeat 0 8px ;}
.latestBBS li .title { color:#2a2a2a; padding-left:5px; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:none;}

/*갤러리게시판*/
.latestGallery li { width:120px; float:left; margin:10px 4px;  }
.latestGallery li .img img { width:120px; height:90px;   }
.latestGallery li .caption { width:120px; height:15px; margin-top:5px; overflow:hidden; text-align:center  }