@charset "euc-kr"; 




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

/* evCon_curr */
.evCon_curr .teacher_info {position: relative;background: #fff;}
.evCon_curr .teacher_info #slickCon_tab > div {padding: 0;position: relative;}
.evCon_curr .teacher_info #slickCon_tab >.slick-arrow {display: none !important}
.evCon_curr .teacher_info .tab_btn::after {content: '';display: block;clear: both;}
.evCon_curr .teacher_info .tab_btn li a {position: relative;display: block;display: flex;justify-content: center;align-items: center;height: 100%;line-height: 1.1;}
.evCon_curr .teacher_info .tab_btn li.on a::before {content: '';display: block;position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;background: #000;}
.evCon_curr .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: 400;height: 66px;}

.evCon_curr .teacher_info .tab_btn li.on {background: var(--point-color2);color: #000;font-weight: bold;border: 1px solid #000;border-width: 1px 1px 1px;}
.evCon_curr .teacher_info .tec_box {position: relative;padding: 0;margin-bottom: 160px;}
.evCon_curr .teacher_info .tec_box::after {content: "";display: block;clear: both;}
.evCon_curr .teacher_info .tec_box .tec_img {position: absolute;bottom: 0;left: 0;}
.evCon_curr .teacher_info .tec_box .onlysb_icon {position: absolute;top: -50px;left: 50%;z-index: 1;margin: 0 0 0 -10px;font-size: 0;}
.evCon_curr .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);}
.evCon_curr .teacher_info .tec_box .tec_img .teacherNew {position: absolute;left: 20px;top: -7px;box-shadow: none;}
.evCon_curr .teacher_info .video_wrap {position: relative;background: #333333;width: 670px;height: 380px;overflow: hidden;cursor: pointer;}
.evCon_curr .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;}
.evCon_curr .teacher_info .video_box.nonevd {padding-bottom: 0;}
.evCon_curr .teacher_info .video_box.none {padding: 0}
.evCon_curr .teacher_info .video_wrap .tea_tit {position: absolute;top: 0;left: 0;margin: 55px 0 0 54px;text-align: left;font-size: 26px;font-weight: normal;z-index: 1;padding: 0;color: #fff;}
.evCon_curr .teacher_info .video_wrap .tea_tit.long {font-size: 24px;letter-spacing: -1px;}
.evCon_curr .teacher_info .video_wrap .tea_tit::before {content: '';display: block;font-size: 0;width: 88px;height: 88px;background: url(https://img.megagong.net/m/2024/0521_curri/con_img23.png) no-repeat 0 0;vertical-align: middle;margin: 0 0 0 10px;position: absolute;bottom: 0;left: 0;margin: 0 0 -130px;}
.evCon_curr .teacher_info .video_wrap .tea_tit i {display: inline-block;position: absolute;top: -35px;left: 0;width: 174px;height: 30px;background: var(--point-color1);color: #fff;font-size: 16px;text-align: center;line-height: 30px;font-style: normal;}
.evCon_curr .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;}
.evCon_curr .teacher_info .tec_box .lec_btn strong {display: block}
.evCon_curr .teacher_info .tec_box .tec_tit {position: relative;position: absolute;top: 70px;left: 720px;text-align: left;}
.evCon_curr .teacher_info .tec_box .tec_tit .tip {display: block;font-size: 25px;color: var(--point-color1);margin: 0 0 20px;letter-spacing: -1px;}

.evCon_curr .teacher_info .tec_box .tec_tit .expln {display: block;font-size: 15px;font-weight: normal;}
.evCon_curr .teacher_info .tec_box .tec_tit .expln .dot {display: block;position: relative;padding: 0 0 0 10px;margin: 3px 0 0;}
.evCon_curr .teacher_info .tec_box .tec_tit .expln .dot::before {content: '';display: block;position: absolute;top: 9px;left: 0;width: 3px;height: 3px;background: #000;border-radius: 100%;}
.evCon_curr .teacher_info .tec_box .tec_tit .gray_t {margin-top: 10px;font-weight: 300;color: #bebebe;display: block;font-size: 13px;}
.evCon_curr .teacher_info .tec_box .tec_tit .gray_t+.tea_name {margin-top: 40px;}
.evCon_curr .teacher_info .tec_box .tea_name {display: block;font-weight: normal;margin: 40px 0 0;}
.evCon_curr .teacher_info .tec_box .tea_name strong {padding: 0 15px 0 0;margin: 0 15px 0 0;position: relative;}
.evCon_curr .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;}
.evCon_curr .teacher_info .name_btn {overflow: hidden;padding: 15px 0 40px;margin: 0 0 0 -11px;}
.evCon_curr .teacher_info .name_btn li {float: left;display: block;margin: 0 0 10px 0;position: relative;}
.evCon_curr .teacher_info .name_btn li:first-child a {color: #000;}
.evCon_curr .teacher_info .name_btn li::before {content: '';display: block;width: 1px;height: 15px;background: #000;position: absolute;top: 4px;left: 0;opacity: 0.3;}
.evCon_curr .teacher_info .name_btn li:first-child:before {content: none;}
.evCon_curr .teacher_info .name_btn li a {display: block;padding: 2px 11px;margin: 0;text-align: center;font-size: 17px;line-height: 1;font-weight: 400;}
.evCon_curr .teacher_info .name_btn li.on a {font-weight: bold;color: #222;}
.evCon_curr .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;}
.evCon_curr .teacher_info .grade_btn {position: relative;display: flex;margin: 0 0 30px;}
.evCon_curr .teacher_info .grade_btn::before {content: '';width: 500%;height: 2px;background: #000;position: absolute;top: 100%;left: -250%;}
.evCon_curr .teacher_info .grade_btn li {flex: 1;color: #fff;background: #e4e4e4;font-size: 24px;font-weight: bold;transition: background ease-in-out .3s;}
.evCon_curr .teacher_info .grade_btn li.on {background: #000;}
.evCon_curr .teacher_info .grade_btn li:hover {background: #000;}
.evCon_curr .teacher_info .grade_btn li a {display: block;padding: 20px 0;}
.evCon_curr .curr_btn {padding: 60px 0 0;}
.evCon_curr .curr_btn a {width: 440px;height: 80px;background: #000;color: #fff;display: block;margin: 0 auto;font-size: 23px;font-weight: normal;border-radius: 10px;padding: 24px 0 0;}
.evCon_curr .curr_btn a i {display: inline-block;font-size: 0;width: 10px;height: 10px;border: 2px solid #fff;vertical-align: middle;margin: -2px 0 0 5px;border-width: 2px 2px 0 0;transform: rotate(45deg);}
.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 {display: none;}
.curr_tit{}
.teaCurr .curr_tit{margin: 0 0 30px;}
.teaCurr .tbl_wrp {margin-bottom: 20px;}
.teaCurr .tiny_txt{display: none;}
.curr_side_bnr{display: none;}
.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;}
    .evCon_curr {padding: 14% 0;}
    .evCon_curr .teacher_info .tec_box {margin: 0 0 80px;}
    .evCon_curr .teacher_info #slickCon_tab > div {padding: 10px 0 0;}
    .evCon_curr .teacher_info .name_btn {margin: 0 0 0 -2px;padding: 10px 0 20px;}
    .evCon_curr .teacher_info .video_wrap {width: 62%;height: 34vw;}
    .evCon_curr .teacher_info .video_wrap .tea_tit {margin: 7% 0 0 4%;font-size: 2.4vw;padding: 6% 0 0;}
    .evCon_curr .teacher_info .video_wrap .tea_tit.long {font-size: 22px;}
    .evCon_curr .teacher_info .video_wrap .tea_tit::before {width: 7vw;height: 7vw;background-size: 100%;margin: 0 0 -10vw 0;}
    .evCon_curr .teacher_info .video_wrap .tea_tit i {font-size: 1.4vw;width: 200px;padding: 0 4%;top: 0;}
    .evCon_curr .teacher_info .video_wrap .tea_img, .eventWrap .video_box .play_area > img,.eventWrap .gtelp .video_box .play_area > img {width: 45%;top: 40px;}
    .evCon_curr .teacher_info .tec_box .tec_tit {top: 4%;left: 64%;}
    .evCon_curr .teacher_info .tec_box .tec_tit .tip, .evCon_curr .teacher_info .tec_box .tec_tit .tip.tipsmall {font-size: 2.2vw;margin: 0 0 3%;}
    .evCon_curr .teacher_info .tec_box .tec_tit .expln {font-size: 1.7vw;display: flex;flex-direction: column;align-items: flex-start;}
    .evCon_curr .teacher_info .tec_box .tec_tit .expln .dot br{display: none;}
    .evCon_curr .teacher_info .tec_box .tea_name {font-size: 13px;margin: 30px 0 0;}
    .evCon_curr .curr_btn {padding: 20px 0 0;}
    .evCon_curr .curr_btn a {font-size: 2.1vw;display: inline-block;padding: 2% 4%;width: auto;height: auto;}
    .evCon_curr .teacher_info .grade_btn li {font-size: 20px;}
    .evCon_curr .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) {





    .evCon_curr .teacher_info .tab_btn li {font-size:16px;height: 60px;}




}






@media (max-width: 768px) {





    .evCon_curr br.mo_for {display: block;}
    .evCon_curr .con_subtit {margin: 0 0 2%;}
    .evCon_curr .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;}
    .evCon_curr .teacher_info .tec_box .onlysb_icon img {display: none;}
    .evCon_curr .teacher_info .tec_box .tec_tit strong {margin: 0 0% 5%;}
    .evCon_curr .teacher_info .tec_box .tec_tit strong img {width: 100%}
    .evCon_curr .teacher_info .tec_box .tec_tit.mbp strong {margin-bottom: 15%;}
    .evCon_curr .teacher_info .tec_box .tec_tit span.tiny {position: relative;top: auto;right: auto;display: block;float: right;margin-bottom: 1%;max-width: 60%;}
    .evCon_curr .teacher_info #slickCon_tab > div {padding: 0px 0 0;}
    .evCon_curr .teacher_info .name_btn li a {font-size: 15px;}
    .evCon_curr .teacher_info .tab_btn li {font-size: 13px;height: 42px;}

    /* .evCon_curr .con_tit{margin: 0 0 5%; padding: 0 15%;} */
    .evCon_curr .teacher_info .tab_btn li.on a::before {display: none;}
    .evCon_curr .teacher_info .tec_box {margin: 0 0 40px;}
    .evCon_curr .teacher_info .video_wrap {width: auto;height: 50vw;margin: 0 0 10px;}
    .evCon_curr .teacher_info .video_wrap .tea_tit {font-size: 15px;padding: 25px 0 0;margin: 5% 0 0 5%;}
    .evCon_curr .teacher_info .video_wrap .tea_tit.long {font-size: 15px;}
    .evCon_curr .teacher_info .video_wrap .tea_tit::before {margin: 0 0 -18vw;width: 8vw;height: 9vw;}
    .evCon_curr .teacher_info .video_wrap .tea_tit i {width: 140px;padding: 4px 10px;font-size: 12px;height: auto;line-height: 1;}
    .evCon_curr .teacher_info .video_wrap .tea_img, .eventWrap .video_box .play_area > img {width: 37%;right: 0%;top: 14%;}
    .evCon_curr .teacher_info .tec_box .tec_tit {position: relative;top: inherit;left: inherit;padding: 15px 12px 15px 20px;border: 1px solid var(--point-color1);/* text-align: center; */}
    .evCon_curr .teacher_info .tec_box .tec_tit .tip, .evCon_curr .teacher_info .tec_box .tec_tit .tip.tipsmall {font-size: 15px;}
    .evCon_curr .teacher_info .tec_box .tec_tit .expln {font-size: 13px;}
    .evCon_curr .teacher_info .tec_box .tec_tit .gray_t {font-size: 11px;}
    .evCon_curr .teacher_info .grade_btn li {font-size: 16px;}
    .evCon_curr .curr_btn {padding: 15px 0 0;}
    .evCon_curr .curr_btn a {font-size: 14px;display: block;padding: 17px 0;border-radius: 5px;}
    .evCon_curr .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;}
    .evCon_curr .teacher_info .tec_box .tec_tit span {display: none;}
    .eventWrap .grade_wrap .item .t_name {bottom: 8px;left: 8px;font-size: 12px;}
    .evCon_curr .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;}
    .evCon_curr .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;}
    .evCon_curr .teacher_info .tec_box .tea_name {display: block !important;margin: 15px 0 0;}
    .evCon_curr .teacher_info .tec_box .tea_name strong {margin: 0 5px 0 0;padding: 0 5px 0 00;}
    .evCon_curr .teacher_info .tec_box .tea_name strong::before {height: 8px;margin: -3px 0 0;}
    .evCon_curr .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%;}
    .evCon_curr .teacher_info .tec_box .lec_btn {font-size: 0;}
    .eventWrap br.mo_for {display: block !important;}
    .evCon_curr .teacher_info .tab_btn li {width: 20%;height: 36px;line-height: 1.1;margin: 0 0;}
    .evCon_curr .teacher_info .tab_btn li.twoline a {padding: 3px 0;}
    .evCon_curr .teacher_info .tec_box .tec_tit {text-align: left}
    .evCon_curr .teacher_info .grade_btn li {font-size: 14px;}
    .evCon_curr .teacher_info .tec_box .tec_tit .expln{display: flex;align-items: flex-start;}




}

@media (max-width: 480px) {




    .teaCurr .tbl_wrp.essential {margin: 0 0 20px !important}
    .evCon_curr .teacher_info .tab_btn li {font-size: 12px;}
    .eventWrap .layerPopup .contentBox .pop_box .tab_btn li a,.curr_tab li a {font-size: 13px;}
    .evCon_curr .teacher_info .name_btn li a {font-size: 13px}
    .evCon_curr .teacher_info .name_btn li::before {height: 12px;}



}