/* BASIC css start */
/* 260727_ 큰컵 플로팅 탭 */
.floating-tabMenu {
    position: sticky;
    top: 67px;
    z-index: 10;
    display: flex;
    background-color: #000;
}

.floating-tabMenu li {
    flex: 1;
    padding: 24px 0;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    color: #999;
    cursor: pointer;
}

.floating-tabContent > .tab-panel {
    display: none;
}
.floating-tabContent > .tab-panel.active {
    display: block;
}

.floating-tabMenu li.on {
    color: #fff;
}
.floating-tabMenu li:nth-child(1) {
    position: relative;
}
.floating-tabMenu li:nth-child(1)::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #fff;
}
.btn-moving-wrap {
    display: flex;
}

/* 260720_상단 타이머 임시 스타일 */
#HourCountdown32 span,
#HourCountdown19 span,
#HourCountdown24 span {
    font-size: 40px;
}
#HourCountdown32 .txt,
#HourCountdown19 .txt,
#HourCountdown24 .txt {
    margin-right: 5px;
}

/* 이미지 무빙 */
.imgMoving {
    cursor: pointer;
    outline: none;
    border: none;
    vertical-align: bottom;
    font-size: 0;
    line-height: 0;
    padding: 0;
    box-sizing: border-box;
}

#content {
    padding-top: 48px;
}

/* 프로모션 타이틀 */
#productPlan .page-hd {
    position: relative;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#productPlan .page-hd h2 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
}
#productPlan .page-hd span,
#productPlan .page-hd span a {
    color: #929292;
    text-transform: capitalize;
    vertical-align: top;
    display: inline;
    font-size: 12px;
}

/* 랜딩 */
#productPlan .page-body .visual {
    margin-top: 30px;
    padding-bottom: 0;
}
#productPlan .page-body .visual .prdWrap img:not(.wd50) {
    width: 100%;
}
#productPlan .page-body .visual .prdWrap a:not(.wd50),
#productPlan .page-body .visual .prdWrap a:not(.wd50) img {
    display: block;
    width: 100%;
}
#productPlan .page-body .visual .prdWrap img:not(.wd50) {
    width: 100%;
}
#productPlan .page-body .visual .prd_tab,
.loginCoupon {
    cursor: pointer;
}
#productPlan .page-body .visual .prdWrap .flex_box {
    display: flex;
}
#productPlan .page-body .visual .prdWrap .flex_box a {
    display: inline-block;
    width: unset !important;
}

#productPlan .prdWrap img[onclick] {
    cursor: pointer;
}
.loginChk {
    cursor: pointer;
}

.inner:has(.gamtan-promotion) {
    overflow: unset;
}

/* 프로모션 공통스타일 2025-10-29 차민우 */
.gamtan-promotion {
    width: 737px;
    margin: 0 auto 80px;
    border: none;
    font-size: 0;
    line-height: 0;
}

.gamtan-promotion a {
    display: inline-block;
    vertical-align: bottom;
    font-size: 0;
    line-height: 0;
}

.gamtan-promotion img {
    width: 100%;
    border: 0;
    vertical-align: bottom;
}

.gamtan-promotion img[onclick] {
    cursor: pointer;
}

.gamtan-promotion .menuBtn {
    margin: 0 auto;
}

.gamtan-promotion .wd25 {
    width: 25%;
    display: inline-block;
}

.gamtan-promotion .wd33 {
    width: calc(100% / 3);
    display: inline-block;
}

.gamtan-promotion .wd50 {
    width: 50%;
    display: inline-block !important;
}
.gamtan-promotion .accordionBtn {
    cursor: pointer;
}
.gamtan-promotion .accordionBox {
    display: none;
}

/* -------------------------------------------------------------------------------- */
/* 상단 플로팅 탭 */
.menuBtn {
    display: flex;
    cursor: pointer;
}
.menuBtn.hidden {
    display: none;
}

/* 하단 플로팅 */
.floating_box {
    position: fixed;
    z-index: 1;
    top: 8%;
    left: 50%;
    width: 500px;
    transform: translate(-50%, 0);
    display: none;
    gap: 8px;
    align-items: center;
    background: #db7445;
    padding: 12px 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.floating_box p {
    font-size: 18px;
}
.floating_box span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}
.floating_box .close {
    display: block;
    margin: 0 0 0 auto;
    width: 25px !important;
}

/* 스와이퍼 */
.swiper19 {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.swiper19 .swiper-wrapper {
    position: absolute;
    top: 35%;
}
.swiper19 .swiper-button-next::after,
.swiper19 .swiper-button-prev::after {
    color: #000000;
}

.gamtan_swiper {
    background: #544639;
}
.gamtan_swiper :is(.swiper-button-next, .swiper-button-prev) {
    color: #d1d1d1;
}
.gamtan_swiper .swiper-button-next {
    right: 24px;
}
.gamtan_swiper .swiper-button-prev {
    left: 24px;
}

.jase_swiper {
    position: relative;
    overflow: hidden;
    -ms-overflow-style: none;
}
.jase_swiper .swiper-wrapper {
    position: absolute;
    top: 35%;
}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets {
    bottom: 70%;
}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: 0;
    border: 2px solid #9ea193;
    border-radius: 100px;
    margin: 0 8px;
    padding: 0px 28px;
    font-size: 18px;
    line-height: 40px;
    color: #9ea193;
}

.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border-color: #897500;
    color: #897500;
}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets span {
    color: inherit;
}

.thumbnail_slide > .thumb-list {
    position: relative;
}
.thumbnail_slide > .thumb-list .swiper-pagination {
    display: flex;
    top: 0;
    width: 88%;
    left: 5.5%;
    justify-content: space-between;
    padding-bottom: 30px;
}
.thumbnail_slide > .thumb-list .swiper-pagination img {
    width: 23% !important;
    border-radius: 0;
    height: auto;
    margin: 0;
}

.junior_swiper {
    position: relative;
    overflow: hidden;
    -ms-overflow-style: none;
}
.junior_swiper svg {
    display: none;
}
.junior_swiper :is(.swiper-button-next, .swiper-button-prev) {
    color: #a7a7a7;
    top: 40% !important;
    z-index: 10;
}
.junior_swiper .swiper-button-next:after,
.junior_swiper .swiper-button-prev:after {
    font-size: 35px;
}
.junior_swiper::-webkit-scrollbar {
    display: none;
}

.swiper01 .swiper-button-next::after,
.swiper01 .swiper-button-prev::after {
    color: #bac7cd;
}

