.ClassPromotionEvent-wrapper img {max-width:100%; width:100%;}
.ClassPromotionEvent-wrapper .tabs {display: flex; width:100%;}
.ClassPromotionEvent-wrapper .tabs a { width:50%; all: inherit !important;}

.ClassPromotionEvent-wrapper .visual01 {position:relative;}
.ClassPromotionEvent-wrapper .visual01::before {position:absolute; content:''; display:block; width:100%; height:22px; background:url('../img/event/ClassPromotionEvent/mo/frame01.png') repeat-x; bottom:-5px; left:0; z-index:1;}

.ClassPromotionEvent-wrapper .event-area {position:relative;}
.ClassPromotionEvent-wrapper .event-area .gift-area {display: flex; gap: 10px; justify-content: center;padding:24px 18px 53px; background-color:#222;}
.ClassPromotionEvent-wrapper .event-area .gift-area .gift {padding-top:20px;}
.ClassPromotionEvent-wrapper .event-area .gift .btn-group a.btn {margin-top:-8px;}
@media (max-width:805px) and (min-width:320px){
    .ClassPromotionEvent-wrapper .event-area .gift-area {flex-direction: column;}
    .ClassPromotionEvent-wrapper .event-area .gift-area .product-area img {margin: 0 auto;}
    .ClassPromotionEvent-wrapper .event-area .gift .btn-group a.btn img {width:80%; display:block; margin:-2% auto 0;}
}

.ClassPromotionEvent-wrapper .event-area .slot-area {position:relative; background:#fff0ca;}
.ClassPromotionEvent-wrapper .event-area .slot-area::before {position:absolute; content:''; width:100%; height:22px; background:url('../img/event/ClassPromotionEvent/mo/frame03.png') repeat-x; top:-18px; left:0; z-index:1;}
.ClassPromotionEvent-wrapper .event-area .slot-area ul {position:relative;}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply {position:absolute; width:100%; display:flex; justify-content:center; gap:16px; top:19%;}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div {width:22%;}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div:nth-of-type(2) p {left:35%;}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div:nth-of-type(2) p span.num {padding-left:53%;}
@media (max-width:805px) and (min-width:320px){
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply {top: 15% !important;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div {width: auto;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div:nth-of-type(2) p {left:50%;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .num {padding-left:45% !important;}
}
@media (max-width:570px) and (min-width:389px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply {top: 15%;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div {width: 40%;}
}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div {position:relative;}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div p {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; display:flex; justify-content:space-between; align-items:center;}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div p span {font-weight:bold; color:#68462b;}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .num {padding-left:53%; font-size:32px;}
@media only screen and (max-width:520px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .num {font-size:28px;}
}
@media only screen and (max-width:430px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .num {font-size:22px;}
}
@media only screen and (max-width:390px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply {padding:0 30px;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .num {padding-left:38%;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .num {font-size:22px;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .txt {font-size:18px !important;}
}
@media only screen and (max-width:360px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .num {font-size: 20px;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .txt {font-size:16px !important;}
}
.ClassPromotionEvent-wrapper .event-area .slot-area .apply div p .txt {font-size:2.6rem;}

.ClassPromotionEvent-wrapper .event-area .slot-area .slot-wrapper {overflow:hidden; display:inline-block; position:absolute; padding:0 73px; width:100%; height:28vw; left:0.5vw; top:30.5%;}
@media screen and (max-width:805px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .slot-wrapper {padding:4px 60px; height:27vw;}

    /* 2025 신규회원 이벤트 룰렛 */
    .ClassPromotionEvent-wrapper#newUserEvent2025 .event-area .slot-area .slot-wrapper {padding:4px 60px !important; height:27vw !important;}
}
@media only screen and (max-width:768px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .slot-wrapper {padding:.4rem 5rem; height: 21%;}
}
@media only screen and (max-width:540px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .slot-wrapper {padding:.2rem 4rem;}
}
@media only screen and (max-width:460px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .slot-wrapper {padding:.2rem 3.5rem; height: 20.5%;}
}

.ClassPromotionEvent-wrapper .event-area .slot-area .slot-wrapper::after {content:''; display:block; clear:both;}
.ClassPromotionEvent-wrapper .event-area .slot-area .slot-wrapper ul {float:left; width:33%; padding:4px 2px;}

.ClassPromotionEvent-wrapper .event-area .slot-area .btn-wrap {padding:0; position:absolute; height: auto !important; top: auto !important; bottom:28%; left:50%; transform:translateX(-50%); width:auto;}
.ClassPromotionEvent-wrapper .event-area .slot-area .btn-wrap a {display:block;}
.ClassPromotionEvent-wrapper .event-area .slot-area .btn-group {padding:0; position:absolute; bottom:7%; left:50%; transform:translateX(-50%); width:90%;}
@media only screen and (min-width:806px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .btn-wrap {bottom:25%; width:35%;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .btn-group {bottom:5%; width:50%;}

    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area .btn-wrap {bottom:22%;}
}

.ClassPromotionEvent-wrapper .event-area .coupon-exchange {position:relative;}
.ClassPromotionEvent-wrapper .event-area .coupon-exchange:before {position:absolute; content:''; width:100%; height:22px; background:url('../img/event/ClassPromotionEvent/mo/frame02.png') repeat-x; top:-15px; left:0; z-index:1;}

.ClassPromotionEvent-wrapper .event-area .coupon-exchange .btn-group {position:absolute; width:40%; bottom:16%; left:8%;}

@media only screen and (max-width:805px){
    .ClassPromotionEvent-wrapper .event-area .coupon-exchange .btn-group a {width:60%; text-align:center;}
}

.pc .ClassPromotionEvent-wrapper .btn-group {display: flex; justify-content: center; width:100%; padding:0 40px;}

.mobile .ClassPromotionEvent-wrapper .event-area .coupon-exchange .btn-group {
    display:flex;justify-content:center; width:100%; left:0;
}

/* 2024-09-25 잭팟 이벤트 4분기 관련 */
.ClassPromotionEvent-wrapper.event-4th .visual01 .btn-wrap {padding: 0;}
.ClassPromotionEvent-wrapper.event-4th .btn-wrap {position: absolute; width: 280px; height: 50px; left: 255px; top:1625px;}
@media (min-width:806px) and (max-width: 1140px) {
    .ClassPromotionEvent-wrapper.event-4th .btn-wrap {width: 26%; left: 21%; top: auto; bottom: 6vw;}
}
@media (min-width:640px) and (max-width: 805px) {
    .ClassPromotionEvent-wrapper.event-4th .btn-wrap {width: 36%; left: 16%; top: auto; bottom: 13vw;}
}
@media (min-width:319px) and (max-width: 639px) {
    .ClassPromotionEvent-wrapper.event-4th .btn-wrap {width: 36%; height: auto; left: 16%; top: auto; bottom: 13vw;}
}

#ClassPromotionEventVipLayer {
    display: none; opacity: 0;
    position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
    align-items: center; justify-content: center;
    transition: all ease-in-out 0.2s; text-align: center;
}
#ClassPromotionEventVipLayer a {position:absolute; left: 1.6rem; top:0; width:calc(100% - 3.2rem);}
.mobile #ClassPromotionEventVipLayer img {width:100%}
.pc #ClassPromotionEventVipLayer img {width:487px;}

#ClassPromotionEventGoldLayer {
    display: none; opacity: 0;
    position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
    align-items: center; justify-content: center;
    transition: all ease-in-out 0.2s; text-align: center;
}
#ClassPromotionEventGoldLayer img {max-width:90%; max-height:94vh;}

.mobile .gift-area .btn-group img.show-pc {display:none !important;}

.pc #ClassPromotionEventGoldLayer {
    display: none; opacity: 0;
    position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
    align-items: center; justify-content: center;
    transition: all ease-in-out 0.2s; text-align: center;
}
.pc #slotMachineLayer {display:none;}
@media only screen and (max-width:805px) {
    #slotMachineLayer {
        display: none; opacity: 0;
        position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
        align-items: center; justify-content: center;
        transition: all ease-in-out 0.2s; text-align: center;
    }
}

/* 2025년 1분기 잭팟이벤트 */
.ClassPromotionEvent-wrapper.jackpot-event .visual01 .btn-wrap {padding: 0;}
.ClassPromotionEvent-wrapper.jackpot-event .visual01::before {background: url('../img/event/jackpot2025/1st/frame01.png') repeat-x;}
.ClassPromotionEvent-wrapper.jackpot-event .btn-wrap {position: absolute; width: 280px; height: 50px; left: 21%; bottom: 4%;}
@media (min-width:806px) and (max-width: 1140px) {
    .ClassPromotionEvent-wrapper.jackpot-event .btn-wrap {width: 26%; left: 21%; top: auto; bottom: 6vw;}
}
@media (min-width:640px) and (max-width: 805px) {
    .ClassPromotionEvent-wrapper.jackpot-event .btn-wrap {width: 36%; left: 16%; top: auto; bottom: 10vw;}
}
@media (min-width:319px) and (max-width: 639px) {
    .ClassPromotionEvent-wrapper.jackpot-event .btn-wrap {width: 36%; height: auto; left: 16%; top: auto; bottom: 10vw;}
}
@media (max-width:805px) and (min-width: 320px) {
    .ClassPromotionEvent-wrapper.jackpot-event .event-area .gift .btn-group a.btn img {margin:-1px auto 0;}
}


.ClassPromotionEvent-wrapper.jackpot-event .gift-area {background-color: #07c6d1;}
.ClassPromotionEvent-wrapper.jackpot-event .event-area .gift .btn-group a.btn {margin-top: -2px;}
.ClassPromotionEvent-wrapper.jackpot-event .event-area .slot-area::before {background: url('../img/event/jackpot2025/1st/frame03.png') repeat-x;}


/* 2025년 2분기 잭팟이벤트 */
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .visual01::before {background: url('../img/event/jackpot2025/2nd/frame01.png') repeat-x; bottom: -.7rem;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .gift-area {background: #ff8894;}

.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .btn-wrap.agreeBtn {width: initial; height: initial; bottom: 5.5%;}
@media (min-width: 806px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .btn-wrap.agreeBtn {width: 25%;}
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .btn-wrap.agreeBtn img {width: calc((100vw - 65rem) );}
}
@media (min-width: 320px) and (max-width: 805px) {
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .btn-wrap.agreeBtn {width: 36%; left: 12%; bottom: 4%;}
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .btn-wrap.agreeBtn img {width: 100%;}
}

.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_2nd .event-area .slot-area::before {background: url('../img/event/jackpot2025/2nd/frame02.png') repeat-x; top: -1.5rem;}

/* 2025년 3분기 잭팟이벤트 */
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .visual01::before {background: url('../img/event/jackpot2025/3rd/frame01.png') repeat-x; bottom: -.7rem;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .gift-area {background: #2685de;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .btn-wrap.agreeBtn {width: initial; height: initial; bottom: 5.5%;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area {background:#80c1ff;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area .slot-img {position:relative;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area::before {background: url('../img/event/jackpot2025/3rd/frame02.png') repeat-x; top: -1.5rem;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area .apply div p span {color:#fff;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area .slot-wrapper {top:28.5%;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area .btn-group {bottom:5%;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .coupon-exchange:before {background:url('../img/event/jackpot2025/3rd/frame03.png') repeat-x;}
.ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .coupon-exchange .btn-group {bottom: 33%;}

.mobile .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .coupon-exchange .btn-group {bottom: 22%;}

.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area {position:relative; z-index:0; padding:6rem 2.4rem .6rem;  display:flex; justify-content:center;}
.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner {
    position:relative; background: linear-gradient(90deg, rgba(248, 212, 50, 0) 0%, rgba(248, 212, 50, 0.3) 30%, rgba(248, 212, 50, 0.3) 70%, rgba(248, 212, 50, 0) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgba(250, 176, 2, 0) 97%, rgba(250, 176, 2, 0.5) 99.46%, rgba(184, 107, 0, 0.5) 100%), linear-gradient(90deg, rgba(184, 107, 0, 0.5) 0%, rgba(250, 176, 2, 0.5) 0.54%, rgba(250, 176, 2, 0) 3%), linear-gradient(0deg, rgba(248, 212, 50, 0.2), rgba(248, 212, 50, 0.2)), #E9C914;
    background-blend-mode: screen, screen, multiply, multiply, normal, normal;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); width:80rem; height:6rem;
}
.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner::before {
    position:absolute; content:''; display:block; width:1.1rem; height:7rem; left:0; top:-.5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #2685DE;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px; z-index:-1;}
.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner::after {position:absolute; content:''; display:block; width:1.1rem; height:7rem; right:0; top:-.5rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #2685DE;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px; z-index:-1;}
.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p,
.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p span {font-size:2.6rem; padding:19px 0; word-break:keep-all;}
.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p span {font-weight:700;}
.ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p br {display:none;}

@media (min-width: 806px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .coupon-exchange .btn-group {width: 30%; left: 12%;}
}
@media (min-width: 806px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .btn-wrap.agreeBtn {width: 25%;}
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .btn-wrap.agreeBtn img {width: calc((100vw - 65rem));}
}
@media (min-width: 320px) and (max-width: 805px) {
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .btn-wrap.agreeBtn {width: 36%; left: 12%; bottom: 4.6%;}
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .btn-wrap.agreeBtn img {width: 100%;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p,
    .ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p span {text-align:center; font-size:2rem;}
    .ClassPromotionEvent-wrapper.jackpot-event#jackpot25_3rd .event-area .slot-area .apply {top:13% !important;}
}
@media (min-width: 320px) and (max-width: 640px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p {padding:1.2rem 1rem;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p br {display:block;}
    .ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p,
    .ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p span {font-size:1.5rem;}
}

@media (min-width: 320px) and (max-width: 369px) {
    .ClassPromotionEvent-wrapper .event-area .slot-area .winner-area .winner p br {display:none;}
}

/* 2025-09 스탬프 런 이벤트 */
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info {margin-top: -20rem; display: flex; justify-content: center;}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul {padding: 0 2rem; width: 76.7rem;}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li {
    display: flex; align-items: center; gap: 1.6rem;
    color: #68462b; font-weight: 500; font-size: 2.4rem;
    letter-spacing: -.1rem; white-space: nowrap;
}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li+li {margin-top: 1.6rem;}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > span {
    width: 13rem; padding: .7rem 0;
    background:#68462b; border-radius: 2rem 2rem 0 1.6rem;
    font-size: 2.2rem; color: #fff; font-weight: bold;
    flex-shrink: 0;
}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > ul {width: auto; padding-left: 1.5rem;}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > ul li {display: block; text-align: left; position: relative;}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > ul li::before {
    position: absolute; content: ''; display: inline-block;
    width: .9rem; height: .2rem; background-color: #68462b;
    left: -1.5rem; top: 1.2rem;
}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > ul li + li {margin-top: .8rem;}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > ul li p {margin-top: 1.6rem; font-size: 2rem; color: #68462B;}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > ul li p+p {margin-top: 10px;}
.ClassPromotionEvent-wrapper.stamp-event .visual01::before {
    background: url('../img/event/Event2025/stamp/frame01.png') repeat-x;
}
.ClassPromotionEvent-wrapper.stamp-event .visual01 .event-product {padding: 0 4rem;}
.ClassPromotionEvent-wrapper.stamp-event .mkt-agree {position: relative;}
.ClassPromotionEvent-wrapper.stamp-event .mkt-agree .btn {position: absolute; bottom: 27%; left: 50%; transform: translateX(-120%); width: 25%;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area {background-color: #efdfcd;}
.ClassPromotionEvent-wrapper.stamp-event .winner-area {position: relative; display: flex; justify-content: center; padding: 6rem 4rem 3.3rem;}
.ClassPromotionEvent-wrapper.stamp-event .winner {
    position: relative; width: 90vw; max-width: 92rem; min-width: 20rem; height: 7rem;
    background-color: #fff; border-radius: 70px;
}
.ClassPromotionEvent-wrapper.stamp-event .winner .marquee-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ClassPromotionEvent-wrapper.stamp-event .winner .marquee-content {
    display: flex; gap: 2rem; white-space: nowrap;
    width: fit-content;
    animation: marquee 70s linear infinite;
    -webkit-animation: marquee 70s linear infinite;
}
.ClassPromotionEvent-wrapper.stamp-event .winner p {
    line-height: 7rem; font-size: 3.2rem; letter-spacing: -.2rem;
    white-space: nowrap; display: inline-block; position: relative;; margin: 0;
    color: #362416;
}
.ClassPromotionEvent-wrapper.stamp-event .winner p b {font-size: 3.2rem; color: #362416;}
.ClassPromotionEvent-wrapper.stamp-event .winner::before {
    position: absolute; content: '';display: block; width: 9.8rem; height: 9.8rem;
    background-image: url('../../img/event/2025/stamp/title-blt.svg');
    background-repeat: no-repeat; background-size: contain;
    top: -1rem;
    left: -1.8rem;
    z-index: 2;
}
.ClassPromotionEvent-wrapper.stamp-event .winner::after {
    position: absolute; content: '';display: block;
    width: 7rem; height: 7rem; border-radius: 70px;
    background-color: #fff; left: -.3rem; top: 0;
}
.marquee-animate {
    animation: marquee 20s linear infinite;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.ClassPromotionEvent-wrapper.stamp-event .stamp-area .title {padding-bottom: 3rem; text-align: center;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .title img {width: 92rem;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area {position: relative; padding: 2.6rem 0 2.4rem 0; margin: 0 auto;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area img {width: 46.3rem;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text {
    width: 100%; display: flex;
    gap: 3.2rem; justify-content: center;
}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text > div p {
    margin-top: 2.4rem; padding-right: 2.4rem;
    display: flex; align-items: center; gap: 2.4rem;
    justify-content: flex-end; width: 100%;
    background: #C38554; box-shadow: inset 2px 2px 4px #C5A858;
    border-radius: 1.6rem;
}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text > div:first-child p {gap: 4.8rem;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text .num {font-size: 4.8rem; font-weight: bold; color: #fff;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text .txt {font-size: 3.2rem; font-weight: bold; color: #fff;}

.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply {
    padding: 8rem 0 9rem; position: relative; overflow: hidden;
    display: flex; flex-direction: column; gap: 7.5rem;
    z-index: 0;

}
.pc .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply {
    background: url('../../img/event/2025/stamp/stamp-line-brown.svg') no-repeat center;
    background-size: 100%;
}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::after {
    position: absolute; content: '';
    display: block; width: 37.5rem; height: 62rem;
    background: url('../../img/event/2025/stamp/stamp-blt.svg') no-repeat right bottom;
    bottom: 0; right: 0; z-index: -1;
}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box {
    margin: 0 auto; max-width: 92rem;
    display: flex; flex-wrap: wrap;  gap: 8rem;
    justify-content: center;
}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 25rem;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 26rem;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 16rem;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp {width: 33.3%; position: relative;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp {max-width: 152px; max-height: 152px;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp.run3 {position: relative;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp div.stamp-btn {
    position: absolute;
    width: 11rem; height: 11rem;
    top: -5.8rem; left: -5rem;
}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-btn {top: -38%; left: initial; right: -49% !important;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .info-qr-box {padding: 0 0 12rem;}
.ClassPromotionEvent-wrapper.stamp-event .stamp-area .info-qr-box .buttons {padding: 3rem 0; display: flex; justify-content: center; gap: 3rem;}
.ClassPromotionEvent-wrapper.stamp-event button {background: none;}

.mobile .ClassPromotionEvent-wrapper.stamp-event .visual01.show-mo div:nth-of-type(2) {padding-bottom: 2.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .visual01.show-mo div > a {display: block; margin: 1.6rem auto 0; width: 40%;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .mkt-agree .btn a {width: 100% !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .mkt-agree .btn {bottom: 16%; transform: translateX(-100%); width: 40%;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .winner-area {padding: 3rem 2rem 2.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .winner {
    position: relative; width: 100%; height: 5.5rem;
    background-color: #fff; border-radius: 70px;
    text-align: center; padding-left: 3rem;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event .winner p,
.mobile .ClassPromotionEvent-wrapper.stamp-event .winner p b {font-size: 2rem; line-height: 5.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .winner::before {
    position: absolute; content: ''; display: block;
    background-size: 80%;
    background-repeat: no-repeat; top: -1rem; left: -1.6rem;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event .winner::after {width: 5.5rem; height: 5.5rem; left: -.3rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .title {padding: 3rem 5rem 4rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .title img {width: 50rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply {padding: 0; margin: 5rem 0 0 0; position: relative; overflow: visible;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::before,
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::after {display: none;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .inner-wrap {width: 100%; display: flex; flex-direction: column; gap:3.4rem 0;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .inner-wrap > img {position: absolute; left: 0; top:0; width: 100%; height: 100%;}

.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box {margin: 0; max-width: 100%; gap: 2rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 0;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:nth-of-type(2),
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 0;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp {max-width: 140px; max-height: 140px; width: calc((100% / 3 ) - 40px);}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn {top:-30% !important; left:-25% !important; width: 80%; height: 80%;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-btn {left: initial !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area {padding: 2.6rem 1rem 2.4rem; position: relative; z-index: 0}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area::before {
    position: absolute; content:''; display: inline-block;
    width: 21rem; height: 28rem; background: url('../img/event/Event2025/stamp/stamp-blt-mo.svg') no-repeat center;
    top: -40px; left: 50%; transform: translateX(-50%);
    background-size: 100%; z-index: -1;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text > div {width: 18rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text > div > img {height: 6rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text > div:first-child p {gap: 2.8rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text .num {font-size: 3.8rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text .txt {font-size: 2.2rem}
.mobile .ClassPromotionEvent-wrapper.stamp-event .btn-group {padding: 0 3rem 6rem; max-width: 40rem; margin: 4rem auto 0;}

@media screen and (max-width: 1920px) {
    .pc .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply {
        background-size: auto;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::before {left: -19rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::after {background-size: 68%; top: 14rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 10rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 15rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 7rem;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul {padding:0 0 0 6.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > span {font-size: 2rem;}
}
@media screen and (min-width: 806px) and (max-width: 1023px) {
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul {padding:0 0 0 8.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul li > span {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::after {background-size: 70%;}
}

/* 806 ~ 1023 일부 예외처리 */
@media screen and (min-width: 940px) and (max-width: 1023px) {
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info {margin-top: -18.5rem;}
}

@media screen and (min-width: 806px) and (max-width: 999px) {
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::before {
        width: 139.9rem;
        top: 10rem; left: -26rem;
        background-size: 85%;
}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box {gap: 6rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 15rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 16rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 8rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp {max-width: 140px; height: 140px;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn {width: 9rem; height: 9rem; top: -4rem; left: -5rem;}
}
@media screen and (min-width: 806px) and (max-width: 940px) {
    .ClassPromotionEvent-wrapper.stamp-event .winner p b,
    .ClassPromotionEvent-wrapper.stamp-event .winner p {font-size: 2.6rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .title {padding: 0 5rem 3rem;}
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info {margin-top: -15.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event .visual01 .event-info ul {padding:0 0 0 11.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .stamp-apply::after {background-size: 50%; top: 7rem;}
}

@media screen and (min-width: 480px) and (max-width: 805px) {
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text {
        gap: 0; justify-content: space-between;
        padding: 0 2rem;
    }
}

@media screen and (max-width: 480px) {
    .mobile .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area::before {top: -60px; background-size: 60%;}
    .ClassPromotionEvent-wrapper.stamp-event .stamp-area .apply-area .apply-text > div p {padding-right: 2rem;}
}

.pc .ClassPromotionEvent-wrapper.stamp-event .show-mo {display: none !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event .show-pc {display: none !important;}

.pc #stampLayer {display:none;}
#stampLayer {
    display: none; opacity: 0;
    position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
    align-items: center; justify-content: center;
    transition: all ease-in-out 0.2s; text-align: center;
}
@media only screen and (max-width:805px) {
    #stampLayer {
        display: none; opacity: 0;
        position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index:1000;
        align-items: center; justify-content: center;
        transition: all ease-in-out 0.2s; text-align: center;
    }
}
#stampLayer img {max-width:90%;max-height:94vh;}

/* 2025-10 신규회원 이벤트 */
.ClassPromotionEvent-wrapper#newUserEvent2025 button {background: transparent;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .visual01::before {
    background-image: url('../img/event/2025/newUserEvent/frame01.png');
}
.ClassPromotionEvent-wrapper#newUserEvent2025 .product-area {
    position: relative;
    background: #ED8A00 url('../img/event/Event2025/newUserEvent/pc-product-area-bg.png') no-repeat;
    background-size: 100% auto; background-position: 0 454px;
}
.ClassPromotionEvent-wrapper#newUserEvent2025 .product-area > div {max-width: 836px; margin: 0 auto; padding: 8rem 0 6rem 0;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .product-area::before {
    position:absolute; content:''; display:block; width:100%; height:22px;
    background:url('../img/event/Event2025/newUserEvent/frame02.png') repeat-x;
    bottom:-5px; left:0; z-index:1;
}
.ClassPromotionEvent-wrapper#newUserEvent2025 .product-area .btn-area {margin-top: 4rem;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .product-area .qrcode-wrap {display: flex; justify-content: center; gap: 3rem; margin-top: 5rem;}

.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area {
    background: #FFE8C1 url('../img/event/Event2025/newUserEvent/pc-slot-area-bg.png') no-repeat;
    background-size: 100% auto; background-position: 0 72px
}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area.show-pc > div:not(.fast-oil) {max-width: 76rem; margin: 0 auto; padding: 8rem 0 5rem;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .fast-oil {max-width: 100rem; margin: 0 auto; padding: 0 0 10rem 0;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply {position: unset;padding: 5rem 0 2rem 0;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply div {width: 100%; display: flex; gap: 2.4rem; justify-content: center;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply div > img {max-width: 33.6rem; padding: 0 !important;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply div p {
    position: unset; transform: unset;
    justify-content: center; gap: 1.6rem;
    width: 33.6rem; height: 7rem; background-color: #b95500;
    border-radius: 1.8rem;
}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply div p span {color: #fff;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply div p .num {padding-left: 0; font-size: 4.8rem;}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area::before {
    background: url('../img/event/Event2025/newUserEvent/bg-blt.png') no-repeat;
    width: 234px; height: 259px;
    left: unset; right: -51px; top: -175px;
}
.ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area button {margin-top: 2rem;}
@media screen and (min-width: 806px) and (max-width: 1180px) {
    .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area > div,
    .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area button img {max-width: 80%;}
    .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area > div img:first-of-type {padding: 0 2rem;}
    .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area.show-pc .apply {padding: 5rem 3rem 2rem;}
    .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area::before {transform: translate(70px, 110PX);background-size: 50%;}
}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area  {position: relative; background: #ED8A00;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area .qrcode-wrap {display: none !important;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area > div {padding-top: 0;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area button {width: 100%; margin-top: -1rem; position: relative; z-index: 2;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area button img {width: 80%; margin: 0 auto;}

.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area::before {display: none;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .event-info {margin: 0 auto;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .event-info > img {padding: 0;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area {background-image: none;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply {padding: 0; margin-top: -3rem; display: flex; flex-direction: column;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply > img {max-width: 50%; margin: 0 auto; padding: 0;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply p {
    margin: 0 auto; width: 50%; height: 7rem;
    background-color: #b95500; border-radius: 1.8rem;
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply p .num {font-size: 4.8rem; font-weight: bold; color:#fff;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply p .txt {font-size: 3.2rem; font-weight: bold; color:#fff;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .mo-roulette {padding-top: 2rem; position: relative;}
/*.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .mo-roulette::after {
    position: absolute; content: ''; display: block;
    width: 173px; height: 210px;
    background: url('../img/event/Event2025/newUserEvent/slot-blt.png') no-repeat;
    background-size: cover;
    right: 0; top:-14rem; z-index: 1;
}*/
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .mo-roulette > img {padding: 0 .7rem;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .mo-roulette .slot-wrapper {
    padding: 4px 50px; height: 26vw; top: 22%;
}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .btn-wrap {position: unset; transform: unset; width: 70%; margin: 0 auto;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .btn-wrap a {margin: 0 auto;}
.mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .fast-oil {padding: 8rem 3rem 10rem;}
@media (min-width: 480px) and (max-width: 640px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area::after {
        height: 68%; top: 360px;
    }
    .ClassPromotionEvent-wrapper#newUserEvent2025 .event-area .slot-area .slot-wrapper {
        padding: 8px 40px !important;
    }
}
@media (min-width: 320px) and (max-width: 640px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply {margin-top: -1rem;}
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply > img {max-width: 60%;}
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply p {width: 60%;}
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply p {height: 5rem; border-radius: 1.2rem;}
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply p .num {font-size: 3rem;}
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .apply p .txt {font-size: 2.2rem;}
}
@media (min-width: 320px) and (max-width: 540px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .fast-oil {padding: 5rem 2rem;}
}
@media (min-width: 320px) and (max-width: 479px) {
    .ClassPromotionEvent-wrapper#newUserEvent2025 .event-area .slot-area .slot-wrapper {
        padding: 7px 16px 4px 28px !important;
        width: calc(100% - 8px);
    }
}

/* background-image 관련 미디어쿼리 예외처리 */
@media screen and (min-width: 620px) and (max-width: 805px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area::after {
        height: 128px; top: -60px;
    }
}
@media screen and (min-width: 540px) and (max-width: 639px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .mo-roulette:after {
        width: 133px; height: 170px;
        top: -10rem;
    }
}
@media screen and (min-width: 320px) and (max-width: 539px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area .mo-roulette:after {
        width: 100px; height: 123px;
        top: -8rem;
    }
}
@media screen and (min-width: 375px) and (max-width: 479px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area::after {
        height: 63%; top: 325px;
    }
}
@media (max-width: 374px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .product-area::after {top: 325px;}
}
@media (min-width: 320px) and (max-width: 620px) {
    .mobile .ClassPromotionEvent-wrapper#newUserEvent2025 .slot-area {
        background-size: 125% auto; background-position: -25px 55px;
    }
}



/* 2026-03 스탬프 런 이벤트 */
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 { background: url(../../img/event/2026/stamp/pc-visual.png) #fffca4 no-repeat top center; background-size: 100%; width: 100%; height: 2435px; }
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info { padding-top: 1190px; width: 809px; margin: 0 auto; }
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul {padding: 0 2rem; width: 76.7rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li {
    display: flex; align-items: center; gap: 1.6rem;
    color: #111; font-weight: 500; font-size: 2.4rem;
    letter-spacing: -.1rem; white-space: nowrap;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li+li {margin-top: 1.6rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > span {
    width: 13rem; padding: .7rem 0;
    background:#006058; border-radius: 2rem 2rem 0 1.6rem;
    font-size: 2.2rem; color: #fff; font-weight: bold;
    flex-shrink: 0;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > ul {width: auto; padding-left: 1.5rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > ul li {display: block; text-align: left; position: relative;}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > ul li::before {
    position: absolute; content: ''; display: inline-block;
    width: .9rem; height: .2rem; background-color: #68462b;
    left: -1.5rem; top: 1.2rem;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > ul li + li {margin-top: .8rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > ul li p {margin-top: 1.6rem; font-size: 2rem; color: #111;}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > ul li p+p {margin-top: 10px;}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01::before {
    background: url('../../img/event/2026/stamp/frame01.jpg') repeat-x; height: 15px;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-product {padding: 0 4rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .mkt-agree { width: 809px; margin: 0 auto; }
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area {background-color: #9ef5ed;}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner-area {position: relative; display: flex; justify-content: center; padding: 6rem 4rem 3.3rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner {
    position: relative; width: 90vw; max-width: 92rem; min-width: 20rem; height: 7rem;
    background-color: #fff; border-radius: 70px;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner .marquee-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner .marquee-content {
    display: flex; gap: 2rem; white-space: nowrap;
    width: fit-content;
    animation: marquee 70s linear infinite;
    -webkit-animation: marquee 70s linear infinite;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner p {
    line-height: 7rem; font-size: 3.2rem; letter-spacing: -.2rem;
    white-space: nowrap; display: inline-block; position: relative;; margin: 0;
    color: #362416;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner p b {font-size: 3.2rem; color: #362416;}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner::before {
    position: absolute; content: '';display: block; width: 9.8rem; height: 9.8rem;
    background-image: url('../../img/event/2025/stamp/title-blt.svg');
    background-repeat: no-repeat; background-size: contain;
    top: -1rem;
    left: -1.8rem;
    z-index: 2;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .winner::after {
    position: absolute; content: '';display: block;
    width: 7rem; height: 7rem; border-radius: 70px;
    background-color: #fff; left: -.3rem; top: 0;
}
.marquee-animate {
    animation: marquee 20s linear infinite;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .title {padding-bottom: 3rem; text-align: center;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .title img {width: 92rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area {position: relative; padding: 2.6rem 0 2.4rem 0; margin: 0 auto;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area img {width: 46.3rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text {
    width: 100%; display: flex;
    gap: 3.2rem; justify-content: center;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text > div p {
    margin-top: 2.4rem; padding-right: 2.4rem;
    display: flex; align-items: center; gap: 2.4rem;
    justify-content: flex-end; width: 100%;
    background: #D3FFF4; box-shadow: inset 2px 2px 6px #00605850;
    border-radius: 1.6rem;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text > div:first-child p {gap: 4.8rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text .num {font-size: 4.8rem; font-weight: bold; color: #006058;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text .txt {font-size: 3.2rem; font-weight: bold; color: #006058;}

.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply {
    padding: 8rem 0 9rem; position: relative; overflow: hidden;
    display: flex; flex-direction: column; gap: 7.5rem;
    z-index: 0;

}
.pc .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply {
    background: url('../../img/event/2026/stamp/stamp-line.png') no-repeat center;
    background-size: 100%;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::after {
    position: absolute; content: '';
    display: block; width: 37.5rem; height: 63rem;
    background: url('../../img/event/2026/stamp/stamp-blt.png') no-repeat right bottom;
    bottom: 0; right: 0; z-index: -1;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box {
    margin: 0 auto; max-width: 92rem;
    display: flex; flex-wrap: wrap;  gap: 8rem;
    justify-content: center;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 25rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 26rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 16rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp {width: 33.3%; position: relative;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp {max-width: 152px; max-height: 152px;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.true:not(:has(.stamp-btn))::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../../img/event/2026/stamp/stamp-true.png) center no-repeat; background-size: cover; width: 180px; height: 181px; }
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.run3 {position: relative;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp .stamp-tag {
    position: absolute;
    width: 11rem; height: 11rem;
    top: -5.8rem; left: -5rem;
}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.true .stamp-tag { display: none; }
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-tag {top: -38%; left: initial; right: -49% !important;}

.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn .stamp-get { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 209px; display: none; }
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.true .stamp-btn.complete .stamp-get { display: block; }
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.true .stamp-btn.complete .stamp-get.true { width: 181px; }

.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .info-qr-box {padding: 0 0 12rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .info-qr-box .buttons {padding: 3rem 0; display: flex; justify-content: center; gap: 3rem;}
.ClassPromotionEvent-wrapper.stamp-event2026 button {background: none;}

.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 { height: auto; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 >.title { width: 50%; margin:0 auto 30px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01.show-mo div:nth-of-type(2) {padding-bottom: 2.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01.show-mo div > a {display: block; margin: 1.6rem auto 0; width: 40%;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 dl { display: flex; flex-direction: column; align-items: center;
    margin-top: 30px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 dl dt { color: #fff; background: #006058; border-radius: 20px 16px 0 20px; padding: 8px 13px; font-size: 14px; margin-bottom: 16px; line-height: 1; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 dl dd { font-size: 18px; width: 70%; text-align: center; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 dl dd p { font-size: 18px; margin-bottom: 8px; text-align: left; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 dl dd div { margin-top: 16px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 dl dd span { display: block; margin-bottom: 10px; text-align: left; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .mkt-agree { width: calc(100% - 40px); margin-bottom: 25px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .mkt-agree a {width: 100% !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .product { width: calc(100% - 40px); margin: 0 auto; padding-bottom: 60px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .winner-area {padding: 3rem 2rem 2.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .winner {
    position: relative; width: 100%; height: 5.5rem;
    background-color: #fff; border-radius: 70px;
    text-align: center; padding-left: 3rem;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .winner p,
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .winner p b {font-size: 2rem; line-height: 5.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .winner::before {
    position: absolute; content: ''; display: block;
    background-size: 80%;
    background-repeat: no-repeat; top: -1rem; left: -1.6rem;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .winner::after {width: 5.5rem; height: 5.5rem; left: -.3rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .title {padding: 3rem 5rem 4rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .title img {width: 50rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply {padding: 0; margin: 5rem 0 0 0; position: relative; overflow: visible;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::before,
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::after {display: none;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .inner-wrap {width: 100%; display: flex; flex-direction: column; gap: 2.6rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .inner-wrap > img {position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 100%; }

.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box {margin: 0; max-width: 100%; gap: 2rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 0;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:nth-of-type(2),
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 0;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp {max-width: 140px; max-height: 140px; width: calc((100% / 3 ) - 40px); height: 100%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn {top:-30% !important; left:-25% !important; width: 80%; height: 80%;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.true:not(:has(.stamp-btn))::after { width: 110%; height: 110%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn .stamp-get { width: 130%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn .stamp-get.true { width: 110% !important; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp .stamp-tag { width: 7rem; height: 7rem; top: -3.2rem; left: -3.7rem; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-tag { top: -38%; left: initial; right: -49% !important; }

.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-btn {left: initial !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area {padding: 2.6rem 1rem 2.4rem; position: relative; z-index: 0}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area::before {
    position: absolute; content:''; display: inline-block;
    width: 21rem; height: 28rem; background: url('../../img/event/2026/stamp/stamp-blt-mo.png') no-repeat center;
    top: -40px; left: 50%; transform: translateX(-50%);
    background-size: 100%; z-index: -1;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text { gap: 7.2rem; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text > div {width: 37%; text-align: center;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text > div > img { width: 55%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text > div:first-child p {gap: 2.8rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text > div p { margin-top: 16px; justify-content: center; gap:  0; padding: 8px 24px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text .num {font-size: 3.8rem; width: 100%; white-space: nowrap; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text .txt {font-size: 2.2rem; white-space: nowrap; }
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .btn-group {padding: 0 3rem 6rem; max-width: 40rem; margin: 4rem auto 0;}

@media screen and (max-width: 1920px) {
    .pc .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply {
        background-size: auto;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::before {left: -19rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::after {background-size: 68%; top: 14rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 10rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 15rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 7rem;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul {padding:0 0 0 6.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > span {font-size: 2rem;}
}
@media screen and (min-width: 806px) and (max-width: 1023px) {
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul {padding:0 0 0 8.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul li > span {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::after {background-size: 70%;}
}

/* 806 ~ 1023 일부 예외처리 */
@media screen and (min-width: 940px) and (max-width: 1023px) {
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info {margin-top: -18.5rem;}
}

@media screen and (min-width: 806px) and (max-width: 999px) {
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::before {
        width: 139.9rem;
        top: 10rem; left: -26rem;
        background-size: 85%;
    }
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box {gap: 6rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 15rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 16rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 8rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp {max-width: 140px; height: 140px;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn {width: 9rem; height: 9rem; top: -4rem; left: -5rem;}
}
@media screen and (min-width: 806px) and (max-width: 940px) {
    .ClassPromotionEvent-wrapper.stamp-event2026 .winner p b,
    .ClassPromotionEvent-wrapper.stamp-event2026 .winner p {font-size: 2.6rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .title {padding: 0 5rem 3rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info {margin-top: -15.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 .event-info ul {padding:0 0 0 11.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .stamp-apply::after {background-size: 50%; top: 7rem;}
}

@media screen and (min-width: 480px) and (max-width: 805px) {
    .ClassPromotionEvent-wrapper.stamp-event2026 .visual01 { width: 100%; background-image: url("../../img/event/2026/stamp/mo-visual.png") }
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text {
        gap: 0; justify-content: space-between;
        padding: 0 2rem;
    }
}

@media screen and (max-width: 480px) {
    .mobile .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area::before {top: -60px; background-size: 60%;}
    .ClassPromotionEvent-wrapper.stamp-event2026 .stamp-area .apply-area .apply-text > div p {padding-right: 2rem;}
}

.pc .ClassPromotionEvent-wrapper.stamp-event2026 .show-mo {display: none !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event2026 .show-pc {display: none !important;}


/* 2026-06 스탬프 런 이벤트 */
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 { background: url(../../img/event/2026/stamp06/pc-visual.png) #F4E0BB no-repeat top center; background-size: 100%; width: 100%; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info { padding-top: 123.083333%; width: 800px; max-width: 100%; margin: 0 auto; }

.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info .title { margin-bottom: 3.2rem; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info .title img { width: auto; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding: 0 2rem; width: 76.7rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li {
    display: flex; align-items: center; gap: 1.6rem;
    color: #111; font-weight: 500; font-size: 2.4rem;
    letter-spacing: -.1rem; white-space: nowrap;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li+li {margin-top: 1.6rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > span {
    width: 13rem; padding: .7rem 0; text-align: center;
    background:#98794D; border-radius: 2rem 2rem 0 2rem;
    font-size: 2.2rem; color: #fff;
    flex-shrink: 0;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul {width: auto; padding-left: 1.5rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li {display: block; text-align: left; position: relative;}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li::before {
    position: absolute; content: ''; display: inline-block;
    width: .9rem; height: .2rem; background-color: #98794D;
    left: -1.5rem; top: 1.2rem;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li + li {margin-top: .8rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li p {margin-top: 1.6rem; font-size: 2rem; color: #111;}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li p+p {margin-top: 10px;}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01::before {
    background: url('../../img/event/2026/stamp06/frame01.png') repeat-x; height: 33px; bottom: -17px;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-product {padding: 0 4rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .mkt-agree { width: 809px; margin: 0 auto; }
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area {background-color: #82D5FF; background-image: linear-gradient(180deg, #8ce2ff, transparent); }
.ClassPromotionEvent-wrapper.stamp-event202606 .winner-area {position: relative; display: flex; justify-content: center; padding: 6rem 4rem 3.3rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .winner {
    position: relative; width: 90vw; max-width: 92rem; min-width: 20rem; height: 7rem;
    background-color: #fff; border-radius: 70px;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .winner .marquee-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .winner .marquee-content {
    display: flex; gap: 2rem; white-space: nowrap;
    width: fit-content;
    animation: marquee 70s linear infinite;
    -webkit-animation: marquee 70s linear infinite;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .winner p {
    line-height: 7rem; font-size: 3.2rem; letter-spacing: -.2rem;
    white-space: nowrap; display: inline-block; position: relative;; margin: 0;
    color: #362416;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .winner p b {font-size: 3.2rem; color: #362416;}
.ClassPromotionEvent-wrapper.stamp-event202606 .winner::before {
    position: absolute; content: '';display: block; width: 9.8rem; height: 9.8rem;
    background-image: url('../../img/event/2025/stamp/title-blt.svg');
    background-repeat: no-repeat; background-size: contain;
    top: -1rem;
    left: -1.8rem;
    z-index: 2;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .winner::after {
    position: absolute; content: '';display: block;
    width: 7rem; height: 7rem; border-radius: 70px;
    background-color: #fff; left: -.3rem; top: 0;
}

.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title {padding-bottom: 3rem; text-align: center;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title img {width: 92rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area {position: relative; padding: 2.6rem 0 2.4rem 0; margin: 0 auto;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area img {width: 46.3rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text {
    width: 100%; display: flex;
    gap: 3.2rem; justify-content: center;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div p {
    margin-top: 2.4rem; padding-right: 2.4rem;
    display: flex; align-items: center; gap: 2.4rem;
    justify-content: flex-end; width: 100%;
    background: #D3F0FF; box-shadow: inset 2px 2px 6px #17587650;
    border-radius: 1.6rem;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div:first-child p {gap: 4.8rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text .num {font-size: 4.8rem; font-weight: bold; color: #006058;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text .txt {font-size: 3.2rem; font-weight: bold; color: #006058;}

.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply {
    padding: 8rem 0 9rem; position: relative; overflow: hidden;
    display: flex; flex-direction: column; gap: 7.5rem;
    z-index: 0;

}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply {
    background: url('../../img/event/2026/stamp06/stamp-line.png') no-repeat center;
    background-size: 100%;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {
    position: absolute; content: '';
    display: block; width: 37.5rem; height: 63rem;
    background: url('../../img/event/2026/stamp06/stamp-blt.png') no-repeat right bottom;
    bottom: 0; right: 0; z-index: -1;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box {
    margin: 0 auto; max-width: 92rem;
    display: flex; flex-wrap: wrap;  gap: 8rem;
    justify-content: center;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 25rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 26rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 16rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp {width: 33.3%; position: relative;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp {max-width: 152px; max-height: 152px;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.true:not(:has(.stamp-btn))::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../../img/event/2026/stamp06/stamp-true.png) center no-repeat; background-size: cover; width: 180px; height: 181px; }
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.run3 {position: relative;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-tag {
    position: absolute;
    width: 11rem; height: 11rem;
    top: -5.8rem; left: -5rem;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.true .stamp-tag { display: none; }
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-tag {top: -38%; left: initial; right: -49% !important;}

.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn .stamp-get { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 209px; display: none; }
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.true .stamp-btn.complete .stamp-get { display: block; }
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.true .stamp-btn.complete .stamp-get.true { width: 181px; }

.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .info-qr-box {padding: 0 0 12rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .info-qr-box .buttons {padding: 3rem 0; display: flex; justify-content: center; gap: 3rem;}
.ClassPromotionEvent-wrapper.stamp-event202606 button {background: none;}

.pc .ClassPromotionEvent-wrapper.stamp-event202606 {max-width: 1200px; margin: 0 auto;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info .title {margin-bottom: 32px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding: 0 20px; width: 767px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li {gap: 16px; font-size: 24px; letter-spacing: -1px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li+li {margin-top: 16px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > span {
    width: 130px; padding: 7px 0; border-radius: 20px 20px 0 20px;
    font-size: 22px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul {padding-left: 15px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li::before {
    width: 9px; height: 2px; left: -15px; top: 12px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li + li {margin-top: 8px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > ul li p {margin-top: 16px; font-size: 20px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-product {padding: 0 40px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner-area {padding: 60px 40px 33px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner {max-width: 920px; min-width: 200px; height: 70px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner .marquee-content {gap: 20px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner p {line-height: 70px; font-size: 32px; letter-spacing: -2px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner p b {font-size: 32px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner::before {
    width: 98px; height: 98px; top: -10px; left: -18px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner::after {width: 70px; height: 70px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title {padding-bottom: 30px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title img {width: 920px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area {padding: 26px 0 24px 0;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area img {width: 463px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text {gap: 32px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div p {
    margin-top: 24px; padding-right: 24px; gap: 24px; border-radius: 16px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div:first-child p {gap: 48px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text .num {font-size: 48px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text .txt {font-size: 32px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply {
    padding: 80px 0 90px; gap: 75px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {
    width: 375px; height: 630px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box {
    max-width: 920px; gap: 80px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 250px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 260px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 160px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-tag {
    width: 110px; height: 110px; top: -58px; left: -50px;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-tag {
    top: -38%; left: auto; right: -49% !important;
}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .info-qr-box {padding: 0 0 120px;}
.pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .info-qr-box .buttons {padding: 30px 0; gap: 30px;}

.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile { padding-top: 115vw; width: 80%; margin: 0 auto; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile .title { width: 60%; margin: 0 auto 3.2rem; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile .title img { width: 100%; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul { width: 100%; padding: 0; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li {
    display: flex; flex-direction: column; align-items: center;
    white-space: normal; text-align: center; gap: 0;
    color: #111; font-weight: 500; font-size: 2.8rem; letter-spacing: -.05rem;
}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li + li { margin-top: 2rem; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > .tag {
    width: auto; padding: .4rem 1.2rem; margin-bottom: .8rem;
    flex-shrink: initial; font-size: 14px
}
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > p { margin-bottom: 1.2rem; font-size: 16px }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > a { display: block; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > a img { width: 14rem; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > ul { width: 100%; padding-left: 1.5rem; text-align: left; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > ul > li { display: block; white-space: normal; position: relative; margin-top: 0; font-size: 16px; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile ul li > ul li::before { top: 0.8rem; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > ul > li + li { margin-top: .4rem; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > ul > li p { margin-top: .8rem; font-size: 1.2rem; color: #111; }
.ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info.mobile > ul > li > ul > li p + p { margin-top: .4rem; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 { height: auto; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 >.title { width: 50%; margin:0 auto 30px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01.show-mo div > a {display: block; margin: 30px auto 0; width: 40%;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 dl { display: flex; flex-direction: column; align-items: center;
    margin-top: 30px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 dl dt { color: #fff; background: #006058; border-radius: 20px 16px 0 20px; padding: 8px 13px; font-size: 14px; margin-bottom: 16px; line-height: 1; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 dl dd { font-size: 18px; width: 70%; text-align: center; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 dl dd p { font-size: 18px; margin-bottom: 8px; text-align: left; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 dl dd div { margin-top: 16px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 dl dd span { display: block; margin-bottom: 10px; text-align: left; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .mkt-agree { width: calc(100% - 40px); margin-bottom: 25px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .mkt-agree a {width: 100% !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .product { width: calc(100% - 40px); margin: 0 auto; padding-bottom: 60px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .winner-area {padding: 3rem 2rem 2.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .winner {
    position: relative; width: 100%; height: 5.5rem;
    background-color: #fff; border-radius: 70px;
    text-align: center; padding-left: 3rem;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .winner p,
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .winner p b {font-size: 2rem; line-height: 5.5rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .winner::before {
    position: absolute; content: ''; display: block;
    background-size: 80%;
    background-repeat: no-repeat; top: -1rem; left: -1.6rem;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .winner::after {width: 5.5rem; height: 5.5rem; left: -.3rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title {padding: 3rem 5rem 4rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title img {width: 50rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply {padding: 0; margin: 5rem 0 0 0; position: relative; overflow: visible;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::before,
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {display: none;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .inner-wrap {width: 100%; display: flex; flex-direction: column; gap: 2.6rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .inner-wrap > img {position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 100%; }

.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box {margin: 0; max-width: 100%; gap: 2rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 0;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:nth-of-type(2),
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 0;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp {max-width: 140px; max-height: 140px; width: calc((100% / 3 ) - 40px); height: 100%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn {top:-30% !important; left:-25% !important; width: 80%; height: 80%;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.true:not(:has(.stamp-btn))::after { width: 110%; height: 110%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn .stamp-get { width: 130%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn .stamp-get.true { width: 110% !important; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-tag { width: 7rem; height: 7rem; top: -3.2rem; left: -3.7rem; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-tag { top: -38%; left: initial; right: -49% !important; }

.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp.run6 .stamp-btn {left: initial !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area {padding: 2.6rem 1rem 2.4rem; position: relative; z-index: 0}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area::before {
    position: absolute; content:''; display: inline-block;
    width: 21rem; height: 28rem; background: url('../../img/event/2026/stamp06/stamp-blt-mo.png') no-repeat center;
    top: -40px; left: 50%; transform: translateX(-50%);
    background-size: 100%; z-index: -1;
}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text { gap: 7.2rem; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div {width: 37%; text-align: center;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div > img { width: 55%; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div:first-child p {gap: 2.8rem;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div p { margin-top: 16px; justify-content: center; gap:  0; padding: 8px 24px; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text .num {font-size: 3.8rem; width: 100%; white-space: nowrap; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text .txt {font-size: 2.2rem; white-space: nowrap; }
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .btn-group {padding: 0 3rem 6rem; max-width: 30rem; margin: 4rem auto 0;}

@media screen and (max-width: 1920px) {
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply {
        background-size: auto;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::before {left: -19rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {background-size: 68%; top: 14rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 10rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 15rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 7rem;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::before {left: -190px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {top: 140px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 100px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 150px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 70px;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding:0 0 0 6.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > span {font-size: 2rem;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding: 0 0 0 65px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li {font-size: 20px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > span {font-size: 20px;}
}
@media screen and (min-width: 806px) and (max-width: 1023px) {
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding:0 0 0 8.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > span {font-size: 2rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {background-size: 70%;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding: 0 0 0 85px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li {font-size: 20px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul li > span {font-size: 20px;}
}

@media screen and (min-width: 806px) and (max-width: 999px) {
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::before {
        width: 139.9rem;
        top: 10rem; left: -26rem;
        background-size: 85%;
    }
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box {gap: 6rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 15rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 16rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 8rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp {max-width: 140px; height: 140px;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn {width: 9rem; height: 9rem; top: -4rem; left: -5rem;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::before {
        width: 1399px;
        top: 100px; left: -260px;
    }
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box {gap: 60px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:first-child {padding-left: 150px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:nth-of-type(2) {margin-left: 160px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box:last-child {margin-left: 80px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply .stamp-box .stamp .stamp-btn {width: 90px; height: 90px; top: -40px; left: -50px;}
}
@media screen and (min-width: 806px) and (max-width: 940px) {
    .ClassPromotionEvent-wrapper.stamp-event202606 .winner p b,
    .ClassPromotionEvent-wrapper.stamp-event202606 .winner p {font-size: 2.6rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title {padding: 0 5rem 3rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding:0 0 0 11.5rem;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {background-size: 50%; top: 7rem;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner p b,
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .winner p {font-size: 26px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .title {padding: 0 50px 30px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 .event-info ul {padding: 0 0 0 115px;}
    .pc .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .stamp-apply::after {top: 70px;}
}

@media screen and (min-width: 480px) and (max-width: 805px) {
    .ClassPromotionEvent-wrapper.stamp-event202606 .visual01 { width: 100%; background-image: url("../../img/event/2026/stamp06/mo-visual.png") }
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text {
        gap: 0; justify-content: space-between;
        padding: 0 2rem;
    }
}

@media screen and (max-width: 480px) {
    .mobile .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area::before {top: -60px; background-size: 60%;}
    .ClassPromotionEvent-wrapper.stamp-event202606 .stamp-area .apply-area .apply-text > div p {padding-right: 2rem;}
}

.pc .ClassPromotionEvent-wrapper.stamp-event202606 .show-mo {display: none !important;}
.mobile .ClassPromotionEvent-wrapper.stamp-event202606 .show-pc {display: none !important;}