@charset "utf-8";
/*임시팝업*/
#popup_layer_center{display:block;position:fixed;width:100%;height:100%;background:#0000005c;text-align:center;padding-top:30px;z-index:10000000000;overflow-y:scroll}
#popup_layer_center span.popup-img{max-width:/*1200*/1365px;display:inline-block;font-size:0;background:#fff}
#popup_layer_center span.popup-img .popup-img01,
#popup_layer_center span.popup-img .popup-img02,
#popup_layer_center span.popup-img .popup-img03{display:inline-block;vertical-align:top}
#popup_layer_center span.popup-img .popup-img01 img{max-width:600px}

#popup_layer_center a,
#popup_layer_center label{color:white}
#popup_layer_center span{}
#popup_layer_center .popup-bottom{background:rgba(0,0,0,.6);text-align:left;padding:10px;font-size:1rem}
#popup_layer_center .popup-bottom label{width:98%}
#popup_layer_center .popup-bottom label input{}
#popup_layer_center .popup-bottom label .popup-close{float:right}
#popup_layer_center .popup-bottom label .popup-close a{}

@media all and (max-width:599px){
    #popup_layer_center span.popup-img .popup-img01 img{max-width:100%}
}

/* Main CSS Document */
#new_popup{width:866px; height:505px; text-align:center; position:absolute; top: 0; border: 3px solid #000; z-index: 9999999999; }
#new_popup .img01{float: left; width:50%; border-right: 1px solid #000;}
#new_popup .img02{float: left; width:50%; border-left: 1px solid #000;}
#new_popup .img01 img, #new_popup .img02 img{width:100%;}
#new_popup .close div{float:left; text-align:right;}
#new_popup #check{font-size:12px; font-family:'돋움'; color: #000; position:absolute; bottom:5px; right:45px; }
#new_popup #close{font-size:12px; position:absolute; bottom:5px; right:10px; }
#new_popup #close a { color:#fff; padding: 2px 3px; background: #000; }
@media all and (max-width:1000px){
#new_popup{width:95%; height:auto;}
#new_popup img{width:100%;}
}
/*모바일메뉴 메인ver ****************/
.mHeader{top: auto!important;}

.main_content{height:100%}

