@charset "utf-8";

/* 공통 레잉아웃 */
#wrap{overflow:hidden;position:relative;width:100%;height:100%;margin:0;padding:0;z-index:5;zoom:1}
#wrap:after {clear: both; content: ""; display: block;}
#mainContainer{position:relative;width:100%;height:100%;margin:0;padding:0;border:0;left:0;z-index:100;background:rgba(255,255,255,1);-webkit-transition:left 0.5s ease;-moz-transition:left 0.5s ease;-o-transition:left 0.5s ease;transition:left 0.5s ease;}
#mainContainer:after {clear: both; content: ""; display: block;}
#mainContainer.in {left:150px;}

.in_wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0;}

/* main_contents */
.main_content{position:relative;width:100%;margin:0 auto;padding:0;}
.main_content .bg2part{background: url(../images/main/bg_bt.jpg) no-repeat 50% -215px;}

@media(max-width: 1279px) {
.main_content .bg2part {background: url(../images/main/bg_bt.jpg) no-repeat 78% -215px;}
}
/********************************************** 아카데미프로그램 *****************************************************/
#mainProgram{position:relative;width:100%;height:100%;margin:0;}
#mainProgram h3{padding-bottom:90px;text-align:center;}
#mainProgram h3 img{max-width:149px;}
#mainProgram h3 p{padding-top:18px;font-family: 'Open Sans', sans-serif !important;color:#493e3c;letter-spacing:2.5px;text-transform:uppercase;}
#mainProgram h3 .s_tit{display:inline-block;padding:15px 5px;font-size:32px;font-weight:300;border-top: solid 1px #493e3c;border-bottom: solid 1px #493e3c;}
#mainProgram h3 .tit{font-size:48px;font-weight:800;}
#mainProgram h3 .tit span{color:#d1b081;}
#mainProgram .academyLst{position:relative;width:1600px;margin:0 auto;}
#mainProgram .academyLst:after {clear: both; content: ""; display: block;}
#mainProgram .academyLst li{float:left;width:25%;}
#mainProgram .academyLst li a{width:100%;max-width:360px;color:#fff;position: relative;
    display: block;}
#mainProgram .academyLst li a:hover{color:#fff;}
#mainProgram .academyLst li a:hover dl{height:100%;opacity:1;}
#mainProgram .academyLst li a > img{width:100%;max-width:360px;}
#mainProgram .academyLst li a > dl{padding: 0 5px;background: url(../images/common/bg0.png);transition:0.5s;
text-align: center;width:100%;max-width:360px;position: absolute;top: 0;height: 0;opacity:0;}
#mainProgram .academyLst li a > dl dt{font-size:20px;margin-bottom:10px;padding-top: 22%;}
#mainProgram .academyLst li a > dl dd{padding-top:5px;font-size:14px;line-height:180%;}
#mainProgram .mainLine{position:absolute;bottom:-20px;left:50%;text-align:center;z-index:1000;}

@media (min-width: 1280px) {
#mainProgram{height:645px;}
}

@media(max-width: 1599px) {
#mainProgram .academyLst{width:96%;}
#mainProgram .academyLst li{width:24%;margin:0 0.5%;}
}

@media (min-width: 992px) and (max-width: 1279px) {
#mainProgram{padding:50px 0;}
#mainProgram h3{padding-bottom:50px;}
#mainProgram h3 img{max-width:119px;}
#mainProgram h3 p{padding-top:15px;}
#mainProgram h3 .s_tit{font-size:30px;}
#mainProgram h3 .tit{padding-top:10px;font-size:40px;}
#mainProgram .academyLst li a > dl dt {padding-top:10%;}
#mainProgram .academyLst li a > dl dd{line-height:150%;}
#mainProgram .academyLst li a > dl dd br{display:none;}
#mainProgram .mainLine{display:none;}
}

