@charset "UTF-8";

/**
* Filename :style.css
* Description : Water Festival pick styles
**/

/* font */
@font-face {
    font-family:'HakgyoansimAllimjang'; /* 학교안심 알림장 */
    src:url('https://wwwrod.everland.com/font/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight:400;
    font-display:swap;
}
@font-face {
    font-family:'HakgyoansimAllimjang';
    src:url('https://wwwrod.everland.com/font/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight:700;
    font-display:swap;
}
@font-face {
    font-family:'HakgyoansimWooju'; /* 학교안심 우주 */
    src:url('https://wwwrod.everland.com/font/HakgyoansimWoojuR.woff2') format('woff2');
    font-weight:normal;
    font-display:swap;
}
@font-face {
    font-family:'HakgyoansimGeurimilgi'; /* 학교안심 그림일기 */
    src:url('https://wwwrod.everland.com/font/HakgyoansimGeurimilgiTTF-R.woff2') format('woff2');
    font-weight:normal;
    font-display:swap;
}
@font-face {
    font-family:'HakgyoansimMoheomga'; /* 학교안심 모험가 */
    src:url('https://wwwrod.everland.com/font/HakgyoansimMoheomgaB.woff2') format('woff2');
    font-weight:700;
    font-display:swap;
}
@font-face {
	font-family:'GmarketSans'; /* GmarketSans */
	src:url('https://wwwrod.everland.com/font/GmarketSans/GmarketSansMedium.woff') format('woff');
	font-weight:500;
	font-style:swap;
}
@font-face {
	font-family:'Pretendard'; /* Pretendard */
	src:url('https://wwwrod.everland.com/font/Pretendard/Pretendard-Regular.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}


/* base */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, main, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; box-sizing:border-box; background:transparent; }
html, body { width:100%; scroll-behavior:smooth; }
html { font-size:10px; }
body { font-family:'Pretendard', sans-serif; color:#333; text-align:center; word-wrap:break-word; word-break:keep-all; }
ul, ol { list-style-type:none; }
a { box-sizing:border-box; color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { text-decoration:none; }
em, i { font-style:normal; }
button { margin:0; padding:0; box-sizing:border-box; border:0 none; background-color:transparent; vertical-align:middle; color:#333; font-family:'Pretendard', sans-serif; cursor:pointer; outline:none; }
figcaption { display:none; }
img { width:100%; vertical-align:top; }
area { cursor:pointer; }
.hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
.body-stop { overflow:hidden; }


/* layout - common */
.wrapper { position:relative; overflow:hidden; background-color:#000; }
.wrapper .title > img { max-width:36rem; }
.btn-share { position:fixed; top:7.4rem; right:1.2rem; z-index:9; width:4.7rem; height:4.7rem; background:url('../img/btn-share.png') no-repeat center; background-size:100% auto; font-size:0; }
.btn-menu { position:fixed; top:2.1rem; right:1.2rem; z-index:9; width:4.7rem; height:4.7rem; background:url('../img/btn-menu.png') no-repeat center; background-size:100% auto; font-size:0; }
.btn-top { display:none; position:fixed; z-index:8; right:1.2rem; bottom:5.5rem; width:4.7rem; height:4.7rem; background:url('../img/btn-top.png') no-repeat center; background-size:100% auto; color:transparent; font-size:0; text-indent:-9999px; }
.sec { position:relative; }
.sec h4 { width:100%; max-width:36rem; margin:0 auto; }
.sec h4 > img { max-width:36rem; }
.sec p { position:relative; font-family:'HakgyoansimWooju'; font-size:1.5rem; font-weight:normal; line-height:2rem; letter-spacing:-.35px; -webkit-text-stroke:.02rem currentColor; }
.sec em { display:flex; justify-content:center; font-style:normal; word-break:keep-all; }
.sec em::before { content:'*'; margin-right:.2rem; }
.sec em.none { padding-left:0; text-indent:0; }
.sec em.none::before { display:none; }
.sec em.caution::before { content:'※'; }
.sec .txt { width:25rem; margin:0 auto; border-top:1px solid rgba(255, 255, 255, .5); border-bottom:1px solid rgba(255, 255, 255, .5); }
.sec .swiper-slide { position:relative; }
.info-wrap { display:flex; justify-content:center; }
.info-wrap > ul { margin:0 auto; text-align:left; }
.info-wrap > ul li { display:flex; justify-content:flex-start; align-items:flex-start; position:relative; color:#fff; font-family:'GmarketSans'; font-size:1.5rem; font-weight:500; line-height:2rem; letter-spacing:-.75px; }
.info-wrap > ul li::before { content:''; width:1.9rem; height:1.9rem; margin-right:.5rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
.info-wrap > ul li.place::before { margin-top:-.1rem; }
.info-wrap > ul li.place.green::before { background-image:url('../img/ico-place-green.png'); }
.info-wrap > ul li.place.light-purple::before { background-image:url('../img/ico-place-light-purple.png'); }
.info-wrap > ul li.place.skyblue::before { background-image:url('../img/ico-place-skyblue.png'); }
.info-wrap > ul li.place.white::before { background-image:url('../img/ico-place-white.png'); }
.info-wrap > ul li.place.pink::before { background-image:url('../img/ico-place-pink.png'); }
.info-wrap > ul li.date.yellow::before { background-image:url('../img/ico-date-yellow.png'); }
.info-wrap > ul li.time.green::before { background-image:url('../img/ico-time-green.png'); }
.info-wrap > ul li + li { margin-top:.5rem; }
.info-wrap > ul li .btn { display:inline-flex; justify-content:center; align-items:center; padding:.6rem .6rem .4rem; margin-top:-.2rem; margin-left:.6rem; border-radius:1.1rem; font-family:'GmarketSans'; font-size:1.2rem; font-weight:500; line-height:1; letter-spacing:-.6px; }
.info-wrap > ul li .btn::after { content:''; width:.5rem; height:.7rem; margin-top:-.2rem; margin-left:.4rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
.info-wrap > ul li .btn.white { background-color:#fff; color:#24007f; }
.info-wrap > ul li .btn.white::after { background-image:url('../img/ico-btn-arrow-darkblue.png'); }
.info-wrap > ul li .btn.darkblue { background-color:#24007f; color:#fff; }
.info-wrap > ul li .btn.darkblue::after { background-image:url('../img/ico-btn-arrow-white.png'); }
.notice-wrap { display:flex; justify-content:center; }
.notice-wrap > ul { margin:0 auto; text-align:left; word-wrap:break-word; word-break:keep-all; }
.notice-wrap > ul li { display:flex; position:relative; font-size:1.3rem; font-weight:400; line-height:2.1rem; letter-spacing:-.52px; }
.notice-wrap > ul li::before { content:'*'; margin-right:.3rem; }
.notice-wrap > ul li + li { margin-top:.4rem; }
.obj { position:absolute; z-index:1; }
.blend-screen { mix-blend-mode:screen; }
.blend-lighten { mix-blend-mode:lighten; }
.blend-hard-light { mix-blend-mode:hard-light; }
.blend-color-dodge { mix-blend-mode:color-dodge; }
.tip { position:relative; color:#ffed20; font-family:'HakgyoansimWooju'; font-size:1.6rem; font-weight:400; line-height:2.2rem; letter-spacing:-.48px; }
.tip > .icon { color:transparent; font-size:0; }

/* nav */
nav { overflow:hidden; display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:9; width:100%; max-width:720px; height:100%; margin:auto; }
nav .menu { overflow-x:hidden; overflow-y:auto; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute; top:0; right:0; bottom:0; width:100%; height:100%; background:url('../img/bg-nav.jpg') no-repeat center top; background-size:100% auto; }
nav .menu::-webkit-scrollbar { display:none; }
nav .menu-inner { flex:1; width:100%; }
nav .menu .obj-menu { display:flex; justify-content:flex-end; align-items:center; position:relative; width:100%; margin-top:-2.2rem; background-repeat:no-repeat; background-size:100% auto; background-position:center bottom; aspect-ratio:360 / 158; }
nav .menu.content .obj-menu { margin-top:-5.4rem; background-image:url('../img/obj-menu1-btm.png'); aspect-ratio:360 / 210; }
nav .menu.show .obj-menu { margin-top:-5.7rem; background-image:url('../img/obj-menu2-btm.png'); aspect-ratio:360 / 201; }
nav .menu.content .obj-menu > span,
nav .menu.show .obj-menu > span { display:none; }
nav .menu .logo { max-width:720px; margin:3.8rem auto .4rem; }
nav .menu .logo > a { display:block; }
nav .menu .btn-close { position:absolute; top:2.1rem; right:1.2rem; z-index:13; width:4.7rem; height:4.7rem; background:url('../img/btn-menu-close.png') no-repeat center; background-size:100% auto; color:transparent; font-size:0; text-indent:-9999px; transform-origin:center top; transform:rotateZ(-1deg); animation:menu 1s ease-in-out 0s infinite alternate; }
nav .menu .depth { margin:0 2.5rem 0 4.6rem; }
nav .menu .depth > li { position:relative; z-index:13; border-bottom:2px solid rgba(255, 255, 255, .2); }
nav .menu .depth > li:last-child { border-bottom:none; }
nav .menu .depth > li > a { display:flex; justify-content:space-between; align-items:center; position:relative; padding:1rem .3rem 1rem 0; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
nav .menu .depth > li > a::after { content:''; width:2.9rem; height:2.9rem; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:.3s; }
nav .menu .depth > li[data-txt="content"] > a::after { background-image:url('../img/ico-menu-item1-arrow-off.png'); }
nav .menu .depth > li[data-txt="show"] > a::after { background-image:url('../img/ico-menu-item2-arrow-off.png'); }
nav .menu .depth > li[data-txt="zootopia"] > a::after { background-image:url('../img/ico-menu-item3-arrow.png'); }
nav .menu .depth > li[data-txt="retail"] > a::after { background-image:url('../img/ico-menu-item4-arrow-off.png'); }
nav .menu .depth > li > a > span { display:flex; justify-content:flex-start; align-items:center; margin-left:-.3rem; }
nav .menu .depth > li > a > span > span { width:5.5rem; height:5.5rem; }
nav .menu .depth > li > a > span img { width:auto; height:3rem; }
nav .menu .depth > li:not(:nth-child(3)).on > a::after { transform:rotateZ(360deg); }
nav .menu .depth > li[data-txt="content"].on > a::after { background-image:url('../img/ico-menu-item1-arrow-on.png'); }
nav .menu .depth > li[data-txt="show"].on > a::after { background-image:url('../img/ico-menu-item2-arrow-on.png'); }
nav .menu .depth > li[data-txt="retail"].on > a::after { background-image:url('../img/ico-menu-item4-arrow-on.png'); }
nav .menu .sub-depth { display:none; position:relative; padding:.2rem 0 2.7rem; background-repeat:repeat-y; background-size:100% auto; }
nav .menu .sub-depth a[data-type="line"] { display:block; position:absolute; top:0; right:0; left:0; width:22.7rem; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:100% auto; color:transparent; text-indent:-9999px; }
nav .menu .sub-depth ul { position:relative; }
nav .menu .sub-depth ul::before { content:''; position:absolute; top:0; left:2.2rem; width:.4rem; height:100%; background-color:rgba(96, 186, 252, .4); }
nav .menu .sub-depth ul > li { position:relative; padding:0 3.2rem 0 6rem; margin-bottom:2.1rem; }
nav .menu .sub-depth ul > li:last-child { margin-bottom:0; }
nav .menu .sub-depth ul > li::before { content:''; position:absolute; top:.8rem; left:1.8rem; width:1.3rem; height:.3rem; background:url('../img/ico-menu-sub-base.png') no-repeat center; background-size:100% auto; }
nav .menu .sub-depth ul > li:first-child::before { top:-.3rem; left:1.2rem; width:2.5rem; height:2.5rem; background-image:url('../img/ico-menu-sub-day.png'); }
nav .menu .sub-depth ul > li:last-child::before { top:-.3rem; left:1.2rem; width:2.5rem; height:2.5rem; background-image:url('../img/ico-menu-sub-night.png'); }
nav .menu .sub-depth ul > li > a { display:block; position:relative; z-index:1; color:#fff; font-family:'HakgyoansimAllimjang'; font-size:1.6rem; line-height:normal; letter-spacing:-0.4px; text-align:left; text-shadow:.1rem .1rem .2rem rgba(0, 0, 0, .2); }
nav .menu .depth > li[data-txt="retail"] .sub-depth ul > li:first-child::before { top:-.3rem; left:1.2rem; width:2.5rem; height:2.5rem; background-image:url('../img/ico-menu-sub-food.png'); }
nav .menu .depth > li[data-txt="retail"] .sub-depth ul > li:last-child::before { top:-.3rem; left:1rem; width:2.8rem; height:2.5rem; background-image:url('../img/ico-menu-sub-md.png'); }


/* footer */
footer { display:flex; justify-content:space-between; align-items:flex-end; position:absolute; bottom:2rem; width:100%; padding:0 2rem; }
footer .item.logo { width:5.1rem; height:4.7rem; margin-right:.9rem; }
footer .item.copy { width:7.6rem; height:2.1rem; }


/* swiper */
.swiper-pagination-bullets.swiper-pagination-horizontal { display:flex; justify-content:center; align-items:center; position:relative; right:auto; bottom:auto; left:auto; width:auto; z-index:0; }
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { width:.8rem; height:.8rem; margin:0 .5rem; background:url('../img/ico-pagination.png') no-repeat center; background-size:100% auto; opacity:1; }
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active { width:1.5rem; height:1.5rem; background-image:url('../img/ico-pagination-active.png'); }
.swiper-button-prev,
.swiper-button-next { width:auto; height:auto; margin:0; background-repeat:no-repeat; background-position:center; background-size:100% auto; color:transparent; font-size:0; }
.swiper-button-prev:after, 
.swiper-button-next:after { display:none; }


/* 메인 - 비주얼 */
#main h1 { position:relative; margin-top:-3.4rem; }
#main h1 video { width:100%; max-width:720px; }
#main h1 .tit { position:absolute; top:9.5rem; left:0; right:0; width:100%; height:auto; margin:0 auto; }


/* 메인 - 카테고리 */
#map { position:relative; padding-top:23.33vw; margin-top:-38.06vw; /*margin-top:-28.33vw;*/ background:url('../img/bg-map.png') no-repeat center top; background-size:100% auto; aspect-ratio:360 / 1029; }
#map::before { content:''; position:absolute; top:-21.39vw; left:0; right:0; z-index:2; margin:0 auto; background:url('../img/obj-map-mist.png') no-repeat center; background-size:100% auto; aspect-ratio:360 / 252; }
#map > .obj-wrap .bomb1 { top:-22.22vw; left:-30.83vw; width:57.22vw; animation:bounce4 3s ease-in-out 0s infinite alternate; }
#map > .obj-wrap .bomb2 { top:-11.39vw; right:5.28vw; width:20.56vw; animation:bounce5 3s ease-in 0s infinite alternate; }
@keyframes bounce4 {
	0% { transform:translateY(0); }
	50% { transform:translateY(1rem); }
	100% { transform:translateY(0); }
}
@keyframes bounce5 {
	0% { transform:translateY(0); }
	50% { transform:translateY(-1rem); }
	100% { transform:translateY(0); }
}
#map .list li { position:absolute; }
#map .list li > a { display:block; position:relative; width:100%; height:100%; color:transparent; font-size:0; text-indent:100%; }
#map .list li > a > .obj-wrap { width:100%; height:100%; }
#map .list li > a > .obj-wrap .obj { top:0; left:0; }
#map .list li.item1 { top:20.56vw; left:0;  width:100.00vw; height:65.28vw; }
#map .list li.item2 { top:83.33vw; right:0; width:83.33vw; height:78.61vw; }
#map .list li.item3 { top:153.06vw; left:0; width:100.00vw; height:80.28vw; }
#map .list li.item4 { top:200.00vw; right:0; width:63.89vw; height:61.39vw; }
#map .list li.item3::before { content:''; position:absolute; bottom:0; left:0; width:100.00vw; height:61.94vw; background:url('../img/obj-map-zootopia-bottom.png') no-repeat center; background-size:100% auto; }
#map .list li.item3 > a { width:67.78vw; height:62.22vw; }
#map .list li.item1 > a > .obj-wrap .bomb1 { top:3.89vw; left:57.50vw; width:11.94vw; transform:translate(-8rem, 9rem) scale(0); }
#map .list li.item1 > a > .obj-wrap .bomb2 { top:27.50vw; left:51.11vw; width:20.00vw; transform:translate(-7rem, -1rem) scale(0); }
#map .list li.item1 > a > .obj-wrap .bomb3 { top:18.33vw; left:13.06vw; width:15.83vw; transform:translate(8rem, 2rem) scale(0); }
#map .list li.item1 > a > .obj-wrap .bomb4 { top:44.44vw; left:6.67vw; width:35.28vw; transform:translate(9rem, -8rem) scale(0); }
#map .list li.item1 > a.aos-animate > .obj-wrap .bomb1 { animation:bomb1 .8s ease-in .9s 1 forwards; }
#map .list li.item1 > a.aos-animate > .obj-wrap .bomb2 { animation:bomb2 .5s ease-in 1.1s 1 forwards; }
#map .list li.item1 > a.aos-animate > .obj-wrap .bomb3 { animation:bomb3 .6s ease-in .6s 1 forwards, bounce 2s ease-in-out 1.2s infinite alternate; }
#map .list li.item1 > a.aos-animate > .obj-wrap .bomb4 { animation:bomb4 .5s ease-in .8s 1 forwards; }
@keyframes bomb1 {
	0% { transform:translate(-8rem, 9rem) scale(0); }
	80% { transform:translate(1.5rem, -1.5rem) scale(1.1); }
	100% { transform:translate(0, 0) scale(1); }
}
@keyframes bomb2 {
	0% { transform:translate(-7rem, -1rem) scale(0); }
	80% { transform:translate(1.5rem, .5rem) scale(1.1); }
	100% { transform:translate(0, 0) scale(1); }
}
@keyframes bomb3 {
	0% { transform:translate(8rem, 2rem) scale(0); }
	80% { transform:translate(-1.5rem, -.7rem) scale(1.1); }
	100% { transform:translate(0, 0) scale(1); }
}
@keyframes bomb4 {
	0% { transform:translate(9rem, -8rem) scale(0); }
	80% { transform:translate(-1.5rem, 1rem) scale(1.1); }
	100% { transform:translate(0, 0) scale(1); }
}
#map .list li.item2 > a > .obj-wrap .bomb { top:auto; bottom:0; left:7.78vw; width:40.56vw; transform:translate(-6rem, -5rem) scale(0); }
#map .list li.item2 > a > .obj-wrap .note1 { top:8.06vw; left:22.22vw; width:4.44vw; }
#map .list li.item2 > a > .obj-wrap .note2 { top:13.89vw; right:7.78vw; left:auto; width:5.83vw; }
#map .list li.item2 > a > .obj-wrap .note3 { top:18.89vw; right:2.78vw; left:auto; width:5.00vw; }
#map .list li.item2 > a.aos-animate > .obj-wrap .bomb { animation:bomb5 .4s ease-in 1s 1 forwards, bounce 3s ease-in-out 1.4s infinite alternate; }
#map .list li.item2 > a.aos-animate > .obj-wrap .note1 { animation:note .9s ease-in-out 0s infinite alternate; }
#map .list li.item2 > a.aos-animate > .obj-wrap .note2 { animation:note 1.2s ease-in-out -.2s infinite alternate; }
#map .list li.item2 > a.aos-animate > .obj-wrap .note3 { animation:note .8s ease-in-out -.4s infinite alternate; }
@keyframes bomb5 {
	0% { transform:translate(-6rem, -5rem) scale(0); }
	100% { transform:translate(0, 0) scale(1); }
}
@keyframes bounce {
	0% { transform:translateY(0); }
	50% { transform:translateY(.2rem); }
	100% { transform:translateY(0); }
}
@keyframes note {
	0% { transform:translateY(0); }
	50% { transform:translateY(.4rem); }
	100% { transform:translateY(0); }
}
#map .list li.item3 > a > .obj-wrap .person1 { top:6.94vw; left:37.22vw; width:20.56vw; }
#map .list li.item3 > a > .obj-wrap .person2 { top:4.17vw; left:11.11vw; width:29.17vw; }
#map .list li.item3 > a > .obj-wrap .glowfly { top:auto; bottom:4.17vw; left:6.94vw; width:12.22vw; transform:translate(-7rem, -6rem) scale(.3); }
#map .list li.item3 > a.aos-animate > .obj-wrap .person1 { animation:person1 3s ease-in-out 0s infinite alternate; }
#map .list li.item3 > a.aos-animate > .obj-wrap .person2 { animation:person2 4.2s ease-in-out -.8s infinite alternate; }
#map .list li.item3 > a.aos-animate > .obj-wrap .glowfly { animation:glowfly 1.4s ease-in-out .8s 1 forwards; }
@keyframes person1 {
	0% { transform:translateX(0); }
	100% { transform:translateX(.5rem); }
}
@keyframes person2 {
	0% { transform:translateX(0); }
	100% { transform:translateX(-1rem); }
}
@keyframes glowfly {
	0% { transform:translate(-7rem, -6rem) scale(.3); }
	100% { transform:translate(0, 0) scale(1); }
}
#map .list li.item4 > a > .obj-wrap .rui { top:-1.39vw; left:37.78vw; width:11.11vw; transform:translateY(100%) scale(0); transform-origin:center bottom; }
#map .list li.item4 > a > .obj-wrap .hui { top:0.56vw; left:48.06vw; width:11.94vw; transform:translateY(100%) scale(0); transform-origin:center bottom; }
#map .list li.item4 > a > .obj-wrap .food1 { top:auto; right:13.06vw; bottom:17.50vw; left:auto; width:8.61vw; transform:translateY(100%) scale(0); }
#map .list li.item4 > a > .obj-wrap .food2 { top:auto; right:2.22vw; bottom:26.94vw; left:auto; width:9.17vw; transform:translateY(100%) scale(0); }
#map .list li.item4 > a > .obj-wrap .food3 { top:15.56vw; left:12.22vw; width:8.33vw; transform:translateY(100%) scale(0); }
#map .list li.item4 > a.aos-animate > .obj-wrap .rui { animation:slide-up 1s ease 1s 1 forwards, panda 2s ease-in-out 2.2s infinite alternate; }
#map .list li.item4 > a.aos-animate > .obj-wrap .hui { animation:slide-up 1s ease 1.2s 1 forwards, panda 2s ease-in-out 2.2s infinite alternate; }
#map .list li.item4 > a.aos-animate > .obj-wrap .food1 { animation:slide-up 1s ease 1.4s 1 forwards, bounce2 1.7s ease-in-out 2.4s infinite alternate; }
#map .list li.item4 > a.aos-animate > .obj-wrap .food2 { animation:slide-up 1s ease 1.6s 1 forwards, bounce3 2s ease 2.6s infinite alternate; }
#map .list li.item4 > a.aos-animate > .obj-wrap .food3 { animation:slide-up 1s ease 1.5s 1 forwards, bounce3 1.6s ease-in-out 2.5s infinite alternate; }
@keyframes slide-up {
	0% { transform: translateY(100%) scale(0); }
	50%{ transform: translateY(-8%) scale(1); }
	65%{ transform: translateY(4%); }
	80%{ transform: translateY(-4%); }
	95%{ transform: translateY(2%); }			
	100% { transform: translateY(0%); }	
}
@keyframes panda {
	0% { transform:rotateZ(0); }
	50% { transform:rotateZ(-2.5deg); }
	100% { transform:rotateZ(0); }
}
@keyframes bounce2 {
	0% { transform:translateY(0); }
	50% { transform:translateY(.3rem); }
	100% { transform:translateY(0); }
}
@keyframes bounce3 {
	0% { transform:translateY(0); }
	50% { transform:translateY(-.3rem); }
	100% { transform:translateY(0); }
}


/* 워터컨텐츠 - 공통 */
#content { padding-top:2.3rem; background:url('../img/bg-content.jpg') no-repeat center top; background-size:100% auto; }
#content .title { position:relative; z-index:2; }
#content .swiper .control .swiper-button-prev,
#content .swiper .control .swiper-button-next { width:4.6rem; height:4.6rem; }
#content .swiper .control .swiper-button-prev { left:.5rem; background-image:url('../img/ico-content-prev.png'); }
#content .swiper .control .swiper-button-next { right:.5rem; background-image:url('../img/ico-content-next.png'); }
#content .txt { padding:1.5rem 0; }
#content .txt p + p { margin-top:1rem; }
#content .tip > .icon { content:''; position:absolute; width:6.9rem; height:7.5rem; background:url('../img/obj-content-tip.png') no-repeat center; background-size:100% auto; }
/* 워터컨텐츠 - 워터팡팡 어드벤처 */
#adventure { padding:20.9rem 0 5.5rem; margin-top:-19.6rem; background:url('../img/bg-adventure.png') no-repeat center top; background-size:100% auto; }
#adventure .img { position:relative; }
#adventure .img::after { content:''; position:absolute; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
#adventure h5 { position:relative; max-width:36rem; margin:-3.6rem auto 1.6rem; }
#adventure .swiper .control{ margin:2rem auto 3rem; }
#adventure .swiper .control .swiper-button-prev,
#adventure .swiper .control .swiper-button-next { top:30.00vw; }
#adventure .info-wrap { margin:1.6rem auto; }
#adventure .info-wrap > ul li { text-shadow:0 .1rem .1rem rgba(2, 69, 255, 1); }
#adventure .info-wrap > ul li.place::before { background-image:url('../img/ico-adventure-place.png'); }
#adventure .info-wrap > ul li.time::before { background-image:url('../img/ico-adventure-time.png'); }
#adventure .txt { margin:1.6rem auto 0; }
#adventure .txt p { color:#fff; font-size:1.6rem; line-height:2.3rem; letter-spacing:-.8px; text-shadow:0 .1rem .1rem rgba(0, 80, 255, 1); }
#adventure .tip { text-shadow:0 .1rem .1rem rgba(0, 76, 255, 1); }
#adventure .notice-wrap { width:32.2rem; padding:2rem 2.2rem; margin:0 auto; border-radius:2rem; background-color:rgba(20, 8, 60, .4); }
#adventure .notice-wrap > ul li { color:#fff; }
#adventure .item1 .img::after { right:0; bottom:-4.8rem; width:12.5rem; height:12.6rem; background-image:url('../img/obj-adventure-item1-lala.png'); }
#adventure .item2 .img::after { right:0; bottom:-5.9rem; width:6.5rem; height:13.7rem; background-image:url('../img/obj-adventure-item2-jack.png'); }
#adventure .item3 .img::after { bottom:-12.9rem; left:calc(50% - 18rem - .2rem); width:8.1rem; height:7.1rem; background-image:url('../img/obj-adventure-item3-bomb.png'); }
#adventure .item2 .tip { margin:1.3rem auto 0; }
#adventure .item2 .tip > img { width:3.1rem; margin-top:.1rem; margin-right:.1rem; vertical-align:middle; } 
/* 워터컨텐츠 - 포토존 */
#photo { position:relative; padding:6rem 0 9rem; margin-top:-4.6rem; background:url('../img/bg-photo.png') no-repeat center top; background-size:100% auto; }
#photo::before { content:''; position:absolute; top:-1.8rem; left:0; width:5rem; height:8.2rem; background:url('../img/obj-photo-water.png') no-repeat center; background-size:100% auto; }
#photo .content-wrap { margin-top:2.1rem; }
#photo h5 { max-width:36rem; margin:-3.5rem auto 1rem; }
#photo .swiper .control { margin:2rem auto 0; }
#photo .swiper .control .swiper-button-prev,
#photo .swiper .control .swiper-button-next { top:23.89vw; }
#photo .con { position:relative; }
#photo .con::before { content:''; position:absolute; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
#photo .info-wrap { margin:1rem auto 1.6rem; }
#photo .info-wrap > ul li { color:#040036; }
#photo .txt { margin:1.6rem auto 0; }
#photo .txt p { color:#040036; font-size:1.6rem; line-height:2.2rem; letter-spacing:-.48px; }
#photo .item1 .con::before { top:1.8rem; left:0; width:7.2rem; height:14.1rem; background-image:url('../img/obj-photo-item1-dona.png'); background-position:center left; }
#photo .item2 .con::before { top:5.7rem; right:calc(50% - 18rem + .1rem); width:7rem; height:10rem; background-image:url('../img/obj-photo-item2-bagel.png'); }
#photo .item2 .txt p > img { width:1.6rem; margin-top:-.2rem; margin-left:.3rem; vertical-align:middle; }
/* 워터컨텐츠 - 더블 스플래쉬 */
#splash { position:relative; padding:20.8rem 0 22.78vw; margin-top:-43.33vw; background:url('../img/bg-splash.png') no-repeat center top; background-size:100% auto; }
#splash::before { content:''; position:absolute; top:8.89vw; right:0; width:21.7rem; height:30.9rem ; background:url('../img/obj-splash-attraction.png') no-repeat center; background-size:100% auto; }
#splash::after { content:''; position:absolute; left:0; right:0; bottom:-59.72vw; z-index:1; margin:0 auto; background:url('../img/obj-splash-wave.png') no-repeat center bottom; background-size:100% auto; aspect-ratio:360 / 500; }
#splash .img { position:relative; }
#splash .img::before { content:''; position:absolute; top:-8.3rem; left:0; width:8.1rem; height:10.8rem; background:url('../img/obj-splash-bird.png') no-repeat center; background-size:100% auto; }
#splash .inner-wrap { position:relative; z-index:2; }
#splash .info-wrap { margin:1.5rem auto 1.9rem; }
#splash .info-wrap > ul li { text-shadow:0 .1rem .1rem rgba(56, 2, 242, 1); }
#splash .info-wrap > ul li.place::before { background-image:url('../img/ico-summer-place.png'); }
#splash .txt { padding-top:0; margin:1.2rem auto 0; border-top:none; border-bottom-color:rgba(255, 255, 255, .3); }
#splash .txt p { color:#fff; font-size:1.6rem; line-height:2.2rem; letter-spacing:-.48px; text-shadow:0 .1rem .1rem rgba(16, 70, 235, 1); }
#splash .tip { margin:1.2rem auto 0; text-shadow:0 .1rem .1rem rgba(15, 68, 233, 1); -webkit-text-stroke:.02rem currentColor; }
#splash .tip > .icon { top:-4.1rem; left:calc(50% - 18rem + 4.4rem); }
/* 워터컨텐츠 - 썸머 글로우 가든 */
#summer { position:relative; z-index:1; padding:9.5rem 0 4.7rem; margin-top:-5.7rem; background:url('../img/bg-summer.png') no-repeat center top; background-size:100% auto; }
#summer::before { content:''; position:absolute; top:-5.3rem; right:0; width:6.8rem; height:16.1rem; background:url('../img/obj-summer-leaf1.png') no-repeat center; background-size:100% auto; }
#summer .img { position:relative; }
#summer .img::before { content:''; position:absolute; top:-3rem; left:0; z-index:2; width:8.6rem; height:8.5rem; background:url('../img/obj-summer-leaf2.png') no-repeat center; background-size:100% auto; }
#summer .img::after { content:''; position:absolute; top:15.7rem; right:0; z-index:2; width:6.1rem; height:10.5rem; background:url('../img/obj-summer-leaf3.png') no-repeat center; background-size:100% auto; }
#summer .swiper .control { margin:1.3rem auto 0; }
#summer .swiper .control .swiper-button-prev,
#summer .swiper .control .swiper-button-next { top:calc(50% - 4rem); }
#summer .swiper .control .swiper-button-prev { background-image:url('../img/ico-summer-prev.png'); }
#summer .swiper .control .swiper-button-next { background-image:url('../img/ico-summer-next.png'); }
#summer .info-wrap { margin:.8rem auto 1.9rem; }
#summer .info-wrap > ul li { text-shadow:0 .1rem .1rem rgba(56, 2, 242, 1); }
#summer .info-wrap > ul li.place::before { background-image:url('../img/ico-summer-place.png'); }
#summer .txt { padding-top:0; margin:2rem auto 0; border-top:none; border-bottom-color:rgba(255, 255, 255, .3); }
#summer .txt p { color:#fff; font-size:1.6rem; line-height:2.2rem; letter-spacing:-.48px; }
#summer .tip { margin:1.5rem auto 0; font-family:'HakgyoansimGeurimilgi'; text-shadow:0 .1rem .1rem rgba(26, 4, 91, 1); }
#summer .tip > .icon { top:-4.8rem; left:calc(50% - 18rem + 5.3rem); }


/* show */
#show { padding-top:1.8rem; background:url('../img/bg-show.jpg') no-repeat center top; background-size:100% auto; }
#show .content-wrap { margin-top:-1rem; }
#show h5 { max-width:36rem; margin:-4.8rem auto 0; }
#show .info-wrap { margin:1.8rem auto 1.7rem; }
#show .info-wrap > ul li { text-shadow:0 .1rem .1rem rgba(25, 11, 237, 1); }
#show .info-wrap > ul li.place::before { margin-top:0; background-image:url('../img/ico-show-place.png'); }
#show .info-wrap > ul li.date::before { background-image:url('../img/ico-show-date.png'); }
#show .info-wrap > ul li > span { line-height:2.2rem; }
#show .info-wrap > ul li .btn { text-shadow:none; box-shadow:0 .1rem .1rem rgba(25, 11, 237, 1); }
#show .txt { padding:2rem 0; margin:1.7rem auto 0; }
#show .txt p { color:#fff; line-height:2.3rem; text-shadow:0 .1rem .1rem rgba(30, 9, 186, 1); }
#show .txt p + p { margin-top:2.3rem; }
#show .swiper .control { display:flex; justify-content:center; align-items:center; margin:2.6rem auto 3.5rem; }
#show .swiper .control .swiper-button-prev,
#show .swiper .control .swiper-button-next { position:relative; top:auto; right:auto; left:auto; width:.8rem; height:1.5rem; }
#show .swiper .control .swiper-button-prev { background-image:url('../img/ico-show-prev.png'); }
#show .swiper .control .swiper-button-next { background-image:url('../img/ico-show-next.png'); }
#show .swiper .control .swiper-pagination { margin:0 2rem; }
#show .tip { margin:2rem auto 0; text-shadow:0 .1rem .1rem rgba(29, 5, 140, 1); }
#show .tip > .icon { content:''; position:absolute; top:-4rem; left:calc(50% - 18rem + 6.8rem); width:6.8rem; height:7.5rem; background:url('../img/obj-show-tip.png') no-repeat center; background-size:100% auto; }
#show .notice-wrap { background-color:#14083c; }
#show .notice-wrap > ul { margin:2rem 4rem; }
#show .notice-wrap > ul li { color:#fff; }
#show .sub-wrap { position:relative; width:32.2rem; margin:2.6rem auto 0; }
#show .sub-wrap::before { content:''; display:block; margin:0 auto; background:url('../img/bg-show-item1-sub-top.png') no-repeat center top; background-size:100% auto; aspect-ratio:322 / 20; }
#show .sub-wrap::after { content:''; display:block; margin:0 auto; background:url('../img/bg-show-item1-sub-bottom.png') no-repeat center top; background-size:100% auto; aspect-ratio:322 / 20; }
#show .sub-wrap .inner-wrap { padding:.8rem 0 .6rem; background:url('../img/bg-show-item1-sub-center.png') repeat-y center; background-size:100% auto; }
#show .sub-wrap .inner-wrap::before { content:''; position:absolute; bottom:11.2rem; left:-1.9rem; width:13.7rem; height:11.7rem; background:url('../img/obj-show-item1-sub-water2.png') no-repeat center; background-size:100% auto; }
#show .sub-wrap .inner-wrap::after { content:''; position:absolute; top:8.1rem; right:calc(50% - 16.1rem - 2.2rem); width:9rem; height:10.3rem; background:url('../img/obj-show-item1-sub-renny.png') no-repeat center; background-size:100% auto; }
#show .sub-wrap h6 { position:relative; }
#show .sub-wrap h6::before { content:''; position:absolute; top:-.9rem; left:calc(50% - 16.1rem + 5.1rem); width:1.9rem; height:1rem; background:url('../img/obj-show-item1-sub-water1.png') no-repeat center; background-size:100% auto; }
#show .sub-wrap .info-wrap { margin:1.4rem auto 1.5rem; }
#show .sub-wrap .info-wrap > ul li { font-size:1.2rem; line-height:1.9rem; letter-spacing:-.6px; text-shadow:0 .1rem .1rem rgba(14, 5, 101, 1); }
#show .sub-wrap .txt { border-bottom:none; }
#show .sub-wrap .txt p { font-size:1.4rem; line-height:2.1rem; letter-spacing:-.7px; text-shadow:0 .1rem .1rem rgba(19, 7, 93, 1); }
#show .sub-wrap .txt p > strong { color:#ffed20; font-weight:400; }
#show .sub-wrap .txt p + p { margin-top:1rem; }
#show .sub-wrap .notice-wrap { background-color:transparent; }
#show .sub-wrap .notice-wrap > ul { margin:0 3.3rem; }
#show .sub-wrap .notice-wrap > ul li { color:#e0deea; font-size:1.2rem; line-height:1.8rem; letter-spacing:-.6px; }
#show .item3 .btn-wrap { display:flex; justify-content:center; align-items:center; position:relative; width:21.6rem; height:10.4rem; margin:-3.2rem auto -3.3rem; background:url('../img/btn-show-item3.png') no-repeat center; background-size:100% auto; }
#show .item3 .btn-wrap .btn { display:inline-flex; justify-content:center; align-items:center; position:relative; width:14.5rem; height:3.9rem; color:transparent; font-size:1px; line-height:1; text-indent:-999rem; }


/* zootopia */
#zootopia { position:relative; }
#zootopia::before { content:''; position:absolute; top:15.7rem; right:0; z-index:2; width:6.9rem; height:14.4rem; background:url('../img/obj-zootopia-leaf1.png') no-repeat center; background-size:100% auto; }
#zootopia > .obj { top:0; left:0; right:0; margin:0 auto; }
#zootopia .sec { z-index:1; padding:12.78vw 0 0; margin-top:19.44vw; background:url('../img/bg-zootopia.png') no-repeat center top; background-size:100% auto; }
#zootopia .inner-wrap { position:relative; }
#zootopia .inner-wrap::before { content:''; position:absolute; top:4.1rem; left:0; width:7.4rem; height:14.6rem; background:url('../img/obj-zootopia-leaf2.png') no-repeat center; background-size:100% auto; }
#zootopia h4 { margin:.1rem auto .3rem; }
#zootopia .info-wrap { margin:.3rem auto 2.8rem; }
#zootopia .info-wrap > ul li { text-shadow:0 .1rem .1rem rgba(36, 0, 127, .4); }
#zootopia .info-wrap > ul li .btn { text-shadow:none; }
#zootopia .img { position:relative; }
#zootopia .img::before { content:''; position:absolute; top:-1.6rem; right:calc(50% - 18rem + .2rem); width:4.9rem; height:4.3rem; background:url('../img/obj-zootopia-item1-leaf.png') no-repeat center; background-size:100% auto; }
#zootopia .img img { position:relative; }
#zootopia .con { position:relative; }
#zootopia .con::before { content:''; position:absolute; bottom:-1.6rem; left:0; width:3.7rem; height:13rem; background:url('../img/obj-zootopia-leaf3.png') no-repeat center; background-size:100% auto; }
#zootopia .txt { margin:2.3rem auto 0; border:none; }
#zootopia .txt p { color:#fff; font-size:1.6rem; line-height:2.2rem; text-shadow:0 .1rem .1rem rgba(28, 10, 162, 1); }
#zootopia .btn-wrap { display:flex; justify-content:center; align-items:center; position:relative; width:30.3rem; height:12.6rem; margin:-.6rem auto 1.6rem; background:url('../img/btn-zootopia-item1.png') no-repeat center; background-size:100% auto; }
#zootopia .btn-wrap::after { content:''; position:absolute; right:0; bottom:1rem; width:13.9rem; height:4.5rem; background:url('../img/txt-btn-zootopia-item1.png') no-repeat center; background-size:100% auto; }
#zootopia .btn-wrap .btn { display:inline-flex; justify-content:center; align-items:center; position:relative; width:22.3rem; height:6rem; padding-right:.5rem; color:#fff; font-family:'HakgyoansimAllimjang'; font-size:2.6rem; line-height:1; text-shadow:0 .2rem .2rem rgba(3, 136, 0, 1); cursor:default; }
#zootopia .btn-wrap .btn::after { content:'>'; position:absolute; right:1.8rem; font-size:1.7rem; }
#zootopia .notice-wrap { background-color:rgba(20, 8, 60, .8); }
#zootopia .notice-wrap > ul { margin:2rem 4rem; }
#zootopia .notice-wrap > ul li { color:#fff; }

/* retail */
#retail { padding-top:5.4rem; background:url('../img/bg-food.jpg') no-repeat center top; background-size:100% auto; }
#retail .txt { width:auto; margin:0; border:none; }
#retail .txt p { -webkit-text-stroke:0; }
/* food */
#food .sec .content-wrap { max-width:34.5rem; margin:0 auto; border-width:.3rem; border-style:solid; background-color:#fff; box-sizing:border-box; }
#food > .notice-wrap { margin:1.5rem auto 4.5rem; }
#food > .notice-wrap li { color:#fff; }
#food .item1 { margin-top:.1rem; }
#food .item1 .info-wrap { margin:1rem auto 1.8rem; }
#food .item1 .info-wrap li { text-shadow:0 .1rem .1rem rgba(36, 0, 127, .4); }
#food .item1 .content-wrap { border-image:linear-gradient(0deg, #3dffcf 0%, #ff00c7 100%); border-image-slice:1; }
#food .item1 .content-wrap > ul li { display:flex; position:relative; }
#food .item1 .content-wrap > ul li.con1 { justify-content:flex-end; padding:3.8rem .7rem 4.9rem 0; }
#food .item1 .content-wrap > ul li.con2 { justify-content:flex-start; padding:7.4rem 0 3.6rem 2.7rem; margin-top:-4.3rem; }
#food .item1 .content-wrap > ul li .img { position:absolute; max-width:36rem; }
#food .item1 .content-wrap > ul li.con1 .img { top:0; left:0; }
#food .item1 .content-wrap > ul li.con2 .img { right:0; bottom:0; }
#food .item1 .content-wrap > ul li .txt { position:relative; }
#food .item1 .content-wrap > ul li .txt h5 { width:16.3rem; margin:0 auto; }
#food .item1 .content-wrap > ul li .txt p { margin-top:.6rem; font-family:'GmarketSans'; font-size:1.2rem; font-weight:500; line-height:1.6rem; letter-spacing:-.44px; text-align:center; }
#food .item1 .content-wrap > ul li.con1 .txt p { color:#d100ac; }
#food .item1 .content-wrap > ul li.con2 .txt p { color:#0059d1; }
#food .item2 { margin-top:4.7rem; }
#food .item2 > .info-wrap { margin:1.2rem auto 1.6rem; }
#food .item2 > .info-wrap li { text-shadow:.1rem .1rem 0 rgba(0, 0, 0, .25); }
#food .item2 .content-wrap { position:relative; padding:3rem 0 0; border-color:#fff; }
#food .item2 .content-wrap > ul li { position:relative; }
#food .item2 .content-wrap > ul li h5 { position:relative; font-family:'HakgyoansimAllimjang'; font-size:3rem; font-weight:700; line-height:normal; letter-spacing:-1.2px; }
#food .item2 .content-wrap > ul li .info-wrap { margin:1rem auto; }
#food .item2 .content-wrap > ul li.con1::before { content:''; position:absolute; top:-3rem; right:0; width:6.2rem; height:10.2rem; background:url('../img/obj-food-item2-leaf.png') no-repeat top right; background-size:100% auto; }
#food .item2 .content-wrap > ul li.con1 h5 { color:#0081f2; text-shadow:.1rem .2rem 0 rgba(184, 251, 255, 1); }
#food .item2 .content-wrap > ul li.con1 .info-wrap li { color:#00086c; }
#food .item2 .content-wrap > ul li.con1 .txt p { color:#0b1585; }
#food .item2 .content-wrap > ul li.con2 { margin-top:4.4rem; padding-bottom:3.3rem; background:url('../img/bg-food-item2-con2.png') no-repeat center top 6.1rem; background-size:100% auto; }
#food .item2 .content-wrap > ul li.con2 h5 { position:relative; margin:1.2rem auto 1.1rem; color:#fff; text-shadow:.1rem .2rem 0 rgba(0, 24, 255, 1); }
#food .item2 .content-wrap > ul li.con2 h5 > span { display:block; font-family:'HakgyoansimWooju'; font-size:1.6rem; font-weight:400; line-height:2.1rem; letter-spacing:-.48px; text-shadow:none; -webkit-text-stroke:.02rem currentColor; }
#food .item2 .content-wrap > ul li.con2 .txt p { color:#fff; }
#food .item2 .content-wrap > ul li.con3 { margin-bottom:3.5rem; }
#food .item2 .content-wrap > ul li.con3::before { content:''; position:absolute; top:-3rem; left:0; width:10.2rem; height:8.1rem; background:url('../img/obj-food-item2-leaf2.png') no-repeat top left; background-size:100% auto; }
#food .item2 .content-wrap > ul li.con3 .img { position:relative; }
#food .item2 .content-wrap > ul li.con3 h5 { margin-top:2.2rem; color:#c600ff; text-shadow:.1rem .2rem 0 rgba(255, 212, 254, 1); }
#food .item2 .content-wrap > ul li.con3 h5 > span { position:absolute; top:-2.5rem; right:calc(50% - 18rem + 7.4rem); width:9rem; height:3.3rem; background:url('../img/txt-food-item2-con3-tag.png') no-repeat center; background-size:100% auto; color:transparent; font-size:0; }
#food .item2 .content-wrap > ul li.con3 .info-wrap li { color:#8400af; }
#food .item2 .content-wrap > ul li.con3 .txt p { color:#9000ba; }
#food .item3 { margin-top:4.4rem; }
#food .item3 .content-wrap { border-color:#fff; }
#food .item3 > .info-wrap { margin:.8rem auto 2.8rem; }
#food .item3 > .info-wrap li { text-shadow:0 .1rem .1rem rgba(36, 0, 127, .4); }
#food .item4 { margin-top:4.6rem; }
#food .item4 .content-wrap { border-color:#fff; }
#food .item4 > .info-wrap { margin:.9rem auto 1.7rem; }
#food .item4 > .info-wrap li { text-shadow:0 .1rem .1rem rgba(36, 0, 127, .4); }
/* md */
#md { position:relative; padding:6.7rem 0 15rem; background-color:#e4f4fd; background-image:url('../img/bg-md-top.png'), url('../img/bg-md-bottom.png'); background-repeat:no-repeat; background-position:top center, bottom center; background-size:100% auto; }
#md h4 { margin:0 auto 2rem; }
#md .txt p { color:#042831; font-size:1.6rem; line-height:2.2rem; letter-spacing:-.64px; }
#md .img { position:relative; max-width:36rem; margin:2rem auto .9rem; }
#md .btn-wrap .btn { display:inline-flex; justify-content:center; align-items:center; flex-direction:column; min-width:23.4rem; padding:.9rem 2rem; border-radius:3rem; background-color:#1aba00; color:#fff; font-family:'HakgyoansimAllimjang'; font-size:2rem; font-weight:400; line-height:2.2rem; letter-spacing:-.42px; text-shadow:0 .2rem .1rem rgba(0, 0, 0, .05); box-shadow:0 .1rem .6rem rgba(0, 0, 0, .3); cursor:default; }
#md .btn-wrap .btn > span { margin-bottom:-.4rem; font-family:'HakgyoansimWooju'; font-weight:400; font-size:1.4rem; }


/* 팝업 - 공통 */
.popup { display:none; justify-content:center; align-items:center; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9; max-width:720px; margin:auto; background-color:rgba(0, 0, 0, .6); transition:.3s; }
.popup .content-wrap { position:relative; width:32rem; padding:2.3rem 2.4rem 2.9rem; border-radius:2rem; background-color:#fff; box-sizing:border-box; }
.popup .content-wrap h2 { margin-bottom:2.7rem; color:#27006C; font-family:'HakgyoansimMoheomga'; font-size:2.2rem; letter-spacing:-.44px; }
.popup .btn.close { 
	position:absolute; top:2.3rem; right:2.4rem; width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; 
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 18L18 6' stroke='%23777777' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 18L6 6' stroke='%23777777' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	color:transparent; font-size:0; 
}
.popup.on { display:flex; }
/* 팝업 - 공유하기 */
.popup .share-wrap { display:flex; justify-content:center; align-items:center; gap:3rem; }
.popup .share-wrap li .btn { color:#333; font-size:1.3rem; font-weight:400; line-height:1.4; letter-spacing:-.26px; text-align:center; }
.popup .share-wrap li .btn::before { content:''; display:block; width:4.8rem; height:4.8rem; margin:0 auto .8rem; border-radius:50%; background-repeat:no-repeat; background-position:center; }
.popup .share-wrap li.url .btn::before { background-color:#27006C; background-size:1.6rem 1.7rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M7 10.2949C8.38576 12.1757 11.0086 12.5582 12.8591 11.1535C13.0203 11.0324 13.171 10.8985 13.3134 10.754L15.8253 8.20378C17.4308 6.51427 17.3848 3.82381 15.7227 2.19381C14.1004 0.602063 11.5278 0.602063 9.90548 2.19381L8.4653 3.64742' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 8.70453C9.61424 6.82578 6.99136 6.4411 5.14089 7.84592C4.97971 7.96706 4.82899 8.10095 4.68665 8.24547L2.17471 10.7958C0.569155 12.4833 0.615207 15.176 2.27728 16.8061C3.89957 18.398 6.47222 18.398 8.09452 16.8061L9.52633 15.3524' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.popup .share-wrap li.kakao .btn::before { background-color:#FAE300; background-size:1.4rem 1.3rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M6.89651 0C3.08758 0 0 2.40786 0 5.37821C0 7.31168 1.30835 9.00585 3.27158 9.95391C3.12724 10.4854 2.74924 11.8786 2.6735 12.1767C2.58025 12.5468 2.81105 12.5419 2.96218 12.4421C3.0808 12.3642 4.85217 11.1765 5.61639 10.6637C6.03119 10.7243 6.45885 10.7564 6.89651 10.7564C10.7054 10.7564 13.793 8.3482 13.793 5.37821C13.793 2.40821 10.7054 0 6.89651 0Z' fill='%23391B1B'/%3E%3C/svg%3E"); }


@media (max-width:359px) { 
	#food .sec .content-wrap { margin:0 .8rem; }
	#food .item1 .content-wrap > ul li:nth-child(2) { padding-left:1.7rem; }
}


@media (min-width:541px) and (max-width:620px) { 
	#splash { padding-top:22.8rem; }
}


@media (min-width:621px) and (max-width:719px) { 
	#splash { padding-top:26.8rem; }
}


@media (min-width:501px) and (max-width:719px) { 
	#content { padding-top:6.39vw; }
	#adventure { padding-top:23.9rem; padding-bottom:8.5rem; }
	#photo { padding:9rem 0 16rem; margin-top:-7.6rem; }
	#summer { padding-top:12.5rem; margin-top:-9rem; }
	#summer .img::after { top:43.61vw; }
	#show { padding-top:5.00vw; }
	#zootopia .img::before { right:3.33vw; }
	#retail { padding-top:15.00vw; }
	#md { padding:18.61vw 0 41.67vw; }
}


@media (min-width:720px) { 
	html { height:100%; }
	body::-webkit-scrollbar { display:none; }
	body::before { content:''; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:url('../img/bg.jpg') no-repeat center bottom; background-size:cover; z-index:-1; }
	

	/* layout */
	.wrapper { width:720px; height:100%; margin:0 auto; -ms-overflow-style:none; scrollbar-width:none; box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.10); }
	.wrapper::-webkit-scrollbar { display:none; }
	.wrapper .title > img { max-width:648px; }
	.btn-menu,
	.btn-top,
	.btn-share { right:calc(50% - 360px + 1.2rem); }


	/* popup */
	.popup .content-wrap { max-width:none; }
	.popup .btn-close { margin-left:calc(576px - 3.4rem - 4rem); }
	

	/* map */
	#map { padding-top:168px; margin-top:-274px; /*margin-top:-204px;*/ }
	#map::before { top:-154px; }
	#map > .obj-wrap .bomb1 { top:-160px; left:-222px; width:412px; }
	#map > .obj-wrap .bomb2 { top:-82px; right:38px; width:148px; }
	#map .list li.item1 { top:148px; width:720px; height:470px; }
	#map .list li.item2 { top:594px; width:600px; height:566px; }
	#map .list li.item3 { top:1102px; width:720px; height:578px; }
	#map .list li.item4 { top:1440px; width:460px; height:442px; }
	#map .list li.item3::before { width:720px; height:446px; }
	#map .list li.item3 > a { width:488px; height:448px; }
	#map .list li.item1 > a > .obj-wrap .bomb1 { top:28px; left:414px; width:86px; }
	#map .list li.item1 > a > .obj-wrap .bomb2 { top:198px; left:368px; width:144px; }
	#map .list li.item1 > a > .obj-wrap .bomb3 { top:132px; left:94px; width:114px; }
	#map .list li.item1 > a > .obj-wrap .bomb4 { top:320px; left:48px; width:254px; }
	#map .list li.item2 > a > .obj-wrap .bomb { left:56px; width:292px; }
	#map .list li.item2 > a > .obj-wrap .note1 { top:58px; left:160px; width:32px; }
	#map .list li.item2 > a > .obj-wrap .note2 { top:100px; right:56px; width:42px; }
	#map .list li.item2 > a > .obj-wrap .note3 { top:136px; right:20px; width:36px; }
	@keyframes show {
		0% { background-position:0 0; }
		100% { background-position:-18000px 0; }
	}
	#map .list li.item3 > a > .obj-wrap .person1 { top:50px; left:268px; width:148px; }
	#map .list li.item3 > a > .obj-wrap .person2 { top:30px; left:80px; width:210px; }
	#map .list li.item3 > a > .obj-wrap .glowfly { bottom:30px; left:50px; width:88px; }
	#map .list li.item4 > a > .obj-wrap .rui { top:-10px; left:272px; width:80px; }
	#map .list li.item4 > a > .obj-wrap .hui { top:4px; left:346px; width:86px; }
	#map .list li.item4 > a > .obj-wrap .food1 { right:94px; bottom:126px; width:62px; }
	#map .list li.item4 > a > .obj-wrap .food2 { right:16px; bottom:194px; width:66px; }
	#map .list li.item4 > a > .obj-wrap .food3 { top:112px; left:88px; width:60px; }


	/* content */
	#content { padding-top:46px; }
	#adventure { padding-bottom:110px; }
	#adventure .swiper .control .swiper-button-prev,
	#adventure .swiper .control .swiper-button-next { top:216px; }
	#photo { padding:120px 0 180px; margin-top:-92px; }
	#photo .swiper .control .swiper-button-prev,
	#photo .swiper .control .swiper-button-next { top:172px; }
	#splash { padding:374px 0 164px; margin-top:-312px; }
	#splash::after { bottom:-430px; }
	#summer { margin-top:-114px; }
	#summer .img::after { top:314px; }


	/* zootopia */
	#zootopia .sec { padding-top:92px; margin-top:140px; }
	#zootopia .img::before { right:calc(50% - 360px + .2rem); }


	/* show */
	#show { padding-top:36px; }


	/* retail */
	#retail { padding-top:109px; }
	#md { padding:134px 0 300px; }
} 

@media(max-width:359px) {
	html { font-size:calc(4px + 1.66667vw); }
}

@media(min-width:360px)and (max-width:500px) {
	html { font-size:calc(-4.4px + 4vw); }
}

@media(min-width:390px) {
	html { font-size:11px; }
}

@media(min-width:501px) {
	html { font-size:12px; }
}

@media(min-width:720px)and (hover:hover) and (pointer:fine) {
	html { font-size:18px; }
}