/* ============================= */
/* 공통 커스텀 */
/* ============================= */
.c-tooltip--normal-ranking {
    .tooltip-box {
        left: 0 !important;
        @media screen and (max-width: 767px) {
            right: calc(20 * var(--ratio));
            left: calc(20 * var(--ratio)) !important;
        }
    }
}
/* ============================= */
/* // 공통 커스텀 */
/* ============================= */


/* ============================= */
/* 개별 영역 */
/* ============================= */
.event-benefit-template {
    #coupon{
        .title-box{display:none;}
    }

    .coupon-area {
        .l-article__inner {
            gap: 0;
        }
        .evt-cont{
            padding:0;

        }
    }

    .event-banner-area {
        .event-banner-area__linker {
            position: absolute;
        }
        .event-banner-area__linker-01 {
            top: 0;
            left: 0;
            width: 100%;
            height: 48%;
        }
        .event-banner-area__linker-02 {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 48%;
        }
        .c-list{margin:0;}
    }
    .best-ranking-area{
        .c-title__main{
            padding:calc(16 * var(--ratio)) 0 calc(12 * var(--ratio)); 
            font-size: calc(19 * var(--ratio));
            font-weight: 600;
            line-height: 136.842%;
            letter-spacing: calc(-0.4 * var(--ratio));
        }
        .tooltip-icon.ui_tooltip-target{
            font-size: calc(13 * var(--ratio));
            font-weight: 700;
            line-height: 138%;
            letter-spacing: calc(-0.26 * var(--ratio));
        }
        .c-button__label{        
            padding: calc(14 * var(--ratio)) calc(12 * var(--ratio));
            border-radius: calc(8 * var(--ratio));
            font-size: calc(15 * var(--ratio));
            font-weight: 600;
            line-height: 133%;
            letter-spacing: calc(-0.2 * var(--ratio));;
        }
    }
}