@charset "utf-8";/*Main CSS Document*/
/*상단 레이어 팝업*/
.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:#db291d;overflow:hidden}
.popup_layer .pl_inner .popup_img{height:154px;background-position:center}
.popup_layer .pl_inner .img01{background-image:url(/garden/images/main_new/popup_img29.jpg)}
.popup_layer .pl_inner .img02{background-image:url(/garden/images/main_new/popup_img30.jpg)}
@media only screen and (max-width:1223px){
	.popup_layer .pl_inner .popup_img{ background-position:left 50%;background-repeat:no-repeat;background-size:100%}
	.popup_layer .pl_inner .img01{background-image:url(/garden/images/main_new/popup_img29_tbl.jpg)}
    .popup_layer .pl_inner .img02{background-image:url(/garden/images/main_new/popup_img30_tbl.jpg)}
	.popup_layer .pl_inner .popup_close{right:5px;width:193px}
}
@media only screen and (max-width:705px){
	.popup_layer .pl_inner .img01{background-image:url(/garden/images/main_new/popup_img29_mo.jpg)}
	.popup_layer .pl_inner .img02{background-image:url(/garden/images/main_new/popup_img30_mo.jpg)}
}
@media only screen and (max-width:430px){
	.popup_layer .pl_inner .popup_img{ background-position:left 30%}
	.popup_layer .pl_inner .img01{background-image:url(/garden/images/main_new/popup_img29_mo_s.jpg)}
	.popup_layer .pl_inner .img02{background-image:url(/garden/images/main_new/popup_img30_mo_s.jpg)}
}
.popup_layer .pl_inner .popup_img a{display:inline-block;width:100%;height:154px;text-indent:-99999px;background-repeat:no-repeat}
.popup_layer .pl_inner .popup_img a:focus{border:2px 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:12px;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}

.popup_layer .pl_inner .bx-prev{position:absolute;left:50px;top:50%;width:70px;height:70px;background:url(/garden/images/main_new/slider_control_prev.png) no-repeat;text-indent:-9999px}
.popup_layer .pl_inner .bx-next{position:absolute;right:50px;top:50%;width:70px;height:70px;background:url(/garden/images/main_new/slider_control_next.png) no-repeat;text-indent:-9999px}
.popup_layer .pl_inner .bx-pager{display:block;position:absolute;bottom:7px;right:calc(360px);padding:0;margin:0 auto;line-height:29px;text-align:center;z-index:1000}
.popup_layer .pl_inner .bx-pager-item{display:inline-block;width:17px}
.popup_layer .pl_inner .bx-pager-item a{background-image:url(/garden/images/main_new/slider_control_off.png);background-repeat:no-repeat;background-position:center;text-indent:-10000px;display:block}
.popup_layer .pl_inner .bx-pager-item a.active{background-image:url(/garden/images/main_new/slider_control_on.png)}
.popup_layer .pl_inner .bx-controls-auto{display:block;position:absolute;bottom:7px;right:calc(325px);margin:0 auto;line-height:29px;text-align:center;z-index:1000}
.popup_layer .pl_inner .bx-controls-auto .bx-controls-auto-item{float:left}
.popup_layer .pl_inner .bx-controls-auto .bx-controls-auto-item a{display:block;width:17px;background-repeat:no-repeat;background-position:center;text-indent:-10000px}
.popup_layer .pl_inner .bx-controls-auto .bx-controls-auto-item a.bx-start{background-image:url(/garden/images/main_new/slider_control_play.png)}
.popup_layer .pl_inner .bx-controls-auto .bx-controls-auto-item a.bx-stop{background-image:url(/garden/images/main_new/slider_control_stop.png)}
.popup_layer .pl_inner .bx-controls-auto .bx-controls-auto-item a.bx-start.active{}
.popup_layer .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-position:left 50%;background-repeat:no-repeat}
	.popup_layer .pl_inner .popup_close{right:5px;width:193px}
}
@media only screen and (max-width:1223px){
	.popup_layer .pl_inner .bx-pager{right:calc(235px)}
	.popup_layer .pl_inner .bx-controls-auto{right:calc(203px)}
}

