@charset "utf-8";

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

.event-benefit-template .c-title--left{margin-right: 0;}
.event-benefit-template .c-toggle--normal{ margin-top: 0; }

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

.event-benefit-template .l-article01 .btn001 {position: absolute; top: 73%; width: 25%; height: 13%;}
.event-benefit-template .l-article01 .btn001_01 {left: 6.7%;}
.event-benefit-template .l-article01 .btn001_02 {left: 37.45%;}
.event-benefit-template .l-article01 .btn001_03 {left: 68.3%;}


/* 링크 */
.event-benefit-template .link {position: absolute;}
.event-benefit-template .linker_01 {width: 88%;height: 7.3%;top: 87%;left: 6%;}
.event-benefit-template .linker_02 {width: 35.5%;height: 7.3%;top: 34.5%;left: 52.5%;}

.event-benefit-template .c-coupon--black .c-coupon__ico--kakao-talk {
        background: url(/kr/event/2026/05/10_cooking_manage_lg/images/icon-kakao-talk.png) center / calc(28 * var(--ratio)) no-repeat; 
        width: calc(28 * var(--ratio));
        height: calc(28 * var(--ratio));
    }


.event-benefit-template .l-article02_07{padding-bottom: calc(20 * var(--ratio));}
.event-benefit-template .l-article02_07 .l-article__inner{background-color: #FFF;}
.event-benefit-template .l-article02_07 .l-article__inner .c-toggle__content--white-bg{background-color: #F4F4F4;}
.event-benefit-template .l-article02_08{padding-bottom: calc(20 * var(--ratio));}

.event-benefit-template .article-tab-menu-scroll .c-tab__inner{padding-top: calc(12 * var(--ratio));}
.event-benefit-template .article-tab-menu-scroll .c-tab__list {padding: 0 calc(0 * var(--ratio)) 0 calc(20 * var(--ratio));}
.event-benefit-template .article-tab-menu-scroll .c-tab__list .c-tab__item:first-child {margin: 0;}

.event-benefit-template {
    & .article-tab-menu-scroll{
        & .c-custom-accordion__area--fade {
            height: calc(110 * var(--ratio));
            &::after {
                height: calc(201 * var(--ratio));
                top: auto;
                bottom: calc(-45 * var(--ratio));
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.37%, #FFF 65.76%);
            }
        }
    }
}


.event-benefit-template .l-article03 .c-responsive-video{border-radius: 16px; }
.event-benefit-template .l-article03 .c-responsive-video video{border-radius: 16px; }
.event-benefit-template .l-article04 .c-tab__list{gap: calc(6 * var(--ratio));}

.event-benefit-template .l-article06 .c-tab--3depth-type01 .c-tab__list{padding: 0 0 calc(2 * var(--ratio)) 0; }

.event-benefit-template .l-article-video-swiper .swiper-container { padding: 0; }
.event-benefit-template .l-article-video-swiper .swiper-slide{position:relative; flex-direction: column; width: 100%; padding: 0 calc(18 * var(--ratio)); }
.event-benefit-template .l-article-video-swiper .swiper-slide .c-responsive-video{border-radius: 16px; }
.event-benefit-template .l-article-video-swiper .swiper-slide .c-responsive-video video{border-radius: 16px; }
.event-benefit-template .l-article-video-swiper .swiper-slide .content_section{width: 100%; padding: calc(12 * var(--ratio)) 0 0 0; text-align: left; line-height: 1.4;}
.event-benefit-template .l-article-video-swiper .swiper-slide .content_section .title_section{font-size: calc(16 * var(--ratio)); font-weight: 600; }
.event-benefit-template .l-article-video-swiper .swiper-slide .content_section .text_section{padding: calc(4 * var(--ratio)) 0 0 0; font-size: calc(15 * var(--ratio)); color: #6A6A6A;}


.l-article.article-tab-menu-scroll {
    .l-article__inner--mo-gutter {
        padding: 0 var(--spacing-standard-gutter);
    }
}
.event-benefit-template .l-article05 {
    & .c-tab__item {
        &:first-child {margin-left: 0;
        }
    }
}
.event-benefit-template .l-article07 {
    & .c-tab__item {
        &:first-child {margin-left: 0;
        }
    }
}


.event-benefit-template .membership-point {
    background: #F4F4F4;
}
.event-benefit-template .membership-point .l-article__inner {
    padding-top: calc(40 * var(--ratio));
    padding-bottom: calc(32 * var(--ratio));
}

@media (max-width: 767px) {

}