

/* #region 개별 처리 */

.event-benefit-template{
    /* a{background-color: lightcoral !important; opacity: 0.5;}
    button{background-color: lightgreen !important; opacity: 0.5;} */

.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: 46.3%;
        height: 19%;
    }
    .gram-benefit-preview__linker--04 {
        top: 80%;
        left: 52.8%;
        width: 46.3%;
        height: 19%;
    }
}

.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: 10%;
        opacity: 0.5;
    }
   .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: 28%;
        width: 24%;
        height: 6%;

        .c-img-accordion--open & {
            bottom: 27%;
            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%;
        }
    }
    /* // 중고보상 안내 > 신청/조회하기  */
}

.gram-lineup {
    background-color: #F4F4F4;
    .swiper-slide {
        width: calc(171 * var(--ratio));
    }
}


.c-coupon--black {
    .c-coupon__ico--coupon {
        background: url(/kr/event/2026/08/18_academy_week/resources/coupon-icon.png) center / calc(28 * var(--ratio)) no-repeat !important;
    }
}

}
/* #endregion 개별 처리 */


/* 모바일 사이즈에서 */ 
/* @media screen and (width <= 767px) {
    .event-benefit-template .c-tab--1depth {
        & h2.c-tab__button-text {
                font-size: calc(16 * var(--ratio));
        }
    } 
} */
/* 모바일 사이즈에서 */