/* 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: 8.7%;
    left: 16%;
    width: 21.5%;
    height: 5.5%;
}

.event-benefit-template .linker--02{
    top: 8.7%;
    left: 39.3%;
    width: 21.5%;
    height: 5.5%;
}

.event-benefit-template .linker--03{
    top: 8.7%;
    left: 62.7%;
    width: 21.5%;
    height: 5.5%;
}

.event-benefit-template .linker--04{
    top: 26.5%;
    left: 79.8%;
    width: 11.5%;
    height: 1%;
}

.event-benefit-template .linker--05{
    top: 64.55%;
    left: 16%;
    width: 69%;
    height: 1.6%;
}

.event-benefit-template .linker--06{
    top: 75.47%;
    left: 15%;
    width: 70%;
    height: 1.5%;
}


.event-benefit-template .scroll-destination-area {
    position: absolute;
}
/* .event-benefit-template .scroll-destination-area {
    top: 92%;
    left: 30%;
    width: 40.3%;
    height: 1.8%;
} */
.event-benefit-template .scroll-destination-area--event01{
    top: 30.3%;
    left: 1px;
    width: 1px;
    height: 5px;
}
.event-benefit-template .scroll-destination-area--event02{
    top: 54.6%;
    left: 1px;
    width: 1px;
    height: 5px;
}
.event-benefit-template .scroll-destination-area--event03 {
    top: 78.8%;
    left: 1px;
    width: 1px;
    height: 5px;
}



@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: 7.4%;
        left: 6.7%;
        width: 87.1%;
        height: 2.5%;
    }

    .event-benefit-template .linker--02{
        top: 10.36%;
        left: 6.7%;
        width: 87.1%;
        height: 2.5%;
    }

    .event-benefit-template .linker--03{
        top: 13.2%;
        left: 6.7%;
        width: 87.1%;
        height: 2.5%;
    }

    .event-benefit-template .linker--04{
        top: 21.5%;
        left: 69.8%;
        width: 22.5%;
        height: 1%;
    }
    .event-benefit-template .linker--05{
        top: 68.6%;
        left: 3.6%;
        width: 93%;
        height: 1.8%;
    }
    .event-benefit-template .linker--06{
        top: 78.9%;
        left: 3.6%;
        width: 93%;
        height: 1.8%;
    }
    /* .event-benefit-template .scroll-destination-area {
        top: 92%;
        left: 30%;
        width: 40.3%;
        height: 1.8%;
    } */
    .event-benefit-template .scroll-destination-area--event01{
        top: 31.2%;
    }
    .event-benefit-template .scroll-destination-area--event02{
        top: 54.5%;
    }
    .event-benefit-template .scroll-destination-area--event03{
        top: 79.7%;
    }
}