/* #38340 자세브라 스와이퍼 페이드 타입 2025-10-24 차민우 */
.jase-swiper-fade {
    position: relative;
}
.jase-swiper-fade .swiper-nav {
    position: absolute;
    bottom: 372px;
    width: 100%;
}
.jase-swiper-fade .swiper-nav .swiper-btn {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 22px;
    height: 38px;
    background: transparent
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='38' fill='none' viewBox='0 0 22 38'%3E%3Cpath fill='%23000' fill-opacity='.3' d='m18.752-.002 2.85 2.95-15.75 15.8 15.75 15.85-2.85 2.9-18.75-18.75z'/%3E%3C/svg%3E")
        no-repeat center center;
    background-size: cover;
    border: 0;
    cursor: pointer;
}
.jase-swiper-fade .swiper-nav .btn-prev {
    left: 16px;
}
.jase-swiper-fade .swiper-nav .btn-next {
    right: 16px;
    transform: scale(-1);
}

.relative {
    position: relative;
}

.js-swiper-simple {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.js-swiper-simple .swiper-wrapper {
    width: auto;
}

.js-swiper-simple .swiper-slide {
    width: 590px;
}

.js-swiper-simple .swiper-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 100%;
}
.js-swiper-simple .swiper-btn {
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 38px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='45' fill='none' viewBox='0 0 26 45'%3E%3Cpath fill='%23cea0a9' fill-opacity='.6' d='m22.26 0 2.94 3L6 22.26l19.2 19.32-2.94 2.94L0 22.26z'/%3E%3C/svg%3E")
        no-repeat center center;
    background-size: cover;
    border: 0;
    cursor: pointer;
}

.js-swiper-simple .swiper-btn.prev {
    left: 16px;
}
.js-swiper-simple .swiper-btn.next {
    right: 16px;
    transform: scale(-1);
}

.echo-text-bubble-wrap {
    position: absolute;
    top: -62px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
.echo-text-bubble {
    display: block;
    width: 100%;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='291' height='138' fill='none' viewBox='0 0 291 138'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23232323' d='M233.5 15c23.472 0 42.5 19.028 42.5 42.5S256.972 100 233.5 100h-73.105l-12.138 20.61c-1.16 1.971-4.01 1.971-5.17 0L130.949 100H57.5C34.028 100 15 80.972 15 57.5S34.028 15 57.5 15z'/%3E%3Cpath fill='%23fff' d='M83.281 46.07c0 1.934-.156 3.828-.508 5.664h8.165v-9.453h3.671v35h-3.671V64.156h-9.415V61.11h9.415v-6.406H82.07c-1.992 6.504-6.523 12.149-14.765 16.172l-1.953-2.969c9.004-4.433 13.496-10.781 14.199-18.867H66.953V46.07zm33.496-3.36c7.89-.019 12.48 2.15 12.5 6.017-.02 3.925-4.61 6.054-12.5 6.054-7.891 0-12.52-2.129-12.5-6.054-.02-3.868 4.609-6.036 12.5-6.016m-15.938 17.071v-2.93h31.914v2.93h-14.141v3.008h10.118v8.203h-20.391v3.125h21.367v2.852h-25v-8.672h20.352v-2.734h-20.391v-2.774h10.235v-3.008zm7.305-11.054c-.02 2.168 3.066 3.261 8.633 3.28 5.605-.019 8.691-1.112 8.671-3.28.02-2.051-3.066-3.223-8.671-3.243-5.567.02-8.653 1.192-8.633 3.243m66.131-6.368v11.25h5.078v3.086h-5.078v11.836h-3.711V42.36zm-27.461 7.07v-3.007h8.594V42.32h3.711v4.102h8.554v3.008zm1.914 8.282c-.019-4.004 3.438-6.621 8.516-6.602 5.019-.02 8.476 2.598 8.476 6.602 0 3.965-3.457 6.543-8.476 6.562-5.078-.02-8.535-2.597-8.516-6.562m3.36 18.867V66.461h3.71v7.11h19.961v3.007zm.234-18.867c-.039 2.285 1.953 3.691 4.922 3.672 2.969.02 4.961-1.387 5-3.672-.039-2.305-2.031-3.73-5-3.75-2.969.02-4.961 1.445-4.922 3.75m59.003-15.39v20.82h-3.711v-8.868h-6.523v-3.046h6.523V42.32zm-29.18 17.656c5.43-1.895 8.77-6.621 8.75-11.446v-.781h-7.578v-3.008h18.867v3.008h-7.5v.742c-.019 4.434 3.145 8.75 8.438 10.547l-1.914 2.93c-3.926-1.348-6.817-4.16-8.34-7.617-1.523 3.906-4.59 7.05-8.77 8.593zm5.625 10.742c-.019-4.16 4.473-6.582 11.836-6.602 7.324.02 11.817 2.442 11.836 6.602-.019 4.16-4.512 6.582-11.836 6.601-7.363-.02-11.855-2.441-11.836-6.601m3.672 0c-.019 2.363 3.028 3.71 8.164 3.672 5.098.039 8.145-1.309 8.164-3.672-.019-2.383-3.066-3.73-8.164-3.711-5.136-.02-8.183 1.328-8.164 3.71m32.519-25-.352 20.117h-3.867l-.351-20.117zM218.922 71.5c-.02-1.523 1.25-2.773 2.773-2.773 1.504 0 2.754 1.25 2.774 2.773a2.824 2.824 0 0 1-2.774 2.773c-1.523-.02-2.793-1.25-2.773-2.773'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='291' height='137.09' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3992_6713'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_3992_6713' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    animation: floatY 2s ease-in-out infinite;
}

/* 위아래로 천천히 움직이는 애니메이션 */
@keyframes floatY {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* #38344 아울렛 스와이퍼 nav버튼 추가 2025-10-27 차민우 */
[class*='outlet-swiper'] {
    position: relative;
}
[class*='outlet-swiper'] .swiper-nav {
    width: 100%;
    display: block;
}
[class*='outlet-swiper'] .swiper-btn {
    position: absolute;
    z-index: 1;
    display: block;
    width: 53px;
    height: 53px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='53' fill='none' viewBox='0 0 29 53'%3E%3Cpath stroke='%23CBE7F2' stroke-width='3.271' d='M27.32 1.156 1.153 27.324M27.32 51.18 1.153 25.013'/%3E%3C/svg%3E")
        no-repeat center center;
    background-size: 29px 53px;
    border: 0;
    cursor: pointer;
}

.outlet-swiper.jase .swiper-btn {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='53' fill='none' viewBox='0 0 29 53'%3E%3Cpath stroke='%23DB88AB' stroke-width='3.271' d='M27.32 1.156 1.153 27.324M27.32 51.18 1.153 25.013'/%3E%3C/svg%3E")
        no-repeat center center;
}

[class*='outlet-swiper'] .swiper-btn {
    top: 50%;
}
[class*='outlet-swiper'] .swiper-btn.prev {
    left: 12px;
    transform: translateY(-50%);
}

[class*='outlet-swiper'] .swiper-btn.next {
    right: 12px;
    transform: translateY(-50%) scale(-1);
}

/* 플로팅 네비 */
.floating_nav {
    overflow: auto;
    background: #fff;
    z-index: 99;
}
.floating_nav ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.floating_nav ul li {
    width: 100%;
    padding: 16px 18px;
    margin-right: 1px;
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #999;
    cursor: pointer;
    line-height: 26px;
}
.floating_nav ul li span {
    display: block;
    font-size: 18px;
}
.floating_nav ul li::after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #cccccc;
}
.floating_nav ul li:last-child::after {
    display: none;
}
.floating_nav ul li.active {
    color: #953e22;
}

.floating_nav.gamtan_gnb {
    background: #fff;
    white-space: nowrap;
}
.floating_nav.gamtan_gnb ul li {
    width: auto;
    color: #999999;
}
.floating_nav.gamtan_gnb ul li span {
    color: #999999;
}
.floating_nav.gamtan_gnb ul li:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #cccccc;
}
.floating_nav.gamtan_gnb ul li.active {
    color: #953e22;
}
.floating_nav.gamtan_gnb ul li.active span {
    color: #953e22;
}

