/* reset */
.contents.event .ev-detail-wrap .ev-detail-con .ev-cont {
    position: relative;
    max-width: 1380px;
    margin: 0 auto;
}

.event-benefit-template {
    max-width: 1380px;
    margin: 0 auto;
    text-align: initial;
}

.event-benefit-template picture {
    display: block;
}
.event-benefit-template img {
    display: block;
    max-width: 100%;
}
.event-benefit-template button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
/* // reset */

/* 변수 */
@media screen and (min-width:768px) {
    .event-benefit-template .hidden-pc {
        display: none !important;
    }
    .event-benefit-template .pc {
        display: block;
    }
    .event-benefit-template .mobile {
        display: none;
    }
}

@media screen and (max-width:767px){
    .event-benefit-template .hidden-mo {
        display: none !important;
    }
    .event-benefit-template .pc {
        display: none;
    }
    .event-benefit-template .mobile {
        display: block;
    }
}
/* // 변수 */

/* .contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
    top: 1.7% !important;
} */

.event-benefit-template .relative-wrap {
    position: relative;
}
.event-benefit-template .linker {
    position: absolute;
}

.event-benefit-template .linker--01{
    top: 43.6%;
    left: 51.8%;
    width: 10.1%;
    height: 1%;
}

.event-benefit-template .linker--02{
    top: 65.7%;
    left: 34%;
    width: 34.3%;
    height: 9%;
}

.event-benefit-template .linker--05{
    top: 65.3%;
    left: 43%;
    width: 22%;
    height: 1.5%;
}

.event-benefit-template .linker--06{
    top: 65.3%;
    left: 65.1%;
    width: 22%;
    height: 1.5%;
}

.event-benefit-template .linker--07{
    top: 76.5%;
    left: 56%;
    width: 8.3%;
    height: 1%;
}

.event-benefit-template .linker--08{
    top: 91.5%;
    left: 30%;
    width: 40.3%;
    height: 1.8%;
}

.event-benefit-template .scroll-destination-area {
    position: absolute;
}
.event-benefit-template .scroll-destination-area {
    top: 91.5%;
    left: 30%;
    width: 40.3%;
    height: 1.8%;
}
.event-benefit-template .scroll-destination-area--yearend-deal-banner{
    top: 94%;
    left: 1px;
    width: 1px;
    height: 1px;
}


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

    /* .contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
        top: 1% !important;
    } */

    .event-benefit-template .linker--01{
        top: 43.2%;
        left: 11.8%;
        width: 14.1%;
        height: 1.8%;
    }

    .event-benefit-template .linker--02{
        top: 63.7%;
        left: 19%;
        width: 60.3%;
        height: 9.2%;
    }

    .event-benefit-template .scroll-destination-area {
        top: 91.5%;
        left: 30%;
        width: 40.3%;
        height: 1.8%;
    }

    .event-benefit-template .scroll-destination-area--champion-deal-banner{
        top: 97.1%;
    }
}