/*상단 레이어 팝업 ****************/
.popup_layer{position: relative; width: 100%; height: 154px; z-index: 100000;}
.popup_layer .pl_inner{position: fixed; left: 0; top: 0; width: 100%; height: 154px; background:#000/*#db291d*/; overflow: hidden;}
.popup_layer .pl_inner .popup_img{height: 154px; background-position: center; }
.popup_layer .pl_inner .img01{background-image: url(/wetland/images/main/popup_img75.jpg);}
.popup_layer .pl_inner .img02{background-image: url(/wetland/images/main/popup_img76.jpg);}
.popup_layer .pl_inner .popup_img a{display: inline-block; width: 100%; height: 154px; text-indent: -99999px;}
.popup_layer .pl_inner .popup_img a:focus{border: 1px dotted #000;}
.popup_layer .pl_inner .popup_control{position: absolute; right: 300px; bottom: 5px; height: 33px; padding: 0 15px; line-height: 28px; background: rgba(0,0,0,.8); border-radius: 30px; text-align: right;}
.popup_layer .pl_inner .popup_control ul li{display: inline-block;}
.popup_layer .pl_inner .popup_control ul li a{display: block; padding: 0 6px;}
.popup_layer .pl_inner .popup_close{display: inline-block; position: absolute; right: 100px; bottom: 7px; width: 220px; height: 23px; z-index:100; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.popup_layer .pl_inner .popup_close input{float: left; display: block; margin: 7px 5px 0 0; padding: 0; width: 14px; height: 14px;}
.popup_layer .pl_inner .popup_close label{float: left; display: block; margin: 0 15px 0 0; color: #fff;}
.popup_layer .pl_inner .popup_close p.popup_close_btn{float: right;}
.popup_layer .pl_inner .popup_close p.popup_close_btn a{display: block; padding: 0 7px 1px; color: #fff; background: #000;}

.pl_inner .bx-prev{position: absolute; left: 50px; top: 50%; width: 70px; height: 70px; background: url(/wetland/images/main/slider_control_prev.png) no-repeat; text-indent: -9999px;}
.pl_inner .bx-next{position: absolute; right: 50px; top: 50%; width: 70px; height: 70px; background: url(/wetland/images/main/slider_control_next.png) no-repeat; text-indent: -9999px;}
.pl_inner .bx-pager{display: block; position: absolute; bottom: 2px; right: calc(345px); padding: 0; margin: 0 auto; line-height: 29px; text-align: center; z-index: 1000;}
.pl_inner .bx-pager-item{display: inline-block; width: 17px;}
.pl_inner .bx-pager-item a{background-image: url(/wetland/images/main/slider_control_off.png); background-repeat: no-repeat; background-position: center; text-indent: -10000px; display:block;}
.pl_inner .bx-pager-item a.active{background-image: url(/wetland/images/main/slider_control_on.png);}
.pl_inner .bx-controls-auto{display: block; position: absolute; bottom: 2px; right: calc(325px); margin: 0 auto; line-height: 29px; text-align: center; z-index: 1000;}
.pl_inner .bx-controls-auto .bx-controls-auto-item{float: left;}
.pl_inner .bx-controls-auto .bx-controls-auto-item a{display: block; width: 17px; background-repeat: no-repeat; background-position: center; text-indent: -10000px;}
.pl_inner .bx-controls-auto .bx-controls-auto-item a.bx-start{background-image: url(/wetland/images/main/slider_control_play.png);}
.pl_inner .bx-controls-auto .bx-controls-auto-item a.bx-stop{background-image: url(/wetland/images/main/slider_control_stop.png);}
.pl_inner .bx-controls-auto .bx-controls-auto-item a.bx-start.active{}
.pl_inner .bx-controls-auto .bx-controls-auto-item a.bx-stop.avtice{}
@media only screen and (max-width: 1223px){
	.popup_layer .pl_inner .popup_img{background-repeat:no-repeat}
	.popup_layer .pl_inner .img01{background-image:url(/wetland/images/main/popup_img75_tbl.jpg)}
	.popup_layer .pl_inner .img02{background-image:url(/wetland/images/main/popup_img76_tbl.jpg)}
	.popup_layer .pl_inner .popup_close{right:5px;width:193px}
	.pl_inner .bx-pager{right: calc(225px)}
	.pl_inner .bx-controls-auto{right: calc(203px)}
}
@media only screen and (max-width: 1000px){
	.popup_layer .pl_inner .img01{background-image: url(/wetland/images/main/popup_img75_mo.jpg);}
	.popup_layer .pl_inner .img02{background-image: url(/wetland/images/main/popup_img76_mo.jpg);}
}
@media only screen and (max-width: 500px){
	.popup_layer .pl_inner .img01{background-image: url(/wetland/images/main/popup_img75_mo_s.jpg);}
	.popup_layer .pl_inner .img02{background-image: url(/wetland/images/main/popup_img76_mo_s.jpg);}
}
@media only screen and (max-width: 320px){
    .popup_layer .pl_inner .popup_img{;background-size:100%}
    .popup_layer .pl_inner .img01{background-image: url(/wetland/images/main/popup_img75_mo_ss.jpg);}
    .popup_layer .pl_inner .img02{background-image: url(/wetland/images/main/popup_img76_mo_ss.jpg);}
}

.header_wrap{top: auto!important;}

/*화면이동버튼********************/
#fp-nav{display: none;}

.quick_nav{position: fixed; right: 2.5%; top: 50%; width: 150px; margin-top: -90px; z-index:1;}
.quick_nav a{display: block; height: 50px; padding-top: 15px; padding-right: 40px; font-size: 14px; color: #fff!important; text-align: right; line-height: 125%; box-sizing: border-box; background: url(/wetland/images/main/quick_nav_bg.png) no-repeat right;}
.quick_nav a span{display: none; color: #fff!important;}
.quick_nav li:hover a,
.quick_nav li:focus a,
.quick_nav li.active a{padding-top:7px; font-size:18px; background:url(/wetland/images/main/quick_nav_bgActive.png) no-repeat right 14px; transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);}
.quick_nav li:hover a span,
.quick_nav li:focus a span,
.quick_nav li.active a span{display: block;}

.quick_nav_blue{position: fixed; right: 2.5%; top: 50%; width: 150px; margin-top: -90px; z-index:1;}
.quick_nav_blue a{display: block; height: 50px; padding-top: 15px; padding-right: 40px; font-size: 14px; color: #602811!important; text-align: right; line-height: 125%; box-sizing: border-box; background:url(/wetland/images/main/quick_nav_bg_blue.png) no-repeat right;}
.quick_nav_blue a span{display: none; color: #602811!important;}
.quick_nav_blue li:hover a,
.quick_nav_blue li:focus a,
.quick_nav_blue li.active a{padding-top:7px; font-size:18px; background: url(/wetland/images/main/quick_nav_bgActive_blue.png) no-repeat right 14px; transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);}
.quick_nav_blue li:hover a span,
.quick_nav_blue li:focus a span,
.quick_nav_blue li.active a span{display: block;}

.quick_nav,
.quick_nav_blue{width: 150px;}
.quick_nav:before,
.quick_nav_blue:before{content:""; display:none; position: absolute; left: 133.5px; top: 26px; width: 1px; height: 203px; background: #fff;}
.quick_nav:before{background: #FFF;}
.quick_nav_blue:before{background: #602811;}

.btn_tour{position: absolute; left: 93px; top: 280px;}
.btn_tour a{height: auto; padding-top: 0; padding-right: 0; background: none; text-shadow: 0;}

@media only screen and (max-width: 1400px){
	.quick_nav, .quick_nav_blue{right: 1.5%;}
	.btn_tour{left: 77px;}
}
@media only screen and (max-width: 1184px){
	.btn_tour{top:142px}
}
@media only screen and (max-width:1024px){
	.quick_nav, .quick_nav_blue{display:none;}
}

.full{position: relative;/*height: 100vh;*/word-wrap: break-word; word-break: keep-all;}
.full.main_slider{background-color: #fff;}
.full.guide{background-color: #fff;}
.full.main_sns{background-color: #d0d0d0;}
.full.tour{background-color: #fff;}
@media only screen and (max-width:1024px){
	.full{height: auto;}
}

.main_scroll .container{width: 100%; max-width: 1223px; margin: 0 auto;}
/* scroll */
.main_scroll .scroll{position: absolute; bottom: 20px; left: 50%; transform: translatex(-50%); z-index: 2; display: inline-block; color: #fff; transition: opacity .3s;}
#page_1 .main_scroll .scroll{bottom: 185px;}
#page_2 .main_scroll .scroll, #page_4 .main_scroll .scroll, #page_5 .main_scroll .scroll{color: #000;}
.main_scroll .scroll:hover{opacity:.5;}
.main_scroll a{padding-top: 60px;}
.main_scroll a span{position: absolute; top: 0; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box;}
#page_2 .main_scroll a span, #page_4 .main_scroll a span, #page_5 .main_scroll a span{border: 2px solid #000;}
.main_scroll a span::before{position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; animation: sdb9 2s infinite; box-sizing: border-box;}
#page_2 .main_scroll a span::before, #page_4 .main_scroll a span::before, #page_5 .main_scroll a span::before{background-color: #000;}
@keyframes sdb9{
	0% {transform: translate(0, 0); opacity: 0;}
    40% {opacity: 1;}
    80% {transform: translate(0, 20px); opacity: 0;}
    100% {opacity: 0;}
}
@media only screen and (max-width:1024px){
	.main_scroll .scroll{display: none;}
}


@media only screen and (max-width: 1024px){
	.fp-tableCell{vertical-align: baseline!important;}
}
/* 메인슬라이더 */
#main_slider{position:relative; width:100%; height: 100vh; margin: 0 auto; overflow:hidden;}
#main_slider .slider_img{position:relative; width:100%; height: 100vh; overflow:hidden;}
#main_slider .slider_img ul{position:absolute; height: 100vh; width:100%;}
#main_slider .slider_img ul li{float:left; width: 100%; height: 100vh; z-index: 0; background-size: auto 100%; text-indent: -9999px;}
#main_slider .slider_img ul li.slider_img01{background-image: url(/wetland/images/main/main_slider01.jpg); background-position: center bottom;}
#main_slider .slider_img ul li.slider_img02{background-image: url(/wetland/images/main/main_slider02.jpg); background-position: center bottom;}
#main_slider .slider_img ul li.slider_img03{background-image: url(/wetland/images/main/main_slider03.jpg); background-position: center bottom;}
#main_slider_ul li{background-repeat: no-repeat; background-position: center;}

#page_1 .bx-controls-direction{display: none;}
#page_1 .bx-prev{position: absolute; left: 50px; top: 50%; width: 70px; height: 70px; background: url(/wetland/images/main/slider_control_prev.png) no-repeat; text-indent: -9999px;}
#page_1 .bx-next{position: absolute; right: 50px; top: 50%; width: 70px; height: 70px; background: url(/wetland/images/main/slider_control_next.png) no-repeat; text-indent: -9999px;}
#page_1 .bx-pager{display: block; position: absolute; bottom: 215px; left: calc(50px); padding: 0 20px 0 50px; margin: 0 auto; line-height: 40px; background: rgba(0,0,0,.8); border-radius: 20px; text-align: center; z-index: 0;}
#page_1 .bx-pager-item{float: left; width: 30px;}
#page_1 .bx-pager-item a{background-image: url(/wetland/images/main/slider_control_off.png); background-repeat: no-repeat; background-position: center; text-indent: -10000px; display:block;}
#page_1 .bx-pager-item a.active{background-image: url(/wetland/images/main/slider_control_on.png);}
#page_1 .bx-controls-auto{display: block; position: absolute; bottom: 215px; left: calc(50px); margin: 0 auto; line-height: 40px; background: rgba(0,0,0,.8); border-radius: 20px; text-align: center; z-index: 1;}
#page_1 .bx-controls-auto .bx-controls-auto-item{float: left;}
#page_1 .bx-controls-auto .bx-controls-auto-item a{display: block; width: 40px; background-repeat: no-repeat; background-position: center; text-indent: -10000px;}
#page_1 .bx-controls-auto .bx-controls-auto-item a.bx-start{background-image: url(/wetland/images/main/slider_control_play.png);}
#page_1 .bx-controls-auto .bx-controls-auto-item a.bx-stop{background-image: url(/wetland/images/main/slider_control_stop.png);}
#page_1 .bx-controls-auto .bx-controls-auto-item a.bx-start.active{}
#page_1 .bx-controls-auto .bx-controls-auto-item a.bx-stop.avtice{}
@media only screen and (max-width:1184px){
	#main_slider, #main_slider .slider_img, #main_slider .bx-viewport, #main_slider .slider_img ul, #main_slider .slider_img ul li{height:800px!important}
}
@media only screen and (max-width:1024px){
	#page_1 .bx-pager, #page_1 .bx-controls-auto{bottom:30px}
	#main_slider, #main_slider .slider_img, #main_slider .bx-viewport, #main_slider .slider_img ul, #main_slider .slider_img ul li{height:600px!important}
	#main_slider .slider_img ul li.slider_img01{background-position:center bottom}
	#main_slider .slider_img ul li.slider_img02{background-position:center bottom}
	#main_slider .slider_img ul li.slider_img03{background-position:center bottom}
}
@media only screen and (max-width:800px){
	#main_slider, #main_slider .slider_img, #main_slider .bx-viewport, #main_slider .slider_img ul, #main_slider .slider_img ul li{height:400px!important}
}
@media only screen and (max-width:767px){
	#page_1 .bx-controls-direction{display:none}
}
@media only screen and (max-width:540px){
	#main_slider, #main_slider .slider_img, #main_slider .bx-viewport, #main_slider .slider_img ul, #main_slider .slider_img ul li{height:300px!important}
}
@media only screen and (max-width:450px){
	#main_slider, #main_slider .slider_img, #main_slider .bx-viewport, #main_slider .slider_img ul, #main_slider .slider_img ul li{height:240px!important}
}

/* 자주찾는 정보 퀵링크 */
.quick_link{position: absolute; bottom: 0; width: 100%; padding: 35px 0; text-align: center; background-image: url(/wetland/images/main/quick_link_bg.jpg); background-repeat: repeat; background-position: center; background-size: cover;}
.quick_link .icon_img{width: 100%; max-width: 1213px; margin: 0 auto;}
.quick_link .icon_img ul{overflow: hidden;}
.quick_link .icon_img ul li a{float: left; width:11.1%; padding-top: 78px; font-size: 14px; color: #fff; letter-spacing: -1px; line-height: 16px; background-repeat: no-repeat; background-position: center 25%;}
.quick_link .icon_img ul li:nth-child(1) a{background-image: url(/wetland/images/main/quick_link_icon01.png);}
.quick_link .icon_img ul li:nth-child(2) a{background-image: url(/wetland/images/main/quick_link_icon02.png);}
.quick_link .icon_img ul li:nth-child(3) a{background-image: url(/wetland/images/main/quick_link_icon11.png);}
.quick_link .icon_img ul li:nth-child(4) a{background-image: url(/wetland/images/main/quick_link_icon04.png);}
.quick_link .icon_img ul li:nth-child(5) a{background-image: url(/wetland/images/main/quick_link_icon05.png);}
.quick_link .icon_img ul li:nth-child(6) a{background-image: url(/wetland/images/main/quick_link_icon06.png);}
.quick_link .icon_img ul li:nth-child(7) a{background-image: url(/wetland/images/main/quick_link_icon07.png);}
.quick_link .icon_img ul li:nth-child(8) a{background-image: url(/wetland/images/main/quick_link_icon08.png);}
.quick_link .icon_img ul li:nth-child(9) a{background-image: url(/wetland/images/main/quick_link_icon10.png);}
@media only screen and (max-width: 1024px){
	.quick_link{display: none;}
}

/* 운영시간 및 할인정보 */
.guide .hour{width:100%;max-width:1223px;margin:0 auto 65px;padding-top:40px;color:#000;font-size:26px;font-weight:300;text-align:center;line-height:105px;border-bottom:1px solid #ebebeb}
.guide .hour span{color:#661af0;font-weight:600}
.guide .hour div.tit{display:inline!important;color:#000!important;font-weight:300!important}
.guide h3{color:#000;font-size:40px;font-weight:300;text-align:center}
.guide h3 span{color:#000;font-weight:600}
.guide .txt{color:#666;font-size:17px;font-weight:300;text-align:center}
.guide .ticket{width:100%;max-width:1170px;margin:60px auto 27px;padding:35px 0;text-align:center;background-color:#f6f6f6;border:1px solid #e5e5e5;border-radius:44px 0 0 0}
.guide .ticket dl{font-size:22px;font-weight:500}
.guide .ticket dl dt{display:inline-block;color:#000;padding-left:56px;padding-right:46px;background:url(/garden/images/main/icon_ticket.png) no-repeat left 50%}
.guide .ticket dl dd{display:inline-block;color:#7335e5;padding:0 28px 0 20px;background:url(/garden/images/main/icon_bar.png) no-repeat right 50%}
.guide .ticket dl dd:last-child{padding-right:0;background:none}
.guide .dc{display:flex;flex-flow:wrap;width:100%;max-width:1170px;margin:0 auto 94px;text-align:center}
.guide .dc ul{width:100%;margin-bottom:70px}
.guide .dc ul li{float:left;width:23.5%;margin-right:2%;background-repeat:no-repeat;background-position:center bottom}
.guide .dc ul li:nth-child(1){background-color: #14356a; background-image: url(/wetland/images/main/icon_guide01.png);}
.guide .dc ul li:nth-child(2){background-color: #0b8552; background-image: url(/wetland/images/main/icon_guide02.png);}
.guide .dc ul li:nth-child(3){background-color: #904a05; background-image: url(/wetland/images/main/icon_guide03.png);}
.guide .dc ul li:nth-child(4){background-color: #522e92; background-image: url(/wetland/images/main/icon_guide04.png); margin-right: 0;}
.guide .dc ul li a{display:block;width:100%;height:212px;padding-top:37px;color:#fff;font-size:22px;font-weight:500}
.guide .dc a.btn_dc{padding:16px 30px;margin:0 auto;color:#fff;font-size:18px;font-weight:200;background-color:#6519ef;border-radius:30px}
@media only screen and (max-width:1170px){
	.guide{padding:0 20px}
	.guide .ticket dl dt{padding-right:10px}
	.guide .ticket dl dd{padding:0 25px 0 17px}
}
@media only screen and (max-width:1024px){
	.guide .hour{margin:0 auto 40px;padding:40px 0 35px;line-height:32px}
    .guide .dc{margin:0 auto 60px}
    .guide .dc ul{margin-bottom:50px}
	.guide .dc ul li a{height:172px}
}
@media only screen and (max-width:960px){
	.guide .ticket dl dt{display:block;width:310px;padding-right:0;margin:0 auto}
	.guide .dc ul li a{padding-left:10px;padding-right:10px;font-size:20px}
}
@media only screen and (max-width:898px){
	.guide .hour{padding:19px 0 14px;margin-bottom:28px}
	.guide .hour span{display:block}
}
@media only screen and (max-width:660px){
	.guide h3 span{display:block}
	.guide .txt{margin-top:15px}
	.guide .ticket{margin-top:18px}
	.guide .dc ul li{width:49%;margin-bottom:10px}
	.guide .dc ul li:nth-child(2){margin-right:0}
}
@media only screen and (max-width:560px){
	.guide h3{font-size:36px;line-height:46px}
	.guide .ticket{padding:22px 0 17px;margin:18px auto 17px}
	.guide .ticket dl{font-size:19px}
	.guide .ticket dl dt{width:263px;padding-left:50px}
	.guide .ticket dl dd{padding:0 7px 0 0;font-size:17px;background-size:2px 50%}
}
@media only screen and (max-width:400px){
	.guide .hour{font-size:20px}
	.guide h3{font-size:33px;line-height:43px}
	.guide .ticket dl dd{font-size:15px;font-weight:400;background-size:2px 50%}
}

/* 행사안내 */
.festival{background-image:url(/wetland/images/main/festival_bg.jpg);background-repeat:no-repeat;background-size:cover;padding:80px}
.festival h3{color:#fff;font-size:40px;font-weight:300;text-align:center}
.festival h3 span{color:#fff;font-weight:600}
.festival .txt{color:#fff;font-size:17px;font-weight:300;text-align:center}
.festival .list_slider{margin-top:55px;margin-left:20px;margin-right:20px;width:calc(100% - 80px);/* overflow-x:scroll;*/}
.festival .list_slider ul{width:auto;overflow:hidden;display:inline-flex}
.festival .list_slider ul li{float:left;width:575px;height:425px;margin-right:20px}
.festival .list_slider ul li a{display:block;position:relative}
.festival .list_slider ul li .img{width:100%}
.festival .list_slider ul li .img img{width:100%;height:425px}
.festival .list_slider ul li a:focus{outline:0!important}
.festival .list_slider ul li a:focus .img{padding:1px;border:2px dotted #ed4e00}
.festival .list_slider ul li dl{position:absolute;bottom:0;width:100%;padding:25px;text-align:left;background-color:rgba(5,40,93,.71)}
.festival .list_slider ul li dl dt{color:#fff;font-size:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.festival .list_slider ul li dl dd{color:#fff;font-size:18px}
.festival .list_control{width:237px;margin:60px auto}
.festival .list_control .scroll{position:relative;width:150px;float:left;margin-right:15px}
.festival .list_control .scroll img{position:relative;z-index:1}
.festival .list_control .scroll:before{content:"";display:block;position:absolute;left:0;top:12px;width:150px;height:4px;background:#fff;z-index:0}
.festival .list_control .stop,
.festival .list_control .play{position:relative;float:left;padding-left:20px}
.festival .btn_fev{/*position:absolute;bottom:120px;*/ width:100%;text-align:center;padding-top:45px}
.festival .btn_fev .fev_more{display:inline-block;width:218px;padding:10px 0;margin-right:0;color:#0966a6;font-size:19px;font-weight:200;background-color:#fff;border:2px solid #fff;border-radius:30px}
.festival .btn_fev .fev_guide{display:inline-block;width:218px;padding:10px 0;color:#fff;font-size:19px;font-weight:200;border:2px solid #fff;border-radius:30px}
#page_3 .bx-pager{display:inline-block;line-height:40px;border-radius:20px;text-align:center;z-index:0}
#page_3 .bx-pager-item{float:left;width:30px}
#page_3 .bx-pager-item a{background-image:url(/wetland/images/main/fev_control_off.png);background-repeat:no-repeat;background-position:center;text-indent:-10000px;display:block}
#page_3 .bx-pager-item a.active{background-image: url(/wetland/images/main/fev_control_on.png);}
#page_3 .bx-controls{position:relative;width:100%;margin-top:30px;text-align:center}
#page_3 .bx-controls-direction{display:none}
#page_3 .bx-controls-auto{display:inline-block;line-height:40px;border-radius:20px;text-align:center;z-index:1}
#page_3 .bx-controls-auto .bx-controls-auto-item{float:left}
#page_3 .bx-controls-auto .bx-controls-auto-item a{display:block;width:30px;background-repeat:no-repeat;background-position:center;text-indent:-10000px}
#page_3 .bx-controls-auto .bx-controls-auto-item a.bx-start{background-image: url(/wetland/images/main/slider_control_play.png);}
#page_3 .bx-controls-auto .bx-controls-auto-item a.bx-stop{background-image: url(/wetland/images/main/slider_control_stop.png);}
#page_3 .bx-controls-auto .bx-controls-auto-item a.bx-start.active{}
#page_3 .bx-controls-auto .bx-controls-auto-item a.bx-stop.avtice{}
@media only screen and (max-width:1400px){
.festival .list_slider{width:calc(100% - 50px)}
}
@media only screen and (max-width:1024px){
	.festival{padding:50px 10px}
	.festival .btn_fev{position:relative;bottom:auto}
	#page_3 .bx-pager, #page_3 .bx-controls-auto{bottom:30px}
	.festival .list_slider ul li{width:350px;height:258px}
	.festival .list_slider ul li .img img{height:258px}
	.festival .btn_fev{position:relative;bottom:auto}
}
@media only screen and (max-width:560px){
	.festival h3{font-size:36px;line-height:46px}
	.festival .btn_fev .fev_more{width:190px;font-size:17px;margin-right:15px}
	.festival .btn_fev .fev_guide{width:190px;font-size:17px}
	.festival .list_slider ul li dl{padding:10px 15px}
	.festival .list_slider ul li dl dt{font-size:20px}
	.festival .list_slider ul li dl dd{font-size:16px}
}
@media only screen and (max-width:400px){
	.festival h3{font-size:33px;line-height:43px}
	.festival .btn_fev .fev_more{width:150px;font-size:15px;margin-right:10px}
	.festival .btn_fev .fev_guide{width:150px;font-size:15px}
}

/* SNS */
.main_sns{padding-bottom:80px;background-image: url(/wetland/images/main/sns_bg.jpg); background-repeat: no-repeat; background-size: cover;}
.main_sns h3{padding-top:80px;color:#000;font-size:40px;font-weight:300;text-align:center}
.main_sns h3 span{color:#000;font-weight:600}
.main_sns .tag{margin:36px 0;text-align:center}
.main_sns .tag a{display:inline-block;width:218px;padding:10px 0;margin-right:29px;color:#626262;font-size:19px;font-weight:300;border:2px solid #969696;border-radius:30px}
.main_sns .tag a:last-child{margin-right:0}
.main_sns .tag a.on{color:#0047bd;border:2px solid #0966a6}
.main_sns .tag_mo{display:none}
.main_sns .photo{width:100%;max-width:1170px;margin:0 auto;overflow:hidden}
.main_sns .photo li{float:left;margin:0 2% 20px 0}
.main_sns .photo li a{display:block}
.main_sns .photo li:nth-child(3),
.main_sns .photo li:nth-child(5){margin:0 0 20px 0}
.main_sns .photo li .tit{height:89px;padding:50px 27px 0 0;color:#000;font-size:19px;font-weight:300;text-align:right;background:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.main_sns .photo li.large{width:48%}
.main_sns .photo li.large img{width:100%;height:633px}
.main_sns .photo li.small{width:24%}
.main_sns .photo li.small img{width:100%;height:262px}
@media only screen and (max-width:1170px){
	.main_sns .photo{max-width:1000px}
	.main_sns .photo li.large img{height:541px}
	.main_sns .photo li.small img{height:216px}
}
@media only screen and (max-width:1024px){
	.main_sns{padding-bottom:20px}
	.main_sns h3{padding-top:50px}
	.main_sns .photo{max-width:840px}
	.main_sns .photo li .tit {height:74px;padding:35px 27px 0 0;font-size:17px}
	.main_sns .photo li.large img{height:482px}
	.main_sns .photo li.small img{height:194px}
}
@media only screen and (max-width:840px){
	.main_sns .tag a{width:200px;padding:8px 0;margin-right:4px;font-size:17px;border-radius:26px}
	.main_sns .photo{max-width:660px}
	.main_sns .photo li.large img{height:404px}
	.main_sns .photo li.small img{height:155px}
}
@media only screen and (max-width:660px){
	.main_sns .tag a{width:180px;font-size:15px}
	.main_sns .photo{max-width:560px}
	.main_sns .photo li .tit {padding:35px 15px 0}
	.main_sns .photo li.large img{height:324px}
	.main_sns .photo li.small img{height:115px}
}
@media only screen and (max-width:560px){
	.main_sns h3{font-size:36px;line-height:46px}
	.main_sns h3 span{display:block}
	.main_sns .tag{display:none}
	.main_sns .tag_mo{display:block;width:70%;margin:20px auto}
	.main_sns .tag_mo > select{width:100%;padding-left:20px;height:45px;padding-right:35px;border:2px solid #0966a6;border-radius:30px;color:#0047bd;background:#fff url("/garden/images/common/arrow_down.gif") no-repeat right 17px top 50%;font-size:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
	.main_sns .tag_mo > select::-ms-expand{display:none}
	.main_sns .photo ul{width:400px;margin:0 auto}
	.main_sns .photo li:last-child{display:none}
	.main_sns .photo li .tit {font-size:17px}
	.main_sns .photo li.large{float:left;width:196px;margin-bottom:10px;margin-right:2%}
	.main_sns .photo li.large img{width:100%;height:200px}
	.main_sns .photo li.small{width:196px;margin-bottom:10px;margin-right:2%}
	.main_sns .photo li.small img{height:200px}
	.main_sns .photo li:nth-child(2), .main_sns .photo li:nth-child(4){margin-right:0}
}
@media only screen and (max-width:400px){
	.main_sns h3{font-size:33px;line-height:43px}
	.main_sns .photo ul{width:320px}
	.main_sns .photo li.large{width:156px}
	.main_sns .photo li.large img{height:165px}
	.main_sns .photo li.small{width:156px}
	.main_sns .photo li.small img{height:165px}
	.main_sns .photo li:nth-child(2), .main_sns .photo li:nth-child(4){margin-right:0}
}

/* 주변관광지 */
/*.tour{width:100%;max-width:1170px;margin:70px auto 0}*/
.tour{width:100%;max-width:1170px;margin: 0 auto;padding-top: 70px;}
.tour h3{color:#000;font-size:40px;font-weight:300;text-align:center;line-height:56px}
.tour h3 span{display:block;color:#000;font-weight:600}
.tour .txt{margin-top:25px;color:#666;font-size:17px;font-weight:300;text-align:center}
.tour .tour_list{width:100%;margin:55px 0 45px;padding-top:50px;border-top:1px solid #d9d9d9}
.tour .tour_list h4{color:#000;font-size:21px;font-weight:500}
.tour .tour_list ul{margin-top:35px}
.tour .tour_list ul li{display:inline-block;width:23.1%;margin-right:2%;background-size:100%;background-position:top;background-repeat:no-repeat}
.tour .tour_list ul li a{display:block;position:relative;width:100%;height:206px}
.tour .tour_list ul li a span{display:inline-block;position:absolute;bottom:0;width:100%;color:#333;font-size:20px;background-color:#fff}
.tour .tour_list ul li:nth-child(1){background-image:url(/garden/images/main/tour_img01.jpg)}
.tour .tour_list ul li:nth-child(2){background-image:url(/garden/images/main/tour_img02.jpg)}
.tour .tour_list ul li:nth-child(3){background-image:url(/garden/images/main/tour_img03.jpg)}
.tour .tour_list ul li:nth-child(4){background-image:url(/garden/images/main/tour_img04.jpg);margin-right:0}

/* 순천만정원소식 */
.notice{position: relative; float: left; width: 49%; height: 256px; margin-right: 2%; padding: 35px 40px; border: 1px solid #d9d9d9;}
.notice h4{margin-bottom: 10px; color: #000; font-size: 22px; font-weight: 600;}
.notice li a{display: inline-block; width: 70%; color: #000; font-size: 18px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.notice li span{float: right; line-height: 36px;}
.notice .more{position: absolute; right: 35px; top: 36px; padding-right: 27px; background: url(/wetland/images/main/icon_more.png) no-repeat right 50%;}

/* 순천여행정보 */
.tour_info{float: left; width: 49%; height: 256px; padding: 45px 0 0 50px; background-color: #671cf2; background-image: url(/wetland/images/main/info_bg.png); background-repeat: no-repeat; background-position: right bottom;}
.tour_info h4{margin-bottom: 20px; color: #fff; font-size: 26px; font-weight: 600;}
.tour_info h4 span{color: #ffc600;}
.tour_info ul li a{color: #fff; font-size: 20px; line-height: 36px;}

@media only screen and (max-width:1170px){
	.tour{padding:45px 20px 0}
}
@media only screen and (max-width:1024px){
	
}
@media only screen and (max-width:768px){
	.tour .tour_list ul{width:100%;margin:20px auto 0}
	.tour .tour_list ul li{width:48.4%;margin-bottom:20px;background-position:bottom}
	.tour .tour_list ul li a{height:140px}
	.tour .tour_list ul li:nth-child(2){margin-right:0}
	.notice{float:none;width:100%;margin-bottom:20px}
	.tour_info{float:none;width:100%}
}
@media only screen and (max-width:560px){
	.tour h3{font-size:36px;line-height:46px}
}
@media only screen and (max-width:460px){
	.notice{height:auto;margin-right:0;padding:18px 19px 6px}
	.notice .more{right:20px;top:20px}
	.tour_info{padding:28px 0 0 30px;background-image:none}
}
@media only screen and (max-width:425px){
	.tour .tour_list ul li{width:48%}
}
@media only screen and (max-width:400px){
	.tour h3{font-size:33px;line-height:43px}
	.tour_info{height:auto}
	.tour_info{padding:26px 27px 23px}
	.tour_info h4{font-size:24px}
}
@media only screen and (max-width:340px){
	.notice h4{font-size:20px}
	.notice li a{font-size:17px}
	.notice li span{font-size:14px}
}


/*#page_6, #page_6 .fp-tableCell{height: 507px!important;}*/
/*footer*/
.main_footer{width:100%;max-width:1222px;margin:0 auto}
div.goTop{width:100%;position:relative;clear:both;margin-top:-100px}
div.goTop a{display:block;position:absolute;bottom:-91px;right:0;width:64px;height:64px;text-indent:-9999px;background:url(/garden/images/common/gotop_bg.png)}
@media only screen and (max-width:768px){
	div.goTop a{right:20px;bottom:-90px}
}


@media only screen and (max-width:1024px){
	.fp-section.fp-table, .fp-tableCell{display:block!important;height:auto!important}
}

@media (min-width:1025px) and (max-width:1400px){
	.guide, .main_sns, .tour{padding-left:100px;padding-right:100px}
	.tour{max-width:none}
	.main_footer{padding:0 100px}
	#footer .container .top{padding-left:25px;padding-right:100px}
	#footer .container .bottom{padding:0 100px 0 18px}
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {		div.goTop a{bottom:-120px;}	}

.main div.goTop a{bottom:-120px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.main div.goTop a{bottom:-120px;}
}
div.goTop a:hover,
div.goTop a:focus{filter:alpha(opacity=50);opacity:0.5;}
@media only screen and (max-width:1600px){
	div.goTop{max-width:100%;top:auto;}
	div.goTop a{bottom:-120px}
}
@media only screen and (max-width:1222px){
	div.goTop{max-width:100%;top:auto;}
	div.goTop a{bottom:-61px}
}
*/

/* 일출일몰 조석예보 */
.sun_time{position: absolute; top: 144px; width: 100%; z-index: 100;}
.sun_time .st_con{position: relative; width: 100%; max-width: 1223px; margin: 0 auto; padding: 14px 0 16px; text-align: center; background-color: rgba(255,255,255,.8);}
.sun_time .st_con dl{display: inline-block;}
.sun_time .st_con a dl dt, .sun_time .st_con a dl dd{color: #000;}
.sun_time .st_con dl dt, .sun_time .st_con dl dd{display: inline-block; font-size: 17px;}
.sun_time .st_con dl.st01{padding-left: 30px; background: url(/wetland/images/main/icon_suntime01.png) no-repeat left 1px;}
.sun_time .st_con dl.st02{margin-left: 30px; padding-left: 30px; background: url(/wetland/images/main/icon_suntime02.png) no-repeat left 1px;}
.sun_time .st_con dl dd{margin-right: 10px;}
.sun_time .st_con dl dd span.circle01{display: inline-block; width: 23px; height: 23px; color: #fff; font-size: 15px; border-radius: 23px; background: #008eda; line-height: 24px;}
.sun_time .st_con dl dd span.circle02{display: inline-block; width: 23px; height: 23px; color: #fff; font-size: 15px; border-radius: 23px; background: #f14d27; line-height: 24px;}
.sun_time .st_con dl dd span.blue{color: #008eda;}
.sun_time .st_con dl dd span.red{color: #f14d27;}
@media only screen and (max-width: 1024px){
	.sun_time{top: 0;}
}
@media only screen and (max-width: 804px){
	.sun_time .st_con dl.st02{margin-left: 0;}
}
@media only screen and (max-width: 568px){
	.sun_time .st_con{padding: 9px 0 11px;}
	.sun_time .st_con dl dt, .sun_time .st_con dl dd{font-size: 14px;}
	.sun_time .st_con dl dd{margin-right: 0;}
	.sun_time .st_con dl dd span.circle01,
	.sun_time .st_con dl dd span.circle02{display: inline-block; width: 18px; height: 18px; font-size: 12px; border-radius: 18px; line-height: 18px;}
}
@media only screen and (max-width: 440px){
	.sun_time .st_con dl.st01,
	.sun_time .st_con dl.st02{padding-left: 0; background: none;}
}
@media only screen and (max-width: 410px){
	.sun_time .st_con dl dt, .sun_time .st_con dl dd{font-size: 12px;}
}