.floating_nav.gamtan_gnb.gamtan ul li.active {
    color: #3f5f77;
}
.floating_nav.gamtan_gnb.gamtan ul li.active span {
    color: #3f5f77;
}

.floating_nav.junior ul li.active {
    color: #ae2725;
}
.nav-subTlt {
    font-size: 17px;
    font-weight: inherit;
    color: inherit;
}
.nav-sub {
    font-size: 17px;
    font-weight: inherit;
    color: inherit;
}
/* -------------------------------------------------------------------------------- */
/* 아코디언 */
.accordionBox {
    display: none;
}

/* -------------------------------------------------------------------------------- */
/* 타이머 */

#floating_timer {
    font-family: 'SpoqaHanSansNeo-Regular' !important;
    display: flex;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    gap: 4px;
}
#floating_timer span {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

div[id*='timer'].blur {
    position: sticky;
    top: 0;
    width: 100%;
    text-align: center;
}
div[id*='timer'].blur .timer-box {
    width: 100%;
    padding: 32px 46px;
    text-align: left;
}
div[id*='timer'].blur .timer-box div[id*='HourCountdown'] {
    position: unset !important;
    transform: unset !important;
}
div[id*='timer'].blur .timer-box > span {
    color: #fff;
    display: block;
    font-size: 24px;
    padding-top: 6px;
    line-height: 1;
}
div[id*='timer'].blur .timer-box > span:last-child {
    padding: 12px 18px;
    background: #fff;
    color: #003349;
    position: absolute;
    right: 46px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}
div[id*='timer'].blur + img {
    padding-top: 140px;
}
#timer19.blur .timer-box {
    background: #1f2122;
}
#timer32.blur .timer-box {
    background: #000000;
}
#timer24.blur .timer-box {
    background: #781b28;
}
#timer19.blur .timer-box > span:last-child {
    color: #000000;
    cursor: pointer;
}
#timer32.blur .timer-box > span:last-child {
    color: #000000;
    cursor: pointer;
}
#timer24.blur .timer-box > span:last-child {
    color: #130706;
    cursor: pointer;
}

.timer-box {
    position: sticky;
    top: 67px;
    transform: translateZ(0);
    will-change: transform;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 46px;
    transition: opacity 0.2s ease-in-out;
}
.timer-box .desc {
    display: block;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1;
    color: #fff;
}

/* 타이머 desc 위치 바뀔 때 */
#timer32 .desc,
#timer19 .desc {
    margin-top: 12px;
    margin-bottom: 0;
}

.timer .colon {
    margin: 0 12px;
}
.timer span {
    display: inline-block;
    font-size: 46px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
}
.timer-box .btn-go-section {
    padding: 12px 18px;
    background: #fff;
    border: 0;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

#timer32 {
    background-color: #000000;
}
#timer32 .btn-go-section {
    color: #000000;
}
#timer19 {
    background-color: #000000;
}
#timer19 .btn-go-section {
    color: #000000;
}
#timer24 {
    background-color: #000000;
}
#timer24 .btn-go-section {
    color: #000000;
}

/* 감탄 타이머 */
.gamtan-lg-timer {
    position: relative;
    width: 100%;
}

.gamtan-lg-timer > img {
    display: block;
    width: 100%;
    height: auto;
}

.gamtan-lg-timer .text-wrap {
    position: absolute;
    inset: 0;
}

.gamtan-count-down {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

.gamtan-count-down > span {
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
}

#HourCountdownLimited > span {
    top: 54%;
    color: #2b313a;
}

#HourCountdownSpecial > span {
    top: 31%;
    color: #fff;
}

/* 일 */
.gamtan-count-down > span:nth-child(1) {
    left: 16.5%;
}

/* 시간 */
.gamtan-count-down > span:nth-child(2) {
    left: 37%;
    letter-spacing: 70%;
}

/* 분 */
.gamtan-count-down > span:nth-child(3) {
    left: 59%;
    letter-spacing: 70%;
}

/* 초 */
.gamtan-count-down > span:nth-child(4) {
    left: 81.3%;
    letter-spacing: 70%;
}

.gamtan-coupon-timer {
    position: relative;
}
.gamtan-coupon-timer .text-wrap {
    position: absolute;
    left: 47%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.gamtan-coupon-timer .timer {
    display: block;
    width: 100%;
    letter-spacing: -0.1em;
    color: #fff;
    font-size: 20px;
}
.gamtan-coupon-timer .timer span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-left: 5px;
    margin-right: 2px;
}

#gamtan-coupon-timer-1 .text-wrap {
    top: 47%;
}

#gamtan-coupon-timer-2 .text-wrap {
    top: 41%;
}

/* -------------- 노브라 타이머 --------------- */
#nobra-lg-timer {
    position: relative;
    width: 100%;
}

#nobra-lg-timer > img {
    display: block;
    width: 100%;
    height: auto;
}

#nobra-lg-timer .text-wrap {
    position: absolute;
    inset: 0;
}

#HourCountdownNobraLg {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

#HourCountdownNobraLg > span {
    position: absolute;
    top: 30.5%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: clamp(28px, 7vw, 48px);
    font-weight: 500;
    line-height: 1;
}

/* 일 */
#HourCountdownNobraLg > span:nth-child(1) {
    left: 16.5%;
}

