@charset "euc-kr";
.eventWrap .evSection{position:relative}

/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* Æ˾÷ */
.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;}



/* µî·ÏÇÑ url Æ˾÷ */
.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://image.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}

.eventWrap .con_tit{padding: 160px 0 0;}

.eventWrap br.for_mo{display: none;}


.evCon1{background: url(https://img.megagong.net/m/2023/0620_duck/bf.jpg) no-repeat center 0;}
.evCon1 .point{position: absolute;top: 0;left: -280px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;width: calc(100% + 560px);}
.evCon1 .point div:nth-of-type(2){left:inherit;right:0;}
.evCon1 h3{margin: 0 0 9px;padding: 20px 0 0;}

.evCon1 .sticker_wrap{position: relative;}
.evCon1 .sticker_box{width: 1760px;height: 540px;position: relative;margin: 0 0 0 -340px;overflow: hidden;display: flex;justify-content: center;align-content: flex-end;flex-direction: row;flex-wrap: wrap;align-items: flex-end;}
.evCon1 .sticker_box li{position: absolute;}

/* center */
.evCon1 .sticker_box li:nth-child(3){position: relative;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: 73px;z-index: 2;left: 40%;}
.evCon1 .sticker_box li:nth-child(2){-webkit-animation:unfold_L_in .6s linear .8s both; animation:unfold_L_in .6s linear .8s both;}
@-webkit-keyframes unfold_L_in{
0%{opacity: 0;transform: rotate(30deg);}
100%{opacity: 1;left: 16%;transform: rotate(0deg);}
}
@keyframes unfold_L_in{
0%{opacity: 0;transform: rotate(30deg);}
100%{opacity: 1;left: 16%;transform: rotate(0deg);}
}
/* right in */
.evCon1 .sticker_box li:nth-child(4){top: 73px;z-index: 2;right: 40%;}
.evCon1 .sticker_box li:nth-child(4){-webkit-animation:unfold_R_in .6s linear .8s both; animation:unfold_R_in .6s linear .8s both;}
@-webkit-keyframes unfold_R_in{
0%{opacity: 0;transform: rotate(-30deg);}
100%{opacity: 1;right: 16%;transform: rotate(0deg);}
}
@keyframes unfold_R_in{
0%{opacity: 0;transform: rotate(-30deg);}
100%{opacity: 1;right: 16%;transform: rotate(0deg);}
}

/* left out */
.evCon1 .sticker_box li:nth-child(1){top: 204px;z-index: 1;left: 45%;}
.evCon1 .sticker_box li:nth-child(1){-webkit-animation:unfold_L_out .8s linear 0.8s both; animation:unfold_L_out .8s linear 0.8s 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: 204px;z-index: 1;right: 55%;}
.evCon1 .sticker_box li:nth-child(5){-webkit-animation:unfold_R_out .8s linear 0.8s both; animation:unfold_R_out .8s linear 0.8s 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: #fffaec;padding: 105px 0 150px;}
.evCon2::before{content:'';background: url(https://img.megagong.net/m/2023/0620_duck/con_img15.png) repeat-x 0 0;width: 100%;height: 70px;position: absolute;top: 145px;left: 0;z-index: 2;animation: passmove 20s infinite linear;background-position: 99em 0;}
.evCon3 .pass_wrap a{}

@keyframes passmove {
    100% {background-position: 0 00px;}
}

.evCon2 .con_tit::before{content:'';background: url(https://img.megagong.net/m/2023/0620_duck/con_img8_1.png) no-repeat center 0;width: 100%;height: 255px;position: absolute;top: 200px;left: 0;z-index: 1;}
.evCon3 .con_tit::before{content:'';background: url(https://img.megagong.net/m/2023/0620_duck/con_img8_2.png) no-repeat center 0;width: 100%;height: 333px;position: absolute;top: 130px;left: 0;z-index: 1;}
.evCon4 .con_tit::before{content:'';background: url(https://img.megagong.net/m/2023/0620_duck/con_img8_3.png) no-repeat center 0;width: 100%;height: 434px;position: absolute;top: 0px;left: 0;z-index: 1;}
.evCon2 .con_tit img,
.evCon3 .con_tit img,
.evCon4 .con_tit img{position:relative;z-index: 1;}
.evCon2 .cover_slider{margin: 0 0 60px;}
.evCon2 .slick-arrow {position: absolute;top: 50%;transform: translate(0, -50%);width: 40px;height: 62px;font-size: 0;background-repeat: no-repeat;background-position: center;z-index: 1;} 
.evCon2 .slick-arrow.slick-prev {left: -30px;background-image: url('https://img.megagong.net/m/2023/0620_duck/left_1.png');} 
.evCon2 .slick-arrow.slick-next {right: -30px;background-image: url('https://img.megagong.net/m/2023/0620_duck/left_2.png');} 

.evCon2 .cover_slider{position: relative;}
.evCon2 .cover_slider .item{padding: 010px;}
.evCon2 .cover_slider .slick-slide img{transform: scale(0.8);transition: 0.5s;border-radius: 13px;}
.evCon2 .cover_slider .slick-current img{transform: scale(1);box-shadow: 0px 0px 10px 0px rgb(110 34 0 / 40%);}

.evSection .btn_wrap {display: flex;justify-content: center;}
.evSection .btn_wrap a{display:block;width: 440px;height: 80px;background: #ffca4e;font-size: 24px;font-weight: 900;line-height: 74px;border: 3px solid #000;border-radius: 15px;margin: 0 0 10px;}
.evSection .btn_wrap+.tiny_noti{text-align:center;font-size: 13px;}

.evCon2 .tit_point,
.evCon3 .tit_point,
.evCon4 .tit_point{position: relative;font-size: 22px;margin: 0 0 80px;z-index: 1;}
.evCon3 .tit_point{margin-bottom: 40px;}
.evCon2 .tit_point strong,
.evCon3 .tit_point strong,
.evCon4 .tit_point strong{font-weight:900}


.evCon3{background: #f9e0e4;padding: 0 0 150px;}
.evCon3 .device_wrap{margin: 0 -10px 70px;}
.evCon3 .slick-arrow {display: none !important;}
.evCon3 .slick-dots {text-align: center;font-size: 0;padding: 10px 0 0;}
.evCon3 .slick-dots li {display: inline-block;padding: 0 10px;}
.evCon3 .slick-dots li button {display: block;width: 12px;height: 12px;font-size: 0;-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #000;}
.evCon3 .slick-dots li.slick-active button {background: #000;}
.evCon3 .btn_wrap{margin: 0 -200px;}
.evCon3 .btn_wrap ul{display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row;width: 100%;}
.evCon3 .btn_wrap ul li{width: calc(20% - 16px);margin: 0 8px;}
.evCon3 .btn_wrap ul li a{width: 100%;}
.evCon3 .btn_wrap ul li a br{display:none}
.evCon3 .btn_wrap ul li:nth-of-type(1) a{background:#8a8bff}
.evCon3 .btn_wrap ul li:nth-of-type(2) a{background:#a5e072}
.evCon3 .btn_wrap ul li:nth-of-type(3) a{background:#ffde8f}
.evCon3 .btn_wrap ul li:nth-of-type(4) a{background:#c571e1}
.evCon3 .btn_wrap ul li:nth-of-type(5) a{background:#d84a49}



.evCon4{background: #e0faf1;padding: 0 0 150px;}
.evCon4 .con_tit .end{position: absolute;top: 240px;right: -130px;z-index: 1;}
.evCon4 .container_info{border: 3px solid #000;margin: 0 40px 80px;font-size: 20px;}
.evCon4 .container_info .info{margin-right: 80px;}
.evCon4 .container_info .info+.info{margin-right:0}
.evCon4 .container_info .info .info_title{font-weight: 900;}
.container_info .info .info_title::before{left: -10px;}
.evCon4 .gift_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin: 0 40px 100px;padding: 40px 0 0;}
.evCon4 .gift_wrap li{position: relative;text-align: center;padding: 0 0 90px;}
.evCon4 .gift_wrap li:nth-of-type(1){position: absolute;top: 0;left: 50%;margin: 0px 0 0 -164px;padding: 0 0 65px;}
.evCon4 .gift_wrap li span{display: block;font-size: 15px;padding: 20px 0 0;position: absolute;bottom: 0;left: 0;width: 100%;font-weight: 900;}

.fix_menu {background: #ffca4e;z-index: 3;position: relative;border: 2px solid #000;border-width: 2px 0;position: absolute;top: 0;left: 0;width: 100%;}
.fix_menu ul{position: relative;width: 1080px;margin: 0 auto;display:flex;align-items:flex-start;justify-content:space-between;}
.fix_menu ul::before{content:'';position: absolute;top: 20%;right: 0;width: 1px;height: 60%;background: #cca641;z-index: 3;}
.fix_menu li{width: 33.3%;position: relative;}
.fix_menu li::before{content:'';position: absolute;top: 20%;left: 0;width: 1px;height: 60%;background: #cca641;}
.fix_menu li i{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 2;}
.fix_menu li a{display: block;padding: 22px 0 0 35px;font-size: 19px;position: relative;color: #000;font-weight: 900;text-align: left;height: 100px;}
.fix_menu li a strong{color: #6d6ff8;font-weight: 900;}
.fix_menu li:last-child a:before{display:none}
.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%;}


.evCon4 .btn_wrap{margin: 0;}
.evCon4 .btn_wrap ul{display: flex;justify-content: center;flex-wrap: wrap;flex-direction: row;width: 100%;}
.evCon4 .btn_wrap ul li{width: calc(35% - 16px);margin: 0 8px;}
.evCon4 .btn_wrap ul li a{width: 100%;font-weight: bold;font-size: 22px;height: 70px;line-height: 66px;border-width: 2px;}
.evCon4 .btn_wrap ul li:nth-of-type(2) a{background:#26b983;color: #fff;}
.evCon4 .btn_wrap ul li a span{display: inline-block;position: relative;background: url(https://img.megagong.net/m/2023/0620_duck/con_img12_1.png) no-repeat 100% 51%;padding: 0 45px 0 0;}
.evCon4 .btn_wrap ul li:nth-of-type(2) a span{background-image: url(https://img.megagong.net/m/2023/0620_duck/con_img12_2.png);}


.evCon4 .subheader {display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 55px} 
.evCon4 .subheader .line {flex: 1; height: 2px; background-color: #555555} 
.evCon4 .subheader .center {display: flex;flex-direction: row;align-items: center;justify-content: center;height: 14px;padding: 0 25px;color: #000000;font-size: 26px;font-weight: 900;border-left: 2px solid #555555;border-right: 2px solid #555555;} 
.evCon4 .tag_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;background: #d3eae2;border-radius: 5px;}
.evCon4 .tag_wrap{padding: 17px 0;margin: 0 0 20px;}
.evCon4 .tag_wrap dt{background:#26b983;color:#fff;padding: 4px 26px 6px;line-height: 1;border-radius: 30px;font-weight: bold;}
.evCon4 .tag_wrap dd{margin: 0 0 0 40px;}

.evCon4 .step_wrapper {display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 50px} 
.evCon4 .step_wrapper .step {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;height: 210px;background-color: #fff;border-radius: 10px;box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);} 
.evCon4 .step_wrapper .step > img {margin-bottom: 0px} 
.evCon4 .step_wrapper .step .step_title {display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1.2;color: #000000;font-size: 18px;} 
.evCon4 .step_wrapper .step:nth-of-type(3) .step_title {margin-top: -14px} 
.evCon4 .step_wrapper .step .step_title b {display: inline-block; margin-bottom: 8px; color: #eca517; font-size: 18px; line-height: 1.3; font-weight: normal} 
.evCon4 .step_wrapper .step .step_desc {color: #ff0000; font-size: 14px; margin-top: 14px} 
.evCon4 .step_wrapper .step:nth-of-type(3) .step_desc {margin-top: 10px} 
.evCon4 .step_wrapper .step:nth-of-type(1),
.evCon4 .step_wrapper .step:nth-of-type(2) {position: relative; margin-right: 15px} 
.evCon4 .step_wrapper .step:nth-of-type(1)::before,
.evCon4 .step_wrapper .step:nth-of-type(2)::before {position: absolute; top: 50%; right: -27px; content: ''; transform: translate(0, -50%); width: 35px; height: 35px; background-image: url('https://img.megagong.net/m/2023/0620_duck/con_img14.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1} 
.evCon4 .eventBoard > a:first-of-type {margin-right: 40px} 
.evCon4 .eventBoard .evtBoard_common .evtBoard_inner {background: #eefdf8;padding: 40px;} 
.evCon4 .eventBoard .shareList {margin-top: 80px} 
.evCon4 .eventBoard .shareList ul li dl{padding: 0 0 0 195px;} 
.evCon4 .eventBoard .shareList ul li dl dd {border-radius: 5px;width: 186px;} 
.evCon4 .eventBoard .shareList ul li dl dt {width: 196px;margin: 0 0 0 0;} 
.evCon4 .eventBoard .shareList ul li dl dt + dd:nth-of-type(1){margin-left: 30px;}
.evCon4 .eventBoard .shareList ul li dl.sns dt {background-color: #1786f9;} 
.evCon4 .eventBoard .shareList ul li dl.naver dt {background-color: #28b088} 
.evCon4 .eventBoard .shareList ul li dl.daum dt {background-color: #ff9f2e} 
.evCon4 .eventBoard .shareList ul li dl.etc dt {background-color: #878787} 
.evCon4 .eventBoard .shareList ul li dl.sns dd,
.evCon4 .eventBoard .shareList ul li dl.naver dd,
.evCon4 .eventBoard .shareList ul li dl.daum dd,
.evCon4 .eventBoard .shareList ul li dl.etc dd {border: 1px solid #c6c6c6; color: #888888} 
.evCon4 .eventBoard .shareList ul li dl dd br{display:none}
.evCon4 .evtBoard_common {background-color: #fcf1b7} 
.evCon4 .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {border: 1px solid #000} 
.evCon4 .evtBoard_common .board_write .btn_wrap a {margin-left: 10px;border-radius: 0;} 
.evCon4 .evtBoard_common .info_wrap {position: relative;} 
.evCon4 .evtBoard_common .info_wrap ul li {color: #111111; font-size: 13px; text-align: left; text-indent: -10px; padding-left: 10px; opacity: 0.8; line-height: 1.45} 
.evCon4 .evtBoard_common .info_wrap ul li:last-of-type {color: #fc7468;opacity: 1;font-weight: bold;} 
.evCon4 .evtBoard_common .info_wrap button {margin-right: 0;color: #1786f9;font-size: 16px;font-family: 'NotoSans KR';text-decoration: underline;text-underline-offset: 7px;white-space: nowrap;position: absolute;top: 0;right: 0;} 


.warningList li ul li a{color: #f00;font-size: inherit !important;}






@media screen and (max-width: 1400px){


    .evCon1 .sticker_wrap{width: 97vw;left: 50%;transform: translateX(-50%);}
    .evCon1 .sticker_box{width: 100%;margin: 0;height: auto;}
    .evCon1 .sticker_box li{width: 38vw;}
    .evCon1 .sticker_box li:nth-child(2){top: 0%;}
    .evCon1 .sticker_box li:nth-child(4){top: 0;}
    .evCon1 .sticker_box li:nth-child(1){top: 20%;}
    .evCon1 .sticker_box li:nth-child(5){top: 20%;}



}




@media screen and (max-width: 1200px){


    .evSection img{width: 100%;}


    .evCon1 .point{left: 0;width: 100%;}
    .evCon1 .point div{width: 12vw;}
    .evCon1 .point div:nth-of-type(2){left:inherit;right:0;}
    .evCon1 h3{padding: 0 8%;margin: 0 0 5%;}


    .evCon1 .sticker_wrap{width: 100vw;}
    .evCon1 .sticker_box{width: 100%;height: auto;min-height: 0;margin: 0 auto;}
    .evCon1 .sticker_box::before{height: 7%;width: 100%;left: 50%;transform: translateX(-50%);background-size: cover;}
    .evCon1 .sticker_box li{width: 37%;}
    .evCon1 .sticker_box li:nth-child(2){top: 5%;}
    .evCon1 .sticker_box li:nth-child(4){top: 5%;}
    .evCon1 .sticker_box li:nth-child(1){top: 25%;}
    .evCon1 .sticker_box li:nth-child(5){top: 25%;}

    .eventWrap .con_tit{padding: 7% 11% 0;}

    .evCon2{background: #fffaec;padding: 19% 0 12%;}
    .evCon2::before{width: 100%;height: 5vw;top: 13vw;background-size: auto 100%;}
    .evCon2 .con_tit::before{background-size: 76%;height: 100%;top: 0;background-position: center 80%;}
    .evCon3 .con_tit::before{background-size: 76%;height: 100%;top: 0;background-position: center 80%;}
    .evCon4 .con_tit::before{background-size: 76%;height: 100%;top: 0;background-position: center 0;}
    .evCon2 .cover_slider{margin: 0 0 60px;}

    .evCon2 .cover_slider{position: relative;margin: 0 2% 5%;}

    .evSection .btn_wrap a{width: 70%;height: auto;font-size: 2.6vw;line-height: 1;padding: 3% 0%;border-width: 2px;}
    .evSection .btn_wrap+.tiny_noti{text-align:center}

    .evCon2 .tit_point,
    .evCon3 .tit_point,
    .evCon4 .tit_point{font-size: 2.4vw;margin: 0 0 7%;}


    .evCon3{padding: 0 0 12%;}

    .evCon3 .device_wrap{margin: 0px 6% 7%;}
    .evCon3 .slick-dots li {padding: 0 5px;}
    .evCon3 .slick-dots li button {width: 8px;height: 8px;}
    .evCon3 .btn_wrap{margin: 0;}
    .evCon3 .btn_wrap ul{display: flex;justify-content: center;}
    .evCon3 .btn_wrap ul li{width: calc(33.3% - 16px);}
    .evCon3 .btn_wrap ul li a{padding: 10% 0;margin: 0 0 4%;}

    .evCon4 .con_tit .end{right: 0;width: 27%;top: 49%;}


    .evCon4 .gift_wrap{margin: 0 -2% 10%;padding: 4% 0 0;}
    .evCon4 .gift_wrap li{width: 29.3%;margin: 0 2%;padding: 0;}
    .evCon4 .gift_wrap li:nth-of-type(1){width: 33.3%;margin: 0;left: 33.4%;padding: 0;}
    .evCon4 .gift_wrap li img{display:block}
    .evCon4 .gift_wrap li span{font-size: 2vw;padding: 10px 0 0;position: relative;bottom: inherit;left: inherit;margin: 0 0 0 0%;}
    .evCon4 .gift_wrap li:nth-of-type(1) span{margin: 0 0 0 -33.3%;}
    .evCon4 .tag_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;background: #d3eae2;border-radius: 5px;}
    .evCon4 .tag_wrap{padding: 2% 0;margin: 0 0 2%;font-size: 2.4vw;}
    .evCon4 .tag_wrap dt{padding: 1% 3%;border-radius: 5px;}
    .evCon4 .tag_wrap dd{margin: 0 0 0 4%;}   
    .evCon4 .subheader{margin: 0 0 5%;}


    .evCon4 .container_info {display: inline-flex; padding: 12px 30px 12px 50px; font-size: 18px} 
    .evCon4 .eventBoard .shareList ul li dl {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 0 0 21%;} 
    .evCon4 .eventBoard .shareList ul li dl dt {width: 20%;} 
    .evCon4 .eventBoard .shareList ul li dl dt + dd:nth-of-type(1){margin-left: 1%;}
    .evCon4 .eventBoard .shareList ul li dl dd {flex: 1;} 
    .evCon4 .evtBoard_common .board_write .btn_wrap a {border-radius: 0;margin-left: 0;width: 100%;padding: 0;border: 0;} 


    .evCon4 .btn_wrap ul li{width: calc(50% - 16px);}
    .evCon4 .btn_wrap ul li a{padding: 6% 0;height: auto;font-size: 2.6vw;line-height: 1;}
    .evCon4 .btn_wrap ul li:nth-of-type(2) a{background:#26b983;color: #fff;}
    .evCon4 .btn_wrap ul li a span{padding: 0 11% 0 0;background-size: auto 100%;}

    .eventBoard .evtBoard_common .info_wrap.with_tip{position:relative;padding: 40px 0 0;}
    .eventBoard .evtBoard_common .info_wrap.with_tip button{position: absolute;top: 0;left: 0;width: 100%;border: 1px solid #1786f9;text-decoration: none;font-size: 15px;}

    .fix_menu ul{width: 100%;}
    .fix_menu li a{font-size: 2vw;padding: 6% 4%;height: auto;}
    .fix_menu li i{right: 0;width: 50%;}





}





@media screen and (max-width: 992px){





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


    .evCon4 .eventBoard > a:first-of-type {margin-right: 15px} 
    .evCon4 .container_info {justify-content: flex-start; width: 69%} 
    .evCon4 .step_wrapper .step .step_title {font-size: 16px} 
    .evCon4 .step_wrapper .step .step_title b {font-size: 16px; letter-spacing: -1px} 
    .evCon4 .step_wrapper .step .step_desc {font-size: 12px} 




    .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 screen and (max-width: 768px){





    .evCon2::before{top: 18vw;height: 4vw;}

    .evCon2 .tit_point, .evCon3 .tit_point, .evCon4 .tit_point{font-size: 3.4vw;}
    .evCon1 .sticker_box::before{width: 80%;}
    .evCon1 .sticker_box li:nth-child(1){left: 0%;top: 30%;}
    .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: 30%;}


    .fix_menu li{width: 50%;}
    .fix_menu li a{font-size: 3.2vw;}
    .fix_menu li a:before{height: 30%;}
    .fix_menu li:last-child a{letter-spacing: -.15rem;}
    .fix_menu li:nth-of-type(3){display: none;}



    .evCon4 {padding: 0 0 12%;} 
    .evCon4 .inner .fin {top: 3vw} 
    .evCon4 .container_info {width: 470px;margin: 0vw 0 5vw 0;} 
    .evCon4 .container_info .info{margin-right:0}
    .evCon4 .gift {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 10vw} 
    .evCon4 .gift > img {width: 40vw} 
    .evCon4 .gift > img:first-of-type {margin: 0 20vw; margin-bottom: 3vw} 
    .evCon4 .eventBoard > a {display: inline-block; width: 70%} 
    .evCon4 .eventBoard > a:first-of-type {margin-bottom: 3vw} 
    .evCon4 .eventBoard > a > img {width: 100%} 
    .evCon4 .subheader {width: 100%;margin: 0 auto;margin-bottom: 5vw;} 
    .evCon4 .subheader .center {font-size: 22px} 
    .evCon4 .step_wrapper {flex-direction: column; margin-bottom: 3vw} 
    .evCon4 .step_wrapper .step {flex: initial;width: 100%;height: auto;padding: 26px 0;} 
    .evCon4 .step_wrapper .step:nth-of-type(1), 
    .evCon4 .step_wrapper .step:nth-of-type(2) {margin-right: 0; margin-bottom: 15px} 
    .evCon4 .step_wrapper .step:nth-of-type(1)::before, 
    .evCon4 .step_wrapper .step:nth-of-type(2)::before {top: initial; right: initial; left: 50%; bottom: -27px; transform: translate(-50%, 0) rotate(90deg)} 
    .evCon4 .step_wrapper .step img {width: 43%} 
    .evCon4 .step_wrapper .step br:nth-of-type(2){display:none}
    .evCon4 .step_wrapper .step .step_title {margin-top: 0 !important;} 
    .evCon4 .step_wrapper .step .step_desc {margin-top: 5px} 
    .evCon4 .eventBoard > a:first-of-type {display: inline-block; margin-right: 0; margin-bottom: 15px} 
    .evCon4 .eventBoard .shareList {margin-top: 6vw;} 
    .evCon4 .eventBoard .shareList ul li dl {flex-wrap: wrap;padding: 0;} 
    .evCon4 .shareList ul li dl dt {width: 100%} 
    .evCon4 .shareList ul li dl dd:nth-child(5) {margin: 0 0 0 1%; margin-top: 0} 
    .evCon4 .evtBoard_common .info_wrap {flex-direction: column-reverse; align-items: center; justify-content: center} 
    .evCon4 .evtBoard_common .info_wrap button {margin-right: 0; margin-bottom: 10px} 

    [class*=mg_popup_wrap] .m_tit {font-size: 20px}


    .evSection .btn_wrap a{font-size: 3.6vw;border-radius: 5px;width: 80%;}
    .evCon4 .btn_wrap ul li{width: calc(50% - 8px);margin: 0 4px;}
    .evCon4 .btn_wrap ul li a span{padding: 0 14% 0 0;}
    .evCon4 .btn_wrap ul li a{font-size: 3.4vw;}

    .evCon3 .btn_wrap ul li{width: calc(33.3% - 7px);margin: 0 3px;}
    .evCon3 .btn_wrap ul li a{line-height: 1.2;}
    .evCon3 .btn_wrap ul li a br{display:block}






}





@media screen and (max-width: 576px){



    .eventWrap br.for_mo{display: block;}
    .eventWrap .con_tit{padding: 10% 10% 0;}


    .fix_menu li a{font-size: 3.4vw;/* text-align: center; */padding: 4% 4%;}
    .fix_menu li i{/* display:none; */width: 44%;}
    .fix_menu li a br{display: block;}

    .evCon1 .sticker_wrap{width: 113vw;}
    .evCon1 h3{padding: 6% 0 0 0;margin: 0 0 7% 0%;}
    .evCon1 .point{top: -1vw;left: 2%;width: 96%;}
    .evCon1 .point div{width: 14vw;}
    .evCon1 .point div:nth-of-type(2){left:inherit;right:0;}

    .evCon2{
    padding: 18% 0 12%;
}
    .evCon2 .tit_point, .evCon3 .tit_point, .evCon4 .tit_point{font-size: 3.6vw;}
    .evCon2 .con_tit::before{background-size: 90%;}
    .evCon3 .con_tit::before{background-size: 90%;}
    .evCon4 .con_tit::before{background-size: 80%;}


    .evCon2 .cover_slider{margin: 0 -40% 5%;}
    .evCon2 .cover_slider .slick-slide img{opacity: 0.1;transform: scale(0.9);}
    .evCon2 .cover_slider .slick-current img{transform:scale(1)}
    .evCon2 .cover_slider .slick-slide.slick-current img{opacity: 1;}
    .evCon2 .slick-arrow.slick-prev{left: 25%;width: 4vw;background-size: 100%;}
    .evCon2 .slick-arrow.slick-next{right: 25%;width: 4vw;background-size: 100%;}

    .dim_popup.sns{width:90%}
    .evSection .tiny_noti{font-size:11px !important}


    .evCon4 .container_info {width: 337px;padding: 12px 12px 12px 29px;font-size: 13px;border-width: 2px;} 
    .evCon4 .container_info .info .noti {margin-left: 12px; font-size: 9px; letter-spacing: -1px} 
    .evCon4 .eventBoard > a {width: 100%} 
    .evCon4 .eventBoard > a > img {width: 80%} 
    .evCon4 .subheader {width: 100%} 
    .evCon4 .subheader .center {width: auto;font-size: 19px;} 
    .evCon4 .step_wrapper .step {width: 100%} 
    .evCon4 .eventBoard .shareList {margin-top: 10vw} 
    .evCon4 .gift_wrap{padding: 62% 0 0 0%;}
    .evCon4 .gift_wrap li{width: 46%;}
    .evCon4 .gift_wrap li:nth-of-type(1){width: 50%;left: 25%;}
    .evCon4 .gift_wrap li img{display:block}
    .evCon4 .gift_wrap li span{font-size: 3vw;padding: 5px 0 0;}
    .evCon4 .gift_wrap li:nth-of-type(1) span{margin: 0 0 0 -23%;}
    .evCon4 .tag_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;background: #d3eae2;border-radius: 5px;}
    .evCon4 .tag_wrap{font-size: 3.5vw;}
    .evCon4 .tag_wrap dt{padding: 1% 2%;border-radius: 3px;}
    .evCon4 .tag_wrap dd{margin: 0 0 0 3%;}   
    .evCon4 .subheader{margin: 0 0 5%;}
    .evCon4 .step_wrapper .step {padding: 15px 0;} 
    .evCon4 .step_wrapper .step:nth-of-type(1), .evCon4 .step_wrapper .step:nth-of-type(2) {margin: 0 0 5px 0;} 
    .evCon4 .step_wrapper .step:nth-of-type(1)::before, .evCon4 .step_wrapper .step:nth-of-type(2)::before {width: 24px;height: 24px;bottom: -16px;} 
    .evCon4 .step_wrapper .step img {width: 43%} 
    .evCon4 .step_wrapper .step:nth-of-type(1) br:nth-of-type(3){display:none}
    .evCon4 .step_wrapper .step .step_title {font-size: 13px;} 
    .evCon4 .step_wrapper .step:nth-of-type(3) .step_desc br{display:none}
    .evCon4 .eventBoard .shareList ul li dl{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
    .evCon4 .eventBoard .shareList ul li dl dt{width: 100%;margin: 0 0 5px 4px;border-radius: 3px;}
    .evCon4 .eventBoard .shareList ul li dl dd br{display:block}
    .evCon4 .eventBoard .evtBoard_common .evtBoard_inner{padding: 10px;}
    .evCon4 .evtBoard_common .info_wrap ul li{font-size: 12px;}
    .eventBoard .evtBoard_common .info_wrap.with_tip button{font-size: 13px;}



}
/* E: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */

.warningList li ul li a.tp1{background-color:#000; color:#fff;}