@media (max-width: 991px) {
#mainProgram{padding:50px 0;}
#mainProgram h3{padding-bottom:50px;}
#mainProgram h3 img{max-width:119px;}
#mainProgram h3 p{padding-top:15px;}
#mainProgram h3 .s_tit{font-size:30px;}
#mainProgram h3 .tit{padding-top:10px;font-size:40px;}
#mainProgram .academyLst li a > dl dt {font-size: 16px;margin-bottom: 10px;    padding-top: 14%;}
#mainProgram .academyLst li a > dl dd{letter-spacing:-.5px;line-height:130%;padding-top: 5px;font-size: 13px;}
#mainProgram .academyLst li a > dl dd br{display:none;}
#mainProgram .mainLine{display:none;}

}

@media (max-width: 767px) {
#mainProgram{background-size:auto 150%;}
#mainProgram h3{padding-bottom:30px;}
#mainProgram h3 .s_tit{padding:10px 5px;font-size:24px;}
#mainProgram h3 .tit{font-size:30px;}
#mainProgram .academyLst li{width:48%;margin:10px 1%;}
#mainProgram .academyLst li a > dl dt{font-size:16px;}
#mainProgram .academyLst li a > dl dd{font-size:13px;}
}

@media (max-width: 640px) {
#mainProgram{padding:30px 0;}
#mainProgram h3 p{font-size:19px;}
#mainProgram h3 .s_tit{font-size:19px;}
#mainProgram h3 .tit{font-size:24px;}
}

@media (max-width:430px){

#mainProgram .academyLst li a > dl dt{font-size:15px;padding-top:8%;}
#mainProgram .academyLst li a > dl dd{font-size:12px;}
}

/********************************************** 커뮤니티 *****************************************************/
#mainCommunity{position:relative;width:100%;height:100%;padding:88px 0 150px;}
#mainCommunity h3{padding-bottom:70px;text-align:center;}
#mainCommunity h3 img{max-width:149px;}
#mainCommunity h3 p{padding-top:18px;font-family: 'Open Sans', sans-serif! important;color:#493e3c;letter-spacing:2.5px;text-transform:uppercase;}
#mainCommunity h3 .s_tit{display:inline-block;padding:15px 5px;font-size:32px;font-weight:300;border-top:solid 1px #888;border-bottom:solid 1px #888;}
#mainCommunity h3 .tit{font-size:48px;font-weight:800;}
#mainCommunity #box{position:relative;}
#mainCommunity #box:after {clear: both; content: ""; display: block;}
#mainCommunity #box .btn_month_wr{position: absolute;top: 84px;width: 100%;left: 0;text-align: center;}
#mainCommunity #box .btn_month_wr a.btn_month{display:inline-block;margin:0 40px;}
#mainCommunity #box .btn_month_wr a.btn_month .fas {color:#fff;}
#mainCommunity #box .calenderBox{float:left;width:50%;height:420px;padding:40px;background:#938669;position: relative;}
#mainCommunity #box .noticeBox{float:left;width:50%;height:420px;padding:40px;background:#493e3c;}
#mainCommunity #box h4{font-size:32px;color:#fff;font-weight:normal;text-align:center;}
#mainCommunity #box h4 a{color:#fff;}
#mainCommunity #box .ymd{padding-top:10px;font-size:16px;color:#fff;text-align:center;}
#mainCommunity #box .calender{margin-top:15px;}
#mainCommunity #box .calender .cal_tb{width:100%;}
#mainCommunity #box .calender .cal_tb thead{background:#8a7e62;border-bottom:solid 8px #938669;}
#mainCommunity #box .calender .cal_tb thead th{padding:15px 0;font-size:14px;color:#fff;font-weight:normal;}
#mainCommunity #box .calender .cal_tb tbody{background:#8a7e62;}
#mainCommunity #box .calender .cal_tb tbody td{height:30px;padding:3px 0;font-size:14px;color:#b1a68f;text-align:center;}
#mainCommunity #box .calender .cal_tb tbody td p{display:inline-block;width:30px;height:30px;font-size:14px;color:#fff;line-height:30px;text-align:center;}
#mainCommunity #box .calender .cal_tb tbody td p.on{background:#fff;color:#8a7e62;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;cursor:pointer;}