/* 시간 */
#HourCountdownNobraLg > span:nth-child(2) {
    left: 36.5%;
    letter-spacing: 80%;
}

/* 분 */
#HourCountdownNobraLg > span:nth-child(3) {
    left: 58.5%;
    letter-spacing: 80%;
}

/* 초 */
#HourCountdownNobraLg > span:nth-child(4) {
    left: 81%;
    letter-spacing: 80%;
}

#nobra-sm-timer {
    position: relative;
}
#nobra-sm-timer .text-wrap {
    position: absolute;
    top: 370px;
    left: 47%;
    transform: translate(-50%, -50%);
    color: #fff;
}
#nobra-sm-timer .timer {
    display: block;
    width: 100%;
    text-align: left;
    letter-spacing: -0.1em;
    color: #fff;
    font-size: 20px;
}
#nobra-sm-timer .timer span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-left: 5px;
    margin-right: 2px;
}

/* -------------- // 노브라 타이머 --------------- */

/* 자세 내부 타이머 */
#timer191 {
    position: relative;
}
#timer191 .text-wrap {
    position: absolute;
    bottom: 73px;
    left: 0;
    width: 100%;
}
#timer191 .timer {
    display: block;
    width: 100%;
    text-align: left;
    letter-spacing: 28.2px;
    padding-left: 102px;
}
#timer191 .timer span {
    font-size: 60px;
    font-weight: 500;
    color: #000;
}

#timer191_2 {
    position: relative;
}
#timer191_2 .text-wrap {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    color: #fff;
}
#timer191_2 .timer {
    display: block;
    width: 100%;
    text-align: left;
    letter-spacing: -0.1em;
    padding-left: 271px;
    color: #fff;
    font-size: 22px;
}
#timer191_2 .timer span {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-left: 5px;
    margin-right: 2px;
}

/* 주니어 내부 타이머 */
.gamtan-promotion.junior #timer191 .text-wrap {
    bottom: 38px;
}
.gamtan-promotion.junior #timer191 .timer span {
    color: #fff;
}

/* 주니어 특가 타이머 - 1 */
#timer241 {
    position: relative;
}
#timer241 .text-wrap {
    position: absolute;
    top: 269px;
    left: 47%;
    transform: translate(-50%, -50%);
    color: #fff;
}
#timer241 .timer {
    display: block;
    width: 100%;
    text-align: left;
    letter-spacing: -0.1em;
    color: #fff;
    font-size: 20px;
}
#timer241 .timer span {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-left: 5px;
    margin-right: 2px;
}

/* 주니어 특가 타이머 - 2 */
#timer241_1 {
    position: relative;
    width: 100%;
}

#timer241_1 > img {
    display: block;
    width: 100%;
    height: auto;
}

#timer241_1 .text-wrap {
    position: absolute;
    inset: 0;
}

#HourCountdown241_1 {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

#HourCountdown241_1 > span {
    position: absolute;
    top: 75.5%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: clamp(28px, 7vw, 48px);
    font-weight: 500;
    line-height: 1;
}

/* 일 */
#HourCountdown241_1 > span:nth-child(1) {
    left: 16.5%;
}

/* 시간 */
#HourCountdown241_1 > span:nth-child(2) {
    left: 36.5%;
    letter-spacing: 71%;
}

/* 분 */
#HourCountdown241_1 > span:nth-child(3) {
    left: 58.5%;
    letter-spacing: 71%;
}

/* 초 */
#HourCountdown241_1 > span:nth-child(4) {
    left: 81%;
    letter-spacing: 71%;
}

/* -------------------------------------------------------------------------------- */

/* 이벤트 탭 */
.displaynone {
    display: none !important;
}
.eventPage .item-wrap {
    overflow: visible;
}
.eventPage .item-wrap .item-cont .item-list {
    margin-bottom: 30px;
}
.eventPage .item-wrap .item-cont .item-list:last-child {
    margin-right: 0 !important;
}

.item-wrap .swiper {
    margin-bottom: 140px;
    border-top: 2px solid #e5e5e5;
    overflow: visible;
    padding-top: 67px;
}
.item-wrap .swiper:first-child {
    margin-top: 24px;
}
.item-wrap .swiper [class^='mySwiper'] {
    overflow: hidden;
}
.item-cont.swiper-wrapper {
    display: flex;
}
.item-wrap .swiper-button-next {
    right: -73px;
}
.item-wrap .swiper-button-next::after {
    display: none;
}
.item-wrap .swiper-button-prev {
    left: -30px;
    display: none;
}
.item-wrap .swiper-button-lock {
    display: block;
}

.eventTab_wrap {
    position: sticky;
    top: 67px;
    left: 0;
    width: 100%;
    padding: 26px 0;
    background-color: #fff;
    z-index: 10;
}
.eventTab_wrap.scroll {
    border-bottom: 1px solid rgb(221, 221, 221);
}
.eventTab_wrap .eventTab {
    text-align: left;
    width: 100%;
    margin: auto;
}
.eventTab_wrap .eventTab p {
    display: inline-block;
    padding: 12px 22px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    color: #545454;
    font-size: 20px;
    font-weight: 300;
    margin-right: 13px;
    cursor: pointer;
    background-color: #fff;
}
.eventTab_wrap .eventTab p.on {
    font-weight: 600;
    color: #f06d48;
    border: 2px solid #f06d48;
}
.eventTab_wrap .eventTab p span {
    font-weight: 300;
    padding: 0 0.123em;
}

.plan_title_name {
    text-align: left;
    margin-bottom: 50px;
}
.plan_title_name .event_title {
    font-size: 24px;
    font-weight: 700;
    color: #414141;
    letter-spacing: -0.01em;
}
.plan_title_name .event_subTitle {
    font-size: 24px;
    font-weight: 500;
    color: #414141;
}
.plan_title_name .event_subTitle::before {
    content: '|';
    padding: 0 15px;
}
.plan_title_name .event_description {
    font-size: 20px;
    font-weight: 400;
    color: #898989;
    margin-top: 23px;
    letter-spacing: 0;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    width: 100% !important;
    background-color: #f0f0f0 !important;
    left: 0 !important;
    bottom: 0 !important;
}
.swiper-scrollbar-drag {
    background-color: #f06d48 !important;
    height: 6px !important;
}

.page-body center {
    margin-bottom: 100px;
}
.prd-info,
.item-wrap .item-cont .item-list .prd-name a,
.item-wrap .item-cont .item-list .prd-price {
    font-family:
        'Pretendard',
        Pretendard,
        -apple-system,
        BlinkMacSystemFont,
        system-ui,
        Roboto,
        'Helvetica Neue',
        'Segoe UI',
        'Apple SD Gothic Neo',
        'Noto Sans KR',
        'Malgun Gothic',
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        sans-serif;
}

