@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;}

/* image.pc_img {display: inline;}
image.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 */
.subj_wrap{position: relative;padding: 13px 0 13px 140px;border-bottom: 1px solid #d6d6d6}
.subj_wrap h4{position: absolute;top: 0;left: 0;width: 120px;height: 100%;background: #f7f7f7;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 15px;font-weight: normal}
.evCon3 .teacher_info {position:relative;background: #fff;border-top: 1px solid #000;}
.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: 3px 5px;}

.evCon3 .teacher_info .tab_btn li{position: relative;float:left;background: #ffffff;font-size: 15px;box-sizing: border-box;margin: 5px 6px;font-weight: 200;text-align: left;}

.evCon3 .teacher_info .tab_btn li.on a{background: #3ea0ff;color: #fff}
.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: 85px 0 0 43px;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::before{content:'';display: block;font-size: 0;width: 88px;height: 88px;background: url(https://image.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: 40px;margin: 0 0 60px;}
.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://image.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: 0;left: 710px;text-align: left;height: 100%;width: 360px;/* background: #000; */}
.evCon3 .teacher_info .tec_box .tec_tit .tip{display: block;font-size: 25px;color: #3ea0ff;margin: 15px 0 15px;}
.evCon3 .teacher_info .tec_box .tec_tit .tip.tipsmall {font-size: 23px;}
.evCon3 .teacher_info .tec_box .tec_tit .expln{display: block;font-weight: normal;/* height: 175px; */}
.evCon3 .teacher_info .tec_box .tec_tit .expln .lst{display: block;position: relative;padding-left: 10px;line-height: 1.4;}
.evCon3 .teacher_info .tec_box .tec_tit .expln .lst::before{content: '';position: absolute;top:9px;left:0;width:3px;height: 3px;background-color: #000;border-radius: 100%;}
.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: 0 0 12px;font-size: 16px;position: absolute;bottom: 55px;left: 0;}
.evCon3 .teacher_info .tec_box .tea_name strong{padding: 0 10px 0 0;margin: 0 10px 0 0;position: relative;}
.evCon3 .teacher_info .tec_box .tea_name strong::before{content:'';position: absolute;top: 50%;right: 0;width: 1px;height: 10px;background: #000;margin: -3px 0 0;}
.evCon3 .teacher_info .tec_box .curr_btn{display: block;width: 358px;height: 58px;font-size: 20px;color: #fff;background: #000;text-align: center;line-height: 58px;padding: 0;position: absolute;bottom: 0;left: 0;}

.evCon3 .teacher_info .tea_wrap{position: relative;padding: 13px 0 13px 140px;border-bottom: 1px solid #d6d6d6;margin: 0 0 70px;}
.evCon3 .teacher_info .tea_wrap h4{position: absolute;top: 0;left: 0;width: 120px;font-size: 15px;height: 100%;background: #f7f7f7;display: flex;align-items: center;align-content: center;justify-content: center;font-weight: normal;}
.evCon3 .teacher_info .name_btn::after{content:'';display:block;clear:both}
.evCon3 .teacher_info .name_btn li a {position: relative;display: block;padding: 3px 5px;}
.evCon3 .teacher_info .name_btn li{position: relative;float:left;/* width: 12.5%; */background: #ffffff;/* color: #ababab; */font-size: 15px;/* border: 1px solid #c8c8c8; */box-sizing: border-box;margin: 5px 6px;font-weight: 200;/* height: 66px; */}
.evCon3 .teacher_info .name_btn li.on a{background: #3ea0ff;color: #fff;}
.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://image.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 .contentBox .pop_box .megaggoarimy .tab_btn{display: none;}
.eventWrap .layerPopup .contentBox .pop_box .jeonhangil .char_zone+.tiny_txt{display: none;}


.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://image.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{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: #28b7b5; font-weight: bold;color: #fff;}
.eventWrap .layerPopup .contentBox .pop_box .tab_btn{margin-bottom: 20px;}
.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: #28b7b5; font-weight: bold;color: #fff;}
.teaCurr .curr_tit{margin: 30px 0 20px;}


.curr_side_bnr li .inner{width: 100%;}

@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: 0 0 14%;}
    
    .evCon3 .teacher_info .tec_box{margin: 0 0 80px;}
    .evCon3 .teacher_info #slickCon_tab > div{padding: 10px 0 0; }
    .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: 0;left: 64%;height: 100%;width: 35%;}
    .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;height: auto;}
    .evCon3 .teacher_info .tec_box .tec_tit .expln .lst br{display: none;}
    .evCon3 .teacher_info .tec_box .tea_name{font-size: 1.5vw;margin: 0 0 0;bottom: 45px;}
    .evCon3 .teacher_info .tec_box .curr_btn{margin: 10px 0 0;font-size: 15px;height: 40px;line-height: 40px;width: 100%;}
    .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){
    


}

@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.on a::before{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: 22px;padding: 15px 0 0;margin: 2% 0 0 20px;}
    .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;width: 100%;}
    .evCon3 .teacher_info .tec_box .tec_tit .tip,
    .evCon3 .teacher_info .tec_box .tec_tit .tip.tipsmall {font-size: 15px;text-align: left;}
    .evCon3 .teacher_info .tec_box .tec_tit .expln{font-size: 13px;text-align: left;height: auto;}
    .evCon3 .teacher_info .tec_box .tec_tit .gray_t {font-size:11px;}
    .evCon3 .teacher_info .grade_btn li {font-size: 16px;}
    .evCon3 .teacher_info .video_wrap::before{width: 48px;height: 48px;background-size: 100%;left: 20px;margin: 0 0 20px;}

    .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;text-align: left;}
    .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;position: relative;bottom: inherit;left: inherit;}
    .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://image.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}
    .evCon3 .teacher_info .tec_box .curr_btn{position: relative;bottom: inherit;left: inherit;font-size: 13px;height: 40px;line-height: 40px;}
    .teaCurr .curr_tit{font-size: 14px;margin: 20px 0 20px;}



}



@media (max-width: 576px){


    
    .eventWrap .layerPopup .teaCurr{height: 100vw;}
    .eventWrap .layerPopup .contentBox{width: 98%;}

    .evCon3 .teacher_info .tea_wrap{margin-bottom:30px}
    .subj_wrap, .evCon3 .teacher_info .tea_wrap{padding: 10px 0 10px 20%}
    .subj_wrap h4, .evCon3 .teacher_info .tea_wrap h4{width: 18%;font-size: 13px}
    .evCon3 .teacher_info .tec_box .lec_btn{font-size: 0;}
    .eventWrap br.mo_for{display: block !important;}
    .evCon3 .teacher_info .tab_btn li {font-size: 13px;}
    .evCon3 .teacher_info .tec_box .tec_tit{text-align:left}
    .evCon3 .teacher_info .grade_btn li {font-size: 14px;}
    .evCon3 .teacher_info .video_wrap .tea_tit{font-size: 14px}

    .teaCurr .tbl_wrp.essential {margin: 0 0 20px !important}
    .evCon3 .teacher_info .tab_btn li, .evCon3 .teacher_info .name_btn li{margin: 3px;}
    .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;}



}