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

/* settings */
:root {
    --color-primary: #D982E6;
}
.eventWrap {font-family: "Pretendard", sans-serif; letter-spacing: normal; font-weight: 400; line-height: normal; color: var(--brand-color-gray-900);}
.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;}
.evSection .evt_info {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: fit-content; margin: 0 auto;}
.evSection .evt_info dl {display: flex; justify-content: flex-start; align-items: center; gap: 5px;}
.evSection .evt_info dl::before {content: ''; display: block; width: 20px; height: 20px; flex-shrink: 0; background-color: #000; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='9.33325' y='3.33301' width='1.33333' height='13.3333' rx='0.666667' fill='black'/%3E%3C/svg%3E") center / contain no-repeat; order: 1;}
.evSection .evt_info dt {flex-shrink: 0; font-weight : 700;}
.evSection .evt_info dd {color: #333; order: 1; text-align: left;}
.evSection .evt_info .notice {opacity: 0.5;}
.tx_primary {color: var(--color-primary);}
.tx_gradient {display: inline-block; background: linear-gradient(95deg, #D982E6 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/1111_live/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; margin: 5px auto; opacity: 0;}
.visualIntro .text.active {animation: fadeUp 0.8s ease-in-out; opacity: 1;}
.visualIntro .text.text1 {width: 80%; max-width: 674px;}
.visualIntro .text.text2 {width: 80%; max-width: 726px;}
.visualIntro .text.text3 {margin-top: 15px; font-weight: 800; font-size: 60px; line-height: 1.766;}
.visualIntro .text.text4 {margin: 15px auto 0;}

@keyframes fadeUp {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* evCon1 */
.evCon1 {padding: 40px 0 0; background: #101010 url(https://image.megagong.net/m/2026/1111_live/con1_bg.png) no-repeat; background-size: 1800px auto; background-position: 50% 0 !important;}
.evCon1 .sm_tit {display: inline-block; width: 89.75vw; max-width: 665px; margin-bottom: 6px;}
.evCon1 .md_tit {font-weight: 700; font-size: 30px; line-height: 1.533;}
.evCon1 .md_tit + .text-caption {margin: 6px auto 20px;}
.evCon1 .tit {position: absolute; left: 0; bottom: 115px; width: 100%; z-index: 1;}
.evCon1 .tit .ico {position: absolute; width: 143px; top: -87px; left: 52%; transform: translateX(-50%); z-index: -1}
.evCon1 .tit .ico.live {top: -69px;}
.evCon1 .tit .sub {font-weight: 700; font-size: 42px; line-height: 1.43; letter-spacing: 0.2em;}
.evCon1 .tit .sub .reverse {background-image: linear-gradient(95deg, #E4A2ED 0%, #F4D2F7 28%, #D982E6 61%, #6A4886 100%);}
.evCon1 .tit h3 {font-size: 100px; line-height: 1.1; letter-spacing: -0.03em;}
.evCon1 .tit h3 small {font-size: 72px;}
.evCon1 .tit .btm_txt {font-weight: 400; opacity: 0.6; margin-top: 6px;}
.evCon1 .tea_wrap {position: relative;}
.evCon1 .date {display: inline-block; border-radius: 4px; background: linear-gradient(95deg, #D982E6 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 53px; margin-bottom: 40px; background: url(https://image.megagong.net/m/2026/1111_live/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;}
.evCon2 .live_btn {color: #000; border: none; background: linear-gradient(95deg, #D982E6 12.85%, #FFF 75.73%);}
.evCon2 .live_btn + p {margin-top: 10px;}

/* 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/1111_live/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; justify-content: center;}
.evCon3 .tea_wrap li {flex-basis: 400px; position: relative; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(26, 26, 26, 0.20); padding: 30px 13px 43px;}
.evCon3 .tea_wrap .tit span {display: block; opacity: 0.8; margin-bottom: 4px;}
.evCon3 .tea_wrap .tit strong {display: block;}
.evCon3 .tea_wrap .img {position: relative; max-width: 340px; margin: 0 auto;}
.evCon3 .tea_wrap .award {max-width: 260px; margin: -23px auto 30px;}
.evCon3 .tea_wrap .evt_con_base {color: #4D4D4D;}
.evCon3 .tea_wrap li:nth-child(2) .award {max-width: 100px; width: 50%;}

/* 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/1111_live/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: 160px; padding: 20px 0 20px 50px; border-radius: 20px; background: rgba(45, 45, 45, 0.20) url(https://image.megagong.net/m/2026/1111_live/con5_part_bg.png) no-repeat; background-size: contain;}
.evCon5 .part_wrap .tit {min-width: 200px; color: #FFF;}
.evCon5 .part_wrap .cont {font-weight: 400; line-height: 1.5;}
.evCon5 .part_wrap .cont .ds-badge {background: #D982E6; 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: 3px; height: 3px; background: #EDEDED; border-radius: 50%;}
.evCon5 .evt_bnr {max-width: 800px; margin: 0 auto; background: url(https://image.megagong.net/m/2026/1111_live/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: 357.5px;}
.evCon5 .evt_bnr p {opacity: 0.8; margin-top: 7px;}

/* evCon6 */
.evCon6 {background: #080808; 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/1111_live/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;}
.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/1111_live/ico_play.svg) no-repeat; pointer-events: none; z-index: 1;}
.evCon6 .video_wrap a {display: block;}
.evCon6 .video_wrap + p {margin: 16px auto;}
.evCon6 .live_btn {color: #000; border: none; background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), linear-gradient(95deg, #D982E6 12.85%, #FFF 50.74%);}

/* evCon7 */
.evCon7 {background: #CC7BD9 url(https://image.megagong.net/m/2026/1111_live/con7_bg.jpg) 50% 50% / auto 100% no-repeat; background-position: 50% 0 !important; background-repeat: repeat !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: 20px;}
.evCon7 .status_txt u {font-weight: 700;}
.evCon7 .regist_form_area {background: #333;}
.evCon7 .ds-control-wrap {display: flex; align-items: center; gap: 10px; margin-bottom: 8px;}
.evCon7 .pr-comment-info .ds-badge {background-color: var(--brand-tertiary-red); color: var(--brand-secondary-red);}

/* evCon8 */
.evCon8 {background: #050505 url(https://image.megagong.net/m/2026/1111_live/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/1111_live/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 .evt_info {margin-bottom: 30px;}
.evCon8 .evt_info dl::before {background-color: #FFF;}
.evCon8 .live_btn {font-size: 20px; min-width: 360px; padding: 29px 40px; color: #000; border: none; background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), linear-gradient(95deg, #D982E6 12.85%, #FFF 50.74%);}
.evCon8 .live_btn.is-disabled {background: var(--brand-color-gray-100); color: #FFF;}
.evCon8 .live_btn + p {margin-top: 10px;}
.evCon8 .evt_info dd {color: #CCC;}
.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: 360px; position: relative; border-radius: 20px; background: #FFF; padding: 22px 25px 30px;}
.evCon8 .gift_wrap .ds-badge {margin-bottom: 18px;}
.evCon8 .gift_wrap .cont {display: flex; justify-content: center; align-items: center; gap: 20px;}
.evCon8 .gift_wrap .img {display: block; max-width: 150px; filter: drop-shadow(3px 3px 6px rgba(20, 14, 14, 0.1));}
.evCon8 .gift_wrap .text {display: block; font-weight: 400; color: #4D4D4D; text-align: left;}
.evCon8 .gift_wrap .text strong {display: block;}
.evCon8 .gift_wrap li:nth-child(-n+2) {padding: 22px 0 30px;}
.evCon8 .gift_wrap li:nth-child(-n+2) .ds-badge {margin-bottom: 13px;}
.evCon8 .gift_wrap li:nth-child(-n+2) .img {max-width: none; filter: none; margin: 0 auto;}
.evCon8 .gift_wrap li:nth-child(-n+2) .text {margin-top: 23px; text-align: center;}
.evCon8 .gift_wrap .gift1 {background: linear-gradient(145deg, #FF632F 7.69%, #FFF 32.44%);}
.evCon8 .gift_wrap .gift2 {background: linear-gradient(145deg, #86C4E8 7.69%, #FFF 32.44%);}
.evCon8 .benefit_wrap {display: flex; align-items: center; gap: 50px; border-radius: 20px; background: rgba(49, 49, 49, 0.10) url(https://image.megagong.net/m/2026/1111_live/con8_benefit_bg.png) no-repeat; background-size: 100% 100%; padding: 40px 70px; max-width: 960px; margin: 0 auto 40px;}
.evCon8 .benefit_wrap .img {max-width: 160px;}
.evCon8 .benefit_wrap .text {text-align: left; display: flex; flex-direction: column; gap: 12px;}
.evCon8 .benefit_wrap .text .caption {font-weight: 400;}
.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_list {max-width: 960px; display: flex; justify-content: center; gap: 5px; 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_list .item {flex: 1; position: relative; border-radius: 20px; background: rgba(42, 42, 42, 0.40); padding: 30px 20px;}
.evCon8 .step_list .item .badge {position: absolute; top: -11px; right: -8px; width: 67px; height: 67px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: linear-gradient(90deg, #DF93EA 0%, #D982E6 100%); font-weight: 700;}
.evCon8 .step_list .label {display: block; margin-bottom: 12px; text-decoration-thickness: 2px; text-underline-offset: 3px;}
.evCon8 .step_list .txt {}
.evCon8 .step_list .ico {align-self: center; flex-shrink: 0; font-size: 40px; color: #D982E6;}

/* »çÀü ½Åû Æ˾÷ */
.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: 58px 0 0; background: linear-gradient(180deg, rgba(91, 54, 255, 0.10) 56.66%, rgba(255, 255, 255, 0.10) 96.06%), #FFF;}
.evPass .sub {color: #4D4070; font-weight: 500; font-size: 26px; margin-bottom: 10px;}
.evPass .img {width: 82vw; max-width: 444px; margin: 0 auto;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important; background: #1A1A1A;}
.evtoggleWarning .tx_primary {color: var(--color-primary);}
.evtoggleWarning .warningList {padding: 60px 0;}
.warningList li {color: #CCC; font-family: "Pretendard", sans-serif; letter-spacing: normal; font-weight: 400;}
.warningList > li {margin-top: 20px;}
.warningList li .s_tit {font-size: 16px; line-height: 1.5; color: #FFF;}
.warningList li ul li a {color: inherit; font-size: inherit; line-height: inherit; text-decoration: underline; margin: 0; font-weight: 400;}


@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: 30px 0 60px; background-size: 150% auto; background-position: 50% 20% !important;}
    .evCon1 .md_tit {font-size: clamp(22px, 5.641vw, 30px); line-height: 1.3;}
    .evCon1 .tit .sub {font-size:clamp(20px,5.128vw,42px);}
    .evCon1 .tit h3 {font-size:clamp(38px,9.5vmin,100px);}
    .evCon1 .tit h3 small {font-size:clamp(38px,9.5vmin,72px);}

    /* evCon2 */
    .evCon2 {padding: 5% 0 8%;}
    .evCon2 .inner.bg {padding: 5% 0; background-size: 106% 106%;}
    
    /* evCon3 */
    .evCon3 .tea_wrap {gap: 10px;}

    .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;}
    .pr-comment {margin: 0 -2vw;}

    .evCon1 .tea_wrap > img {max-width: 150%; margin-left: -25%;}
    .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;}

    .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; text-align: left;}

    .evCon7 {padding-bottom: 0;}
    .evCon7 .mini_tit {letter-spacing: 0.1em;}

    .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 .gift_wrap .cont {flex-direction: column;}
    .evCon8 .gift_wrap .text {text-align: center;}
    .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: 50px 0 14px;}
    .evPass .sub {font-size: clamp(20px, 3.385vw, 26px);}

    .mg_popup_wrap.popup_live {padding: 0 !important;}
}
@media screen and (max-width: 576px){
    .evStickyBnr li a {padding: 10px 0;}

    .evCon1 .tit {bottom: 50px;}
    .evCon1 .tit .btm_txt {font-size: 15px;}

    .evCon3 .tea_wrap .img {width: 70%;}
    .evCon3 .tea_wrap .award {margin-left: auto; margin-top: 70px;}
    .evCon3 .tea_wrap .evt_con_base {text-align: center;}

    .evCon5 .part_wrap .cont .label {font-size: 12px; padding: 2px 4px;}
}