@charset "utf-8";


/* ==================== */
/* 공통 변수 */
/* ==================== */

.primary-color {
    color: #EA1917;
}

.event-benefit-template .c-product__badge--normal-membership{
    background-color: #B7A095;
    color: #fff;
}
/* ==================== */
/* // 공통 변수 */
/* ==================== */


/* ==================== */
/* 공통 레이아웃 */
/* ==================== */

.pc-only{
    display: block;
}
.mo-only{
    display: none;
}

@media screen and (max-width: 767px) {
    .pc-only{
        display: none;
    }
    .mo-only{
        display: block;
    }
    .event-benefit-template .article__inner {
        padding: calc(28 / 390 * 100%) 0 calc(40 / 390 * 100%);
    }
}
/* ==================== */
/* // 공통 레이아웃 */
/* ==================== */


/* ==================== */
/* 공통 컴포넌트 */
/* ==================== */

/* main KV */
.event-benefit-template .main-kv-video {
    display: block;
    width: 100%;
}
.event-benefit-template .main-kv {
    position: relative;
    aspect-ratio: 1380 / 740;
}
.event-benefit-template .main-kv__img {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .main-kv {
        aspect-ratio: 780 / 780;
    }
}

/* 공유하기 버튼 위치 커스텀 */
.contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
    top: min(100px, calc(670 / 1380 * 100vw) - 14px) !important;
    right: min(60px, calc(60 / 1380 * 100vw)) !important;
}
@media screen and (max-width: 767px) {
    .contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
        top: calc(96 / 390 * 100vw - 46px) !important;
        right: calc(20 / 390 * 100vw) !important;
    }
}
/* // 공유하기 버튼 위치 커스텀 */

/* // main KV */


/* c-title */
.event-benefit-template .c-title-area {
    margin-bottom: 24px;
}
.event-benefit-template .c-title__main-title {
    font-weight: 700;
}
.event-benefit-template .c-title__main-title--small {
    color: #111;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.4px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-title-area {
        margin-bottom: calc(16 / 390 * 100vw);
    }
    .event-benefit-template .c-title__main-title--small {
        font-size: calc(16 / 390 * 100vw);
        line-height: calc(26 / 390 * 100vw);
        letter-spacing: calc(-0.4em/16);
    }
}
/* // c-title */

/* Tab */
.event-benefit-template .c-tab--round {
    margin-bottom: 24px;
}
.event-benefit-template .c-tab--round:has(+ .c-tab__content .c-tab__panel.active .c-tab--switch-small-txt) {
    margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--round:has(+ .c-tab__content .c-tab__panel.active .c-tab--switch-small-txt) {
        margin-bottom: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--round {
        margin-bottom: calc(20 / 390 * 100vw);
    }
}
/* // Tab */


/* text Dimmer */
.c-area-dimmer {
    position: relative;
}
.c-area-dimmer.comming-soon {
    height: 697px;
}
.c-area-dimmer__content {
    display:none;
}
.c-area-dimmer .c-area-dimmer__bg {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
}
.c-area-dimmer .c-area-dimmer__img {
    max-width: 633px !important;
}
.c-area-dimmer .c-area-dimmer__txt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #FFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    font-size: 22px;
    font-weight: 600;
    line-height: 145.455%;
    letter-spacing: -0.2px;
}
.c-area-dimmer.disabled .c-area-dimmer__content,
.c-area-dimmer.comming-soon .c-area-dimmer__content {
    display:block;
}

@media screen and (max-width: 767px) {
    .c-area-dimmer.comming-soon {
        height: calc(548 / 390 * 100vw);
    }
    .c-area-dimmer .c-area-dimmer__img {
        max-width: initial;
        width: 110%;
    }
    .c-area-dimmer.disabled .c-area-dimmer__txt {
        font-size: calc(22 / 390 * 100vw);
        letter-spacing: calc(-0.2em/22);
    }
}
/* // Text Dimmer */

/* timer */
.event-benefit-template .c-timer__box {
    display: inline-flex;
}

