/* BASIC css start */
#shopEvent .event-view-tit { font-size: 12px; font-weight: bold; color: #000; display:none; }
#shopEvent .event-view-wrap .view-cnt { padding:0; }
#shopEvent .event-view-wrap .view-cnt img { max-width: 100%; }
#shopEvent .event-view-wrap .view-btn { display: flex; justify-content: center; }
#shopEvent .event-view-wrap .view-btn a { display: flex; justify-content: center; align-items: center; font-size:12px; line-height:1em; }



#content { width:100%; }
#wib_Footer { margin-top:0 !important; }

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


/* ¿ÀÇ·± */
.openRun .marquee {
    --gap: 1rem;
    height: 142px; 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 25s linear infinite; font-size:56px;line-height:142px; font-weight:700;
}

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

.openRun .alarm_cont { position:relative; }
.openRun .alarm_cont .view-btn { position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); }


.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:140px; top:50%; width:80px; height:130px; margin-top:-65px; background:url(/design/happyprinc/landing/open_run/arrow_prev.png) no-repeat center center; cursor:pointer; z-index:20; }
.openRun_preveiew .swiper-button-next { position:absolute; right:140px; top:50%; width:80px; height:130px; margin-top:-65px; background:url(/design/happyprinc/landing/open_run/arrow_next.png) no-repeat center center; 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:1520px; height:173px; margin:0 auto; padding:62px 0; box-sizing:border-box; }
.openRun_preveiew .swiper-pagination .swiper-pagination-bullet { width:48px; height:48px; background-color:#fff; margin:0 10px; 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:56px; height:56px; border:2px 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:800px; 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 {}



/* ÇØÇÇŶ */
.happlyKit { max-width:850px; margin:0 auto; text-align:center; overflow:hidden; }

.happlyKit .section_ani { position:relative; }
.happlyKit .section_ani .obj_box span img { position:absolute; animation: bounce-pc 1.4s alternate infinite; }
.happlyKit .section_ani .obj_box .obj_1 { top: -1.3%; left:-15%; z-index: 3; }
.happlyKit .section_ani .obj_box .obj_2 { top: -2.3%; left: 34.4%; z-index: 2; animation-delay: 0.2s;  }
.happlyKit .section_ani .obj_box .obj_3 { top: -2.8%; right: -24.4%; z-index: 1; animation-delay: 0.4s; }
.happlyKit .section_ani .obj_tit { position:absolute; left:50%; top:338px; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index: 5; }


.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:580px; margin:0 auto; }
.happlyKit .section_sld .swiper-button { position:absolute; top:50%; margin-top:-114px; z-index:30; cursor:pointer; }
.happlyKit .section_sld .swiper-button.-prev { left:62px; }
.happlyKit .section_sld .swiper-button.-next { right:62px; }
.happlyKit .section_sld .swiper-button img {}





/* ¾Ö´Ï¸ÞÀÌ¼Ç */
@-webkit-keyframes moveUpDown {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}
@keyframes moveUpDown {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}

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


@-webkit-keyframes bounce-pc {
    0% { transform: translateY(0); }
    100% { transform: translateY(-40px); }
}
@keyframes bounce-pc {
    0% { transform: translateY(0); }
    100% { transform: translateY(-40px); }
}
/* BASIC css end */