@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
.eventWrap.gong {
    --color-point: #000DFF; 
}
.eventWrap.sobang {
    --color-point: #FF28E2;
}

.evSection {position: relative; padding: 150px 0;}
.evSection .tx_point {color: var(--color-point);}
.evSection .con_tit strong {font-weight: 700;}
.evSection .mini_tit + .con_tit {margin-top: 30px;}
.evSection .scroll_ico {position: absolute; left: 50%; bottom: 20px; width: 52px; height: 30px; background: url(https://image.megagong.net/m/2025/0617_next/ico_lg_arrow.png) no-repeat; background-size: contain; font-size: 0; animation: floatingX 0.8s infinite linear alternate;}
.con_tit .end::after {-webkit-mask-image: url('https://img.megagong.net/m/2025/0617_next/event_end.svg'); mask-image: url('https://img.megagong.net/m/2025/0617_next/event_end.svg'); background: #f00;}

@keyframes floatingX {
    to {
        transform: translate(-50%, -80%);
    }
    from {
        transform: translate(-50%, -100%);
    }
}

.flt_inner { right: 0; }
.flt_inner.renewal li:not(:first-child) {border-top: 1px solid #000; margin-top: 0;}
.flt_inner.fixed {position: fixed; top: 19.5% !important;}
.flt_inner li {box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 5px 0 0 5px;}
.flt_inner.renewal li.top {border-top: none; margin-top: 5px; border-radius: 100px;}

/* evBnr */
.evBnr {width: 100%; background: #BCFDFF; z-index: 3;}
.evBnr.fixed {position: fixed; bottom: 70px; left: 0;}
.evBnr li {position: relative; flex: 1;}
.evBnr li + li::before {content: ''; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; background: #000;}
.evBnr li a {display: block; padding: 10px 0;}
.evBnr li span {display: inline-block; background: #0082FF; color: #fff; border-radius: 20px; padding: 0 10px; margin-bottom: 5px;}

.evSection .mega_swiper {position: relative; overflow: hidden;}
.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-point);}
.evSection .button-prev {position: absolute; top: 50%; left: -20px; width: 18px; height: 32px; background-image: url(https://image.megagong.net/m/2024/0828_tax/slide_prev.png); background-size: contain; transform: translate(-100%, -50%); cursor: pointer;}
.evSection .button-next {position: absolute; top: 50%; right: -20px; width: 18px; height: 32px; background-image: url(https://image.megagong.net/m/2024/0828_tax/slide_next.png); background-size: contain; transform: translate(100%, -50%); cursor: pointer;}

.top_text {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; background: #161616; padding: 25px 0; pointer-events: none; z-index: 1;}
.top_text .swiper-wrapper {transition-timing-function: linear;}
.top_text .swiper-slide {width: fit-content; font-weight: 900; color: #FFF; opacity: 0.7; line-height: 1; letter-spacing: 6px;}
.top_text .swiper-slide.ver_border {color: #161616; text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;}

.fullPageWrap {position: relative; padding: 0; background: #000;}

/* evMain */
.evMain {position: relative; padding: 0;  z-index: 0; display: flex; justify-content: center; align-items: center; height: 100vh;}
/* .evMain .inner {padding: 200px 0 145px;} */
.evMain .video_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background-color: #010320; background-image: url(https://image.megagong.net/m/2025/0617_next/con1_bg.jpg); background-position: 50%; background-size: cover; z-index: -1; pointer-events: none;}
.evMain .sub_tit {letter-spacing: 1.2vmin; margin-bottom: 35px;}
.evMain h3 {font-weight: 900; font-size: 240px; letter-spacing: 2.5vmin; line-height: 1; background: linear-gradient(90deg, #56F9FF 0%, #FFF 50%, #000DFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 -300px 145px;}
.evMain .btn_wrap {position: relative; width: fit-content; margin: 0 auto; z-index: 0;}
.evMain .bubble {position: absolute; top: -5px; left: 50%; min-width: max-content; background: var(--color-point); border-radius: 100px; padding: 10px 43px; z-index: 1; animation: floatingX 0.8s infinite linear alternate;}
.evMain .bubble::before {content: ''; position: absolute; bottom: -5px; right: 25%; border-top: 9px solid var(--color-point); border-left: 20px solid transparent; border-right: 6px solid transparent; transform: rotate(154deg);}
.evMain .ripple {position: relative; overflow: hidden;}
.evMain .ripple a {position: relative; display: block; overflow: hidden; width: 194px; font-weight: 700; font-size: 15px; color: #FFF; background-color: transparent; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.50); padding: 17px 10px; transition: all 0.3s ease;}
.evMain .ripple a::after {content: ''; display: inline-block; width: 13px; height: 13px; background:url(https://image.megagong.net/m/2025/0617_next/ico_arrow.png) no-repeat; background-size: contain; vertical-align: baseline; margin-left: 8px; transition: all 0.3s ease;}
.evMain .ripple a:hover {color: #000; border-color: #55F9FF; background-color: #55F9FF;}
.evMain .ripple a:hover::after {filter: brightness(0);}
.evMain .ripple .circle {position: absolute; width: 80px; height: 80px; background-color: var(--color-point); opacity: 0.5; border-radius: 50%; transform: translate(-50%, -50%) scale(0); animation: rippleScale 0.5s ease-in-out; pointer-events: none; z-index: 1;}

@keyframes rippleScale {
    to {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0;
    }
}

/* evCon2 */
.evCon2 {padding: 0; position: relative; background: #000; display: flex; justify-content: center; align-items: center; height: 100vh;}
.evCon2 .con_tit {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 15px;}
.evCon2 .con_tit > span:last-child {flex-basis: 100%;}
.evCon2 .keyword_wrap {height: 70px; line-height: 1; overflow: hidden; position: relative; display: inline-block; width: 200px; mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);}
.evCon2 .keyword {height: inherit; /*position: absolute; top: 3.5px; left: 0;*/ width: 100%; /*opacity: 0;*/ line-height: 63px;top: 3.5px;position: relative;}
.evCon2 .keyword1 {color: #55F9FF; opacity: 1; transform: none;}
.evCon2 .keyword2 {color: #00B2FF;}
.evCon2 .keyword3 {color: #5D65FF;}

/* evCon3 */
.evCon3 {background: #000; display: flex; justify-content: center; align-items: center; height: 100vh;}
.evCon3 .con_tit {font-size: 130px; line-height: 1;}
.evCon3 .mini_tit.btm {opacity: 0.7; margin-top: 65px;}
/* draft1 */
.evCon3 .gradient_box {position: relative; padding: 144px 0; border-radius: 30px; overflow: hidden; z-index: 0; /*transform: scale(2); opacity: 0;*/}
.evCon3 .gradient_box::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(108deg, #32BBFF 15%, #000 25%, #000DFF 35%, #32BBFF 50%, #000 75%, #000DFF 100%); background-size: 400% 100%; animation: gradientShift 8s linear infinite alternate both; filter: blur(50px); z-index: -2;}
.evCon3 .gradient_box::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://image.megagong.net/m/2025/0617_next/logo_xl_gong.png) no-repeat; background-position: center; background-size: auto; z-index: -1;}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

/* draft2 */
.evCon3 .gradient_box2 {position: relative; padding: 144px 0; border-radius: 30px; overflow: hidden; z-index: 0; background: #000DFF;}
.evCon3 .gradient_box2::before {content: ''; position: absolute; width: 200%; height: 200%; top: -50%; left: -50%;
    background: radial-gradient(circle at 0% 0%, #32BBFF, transparent 60%),
    radial-gradient(circle at 0% 0%, #000DFF, transparent 60%),
    radial-gradient(circle at 0% 0%, #000, transparent 60%);
    animation: blobMove 5s ease-in-out infinite; filter: blur(50px); z-index: -1;}
.evCon3 .gradient_box2::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://image.megagong.net/m/2025/0617_next/logo_xl.png) no-repeat; background-position: center; background-size: auto; z-index: -1;}

@keyframes blobMove {
    0% {
        transform: translate(0%, 0%) scale(1);
    }
    25% {
        transform: translate(-50%, 40%) scale(1.4);
    }
    50% {
        transform: translate(20%, -30%) scale(1.2);
    }
    100% {
        transform: translate(0%, 0%) scale(1);
    }
}

/* evCon4 */
.evCon4 {background: #000DFF; display: flex; justify-content: center; align-items: center; height: 100vh;}
.evCon4 .mini_tit {font-weight: 400;}
.evCon4 .con_tit {margin: 15px auto 40px !important;}
.evCon4 .con_tit span {color: #20EAF0;}
.evCon4 .next_wrap {position: relative; height: 440px; overflow: hidden;}
.evCon4 .next_wrap .item {/*position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; color: #111; padding: 100px; border-radius: 30px; background-repeat: no-repeat; background-size: auto 100%; background-position: 100% 50%; /*transform: translateY(30px) scale(1); opacity: 0;*/}
.evCon4 .next_wrap .tit {line-height: 1.4; margin-bottom: 40px;}
.evCon4 .next_wrap .tit span {display: block;}
.evCon4 .next_wrap .tit span + span {margin-top: 20px;}
.evCon4 .next_wrap p {line-height: 1.6;}
.evCon4 .next_wrap .evt_con_base {position: absolute; bottom: 40px; right: 45px;}
.evCon4 .next_wrap .item1 {background-color: #fff; background-image: url(https://image.megagong.net/m/2025/0617_next/con4_item1_bg_gong.jpg);}
.evCon4 .next_wrap .item2 {background-color: #DBDCDF; background-image: url(https://image.megagong.net/m/2025/0617_next/con4_item2_bg.jpg);}
.evCon4 .next_wrap .item3 {color: #fff; background-color: #1238C9; background-image: url(https://image.megagong.net/m/2025/0617_next/con4_item3_bg_gong.jpg);} 

/* evCon5 */
.evCon5 {background: #000; display: flex; justify-content: center; align-items: center; height: 100vh;}
.evCon5 .inner {position: relative; text-align: center; z-index: 2;}
.evCon5 .bg_text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2610px; height: auto; display: flex; flex-direction: column; align-items: center; gap: 105px; pointer-events: none; z-index: 0;}
.evCon5 .bg_text span {display: block;}
/* .evCon5 .bg_text span + span {margin-top: 105px} */
.evCon5 .mini_tit {font-weight: 400;}
.evCon5 .con_tit {line-height: 1.6;}

/* event common */
.container_info_wrap {margin-top: 40px;}
.evSection .evt_box_base {position: relative; background: #fff; padding: 50px 20px;}
.evSection .evt_tit_base {font-weight: 500; margin-bottom: 30px;}
.evSection .evt_tit_base .round_tit {width: fit-content; font-weight: 700; background: #000; border-radius: 100px; padding: 4px 30px; margin: 0 auto 20px;}

/* evCon6 */
.evCon6 {background: #00E8EF;}
.evCon6 .gift_list_wrap {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px; margin: 50px auto 90px;}
.evCon6 .gift_list_wrap .badge {background: #00B6BC;}
.evCon6 .gift_list_wrap li:nth-child(even) {grid-column: 1 / 2;}
.evCon6 .gift_list_wrap li:nth-child(odd) {grid-column: 3 / 4;}
.evCon6 .gift_list_wrap li:nth-child(n+2):nth-child(-n+3) {grid-row: 1 / 2;}
.evCon6 .gift_list_wrap li:nth-child(n+4) {grid-row: 2 / 3;}
.evCon6 .gift_list_wrap li.emphasis {grid-row: 1 / 3; grid-column: 2 / 3; padding: 95px 0 80px; display: flex; flex-direction: column;}
.evCon6 .gift_list_wrap li.emphasis .badge {top: 8px; right: 11px; width: 96px; height: 95px; background: url(https://image.megagong.net/m/2025/0617_next/ico_badge_md_gong.png) no-repeat; background-size: contain; padding: 0;}
.evCon6 .gift_list_wrap li.emphasis .badge span {font-size: 17px;}
.evCon6 .gift_list_wrap li.emphasis .badge strong {font-size: 20px;}
.evCon6 .gift_list_wrap li.emphasis .img {margin: auto;}
.evCon6 .schedule_wrap {margin-bottom: 50px;}
.evCon6 .schedule_wrap .tit {margin-bottom: 30px;}
.evCon6 .schedule_wrap ul {gap: 18px;}
.evCon6 .schedule_wrap li {flex: 1; position: relative; font-weight: 400; background: #fff; border-radius: 10px; padding: 25px;}
.evCon6 .schedule_wrap li strong {margin-top: 5px;}
.evCon6 .schedule_wrap li.end {background: #00B6BC;}
.evCon6 .schedule_wrap li .end_badge {position: absolute; top: -24px; right: -28px; width: 90px; height: 90px; font-size: 0; background: url(https://image.megagong.net/m/2025/0617_next/con6_end.png) no-repeat; background-size: contain; z-index: 1;}
.evCon6 .evt_tit_base .evt_con_base {color: #9E9E9E; margin-top: 10px;}
.evCon6 .mission_link {position: relative; width: fit-content; max-width: 676px; border-radius: 10px; overflow: hidden; margin: 0 auto 10px;}
.evCon6 .mission_link .dim-base-wrap {flex-direction: column; gap: 18px;}
.evCon6 .mission_link .dim-base-wrap .badge {background: #1974FE; padding: 5.5px 16px;}
.evCon6 .mission_link .dim-base-wrap + a {filter: blur(5px);}
.evCon6 .mission_link .mission_slide {position: relative; overflow: hidden;}
.evCon6 .mission_link .mission_slide .swiper-pagination-bullet {width: 18px; height: 18px; background: #fff; border: 1px solid #D9D9D9; opacity: 1;}
.evCon6 .mission_link .mission_slide .swiper-pagination-bullet-active {background-color: #484848; border-color: #484848;}
.evCon6 .mission_link a {display: block;}
.evCon6 .mission_link + .evt_con_base {color: #ccc;}
.evCon6 .regist_form_area {background: #eee; border-radius: 0; margin-top: 10px;}
.evCon6 .regist_form_area .check_area .info {color: #9E9E9E;}

/* evCon7 */
/* Ä«µå */
.card_base {width: 100%; max-width: 312px; padding: 45px 20px 50px; border-radius: 25px; overflow: hidden; text-align: center; line-height: 1.4;}
.card_base .card_tit {color: #111;}
.card_base .ico {margin: 15px auto 20px;}
.card1 {background-image: linear-gradient(155deg, #B7FFE8 1.37%, #1973FC 98.63%);}
.card1 .card_tit span {color: #003A7C;}
.card2 {background-image: linear-gradient(155deg, #F7FFB7 1.13%, #FC1937 98.87%);}
.card2 .card_tit span {color: #970013;}
.card3 {background-image: linear-gradient(156deg, #D6FFCC 1.92%, #F9FF45 98.08%);}
.card3 .card_tit span {color: #6F0098;}
.card4 {background-image: linear-gradient(154deg, #D6FFB7 0.65%, #007043 99.35%);}
.card4 .card_tit span {color: #004227;}
/* .mfp-zin.mfp-bg.mfp-ready {opacity: 0;} */
/* .mg_popup_wrap .mg_popup_close {background-image: url(https://image.megagong.net/common/btn_close_right_bottom_bnr.png); width: 30px; height: 30px; top: -33px; background-position: 100% 100%;} */
.mg_popup_wrap .card_base {box-shadow: 0px 5.032px 12.581px 0px rgba(0, 0, 0, 0.50);}

.evCon7 {background: #00B2FF;}
.evCon7 .keyring_slide_wrap {position: relative; margin: 130px -104px;}
.evCon7 .keyring_frame {position: absolute; top: -48px; left: 50%; transform: translateX(-50%); width: 34%; height: calc(100% + 100px); border-color: #fff; border-style: solid; border-width: 48px 20px 52px; z-index: 1; pointer-events: none;}
.evCon7 .keyring_frame::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.evCon7 .keyring_frame .badge {position: absolute; top: -56px; right: -25px; width: 116px; height: 113px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background: url(https://image.megagong.net/m/2025/0617_next/ico_badge_lg_gong.png) no-repeat; background-size: contain; z-index: 1;}
.evCon7 .keyring_frame .badge span {font-size: 20px;}
.evCon7 .keyring_frame .badge strong {font-size: 23px;}
.evCon7 .keyring_frame .name {position: absolute; bottom: -12px; left: 50%; transform: translate(-50%, 100%); font-size: 14px; color: #777; font-weight: 400;}
.evCon7 .keyring_slide {z-index: 0;}
.evCon7 .keyring_slide::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 33.333%; height: 100%; background: #eaeaea; pointer-events: none;}
/* .evCon7 .keyring_slide .swiper-slide:not(.swiper-slide-active) {opacity: 0.6;} */
.evCon7 .keyring_slide_wrap .button-prev,
.evCon7 .keyring_slide_wrap .button-next {position: absolute; top: calc(60% - 30px); width: 35px; height: 60px; background-size: contain; background-repeat: no-repeat; cursor: pointer; z-index: 1;}
.evCon7 .keyring_slide_wrap .button-prev {left: calc(36% - 17.5px); background-image: url(https://image.megagong.net/m/2025/0617_next/slide_prev.png);}
.evCon7 .keyring_slide_wrap .button-next {right: calc(36% - 17.5px); background-image: url(https://image.megagong.net/m/2025/0617_next/slide_next.png);}
.evCon7 .gift_list_wrap {gap: 10px; margin-bottom: 80px;}
.evCon7 .draw_wrap {position: relative;}
.evCon7 .draw_wrap .dim-base-wrap {flex-direction: column; gap: 40px;}
.evCon7 .evt_box_base + .evt_box_base {margin-top: 10px;}
.evCon7 .select-wrap {justify-content: center; gap: 20px; margin-bottom: 30px;}
.evCon7 .select-wrap .select-base {width: 270px;}
.evCon7 .card_wrap {justify-content: center; gap: 10px;}
.evCon7 .card_wrap .card_back {flex: 1;}
.evCon7 .card_wrap .card_back a {display: block; position: relative; height: 350px; display: flex; justify-content: center; align-items: center; background: linear-gradient(154deg, #32BBFF 0.48%, #000 50%, #000DFF 99.52%) no-repeat; border-radius: 20px; z-index: 0; transition: transform 0.5s ease-in-out;}
.evCon7 .card_wrap .card_back a::before {content: ''; position: absolute; top: calc(50% - 60px); left: 0; width: 100%; height: 120px; background: url(https://image.megagong.net/m/2025/0617_next/logo_md.png) no-repeat; background-size: contain; background-position: center; z-index: -1;}
.evCon7 .card_wrap .card_back a:hover {transform: translateY(-30px);}
.evCon7 .card_wrap .card_back a::after {content: ''; position: absolute; bottom: 26px; right: 29px; width: 48px; height: 48px; background: url(https://image.megagong.net/m/2025/0617_next/ico_click.png) no-repeat; background-size: contain; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out;}
.evCon7 .card_wrap .card_back a:hover::after {opacity: 1; visibility: visible;}
.evCon7 .after_draw .evt_box_base {display: flex; justify-content: center; align-items: center; gap: 70px; padding: 75px 20px;}
.evCon7 .after_draw .txt_content {text-align: left;}
.evCon7 .after_draw .txt_content .tit {margin-bottom: 35px;}
.evCon7 .after_draw .txt_content p {font-weight: 400; line-height: 1.6;}

/* evCon8 */
.evCon8 {background: #5D65FF;}
.evCon8 .container_info .info .noti {color: #fff;}
.evCon8 .gift_list_wrap li .badge {background-color: #424CFF;}
.evCon8 .step_base_wrap {margin-top: 50px;}
.evCon8 .step_base_wrap .step_list li .box_area {padding: 30px 5px;}
.evCon8 .step_base_wrap .hashtag {color: #4D64FF;}
.evCon8 .step_base_wrap .tx_point {color: #216FFF;}
.evCon8 .share_base_wrap {border-radius: 3px 3px 0 0;}
.evCon8 .regist_form_area {margin-top: 0; background: #eee; border-radius: 0 0 3px 3px;}
.evCon8 .regist_form_area .check_area .info {color: #9E9E9E;}
.evCon8 .regist_form_area .check_area .btn-base a {border-color: #9E9E9E; color: #9E9E9E;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evtoggleWarning .inner {padding: 0 !important;}

/* ¼Ò¹æ Ä÷¯ º¯°æ */
.sobang .con_tit .end::after {background-color: #000;}
.sobang .evBnr {background: #FFCED6;}
.sobang .evBnr li span {background: #80F;}
.sobang .evMain h3 {background: linear-gradient(90deg, #FF002B 0%, #FFF 50%, #6A00FF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sobang .evMain .bubble {background: #80F;}
.sobang .evMain .bubble::before {border-top-color: #80F;}
.sobang .evCon2 .keyword1 {color: #FF4563;}
.sobang .evCon2 .keyword2 {color: #FF45E6;}
.sobang .evCon2 .keyword3 {color: #AF53FF;}
.sobang .evCon3 .gradient_box::before {background-image: linear-gradient(108deg, #B9001F 15%, #000 25%, #3A0067 35%, #B9001F 50%, #000 75%, #3A0067 100%);}
.sobang .evCon3 .gradient_box::after {background-image: url(https://image.megagong.net/m/2025/0617_next/logo_xl_sobang.png);}
.sobang .evCon4 {background: #9100FF;}
.sobang .evCon4 .con_tit span {color: #FF4563;}
.sobang .evCon4 .next_wrap .item1 {background-image: url(https://image.megagong.net/m/2025/0617_next/con4_item1_bg_sobang.jpg);}
.sobang .evCon4 .next_wrap .item3 {background-color: #8419AB; background-image: url(https://image.megagong.net/m/2025/0617_next/con4_item3_bg_sobang.jpg);}
.sobang .evCon6 {background: #FF4563;}
.sobang .evCon6 .schedule_wrap li.end {background: #C35567;}
.sobang .evCon6 .schedule_wrap li .end_badge {filter: brightness(0);}
.sobang .evCon6 .mission_link .dim-base-wrap .badge {background: #111;}
.sobang .evCon6 .container_info .info .noti {color: #fff;}
.sobang .evCon6 .gift_list_wrap .badge {background: #FF2447;}
.sobang .evCon6 .gift_list_wrap li.emphasis .badge {background-image: url(https://image.megagong.net/m/2025/0617_next/ico_badge_md_sobang.png);}
.sobang .evCon6 .schedule_wrap .tit .tx_point {color: #fff;}
.sobang .evCon6 .schedule_wrap li strong {color: #FF4563;}
.sobang .card2 {background-image: linear-gradient(155deg, #FDFFC3 1.13%, #FF3DA1 98.87%);}
.sobang .card2 .card_tit span {color: #DA0067;}
.sobang .evCon7 {background: #FF28E2;}
.sobang .evCon7 .container_info .info .noti {color: #fff;}
.sobang .evCon7 .keyring_frame .badge {background-image: url(https://image.megagong.net/m/2025/0617_next/ico_badge_lg_sobang.png);}
.sobang .evCon7 .gift_list_wrap .badge {background: #DE17C3;}
.sobang .evCon7 .card_wrap .card_back a {background-image: linear-gradient(154deg, #B9001F 0.48%, #000 50%, #5C00A3 99.52%);}
.sobang .evCon8 {background: #80F;}
.sobang .evCon8 .gift_list_wrap .badge {background: #6F13C0;}

@media screen and (max-width: 1500px){
    .evMain h3 {font-size: clamp(85px, 20vmin, 240px); margin: 0 -10vmin 145px;}
}
@media screen and (max-width: 1400px){
    .evCon7 .gift_list_wrap {flex-wrap: wrap;}
    .evCon7 .gift_list_wrap li {width: calc(25% - 7.5px);}
}
@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}

    .flt_inner {display: none !important;}

    .evSection .scroll_ico {bottom: 140px;}

    /* evMain */
    .evMain h3 {margin: 0 -10vmin 10vmin;}

    /* evCon3 */
    .evCon3 .gradient_box {padding: 12vmin 0;}
    .evCon3 .gradient_box::after {background-size: 80% auto;}
    .evCon3 .con_tit {font-size: clamp(54px, 15vmin, 130px);}

    /* evCon4 */
    .evCon4 .next_wrap {height: 35vh;}
    .evCon4 .next_wrap .item {padding: 30px 6vmin;}
    .evCon4 .next_wrap .tit {margin-bottom: 4%;}
    .evCon4 .next_wrap .tit span + span {margin-top: 0;}
    .evCon4 .next_wrap .evt_con_base {bottom: 30px; right: 6vmin;}

    /* evCon5 */
    .evCon5 .bg_text {width: 140%; padding-bottom: 70px; gap: 10vmin;}
    
    /* evCon6 */
    .evCon6 .gift_list_wrap {gap: 10px;}
    .evCon6 .gift_list_wrap li {width: auto;}

    .eventWrap:not(.event) .inner {padding-bottom: 140px;}
}
@media screen and (max-width: 992px){
    .evCon2 .keyword_wrap {width: clamp(82px, 22vmin, 200px);}

    .evCon7 .card_wrap .card_back a {height: clamp(250px, 33vmin, 350px);}
    .evCon7 .after_draw .evt_box_base {gap: 30px;}

    .evCon8 .share_base_wrap,
    .evCon8 .regist_form_area {padding: 2%;}
}
@media screen and (max-width: 768px){
    .evSection .mini_tit + .con_tit {margin-top: 15px;}

    .container_info_wrap {margin-top: 20px;}
    .evSection .evt_box_base {padding: 30px 10px;}

    .evCon2 .keyword_wrap {height: clamp(27px,7.4vmin,56px);}
    .evCon2 .keyword {line-height: 1;}

    /* .evCon4 .next_wrap .item {background-image: none;} */
    .evCon4 .next_wrap .evt_con_base {position: static; align-self: flex-end; margin-top: 2%; font-size: 12px;}

    .evCon6 .gift_list_wrap li.emphasis {padding: 35px 0 25px;}
    .evCon6 .gift_list_wrap li.emphasis .badge {top: 5px; right: 5px; width: 66px; height: 66px;}
    .evCon6 .gift_list_wrap li.emphasis .badge span {font-size: 14px;}
    .evCon6 .gift_list_wrap li.emphasis .badge strong {font-size: 16px;}
    .evCon6 .mission_link {width: 100%; max-width: none;}
    .evCon6 .mission_link .mission_slide .swiper-pagination-bullet {width: 8px; height: 8px;}

    .evCon7 .container_info.horizon {flex-direction: column;}
    .evCon7 .keyring_slide_wrap {margin: 70px -25% 100px;}
    .evCon7 .keyring_frame {top: -30px; height: calc(100% + 70px); border-width: 30px 10px 40px;}
    .evCon7 .keyring_frame .badge {top: -25px; right: -5px; width: 65px; height: 65px;}
    .evCon7 .keyring_frame .badge span {font-size: 14px;}
    .evCon7 .keyring_frame .badge strong {font-size: 16px;}
    .evCon7 .swiper-pagination {position: absolute; margin: 0; bottom: calc(-8% - 40px);}
    .evCon7 .gift_list_wrap {margin-bottom: 40px;}
    .evCon7 .gift_list_wrap li {width: calc(50% - 5px);}
    .evCon7 .select-wrap {gap: 10px;}
    .evCon7 .select-wrap .select-base {width: 40%;}
    .evCon7 .card_wrap {flex-wrap: wrap;}
    .evCon7 .card_wrap .card_back {flex-basis: calc(50% - 5px); max-width: 312px;}
    .evCon7 .card_wrap .card_back a {height: clamp(240px, 56vmin, 430px);}
    .evCon7 .after_draw .evt_box_base {flex-direction: column; padding: 40px 10px;}
    .evCon7 .after_draw .txt_content {text-align: center;}
    .evCon7 .after_draw .txt_content .tit {margin-bottom: 10px;}

    .evCon8 .container_info.horizon {flex-direction: column;}
    .evCon8 .share_base_wrap .share_list.col4 li dl dd {width: auto; flex: 1;}
}
@media screen and (max-width: 576px){
    .top_text {padding: 15px 0;}

    .evBnr.fixed {bottom: 55px;}

    .eventWrap:not(.event) .inner {padding-bottom: 115px;}
    .evSection .scroll_ico {bottom: 120px; width: 31px; height: 18px;}

    .evMain .sub_tit {margin-bottom: 20px;}
    .evMain h3 {margin-bottom: 70px;}

    .evCon2 .con_tit {gap: 0 5px;}
    .evCon2 .keyword {top: 3px;}

    .evCon3 .con_tit {margin-top: 12vmin !important;}
    .evCon3 .mini_tit.btm {margin-top: 12vmin;}
    .evCon3 .gradient_box {border-radius: 10px;}

    .evCon4 .next_wrap .item {border-radius: 10px;}
    .evCon4 .next_wrap .evt_con_base {font-size: 11px;}

    .evCon6 .gift_list_wrap {display: flex; flex-wrap: wrap; margin: 25px auto 50px;}
    .evCon6 .gift_list_wrap li {width: calc(50% - 5px);}
    .evCon6 .gift_list_wrap li.emphasis {width: 100%;}
    .evCon6 .gift_list_wrap li.emphasis .img {margin: 0 25%;}
    .evCon6 .schedule_wrap {margin-bottom: 30px;}
    .evCon6 .schedule_wrap ul {gap: 5px;}
    .evCon6 .schedule_wrap li {padding: 15px 5px;}
    .evCon6 .schedule_wrap .tit {margin-bottom: 15px;}
    .evCon6 .schedule_wrap li .end_badge {top: -15px; right: -15px; width: 60px; height: 60px;}

    .evCon7 .keyring_slide_wrap {max-width: 401px; margin: 70px auto 100px;}
    .evCon7 .keyring_frame {width: 100%;}
    .evCon7 .keyring_slide::before {width: 100%;}
    .evCon7 .keyring_slide .swiper-slide:not(.swiper-slide-active) {opacity: 1;}

    .evCon8 .step_base_wrap .step_list li .box_area {padding: 20px;}
    .evCon8 .share_base_wrap .share_list.col4 li dl {gap: 5px;}
    .evCon8 .share_base_wrap .share_list.col4 li dl dd {font-size: 11px;}
}