/* 검정 배경 */
.event-benefit-template .wrap--black {
    background-color:#000;
}
.event-benefit-template .wrap--black .article__content-area .c-custom-accordion .c-tab__list{text-align: center; align-items: center; margin: 0 auto;}
.event-benefit-template .wrap--black .article__content-area .c-custom-accordion .coupon-benefits-list{flex-direction: column; align-items: center;}
.event-benefit-template .wrap--black .article__content-area .c-custom-accordion .relative-area img{position:relative; left: 50%; transform: translateX(-50%);}

.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{margin-bottom: 10px;}
.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) {
    
    .event-benefit-template .wrap--black .article__content-area .c-custom-accordion .c-tab__list{width: 55%;}
    .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{
    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: 24.5%;
    bottom: 20%;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 5%;
    height: 9%;
}
.payment-benefits__btn.shinhan-more__btn{
    left: 30%;
    bottom: 20%;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 7%;
    height: 9%;
}
.payment-benefits__btn.digiroca-more__btn{
    left: 46.8%;
    bottom: 20%;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 8%;
    height: 9%;
}
.payment-benefits__btn.hyundai-more__btn{
    left: 70%;
    bottom: 20%;
    margin-bottom: calc(60 / 1380 * 100%);
    width: 8%;
    height: 9%;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .ha-benefit-preview__btn--ha-coupon {
        top: 70.9%;
        left: 4.5%;
        width: 26%;
        height: 19%;
    }
    .event-benefit-template .ha-benefit-preview__btn--coupon-pack {
        top: 70.9%;
        left: 37%;
        width: 26%;
        height: 19%;
    }
    .event-benefit-template .ha-benefit-preview__btn--shinhancard {
        top: 70.9%;
        left: 69%;
        width: 26%;
        height: 19%;
    }

    .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(333 / 390 * 100vw);
        margin-bottom: 0;
        width: 14%;
        height: 6%;
    }
    .payment-benefits__btn.shinhan-more__btn{
        left: 50%;
        bottom: calc(333 / 390 * 100vw);
        margin-bottom: 0;
        width: 24%;
        height: 6%;
    }
    .payment-benefits__btn.digiroca-more__btn{
        left: 34%;
        bottom: calc(237 / 390 * 100vw);
        margin-bottom: 0;
        width: 17%;
        height: 6%;
    }
    .payment-benefits__btn.hyundai-more__btn{
        left: 34%;
        bottom: calc(145 / 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(380px, 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: 30px 0 40px 0;
}
@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%);
    }
    .ha-more-benefits .c-toggle {
        padding: calc(16 / 390 * 100vw) 0 calc(24 / 390 * 100vw) 0;
    }
    .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: 22px;
    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: 80px;
}
.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);
        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%);
        }
    }
} */
.padding-b--p48{padding-bottom: 48px;}


.event-benefit-template .sticky_tab_article .c-tab--rounded-rectangle {background-color: #FFF; border-radius: 0; padding: 0;}
.event-benefit-template .sticky_tab_article .c-tab--rounded-rectangle .c-tab__list {background-color: #FFF; border-radius: 0; padding: 0;}
.event-benefit-template .sticky_tab_article .c-tab--rounded-rectangle .c-tab__item .c-tab__button{ 
    width: 130px;
    min-width: 64px; font-size: 14px;
    padding: 12px 20px;  border-radius: 0; }
.event-benefit-template .sticky_tab_article .c-tab--rounded-rectangle .c-tab__item.active .c-tab__button{   background-color: #FFF; color: #2B2B2B; border-bottom: 2px solid #2B2B2B; }

.event-benefit-template .sticky_tab_article .c-product__list{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
.event-benefit-template .sticky_tab_article .product-banner_section{padding-top: 3%;}


@media screen and (max-width: 767px) {
.event-benefit-template .sticky_tab_article .c-title-area_banner_section.c-title-area {margin: 0 0 calc(24 / 390 * 100vw) 0; }

.event-benefit-template .sticky_tab_article .c-tab--rounded-rectangle .c-tab__inner{margin:0}
.event-benefit-template .sticky_tab_article .c-tab--rounded-rectangle .c-tab__item .c-tab__button{ width: 100%; width: initial; min-width: initial; padding: calc(10 / 390 * 100vw); font-size: calc(13 / 390 * 100vw);}
.event-benefit-template .sticky_tab_article .product-banner_section{padding-top: 6%;}
.event-benefit-template .sticky_tab_article .c-product__list{grid-template-columns: 1fr 1fr}
}