@charset "utf-8";

.c-tab--3depth{
    .c-tab__button {padding: calc(5 * var(--ratio)) calc(15 * var(--ratio));}
}
.gray-mode{
    background: #FAFAFA;
    .c-tab--3depth {
        .c-tab__inner {background: #FAFAFA;}
    }
    &.c-toggle__content{
        background: #F4F4F4;
        padding: calc(20 * var(--ratio)) calc(16 * var(--ratio));
        border-radius: calc(8 * var(--ratio));
    }
}
.benefit-accordion {
    .c-tab--3depth .c-tab__list {padding-bottom: 2px;}
    .c-custom-accordion__area--first{
        --header-height:calc(20 * var(--ratio));
    }
    .c-custom-accordion__area--fade {
        height: calc(87 * var(--ratio));

        &::after {
            height: calc(97 * var(--ratio));
            top: auto;
            bottom: calc(-45 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -3.09%, #FFF 56.54%);
        }
    }

    [data-accordion-toggle="true"] {
        &:has([data-tab-sticky="2depth"]) {
            [data-expand-scroll-dest], [data-expand-scroll-target] {
                scroll-margin-top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height) + calc(60 * var(--ratio)));
            }
        }
    }
}
.prod-list-wrap{
    .c-product__image-wrapper{
        aspect-ratio: unset;
    }
}
.care-services__list{
    display: flex;
    gap: calc(12 * var(--ratio));
}
.l-article__inner.no-gap{
    gap:0;
}
.c-toggle__title-desc{
    margin-bottom: calc(2 * var(--ratio));
    color: var(--primary-black);
    font-size: calc(13 * var(--ratio));
    font-weight: 400;
    line-height: 140%;
    letter-spacing: calc(-0.26em / 13);
    &p{
        margin-bottom: 0;
    }
}
.why-service-great-wrap .c-toggle--qna .c-toggle__content {
    font-size: calc(13 * var(--ratio));
}

.event-benefit-template .padding-t--m00, .event-benefit-template .l-article__inner .padding-t--m00{
    padding-top: var(--calc-size--00) !important;
}

/* 링크 */
.special-purchase-benefits {
    .special-purchase-benefits__linker {
        position: absolute;
    }
    .special-purchase-benefits__linker--01 {
        top: 34%;
        left: 1.1%;
        width: 46.3%;
        height: 13%;
    }
    .special-purchase-benefits__linker--02 {
        top: 34%;
        left: 52.8%;
        width: 46.3%;
        height: 13%;
    }
    .special-purchase-benefits__linker--03 {
        top: 86%;
        left: 1.1%;
        width: 46.3%;
        height: 13%;
    }
    /* .special-purchase-benefits__linker--04 {
        top: 86%;
        left: 1.1%;
        width: 46.3%;
        height: 13%;
    } */
    .special-purchase-benefits__linker--05 {
        top: 86%;
        left: 52.8%;
        width: 46.3%;
        height: 13%;
    }
}
/* // 링크 */

/* 개별 수정 */
.event-benefit-template {

    .no-gap {
        row-gap: 0 !important;
    }

    .more-benefit-view {
        .padding-t--m26 {
            padding-top: var(--calc-size--26) !important;
        }
    }

    kakao-friend-coupon.l-article__inner {
        row-gap: 0;
        .c-title__main {
            display: none;
        }
    }

    /* 여백이 제품 가림 수정 */
    .c-tab--3depth {
        & .c-tab__inner {
            [data-tab-sticky="2depth"] & {
                padding: var(--spacing-group-connect) var(--spacing-standard-gutter);
                margin-bottom: calc(2 * var(--ratio));
            }
        }
        &[data-tab-sticky="2depth"] {
            margin-left: calc(-1 * var(--spacing-standard-gutter));
            margin-right: calc(-1 * var(--spacing-standard-gutter));
            background: #fff;
        }
    }
    /* // 여백이 제품 가림 수정 */

    /* 혜택 자세히 보기 3depth 탭 겹침 숨김 */
    .c-tab--2depth[data-tab-sticky="2depth"].is-tab-hidden {
        visibility: hidden;
        pointer-events: none;
    }
    /* // 혜택 자세히 보기 3depth 탭 겹침 숨김 */

    /* 개발창 모바일에서 스티키 레이아웃 잘림 현상 수정 */
    [data-tab-sticky="2depth"] {
        position: sticky;
        top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height));
        z-index: 18;
        transform: translateZ(0);
        backface-visibility: hidden;
        will-change: transform;
    }
    /* 개발창 모바일에서 스티키 레이아웃 잘림 현상 수정 */

    /* ai 링크 */
    .ai-link {
        position: absolute;
    }
    .ai-linker-01 {
        width: calc(277 * var(--ratio));
        height: calc(40 * var(--ratio));
        top: 36%;
        left: 8%;
    }
    .ai-linker-02 {
        width: calc(225 * var(--ratio));
        height: calc(63 * var(--ratio));
        top: 50%;
        left: 8%;
    }
    .ai-linker-03 {
        width: calc(292 * var(--ratio));
        height: calc(40 * var(--ratio));
        top: 71%;
        left: 8%;
    }

    .ai-linker-04 {
        width: calc(57 * var(--ratio));
        height: calc(40 * var(--ratio));
        top: 44%;
        left: 8%;
    }
    /* // ai 링크 */

    .dark-mode {
        background: #000000;

        .c-title__eyebrow {
            color: #A7A7A7;
        }
        .c-title__main {
            color: #fff;
        }

        .c-product__item {
            position: relative;
            display: flex;
            flex-direction: column;
            background-color: transparent !important;
            transition: transform 0.3s ease;
        }
        
        .c-product__info {
            .c-product__brand-name {
                color: #A7A7A7;
            }
            .c-product__name,
            .c-product__model-id,
            .c-product__price-item--member {
                color: #fff;
            }
            .c-product__price-item--original {
                color: #727780;
            }

        }
        .c-product__sold-out-icon {
            color: #fff;
        }
    }

}
/* // 개별 수정 */