/* 주니어브라 */
.prdWrap.juniorPromotion {
    margin-bottom: 50px;
}
.eventTab_wrap.junior .eventTab {
    text-align: center;
}
.eventTab_wrap.junior .eventTab p {
    width: 200px !important;
    text-align: center;
    border-radius: 35px;
    padding: 17px 17px;
    font-size: 25px;
}
.eventTab_wrap.junior .eventTab p.on {
    background: #f69155;
    border-color: #f69155;
    color: white;
}
.prdWrap > p {
    font-size: 2.8rem;
    margin-top: 30px;
    line-height: 1.5;
}

/* 탭 */
.prd_tab {
    display: flex;
    width: 100%;
}
.prd_tab li img {
    display: none !important;
}
.prd_tab li img.on {
    display: block !important;
}
.tab-con {
    display: none;
}
.tab-con.on {
    display: flex;
    flex-wrap: wrap;
}

.text_tab > * {
    flex: 1;
}
.text_tab li {
    padding: 24px 0;
    background: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #999999;
}
.text_tab li.on {
    color: #493a3a;
    border-bottom: 6px solid #493a3a;
}
.text_tab li span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #999999;
}
.text_tab li.on span {
    color: #493a3a;
}

.text_tab.green li.on {
    color: #3d1c00;
    background: #dfdcc5;
    border-bottom: 3px solid #3d1c00;
}
.text_tab.green li.on span {
    color: #3d1c00;
}

.text_tab.pink li.on {
    color: #461a12;
    background: #edcac7;
    border-bottom: 3px solid #461a12;
}
.text_tab.pink li.on span {
    color: #461a12;
}

.text_tab.orange li.on {
    color: #e76616;
    background: #fff6f0;
    border-bottom: 3px solid #e76616;
}
.text_tab.orange li.on span {
    color: #e76616;
}

.text_tab.beige li.on {
    color: #3d1c00;
    background: #f4f2ec;
    border-bottom: 3px solid #3d1c00;
}
.text_tab.beige li.on span {
    color: #3d1c00;
}

.text_tab.brown li.on {
    color: #fdd2cb;
    background: #3c1217;
    border-bottom: 3px solid #fdd2cb;
}
.text_tab.brown li.on span {
    color: #fdd2cb;
}

.text_tab.blue li.on {
    color: #1a5478;
    background: #e3eff7;
    border-bottom: 3px solid #1a5478;
}
.text_tab.blue li.on span {
    color: #1a5478;
}

.text_tab.purple li.on {
    color: #754a8c;
    background: #f8e9ff;
    border-bottom: 3px solid #754a8c;
}
.text_tab.purple li.on span {
    color: #754a8c;
}

.text_tab.red li.on {
    color: #f97a0f;
    background: #faecdd;
    border-bottom: 3px solid #f97a0f;
}
.text_tab.red li.on span {
    color: #f97a0f;
}

.text_tab.yellow li.on {
    color: #d08e00;
    background: #fff6e0;
    border-bottom: 3px solid #d08e00;
}
.text_tab.yellow li.on span {
    color: #d08e00;
}

.text_tab.lightbrown li.on {
    color: #bb830a;
    background: #f9f4ea;
    border-bottom: 3px solid #bb830a;
}
.text_tab.lightbrown li.on span {
    color: #bb830a;
}

.text_tab.junior li span {
    font-size: 24px;
}
.text_tab.junior li.on {
    background-color: #1d3123;
    border-bottom: 3px solid #fee7d6;
}
.text_tab.junior li.on span {
    color: #fee7d6;
}

.text_tab.junior.js-type li.on {
    background-color: #720405;
    border-bottom: 3px solid #fee7d6;
}
.text_tab.junior.js-type li.on span {
    color: #fee7d6;
}

.text_tab.junior .echo-text-bubble-wrap {
    width: 70%;
}
.text_tab.junior .echo-text-bubble {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='291' height='138' fill='none' viewBox='0 0 291 138'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%231d3123' d='M233.5 15c23.472 0 42.5 19.028 42.5 42.5S256.972 100 233.5 100h-73.105l-12.138 20.61c-1.16 1.971-4.01 1.971-5.17 0L130.949 100H57.5C34.028 100 15 80.972 15 57.5S34.028 15 57.5 15z'/%3E%3Cpath fill='%23fff' d='M98.08 40.36v11.25h5.078v3.085H98.08v11.836h-3.711V40.36zm-6.602 4.062v3.008h-20.86v-3.008h8.595V40.32h3.71v4.102zm-10.43 4.687c5.04 0 8.477 2.618 8.477 6.602s-3.437 6.562-8.477 6.562c-5.078 0-8.515-2.578-8.515-6.562s3.437-6.602 8.515-6.602m0 2.852c-2.968 0-4.96 1.445-4.921 3.75-.04 2.266 1.953 3.672 4.921 3.672 2.97 0 4.961-1.406 5-3.672-.039-2.305-2.03-3.75-5-3.75m18.516 19.61v3.007H75.892V64.461h3.711v7.11zm35.566-31.25v20.82h-3.711v-8.868h-6.524v-3.046h6.524V40.32zm-11.719 21.796c7.344 0 11.836 2.422 11.836 6.602s-4.492 6.562-11.836 6.601c-7.344-.039-11.875-2.422-11.836-6.601-.039-4.18 4.492-6.602 11.836-6.602m0 2.89c-5.117 0-8.164 1.329-8.164 3.712 0 2.344 3.047 3.71 8.164 3.672 5.117.039 8.164-1.329 8.164-3.672 0-2.383-3.047-3.711-8.164-3.711m-4.922-18.515c0 4.453 3.164 8.75 8.438 10.547l-1.914 2.93c-3.926-1.367-6.817-4.16-8.321-7.617-1.543 3.925-4.609 7.07-8.789 8.593l-1.953-2.968c5.43-1.875 8.75-6.602 8.75-11.446v-.781h-7.578v-3.008h18.867v3.008h-7.5zm50.683-3.984v3.086c0 3.32 0 6.914-.977 11.914h5.039v3.047h-14.179v14.804h-3.75V60.555H141.32v-3.047h23.125c1.055-4.98 1.055-8.653 1.055-11.914v-.04h-20.273v-3.046zm19.941 3.047c0 4.922 3.164 9.297 8.476 11.015l-2.031 2.89c-3.848-1.386-6.68-4.081-8.203-7.577-1.524 4.004-4.571 7.11-8.789 8.633l-1.993-2.97c5.586-1.913 8.829-6.562 8.868-11.835v-3.438h3.672zm16.757-5.235v20.664h-3.711V50.477h-7.382V47.43h7.382v-7.11zm-11.718 21.64c7.343 0 11.836 2.423 11.836 6.68 0 4.22-4.493 6.641-11.836 6.602-7.344.04-11.875-2.383-11.836-6.601-.039-4.258 4.492-6.68 11.836-6.68m0 2.892c-5.118 0-8.164 1.367-8.164 3.789 0 2.343 3.046 3.671 8.164 3.671 5.117 0 8.164-1.328 8.164-3.671 0-2.422-3.047-3.79-8.164-3.79m24.354-21.133-.351 20.117h-3.867l-.352-20.117zm-2.265 28.554c-1.524 0-2.813-1.25-2.774-2.773-.039-1.523 1.25-2.773 2.774-2.773 1.484 0 2.773 1.25 2.773 2.773s-1.289 2.773-2.773 2.773'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='291' height='137.088' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_4163_3755'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_4163_3755' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.inner_tab .tab {
    display: flex;
}
.inner_tab .tab li img {
    display: none !important;
}
.inner_tab .tab li img.on {
    display: block !important;
}
.inner_tab .con {
    display: none;
}
.inner_tab .con.on {
    display: flex;
    flex-wrap: wrap;
}

