

/* #region 개별 처리 */

.event-benefit-template{

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

.more-benefit-view {

    .c-custom-accordion__area--fade {
        height: calc(80 * var(--ratio));
    }
    .more-benefit-view__linker-1 {
        position: absolute;
        z-index: 1;
        bottom: 5%;
        left: 5%;
        width: 90%;
        height: 11%;
    }
   .more-benefit-view__linker-0 {
        position: absolute;
        z-index:1;
        display: none;
        left: 31%;
        width: 27%;
        height: 4%;
    
       .c-img-accordion--open & {
            display: block;
            bottom: 16%;
        }
    }
    .more-benefit-view__gift-link {
        position: absolute;
        bottom: 18%;
        left: 26%;
        width: 22%;
        height: 6%;

        .c-img-accordion--open & {
            bottom: 28%;
            height: 5.1%;
        }
    }
    .more-benefit-view__photo-review-link {
        position: absolute;
        bottom: 4%;
        left: 2%;
        width: 19%;
        height: 10%;
    }
    .c-img-accordion--open .more-benefit-view__photo-review-link {
        height: 3%;
    }

    .more-benefit-view__check-application-history-list {
        position: absolute;
        top: 63%;
        left: 6%;
        width: 42%;
        height: 25%;
    }
    .more-benefit-view__apply-used-device-compensation {
        position: absolute;
        top: 55%;
        left: 5%;
        width: 90%;
        height: 32%;
    }
    .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));
    }

    .l-article__content--rewards-at-a-glance {
        background-color: #F4F4F4;
    }

    .more-benefit-view__table-wrap {
        overflow-x: auto;
        padding-bottom: calc(20 * var(--ratio));
    }

    .more-benefit-view__table-img {
        min-width: calc(640 * var(--ratio));
    }

    .c-list--trade-in-notice-details {
        margin: 0;
    }
    
    /*  중고보상 안내 > 신청/조회하기  */
    .l-article-information{
        .tab01_sec02_btn01{
            position: absolute;
            top: 57.8%;
            left: 6.8%;
            width: 41.5%;
            height: 24.4%;
        }
        .tab01_sec02_btn02{
            position: absolute;
            top: 57.8%;
            left: 51.8%;
            width: 41.5%;
            height: 24.4%;
        }
    }
    /* // 중고보상 안내 > 신청/조회하기  */
}



.copilot-pc {
    .swiper-slide {
        width: calc(342 * var(--ratio));
    }
    .c-list--left {
        margin-left: 0;
    }
}

.aerominum {
    .c-responsive-video__element {
        aspect-ratio: 1920 /1080;
        height: calc(196 * var(--ratio));
    }
    .c-list__item {
        color: #fff;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: calc(-0.32 * var(--ratio));
        &::before {
            background-color: #fff;
        }
    }
    .c-responsive-video {
        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(171 * var(--ratio));
    }
}


}
/* #endregion 개별 처리 */