@media(max-width: 1279px) {
#mainCommunity{background-position:50% -50px;background-size:contain}
#mainCommunity #box{width:95%;margin:0 auto;}
#mainCommunity #box h4{font-size:30px;}
}

@media (max-width: 991px) {
#mainCommunity{background-position:50% -20px;}
#mainCommunity h3{padding-bottom:50px;}
#mainCommunity h3 img{max-width:119px;}
#mainCommunity h3 p{padding-top:15px;font-size:30px;}
#mainCommunity h3 .tit{padding-top:10px;font-size:40px;}
#mainCommunity #box h4{font-size:24px;}
#mainCommunity #box .btn_month_wr{top:65px;}
#mainCommunity #box .ymd{font-size:14px;}
#mainCommunity #box .calenderBox{height:390px;padding:30px 20px;}
#mainCommunity #box .noticeBox{height:390px;padding:30px 20px;}
}

@media (max-width: 767px) {
#mainCommunity h3{padding-bottom:30px;}
#mainCommunity h3 p{font-size:24px;}
#mainCommunity h3 .s_tit{padding: 10px 5px}
#mainCommunity h3 .tit{font-size:30px;}
#mainCommunity #box h4{font-size:20px;}
#mainCommunity #box .btn_month_wr {top: 51px;}
#mainCommunity #box .ymd{font-size:13px;}
#mainCommunity #box .calenderBox{float:none;width:100%;height:auto;padding:20px;}
#mainCommunity #box .noticeBox{float:none;width:100%;height:auto;padding:20px;}
}

@media (max-width: 640px) {
	
#mainCommunity{padding:15px 0 30px;}
#mainCommunity h3 p{font-size:19px;}
#mainCommunity h3 .s_tit{font-size: 19px;}
#mainCommunity h3 .tit{font-size:24px;}
}

/********************************************** 하단사이트맵 *****************************************************/
#footer{position:relative;width:100%;height:100%;padding:0;}
#footer .sitemap{position:relative;padding:60px 0 50px;background:#464646;}
#footer .sitemap:after {clear: both; content: ""; display: block;}
#footer .sitemap dl{float:left;width:16.5555%;}
#footer .sitemap dl dt{padding-left:20px;padding-bottom:20px;font-size:14px;color:#ddd;background:url(../images/common/ico_sitemap.gif) no-repeat 0 8px;}
#footer .sitemap dl dd{padding-left:20px;line-height:180%;}
#footer .sitemap dl dd a{display:block;font-size:13px;color:#999;}
#footer .infoBox{clear:both;position:relative;padding:40px 0;text-align:center;background:#555;}
#footer .infoBox .info{padding:10px 0;}
#footer .infoBox .info a{color:#999}
#footer .infoBox .info span{padding:0 10px;color:#777}
#footer .infoBox{color:#999}
#footer .infoBox .address li{padding:3px 0 5px;}
#footer .infoBox .address li span{padding:0 10px;color:#777}
#footer .infoBox .address li strong{color:#e83744;}
#footer .infoBox .address li.copyright{font-size:12px;letter-spacing:.8px;}
#footer .infoBox .foot_sns{margin-top:30px;}
#footer .infoBox .foot_sns a{margin:0 8px;}

@media(max-width: 1279px) {
#footer .sitemap{padding:60px 20px 50px;}
}

@media (max-width: 767px) {
#footer .sitemap{padding:40px 20px 10px;}
#footer .sitemap dl{width:33.3333%;margin-bottom:20px;}
#footer .sitemap dl dd a{font-size:12px;}
}

@media (max-width: 640px) {
#footer .sitemap dl dt{padding-left:15px;padding-bottom:10px;font-size:13px;background-position:-3px 6px;}
#footer .sitemap dl dd{padding-left:15px;line-height:150%;}
}



/**********************************************  *****************************************************/


@media (min-width: 992px) and (max-width: 1279px) {

}

@media (max-width: 991px) {

}

@media (min-width: 767px) {

}

@media (max-width: 767px) {

}

@media (max-width: 640px) {

}

@media (max-width: 480px) {

}