/* setting */
.con_box::after { content:""; display:block; clear:both } 
.video_box { position: relative; cursor:pointer; padding-bottom: 56.3%; background: #222; overflow: hidden; border-radius: 3px; float: left; width: 580px; } 
.video_box .play_area { width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.tiny_txt { font-size:12px; letter-spacing: -0.03em; } 
sup { vertical-align: top; } 
.tab_cont { padding: 0 !important; overflow: inherit; } 
br.mo_for { display: none; } 


.teacher_info {position:relative;width: 1140px;margin: 0 auto;background: #fff;} 
.teacher_info .tab_btn {display: flex;justify-content: center;align-items: flex-start;align-content: flex-start;gap: 10px;flex-wrap: wrap;/* width: 89%; *//* margin: 0 auto; */} 
.teacher_info .tab_btn li a {display: flex;padding: 8px 26px;justify-content: center;align-items: center;width: max-content;border-radius: 50px;background: #F8F8F8;line-height: 1;color:#777;} 
.teacher_info .tab_btn li.on a { background: var(--color-main); color: #fff; } 
.teacher_info #slickCon_tab > div { padding: 0; position: relative; } 
.teacher_info #slickCon_tab >.slick-arrow { display: none !important } 
.teacher_info .name_btn { margin:60px 0 20px; display: flex; } 
.teacher_info .name_btn li { position: relative; border-bottom: 1px solid #ECECEC; } 
.teacher_info .name_btn li.on::after { content:""; position: absolute; display: block; width: 100%; height: 3px; bottom: -1px; background-color: var(--color-main); left: 50%; transform: translateX(-50%); } 
.teacher_info .name_btn li a { display: block; width: max-content; padding: 10px; } 
.teacher_info .name_btn li.on a { color:var(--color-main); font-weight: bold; } 
.teacher_info .tec_box { position: relative; padding: 0; margin-bottom: 160px; display: flex; justify-content: center; gap: 50px; } 
.teacher_info .tec_box::after { content:""; display:block; clear:both; } 
.teacher_info .tec_box .tec_img { position: absolute; bottom: 0; left: 0; } 
.teacher_info .tec_box .onlysb_icon { position: absolute; top: -50px; left: 50%; z-index: 1; margin: 0 0 0 -10px; font-size: 0; } 
.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); } 
.teacher_info .tec_box .tec_img .teacherNew { position:absolute; left:20px; top:-7px; box-shadow:none; } 
.teacher_info .video_wrap { position: relative; background: #2C2C2C; width: 576px; height: 338px; overflow: hidden; cursor: pointer; } 
.teacher_info .video_box { padding-bottom: 35.295%; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 1; } 
.teacher_info .video_box.nonevd { padding-bottom:0; } 
.teacher_info .video_box.none { padding: 0 } 
.teacher_info .video_wrap .tea_tit {position: absolute;top: 0;left: 0;margin: 65px 0 0 40px;text-align: left;font-weight: normal;z-index: 1;padding: 0;color:#fff;font-weight: bold;} 
.teacher_info .video_wrap .tea_tit.long { font-size:24px; letter-spacing:-1px; } 
.teacher_info .video_wrap .tea_tit::before { content:''; display: block; font-size: 0; width: 65px; height: 66px; background: url(https://img.megagong.net/m/2025/0530_curr/play.png) no-repeat 0 0; vertical-align: middle; margin: 0 0 0 10px; position: absolute; bottom: 0; left: 0; margin: 0 0 -130px; } 
.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; } 
.teacher_info .video_wrap .tea_img,
.eventWrap .video_box .play_area > img { z-index: 1; position: absolute; bottom: -2px; right: 0; height: auto; width: 240px; } 
.gtelp .video_box .play_area > img { width: 314px; top: 43px; } 
.teacher_info .tec_box .tec_tit { position: relative; text-align: left; width: calc(100% - 626px); display: flex; flex-direction: column; justify-content: space-between; } 
.teacher_info .tec_tit .tip { margin: 0 0 20px; display: block; } 
.teacher_info .tec_tit .expln { color:#555; line-height:1; display: flex; flex-direction: column; gap: 14px; } 
.teacher_info .expln li { display: flex; align-items: center; gap:8px; } 
.teacher_info .expln li::before { content:""; display: block; width:17px; height:12px; background-image: url("https://image.megagong.net/m/2025/0530_curr/check.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.teacher_info .tec_tit .teacher_home { margin:0 0 20px; font-size: 16px; } 
.teacher_info .tec_tit .btn-base a { padding: 20px 56px; width:max-content; } 

/*[s]:형사소성법/백광훈 비디오 썸네일 크기*/
.eventWrap .video_box .play_area > img.megalaw {width: 250px;}
/*[e]:형사소성법/백광훈 비디오 썸네일 크기*/

/*[s]:커리큘럼 한눈에 보기 팝업*/
.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 .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;}
.eventWrap .layerPopup .tab_btn  {display: none;}
.char_zone {display: none;}
.teaCurr .curr_tit{margin: 0 0 30px;}
.teaCurr .tbl_wrp {margin-bottom: 20px;}
.teaCurr .tiny_txt{display: none;}
.eventWrap .layerPopup .curr_tab li {background: #ededed;width: 50%;float: left;font-size: 18px;color: #444;}
.eventWrap .layerPopup .curr_tab li.on {background: #df5a60;font-weight: bold;color: #fff;}
.eventWrap .layerPopup .tab_btn {margin-bottom: 40px;}
.eventWrap .layerPopup .tab_btn::after {content: '';display: block;clear: both;}
.eventWrap .layerPopup .tab_btn li {background: #ededed;width: 50%;float: left;font-size: 18px;color: #444;}
.eventWrap .layerPopup .tab_btn li a {display: block;padding: 20px 0;}
.eventWrap .layerPopup .tab_btn li.on {background: #df5a60;font-weight: bold;color: #fff;}
/*[e]:커리큘럼 한눈에 보기 팝업*/

@media screen and (max-width: 1200px){
    .teacher_info .tec_box { gap: 20px; margin-bottom: 8vmin; } 
    .teacher_info .video_wrap { width: 62%; height: 34vw; } 
    .teacher_info .tec_box .tec_tit { width: 36%;} 
    .eventWrap .video_box .play_area > img { width: 45%; } 
    .teacher_info .tec_tit .teacher_home { font-size: clamp(13px, 2.1vmin, 16px); } 
    .teacher_info .tec_tit .btn-base a {padding: 2vmin 6vmin;} 
    .teacher_info .video_wrap .tea_tit {margin: 5vmin 0 0 4vmin;}
    .teacher_info .video_wrap .tea_tit::before{width: 7vw;height: 7vw;background-size: 100%;margin: 0 0 -10vw 0;}

    .teacher_info { width: 97%; } 
    .teacher_info .tab_btn { gap: clamp(5px,1.5vmin,10px); } 
    .teacher_info .tab_btn li a { padding: clamp(8px,1.5vmin,10px) clamp(10px,2.5vmin,20px); } 
    .teacher_info .name_btn {margin: 6% auto 4%;}

    /*[s]:커리큘럼 한눈에 보기 팝업*/
    .eventWrap .layerPopup .contentBox {width: 90%;}
    .eventWrap .layerPopup .btnClose {top: -28px;right: 0px;width: 20px;height: 20px;}
    .eventWrap .layerPopup .tab_btn,.eventWrap .layerPopup .curr_tab {margin-bottom: 2%;}
    /*[e]:커리큘럼 한눈에 보기 팝업*/

    /*[s]:형사소성법/백광훈 비디오 썸네일 크기*/
    .eventWrap .video_box .play_area > img.megalaw {width: 48%;}
    /*[e]:형사소성법/백광훈 비디오 썸네일 크기*/
}


@media screen and (max-width: 992px){
    .teacher_info .tec_box { display: block; } 
    .teacher_info .video_wrap { width: auto; height: 50vw; margin: 0 0 10px; } 
    .teacher_info .tec_box .tec_tit { width: auto; } 
    .eventWrap .video_box .play_area > img { width: 37%; } 
    .teacher_info .tec_box .tec_tit { padding: 15px; border: 1px solid var(--color-main); width: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; text-align: center; } 
    .teacher_info .tec_tit .teacher_home { margin: 20px auto 15px; justify-content: center; } 
    .teacher_info .video_wrap .tea_tit::before{margin: 0 0 -15vw;width: 11vw;height: 11vw;}
    .teacher_info .tec_tit .btn-base a {padding: 3vmin 8vmin;} 

    /*[s]:형사소성법/백광훈 비디오 썸네일 크기*/
    .eventWrap .video_box .play_area > img.megalaw {width: 40%;}
    /*[e]:형사소성법/백광훈 비디오 썸네일 크기*/
}


@media screen and (max-width: 768px){
    /*[s]:커리큘럼 한눈에 보기 팝업*/
    .eventWrap .layerPopup .teaCurr {height: 80vw;overflow: auto;}
    .eventWrap .layerPopup .contentBox .pop_box {padding: 10px;}
    .eventWrap .layerPopup .tab_btn li a,.curr_tab li a {display: block;padding: 10px 0;font-size: 16px;}
    /*[e]:커리큘럼 한눈에 보기 팝업*/
}

@media screen and (max-width: 576px){
    .teacher_info .video_wrap {height: 52vw;}
    
    /*[s]:커리큘럼 한눈에 보기 팝업*/
    .eventWrap .layerPopup .teaCurr {height: 100vw;}
    .eventWrap .layerPopup .contentBox {width: 98%;}
    /*[e]:커리큘럼 한눈에 보기 팝업*/
}