@charset "euc-kr"; 
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes float2 {
    0% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-15px);
    }
}

@keyframes rotating {
    0% {
        --r: 0deg;
    }
    100% {
        --r: 360deg;
    }
}

/* better version */
@property --r {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

@property --r2 {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

@property --x {
    syntax: '<length>';
    inherits: false;
    initial-value: 0px;
}


@keyframes x {
    0% {
        --x: 80px;
    }
    32.82275711% {
        --x: 520px;
    }
    50% {
        --x: 520px;
    }
    82.82275711% {
        --x: 80px;
    }
    100% {
        --x: 80px;
    }
}

@keyframes blink {
    0% {opacity: 0;} 
}

/* btn design / https://codepen.io/shuding/pen/gOBXxpe */
.btn_design > *{transition: all .5s ease;}
.btn_design a{display: flex;align-items: center;border-radius: 45px;justify-content: center;margin: 0 auto;height: 90px;z-index: 1;position: relative;overflow: hidden;width: 483px;}
.btn_design span{border-radius: inherit;display: flex;align-items: center;justify-content: center;height: calc(100% - 10px);background: linear-gradient(90deg, #5658ff, #995cff);position: relative;width: calc(100% - 10px);position: relative;overflow: hidden;background: url(https://image.megagong.net/m/2024/1217_planner/con1_btn.png) no-repeat center;background-size: contain;z-index: 2;}
.btn_design a:hover{background: conic-gradient(from var(--r), transparent 0%, #fff 10%, transparent 20%);animation: rotating 2s linear infinite;transform: scale(.99);}
.btn_design a:hover span{background: linear-gradient(90deg, rgb(60, 62, 179), rgb(107, 64, 179));}
.btn_design a:hover span::before{ content: ''; display: block; position: absolute; bottom: 0; width: 100%; left: 0; background: #00000030; height: 7%;}
.btn_design a.down span{ background: #000; } 
.btn_design a.default span{ background: #a8a8a8; } 
.btn_design a.default:hover{background: none;transform:scale(1)}
.btn_design a.default:hover span::before{display: none;}


/* settings */
.evSection:not(.evtoggleWarning,.evCon1,.evConText,.evConText2,.evCon3,.evCon2) { padding: 160px 0; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff, .fff { color: #fff !important; } 
.eventWrap .evSection .f00 { color: #f00 !important; } 
.eventWrap .evSection .lecture { margin:0 auto; color: #000; } 
.evSection > .noti { margin: 25px auto 0; max-width: 1080px; opacity: .6; font-weight: 300; } 

.fix_menu {display: none;} 
.flt_inner { right: 0; } 
.flt_inner.renewal li { margin-top: -1px; } 
.flt_inner.renewal li.top { margin-top: 0; } 

/* text */
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection:not(.event) .con_tit { margin-bottom: 70px; line-height: 1.4; } 
.evSection:not(.event) .con_tit b span { color: #865cff; } 
.evSection:not(.event) .con_tit .mini_tit { font-weight: normal; margin-top: 30px; } 
.evSection:not(.event) .mini_tit.circle { background: url('https://image.megagong.net/m/2024/1217_planner/mini_circle1.png') no-repeat center; display: inline-block; margin-bottom: 30px; width: 400px; line-height: 42px; height: 44px; color: #fff; background-size: contain; } 

/* swiper */
.swiper_common_wrap { position: relative; margin: 0 auto; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; } 
/* swiper - pagination */
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { width: 10px; height: 10px; background: #000; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background-color:#855cff; width: 20px; border-radius: 30px; transition: all .5s ease; } 
/* swiper - button */
.swiper_common_wrap [class*="swiper-button-"]:after { font-size: 0; } 
.swiper_common_wrap [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: 0; z-index: 2; background: url('https://image.megagong.net/m/2024/1217_planner/sld_arrow.png') no-repeat center; width: 28px; height: 51px; background-size: contain; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: 0; } 

/* contents */
.evCon1 {background: #deaafb url(https://image.megagong.net/m/2024/1217_planner/con1_bg.jpg) no-repeat center;background-size: auto 100%;padding: 65px 0 70px;color: #08083f;} 
.evCon1 .bubble {position:absolute;} 
.evCon1 .glass1 { margin-left: -550px; top: 200px; left: 50%;animation: float 2s ease-in-out infinite;} 
.evCon1 .glass2 { right: -32%; top: 35px;animation: float2 2s ease-in-out infinite;} 
.evCon1 .cloud {position:absolute;} 
.evCon1 .cloud1 {top: -30%;left: -33%;animation: float2 2s ease-in-out infinite;} 
.evCon1 .cloud2 {right: -7%;animation: float 2s ease-in-out infinite;bottom: -20%;} 
.evCon1 .top_text {font-weight: 700;letter-spacing: 1rem; font-weight: 400; min-height: 32px;} 
.evCon1 .title {font-size: 70px;line-height: 1.1;display: block;margin: 30px auto;font-weight: 900;} 
.evCon1 .title span {background: linear-gradient(#400fff, #b12cfe);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;} 
.evCon1 .title b { font-size: 100px; } 
.evCon1 .ipad_box { position: relative; }
.evCon1 .ipad_box .bubble {top: -25px;right: -80px;z-index: 2;} 
.evCon1 .padSlider{background:url(https://image.megagong.net/m/2024/1217_planner/con1_pad_bg.png) no-repeat center;background-size: contain;padding: 27px;display: flex;align-items: center;justify-content: center;position: relative;max-width: 704px;}
.evCon1 .padSlider .pencil{position: absolute;right: -105px;bottom: 0;z-index: 2;}
.evCon1 .bottom_box {position: relative;margin: 40px auto 0;} 
.evCon1 .bottom_box .bubble {left: 50%;top: 0;z-index: 2;margin-left: -450px;} 
.evCon1 .btn_design {margin-top: 20px;}

.evCon2 .inner { padding: 160px 0; } 
.evCon2 .con_tit b { display: flex; align-items: center; justify-content: center; gap: 0 10px; } 
.evCon2 .history_box { margin: 0 -6px; } 
.evCon2 .history_box .bg{ padding: 125px 0 160px;}
.evCon2 .book_box{ display: flex; flex-direction: column; position: absolute; top: 0; width: 100%; left: 50%; transform: translateX(-50%);}
.evCon2 .book_box .book{margin: 0 auto;justify-content: space-between;}
.evCon2 .book_box .col1{width: 890px;margin-left: 130px;}
.evCon2 .book_box .col2{margin-top: 230px;width: 760px;}
.evCon2 .book_box .col3{margin-top: 110px;width: 780px;}
.evCon2 .bottom_text { margin-top: 40px; padding: 30px 0; background: #f2f2f2; } 
.evConText .mid_text { flex-direction: column; display: flex; align-items: center; justify-content: center; gap: 40px 0; line-height: 1.4; } 

.evCon3 { background: #3a0092; } 
.evCon3 .inner { padding: 55px 0 160px; } 
.evCon3 .mid_text { flex-direction: column; display: flex; align-items: center; justify-content: center; gap: 45px 0; line-height: 1.4; } 
.evCon3 .mid_text p { font-weight: 300; color: #ede7ff; } 

.evConText { background: linear-gradient(180deg, #fff, #dcaeff); padding: 90px 0; color: #220086; } 

.evCon4 { background:#d19aff url(https://image.megagong.net/m/2024/1217_planner/con4_bg.jpg) no-repeat center; background-size: auto 100%; } 
.evCon4 .evSection:not(.event) .mini_tit.circle { background: #000; } 
.evCon4 .tipSlider { margin: 40px -50px 0; } 
.evCon4 .tipSlider .swiper-slide img { filter: drop-shadow(5px 5px 3px #00000020); padding: 0 0 10px 0; } 
.evCon4 .evt-tab.type-1 li.on a { background: #855cff; border-color: #855cff; color: #fff; } 
.evCon4 .evt-tab.type-1 li.on::before { background: inherit; } 
.evCon4 .evt-tab.type-1 li a { background: #d7b4f1; border-color: #d7b4f1; border-bottom: 3px solid #855cff; color: #f2dffc; } 

.evCon5 .plannerSlider {margin: 0 -50px;} 
.evCon5 .plannerSlider .swiper_common{background:url(https://image.megagong.net/m/2024/1217_planner/con5_pad_bg.png) no-repeat center;background-size: contain;padding: 31px;display: flex;align-items: center;justify-content: center;position: relative;width: 1080px;height: 790px;overflow: hidden;}
.evCon5 .plannerSlider .swiper-slide {display: flex;align-items: center;justify-content: center;flex-direction: column;background: #fff;border-radius: 20px;} 
.evSection.evCon5 .mini_tit.circle { background-image: url('https://image.megagong.net/m/2024/1217_planner/mini_circle2.png'); color:#000 } 

.evCon6 { background-color:#f3f3f3; } 
.evCon6 .inner { width: 1000px; } 
.evCon6 .way_box:first-of-type { margin-bottom: 90px; } 
.evCon6 .way_title { position: relative; text-align: left; } 
.evCon6 .way_title::before { content: ''; display: block; left: 0; top: 50%; transform: translateY(-50%); position: absolute; height: .1px; width: 100%; background: #000; } 
.evCon6 .way_title strong { position: relative; background: #f3f3f3; padding-right: 55px; } 
.evCon6 .bubble_wrap i { position: absolute; right: 85px; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 95px; height: 95px; display: flex; align-items: center; justify-content: center; background: #ae7bff; color: #fff; text-align: center; font-style: normal; z-index: 2; } 
.evCon6 .bubble_wrap i + i { right: 0; z-index: 1; background: #855cff; } 
.evCon6 .app_box { max-width: 655px; margin: 0 auto; flex-wrap: wrap; justify-content: center; gap: 55px 20px; margin-top: 65px; } 
.evCon6 .step_box { max-width: 860px; flex-wrap: wrap; margin: 0 auto; gap: 40px; margin-top: 65px; } 
.evCon6 .step_box li { background: #e1e1e1; padding: 20px; border-radius: 5px; } 
.evCon6 .step_box li p { color:#585858; margin-top: 15px; } 
.evCon6 .step_box li p img { display: block; margin: 0 auto 10px; } 

.event1 { background: #ddaafe; } 
.event1 .dim { position: absolute; z-index: 2; background: #000000cc; width: 3000px; height: 100%; display: flex; align-items: center; justify-content: center; gap: 15px 0; flex-direction: column; left: 50%; transform: translateX(-50%); top: 0; } 
.event1 .dim img { width: min(443px,10%); } 
.event1 .container_info_wrap { margin-bottom: 50px; } 
.event1 .line_tit i, .event1 .line_tit.circle span { background: #6b1aff; } 
.event1 .evt_tit_base { font-size: 30px; color: #5c60ff; } 
.event1 .click_base_wrap { position: relative; } 
.event1 .click_base_wrap .count_area .evt_tit_base.primary { font-size: 16px; color: inherit; font-weight: normal; margin-top: 10px; } 
.event1 .click_base_wrap .click_wrap .count_area { display: flex; flex-direction: column; justify-content: space-between; padding: 39px 85px; } 
.event1 .click_base_wrap .click_wrap .regist_area { gap: 0 25px; align-items: stretch; } 
.event1 .click_base_wrap .result_list { gap:8px } 
.event1 .click_base_wrap .result_list li { border: 0; } 
.event1 .click_base_wrap .result_list dl { display: flex; flex-direction: column; gap: 5px 0; justify-content: flex-end; } 
.event1 .click_base_wrap .result_list dl > * { padding: 0 !important; height: 62px; display: flex; align-items: center; justify-content: center; } 
.event1 .click_base_wrap .result_list li dt { border: 1px solid var(--border-color-2); } 
.event1 .click_base_wrap .result_list li dt.none { opacity: 0; } 
.event1 .click_base_wrap .result_list li dd { border: 1px solid var(--border-color-2); position: relative; } 
.event1 .click_base_wrap .click_wrap .count_area .evt_badge_finish { top: 30px; right: 15px; width: min(12vw, 135px); height: min(12vw, 135px); } 
.event1 .click_base_wrap .result_wrap { margin-top: 25px; } 
.event1 .click_base_wrap .result_list li .evt_badge_finish { width: min(10vw, 45px); height: min(10vw, 45px); } 
.event1 .btn_design { margin-top: 60px; } 
.event1 .btn_design .noti { margin-top: 20px; } 
.event1 .click_base_wrap .count_area .count{flex:1}
.event1 .click_base_wrap .count_wrap{display: flex;align-items: flex-end;gap: 0 10px;}
.event1 .click_base_wrap .count_wrap .counter {margin-bottom: 20px;display: inline-block;}
.event1 .gift_item_wrap{margin-top: 50px;}

.evConText2 {background: #6b1aff;height: 100px;font-weight: normal;display: flex;align-items: center;} 

.eventBonus {background: #280072;} 
.eventBonus .con_tit .evt_mark{background: #865cff;} 
.eventBonus .container_info.ver_circle .info .info_title{background: #865cff;}
.eventBonus .container_info.ver_circle .info.noti { font-size: 13px; color: #999; text-align: center; margin: 0 auto; } 
.eventBonus.evSection.event .obj_cover{margin-left: 50px;}

.event2 { background:#a366ff } 
.event2.evSection.event .bg_shadow{ bottom: auto; top: 42%;}
.event2 .container_info .info .noti{ opacity: 1;}
.event2 .gift_list_wrap li .badge,
.event2 .regist_form_area { background: #6b1aff; } 
.event2 .step_box {gap: 20px 0;background: #fff;padding: 30px 0;display: flex;justify-content: center;margin: 50px auto 35px;flex-direction: column;align-items: center;} 
.event2 .step_title{width: fit-content;margin: 0 auto;background: #000;border-radius: 30px;padding: 4px 20px;position: relative;}
.event2 .step_box ol {flex-direction: column;display: flex;gap: 25px 0;} 
.event2 .step_box li {/* text-align: left; */padding-left: 30px;text-indent: -40px;line-height: 1.6;} 
.event2 .step_box .blue_c{ color: #0082ff;}
.event2 .step_box .noti {color: #e45c6c;font-weight: normal;} 
.event2 .step_box img { margin-right: 10px; } 
.event2 .step_base_wrap{margin-top: 40px;}
.step_base_wrap .step_list li .box_area .label.c_blue, .step_base_wrap .hashtag,
.step_base_wrap .step_list .point{color:#6b1aff;}

.event3 { background: #230073 } 
.event3.evSection.event .bg_shadow{bottom: auto;top: 68%;}
.event3 .container_info.ver_circle .info .info_title{background: #865cff;}
.event3 .mini_tit { font-weight: normal; margin-top: 40px; } 
.event3 .container_info_wrap { margin-top: 45px; } 
.event3 .gift_item_wrap {margin-top: 70px;} 
.event3.evSection.event .obj_cover{margin-left: 50px;}

@media screen and (max-width: 1200px){
    @keyframes float {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-1vmin);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes float2 {
        0% {
            transform: translateY(-1vmin);
        }
        50% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(-1vmin);
        }
    }

    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 
    .evSection:not(.evtoggleWarning,.evCon1,.evConText,.evConText2,.evCon3,.evCon2) { padding: 15% 0; } 
    .evSection > .noti { margin: 3vmin 10px 0 0; } 

    /* fix_menu */
    .fix_menu {display: block; z-index: 11;position: relative;width: 100%;background: linear-gradient(90deg, #5658ff, #995cff);transition: 1s all ease ;} 
    .fix_menu a{height: clamp(50px,12vmin,100px);display: flex;align-items: center;justify-content: center;box-shadow: -3px 6px 10px #00000040;}
    .fix_menu.fixed {position: fixed;bottom: 70px;} 


    .evSection:not(.event) .con_tit { margin-bottom: 8vmin; } 
    .evSection:not(.event) .con_tit .mini_tit { margin-top: 3vmin; } 
    .evSection:not(.event) .mini_tit.circle { width: min(400px, 85%); margin-bottom: 3vmin; } 

    .evCon1 {padding: 10% 0;}
    .evCon1 .glass1 { left: -13%; margin: 0; top: 46%; width: min(223px, 22%);} 
    .evCon1 .glass2 {right: -5%; top: -20%; width: min(223px, 22%);    } 
    .evCon1 .cloud1 { left: -3%; top: -49%; width: min(116px,20%);} 
    .evCon1 .cloud2 { width: min(224px,26%); bottom: -12%;} 
    .evCon1 .bubble {filter: drop-shadow(2px 4px 6px #22222270);} 

    .evCon1 .title {font-size: clamp(20px,9vmin,70px);margin: 3vmin auto 10vmin;}
    .evCon1 .title b { font-size: clamp(30px,12vmin,100px);}
    .evCon1 .ipad_box .bubble {right: 0;top: -9vmin;}
    .evCon1 .padSlider .swiper-slide img{width: calc(100% -  26px);}
    .evCon1 .bottom_box {padding-top: 5vmin;width: fit-content;margin-top: 0;}
    .evCon1 .bottom_box .bubble {margin: 0;left: -35%;}

    .evConText { padding: 12% 0; } 
    .evConText .mid_text { gap: 7vmin 0; } 

    .evCon2 .inner{padding: 15% 0; }
    .evCon2 .con_tit b { gap: 0 1vmin; } 
    .evCon2 .con_tit .img { width: min(188px,30%); } 
    .evCon2 .history_box {margin: 0 auto 10%;} 
    .evCon2 .history_box .bg{padding: 15% 0;}
    .evCon2 .book_box .book{gap: 4vmin;}
    .evCon2 .book_box .col1{margin-left: 13%;width: min(890px,80%);}
    .evCon2 .book_box .col2{width: min(75%,760px);margin-top: 22%;}
    .evCon2 .book_box .col3{width: min(75%,780px);margin-top: 11%;}
    
    .evCon3 .mid_text p { font-size: clamp(13px,3.5vmin,35px); } 
    .evCon3 .mid_text b { font-size: clamp(15px,5vmin,45px); } 

    .evCon4 .tipSlider { margin: 5vmin auto 0; } 
    .evCon5 .plannerSlider {margin: 0 auto;overflow: hidden;} 
    .evCon5 .plannerSlider .swiper_common{width: 100%;height: 100%;padding: 4vmin 3vmin; /* 790 / 1080 ºñÀ² À¯Áö */aspect-ratio: 1080 / 790; /* 1080:790 ºñÀ² À¯Áö */}
    .evSection.evCon5 .mini_tit.circle { background-image: url('https://image.megagong.net/m/2024/1217_planner/mini_circle2.png'); color:#000 }

    .evCon5 .plannerSlider .swiper-slide img {width: calc(100% - 6vmin);} 

    .evCon6 .inner { width: 97%; } 
    .evCon6 .step_box { gap: 2vmin; } 
    .evCon6 .step_box li { width: calc(50% - 1vmin); } 

    .event1 .evt_tit_base { font-size: clamp(19px,3.5vmin,30px); } 
    .event1 .click_base_wrap .click_wrap .count_area{padding: 30px 50px;}
    .event1 .click_base_wrap .count_area .evt_tit_base.primary { font-size: clamp(11px,2.1vmin,16px); margin: 1vmin -10px 0; } 
    .event1 .click_base_wrap .result_wrap { padding: clamp(10px,2vmin,20px); margin-top: 2vmin; } 
    .event1 .click_base_wrap .result_list li .evt_badge_finish { width: min(13vw, 45px); height: min(13vw, 45px); } 
    .event1 .click_base_wrap .click_wrap .count_area .evt_badge_finish { top: 3%; right: 3%; } 
    .event1 .gift_item_wrap{margin-top: 7%;width: 100%;}

    .eventBonus.evSection.event .obj_cover{margin: -2%;width: 108%;}
    
    .event2 .gift_item_wrap{ width: min(520px,85%); margin-left: 10%;}
    .event2 .step_box {padding: 30px 10px 30px 30px;} 
    .event2 .step_title{left: -10px;}
    .event2 .step_box ol { gap: 4vmin; } 
    .event2 .step_box li {line-height: normal;text-align: left;} 
    
    .event3 .gift_item_wrap { width: auto; } 
    .event3 .mini_tit { margin: 5vmin auto 0 !important; } 
    .event3 .container_info_wrap { margin-top: 5vmin; } 
    .event3 .gift_item_wrap {margin: 10% auto;} 
    .event3.evSection.event .obj_cover{margin: -2%;width: 108%;}
 }
@media screen and (max-width: 768px){
    .btn_design {margin: 0;}
    .btn_design a{ width: min(483px,90%); height: clamp(65px,10vmin,90px);}

    .evCon1 .bottom_box{width:100%;padding-top: 5vmin;} 
    .evCon1 .bubble {width: min(220px,30%);} 
    .evCon1 .top_text {letter-spacing: .4rem;min-height: 20px;}
    .evCon1 .bottom_box .bubble {top: -5vmin;left: 0;}

    .evCon2 .history_box {margin-bottom: 0;} 
    .evCon2 .bottom_text {margin-top: 0;padding: 5vmin 0;font-size: clamp(13px,2.7vmin,22px);} 
    .evCon2 .history_box .bg{padding: clamp(70px,20vmin,125px) 0 clamp(96px,24vmin,147px);}
    .evCon2 .history_box .bg img{margin: 0 auto;}
    .evCon2 .book_box .book{gap: 0 10vmin;}
    .evCon2 .book_box .col1{margin-left: 25%;width: min(55%, 380px);}
    .evCon2 .book_box .col2{margin-left: 19%;width: min(70%, 445px);margin-top: 28%;}
    .evCon2 .book_box .col3{margin-left: 19%;width: min(70%, 445px);margin-top: 11%;}
    .evCon2 .book_box .col4{margin-left: 16%;width: min(70%, 500px);margin-top: 12%;}
    .evCon2 .book_box .col5{margin-left: 16%;width: min(70%, 500px);margin-top: 12%;}
    .evCon2 .book_box .col6{margin-left: 19%;width: min(70%, 445px);margin-top: 30%;}

    .evCon3 .inner { padding: 10% 0 15%; } 
    .evCon3 .mid_text { gap: 7vmin 0; } 
    .evCon3 .mid_text .icon { width: min(100px,15%); } 

    .evCon5 .plannerSlider .swiper_common{ background: none; aspect-ratio: auto; padding: 0;}
    .evCon5 .plannerSlider .swiper-slide{ justify-content: flex-end; padding: 4vmin 0 0; border: clamp(10px,3vmin,25px) solid #000; aspect-ratio: auto; border-radius: 15px; overflow: hidden;}
    .evCon5 .plannerSlider .swiper-slide p {color:#fff;background: #000000ba;margin-top: 5vmin;padding: 1vmin 0;width: calc(100% + 1px);justify-content: center;} 

    .evCon6 .bubble_wrap { justify-content: flex-end; gap: 1vmin; margin-top: 1vmin; } 
    .evCon6 .way_title strong { padding-right: 5vmin; } 
    .evCon6 .bubble_wrap i { position: relative; right: auto; top: auto; transform: none; width: auto; height: auto; border-radius: 5px; padding: 3px 15px } 
    .evCon6 .app_box { gap: 5vmin 1vmin; margin-top: 5%; } 
    .evCon6 .app_box li { width: calc(25% - 1vmin); } 
    .evCon6 .step_box { margin-top: 5%; max-width: 500px; gap: 5vmin; } 
    .evCon6 .step_box li { padding: 3vmin 1vmin; display: flex; width: 100%; flex-direction: column; position: relative; } 
    .evCon6 .step_box li > img { width: 65%; margin: 0 auto; } 
    .evCon6 .step_box li p img { width: min(65px,15%); margin-bottom: 1.5vmin; } 
    .evCon6 .step_box li:not(:last-child):before { content: ""; position: absolute; background: url(https://image.megagong.net/m/2024/0416_promo/event1_step_arrow.png) center no-repeat; z-index: 2; background-size: contain; transform: rotate(90deg) translateX(-50%); bottom: -40px; left: 45%; width: 36px; height: 36px; } 

    .container_info.ver_circle .info {font-size: clamp(13px,3.5vmin,18px);}
    .container_info.ver_circle .info .info_title{width: clamp(80px,20vmin,120px);line-height: clamp(25px,4vmin,30px);}
    .event1 .container_info_wrap { margin-bottom: 10%; } 
    .event1 .click_base_wrap .click_wrap { margin-bottom: 0; } 
    .event1 .click_base_wrap .click_wrap .regist_area { gap: 2vmin; } 
    .event1 .click_base_wrap .result_list { flex-wrap: wrap; } 
    .event1 .click_base_wrap .result_list li { flex: none; width: calc(20% - 7px); } 
    .event1 .click_base_wrap .count_wrap{gap:0 5px}
    .event1 .click_base_wrap .count_wrap .counter{margin-bottom: 2vmin;}
    .event1 .click_base_wrap .click_wrap .count_area { padding: 5% 10px; } 
    .event1 .btn_design { margin-top: 10%; } 
    .event1 .btn_design .noti { margin-top: 2vmin; } 

    .eventBonus .gift_item_wrap { width: 100%; } 
}
@media screen and (max-width: 576px){
    .fix_menu.fixed {bottom: 55px;} 
}