/* 공통 */

.c-custom-scrollbar.c-custom-scrollbar{
    padding: 0;
}

.c-tab--main-sticky{
    &.c-tab--1depth {
        .c-tab__item {
            .c-tab__button,.c-tab__button_link{
                padding: 0 calc(8*var(--ratio));
            }
        }
    }
}

.c-product__item.c-product__badge{
  	.c-product__badge--coupon-discount{
    	display:none;
  	}
  &.is-visible{
  	.c-product__badge--coupon-discount{
    	display:block;
  	}
  }
}

.c-product__badge--coupon-discount{
    color: white;
    background-color: #e53935;
}

.

.c-tab__inner{
    background-color: #fff;
}

.c-tab--3depth-type01 {
    .c-tab__inner {
        padding: calc(12 * var(--ratio)) 0 !important;
    }
}

.is-hidden-tab{
    display: none;
}



.l-article__banner{
    position: relative;
    .l-alrticle__banner-link{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}




.c-tab__inner_link {
    display: flex;
    flex-direction: row;
    background-color: #fff;
        border-bottom: solid calc(1 * var(--ratio)) var(--gray-g30);
    .c-tab__inner_link--title{
        position: relative;
        display: flex;
        align-items: center;
        font-size: calc(16*var(--ratio));
        font-weight: bold;
        color: #885439;
        padding: 0 calc(12*var(--ratio));
        cursor: pointer;
    }
    .c-tab__inner_link--divider{
        position: relative;
        display: flex;
        width: calc(16*var(--ratio));
        align-items: center;
        justify-content: center;
        &::after{
            content: " ";
            width: 2px;
            height: calc(12*var(--ratio));
            background-color: #777;
        }
    }
    .c-tab__button_link {
        padding: 0;
        min-height: 72px;
        font-size: 26px;
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: -0.04em;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-align: center;
        white-space: nowrap;
        color: #777;
        background-color: var(--gray-white);
        padding: 0 calc(8*var(--ratio));
        @media screen and (width <= 767px) {
            min-height: calc(44 * var(--ratio));
            font-size: calc(16 * var(--ratio));
            line-height: calc(21 * var(--ratio));
        }
        &::after{
            content: ' ';
            width: calc(14*var(--ratio));
            height: calc(14*var(--ratio));
            background: url('/kr/event/2026/09/18_namdalge_sale/images/ico_arrow_link.svg') center/calc(14*var(--ratio)) no-repeat;
            margin-top: calc(-7*var(--ratio));
        }
    }
    .c-tab__item {
        flex: 1;
    }
    .c-tab__item.active .c-tab__button {
        font-weight: 700;
    }
}
.c-button {
    & .c-button__icon--arrow-down-white {
        &.c-button__icon-right {
            transform: rotate(-90deg);
        }
    }
}

.c-coupon--black {
    .c-coupon__benefit {
        color: #FFF!important;
    }
}
/* 
.other-sticky-banner{
    position: sticky;
    top: 0;
    left: 0;
    z-index: 22;
}

.c-tab--main-sticky {
    top: calc(var(--header-height) + var(--sticky-main-switch-height) + 78px);
}
[data-tab-sticky="2depth"] {
    top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height) + 78px);
} 
[data-tab-sticky="3depth"] {
    top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height) + var(--sticky-2depth-height) + 78px);
}    */



.c-swiper.c-swiper {
    .swiper-container{
        padding: 0!important;
    }
}
.video__box{
    overflow: hidden;
    border-radius: calc(16*var(--ratio));
}

.c-list--normal {
    margin-left: calc(5*var(--ratio))!important;
    & .c-list__item {
        &.c-list__item-noDot{
            padding-left: 0!important;
            &::before {
                display: none!important;
            }
        }
    }
}
.c-custom-scrollbar.c-custom-scrollbar{
    padding-bottom: 1px!important;
    background-color: #fff!important;
}

.c-tab.c-tab--3depth.c-tab--3depth-type01::before,
.c-tab.c-tab--2depth.c-tab--2depth-type01::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    top: -1px;
    position: absolute;
}
/* 공통 */


/*******************************************/
/* 공통 헤딩배너/쿠폰타입/타이머타입 */
/*******************************************/

.event-benefit-template .c-product__badge--time-left{
	display: none;
}
.c-coupon {
    .c-coupon__ico--link {
        &.black-ico{
            background: url(/kr/event/promotions/images/icon-new-black-link.svg) center / calc(20 * var(--ratio)) no-repeat;
        }
    }
}

