@charset "euc-kr";



:root{
    --point-color:#0082ff;
    --point-color2:#f4faff;
}

.subcont_wrp { padding-top:0;}
.eventWrap{padding: 0 0 150px;}
/*--- ??? ?? ---*/
.wrap_content.wide{width: 100%}
#mContainer.wideC .wrap_content.wide #mContent{width: 100%;float: none;padding: 0;margin: 0 auto;}
.gongssel_teacher{font-family: "Noto Sans KR", sans-serif;font-weight: 500;font-size: 14px;}
.gongssel_teacher .teacher_belt{background-color: #2e3144;text-align: center;padding: 0;margin-bottom: 80px;background: #0c1a6b url(https://img.megagong.net/m/2021/0929_teacher/bg_top_belt_221221.png) center center no-repeat;background-size: cover;}
.gongssel_teacher .teacher_tit{text-align: left;background: url('https://img.megagong.net/c/sobang/intro/teacher_tit_bg.jpg') center center no-repeat;background-color: #f7f7f7}
.gongssel_teacher .teacher_tit strong{display: block;width: 1080px;margin:0 auto;padding: 115px 0}
.gongssel_teacher .teacher_info{width: 1080px;margin: 0 auto;transition:opacity 0.2s; transition-delay: .05s;}
.gongssel_teacher .teacher_info.isReady{opacity:0;}
.gongssel_teacher #slickCon_tab .sbj_item {
margin: 0 0 30px;}
.gongssel_teacher #slickCon_tab >.slick-arrow{display: none !important}

.gongssel_teacher #majorTab_btn.tab-base {margin: 0 0 30px;}
.gongssel_teacher #majorTab_btn.tab-base li a{color: #777;text-align: center;}
.gongssel_teacher #majorTab_btn.tab-base li.on a{color: inherit;}

.gongssel_teacher .tabBtn_wrap{position: relative;padding: 0 0 0 120px;border: 1px solid #ececec;border-width: 0px 1px 1px 1px;overflow: hidden;margin: 0 0 -1px;}
.gongssel_teacher .tabBtn_wrap .tit{position: absolute;top: 0;left: 0;width: 120px;background: #f8f8f8;height: 100%;display: flex;justify-content: center;align-items: center;border: 1px solid #ececec;border-width: 1px 1px 0px 0px;font-weight: bold;}
.gongssel_teacher .teacher_info .tab_btn li a .mb,
.gongssel_teacher .name_btn li a .mb{display: none;}

.gongssel_teacher .tabBtn_wrap .tab_btn,
.gongssel_teacher .name_btn{background-color: #fff;border-top: 1px solid #ececec;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;margin: 0 -1px -1px 0;}
.gongssel_teacher .tabBtn_wrap.teac .tab_btn{border-top: 0;}
.gongssel_teacher .tabBtn_wrap .tab_btn li,
.gongssel_teacher .name_btn li{width: calc(100%/10);}
.gongssel_teacher .tabBtn_wrap .tab_btn li a,
.gongssel_teacher .name_btn li a{display: flex;width:100%;height:50px;justify-content: center;align-items: center;border: 1px solid #ececec;border-width: 0px 1px 1px 0px;text-align: center;}
.gongssel_teacher .tabBtn_wrap .tab_btn li a.sec .m460,
.gongssel_teacher .name_btn li a.sec .m460{display: none;}
.gongssel_teacher .tabBtn_wrap .tab_btn li a br,
.gongssel_teacher .name_btn li a br{display: none}
.gongssel_teacher .teaCurr .tab_wrap .tab_btn li a{display: flex;justify-content: center;align-items: center;font-size: 16px;padding: 15px 0;background: #eaeaea;}
.gongssel_teacher .tabBtn_wrap .tab_btn li a:hover,
.gongssel_teacher .name_btn li a:hover{background: var(--point-color2);}
.gongssel_teacher .tabBtn_wrap .tab_btn li.on a:before,
.gongssel_teacher .name_btn li.on a:before { content:""; display:block; width:100%; height:3px; background:#26b7bc; position:absolute; top:0; left:0;}
.gongssel_teacher .tabBtn_wrap .tab_btn li.on a,
.gongssel_teacher .name_btn li.on a {color: var(--point-color);font-weight: bold;}
.gongssel_teacher .tabBtn_wrap .tab_btn li.on a:before,
.gongssel_teacher .name_btn li.on a:before { display:none; }

.tabContents {display:block !important;}
.gongssel_teacher .teacher_info .tecBox_wrap{display: flex;background: var(--point-color2);margin: 0 0 60px;justify-content: center;}
.gongssel_teacher .teacher_info .tec_box{position: relative;padding: 0 0 0 580px;height: 410px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;overflow: hidden;width: 100%;}
.gongssel_teacher .teacher_info .tec_box::after{content:"";display:block;clear:both;}
.gongssel_teacher .teacher_info .tec_box .tec_tit{font-size: 40px;font-weight: bold;color: var(--point-color);text-align: left;line-height: 1.2;margin: 0 0 40px;}
.gongssel_teacher .teacher_info .tec_box .tec_img{position: absolute;bottom: -115px;left: 20px;width: 580px;text-align: center;}
.gongssel_teacher .teacher_info .tec_box .tec_img .teacherNew{position:absolute;left:20px;top:13px;box-shadow:none;}
.gongssel_teacher .teacher_info .tec_box.psat .tec_name{text-align: right;}
.gongssel_teacher .teacher_info .tec_box .tec_name strong{font-size: 18px;color: var(--point-color);margin: 0 0 20px;width: 100%;display: block;font-weight: normal;}
.gongssel_teacher .teacher_info .tec_box .tec_name strong span{font-weight: bold;margin-left: 10px;position: relative;}
.gongssel_teacher .teacher_info .tec_box.psat .tec_name strong span{display: inline-block;vertical-align: top;line-height: 1.3;margin: -4px 0 0 7px;}
.gongssel_teacher .teacher_info .tec_box .tec_name a{
display: inline-flex;justify-content: center;align-items: center;background: #fff;width: 90px;height: 28px;border-radius: 40px;margin: 0 3px 0 0;font-size: 12px;}
.gongssel_teacher .teacher_info .tec_box .tec_group{font-size: 0;display: block;line-height: 1;}
.gongssel_teacher .teacher_info .tec_box .tec_group span{display: inline-block;font-size: 12px;background: #555;color: #fff;padding: 4px 5px;line-height: 1;margin: 0 0 0 1px;}
.gongssel_teacher .teacher_info .tec_box .tec_group .grp_9{background: #6ba5d9;}
.gongssel_teacher .teacher_info .tec_box .tec_group .grp_7{background: #ef8a45;}
.gongssel_teacher .teacher_info .tec_box .tec_group .grp_army{background: #7eb559;}
.gongssel_teacher .teacher_info .tec_box .video_wrp{position: relative;width: 600px;height: 340px;float: right;cursor: pointer;overflow: hidden;}
.gongssel_teacher .teacher_info .tec_box .video_wrp a{display: block;}
.gongssel_teacher .teacher_info .tec_box .video_wrp strong{position: absolute;top: 19%;left: 0;width: 100%;text-align: center;font-size: 30px;font-weight: normal !important;color: #fff;line-height: 1.4}
.gongssel_teacher .teacher_info .tec_box .video_wrp strong span{color: #90ffff;font-weight: normal !important;}
.gongssel_teacher .teacher_info .tec_box .tvideo{position: relative;width: 100%;padding-bottom: 56.25%;overflow: hidden;margin-bottom: 0;height: 0}
.gongssel_teacher .teacher_info .tec_box .tvideo .thm_wrp{width: 100%;position: absolute;top:0;left:0}
.gongssel_teacher .teacher_info .tec_box .tvideo iframe{position: absolute;width: 100%;height: 100%;top:0;left:0}
.lecList_wrp .sub_tab{border-left: 1px solid #bbc0c4;border-top: 1px solid #bbc0c4;border-bottom: 1px solid #bbc0c4;}
.lecList_wrp .sub_tab::after{content: "";display: block;clear: both;}
.lecList_wrp .sub_tab li{float: left;width: 14.285%;text-align: center;}
.lecList_wrp .sub_tab.con4 li{float: left;width: 25%;}
.lecList_wrp .sub_tab.con8 li{width: 12.5%;}
.lecList_wrp .sub_tab.con7 li{width: 14.285%;}
.lecList_wrp .sub_tab.con12 li{width: 8.333%;}
.lecList_wrp .sub_tab li a{display: block;padding: 18px 0;color: #888888;border-right: 1px solid #bbc0c4}
.lecList_wrp .sub_tab li.on{background-color: #e8f1f7}
.lecList_wrp .sub_tab li.on a{color: #000;font-weight: bold;}
.lecList_wrp .lecListTop{position:relative;overflow:hidden;margin: 20px 0 15px;}
.lecList_wrp .lecListTop .btnVideo{background:url('https://img.megagong.net/c/gongssel/schedule/common/btn_video.png') no-repeat 0 50%;padding:0 0 0 23px;font-weight:bold;font-size:14px;height:19px;line-height:17px;float:right;margin:5px 0;position:relative;top:9px;text-align:left;}
.lecList_wrp .lecList_tit{position: relative;font-weight: bold;line-height: 1;padding: 0 0 0 8px;font-size: 14px;float:left;margin:5px 0;text-align:left;}
.lecList_wrp .lecList_tit::before{content: "";position: absolute;top: 4px;left: -3px;width: 3px;height: 12px;background-color:#222;}
.lecList_wrp .lecList_tit span{position: relative;display: inline-block;background-color: #e62d0a;color: #fff;padding: 4px 10px 6px 10px;margin: 0 0 0 9px;font-size: 13px;line-height: 1;animation: changeColor_txt 0.5s ease 0.5s infinite alternate;}
.lecList_wrp .lecList_tit span::before{content: "";position: absolute;top: 7px;left: -3px;width: 0px;height:0px;border-right: 7px solid transparent;border-bottom: 7px solid #e62d0a;-ms-transform:rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#chrtec{float:right;margin:7px auto 0 5px; width:100px; height:24px;}
@keyframes changeColor_txt {
    0% { color:#ffed00 }
    50% { color:#ffed00 }
    51% { color:#fff }
    100% { color:#fff }
}
.lecList_wrp .tab_cont{margin-bottom: 20px;}
.lecList_wrp .list_tbl{position: relative;}
.lecList_wrp .list_tbl.title{border-top: 2px solid #222;}
.lecList_wrp .list_tbl .tbl_6{border-top: 0}
.lecList_wrp .list_tbl .tbl_6 colgroup .th_1{width:10%;}
.lecList_wrp .list_tbl .tbl_6 colgroup .th_2{width:;}
.lecList_wrp .list_tbl .tbl_6 colgroup .th_3{width:10%;}
.lecList_wrp .list_tbl .tbl_6 colgroup .th_4{width:12%;}
.lecList_wrp .list_tbl .tbl_6 th{background-size: 1px 20px;font-size: 13px;line-height:1.4;}
.lecList_wrp .list_tbl .tbl_6 thead th:last-child{background-image:none}
.lecList_wrp .list_tbl .tbl_6 td{font-size:13px;line-height:1.4}
.lecList_wrp .list_tbl .tbl_6 td.plan{padding:20px 5px}
.lecList_wrp .list_tbl .tbl_6 td.price{font-weight:bold;text-align:right;padding:10px 10px;line-height:30px;border-bottom:1px solid #222;}
.lecList_wrp .list_tbl .tbl_6 td.price label{margin:0 8px 0 4px;}
.lecList_wrp .list_tbl td.teac strong{display:block;padding:0 0 3px}
.lecList_wrp .list_tbl td.lect{text-align: left;}
.lecList_wrp .list_tbl td.lect span{display: block;font-weight: bold;padding: 0 0 3px;text-align:left;}
.lecList_wrp .list_tbl td.lect span.on{color: #ff0000}
.lecList_wrp .list_tbl td.lect span .btnVideo{background:url('https://img.megagong.net/c/gongssel/schedule/common/btn_video.png') no-repeat 0 50%;padding:0 0 0 19px;width:25px; height:19px;line-height:17px;margin:0 0 0 4px;display:inline-block;text-indent:-9999px;}
.lecList_wrp .list_tbl td.btn a{position:relative;display:inline-block;padding: 5px 21px 5px 7px;font-size:12px;color:#0073bd;border:1px solid #0073bd;}
.lecList_wrp .list_tbl td.btn a::before{content: "";position: absolute;top: 8px;right: 7px;width: 0px;height:0px;border-right: 7px solid transparent;border-bottom: 7px solid #0073bd;-ms-transform:rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.lecList_wrp .list_tbl td.btn a.on::before{top: 13px;-ms-transform:rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.lecList_wrp .btnTotal{text-align:right;margin:0 0 30px 0;}
.lecList_wrp .bt_bnr{position: relative;text-align: left;background: #2eb882 url('https://img.megagong.net/c/gongssel/schedule/eabird_bg.png') repeat-y 0 0;}
.gongssel_schedule.erl_bird .lecList_wrp .bt_bnr{background: #d611df url('https://img.megagong.net/c/gongssel/schedule/tp_bnr_bg.png') repeat-y 0 0;}
.gongssel_schedule.erl_bird .lecList_wrp .bt_bnr{background: #113cdf url('https://img.megagong.net/c/gongssel/schedule/2019/09/eabird_bg_v2.jpg') repeat-y 0 0;}
.gongssel_schedule.erl_bird.special_11 .lecList_wrp .bt_bnr{background: #d611df url('https://img.megagong.net/c/gongssel/schedule/tp_bnr_bg.png') repeat-y 0 0;}
.lecList_wrp .bt_bnr a{display: block;padding: 13px 30px;position: relative;}
.lecList_wrp .bt_bnr::before{content: "";position: absolute;top:50%;right: 30px;width: 106px;height: 21px;background: url('https://img.megagong.net/c/gongssel/schedule/bnr_go.png') no-repeat 0 0;margin-top: -11px;}

.dom_tab{padding:5px 0 25px 0}
.dom_tab::after{content: "";display: block;clear: both;}
.dom_tab li{position:relative;float:left;}
.dom_tab li:after{position:absolute;content:'';height: 100%;width:1px;right:0;top: 5px;background:url('https://img.megagong.net/main/150401/bullet_login.gif') no-repeat right 0;}
.dom_tab li:last-child::after{display: none;}
.dom_tab li:last-child{background:none}
.dom_tab li a{padding:0 10px;font-size:15px;line-height:20px;color:#555}
.dom_tab li a:hover{color:#14c3c3;}
.dom_tab li.on a{color:#14c3c3;text-decoration:underline}

.kairosImg { overflow:hidden; margin-top:20px; }
.kairosImg li { float:left; width:48%; margin-bottom:2%; }
.kairosImg li:nth-child(even) { float:right; }

.char_zone, 
.teaCurr .curr_tit { text-align:center; }
.tit_curr {margin-bottom: 20px;font-size:20px;border-left: 3px solid #000;padding: 0 0 0 12px;text-align: left;}
.tit_curr > span:after {content:'';display:inline-block;vertical-align:middle;width:11px;height:6px;margin-left:10px;background:url('https://img.megagong.net/c/gongssel/teacher/icon_bottom_arrow.png') no-repeat center;}

.gongssel_teacher .teacher_info .tec_curriculum .tab_wrap .tab_btn {margin-top:10px;margin-bottom:20px;display: flex;flex-direction: row;flex-wrap: wrap;}
.gongssel_teacher .teacher_info .tec_curriculum .tab_wrap .tab_btn li { flex: 1;}
.gongssel_teacher .teacher_info .tec_curriculum .tab_wrap .tab_btn li.on a {background: var(--point-color);color: #fff;}

.gongssel_teacher .grade_wrap ul{display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;gap: 7px;margin: 0 0 20px;}
.gongssel_teacher .grade_wrap ul li a{display: block;background: #f8f8f8;border: 1px solid #ececec;padding: 0 0;padding: 5px 20px;border-radius: 40px;color: #b3b3b3;}
.gongssel_teacher .grade_wrap ul li.on a{background: #fff;border-color: var(--point-color);:var(--point-color);color: var(--point-color);}

#footer {border-top: 1px solid #ddd;}

.tableType_2 table tbody tr th{text-align: center;}
.tableType_2 table tbody tr td{text-align: center;}






@media (max-width: 1200px){




    .eventWrap{padding: 0 0 15%;}

    .gongssel_teacher{font-size: 13px;}

    .gongssel_teacher .tabBtn_wrap{padding: 0 0 0 70px;}
    .gongssel_teacher .tabBtn_wrap .tit{width: 70px;}


    .gongssel_teacher .teacher_tit strong{width: 100%}
    .gongssel_teacher .teacher_tit strong img{width: 40%;margin-left: 15px;}
    .gongssel_teacher .teacher_info p img{width: 50%}
    .gongssel_teacher .teacher_info{width: 97%}
    .gongssel_teacher .teacher_info .tec_link{padding-left: 320px;margin-bottom: 16px;}
    .gongssel_teacher .teacher_info .tec_box{padding: 0 0 00 280px;height: 270px;display: inline-flex;width: auto;}
    .gongssel_teacher .teacher_info .tec_box::after{content:"";display:block;clear:both;}
    .gongssel_teacher .teacher_info .tec_box .tec_tit{font-size: 22px;margin: 0 0 20px;}
    .gongssel_teacher .teacher_info .tec_box .tec_img{width: 250px;bottom: -60px;}
    .gongssel_teacher .teacher_info .tec_box .tec_img .teacherNew{position:absolute;left:20px;top:13px;box-shadow:none;}
    .gongssel_teacher .teacher_info .tec_box.psat .tec_name{text-align: right;}
    .gongssel_teacher .teacher_info .tec_box .tec_name strong{font-size: 14px;}
    .gongssel_teacher .teacher_info .tec_link{margin-bottom: 26px;padding-left: 530px;display: block;}
    .gongssel_teacher .teacher_info .tec_link a::before{content: "";width: 1px;height: 12px;background-color: #555;position: absolute;bottom: 3px;right: 0}
    .gongssel_teacher .teacher_info .tec_link a:last-child::before{display: none}
    .gongssel_teacher .teacher_info .tec_link a img{margin-left: 0;display: inline-block;vertical-align: middle;}

    .lecList_wrp .bt_bnr a{padding:20px}

    .gongssel_teacher .teacher_info .tab_btn li a .mb,
    .gongssel_teacher .teacher_info .tab_btn li a span,

    .gongssel_teacher .teacher_info .tab_btn li a br,
    .gongssel_teacher .name_btn li a br{display: block;}
    .gongssel_teacher .teacher_info .tab_btn li a,
    .gongssel_teacher .name_btn li a,
    .sobang_facility #slickCon_tab >.slick-dots li span{font-size: 13px;letter-spacing: -0.08em;line-height: 1.3;}
    .gongssel_teacher .teacher_tit strong{padding: 40px 0 40px}
    .gongssel_teacher .teacher_tit strong img{margin-left: 15px}
    .gongssel_teacher .teacher_info .tec_box .tec_name a{width: 70px;}
    .gongssel_teacher .teacher_info .tec_box .video_wrp strong{font-size: 22px;}
    .tit_curr {font-size:19px;}






}


@media all and (max-width:768px){





    .subcont_wrp{padding-top:0}

    .gongssel_teacher #majorTab_btn.tab-base li a{padding: 15px 0;font-size: clamp(14px,2.3vmin,18px);}
    
    .gongssel_teacher .tabBtn_wrap .tab_btn li,
    .gongssel_teacher .name_btn li{width:calc(100%/4)}
    .gongssel_teacher .teacher_info .tab_btn li a, .gongssel_teacher .name_btn li a{height: 40px;}
    .gongssel_teacher .teacher_info .tab_btn li a .mb,
    .gongssel_teacher .name_btn li a .mb{display:block}
    .gongssel_teacher .teacher_info .tec_link{padding-left: 165px;margin-bottom: 15px;}
    .gongssel_teacher .teacher_tit strong img{width: 61%;}
    .gongssel_teacher .teacher_info p img{width: 70%}
    .gongssel_teacher .teacher_belt{margin-bottom: 50px;}
    .gongssel_teacher .teacher_belt img{width: 100%;}
    .dom_tab{padding: 0 0 10px;}
    .dom_tab li a{font-size:13px;}
    .lecList_wrp .list_tbl .tbl_6 th,.lecList_wrp .list_tbl .tbl_6 td{font-size: 12px;padding:10px 7px}
    .lecList_wrp .list_tbl .tbl_6 colgroup .th_1{width:20%;}
    .lecList_wrp .list_tbl .tbl_6 colgroup .th_2{width:;}
    .lecList_wrp .list_tbl .tbl_6 colgroup .th_3{width:15%;}
    .lecList_wrp .list_tbl .tbl_6 colgroup .th_4{width:20%;}
    .lecList_wrp .list_tbl td.btn a{padding: 3px 7px 13px;font-size:11px;}
    .lecList_wrp .list_tbl td.btn a::before{top: 19px;right: inherit;left: 50%;margin-left: -4px;}
    .lecList_wrp .list_tbl td.btn a.on::before{top: 23px;}
    .lecList_wrp .lecListTop{margin: 0 0 10px;}

    .gongssel_teacher .teacher_info .tec_box{padding: 10px 0 20px;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;flex-direction: column;height: auto;width: 100%;}
    .gongssel_teacher .teacher_info .tec_box::after{content:"";display:block;clear:both;}
    .gongssel_teacher .teacher_info .tec_box .tec_tit{font-size: 17px;width: 100%;text-align: center;padding: 10px 0 20px;margin: 0;}
    .gongssel_teacher .teacher_info .tec_box .tec_img{bottom: unset;position: relative;left: unset;height: clamp(170px,36vmin,340px);overflow: hidden;width: 70%;border-radius: 100%;}
    .gongssel_teacher .teacher_info .tec_box .tec_img img{width:clamp(180px,42vmin,380px)}
    .gongssel_teacher .teacher_info .tec_box .tec_img .teacherNew{position:absolute;left:20px;top:13px;box-shadow:none;}
    .gongssel_teacher .teacher_info .tec_box .tec_name{display: block;width: 100%;text-align: center;}


    .tit_curr {font-size:17px;}





}





@media (max-width:576px){



    .gongssel_teacher .teacher_info .tec_link{padding-left: 130px;margin-bottom: 15px;}
    .gongssel_teacher .teacher_belt img{width: 100%;}

    .lecList_wrp .lecListTop{margin:30px 0 15px;}
    .lecList_wrp .lecList_tit{float:none;}
    .lecList_wrp .lecListTop .btnVideo{float:none;margin:0 0 0 8px;display:block;top:0;}

    .gongssel_teacher .teaCurr .tab_wrap .tab_btn li a{height: 25px; line-height: 25px;}

    .gongssel_teacher .teacher_info .tab_btn li a.sec,
    .gongssel_teacher .name_btn li a.sec{height: 60px;}
    .gongssel_teacher .teacher_info .tab_btn li a.sec .m460,
    .gongssel_teacher .name_btn li a.sec .m460{display: block;}

    .tit_curr { font-size:15px; }




}