@charset "utf-8";

/******************** wrapper ********************/
#wrapper {position:relative; overflow:hidden;}










/******************** header ********************/
#header {position:fixed; left:0; top:0; width:100%; background:#fff; z-index:300;}

/***** head *****/
#header .head {width:100%; height:59px; height:16.389vw; padding:15.333px 15px; padding:4.259vw 4.167vw; box-sizing:border-box;}
#header .logo {height:28.333px; height:7.870vw;}
#header .logo img {height:100%; width:auto;}
#header .menu_btn {display:block; position:absolute; right:15px; right:4.167vw; top:15.333px; top:4.259vw; width:28.333px; width:7.870vw; height:28.333px; height:7.870vw;}
#header .menu_btn img {height:100%; width:auto;}

/***** lnb *****/
.main #lnb {display:none;}
#lnb {position:relative; border-top:1px solid #ddd; border-top:0.278vw solid #ddd; background:#fff;}
/* lnb_1depth */
#lnb .lnb {position:relative; z-index:100; padding:0 15px; padding:0 4.167vw; height:81px; height:22.5vw; text-align:center;}
.lnb > ul {overflow:hidden; overflow-x:auto; width:100%; height:100%; white-space:nowrap;}
.lnb > ul > li {display:inline-block; padding:0 11px; padding:0 3.056vw; vertical-align:top;}
.lnb > ul > li > a {position:relative; display:block; height:45px; height:12.5vw; font-size:14px; font-size:3.889vw; color:#333; font-weight:400; letter-spacing:-1px; letter-spacing:-0.278vw; line-height:48px; line-height:13.333vw;}
.lnb > ul > li > a:active, .lnb > ul > li.on > a {color:#000; font-weight:bold;}
.lnb > ul > li.on > a > span {position:absolute; bottom:0; left:-11px; left:-3.056vw; right:-11px; right:-3.056vw; display:block; height:3px; height:0.833vw; background:#7bc24b;}
/* lnb_2depth */
.lnb_2depth {display:none; position:absolute; top:45px; top:12.5vw; left:0; width:100%; text-align:left;}
.lnb_2depth ul {padding:0 15px; padding:0 4.167vw; overflow:hidden; overflow-x:auto;}
.lnb_2depth li {display:inline-block; height:36px; height:10vw; padding:0 11px; padding:0 3.056vw;}
.lnb_2depth li a {display:block; font-size:13px; font-size:3.611vw; color:#fff; font-weight:400; letter-spacing:-1px; letter-spacing:-0.278vw; line-height:36px; line-height:10vw;}
.lnb_2depth li a:active, .lnb_2depth li.on > a {font-weight:bold;}
#lnb li.on .lnb_2depth {display:block;}
#lnb .bg {position:absolute; z-index:1; bottom:0; left:0; width:100%; height:36px; height:10vw; border-top:1px solid #efefef; background:#7bc24b;}

/***** menu *****/
#menu {position:fixed; left:0px; top:0px; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:9999;}
.menu_box {position:fixed; right:0; top:0px; bottom:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; width:70%; min-height:100%; color:#333; background:#fff; z-index:999;}
.menu_box a {display:block; color:#333; text-decoration:none;}
.menu_touch {position:fixed; top:0; left:0; bottom:0; overflow:hidden; width:20%; min-height:100%; z-index:999;}
/* side_menu_top */
.side_menu_top {padding:20px 19px; padding:5.556vw 5.278vw; border-bottom:1px solid #efefef; font-size:18px; font-size:5vw; color:#000; line-height:1; text-align:center;}
.menu_box_home {position:absolute; left:19px; left:5.278vw; top:20px; top:5.556vw; z-index:1000;}
.menu_box_home img {width:18px; width:5vw; height:auto;}
.menu_box_close {position:absolute; right:19px; right:5.278vw; top:20px; top:5.556vw; z-index:1000;}
.menu_box_close img {width:18px; width:5vw; height:auto;}
.side_menu_top span {display:inline-block; margin-top:15px; margin-top:4.167vw; padding:8px 24px; padding:2.22vw 6.667vw; border:1px dashed #b5b5b5; border-radius:100px; font-size:13px; font-size:3.611vw; font-weight:200; line-height:1; color:#666;}
.side_menu_top span strong {margin-right:5px; margin-right:1.389vw; font-weight:500; font-size:12px; font-size:3.333vw; color:#000; }
.side_menu_top span a {display:inline-block;}
/* side_menu_1depth */
.side_menu {font-size:15px; font-size:4.167vw;}
.side_menu li {border-bottom:1px solid #efefef; letter-spacing:-1px; letter-spacing:-0.278vw;}
.side_menu li span a:active {font-weight:500; color:#000;}
.side_menu li.on span a {font-weight:500; color:#000;}
.side_menu li span {padding:16px 17px; padding:4.444vw 4.722vw; display:block; font-weight:normal;}
/* side_menu_2depth */
.side_menu_2depth {overflow:hidden; padding:9px 17px 12px; padding:2.500vw 4.722vw 3.333vw; border-top:1px solid #efefef; background:#f4f4f4;}
.side_menu_2depth li {border:none; float:left; width:50%; font-size:13px; font-size:3.611vw; color:#777; padding:3px 0; padding:0.833vw 0; line-height:2;}
.side_menu_2depth li a {display:initial; color:#777;}
.side_menu_2depth li a:active {color:#000; font-weight:500; color:#000;}
.side_menu_2depth li.on a {color:#000; font-weight:500; color:#000;}

/* side_menu depth3 */
.menu3dep {overflow:hidden; margin:15px 15px 0; margin:4.167vw 4.167vw 0; padding:15px; padding:4.167vw; border:1px dashed #ccc; border:0.278vw dashed #ccc; }
.menu3dep > li {float:left; z-index:1; position:relative; margin:4px 3px; margin:1.111vw 0.833vw; padding:6px 18px; padding:1.667vw 5vw; background:#f5f5f5; color:#999; line-height:1; font-size:13px; font-size:3.611vw; border-radius:2px; border-radius:0.556vw;}

.menu3dep > li.on {z-index:2; background:#333; color:#fff;}



/******************** footer ********************/
.footer {position:relative; z-index:100; clear:both; margin-top:30px; margin-top:8.333vw; background:#4a4a4a; text-align:left; word-break:keep-all;}

.foot_txt {margin: 6.944vw 4.167vw; font-size: 3.611vw; font-weight: bold; color: #7bc24b; word-break: break-all;}
/***** top *****/
#top {position:fixed; right:15px; right:4.167vw; bottom:15px; bottom:4.167vw; display:block; z-index:250; width:40px; width:11.111vw; height:40px; height:11.111vw; background:#000; border-radius:50%;}
#top img {width:100%; height:100%;}

/***** fnb *****/
.fnb {display:table; width:100%; border-bottom:1px solid #666; border-bottom:0.278vw solid #666;}
.fnb li {display:table-cell; width:33.333%; height:48.333px; height:13.426vw; border-left:1px solid #666; border-left:0.278vw solid #666; vertical-align:middle; text-align:center; box-sizing:border-box;}
.fnb li:first-child {border:none;}
.fnb li a {color:#fff; font-size:13px; font-size:3.611vw; font-weight:bold;}

.fnb_menu {overflow:hidden; margin:25px 15px; margin:6.944vw 4.167vw;}
.fnb_menu li {display:inline-block; padding:10px 30px; padding:2.778vw 8.333vw; margin:0 2px; margin:0 0.556vw; border-radius:5px; border-radius:1.389vw; background:#666; line-height:1;}
.fnb_menu li a {color:#fff; font-size:13px; font-size:3.611vw; font-weight:bold;}
.fnb_menu li.sns {float:right; text-indent:-99999px; background:url("../image/common/foot_insta.png") center center no-repeat; background-size:auto 100%; padding:0; vertical-align:top;}
.fnb_menu li.sns a {display:block; width:35px; width:9.722vw; height:35px; height:9.722vw;}

/***** foot *****/
.foot {padding:0 15px 40px; padding:0 4.167vw 11.111vw; color:#fff; font-size:13px; font-size:3.611vw; line-height:22px; line-height:6.111vw;}
.foot p {margin:15px 0 0; margin:4.167vw 0 0; }
.foot p span {color:#fff; font-weight:bold;}





/******************** main ********************/
/***** main_visual  *****/
.main_visual {position:relative; z-index:200; padding-top:59px; padding-top:16.389vw;}
/* swiper-container */
.swiper-container {padding:0; margin:0; height:337px; height:93.661vw;}
.swiper-wrapper {position:relative; width:100%; height:100%;}
.swiper-wrapper img {width:100%; height:100%;}
.swiper-slide div {position:absolute; bottom:0; left:0; z-index:500; display:table; padding-bottom:2px; padding-bottom:0.556vw; width:100%;}
.swiper-slide p {display:table-cell; width:100%; height:337px; height:93.661vw; background:url("../image/main/visual_txt.png") center center no-repeat; background-size:100% auto; text-indent: -999999px;}
.swiper-slide p.festival {background:url("../image/main/visual_txt202507.png") center center no-repeat; background-size:100% auto;}
.swiper-slide p.happyforest {background:url("../image/main/visual_txt05.png") center center no-repeat; background-size:100% auto;}
.swiper-slide p.exhibition {background:url("../image/main/visual_txt13.png") center center no-repeat; background-size:100% auto;}

/* swiper-pagination */
/* swiper-pagination */
.swiper-pagination {z-index:999999 !important; top:300px !important; top:83.333vw !important; width:100% !important; text-align:center;}
.swiper-pagination .swiper-pagination-bullet {display:inline-block !important; margin:0 2px 20px !important; margin:0 0.556vw 5.556vw !important; width:8px !important; width:2.222vw !important; height:8px !important; height:2.222vw !important; border-radius:50% !important; background:none !important; border:3px solid #fff !important; border:0.278vw solid #fff !important; transform:none !important;}
.swiper-pagination .swiper-pagination-bullet-active {background:#7bc24b !important; border-color:#7bc24b !important;}

.swiper-button-next, .swiper-button-prev {display:none;}

/***** main_contents  *****/

#main_contents > div {position:relative; z-index:10; padding:35px 15px 0; padding:9.722vw 4.167vw 0;}
#main_contents2 > div {position:relative; z-index:10; padding:35px 15px 0; padding:9.722vw 4.167vw 0;}

/***** shortcuts  *****/
#main_contents .shortcuts {padding-left:0; padding-right:0; padding-bottom:25px; padding-bottom:6.944vw; background:url("../image/main/shortcuts_bg.jpg") left top no-repeat; background-size:cover;}
#main_contents .shortcuts h2 {margin-bottom:30px; margin-bottom:8.333vw;  padding:0 10px; padding:0 2.778vw;font-size:28px; font-size:7.778vw; color:#7bc24b; letter-spacing:-2px; letter-spacing:-0.556vw; text-align:center;}
#main_contents .shortcuts h2 b {color:#2f7400;}
#main_contents .shortcuts h2 span {display:block; margin-top:10px; font-size:15px; font-size:4.167vw; font-weight:normal; color:#666; letter-spacing:-1px; letter-spacing:-0.278vw;}

#main_contents .shortcuts ul {overflow:hidden; padding:0 10px; padding:0 2.778vw;}
#main_contents .shortcuts li {float:left; width:25%; margin-bottom:20px; margin-bottom:5.556vw; text-align:center;}
#main_contents .shortcuts a {color:#000; font-size:13px; font-size:3.611vw; font-weight:bold; line-height:1.1;}
#main_contents .shortcuts a:active {color:#f7951b;}
#main_contents .shortcuts li span {display:block; margin:0 auto 7px; margin:0 auto 1.944vw; width:65px; width:18.056vw; height:65px; height:18.056vw; background:#ddd; border:1px solid #eee; border-radius:100%;}

#main_contents .shortcuts .shortcuts_ic06 a {text-align: left;}

#main_contents .shortcuts .shortcuts_ic01 span {background:#fff url("../image/main/shortcuts_ic01.png") center center no-repeat; background-size:contain;}
#main_contents .shortcuts .shortcuts_ic02 span {background:#fff url("../image/main/shortcuts_ic02.png") center center no-repeat; background-size:contain;}
#main_contents .shortcuts .shortcuts_ic03 span {background:#fff url("../image/main/shortcuts_ic03.png") center center no-repeat; background-size:contain;}
#main_contents .shortcuts .shortcuts_ic04 span {background:#fff url("../image/main/shortcuts_ic04.png") center center no-repeat; background-size:contain;}
#main_contents .shortcuts .shortcuts_ic05 span {background:#fff url("../image/main/shortcuts_ic05.png") center center no-repeat; background-size:contain;}
#main_contents .shortcuts .shortcuts_ic06 span {background: url("../image/main/shortcuts_ic06.png") center center no-repeat; background-size:contain;}
#main_contents .shortcuts .shortcuts_ic07 span {background: url("../image/main/shortcuts_ic07.png") center center no-repeat; background-size:contain; width:55px; height:55px; width:15.278vw; height:15.278vw; margin:0 10px 0 0;}


#main_contents .shortcuts ul.short_banner {margin:0 20px; margin:0 5.556vw; background:#fff url("../image/main/shortcuts_icbg.jpg") center center no-repeat; background-size:cover;; border-radius:100px; border-radius:27.778vw; border:1px solid #eee; border:0.278vw solid #eee; text-align:center;} 
#main_contents .shortcuts ul.short_banner li {display:inline-block; float:none; width:48%; margin:0; vertical-align: middle;}
#main_contents .shortcuts ul.short_banner li a {display:block; overflow: hidden; padding:5px 0; padding:1.389vw 0;}
#main_contents .shortcuts ul.short_banner li span {display:inline-block; border:none; border-radius:0; vertical-align:middle;}

#main_contents div h2 {margin-bottom:13px; margin-bottom:3.661vw; color:#000; font-size:22px; font-size:6.111vw; font-weight:bold;}
#main_contents div .more {position:absolute; top:46px; top:12.778vw; right:15px; right:4.167vw; color:#777; font-size:12px; font-size:3.333vw; font-weight:bold; font-style:italic;}
#main_contents div .more span {display:inline-block; margin-left:5px; margin-left:1.389vw; width:11px; width:3.056vw; height:11px; height:3.056vw; background:url("../image/main/more.png") 0 0 no-repeat; background-size:contain;}

#main_contents2 div h2 {margin-bottom:13px; margin-bottom:3.661vw; color:#000; font-size:22px; font-size:6.111vw; font-weight:bold;}
#main_contents2 div .more {position:absolute; top:46px; top:12.778vw; right:15px; right:4.167vw; color:#777; font-size:12px; font-size:3.333vw; font-weight:bold; font-style:italic;}
#main_contents2 div .more span {display:inline-block; margin-left:5px; margin-left:1.389vw; width:11px; width:3.056vw; height:11px; height:3.056vw; background:url("../image/main/more.png") 0 0 no-repeat; background-size:contain;}


/* 메이즈랜드 가이드맵 */
.main_guidemap { width:auto; padding:0 30px 30px; padding:0 8.333vw 8.333vw; border-bottom:1px dashed #ccc; border-bottom:0.278vw dashed #ccc; background:#f9f9f9; color:#fff;}
.main_guidemap > a {display:block; padding:8px 20px 8px 50px; border:none; border-radius:100px; background:#4e97d1 url("../image/main/icon_map.png") 65px 50% no-repeat; background-size:5% auto; width:auto; height:auto; text-align:center;}
.imageMap_wrap { z-index: 9999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;}
.imageMap_wrap .map_header { z-index: 9999; position: absolute; top: 15px; left: 50%; width: 500px; height: 55px; margin-left: -250px; }
.imageMap_wrap .map_header .inner { position: relative; width: 100%; height: 100%; background-color: #fff; border-radius: 100px;}
.imageMap_wrap .map_header .title { position: relative; padding-left: 30px; box-shadow: 17px 17px 18px rgba(0,0,0,0.2); font-size: 15px; font-weight: 600; line-height: 55px; text-align:left; color:#000;  border-radius: 100px;}
.imageMap_wrap .map_header .zoom_wrap { display: none; }
.imageMap_wrap .map_header .button_basic { position: absolute; top: 10px; right: 30px; padding:6px 20px; }
#image-map { width: 100%; height: 100%; border: 1px solid #ccc; margin: 0 auto; }

@media (max-width:500px) {     
    .imageMap_wrap .map_header {width:90%; left:0; margin-left:5%;}

}
@media (min-width:1025px) {
    .imageMap_wrap .map_header .zoom_wrap { display: block; position: absolute; top: 50%; left: 50%; width: 157px; height: 30px; margin-top: -15px; margin-left: -78.5px; }
    .imageMap_wrap .map_header .zoom_wrap .zoom_btn { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 1px solid #c1c1c1; background: url("../image/main/icon_plus.png") no-repeat center; text-indent: -9999px; }
    .imageMap_wrap .map_header .zoom_wrap .zoom_in{ left: auto; right: 0; }
	.imageMap_wrap .map_header .zoom_wrap .zoom_out {  background: url("../image/main/icon_minus.png") no-repeat center; }
    .imageMap_wrap .map_header .zoom_wrap .zoom_pagination { position: absolute; top: 13px; left: 50px; font-size: 0; }
    .imageMap_wrap .map_header .zoom_wrap .zoom_pagination > span { display: inline-block; width: 13px; height: 4px; background-color: #c1c1c1; margin: 0 3px; }
    .imageMap_wrap .map_header .zoom_wrap .zoom_pagination > span.on { background-color: #4e97d1; }
    .imageMap_wrap .map_header .btn_close { display: block; }
}

/***** notice *****/
#main_contents2 .notice img {width:100%; height:auto; border-radius:10px; border-radius:2.778vw;}
#main_contents2 .notice ul {background:#fff;}
#main_contents2 .notice li {padding:17px 8px; padding:4.722vw 2.222vw; border-bottom:1px dotted #ddd; border-bottom:0.278vw dotted #ddd;}
#main_contents2 .notice li .subject {display:block; color:#000; font-size:16px; font-size:4.444vw; font-weight:bold;}
#main_contents2 .notice li .comment {display:none; padding:10px 0 17px; padding:2.778vw 0 4.722vw; color:#333; font-size:14px; font-size:3.889vw; word-break:keep-all;}
#main_contents2 .notice li .date {display:none; color:#999; font-size:13px; font-size:3.611vw;}
#main_contents2 .notice li:first-child .subject {font-size:18px; font-size:5.000vw;}
#main_contents2 .notice li:first-child .comment {display:block;}
#main_contents2 .notice li:first-child .date {display:block;}
#main_contents2 .notice a:active * {color:#f7951b !important; -webkit-tap-highlight-color:transparent !important;}

/***** photo *****/
#main_contents2 .photo {padding-bottom:15px; padding-bottom:4.167vw; border-bottom:1px dashed #ccc; border-bottom:0.278vw dashed #ccc;}
#main_contents2 .photo li .pic {display:block; overflow:hidden; border-radius:10px; border-radius:2.778vw; width:100%; height:150px; height:41.667vw; text-align:center;}
#main_contents2 .photo .pic img {width:100% !important; height:auto !important;}
#main_contents2 .photo .pic.noimg {background:#999 url("../../../../wpbbs/image/noimg.png") center center no-repeat;}
#main_contents2 .photo .pic.noimg img {display:none;}

#main_contents2 .photo .date {display:none; margin-bottom:5px; margin-bottom:1.389vw; letter-spacing:-0.5px; letter-spacing:-0.138vw; color:#777;}
#main_contents2 .photo .subject {display:block; color:#000; margin:10px 0 20px; margin:2.778vw 0 5.556vw; font-size:14px; font-size:3.889vw; font-weight:bold;}




/* banner */
#main_contents2 .banner ul {display:table; padding:26px 0 24px; padding:7.222vw 0 6.667vw; width:100%;}
#main_contents2 .banner li {position:relative; display:table-cell; text-align:center; vertical-align:middle;}
#main_contents2 .banner li a {font-size:15px; font-size:4.167vw; font-weight:bold;}
#main_contents2 .banner li a:active {color:#95e125 !important; -webkit-tap-highlight-color:transparent !important;}
#main_contents2 .banner li span {position:absolute; top:50%; left:-0.333px; left:-0.093vw; margin-top:-6px; margin-top:-1.667vw; display:block; width:0.667px; width:0.185vw; height:12px; height:3.333vw; background:#86978f;}












/******************** sub_layout ********************/
#sub_visual {position:relative; padding-top:140px; padding-top:38.889vw;}
#sub_visual > div {height:160px; height:44.444vw; background:#000 url("../image/common/sub_visual_bg.jpg") no-repeat center top; background-size:cover; text-align:center; color:#fff; font-size:36px; font-size:10vw; font-weight:300; line-height:160px; line-height:44.444vw;}
#location {display:none;}
.content {overflow:hidden; clear:both; position:relative; padding:30px 15px 50px; padding:8.333vw 4.167vw 13.889vw;}










/******************** media ********************/
@media screen and (orientation: landscape) {
    #header {position:absolute;}
}