/*슬라이더 전체보기 S 240328*/
.popup_all_wrapper{position:fixed;top:0;left:0;right:0;bottom:0;padding:60px 110px 49px;background-color:rgba(0,0,0,0.6);z-index:100000;display:none}
.popup_all_wrapper .popup_all_box{position:relative;max-width:1400px;margin:0 auto;box-sizing:border-box;border-radius:30px;overflow:hidden}
.popup_all_wrapper .popup_all_box .popup_all_tit{position:relative;padding:0 40px;background:#5a75cd;border-radius:30px 30px 0 0}
.popup_all_wrapper .popup_all_box .popup_all_tit h3{padding:24px 0 19px;color:#fff;font-size:26px;font-weight:500;font-family:'seolleim';transform:rotate(0.03deg)}
.popup_all_wrapper .popup_all_box .popup_all_tit a{display:block;position:absolute;right:20px;top:18px;width:50px;height:50px;background:url("/garden/images/main_new/icon_close_pop.png") no-repeat center / 22px;border-radius:50px;text-indent:-9999px;font-size:0}
.popup_all_wrapper .popup_all_box .popupAllUl{width:100%;height:calc(100vh - 190px);padding:10px;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:0 0 30px 30px}
.popup_all_wrapper .popup_all_box.popup_type2 .popupAllUl li{display:inline-block;margin:5px;width:calc(25% - 10px)}
.popup_all_wrapper .popup_all_box.popup_type2 .popupAllUl li a{position:relative;display:block;width:100%;height:0;padding-bottom:120%;overflow:hidden}
.popup_all_wrapper .popup_all_box.popup_type2 .popupAllUl li a img{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #f0f0f0}
@media screen and (max-width:1100px){
    .popup_all_wrapper{padding:40px 50px 30px}
    .popup_all_wrapper .popup_all_box.popup_type2 .popupAllUl li{width:calc(33.333% - 10px)}
}
@media screen and (max-width:800px){
    .popup_all_wrapper .popup_all_box .popup_all_tit h3{font-size:22px}
    .popup_all_wrapper .popup_all_box .popup_all_tit a{background:url("/garden/images/main_new/icon_close_pop.png") no-repeat center / 20px}
    .popup_all_wrapper .popup_all_box.popup_type2 .popupAllUl li{width:calc(50% - 10px)}
}
@media screen and (max-width:500px){
    .popup_all_wrapper{padding:54px 20px 20px}
    .popup_all_wrapper .popup_all_box{padding:10px}
    .popup_all_wrapper .popup_all_box > a{left:calc(50% - 20px);top:-47px;width:40px;height:40px;background:#000 url(/garden/images/main_new/icon_close_pop.png) no-repeat center / 18px}
}
@media screen and (max-width:320px){
    .popup_all_wrapper .popup_all_box.popup_type2 .popupAllUl li{width:calc(100% - 10px)}
}
/*슬라이더 전체보기 E 240328*/
/*센터 레이어 팝업*/
#popup_layer_center{display:block;position:fixed;width:100%;height:100%;background:#000000a1;text-align:center;padding:100px 30px 60px;z-index:10000000000;overflow-y:scroll}
#popup_layer_center span.popup-img{max-width:/*1200*/1365px;display:inline-block;font-size:0;background:#fff;vertical-align:top}
#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 img{max-width:500px;width:100%}
#popup_layer_center a,
#popup_layer_center label{color:white}
#popup_layer_center span{}
#popup_layer_center .popup-bottom{display:flex;justify-content:space-around;background:rgba(0,0,0,.8);text-align:left;padding:10px 0;font-size:1rem}
#popup_layer_center .popup-bottom .popup-close-check{width:69%;text-align:center}
#popup_layer_center .popup-bottom .popup-close-check input[type="checkbox"]{width:18px;height:18px;margin-right:5px;vertical-align:sub}
#popup_layer_center .popup-bottom .popup-close{width:29%;text-align:center;border-left:1px solid #ddd}
#popup_layer_center .popup-bottom .popup-close a{display:block}
@media only screen and (max-width:1280px){
	#popup_layer_center span{margin-bottom:30px}
}

.dis-no{display:none!important}

/*상단 메뉴 메인ver*/
.header_wrap{top:auto!important;box-shadow:none!important}

.inner{max-width:1700px!important}

/*모바일메뉴 메인ver*/
.mHeader{top:auto!important}
.mHeader > div{border-bottom:none!important}
.main_content{width:100%;max-width:1740px;margin:0 auto;padding-bottom:70px}

.section1{position:relative;display:flex;justify-content:space-between;padding:132px 20px 0}
/* 메인슬라이더 */
.main_visual{position:relative;width:calc(100% - 310px);height:808px;margin-right:20px;overflow:hidden}
#main_slider{position:relative;width:100%;height:808px;border-radius:35px 0 35px 35px;overflow:hidden}
#main_slider .slider_img{position:relative;width:100%;height:808px;overflow:hidden}
#main_slider .slider_img ul{position:absolute;height:808px;width:100%}
#main_slider .slider_img ul li{float:left;width:100%;height:808px;z-index:0!important;background-size:auto 100%;text-indent:-9999px}
#main_slider .slider_img ul li.slider_img01{background-image:url(/garden/images/main_new/main_slider01_2.webp);background-position:center bottom}
#main_slider .slider_img ul li.slider_img02{background-image:url(/garden/images/main_new/main_slider02_2.webp);background-position:center bottom}
#main_slider .slider_img ul li.slider_img03{background-image:url(/garden/images/main_new/main_slider03_2.webp);background-position:center bottom}
#main_slider .slider_img ul li.slider_img04{background-image:url(/garden/images/main_new/main_slider04_2.webp);background-position:center bottom}
#main_slider .slider_img ul li.slider_img05{background-image:url(/garden/images/main_new/main_slider05_2.webp);background-position:center bottom}
#main_slider .slider_img ul li.slider_img01:after{content:'';position:absolute;right:0;top:0;width:130px;height:133px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd01.png) no-repeat right top / auto auto;border-radius:0 0 0 35px}
#main_slider .slider_img ul li.slider_img02:after{content:'';position:absolute;right:0;top:0;width:130px;height:133px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd02.png) no-repeat right top / auto auto;border-radius:0 0 0 35px}
#main_slider .slider_img ul li.slider_img03:after{content:'';position:absolute;right:0;top:0;width:130px;height:133px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd03.png) no-repeat right top / auto auto;border-radius:0 0 0 35px}
#main_slider .slider_img ul li.slider_img04:after{content:'';position:absolute;right:0;top:0;width:130px;height:133px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd04.png) no-repeat right top / auto auto;border-radius:0 0 0 35px}
#main_slider .slider_img ul li.slider_img05:after{content:'';position:absolute;right:0;top:0;width:130px;height:133px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd05.png) no-repeat right top / auto auto;border-radius:0 0 0 35px}
#main_slider .bx-controls-direction{display:none}
#main_slider .bx-prev{position:absolute;left:50px;top:50%;width:70px;height:70px;background:url(/garden/images/main_new/slider_control_prev.png) no-repeat;text-indent:-9999px}
#main_slider .bx-next{position:absolute;right:50px;top:50%;width:70px;height:70px;background:url(/garden/images/main_new/slider_control_next.png) no-repeat;text-indent:-9999px}
#main_slider .bx-pager{display:block;position:absolute;bottom:145px;left:calc(50px);padding:0 15px 0 60px;margin:0 auto;height:50px;background:rgba(0,0,0,.8);border-radius:6px;text-align:center;z-index:0}
#main_slider .bx-pager-item{float:left;width:30px;margin-top:12px}
#main_slider .bx-pager-item a{background-image:url(/garden/images/main_new/slider_control_off.png);background-repeat:no-repeat;background-position:center;text-indent:-10000px;display:block}
#main_slider .bx-pager-item a.active{background-image:url(/garden/images/main_new/slider_control_on.png)}
#main_slider .bx-controls-auto{display:block;position:absolute;bottom:150px;left:calc(60px);margin:0 auto;line-height:40px;background:rgba(0,0,0,.8);border-radius:20px;text-align:center;z-index:1}
#main_slider .bx-controls-auto .bx-controls-auto-item{float:left}
#main_slider .bx-controls-auto .bx-controls-auto-item a{display:block;width:40px;background-repeat:no-repeat;background-position:center;text-indent:-10000px}
#main_slider .bx-controls-auto .bx-controls-auto-item a.bx-start{background-image:url(/garden/images/main_new/slider_control_play.png)}
#main_slider .bx-controls-auto .bx-controls-auto-item a.bx-stop{background-image:url(/garden/images/main_new/slider_control_stop.png)}
#main_slider .bx-controls-auto .bx-controls-auto-item a.bx-start.active{}
#main_slider .bx-controls-auto .bx-controls-auto-item a.bx-stop.avtice{}
#main_slider .bx-pager-item a:focus-visible,
#main_slider .bx-controls-auto .bx-controls-auto-item a:focus-visible{outline:3px dotted #fff}
/* 루미캐릭터 */
.rumi{position:absolute;top:0;right:0;width:130px;height:133px;text-align:center;border-radius:0 0 0 35px}
.rumi::before{content:'';position:absolute;top:0;left:-34px;width:34px;height:34px;background:url("/garden/images/main_new/b_radius.png");transform:rotate(90deg)}
.rumi::after{content:'';position:absolute;bottom:-34px;right:0;width:34px;height:34px;background:url("/garden/images/main_new/b_radius.png");transform:rotate(90deg)}
@media only screen and (max-width:1400px){
    #main_slider,
    #main_slider .slider_img,
    #main_slider .slider_img ul,
    #main_slider .slider_img ul li{height:694px}
    #main_slider .bx-pager{bottom:36px}
    #main_slider .bx-controls-auto{bottom:40px}
}
@media only screen and (max-width:1184px){
    .section1{padding:5px 20px 0;flex-wrap:wrap}
    .main_visual{position:relative;width:100%;height:500px;margin-right:0}
    #main_slider{width:calc(100% - 310px)}
    #main_slider,
    #main_slider .slider_img,
    #main_slider .slider_img ul,
    #main_slider .slider_img ul li{height:376px}
	#main_slider .slider_img ul li.slider_img01:after{width:100px;height:100px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd01.png) no-repeat center top / auto 84px}
	#main_slider .slider_img ul li.slider_img02:after{width:100px;height:100px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd02.png) no-repeat center top / auto 84px}
	#main_slider .slider_img ul li.slider_img03:after{width:100px;height:100px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd03.png) no-repeat center top / auto 84px}
	#main_slider .slider_img ul li.slider_img04:after{width:100px;height:100px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd04.png) no-repeat center top / auto 84px}
	#main_slider .slider_img ul li.slider_img05:after{width:100px;height:100px;z-index:1000;background:#fff url(/garden/images/main_new/icon_rd05.png) no-repeat center top / auto 84px}
    .rumi{left:calc(100% - 410px);width:100px;height:100px}
    .rumi img{width:60px}
}
@media only screen and (max-width:768px){
    .section1{padding:5px 10px 0}
    .main_visual{height:600px}
    #main_slider{width:100%}
    #main_slider,
    #main_slider .slider_img,
    #main_slider .slider_img ul,
    #main_slider .slider_img ul li{height:376px}
    .rumi{left:auto}
}
@media only screen and (max-width:570px){
	.main_visual{height:495px}
	#main_slider{border-radius:35px}
	#main_slider,
    #main_slider .slider_img,
    #main_slider .slider_img ul,
    #main_slider .slider_img ul li{height:280px}
    .rumi,
	#main_slider .slider_img ul li.slider_img01:after,
	#main_slider .slider_img ul li.slider_img02:after,
	#main_slider .slider_img ul li.slider_img03:after,
	#main_slider .slider_img ul li.slider_img04:after,
	#main_slider .slider_img ul li.slider_img05:after{display:none}
}
/* 자주찾는 정보 퀵링크 */
.quick_link{position:absolute;bottom:0;width:896px;height:114px;text-align:center;background:#fff;border-radius:0 35px 0 0}
.quick_link::before{content:'';position:absolute;top:-34px;left:0;width:34px;height:34px;background:url("/garden/images/main_new/b_radius.png");transform:rotate(-90deg)}
.quick_link::after{content:'';position:absolute;bottom:0;right:-34px;width:34px;height:34px;background:url("/garden/images/main_new/b_radius.png");transform:rotate(-90deg)}
.quick_link .icon_img{width:100%;padding-top:17px}
.quick_link .icon_img ul{display:flex;flex-wrap:wrap}
.quick_link .icon_img ul li{width:12.5%}
.quick_link .icon_img ul li a{display:block;padding-top:64px;letter-spacing:-1px;line-height:16px;background-repeat:no-repeat;background-position:center 25%}
.quick_link .icon_img ul li a span{display:inline-block;position:relative;color:#000;font-size:16px;font-family:'seolleim';transform:rotate(0.03deg)}
.quick_link .icon_img ul li:nth-child(1) a{background-image:url(/garden/images/main_new/quick_link_icon01.png)}
.quick_link .icon_img ul li:nth-child(2) a{background-image:url(/garden/images/main_new/quick_link_icon02.png)}
.quick_link .icon_img ul li:nth-child(3) a{background-image:url(/garden/images/main_new/quick_link_icon03.png)}
.quick_link .icon_img ul li:nth-child(4) a{background-image:url(/garden/images/main_new/quick_link_icon04.png)}
.quick_link .icon_img ul li:nth-child(5) a{background-image:url(/garden/images/main_new/quick_link_icon05.png)}
.quick_link .icon_img ul li:nth-child(6) a{background-image:url(/garden/images/main_new/quick_link_icon06.png)}
.quick_link .icon_img ul li:nth-child(7) a{background-image:url(/garden/images/main_new/quick_link_icon07.png)}
.quick_link .icon_img ul li:nth-child(8) a{background-image:url(/garden/images/main_new/quick_link_icon08.png)}
.quick_link .icon_img ul li a span::after{content:'';position:absolute;display:block;left:0;bottom:-7px;width:0;height:5px;background:rgba(255, 255, 9, .6)}
.quick_link .icon_img ul li a:hover span::after{width:100%;transition:width .3s}
@media only screen and (max-width:1400px){
    .quick_link{width:100%;border-radius:0}
    .quick_link::after{display:none}
}
@media only screen and (max-width:768px){
    .quick_link{height:214px}
    .quick_link .icon_img ul li{width:25%}
    .quick_link .icon_img ul li:nth-child(n+5){margin-top:22px}
}
@media only screen and (max-width:400px){
    .quick_link .icon_img ul li a span{font-size:14px}
}
/* 입장료,운영시간,할인정보,팝업존 */
.guide_area{width:290px}
/* 입장료,운영시간 */
.watch{height:299px;margin-bottom:15px;padding:24px 20px 0 36px;background:#34499d;border-radius:35px}
.watch .ticket{position:relative;margin-bottom:12px}
.watch .ticket h3{color:#fff;font-size:18px;font-family:'seolleim';transform:rotate(0.03deg)}
.watch .ticket dl{display:flex;flex-wrap:wrap;width:185px;margin-top:5px;line-height:30px}
.watch .ticket dl dt,
.watch .ticket dl dd{height:30px;color:#fff;font-size:22px;font-family:'yg-jalnan'}
.watch .ticket dl dt{width:66px;text-align:justify}
.watch .ticket dl dt:after{content:'';display:inline-block;width:100%}
.watch .ticket dl dd{width:100px;margin-left:10px;text-align:right}
.watch .hour{position:relative}
.watch .hour h3{color:#fff;font-size:18px;font-family:'seolleim';transform:rotate(0.03deg)}
.watch .hour h3 span.hour_pc{display:none;color:inherit}
.watch .hour p{color:#fff;font-size:30px;font-family:'yg-jalnan';line-height:43px;letter-spacing:-0.5px}
.watch .hour p span.hour_mo{display:block;color:inherit;font-size:20px;line-height:18px}
.watch .hour p.ticket_end{font-size:20px;line-height:36px;letter-spacing:0}
.watch a.more{display:block;position:absolute;top:2px;right:-20px;width:35px;height:22px;background:#fff;border-radius:10px 0 0 10px;text-indent:-9999px}
.watch a.more::before{content:'';position:absolute;top:10px;left:5px;width:17px;height:3px;background:#34499d}
.watch a.more::after{content:'';position:absolute;top:3px;left:12px;width:3px;height:17px;background:#34499d}
@media only screen and (max-width:1184px){
    .guide_area{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:15px}
    .watch{display:flex;justify-content:space-between;flex-wrap:wrap;width:calc(100% - 310px);height:175px;margin:0 1% 0 0;padding:0;background:none;border-radius:0}
    .watch .ticket,
    .watch .hour{width:calc(50% - 10px);padding:26px 20px 0 36px;margin-bottom:0;background:#34499d;border-radius:35px}
    .watch .hour p span.hour_mo{font-size:18px;line-height:27px}
    .watch .hour p.ticket_end{font-size:18px;line-height:27px}
    .watch a.more{top:26px;right:-7px}
}
@media only screen and (max-width:970px){
    .watch{height:154px}
    .watch .ticket,
    .watch .hour{padding:22px 20px 0 26px}
    .watch .ticket dl dt,
    .watch .ticket dl dd{height:26px;font-size:18px}
    .watch .ticket dl dt{width:55px}
    .watch .ticket dl dd{width:80px}
    .watch .hour p{font-size:21px;line-height:35px}
}
@media only screen and (max-width:768px){
    .guide_area{display:block;position:relative}
    .watch{height:242px;margin:0 0 15px 0;padding:20px 20px 0 31px;background:#34499d;border-radius:35px}
    .watch .ticket,
    .watch .hour{width:100%;padding:0;background:none;border-radius:0}
    .watch .ticket dl{margin-top:0}
    .watch .hour p{line-height:20px}
    .watch .hour p.ticket_end{line-height:20px}
    .watch a.more{top:2px;right:-20px}
}
@media only screen and (max-width:570px){
    .watch{width:100%;height:auto}
    .watch .ticket,
    .watch .hour{margin-bottom:17px}
    .watch .ticket dl dt,
    .watch .ticket dl dd{height:30px;font-size:22px}
    .watch .ticket dl dt{width:66px}
    .watch .ticket dl dd{width:100px}
    .watch .hour p{font-size:26px;line-height:27px}
    .watch .hour p span.hour_mo{font-size:22px;margin:5px 0}
    .watch .hour p.ticket_end{font-size:22px;line-height:27px}
}
@media only screen and (max-width:430px){
    .watch{padding:20px 20px 0 20px;text-align:center}
    .watch .ticket dl{width:177px;margin:0 auto}
}
/* 할인정보 */
.dc{position:relative;width:290px;height:129px;margin-bottom:15px}
.dc ul li{height:129px;background:#fff}
.dc ul li a{display:block;height:100%;padding-top:25px;color:#fff;font-size:24px;font-family:'seolleim';text-align:center;border-radius:35px}
.dc ul li a:focus{border:3px dotted red}
.dc ul li.s1 a{background:#14356a url("/garden/images/main_new/dc_img01.png") no-repeat center bottom -9px}
.dc ul li.s2 a{background:#0b8552 url("/garden/images/main_new/dc_img02.png") no-repeat center bottom -15px}
.dc ul li.s3 a{background:#904a05 url("/garden/images/main_new/dc_img03.png") no-repeat center bottom -15px}
.dc ul li.s4 a{background:#522e92 url("/garden/images/main_new/dc_img04.png") no-repeat center bottom -15px}
.dc ul li.s5 a{padding-top:45px;color:#000;background:#ffe109}
/* 슬라이드 컨트롤 버튼 */
.dc .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0;left:0;width:150px;height:30px;padding-left:20px;padding-top:4px;background:rgba(0, 0, 0, .7);border-radius:0 35px}
.dc .swiper-pagination-bullet{background-color:transparent;opacity:1;background-image:url(/garden/images/main_new/slider_control_off.png);background-repeat:no-repeat;background-position:center;text-indent:-10000px;display:inline-block;width:20px;height:20px;margin:0 !important;border-radius:0 !important}
.dc .swiper-pagination-bullet-active{background-image:url(/garden/images/main_new/slider_control_on.png);}
.dc .btn_pause_swiper1{position:absolute;left:15px;bottom:5px;display:block;width:20px;border:0;text-indent:-10000px;background:url(/garden/images/main_new/slider_control_stop.png) no-repeat center;z-index:15;}
.dc .btn_pause_swiper1.on{background:url(/garden/images/main_new/slider_control_play.png) no-repeat center;}
.dc .swiper-pagination-bullet:focus-visible,
.dc .swiper-pagination-bullet-active:focus-visible{outline:2px dotted #fff}
.dc .btn_pause_swiper1:focus-visible{outline:2px dotted #fff}

@media only screen and (max-width:1184px){
    .dc{height:175px;margin:0}
    .dc ul li{height:175px}
}
@media only screen and (max-width:970px){
    .dc,
    .dc ul li{height:154px}
}
@media only screen and (max-width:768px){
    .dc{width:calc(100% - 310px)}
    .dc,
    .dc ul li{height:119px}
    .dc ul li a{font-size:20px}
}
@media only screen and (max-width:570px){
    .dc{width:100%;margin-bottom:15px}
}
/* 팝업존 */
.popupzone_area{position:relative}
.popupzone_area .popupzone{width:290px;height:350px;border-radius:35px;overflow:hidden}
.popupzone_area .popupzone ul li a{display:block}
.popupzone_area .popupzone ul li a:focus{border:3px dotted red}
.popupzone_area .popupzone ul li img{width:100%!important;height:350px!important}
.popupzone_area .popupzone_control{display:flex;position:absolute;bottom:0;left:0;padding:3px 16px;background:rgba(0, 0, 0, .7);border-radius:0 35px;z-index:1}
.popupzone_area .swiperSlide2Index{padding:3px 10px 5px;color:#fff;font-size:15px;letter-spacing:2px;border-left:1px solid rgba(255,255,255, .2);border-right:1px solid rgba(255,255,255, .2)}
.popupzone_area .swiperSlide2Index span{color:inherit;letter-spacing:inherit}
.popupzone_area .swiperSlide2Prev{display:block;width:36px;border:0;text-indent:-10000px;background:url(/garden/images/main_new/pz_prev.png) no-repeat center}
.popupzone_area .swiperSlide2Next{display:block;width:36px;border:0;text-indent:-10000px;background:url(/garden/images/main_new/pz_next.png) no-repeat center}
.popupzone_area .btn_pause_swiper2{display:block;width:36px;border:0;text-indent:-10000px;background:url(/garden/images/main_new/pz_stop.png) no-repeat center;border-left:1px solid rgba(255,255,255, .2)}
.popupzone_area .swiperSlide2All{display:block;width:36px;border:0;text-indent:-10000px;background:url(/garden/images/main_new/pz_all.png) no-repeat center;border-left:1px solid rgba(255, 255, 255, .2)}
.popupzone_area .btn_pause_swiper2.on{background:url(/garden/images/main_new/pz_play.png) no-repeat center;}
.popupzone_area .popupzone_control button:focus-visible{outline:2px dotted #fff}
@media only screen and (max-width:1184px){
    .popupzone_area{position:absolute;top:5px;right:20px}
    .popupzone_area .popupzone{height:376px}
    .popupzone_area .popupzone ul li img{height:376px!important}
}
@media only screen and (max-width:768px){
    .popupzone_area{top:0;right:0}
}
@media only screen and (max-width:570px){
    .popupzone_area{position:relative;top:auto;right:auto}
    .popupzone_area .popupzone{width:100%;height:476px}
    .popupzone_area .popupzone ul li img{width:100%!important;height:476px!important}
}
@media only screen and (max-width:370px){
    .popupzone_area .popupzone{height:376px}
    .popupzone_area .popupzone ul li img{height:376px!important}
}

section h3{font-size:44px;font-family:'seolleim'}
@media only screen and (max-width:1184px){
    section h3{font-size:38px}
}
@media only screen and (max-width:1024px){
    section h3{font-size:32px}
}
@media only screen and (max-width:768px){
    section h3{font-size:26px}
}
/* 시설안내 */
.section2{position:relative;padding:70px 20px 0}
.section2 h3{color:#111;text-align:center}
.section2 .pagew{position:relative;max-width:1700px;width:100%}
.section2 .sisul_list{display:flex;height:560px;padding-top:50px;font-size:0}
.section2 .sisul_list li{display:flex;width:20%;margin-right:1%;transition:0.3s;overflow:hidden;position:relative;height:509px;border-radius:35px}
.section2 .sisul_list li.on::after,
.section2 .sisul_list li.swiper-slide-active::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:#000;opacity:0.7}
.section2 .sisul_list li>div{position:relative;width:100%;padding:40px 34px 30px;z-index:9}
.section2 .sisul_list li>div>a{display:block;height:100%;word-break:keep-all}
.section2 .sisul_list li:last-child{margin-right:0}
.section2 .sisul_list .sisul_bg{position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:initial}
.section2 .sisul_list .tit{position:relative;font-size:28px;font-family:'seolleim';color:#fff;display:block;line-height:1;margin-bottom:19px}
.section2 .sisul_list .tit:before{position:absolute;left:0;bottom:-15px;content:'';width:100%;height:2px;background:#fff;opacity:0;transition:0.3s}
.section2 .sisul_list .tit:after{position:absolute;right:0;top:0;content:'+';width:30px;height:30px;opacity:0;transition:0.3s;text-align:right}
.section2 .sisul_list .con{opacity:0;transition:0.3s}
.section2 .sisul_list li.on{width:37%;height:529px;margin-top:-10px;transition:0.3s}
.section2 .sisul_list li.on .con{position:absolute;bottom:36px;width:calc(100% - 60px);color:#fff;font-size:18px;opacity:1}
.section2 .sisul_list li.on .con:before{opacity:1}
.section2 .sisul_list li.on .tit{font-size:34px}
.section2 .sisul_list li.on .tit:before,
.section2 .sisul_list li.on .tit:after{opacity:1}
.section2 .sisul_list li.on .sisul_bg{height:100%}
.section2 .bt_box{padding:50px 0 54px;text-align:center}
.section2 .btn_view{margin:auto}
@media only screen and (max-width:1184px){
    .section2 .sisul_list{height:460px}
    .section2 .sisul_list li{height:409px}
    .section2 .sisul_list li.on{height:429px}
    .section2 .sisul_list .tit{font-size:22px}
    .section2 .sisul_list li.on .tit{font-size:26px}
}
@media only screen and (max-width:1024px){
    .section2{padding:50px 0 0}
    .section2 .pagew > div{overflow:hidden}
    .section2 .sisul_list{height:419px;padding-top:35px}
    .section2 .sisul_list .sisul_bg{width:100%}
}
@media only screen and (max-width:690px){
    .section2 .sisul_list .sisul_bg{width:auto;height:100%}
}

/* 공지사항,보도자료 */
.section3{padding:0 20px;margin-top:70px}
.section3 .inr{position:relative;border-radius:35px;overflow:hidden}
.section3 .inr:before,
.section3 .inr:after{content:'';display:block;position:absolute;top:0px;z-index:-1;width:50%;height:100%}
.section3 .inr:before{left:0px;background:#f4f4f9}
.section3 .inr:after{right:0px;background:#f9fafa}
.section3 .title h3{color:#111}
.section3 .title p{margin-top:40px;color:#777;font-weight:300}
.section3 .btn_more{display:block;position:relative;width:25px;height:25px;text-indent:100%;overflow:hidden;white-space:nowrap}
.section3 .btn_more:before,
.section3 .btn_more:after{content:'';display:block;position:absolute;background:#43434b}
.section3 .btn_more:before{left:0px;top:50%;width:100%;height:1px}
.section3 .btn_more:after{top:0px;left:50%;width:1px;height:100%}

.section3 .area_tab_main{position:relative;width:calc(100% - 450px);box-sizing:border-box;margin-left:450px;padding:70px 40px 50px;background:#f9fafa}
.section3 .title{position:absolute;top:54px;left:120px}
.section3 .btn_more{position:absolute;left:-328px;bottom:54px}
.section3 .list{display:none}
.section3 .area_tab_main:after{content:'';display:block;position:absolute;right:0px;top:0px;width:100%;height:100%;background:#f9fafa;transition:width 1s ease 0s}
.section3 .area_tab_main button{position:absolute;left:-117px;width:117px;height:50px;line-height:50px;box-sizing:border-box;font-size:20px;font-family:'seolleim';background:transparent;border-bottom:1px solid #e1e1e1;text-align:center;transition:all 0.3s ease;border:0}
.section3 .area_tab_main button:nth-of-type(1){top:calc(0px + 70px)}
.section3 .area_tab_main button:nth-of-type(2){top:calc(70px + 70px)}
.section3 .area_tab_main button.on{left:-87px;width:120px;font-size:22px;background:#34499d;color:#fff;box-shadow:0 15px 15px rgba(65,71,143,0.2)}
/*.section3 .area_tab_main button:focus{outline:none}*/
.section3 .area_tab_main .list:after{content:'';display:block;clear:both}
.section3 .area_tab_main .list li{float:left;width:calc(100% / 3);height:225px;margin-left:-0.1%;box-sizing:border-box;padding-left:40px}
.section3 .area_tab_main .list ul:after{content:'';display:block;clear:both}
.section3 .area_tab_main .list li a{display:block;position:relative;height:100%}
.section3 .area_tab_main .list li a em{display:block;height:3.2em;font-size:20px;color:#333;font-weight:500;letter-spacing:-0.5px;line-height:1.6em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:keep-all}
.section3 .area_tab_main .list li a em i{color:#000;transition:all 0.3s ease;font-weight:inherit}
.section3 .area_tab_main .list li a:hover em i{box-shadow:0 -10px 0 rgba(246,191,209,0.7) inset}
.section3 .area_tab_main .list li a span{display:block;height:4.8em;line-height:1.6em;margin-top:15px;color:#666;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
.section3 .area_tab_main .list li a > i{display:block;position:absolute;bottom:0px;left:0;color:#666;font-weight:300}
.section3 .area_tab_main .list li.none{float:none;width:100%;height:225px;text-align:center}
.section3 .area_tab_main .list li.none span{display:inline-block;width:98%;vertical-align:middle;font-weight:300;font-size:16px}
.section3 .area_tab_main .list li.none:after{content:'';display:inline-block;height:100%;vertical-align:middle}
.section3 .area_tab_main.active:after{width:0px}
@media only screen and (max-width:1440px){
    .section3 .title{left:63px}
    .section3 .area_tab_main{width:calc(100% - 390px);margin-left:390px}
}
@media only screen and (max-width:1184px){
	.section3 .area_tab_main{min-height:416px;padding:55px 40px 50px}
	.section3 .area_tab_main .list li{float:none; width:100%; height:106px; padding-top:10px; border-top:1px dashed #e1e1e1;}
	.section3 .area_tab_main .list li:first-child{margin-top:0px;border-top-width:0px}
	.section3 .area_tab_main .list li a em{display:block !important; height:auto; white-space:nowrap;}
	.section3 .area_tab_main .list li a span{display:block !important; height:auto; margin-top:5px; white-space:nowrap;}
	.section3 .area_tab_main .list li a > i{position:static;}
}
@media only screen and (max-width:1024px){
    .section3{margin-top:50px}
    .section3 .title{top:35px;left:50px}
    .section3 .title p{display:none}
    .section3 .area_tab_main{width:calc(100% - 217px);margin-left:217px;min-height:389px;padding:33px 40px 0}
    .section3 .area_tab_main button:nth-of-type(1){top:calc(0px + 120px)}
    .section3 .area_tab_main button:nth-of-type(2){top:calc(70px + 120px)}
    .section3 .btn_more{left:-176px}
}
@media only screen and (max-width:768px){
    .section3{padding:0 10px}
}
@media only screen and (max-width:610px){
    .section3 .inr:before{width:100%}
    .section3 .inr:after{display:none}
    .section3 .title{top:26px;left:34px}
    .section3 .area_tab_main{width:100%;margin-left:0;margin-top:90px}
    .section3 .area_tab_main button{}
    .section3 .area_tab_main button:nth-of-type(1){top:-57px;left:auto;right:153px}
    .section3 .area_tab_main button:nth-of-type(2){top:-57px;left:auto;right:20px}
    .section3 .area_tab_main button.on{left:auto;top:-36px}
    .section3 .area_tab_main .list li{padding-left:0}
}
@media only screen and (max-width:470px){
    .section3 .title{top:26px;left:calc(50% - 46px)}
    .section3 .area_tab_main{margin-top:120px;padding:33px 20px 0}
    .section3 .area_tab_main button:nth-of-type(1){top:-36px;right:auto;left:calc(34% - 60px)}
    .section3 .area_tab_main button:nth-of-type(2){top:-36px;right:calc(34% - 60px)}
    .section3 .area_tab_main button,
    .section3 .area_tab_main button.on{font-size:18px}
    .section3 .area_tab_main button{width:96px;height:44px;line-height:44px}
    .section3 .area_tab_main button.on{width:96px}
}
/* 추천코스 */
.section4{position:relative;padding:0 20px;margin-top:70px;overflow:hidden}
.section4 h3{position:absolute;top:75px;left:calc(50% - 74px);color:#fff;text-align:center;z-index:1}
.section4 .img_txt{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center}
.section4 .sec-tit .main_tit{margin:47px 0 20px}
.section4 .cont_wr{position:relative;height:743px;background:url('/garden/images/main_new/course_bg0.jpg') no-repeat center;transition:0.4s;border-radius:35px}
.section4 .cont_wr .img_txt{top:55%;transform:translateY(-50%);height:auto}
.section4 .smt_box{display:none}
.section4 .smt_box.on{display:block;width:1340px;height:160px;margin:0 auto}
.section4 .smt_box>span{display:block;color:#fff}
.section4 .line_wrap{padding-top:7%;text-align:center}
.section4 .line_wrap ul{font-size:0;position:relative}
.section4 .line_wrap li{display:inline-block;width:14.68%;position:relative;z-index:2;opacity:0;transition:all 1s 1s}
.section4 .line_wrap li img.ico_act{width:0;height:0;opacity:0}
.section4 .line_wrap.on li{opacity:1}
.section4 .line_wrap li:nth-child(2){transition-delay:1.2s}
.section4 .line_wrap li:nth-child(3){transition-delay:1.4s}
.section4 .line_wrap li:before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:120px;border-radius:25px;background:#00bebc;transition:0.5s;z-index:-5;opacity:0}
.section4 .line_wrap li.act img.ico_act{width:auto;height:auto;opacity:1}
.section4 .line_wrap li.act img.ico_cs{width:0;height:0;opacity:0}
.section4 .line_wrap li:first-child{z-index:5}
.section4 .line_wrap li .line_ico{text-align:center}
.section4 .line_wrap li .line_ico img{}
.section4 .line_wrap .dot{display:block;width:8px;height:8px;border-radius:4px;background:#fff;margin:29px auto 14px;position:relative}
.section4 .line_wrap ul:before{position:absolute;content:'';top:77px;left:0;width:0;height:1px;background:rgba(255, 255, 255, 0.5);transition:1.3s}
.section4 .line_wrap.on ul:before{width:100%}
.section4 .line_wrap .main_tit{font-size:20px;font-weight:normal;letter-spacing:-1.5px;color:#fff;display:block}
.section4 .line_wrap .more_view{display:inline-block;font-size:16px;font-weight:500;color:#fff;position:relative;margin-top:35px;opacity:0;transition:0.4s ease-in-out;transition-delay:0.2s}
.section4 .line_wrap .more_view:before{position:absolute;content:'';left:0;bottom:-7px;width:100%;height:2px;background:#fff}
.section4 .line_wrap .more_view span{display:inline-block;margin-left:53px}
.section4 .line_wrap li.act:before,
.section4 .line_wrap li.act .more_view{opacity:1}
.section4 .smt_box .cs_list{position:relative;display:flex;justify-content:space-between;align-items:center}
.section4 .smt_box .cs_list li{position:relative}
.section4 .smt_box .cs_list li span{color:#fff}
.section4 .smt_box .cs_list li.cs_go,
.section4 .smt_box .cs_list li.cs_end{width:42px;height:42px;line-height:42px;color:#4c393d;font-size:16px;font-family:'NotoSansKR';border-radius:30px}
.section4 .smt_box .cs_list li.cs_go{background:#ffe109}
.section4 .smt_box .cs_list li.cs_end{background:#f5bcd4}
.section4 .smt_box .cs_list li.cs_go::before,
.section4 .smt_box .cs_list li.cs_end::before{content:'';position:absolute;width:33px;height:33px;background:rgba(255,255,255,.7);border-radius:30px 30px 30px 0;transform:rotate(-45deg)}
.section4 .smt_box .cs_list li.cs_ing:nth-child(2n+1)::after,
.section4 .smt_box .cs_list li.cs_ing:nth-child(2n)::after{content:'';position:absolute;width:150px;height:17px;background:rgba(255,255,255,.25);border-radius:10px}
.section4 .smt_box .cs_list li.cs_ing:nth-child(2)::before{content:'';position:absolute;left:28px;top:-28px;width:17px;height:17px;background:rgba(255,255,255,.25);border-radius:10px}
.section4 .smt_box .cs_list.hour1 li.cs_go::before{top:-59px;left:103px}
.section4 .smt_box .cs_list.hour1 li.cs_end::before{top:-20px;left:-89px}
.section4 .smt_box .cs_list.hour1 li.cs_ing{color:#fff;font-size:18px;font-family:'seolleim';transform:rotate(0.03deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(2n+1){margin-top:130px}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(2n){margin-top:-90px}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(2){top:60px}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(2n+1)::after{top:-49px;left:calc(50% - 13px);transform:rotate(-20deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(2n)::after{top:60px;left:calc(50% - 9px);transform:rotate(20deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(2)::after{top:-2px;width:168px}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(3)::after{left:calc(50% - 12px);width:180px;transform:rotate(-17deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(4)::after{top:61px;left:calc(50% - 11px);width:138px;transform:rotate(23deg);}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(5)::after{width:156px}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(6)::after{left:calc(50% - 11px);width:152px}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(7)::after{top:-51px;left:calc(50% - 15px);width:143px;transform:rotate(-22deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(8)::after{top:59px;left:calc(50% - 12px);width:140px;transform:rotate(23deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(9)::after{top:-50px;width:135px;transform:rotate(-23deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(10)::after{top:58px;left:calc(50% - 9px);width:128px;transform:rotate(22deg)}
.section4 .smt_box .cs_list.hour1 li.cs_ing:nth-child(11)::after{content:'';position:absolute;left:24px;top:-31px;width:17px;height:17px;background:rgba(255,255,255,.25);border-radius:10px}
.section4 .smt_box .cs_list{}
/* smartlet_mobile */
.section4 .sm_tab ul{font-size:0;text-align:center;margin-bottom:20px}
.section4 .sm_tab ul li{display:inline-block;margin-right:7px;padding:0 20px;font-size:11px;font-weight:500;color:#363636;letter-spacing:-1.54px;height:39px;border-radius:20px;line-height:37px;border:solid 1px rgb(225, 225, 225);transition:0.5s}
.section4 .sm_tab ul li.on{background-color:rgb(35, 35, 35);border:solid 1px rgb(35, 35, 35);color:#fff}
.section4 .sm_cont{text-align:center;display:none}
.section4 .sm_cont.on{display:block}
.section4 .sm_cont .txt_wrap > span{color:rgb(0, 0, 0);font-size:21px;font-weight:500;letter-spacing:-1.67px}
.section4 .sm_cont .txt_wrap > span.main_cont{color:rgb(85, 85, 85);font-size:12px;letter-spacing:-0.78px}
.section4 .sm_cont .btn_view{margin:35px auto 0}
.section4 .sm_cont .sm_img{display:inline-block;position:relative}
.section4 .mo_section4 .sm_cont .sm_img > img{border-radius:25px}
.section4 .mo_section4 .sm_cont .sm_img{padding:15px 15px 0}
.section4 .txt_wrap .main_tit{margin:20px 0 19px}
.section4 .sm_cont .sm_ico{position:absolute;left:30px;top:0px;width:55px;height:55px;border-radius:10px;background:#00bebc}
.section4 .sm_cont .sm_ico > div{position:relative;width:100%;height:100%}
.section4 .sm_cont .sm_ico > div img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.section4 .mo_section4 .sm_cont .sm_ico > div img{height:34px}
.section4 .mo_section4{text-align:center}
.section4 .mo_section4 .bt_box{display:inline-block;margin-top:35px}
.section4 .mo_section4 img{border:0;max-width:100%;vertical-align:middle}
.section4 .txt_wrap{text-align:center}
@media only screen and (max-width:1024px){
    .section4{margin-top:50px}
}
@media screen and (max-width:989px){
    .section4 .dis-989{display:none!important}
}
@media screen and (max-width:989px){
    .section4 .dis-no.vis-989{display:block!important}
}


/*footer*/
#footer{padding:0 20px}
.banner_area .inner{max-width:1740px!important;padding:0 20px}
.main_footer{width:100%;margin:0 auto}
div.goTop a{display:block;position:absolute;top:124px;right:0;width:64px;height:64px;text-indent:-9999px;background:url(/garden/images/common/gotop_bg.png);z-index:1}
@media only screen and (max-width:1024px){
    div.goTop a{top:auto;bottom:25px}
}