@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */
/* body{margin: 0;overflow-x: hidden;} */
/* .eventVideo .tea_img, .eventVideo .video_box .play_area > img{top: 0 !important;width: 100% !important;} */

.flt_inner{text-align: left;}
.flt_inner li:nth-child(1){z-index: 3;position: relative;}
.flt_inner li:nth-child(2){z-index: 2;margin-top: -15px;position: relative;}
.flt_inner li:nth-child(3){margin-top: -15px;}
.flt_inner li:nth-child(4){margin: 10px 15px 0 0;}

.eventWrap .evSection.evCon1{padding: 120px 0 100px;position: relative;background:#01cdff url(https://img.megagong.net/m/2022/0823_sticker/evCon1_bg.jpg) no-repeat center bottom}
.evCon1 .btn{margin: 60px auto 0;}
.evCon1 h3{z-index: 5;position: relative;margin: 0 -155px 0 -80px;}
.evCon1 .sticker_wrap{position: relative;}
.evCon1 .sticker_wrap:before{content: '';display: block;position: absolute;right: 150px;top: 38px;z-index: 4;background: url(https://img.megagong.net/m/2022/0823_sticker/illu_7.png) no-repeat center;height: 121px;width: 135px;}
.evCon1 .sticker_wrap:after{content: '';display: block;position: absolute;left: 89px;top: 0;z-index: 4;background: url(https://img.megagong.net/m/2022/0823_sticker/illu_6.png) no-repeat center;height: 159px;width: 208px;}

.evCon1 .sticker_box{width: 1160px;height: 540px;position: relative;margin: -35px -40px 0;overflow: hidden;}
.evCon1 .sticker_box::before{content: '';display: block;position: absolute;left: -160px;bottom: 0;z-index: 4;background: url(https://img.megagong.net/m/2022/0823_sticker/evCon1_wave1.png) no-repeat center;height: 44px;width: 1399px;}
.evCon1 .sticker_box li{position: absolute;}

/* center */
.evCon1 .sticker_box li:nth-child(3){top: 0; left: 50%; transform: translateX(-50%);z-index: 3;}
.evCon1 .sticker_box li:nth-child(3){-webkit-animation:show_up .8s linear 0s both; animation:show_up .8s linear 0s both;}
@-webkit-keyframes show_up{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes show_up{0%{opacity: 0;}100%{opacity: 1;}}

/* left in */
.evCon1 .sticker_box li:nth-child(2){top: 100px; z-index: 2;left: 40%;}
.evCon1 .sticker_box li:nth-child(2){-webkit-animation:unfold_L_in .8s linear .8s both; animation:unfold_L_in .8s linear .8s both;}
@-webkit-keyframes unfold_L_in{
    0%{opacity: 0;transform: rotate(30deg);}
    100%{opacity: 1;left: 17%;transform: rotate(0deg);}
}
@keyframes unfold_L_in{
    0%{opacity: 0;transform: rotate(30deg);}
    100%{opacity: 1;left: 17%;transform: rotate(0deg);}
}
/* right in */
.evCon1 .sticker_box li:nth-child(4){top: 100px; z-index: 2;right: 40%;}
.evCon1 .sticker_box li:nth-child(4){-webkit-animation:unfold_R_in .8s linear .8s both; animation:unfold_R_in .8s linear .8s both;}
@-webkit-keyframes unfold_R_in{
    0%{opacity: 0;transform: rotate(-30deg);}
    100%{opacity: 1;right: 17%;transform: rotate(0deg);}
}
@keyframes unfold_R_in{
    0%{opacity: 0;transform: rotate(-30deg);}
    100%{opacity: 1;right: 17%;transform: rotate(0deg);}
}

/* left out */
.evCon1 .sticker_box li:nth-child(1){top: 190px;z-index: 1;left: 45%;}
.evCon1 .sticker_box li:nth-child(1){-webkit-animation:unfold_L_out .8s linear 1.6s both; animation:unfold_L_out .8s linear 1.6s both;}
@-webkit-keyframes unfold_L_out{
    0%{opacity: 0;transform: rotate(30deg);}
    100%{opacity: 1;left: 0;transform: rotate(0deg);}
}
@keyframes unfold_L_out{
    0%{opacity: 0;transform: rotate(30deg);}
    100%{opacity: 1;left: 0;transform: rotate(0deg);}
}
/* right out */
.evCon1 .sticker_box li:nth-child(5){top: 190px;z-index: 1;right: 55%;}
.evCon1 .sticker_box li:nth-child(5){-webkit-animation:unfold_R_out .8s linear 1.6s both; animation:unfold_R_out .8s linear 1.6s both;}
@-webkit-keyframes unfold_R_out{
    0%{opacity: 0;transform: rotate(-30deg);}
    100%{opacity: 1;right: 0;transform: rotate(0deg);}
}
@keyframes unfold_R_out{
    0%{opacity: 0;transform: rotate(-30deg);}
    100%{opacity: 1;right: 0;transform: rotate(0deg);}
}

.evCon2{background-color: #01b4ff;padding: 0 0 140px;position: relative;}
.evCon2::before{content: '';display: block;position: absolute;right: 50%;bottom: 25px;z-index: 4;background: url(https://img.megagong.net/m/2022/0823_sticker/illu_2.png) no-repeat center;height: 322px;width: 220px;margin-right: -550px;}
.evCon2 .con_tit{padding-top: 30px;}
.evCon2 .con_tit::before{content: '';display: block;position: absolute;left: -25px;top: 0;z-index: 4;background: url(https://img.megagong.net/m/2022/0823_sticker/illu_1.png) no-repeat center;height: 138px;width: 143px;}
.evCon2 .sticker_wrap{position: relative;}
.evCon2 .slick-track{margin-left: -150px;}
.evCon2 .sticker_slide {position:relative;margin:45px 0 0;}
.evCon2 .sticker_slide .slick-slide{margin: 0;transform: scale(0.8);transition: all 0.3s;margin: 0;}
.evCon2 .sticker_slide .slick-slide img{display: inline-block;}
.evCon2 .sticker_slide .slick-slide.slick-current{transform: scale(1);}

.evCon3{background: #fff6e1 url(https://img.megagong.net/m/2022/0823_sticker/evCon2_bg.jpg) no-repeat center;background-size: auto 100%; padding: 150px 0;position: relative;}
.evCon3 .step_tit{margin-bottom: 50px;}
.evCon3 .step_tit:nth-of-type(2){margin-top: 140px;}
.evCon3 .con_box{margin: 0 -5px;}
.evCon3 .con_left{float: left;}
.evCon3 .con_right{float: right;}
.evCon3 .con_left:nth-of-type(2){margin-top: 60px;}
.evCon3 .con_left:nth-of-type(2) img{display: block;}
.evCon3 .con_left:nth-of-type(2) img + img{margin-top: 110px;}
.evCon3 .tiny_noti.mo{display: none;}

.evCon4{background-color: #00ccff;padding: 60px 0 150px;position: relative;}
.evCon4 .sticker_wrap{position: relative;padding-top: 120px;width: 1000px;margin: 0 auto;}
.evCon4 .sticker_wrap::before{content: '';display: block;position: absolute;right: -160px;bottom: -60px;z-index: 4;background: url(https://img.megagong.net/m/2022/0823_sticker/illu_3.png) no-repeat center;height: 356px;width: 321px;}
.evCon4 .sticker_roll{margin: 0 0 0 -10px}
.evCon4 .sticker_roll .slick-slide img{display: inline-block;}
.evCon4 .sticker_roll .slick-dots{position: absolute;top: -230px;left: 50%;transform: translateX(-50%); line-height: 50px; height: 50px;border: 3px solid #000;width: 100%;border-radius: 30px;background: #fff;width: 1000px;}
.evCon4 .sticker_roll .slick-dots li{display: inline-block;position: relative;}
.evCon4 .sticker_roll .slick-dots li:nth-child(2){margin: 0 45px;}
.evCon4 .sticker_roll .slick-dots li button{font-size: 20px;font-weight: 500;}
.evCon4 .sticker_roll .slick-dots li.slick-active button{font-weight: 900;}
.evCon4 .sticker_roll .slick-arrow{position:absolute;top:-210px;width:9px;height:14px;z-index:2;font-size:0;}
.evCon4 .sticker_roll .slick-prev{left:230px;background:url(https://img.megagong.net/m/2022/0823_sticker/evCon4_arr1.png) no-repeat center;}
.evCon4 .sticker_roll .slick-next{right:230px;background:url(https://img.megagong.net/m/2022/0823_sticker/evCon4_arr2.png) no-repeat center;}

.evCon4 .btns{margin: 80px auto 20px;}
.evCon4 .btns a{display: inline-block;}
.evCon4 .btns a + a{margin-left:20px}
.evCon4 .tiny_noti{color:#fff;}

.event h4{margin: 0 -30px;}
.event h4 i{position: absolute;right: -110px;top: 90px;}
.event .info_list{margin: 50px auto 40px;height: 60px;line-height: 55px;border: 3px solid #000;width: 1000px;border-radius: 30px;background: #fff;}
.event .info_list li{display: inline-block;font-size: 20px;font-weight: 700;}
.event .info_list li + li{margin-left: 50px;}
.event .info_list li b{position: relative;padding:0 12px 0 15px;margin-right: 12px;} 
.event .info_list li b::before{content: '';display: block;position: absolute;left: 0;top: 50%; transform: translateY(-50%); background:#000;width: 5px;height: 5px;border-radius: 100%;} 
.event .info_list li b::after{content: '';display: block;position: absolute;right:0;top: 55%; transform: translateY(-50%); background:#000;width: 2px;height: 50%;}
.event .gift{margin: 0 -115px 50px 40px;position: relative;}
.event .gift span{display: block;position: absolute;bottom: 0;left: 65px;text-align: left;color:#fff}

.event .step_tit{position: relative;}
.event .step_tit::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;background: #000;height: 1px;}
.event .step_tit span{position: relative; padding: 8px 25px;font-size: 20px;color: #fff;background: #000;border-radius: 30px;}

.event .step_box{margin: 50px 0;}
.event .step_box li{position: relative; float: left;background: #fff;border-radius: 15px;padding: 25px 78px;}
.event .step_box li a{position: absolute;left: 50%;transform: translateX(-50%);bottom: 16%;width: 80%;height: 22%;font-size: 0;/*background: #ff000040;*/}
.event .step_box li:nth-child(2){margin: 0 14px;}
.event .step_box li:nth-child(2)::before{content: '';display: block;position: absolute;left: -28px;width: 36px;height: 36px;top: 50%;transform: translateY(-50%);background: url(https://img.megagong.net/m/2022/0823_sticker/event_arr.png) no-repeat center;}
.event .step_box li:nth-child(2)::after{content: '';display: block;position: absolute;right: -28px;width: 36px;height: 36px;top: 50%;transform: translateY(-50%);background: url(https://img.megagong.net/m/2022/0823_sticker/event_arr.png) no-repeat center;z-index:2}

.event.evCon6 .step_box li{padding: 40px 35px;}

.event .evtBoard_common{background: #ad6fcb;border-radius: 20px;padding: 50px 40px;}
.event .evtBoard_common > p{text-align: left;font-size: 22px;color: #fff;font-weight: 900;margin-bottom: 30px;}
.event .evtBoard_common .board_write{margin: 0;padding: 0 215px 50px 0;}
.event.evCon6 .evtBoard_common .board_write{padding-bottom: 0;}
.evtBoard_common .board_write .inp_wrap{border-color: #000;}
.evtBoard_common .board_write .inp_wrap input[type="text"]{height: 60px;border: 1px solid #000;}
.evtBoard_common .board_write .btn_wrap{width: 205px;}
.evtBoard_common .board_write .btn_wrap a{height: 60px;line-height: 60px;}
.evtBoard_common .board_write .info_wrap{position: absolute;right: 0;bottom: 20px;}
.evtBoard_common .board_write .info_wrap button{color: #fff;font-size: 16px;border-bottom: 1px solid #fff;letter-spacing: -0.1rem;font-weight: 700;}

.evtBoard_common .board_write .file_box{position: relative;width: 100%;}
.evtBoard_common .board_write .file_box .customs {height: 60px;border: 1px solid #000;width: 100%;padding: 12px 10px;}
.evtBoard_common .board_write .file_box .customs::placeholder{font-size: 14px;}
.evtBoard_common .board_write input[type=file]{position: absolute;padding: 0;overflow: hidden;border: 0;width: 100%;height: 100%;font-size: 0;opacity: 0;cursor: pointer;background: #ff000061;}
.evtBoard_common .board_write .file_btn{width: 205px;height: 100%;position: absolute;top: 0;right: -215px;z-index: 1;background: #000;cursor: pointer;color: #fff;padding: 2% 0;font-size: 20px;font-weight: 900;}

.event.evCon6 .vdroll_wrap{position: relative;}
.event.evCon6 .vdroll_wrap::before{content: '';display: block;position: absolute;right: -108px;bottom: -37px;z-index: 3;background: url(https://img.megagong.net/m/2022/0823_sticker/illu_4.png) no-repeat center;height: 266px;width: 335px;}
.event.evCon6 .vdroll_wrap::after{content: '';display: block;position: absolute;left: -143px;bottom: -57px;z-index: 1;background: url(https://img.megagong.net/m/2022/0823_sticker/illu_5.png) no-repeat center;height: 355px;width: 226px;}

.eventVideo{position: relative; width: 1000px;height: 563px;margin:80px auto;overflow: inherit}
.eventVideo:before,.eventVideo:after{z-index: 0;position: absolute;content: "";bottom: 4%;left: 10%;width: 50%;top: 80%;box-shadow: 0 25px 25px #000000fa;transform: rotate(-5deg);} 
.eventVideo:after{transform: rotate(5deg);right: 10%;left: afuto;}
.ex_roll{margin: 80px auto 60px;z-index: 2;}
.ex_roll .slick-slide img{position: relative; display: inline-block;}
.ex_roll .slick-slide{position: relative;padding-bottom: 55px;}
.ex_roll .slick-slide.slick-active::before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 1200px; height: 55px; background: url(https://img.megagong.net/m/2022/0207_kingpmj20/220419/con8_vd_sha.png) no-repeat center top; background-size: auto 100%;background-size: contain;width: 100%;}
.ex_roll .slick-dots{margin-top: -20px;z-index: 2;position: relative;} 
.ex_roll .slick-dots li{display: inline-block;; width: 12px;height: 12px;border-radius: 100%;background: #fff;margin-right: 1%;} 
.ex_roll .slick-dots li.slick-active{background: #000;} 
.ex_roll .slick-dots li button{font-size:0;}

.event .info_box{padding-top: 60px;margin-bottom: 65px;position: relative;}
.event .info_box .list{text-align: left;position: absolute;left: 40px;top: 38%;}
.event .info_box .list li{font-size: 20px;margin-bottom: 20px;}
.event .info_box .list li span{position:relative;display: inline-block;padding-left: 10px;width: 140px;}
.event .info_box .list li span:before{content: '';display: block;position: absolute;left: 0;top: 55%;transform: translateY(-50%); background:#000;width: 2px;height: 50%;}
.event .info_box p{text-align: right;}
.event .evtBoard_common .cautn{margin-top: 25px; text-align: left;color:#fff}
.event .evtBoard_common .board_write .info_wrap.poabtn{bottom: 105px;}
.event.evCon6 .evtBoard_common .board_write .info_wrap.poabtn{bottom: -30px;}

.event .sns_list{background-color: #ffb6cc;padding: 50px 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.event .sns_list li{display: inline-block;margin-right: 60px;}
.event .sns_list li:last-child{margin-right: 0;}
.event.evCon6 .evtBoard_common{background: #ef4876;border-top-left-radius: 0;border-top-right-radius: 0;}

.evCon5{background-color: #fff;padding: 60px 0 150px;position: relative;}
.evCon5::before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 54.5%;background: #dfa8f9;}
.evCon6{background-color: #fff;padding: 60px 0 80px;position: relative;}
.evCon6::before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 58%;background: #ff7ea4;}

.evCon7 {background:#f8f8f8;}
.evCon7 .warningList li ul li a{color: #216cca;border-bottom: 1px solid #216cca;padding: 0 0 2px 1px;margin-left: 2px;font-size: 13px;}

/* pop */
.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: 450px;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;}
.clickPop .tbl_wrap{margin: 0 15px;}

.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;}
.image_dwn{border-bottom: 1px solid #01b4ff; color:#01b4ff}
.image_dwn:hover{color:#01b4ff}

@media screen and (max-width: 1200px){
    .evCon1 .sticker_wrap:before{background-size: contain;right: 13%;top: 5%;width: 10%;height: 24%;}
    .evCon1 .sticker_wrap:after{background-size: contain;left: 9%;width: 15%;height: 30%;}

    .eventWrap .evSection.evCon1{padding: 12% 0;background-size: 235% 115%;}
    .evCon1 h3{margin:0 -8% 0 -1%}
    .evCon1 .sticker_box{width: 100%;height: auto; min-height: 440px; margin: 0 auto;}
    .evCon1 .sticker_box::before{height: 7%;width: 100%;left: 50%;transform: translateX(-50%);background-size: cover;}
    .evCon1 .sticker_box li{position: absolute;}
    .evCon1 .sticker_box li img{width: 75%;}
    .evCon1 .sticker_box li:nth-child(2){top: 25%;}
    .evCon1 .sticker_box li:nth-child(4){top: 25%;}
    .evCon1 .sticker_box li:nth-child(1){top: 45%;}
    .evCon1 .sticker_box li:nth-child(5){top: 45%;}

    .evCon2{padding:0 0 12%;}
    .evCon2 .slick-track{margin-left: 0;}
    .evCon2 .sticker_slide {margin:5% 0 0;}
    .evCon2::before{background-size: contain;width: 15%;height: 60%;margin: 0;right: -2%;bottom: 0;}
    .evCon2 .con_tit::before{background-size: contain;left: 7%;width: 16%;top: 0;height: 185%;}
    .evCon4 .sticker_wrap::before{background-size: contain;right: -15%;bottom: -5%;height: 30%;width: 30%;}
    .event.evCon6 .vdroll_wrap::before{background-size: contain;width: 30%;height: 25%;right: -10%;bottom: -5%;}
    .event.evCon6 .vdroll_wrap::after{background-size: contain;width: 25%;height: 45%;left: -15%;bottom: -9%;}

    .evCon3{padding: 12% 0 15%;}
    .evCon3 .step_tit{margin-bottom: 5%;}
    .evCon3 .step_tit:nth-of-type(2){margin-top: 15%;}
    .evCon3 .con_box{margin: 0;}
    .evCon3 .con_left{width: 62%;}
    .evCon3 .con_right{width: 38%;}
    .evCon3 .con_box:nth-of-type(2) .con_left{width: 38%;margin-top: 5%;}
    .evCon3 .con_box:nth-of-type(2) .con_right{width: 62%;}
    .evCon3 .con_left:nth-of-type(2) img + img{margin-top: 20%;}
    .evCon3 .tiny_noti.mo{display: block;margin-top: 4%;text-align: center;font-size: 10px;}

    .evCon4, .evCon5, .evCon6{padding: 7% 0 15%;}
    .evCon4 .sticker_wrap{padding-top: 15%;width: auto;}
    .evCon4 .sticker_roll{margin: 0;}
    .evCon4 .sticker_roll .slick-dots{top: -40%;height: auto;line-height: normal;padding: 1%;border-width: 2px;width: 90%;}
    .evCon4 .sticker_roll .slick-dots li:nth-child(2){margin: 0 5%;}
    .evCon4 .sticker_roll .slick-arrow{top: -37%;}
    .evCon4 .sticker_roll .slick-prev{left: 10%;}
    .evCon4 .sticker_roll .slick-next{right: 10%;}

    .evCon5::before{height: 59%;}
    .evCon6::before{height: 63%;}
    
    .event h4{margin: 0;}
    .event h4 i{right: -10%;top: 15%;width: 23%;}
    .event .info_list{margin: 4% auto 6%;width: 100%;}
    .event .info_list li{font-size: 18px;}
    .event .info_list li + li{margin-left: 5%;}
    .event .gift{margin: 0 -10% 8% 0;}
    .event .gift span{left:5%;}

    .eventVideo{width: 100%;height: 53vw;margin: 8% auto 15%;}
    .ex_roll{margin: 8% auto 15%;}
    .event .info_box{padding-top: 5%;margin-bottom: 7%;}
    .event .info_box .list{left: 0;width: 50%;}
    .event .info_box .list li{font-size: 18px;margin-bottom: 4%;}
    .event .info_box .list li span{padding-left: 10px;width: 120px;}
    .event .info_box .list li span:before{content: '';display: block;position: absolute;left: 0;top: 55%;transform: translateY(-50%); background:#000;width: 2px;height: 50%;}
    .event .info_box p{width: 45%;margin-left: 55%;}
    
    .event .step_box{margin: 6% 0;}
    .event .step_box li{padding: 3% 5%;width: 32%;}
    .event .step_box li:nth-child(2){margin: 0 2%;}
    .event.evCon6 .step_box li{padding: 4% 1%;}
    .event.evCon6 .step_box li a{width: 93%;}

    .event .evtBoard_common{padding: 5% 4%;}
    .event .evtBoard_common > p{font-size: 18px;margin-bottom: 2%;}
    .event .evtBoard_common .board_write{margin: 0 0 3%;padding: 0;}
    .evtBoard_common .board_write .inp_wrap{border-color: #000;}
    .evtBoard_common .board_write .inp_wrap input[type="text"],.evtBoard_common .board_write .file_box .customs{height: auto;padding: 2%;}
    .evtBoard_common .board_write .btn_wrap{width: 100%;}
    .evtBoard_common .board_write .btn_wrap a{height: auto;line-height: initial;padding: 2% 0;}
    .evtBoard_common .board_write .info_wrap{position: relative;right: auto;bottom: auto;text-align: right;margin: 3px 0 0;}
    .evtBoard_common .board_write .info_wrap button{font-size: 14px;}
    .evtBoard_common .board_write .file_btn{width: 100%;right: auto;top: auto;position: relative;display: block;font-size: 16px;}

    .event .evtBoard_common .board_write .info_wrap.poabtn{bottom: 10%;}
    .event.evCon6 .evtBoard_common .board_write .info_wrap.poabtn{bottom: -5%;}
    .event .sns_list{padding: 5% 2%;}
    .event .sns_list li{width: 16%;margin-right: 2%;}
}

@media (max-width: 992px){
    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}

    .evCon1 .sticker_box{margin: 8% auto 0;}
    .evCon1 .sticker_box{min-height: 325px;}
    .evCon1 .sticker_box li img{width: 60%;}

    .evCon1 .sticker_box li:nth-child(2){left: 30%;}
    @-webkit-keyframes unfold_L_in{
        0%{opacity: 0;}
        100%{opacity: 1;left: 12%;}
    }
    @keyframes unfold_L_in{
        0%{opacity: 0;}
        100%{opacity: 1;left: 12%;}
    }		
    .evCon1 .sticker_box li:nth-child(4){right: 30%;}
    @-webkit-keyframes unfold_R_in{
        0%{opacity: 0;}
        100%{opacity: 1;right: 12%;}
    }
    @keyframes unfold_R_in{
        0%{opacity: 0;}
        100%{opacity: 1;right: 12%;}
    }		
    @-webkit-keyframes unfold_L_out{
        0%{opacity: 0;}
        100%{opacity: 1;left: -5%;}
    }
    @keyframes unfold_L_out{
        0%{opacity: 0;}
        100%{opacity: 1;left: -5%;}
    }		
    @-webkit-keyframes unfold_R_out{
        0%{opacity: 0;}
        100%{opacity: 1;right: -5%;}
    }
    @keyframes unfold_R_out{
        0%{opacity: 0;}
        100%{opacity: 1;right: -5%;}
    }		    
}

@media (max-width: 768px){
    .dim_popup.sns{width:90%}
    .evCon1 .btn{margin: 7% 25% 0;}
    .evCon1 .sticker_box{min-height: 41vw;/* margin: 5% 0 0 -10%; *//* width: 120%; */}
    .evCon1 .sticker_box::before{width: 80%;}
    .evCon1 .sticker_box li:nth-child(1){left: 0%;top: 40%;}
    .evCon1 .sticker_box li:nth-child(2){left: 25%;top: 10%;}
    .evCon1 .sticker_box li:nth-child(4){right: 25%;top: 10%;}
    .evCon1 .sticker_box li:nth-child(5){right: 0%;top: 40%;}

    .evCon3{background-size: 180%;}

    .evCon4 .sticker_wrap{padding-top: 20%;}
    .evCon4 .sticker_roll .slick-dots{padding: 1.5% 0;}
    .evCon4 .sticker_roll .slick-arrow{top: -36%;}

    .evCon4 .btns{margin: 8% auto 1%;}
    .evCon4 .btns a{width: 45%;}
    .evCon4 .btns a + a{margin-left: 2%;}

    .evCon6::before{height: 70%;}
    .event .gift span{left: 5%;bottom: -3%;font-size: 10px;}
    .event .gift{margin: 0 -10% 15% 0;}
    .event .info_list{height: auto;line-height: normal;padding: 2% 0;border-radius: 15px;border-width: 2px;}
    .event .info_list li{font-size: 15px;}
    .event .info_list li + li{margin-left: 2%;}
    
    .event .step_tit span{font-size: 15px;padding: 5px 20px;}

    .event .info_box p{width: 60%;margin: 0 auto 4%;}
    .event .info_box .list{position: relative;left: auto;width: auto;width: 100%;top: auto;transform: none;}

    .event .evtBoard_common > p{font-size: 14px;}
    .evtBoard_common .board_write .info_wrap button{font-size: 12px;}
    .evtBoard_common .board_write .btn_wrap a{font-size: 12px;}
    .evtBoard_common .board_write .file_btn{font-size: 13px;}
	
}
@media (max-width: 576px){
    /* .evCon1 .sticker_box{min-height: 240px;margin: 5% 0 0 -15%;width: 130%;} */
    .evCon1 .sticker_box::before{width: 90%;}
    .evCon1 .sticker_box{min-height: 37vw;}
    .evCon1 .sticker_box li img{width: 55%;}
    .evCon1 .sticker_box li:nth-child(1){left: 10%;}
    .evCon1 .sticker_box li:nth-child(2){left: 10%;}
    .evCon1 .sticker_box li:nth-child(4){right: 10%;}
    .evCon1 .sticker_box li:nth-child(5){right: 10%;}

    @-webkit-keyframes unfold_L_in{
        0%{opacity: 0;}
        100%{opacity: 1;left: 0%;}
    }
    @keyframes unfold_L_in{
        0%{opacity: 0;}
        100%{opacity: 1;left: 0%;}
    }			
    @-webkit-keyframes unfold_R_in{
        0%{opacity: 0;}
        100%{opacity: 1;right: 0%;}
    }
    @keyframes unfold_R_in{
        0%{opacity: 0;}
        100%{opacity: 1;right: 0%;}
    }		    


    @-webkit-keyframes unfold_L_out{
        0%{opacity: 0;}
        100%{opacity: 1;left: -15%;}
    }
    @keyframes unfold_L_out{
        0%{opacity: 0;}
        100%{opacity: 1;left: -15%;}
    }			
    @-webkit-keyframes unfold_R_out{
        0%{opacity: 0;}
        100%{opacity: 1;right: -15%;}
    }
    @keyframes unfold_R_out{
        0%{opacity: 0;}
        100%{opacity: 1;right: -15%;}
    }		    

    /* .evCon1 .sticker_box li:nth-child(2){left: 20%;}
    .evCon1 .sticker_box li:nth-child(4){right: 20%;}

    .evCon1 .sticker_box li:nth-child(1){left: 5%;}
    .evCon1 .sticker_box li:nth-child(5){right: 5%;}	 */

    .evCon2 .con_tit{margin: 0 -15% 5%;padding-top: 5%;}
    .evCon3{background-size: 390%;}
    .evCon3 .step_tit{margin: 0 -25% 5%;}
    .evCon3 .con_box:nth-of-type(1) .con_left,.evCon3 .con_box:nth-of-type(2) .con_right{width: 100%;padding: 0 5% 2%;margin: 0;display: none;}
    .evCon3 .con_box:nth-of-type(1) .con_right, .evCon3 .con_box:nth-of-type(2) .con_left{width: 100%;text-align: center;}
    .evCon3 .con_box:nth-of-type(1) .con_right img{width: auto;margin: 0 auto;}
    .evCon3 .con_box:nth-of-type(2) .con_left img{width: auto;margin: 15% auto;}
    /* .evCon3 .con_box:nth-of-type(2) .con_left img + img{margin-top: 10%;} */

    .evCon4 .sticker_roll .slick-dots{width: 100%;}
    .evCon4 .sticker_roll .slick-dots li button{font-size: 12px;}
    .evCon4 .sticker_roll .slick-prev{left: 8%;}
    .evCon4 .sticker_roll .slick-next{right: 8%;}

    .evCon5::before{height: 64%;}
    .evCon6::before{height: 76%;}    
    .event .info_box .list li span{width: 100px;}
    .event .info_box .list li{font-size: 13px;margin-bottom: 1.5%;}
    .event .step_box li{padding: 5% 1%;}
    .event .step_box li:nth-child(2)::before,.event .step_box li:nth-child(2)::after{background-size: contain;width: 14%;height: 7%;}
    .event.evCon6 .step_box li:nth-child(2)::before,.event.evCon6 .step_box li:nth-child(2)::after{background-size: contain;width: 14%;height: 16%;}
    .event .step_box li:nth-child(2)::before{left: -10%;}
    .event .step_box li:nth-child(2)::after{right: -10%;}

    .evtBoard_common .board_write .file_btn{font-size: 12px;}
}
@media (max-width: 480px){
    /* .evCon1 .sticker_box{min-height: 205px;margin: 5% 0 0 -30%;width: 160%;} */
    .evCon1 .sticker_box li:nth-child(3) img{width: 50%;}
    .evCon1 .sticker_box li img{width: 40%;}
    .evCon1 .sticker_box{min-height: 35vw;}

    .evCon1 .sticker_box li:nth-child(1){left: 5%;top: 20%;}
    .evCon1 .sticker_box li:nth-child(2){left: 0%;top: 10%;}
    .evCon1 .sticker_box li:nth-child(4){right: 0%;top: 10%;}
    .evCon1 .sticker_box li:nth-child(5){right: 5%;top: 20%;}

    @-webkit-keyframes unfold_L_in{
        0%{opacity: 0;}
        100%{opacity: 1;left: -10%;}
    }
    @keyframes unfold_L_in{
        0%{opacity: 0;}
        100%{opacity: 1;left: -10%;}
    }			
    @-webkit-keyframes unfold_R_in{
        0%{opacity: 0;}
        100%{opacity: 1;right: -10%;}
    }
    @keyframes unfold_R_in{
        0%{opacity: 0;}
        100%{opacity: 1;right: -10%;}
    }		    


    @-webkit-keyframes unfold_L_out{
        0%{opacity: 0;}
        100%{opacity: 1;left: -25%;}
    }
    @keyframes unfold_L_out{
        0%{opacity: 0;}
        100%{opacity: 1;left: -25%;}
    }			
    @-webkit-keyframes unfold_R_out{
        0%{opacity: 0;}
        100%{opacity: 1;right: -25%;}
    }
    @keyframes unfold_R_out{
        0%{opacity: 0;}
        100%{opacity: 1;right: -25%;}
    }		    

    .evCon1 .sticker_box li:nth-child(1){left: -5%;}
    .evCon1 .sticker_box li:nth-child(5){right: -5%;}		
}	
/* @media (max-width: 400px){
    .evCon1 .sticker_box{min-height: 165px;width: 180%;margin-left: -40%;}
} */