@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: 18px;font-weight:200;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.inner {position:relative;width:1080px;margin:0 auto;}
.inner::after{content:"";display:block;clear:both;}
ul::after{content:"";display:block;clear:both;}
img{border:0 none;vertical-align:middle;max-width:100%}
.con_tit{position: relative;margin-bottom: 60px;text-align: center;}
.con_subtit{margin-bottom: 35px;position:relative;padding: 0 5%;}
.img_mb{display:none}
.conBox{position:relative}
.conBox::after{content:"";display:block;clear:both}
.flow::after{content:"";display:block;clear:both}
.video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56.3%;background: #222;overflow: hidden;border-radius: 3px;}
.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%;}
.video_box img{width:100%}
.video_box.ytb{padding: 0;}
.lecture{background:#fff;padding-bottom: 0 !important;margin: 20px auto 50px;}
.tiny_txt{font-size:12px;letter-spacing: -0.03em;}

.winter_topbnr .inner{width:auto;}

.flt_inner {position: absolute;text-align: center;top: 1720px;left: 50%;margin-left: 650px;z-index:4;width: 200px;}
.flt_inner li:nth-child(2) {margin-top:15px}
.flt_inner li:nth-child(4) {margin-bottom:15px}
.flt_inner li:last-child{margin-top:5px}

.viusal{position: relative;background: #3d48b2 url('https://img.megagong.net/m/2022/0126_newyear/gong/top_bg.jpg') no-repeat center 0;padding: 0 0 96px;background-size: auto 100%;}

.con01,.con01_1,.con02,.con03,.con04,.evt_cautn{position: relative;}

/*con01*/
.con01 {background: #3742ab url('https://img.megagong.net/m/2022/0126_newyear/gong/con1_bg.jpg') no-repeat center 0;padding: 100px 0 130px;/* background-size: auto 100%; */}
.con01 .mission_info::before{position:absolute;content:'';left: -160px;top:0;width: 160px;height:100%;background:url('https://img.megagong.net/m/2022/0126_newyear/mission_info_round.png') no-repeat center 0;background-size: 100% 100%;}
.con01 .mission_info::after{position:absolute;content:'';right: -100%;top:0;width: 100%;height:100%;background:url('https://img.megagong.net/m/2022/0126_newyear/mission_info_bg.png') no-repeat center 0;background-size: 100% 100%;}
.con01 .mission_info{position:relative;padding: 60px 40px;background:url('https://img.megagong.net/m/2022/0126_newyear/mission_info_bg.png') no-repeat center 0;background-size: 100% 100%;}
.con01 .mission_info li{text-align:left;color:#fff;font-size:21px}
.con01 .mission_info li+li{margin-top:20px}
.con01 .mission_info li strong,.con01 .mission_info li p{display:inline-block}
.con01 .mission_info li strong{position:relative; margin-right:30px;padding-left:10px}
.con01 .mission_info li strong::before{position:absolute;content:'';left:0;top:15%;width:2px;height:70%;background:#fff}
.con01 .mission_info li p span{color:#ea885b;font-size:14px}
.con01 .mission_info img.icon{position:absolute;right:40px;bottom:-31px}
.con01 .mission_info .end{position:absolute;bottom: 25%;right: 20%;z-index:2;}

/*con01_1*/
.con01_1 {background: #3742ab url('https://img.megagong.net/m/2022/0126_newyear/gong/con2_bg.jpg') no-repeat center 0;background-size: auto 99.7%;}
.con01_1::before{position:absolute;content:'';background:#222;top:-2px;left:0;width:100%;height:2px;z-index:2;}
.con01_1 .inner{padding: 50px 0 154px;}
.con01_1 .inner h4{position: absolute;top: -35px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index: 2;}
.con01_1 .mission_list{}
.con01_1 .mission_list > div{position:relative; background:#fff;text-align:left}
.con01_1 .mission_list > div + div{margin-top:20px}
.con01_1 .mission_list > div li{position:relative;float: left;width: 790px;}
.con01_1 .mission_list > div li .pc{display:block}
.con01_1 .mission_list > div li .mo{display:none}
.con01_1 .mission_list > div li + li{float: left;width:290px;margin: 85px auto;text-align: center;}
.con01_1 .mission_list > div li:nth-child(1)::before{position:absolute;content:'';right:0;top: 15%;height: 70%;width: 2px;border-left: 1px dashed #d3d3d3;}
.con01_1 .mission_list > div li + li .btn a{display:inline-block;width:210px;height:45px;line-height: 43px;background:#ca2100;font-size:21px;font-weight:bold;text-align:center;color:#fff;border-radius: 5px;}
.con01_1 .mission_list > div li + li .btn a.finish{background:#b6b6b6;font-weight:normal;font-size:19px}
.con01_1 .mission_list > div li + li .btn a.my_study{background:none;border:2px solid #ca2100;color: #ca2100;}
.con01_1 .mission_list > div li + li .btn a.study_time{background:#222222;font-size:19px;}
.con01_1 .mission_list > div li + li .btn a.study_time {color:#b6b6b6;}
.con01_1 .mission_list > div li + li .btn a.study_time p strong{color:#fff}
.con01_1 .mission_list > div li + li .btn a.study_time span{color:#ff7459}
.con01_1 .mission_list > div li + li.type2{margin: 60px auto;}
.con01_1 .mission_list > div li + li.type2 .btn a +a {margin-top:10px}
.con01_1 .mission_list > div > p{position:absolute;left:150px;bottom:60px; color:#888888;font-size:14px}
.con01_1 .mission_list .tiny_pc{display:block; font-size:14px;color:#b6b6b6;margin-top:15px;text-align:left}

/*con02*/
.con02{background: url('https://img.megagong.net/m/2022/0126_newyear/gong/con3_bg.jpg') no-repeat center 0;background-size:100% 100%;}
.con02::before{position:absolute;content:'';background:#222;top:-2px;left:0;width:100%;height:2px;z-index:2;}
.con02 .inner{padding: 90px 0 185px;}
.con02 .inner .tag{position:absolute;left:50%;top: -75px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index: 2;}

/*con03*/
.con03{padding: 35px 0 100px;background: #ffeb92 url('https://img.megagong.net/m/2022/0126_newyear/gong/con4_bg.jpg') no-repeat center 0;background-size:auto 100%;margin-top: -1px;}
.con03 .end{position:absolute;top: 25%;right: 8%;z-index:2;}
.con03 .login_box{width: 510px;height:90px;background: url('https://img.megagong.net/m/2022/0126_newyear/login_box_bg.png') no-repeat center 0;background-size:auto 100%;margin: 0 auto 80px;}
.con03 .login_box a{color:#fff;font-size:20px;}
.con03 .login_box a p{padding-top:18px}
.con03 .login_box a strong{display:block}
.con03 .login_box a.finish{line-height:90px;font-size:36px}
.con03 .gift_box{}
.con03 .gift_box .con_tit::before{position:absolute;content:'';left: -100%;top: 50%;width: 130.5%;height:2px;background:rgba(34, 34, 34, 0.5);z-index:1;margin-top: -5%;}
.con03 .gift_box .con_tit::after{position:absolute;content:'';right: -100%;top: 50%;width: 130.5%;height:2px;background:rgba(34, 34, 34, 0.5);z-index:1;margin-top: -5%;}

.con03 .gift_box ul li{position:relative; float:left;}
.con03 .gift_box ul li i{display: block;font-size: 18px;font-style: normal;font-weight: bold;background: url('https://img.megagong.net/m/2022/0126_newyear/evt2_i_bg.png') no-repeat center 0;background-size:auto 100%;height: 45px;line-height: 40px;margin-bottom:10px;}
.con03 .gift_box ul li i strong{color:#ca2100}
.con03 .gift_box ul li a{position:absolute;width: 90%;bottom: 15px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);background: #ca2100  url('https://img.megagong.net/m/2022/0126_newyear/evt_btn_arrow.png') no-repeat center right 7%;height: 55px;line-height: 55px;font-size: 19px;font-weight: bold;border-radius: 10px;color: #fff;text-indent: -10px;}
.con03 .gift_box ul li a strong{color: #ffe226;}
.con03 .gift_box ul li a.finish{background:rgba(0,0,0,0.2);cursor:default;color: #cabb77;text-indent:0}
.con03 .gift_box ul li + li{margin-left: 24px;}
.con03 .gift_box .tiny_txt{display:block;font-size:14px;color:#ca2100;font-weight:bold;text-align:right;margin-top:15px}


.board_notice{position:relative}
.board_notice{font-size:13px}
.board_notice .noti_btn{position:absolute;right: 155px;top:0;font-size:13px;color:#fff;}
.board_notice .noti_btn input{margin-right:5px;margin-top:-3px;}
.type_lst ul{background: #fff !important;padding: 20px 30px 0;}
.type_lst ul li{position:relative; float: left;}
.type_lst ul li.on{font-weight:bold}
.type_lst ul li+li{margin-left:20px}
.type_lst ul li+li::before{position:absolute;content:''; left:-10px;top:15%;width:2px;height:70%;background:#222;}

.evt_cautn{background:#fff;}
.evt_cautn .inner{width: 100%;}
.evt_cautn .cautn_tit{font-size: 17px;font-weight: bold;color: #fff;background: #575757;padding: 10px 0;}
.evt_cautn .inner > div{margin: 70px auto;width:1080px;text-align:left;}
.evt_cautn .tit{display: block;margin: 45px 0 10px;font-size: 17px;}
.evt_cautn ul{position: relative;font-size: 13px;font-weight: normal;margin: 0 0 20px;padding-left: 15px;}
.evt_cautn ul li{position: relative;margin: 0 0 5px;padding: 0 0 0 10px;}
.evt_cautn ul li span{color: #c43952;font-weight: normal}
.evt_cautn ul li.color{color:#2e35aa}
.evt_cautn ul li.color ul{color:#000;}
.evt_cautn ul li a{display: inline-block;font-size: 13px;line-height: 1;padding: 2px;margin: 0 0 0 5px;font-weight: bold;color: #222222;}
.evt_cautn ul li::before{content:'';display:block;position:absolute;top: 9px;left:0;width: 5px;height: 1px;background: #340a52;}
.evt_cautn ul li ul {margin: 0;}
.evt_cautn ul li ul li{padding-left: 0;}
.evt_cautn ul li ul li::before{display:none}

/* ?? */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index: 2;}
.certifi_pop{position:fixed;top:50%;left:50%;background-color:#fff;z-index: 99;font-size:13px;transform: translate(-50%,-50%);}
.certifi_pop .popinner{padding: 0;position:relative;font-size:13px;}
.certifi_pop .btn_popclo{position:absolute;top: 20px;right: 20px;display:block;font-size:0;line-height:0;width: 20px;height: 20px;background: url('https://img.megagong.net/m/2022/0126_newyear/pop_close.png') 0 0 no-repeat;}
.certifi_pop .certifi_btn{display:block;text-align:center;width: 230px;height: 50px;border: 2px solid #000000;font-size: 20px;font-weight: bold;line-height: 45px;margin: 30px auto 50px;border-radius: 35px;}

/*  ?? ?? ?? */
.certifi_pop.certifi{width: 450px;border-radius: 38px 38px;}
.certifi_pop.certifi > div .pop_classi {position:relative;}
.certifi_pop.certifi > div .icon{position:absolute;left: 50%;top: -75px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.certifi_pop.certifi > div .point{width:100%;height: 100px;line-height:100px;background: url('https://img.megagong.net/m/2022/0126_newyear/gong/pop_point_bg.png') no-repeat center 0;font-size: 38px;color: #fff;}
.certifi_pop.certifi > div .tit{margin:35px auto 25px}
.certifi_pop.certifi > div .popinner{padding: 0 35px;}

.certifi_pop.certifi .filebox{position: relative;margin: 15px auto 30px;overflow: hidden;}
.certifi_pop.certifi .filebox .filename{position:relative;height: 48px;width: 260px;float:left;overflow:hidden;background: #fff;border: 1px solid #222;}
.certifi_pop.certifi .filebox .filename input[type="text"]{position:absolute;top:0;left:0;font-size: 14px;width: 100%;height:45px;padding-left:10px;color: #c5c5c5;border:0;}
.certifi_pop.certifi .filebox .filename a{position:absolute;top:9px;right:10px;width: 40px;height:28px;line-height: 26px;font-size: 16px;font-weight: bold;background: #eaeaea;border: 1px solid #222;z-index:1;text-align:center;/* display: none; */}
.certifi_pop.certifi .filebox .filebtn{position:relative;width: 115px;float: right;}
.certifi_pop.certifi .filebox .filebtn label{position:absolute;top: 0;right:0;background-color: #222222;color:#fff;font-size: 17px;width:100%;text-align:center;height: 48px;line-height: 48px;font-weight: 200;cursor: pointer;}
.certifi_pop.certifi .filebox label{position:absolute;z-index:1;top:17px;left:0;font-size:13px;font-weight:bold;width: 98px;}
.certifi_pop.certifi .filebox input[type="file"]{position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.certifi_pop.certifi ul.tiny_noti{text-align:left;font-size: 11px;color:#999999;}


@media (max-width: 1200px){
	
    
    .eventWrap{font-size: 15px;}
    .inner{width: 96%;}
        
    .viusal{padding: 0 0 14vw;background-size: auto 100%;}

    /*con01*/
    .con01{padding: 17.5vw 0 10vw;background-size: auto 100%;}
    .con01 .mission_info{padding: 5% 2%;}
    .con01 .mission_info::before{width: 14%;left: -13.9%;}
    .con01 .mission_info::after{right: -99.99%;}
    .con01 .mission_info li{font-size:18px}
    .con01 .mission_info li+li{margin-top: 1%;}
    .con01 .mission_info li strong{margin-right:1.5%;padding-left:1%}
    .con01 .mission_info li strong::before{top:20%;}
    .con01 .mission_info li p span{font-size:12px}
    .con01 .mission_info img.icon{right: 4%;bottom: -10%;max-width: 20%;}
    .con01 .mission_info .end{width: 15%;}
    
    /*con01_1*/
    .con01_1{background-size:auto 100%}
    .con01_1 .inner{padding: 5% 0 11%;}
    .con01_1 .inner h4{top: -2.4%;}
    .con01_1 .inner h4 img{max-width:80%}
    .con01_1 .mission_list > div li{width: 78%;}
    .con01_1 .mission_list > div li:nth-child(1) img{width:100%}
    .con01_1 .mission_list > div li + li{width:22%;margin: 8% auto;}
    .con01_1 .mission_list > div li + li.type2{margin: 6.3% auto;}
    .con01_1 .mission_list > div li + li .btn a{width:90%;}
    .con01_1 .mission_list .tiny_pc{font-size:12px}
    

    /*con02*/
    .con02{background-size:auto 100%}
    .con02 .inner{padding:5% 0 10%}
    .con02 .inner .tag{top: -64px;}
    .con02 .inner .tag img{max-width:80%}
    .board_notice .noti_btn{right:0;font-size:12px;}

    /*con03*/
    .con03{padding:1% 0 11%}
    .con03 .end{max-width:15%}
    .con03 .login_box{width: 75%;height: 75px;margin: 0 auto 5%;background-size: 100% 100%;}
    .con03 .login_box a{font-size:16px;}
    .con03 .login_box a p{/* padding-top: 14px; */}
    .con03 .login_box a.finish{line-height: 3;font-size: 25px;}
    .con03 .gift_box .con_tit::before{left:-99%;margin-top: -5.5%;}
    .con03 .gift_box .con_tit::after{right:-99%;margin-top: -5.5%;}
    .con03 .gift_box ul li{width:24%}
    .con03 .gift_box ul li img{width:100%}
    .con03 .gift_box ul li + li{margin-left: 1.3%;}
    .con03 .gift_box ul li i{font-size: 16px;background-size: 100% 100%;}
    .con03 .gift_box ul li a{bottom: 3%;height: auto;line-height: 1.3;padding:4% 0;font-size: 15px;background-size: 5%;background-position-x: 92%;}
    .con03 .gift_box .tiny_txt{font-size:12px;margin-top:1%}
    .type_lst ul{padding: 20px 20px 0;}

    /*evt_cautn*/
    .evt_cautn .inner > div{margin: 2% auto;width:96%;}
    .evt_cautn .cautn_tit{font-size:15px}
    
    .certifi_pop .certifi_btn{margin: 4% auto 8%;}
    .certifi_pop .btn_popclo{top:5%;right:5%}
    .certifi_pop.certifi > div .icon{top:-20%}
    .certifi_pop.certifi > div .point{height: auto;line-height:1.5;padding:2% 0;font-size: 30px;background-size: 100% 150%;}
    .certifi_pop.certifi > div .tit{margin:6% auto 5%}
    .certifi_pop.certifi > div .tit img{max-width:80%}
    .certifi_pop.certifi > div .popinner{padding: 0 3%;}
    .certifi_pop.certifi .filebox{margin: 1% auto 2%;}
    .certifi_pop.certifi .filebox label{top: 23px;}
    .certifi_pop.certifi .filebox .filename{width:100%;}
    .certifi_pop.certifi .filebox .filebtn{width:100%;height: 40px;}
    .certifi_pop.certifi .filebox .filebtn label{line-height: 40px;height: 40px;font-size: 13px;}
    .certifi_pop.certifi .filebox .filename,.certifi_pop.certifi .filebox .filename input[type="text"]{height: 40px;}
    .certifi_pop.certifi .filebox .filename input[type="text"]{font-size:15px}
    .certifi_pop.certifi .filebox .filename a{top:0;right:0;height: 40px;line-height: 40px;}
    .certifi_pop.certifi ul.tiny_noti{font-size:12px}
    
 
    

}
@media (max-width: 992px){
    .con_tit{margin-bottom:25px}
    
    /*con01*/
    .con01{padding: 19vw 0 10vw;background-size: 226% 100%;}
  
    /*con01_1*/
    .con01_1 .mission_list > div li + li{margin: 8.5% auto;}
    .con01_1 .mission_list > div li + li.type2{margin: 5.5% auto;}
    .con01_1 .mission_list > div li + li .btn a{font-size:15px;height: auto;line-height: 1.2;padding: 10px 0;}
    .con01_1 .mission_list > div li + li .btn a.finish{font-size:15px}
    .con01_1 .mission_list > div li + li .btn a.study_time{font-size:16px}
    

    /*con03*/
    .con03 .gift_box .con_tit::before{left:-105%;margin-top: -6.5%;}
    .con03 .gift_box .con_tit::after{right:-105%;margin-top: -6.5%;}

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

    .eventWrap{font-size:13px}

    /*con01*/
    .con01 .mission_info li{font-size:15px}
    
    
    /*con01_1*/
    .con01_1 .inner{padding: 10% 0 15%;}
    .con01_1 .inner h4{top: -1.5%;}
    .con01_1 .mission_list > div{background:none;padding-bottom: 2%;border-bottom: 2px solid #222;}
    .con01_1 .mission_list > div + div{margin-top: 5%;}
    .con01_1 .mission_list > div li .pc{display:none}
    .con01_1 .mission_list > div li .mo{display:block}
    .con01_1 .mission_list > div li{width: 100%;}
    .con01_1 .mission_list > div li:nth-child(1)::before{display:none}
    .con01_1 .mission_list > div li + li{width:100%;margin: 3% auto;}
    .con01_1 .mission_list > div li + li.type2{margin: 3% auto}
    .con01_1 .mission_list > div li + li .btn{text-align:center}
    .con01_1 .mission_list > div li + li .btn a{width:48%;padding: 1.5% 0;}
    .con01_1 .mission_list > div li + li .btn a+a{margin-left:2%}
    .con01_1 .mission_list > div li + li .btn a.my_study{background:#fff}
    .con01_1 .mission_list .tiny_pc{font-size:10px}
    

    /*con02*/
    .con02 .inner{padding:8% 0 10%}
    .board_notice .noti_btn{position:relative; right:auto;float:left}

    /*con03*/
    .con03 .login_box a{font-size:14px;}
    .con03 .gift_box .con_tit::before{left: -10%;margin-top:-7%;width: 30%;}
    .con03 .gift_box .con_tit::after{right: -10%;margin-top:-7%;width: 30%;}
    .con03 .gift_box ul{width:80%;margin: 0 auto;}
    .con03 .gift_box ul li{width:48%}
    .con03 .gift_box ul li + li{margin-left: 4%;}
    .con03 .gift_box ul li:nth-child(3){margin-left:0}
    .con03 .gift_box ul li + li + li{margin-top:4%;}
    .con03 .gift_box ul li i{width: 100%;margin: 0 auto 2%;font-size: 14px;height: 35px;line-height: 30px;background-size: 100% 100%;}
    .con03 .gift_box ul li a{font-size: 15px;width:80%;bottom: 5%;}
    .con03 .gift_box .tiny_txt{margin-top:1%;margin-right:10%}
    .evtBoard_common{margin-bottom: 8%;}

    
    .certifi_pop.certifi > div .point{font-size:25px}
    .certifi_pop.certifi .filebox .filename a{top:0;right:0;height: 40px;line-height: 40px;font-size: 14px;}
    .certifi_pop.certifi .filebox .filename2 a{top:0;right:0;height: 40px;line-height: 40px;font-size: 14px;}
    
}
@media (max-width:640px){
    .viusal{}
    
    /*con01*/
    .con01{padding: 16vw 0 10vw;}
    
}
@media (max-width: 576px){
    /*con01*/
    .con01 .mission_info li p{display:block}

    .con01_1 .mission_list > div li + li .btn a{font-size:13px;}
    .con01_1 .mission_list > div li + li .btn a.finish{font-size: 13px;}
    .con01_1 .mission_list > div li + li .btn a.study_time{font-size:14px}


    
    /*con03*/
    .con03 .gift_box ul li a{font-size: 15px;width:90%;bottom:3%;background-size: 3%;background-position-x: 94%;}
    
    .certifi_pop .certifi_btn{width:50%;font-size: 15px;height: 40px;line-height: 38px;}
    .certifi_pop.certifi{width:80%}
    .certifi_pop.certifi ul.tiny_noti{font-size:10px}
    .certifi_pop.certifi .filebox label{width: 74px;}
    .certifi_pop.certifi .filebox .filename input[type="text"]{font-size:13px}
    .certifi_pop.certifi .filebox .filename a{font-size:13px}
    
}
@media (max-width: 460px){
    

    /*con01*/
    .con01{padding: 17% 0 10%;}
    .con01 .mission_info li{font-size:13px}
    .con01 .mission_info li p span{font-size:10px}

    /*con02*/
    .con02 .inner{padding:8% 0 12%}
    .con02 .inner .tag{top: -57px;}

    /*con03*/
    .con03 .gift_box ul{width:96%}
    .con03 .gift_box ul li a{font-size: 12px;}
    .con03 .gift_box .tiny_txt{font-size: 10px;margin-right: 2%;}


    .evt_cautn .cautn_tit{font-size:13px}
    .evt_cautn ul{font-size: 11px;}

    .paging{padding: 5px 0;}

}

@media (max-width: 360px){
    /*con01*/
    .con01{}
    
    /*con02*/
    .con02 .inner .tag{top: -45px;}

    .certifi_pop.certifi > div .icon{top:-18%}
}