/* 검정 배경 */
.event-benefit-template .wrap--black {
    background-color:#000;
}
.event-benefit-template .wrap--black .c-title__main-title {
    color: #fff;
}
.event-benefit-template .wrap--black .c-title__main-title--small{
    color: #fff;
}
.event-benefit-template .wrap--black .c-title__desc{
    color: #a9a8a9;
}
.event-benefit-template .wrap--black .custom-scroll-slider__scrollbar-track{
    background-color: #666;
}
.event-benefit-template .wrap--black .custom-scroll-slider__scrollbar-thumb{
    background-color: #fff;
}
.wrap--black .c-custom-accordion__btn{
    color: #fff;    
}
.wrap--black .c-custom-accordion__btn.btn--round{
    width: 260px;
    border-radius: 200px;
    border: 1px solid #818181;
    background: none;
    scroll-margin-top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height) + 58px); /* gt.yang : 58px : 3depth sticky 탭 높이 */
}
.wrap--black .c-button__icon--arrow-down-white{
    width: 16px;
    height: 16px;
    background: url('/kr/event/2026/02/24_living_week/resources/icon-line-chervron-down-white.svg') no-repeat center / cover;
    transform: rotate(0);
}
.event-benefit-template .wrap--black .c-toggle__btn{
    color: #fff;
}
.event-benefit-template .wrap--black .c-toggle__btn--text::after {
    filter: invert(1);
}
.event-benefit-template .wrap--black .c-toggle__btn.c-toggle__btn--no-arr{
    padding:0;
    border-bottom: 1px solid #fff;
}

