@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-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 .text_section{position: absolute; top: 0; left: 0; width: 100%; height: 40%; }
.event-benefit-template .text_section .text_section_text{color: #FFF; text-align: center; line-height: 1.2; }
.event-benefit-template .text_section .text_section_text.text01{font-size: calc(12 * var(--ratio));}
.event-benefit-template .text_section .text_section_text.text02{font-size: calc(26 * var(--ratio)); font-weight: 700;}
.event-benefit-template .text_section .text_section_text.text03{font-size: calc(14 * var(--ratio)); font-weight: 600;}
 
.event-benefit-template .l-article00 ul.swiper-wrapper{width: 76%;}
.event-benefit-template .l-article00 .c-responsive-video.is-loaded{border-radius: calc(8 * var(--ratio));}
.event-benefit-template .l-article00 .c-responsive-video.is-loaded .c-responsive-video__element{border-radius: calc(8 * var(--ratio));}

.event-benefit-template .notice_disclaimer_align_left{text-align: left;}
.event-benefit-template .notice_disclaimer {
    padding-top: 0; /* 상단 간격 조절 */
    margin:0 calc(20 * var(--ratio));
}
.event-benefit-template .notice_disclaimer .notice_disclaimer__text {
    position: relative;
    padding-left: calc(12 * var(--ratio));
    color: #666; 
    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-article02 .notice_disclaimer {
    padding-top: calc(16 * var(--ratio)); /* 상단 간격 조절 */
    border-top: calc(1 * var(--ratio)) solid #CACACA;
}
.event-benefit-template .l-article02 .notice_disclaimer .notice_disclaimer__text{display: none;}
.event-benefit-template .l-article02 .notice_disclaimer .notice_disclaimer__text.active{display: inline-block;}



.event-benefit-template .l-article01 .l-article__box{row-gap: calc(0 * var(--ratio));}
.event-benefit-template .l-article01 .c-swiper__controls{display: none;}

.event-benefit-template .l-article03 .btn001 {position: absolute;  height: 35%;}
.event-benefit-template .l-article03 .btn001_01 {width: 30%; top: 55%; left: 2%;}
.event-benefit-template .l-article03 .btn001_02 {width: 30%; top: 55%; left: 35%;}
.event-benefit-template .l-article03 .btn001_03 {width: 30%; top: 55%; left: 70%;}

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


.purchase-subscribe-benefit {
    .scroll-box{
        position: absolute;
        top: 52.5%;
        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"]) {
    }
}


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