.l-article__banner-container{
    &.banner_txt_type01 {
        .l-article__banner-content{
            background-color: #EFE5C3;
            border-radius: calc(24 * var(--ratio)) calc(24 * var(--ratio)) 0px 0px;
            .l-article__banner-inner {
                min-height: calc(120 * var(--ratio));
                display: flex;
                align-items: center;
                .l-banner__title {
                    display: flex;
                    flex-direction: column;
                    gap: calc(2 * var(--ratio));
                    margin-left: calc(36 * var(--ratio));
                    .l-banner_title_desc {
                        font-size: calc(16 * var(--ratio));
                        font-weight: 600;
                        line-height: 1.4;
                        letter-spacing: -0.04em;
                        color: #9D0A09;
                    }
                    .l-banner_title_title {
                        font-size: calc(26 * var(--ratio));
                        font-weight: 700;
                        line-height: 1.4;
                        letter-spacing: -0.04em;
                        color: #262626;
                    }
                }
                .l-banner__ico {
                    width: calc(94*var(--ratio));
                    margin-left: auto;
                    margin-right: calc(20*var(--ratio));
                    img{
                        display: block;
                        width: 100%;
                    }
                }
            }
        }
        &.dark-mode{
            .l-article__banner-content {
                background-color: #000;
                .l-article__banner-inner {
                    .l-banner__title {
                        .l-banner_title_desc {
                    color: #FD312E;
                        }
                        .l-banner_title_title {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    
    &.banner_txt_type02 {
        .l-article__banner-content{
            background-color: #EFE5C3;
            border-radius: calc(24 * var(--ratio)) calc(24 * var(--ratio)) 0px 0px;
            height: calc(192 * var(--ratio));
            .l-article__banner-inner {
                padding-top: calc(12 * var(--ratio));
                .l-article__banner-inner-top{
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                    padding-bottom: calc(12*var(--ratio));
                    .l-banner__title {
                        display: flex;
                        height: unset;
                        flex-direction: column;
                        gap: calc(2 * var(--ratio));
                        justify-content: center;
                        margin-left: calc(36 * var(--ratio));
                        min-width: 0;
                        .l-banner_title_desc {
                            font-size: calc(16 * var(--ratio));
                            font-weight: 600;
                            line-height: 1.4;
                            letter-spacing: -0.04em;
                            color: #9D0A09;
                        }
                        
                        .l-banner_title_title {
                            font-size: calc(26 * var(--ratio));
                            font-weight: 700;
                            line-height: 1.4;
                            letter-spacing: -0.04em;
                            color: #000;
                        }
                    }
                    .l-banner__ico {
                        width: calc(94*var(--ratio));
                        margin-left: auto;
                        margin-right: calc(20*var(--ratio));
                        img{
                            display: block;
                            width: 100%;
                        }
                    }
                }
                
                .c-timer {
                    max-width: calc(342 * var(--ratio));
                    flex: 0 0 100%;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: calc(20 * var(--ratio));
                }
            }
        }
        &.dark-mode{
            .l-article__banner-content {
                background-color: #000;
                .l-article__banner-inner {
                    .l-banner__title {
                        .l-banner_title_desc {
                    color: #FD312E;
                        }
                        .l-banner_title_title {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}



.l-article__banner-container {
    &.banner_txt_type02 {
        .l-article__banner-content {
            .l-article__banner-inner {
                margin: 0 auto;
                padding-left: 0;
                padding-right: 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                align-content: flex-start;
            }
        }
    }
}



.c-coupon__banner {
    background-color: #FD312E!important;
    mask-image: unset!important;
    height: calc(55 * var(--ratio))!important;
    border-radius: calc(4 * var(--ratio))!important;

    .c-coupon__benefit {
        width: auto!important;
        padding: 0 calc(21 * var(--ratio)) 0 calc(19 * var(--ratio))!important;
    }
    
    .c-coupon__title {
        min-width: calc(222 * var(--ratio))!important;
        margin: calc(15.5 * var(--ratio)) 0px!important;
    }
    
    .c-coupon__title-main {
        font-size: calc(14 * var(--ratio))!important;
        color: var(--lge-gray-g00)!important;
        line-height: 1!important;
    }
    
    .c-coupon__title-desc {
        color: var(--lge-gray-g00)!important;
    }
    
    .c-coupon__button-box {
        width: calc(60 * var(--ratio))!important;
    }
    
    .c-coupon__button-text {
        color: var(--lge-gray-g00)!important;
    }
    
    .c-coupon__ico--coupon {
        background: url(/kr/event/promotions/images/icon-new-red-coupon.svg) center / calc(28 * var(--ratio)) no-repeat!important;
    }
}


.c-timer {
    &.c-timer--type01 {
        color: #fff;
        font-weight: 500;
        font-size: calc(11 * var(--ratio));
        gap: calc(4 * var(--ratio));
        line-height: 1.4;
        background: url('/kr/event/promotions/images/ico_white_bg_timer.svg') left center/calc(16 * var(--ratio)) no-repeat;
        padding-left: calc(20 * var(--ratio));
    }
    &.c-timer--type02 {
        position: unset;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: #fff;
        font-weight: 800;
        background-color: #2B2B2B;
        font-size: calc(18 * var(--ratio));
        line-height: calc(20 * var(--ratio));
        left: calc(20 * var(--ratio));
        right: calc(20 * var(--ratio));
        bottom: calc(24 * var(--ratio));
        padding: calc(16 * var(--ratio)) calc(20 * var(--ratio));
        border-radius: calc(8 * var(--ratio));
        max-width: calc(350 * var(--ratio));
        width: 100%;
        height: auto;

        .c-timer__title {
            font-size: calc(15 * var(--ratio));
            font-weight: 600;
        }

        .c-timer__content-wrap {
            display: flex;
            gap: calc(8 * var(--ratio));

            .c-timer__icon {
                display: flex;
                width: calc(18 * var(--ratio));
                height: calc(18 * var(--ratio));
                background: url('/kr/event/promotions/images/ico_white_timer.svg') center/calc(18 * var(--ratio)) no-repeat;
                margin-top: calc(1 * var(--ratio));
            }

            .c-timer__content {
                display: flex;
                gap: calc(2 * var(--ratio));

                .c-timer__box {
                    display: flex;
                    flex-direction: row;
                    gap: calc(2 * var(--ratio));

                    &::after {
                        content: ':';
                        line-height: calc(16 * var(--ratio));
                    }

                    &:last-child {
                        &::after {
                            display: none;
                        }
                    }
                }
            }

            .c-timer__unit {
                font-size: 0;
                display: none;
            }
        }
    }
    &.c-timer--type03 {
        position: unset;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: #fff;
        font-weight: 800;
        background-color: #FD312E;
        font-size: calc(18 * var(--ratio));
        line-height: calc(20 * var(--ratio));
        left: calc(20 * var(--ratio));
        right: calc(20 * var(--ratio));
        bottom: calc(24 * var(--ratio));
        padding: calc(17 * var(--ratio)) calc(20 * var(--ratio));
        border-radius: calc(8 * var(--ratio));
        border: none;
        max-width: calc(350 * var(--ratio));
        width: 100%;
        height: auto;

        .c-timer__title {
            font-size: calc(14 * var(--ratio));
            font-weight: 600;
        }

        .c-timer__content-wrap {
            display: flex;
            gap: calc(6 * var(--ratio));

            .c-timer__icon {
                display: flex;
                width: calc(18 * var(--ratio));
                height: calc(18 * var(--ratio));
                background: url('/kr/event/promotions/images/ico_white_timer.svg') center/calc(18 * var(--ratio)) no-repeat;
                margin-top: calc(1 * var(--ratio));
            }

            .c-timer__content {
                display: flex;
                gap: calc(2 * var(--ratio));

                .c-timer__box {
                    display: flex;
                    flex-direction: row;
                    gap: calc(2 * var(--ratio));

                    &::after {
                        content: ':';
                        line-height: calc(20 * var(--ratio));
                    }

                    &:last-child {
                        &::after {
                            display: none;
                        }
                    }
                }
            }

            .c-timer__unit {
                font-size: 0;
                display: none;
            }
        }
    }

    &.c-timer--type04 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-weight: 600;
        font-size: calc(14 * var(--ratio));
        line-height: calc(20 * var(--ratio));
        max-width: calc(350 * var(--ratio));
        width: 100%;
        height: calc(40 * var(--ratio));
        border-radius: calc(8 * var(--ratio));
        padding: calc(10 * var(--ratio)) calc(20 * var(--ratio));

        .c-timer__title {
            font-size: calc(14 * var(--ratio));
            font-weight: 600;
        }

        .c-timer__content-wrap {
            display: flex;
            gap: calc(4 * var(--ratio));

            .c-timer__icon {
                display: flex;
                width: calc(20 * var(--ratio));
                height: calc(20 * var(--ratio));
                background: url('/kr/event/promotions/images/ico_red_bg_timer.svg') center/calc(20 * var(--ratio)) no-repeat;
            }

            .c-timer__content {
                display: flex;
                gap: calc(2 * var(--ratio));

                .c-timer__box {
                    display: flex;
                    flex-direction: row;
                    gap: calc(1 * var(--ratio));

                    &::after {
                        content: ':';
                        line-height: calc(20 * var(--ratio));
                    }

                    &:last-child {
                        &::after {
                            display: none;
                        }
                    }
                }
            }

            .c-timer__unit {
                font-size: 0;
                display: none;
            }
        }
    }
    
    &.c-timer--type05 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-weight: 600;
        font-size: calc(14 * var(--ratio));
        line-height: calc(20 * var(--ratio));
        max-width: calc(350 * var(--ratio));
        width: 100%;
        height: calc(40 * var(--ratio));
        border: 1px solid #EA1917;
        border-radius: calc(8 * var(--ratio));
        padding: calc(10 * var(--ratio)) calc(20 * var(--ratio));
        margin: 0 calc(20 * var(--ratio)) 0;

        .c-timer__title {
            font-size: calc(14 * var(--ratio));
            font-weight: 600;
        }

        .c-timer__content-wrap {
            display: flex;
            gap: calc(4 * var(--ratio));

            .c-timer__icon {
                display: flex;
                width: calc(20 * var(--ratio));
                height: calc(20 * var(--ratio));
                background: url('/kr/event/2026/04/01_all_new_sale/images/ico_red_bg_timer.svg') center/calc(20 * var(--ratio)) no-repeat;
            }

            .c-timer__content {
                display: flex;
                gap: calc(2 * var(--ratio));

                .c-timer__box {
                    display: flex;
                    flex-direction: row;
                    gap: calc(1 * var(--ratio));

                    &::after {
                        content: ':';
                        line-height: calc(20 * var(--ratio));
                    }

                    &:last-child {
                        &::after {
                            display: none;
                        }
                    }
                }
            }

            .c-timer__unit {
                font-size: 0;
                display: none;
            }
        }
    }
}
/*******************************************/
/* 공통 헤딩배너/쿠폰타입/타이머타입 */
/*******************************************/




/* 혜택모음 */
.l-article-benefits{
    .l-article__content{
        .link_benefits_button{
            position: absolute;
            &.link_benefits_01{
                top: 0;
                left: 0;
                width: calc(111 * var(--ratio));
                height: calc(116 * var(--ratio));
            }
            &.link_benefits_02{
                top: 0;
                left: calc(120 * var(--ratio));
                width: calc(111 * var(--ratio));
                height: calc(116 * var(--ratio));
            }
            &.link_benefits_03{
                top: 0;
                right: 0;
                width: calc(111 * var(--ratio));
                height: calc(116 * var(--ratio));
            }
            &.link_benefits_04{
                top: calc(124 * var(--ratio));
                left: 0;
                width: calc(111 * var(--ratio));
                height: calc(116 * var(--ratio));
            }
            &.link_benefits_05{
                top: calc(124 * var(--ratio));
                left: calc(120 * var(--ratio));
                width: calc(111 * var(--ratio));
                height: calc(116 * var(--ratio));
            }
            &.link_benefits_06{
                top: calc(124 * var(--ratio));
                right: 0;
                width: calc(111 * var(--ratio));
                height: calc(116 * var(--ratio));
            }
        }
    }
}

.more-benefit-view{
    .j-coupon-swiper{
        .swiper-container{
            padding: 0!important;
        }
    }
    .c-title__flex{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(8 * var(--ratio));
        justify-content: center;
        .c-title--badge{
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: calc(4 * var(--ratio));
            font-size: calc(12 * var(--ratio));
            font-weight: 500;
            line-height: 1.4;
            color: #fff;
            background-color: #FD312E;
            padding: calc(2*var(--ratio)) calc(6*var(--ratio));
        }
    }
    .coupon-benefits-list{
        display: flex;
        flex-direction: column;
        row-gap: calc(10*var(--ratio));
    }
    .coupon-benefits-black{
        background-color: #000;
        .c-title--normal{           
        }
        .swiper-slide{
            width: calc(320* var(--ratio));
        }
        .c-coupon{
            width: calc(320* var(--ratio));
            height: calc(68* var(--ratio));
            margin: 0 auto;
            border-radius: calc(4* var(--ratio));
            overflow: hidden;
            display: flex;
            -webkit-mask-image: radial-gradient(circle at 100% 50%, transparent calc(6* var(--ratio)), var(--primary-black) calc(7* var(--ratio)));
            mask-image: radial-gradient(circle at 100% 50%, transparent calc(6* var(--ratio)), var(--primary-black) calc(7* var(--ratio)));
            .c-coupon__title {
                min-width: calc(182 * var(--ratio));
                margin: 0;
            }
        }
        .c-toggle{
          margin: 0 calc(20*var(--ratio));
        }
    }
    .c-custom-accordion__area--fade {
        height: calc(125 * var(--ratio));
        &::after {
            content: '';
            position: absolute;
            z-index: 2;
            top: auto;
            left: 0;
            width: 100%;
            height: calc(130 * var(--ratio));
            bottom: calc(-49 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #000 56.25%);
        }
    }
.c-custom-accordion__btn-wrap:has(.c-button__inner > .c-custom-accordion__btn[aria-expanded="false"]) {
    background-color: #000;
}

.c-custom-accordion__btn-wrap:has(.c-button__inner > .c-custom-accordion__btn[aria-expanded="true"]){
    &.c-button--box-outlined-white {
    .c-button__label {
        background-color: #fff;
        color: #000;
        border-color: #000;
            .c-button__icon--arrow-down-white {
                width: calc(16 * var(--ratio));
                height: calc(16 * var(--ratio));
                background: url(/kr/event/promotions/images/icon-new-line-chevron-down-black.svg) no-repeat;
                background-size: contain;
            }
    }
}
}
    
}
/* // 혜택모음 */





/* 르게다꼼 */
.l-article_lge_com{
    .c-tab__panel-event{
        background-color: #FAF6EE;
    }
}
/* // 르게다꼼 */





/* 번들할인 */
.l-article-bundle{
    .c-title__sub-main{
        font-size: calc(17 * var(--ratio));
        margin-top: calc(12 * var(--ratio));
        font-weight: 600;
    }
    .bundle-product-hide {
        display: none !important;
    }
}
/* 번들할인 */




/* 베스트랭킹 */
.l-article-ranking{
    .ranking-eyebrow-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: calc(10 * var(--ratio));
        .tooltip-wrap{
            width: auto;
            height: auto;
        }
        .ui_tooltip-target {
            display: inline-flex;
            align-items: center;
            gap: calc(4 * var(--ratio));
            width: auto;
            height: auto;
            background-image: none;
            color: #111;
            font-size: calc(12 * var(--ratio));
            font-weight: 400;
            line-height: 1;
            letter-spacing: calc(-0.2 * var(--ratio));
            &::before {
                content: '';
                display: inline-block;
                background: url(/kr/event/2026/09/18_namdalge_sale/images/icon_tooltip_notice_black.svg) no-repeat;
                background-size: contain;
                width: calc(14 * var(--ratio));
                height: calc(14 * var(--ratio));
                flex-shrink: 0;
            }
        }
    }
}
/* // 베스트 래킹 */



/* 제휴 혜택 */
.l-article-coalition{

    .c-swiper.c-swiper {
        .swiper-container{
            padding: 0!important;
            .swiper-button-disabled {
                pointer-events: unset!important;
                cursor: pointer!important;
                opacity: 1!important;
                display: block!important;
            }
            .button_coalition_link{
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 14%;
            }
        }
        .swiper-pagination-bullets {
            width: 100%!important;
        }
        .swiper-navigation{
            width: 100%;
            max-width: calc(350*var(--ratio));
            height: calc(22*var(--ratio));
            position: absolute;
            & > button{
                position: absolute;
                display: block!important;
                opacity: 1;
                width: calc(22*var(--ratio));
                height: calc(22*var(--ratio));
                display: block!important;
                box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
                border-radius: 100%;
                z-index: 2;
                &.swiper-navigation-button--prev{
                    background: url(/kr/event/2026/09/18_namdalge_sale/images/ico_arrow_left.svg);
                    background-position: center;
                    background-size: cover;
                    transform:none!important;
                    top: calc(161*var(--ratio));
                    left: calc(-11*var(--ratio));;
                }
                &.swiper-navigation-button--next{
                    background: url(/kr/event/2026/09/18_namdalge_sale/images/ico_arrow_right.svg);
                    background-position: center;
                    background-size: cover;
                    transform:none!important;
                    top: calc(161*var(--ratio));
                    right: calc(-11*var(--ratio));;
                }
            }
        }
    }
}

/* // 제휴 혜택 */




/* 이달의 기획전 */

.l-article-monthly{
    .l-article__inner{
    }
    .swiper-container{
        padding: 0!important ;
    }
    .swiper-slide{
        max-width: calc(340*var(--ratio));
    }
    .c-swiper__controls{
        margin-right: calc(20*var(--ratio));
    }
}
/* // 이달의 기획전 */