.event-benefit-template .wrap--black .c-tab--round .c-tab__button{
    color: #fff;
    border-radius: 100px;
    font-weight: 500;
    border: 0.5px solid #ffff;
}
.event-benefit-template .wrap--black .c-tab--round .c-tab__item.active .c-tab__button,
.event-benefit-template .wrap--black .c-tab--round.is-before-area .c-tab__item:first-child .c-tab__button,
.event-benefit-template .wrap--black .c-tab--round.is-after-area .c-tab__item:last-child .c-tab__button{
    background-color: #fff;
    font-weight: 500;
    color: #000;
}
.event-benefit-template .wrap--black .c-tab--switch-small-txt .c-tab__item.active .c-tab__button{
    color: #fff;
}
.event-benefit-template .wrap--black .c-tab--switch-small-txt .c-tab__item + .c-tab__item{
    position: relative;
}
.event-benefit-template .wrap--black .c-tab--switch-small-txt .c-tab__item + .c-tab__item::before{
    content:'';
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #646870;
}
@media screen and (max-width: 767px) {
    .wrap--black .c-custom-accordion__btn.btn--round{
        width: calc(186 / 390 * 100vw);
    }
    .wrap--black .c-button__icon--arrow-down-white{
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}
/* // 검정 배경 */ 

/* 가전 - 리빙위크 혜택 미리보기 */
.event-benefit-template .ha-benefit-preview .article__inner {
    padding-bottom: 0;
}
.event-benefit-template .ha-benefit-preview__btn {
    position: absolute;
}
.event-benefit-template .ha-benefit-preview__btn--ha-coupon {
    top: 75.9%;
    left: 5.5%;
    width: 22%;
    height: 19%;
}
.event-benefit-template .ha-benefit-preview__btn--coupon-pack {
    top: 75.9%;
    left: 39%;
    width: 22%;
    height: 19%;
    background-color: transparent;
    border: 0 none;
}
.event-benefit-template .ha-benefit-preview__btn--shinhancard {
    top: 75.9%;
    left: 72.9%;
    width: 22%;
    height: 19%;
}

.coupon-benefits-list{
    display: flex;
    flex-wrap: wrap;
    gap: 24px 18px;
}
.coupon-benefits-list li{
    width: calc(369/1146 * 100%);
    position: relative;
}
.coupon-benefits-list li .coupon-benefits__btn{
    position: absolute;
    display: block;
    top:0;
    right:0;
    width: 19%;
    height: 100%;
    background-color: transparent;
    border:0 none;
}
.payment-benefits__btn{position:absolute;}
.payment-benefits__btn.shinhan-benefit-preview__btn{
    left: 4.5%;
    bottom: 0;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 3%;
    height: 9%;
}
.payment-benefits__btn.shinhan-more__btn{
    left: 14.5%;
    bottom: 0;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 5%;
    height: 9%;
}
.payment-benefits__btn.digiroca-more__btn{
    left: 32.8%;
    bottom: 0;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 5%;
    height: 9%;
}
.payment-benefits__btn.hyundai-more__btn{
    left: 50.8%;
    bottom: 0;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 5%;
    height: 9%;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .ha-benefit-preview__btn--ha-coupon {
        top: 33.9%;
        left: 6.5%;
        width: 41%;
        height: 14%;
    }
    .event-benefit-template .ha-benefit-preview__btn--limited-price {
        top: 33.9%;
        left: 52.5%;
        width: 41%;
        height: 14%;
    }
    .event-benefit-template .ha-benefit-preview__btn--coupon-pack {
        top: 84.9%;
        left: 6.5%;
        width: 41%;
        height: 14%;
    }
    .event-benefit-template .ha-benefit-preview__btn--shinhancard {
        top: 84.9%;
        left: 52.5%;
        width: 41%;
        height: 14%;
    }

    .event-benefit-template .living-week-guide .custom-scroll-slider__content-wrapper {
        margin: 0;
        column-gap: 0;
    }
    .event-benefit-template .living-week-guide .custom-scroll-slider__item {
        min-width: calc(320 / 390 * 100vw);
        padding: 0;
    }
    .event-benefit-template .living-week-guide .custom-scroll-slider__item {
        padding-left: calc(20 / 390 * 100vw);
    }
    .event-benefit-template .living-week-guide .custom-scroll-slider__item:last-child {
        padding-right: calc(20 / 390 * 100vw);
        min-width: calc(340 / 390 * 100vw);
    }
    .event-benefit-template .living-week-guide .custom-scroll-slider__nav-button--next {
        right: calc(54 / 390 * 100vw);
    }
    
    .coupon-benefits-list{
       flex-direction: row;
        gap:calc(8 / 390 * 100vw) 0;
        margin: 0 calc(20 / 390 * 100vw);
    }
    .coupon-benefits-list li{
        width: 100%;
    }
    .coupon-benefits-list li .coupon-benefits__btn{
        width: 22%;
    }
    .payment-benefits__btn.shinhan-benefit-preview__btn{
        left: 34%;
        bottom: calc(320 / 390 * 100vw);
        margin-bottom: 0;
        width: 14%;
        height: 6%;
    }
    .payment-benefits__btn.shinhan-more__btn{
        left: 50%;
        bottom: calc(320 / 390 * 100vw);
        margin-bottom: 0;
        width: 24%;
        height: 6%;
    }
    .payment-benefits__btn.digiroca-more__btn{
        left: 34%;
        bottom: calc(220 / 390 * 100vw);
        margin-bottom: 0;
        width: 17%;
        height: 6%;
    }
    .payment-benefits__btn.hyundai-more__btn{
        left: 34%;
        bottom: calc(120 / 390 * 100vw);
        margin-bottom: 0;
        width: 17%;
        height: 6%;
    }
}
/* // 가전 - 리빙위크 혜택 미리보기  */

/* 가전 - 더 많은 혜택 보기 */
.ha-more-benefits .c-tab--round{
    padding: 10px 0;
    background-color: #000;
}
.ha-more-benefits .c-custom-accordion__area--fade {
    height: min(226px, calc((266 / 1146) * 100vw));
}
.ha-more-benefits .c-custom-accordion__area--fade::after{
    top: 55%;
    height: 45.3%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 51.13%, #000 85.22%);
}
.ha-more-benefits .c-toggle {
    padding-top: 32px;
}
@media screen and (max-width: 767px) {
    .ha-more-benefits .c-custom-accordion__area--fade {
        height: calc(352 / 390 * 100vw);
    }
    .ha-more-benefits .c-custom-accordion__area--fade::after{
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 30%, #000 100%);
    }
    .exclusive-purchase-benefits .c-tab--round{
        margin-bottom: calc(4 / 390 * 100vw);
        padding: calc(10 / 390 * 100vw) 0;
    }
    .custom-scroll-slider__item--multi-item-combined {
        flex: 0 0 100%;
    }
    .exclusive-purchase-benefits .c-toggle {
        padding-top: calc(24 / 390 * 100vw);
    }
}
/* // 가전 - 더 많은 혜택 보기 */

/* 타이틀 */
.event-benefit-template .c-title-area {
    margin-bottom: 24px;
}
.event-benefit-template .c-title__main-title--big {
    font-size: 32px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.64px;
}
.event-benefit-template .c-title__main-title--small {
    padding-top: 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.36px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-title-area {
        margin-bottom: calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-title__main-title--big {
        font-size: calc(26 / 390 * 100vw);
        font-weight: 700;
        letter-spacing: calc(-0.52em / 26);
    }
    .event-benefit-template .c-title__main-title--small {
        padding-top: calc(20 / 390 * 100vw);
        font-size: calc(20 / 390 * 100vw);
        font-weight: 700;
        letter-spacing: calc(-0.4em / 18);
    }
    .event-benefit-template .c-title__desc{
        font-weight: 600;
    }
}
/* // 타이틀 */

/* 커스텀 아코디언 */
#sticky-2depth-tab-ha-benefit-preview-panel-01 .c-custom-accordion__area {
    scroll-margin-top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height) + 58px); /* gt.yang : 58은 2depth sticky 높이 */
}
.c-custom-accordion[data-accordion-toggle="true"]:has(.c-custom-accordion__btn[aria-expanded="true"]) {
    padding-bottom: 112px;
}
.c-custom-accordion__area--none {
    display: none !important;
}
.c-custom-accordion__area--active {
    display: block !important;
}
.c-custom-accordion__btn[aria-expanded="true"] .c-button__text--open {
    display: none;
}
.c-custom-accordion__btn[aria-expanded="true"] .c-button__text--close {
    display: block;
}
.c-custom-accordion__btn .c-button__text--close {
    display: none;
}
@media screen and (max-width: 767px) {
    #sticky-2depth-tab-ha-benefit-preview-panel-01 .c-custom-accordion__area {
        scroll-margin-top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height) + calc(34 / 390 * 100vw) + 20px); /* gt.yang : calc(34 / 390 * 100vw) + 20px은 2depth sticky 높이 */
    }
    .c-custom-accordion[data-accordion-toggle="true"]:has(.c-custom-accordion__btn[aria-expanded="true"]) {
        padding-bottom: calc(70 / 390 * 100vw);
    }
    .c-custom-accordion[data-accordion-toggle="true"] .c-custom-accordion__btn-wrap:has(.c-custom-accordion__btn[aria-expanded="true"]) {
        margin-top: calc(30 / 390 * 100vw);
        padding-top: 0;
    }
}
/* // 커스텀 아코디언 */

