@charset "utf-8";


/* .event-benefit-template a{background-color: lightcoral !important; opacity: 0.5;}
.event-benefit-template button{background-color: lightblue !important; opacity: 0.5;} */



.event-benefit-template .c-title__eyebrow02{color: #444444;}

.event-benefit-template .c-product__list--thumnail-custom-vertical .c-product__image-wrapper {
    height: calc(236 * var(--ratio));
}


.event-benefit-template .main-kv img{width: 100%;}
.event-benefit-template .text-align-left{text-align: left;}
.event-benefit-template .article-tab-swiper .swiper-navigation-button{display: none;}


.event-benefit-template .article-2depth-tab-menu > .l-article__inner {
    row-gap: var(--spacing-standard-flow);
}


/* .event-benefit-template .l-article01,
.event-benefit-template .l-article02{
    .swiper-slide {
        width: fit-content;
    }
} */

.event-benefit-template .notice_disclaimer {
    margin-top: calc(8 * var(--ratio)); /* 상단 간격 조절 */
    padding-left: calc(20 * var(--ratio));
}
.event-benefit-template .notice_disclaimer .notice_disclaimer__text {
    position: relative;
    padding-left: calc(12 * var(--ratio));
    color: #F4F4F4; 
    font-size: calc(12 * var(--ratio));
    line-height: 1.4;
    word-break: keep-all; /
}
.event-benefit-template .notice_disclaimer .notice_disclaimer__text::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    color: inherit;
}

.event-benefit-template .l-article01 .c-tab__inner{background-color: #000000;}
.event-benefit-template .l-article01 .c-tab__item{background-color:#000; border-color: #777;}
.event-benefit-template .l-article01 .c-tab__item:first-child{margin-left: 0;}
.event-benefit-template .l-article01 .c-tab__item .c-tab__button{color: #CACACA;}
.event-benefit-template .l-article01 .c-tab__item.active{background-color:#FFF; border-color: #FFF;}
.event-benefit-template .l-article01 .c-tab__item.active .c-tab__button{color: #000;}

.event-benefit-template .l-article03 .btn001 {position: absolute;  height: 11%;}
.event-benefit-template .l-article03 .btn001_01 {width: 45%; top: 35%; left: 2%;}
.event-benefit-template .l-article03 .btn001_02 {width: 45%; top: 35%; left: 53%;}
.event-benefit-template .l-article03 .btn001_03 {width: 45%; top: 87%; left: 2%;}
.event-benefit-template .l-article03 .btn001_04 {width: 45%; top: 87%; left: 53%;}

.event-benefit-template .purchase-subscribe-benefit .c-tab__list{gap: calc(4 * var(--ratio)); padding: calc(2 * var(--ratio)) 0;}


@media (max-width: 767px) {

.l-article02,
.l-article03 {
    .swiper-slide {
         width: calc(360 * var(--ratio));}
    }

}

.purchase-subscribe-benefit {

    .scroll-box{
        position: absolute;
        top: 52%;
        left: 0;
    }

    .c-custom-accordion__area--fade {
        height: calc(190 * var(--ratio));

        &::after {
            height: calc(190 * var(--ratio));
            top: auto;
            bottom: calc(-45 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.37%, #FFF 65.76%);
        }
    }
    .c-custom-accordion__btn-wrap:has([aria-expanded="true"]) {
    }
    .btn_photoreview{
        /* display: none;  */
        position: absolute; top: 43%; left: 50%; transform: translateX(-50%); width: 86%; height: 6%;}
}


/* ============================= */
/* // 개별 영역 */
/* ============================= */