.event-benefit-template .kv_wrap {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1380px;
}

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

.event-benefit-template .section--00 {
    background-color: #fff;
}

.event-benefit-template .card-linker--01 {
    top: 24%;
    left: 13%;
    width: 36%;
    height: 34%;
}

.event-benefit-template .card-linker--02 {
    top: 24%;
    left: 51%;
    width: 36%;
    height: 34%;
}

.event-benefit-template .card-linker--03 {
    top: 74%;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    height: 25%;
}

.event-benefit-template .section--03 .section__inner {
    max-width: 100%;
    padding: 0;
}
.event-benefit-template .section--03 .c-toggle__data {
    max-width: 1020px;
    margin: 0 auto;
}
.event-benefit-template .section--03 .c-toggle__btn.on + .c-toggle__data {
    padding: calc(80 / 1380 * 100%) 10px;
}

.event-benefit-template .section--04 {
    background-color: #262626;
}

.package-banner .view-more-care{position: absolute; display: block; top: 81%; left: 50%; transform: translateX(-50%); width: 40%; height: 10%;}


/* 기본 상태: notice-section에 active 클래스가 없으면 notice-off가 보이고, notice-on 및 notice-bottom은 숨김 */
.notice-section .notice-header .notice-on, .notice-section .notice-bottom .notice-on { display: none; /* 기본적으로 notice-on 이미지는 숨김 */ }
.notice-section .notice-header .notice-off, .notice-section .notice-bottom .notice-off { display: block; /* 기본적으로 notice-off 이미지는 보임 */ }
/* notice-section에 active 클래스가 있을 때의 상태 */
.notice-section.active .notice-header .notice-on, .notice-section.active .notice-bottom .notice-on { display: block; /* notice-on 이미지를 보이게 함 */ }
.notice-section.active .notice-header .notice-off, .notice-section.active .notice-bottom .notice-off { display: none; /* notice-off 이미지를 숨김 */ }
.notice-wrap .notice-header {  cursor: pointer; }


@media screen and (max-width: 767px) {
    body {
        width: 100%;
    }

    .event-benefit-template {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .event-benefit-template .kv_wrap {
        left: initial;
        transform: initial;
        width: initial;
    }

    .event-benefit-template .section--00 {
        background-color: #fff;
    }

    .event-benefit-template .section--00 .section__inner {
        padding: 0;
    }

    .event-benefit-template .section--03 .c-toggle__data {
        max-width: 100%;
        padding: 0;
    }
    .event-benefit-template .card-linker--01 {
        top: 20%;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        height: 19%;
    }

    .event-benefit-template .card-linker--02 {
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        height: 19%;
    }

    .event-benefit-template .card-linker--03 {
        top: 82%;
        left: 50%;
        width: 90%;
        height: 17%;
    }

    .event-benefit-template .section--02 .section__inner {
        max-width: 100%;
        padding: calc(64 / 720 * 100vw) 0;
    }
    .event-benefit-template .section--02 .section__title {
        max-width: 100%;
        padding: 0 calc(48 / 720 * 100vw) calc(48 / 720 * 100vw);
    }
    .event-benefit-template .section--02 .section__sub-title {
        padding-left: calc(48 / 720 * 100vw);
        padding-right: calc(48 / 720 * 100vw);
    }
    .event-benefit-template .section--02 .relative-area {
        margin: 0 calc(48 / 720 * 100vw);
    }

    .event-benefit-template .section--04 .section__inner {
        padding: 0;
    }
    .package-banner .view-more-care{
        position: absolute; display: block; top: 89%; left: 50%; transform: translateX(-50%); width: 90%; height: 8%;
    }

}