.event-benefit-template .c-timer--type2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 480px;
    margin: 24px 32px;
}

.event-benefit-template .c-timer--type2 .c-timer__item {
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 32px;
    background: rgba(168, 168, 168, 0.30);
    border-radius: 8px;
    backdrop-filter: blur(4px);
}

.event-benefit-template .c-timer--type2 .c-timer__label {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #111;
}

.event-benefit-template .c-timer--type2 .c-timer__content {
    display: flex;
    column-gap: 4px;
    font-weight: 800;
}
.event-benefit-template .c-timer--type2 .c-timer__box {
    column-gap: 4px;
    align-items: center;
}
.event-benefit-template .c-timer--type2 .c-timer__value {
    min-width: 40px;
    padding: 4px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.36px;
    background-color: #fff;
    border-radius: 4px;
}

.event-benefit-template .c-timer--type2 .c-timer__unit {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000;
    letter-spacing: -0.28px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-timer--type2 {
        width: 100%;
        padding: 0 calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
        margin: 0;
    }
    .event-benefit-template .c-timer--type2 .c-timer__item {
        display: flex;
        gap: initial;
        justify-content: space-between;
        padding: calc(12 / 390 * 100vw) calc(16 / 390 * 100vw);
        border-radius: calc(8 / 390 * 100vw);
        backdrop-filter: blur(10px);
    }

    .event-benefit-template .c-timer--type2 .c-timer__label {
        font-size: max(10px, calc(12 / 390 * 100vw));
        font-weight: 700;
        line-height: 166.667%;
    }
    .event-benefit-template .c-timer__box {
        display: inline-flex;
    }
    .event-benefit-template .c-timer--type2 .c-timer__value {
        min-width: calc(32 / 390 * 100vw);
        padding: 2px 0;
        font-size: calc(16 / 390 * 100vw);
        line-height: 140%;
        letter-spacing: calc(-0.32em / 16);
        border-radius: calc(4 / 390 * 100vw);
    }

    .event-benefit-template .c-timer--type2 .c-timer__unit {
        font-size: max(10px, calc(10 / 390 * 100vw));
        font-weight: 600;
        letter-spacing: calc(-0.2em / 10);
    }
}
/* // timer */

