@charset "utf-8";

/* 본문 */
#content{padding:12px 0 123px;}

.main-popup .slick-dots{display:table;width:100%;padding:0 10px;border-top:1px solid #e2e1e1;border-bottom:1px solid #e2e1e1;}
.main-popup .slick-dots li{position:relative;display:table-cell;padding:0 3px;vertical-align:top}
.main-popup .slick-dots li a{display:block;position:relative;height:49px;padding-top:13px;color:#787878;font-size:16px;letter-spacing:-0.2px;text-align:center;vertical-align:middle}
.main-popup .slick-dots li + li:before{display:block;position:absolute;top:50%;left:0;width:1px;height:22px;margin-top:-11px;background-color:#e7e7e7;content:'';}
/*.main-popup .slick-dots .slick-active a{color:#1fba7a;font-weight:500;}*/


.side-popup .slick-dots{position:absolute;bottom:22px;left:0;width:100%;text-align:center}
.side-popup .slick-dots li{display:inline-block;padding:0 4px;vertical-align:top}
.side-popup .slick-dots li button{display:block;width:11px;height:11px;line-height:11px;padding:0;border-radius:5px;background-color:#ae83e2;text-indent:-9999px;border:none;}
.side-popup .slick-dots .slick-active button{background-color:#ffffff}

.timetable-wrap{height:118px;margin-bottom:10px;padding-top:28px;background:url(/newhtml/images/main/timetable_bg.jpg) no-repeat 50% 50%;text-align:center}
.timetable-wrap .title{display:inline-block;height:62px;line-height:62px;padding-left:73px;background:url(/newhtml/images/main/timetable_icon.png) no-repeat 0 50%;color:#222222;font-size:26px;font-weight:700;letter-spacing:-0.2px;}
.popup-wrap{padding-bottom:10px;}

.popup-wrap{height:440px;}
@media (max-width: 1500px) {body:not(#pc_renew) .popup-wrap{height:370px;}}
@media (max-width: 1210px) {body:not(#pc_renew) .popup-wrap{height:340px;}}
@media (max-width: 800px) {body:not(#pc_renew) .popup-wrap{height:280px;}}

.popup-wrap{overflow: hidden}

.popup-wrap:after{display:block;clear:both;content:'';}

.popup-wrap .main-popup{position:relative;float:left;}

.popup-wrap .main-popup{width:948px;height:440px }

@media (max-width: 1500px) {body:not(#pc_renew) .popup-wrap .main-popup{width:786px !important ;height:370px !important;}}
@media (max-width: 1210px) {body:not(#pc_renew) .popup-wrap .main-popup{width:650px !important ;height:340px !important;}}
@media (max-width: 800px) {body:not(#pc_renew) .popup-wrap .main-popup{width:480px !important ;height:280px !important;}}

.popup-wrap .side-popup{position:relative;float:right;}
.popup-wrap .side-popup{width:238px;}
@media (max-width: 1500px) {body:not(#pc_renew) .popup-wrap .side-popup{width:202px !important ;}}
@media (max-width: 1210px) {body:not(#pc_renew) .popup-wrap .side-popup{width:130px !important ;}}
@media (max-width: 800px) {body:not(#pc_renew) .popup-wrap .side-popup{width:100px !important ;}}

.banner-wrap{padding-bottom:10px;}
.teacher-wrap{position:relative;}

/* 탭메뉴 */
.teacher-wrap .teacher-tabs{position:absolute;top:0;right:0;width:124px;border:1px solid #e4e4e4;}
.teacher-wrap .tabs-btn{}
.teacher-wrap .tabs-btn::after{display:block;clear:both;content:'';}
.teacher-wrap .tabs-btn .item{position:relative;float:left;width:50%;}
.teacher-wrap .tabs-btn .item + .item{}
.teacher-wrap .tabs-btn .item + .item:before{display:block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:#c5c5c5;content:'';z-index:2}
.teacher-wrap .tabs-btn .item a{display:block;height:35px;line-height:35px;background:#979797;color:#fff;font-size:14px;letter-spacing:-0.2px;cursor:pointer;text-align:center}
.teacher-wrap .tabs-btn .item.active a{background:#4dd098;font-weight:700;}

/*
.teacher-wrap .info-tabs-btn{background:#efefef;}
.teacher-wrap .info-tabs-btn > div{position:relative;border-top:1px solid #e4e4e4}
.teacher-wrap .info-tabs-btn > div.on:before{display:block;position:absolute;top:0;left:-10px;width:10px;height:100%;background:url(/newhtml/images/main/teacher_tabs_arrow.jpg) no-repeat 0 50%;content:'';z-index:2}
.teacher-wrap .info-tabs-btn > div.on a{background:#4f84dd;color:#fff;font-weight:900;}
.teacher-wrap .info-tabs-btn a{display:block;height:39px;line-height:39px;color:#787878;font-size:15px;font-weight:500;text-align:center}
*/
.teacher-wrap{}
.teacher-wrap .tabs-sub-btn .item-wrap{display:none;background:#efefef;}
.teacher-wrap .tabs-sub-btn .item-wrap::after{display:block;clear:both;content:'';}
.teacher-wrap .tabs-sub-btn .item-wrap.active{display:block;}
.teacher-wrap .tabs-sub-btn .item-wrap > div{position:relative;border-top:1px solid #e4e4e4}
.teacher-wrap .tabs-sub-btn .item-wrap > div.on:before{display:block;position:absolute;top:0;left:-10px;width:10px;height:100%;background:url(/newhtml/images/main/teacher_tabs_arrow.jpg) no-repeat 0 50%;content:'';z-index:2}
.teacher-wrap .tabs-sub-btn .item-wrap > div.on a{background:#4f84dd;color:#fff;font-weight:900;}
.teacher-wrap .tabs-sub-btn .item-wrap a{display:block;height:39px;line-height:39px;color:#787878;font-size:15px;font-weight:500;text-align:center}

.teacher-wrap .tabs-info{height:300px;overflow: hidden}
.teacher-wrap .tabs-info .info-wrap{}
.teacher-wrap .tabs-info .info-wrap{display:none;}
.teacher-wrap .tabs-info .info-wrap::after{display:block;clear:both;content:'';}
.teacher-wrap .tabs-info .info-wrap.active{display:block;}

.teacher-wrap .tabs-info .item{display:none;}
.teacher-wrap .tabs-info .item::after{display:block;clear:both;content:'';}
.teacher-wrap .tabs-info .item.on{display:block;}

.teacher-wrap .teacher-list{position:relative;}
.teacher-wrap .teacher-list{width:1068px;}

.teacher-wrap .teacher-list::after{display:block;clear:both;content:'';}
.teacher-wrap .teacher-list li{float:left;position:relative;margin-right:6px;}
.teacher-wrap .teacher-list li a{display:block;position:relative;padding:30px 0 0 24px;background-color:#efefef;background-position:100% 100%;background-repeat:no-repeat;}
.teacher-wrap .teacher-list li a span,.teacher-wrap .teacher-list li a em{display:block;letter-spacing:-0.2px;}
.teacher-wrap .teacher-list .cate{float:left;line-height:17px;padding:0 3px;background:#fff;border-width:1px;border-style:solid;font-size:12px;font-weight:500;letter-spacing:-0.2px;}
/*.teacher-wrap .teacher-list .cate{border-color:#3abd85;color:#3abd85;}*/
.teacher-wrap .teacher-list .text{clear:both;padding-top:10px;color:#272727;font-size:18px;font-weight:300;letter-spacing:-0.2px;line-height:24px;}
.teacher-wrap .teacher-list .more{position:absolute;bottom:80px;left:24px;color:#898989;font-size:12px;letter-spacing:-0.2px;text-decoration:underline}

.teacher-wrap .teacher-list.list-3n li{width:346px;margin-right:10px;}
.teacher-wrap .teacher-list.list-3n li a{padding:30px 0 0 36px;}
.teacher-wrap .teacher-list.list-3n .more{left:36px;}

/*.teacher-wrap .teacher-list li {width:284px;height:277px;}

.teacher-wrap .teacher-list li a{width:284px;}*/
.teacher-wrap .teacher-list li a{height:277px;}


/*.teacher-wrap .teacher-slider3 li a{width:284px;}*/

/*.teacher-wrap .teacher-slider3 li a{width:377px;}*/

@media (max-width: 1500px) {
	body:not(#pc_renew) .teacher-wrap .teacher-list{width:868px !important ;}
	/*.teacher-wrap .teacher-list li{width:260px;}*/
	/*.teacher-wrap .teacher-list li a{height:277px;}*/
}
@media (max-width: 1210px) {body:not(#pc_renew) .teacher-wrap .teacher-list{width:668px !important ;}}
@media (max-width: 800px) {body:not(#pc_renew) .teacher-wrap .teacher-list{width:468px !important ;}}

/* 게시판 */
.board-wrap{margin-top:20px;}
.board-wrap::after{display:block;clear:both;content:'';}
.board-wrap > div{position:relative;padding:0 13px;border:1px solid #e2e2e2;}
.tabs-wrap-notice{position:relative;padding:0 13px;border:1px solid #e2e2e2;}
.tabs-wrap{width:596px;}
.course{width:596px;}
@media (max-width: 1500px) {
	body:not(#pc_renew) .tabs-wrap{width:490px;}
	body:not(#pc_renew) .course{width:490px;}
}
@media (max-width: 1210px) {
	body:not(#pc_renew) .tabs-wrap{width:390px;}
	body:not(#pc_renew) .course{width:390px;}
}

.board-wrap > .books{width:100%;height:auto;}
.board-wrap > .notice{float:left;}
.board-wrap > .course{float:right;}

.board-head{position:relative;height:52px;padding:18px 8px 0;border-bottom:1px solid #e7e7e7}
.board-head::after{display:block;clear:both;content:'';}
.board-head .board-title{float:left;width:122px;color:#2e2e2e;font-size:17px;font-weight:700;letter-spacing:-0.2px;line-height:20px;}

.board-wrap .board-more{position:absolute;top:22px;right:23px}
.board-head .board-more{right:10px;}
.board-wrap .board-more a{display:block;height:16px;line-height:16px;padding-right:13px;background:url(/newhtml/images/main/board_more_arrow.png) no-repeat 100% 50%;color:#949494;font-size:13px;font-weight:300;letter-spacing:-0.2px;}

.books-info{padding:19px 0 21px;}
.books-info ul::after{display:block;clear:both;content:'';}
.books-info li{float:left;position:relative;width:390px;}
@media (max-width: 1500px) {body:not(#pc_renew) .books-info li{width:320px;}}


.books-info li:before{display:block;position:absolute;top:2px;bottom:2px;left:-16px;width:1px;background-color:#e7e7e7;content:'';z-index:1}
.books-info li:first-child:before{display:none}
.books-info li:nth-child(5):before{display:none}
.books-info li a{display:block;position:relative;height:161px;padding:3px 20px 0 164px;}
.books-info li a span,.books-info li a em{display:block;letter-spacing:-0.2px;}
.books-info .sale{position:absolute;top:-12px;left:7px;z-index:1}
.books-info .image{position:absolute;top:0;left:26px;border:1px solid #e6e6e6;}
.books-info .title{margin-bottom:17px;color:#232323;font-size:16px;font-weight:500;line-height:23px;}
.books-info .rate,.books-info .price,.books-info .final{float:left;margin-right:5px;line-height:18px;}
.books-info .rate{color:#20a06a;font-size:16px;font-weight:700;}
.books-info .price{color:#a2a1a1;font-size:14px;font-weight:300;letter-spacing:-0.4px;text-decoration:line-through;}
.books-info .final{color:#232323;font-size:16px;font-weight:500;}
.books-info .final small{font-weight:300;}

.books-info .books-silder .slick-slide:before{display:none;}
.books-info .books-silder .slick-active:before{display:block;}

.board-info{padding:16px 9px;}
.board-info ul{}
.board-info li + li{margin-top:16px;}
.board-info li a{display:block;position:relative;}
.board-info li a span,.board-info li a em{display:block;letter-spacing:-0.2px;}
.board-info .cate{display: flex;justify-content: center;align-items: center;position:absolute;top:0;left:0;width:53px;height:48px;border-style:solid;border-width:1px;color:#36c186;font-size:13px;font-weight:700;line-height:18px;text-align:center;}


.notice .board-info li a{padding:0 90px 0 62px;}
.notice .board-info .cate1{border-color:#36c186;color:#36c186;letter-spacing:0.6px;}
.notice .board-info .cate2{border-color:#d97a26;color:#d97a26;}
.notice .board-info .cate3{border-color:#34a8de;color:#34a8de;}
.notice .board-info .title{color:#313131;font-size:17px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.notice .board-info .text{color:#a0a0a0;font-size:15px;font-weight:300;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.notice .board-info .date{position:absolute;top:50%;right:0;margin-top:-8px;color:#b6b6b6;font-size:14px;line-height:16px;}

.course .board-info li a{padding:5px 0 0 88px;}
.course .board-info .cate{width:77px;}
.course .board-info .cate1{border-color:#de8b32;color:#de8b32;}
.course .board-info .cate2{border-color:#3a53bd;color:#3a53bd;}
.course .board-info .cate3{border-color:#272727;color:#272727;line-height:36px;letter-spacing:-0.4px;}
/*.course .board-info .text{color:#36b07c;font-size:13px;font-weight:500;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/
.course .board-info .text{color:#a0a0a0;font-size:13px;font-weight:500;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.course .board-info .title{color:#232323;font-size:17px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.course .board-info .date{position:absolute;top:50%;right:0;margin-top:-8px;color:#b6b6b6;font-size:14px;line-height:16px;}

/* 탭메뉴 */
.tabs-wrap .tabs-btn{position:relative;padding-top:1px;}
.tabs-wrap .tabs-btn::after{display:block;clear:both;content:'';}
.tabs-wrap .tabs-btn .btn-item{position:relative;float:left;}
.tabs-wrap .tabs-btn .btn-item + .btn-item{margin-left:12px;padding-left:12px;}
.tabs-wrap .tabs-btn .btn-item + .btn-item:before{display:block;position:absolute;top:2px;left:0;width:1px;height:13px;background-color:#c5c5c5;content:'';}
.tabs-wrap .tabs-btn .btn-item a{display:block;height:20px;line-height:16px;color:#8c8c8c;font-size:14px;font-weight:500;letter-spacing:-0.2px;cursor:pointer;}
.tabs-wrap .tabs-btn .btn-item.active a{border-bottom:2px solid #3bc58a;color:#3bc58a;font-weight:700;}

/* 탭메뉴 */


.tabs-wrap .tabs-info{}
.tabs-wrap .tabs-info .info-item{display:none;}
.tabs-wrap .tabs-info .info-item::after{display:block;clear:both;content:'';}
.tabs-wrap .tabs-info .info-item.active{display:block;}




.tab_board{position:relative;width:100%;height:214px;padding:20px;}
.tab_board::after{display:block;clear:both;content:'';}
.tab_board > li{float:left;}
.tab_board .tab_btn{display:block;margin-right:20px;padding:0;font-size:17px;color:#646464;font-weight:500;text-align:center;line-height:20px;}
.tab_board .tab_btn.on{position:relative;font-size:18px;font-weight:900;color:#404040;}

.tab_board .tab_box{display:none;}
.tab_board .n1 .tab_box{display:block;}
.tab_board .desc_list{position:absolute;overflow:hidden;top:52px;left:0;width:100%;margin:0 auto;padding:24px 20px 0;border-top:1px solid #e2e0dd;list-style:none;}
.tab_board .desc_list li{position:relative;margin-bottom:10px;padding-right:74px;}
.tab_board .desc_list li:last-child{background:none}
.tab_board .desc_list li.no_data{width:100%;padding:0;text-align:center}
.tab_board .desc_list li a{display:block;line-height:20px}
.tab_board .desc_list li .title,.tab_board .desc_list li .date{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px;}
.tab_board .desc_list li .title{font-size:15px;font-weight:400;color:#646464;letter-spacing:-0.25px;}
.tab_board .desc_list li strong.title{color:#353434}
.tab_board .desc_list li .date{position:absolute;top:0;right:0;width:72px;text-align:right;color:#8d8d8d;}
.tab_board .desc_list li .title img{display:inline-block;margin-right:5px}

.tab_board .board_more{position:absolute;top:20px;right:20px;font-size:14px;letter-spacing:-0.5px;color:#646464;line-height:20px;}
.tab_board .board_more i{display:inline-block;padding-left:4px;font-size:26px;font-weight:100;line-height:20px;vertical-align:top}