@charset 'UTF-8';

@font-face {
	font-family:'NanumSquareR';
	src:url('https://wwwrod.everland.com/font/NanumSquare/NanumSquareR.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Katuri';
	src:url('https://wwwrod.everland.com/font/Katuri.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}


/* ================================== base styles & helper ================================== */
/* base */
html, body { width:100%; height:100%; margin:0; padding:0; }
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; font-size:100%; }

ul, ol { list-style-type:none; }
a { box-sizing:border-box; color:#333; text-decoration:none; }
a:hover, a:active { text-decoration:none; }
button { margin:0; padding:0; box-sizing:border-box; border:0 none; background-color:transparent; vertical-align:middle; color:#333; font-family:'NanumSquareR', serif; cursor:pointer; outline:none; }
figcaption { display:none; }
img { width:100%; vertical-align:top; }
p, a, h1, h2, h3, h4, h5, h6, li, dl { transform:skew(-0.1deg); }
br.mob { display:block; }
br.web { display:none; }
.hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }


/* ================================== common styles ================================== */
body { position:relative; font-size:13px; font-family:'NanumSquareR', serif; letter-spacing:-0.025em; }

.wrapTop { display:none; }
.wrapTop h1 { left:50%; transform:translateX(-50%); background:url(../img/logo2.png) left top no-repeat; background-size:auto 100%; }
.wrapTop .btnMenu { background:url(../img/btn_menu2.png) no-repeat; background-size:100% auto; }

.contSlider > .slick-arrow { position:absolute; top:-8.334vw; width:1.667vw; height:2.778vw; background:url(../img/nav_arrow.png); background-size:200% auto; text-indent:-9999px; z-index:1; }
.contSlider > .slick-prev { left:8.334vw; background-position:left top; }
.contSlider > .slick-next { right:8.334vw; background-position:right top; }
.contSlider > .slick-arrow.fixed { position:fixed; top:5.556vw; }

.header { position:relative; height:15vw; display:block; overflow:hidden; }
.header h1 { position:absolute; top:0; width:25vw; height:100%; z-index:1; }
.header h1 a { width:100%; height:100%; font-size:0; line-height:0; display:block; overflow:hidden; opacity:0; }
.header .btnMenu { position:absolute; z-index:90; top:0; right:0; width:22.223vw; height:100%; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }

#nav { font-size:6.389vw; padding:2.778vw 0 3.334vw; text-align:center; line-height:1; }
#nav.fixed { position:fixed !important; top:0; left:0; width:100vw; padding:3.612vw 0 3.612vw; background-color:#fff; z-index:1; box-shadow:0px 3px 5px 0px rgba(44, 44, 44, 0.3); }
#nav span { font-family:'Katuri'; color:#844e17; background:none; padding:0; }

#gnb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/bg_gnb.png) no-repeat top; background-size:cover; z-index:100; animation:userleftOpen 0.5s; -webkit-animation:userleftOpen 0.5s; }
#gnb > ul { text-align:center; overflow-y:auto; margin-top:22.223vw; }
#gnb > ul > li { position:relative; padding:5.556vw 0; }
#gnb > ul li.on .sub { display:block; }
#gnb ul li.logo { padding:0; }
#gnb ul li.logo a { display:block; background:url(../img/gnb_logo.png); background-size:100% auto; font-size:0; width:100%; height:41.667vw; margin-bottom:-1.667vw; }
#gnb ul li span { position:relative; display:inline-block; font-family:'Katuri'; font-size:6.389vw; letter-spacing:0; color:#fff; }
#gnb ul li .menu { width:48.334vw; }
#gnb ul li .menu::after { content:''; position:absolute; bottom:-3.334vw; left:50%; transform:translateX(-50%); background:url(../img/arrow_gnb.png); width:3.612vw; height:1.945vw; background-size:7.23vw auto; }
#gnb ul li .menu1::after { background-position:left top; }
#gnb ul li .menu2::after { background-position:left -1.945vw; }
#gnb ul li .menu3::after { background-position:left -3.889vw; }
#gnb ul li .menu4::after { background-position:left bottom; }
#gnb ul li.on .menu1::after { background-position:right top; }
#gnb ul li.on .menu2::after { background-position:right -1.945vw; }
#gnb ul li.on .menu3::after { background-position:right -3.889vw; }
#gnb ul li.on .menu4::after { background-position:right bottom; }
#gnb ul li .menu1, #gnb .sub1 li a { color:#ffefa5; }
#gnb ul li .menu2, #gnb .sub2 li a { color:#ffea00; }
#gnb ul li .menu3, #gnb .sub3 li a { color:#38fbff; }
#gnb ul li .menu4, #gnb .sub4 li a { color:#ffa800; }

#gnb .sub { display:none; }
#gnb .sub li { margin-top:4.445vw; }
#gnb .sub li:first-child { margin-top:8.334vw; }
#gnb .sub li a { font-family:'NanumSquareR'; font-size:5vw; }
#gnb .move { display:none; position:absolute; top:6.112vw; left:2.917vw; width:63.612vw; font-size:0; line-height:0; }
#gnb .close { display:none; position:absolute; top:6.945vw; right:8.334vw; width:4.445vw; height:4.445vw; background:url(../img/btn_close.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; text-indent:-9999px; }

#btnTop { display:none; position:fixed; width:48px; height:48px; right:10px; bottom:10px; background:url(/pick/images/btn-top.png) no-repeat; background-size:100% auto; text-indent:-9999px; z-index:4; }
#btnTop a { display:block; width:100%; height:100%; }

/**** pop up ****/
.body_stop { overflow:hidden; }
.layer_mask { position:fixed; z-index:1000; top:0; left:0; right:0; bottom:0; background:#000; opacity:.7; }
.layer_popup { display:block; visibility:hidden; position:fixed; left:50%; top:50%; z-index:1001; width:100%; height:172.223vw; transform:translate(-50%, -50%); }
.layer_popup .close { position:absolute; top:25.556vw; right:14.723vw; background:url(../img/pop_close.png) no-repeat; width:8.056vw; height:8.056vw; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; cursor:pointer; background-size:100% auto; }


.cont { position:relative; text-align:center; overflow:hidden; color:#fff; }
.cont.welcome::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:83.334vw; background:url(../img/welcome_obj.png) no-repeat; background-size:100% 100%; z-index:0; }
.cont.garden::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:50.556vw; background:url(../img/garden_obj.png) no-repeat; background-size:100% 100%; z-index:0; }
.cont.exper::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:41.667vw; background:url(../img/exper_obj.png) no-repeat; background-size:100% 100%; z-index:0; }
.cont.enter::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:41.667vw; background:url(../img/enter_obj.png) no-repeat; background-size:100% 100%; z-index:0; }
.cont.foodmd::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:33.334vw; background:url(../img/foodmd_obj.png) no-repeat; background-size:100% 100%; z-index:0; }

