/* 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: 42.6%;left: 51.8%;width:7.7%;height:1%;}
.event-benefit-template .linker--02{top: 65.2%;left: 34.5%;width: 32.1%;height: 9%;}
.event-benefit-template .content-area-1 {position: absolute;left: 0;top: 0;}
.event-benefit-template .content-area-2 {position: absolute;left: 0;top: 32.4%;}
.event-benefit-template .content-area-3 {position: absolute;left: 0;top: 51.9%;}
.event-benefit-template .content-area-4 {position: absolute;left: 0;top: 75%;}
.event-benefit-template .content-area-5 {position: absolute;left: 0;top: 92%;}
.event-benefit-template .content-area-6 {position: absolute;left: 0;top: 69%;}
.event-benefit-template .content-area-7 {position: absolute;left: 0;top: 81%;}
.event-benefit-template .content-area-8 {position: absolute;left: 0;top: 96%;}

@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: 44.6%;left:11.8%;width:14.1%;height: 1.6%;}
    .event-benefit-template .linker--02{top: 63.4%;left: 20.8%;width: 60.1%;height: 9%;}

    .event-benefit-template .content-area-1 {top: 0;}
    .event-benefit-template .content-area-2 {top: 30.7%;}
    .event-benefit-template .content-area-3 {top: 53%;}
    .event-benefit-template .content-area-4 {top: 76.4%;}
    .event-benefit-template .content-area-5 {top: 94.2%;}
    .event-benefit-template .content-area-6 {top: 57%;}
    .event-benefit-template .content-area-7 {top: 73%;}
    .event-benefit-template .content-area-8 {top: 98%;}
}