@charset "utf-8";

/* benefit-event.css : 닷컴 기획전(일시불, 구독, 임직원) 전용 공통 CSS */

/* ------------------
공통 변수 
--------------------*/

/* divider */
.event-benefit-template .top-divider {
    border-top: solid 12px #E5E5E5;
}
.event-benefit-template .bottom-divider {
    border-bottom: solid 12px #E5E5E5;
}
@media screen and (min-width: 768px) {
    .event-benefit-template .top-divider-only-pc {
        border-top: solid 12px #E5E5E5;
    }
    .event-benefit-template .bottom-divider-only-pc {
        border-bottom: solid 12px #E5E5E5;
    }
}
@media screen and (max-width: 767px) {
    .event-benefit-template .top-divider {
        border-top: solid calc(16 / 720 * 100vw) #E5E5E5;
    }
    .event-benefit-template .bottom-divider {
        border-bottom: solid calc(16 / 720 * 100vw) #E5E5E5;
    }
    .event-benefit-template .top-divider-only-mo {
        border-top: solid calc(16 / 720 * 100vw) #E5E5E5;
    }
    .event-benefit-template .bottom-divider-only-mo {
        border-bottom: solid calc(16 / 720 * 100vw) #E5E5E5;
    }
}
/* // divider */
/* ------------------
// 공통 변수 
--------------------*/


/* ------------------
영역별 공통 
--------------------*/

/* 
요건 : 현대카드 캐시백 배너(ONMKT-939)
이미지 경로 :
/kr/event/promotions/images/img_hyundai_card_event_mo.png
/kr/event/promotions/images/img_hyundai_card_event_pc.png
*/
.event-benefit-template .hyundai-card-event-banner {
    position: relative;
}

.event-benefit-template .hyundai-card-event-banner__linker {
    position: absolute;
    bottom: 12.9%;
    left: 13%;
    width: 74%;
    height: 15%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .hyundai-card-event-banner__linker {
        bottom: 9.9%;
        left: 5%;
        width: 90%;
        height: 18%;
    }
}
/* // 요건 : 현대카드 캐시백 배너(ONMKT-939) */


/* ------------------
// 영역별 공통 
--------------------*/