/*******************************************/
/* 공통 탭 */
/*******************************************/
.c-tab--1depth-type01 {
    .c-tab__item .c-tab__button {
        padding: 0 calc(16*var(--ratio));
    }
}
.c-custom-scrollbar.c-custom-scrollbar {
    padding-bottom: 0;
}

.c-tab {
    .c-tab__inner {
        background-color: #fff;
    }
}
.c-tab--3depth {
    .c-tab__inner {
        padding: calc(12*var(--ratio)) 0;
    }
}
/*******************************************/
/* 공통 탭 */
/*******************************************/



/*******************************************/
/* 제품 스펙 추가 */
/*******************************************/

.c-product__keywords {
    display: inline-flex;
    height: calc(16 * var(--ratio));
    vertical-align: text-top;
    gap: calc(4 * var(--ratio));
    margin-top: 2px;
}
.c-product__keyword {
    font-size: calc(10 * var(--ratio));
    line-height: calc(16 * var(--ratio));
    font-weight: 600;
    padding: 0 calc(5 * var(--ratio));
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #f3f3f3;
}

.l-article-first .c-product__keywords {
    display: inline-flex;
}


/*******************************************/
/* // 제품 스펙 추가 */
/*******************************************/






/*******************************************/
/* 공통 버튼 */
/*******************************************/
.c-button-link-box{
    padding: calc(8*var(--ratio)) 0 calc(32*var(--ratio));
    margin-top: 0;
}

.c-button {
    .c-button__icon--arrow-down-white {
        &.c-button__icon-right{
            transform: rotate(-90deg);
        }
    }
}

.button_banner_link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.c-coupon__number,
.c-coupon__unit{
  font-family: 'Google Sans Flex';
}
.c-coupon {
    .c-coupon__unit--per {
        font-size: calc(12 * var(--ratio));
        margin-top: calc(4*var(--ratio));
    }
    .c-coupon__unit--kor {
        font-size: calc(10 * var(--ratio));
        margin-top: calc(4*var(--ratio));
    }
}
/*******************************************/
/* // 공통 버튼 */
/*******************************************/




/*******************************************/
/* 배너형 링크 버튼 */
/*******************************************/
.l-article__banner{
    position: relative;
    .button_banner_link{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
/*******************************************/
/* 배너형 링크 버튼 */
/*******************************************/






/*******************************************/
/* 공통 헤딩배너/쿠폰타입/타이머타입 */
/*******************************************/
.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: #E8DDDB;
            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: 500;
                        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%;
                    }
                }
            }
        }
    }
    
    &.banner_txt_type02 {
        .l-article__banner-content{
            background-color: #E8DDDB;
            border-radius: calc(24 * var(--ratio)) calc(24 * var(--ratio)) 0px 0px;
            height: calc(206 * var(--ratio));
            .l-article__banner-inner {
                padding-top: calc(13 * var(--ratio));
                .l-article__banner-inner-top{
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                    padding-bottom: calc(13*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: 500;
                            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%;
                        }
                    }
                }
                
                .c-timer {
                    max-width: calc(342 * var(--ratio));
                    flex: 0 0 100%;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: calc(32 * var(--ratio));
                }
            }
        }
    }
}



.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;
            mask-image: unset;
            height: calc(55 * var(--ratio));
            border-radius: calc(8 * var(--ratio));

            .c-coupon__benefit {
                width: calc(51 * var(--ratio));
                padding-left: calc(7 * var(--ratio));
            }
            
            .c-coupon__title {
                min-width: calc(239 * var(--ratio));
                margin: calc(15.5 * var(--ratio)) 0px;
            }
            
            .c-coupon__title-main {
                font-size: calc(15 * var(--ratio));
                color: var(--lge-gray-g00);
                line-height: calc(24 * var(--ratio));
            }
            
            .c-coupon__title-desc {
                color: var(--lge-gray-g00);
            }
            
            .c-coupon__button-box {
                width: calc(60 * var(--ratio));
            }
            
            .c-coupon__button-text {
                color: var(--lge-gray-g00);
            }
            
            .c-coupon__ico--coupon {
                background: url(/kr/event/promotions/images/icon-new-red-coupon.svg) center / calc(28 * var(--ratio)) no-repeat;
            }
        }
    }
}





