/**********************************************/
/*  기타 개별 추가 CSS  */
/**********************************************/
.c-tab--main-sticky{
    .c-tab__item {
        a{
            padding: 0 calc(16*var(--ratio));
        }
    }
}
.c-tab--3depth-type01 {
    .c-tab__inner {
        padding: calc(12 * var(--ratio)) 0!important;
    }
}
.c-tab--1depth.c-tab--1depth-type01 {
    .c-custom-scrollbar.c-custom-scrollbar {
        padding: 0;
    }
}
.c-custom-scrollbar.c-custom-scrollbar{
    background-color: #fff;
}

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

.j-api-product-view-more-btn-new{
    .c-button__label {
        color: var(--primary-black);
        background-color: var(--white);
        border-color: var(--white);
    }
}



/* 3뎁스 탭 아이템 추가버전 */
.c-tab--3depth {
    &.c-tab--3depth-typeSub{
        .c-tab__inner{
                padding: calc(4 * var(--ratio)) 0 calc(12 * var(--ratio))!important;
            .c-tab__item{
                border-color: #777777;
                background-color: #fff;
                border-radius: calc(8*var(--ratio));
                .c-tab__button{
                    color: #777777;
                    font-weight: 700;
                }
                &.active{
                    border-color: #F4F4F4;
                    background-color: #F4F4F4;  
                    .c-tab__button{
                        color: #000;
                    }
                }
            }
            .c-tab__button{
                font-size: calc(13*var(--ratio));
                padding: calc(6 * var(--ratio)) calc(12 * var(--ratio))
            }

        }
    }
}
/* 3뎁스 탭 아이템 추가버전 */


.c-product__keywords {
  display: inline-flex;
  height: calc(16 * var(--ratio));
  vertical-align: text-top;
  gap: calc(4 * var(--ratio));
}
.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-coupon--black {
    .c-coupon__benefit {
        color: #fff;
    }
}



/* 타이틀에 뱃지 들어갈 경우 */
.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));
}
/* 타이틀에 뱃지 들어갈 경우 */





/* 배너 풀 링크 사이즈 */
.relatvie-area{
    position: relative;
    .benefits_button_full_size{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.l-article__banner{
    position: relative;
    .l-alrticle__banner-link{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* 배너 풀 링크 사이즈 */




/**********************************************/
/*  기타 개별 추가 CSS  */
/**********************************************/





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

.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%;
                    }
                }
            }
        }
    }
    
    &.banner_txt_type02 {
        .l-article__banner-content{
            background-color: #EFE5C3;
            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: 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(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: auto;
        padding: 0 calc(21 * var(--ratio)) 0 calc(19 * var(--ratio));
    }
    
    .c-coupon__title {
        min-width: calc(222 * var(--ratio));
        margin: calc(15.5 * var(--ratio)) 0px;
    }
    
    .c-coupon__title-main {
        font-size: calc(14 * var(--ratio));
        color: var(--lge-gray-g00);
        line-height: 1;
    }
    
    .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;
        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;
            }
        }
    }
    
}
/*******************************************/
/* 공통 헤딩배너/쿠폰타입/타이머타입 */
/*******************************************/






/*******************************************/
/* 혜택요약 */
/*******************************************/

.l-article-benefits{
    .link_benefits_button {
        position: absolute;
        &.link_benefits_01 {
            top: calc(0 * var(--ratio));
            left: calc(20 * var(--ratio));
            width: calc(111 * var(--ratio));
            height: calc(116 * var(--ratio));
        }
        &.link_benefits_02 {
            top: calc(0 * var(--ratio));
            left: calc(140 * var(--ratio));
            width: calc(111 * var(--ratio));
            height: calc(116 * var(--ratio));
        }
        &.link_benefits_03 {
            top: calc(0 * var(--ratio));
            left: calc(259 * var(--ratio));
            width: calc(111 * var(--ratio));
            height: calc(116 * var(--ratio));
        }
        &.link_benefits_04 {
            bottom: calc(0 * var(--ratio));
            left: calc(20 * var(--ratio));
            width: calc(111 * var(--ratio));
            height: calc(116 * var(--ratio));
        }
        &.link_benefits_05 {
            bottom: calc(0 * var(--ratio));
            left: calc(140 * var(--ratio));
            width: calc(111 * var(--ratio));
            height: calc(116 * var(--ratio));
        }
        &.link_benefits_06 {
            bottom: calc(0 * var(--ratio));
            left: calc(259 * var(--ratio));
            width: calc(111 * var(--ratio));
            height: calc(116 * var(--ratio));
        }
    }
}


/*******************************************/
/* // 혜택요약 */
/*******************************************/



