@charset "euc-kr";

/* setting */
.evCon3 .con_box::after {content:""; display:block; clear:both}
.evCon3 .video_box {position: relative; /* z-index: 1; */ cursor:pointer; padding-bottom: 56.3%; background: #222; overflow: hidden; border-radius: 3px; float: left; width: 580px;}
.evCon3 .video_box .play_area {width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%;}
.evCon3 .video_box iframe {position: absolute; top:0; left:0; width:100%; height:100%;}
.evCon3 .tiny_txt {font-size:12px; letter-spacing: -0.03em;}
.evCon3 sup {vertical-align: top;}

.tab_cont {padding: 0 !important; overflow: inherit;}
.tab_cont .subtit {display: none !important;}

/* img.pc_img {display: inline;}
img.mb_img {display: none;}
.evCon3 .lectlist{background: #fff;text-align: left;line-height: 1.2;}
.evCon3 .lecture{padding-bottom: 0 !important;font-family:'Malgun Gothic', '¸¼Àº °íµñ';}
.vodchr_banner{margin:0} */

.evCon3 br.mo_for {display: none;}


/* evCon3 */
.evCon3 .teacher_info {position:relative; background: #fff;}
.evCon3 .teacher_info #slickCon_tab > div {padding: 0; position: relative;}
.evCon3 .teacher_info #slickCon_tab >.slick-arrow {display: none !important}
.evCon3 .teacher_info .tab_btn::after {content:''; display: block; clear: both;}
.evCon3 .teacher_info .tab_btn li a {position: relative; display: block; padding: 18px 0;}
.evCon3 .teacher_info .tab_btn li.on a::before {content:''; display:block;position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; background: #000;}

.evCon3 .teacher_info .tab_btn li{position: relative; float:left; width: 12.5%; background: #f1f2f2;color: #ababab;font-size: 20px;border: 1px solid #c8c8c8;box-sizing: border-box;margin: 0 0 0 0px;font-weight: 200;height: 66px;}
/* .eventWrap .con6 .teacher_info .tab_btn li:nth-child(8n){border-right:none} */
/* .eventWrap .con6 .teacher_info .tab_btn li:nth-child(29),.eventWrap .con6 .teacher_info .tab_btn li:nth-child(30){border-bottom: none;} */

.evCon3 .teacher_info .tab_btn li.on {background: #f1a8b4; color: #000; font-weight: bold; border: 1px solid #000; border-width: 1px 1px 1px;}

.evCon3 .teacher_info .tec_box {position: relative; padding: 0; margin-bottom: 160px;}
.evCon3 .teacher_info .tec_box::after {content:""; display:block; clear:both;}
.evCon3 .teacher_info .tec_box .tec_img {position: absolute; bottom: 0; left: 0;}
.evCon3 .teacher_info .tec_box .onlysb_icon {position: absolute; top: -50px; left: 50%; z-index: 1; margin: 0 0 0 -10px; font-size: 0;}
.evCon3 .teacher_info .tec_box .tec_img img {-webkit-box-shadow: 7px 9px 9px -4px rgb(214, 214, 214); -moz-box-shadow: 7px 9px 9px -4px rgb(214, 214, 214); box-shadow: 7px 9px 9px -4px rgb(214, 214, 214);}
.evCon3 .teacher_info .tec_box .tec_img .teacherNew {position:absolute; left:20px; top:-7px; box-shadow:none;}
.evCon3 .teacher_info .video_wrap{position: relative;background: #f1f2f2;width: 670px;height: 380px;overflow: hidden;cursor: pointer;}
.evCon3 .teacher_info .video_box{padding-bottom: 35.295%;padding: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;z-index: 2;}
.evCon3 .teacher_info .video_box.nonevd{padding-bottom:0;}
.evCon3 .teacher_info .video_box.none{padding: 0}
.evCon3 .teacher_info .video_wrap .tea_tit{position: absolute;top: 0;left: 0;margin: 95px 0 0 54px;text-align: left;font-size: 26px;font-weight: normal;z-index: 2;padding: 0;}
.evCon3 .teacher_info .video_wrap .tea_tit.long{font-size:24px;letter-spacing:-1px;}
.evCon3 .teacher_info .video_wrap .tea_tit::before{content:'';display: block;font-size: 0;width: 88px;height: 88px;background: url(https://img.megagong.net/m/2022/0422_sobang/con_img21.png) no-repeat 0 0;vertical-align: middle;margin: 0 0 0 10px;position: absolute;bottom: 0;left: 0;margin: 0 0 -130px;}
.evCon3 .teacher_info .video_wrap .tea_tit i{display: inline-block;position: absolute;top: -35px;left: 0;width: 174px;height: 30px;background: #f1a8b4;color: #fff;font-size: 16px;text-align: center;line-height: 30px;font-style: normal;}
.evCon3 .teacher_info .video_wrap .tea_img,.eventWrap .video_box .play_area > img{z-index: 1;position: absolute;bottom: -2px;right: 0;width: 302px;}
.gtelp .video_box .play_area > img{width: 314px;top: 43px;}
.eventWrap .teacher_info .tec_box .lec_btn{display: inline-block;font-size: 0;width: 32px;height: 32px;background: url(https://img.megagong.net/m/2022/0422_sobang/con_img20.png) no-repeat 0 0;vertical-align: middle;margin: 0 0 0 10px;}
.evCon3 .teacher_info .tec_box .lec_btn strong{display:block}
.evCon3 .teacher_info .tec_box .tec_tit{position: relative;position: absolute;top: 70px;left: 720px;text-align: left;}
.evCon3 .teacher_info .tec_box .tec_tit .tip{display: block;/*font-size: 25px;*/font-size: 22px;color: #f1a8b4;margin: 0 0 20px;letter-spacing:-1px;}
/* .evCon3 .teacher_info .tec_box .tec_tit .tip.tipsmall {font-size: 22px;} */
.evCon3 .teacher_info .tec_box .tec_tit .expln{display: block;font-size: 15px;font-weight: normal;}
.evCon3 .teacher_info .tec_box .tec_tit .gray_t {margin-top:10px;font-weight:300;color:#bebebe;display:block;font-size:13px;}
.evCon3 .teacher_info .tec_box .tec_tit .gray_t+.tea_name {margin-top:40px;}
.evCon3 .teacher_info .tec_box .tea_name{display: block;font-weight: normal;margin: 80px 0 0;}
.evCon3 .teacher_info .tec_box .tea_name strong{padding: 0 15px 0 0;margin: 0 15px 0 0;position: relative;}
.evCon3 .teacher_info .tec_box .tea_name strong::before{content:'';position: absolute;top: 50%;right: 0;width: 1px;height: 12px;background: #000;margin: -6px 0 0;}
.evCon3 .teacher_info .name_btn{overflow: hidden;padding: 15px 0 40px;margin: 0 0 0 -11px;}
.evCon3 .teacher_info .name_btn li{float: left;display: block;margin: 0 0 10px 0; position: relative;}
.evCon3 .teacher_info .name_btn li:first-child a{color: #000;}
.evCon3 .teacher_info .name_btn li::before{content: '';display: block;width: 1px;height: 15px;background: #000;position: absolute;top: 4px;left: 0;opacity: 0.3;}
.evCon3 .teacher_info .name_btn li:first-child:before {content: none;}
.evCon3 .teacher_info .name_btn li a{display: block;padding: 2px 11px;margin: 0;text-align: center;font-size: 17px;line-height: 1;font-weight: 200;}
.evCon3 .teacher_info .name_btn li.on a{font-weight: bold;color: #222;}
.evCon3 .teacher_info .name_btn li:hover a{font-weight: bold;color: #222;}
.sobang_teacher .lec_btn{position: absolute;display: inline-block;bottom: 0;left: 50%;margin: 0 0 -18px 129px;background: #26B7BD;padding: 10px 21px;color: #fff;font-size: 15px;-webkit-border-radius: 36px;-moz-border-radius: 36px;border-radius: 36px;}

.evCon3 .teacher_info .grade_btn {position: relative; display: flex; margin: 0 0 30px;}
.evCon3 .teacher_info .grade_btn::before {content: ''; width: 500%; height: 2px; background: #000; position: absolute; top: 100%; left: -250%;}
.evCon3 .teacher_info .grade_btn li {flex: 1; color: #fff; background: #e4e4e4; font-size: 24px; font-weight: bold; transition: background ease-in-out .3s;}
.evCon3 .teacher_info .grade_btn li.on {background: #000;}
.evCon3 .teacher_info .grade_btn li:hover {background: #000;}
.evCon3 .teacher_info .grade_btn li a {display: block; padding: 20px 0;}

.evCon3 .curr_btn{padding: 60px 0 0;}
.evCon3 .curr_btn a{width:440px;height:80px;background:#000;color:#fff;display: block;margin: 0 auto;font-size: 20px;font-weight: 200;border-radius: 10px;padding: 24px 0 0;}
.evCon3 .curr_btn a i{display: inline-block;font-size: 0;width: 24px;height: 24px;background: url(https://img.megagong.net/m/2022/0422_sobang/con_img22.png) no-repeat 0 0;vertical-align: middle;margin: -2px 0 0 10px;}

.eventWrap .layerPopup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;}
.eventWrap .layerPopup .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;}
.eventWrap .layerPopup .contentBox{position: absolute;width:960px;letter-spacing: -0.08em;line-height: 1.3;background: #fff;top: 50%;left:50%;transform: translate(-50%,-50%);}
.eventWrap .layerPopup .contentBox .pop_box{padding: 20px 20px 0;position: relative;max-height: 800px;overflow: hidden;overflow-y: auto;}
.eventWrap .layerPopup .btnClose{position: absolute;bottom: -30px;right: 0;background: #000;padding: 3px;width:30px;height:30px;box-sizing: border-box;}
.eventWrap .layerPopup .btnClose{position:absolute;top: 0;right: -48px;display:block;font-size:0;line-height:0;width:35px;height:35px;background:url('https://img.megagong.net/m/2022/0602_curr/certifi_clo.png') center center no-repeat;}
.eventWrap .layerPopup .btnToday{position:absolute;bottom:-30px;right:32px;padding:0 15px;height:30px;line-height:30px;background:#000;color:#fff;font-weight:bold;}
.char_zone, .curr_tit{display: none;}
.teaCurr .tbl_wrp{margin-bottom: 20px;}

.eventWrap .layerPopup .contentBox .pop_box .curr_tab li{background: #ededed;width: 50%;float:left;font-size: 18px;color: #444;}
.eventWrap .layerPopup .contentBox .pop_box .curr_tab li.on{background: #df5a60; font-weight: bold;color: #fff;}
.eventWrap .layerPopup .contentBox .pop_box .tab_btn{margin-bottom: 40px;}
.eventWrap .layerPopup .contentBox .pop_box .tab_btn::after{content: '';display: block;clear: both;}
.eventWrap .layerPopup .contentBox .pop_box .tab_btn li{background: #ededed;width: 50%;float:left;font-size: 18px;color: #444;}
.eventWrap .layerPopup .contentBox .pop_box .tab_btn li a{display: block;padding: 20px 0;}
.eventWrap .layerPopup .contentBox .pop_box .tab_btn li.on{background: #df5a60; font-weight: bold;color: #fff;}

@media (max-width: 1200px){
    .eventWrap{font-size: 13px;}
    .flt_inner{display: none;}
    .eventWrap .inner, .eventWrap .con_top .inner{width: 96%;}
    .eventWrap img{width:100%}

    .eventWrap .layerPopup .contentBox{width: 90%;}
    .eventWrap .layerPopup .btnClose{top: -28px;right: 0px;width: 20px;height: 20px;}
    .evCon3 {padding: 14% 0;}
    
    .evCon3 .teacher_info .tec_box{margin: 0 0 80px;}
    .evCon3 .teacher_info #slickCon_tab > div{padding: 10px 0 0; }
    .evCon3 .teacher_info .name_btn{margin: 0 0 0 -2px; padding: 10px 0 20px;}
    .evCon3 .teacher_info .video_wrap{width: 62%;height: 34vw;}
    .evCon3 .teacher_info .video_wrap .tea_tit{margin: 7% 0 0 4%;font-size: 2.4vw;padding: 6% 0 0;}
    .evCon3 .teacher_info .video_wrap .tea_tit.long{font-size:22px;}
    .evCon3 .teacher_info .video_wrap .tea_tit::before{width: 7vw;height: 7vw;background-size: 100%;margin: 0 0 -10vw 0;}
    .evCon3 .teacher_info .video_wrap .tea_tit i{font-size: 1.4vw;width: 200px;padding: 0 4%;top: 0;}
    .evCon3 .teacher_info .video_wrap .tea_img, .eventWrap .video_box .play_area > img,.eventWrap .gtelp .video_box .play_area > img{width: 45%;top: 40px;}
    .evCon3 .teacher_info .tec_box .tec_tit{top: 4%;left: 64%;}
    .evCon3 .teacher_info .tec_box .tec_tit .tip,
    .evCon3 .teacher_info .tec_box .tec_tit .tip.tipsmall{font-size: 2.2vw;margin: 0 0 3%;}
    .evCon3 .teacher_info .tec_box .tec_tit .expln{font-size: 1.7vw;}
    .evCon3 .teacher_info .tec_box .tea_name{font-size: 1.5vw;margin: 30px 0 0;}
    .evCon3 .curr_btn{padding: 20px 0 0;}
    .evCon3 .curr_btn a{font-size: 2.1vw;display: inline-block;padding: 2% 4%;width: auto;height: auto;}

    .evCon3 .teacher_info .grade_btn li {font-size: 20px;}
    .evCon3 .teacher_info .grade_btn li a {padding: 4% 0;}

    .eventWrap .layerPopup .contentBox .pop_box .tab_btn,.eventWrap .layerPopup .contentBox .pop_box .curr_tab{margin-bottom: 2%;}

}
@media (max-width: 992px){
    .evCon3 .teacher_info .tab_btn li {font-size:16px;height: 60px;}
}

@media (max-width: 768px){
   
    .evCon3 .con_subtit{margin: 0 0 2%;}
    .evCon3 .teacher_info .tec_box .onlysb_icon{right:0;display: block;left: inherit;width: 100%;background: #1698c6;color:#fff;font-size: 14px;font-style: normal;width: 140px;padding: 2px 0;font-weight: 200;position: relative;top: inherit;left: inherit;right: inherit;margin: 0 0 0 auto;}
    .evCon3 .teacher_info .tec_box .onlysb_icon img{display:none;}
    .evCon3 .teacher_info .tec_box .tec_tit strong{margin: 0 0% 5%;}
    .evCon3 .teacher_info .tec_box .tec_tit strong img{width:100%}
    .evCon3 .teacher_info .tec_box .tec_tit.mbp strong{margin-bottom:15%;}
    .evCon3 .teacher_info .tec_box .tec_tit span.tiny{position:relative;top: auto;right:auto;display: block;float: right;margin-bottom: 1%;max-width: 60%;}
    .evCon3 .teacher_info #slickCon_tab > div{padding: 0px 0 0;}
    .evCon3 .teacher_info .name_btn li a{font-size: 15px;}
    .evCon3 .teacher_info .tab_btn li{font-size: 13px;height: 42px;}
    /* .evCon3 .con_tit{margin: 0 0 5%; padding: 0 15%;} */
    .evCon3 .teacher_info .tab_btn li a{padding: 10px 0} 
    .evCon3 .teacher_info .tab_btn li.on a::before{/* height:1px; */display: none;}

    .evCon3 .teacher_info .tec_box{margin: 0 0 40px;}
    .evCon3 .teacher_info .video_wrap{width: auto;height: 50vw;margin: 0 0 10px;}
    .evCon3 .teacher_info .video_wrap .tea_tit{font-size: 15px;padding: 25px 0 0;margin: 5% 0 0 5%;}
    .evCon3 .teacher_info .video_wrap .tea_tit.long{font-size:15px;}
    .evCon3 .teacher_info .video_wrap .tea_tit::before{margin: 0 0 -15vw;width: 11vw;height: 11vw;}
    .evCon3 .teacher_info .video_wrap .tea_tit i{width: 140px;padding: 4px 10px;font-size: 12px;height: auto;line-height: 1;}
    .evCon3 .teacher_info .video_wrap .tea_img,
    .eventWrap .video_box .play_area > img{width: 37%;right: 0%;top: 14%;}
    .evCon3 .teacher_info .tec_box .tec_tit{position: relative;top: inherit;left: inherit;padding: 15px 12px 15px 20px;border: 1px solid #0088e8;text-align: center;}
    .evCon3 .teacher_info .tec_box .tec_tit .tip,
    .evCon3 .teacher_info .tec_box .tec_tit .tip.tipsmall {font-size: 15px;}
    .evCon3 .teacher_info .tec_box .tec_tit .expln{font-size: 13px;}
    .evCon3 .teacher_info .tec_box .tec_tit .gray_t {font-size:11px;}
    .evCon3 .teacher_info .grade_btn li {font-size: 16px;}

    .evCon3 .curr_btn{padding: 15px 0 0;}
    .evCon3 .curr_btn a{font-size: 14px;display: block;padding: 10px 0;}
    .evCon3 .curr_btn a i{opacity:0.5}
    
    .eventWrap .layerPopup .teaCurr{height: 80vw;overflow: auto;}
    .eventWrap .layerPopup .contentBox .pop_box{padding: 10px;}
    .teaCurr .curr_Stit{margin: 0 0 10px;font-size: 14px;}
    .evCon3 .teacher_info .tec_box .tec_tit span{display: none;}
    .eventWrap .grade_wrap .item .t_name{bottom: 8px;left: 8px;font-size: 12px;}
    .evCon3 .teacher_info .tec_box .lec_btn{width: inherit;height: inherit; background:linear-gradient( to right, #9237ed, #5394e2 ,#1de5d7); border-radius: 10px; padding: 10px 0; margin: -7% 0 0 0;}
    .evCon3 .teacher_info .tec_box .lec_btn.v2 {margin-top:-3%;}

    .eventWrap .layerPopup .contentBox .pop_box .tab_btn li a,.curr_tab li a{display: block;padding: 10px 0; font-size: 16px;}

    .evCon3 .teacher_info .tec_box .tea_name{display: block !important;margin: 15px 0 0;}
    .evCon3 .teacher_info .tec_box .tea_name strong{margin: 0 5px 0 0;padding: 0 5px 0 00;}
    .evCon3 .teacher_info .tec_box .tea_name strong::before{height: 8px;margin: -3px 0 0;}
    .evCon3 .teacher_info .tec_box .lec_btn{background: url(https://img.megagong.net/m/2022/0422_sobang/con_img20.png) no-repeat 0 0;width: 22px;height: 22px;background-size: 22px;padding: 0;margin: 0px 0 0 5px}
}
@media (max-width: 576px){
    .eventWrap .layerPopup .teaCurr{height: 100vw;}
    .eventWrap .layerPopup .contentBox{width: 98%;}

    .evCon3 .teacher_info .tec_box .lec_btn{font-size: 0;}
    .eventWrap br.mo_for{display: block !important;}
    .evCon3 .teacher_info .tab_btn li {width: 20%;height: 36px;line-height: 1.1;margin: 0 0 ;}
    .evCon3 .teacher_info .tab_btn li a {padding: 10px 0 0;}
    .evCon3 .teacher_info .tab_btn li.twoline a{padding: 3px 0;}
    .evCon3 .teacher_info .tec_box .tec_tit{text-align:left}
    .evCon3 .teacher_info .grade_btn li {font-size: 14px;}
}	

@media (max-width: 480px){
    .teaCurr .tbl_wrp.essential {margin: 0 0 20px !important}
    .evCon3 .teacher_info .tab_btn li{font-size: 13px;}
    .eventWrap .layerPopup .contentBox .pop_box .tab_btn li a,.curr_tab li a{font-size: 13px;}
    .evCon3 .teacher_info .name_btn li a{font-size:13px}
    .evCon3 .teacher_info .name_btn li::before{height: 12px;}

}