@charset "utf-8";

.event-benefit-template {
    /* article inner 여백 */
    .design-overview,
    .sound-suite-slide--02,
    .kakao-benefit {
        .l-article__inner {
            padding-bottom: calc(64 * var(--ratio));
        }
    }
    .lifestyle-momen,
    .sound-suite-slide--01,
    .best-models {
        .l-article__inner {
            padding-top: calc(64 * var(--ratio));
        }
    }
    .lifestyle-moment {
        .l-article__inner {
            padding-top: calc(64 * var(--ratio));
            padding-bottom: calc(64 * var(--ratio));
        }
    }
    .product-tab--custom {
        .l-article__inner {
            padding-top: 0;
            padding-bottom: 0;
        }
    }
    /* // article inner 여백 */

    /* 고지형 배너 여백 */
    .banner-notice {
        .l-article__inner {
            padding-top: 0;
        }
    }
    /* // 고지형 배너 여백 */

    /* 비디오 레이아웃 */
    .lifestyle-sound {
        .c-responsive-video {
            border-radius: calc(16 * var(--ratio));
            overflow: hidden;
        }
    }
    /* // 비디오 레이아웃 */

    /* 구매 혜택 링크 위치 */
    .item-content__linker {
        position: absolute;
        width: 25.8%;
        height: 19.5%;
        top: 69%;
    }
    .item-content__linker--01 {
        left: 4.7%;
    }
    .item-content__linker--02 {
        left: 37.4%;
    }
    .item-content__linker--03 {
        left: 69.4%;
    }
    /* // 구매 혜택 링크 위치 */

    /* 더보기 fade 설정*/
    .benefit-accordion-article{
        .c-custom-accordion__area--fade {
            height: calc(135 * var(--ratio));
            &::after {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 23.37%, #000 65.76%);
            }
        }
    }
    /* // 더보기 fade 설정 */

    /* 자주 묻는 질문 */
    .c-toggle--qna {
    .c-toggle__content {
        font-size: calc(13 * var(--ratio));
        }
    }
    /* // 자주 묻는 질문 */

    /* lifestyle-sound 탭 스크롤 바- 블랙*/
    --lifestyle-tab-scrollbar-track-bg: #2b2b2b;
    --lifestyle-tab-scrollbar-thumb-bg: #7a7a7a;

    .lifestyle-sound {
        .c-tab--3depth-type01 .c-tab__list[data-active-scroll-center] {
            scrollbar-color: var(--lifestyle-tab-scrollbar-thumb-bg) var(--lifestyle-tab-scrollbar-track-bg);
            scrollbar-width: thin;
            &::-webkit-scrollbar {
                height: calc(4 * var(--ratio));
            }
            &::-webkit-scrollbar-track {
                background: var(--lifestyle-tab-scrollbar-track-bg);
            }
            &::-webkit-scrollbar-thumb {
                background: var(--lifestyle-tab-scrollbar-thumb-bg);
                border-radius: calc(999 * var(--ratio));
            }
        }
    }
    /* // lifestyle-sound 탭 스크롤 바 - 블랙*/

    /* (공통) 슬라이드 */
    .sound-suite-slide--01,
    .sound-suite-slide--02 {
        background: #F0F0F0;
    }
    .c-swiper--event-01 .swiper-slide,
    .c-swiper--event-02 .swiper-slide {
        width: calc(169 * var(--ratio));
    }
    /* // (공통) 슬라이드 */



    /* 블랙 테마 */
    /* (공통) 타이틀 */
    .benefit-accordion-article, 
    .benefits-preview,
    .lifestyle-sound,
    .design-overview {
        background: #000;
        .c-title--normal {
            color: #fff;
        }
    }
    /* // (공통) 타이틀 */

    /* (공통) 탭 - 블랙*/
    .benefit-accordion-article,
    .lifestyle-sound {
        .c-tab__inner {
            background: #000;
                .c-tab__item {
                    border-color: #A7A7A7;
                }
            }
            .c-tab__button {
                color: #A7A7A7;
            }
            .c-tab__item {
                &.active {
                    background-color: #fff;
                    font-weight: 600;
                    border-color:#fff;
                    .c-tab__button {
                        color: #000;
                    }
                }
            }
            
        }
    /* // (공통) 탭 - 블랙 */
    /* // 블랙 테마 */
}