@charset "utf-8";

/* =========================================
   [공통] PC/MO 표시 제어 (.pc / .mo)
   - 페이지 전체에서 사용하는 디바이스별 노출 제어
   ========================================= */

.event-benefit-template .pc {
    display: block;
}

.event-benefit-template .pc-f {
    display: flex;
}

.event-benefit-template .mo {
    display: none;
}

.event-benefit-template .is-hidden {
    display: none;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .pc {
        display: none;
    }

    .event-benefit-template .pc-f {
        display: none;
    }

    .event-benefit-template .mo {
        display: block;
    }
}

@media (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}

.event-benefit-template .u-space--p0 { padding: 0 !important; }
.event-benefit-template .u-space--pt0 { padding-top: 0 !important; }
.event-benefit-template .u-space--pr0 { padding-right: 0 !important; }
.event-benefit-template .u-space--pb0 { padding-bottom: 0 !important; }
.event-benefit-template .u-space--pl0 { padding-left: 0 !important; }

.event-benefit-template .u-space--m0 { margin: 0 !important; }
.event-benefit-template .u-space--mt0 { margin-top: 0 !important; }
.event-benefit-template .u-space--mr0 { margin-right: 0 !important; }
.event-benefit-template .u-space--mb0 { margin-bottom: 0 !important; }
.event-benefit-template .u-space--ml0 { margin-left: 0 !important; }

.event-benefit-template .border0 {
    border-radius: 0 !important;
}

/* =========================================
   [상단 고정 탭] 메인 스티키 탭 영역
   ========================================= */
