@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{width:100%;text-align:center;position:relative;font-size: 15px;line-height: 1.4;letter-spacing: -0.03em;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.flt_inner li {margin: 10px;}
.flt_inner li.top {display: block;}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.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: 60px;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: 58.1%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box.vdo_none{padding:0}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .tiny_txt{font-size:12px;letter-spacing: -0.03em;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.eventWrap sup{vertical-align: top;}

.flt_inner{position:absolute;text-align:center;margin-top: 5%;right: 2%;z-index: 4;}

.eventWrap .inner{width: 1280px;}
.eventWrap .con_top .inner{width: 1400px;}

.eventWrap .con_tit{margin: 0 -30px 70px;}
.eventWrap .con_tit i{display: block;margin: 0 0 20px;}

.eventWrap .con_top{position: relative;padding: 140px 0 140px;background: #020305 url(https://img.megagong.net/m/2021/1124_history/con_img10.png) no-repeat center 0;}
.eventWrap .con_top h3{position: relative;margin: 0 0 0 10px;text-align: left;z-index: 1}
.eventWrap .con_top h3 .txt1{display: block;margin: 0 0 90px;}
.eventWrap .con_top h3 .txt2{display: block;margin: 0 0 30px;}
.eventWrap .con_top h3 .txt3{display: block;}
.eventWrap .con_top .teacher{position: absolute;bottom: -152px;right: -50px;}

@-webkit-keyframes top_In{
	0%{margin-top: -20px;}
    100%{margin-top: 0;opacity: 1;}
}
@keyframes top_In{
	0%{margin-top: -20px;}
    100%{margin-top: 0;opacity: 1;}
}
@-webkit-keyframes left_In{
	0%{margin-left: -50px;}
    100%{margin-left: 0;opacity: 1;}
}
@keyframes left_In{
	0%{margin-left: -50px;}
    100%{margin-left: 0;opacity: 1;}
}

@-webkit-keyframes right_In{
	0%{margin-right: -50px;}
    100%{margin-right: 0;opacity: 1;}
}
@keyframes right_In{
	0%{margin-right: -50px;}
    100%{margin-right: 0;opacity: 1;}
}

.eventWrap .con01{position:relative;background: #0c0d12;text-align: center;padding: 130px 0}
.eventWrap .con01 .high_score{position:relative}
.eventWrap .con01 .high_score h5{background:#b78c62}
.eventWrap .con01 .high_score div{position: relative;padding: 100px 0 70px;background: #fff}
.eventWrap .con01 .high_score div .tiny_txt{position:absolute;top:10px;right:10px;opacity: 0.4;}

.eventWrap .con02{position:relative;background: #181a22;text-align: center;padding: 130px 0}
.eventWrap .con02 h5{background: #b78c62}

.eventWrap .con03{position:relative;background: #b29873;text-align: center;padding: 130px 0}
.eventWrap .con04{position:relative;background: #fff;text-align: center;padding: 130px 0}
.eventWrap .lecture{padding-bottom: 0 !important;}
.eventWrap .con05{position:relative;background:#20264e url('https://img.megagong.net/m/2021/1124_history/con_img6.png') repeat center 0;;text-align: center;}

.eventWrap .exam_roll {position:relative;background-color: #14151b;}
.eventWrap .exam_roll .slick-arrow {position:absolute;top:50%;width:100px;height:100px;transform: translateY(-50%);z-index:2;font-size:0;}
.eventWrap .exam_roll .slick-prev {left:-41px;background:url(https://img.megagong.net/m/2021/1112_avantage78/con4_arr_L.png) no-repeat center;}
.eventWrap .exam_roll .slick-next {right:-41px;background:url(https://img.megagong.net/m/2021/1112_avantage78/con4_arr_R.png) no-repeat center;}
.eventWrap .exam_roll .slick-dots {text-align: center;position: absolute;bottom: 30px;left: 0;font-size: 0;width: 100%;}
.eventWrap .exam_roll .slick-dots li{display: inline-block;margin: 0 4px;}
.eventWrap .exam_roll .slick-dots li button{display: block;width: 10px;height: 10px;font-size: 0;-webkit-border-radius: 100%;border-radius: 100%;border:1px solid #fff;}
.eventWrap .exam_roll .slick-dots li.slick-active button{background-color: #fff;}

.eventWrap .con03 .tab_nav_box{position:relative;}
.eventWrap .con03 .tab_nav_box.pofixed{position: fixed;top:0;left: 0;width: 100%;z-index: 3;}
.eventWrap .con03 .slick-dots{margin: 0 0 0 0;position: absolute;top: 0;left: 0;width: 100%;}
.eventWrap .con03 .slick-dots li{position:relative;float:left;width: 20%;}
.eventWrap .con03 .slick-dots li button{display: block;font-size:23px;background: #d5d2cf;color: #fff;}
.eventWrap .con03 .slick-dots li button span {display: block; font-size: 19px; font-weight: normal; margin: 0 0 5px 0;}
.eventWrap .con03 .slick-dots li::before{position:absolute;content:'';width:1px;height: 100%;top: 0;left: 0;background: #b29873;z-index: 2;}
.eventWrap .con03 .slick-dots li button{display: block;height: 120px; width: 100%;font-weight: bold;}
.eventWrap .con03 .slick-dots li.slick-active button{background:#161616;color:#fff;}
.eventWrap .con03 .tab_area{display: none;padding: 90px 0 0 ;}
.eventWrap .con03 .tab_area.slick-initialized{display: block;}
.eventWrap .con03 .whtbg_wrap{position: relative;background: #fff;margin: 0 0 50px;padding: 90px 100px 70px}
.eventWrap .con03 .whtbg_wrap .tab_img{position: absolute;bottom: 39px;right: 34px;z-index: 2}
.eventWrap .con03 .whtbg_wrap .tab_img a{position: absolute;bottom: 60px;right: 75px;background: url(https://img.megagong.net/m/2021/1124_history/home_icon.png) no-repeat 0 0;padding: 0 0 0 25px}
.eventWrap .con03 .whtbg_wrap .video_wrap{position: relative;width: 708px;margin: 0 0 50px}
.eventWrap .con03 .whtbg_wrap .feat_wrap {position: relative; margin: 0 0 30px 25px;}
.eventWrap .con03 .whtbg_wrap .tip_wrap{position: relative;text-align: left}
.eventWrap .con03 .whtbg_wrap + a{display: block;width: 600px;height: 100px;margin: 0 auto;color: #fff;background: #161616;line-height: 100px;font-size: 26px}

.eventWrap .con04 .inner,
.eventWrap .con_event .inner {width: 1080px;}
.eventWrap .con_event {background: #e8b061; position: relative; text-align: center; padding: 160px 0;}
.eventWrap .con_event .con_tit {margin: 0 0 60px 0;}
.eventWrap .con_event .con_tit i {position: absolute; top: 30%; right: 5%;}
.eventWrap .con_event .con_tit .event_tit {margin: 0 0 60px 0;}
.eventWrap .con_event .con_box {display: flex; justify-content: space-between; align-items: center; margin: 0 0 50px 0;}
.eventWrap .con_event .con_box .date {font-size: 21px; text-align: left; flex: 1; letter-spacing: -2px;}
.eventWrap .con_event .con_box .date dt {display: inline-block; background: #7c1200; color: #fff; width: 170px; line-height: 34px; text-align: center; border-radius: 17px; margin: 0 10px 10px 0;}
.eventWrap .con_event .con_box .date dd {display: inline-block;}
.eventWrap .con_event .con_box .con_right {flex: 1;}

.eventWrap .lecture {margin: 0 0 80px 0; background: #fff;}

.event_caution {text-align: left;}
.event_caution p {font-weight: bold; position: relative; margin: 0 0 10px 0;}
.event_caution p::after {content: ''; position: absolute; top: 50%; right: 0; width: calc(100% - 115px); height: 1px; background: #000;}
.event_caution ul {padding: 0 5px 0 0;}
.event_caution ul li {font-weight: 400;/* font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; */position: relative;margin: 0 0 0 10px;}
.event_caution ul li::before {content: '-'; position: absolute; left: -10px;}

.subTab li a{font-size: 15px;color: #707070;font-weight: normal;padding: 0 0 3px;margin: 0 12px 0}
.subTab li a:hover{color:#000;}
.subTab li.on a{color:#000;font-weight: bold;text-decoration: none;border-bottom: 1px solid #000;}

@media (max-width: 1400px) {
    .eventWrap .con_top .inner{width: 1200px;}
    .eventWrap .con_top .teacher {width: 65%; right: 0;}
}
@media (min-width: 1200px){

	.eventWrap .con_top h3 .txt1{opacity:0;-webkit-animation: top_In 1.5s linear 1s both;animation: top_In 1.5s linear 1s both;}
	.eventWrap .con_top h3 .txt2{opacity:0;-webkit-animation: left_In 1s linear 2s both;animation: left_In 1s linear 2s both;}
	.eventWrap .con_top h3 .txt3{opacity:0;-webkit-animation: left_In 1.5s linear 3s both;animation: left_In 1.5s linear 3s both;}
	.eventWrap .con_top .teacher{opacity:0;-webkit-animation: right_In 2s linear 3.5s both;animation: right_In 2s linear 3.5s both}


}
@media (max-width: 1200px){

    .flt_inner{display:none !important;}
    .eventWrap .con_top .inner,
    .eventWrap .con04 .inner,
    .eventWrap .con_event .inner,
    .eventWrap .inner{width: 94%;}
    .eventWrap img{width:100%}
    .eventWrap .tiny_txt{font-size: 10px;}

    .eventWrap .con01{padding: 12% 0;}
    .eventWrap .con02{padding: 12% 0}
    .eventWrap .con03{padding: 12% 0}
    .eventWrap .con04{padding: 12% 0}
    .eventWrap .con_event{padding: 12% 0}
    .eventWrap .con05{padding: 0;}
    .eventWrap .con05 .inner{width:auto}
    .eventWrap .con06{padding: 12% 0}

    .eventWrap .con_tit{margin: 0 0 5%}
    .eventWrap .con_tit i{width: 14%;margin: 0 auto 4%;}


    .eventWrap .con_top{padding: 12% 0;background-size: auto 100%;overflow: hidden;}
    .eventWrap .con_top h3{padding: 0 10% 0 0%;margin: 0}
    .eventWrap .con_top h3 .txt1{margin-bottom: 7%;padding: 0 39% 0 0}
    .eventWrap .con_top h3 .txt2{padding: 0 40% 0 0;margin-bottom: 5%;}
    .eventWrap .con_top h3 .txt3{padding: 0 26% 0 0;}
    .eventWrap .con_top .teacher{width: 62%;bottom: -22%;right: -4%;}

    .eventWrap .con01 .high_score h5{padding: 0 24%}
    .eventWrap .con01 .high_score div{padding: 7% 0 5%;overflow: hidden;}
    .eventWrap .con01 .high_score div img{
    max-width: 130%;
    width: 110%;
    margin: 0 0 0 -5%;
}
    .eventWrap .exam_roll .slick-arrow {background-size: 100%;width: 8%}
    .eventWrap .exam_roll .slick-prev {left: -2%}
    .eventWrap .exam_roll .slick-next {right: -2%}
    .eventWrap .exam_roll .slick-dots{bottom: 3%;opacity: 0.5}
    .eventWrap .exam_roll .slick-dots li button{width: 7px;height: 7px}

    .eventWrap .con02 h5{padding: 0 11.95%;}
    .eventWrap .con02 .con_tit{
    padding: 0 14%;
}


    .eventWrap .con03 .slick-dots {top: 10px;}
    .eventWrap .con03 .slick-dots li a{height: auto;line-height: 1;padding: 20% 0;font-size: 24px;}
    .eventWrap .con03 .slick-dots li button {height: 80px;}
    .eventWrap .con03 .slick-dots li button span {display: none;}
    .eventWrap .con03 .whtbg_wrap{padding: 5% 7% 5%;margin: 0 0 3%}
    .eventWrap .con03 .whtbg_wrap .tab_img{display: none}
    .eventWrap .con03 .whtbg_wrap .video_wrap{width: auto; margin: 0 0 5%}
    .eventWrap .con03 .whtbg_wrap .feat_wrap {width: 90%; margin: 0 0 30px 5%;}
    .eventWrap .con03 .whtbg_wrap .tip_wrap{margin: 0}
    .eventWrap .con03 .whtbg_wrap + a{height: auto;line-height: 1;padding: 2.2% 0;font-size: 17px;width: auto;border-radius: 6px}
    
    .eventWrap .con_event .con_tit {margin: 0 0 5% 0;}
    .eventWrap .con_event .con_tit img {width: 70%;}
    .eventWrap .con_event .con_tit .event_tit {margin: 0 0 5% 0;}
    .eventWrap .con_event .con_box {flex-direction: column-reverse; margin: 0 0 5% 0;}
    .eventWrap .con_event .con_box .date {margin: 50px 0 0 0;}
    
    .eventWrap .lecture {margin: 0 0 5% 0;}

    .eventWrap .event_caution .inner {width: 100%;}
}

@media (max-width:992px){

    .eventWrap .con03 .slick-dots {top: 0;}
    .eventWrap .con03 .tab_area{padding: 50px 0 0;}
    .eventWrap .con03 .slick-dots li button{font-size:15px;height: 50px;line-height: 50px}
    
}

@media (max-width:768px){

.eventWrap .con_top{padding:12% 0 0}
    .eventWrap .con_top h3{padding: 0 0 0 4%;}
    .eventWrap .con_top h3 .txt1{padding: 0 25% 0 0;margin-bottom: 5%;}
    .eventWrap .con_top h3 .txt2{padding: 0 24% 0 0;}
    .eventWrap .con_top .teacher{width: 100%;right: inherit;bottom: inherit;position: relative;overflow: hidden;margin: 0;padding: 0 3%;}
.eventWrap .con_top .teacher img{
    margin: -3% 0 -35%;
    padding: 0 0 20% 0;
}
    .eventWrap .con01 .high_score h5{padding: 0 22%;}
    .eventWrap .con02 h5{padding: 0 5%;}
        

    .eventWrap .con03 .tab_area{padding: 40px 0 0;}

    .eventWrap .con03 .slick-dots li button{font-size:14px;height: 40px;line-height: 40px}
        
    .eventWrap .con03 .whtbg_wrap + a{font-size: 13px;padding: 13px 0}
    .subTab li a{font-size: 13px;margin: 0 6px 0}
    .eventWrap .con03 .whtbg_wrap{padding: 5% 3%}


    
}

@media (max-width:576px){
    .eventWrap .con_event .con_tit .event_stit img {width: 80%;} 
    .eventWrap .con_event .con_box .date {font-size: 14px;}
    .eventWrap .con_event .con_box .date dt {width: 100px; line-height: 28px; margin: 0 5px 5px 0;}

    .event_caution ul li {font-size: 12px; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
}