/* 감탄 노브라 이미지 탭 스와이퍼 */
.prd_swiper_tab_wrap {
    position: relative;
}

.prd_swiper_tab {
    display: flex;
    gap: 0;
    width: auto;
    margin: 0;
    padding: 0;
    transform: none;
}

.prd_swiper_tab_wrap.tab-5 .prd_swiper_tab > li {
    flex: none;
    width: 100%;
    height: auto;
}

.prd_swiper_tab .btn-prd {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: #fff;
    cursor: pointer;
}

.prd_swiper_tab li img {
    display: block;
    width: L 100%;
    height: 100%;
}

.prd_swiper_tab li .on-img {
    display: none;
}

.prd_swiper_tab li.on .on-img {
    display: block;
}

.prd_swiper_tab li.on .off-img {
    display: none;
}

.gamtan_nobra .swiper-button-next,
.gamtan_nobra .swiper-button-prev {
    border: none;
    background: none;
    color: #88b2c2;
}

.gamtan_nobra .swiper-navigation-icon {
    display: none;
}
.gamtan_nobra .top-nav li.on {
    color: #000;
}

/* -------------------------------------------------------------------------------- */
/* 하단 진열상품 */
.inner {
    padding: 0 80px;
}
.prdWrap.inner_m {
    width: 737px !important;
}
.item-wrap .item-cont {
    display: flex;
    padding-bottom: 56px;
}
.item-wrap .item-cont li {
    display: block;
    width: calc((100% - 72px) / 4);
    margin-bottom: 40px;
    margin-right: 24px;
}
.item-wrap .item-cont li:nth-child(4n) {
    margin-right: 0;
}
.item-wrap .item-cont li a {
    display: block;
    position: relative;
}
.item-wrap .item-cont li a .number {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    background: #000;
}
.item-wrap .item-cont li figure img {
    width: 100%;
    border: solid 1px #f6f6f6;
}
.item-wrap .item-cont li figure .list_shoppingInfo {
    padding-top: 16px;
}
.item-wrap .item-cont li figure .list_shoppingInfo .listName {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #333;
    padding-bottom: 4px;
}
.item-wrap .item-cont li figure .list_shoppingInfo .listDiscount {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #bfbfbf;
    padding-bottom: 2px;
    text-decoration: line-through;
}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale {
    display: flex;
}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale > div {
    margin-right: 4px;
}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale > div,
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale > div strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #f06d48;
}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale .listPrice strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #242424;
}
.item-wrap .item-cont li figure .list_shoppingInfo .prd-ico .MK-product-icons {
    display: flex;
}
.item-wrap .item-cont li figure .list_shoppingInfo .prd-ico .MK-product-icons img {
    margin-bottom: 10px;
    height: 21px !important;
    width: auto;
    box-sizing: content-box;
}
.item-wrap .item-cont li figure .list_shoppingInfo .c-prd-etc {
    margin-top: 10px;
    display: flex;
}
.item-wrap .item-cont li figure .list_shoppingInfo .c-prd-etc .c-review {
    margin-right: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #999999;
}
.item-wrap .item-cont li figure .list_shoppingInfo .c-prd-etc .c-color {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #999999;
}

.item-wrap .swiper .item-cont .none-data {
    margin: 0 auto;
}
.item-wrap .swiper .item-cont .none-data i {
    font-size: 4em;
}
.item-wrap .swiper .item-cont .none-data p {
    font-size: 2em;
    margin-top: 1.4em;
}

.float_text {
    position: absolute;
    top: -50%;
    left: 50%;
    width: 145px;
    height: 50px;
    font-size: 24px;
    background: #232323;
    transform: translate(-50%, 0);
    display: flex;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    border-radius: 45px;
    animation: joinAni 0.6s infinite alternate;
}
.float_text::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #232323;
    transform: translate(-50%, 0) rotate(45deg);
}

@keyframes joinAni {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 5px;
    }
}

.gamtan-promotion {
    font-family:
        'Pretendard',
        Pretendard,
        -apple-system,
        BlinkMacSystemFont,
        system-ui,
        Roboto,
        'Helvetica Neue',
        'Segoe UI',
        'Apple SD Gothic Neo',
        'Noto Sans KR',
        'Malgun Gothic',
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        sans-serif;
    line-height: 1.6;
    letter-spacing: -0.02em;
}

[data-moving],
[data-sub-moving] {
    cursor: pointer;
}

.top-nav {
    overflow: hidden;
}

.top-nav ul {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
    overflow-x: auto;
    -ms-overflow-style: none;
}

.top-nav ul::-webkit-scrollbar {
    display: none;
}

.top-nav li {
    position: relative;
    width: 100%;
    padding: 16px 18px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #999;
    cursor: pointer;
    white-space: nowrap;
}

.top-nav li:not(:last-of-type)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #ccc;
}

.sticky-section {
    position: sticky;
    top: 0;
    transform: translateZ(0);
    will-change: transform;
    z-index: 10;
}

/* 감탄 상단 메뉴 밑줄 추가 260807 백세진 */
.gamtan:not(.gamtan_nobra) .top-nav:has(span) li {
    padding-bottom: 0;
}

.gamtan:not(.gamtan_nobra) .top-nav li[data-moving] span {
    position: relative;
    display: inline-block;
    padding-bottom: 18px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #999;
}

.gamtan:not(.gamtan_nobra) .top-nav li[data-moving].on span {
    color: #11161c;
    border-bottom: 2px solid #11161c;
}