.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.5 * 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(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;
        margin-top: calc(02*var(--ratio));
        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));

        .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;
            }
        }
    }
    
}
/*******************************************/
/* 공통 헤딩배너/쿠폰타입/타이머타입 */
/*******************************************/



/*******************************************/
/* kv */
/*******************************************/
.c-responsive-video {
    position: relative;
    overflow: hidden;

    .c-responsive-video__poster,
    .c-responsive-video__element {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .c-responsive-video__poster {
        display: block;
    }

    .c-responsive-video__element {
        position: absolute;
        inset: 0;
        z-index: 1;
    }

    .img_kv_link {
        position: absolute;
        left: 50%;
        bottom: calc(28 * var(--ratio));
        z-index: 2;
        width: calc(188 * var(--ratio));
        height: calc(32 * var(--ratio));
        transform: translateX(-50%);
    }
}
/*******************************************/
/* kv */
/*******************************************/





/*******************************************/
/* 혜택 모음 > 한눈에 보는 혜택 */
/*******************************************/
.l-article-benefits{
    .link_benefits_button{
        position: absolute;
        &.link_benefits_01{
            top: 35.7%;
            left: 7.2%;
            width: 24.2%;
            height: 10.4%;
        }
        &.link_benefits_02{
            top: 35.7%;
            left: 38%;
            width: 24.2%;
            height: 10.4%;
        }
        &.link_benefits_03{
            top: 35.7%;
            left: 68.8%;
            width: 24.2%;
            height: 10.4%;
        }
        &.link_benefits_04{
            bottom: 2.4%;
            left: 7.2%;
            width: 24.2%;
            height: 10.4%;
        }
        &.link_benefits_05{
            bottom: 2.4%;
            left: 38%;
            width: 24.2%;
            height: 10.4%;
        }
        &.link_benefits_06{
            bottom: 2.4%;
            left: 68.8%;
            width: 24.2%;
            height: 10.4%;
        }
    }
}

/*******************************************/
/* // 혜택 모음 > 한눈에 보는 혜택 */
/*******************************************/






/*******************************************/
/* 혜택 모음 > 혜택 상세보기 */
/*******************************************/
.more-benefit-view{
    .c-custom-accordion__area--fade {
        height: calc(94 * var(--ratio));
        &::after {
            height: calc(141 * var(--ratio));
            top: auto;
            bottom: calc(-45 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.37%, #FFF 65.76%);
        }
    }
    .coupon-benefits-list{
        display: flex;
        flex-wrap: wrap;
        row-gap: calc(10*var(--ratio));
    }
    .coupon-benefits-black{
        background-color: #000;
        .c-title--normal {
            .c-title__sub-main {
                color: #fff;
            }
        }
        .c-button--text {
            .c-button__label {
                color: #fff;
                &::after {
                    width: calc(16 * var(--ratio));
                    height: calc(16 * var(--ratio));
                    transform: translateY(-50%) rotate(180deg);
                    background: url(/kr/event/promotions/images/icon-new-line-chevron-up-white.svg) no-repeat;
                    background-size: contain;
                }
            }
        }
        .c-toggle__content--black-bg{
            background-color: #262626;
            .c-toggle__title {
                color: #fff;
            }
            .c-list__item{
                color: #CACACA;
                &::before {
                    background-color: #CACACA;
                }
            }
        }
    }
    .lg-only-purchase-benefits{
        .c-toggle--normal{
            background-color: #e3e0dc;
            .c-button--text-arrow-down {
                & .c-button__label {
                    padding: 0;
                    &::after {
                        display: none;
                    }
                    .c-button__text{
                        display: none;
                        text-decoration: underline;
                        text-underline-offset: calc(2*var(--ratio));
                        &.c-button__text_open{
                            display: block;
                        }
                    }
                }
            }
            &.on{
                .c-button--text-arrow-down {
                    & .c-button__label {
                        &::after {
                            display: none;
                        }
                        .c-button__text{
                            display: none;
                            &.c-button__text_open{
                                display: none;
                            }
                            &.c-button__text_close{
                                display: block;
                            }
                        }
                    }
                }
            }
        }
        .lg-only-purchase-benefits__linker-01 {
            width: 12.1%;
            height: 4%;
            top: 42%;
            left: 35.4%;
        }
        .lg-only-purchase-benefits__linker-02 {
            width: 20.5%;
            height: 4%;
            top: 42%;
            left: 50%;
        }
        .lg-only-purchase-benefits__linker-03 {
            width: 14.5%;
            height: 4%;
            top: 66.2%;
            left: 35.4%;
        }
        .lg-only-purchase-benefits__linker-04 {
            width: 14.5%;
            height: 4%;
            top: 90.5%;
            left: 35.4%;
        }
        .lg-only-purchase-benefits__linker-05 {
            width: 15%;
            height: 14%;
            bottom: 22.4%;
            left: 35.2%;
        }

    }

    .homestyle_review_event_link{
        position: absolute;
        width: 86.4%;
        height: 8.5%;
        bottom: 6%;
        left: 6.9%;
    }
    .multiple_item_link{
        position: absolute;
        width: 86.4%;
        height: 10.8%;
        bottom: 7.5%;
        left: 6.9%;
    }
    .j-qna-view-more{
        .link_btn_download {
            span {
                color: #3E7EFF;
                text-decoration: underline;
                text-underline-offset: calc(4 * var(--ratio));
            }
        }
        .c-button--text{
            display: none;
        }
    }
    [data-accordion-toggle="true"] {
        .c-custom-accordion__btn-wrap:has([aria-expanded="true"]) {
            margin-top: calc(16 * var(--ratio));
        }
    }
}


/*******************************************/
/* // 혜택 모음 > 혜택 상세보기 */
/*******************************************/





/* ================================ */
/* 가전 베스트 > 가전 베스트 제품 영역 */
/* ================================ */

.l-article-sale-best{
}

/* ================================ */
/* 가전 베스트 > 가전 베스트 제품 영역 */
/* ================================ */








/* ================================ */
/* 김나영&마이큐 추천 */
/* ================================ */

.l-article-kimnyoung-myq{
    .contents_video_button01_01{
        position: absolute;
        width: 78%;
        height: 11.5%;
        top: 80%;
        left: 11%;
    }
    
}


    .popup-wrap_video{
        max-width: 420px;
        .l-article__content{
            padding-top: calc(32*var(--ratio));
            @media screen and (max-width: 767px) {
                padding-top: calc(64*var(--ratio));
            }
            .c-title{
                font-size: calc(12 * var(--ratio));
                position: absolute;
                font-weight: 700;
                left: 0;
                top: 0;
                text-align: center;
                width: 100%;
                margin: 0;
                line-height: calc(32 * var(--ratio));
                @media screen and (max-width: 767px) {
                    line-height: calc(64 * var(--ratio));
                }
            }
            video{
                width: 420px;
                @media screen and (max-width: 767px) {
                    width: calc(350*var(--ratio));
                    margin: 0 auto;
                }
            }
        }
    }

    
    .popup-wrap>.btn-close {
        position: absolute;
        top: 20px!important;
        right: 20px!important;
        width: 24px!important;
        height: 24px!important;
    }

/* ================================ */
/* // 김나영&마이큐 추천 */
/* ================================ */







/* ================================ */
/* AI추천 */
/* ================================ */

.l-article-recommended-ai{
    .ai-link {
        position: absolute;
        &.ai-linker__01_00 {
            width: calc(318 * var(--ratio));
            height: calc(52 * var(--ratio));
            top: calc(16 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__01_01 {
            width: calc(318 * var(--ratio));
            height: calc(53 * var(--ratio));
            top: calc(84 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__01_02 {
            width: calc(318 * var(--ratio));
            height: calc(40 * var(--ratio));
            top: calc(144 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__01_03 {
            width: calc(318 * var(--ratio));
            height: calc(53 * var(--ratio));
            top: calc(191 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__02_00 {
            width: calc(318 * var(--ratio));
            height: calc(52 * var(--ratio));
            top: calc(16 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__02_01 {
            width: calc(318 * var(--ratio));
            height: calc(40 * var(--ratio));
            top: calc(84 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__02_02 {
            width: calc(318 * var(--ratio));
            height: calc(54 * var(--ratio));
            top: calc(131 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__02_03 {
            width: calc(318 * var(--ratio));
            height: calc(53 * var(--ratio));
            top: calc(191 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__03_00 {
            width: calc(318 * var(--ratio));
            height: calc(52 * var(--ratio));
            top: calc(16 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__03_01 {
            width: calc(318 * var(--ratio));
            height: calc(40 * var(--ratio));
            top: calc(84 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__03_02 {
            width: calc(318 * var(--ratio));
            height: calc(54 * var(--ratio));
            top: calc(131 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__03_03 {
            width: calc(318 * var(--ratio));
            height: calc(53 * var(--ratio));
            top: calc(191 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__04_00 {
            width: calc(318 * var(--ratio));
            height: calc(52 * var(--ratio));
            top: calc(16 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__04_01 {
            width: calc(318 * var(--ratio));
            height: calc(52 * var(--ratio));
            top: calc(84 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__04_02 {
            width: calc(318 * var(--ratio));
            height: calc(54 * var(--ratio));
            top: calc(143 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
        &.ai-linker__04_03 {
            width: calc(318 * var(--ratio));
            height: calc(53 * var(--ratio));
            top: calc(203 * var(--ratio));
            left: calc(16 * var(--ratio));
        }
    }



}
/* ================================ */
/* // AI추천 */
/* ================================ */




/* ================================ */
/* 홈스타일 베스트 > 홈스타일 브랜드 데이즈 */
/* ================================ */

.l-article-homestyle-branddays{
    .l-article__inner{
        gap: 0;
        .c-swiper.c-swiper {
            .swiper-container {
                padding: 0;
            }
        }
    }
}

/* ================================ */
/* // 홈스타일 베스트 > 홈스타일 브랜드 데이즈 */
/* ================================ */







/* ================================ */
/*  홈스타일 추천 > 써머 에센셜 세일 */
/* ================================ */
.l-article-homestyle-essential{
    .l-article__inner{
        gap: 0;
    }
}

/* ================================ */
/* 홈스타일 추천 > 써머 에센셜 세일 */
/* ================================ */




/* ================================ */
/*  홈스타일 추천 > 써머 에센셜 세일 */
/* ================================ */


.l-article-homestyle-bundle {
    background-color: #000;
    .c-title__main {
        color: #fff;
        text-align: center;
    }
    .l-article__inner {
        gap: 0;
        .l-article__banner {
            margin: calc(16*var(--ratio)) auto calc(8*var(--ratio));
        }
        .l-article__content-banner {
            position: relative;
            margin: calc(16 * var(--ratio)) calc(20 * var(--ratio)) calc(8 * var(--ratio));
        }
        .c-product__item {
            background-color: transparent;
        }

        .c-product__brand-name {
            color: #a7a7a7;
        }

        .c-product__price-item--member {
            color: #fff;
        }

        .c-product__name {
            color: #fff;
            word-break: break-all;
        }

        .c-product__price-item--original {
            color: #a7a7a7;
        }

        .c-product__visual {
            border: none;
        }
    }
    .l-article__content {
        row-gap: 0;
    }
    .c-tab--3depth-type01 {
        margin: 0;
        .c-tab__inner {
            background-color: transparent;
        }
        .c-tab__item {
            border-color: #A7A7A7;

            &.active {
                background-color: #fff;
                border-color: #fff;

                .c-tab__button {
                    color: #000;
                }
            }
        }
        .c-tab__button {
            color: #A7A7A7;
        }
    }
    .c-tab--light-mode {
        .c-tab__button {
            color: #a7a7a7;
        }
        .c-tab__item.active .c-tab__button {
            color: #fff;
        }
        .c-tab__item+.c-tab__item::before {
            background-color: #a7a7a7;
        }
    }
    .c-tab--dot-text {
        margin: 0;
        .c-tab__button {
            padding: calc(4 * var(--ratio)) 0 calc(12 * var(--ratio));
        }
    }
}
/* ================================ */
/* 홈스타일 추천 > 써머 에센셜 세일 */
/* ================================ */