@charset "utf-8";

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

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

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

.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;
}

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

.event-benefit-template .c-product__visual {
    border-radius: 8px;
}

.event-benefit-template .banner-time-sale {
    margin-top: 85px;
}

@media screen and (max-width: 767px) {
    .event-timer-wrap {
        padding-bottom: calc(40 / 390 * 100vw);
        background-color: #E3E3E3;
    }
}

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

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

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

@media screen and (min-width: 768px) {
    .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 .bg-gray .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 .bg-gray .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 위치 설정 */

/* 신한카드 결제혜택 모바일 레이아웃 조정*/
@media screen and (max-width: 767px) {
    .event-benefit-template .card-benefit__content .payment-benefits__list  {
        margin: 0 calc(20 / 390 * 100vw);
    }
}
/* 신한카드 결제혜택 모바일 레이아웃 조정 */

/* 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-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;
}

/* 앱 전용 쿠폰 영역 article__benefit-01 */
.bg-white {
    background-color: #fff !important;
}
.event-benefit-template .coupon-benefit .custom-scroll-slider__content-wrapper {
    flex-wrap: wrap;
    gap: 24px;
}

.event-benefit-template .article__benefit-01 > .article__inner > .c-title-area:nth-child(1) {
    margin-bottom: 85px;
}

@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);
    }
}

.event-benefit-template .coupon-benefit .custom-scroll-slider__item {
    width: calc((100% - 24px) / 2);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .coupon-benefit .custom-scroll-slider__item {
        min-width: 100%;
    }
}

/* article__benefit-02 */
.event-benefit-template .card-benefit__img-linker--benefit,
.event-benefit-template .card-benefit__img-linker--detail {
    position: absolute;
    width: 24.1%;
    height: 9%;
    bottom: 21%;
    left: 41.2%;
}

.event-benefit-template .card-benefit__img-linker--detail {
    left: 66.1%;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .card-benefit__img-linker--benefit,
    .event-benefit-template .card-benefit__img-linker--detail {
        position: absolute;
        width: 42.9%;
        height: 9%;
        bottom: 12%;
        left: 6.2%;
    }
    .event-benefit-template .card-benefit__img-linker--detail {
        left: 51.1%;
    }
}

/* 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;
}

.event-benefit-template .article__benefit-03 .bg-gray {
    background: linear-gradient(180deg, #E3DFDF 24.37%, #FDF9F7 108.62%);
}

/* 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 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) 0;
    }
}
/* // article main banner */

/* 3탭 레이아웃 수정 */
.event-benefit-template .c-tab__inner {
    padding-left: 10px;
}

.c-tab--rounded-rectangle.c-tab--refined .c-tab__inner {
    margin :97px 0 0
}

@media screen and (max-width: 767px) {
    .c-tab--rounded-rectangle.c-tab--refined .c-tab__inner {
        margin: calc(80 / 390 * 100vw) 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 수정 */

/* 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.2);
    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;
}

.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(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 */

/* 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-02 {
    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 .j-api-product-view-more-03 .c-tooltip {
    margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .j-api-product-view-more-03 .c-tooltip {
        margin: 0 0 calc(10 / 390 * 100vw) calc(15 / 390 * 100vw);
    }
}
/* // 구독 혜택 기준 모달 툴팁 */

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