/* 감탄 HOT 뱃지 추가 260807 백세진 */
.gamtan:not(.gamtan_nobra) .top-nav ul li {
    position: relative;
}

.gamtan:not(.gamtan_nobra) .top-nav ul li[data-moving='content-2']::before {
    content: 'HOT';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #999;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    border-radius: 0 0 6px 6px;
    z-index: 1;
}

.gamtan:not(.gamtan_nobra) .top-nav ul li[data-moving='content-2'] span {
    padding-top: 10px;
    padding-bottom: 10px;
}

.gamtan:not(.gamtan_nobra) .top-nav li[data-moving].on::before {
    background: #11161c;
}

/* .top-nav li[data-moving].on span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 2px;
    background: #11161c;
} */

/* 탭 메뉴 */
.menu-list {
    display: flex;
    width: 100%;
}

.menu-list li {
    position: relative;
    flex: 1;
}

.menu-list li > div {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2px 16px;
    background-color: #383838;
    border-radius: 6px;
    white-space: nowrap;
}

.menu-list li > div::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #383838;
}

.menu-list li > div span {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.menu-list .btn-prd {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    background-color: transparent;
    border: 0;
    font-size: 28px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
}

.menu-list .btn-prd .sub {
    font-size: 18px;
    color: inherit;
}

.menu-list.round {
    column-gap: 24px;
    padding: 12px 24px;
}

.menu-list.round .on .btn-prd {
    background-color: #fff;
    border-color: transparent;
}
.menu-list.round .btn-prd {
    padding: 12px 0;
    border: 2px solid #b4b4b4;
    border-radius: 999px;
}

/* 썸머 컬렉션 이미지 탭 260807 백세진 추가 */
.menu-wrap {
    position: relative;
}

.menu-wrap .menu-list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: 16px;
    width: 80%;
    text-align: center;
}

.menu-wrap .menu-list .btn-prd {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 16px;
    font-size: unset;
    font-weight: unset;
}

.menu-wrap .menu-list li p {
    font-size: 28px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
}

.menu-wrap .menu-list li.on p {
    color: #005f93;
}

.prd-content {
    position: relative;
}

.prd-content > li {
    display: none;
    flex-wrap: wrap;
    pointer-events: none;
}
.prd-content > li:has(.prd-timer) {
    position: relative;
}

/* .prd-content .prd-timer {
    position: absolute;
    top: 57px;
    left: 65px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
} */
.prd-content .prd-timer.type-a {
    color: #ffffff;
}
.prd-content .prd-timer.type-b {
    color: #ffffff;
}

.w50 {
    display: inline-block;
    width: 50%;
}

.prd-content li.active {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

.prd-content .prd-link img {
    width: 100%;
    vertical-align: bottom;
}

.gamtan-promotion a:has(.prd-timer) {
    position: relative;
}
.time-txt {
    position: absolute;
    bottom: 167px;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
}

.time-txt-gamtan-1 {
    bottom: 90px;
}
.time-txt-gamtan-2 {
    bottom: 110px;
}
.time-txt-gamtan-3 {
    bottom: 118px;
}

.time-txt .prd-timer {
    display: inline-block;
    margin-right: 6px;
    font-size: inherit;
    font-weight: inherit;
    color: #c0c0c0;
}

.time-txt-jase {
    bottom: 130px;
    color: #fff;
    font-family: 'SUIT';
}

.time-txt-jase-1 {
    bottom: 143px;
}

.time-txt-junior-1 {
    bottom: 215px;
}
.time-txt-junior-2 {
    bottom: 163px;
}
.time-txt-junior-3 {
    bottom: 132px;
}

/* 260306_여성의 날 */
.time-txt-0306 {
    position: absolute;
    bottom: 178px !important;
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}

.swiper-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.gamtan-promotion .swiper-container .dot-pagination {
    position: absolute;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    z-index: 2;
    width: fit-content;
}

.gamtan-promotion .swiper-container .junior-dot-pagination {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    z-index: 2;
    width: fit-content;
}

.gamtan-promotion .junior-dot-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #777;
}

.gamtan-promotion .dot-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #777;
}

.gamtan-promotion .dot-pagination .swiper-pagination-bullet-active {
    background-color: #999;
}

.gamtan-promotion .junior-dot-pagination .swiper-pagination-bullet-active {
    background-color: #999;
}

/* 260406 자세_pagination
.gamtan-promotion.jase .swiper-container .dot-pagination {
    position: absolute;
    left: 10%;
    bottom: 32px;
    transform: translateX(-50%);
    z-index: 2;
    width: fit-content;
} */

.gamtan-promotion.jase .review_swiper .dot-pagination {
    position: absolute;
    left: 50%;
    bottom: 44px;
    transform: translateX(-50%);
    z-index: 2;
    width: fit-content;
}

.review_swiper svg {
    display: none;
}

.review_swiper .swiper-button-next,
.review_swiper .swiper-button-prev {
    border: none;
    color: #999;
    background: none;
    z-index: 5;
    top: 39% !important;
    transform: translateY(-50%);
}

.review_swiper .swiper-button-next:after,
.review_swiper .swiper-button-prev:after {
    font-size: 34px;
}

.gamtan-promotion .gamtan-swiper-abs .swiper-wrapper {
    position: absolute;
    bottom: 70px;
    height: fit-content;
}

.gamtan-promotion .gamtan-swiper-abs .btn-pagination-list {
    position: absolute;
    top: 286px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    column-gap: 16px;
    width: fit-content;
    height: fit-content;
}
.gamtan-promotion .gamtan-swiper-abs .btn-pagination-list .swiper-pagination-bullet {
    background: none;
    width: fit-content;
    height: fit-content;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 8px 16px;
    border: 1px solid #434833;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 500;
    color: #898989;
    white-space: nowrap;
}
.gamtan-promotion .gamtan-swiper-abs .btn-pagination-list .swiper-pagination-bullet-active {
    border-color: #010101;
    color: #010101;
}

.gamtan-promotion .gamtan-swiper-bg .swiper-wrapper {
    position: absolute;
    top: 0;
}
.gamtan-promotion .gamtan-swiper-bg .swiper-wrapper.mt {
    margin-top: 40px;
}
.gamtan-promotion .gamtan-swiper-bg .swiper-wrapper li a {
    height: 100%;
}
.gamtan-promotion .gamtan-swiper-bg .swiper-wrapper li a img {
    height: 100%;
}
.gamtan-promotion .gamtan-swiper-bg li {
    text-align: center;
}
.gamtan-promotion .gamtan-swiper-bg .swiper-wrapper.mt li {
    height: 90%;
}

.gamtan-promotion .gamtan-swiper-bg li:has(.prd-timer) {
    position: relative;
}