/* 2월 엘지 데이즈 메인 스티키 탭 영역 수정 */
    .event-benefit-template .c-tab--main-sticky .c-tab__inner {
        background-color: #000;
    }
    .event-benefit-template .c-tab--main-sticky .c-tab__button {
        color: #7C7C7C;
        font-size: 18px;
    }
    .event-benefit-template .c-tab--main-sticky .c-tab__list {
        max-width: unset;
        border-bottom: unset;
        margin: 0;
    }
    .event-benefit-template .c-tab--main-sticky .c-tab__item.active .c-tab__button {
        color: #000;
        font-weight: 700;
        background: #fff;
        
    }
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--main-sticky .c-tab__list {
        column-gap: 0;
        padding: 0;
    }
    .event-benefit-template .c-tab--main-sticky .c-tab__button {
        font-size: calc(14 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--rounded-rectangle.c-tab--refined .c-tab__button {
        padding: calc(8 / 390 * 100vw) calc(14 / 390 * 100vw);
    }
}
/* // 2월 엘지 데이즈 메인 스티키 탭 영역 수정 */

/* 상단 타이틀 폰트 공통 */
    .event-benefit-template .c-title__main-title--big {
        font-size: 32px;
        font-weight: 700;
        line-height: 44px;
    }
    @media screen and (max-width: 767px) {
    .event-benefit-template .c-title__main-title--big {
        font-size: calc(26 / 390 * 100vw);
        line-height: 1.333;
        letter-spacing: calc(-0.5em / 24);
    }
}
/* // 상단 타이틀 폰트 공통 */

/* .c-tab--main-sticky 하단 밑줄 강조 */
/* 
.event-benefit-template .c-tab--main-sticky .c-tab__item.active .c-tab__button::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #111111;
} 
*/

/* 구독 api 뱃지 커스텀 */
.event-benefit-template .c-product__list--subscription .c-product__badge--normal-membership {
    color: #fff;
    background-color: #B7A095;
}
/* 구독 api 뱃지 커스텀 */

/* 선착순 가전 특가 제품 api 배경색 수정 */
.event-benefit-template .article__benefit-05 .c-product__item {
    background-color: transparent;
}

.event-benefit-template .article__benefit-05 .c-product__visual {
    background-color: #fff;
}
/* // 선착순 가전 특가 제품 api 배경색 수정 */

/* 선착순 가전 특가 제품 대표 이미지 배경*/
.event-benefit-template .article__benefit-05 .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__item--time-deal {
    background-color: #fff;
}
/* // 선착순 가전 특가 제품 대표 이미지 배경*/

/* 모든 api 제품 border r 값 */
.event-benefit-template .c-product__visual {
    border-radius: 8px;
}
/* // 모든 api 제품 border r 값 */

/* 모든 모바일 더보기 아이콘 화살표 아래로 */
 .c-button__icon--arrow-white {
    transform: rotate(90deg);
}
/* // 모든 모바일 더보기 아이콘 화살표 아래로 */

/* 홈스타일 배너 */
/* .event-benefit-template .banner-time-sale {
    margin-top: 85px;
} */
/* // 홈스타일 배너 */

/* 선착순 가전 특가 배너 뒤 배경이 위와 동일색으로 처리함 */
.event-timer-wrap {
    background-color: #F4F4F4;
}
/* // 선착순 가전 특가 배너 뒤 배경이 위와 동일색으로 처리함 */

@media screen and (max-width: 767px) {
    /* 선착순 가전 특가 타이머 */
    /* .event-timer-wrap {
        padding-bottom: calc(40 / 390 * 100vw);
    } */
    /* 모바일 대표 인테리어 이미지 비율 */
    .event-benefit-template .article__benefit-05 .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__image-wrapper {
        aspect-ratio: 1.48 / 1;
    }
}

@media screen and (min-width: 768px) {
    /* LGE.COM 쿠폰 혜택 - 쿠폰 순서변경 */
    /*     
    .tab-2depth-01 .custom-scroll-slider__item:nth-child(4) {
        order: 2;
    }
    .tab-2depth-01 .custom-scroll-slider__item:nth-child(5) {
        order: 1;
    } 
    */
}
/* 선착순 가전 특가 제품 */

/* 가상선택자 마크 */
.event-benefit-template .article__benefit-03 .c-product__item::before {
    content: "";
    display: block; 
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10; 
    width: 50px;
    height: 50px;
    background-image: url('/kr/event/2026/01/19_lg_days_event/images/mark_pc.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .article__benefit-03 .c-product__item::before {
        background-image: url('/kr/event/2026/01/19_lg_days_event/images/mark_mo.png');
        width: calc(44 / 390 * 100vw);
        height: calc(44 / 390 * 100vw);
        top: calc(7 / 390 * 100vw);
        left: calc(7 / 390 * 100vw);
    }
}
/* // 가상선택자 마크 */

/* 쿠폰 버튼크기 */
@media screen and (max-width: 767px) {
    .c-coupon__logo img {
        height: calc(80 / 390 * 100vw);
    }
}
/* // 쿠폰 버튼크기 */

/* 탭 url 박스 위치 설정 */
/* .event-benefit-template .scroll-anchor-wrap {
    position: relative;
}
.event-benefit-template .scroll-anchor {
    position: absolute;
}
.event-benefit-template .scroll-anchor--home-appliances,
.event-benefit-template .scroll-anchor--subscription-products,
.event-benefit-template .scroll-anchor--home-style {
    top: -100px;
} */
/* // 탭 url 위치 설정 */

/* GA TAG 제품 - 스탠드, 벽걸이 마크 모바일 위치 조정 */
    .event-benefit-template .c-product__actions {
        justify-content: flex-start;
    }
    @media screen and (max-width: 767px) {
    .event-benefit-template .c-product__actions {
        justify-content: flex-start;
    }
}
/* // GA TAG 제품 - 스탠드, 벽걸이 마크 모바일 위치 조정 */

/* 레이아웃 공통 */
.c-product-area {
    margin-top: 80px;
    margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .c-product-area {
        margin-top: calc(40 / 390 * 100vw);
        margin-bottom: calc(40 / 390 * 100vw);
    }
}



/* 앱 전용 쿠폰 영역 article__benefit-01 */
.event-benefit-template .article__benefit-01 {
    background-color: #fff;
}

.event-benefit-template .article__benefit-01 .c-title__main-title {
    color: #000;
    font-weight: 700;
}

/* 쿠폰 유의사항 확인하기 버튼 */
.event-benefit-template .article__benefit-01 .c-toggle__btn {
    color: #000;
    border-radius: 200px;
    border: 1px solid #B9B9B9;
    width: 260px;
    height: 56px;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
}

.event-benefit-template .article__benefit-01 .c-toggle__btn--text::after {
    right: 48px;
}
/* // 쿠폰 유의사항 확인하기 버튼 */

.event-benefit-template .coupon-benefit .custom-scroll-slider__content-wrapper {
    flex-wrap: wrap;
    /* gap: 24px; */
    justify-content: center;
}

.event-benefit-template .c-coupon__price {
    font-size: 20px;
}

/* 기획전 핵심 혜택 영역 */
.lg_days_main_benefit_wrap {
    margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
    .lg_days_main_benefit_wrap {
        margin-bottom: calc(44 / 390 * 100vw);
    }
}
/* // 기획전 핵심 혜택 영역 */

/* 쿠폰 레이아웃 및 영역 지정 */
/* .event-benefit-template .coupon-benefit .custom-scroll-slider__item {
    width: calc((100% - 24px) / 2);
} */

.event-benefit-template .c-coupon .couponPE,
.event-benefit-template .c-coupon .lg-days-benefit__linker--01,
.event-benefit-template .c-coupon .lg-days-benefit__linker--02 {
    position: absolute;
    width: 33.23%;
    height: 100%;
}

.event-benefit-template .c-coupon .couponPE {
    left: 0;
}
.event-benefit-template .c-coupon .lg-days-benefit__linker--01 {
    left: 33.5%;
}
.event-benefit-template .c-coupon .lg-days-benefit__linker--02 {
    left: 67.3%;
}

/* 혜택 자세히보기 타이틀 위치 */

@media screen and (max-width: 767px) {
    /* article__benefit-01 혜택 타이틀 모바일 정렬 */
    .event-benefit-template .article__benefit-01 .c-title-area--center {
        align-items: flex-start;
    }

    /* 쿠폰 유의사항 레이아웃 수정 */
    .event-benefit-template .article__benefit-01 .c-toggle--notice .c-toggle__btn-wrap {
        margin-top: calc(24 / 390 * 100vw);
        margin-bottom: 0;
    }

    /* article__benefit-01 inner 레이아웃 수정 */
    .event-benefit-template .article__benefit-01 .article__inner {
        padding-bottom: calc(32 / 390 * 100%);
    }

    /* 쿠폰 이미지 영역 */
    .event-benefit-template .coupon-benefit .custom-scroll-slider__item {
        min-width: 100%;
    }

    .event-benefit-template .c-coupon .couponPE,
    .event-benefit-template .c-coupon .lg-days-benefit__linker--01,
    .event-benefit-template .c-coupon .lg-days-benefit__linker--02 {
        width: 100%;
        height: 33%;
        left: 0;
        top: 0;
    }
    .event-benefit-template .c-coupon .lg-days-benefit__linker--01 {
        top: 34.33%;
    }
    .event-benefit-template .c-coupon .lg-days-benefit__linker--02 {
        top: 67.66%;
    }
    /* 쿠폰 폰트 */
    .event-benefit-template .c-coupon__price {
    font-size: calc(16 / 390 * 100vw);
    }

    /* 슬라이드 바 숨김 */
    .event-benefit-template .article__benefit-01 .custom-scroll-slider__scrollbar {
        display: none;
    }
    /* 쿠폰 유의사항 확인하기 버튼 */
    .event-benefit-template .article__benefit-01 .c-toggle__btn {
        color: #000;
        border-radius: 200px;
        width: calc(200 / 390 * 100vw);
        height: calc(44 / 390 * 100vw);
        justify-content: center;
        font-size: calc(14 / 390 * 100vw);
    }                       

    .event-benefit-template .article__benefit-01 .c-toggle__btn--text::after {
        right: calc(28 / 390 * 100vw);
    }
    /* // 쿠폰 유의사항 확인하기 버튼 */

}

/* // 쿠폰 레이아웃 및 영역 지정 */

/* 카드 혜택 슬라이드 */
/* 
@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 .c-coupon--cetner-only-one {
        max-width: 100%;
        width: 100%;
        padding: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__content-wrapper--shadow {
        margin: 0 calc(20 / 390 * 100vw);
        padding: 0;
    }
    .event-benefit-template .article__benefit-01 > .article__inner > .c-title-area:nth-child(1) {
        margin-bottom: calc(27 / 390 * 100vw);
    }
} 
*/


/* article__benefit-02 : 카드 결제 혜택 */
.event-benefit-template .article__benefit-02 {
    background-color: #F4F4F4;
}

.event-benefit-template .article__benefit-02 .card-benefit__row:nth-child(2) {
    margin-top: 0;
}

/* 카드 결제 혜택 버튼 링크 위치 */
.event-benefit-template .article__benefit-02 .card-benefit__img-linker--benefit,
.event-benefit-template .article__benefit-02 .card-benefit__img-linker--card,
.event-benefit-template .article__benefit-02 .card-benefit__img-linker--detail {
    position: absolute;
    width: 4.68%;
    height: 4.26%;
    top: 57.13%;
}
.event-benefit-template .article__benefit-02 .card-benefit__img-linker--benefit {
    left: 5.52%;
}

.event-benefit-template .article__benefit-02 .card-benefit__img-linker--card {
    left: 18.72%;
}
.event-benefit-template .article__benefit-02 .card-benefit__img-linker--detail {
    left: 40.21%;
}
/* 더보기 */
/* .event-benefit-template .article__benefit-02 .card-benefit__img-linker--appliance,
.event-benefit-template .article__benefit-02 .card-benefit__img-linker--subscription {
    position: absolute;
    width: 7.38%;
    height: 4.76%;
    top: 84.23%;
    background-color: rgb(4, 219, 15);
    opacity: 0.4;

}

.event-benefit-template .article__benefit-02 .card-benefit__img-linker--appliance {
    left: 2.34%;
}

.event-benefit-template .article__benefit-02 .card-benefit__img-linker--subscription {
    left: 52.44%;
} */
/* // 카드 결제 혜택 버튼 링크 위치 */

@media screen and (max-width: 767px) {
    /* 결제 혜택 row 간격 */
    .event-benefit-template .article__benefit-02 .card-benefit__row:nth-child(2) {
        margin-top: calc(0 / 390 * 100vw);
    }
    /* 카드 결제 혜택 버튼 링크 위치 */
    .event-benefit-template .article__benefit-02 .card-benefit__img-linker--benefit,
    .event-benefit-template .article__benefit-02 .card-benefit__img-linker--card,
    .event-benefit-template .article__benefit-02 .card-benefit__img-linker--detail {
        position: absolute;
        width: 16.78%;
        height: 2.16%;
    }
    .event-benefit-template .article__benefit-02 .card-benefit__img-linker--benefit {
        top: 37.23%;
        left: 14.12%;
        width: 10.78%;
    }
    .event-benefit-template .article__benefit-02 .card-benefit__img-linker--card {
        top: 37.23%;
        left: 28.12%;
    }
    .event-benefit-template .article__benefit-02 .card-benefit__img-linker--detail {
        width: 14.58%;
        top: 37.23%;
        left: 72.12%;
    }
}

/* article__benefit-03 */ 
.event-benefit-template .article__benefit-03 .content__item:nth-child(2) .c-tab.c-tab--round,
.event-benefit-template .article__benefit-03 .content__item:nth-child(3) .c-tab.c-tab--round {
    margin-top: 110px;
}

.article__benefit-03 .margin-b--p100 {
    margin-bottom: 100px;
}

/* article__benefit-04 */
.event-benefit-template .article__benefit-04 .content__list .content__item {
    margin: 60px 0 ;
}
.article__benefit-04 .custom-scroll-slider {
    margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .article__benefit-04 .c-title-area {
        margin-top: calc(40 / 390 * 100vw) !important;
    }
    .event-benefit-template .article__benefit-04 .content__list .content__item {
        margin: calc(80 / 390 * 100vw) 0;
    }
    .article__benefit-04 .custom-scroll-slider {
    margin-bottom: calc(40 / 390 * 100vw);
}
}

/* article__benefit-05 */
.article__benefit-05 .article__inner {
    padding-top: 44px;
}

/* article__benefit-06 */
.article__benefit-06 .article__content-area {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    .article__benefit-06 .article__content-area {
        margin-top : calc(20 / 390 * 100vw);
    }
}

/* 탭버튼 클릭 기존 마진값과 같게함 */
.article__benefit-06 .style-home-spacing-top {
    margin-top: 0;
}

.article__benefit-06 .home-style .c-tab--round {
    margin-bottom: 4px;
}

.article__benefit-06 .style-home-spacing {
    margin-top: 0;
}

.article__benefit-06 .c-title-area {
    margin-bottom: 37px;
}
.article__benefit-06 .margin-b--custom {
        margin-bottom: 20px !important;
}

@media screen and (max-width: 767px) {
    .article__benefit-06 .c-tab--round {
        margin-bottom : 0
    }
    .article__benefit-06 .style-home-spacing-top {
        margin-top : calc(20 / 390 * 100vw);
    }
    .article__benefit-06 .style-home-spacing {
        margin-top: calc(12 / 390 * 100vw);
    }
    .article__benefit-06 .c-title-area {
        margin-bottom: calc(37 / 390 * 100vw);
    }
    .article__benefit-06 .margin-b--custom {
         margin-top: calc(40 / 390 * 100vw);
        margin-bottom: 0 !important;
    }
}



/* 홈스타일 탭 메뉴 수정 */
.event-benefit-template .article__benefit-06 .home-style .c-tab__item {
    border: none;
}
.event-benefit-template .article__benefit-06 .home-style .c-tab__item ::after {
    content: "";
    display: block;
    background-image: url(/kr/event/2026/02/19_lg_days_event/images/tab_divider.svg_gray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2px;
    height: 2px;
    aspect-ratio: 1/1;
    margin-left: 10px;
}

.event-benefit-template .article__benefit-06 .home-style .c-tab__item:last-child ::after {
    display: none;
}

.event-benefit-template .article__benefit-06 .home-style .c-tab--round .c-tab__item.active {
    background: transparent;
}

.event-benefit-template .article__benefit-06 .home-style .c-tab--round .c-tab__item.active .c-tab__button {
    color: #111;
}

.event-benefit-template .article__benefit-06 .home-style .c-tab--round .c-tab__button {
    padding: 0;
    color: #8F8F8F;
}
/* // 홈스타일 탭 메뉴 수정 */

/* article main banner */
.event-benefit-template .c-article-main-banner {
    position: relative;
    /* margin-bottom: 24px; */
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-article-main-banner {
        margin: 0 calc(24 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
    .event-benefit-template .c-article-main-banner--full-width {
        margin: 0 0 calc(16 / 390 * 100vw);
    }
    .event-benefit-template .banner-time-sale {
        margin: calc(50 / 390 * 100vw) calc(20 / 390 * 100vw) calc(40 / 390 * 100vw);
    }
}
/* // article main banner */

/* 3탭 레이아웃 수정 */
.c-tab--rounded-rectangle.c-tab--refined .c-tab__inner {
    margin: 32px auto 0;
    justify-content: left;
    max-width: 1164px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .c-tab--rounded-rectangle.c-tab--refined .c-tab__inner {
        margin: 0 0 calc(24 / 390 * 100vw);
        padding-left: 0;
    }
}
/* // 3탭 레이아웃 수정 */

/* sticky tab 수정 */
/* .c-tab--rounded-rectangle.c-tab--refined .c-tab__inner { 
    justify-content: center;
    background-color: #fff;
}
.c-tab--rounded-rectangle.c-tab--refined .c-tab__list {
    display: flex;
    width: 100%;
    max-width: 1146px;
    height: 60px;
    margin: 0 10px;
    overflow-x: auto;
    border-bottom: solid 1px #eff0f2;
    background-color: transparent;
}

.c-tab--rounded-rectangle.c-tab--refined .c-tab__list .c-tab__item {
    position: relative;
    display: flex;
    flex: 1;
    column-gap: 24px;
    justify-content: center;
}

.c-tab--rounded-rectangle.c-tab--refined .c-tab__list .c-tab__item .c-tab__button {
    color: #505050;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #505050;
    text-align: center;
    letter-spacing: -0.2px;
    white-space: nowrap;
}

.c-tab--rounded-rectangle.c-tab--refined .c-tab__item.active .c-tab__button {
    font-weight: 600;
    background-color: transparent;
    color: #111;
} */
/* // sticky tab 수정 */

/* 2월 sticky tab 수정 */
    .event-benefit-template .article__benefit-06 .c-tab--rounded-rectangle .c-tab__list {
        background-color: #fff;
        gap: 8px;
    }
    .event-benefit-template .article__benefit-06 .c-tab--rounded-rectangle .c-tab__button {
        width: unset;
        border: 1px solid #DEE1E5;
        border-radius: 100px;

    }

    @media screen and (max-width: 767px) {
        .event-benefit-template .c-tab--rounded-rectangle .c-tab__list {
            width: 50%;
            margin-left: 4vw;
        }
    }
/* // 2월 sticky tab 수정 */


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

.event-benefit-template .c-timer--type2 {
    position: absolute;
    width: 349px;
    right: 0;
    bottom: 0;
    margin-right: calc(117 / 1380 * 100%);
    margin-bottom: calc(41 / 1380 * 100%);
}

.event-benefit-template .c-timer--type2 .c-timer__item {
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: #FC234B;
    border-radius: 8px;
}

.event-benefit-template .c-timer--type2 .c-timer__label {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
}

.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__content::before {
    content: "";
    display: block;
    background-image: url("/kr/event/2026/02/19_lg_days_event/images/gravity-ui_clock.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 18px;
    aspect-ratio: 1/1;
    margin-top: 7.86px;
    margin-right: 4px;
}
/* // 타이머 앞에 아이콘 */

@media screen and (max-width: 767px) {
    /* 타이머 앞에 아이콘 */
    .event-benefit-template .c-timer--type2 .c-timer__content::before {
        width : calc(18 / 390 * 100vw);
        height : calc(18 / 390 * 100vw);
        margin-top: calc(3.45 / 390 * 100vw);
        margin-right: calc(1 / 390 * 100vw);
    }
    /* // 타이머 앞에 아이콘 */
}

.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: 30px;
    padding: 4px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.36px;
    border-radius: 4px;
    color: #fff;
}

/* 날짜 숫자 */
.event-benefit-template .c-timer--type2 .c-timer__box[data-unit="days"] .c-timer__value { 
    min-width: 0;
}

/* 날짜 단위 */
.event-benefit-template .c-timer--type2 .c-timer__box[data-unit="days"] .c-timer__unit {
    font-weight: 800;
    font-size: 18px;
}

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

.event-benefit-template .c-timer--white .c-timer__label,
.event-benefit-template .c-timer--white .c-timer__unit {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-timer--type2 {
        width: 100%;
        padding: 0 calc(16 / 390 * 100vw) calc(32 / 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(15 / 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);
    }

    .event-benefit-template .c-timer--type2 .c-timer__box[data-unit="days"] .c-timer__unit {
        font-size: max(10px, calc(16 / 390 * 100vw));
    }
}
/* // timer */

/* dim */
.dim-wrap {
    display: flex;
    justify-content: center;
    justify-items: center;
}
/* // dim */

/* 베스트 라인업 텝 - 슬라이드 크기 */
.event-benefit-template .benefit-slide--01 img,
.event-benefit-template .benefit-slide--02 img,
.event-benefit-template .benefit-slide--03 img {
    min-width: 366px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .benefit-slide--01 img,
    .event-benefit-template .benefit-slide--02 img,
    .event-benefit-template .benefit-slide--03 img {
    min-width: 100%;
}
}
/* // 베스트 라인업 탭 - 슬라이드 크기 */

/* time sale 배너 버튼 */
.event-benefit-template .c-app-attendance-01 {
    display: block;
}
/* // time sale 배너 버튼 */

/* 출석 이벤트 버튼 */
.event-benefit-template .c-app-attendance {
    position: absolute;
    width: 19%;
    height: 8.3%;
    left: 40.5%;
    bottom: 11%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-app-attendance {
        width: 89%;
        height: 10.3%;
        left: 5.5%;
        bottom: 8.3%;
    }
}
/* // 출석 이벤트 버튼 */

/* 구독 혜택 기준 모달 툴팁 */
.event-benefit-template .subscription_benefit-wrap {
    position: relative;
}
.event-benefit-template .subscription_benefit-wrap .c-tooltip {
    color: #fff;
}
.event-benefit-template .subscription_benefit-wrap .c-tooltip {
    position: absolute;
    top: calc(50 / 132 * 100%);
    left: calc(577 / 1166 * 100%);
}
.event-benefit-template .subscription_benefit-wrap  .tooltip-wrap .tooltip-box {
    background: #111;
}
.event-benefit-template .subscription_benefit-wrap .tooltip-wrap .tooltip-box .bullet-list {
    color: #fff;
}
.event-benefit-template .subscription_benefit-wrap .tooltip-header {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.event-benefit-template .subscription_benefit-wrap .tooltip-header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px dashed rgba(255,255,255,0.3);
}

.event-benefit-template .subscription_benefit-wrap .tooltip-wrap .btn-close:after {
    width: 20px;
    height: 20px;
    filter: invert(1);
    top: 24px;
}
.event-benefit-template .subscription_benefit-wrap .tooltip-wrap .tooltip-box .bullet-list .b-txt::before {
    background-color: #fff;
}

.event-benefit-template .subscription_benefit-wrap .c-tooltip .tooltip-wrap .ui_tooltip-target {
        background-image: none;
    }

@media screen and (max-width: 767px) {
    .event-benefit-template .subscription_benefit-wrap .c-tooltip {
        top: calc(45 / 167 * 100vw);
        left: calc(213 / 390 * 100vw);
        font-size: calc(15 / 390 * 100vw);
    }

    .event-benefit-template .subscription_benefit-wrap .c-tooltip .tooltip-wrap .tooltip-box {
        left: calc(-194 / 390 * 100vw);
    }

    .event-benefit-template .subscription_benefit-wrap .tooltip-wrap .tooltip-box .bullet-list {
        
        font-size:  calc(12 / 390 * 100vw);
    }



    .event-benefit-template .subscription_benefit-wrap .tooltip-header {
        padding-bottom: calc(16 / 390 * 100vw);
        margin-bottom: calc(16 / 390 * 100vw);
    }

    .event-benefit-template .subscription_benefit-wra .tooltip-wrap .btn-close {
        top: 0px;
        right: -38px;
        width: 24px;
        height: 24px;
    }

    .event-benefit-template .subscription_benefit-wrap .tooltip-wrap .btn-close:after {
        width: calc(18 / 390 * 100vw);
        height: calc(18 / 390 * 100vw);
    }
}
/* // 구독 혜택 기준 모달 툴팁 */

/* c-divider */
@media screen and (max-width: 767px) {
    .event-benefit-template .c-divider {
        margin-top: calc(25 / 390 * 100vw);
    }
}
/* // c-divider */


/* KV 타이머 전체 래퍼 (위치 잡기용) */
.kv-timer-overlay {
    position: absolute;
    bottom: 18%; /* KV 내 위치 조정 */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 26.1%;
    /* max-width: 360px; */ /* PC 기준 타이머 배경 최대 너비 */
    text-align: center;
}

/* 배경 이미지와 숫자를 겹치기 위한 상대 위치 지정 */
.kv-timer-overlay__wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    /* aspect-ratio를 사용하여 이미지 비율 유지 (예: 가로 600px, 세로 200px 이미지라면 600/200) */
    aspect-ratio: 360 / 114; 
}

/* 배경 이미지 설정 */
.kv-timer-overlay__bg {
    width: 100%;
    height: 100%;
    /* background-image: url('/kr/event/2026/01/19_lg_days_event/images/kv_timer_pc.png'); */ /* 배경 이미지 경로 */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* opacity: 0.3; */
}

/* 숫자가 들어갈 컨테이너 */
.kv-timer-overlay__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5%; /* 텍스트 미세 조정 */
    box-sizing: border-box;
    gap: 19px;
}

/* PV.Countdown이 생성하는 개별 박스 (시, 분, 초) */
.kv-timer-overlay__content .c-timer__box {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 배경 이미지의 구획에 너비 배분 (3개 33%) */
    width: 30.15%; 
    height: 100%;
    
    /* 폰트 스타일 */
    /* font-family: "Pretendard", sans-serif; */ /* 필요 시 디지털 폰트로 변경 */
    font-weight: 700;
    font-size: clamp(32px, 4.6vw, 64px); /* 최소값, 유동값, 최대값 */
    color: #fff; /* 배경에 맞는 색상 */
    letter-spacing: 0;
}

/* JS가 자동 생성하는 한글 단위 텍스트(시, 분, 초) 숨김 처리 */
.kv-timer-overlay__content .c-timer__unit {
    display: none;
    /* or font-size: 0; */
}

/* 모바일 대응 (767px 이하) */
@media screen and (max-width: 767px) {
    .kv-timer-overlay {
        max-width: 50.4%; /* 모바일에서는 화면 꽉 차게 */
        width: 50.4%;
        bottom: 23.9%;
    }

    .kv-timer-overlay__content {
        gap: calc(8.75 / 390 * 100vw);
        padding-bottom: 0%;
    }

    .kv-timer-overlay__content .c-timer__box {
        /* 뷰포트 너비에 비례하여 폰트 사이즈 조절 */
        font-size: calc(34.9 / 390 * 100vw);
    }

    .kv-timer-overlay__bg {
        /* background-image: url('/kr/event/2026/01/19_lg_days_event/images/kv_timer_mo.png'); */ /* 배경 이미지 경로 */
    }
}

/* 카드 혜택 mo 슬라이드 */
@media screen and (max-width: 767px) {
.event-benefit-template .custom-scroll-slider__item {
        min-width: calc(350 / 390 * 100vw);
    }
}
/* // 카드 혜택 mo 슬라이드 */