@charset "euc-kr";/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */



:root { 
    /*color*/
    --color-bora: #996dff; 
    --color-blue: #0c22ff; 
    --sub-color: #007aff; 
    --shadow-color:rgba(0, 122, 255, 0.3); 
    --shadow-color2:#dff8fd; 
    --light-color:#aed7ff; 
    --ani-color:#01ffff; 
} 


/*°ψΕλ*/
.eventWrap .evSection {position: relative;overflow: visible;/* overflow-x: hidden; */} 
.eventWrap .evSection .inner { position: relative; z-index: 2; } 
.con_tit .evt_mark { color:var(--color-bora); } 
.con_tit .end::after { background-color:var(--color-bora); } 

.eventWrap .evSection .pattern_cir_bg { position: absolute; } 


/*evCon1*/
.eventWrap .evSection.evCon1 { position: relative; padding: 0 0 144px; overflow: hidden; } 
.evCon1 .inner {width: 1260px;padding: 160px 0 0;} 
.evCon1 .con_tit {padding: 0 0 180px;}
.evCon1 .emb { position:absolute; top:0; right: -26%; } 
.evCon1 .emb .cir_bg {position: relative;}
.evCon1 .emb .cir1 {position:absolute;bottom: -6%;left: 25%; animation: float2 8s infinite ease-in-out;} 
.evCon1 .emb .cir2 {position:absolute;bottom: 20%;right: 7%; animation:float 6s infinite ease-in-out;
} 
.evCon1 .emb .icon {position: absolute; top: 11%;right: 33%;}
.evCon1 .emb .icon > img {position: relative;}


.evCon1 .emb .icon svg {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    display: block;
    margin: auto;
    width:102%; 
    height:102%;
  }


@keyframes float {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(20px, -15px);
    }
    50% {
        transform: translate(-20px, 10px);
    }
    75% {
        transform: translate(15px, 20px);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes float2 {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(-25px, 15px);
    }
    50% {
        transform: translate(15px, -15px);
    }
    75% {
        transform: translate(-15px, -25px);
    }
    100% {
        transform: translate(0, 0);
    }
}



.evCon1 .con_tit img { height: fit-content; display: block; } 
.evCon1 .arr {animation:updown 2.5s infinite ease-in-out;display: block;margin: 0 auto;width: fit-content;}

@keyframes updown {
    0% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(30px);
    }
    100% {
        transform: translateY(5px);
    }
}


