@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2026/ */

/* settings */
:root {
    --color-primary: #FF7141;
}
.evSection {padding: 100px 0 120px; background: #080808;}
.evSection .inner.w1200 {width: 1200px;}
.evSection .label_tit {display: block; height: 34px; margin: 0 auto 15px;}
.evSection .label_tit img {display: block; height: 100%; margin: 0 auto;}
.evSection .mini_tit {font-weight: 500; letter-spacing: 0.2em;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 40px;}
.tx_primary {color: var(--color-primary);}
.tx_gradient {display: inline-block; background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), linear-gradient(95deg, #FF4D11 12.85%, #FFF 50.74%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.over-dot {display: inline-block;}
.over-dot .text-dot {position: relative; display: inline-block;}
.over-dot .text-dot::before {content: ''; position: absolute; top: 0; left: calc(50% - 4px); width: 3px; height: 3px; background-color: #D9D9D9; border-radius: 50%;}
.btn-base.gradient a {background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), linear-gradient(95deg, #FF4D11 12.85%, #FFF 50.74%);}
.btn-base-wrap + .evt_con_base {margin-top: 10px;}

.con_tit .end::after {background: #111;} /* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.paging { text-align: center; color: #7f7f7f; } 
.paging a { padding: 3px 7px; } 
.paging img { margin-top: 0; } 
.paging strong { color: #000; font-weight: 900; } 

.evStickyBnr {display: none; background-color: #000; color: #FFF; border-top: none; border-bottom: 1px solid #333;}
.evStickyBnr.fixed {display: block;}
.evStickyBnr li {width: auto; flex: 1;}
.evStickyBnr li a {height: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0; border-bottom: 2px solid transparent; transition: all 0.3s;}
.evStickyBnr li.active a {border-bottom-color: #FFF;}

/* visualIntro */
.visualIntro {background: #050505 url(https://image.megagong.net/m/2026/0608_admin/visual_bg.png) no-repeat; background-size: 800px auto; background-position: 50% 50%; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 10;}
.visualIntro .text {display: inline-block; width: 80%; max-width: 568px; margin: 5px auto; opacity: 0;}
.visualIntro .text.active {animation: fadeUp 0.8s ease-in-out; opacity: 1;}

@keyframes fadeUp {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* evCon1 */
.evCon1 {padding: 66px 0 0; background: #101010 url(https://image.megagong.net/m/2026/0608_admin/con1_bg.png) no-repeat; background-size: 1800px auto; background-position: 50% 0 !important;}
.evCon1 .sub_tit {display: inline-block; width: 84%; max-width: 542.5px; margin-bottom: 12px;}
.evCon1 .tit {position: absolute; left: 0; bottom: 70px; width: 100%; z-index: 1;}
.evCon1 .tit .ico {position: absolute; width: 143px; top: -96px; left: 50%; transform: translateX(-50%); z-index: 1}
.evCon1 .tit .ico.live {top: -69px;}
.evCon1 .tit h3 {font-size: 100px; line-height: 1.06; letter-spacing: -0.03em;}
.evCon1 .tea_wrap {position: relative;}
.evCon1 .tea_wrap .badge {position: absolute; top: 230px; right: 130px; max-width: 220px;}
.evCon1 .date {display: inline-block; border-radius: 4px; background: linear-gradient(95deg, #FF632F 12.85%, #FFF 47.5%); padding: 4px 16px; margin-top: 110px;}

/* evCon2 */
.evCon2 {padding: 50px 0 80px; background: #101010;}
.evCon2 .inner.bg {padding: 73px 0 80px; background: url(https://image.megagong.net/m/2026/0608_admin/con2_bg.png) no-repeat; background-size: 100% auto; background-position: 50% 50%;} 
.evCon2 .con_tit {margin-bottom: 10px;}
.evCon2 .gift {max-width: 1000px; margin: 0 auto;}
.evCon2 .gift img {margin: 0 auto;}

/* evCon3 */
.evCon3 {position: relative;}
.evCon3::before {content: ''; position: absolute; top: 126px; left: calc(50% - 170px); transform: translateX(-100%); width: 614px; height: 614px; background: url(https://image.megagong.net/m/2026/0608_admin/con3_bg.png) no-repeat; background-size: contain; pointer-events: none;}
.evCon3 .mini_tit sup {font-size: 12px; opacity: 0.8;}
.evCon3 .tea_wrap {gap: 30px }
.evCon3 .tea_wrap li {flex-grow: 1; position: relative; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.05); background: rgba(26, 26, 26, 0.20); padding: 30px 13px 40px;}
.evCon3 .tea_wrap .tit span {display: block; opacity: 0.8}
.evCon3 .tea_wrap .tit strong {display: block;}
.evCon3 .tea_wrap .img {position: relative; max-width: 340px;}
.evCon3 .tea_wrap .img .bubble {position: absolute; top: 36px; right: 64px; transform: translateX(100%); border-radius: 8px; background: #333; text-align: left; padding: 10px; width: 231px;}
.evCon3 .tea_wrap .img .bubble::before {content: ''; position: absolute; left: 3px; bottom: -8px;; width: 21px; height: 14px; background: url(https://image.megagong.net/m/2026/0608_admin/con3_etc.svg) no-repeat;}
.evCon3 .tea_wrap .award {max-width: 260px; margin: -32px auto 30px;}
.evCon3 .tea_wrap .evt_con_base {color: #4D4D4D;}
.evCon3 .tea_wrap li:nth-child(3) {flex: 0 0 280px;}
.evCon3 .tea_wrap li:nth-child(3) .img {max-width: 250px;}
.evCon3 .tea_wrap li:nth-child(3) .award {max-width: 100px; width: 50%;}

/* evCon4 */
.evCon4 {background: #080808 url(https://image.megagong.net/m/2026/0608_admin/con4_bg.png) no-repeat; background-size: 1177px auto; background-position: 50% 0 !important;}
.evCon4 .text_swiper_wrap {display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: 700; line-height: 1; margin-top: 5px;}
.evCon4 .text_swiper_wrap > div {display: flex; justify-content: center; align-items: flex-start;}
.evCon4 .text_swiper {position: relative; height: 50px; overflow: hidden;}
.evCon4 .text_swiper .swiper-slide {text-decoration: underline; text-underline-offset: 5px;}
.evCon4 .text_swiper1 {color: #2693FF;}
.evCon4 .text_swiper2 {color: #FF7141;}
.evCon4 .eventVideo {width: fit-content; margin: 0 auto; max-width: 280px;}
.evCon4 .eventVideo .video_box {position: static; padding: 0;}
.evCon4 .eventVideo iframe {display: block; margin: 0 auto;}

/* evCon5 */
.evCon5 {background: #141414; position: relative;}
.evCon5::before {content: ''; position: absolute; top: 0; left: calc(50% + 28px); transform: translateX(-100%); width: 800px; height: 580px; background: url(https://image.megagong.net/m/2026/0608_admin/con5_bg.png) no-repeat; background-size: contain; pointer-events: none;}
.evCon5 .part_wrap {display: flex; flex-direction: column; gap: 20px; max-width: 800px; margin: 0 auto 40px;}
.evCon5 .part_wrap > li {display: flex; align-items: center; gap: 38px; text-align: left; height: 140px; padding: 20px 0 20px 50px; border-radius: 20px; background: rgba(45, 45, 45, 0.20) url(https://image.megagong.net/m/2026/0608_admin/con5_part_bg.png) no-repeat; background-size: contain;}
.evCon5 .part_wrap .tit {min-width: 200px;}
.evCon5 .part_wrap .cont {font-weight: 400; line-height: 1.5;}
.evCon5 .part_wrap .cont .label {display: inline-block; font-size: 13px; border-radius: 5px; background: #FF7141; padding: 4px 8px; margin-bottom: 5px;}
.evCon5 .part_wrap .cont li {position: relative; padding-left: 10px;}
.evCon5 .part_wrap .cont li::before {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #FFF; border-radius: 50%;}
.evCon5 .evt_bnr {max-width: 800px; margin: 0 auto; background: url(https://image.megagong.net/m/2026/0608_admin/con5_bnr_bg.png) no-repeat; background-size: 100% 100%; padding: 19px 0 20px; border-radius: 100px;}
.evCon5 .evt_bnr span {display: inline-block; width: 80%; max-width: 358px;}
.evCon5 .evt_bnr p {margin-top: 5px;}

/* evCon6 */
.evCon6 {background: #111; position: relative;}
.evCon6::before {content: ''; position: absolute; top: 224px; left: 50%; transform: translateX(-50%); width: 1080px; height: 614px; background: url(https://image.megagong.net/m/2026/0608_admin/con6_bg.png) no-repeat; background-size: contain; pointer-events: none;}
.evCon6 .con_tit .date {max-width: 414px; width: 70%; margin: 0 auto 20px;}
.evCon6 .video_wrap {position: relative; max-width: 800px; border-radius: 20px; overflow: hidden; margin: 0 auto 40px;}
.evCon6 .video_wrap::before {content: ''; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(https://image.megagong.net/m/2026/0608_admin/ico_play.svg) no-repeat; pointer-events: none; z-index: 1;}
.evCon6 .video_wrap a {display: block;}

/* evCon7 */
.evCon7 {background: #FF4D11 url(https://image.megagong.net/m/2026/0608_admin/con7_bg.jpg); background-size: auto 100%; background-repeat: repeat-x !important;}
.evCon7 .con_tit {font-weight: 500;}
.evCon7 .over-dot .text-dot::before {background-color: #000;}
.evCon7 .con_box {margin-top: 20px;}
.evCon7 .gift {max-width: 590px; margin: 50px auto;}
.evCon7 .status_txt {color: #333; font-weight: 400; margin-bottom: 40px;}
.evCon7 .status_txt u {font-weight: 700;}
.evCon7 .regist_form_area {background: #333;}

/* evCon8 */
.evCon8 {background: #050505 url(https://image.megagong.net/m/2026/0608_admin/con8_bg.png) no-repeat; background-size: 1080px auto; background-position: 50% 0 !important;}
.evCon8 .con_tit {position: relative; font-weight: 500; z-index: 0;}
.evCon8 .con_tit::before {content: ''; position: absolute; top: 50px; left: 30px; width: 194.5px; height: 257px; background: url(https://image.megagong.net/m/2026/0608_admin/con8_tit_ico.png) no-repeat; background-size: contain; z-index: -1;}
.evCon8 .con_tit .end::after {background: #FFF;}
.evCon8 .con_tit .badge {position: absolute; top: -40px; right: 200px; max-width: 139px; width: 20%; z-index: 1;}
.evCon8 .con_box {margin-top: 30px;}
.evCon8 .container_info.ver_circle .info .info_title {color: #000; background-color: #FFF;}
.evCon8 .con_box .mini_tit {letter-spacing: -0.03em; margin-top: 80px; margin-bottom: 20px;}
.evCon8 .gift_wrap {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; border-radius: 20px; background: rgba(49, 49, 49, 0.10) url(https://image.megagong.net/m/2026/0608_admin/con8_gift_bg.png) no-repeat; background-size: 100% 100%; padding: 30px 50px; max-width: 960px; margin: 0 auto;}
.evCon8 .gift_wrap li {flex-basis: calc(25% - 15px); position: relative; border-radius: 20px; background: #FFF; padding: 20px 25px 25px;}
.evCon8 .gift_wrap .lock {position: absolute; top: 50%; left: 50%; width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.8); background-image: url(https://image.megagong.net/m/2026/0608_admin/ico_lock.png); background-repeat: no-repeat; background-position: center; background-size: 32px; font-size: 0; border-radius: 50%; z-index: 1;}
.evCon8 .gift_wrap .label {display: inline-block; font-weight: 700; color: #FFF; border-radius: 5px; background: #1A1A1A; padding: 4px 12px; margin-bottom: 20px;}
.evCon8 .gift_wrap .img {display: block; max-width: 150px; filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.10)); margin: 0 auto;}
.evCon8 .gift_wrap .text {display: block; font-weight: 400; color: #4D4D4D; margin-top: 26px;}
.evCon8 .gift_wrap .text strong {display: block;}
.evCon8 .gift_wrap li:nth-child(-n+2) {flex-basis: 360px; padding: 22px 0 30px;}
.evCon8 .gift_wrap li:nth-child(-n+2) .label {margin-bottom: 10px;}
.evCon8 .gift_wrap li:nth-child(-n+2) .img {max-width: none; filter: none;}
.evCon8 .gift_wrap li:nth-child(-n+2) .text {margin-top: 15px;}
.evCon8 .gift_wrap .gift1 {background: linear-gradient(145deg, #FFC942 7.69%, #FFF 32.44%);}
.evCon8 .gift_wrap .gift2 {background: linear-gradient(145deg, #86C4E8 7.69%, #FFF 32.44%);}
.evCon8 .gauge_wrap {max-width: 960px; background: rgba(49, 49, 49, 0.10) url(https://image.megagong.net/m/2026/0608_admin/con8_gauge_bg.png) no-repeat; background-size: 100% 100%; padding: 20px 50px 25px; margin: 0 auto;}
.evCon8 .gauge_wrap .gauge_tit {position: relative; margin-bottom: 5px;}
.evCon8 .gauge_wrap .gauge_tit::before {content: ''; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); width: 396px; aspect-ratio: 791/225; background: url(https://image.megagong.net/m/2026/0608_admin/con8_gauge_tit_bg.png) no-repeat center top / 100% 100%;}
.evCon8 .gauge_wrap .gauge_gift {position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 23px; min-height: 130px;}
.evCon8 .gauge_wrap .gauge_gift .gift {position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 66px; padding: 6px 0 10px; border-radius: 8px; background: #333; z-index: 0;}
.evCon8 .gauge_wrap .gauge_gift .gift::before {content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 23px solid #333; z-index: -1;}
.evCon8 .gauge_wrap .gauge_gift .gift::after {content: ''; position: absolute; bottom: -15px; left: calc(50% - 3px); width: 6px; height: 6px; border-radius: 50%; background: #FFF;}
.evCon8 .gauge_wrap .gauge_gift .npay {color: #21FF70;}
.evCon8 .gauge_wrap .gauge_gift .yes24 {color: #349AFF;}
.evCon8 .gauge_wrap .gauge_gift .gift1 {border-bottom-left-radius: 0; width: 51px;}
.evCon8 .gauge_wrap .gauge_gift .gift1::before {left: 0; transform: none; border-left: none;}
.evCon8 .gauge_wrap .gauge_gift .gift1::after {left: 0;}
.evCon8 .gauge_wrap .gauge_gift .gift2 {position: absolute; left: 10%; bottom: auto; transform: translateX(-50%);}
.evCon8 .gauge_wrap .gauge_gift .gift3 {position: absolute; left: 20%; bottom: auto; transform: translateX(-50%);}
.evCon8 .gauge_wrap .gauge_gift .gift4 {position: absolute; left: 30%; bottom: auto; transform: translateX(-50%);}
.evCon8 .gauge_wrap .gauge_gift .gift5 {position: absolute; left: 50%; bottom: auto; transform: translateX(-50%); width: 146px; height: 130px; }
.evCon8 .gauge_wrap .gauge_gift .gift5 img {width: 99px;}
.evCon8 .gauge_wrap .gauge_gift .gift6 {width: 143px; height: 130px; border-bottom-right-radius: 0;}
.evCon8 .gauge_wrap .gauge_gift .gift6::before {left: auto; right: 0; transform: none; border-left-width: 36px; border-right: none;}
.evCon8 .gauge_wrap .gauge_gift .gift6::after {left: auto; right: 0;}
.evCon8 .gauge_wrap .gauge_gift .gift6 img {width: 129px;}
.evCon8 .gauge_wrap .gauge_graph {text-align: left; overflow: hidden; height: 40px; border-radius: 20px; background: #FFF;}
.evCon8 .gauge_wrap .gauge_graph .fill {display: inline-block; height: 100%; background: linear-gradient(90deg, #FF972F 0%, #FF4D11 100%); border-radius: 20px;}
.evCon8 .gauge_wrap .evt_con_base {margin-top: 10px;}
.evCon8 .step_base_wrap {margin-top: 0; background: none; padding: 0;}
.evCon8 .step_base_wrap .mini_tit span {display: block; max-width: 705px; margin: 5px auto 0;}
.evCon8 .step_base_wrap .step_list {max-width: 960px; background: rgba(49, 49, 49, 0.10) url(https://image.megagong.net/m/2026/0608_admin/con8_gauge_bg.png) no-repeat; background-size: 100% 100%; padding: 30px; margin: 0 auto;}
.evCon8 .step_base_wrap .step_list li .box_area {position: relative; border-radius: 20px; background: #181818; border: none;}
.evCon8 .step_base_wrap .step_list li .box_area .label {color: #FFF;}
.evCon8 .step_base_wrap .step_list li .box_area .txt {color: #FFF;}
.evCon8 .step_base_wrap .step_list .badge {position: absolute; top: -19px; right: 23px; width: 67px; height: 67px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: linear-gradient(90deg, #FF972F 0%, #FF4D11 100%); font-weight: 700;}

/* »çÀü ½ÅÃ» ÆË¾÷ */
.popup_live .content_area {border-radius: 16px; box-shadow: 0 3px 15px 0 rgba(18, 21, 25, 0.10);}
.popup_live .content_area .content_inner {padding: 20px 20px 24px;}
.popup_live .content_area .content_inner a {text-decoration: underline;}
.popup_live .mg_popup_close {width: 24px; height: 24px; top: 8.5px; right: 10px; background: url(https://img.megagong.net/common/btn_close_right_bottom_bnr.png) 50% 50% no-repeat; background-size: 14px 14px; opacity: 1;}
.popup_live .tit {font-size: 20px; text-align: center; margin-bottom: 30px;}
.popup_live .input-base-wrap p {color: #4D4D4D; margin-bottom: 5px; font-weight: 500; font-size: 14px;}
.popup_live .input-base-wrap input {height: 50px; border-radius: 5px; padding: 14px 20px; font-size: 15px; color: #B3B3B3; border: 1px solid #EDEDED; background: #F5F5F5;}
.popup_live .mg_chk_base {display: flex; align-items: flex-start; gap: 8px; font-weight: 500; font-size: 14px; line-height: 1.4; margin-bottom: 20px;}
.popup_live .mg_info_wrap {display: none; margin: 0 auto 20px;}
.popup_live .mg_info_wrap .mg_terms {margin: 0; font-size: 13px;}
.popup_live .evt_con_base {color: #666; font-size: 12px; line-height: 1.5;}
.popup_live .content_area .mg_btn_wrap a {width: 100%; text-decoration: none; font-size: 14px; font-weight: 500; border-radius: 5px; padding: 13px;}

/* evPass */
.evPass {padding: 0;}
.evPass a {display: block; padding: 7px 0; background: linear-gradient(180deg, #004BFF 0%, #004BFF 45%, #8BADFF 100%);}
.evPass .inner {display: flex; align-items: center; max-width: 1000px;}
.evPass .img {max-width: 320px; margin-left: auto;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evtoggleWarning .tx_primary {color: var(--color-primary);}
.warningList li ul li a {color: var(--color-primary); font-weight: normal; text-decoration: underline;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 12% 0;}
    .evSection .inner.w1200 {width: 96%;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}

    /* visualIntro */
    .visualIntro {background-size: 100% auto;}

    /* evCon1 */
    .evCon1 {padding: 6% 0 0; background-size: 150% auto; background-position: 50% 20% !important;}
    .evCon1 .tit h3 {font-size:clamp(36px,9.5vmin,100px);}
    .evCon1 .tea_wrap .badge {top: 26%; right: 0; width: 24%;}

    /* evCon2 */
    .evCon2 {padding: 5% 0 8%;}
    .evCon2 .inner.bg {padding: 5% 0; background-size: 106% 106%;}
    
    /* evCon3 */
    .evCon3 .tea_wrap {gap: 10px;}
    .evCon3 .tea_wrap li:nth-child(3) {flex-basis: 27.5%;}

    /* evCon4 */
    .evCon4 {background-size: 120% auto;}
    .evCon4 .text_swiper {height: clamp(22px,5.5vmin,50px);}
    .evCon4 .text_swiper .swiper-slide {text-underline-offset: 2px;}

    .evCon5 .part_wrap > li {gap: 20px; padding: 20px 0 20px 30px;}

    .evCon6::before {width: 100%;}

    .evCon8 .con_tit::before {transform: translateY(20%); width: 20%;}
    .evCon8 .con_tit .badge {top: -8vmin; right: 0;}
    .evCon8 .step_base_wrap .step_list .badge {top: -20px; right: auto; left: 50%; transform: translateX(-50%); width: auto; height: auto; border-radius: 20px; padding: 4px 10px 6px;}
    .evCon8 .gift_wrap {padding: 30px 20px;}

    /* evPass */
    .evPass {padding: 0;}
}
@media screen and (max-width: 992px){
    .evCon8 .gift_wrap {background: none; padding: 0;}
    .evCon8 .gift_wrap li {flex-basis: calc(50% - 10px);}
    .evCon8 .gift_wrap li:nth-child(-n+2) {flex-basis: 100%;}
    
    .evCon8 .gauge_wrap {background: none; padding: 0;}
    .evCon8 .gauge_wrap .gauge_tit {margin-bottom: 10px;}
    .evCon8 .gauge_wrap .graph_wrap {position: relative; height: 270px;}
    .evCon8 .gauge_wrap .gauge_graph {position: absolute; top: 101px; width: 100%;}
    .evCon8 .gauge_wrap .gauge_gift {display: block; height: 100%; margin: 0;}
    .evCon8 .gauge_wrap .gauge_gift .gift {position: absolute; padding: 6px 0; width: 58px;}
    .evCon8 .gauge_wrap .gauge_gift .gift:nth-child(odd) {top: 160px;}
    .evCon8 .gauge_wrap .gauge_gift .gift:nth-child(odd):before {bottom: auto; top: -5px; transform: rotate(180deg) translateX(50%);}
    .evCon8 .gauge_wrap .gauge_gift .gift:nth-child(odd):after {bottom: auto; top: -15px;}
    /* .evCon8 .gauge_wrap .gauge_gift .gift {position: static !important; transform: none !important;} */
    .evCon8 .gauge_wrap .gauge_gift .gift1 {left: 0; border-radius: 8px; border-top-left-radius: 0; width: 42px;}
    .evCon8 .gauge_wrap .gauge_gift .gift1::before {transform: rotateX(180deg) !important;}
    .evCon8 .gauge_wrap .gauge_gift .gift2 {top: 32px;}
    .evCon8 .gauge_wrap .gauge_gift .gift4 {top: 32px;}
    .evCon8 .gauge_wrap .gauge_gift .gift5 {left: 50%; transform: translateX(-50%); width: 100px; height: 108px;}
    .evCon8 .gauge_wrap .gauge_gift .gift5 img {width: 75px;}
    .evCon8 .gauge_wrap .gauge_gift .gift6 {right: 0; top: 0; width: 107px; height: 77px;}
    .evCon8 .gauge_wrap .gauge_gift .gift6 img {width: 93px;}
    /* .evCon8 .gauge_wrap .gauge_gift .gift:nth-child(odd) {bottom: -80px; transform: translate(-50%, 100%);} */

    .evCon8 .step_base_wrap .step_list {padding: 0; background: none;}
}
@media screen and (max-width: 768px){
    .evSection .label_tit {height: 23px;}
    .over-dot .text-dot::before {top: -2px;}
    .evt_con_base.xs {font-size: 12px;}

    .evCon1 .tea_wrap > img {max-width: 150%; margin-left: -25%;}
    .evCon1 .tea_wrap .badge {top: 40%; width: 32%;}
    .evCon1 .tit .ico {width: 96px; top: -70px;}
    .evCon1 .tit .ico.live {top: -51px;}
    .evCon1 .date {margin-top: 80px;}

    .evCon2 .gift {padding: 0 15px;}

    .evCon3 .tea_wrap {flex-direction: column;}
    .evCon3 .tea_wrap li {z-index: 0; padding: 30px 30px 20px;}
    .evCon3 .tea_wrap .tit {text-align: left;}
    .evCon3 .tea_wrap .img {position: absolute; top: 20px; right: 0; z-index: -1;}
    .evCon3 .tea_wrap .award {margin-top: 95px; margin-left: 0;}
    .evCon3 .tea_wrap .evt_con_base {text-align: left;}
    .evCon3 .tea_wrap li:nth-child(3) .mo {display: flex; align-items: flex-end; gap: 10px;}
    .evCon3 .tea_wrap li:nth-child(3) .award {margin: 30px 0 0 0 !important;}

    .evCon5::before {width: 80%;}
    .evCon5 .part_wrap > li {flex-direction: column; gap: 10px; height: auto; background-size: cover; padding: 20px; text-align: center;}
    .evCon5 .part_wrap .cont li {width: fit-content;}

    .evCon8 .con_tit::before {content: none;}
    .evCon8 .con_box .mini_tit {margin-top: 40px;}
    .evCon8 .gift_wrap {gap: 10px;}
    .evCon8 .gift_wrap li {flex-basis: calc(50% - 5px); padding: 15px 10px 20px;}
    .evCon8 .gift_wrap li:nth-child(-n+2) .img {width: 70%;}
    .evCon8 .step_base_wrap .mini_tit span {max-width: 289px;}
    .evCon8 .step_base_wrap .step_list {flex-direction: column;}
    .evCon8 .step_base_wrap .step_list .badge {top: 10px; left: auto; right: 10px; transform: none; width: 50px; height: 50px; border-radius: 50%;}

    .evPass a {padding: 40px 0 70px;}
    .evPass .inner {display: block;}
    .evPass p {text-align: center !important;}
    .evPass p .tit {position: relative; width: fit-content; margin: 40px auto 0; z-index: 0;}
    .evPass p .tit::before {content: ''; position: absolute; top: -40px; left: -42px; width: 99px; height: 85px; background: url(https://image.megagong.net/m/2026/0608_admin/pass_img01_mo.png) no-repeat; background-size: contain; z-index: -1;}

    .mg_popup_wrap.popup_live {padding: 0 !important;}
}
@media screen and (max-width: 576px){
    .evStickyBnr li a {padding: 10px 0;}

    .evCon1 .tit {bottom: 50px;}

    .evCon3 .tea_wrap .img {width: 70%;}
    .evCon3 .tea_wrap li:nth-child(3) .img {width: 51%;}
    .evCon3 .tea_wrap .award {margin-left: auto; margin-top: 70px;}
    .evCon3 .tea_wrap .evt_con_base {text-align: center;}

    .evCon4 .text_swiper_wrap {flex-direction: column; gap: 5px;}

    .evCon5 .part_wrap .cont .label {font-size: 12px; padding: 2px 4px;}

    .evPass a {padding: 40px 0;}
    .evPass p .tit {margin-top: 30px;}
    .evPass p .tit::before {top: -30px; left: -30px; width: 66px; height: 57px;}
}