@charset "utf-8";

.event-benefit-template .wrap--black .article__inner:has(.img-shadow-only-pc) .c-title-area, .event-benefit-template .wrap--black .article__inner:has(.custom-scroll-slider--shadow) .c-title-area, .event-benefit-template .wrap--black .article__inner:has(.synced-tab-slider--shadow) .c-title-area{
max-width: 1166px;
}
.event-benefit-template .wrap--black .article__inner:has(.img-shadow-only-pc), .event-benefit-template .wrap--black .article__inner:has(.custom-scroll-slider--shadow), .event-benefit-template .wrap--black .article__inner:has(.synced-tab-slider--shadow) {
max-width: 1166px;
}
.event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__content-wrapper{
    padding: 0;
}


.event-benefit-template .c-product__name sup {
    vertical-align: baseline;
    font-size: inherit;
}

.event-benefit-template .wrap--black .c-product__visual {
    border:solid 1px #fff;
    background: #fff;
}
.event-benefit-template .wrap--black .c-product__model-id {
    color: #fff;
}
.event-benefit-template .wrap--black .c-product__brand-name {
    color: #fff;
}
.event-benefit-template .wrap--black .c-product__name {
    color: #fff;
}
.event-benefit-template .wrap--black .c-product__price-list * {
    color: #fff;
}
.event-benefit-template .wrap--black .c-product__sold-out-icon {
    color: #fff;
}
.event-benefit-template .wrap--black .c-product__sold-out-icon::before {
    filter: contrast(0);
}

.event-benefit-template .wrap--black .c-product__item:has([data-home-style-product="G25070000977"]) .c-product__visual {
    background-color: #fff;
}
/* // API 커스텀 */



/* 검정 배경 */
.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.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.c-toggle__btn--no-arr{
    padding:0;
    border-bottom: 1px solid #fff;
}

.event-benefit-template .wrap--black .c-tab--round .c-tab__button{
    border-radius: 100px;
    font-weight: 500;
}
.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{
    font-weight: 500;
}
.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 .wrap--strain .article__inner{
    max-width: 100%;
    padding-inline: 0;
    padding-top: 0;
}
@media screen and (max-width: 1165px) {
    .event-benefit-template .wrap--strain .article__inner .article__content-area{
        padding: 0 10px calc(80 / 1165 * 100%);
    }
}
@media screen and (max-width: 767px) {
    .event-benefit-template .wrap--strain .article__inner .article__content-area{
        padding: calc(24 / 390 * 100vw) 0 0;
    }
}
/* // 타이틀 영역이 화면 전체를 차지하는 변형 영역 */

/* 타이틀 */
.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 높이 */
}
#sticky-2depth-tab-home-style-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 높이 */
    }
    #sticky-2depth-tab-home-style-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 .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: 3.5%;
    width: 17%;
    height: 19%;
}
.event-benefit-template .ha-benefit-preview__btn--limited-price {
    top: 75.9%;
    left: 28.7%;
    width: 17%;
    height: 19%;
}
.event-benefit-template .ha-benefit-preview__btn--coupon-pack {
    top: 75.9%;
    left: 54.3%;
    width: 17%;
    height: 19%;
    background-color: transparent;
    border: 0 none;
}
.event-benefit-template .ha-benefit-preview__btn--shinhancard {
    top: 75.9%;
    left: 79.6%;
    width: 17%;
    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.btn_01_01{
    left: 4.5%;
    bottom: 0;
    margin-bottom: calc(55 / 1380 * 100%);
    width: 5%;
    height: 14%;
}
.payment-benefits__btn.btn_01_02{
    left: 14.8%;
    bottom: 0;
    margin-bottom: calc(55 / 1380 * 100%);
    width: 5%;
    height: 14%;
}
.payment-benefits__btn.btn_01_03{
    display: block;
    left: 32.8%;
    bottom: 0;
    margin-bottom: calc(55 / 1380 * 100%);
    width: 5%;
    height: 14%;
}
.payment-benefits__btn.btn_01_04{
    display: none;
}
.payment-benefits__btn.btn_01_05{
    left: 50.8%;
    bottom: 0;
    margin-bottom: calc(55 / 1380 * 100%);
    width: 5%;
    height: 14%;
}

@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.btn_01_01{
        left: 36%;
        bottom: calc(340 / 390 * 100vw);
        margin-bottom: 0;
        width: 11%;
        height: 10%;
    }
    .payment-benefits__btn.btn_01_02{
        left: 49%;
        bottom: calc(340 / 390 * 100vw);
        margin-bottom: 0;
        width: 18%;
        height: 10%;
    }
    .payment-benefits__btn.btn_01_03{
        display: none !important;
        left: 36%;
        bottom: calc(238 / 390 * 100vw);
        margin-bottom: 0;
        width: 13%;
        height: 10%;
    }
    .payment-benefits__btn.btn_01_04{
        display: block !important;
        left: 36%;
        bottom: calc(238 / 390 * 100vw);
        margin-bottom: 0;
        width: 13%;
        height: 10%;
    }
    .payment-benefits__btn.btn_01_05{
        left: 36%;
        bottom: calc(138 / 390 * 100vw);
        margin-bottom: 0;
        width: 13%;
        height: 10%;
    }
}
/* // 가전 - 리빙위크 혜택 미리보기  */

/* 가전 - 더 많은 혜택 보기 */
.ha-more-benefits .c-tab--round{
    padding: 10px 0;
    background-color: #FFF;
}
.ha-more-benefits .c-custom-accordion__area--fade {
    height: min(226px, calc((266 / 1146) * 100vw));
}
.ha-more-benefits .c-custom-accordion__area--fade::after{
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
}
.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(to top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 80%);
    }
    .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 .ha-first-come-deal__main-banner {
    background-color: #000;
}
/* // 선착순 특가 */

/* 다품목&결합 혜택 */
.event-benefit-template .exclusive-purchase-benefits .c-title-area--multi-item-combined {
}
@media screen and (max-width: 767px) {
    .event-benefit-template .exclusive-purchase-benefits .c-title-area--multi-item-combined {
        margin-top: calc(24 / 390 * 100vw);
    }
}
/* // 다품목&결합 혜택 */



/* 가전+홈스타일 결합할인  */
.event-benefit-template .home-bundle-deal-product .article__inner{padding-top:20px;}
.event-benefit-template .home-bundle-deal__content-wrap {
    display: flex;
    gap:20px;    
    justify-content: center;
}
.event-benefit-template .home-bundle-deal .c-toggle--notice .c-toggle__btn-wrap{
    margin: 24px 0;
}
.event-benefit-template .wrap--black .c-toggle__btn.c-toggle__btn--no-arr::after{
    display: none;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .home-bundle-deal .c-title-area, .event-benefit-template .home-bundle-deal .c-title-area--center .c-title{
        align-items: baseline;
        text-align: left;
    }
    .event-benefit-template .home-bundle-deal__content-wrap {
        flex-direction: column;
        margin: 0 calc(20 / 390 * 100vw) calc(24 / 390 * 100vw);
        row-gap: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .home-bundle-deal .c-toggle--notice .c-toggle__btn-wrap{
        text-align: left;
        margin: 0;
    }
    .event-benefit-template .home-bundle-deal .c-toggle--notice.on .c-toggle__content{
        margin-top: calc(26 / 390 * 100vw);
    }
    .event-benefit-template .home-bundle-deal-product .article__inner{
        
    }
}