@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap .cont_pay .wrap_content{position:relative;width:1000px;margin:0 auto}
.eventWrap{width:100%;text-align:center;position:relative;font-family:'Malgun Gothic','¸¼Àº °íµñ';line-height: 1.4;letter-spacing: -0.06em;overflow:hidden;}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;padding: 0;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap .con_tit{position: relative;margin-bottom: 55px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 5%;}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 59%;background: #222;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}

/*.superRight_bnr{display:none !important}*/
.eventWrap .con_top{background: url(http://img.megagong.net/m/2020/0709_basic/top_bg.png) no-repeat center 0;padding: 0 0 80px;}
.eventWrap .con_top h3{position:relative}
.eventWrap .con_top h3::before{content:"";position:absolute;bottom: 91px;left: 100%;width:3000px;height:1px;background: #060400;}
.eventWrap .con_top h3::after{content:"";position:absolute;bottom: 91px;right: 100%;width:3000px;height:1px;background: #060400;}
.eventWrap .con_top h3 strong{position: absolute;bottom: 62%;right: -5%;max-width: 23%;}
.eventWrap .con_top ul{margin: 0 -1.5% 0;padding: 5% 0 0;}
.eventWrap .con_top ul li{position: relative;float: left;background: url(http://img.megagong.net/m/2020/0709_basic/top_img_bg.png) no-repeat center 0;padding: 55px 25px 50px;width: 33.3%;margin: 0;}
.eventWrap .con_top ul li::before{content:"";position:absolute;bottom: 41%;margin: 0;display:block;background: url('https://img.megagong.net/m/2020/0709_basic/top_x.png') no-repeat center 0;width: 58px;height: 68px;left: -8%;}
.eventWrap .con_top ul li:nth-child(1)::before{display:none}


.eventWrap .con01{position:relative;background: #46e648 url(http://img.megagong.net/m/2020/0709_basic/con1_bg.png) no-repeat center 100%;padding: 80px 0 80px;}
.eventWrap .con01 .step_wrap{background: #097e0b;margin: 0 0 10px;}
.eventWrap .con01 .step_wrap .con_subtit{
    background: #0ca40e;
    padding: 16px 25%;
    margin: 0 0 0;
}
.eventWrap .con01 .step_wrap .con_subtit strong{position:absolute;top:0;left:0;width:60px;height:100%;background: #004101 url(http://img.megagong.net/m/2020/0709_basic/con1_num.png) no-repeat 16px center;font-size: 0;}
.eventWrap .con01 .step_wrap div{
    position: relative;
    background: url(http://img.megagong.net/m/2020/0709_basic/con1_img1_bg.png) no-repeat 100% 100%;
    padding: 20px 2% 30px;
}
.eventWrap .con01 .step_wrap.step2 div{background-image: url(http://img.megagong.net/m/2020/0709_basic/con1_img2_bg.png);background-position: 11% 100%;padding: 25px 0%;}
.eventWrap .con01 .step_wrap.step2 div strong{position: absolute;bottom: 36%;right: 3%;max-width: 12%;}
.eventWrap .con01 .step_wrap.step2 div > span{position: absolute;bottom: 11%;left: 7%;background: url(http://img.megagong.net/m/2020/0709_basic/con1_img1_point2.png) no-repeat center 0;padding: 1.3% 2% 1.5%;}
.eventWrap .con01 .step_wrap.step2 div > span span{
    display: block;
    font-size: 15px;
    color: #f15252;
    font-weight: bold;
    line-height: 1.3;animation:show_in 2s ease-out 1s infinite;-webkit-animation:show_in 2s ease-out 1s infinite;
}

@-webkit-keyframes show_in{
    0%{opacity: 0;}
    20%{opacity: 1;}
    100%{opacity: 1;}
}
@keyframes show_in{
    0%{opacity: 0;}
    20%{opacity: 1;}
    100%{opacity: 1;}
}
.eventWrap .con01 .step_wrap.step2 .con_subtit strong{background-position: -189px center;}
.eventWrap .con01_belt{background: #004101 url(http://img.megagong.net/m/2020/0709_basic/con1_belt_bg.png) no-repeat center 100%;padding: 36px 0;}
.eventWrap .con01_belt .inner{
    padding: 0 12%;
}


.eventWrap .con02{position:relative;background: #f0f0f0;padding: 80px 0 0;}
.eventWrap .con02 .con_tit{margin-bottom:45px}
.eventWrap .con02 .conBox{
    margin: 0px -10px;
}
.eventWrap .con02 .conBox div.point{
    position: relative;
    margin: -155px 0 0;
    background: url(http://img.megagong.net/m/2020/0709_basic/con2_bg.png) no-repeat center 100%;
    padding: 117px 0 40px;
}
.eventWrap .con02 .conBox div.point img{position:relative;}
.eventWrap .con02 .conBox div.point::before{content:"";position:absolute;bottom: 0;margin: 0;display:block;background: #d8d8d8;width: 3000px;height: 200px;left: 50%;margin: 0 0 0 -1500px;}


.eventWrap .con03{position:relative;background: #f2f40a url(http://img.megagong.net/m/2020/0709_basic/con3_bg1.png) no-repeat center 55%;padding: 80px 0 90px;}
.eventWrap .con03::before{content:"";position:absolute;bottom: 0;left: 50%;width:3000px;height: 180px;margin: 0 0 0 -1500px;background: #b4c808;}
.eventWrap .con03 .conBox ul{margin: 0 0 0 -2.3%;}
.eventWrap .con03 .conBox ul li{position: relative;float:left;width: 31%;background: #fff;margin: 0 0 0 2.3%;-webkit-box-shadow: 7px 7px 15px 0px rgba(0,0,0,0.6);-moz-box-shadow: 7px 7px 15px 0px rgba(0,0,0,0.6);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);}
.eventWrap .con03 .conBox ul li img{margin: -5% 0 0;}
.eventWrap .con03 .conBox ul li::before{content:"";position:absolute;top: 0;margin: 0;display:block;background: url('https://img.megagong.net/m/2020/0709_basic/con3_bg2.png') no-repeat 0 0;width: 58px;height: 100%;right: -58px;z-index: 1;}
.eventWrap .con03_belt{background: #004101 url(http://img.megagong.net/m/2020/0709_basic/con3_belt_bg.png) no-repeat center 100%;padding: 20px 0 25px;}
.eventWrap .con03_belt .inner{padding: 0 12%;}
.eventWrap .con03_belt a{
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    background: #2b752c;
    padding: 3px 12px;
    color: #b4c808;
}

.eventWrap .con04{position:relative;background: #f2f40a url(http://img.megagong.net/m/2020/0709_basic/con4_bg.png) no-repeat center 0;padding: 45px 0 60px;}
.eventWrap .con04 .conBox{margin: -27px 0 0;}
.eventWrap .con04 .mb_view{display:none}

.eventWrap .con05{position:relative;padding: 70px 0 80px;text-align: left;}
.eventWrap .con05 .tab_wrap{border-bottom: 1px solid #222;margin: 0 0 4%;border-left: 1px solid #222;}
.eventWrap .con05 .tab_wrap li{position: relative;float:left;width: 33.3%;background: #fff;/* margin-left: -1px; */}
.eventWrap .con05 .tab_wrap li:nth-child(3){width:33.4%}
.eventWrap .con05 .tab_wrap li::before{/* content:""; */display:block;position:absolute;top:0;left:0;width: 1px;height: 100%;background-color: #b88439;}
.eventWrap .con05 .tab_wrap li a{position: relative;display:block;padding: 20px 0 20px;font-size: 15px;color: #696969;line-height: 1.3;letter-spacing: -0.1em;text-align: center;border: 1px solid #222;border-width: 1px 1px 0 0;background: #d2d2d2;}
.eventWrap .con05 .tab_wrap li a br{display:none}
.eventWrap .con05 .tab_wrap li.on a{color:#43260c;font-weight: bold;background: #fff;}
.eventWrap .con05 .tab_wrap li.on a::before{content:"";display:block;position:absolute;bottom: -1px;left:0;width:100%;height: 3px;background-color: #ffffff;}
.eventWrap .con05 .tab_wrap li a strong{display:block;font-size: 23px;padding: 2px 0 0;}
.eventWrap .con05 .vodchr_banner{margin:0}
.eventWrap .con05 .lectlist{border:0}

/* Æ˾÷ */
.eventWrap .layerPopup .contentBox{position: relative;width:1080px;margin: 6% auto 0;background: #fff;}
.eventWrap .layerPopup .contentBox .pop_box{padding: 30px 40px 2px;}
.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/2019/0405_sbtransfer/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 .curr_Stit{font-size: 17px;margin: 0 0 10px;position: relative;text-align: left;padding: 0 0 0 26px;}
.eventWrap .curr_Stit span{display:inline-block;position:relative;}
.eventWrap .curr_Stit::before{content:"";position:absolute;top: 3px;margin: 0;display:block;background: url('https://img.megagong.net/teacher/curr/curr_stitbg.png') no-repeat center 0;width: 18px;height: 18px;left: 0;}
.eventWrap .tbl_wrp{margin: 0 0 25px;overflow: hidden;}
.eventWrap .tbl{width: calc(100% + 2px);font-size: 14px;border-top: 2px solid #333;border-bottom: 2px solid #333;table-layout: fixed;margin-left: -1px;letter-spacing: -0.09em;margin-bottom: 5px;}
.eventWrap .tbl.mb_view{display: none;}
.eventWrap .tbl thead tr th{background: #f3f3f3;color:#333;padding: 12px 6px;border: 1px solid #ccc;}
.eventWrap .tbl tbody tr th,.teaCurr .tbl tbody tr td{color:#333;padding: 12px 6px;border: 1px solid #ccc;box-sizing:border-box;}
.eventWrap .tbl tbody tr th{font-size: 13px;}
.eventWrap .tbl tr td{font-size:13px;}
.eventWrap .tbl tbody tr td:nth-child(1),.teaCurr .tbl tbody tr td:nth-child(2){font-weight: bold;/* font-size: 14px */}
.eventWrap .optional .tbl tbody tr td:nth-child(1), .teaCurr .optional .tbl tbody tr td:nth-child(2){font-weight: normal;}
.eventWrap .essential .tbl tbody tr td{font-weight: normal;}
.eventWrap .optional .tbl tbody tr th{font-weight: normal;}
.eventWrap .tbl tr .point{position: relative;display: inline-block;}
.eventWrap .tbl tr .acc{display: block;position: absolute;top: 0;right: 0;background: #507cff;color: #fff;font-style: normal;font-size: 10px;padding: 5px 5px 10px;}
.eventWrap .tbl tr .acc::before{content:"";position:absolute;bottom: 0;left: 0;margin: 0;display:block;background:#ddd;width: 100%;height: 12px;background: url('https://img.megagong.net/teacher/curr/curr_pointbg.png') no-repeat center 0;background-size: 100% 100%;}
.eventWrap .tbl tr .acc.best{height: 40px;width: 40px;background: url('https://img.megagong.net/teacher/curr/curr_best.png') no-repeat 0 0;padding: 0;font-size: 0;top: 50%;display: inline-block;vertical-align: middle;margin: -20px -50px 0 0;}
.eventWrap .tbl tr .acc.new{height: 40px;width: 40px;background: url('https://img.megagong.net/m/2020/0514_ah02/new.png') no-repeat 0 0;padding: 0;font-size: 0;top: 50%;display: inline-block;vertical-align: middle;margin: -20px -50px 0 0;}
.eventWrap .tbl tr .acc.hot{height: 40px;width: 40px;background: url('https://img.megagong.net/teacher/curr/curr_hot.png') no-repeat 0 0;padding: 0;font-size: 0;top: 50%;display: inline-block;vertical-align: middle;margin: -20px -50px 0 0;}
.eventWrap .tbl tr .acc.rec{height: 40px;width: 40px;background: url('https://img.megagong.net/teacher/curr/curr_rec.png') no-repeat 0 0;padding: 0;font-size: 0;top: 50%;display: inline-block;vertical-align: middle;margin: -20px -50px 0 0;}
.eventWrap .tbl tr .acc.rec:before{display:none;}
.eventWrap .tbl tr .acc.best::before,.eventWrap .tbl tr .acc.hot::before,.eventWrap .tbl tr .acc.new::before{display: none}
.eventWrap .layerPopup .noti_txt{text-align: left;font-size: 11px;}
.eventWrap .tbl td.bBg, .eventWrap .tbl th.bBg{background:#e3e3e3}
.eventWrap .tbl td.pBg, .eventWrap .tbl th.pBg{background:#fef0ed}
.eventWrap .tbl td.sBg, .eventWrap .tbl th.sBg{background:#edf3fe}
.eventWrap .tbl tr br.mb_view{display: none;}

.commonTab > ul li a{padding: 12px 9px;}
@media (max-width: 1200px){
    .eventWrap img{width:100%}
    .eventWrap .subTab img{width: auto;}
    .flt_inner{display:none}
    .eventWrap .inner{width: 96%;}
    .eventWrap .con_top .inner{width: 100%;}
    .eventWrap .con_tit, .eventWrap .con02 .con_tit{margin: 0 0 5%;padding: 0 0%;}
    .eventWrap .con_subtit{margin: 0 0 4%;}

    .eventWrap .con_top{background-size: 330%;padding: 0 0 7%;}
    .eventWrap .con_top h3 strong{right:-2%}
    .eventWrap .con_top h3::before,.eventWrap .con_top h3::after{display:none}
    .eventWrap .con_top ul{padding: 3% 2% 0;}
    .eventWrap .con_top ul li{background-size: 106% 100%;background-position: center center;padding: 4% 3% 5%;}
    .eventWrap .con_top ul li::before{width: 22%;background-size: 100%;height: 27%;bottom: 37%;left: -11%;}
    .eventWrap .con_top ul li:nth-child(1)::before{}

    .eventWrap .con01{padding: 8% 0 7%;}
    .eventWrap .con01 .step_wrap div{ background-size: 85%; padding: 4% 0%;}
    .eventWrap .con01 .step_wrap.step2 div{ background-size: 46%;}
    .eventWrap .con01 .step_wrap .con_subtit{padding: 2% 24%;}
    .eventWrap .con01 .step_wrap .con_subtit strong{ width: 10%; background-size: 380%; background-position: -10% center;} .eventWrap .con01 .step_wrap.step2 .con_subtit strong{ background-position: 108% center; } .eventWrap .con01 .step_wrap.step2 div strong{ right: 1%; max-width: 14%;} .eventWrap .con01 .step_wrap.step2 div > span{ left: 3%; width: 27%; max-width: 100%; bottom: inherit; top: 58%; background-size: 100% 100%; padding: 1.8% 1% 2%;} .eventWrap .con01_belt, .eventWrap .con03_belt{ background-size: 150%; padding: 4% 0;}
    .eventWrap .con03_belt{  background-size: 250%;  padding: 4% 0; } .eventWrap .con03_belt a{ position: relative; bottom: inherit; right: inherit; width: 100px; margin: 15px auto 0; padding: 3px 0;}.eventWrap .con02{padding:8% 0 0}.eventWrap .con02 .conBox{margin: 0 -2.5%;}   .eventWrap .con02 .conBox div{padding:0 2%}.eventWrap .con02 .conBox div.point{padding: 4% 5% 7%;background-size: 101%;margin: -9% 0 0;background-position: center 0;}.eventWrap .con02 .conBox div.point::before{height: 28%;}.eventWrap .con03{padding:8% 0 8%}.eventWrap .con03::before{height: 15%;}.eventWrap .con03 .conBox ul{margin: 0 0 0 -1%;}.eventWrap .con03 .conBox ul li{margin: 0 0 0 1%;width: 32.3%;}.eventWrap .con03 .conBox ul li img{}.eventWrap .con03 .conBox ul li::before{width: 14%;background-size: 100% 100%;right: inherit;left: 100%;}.eventWrap .con04{padding: 6% 0 6%;background-size: 490%;}
    .eventWrap .con04 .conBox{margin:0}
    .eventWrap .con04 .pc_view{display:none}
    .eventWrap .con04 .mb_view{display:block}
    .eventWrap .con05{padding:7% 0 7%}
}
@media (max-width:1140px){
    .commonTab > ul{padding-bottom: 1px;}
    .commonTab > ul li.on a{margin-bottom: 1px;}
    .commonTab > ul li:first-child{margin-left: 0;}
    .commonTab > ul li{width: 10%; margin-right: -1px; margin-bottom: -1px; border: 1px solid #d6d6d6;}
}
@media (max-width:992px){
    .eventWrap .curr_Stit{font-size: 15px;margin: 0 0 5px;}

    .eventWrap .con07 .evt_info{margin:0 0 5%;padding: 6% 34% 6% 0%;}
    .eventWrap .con07 .evt_info div{font-size:16px}
    .eventWrap .con07 .evt_info div.present{top: inherit;bottom: 5%;max-width: 34%;right: 0;}
    .eventWrap .con06 span.end{max-width:15%;}
    .eventWrap .con01 .step_wrap.step2 div > span span{font-size:14px}

}
@media (max-width: 768px){
    .eventWrap .con05 .tab_wrap li a{font-size: 12px;padding: 5% 0;}
    .eventWrap .con05 .tab_wrap li a strong{font-size: 15px;}
    .eventWrap .con05 .tab_wrap li a br{display:block}
    .eventWrap .con01 .step_wrap.step2 div > span::before{content:"";position:absolute;top: -5px;left: 22%;border-right: 15px solid transparent;border-bottom: 15px solid #fff;width: 1px;height: 1px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);}
    .eventWrap .con01 .step_wrap.step2 div > span{left: 4%;width: auto;padding: 1.2% 3% 1.2%;background: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;top: 64%;}
    .eventWrap .con01 .step_wrap.step2 div > span span{font-size: 13px;}
    .eventWrap .con01 .step_wrap.step2 div > span span br{display:none}
    .commonTab > ul li{width: 14%;}
    
}

@media (max-width:576px){
    .eventWrap .con01 .step_wrap.step2 div > span span{font-size: 12px;}
    .commonTab > ul li{width: 20%;}
}