/* 일반 쿠폰 */
.event-benefit-template .c-coupon__download {
    width: 120px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-coupon__download {
        width: calc(80 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__content-wrapper--shadow {
        margin: 0 calc(20 / 390 * 100vw);
        padding: 0;
    }
}
/* // 일반 쿠폰 */


/* 썸네일 있는 쿠폰 */
.event-benefit-template .c-coupon--thumnail {
    width: 100%;
    max-width: 561px;
    margin: 0 auto;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__info {
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 24px;
    align-items: center;
    padding: 0 20px;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__text {padding: 0;}
.event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail {
    display: flex;
    position: relative;
    align-items: center;
    width: 80px;
    height: 80px;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    will-change: opacity;
    z-index: 0;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail-img--active {
    opacity: 1;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-coupon--thumnail .c-coupon__info {
        padding: 0 calc(12 / 390 * 100vw) 0 calc(14 / 390 * 100vw);
        column-gap: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-coupon--thumnail .c-coupon__text {
        justify-content: center;
        gap: 0;
    }
    .event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail {
        width: calc(50 / 390 * 100vw);
        height: calc(50 / 390 * 100vw);
    }
    .event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail-img {
        
    }
}
/* // 썸네일 있는 쿠폰 */

/* ==================== */
/* // 공통 컴포넌트 */
/* ==================== */

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

/* 엘라쇼 4가지 주요 혜택 */


.event-benefit-template .benefit-collection .custom-scroll-slider__content-wrapper .custom-scroll-slider__item{
    min-width: 274px;
}
.event-benefit-template .benefit-collection .custom-scroll-slider__content-wrapper{
    column-gap: 16px;
}

@media screen and (max-width: 767px) {
    
    .event-benefit-template .benefit-collection .custom-scroll-slider__content-wrapper{
        flex-wrap: unset;
        row-gap: 0;
        column-gap: calc(12 / 390 * 100vw);
    }

    .event-benefit-template .benefit-collection  .article__inner {
        padding: calc(28 / 390 * 100%) 0 calc(12 / 390 * 100%);
    }
    .event-benefit-template .benefit-collection .custom-scroll-slider__content-wrapper .custom-scroll-slider__item{
        min-width: calc(350/390*100vw);
    }

}

/* 엘라쇼 4가지 주요 혜택 */












/* 쿠폰 모음 */
.event-benefit-template .coupon-benefit .custom-scroll-slider__content-wrapper {
    flex-wrap: wrap;
    gap: 24px;
}
.event-benefit-template .coupon-benefit .custom-scroll-slider__item {
    width: calc((100% - 24px) / 2);
}
.event-benefit-template .coupon-benefit .content__list {
    display: flex;
    flex-direction: column;
    row-gap: 56px; 
}
.event-benefit-template .coupon-benefit__coupon-list {
    display: flex;
    column-gap: 24px;
}
.event-benefit-template .coupon-benefit__coupon-item {
    flex-basis: 100%;
    display: flex;
}
.event-benefit-template .coupon-benefit__coupon-item {
    position: relative;
}

.event-benefit-template .coupon-benefit .l-notice--other-coupon {
    margin-bottom: 0;
}
.event-benefit-template .coupon-benefit .c-custom-hidden-area--fade {
    overflow: hidden;
    height: 240px;
}
.event-benefit-template .coupon-benefit .c-custom-hidden-area--active {
    overflow: visible;
}

.event-benefit-template .l-notice {
    margin-top: 48px;
}
.event-benefit-template .coupon-benefit .c-toggle.on .c-toggle__data {
    margin-top: 60px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .coupon-benefit .custom-scroll-slider__content-wrapper {
        flex-wrap: nowrap;
        gap: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit .custom-scroll-slider__item {
        width: 100%;
    }
    .event-benefit-template .coupon-benefit .content__list {
        row-gap: calc(40 / 390 * 100vw); 
    }
    .event-benefit-template .coupon-benefit .content__list .c-title-area {
        margin-bottom: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit__coupon-list {
        flex-direction: column;
        column-gap: 0;
        row-gap: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit__coupon-item {
        padding: 0 calc(20 / 390 * 100vw);
        min-width: calc(304 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit .custom-scroll-slider__item {
        min-width: 100%;
    }
    .event-benefit-template .coupon-benefit .c-coupon {
        min-width: 100%;
    }
    .event-benefit-template .c-coupon__price {
        font-size: calc(14 / 390 * 100vw);
        font-weight: 600;
        line-height: 157.143%;
        letter-spacing: calc(-0.28em / 14);
    }
    .event-benefit-template .c-coupon__info {
        /* padding: calc(16 / 390 * 100vw); */
        /* column-gap: calc(5 / 390 * 100vw); */
    }
    .event-benefit-template .l-notice .c-toggle__btn-wrap {
        margin: 0 calc(20 / 390 * 100vw) 0;
    }

    .event-benefit-template .l-notice .c-toggle__btn-wrap.on {
        margin: 0 calc(20 / 390 * 100vw) calc(20 / 390 * 100vw);
    }

    .event-benefit-template .coupon-benefit .c-toggle.on .c-toggle__data { 
        margin: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) 0;
    }
    .event-benefit-template .l-notice {
        margin-top: calc(24 / 390 * 100vw);
    }
   .event-benefit-template .coupon-benefit .c-custom-hidden-area--fade {
        height: calc(180 / 390 * 100vw);
    }
}
/* // 쿠폰 모음 */






/* 구매 부담을 덜어줄 결제 혜택 */
.event-benefit-template .payment-benefits .c-custom-hidden-area--fade {
    overflow: hidden;
    height: 360px;
}


/* .event-benefit-template .payment-benefits .c-custom-hidden-area__more-btn-wrap{
    bottom: 38px;
} */

.event-benefit-template .card-benefit__content {
    position: relative;
}

.event-benefit-template .payment-benefits ul li:nth-child(2)  .card-benefit__content {
    margin-top: 56px;
}

.event-benefit-template .payment-benefits ul li:nth-child(2)  .multi-benefit {
    margin-top: 80px;
}

.event-benefit-template .card-benefit__img-linker {
    position: absolute;
}

.event-benefit-template .card-benefit__img-linker--benefit {
    bottom: 17%;
    left: 38.7%;
    width: 27%;
    height: 11.1%;
}
.event-benefit-template .card-benefit__img-linker--detail {
    bottom: 17%;
    left: 66.7%;
    width: 27%;
    height: 11.1%;
}

.event-benefit-template .payment-benefits__linker01 {
    position: absolute;
    top: 9%;
    left: 24.4%;
    width: 25.2%;
    height: 93%;
}

.event-benefit-template .payment-benefits__linker02 {
    position: absolute;
    top: 9%;
    left: 49.7%;
    width: 25.2%;
    height: 93%;
}

.event-benefit-template .payment-benefits__hyundai-card-linker {
    position: absolute;
    bottom: -3%;
    left: 38%;
    width: 24%;
    height: 26%;
}

.event-benefit-template .multi-benefit .multiple-benefits__linker01,
.event-benefit-template .multi-benefit .multiple-benefits__linker02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.event-benefit-template .payment-benefits ul li:nth-child(2) .c-tab--round .c-tab__inner{
    justify-content: center;
}

.event-benefit-template .payment-benefits ul li:nth-child(1).c-custom-hidden-area--fade::after{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
}

@media screen and (max-width: 767px) {
    .event-benefit-template .payment-benefits .article__inner {
        padding-top: calc(32 / 390 * 100%);
    }
    .event-benefit-template .payment-benefits .c-custom-hidden-area--fade {
        height: calc(394 / 390 * 100vw);
    }

    .event-benefit-template .payment-benefits .payment-benefits__list {
        display: block;
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .payment-benefits .card-benefit__content {
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .card-benefit__img-linker--benefit {
        bottom: 5.7%;
        left: 6%;
        width: 43.2%;
        height: 13.7%;
    }
    .event-benefit-template .card-benefit__img-linker--detail {
        bottom: 5.7%;
        left: 51.2%;
        width: 43.2%;
        height: 13.7%;
    }
    .event-benefit-template .payment-benefits__hyundai-card-picture {
        display: block;
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .payment-benefits__linker01 {
        top: 23%;
        left: 0;
        width: 100%;
        height: 27%;
    }

    .event-benefit-template .payment-benefits__linker02 {
        top: 50%;
        left: 0;
        width: 100%;
        height: 27%;
    }
    .event-benefit-template .payment-benefits__hyundai-card-linker {
        bottom: -5%;
        left: 3%;
        width: 94%;
        height: 31%;
    }
    .event-benefit-template .payment-benefits .c-tab--round .c-tab__list{
        padding: 0;
    }

        
    .event-benefit-template .payment-benefits ul li:nth-child(1)  .card-benefit__content {
        margin-bottom: calc(40/390*100vw);
    }
        
    .event-benefit-template .payment-benefits ul li:nth-child(2)  .card-benefit__content {
        margin-top: calc(20/390*100vw);
    }

    .event-benefit-template .payment-benefits ul li:nth-child(2)  .multi-benefit {
        margin-top: calc(48/390*100vw);
    }
    
    .event-benefit-template .multi-benefit .custom-scroll-slider__item{
        min-width: calc(350/390*100vw);
    }

    .event-benefit-template .payment-benefits ul li:nth-child(2) .c-tab--round .c-tab__inner{
        justify-content: flex-start;
    }

    .event-benefit-template .payment-benefits ul li:nth-child(1).c-custom-hidden-area--fade::after{
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #FFF 100%);
    }
}

/* 공통 모달 (커스텀) */
#paymentBenefitsInterestFree {
    max-width: 500px;
}

#paymentBenefitsKakaoPay {
    max-width: 480px;
}
.popup-wrap .relative-area {
    position: relative;
}
.popup-wrap img {
    max-width: 100%;
}

.kakao-pay__link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33%;
}
@media screen and (max-width: 767px) {
    .popup-wrap {
        max-width: initial;
    }
    .kakao-pay__link {
        height: 48%;
    }
    #paymentBenefitsInterestFree {
        max-width: 100%;
    }

    #paymentBenefitsKakaoPay {
        max-width: 100%;
    }
}
/* // 공통 모달 (커스텀) */
/* // 구매 부담을 덜어줄 결제 혜택 */

/* 엘라쇼 미리보기 */
.llf_preview .lff_preivew-content-box{
    display: flex;
    justify-content: center;
}

.event-benefit-template .llf_preview .c-custom-hidden-area--fade{
    overflow: hidden;
    height: 375px;
}

@media screen and (max-width: 767px) {
    .llf_preview .lff_preivew-content-box{
        margin: 0 calc(20/350*100vw);
    }
    .event-benefit-template .llf_preview .c-custom-hidden-area--fade{
        
        height: calc(240/350*100vw);
    }
}

/* // 엘라쇼 미리보기 */





/* 가전 위클리 특가 */
.event-benefit-template .ha-weekly-deal .article__inner{
    padding: 0;
}

.c-article-main-banner {
    position: relative;
    margin-bottom: 32px;
}

.event-benefit-template .ha-weekly-deal .c-tab--round .c-tab__item{
    background-color: #fff;
}

.event-benefit-template .ha-weekly-deal .c-tab--round .c-tab__item.active{
    background-color: #111;
}

.event-benefit-template .ha-weekly-deal .article__content-area{
    padding: 56px 0 80px;
}


@media screen and (max-width: 767px) {
    .c-article-main-banner {
        margin: 0 calc(24 / 390 * 100vw) calc(24 / 390 * 100vw);
    }

    
    .c-article-main-banner--full-width {
        margin: 0 0 calc(16 / 390 * 100vw);
    }
    .event-benefit-template .ha-weekly-deal .article__content-area{
        padding: 0 0 calc(40/390*100vw);
    }
}

/* // 가전 위클리 특가 */



/* 구독 카테고리 데이즈 */
.ha-category-days .c-tab__list{
    display: flex;
    column-gap: 0;
}

.ha-category-days .c-tab__list .c-tab__item{
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ha-category-days .c-tab__list .c-tab__item:nth-child(n+2){
    pointer-events: none;
}

.ha-category-days .c-tab__list .c-tab__item span{
    display: flex;
    justify-content: center;
}

.ha-category-days .c-tab__list .c-tab__item .c-tab__dec{
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #111;
}


.ha-category-days .c-tab__list .c-tab__item .c-tab__img-active{
    display: none;
}
.ha-category-days .c-tab__list .c-tab__item.active .c-tab__img{
    display: none;
}

.ha-category-days .c-tab__list .c-tab__item.active .c-tab__img-active{
    display: flex;
}

.event-benefit-template .ha-category-days .c-tab__panel .c-title-area{
    margin: 24px 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.event-benefit-template .ha-category-days .c-tab__panel .c-title-area .c-title{
    width: 100%;
}

.event-benefit-template .ha-category-days .c-tooltip:has(.tooltip-wrap){
    margin-bottom: 0;
}

.event-benefit-template .ha-category-days .c-button-group{
    margin-top: 24px;
}

.event-benefit-template .ha-category-days .c-button-group .c-button{
    flex-direction: column;
    padding: 7px 16px;
    line-height: 18px;
}

.event-benefit-template .ha-category-days .c-button-group .c-button__text_wrap{
    display: flex;
    align-items: center;
}


.c-button__text_wrap .c-button__text{
    font-size: 12px;
}

.event-benefit-template  .c-button__text_wrap .c-button__icon {
    width: 16px;
    height: 16px;
}
    .event-benefit-template  .c-button__text_wrap .c-button__icon--arrow-white {
    background-size: 7px 12px
}

@media screen and (max-width: 767px) {
    .ha-category-days .c-tab__list{
        display: flex;
        column-gap: 0;
        padding: 0 calc(20/390*100vw);
    }
    
    .ha-category-days .c-tab__list .c-tab__item{
        min-width: calc(80/390*100vw);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .ha-category-days .c-tab__list .c-tab__item img{
        width: calc(54/390*100vw);
    }
    .ha-category-days .c-tab__list .c-tab__item .c-tab__dec{
        font-size: calc(14/390*100vw);
        margin-top: calc(6/390*100vw);
    }
    
    .event-benefit-template .ha-category-days .c-tab__panel .c-title-area{
        margin: calc(24/390*100vw) calc(20/390*100vw) calc(12/390*100vw);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        column-gap: calc(24/390*100vw);
    }

    .event-benefit-template .ha-category-days .c-tab__panel .c-title-area{
        width: calc( 100% - ( 40 / 390 * 100vw ) );
    }

    .event-benefit-template .ha-category-days .c-tooltip:has(.tooltip-wrap){
        margin-bottom: 0;
    }

    .event-benefit-template .ha-category-days .c-tooltip:has(.tooltip-wrap){
        padding: 0;
    }
    
    .event-benefit-template .ha-category-days .c-tooltip .tooltip-wrap .tooltip-box{
        left: 0!important;
    }

    .event-benefit-template .ha-category-days .c-button-group{
        margin-top: calc(24/390*100vw);
    }
    .event-benefit-template .ha-category-days .c-button-group .c-button {
        flex-direction: column;
        padding: calc(10 / 390 * 100vw) calc(12 / 390 * 100vw);
        line-height: 18px;
        gap: calc(2 / 390 * 100vw);
    }

    .c-button__text_wrap .c-button__text{
        font-size: calc(12 / 390 * 100vw);;
    }

    .event-benefit-template  .c-button__text_wrap .c-button__icon {
        width: calc(12 / 390 * 100vw);
        height: calc(12 / 390 * 100vw);
    }
     .event-benefit-template  .c-button__text_wrap .c-button__icon--arrow-white {
        background-size: calc(6 / 390 * 100vw) calc(12 / 390 * 100vw);
    }
}

/* // 놓치면 아쉬운 SALE */

/* 구독으로 전문 케어 */

.focus-issue .c-content-area-video{
    overflow: hidden;
    max-width: 800px;
    width: 100%;
    aspect-ratio: 800/450;
    border-radius: 16px;
    margin: 0 auto 48px;
}

.focus-issue .c-content-area-video video{
    max-width: 800px;
    width: 100%;
    aspect-ratio: 800/450;
    object-fit: cover;
}

.focus-issue .custom-scroll-slider__container{
    margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
    
    .focus-issue .c-content-area-video{
        width: calc( 350/390 * 100vw );
        margin-bottom: calc(24/390*100vw);
        border-radius: 8px;
    }

    .focus-issue .c-content-area-video video{
        width: calc( 350/390 * 100vw );
    }

    .focus-issue .custom-scroll-slider__container{
        margin-bottom: 0;
    }
    
    .focus-issue .custom-scroll-slider__container .custom-scroll-slider__item{
        min-width: calc(350/390*100vw);
    }
    .event-benefit-template .focus-issue .custom-scroll-slider:has(+ .c-tab) .custom-scroll-slider__scrollbar, .event-benefit-template .custom-scroll-slider:has(+ .c-product) .custom-scroll-slider__scrollbar{
        margin-bottom: 0;
        padding: 0;
        margin-top: calc(16/390*100vw);;
    }
}

/* // 구독으로 전문 케어 */

/* 그램과 미리 준비하는 새학기 */
.gram-preview .custom-scroll-slider__container{
    margin-bottom: 32px;
}

.gram-preview .gram-preview-content-box{
    display: flex;
    flex-direction: row;
    column-gap: 44px;
}

.event-benefit-template .gram-preview .c-product__list{
    flex-direction: column;
    display: flex;
}

.event-benefit-template .gram-preview .c-product__list .c-product__item > span{
    display: flex;
    min-width: 100%;
    column-gap: 20px;
}
.event-benefit-template .gram-preview .c-product__list .c-product__item > span > a{
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
    max-width: 210px;
}

@media screen and (max-width: 767px) {
    
    .gram-preview .custom-scroll-slider__container .custom-scroll-slider__item{
        min-width: calc(350/390*100vw);
    }

        
    .gram-preview .gram-preview-content-box{
        display: flex;
        flex-direction: column;
        column-gap: 44px;
        padding: 0px calc(20 / 390 * 100vw);
        row-gap: calc(24 / 390 * 100vw);
    }

    .event-benefit-template .gram-preview .c-product__list{
        display: grid;
        margin: 0;
    }

    .event-benefit-template .gram-preview .c-product__list .c-product__item > span{
        display: unset;
        min-width: 100%;
        column-gap: 20px;
    }
    .event-benefit-template .gram-preview .c-product__list .c-product__item > span > a{
        display: unset;
        flex-grow: 1;
        flex-direction: column;
        color: inherit;
        text-decoration: none;
        max-width: unset;
    }
}

/* 그램과 미리 준비하는 새학기 */


/* 인기기획전 더보기 */
.popuplar-moreview .article__content-area{
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.popuplar-moreview .article__content-area > div{
    position: relative;
}

.popuplar-moreview .article__content-area > div a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .popuplar-moreview .article__content-area{
        flex-direction: column;
        gap: calc(8/390*100vw);
        padding: 0 calc(20/390*100vw);
    }
}



/* tooltip */
.event-benefit-template .c-tooltip {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #444;
}

.event-benefit-template .c-tooltip:has(.tooltip-wrap) {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: fit-content;
    padding-left: 0;
    background: none;
    column-gap: 5px;
    margin-bottom: 12px;
    justify-content: flex-end;
    width: 100%;
}

.event-benefit-template .c-tooltip .tooltip-wrap {
    padding: 0;
    margin: 0;
}

.event-benefit-template .c-tooltip .tooltip-wrap .ui_tooltip-target {
    width: 14px;
    height: 100%;
    background: url("/kr/event/2025/12/19_lg_life_shopping/images/icon-tooltip-gray.svg") no-repeat;
    background-position: center;
    background-size: 100%;
}

.event-benefit-template .c-tooltip .tooltip-wrap .tooltip-box {
    left: -365px!important;
}

.event-benefit-template .c-tooltip .tooltip-wrap .tooltip-box .title{
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-tooltip {
        width: fit-content;
        font-size: calc(13 / 390 * 100vw);
        font-weight: 600;
        line-height: 138.462%;
        letter-spacing: normal;
        background-size: clamp(14px, calc(14 / 780 * 100vw), 25px);
    }

    
    .event-benefit-template .c-tooltip:has(.tooltip-wrap){
        padding-right: calc(20/390*100vw);
    }

    .event-benefit-template .c-tooltip .tooltip-wrap {
        display: block;
        width: clamp(14px, calc(14 / 390 * 100vw), 48px);
        height: clamp(14px, calc(14 / 390 * 100vw), 48px);
    }
    .event-benefit-template .c-tooltip .tooltip-wrap .tooltip-box {
        top: calc(20 / 390 * 100vw);
        right: calc(20 / 390 * 100vw)!important;
        left: unset!important;
        max-width: calc(350 / 390 * 100vw);
        min-width: unset;
        width: 100%;
    }

    .event-benefit-template .c-tooltip .tooltip-wrap .ui_tooltip-target {
        width: clamp(14px, calc(14 / 390 * 100vw), 48px);
        height: clamp(14px, calc(14 / 390 * 100vw), 48px);
        background: url("/kr/event/2025/12/19_lg_life_shopping/images/icon-tooltip-gray.svg") no-repeat;
        background-position: center;
        background-size: 100%;
    }
    

    .event-benefit-template .c-tooltip .tooltip-wrap .tooltip-box .title{
        font-size: calc(13/390*100vw);
        margin-bottom: calc(8/390*100vw);
    }

}
/* // tooltip */


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