@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 .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 .l-article01 .btn001 {position: absolute;  height: 8%;}
.event-benefit-template .l-article01 .btn001_01 {width: 40%; top: 49%; left: 7%;}
.event-benefit-template .l-article01 .btn001_02 {width: 40%; top: 49%; left: 53%;}
.event-benefit-template .l-article01 .btn001_03 {width: 26%; top: 84%; left: 7%;}
.event-benefit-template .l-article01 .btn001_04 {width: 26%; top: 84%; left: 37%;}
.event-benefit-template .l-article01 .btn001_05 {width: 26%; top: 84%; left: 68%;}

.event-benefit-template .l-article02 .swiper-container{padding: 0;}
.event-benefit-template .l-article02 .swiper-slide{padding: 0 calc(20 * var(--ratio));}
.event-benefit-template .l-article02 .benefit001{position: absolute; top: 30%; left: 10%; width: 50%; height: 20%; }

.event-benefit-template .l-article02 .c-tab--3depth .c-tab__item:first-child{margin-left: auto;}
.event-benefit-template .l-article13 .c-tab--3depth .c-tab__item:first-child{margin-left: auto;}

.event-benefit-template .l-article07 .swiper-slide01{display: none;}
.event-benefit-template .l-article07 .c-swiper__controls{display: none;}

.event-benefit-template .l-article08 .c-tab__inner{background-color: #000; border-color: #A7A7A7; color: #A7A7A7;}
.event-benefit-template .l-article08 .c-tab__inner .c-tab__item{border-color: #A7A7A7;}
.event-benefit-template .l-article08 .c-tab__inner .c-tab__item .c-tab__button{color: #A7A7A7;}
.event-benefit-template .l-article08 .c-tab__inner .c-tab__item.active{background-color: #FFFFFF; border-color: #FFFFFF; }
.event-benefit-template .l-article08 .c-tab__inner .c-tab__item.active .c-tab__button{color: #000000;}

.event-benefit-template .l-article08 .c-product__list .c-product__item{background-color: transparent;}
.event-benefit-template .l-article08 .c-product__list .c-product__info .c-product__brand-name{color: #A7A7A7;}
.event-benefit-template .l-article08 .c-product__list .c-product__info .c-product__name{color: #FFF;}
.event-benefit-template .l-article08 .c-product__list .c-product__info .c-product__price-item--member{color: #FFF;}
.event-benefit-template .l-article08 .c-product__list .c-product__info .c-product__price-item--original{color: #A7A7A7;}


.event-benefit-template .l-article12 .btn001 {position: absolute; width: 40%; height: 8%;}
.event-benefit-template .l-article12 .btn001_01 {top: 50%; left: 7%;}
.event-benefit-template .l-article12 .btn001_02 {top: 50%; left: 53%;}
.event-benefit-template .l-article12 .btn001_03 {top: 84%; left: 7%;}
.event-benefit-template .l-article12 .btn001_04 {top: 84%; left: 53%;}

.event-benefit-template .l-article13 .c-coupon__title .c-coupon__title-main {font-size: calc(13 * var(--ratio));}

.event-benefit-template .l-article20 .swiper-slide01{display: none;}
.event-benefit-template .l-article20 .c-swiper__controls{display: none;}

.event-benefit-template .l-article21 .c-product__list .c-product__item{background-color: transparent;}
.event-benefit-template .l-article21 .c-product__list .c-product__info .c-product__brand-name{color: #A7A7A7;}
.event-benefit-template .l-article21 .c-product__list .c-product__info .c-product__name{color: #FFF;}
.event-benefit-template .l-article21 .c-product__list .c-product__info .c-product__price-item--member{color: #FFF;}
.event-benefit-template .l-article21 .c-product__list .c-product__info .c-product__price-item--original{color: #A7A7A7;}

/* 화살표 부분 */
.event-benefit-template .l-article13 .c-button--box-filled-black .c-button__label::after {
  content: '';
  display: inline-block;
  width: calc(8 * var(--ratio));   
  height: calc(8 * var(--ratio)); 

  border-top: calc(2 * var(--ratio)) solid #fff;   
  border-right: calc(2 * var(--ratio)) solid #fff;
  transform: rotate(45deg);    
  margin-left: calc(8 * var(--ratio));     
  margin-top: calc(-1 * var(--ratio));   
}


.event-benefit-template .l-article21 .c-tab__inner{background-color: #000; border-color: #A7A7A7; color: #A7A7A7;}
.event-benefit-template .l-article21 .c-tab__inner .c-tab__item{border-color: #A7A7A7;}
.event-benefit-template .l-article21 .c-tab__inner .c-tab__item .c-tab__button{color: #A7A7A7;}
.event-benefit-template .l-article21 .c-tab__inner .c-tab__item.active{background-color: #FFFFFF; border-color: #FFFFFF; }
.event-benefit-template .l-article21 .c-tab__inner .c-tab__item.active .c-tab__button{color: #000000;}


.event-benefit-template .c-coupon--black .c-coupon__ico--kakao-talk {
        background: url(/kr/event/2026/04/11_cooking_edition/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 .article-tab-menu-scroll .c-tab__inner{padding-top: calc(4 * var(--ratio));}
.event-benefit-template .article-tab-menu-scroll .c-c-tab__inner {padding: 0 calc(0 * var(--ratio)) 0 calc(20 * var(--ratio));}

.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-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 .video_subnail02_03 img{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;}

.event-benefit-template .article_swiper_btn .swiper-container{padding: 0;}
.event-benefit-template .article_swiper_btn .swiper-slide{position:relative; flex-direction: column; width: 100%; padding: 0 calc(25 * var(--ratio)); }
.event-benefit-template .article_swiper_btn a{position: absolute; top: 85%; left: 50%; transform: translateX(-50%); width: 80%; height: 13%;}
.event-benefit-template .article_swiper_btn .btn003 {position: absolute; top: 45%; left: 50%; transform: translateX(-50%); width: 80%; height: 25%;}


.event-benefit-template .c-tab--3depth .c-tab__item:first-child{margin-left: 0;}

.event-benefit-template .article_banner_section{position: relative;}
.event-benefit-template .article_banner_section .landing02_01{position: absolute; top: 58%; left: 50%; transform: translateX(-50%); width: 90%; height: 28%; }

.article-swiper-background-blur {
    position: relative;
    overflow: hidden; 
}
.article-swiper-background-blur .swiper-bg-blur {
    /* 기존 스타일 유지 */
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(50px) brightness(0.6);
    z-index: 0;
    transition: background-image 0.6s ease-in-out, opacity 0.3s;
    will-change: background-image; /* 성능 최적화 브라우저 힌트 */
}
@media (prefers-reduced-motion: reduce) {
    .article-swiper-background-blur .swiper-bg-blur {
        transition: none;
    }
}



.event-benefit-template .l-article_more_banner .btn004{position: absolute; top:0%; left: 70%; width: 30%; height: 47%;}
.event-benefit-template .l-article_more_banner .btn004_01{ top:0%; }
.event-benefit-template .l-article_more_banner .btn004_02{ top:52%; }



.l-article.article-tab-menu-scroll {
    .l-article__inner--mo-gutter {
        padding: 0 var(--spacing-standard-gutter);
    }
}



@media (max-width: 767px) {

}