.gamtan-promotion .gamtan-swiper-bg .prd-timer {
    position: absolute;
    bottom: 26px;
    left: 55px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    color: #ffafaf;
}

.gamtan .top-nav li.on {
    color: #11161c;
}

.gamtan .type-a .menu-list .on .btn-prd {
    background-color: #e9fbfe;
    border-bottom: 3px solid #005f93;
    color: #005f93;
}
.gamtan .type-b .menu-list .on .btn-prd {
    background-color: #1a5478;
    border-bottom: 3px solid #ffffff;
    color: #ffffff;
}
.gamtan .type-c .menu-list .on .btn-prd {
    background-color: #e3eff7;
    border-bottom: 3px solid #1a5478;
    color: #1a5478;
}
.gamtan .type-d .menu-list .on .btn-prd {
    background-color: #c7698e;
    border-bottom: 3px solid #ffffff;
    color: #ffffff;
}

.gamtan .type-e .menu-list .on .btn-prd {
    background-color: #e5d9ce;
    border-bottom: 3px solid #3d1c00;
    color: #3d1c00;
}

.gamtan .type-f .menu-list .on .btn-prd {
    border: 2px solid #005f93;
    color: #005f93;
}

.gamtan_nobra .type-a .menu-list .on .btn-prd {
    background-color: #e9fbfe;
    border-bottom: 3px solid #005f93;
    color: #005f93;
}

.jase .top-nav ul {
    background-color: #000000;
}

.jase .top-nav li {
    color: #777777;
}

.jase .top-nav li.on {
    color: #ffffff;
}
.jase .type-a .on .btn-prd {
    background-color: #edf1f8;
    border-bottom: 3px solid #0a0a0a;
    color: #0a0a0a;
}
.jase .type-b .on .btn-prd {
    background-color: #f2f5fa;
    border-bottom: 3px solid #0a0a0a;
    color: #0a0a0a;
}
.jase .type-c .on .btn-prd {
    background-color: #fdecf3;
    border-bottom: 3px solid #0a0a0a;
    color: #0a0a0a;
}
.jase .type-d .on .btn-prd {
    background-color: #edf1f8;
    border-bottom: 3px solid #0a0a0a;
    color: #0a0a0a;
}

.jase .ec-text-bubble {
    background-color: #232323;
    color: #fff;
}

.jase .ec-text-bubble::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='35' fill='none' viewBox='0 0 40 35'%3E%3Cpath fill='%23232323' d='M22.425 33.11c-1.16 1.97-4.01 1.97-5.17 0L.419 4.522C-.758 2.522.684 0 3.004 0h33.671c2.321 0 3.763 2.522 2.585 4.522z'/%3E%3C/svg%3E");
}

.bigCup .type-a .on .btn-prd {
    background-color: #eff7f8;
    border-bottom: 3px solid #1a5478;
    color: #1a5478;
}
.bigCup .type-b .on .btn-prd {
    background-color: #e1e8f6;
    border-bottom: 3px solid #1a3571;
    color: #1a3571;
}

.sports .top-nav li.on {
    color: #005e81;
}
.sports .type-a .on .btn-prd {
    background-color: #edf2ee;
    border-bottom: 3px solid #0a0a0a;
    color: #0a0a0a;
}
.sports .type-b .on .btn-prd {
    background-color: #4c5960;
    border-bottom: 3px solid #fff;
    color: #fff;
}

.junior .top-nav li.on {
    color: #1259b9;
}

.junior-a .menu-list.round {
    background-color: #7890b3;
}
.junior-a .menu-list.round .on .btn-prd {
    background-color: #fff;
    color: #2a4670;
}
.junior-a .menu-list.round .btn-prd {
    background-color: #7890b3;
    border: 2px solid #fff;
    color: #fff;
}

.junior-b .menu-list.round {
    background-color: #fffbdf;
}
.junior-b .menu-list.round .on .btn-prd {
    background-color: #fff;
    border: 3px solid #fff;
    color: #224ead;
}
.junior-b .menu-list.round .btn-prd {
    background-color: #fffbdf;
    border: 3px solid #999;
    color: #999;
}

.junior-c .menu-list.round {
    background-color: #5d7aa5;
}
.junior-c .menu-list.round .on .btn-prd {
    background-color: #fff;
    color: #5d7aa5;
}
.junior-c .menu-list.round .btn-prd {
    border: 2px solid #fff;
    color: #fff;
}
.junior-d .menu-list.round {
    background-color: #fff9ce;
}
.junior-d .menu-list.round .on .btn-prd {
    background-color: #fff;
    border: 3px solid #fff;
    color: #548715;
}
.junior-d .menu-list.round .btn-prd {
    background-color: #fff9ce;
    border: 3px solid #999;
    color: #999;
}
.junior-e .menu-list.round {
    background-color: #d4e1f4;
}
.junior-e .menu-list.round .on .btn-prd {
    background-color: #fff;
    border: 3px solid #fff;
    color: #143769;
}
.junior-e .menu-list.round .btn-prd {
    background-color: #d4e1f4;
    border: 3px solid #999;
    color: #999;
}

.junior .ec-text-bubble {
    background-color: #fff;
    color: #95395c;
}

.junior .ec-text-bubble::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='35' fill='none' viewBox='0 0 40 35'%3E%3Cpath fill='%23FFF' d='M22.425 33.11c-1.16 1.97-4.01 1.97-5.17 0L.419 4.522C-.758 2.522.684 0 3.004 0h33.671c2.321 0 3.763 2.522 2.585 4.522z'/%3E%3C/svg%3E");
}

.abs-anchor {
    position: absolute;
    display: block;
}
.abs-anchor.left {
    top: 300px;
    left: 60px;
    width: 400px;
    height: 400px;
}
.abs-anchor.right {
    top: 600px;
    right: 80px;
    width: 300px;
    height: 300px;
}

.ec-text-bubble {
    position: absolute;
    bottom: 95%;
    left: 50%;
    transform: translate(-50%);
    display: block;
    padding: 8px 24px;
    background-color: #8f2727;
    border-radius: 999px;
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    animation: newFloatY 2s ease-in-out infinite;
}

.ec-text-bubble::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    display: inline-block;
    width: 24px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='35' fill='none' viewBox='0 0 40 35'%3E%3Cpath fill='%238F2727' d='M22.425 33.11c-1.16 1.97-4.01 1.97-5.17 0L.419 4.522C-.758 2.522.684 0 3.004 0h33.671c2.321 0 3.763 2.522 2.585 4.522z'/%3E%3C/svg%3E");
    background-size: cover;
}

@keyframes newFloatY {
    0%,
    100% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -10px);
    }
}

/* BASIC css end */