/* BASIC css start */
#event-view .event-view-tit { padding:0; font-weight: bold; color: #000; font-size: .750rem; display:none; }
#event-view .event-view-wrap { padding: 0; text-align: center; }
#event-view .event-view-wrap .view-cnt { padding:0; }
#event-view .event-view-wrap .view-cnt img { max-width: 100%; }
#event-view .event-view-wrap .view-btn a { width: 100%; box-sizing: border-box; }


#wib_Footer { margin-top:0 !important; }


.landing { max-width:850px; margin:0 auto; overflow:hidden; }
.landing img { max-width:100%; }

/* 오픈런 */
.openRun .marquee {
    --gap: 1rem;
    height: 42px; overflow: hidden; position: relative;
    display: flex; user-select: none; gap: var(--gap);
    background:url(/design/happyprinc/landing/open_run/landing_top_bg.png) repeat 0 0;
}

.openRun .marquee .marquee__cont {
    overflow: hidden; flex-shrink: 0; display: flex; justify-content: space-around;
    gap: var(--gap); animation: marquee 15s linear infinite; font-size:1rem; line-height:42px; font-weight:700;
}

.openRun .marquee span { padding:0 10px; text-align:center; color:#fff096; }

.openRun .alarm_cont { position:relative; }



.openRun_preveiew {background-color:#f9f5f1;}
.openRun_sld .swiper-container { position:relative; }
.openRun_sld .swiper-slide img { width:100%; opacity:.3; }
.openRun_sld .swiper-slide.swiper-slide-active img { opacity:1; }


.openRun_preveiew .swiper-button-prev { position:absolute; left:1.6rem; top:50%; width:30px; height:50px; margin-top:-25px; background:url(/design/happyprinc/landing/open_run/arrow_prev.png) no-repeat center center; background-size:24px auto; cursor:pointer; z-index:20; }
.openRun_preveiew .swiper-button-next { position:absolute; right:1.6rem; top:50%; width:30px; height:50px; margin-top:-25px; background:url(/design/happyprinc/landing/open_run/arrow_next.png) no-repeat center center; background-size:24px auto; cursor:pointer; z-index:20; }


.openRun_preveiew .swiper-pagination { position:relative; background-color:#312f2f; background:url(/design/happyprinc/landing/open_run/landing_page_bg.png) repeat 0 0; width:100%; max-width:850px; margin:0 auto; padding:24px 0; box-sizing:border-box; }
.openRun_preveiew .swiper-pagination .swiper-pagination-bullet { width:16px; height:16px; background-color:#fff; margin:0 6px; opacity:1; }
.openRun_preveiew .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#d3ff7d; position:relative; }
.openRun_preveiew .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
content:""; position:absolute; left:50%; top:50%; width:20px; height:20px; border:1px solid #d3ff7d; border-radius:50%;
-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}


/* 웰컴킷 */
.welcomeKit img { max-width:100%; }

.welcomeKit .top { position:relative; }
.welcomeKit .top .kit_box {
    position:absolute; left:0; top:61.25vw; z-index:10;
    -webkit-animation: moveUpDown 1s infinite  alternate;
    animation: moveUpDown 1s infinite  alternate;
}

.welcomeKit .cont { position:relative; background-color:#f3f3f3; text-align:center; }
.welcomeKit .cont a {}

@media only screen and (min-width: 850px) {
    .welcomeKit .top .kit_box { top:510px }
}



/* 해피킷 */
.happlyKit { text-align:center; overflow:hidden; }

.happlyKit .section_ani { position:relative; }
.happlyKit .section_ani .obj_box span img { position:absolute; display:inline-block; max-width:100%; animation: bounce-m 1.4s alternate infinite; }
.happlyKit .section_ani .obj_box .obj_1 { top: -1.3%; left:-15%; z-index: 3; width:62.2037%; }
.happlyKit .section_ani .obj_box .obj_2 { top: -4.3%; left: 34.4%; z-index: 2; animation-delay: 0.2s; width:39.6851%; }
.happlyKit .section_ani .obj_box .obj_3 { top: -2.8%; right: -22.4%; z-index: 1; animation-delay: 0.4s; width:54.2037%; }

.happlyKit .section_ani .obj_tit { position:absolute; left:50%; top:39.9vw; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index: 5; }


.happlyKit .section_btn img { width:70%; max-width:576px; }


.happlyKit .section_sld { position:relative; }
.happlyKit .section_sld .sld_box { position:absolute; left:0; bottom:0; width:100%; }
.happlyKit .section_sld .sld_box .happyKit_sld { position:relative; }
.happlyKit .section_sld .sld_box .happyKit_sld .swiper-container { width:72.45%; margin:0 auto; }
.happlyKit .section_sld .sld_box .happyKit_sld .swiper-container .swiper-slide { width:100%; }
.happlyKit .section_sld .swiper-button { position:absolute; top:30%;  z-index:30; cursor:pointer; }
.happlyKit .section_sld .swiper-button.-prev { left:1.8%; }
.happlyKit .section_sld .swiper-button.-next { right:2.65%; }
.happlyKit .section_sld .swiper-button img { width:50%; max-width:50px; }

@media only screen and (min-width: 480px) {
    .happlyKit .section_ani .obj_tit { top:16%; }
    .happlyKit .section_sld .swiper-button.-prev { left:2.8%; }
    .happlyKit .section_sld .swiper-button.-next { right:3.65%; }
}




/* 애니메이션 효과 */
@-webkit-keyframes moveUpDown {
    0% { transform: translateY(0); }
    100% { transform: translateY(30px); }
}
@keyframes moveUpDown {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}


@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-100% - var(--gap))); }
}


@-webkit-keyframes bounce-m {
    0% { transform: translateY(0); }
    100% { transform: translateY(-3.7037vw); }
}
@keyframes bounce-m {
    0% { transform: translateY(0); }
    100% { transform: translateY(-3.7037vw); }
}
/* BASIC css end */