.cont h1 { left:50%; transform:translateX(-50%); background:url(../img/logo2.png) left top no-repeat; background-size:auto 100%; }
.cont article .img { margin:-1.389vw 0 -2.778vw; }
.cont article:last-child { padding-bottom:27.778vw; }
.cont article h2 { font-family:'Katuri'; font-weight:normal; font-size:8.334vw; margin:6.112vw 0 3.056vw; text-shadow:0px 5px 15px rgba(0, 0, 0, 0.15); }
.cont article h2 span { color:#b16e2c; }
.cont article p { font-size:4.167vw; line-height:1.33; }
.cont .btnMenu { background:url(../img/btn_menu2.png) no-repeat; background-size:100% auto; }
.cont .schedule { text-align:left; margin:6.667vw auto 0; }
.cont .schedule li { font-size:3.612vw; padding-bottom:2.223vw; text-shadow:0px 5px 15px rgba(0, 0, 0, 0.15); }
.cont .schedule li:last-child { padding-bottom:0; }
.cont .schedule li span { position:relative; padding:0 4.445vw 0 3.612vw; }
.cont .schedule li span:before { content:''; position:absolute; top:1px; left:0; width:2.5vw; height:3.056vw; background:url(../img/icon.png) no-repeat; background-size:2.5vw auto; }
.cont .schedule li span::after { content:''; position:absolute; top:50%; right:2.223vw; transform:translateY(-50%); width:1px; height:1.389vw; background:#fff; }
.cont .schedule li em { position:relative; display:inline-block; font-style:normal; font-size:3.334vw; padding-left:1.667vw; } 
.cont .schedule li em::before { content:'*'; position:absolute; left:0; top:3px; }
.cont .schedule li .map:before { background-position:0 top; }
.cont .schedule li .term:before { background-position:0 -3.056vw; }
.cont .schedule li .time:before { background-position:0 -6.112vw; }
.cont .schedule li .price:before { background-position:0 -9.167vw; }
.cont .caution { position:relative; text-align:left; margin:4.445vw auto -0.138vw; }
.cont .caution li { position:relative; font-size:3.056vw; line-height:1.63; padding-left:1.945vw; margin-bottom:0; }
.cont .caution li::before { content:'*'; position:absolute; left:0; top:0; }
.cont .caution li:last-child { margin-bottom:0; }
.cont .imgBox { position:relative; }
.cont .imgBox img:nth-child(n+2){ display:none; }
.cont .imgBox .dots { position:absolute; bottom:8.334vw; left:50%; transform:translate(-50%,0); font-size:0; }
.cont .imgBox .dots li { display:inline-block; width:auto; margin-right:2.223vw; }
.cont .imgBox .dots li:last-child { margin-right:0; }
.cont .imgBox .dots li button { display:block; width:2.778vw; height:2.778vw; background:#fff; border-radius:50%; text-indent:-9999px; box-sizing:content-box; color:transparent; }
.cont .imgBox .dots li button.active { background:#5d00ad; }

.main { height:208.334vw ; background:url(../img/bg_main.jpg) no-repeat top; background-size:100% 100%; }
.main .logo { position:absolute; top:6.528vw; left:7.639vw; z-index:1; }
.main .logo a { display:inline-block; position:relative; width:40vw; height:7.223vw; background:url(../img/logo.png) no-repeat; background-size:100% auto; text-indent:-9999px; }
.main .btnMenu { background:url(../img/btn_menu.png) no-repeat; background-size:100% auto; }
.main h1 { position:absolute; top:0; right:0; left:0; margin-top:10vw; z-index:1; opacity:0; }
.main .scroll { position:absolute; top:110vw; left:50%; transform:translate(-50%,0); }

.welcome { background:url(../img/bg_welcome.jpg) no-repeat top; background-size:100% auto; padding:25vw 0 80vw; }
.welcome article:last-child { padding-bottom:0; }
.welcome article h2 { color:#633a11; text-shadow:none; margin:0 0 5vw; }
.welcome article p { color:#6c3a08; font-size:3.889vw; line-height:1.57; text-shadow:none; }
.welcome .obj { position:absolute; left:0; top:0; width:100%; height:20.834vw; background:url(../img/welcome_obj1.png) no-repeat; background-size:100% 100%; z-index:2; }

.garden { background:#F5B261 url(../img/bg_garden.jpg) no-repeat top; background-size:100% auto; }
.garden article { color:#6c3a08; padding-top:27.778vw; }
.garden .schedule li span:before { background:url(../img/icon_garden.png) no-repeat; background-size:2.5vw auto; }
.garden .schedule li span::after { background:#6c3a08; }
.garden .caution { color:#b06d2b; }
.garden #tksgiving .schedule { width:62.5vw; }
.garden #tksgiving .obj { position:absolute; left:0; top:13.889vw; width:100%; height:21.389vw; background:url(../img/garden_obj1.png) no-repeat; background-size:100% 100%; z-index:2; }
.garden #lessey { position:relative; margin:-1.112vw 0 -10.278vw; }
.garden #lessey .tab { position:absolute; top:28.056vw; right:7vw; font-size:0; cursor:pointer; z-index:53; }
.garden #lessey .tab li { display:inline-block; background:url(../img/tab_lessey1.png) no-repeat; width:32.917vw; height:13.056vw; background-size:65.833vw auto; }
.garden #lessey .tab.on li { background:url(../img/tab_lessey2.png) no-repeat; width:32.917vw; height:13.056vw; background-size:65.833vw auto; }
.garden #lessey .tab li:first-child { background-position:left top; }
.garden #lessey .tab li:last-child { background-position:right top; }
.garden .event_mission .bx-controls-direction > a { position:absolute; top:50.85%; transform:translateY(-50%); width:3.056vw; height:5.278vw; background:url(../img/arrow_lessey.png); background-size:6.112vw auto; text-indent:-9999px; z-index:50; }
.garden .event_mission .bx-controls-direction .bx-prev { left:7.5vw; }
.garden .event_mission .bx-controls-direction .bx-next { right:7.5vw; background-position:right top; }
.garden .event_mission .page { height:172.223vw; }
.garden .event_mission .page1 { background:url(../img/bg_bookGarden1.png) no-repeat; background-size:100% auto; padding-top:75vw; }
.garden .event_mission .page1 h2 { text-shadow:none; margin:0 0 3.473vw; }
.garden .event_mission .page1 .schedule { width:37.5vw; margin-top:2.278vw; }
.garden .event_mission .page1 .caution { width:56vw; margin:2.278vw auto 0; }
.garden .event_mission .page1 .btn { margin-top:3.334vw; }
.garden .event_mission .page2 { background:url(../img/bg_bookGarden2.png) no-repeat; background-size:100% auto; padding-top:22.778vw; }
.garden .event_mission .page2 h2 { text-shadow:none; margin:0 0 5vw; }
.garden .event_mission .page2 h3 { font-size:3.056vw; font-weight:normal; color:#b06d2b; margin-top:-3.334vw; }
.garden .event_mission .page2 dl { font-size:4.167vw; }
.garden .event_mission .page2 dt { display:inline-block; font-weight:bold; background:url(../img/txtBg_mission.png) no-repeat bottom center; background-size:100% auto; width:17.5vw; }
.garden .event_mission .page2 dd { position:relative; line-height:1.33; margin:2.778vw 0 5vw; padding-bottom:4.445vw; }
.garden .event_mission .page2 dd::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:83.334vw; height:1px; background:url(../img/line_lessey.png) no-repeat; background-size:100% auto; }
.garden .event_mission .page2 dd:last-child:after { content:none; }
.garden .event_mission .page2 .caution { width:65vw; margin:0.556vw auto 0; }
.garden .event_mission .page2 .btn { margin-top:4.445vw; }
.garden .event_mission .page2 .obj { position:absolute; right:0; top:129vw; width:36.667vw; height:45.834vw; background:url(../img/garden_obj2.png) no-repeat; background-size:100% 100%; z-index:2; }
.garden .event_hashtag { display:none; height:172.223vw; background:url(../img/bg_bookGarden3.png) no-repeat; background-size:100% auto; padding-top:75vw; }
.garden .event_hashtag p { line-height:1.45; text-shadow:none; }
.garden .event_hashtag p + p { margin-top:2.223vw; }
.garden .event_hashtag .hash { font-family:'Katuri'; font-size:4.445vw; color:#6c3a08; text-align:left; padding-left:25.834vw; width:81vw; margin:4.167vw auto 0; }
.garden .event_hashtag .hash dt { position:absolute; left:0; top:0; }
.garden .event_hashtag .hash dd { display:inline-block; }
.garden .event_hashtag .hash dd:nth-child(2) { width:19.167vw; background:url(../img/txtBg_hashtag1.png) no-repeat bottom center; background-size:100% auto; }
.garden .event_hashtag .hash dd:nth-child(3) { width:21.667vw; background:url(../img/txtBg_hashtag2.png) no-repeat bottom center; background-size:100% auto; }
.garden .event_hashtag .hash dd:nth-child(4) { width:11.945vw; background:url(../img/txtBg_hashtag3.png) no-repeat bottom center; background-size:100% auto; }
.garden .event_hashtag .hash dd:nth-child(5) { width:39.723vw; background:url(../img/txtBg_hashtag4.png) no-repeat bottom center; background-size:100% auto; }
.garden .event_hashtag .txt_info { margin-top:4.167vw; }
.garden .event_hashtag .txt_info p { font-size:3.612vw; }
.garden .event_hashtag .txt_info p + p { margin-top:0.556vw; }
.garden #plant .schedule { width:61vw; }
.garden #kochia .schedule { width:56vw; }

.exper { background:#471f7b url(../img/bg_exper.jpg) no-repeat top; background-size:100% auto; }
.exper article { padding-top:27.778vw; }
.exper #train .schedule { width:61.5vw; }
.exper #train .schedule li:first-child { line-height:1.38; padding-left:14.445vw; }
.exper #train .schedule li:first-child span { position:absolute; left:0; }
.exper #safari .schedule { width:69vw; }
.exper #safari .btn { display:block; margin-top:6.667vw; }
.exper #dress .schedule { width:40vw; }
.exper #dress .btn { display:block; margin-top:6.667vw; }

.enter { background:#5948eb url(../img/bg_enter.jpg) no-repeat top; background-size:100% auto; }
.enter article { position:relative; padding-top:27.778vw; }
.enter .schedule { width:62.5vw; }
.enter .caution { width:83vw; }
.enter #party .obj { position:absolute; left:0; top:0; width:100%; height:41.667vw; background:url(../img/enter_obj1.png) no-repeat; background-size:100% 100%; z-index:2; }
.enter #carnival .schedule { width:80vw; }
.enter #carnival .obj { position:absolute; left:0; top:7vw; width:100%; height:33.334vw; background:url(../img/enter_obj2.png) no-repeat; background-size:100% 100%; z-index:2; }
.enter #multimedia h2 { margin-bottom:5vw; }
.enter #multimedia h2 small { display:block; position:relative; top:1.389vw; font-size:5.556vw; }

.foodmd { font-family:'Katuri'; background:#D884BF url(../img/bg_foodmd.jpg) no-repeat top; background-size:100% auto; }
.foodmd article { padding-top:27.778vw; }
.foodmd article h2 { font-size:8.334vw; line-height:1.16; margin:-1.112vw 0 5vw; }
.foodmd article h2 small { font-size:6.945vw; }
.foodmd #food ul { margin:0 2.778vw; }
.foodmd #food ul::after { content:''; display:block; clear:both; }
.foodmd #food ul li { float:left; width:calc(50% - 2.778vw); font-size:3.612vw; margin:0 1.389vw 11.112vw; }
.foodmd #food ul li:last-child { margin-bottom:0; }
.foodmd #food ul li p { margin:2.223vw 0 1.11vw; text-shadow:0px 5px 15px rgba(0, 0, 0, 0.15); }
.foodmd #food .schedule { text-align:center; }
.foodmd #food .schedule li { width:100%; margin:0; }
.foodmd #food .tks { margin-top:30.556vw; }

.foodmd #md .tks, .foodmd #md .blood {position: relative;}
.foodmd #md .tks h2 { margin:-1.112vw 0 3.661vw; }
.foodmd #md .blood { margin-top:25vw; }
.foodmd #md .blood h2 { margin:-1.112vw 0 2.223vw; }
.foodmd #md .tks::before { content:''; position:absolute; left:0; top:35vw; width:100%; height:15.278vw; background:url(../img/md_obj1.png) no-repeat; background-size:100% 100%; z-index:52; }
.foodmd #md .tks::after { content:''; position:absolute; left:0; bottom:-10vw; width:100%; height:38.889vw; background:url(../img/md_obj2.png) no-repeat; background-size:100% 100%; z-index:52; }
.foodmd #md .blood::before { content:''; position:absolute; left:0; top:0; width:100%; height:36.112vw; background:url(../img/md_obj3.png) no-repeat; background-size:100% 100%; z-index:52; }
.foodmd #md .blood::after { content:''; position:absolute; left:0; bottom:-4.5vw; width:100%; height:27.778vw; background:url(../img/md_obj4.png) no-repeat; background-size:100% 100%; z-index:52; }
.foodmd #md .bx-controls-direction > a { position:absolute; top:55%; transform:translateY(-50%); width:2.778vw; height:4.723vw; background:url(../img/arrow.png); background-size:5.556vw auto; text-indent:-9999px; z-index:50; }
.foodmd #md .bx-controls-direction .bx-prev { left:4.167vw; }
.foodmd #md .bx-controls-direction .bx-next { right:4.167vw; background-position:right top; }
.foodmd #md .tks p, .foodmd #md .blood p { font-size:8.334vw; }
.foodmd #md .btn { display:block; margin:11.112vw 0 -2.778vw; }

@media (max-width:280px) { 
	.garden .event_mission .page1 .caution { width:64vw; }
	.garden .event_mission .page2 .caution { width:74vw; }
	.enter .caution { width:93vw; }
}