/* 탭 // */
.event-benefit-template .c-tab--main-sticky.cooking-week-sticky {
    .c-tab__list{
        max-width: 100%;height:50px;margin:0;border-bottom: none;
        @media screen and (max-width: 767px) {
            padding:0;        
            height: calc(44 / 390 * 100vw);
            column-gap: 0;
        }
        .c-tab__item {
            .c-tab__button{
                font-size: 18px;
                @media screen and (max-width: 767px) {
                    font-size: calc(14 / 390 * 100vw);   
                }
            }
            &.active{
                .c-tab__button{
                    background-color: #000;
                    color: #fff;
                }
                &::after{
                    display: none;
                }
            }
        }
    }
}
.event-benefit-template .c-tab--round.line--black .c-tab__item{
    border-color: #000;
}
/* // 탭 */

/* 결제 혜택 회색영역 // */
@media screen and (max-width: 767px) {
    .event-benefit-template .wrap--gray {
        margin:0 calc(24/390 * 100vw);
        padding:calc(4/390 * 100vw) calc(20/390 * 100vw) calc(32/390 * 100vw);
        background: #2B2B2B;
        border-radius: calc(16/390 * 100vw);
        .c-title-area{
            margin-inline: 0;
        }
        .c-toggle--notice{
            margin:0;
        }
        .c-toggle--notice.on .c-toggle__content{margin-top: calc(24 / 390 * 100vw);}
    }
}
/* // 결제 혜택 회색영역 */

/* .video-img-slider{
    .swiper-slide{position: relative;overflow: hidden;}
    .custom-scroll-slider__video-wrap{position: absolute;left:10px;top:10px;width: calc(580/1166 * 100%);height: calc(100% - 20px);overflow:hidden;background:#000;
        video{
            display: block;
            margin:0 auto;
            height: 100%;
        }
        @media screen and (max-width: 767px) {
            top: calc(10 / 390 * 100vw) ;
            left:calc(20 / 390 * 100vw);
            width: calc(100% - (40 / 390 * 100vw));
            height: calc(630/1166 * 100%);
        }
    }
} */
.event-benefit-template .video-img-slider {
        .custom-scroll-slider__item{
        flex: 0 0 100%;
    }
    .custom-scroll-slider__video-wrap{
        position: absolute;left:0px;top:0px;width: calc(591/1166 * 100%);height: 100%;overflow:hidden;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        video{
            display: block;
            margin:0 auto;
            height: 100%;
        }
        @media screen and (max-width: 767px) {
            top: 0%;
            left: 5.1%;
            width: 89.8%;
            height: calc(660 / 1166 * 100%);
            border-top-left-radius: calc(8 / 390 * 100vw);
            border-top-right-radius: calc(8 / 390 * 100vw);
            border-bottom-left-radius: 0;
        }
    }
}
.padding-b--p48{padding-bottom: 48px;}