.scrollOff {
    overflow: hidden;
    height: 100%;
}

.promo-mob {
    display: none;
}

.promo-page .promo-contents .promotion-inner {
    line-height: 0;
    width: 100%;
    max-width: 1200px;
}

.promo-page .promo-contents .promotion-inner div {
    position: relative;
}

.promotion-inner div a {
    display: block;
    position: absolute;
    text-indent: -9999px;
}

.promotion-inner div a.event-btn-1 {
    bottom: 27.9%;
    width: 20.7%;
    height: 4.2%;
}

.promotion-inner div a#event_btn_1 {
    left: 8.6%;
}

.promotion-inner div a#event_btn_2 {
    left: 40.3%;
}

.promotion-inner div a#event_btn_3 {
    left: 72.1%;
}

.promotion-inner div a.event-btn-2 {
    bottom: 7.8%;
    width: 27.8%;
    height: 6.1%;
}

.promotion-inner div a#event_btn_4 {
    left: 36.1%;
}


@media screen and (max-width:768px) {

    .promo-web {
        display: none !important;
    }

    .promo-mob {
        display: block !important;
    }

    .promotion-inner div a.event-btn-1 {
        width: 52.5%;
        height: 2.25%;
    }

    .promotion-inner div a#event_btn_1 {
        left: 24.5%;
        bottom: 70.5%;
    }

    .promotion-inner div a#event_btn_2 {
        left: 24.5%;
        bottom: 41.45%;
    }

    .promotion-inner div a#event_btn_3 {
        left: 24.5%;
        bottom: 10.35%;
    }

    .promotion-inner div a.event-btn-2 {
        width: 55.5%;
        height: 2.6%;
    }


    .promotion-inner div a#event_btn_4 {
        left: 22.4%;
        bottom: 2.6%;
    }
}