@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;/*font-family:'Malgun Gothic','?? ??';*/font-size: 15px;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap .con_tit{position: relative;margin-bottom: 60px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0;}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;/* z-index: 1; */cursor:pointer;padding-bottom: 56.3%;background: #222;overflow: hidden;border-radius: 3px;float: left;width: 580px;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .tiny_txt{font-size:12px;letter-spacing: -0.03em;}
.eventWrap sup{vertical-align: top;}


.eventWrap .video_box .play_area > img{}

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

img.pc_img{display: inline;}
img.mb_img{display: none;}
.eventWrap .lectlist{background: #fff;text-align: left;line-height: 1.2;}
.eventWrap .lecture{padding-bottom: 0 !important;font-family:'Malgun Gothic','?? ??';}
.vodchr_banner{margin:0}

.eventWrap .con_tit{margin-bottom: 90px;}
.eventWrap .con03 .con_tit{margin-bottom: 30px;}
.eventWrap br.mo_for{display: none; }

.eventWrap .con6{position:relative;background: #fff;padding: 140px 0 150px;}


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

.eventWrap .con6 .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;} */

.eventWrap .con6 .teacher_info .tab_btn li.on {background: #96ceff;color: #000;font-weight: bold;border: 1px solid #000;border-width: 1px 1px 1px;} 
.eventWrap .con6 .teacher_info .tec_box{position: relative;padding: 0;margin-bottom: 160px;}
.eventWrap .con6 .teacher_info .tec_box::after{content:"";display:block;clear:both}
.eventWrap .con6 .teacher_info .tec_box .onlysb_icon{position: absolute;top: -50px;left: 50%;z-index: 1;margin: 0 0 0 -10px;font-size: 0;}
.eventWrap .con6 .teacher_info .tec_box .tec_img{position: absolute;bottom: 0;left: 0;}
.eventWrap .con6 .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);}
.eventWrap .con6 .teacher_info .tec_box .tec_img .teacherNew{position:absolute;left:20px;top:-7px;box-shadow:none;}
.eventWrap .con6 .teacher_info .video_wrap{position: relative;background: #f1f2f2;width: 670px;height: 380px;overflow: hidden;cursor: pointer;}
.eventWrap .con6 .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;}
.eventWrap .con6 .teacher_info .video_box.nonevd{padding-bottom:0;}
.eventWrap .con6 .teacher_info .video_box.none{padding: 0}
.eventWrap .con6 .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;}
.eventWrap .con6 .teacher_info .video_wrap .tea_tit.long{font-size:24px;letter-spacing:-1px;}
.eventWrap .con6 .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;}
.eventWrap .con6 .teacher_info .video_wrap .tea_tit i{display: inline-block;position: absolute;top: -35px;left: 0;width: 120px;height: 30px;background: #0088e8;color: #fff;font-size: 16px;text-align: center;line-height: 30px;font-style: normal;}
.eventWrap .con6 .teacher_info .video_wrap .tea_img,.eventWrap .video_box .play_area > img{z-index: 1;position: absolute;top: 13px;right: 0;width: 302px;}
.eventWrap .gtelp .video_box .play_area > img{width: 314px;top: 43px;}
.eventWrap .con6 .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;}
.eventWrap .con6 .teacher_info .tec_box .lec_btn strong{display:block}
.eventWrap .con6 .teacher_info .tec_box .tec_tit{position: relative;position: absolute;top: 70px;left: 720px;text-align: left;}
.eventWrap .con6 .teacher_info .tec_box .tec_tit .tip{display: block;font-size: 26px;color: #0088e8;margin: 0 0 20px;}
.eventWrap .con6 .teacher_info .tec_box .tec_tit .expln{display: block;font-size: 16px;font-weight: normal;}
.eventWrap .con6 .teacher_info .tec_box .tec_tit .gray_t {margin-top:10px;font-weight:300;color:#bebebe;display:block;font-size:13px;}
.eventWrap .con6 .teacher_info .tec_box .tec_tit .gray_t+.tea_name {margin-top:40px;}
.eventWrap .con6 .teacher_info .tec_box .tea_name{display: block;font-weight: normal;margin: 80px 0 0;}
.eventWrap .con6 .teacher_info .tec_box .tea_name strong{padding: 0 15px 0 0;margin: 0 15px 0 0;position: relative;}
.eventWrap .con6 .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;}
.eventWrap .con6 .teacher_info .name_btn{overflow: hidden;padding: 15px 0 40px;margin: 0 0 0 -11px;}
.eventWrap .con6 .teacher_info .name_btn li{float: left;display: block;margin: 0 0 10px 0; position: relative;}
.eventWrap .con6 .teacher_info .name_btn li:first-child a{color: #000;}
.eventWrap .con6 .teacher_info .name_btn li::before{content: '';display: block;width: 1px;height: 15px;background: #000;position: absolute;top: 4px;left: 0;opacity: 0.3;}

.eventWrap .con6 .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;}
.eventWrap .con6 .teacher_info .name_btn li.on a{font-weight: bold;color: #222;}
.eventWrap .con6 .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;}

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

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

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

@media (max-width: 768px){
   
    .eventWrap .con6 .con_subtit{margin: 0 0 2%;}
    .eventWrap .con6 .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;}
    .eventWrap .con6 .teacher_info .tec_box .onlysb_icon img{display:none;}
    .eventWrap .con6 .teacher_info .tec_box .tec_tit strong{margin: 0 0% 5%;}
    .eventWrap .con6 .teacher_info .tec_box .tec_tit strong img{width:100%}
    .eventWrap .con6 .teacher_info .tec_box .tec_tit.mbp strong{margin-bottom:15%;}
    .eventWrap .con6 .teacher_info .tec_box .tec_tit span.tiny{position:relative;top: auto;right:auto;display: block;float: right;margin-bottom: 1%;max-width: 60%;}
    .eventWrap .con6 .teacher_info #slickCon_tab > div{padding: 0px 0 0;}
    .eventWrap .con6 .teacher_info .name_btn li a{font-size: 15px;}
    .eventWrap .con6 .teacher_info .tab_btn li{font-size: 13px;height: 42px;}
    .eventWrap .con6 .con_tit{
    margin: 0 0 5%;
    padding: 0 15%;
}
    .eventWrap .con6 .teacher_info .tab_btn li a{padding: 10px 0} 
    .eventWrap .con6 .teacher_info .tab_btn li.on a::before{/* height:1px; */display: none;}

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

    .eventWrap .con6 .curr_btn{padding: 15px 0 0;}
    .eventWrap .con6 .curr_btn a{font-size: 14px;display: block;padding: 10px 0;}
    .eventWrap .con6 .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;}
    .eventWrap .con6 .teacher_info .tec_box .tec_tit span{display: none;}
    .eventWrap .grade_wrap .item .t_name{bottom: 8px;left: 8px;font-size: 12px;}
    .eventWrap .con6 .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;}
    .eventWrap .con6 .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;}

    .eventWrap .con6 .teacher_info .tec_box .tea_name{display: block !important;margin: 15px 0 0;}
    .eventWrap .con6 .teacher_info .tec_box .tea_name strong{margin: 0 5px 0 0;padding: 0 5px 0 00;}
    .eventWrap .con6 .teacher_info .tec_box .tea_name strong::before{height: 8px;margin: -3px 0 0;}
    .eventWrap .con6 .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%;}

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

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

}