/* 개발 코드 영향으로 상쇄 위해 추가 */
@font-face {
    font-family: Pretendard;
    font-weight: 700;
    font-display: swap;
    src: url("https://www.lge.co.kr/lg5-common/fonts/Pretendard-Bold.woff2") format("woff2");
}
@font-face {
    font-family: Pretendard;
    font-weight: 600;
    font-display: swap;
    src: url("https://www.lge.co.kr/lg5-common/fonts/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
    font-family: Pretendard;
    font-weight: 500;
    font-display: swap;
    src: url("https://www.lge.co.kr/lg5-common/fonts/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
    font-family: Pretendard;
    font-weight: 400;
    font-display: swap;
    src: url("https://www.lge.co.kr/lg5-common/fonts/Pretendard-Regular.woff2") format("woff2");
}
/* // 개발 코드 영향으로 상쇄 위해 추가 */


/* 공통 */
.c-title__desc {
    margin-top: calc(10 * var(--ratio));
    color: #FFF;
    font-size: calc(16 * var(--ratio));
    font-weight: 400;
    line-height: calc(22.4 * var(--ratio));
    letter-spacing: calc(-0.32 * var(--ratio));
}
/* // 공통 */


/* 개별 처리 */
.event-benefit-template{

.gram-benefit-preview {
    .gram-benefit-preview__linker {
        position: absolute;
    }
    .gram-benefit-preview__linker--01 {
        top: 34%;
        left: 1%;
        width: 46.3%;
        height: 13%;
    }
    .gram-benefit-preview__linker--02 {
        top: 34%;
        left: 52.8%;
        width: 46.3%;
        height: 13%;
    }
    .gram-benefit-preview__linker--03 {
        top: 86%;
        left: 0.8%;
        width: 29.3%;
        height: 13%;
    }
    .gram-benefit-preview__linker--04 {
        top: 86%;
        left: 35.5%;
        width: 29.3%;
        height: 13%;
    }
    .gram-benefit-preview__linker--05 {
        top: 86%;
        left: 69.8%;
        width: 29.3%;
        height: 13%;
    }
}

.more-benefit-view {
    .c-custom-accordion__area--fade {
        height: calc(259 * var(--ratio));

        &::after {
            height: calc(141 * var(--ratio));
            top: auto;
            bottom: calc(-45 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.37%, #FFF 65.76%);
        }
    }

    .more-benefit-view__gift-link {
        position: absolute;
        bottom: 2%;
        left: 3%;
        width: 93%;
        height: 10%;
    }

    .more-benefit-view__check-application-history-list {
        position: absolute;
        top: 12%;
        left: 4%;
        width: 46%;
        height: 9%;
        
    }
    .more-benefit-view__apply-used-device-compensation {
        position: absolute;
        top: 12%;
        left: 49%;
        width: 46%;
        height: 9%;
    }
    .more-benefit-view__badge {
        display: inline-flex;
        padding: calc(2 * var(--ratio)) calc(4 * var(--ratio));
        align-items: center;
        margin:0 auto;
        gap: calc(4 * var(--ratio));
        border-radius: calc(4 * var(--ratio));
        background: var(--primary-active-red);
        color: var(--lge-gray-g00);
        font-size: calc(12 * var(--ratio));
        font-weight: 500;
        line-height: calc(17 * var(--ratio));
        letter-spacing: calc(-0.24 * var(--ratio));
    }

    .more-benefit-view__table-wrap {
        overflow-x: auto;
    }

    .more-benefit-view__table-img {
        min-width: calc(640 * var(--ratio));
    }
    .more-benefit-view__divider {
        width: calc(350 * var(--ratio));
        height: calc(1 * var(--ratio));
        margin: calc(8 * var(--ratio)) calc(20 * var(--ratio));
        background-color: #BFB8AE;
    }
    .c-toggle--add-bonus-max-pay {
        margin-top: 0;
    }
    .c-toggle--add-bonus-max-pay.on .c-toggle__content{
        margin-top: 0;
    }
    .c-toggle--add-bonus-max-pay .c-button--box:has([aria-expanded="true"]) {
        margin-top: calc(32 * var(--ratio));
    }
    .c-tab__panel--more-benefit-overview .c-custom-scrollbar {
        padding-bottom: calc(18 * var(--ratio));
    }
    .c-list--trade-in-notice-details {
        margin: 0;
    }
}

.aerominum {
    .c-responsive-video__element {
        aspect-ratio: 837 / 470;
        height: calc(196 * var(--ratio));
    }
    .c-list {
        margin-top: calc(10 * var(--ratio));
    }
    .c-list__item {
        color: #fff;
        font-size: calc(16 * var(--ratio));
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: calc(-0.32 * var(--ratio));
        &::before {
            background-color: #fff;
        }
    }
    .c-responsive-video {
        margin-top: calc(12 * var(--ratio));
        border-radius: calc(16 * var(--ratio));
        overflow: hidden;
    }
}

.gram-pro-ai-2026 {
    .c-list__item {
        color: #fff;
        font-size: calc(11 * var(--ratio));
        font-weight: 400;
        line-height: calc(15.4 * var(--ratio));
        letter-spacing:calc(-0.44 * var(--ratio));
        &::after {
            color: #fff;
        }
    }
}

.gram-lineup {
    .swiper-slide {
        width: calc(169 * var(--ratio));
    }
}
}
/* // 개별 처리 */