/*******************************************/
/* 혜택모음 자세히 보기 */
/*******************************************/
.more-benefit-view{
    .l-article__inner{
        gap: 0;
        .c-custom-accordion__area--fade{
            height: calc(76*var(--ratio));
            &.c-custom-accordion__area--active{
                margin-bottom: calc(12*var(--ratio));
            }
        }
        .coupon-benefits-black{
            background-color: #000;
            .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;
                    }
                }
            }
        }
        .coupon-benefits-list{
            display: flex;
            flex-direction: column;
            row-gap: calc(8*var(--ratio));
        }
        .button_homestyle-life-affiliate{
            position: absolute;
            width: 77.5%;
            height: 11%;
            bottom: 7.5%;
            left: 11.2%;
        }
        .lg-only-purchase-benefits {
            display: block;
            position: relative;
            .lg-only-purchase-benefits__linker {
                position: absolute;
            }
            .lg-only-purchase-benefits__linker-01 {
                width: 13.1%;
                height: 4.5%;
                bottom: 68.4%;
                left: 37.8%;
            }
            .lg-only-purchase-benefits__linker-02 {
                width: 15.1%;
                height: 4.5%;
                bottom: 68.4%;
                left: 52.2%;
            }
            .lg-only-purchase-benefits__linker-03 {
                width: 15.1%;
                height: 4.5%;
                bottom: 49.4%;
                left: 37.8%;
            }
            .lg-only-purchase-benefits__linker-04 {
                width: 15.1%;
                height: 4.5%;
                bottom: 30.4%;
                left: 37.8%;
            }

        }
        .homestyle_review_event_link{
            position: absolute;
            width: 86.5%;
            height: 8.2%;
            bottom: 5.8%;
            left: 6.9%;
        }
    }
}
/*******************************************/
/* // 혜택모음 자세히 보기 */
/*******************************************/








/*******************************************/
/* 결합특가 */
/*******************************************/

.l-article-combine-special{
    .l-article__content--img{
            .c-lazy-media{
            /* box-shadow: 0px 2px 10px rgba(33,39,49,0.15); */
            border-radius: calc(16*var(--ratio));
        }
    }
}


/*******************************************/
/* // 결합특가 */
/*******************************************/





/*******************************************/
/* 결합특가 > 제품 */
/*******************************************/

.l-article-combine-prd{

}

/*******************************************/
/* // 결합특가 > 제품 */
/*******************************************/






/*******************************************/
/* 생활 제휴 이벤트 > 공유 이벤트 */
/*******************************************/

.l-article-share-event{
    
}

/*******************************************/
/* // 생활 제휴 이벤트 > 경품 이벤트 */
/*******************************************/




/*******************************************/
/* 생활 제휴 이벤트 > 공유 이벤트 */
/*******************************************/

.l-article-gift-event{
    background-color: #FAEEEE;
    .c-title__eyebrow-red{
        color: #FD312E;
    }
}

/*******************************************/
/* // 생활 제휴 이벤트 > 경품 이벤트 */
/*******************************************/





/*******************************************/
/* 제휴 혜택 */
/*******************************************/

.l-article-affiliate_benefits{
    .affiliate_button{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 13.7%;
    }
}

/*******************************************/
/* // 제휴 혜택 */
/*******************************************/







/*******************************************/
/* 함께 사는 집 (스토리) */
/*******************************************/

.l-article-homestyle-story{
}

/*******************************************/
/* // 함께 사는 집 (스토리) */
/*******************************************/





/*******************************************/
/* 홈 패키지 */
/*******************************************/

.l-article-homestyle-package{
}

/*******************************************/
/* // 홈 패키지 */
/*******************************************/





/*******************************************/
/* 이사 & 구독 패키지 */
/*******************************************/

.l-article-homestyle-move{
}

/*******************************************/
/* // 이사 & 구독 패키지 */
/*******************************************/








/*******************************************/
/* 홈스타일링 */
/*******************************************/

.l-article-homestyle-styling{
    .button_styling_btn{
        position: absolute;
        bottom: 19%;
        right: 7%;
        width: 15%;
        height: 4%;
    }
    .swiper-container-wrap{
        position: absolute;
        bottom: calc(20*var(--ratio));
        .c-swiper__controls{
            display: none;
        }
        .swiper-container{
            padding: 0;
            margin: 0 calc(24*var(--ratio));
            width: calc( 100% - (48*var(--ratio)) );
            .swiper-wrapper {
                .swiper-slide{
                    width: calc(70*var(--ratio));
                    height: calc(70*var(--ratio));
                    background-color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: calc(4 * var(--ratio));
                    overflow: hidden;
                }
            }
        }
        .swiper-button-next{
            background: url('/kr/event/2026/08/18_home_total/images/img_swiper_next_button.png');
            width: calc(22*var(--ratio));
            height: calc(22*var(--ratio));
            border-radius: 100%;
            box-shadow: 0px 2px 7px rgba(33,39,49,0.15);
            right: calc(10*var(--ratio));
        }
        .swiper-button-prev{
            background: url('/kr/event/2026/08/18_home_total/images/img_swiper_prev_button.png');
            width: calc(22*var(--ratio));
            height: calc(22*var(--ratio));
            border-radius: 100%;
            box-shadow: 0px 2px 7px rgba(33,39,49,0.15);
            left: calc(10*var(--ratio));
        }
        .swiper-button-next:after{
            display: none;
        }
        .swiper-button-prev:after{
            display: none;
        }
        .swiper-button-disabled {
            pointer-events: all !important;
            cursor: pointer !important;
            opacity: 1 !important;
            display: block !important;
        }
    }
    .c-product__list{
        display: block!important;
    }
    .c-product__info-container{
        display: none!important;
    }
    .c-product__item{
        background-color: transparent!important;
    }
}

/*******************************************/
/* // 홈스타일링 */
/*******************************************/






/*******************************************/
/* 공간 & 인테리어 상담​ */
/*******************************************/

.l-article-homestyle-interior{
    background-color: #f4f4f4;
    .c-tab--3depth-type01 {
        .c-tab__inner {
            background-color: transparent;
        }
    }
    .c-custom-scrollbar.c-custom-scrollbar{
        background-color: transparent;
    }
    .btn_link_interior{
        position: absolute;
        left: 5%;
        bottom: 6%;
        width: 20%;
        height: 8%;
    }
}

/*******************************************/
/* // 공간 & 인테리어 상담​ */
/*******************************************/