@charset "euc-kr";
/* setting */
.eventWrap .inner { max-width:866px; font-family: 'NotoSans KR';}


/*popup*/
[class*=mg_popup_wrap] .content_area .content_inner { padding:0; }

/*main*/
.vsBox { position:relative; }
.sel_box { position:absolute; top:25px; right:30px; width:210px; height:32px; border:1px solid #767676; border-radius:3px; }
.sel_box select { font-size: 14px; width:100%; height:100%; line-height:32px; border:none; padding-left:10px; }
.sel_box.sel_twin{width:auto;border:0;border-radius:0;}
.sel_box.sel_twin select{width:auto;border:1px solid #767676; border-radius:3px;}
.main .text { background:#f3d1bf; text-align:center; padding:18px 10px; width:100%; box-sizing:border-box; }
.main .text p { font-size:17px; color:#000; display:inline-block; vertical-align:middle; }
.main .text a { display:inline-block; vertical-align:middle; width:185px; height:30px; line-height:30px; border:1px solid #212121; color:#000; font-weight:900; border-radius:5px; margin-left:10px; font-size:14px; }

/*con1*/
.con1 h3 { margin-top:60px; text-align:center; color:#000; font-size:24px; line-height:130%; font-weight:300; }
.con1 h3 b { font-weight:900; }
.con1 .toggle { margin:20px auto 0; display:block; width:auto; width:240px; height:40px; line-height:40px; text-align:center; border-radius:20px; background:#212121; height:40px; color:#fff; font-size:18px; font-weight:700; }
.con1 .toggle.on { background:#e6966c; }

.bn { margin-top:30px; }

.overall_cont{padding: 60px 0 0;line-height:1.4}
.overall_cont .tit_wrp{position: relative;text-align:left}
.overall_cont .tit_wrp::before{ content: ''; display: block; position: absolute; top:12px; left:0; width:5px; height: 5px; background-color: #222;}
.overall_cont .tit_wrp h4{ font-size: 20px; font-weight: bold; position: relative; padding:0 0 0 15px; margin: 0 0 20px; }


/* °ú¸ñº° ½ÃÇèÁö ´Ù¿î·Îµå */
.overall_cont .subpaperdown_wrp{border: 1px solid #ccc;padding: 28px 15px 28px;border-radius: 15px;margin: 0 0 6%;}
.overall_cont .subpaperdown_wrp ul {font-size:0;}
.overall_cont .subpaperdown_wrp ul::after{content: "";clear: both;display: block;}
.overall_cont .subpaperdown_wrp ul li{position: relative;width: 48%;box-sizing: border-box;text-align: center;display:inline-block;}
.overall_cont .subpaperdown_wrp ul li::before{content: "";position: absolute;top: 50%;left:0;width: 3px;height: 22px;margin: -11px 0 0;background-color: #d3d3d3;}
.overall_cont .subpaperdown_wrp ul li:nth-child(1)::before{display:none}
.overall_cont .subpaperdown_wrp ul li.sub_line{width: auto;width: 44%;}
.overall_cont .subpaperdown_wrp ul li strong{font-size: 18px;padding: 0;vertical-align: middle;}
.overall_cont .subpaperdown_wrp ul li strong::before{display:none}
.overall_cont .subpaperdown_wrp ul li span{display: inline-block;vertical-align: middle;font-size:0}
.overall_cont .subpaperdown_wrp ul li button{display: inline-block;vertical-align: middle;background: #000;border-radius: 100%;width: 34px;height: 34px;font-size: 0;background: #000 url(https://img.megagong.net/m/2022/0921_service/down2.png) center center no-repeat;margin: 0 0 0 10px;}

/* ¼±»ý´ÔÅÇ */
#eventWrap .subTab{position: relative; border: 1px solid #ccc;border-radius:10px;padding: 15px 20px 0 !important;margin: 0 0 20px;}
#eventWrap .subTab h5{font-size: 14px;width: 70px;position: absolute;top: 17px;left: 30px;border-right: 2px solid #ccc;line-height: 1;}
#eventWrap .subTab > ul{border: 0;padding: 0 0 8px 90px;}
#eventWrap .subTab li{border: 0;margin: 0 0 10px;}
#eventWrap .subTab li:after { display:none }
#eventWrap .subTab li a:hover { color: #26beb1; }
#eventWrap .subTab li a { font-size: 14px;color: #555;padding: 2px 20px;display: block;line-height: 1; }
#eventWrap .subTab li.on a { font-weight:bold;color: #26beb1;text-decoration:none; }

.overall_cont .explana_wrap ul li{position: relative;padding:50px 15% 50px 140px;}
.overall_cont .explana_wrap ul li .tea_img{position: absolute;top: 15px;left: 0px;}
.overall_cont .explana_wrap ul li .tea_name{font-size: 18px;display: block;}
.overall_cont .explana_wrap ul li .tea_name span{font-size: 0.9em;font-weight: normal;display: block;padding: 5px 0 0;overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;}
.overall_cont .explana_wrap ul li .tea_name a{display: inline-block;font-size: 0;width: 24px;height: 24px;background:url('https://img.megagong.net/m/2021/0403_fullserv/icon_home.png') no-repeat 0 0;margin: -2px 0 0 0;vertical-align: middle;}
.overall_cont .explana_wrap ul li .tea_btn{width: 220px;}
.overall_cont .explana_wrap ul li .tea_btn{display: block;position:absolute;top: 25px;right:0;}
.overall_cont .explana_wrap ul li .tea_btn a.btn2{color: #fff;background-color: #26beb1;}

/* °­ÀǸ®½ºÆ® */
.overall_cont .commntr_view .lectlist .down_btn{display: table;font-size: 0;width: 100px;height: 90px;float: right;margin-left: 3%;border-radius: 10px; font-size: 17px;font-weight: bold; text-align: center;box-sizing: border-box;background: #212121;border: 0;color: #0efdb1;}
.overall_cont .commntr_view .lectlist .down_btn.disabled{background-color: #c2c2c2;border-color: #c2c2c2;color: #777;}
.overall_cont .commntr_view .lectlist .down_btn span { display:table-cell; vertical-align:middle; }
.overall_cont .commntr_view .lectlist{border-top: 0;text-align: left; }

#lecarea .subTab{padding:5px 0 10px 0;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;border: 0;border-radius: 0;padding: 0 !important;margin: 0;}
#lecarea .subTab > ul{padding: 0;}
#lecarea .subTab li{position:relative;float:left;margin-bottom: 1px;margin-left: 1px;}
#lecarea .subTab 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 center;}
#lecarea .subTab li:last-child::after{display: none;}
#lecarea .subTab li:last-child{background:none}
#lecarea .subTab li a{padding: 14px 38px;font-size:13px;line-height:1;color: #898989;border: 1px solid #c8cdd1;border-width: 1px 1px 0;}
#lecarea .subTab li a:hover{color:#ff7731;}
#lecarea .subTab li.on a{color: #fff;background: #ff7731;border-color: #ff7731;position: relative;}
#lecarea .subTab > ul::before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #ff7731;}



@media (max-width: 1200px){
    .eventWrap .inner { max-width:100%; }

    /*popup*/
    .mfp-wrap { max-width:90% !important; left:50%; transform:translateX(-50%); }
    [class*=mg_popup_wrap] button.mfp-close, [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-arrow { width:30px; height:30px; top:-35px; background-position:center; }

    
    /*main*/
    .vsBox > img { width:100%; }
    .sel_box { top:2%; right:2%; width:19vw; height:3vw; min-height:20px; min-width:160px; }
    .sel_box select { font-size: 12px; line-height:3vw; padding-left:5px; }
    .main .text { padding:18px 10px; }
    .main .text a { width:160px; }


    /*con1*/
    .con1 h3 { margin-top:7vw; font-size:21px; }
    .con1 .toggle { margin:10px auto 0; width:150px; height:35px; line-height:35px; border-radius:15px; font-size:15px;  }
    .con1 .toggle.on { background:#e6966c; }

    .bn { margin-top:30px; }



    .overall_cont { padding-top: 8vw; }
    .overall_cont .subpaperdown_wrp{padding: 15px 0 15px;}
    .overall_cont .subpaperdown_wrp ul li button{width: 28px;height: 28px;background-size: 14px;}
    .overall_cont .subpaperdown_wrp ul li strong{font-size: 15px;}
    .overall_cont .explana_wrap ul li{padding: 30px 25% 30px 105px;}
    .overall_cont .explana_wrap ul li .tea_name{font-size: 15px;}
    .overall_cont .commntr_view .lectlist .down_btn{height: 50px;padding: 6px 0 0; font-size: 14px;}
    .overall_cont .explana_wrap ul li .tea_img{width: 70px;height: 70px;top: 17px;}
    
    #eventWarp #lecarea .subTab li a{padding: 10px 20px;}

}
@media (max-width: 768px){
    .lecture::before{height: 15px;bottom: -15px;}
    .top_nav ul li {font-size:16px}
    .top_nav ul li > img{max-width: 20%;}
    .top_nav ul li .end{right: -70%}
    .top_nav ul li .end img{max-width: 60%;}
    

    .overall_cont .tit_wrp h4 { font-size: 15px; margin-bottom: 5px; padding-left:10px; }
    .overall_cont .tit_wrp::before { top: 7px; }
    #eventWrap .subTab { padding: 10px !important; }
    #eventWrap .subTab h5 { top: 13px; width: 50px; left: 10px; font-size: 13px; padding-right: 0;}
    #eventWrap .subTab li a { font-size: 13px;padding: 2px 10px; }
    #eventWrap .subTab > ul { padding: 0 0 5px 50px; }
    #eventWrap .subTab li { margin: 0; }

    /* ½ÃÇèÁö ¹× Çؼ³Áö ´Ù¿î·Îµå */
    .overall_cont .subpaperdown_wrp{border-radius: 0;padding: 0;margin: 0 0 30px;background: #f8f8f8;}
    .overall_cont .subpaperdown_wrp ul li span button{background-size: 11px;width: 24px;height: 24px;}
    .overall_cont .subpaperdown_wrp ul li{width: 50%;padding: 10px 0 10px;}
    .overall_cont .subpaperdown_wrp ul li.sub_line{width: 100%;border-bottom: 1px solid #ccc;}
    .overall_cont .subpaperdown_wrp ul li.sub_line:before,	.overall_cont .subpaperdown_wrp ul li.all_line:before{display:none}
    .overall_cont .subpaperdown_wrp ul li strong{font-size:13px;font-weight: normal;}
    .overall_cont .subpaperdown_wrp ul li.sub_line span{display:block;width: 100%;margin: 5px 0 0;}
    .overall_cont .subpaperdown_wrp ul li.sub_line select{margin:0;width: 81%;}
    .overall_cont .subpaperdown_wrp ul li::before{height: 100%;top: 0;margin: 0;width: 1px;}

    
    .commntr_view .lectlist .down_btn br{display: none;}
    .overall_cont .explana_wrap ul li{padding: 10px 0 10px 85px;}
    .overall_cont .explana_wrap ul li .tea_btn{width: 100%; position: relative; top: inherit;right: inherit; overflow: hidden;}
    .overall_cont .explana_wrap ul li .tea_name{margin: 0 0 12px;}
    .overall_cont .commntr_view .lectlist .down_btn{height: 34px;padding: 2px 0 0; border-radius: 3px;font-size: 13px; font-weight: normal; line-height: 32px; margin: 0 3% 0 0;}

    #eventWrap #lecarea .subTab{padding: 0 !important}
    #eventWrap #lecarea .subTab > ul{padding: 0;}
    #eventWrap #lecarea .subTab li a{padding: 10px 20px;}
}
@media (max-width: 576px){

    /*main*/
    .sel_box { top:1%; right:1%;  }
    .sel_box select { font-size: 11px; line-height:3vw; padding-left:1px; }
    .vsBox { padding-top:3%; background:#ffe0cf; }
    .main .text { padding:13px 5px; }
    .main .text p { font-size:15px; }
    .main .text a { width:130px; height:20px; line-height:20px; margin-left:5px; font-size:12px; }


    /*con1*/
    .con1 h3 { margin-top:7vw; font-size:16px; }
    .con1 .toggle { margin:10px auto 0; width:140px; height:30px; line-height:30px; border-radius:15px; font-size:13px;  }



    .overall_cont .explana_wrap ul li .tea_name{font-size: 13px;}
    #eventWrap #lecarea .subTab li a{padding: 5px 7px;font-size: 12px;}
}
@media (max-width: 460px){

    /*main*/
    .main .text { padding:13px 5px; }
    .main .text p { font-size:15px; }
    .main .text a { width:130px; height:20px; line-height:20px; margin:5px; font-size:12px; display:block; margin:5px auto 0; }

}