/*evCon2*/
.evCon2 { padding: 0 0 130px; } 
.eventWrap .evSection.evCon2 .pattern_cir_bg { top: -36%; left: -4%; } 
.eventWrap .evCon2 .inner { width:1240px; } 
.evCon2 .con_tit { margin:0 0 40px; } 
.evCon2 .mini_tit { margin: 26px auto 60px; } 
.evCon2 .mini_tit span { margin: 3px 0; display: inline-block; background-color:#ccf7fc; } 
.evCon2 .icon_box_wrap { justify-content: space-between; gap:20px; } 
.evCon2 .icon_box_wrap .icon_box { padding:58px 40px 48px; border-radius:20px; width:calc(33.333% - 10px); background-color: #f8f8f8; display: flex; flex-direction: column; justify-content: space-between; } 
.evCon2 .icon_box_wrap .icon_box .txt,
.evCon3 .story_box_wrap .story_box .txt {text-align:left;transition: margin-top .3s; margin-top:0;} 
.evCon3 .story_box_wrap.mo {display:none;}

.evCon2 .icon_box_wrap .icon_box .item:hover .txt {margin-top: 15px;}
.evCon3 .story_box_wrap .story_box .item:hover .txt {margin-top: 15px;}
.evCon2 .icon_box_wrap .icon_box .txt > span,
.evCon3 .story_box_wrap .story_box .txt > span { margin:10px 0 0; display:block; opacity: 0.5; } 
.evCon2 .icon_box_wrap .icon_box .icon { display: flex; justify-content: flex-end; } 


/*evCon3*/
.evCon3 { padding: 130px 0 120px; } 
.eventWrap .evSection.evCon3 .pattern_cir_bg { right: 0; top: -23%; } 
.evCon3 .con_tit { margin:0 auto 70px; } 
.evCon3 .story_box_wrap { gap:20px; } 
.evCon3 .story_box_wrap .story_box { position:relative; flex-direction: column; gap:20px; } 
.evCon3 .story_box_wrap .story_box .item { position:relative; border-radius: 20px; border:1px solid #f3f3f3; box-shadow: rgba(0, 0, 0, 0.1) 7px 9px 20px 0px; background-color: #fff; } 
.evCon3 .story_box_wrap .story_box .item .tiny {font-size: 8px;font-weight: 600;vertical-align: top;padding: 6px 0 0;display: inline-block;} 
.evCon3 .story_box_wrap .story_box .item .tiny.star {font-size: 17px;font-weight: bold;padding: 0;}
.evCon3 .story_box_wrap .story_box .item .sub_tit .tiny {padding: 3px 0 0;}
.evCon3 .story_box_wrap .story_box .item .more_btn { margin:16px 0 0; border-radius:30px; width: 126px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color:#666666; font-weight: 600; } 
.evCon3 .story_box_wrap .story_box .noti { position: absolute; bottom:10px; right:10px; font-size: 10px; color:#999999; text-align:right; } 

.evCon3 .story_box_wrap .story_box.left {width: 410px;transition: width .3s;} 
.evCon3 .story_box_wrap .story_box.left:hover {width: 450px;}
.evCon3 .story_box_wrap .story_box.left .item {padding:55px 30px 0 40px;min-height: 430px;cursor: pointer;} 
.evCon3 .story_box_wrap .story_box.left .icon {margin:20px 0 0;display: flex;justify-content: flex-end;transition: margin .3s;} 
.evCon3 .story_box_wrap .story_box.left .item:hover .icon {margin: 0;}
.evCon3 .story_box_wrap .story_box.right {width: calc(100% - 430px);flex-grow: 1;transition: width .3s;} 
.evCon3 .story_box_wrap .story_box.right:hover {width: calc(100% - 350px);}
.evCon3 .story_box_wrap .story_box.right .item {padding:55px 0 0 40px;min-height: 280px;cursor: pointer;} 
.evCon3 .story_box_wrap .story_box.right .txt > span { margin:0 0 10px; } 
.evCon3 .story_box_wrap .story_box.right .icon {position: absolute;right: 1vw;top:0;transition: right .3s;} 
.evCon3 .story_box_wrap .story_box.right .item:hover .icon {right: 3vw;}

.evCon3 .second_tit { display:block; margin: 90px auto 0; } 



/*event*/
#event1 { background: linear-gradient(180deg, #ffe3ec 0%, #c3abfd 100%); } 
#event1 .bg_shadow { top: 38%; bottom: auto; } 
#event1 .step_base_wrap .step_list li .box_area .label.c_bora { color:var(--color-bora); } 
#event1 .step_base_wrap .hashtag { color:var(--color-bora); } 
#event1 .regist_form_area { background-color:var(--color-bora); } 
#event1 .obj_cover .pattern_obj { top:-20%; } 
#event1 .gift_item_wrap { margin-top:65px; } 


.eventWrap .evSection.evtoggleWarning { padding: 0; } 


@media screen and (max-width: 1260px) { 
    /*°ψΕλ*/
    .eventWrap .evSection {padding: 12% 0;overflow-x: hidden;overflow-y: hidden;} 
    .eventWrap .inner { width: 97%; } 
    
    /*evCon1*/
    .eventWrap .evSection.evCon1 {padding: 0 0 5%;}
    .evCon1 .emb {width: 90%;right: -18%;} 
    .evCon1 .emb .icon {width: 37%;}
    .evCon1 .emb .cir1 {width: 21%;}
    .evCon1 .emb .cir2 {width: 30%;}
    .evCon1 .con_tit img { max-width: unset; width: 44%; } 

    /*evCon2*/
    .evCon2 .icon_box_wrap .icon_box {padding: 0 1%;} 
    .eventWrap .evSection.evCon2 .pattern_cir_bg { top: 3%; left: -38%; } 
    .eventWrap .evSection.evCon2 .pattern_cir_bg img { width: 45%; } 
    .eventWrap .evCon2 .inner { width: 97%; padding: 0; } 
    .evCon2 .icon_box_wrap .icon_box .txt .tit,
    .evCon3 .story_box_wrap .story_box .txt .tit {font-size: clamp(18px, 2.9vmin, 24px);} 

    /*evCon3*/
    .eventWrap .evSection.evCon3 .pattern_cir_bg { top: 0; right: -25%; } 
    .eventWrap .evSection.evCon3 .pattern_cir_bg img { width: 80%; } 

    
 }

@media screen and (max-width: 1024px) {
     .evCon1 .con_tit {padding: 0;}
    
    /*evCon3*/
    .evCon3 .story_box_wrap .story_box.left .item {padding: 5% 3%;} 
    .evCon3 .story_box_wrap .story_box.right .item {padding: 5% 0 0 3%;}
}

@media screen and (max-width: 820px) { 
    /*evCon2*/
    .evCon2 .blue_sti {width: 24%;}
    .evCon2 .icon_box_wrap { flex-direction: column; } 
    .evCon2 .icon_box_wrap .icon_box {width: 100%;padding: 8% 4%;flex-direction: row;align-items: center;border-radius: 10px;} 
    .evCon2 .icon_box_wrap .icon_box .txt { width: 74%; } 
    .evCon2 .icon_box_wrap .icon_box .icon {width: 28%;height: fit-content;} 

    /*evCon3*/
    .evCon3 .story_box_wrap { flex-direction: column; } 
    .evCon3 .story_box_wrap .story_box.left { width: 100%; } 
    .evCon3 .story_box_wrap .story_box.left .item {display: flex;justify-content: space-between;min-height: 316px;align-items: center;border-radius: 10px;} 
    .evCon3 .story_box_wrap .story_box.left .icon { display: block; margin: 0; width: 37%; } 
    .evCon3 .story_box_wrap .story_box.right { width: 100%; } 
    .evCon3 .story_box_wrap .story_box.right .item {padding: 5% 3% 0 3%;min-height: 316px;justify-content: space-between;} 
    .evCon3 .story_box_wrap .story_box.right .icon {position: static;width: 27%;} 
    .evCon3 .story_box_wrap .story_box.right .icon img {width: 100%;} 
    .evCon3 .second_tit { margin: 10% auto 0; } 

    .evCon3 .story_box_wrap .story_box.left .item:hover .icon {margin: 0;}
    .evCon3 .story_box_wrap .story_box.left:hover {width: 100%;}
    .evCon3 .story_box_wrap .story_box.right:hover {width: 100%;}
    .evCon3 .story_box_wrap .story_box.right .item:hover .icon {right: 3vw;}
    .evCon2 .icon_box_wrap .icon_box .item:hover .txt {margin-top: 0;}
    .evCon3 .story_box_wrap .story_box .item:hover .txt {margin-top: 0;}

}

@media screen and (max-width: 768px) {
    .eventWrap .evSection .slick-dots {margin:15px 0 0;display:flex;align-items: center;justify-content: center;gap:10px;} 
    .eventWrap .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
    .eventWrap .evSection .slick-dots li button { font-size: 0; } 
    .eventWrap .evSection .slick-dots li.slick-active { background-color: #000; } 

    .eventWrap { font-size: 14px; } 
    .eventWrap .evSection .s_noti { font-size: 10px; } 

    /*evCon1*/
    .evCon1 .inner { padding: 4% 0 0; } 
    .evCon1 .con_tit {padding: 0 0 3%;}
    .evCon1 .arr {width: 34px;transform: translateX(-60%);} 
    .evCon1 .arr img {width: 100%;}
    .evCon1 .emb { width: 77%; } 
    .evCon1 .con_tit img {width: 56%;height: auto;} 
    .evCon1 .con_tit img:nth-child(1) {width: 80%;} 
    .evCon1 .con_tit img:nth-child(2) {width: 64%;} 

    /*evCon2*/
    .eventWrap .evSection.evCon2 {padding: 8% 0 12%;} 
    .evCon2 .con_tit { margin: 0 auto 6%; } 
    .evCon2 .mini_tit { margin: 4% auto 8%; } 
    .evCon2 .blue_sti { width: 20%; } 

    /*evCon3*/
    .evCon3 .con_tit { margin: 0 auto 6%; } 
    .evCon3 .story_box_wrap.mo {display: flex;}
    .evCon3 .story_box_wrap.pc {display: none;}
    .evCon3 .story_box_wrap .story_box .item {box-shadow: none;}

    .evCon3 .story_box_wrap.mo .story_box .item .flex {min-height: 302px;border-radius:10px;display: flex;justify-content: space-around;padding: 5% 3% 1%;}
    .evCon3 .story_box_wrap.mo .story_box .icon { display: block; margin: 0; width: 37%; } 
    .evCon3 .story_box_wrap.mo .story_box .icon img {width: 100%;} 
    .evCon3 .story_box_wrap .story_box .icon.small {width: 27%;}


    #event1 .gift_item_wrap { margin-top: 6%; } 

    @keyframes float {
        0% {
            transform: translate(0, 0);
        }
        25% {
            transform: translate(10px, -10px);
        }
        50% {
            transform: translate(-5px, 10px);
        }
        75% {
            transform: translate(10px, 5px);
        }
        100% {
            transform: translate(0, 0);
        }
    }
    
    @keyframes float2 {
        0% {
            transform: translate(0, 0);
        }
        25% {
            transform: translate(-5px, 10px);
        }
        50% {
            transform: translate(10px, -5px);
        }
        75% {
            transform: translate(-5px, -5px);
        }
        100% {
            transform: translate(0, 0);
        }
    }

    @keyframes updown {
        0% {
            transform: translateY(-5px);
        }
        50% {
            transform: translateY(10px);
        }
        100% {
            transform: translateY(-5px);
        }
    }


}

@media screen and (max-width: 576px) {
    /*evCon1*/
    .evCon1 .emb {width: 74%;right: -13%;} 


    /*evCon3*/
    .evCon3 .story_box_wrap .story_box .item .more_btn {margin: 10px 0 0;padding: 2px 10px;width: fit-content;height: auto;} 
    .evCon3 .story_box_wrap .story_box .noti {font-size: 7px;} 
    .evCon3 .story_box_wrap .story_box.left .item {min-height: 170px;}
    .evCon3 .story_box_wrap .story_box.left .item:nth-child(2) {padding: 5% 4% 13%;} 
    .evCon3 .story_box_wrap .story_box.right .item {padding:5% 3%;min-height: 170px;}
    .evCon3 .story_box_wrap .story_box.right .item:last-child {padding: 5% 3% 9%;} 
    .evCon3 .story_box_wrap .story_box.right .txt>span {margin: 0 0 5px;} 

    .evCon3 .story_box_wrap.mo .story_box .item .flex {min-height: 170px;padding: 5% 3% 4%;}
    
    #event1 .gift_item_wrap { width: 80%; } 
}