@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2023/ */
.flexwrap{display: flex;justify-content: center;align-items: center;}
.flexwrap.reverse{flex-direction: row-reverse;}
.flt_inner.renewal li.top{margin-top: -35px;}
.indent{display: inline-block;width: 10px;}
.mo_view {display: none;}
.flt_inner{z-index: 3;}
.evCon1{padding: 20px 0 40px;background: #f5f5f5;position: relative;}
.evCon1::before{content: '';display: block;position: absolute;bottom: 0;height: 24%;width: 100%;left: 0;background: #ff54ed;}
.evCon1 p.tiny{width: 1080px;margin: 0 auto 100px;text-align: right;font-size: 12px;color: #999;}
.evCon1 h3{margin-left: -55px;}
.evCon1 ul li{font-size: 18px;/*margin: 0 17px;*/padding-left: 30px;font-weight: 700;position: relative;}
.evCon1 ul li+li {margin: 0 0 0 20px;}
.evCon1 ul li:before{content:'';display:block;width:22px;height:22px;background: url(https://img.megagong.net/m/2023/0316_best/con1_star.png) center no-repeat;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.evCon1 .gift{margin: 33px -90px 0 -136px;}
.evCon1 .gift .bubble{width: 515px;display: block;margin: 0 auto 10px;background: #222;color:#f5f5f5;border-radius: 30px;padding: 10px 0;font-size: 20px;position: relative;}
.evCon1 .gift .bubble::before{content: '\25BC';display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px;color: #222;}
.evCon1 .topbtn{margin: 50px auto 0;}

.evCon2{color: #222;padding: 135px 0 55px;position: relative;}
.evCon2 strong{font-size: 38px;display: block;font-weight: 900;}
.evCon2 strong span{position: relative;padding-top: 10px;}
.evCon2 strong span::before{content: '';display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 8px;height: 8px;background: #222;border-radius: 50%;}
.evCon2 .numwrap{margin: 30px auto 60px;font-size: 105px;display: block;color: #283fcd;font-weight: 900;}
.evCon2 .numwrap span{position:relative}
.evCon2 .numwrap #percent{display: none;}
.evCon2 .numwrap sup{font-size: 30px;position: absolute;right: -4px;top: 30px;}
.evCon2 b{font-size: 26px;}
.evCon2 .tiny{text-align: right;font-size: 12px;color: #999;margin-top: 80px;display: block;}
.evCon2 .bg{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%) !important;width: 100%;z-index: -1;}

.evCon3{padding: 135px 0 150px;background: #f8f8f8;}
.evCon3 section{padding: 120px 0;background: #fff;border-radius: 55px;position: relative;color: #222;margin-bottom: 190px;}
.evCon3 section:last-child{margin-bottom:0}
.evCon3 section .tit{font-size: 48px;text-align: center;font-weight: 300;margin-bottom: 100px; line-height: 1.2;}
.evCon3 section .tit b {font-weight: 900;}
.evCon3 section:nth-child(2) .tit{margin-bottom:75px}
.evCon3 section:last-child .tit{margin-bottom:45px}
.evCon3 section .tit span{position: absolute;top: -50px;left: 50%;transform: translateX(-50%);}
.evCon3 section .img{position: relative; z-index: -1;}
.evCon3 section .img a{position: absolute;bottom: 9%;right: 22%;font-size: 0;width: 6%;height: 17%;border-radius: 50%;}
.evCon3 section .tiny{font-size: 14px;text-align: left;margin: 0 280px 65px;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #fff 100%);
background: -webkit-linear-gradient(top, #f9f9f9 0%, #fff 100%);
background: linear-gradient(to bottom, #f9f9f9 0%, #fff 100%);
}
.evCon3 section .txt{font-size: 38px;}
.evCon3 section .itembtn{width: 640px;margin: 75px auto 0;}
.evCon3 section .itembtn a{font-size: 28px;font-weight: bold;color: #fff;background: #222;display: block;border-radius: 50px;height: 100px;line-height: 100px;}
.evCon3 section .itembtn a.done{background:#a1a1a1}
.evCon3 section:nth-child(1) .tiny {background: none; margin: -60px 130px 50px;}
.evCon3 section:nth-child(2) .tiny {margin: 0 240px 65px;}

.evCon4{padding: 150px 0;background: #ff54ec;}
.evCon4 h4{margin-bottom: 90px;font-weight: 900;font-size: 50px;color: #222;position: relative; line-height: 1.2;}
.evCon4 h4 i{position: absolute;right: 0;top: 0;max-width: 20%;}
.evCon4 h4 em{margin-bottom: 40px;display: block;}
.evCon4 h4 .point{color: #fff; display: block;}

.evCon4 .flexwrap.way{background: #fff;padding: 22px 0;align-items: flex-start;margin-bottom: 30px;}
.evCon4 .infolist{text-align: left;color: #fff;margin-right: 50px;font-size: 21px;}
.evCon4 .infolist li{margin-bottom: 25px;}
.evCon4 .infolist span{display: inline-block;width: 140px;padding-left: 10px;position: relative;}
.evCon4 .infolist span:before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 60%;background: #fff;}
.evCon4 .infolist em{text-align: right;display: block;font-style: normal;font-size: 14px;color: #222;margin: 6px 114px 0 0;}

.evCon4 .waytit{margin: 80px auto 30px;font-size: 21px;position: relative;}
.evCon4 .waytit:before{content: '';display: block;position: absolute;left: 0;width: 100%;height: 1%;background: #000;top: 50%;transform: translateY(-50%);}
.evCon4 .waytit span{background: #ff54ec;position: relative;padding: 0 20px;}
.evCon4 .evbtn{margin-top: 35px;}
.evCon4 .evbtn.mo{display: none;}
.evCon4 .evbtn a{display: block;}
.evCon4 .evbtn a + a{margin-top: 6px;}
.evCon4 .step:nth-child(2){border: 1px dashed #ccc;border-width: 0 1px;padding: 0 75px 0 80px;margin: 0 70px 0 45px;position: relative;}
.evCon4 .step:nth-child(2)::before{content: '';display: block;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);background: url(https://img.megagong.net/m/2023/0316_best/con4_arrow.jpg) no-repeat center;width: 15px;height: 33px;}
.evCon4 .step b{font-size: 20px;color: #222;margin-bottom: 15px;display: block;}
.evCon4 .step p{font-size: 18px;}
.evCon4 .step .tiny{color: #d022bd;font-size: 14px;margin-top: 20px;display: block;}
.evCon4 .step:last-child .tiny{margin-top: 45px;}

.evtBoard_common{background: #ebecec;}
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-weight: bold;}
.eventBoard .evtBoard_common .info_wrap button{border-bottom: 1px solid #000;font-weight: bold;}
.evtBoard_common .board_write{padding-right: 160px;}
.evtBoard_common .board_write .btn_wrap{width: 160px;}
.shareList ul li dl.sns dt{background: #ff54ec;}
.shareList ul li dl.naver dt{background: #01c034;}
.shareList ul li dl.daum dt{background: #1d36cb;}
.shareList ul li dl.etc dt{background: #222;}
.shareList ul li dl.sns dd,.shareList ul li dl.naver dd,.shareList ul li dl.daum dd,.shareList ul li dl.etc dd{color: #888;border-color: #888;}

.evtoggleWarning p.w_tit i{font-style: normal;font-size: 12px;vertical-align: baseline;}
.evtoggleWarning.on p.w_tit i{vertical-align: top;}
.evtoggleWarning .warningList .blue {color: #283fcd;}
.warningList li ul li a{background: #555;color: #fff;}

.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}

@media screen and (max-width: 1200px){
    .evCon1{padding: 3% 0 5%;}
    .evCon1 p.tiny{width: 96%;margin: 0 auto 10%;font-size: 10px;}
    .evCon1 h3{margin: 0 8% 4% 2%;}
    .evCon1 ul {flex-direction: column;}
    .evCon1 ul li{font-size: 17px;/*margin: 0 13px;*/padding-left: 3%;}
    .evCon1 ul li+li {margin: 0;}
    .evCon1 ul li:before{width: 16px; background-size: contain;}
    .evCon1 .gift{margin: 4% -3% 0 -8%;}
    .evCon1 .gift .bubble{font-size: 18px;margin-bottom: 5%;}
    .evCon1 .topbtn{margin: 8% 8% 0;}
    .evCon2{padding: 15% 0 5%;}
    .evCon2 strong{font-size: 35px;}
    .evCon2 strong span{position: relative;padding-top: 10px;}
    .evCon2 strong span::before{content: '';display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 8px;height: 8px;background: #222;border-radius: 50%;}
    .evCon2 .numwrap{margin: 4% auto 7%;}
    .evCon2 .numwrap span{position:relative}
    .evCon2 .numwrap sup{font-size: 30px;position: absolute;right: -4px;top: 30px;}
    .evCon2 b{font-size: 23px;}
    .evCon2 .tiny{margin-top: 12%;font-size: 10px;}
    .evCon2 .bg{width: 96%;}
    
    .evCon3{padding: 14% 0;}
    .evCon3 section{padding: 12% 0;margin-bottom: 15%;}
    .evCon3 section:last-child{margin-bottom:0}
    .evCon3 section .tit{font-size: 42px;margin-bottom: 8%;}
    .evCon3 section:nth-child(2) .tit{margin-bottom:12%;}
    .evCon3 section:last-child .tit{margin-bottom:12%;}
    .evCon3 section .tit span{top: -3%;max-width: 20%;}
    .evCon3 section .tiny{font-size: 12px;margin: 0 25% 6%;}
    .evCon3 section:nth-child(1) .tiny {margin: -4% 14% 4%;}
    .evCon3 section:nth-child(2) .tiny {margin: 0 23% 6%;}
    .evCon3 section .txt{font-size: 32px;}
    .evCon3 section .itembtn{width: 60%;margin: 8% auto 0;}
    .evCon3 section .itembtn a{font-size: 24px;height: 80px;line-height: 80px;}
    
    .evCon4{padding: 15% 0;}
    .evCon4 h4{margin-bottom: 10%;font-size: 45px;}
    .evCon4 h4 i{}
    .evCon4 h4 em{margin: 0 30% 5%;}
    .evCon4 h4 .point{display: block;}
    
    .evCon4 .flexwrap.way{padding: 4% 2%;}
    .evCon4 .flexwrap.way > div{width: 33.3333%;}
    .evCon4 .infolist{margin-right: 5%;font-size: 18px;width: 60%;}
    .evCon4 .infolist li{margin-bottom: 5%;}
    .evCon4 .infolist span:before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 60%;background: #fff;}
    .evCon4 .infolist em{font-size: 12px;margin: 6px 0 0;text-align: left;}
    
    .evCon4 .waytit{margin: 10% auto 4%;font-size: 18px;}
    .evCon4 .evbtn{margin-top: 35px;}
    .evCon4 .step:nth-child(2){padding: 0 5%;margin: 0 2%;}
    .evCon4 .step:nth-child(2)::before{content: '';display: block;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);background: url(https://img.megagong.net/m/2023/0316_best/con4_arrow.jpg) no-repeat center;width: 15px;height: 33px;}
    .evCon4 .step b{font-size: 18px;margin-bottom: 10px;}
    .evCon4 .step p{font-size: 15px;}
    .evCon4 .step .tiny{font-size: 12px;}

    .evtBoard_common .board_write{padding-right: 0;}
    .evtBoard_common .board_write .btn_wrap{width: 100%;}
    .flexwrap.reverse > div{width: 45%;}
}

@media screen and (max-width: 992px){
    .evCon3 section:nth-child(2) .tiny {margin: 0 16% 6%;}

    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}
}

@media screen and (max-width: 768px){
    .indent{width: 7px;}
    .evCon1 ul{display: block;width: 68%;margin: 0 auto;}
    .evCon1 ul li{width: 100%; text-align: left;margin: 0 0 8px;padding-left: 3%;}
    .evCon1 ul li span {display: inline-block; vertical-align: text-top;}
    /* .evCon1 ul li:before{width: 2.5%;} */
    .evCon1 ul li .mo_view {display: block;}
    .evCon1 ul li:before {top: 0; left: -5px; transform: none;}
    .evCon2 strong{font-size: 30px;}
    .evCon2 .numwrap{font-size: 90px;}
    .evCon2 b{font-size: 20px;}
    .evCon3 section .tit{font-size: 35px;}
    .evCon3 section .tiny{font-size: 10px;margin: 0 20% 6%;opacity: .5;}
    .evCon3 section:nth-child(1) .tiny {margin: -4% 4% 4%;}
    .evCon3 section:nth-child(2) .tiny {margin: 0 12% 6%;}
    .evCon3 section .txt{font-size: 26px;}
    .evCon3 section .itembtn a{font-size: 20px;height: 50px;line-height: 50px;}
    .evCon3 section .img{margin: 0 -9%;}
    .evCon4 h4{font-size: 38px;}
    .evCon4 .infolist span{width: auto;display: block;}
    .evCon4 .flexwrap.way{display: block;}
    .evCon4 .evbtn a + a{margin: 0 0 0 15px;}
    .evCon4 .flexwrap.way > div{width: 47%;}
    .evCon4 .evbtn{}
    .evCon4 .flexwrap.way{margin-bottom: 3%;}
    .evCon4 .flexwrap.way .evbtn{display: none; }
    .evCon4 .evbtn.mo{display: block;width: 100% !important;display: flex;margin:0 0 5%;justify-content: center;}
    .evCon4 .step{display: inline-block;}
    .evCon4 .step:nth-child(2){border-width: 0 1px 0 0;margin: 0 2% 0 0;padding: 0 5% 0 0;}
    .evCon4 .step:last-child .tiny{margin-top: 20px;}
    .flexwrap.reverse > div{width: 63%;}


}

@media screen and (max-width: 576px){
    .dim_popup.sns{width:90%}
    .evCon1 ul li{font-size: 14px;}
    .evCon1 ul{width: 64vw;}
    .evCon1 .gift .bubble{font-size: 14px;width: 88%;border-radius: 15px;margin-left: 9%;}
    .evCon1 .gift .bubble::before{bottom: -10px;}
    .evCon2 strong{font-size: 24px;}
    .evCon2 .numwrap{font-size: 65px;}
    .evCon2 .numwrap sup{font-size: 20px;top: 10px;}
    .evCon2 b{font-size: 16px;}
    .evCon3 section{border-radius: 15px;}
    .evCon3 section .tit{font-size: 23px;}
    .evCon4 .infolist li{margin-bottom: 7px;/* display: flex; */}
    .evCon4 .infolist span{/* margin-right: 15px; */display: inline-block;width: 90px;}
    .evCon4 .infolist em{margin-left: 90px;margin-top: 4px;}
    .evCon3 section .txt{font-size: 19px;}
    .evCon3 section .itembtn a{font-size: 15px;}
    .evCon4 h4{font-size: 26px;}
    .flexwrap.reverse{display: block;}
    .flexwrap.reverse > div{width: 65%;margin: 0 auto 8%;}
    .evCon4 .infolist{width: 63%;margin: 0 auto;font-size: 15px;}
    .evCon4 .step b{font-size: 15px;}
    .evCon4 .step p{font-size: 13px;}
    .evCon4 .step:last-child .tiny{font-size: 10px;}
    .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-size: 12px;}
    .indent{display: none;}
    .evCon3 section .tiny p br{display: none;}
}

@media screen and (max-width: 480px){
    .evCon1 ul{width: 85vw;}
    .evCon3 section .tiny{margin: 0 8% 6%;}
    .evCon4 .infolist{width: 87%;}
}