/* header */
header{position:fixed;z-index:99;top:0; width:100%; background:#fff}
header.sticky{box-shadow:1px -1px 10px rgba(0,0,0,.1)}
header h1{position:absolute;z-index:9;top:50%; left:5%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
nav{position:relative;width:100%;font-size:22px;display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
nav > div > a,nav > div > span{font-family:"JalnanGothic","Pretendard", "Noto Sans KR", dotum ,sans-serif;text-align:center;display:inline-block;width:100%;padding:0 30px; line-height:1.2em;line-height:130px;transition: all .2s ease-in-out;}
nav > div > a:hover{color:#1A81DF}
nav > div{display:inline-block;position:relative;height:130px;}
nav > div > ul{position:absolute;background:#fff;top:90px; width:100%; min-width:180px;max-width:180px; padding:20px; border-radius:15px; left:50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);border:1px solid rgba(0,0,0,.1); font-size:18px; opacity:0; transition: all .3s ease-in-out;visibility:hidden}
nav > div > ul.open{opacity:1;top:110px;visibility: visible}
nav > div > ul li a{display:inline-block;transition: all .2s ease-in-out;width:100%}
nav > div > ul li:nth-child(n+2) a{padding:15px 0 0 0}	
nav > div > ul li a:hover{font-weight:600; color:#1A81DF}

nav .nav-line{height:130px;display:table; line-height:1.3}
nav .nav-line span{display:block;margin:0 auto;font-size:.8em;}
nav .nav-line div{display:table-cell; vertical-align:middle}
.toggle-nav,.nav-close,.m-gnb,#m-Gnb{display:none}

#Gnb-wrap{position:absolute;right:5%; z-index:9;top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);font-size:16px}
#Gnb-wrap .Gnb{display:inline-block}
#Gnb-wrap .Gnb a,#Gnb-wrap .Gnb span{display:inline-block;margin-right:15px;cursor:pointer}
#Gnb-wrap .Gnb > a,#Gnb-wrap .Gnb > span{line-height:35px;}
.Gnb-btn{display:inline-block;background:#1A81DF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8 1v3h8V1h2v3h4v18H2V4h4V1zM4 6v3h16V6zm16 5H4v9h16z'/%3E%3Cpath fill='white' d='m16.914 13.25l-5.657 5.657l-3.535-3.536l1.414-1.414l2.121 2.121l4.243-4.242z'/%3E%3C/svg%3E") no-repeat 15px 50% ;line-height:1; padding:12px 15px 12px 40px;color:#fff;border-radius:5px}
.Gnb-btn:hover{background-color:#00B28D}
.nav-mp{position:relative; }
.nav-mp > div{position:absolute;margin-top:0px;left:-20px;background:#fff; border:1px solid rgba(0,0,0,.1); border-radius:15px;opacity:0;visibility:hidden; width:100%; min-width:170px}
.nav-mp.open > div{opacity:1;visibility: visible}
.nav-mp > div dl{padding:30px 25px}
.nav-mp > div dt{color:#1A81DF;font-weight:600;line-height:1}
.nav-mp > div dd{margin-top:15px;line-height:1}
.nav-mp > div dd a{display:inline-block; padding-left:10px;font-size:.9em;position:relative;}
.nav-mp > div dd a:before{content:'';position:absolute; width:5px; height:5px; background:#D9D9D9; border-radius:100%; left:0; top:4px}
.nav-mp > div dl:nth-child(n+2){border-top:1px solid #ddd}

/*푸터 */
footer{background:#2F3140; font-weight:300}
.f-wrap{width:90%;max-width:1500px; margin:0 auto; color:rgba(255,255,255,.6)}
.f-wrap .f-navi{display:flex; flex-wrap:wrap; justify-content:space-between;padding:30px 0; font-size:18px; color:#fff}
.f-wrap .f-navi a{display:inline-block; margin-right:20px}
.f-wrap .f-navi .sns a{margin-right:0; margin-left:20px;font-size:20px; vertical-align:middle; line-height:24px }
.f-wrap .f-navi .sns a iconify-icon{font-size:24px;vertical-align:middle; }
.f-wrap .f-info{display:flex; flex-wrap:wrap; justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.2); padding:60px 0; font-size:16px}
.f-wrap .f-info span{display:inline-block; margin-right:30px}
.f-wrap .f-info .tel{width:160px}
.f-wrap .f-info .tel b{display:block;font-size:20px; font-family: 'JalnanGothic';color:#fff;font-weight:normal}
.f-wrap .f-info > div{width:calc(100% - 180px)}

body#main-bg{background:url(../images/main/bg.jpg) no-repeat 0 0; background-size:100%}
body#sub-bg{background:#F9F9F9 url(../images/main/play-bg.jpg) no-repeat 0 0; background-size:100% }

/* 메인비주얼 */
.main-visual{position:relative; width:90%;margin:130px auto 0 auto;}
.visual-wrap{overflow:hidden;border-radius:30px;}
.main-visual .txt{position:absolute;bottom:100px;z-index:9; left:100px; color:#fff; font-family: 'JalnanGothic';font-size:55px; line-height:1.3; text-shadow:1px 5px 10px rgba(255,255,255,.2)}
.main-visual .txt span{font-size:30px;display:block; color:#1A81DF }
.main-visual .swiper-slide{height:750px;}
.main-visual .swiper-slide.visual-01{background:url(../images/main/visual-01.jpg) 50%/cover}
.main-visual .swiper-slide.visual-02{background:url(../images/main/visual-02.jpg) 50%/cover}
.visual-wrap .swiper-slide .bg-m {display:none}
.main-visual .swiper-button-next,.main-visual .swiper-button-prev{width:60px; height:60px; background:url(../images/main/slid-btn.svg) no-repeat;}
.main-visual .swiper-button-next:after,.main-visual .swiper-button-prev:after{display:none}
.main-visual .swiper-button-next{transform:rotate(180deg)}
.pop-booking{position:absolute; top:50%; right:100px;z-index:9;background:#00B28D; color:#fff; border-radius:30px; padding:40px; width:100%; max-width:470px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.pop-booking h2{font-size:32px;font-family: 'JalnanGothic';font-weight:normal}
.pop-booking h2 span{display:block; font-size:16px}
.form-box {margin-top:15px;}
.form-box select, .form-box input{font-size:20px;color:#666; cursor:pointer;width:100%}
.pop-booking select{width:100%; height:60px; border:0;}
.pop-booking select option{font-size:.85em;display:block}
.pop-booking input[type="text"]{background:#fff url("../images/main/ico-cal.svg") no-repeat  20px 50%;background-size:20px; border-radius:7px; padding-left:50px;height:60px;border:0;width:100%;font-size:20px;border-radius:7px; }
.pop-booking button{border:0; background:#ffce00; color:#fff; font-family: 'JalnanGothic';width:100%; margin-top:15px; height:60px;font-size:20px;border-radius:7px; cursor:pointer}
/*div select*/
.pop-booking .select-wrap{position:relative;z-index:99;width:100%; height:60px; border:0;color:#222;}
.pop-booking .selected-value{font-size:20px; color:#666; line-height:60px;background:#fff url("../images/main/ico-target.svg") no-repeat  20px 50%;background-size:20px; border-radius:7px; padding-left:50px;cursor:pointer}
.pop-booking .select-con{display:none;width:100%; position:absolute; z-index:99;padding:30px;background:#fff;border-radius:7px;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.pop-booking .select-con.active{display:block}
.pop-booking .select-con dt{font-size:1.1em; color:#000;font-weight:700;line-height:30px}
.pop-booking .select-con dd{line-height:30px}
.pop-booking .select-con dd:hover{text-decoration:underline;text-underline-position: under;text-decoration-thickness:1px}
.pop-booking .select-con dl:nth-child(n+2){margin-top:20px}

/*메인예약모달*/
.blocker{z-index:100 !important}
.modal.modal-cal{width:100%; max-width:1200px;padding:0px;}
.calender-contents{padding:50px 50px 10px 50px}
.ui-widget.ui-widget-content{width:100% !important;}
.ui-widget-header,.ui-widget.ui-widget-content{background:none !important; border:none !important}
.ui-widget-header{padding:0 !important}
.ui-datepicker .ui-datepicker-title{font-size:30px;font-family: 'JalnanGothic';font-weight:normal}
.ui-datepicker td span, .ui-datepicker td a{padding:1.7em 1em !important; text-align:center !important}
.ui-widget-header .ui-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m15 4l2 2l-6 6l6 6l-2 2l-8-8z'/%3E%3C/svg%3E") !important; width:30px; height:30px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-left:-15px !important; margin-top:-15px  !important}
.ui-datepicker .ui-datepicker-next span{transform:rotate(180deg) !important}
.ui-widget-content{border:none !important}
.modal-cal .info-txt{padding:20px; text-align:center;color:#666; background:#f9f9f9}
.modal-cal .info-txt b{color:#F60808}
.modal-cal #checkin{padding:20px; text-align:center}
.modal-cal button{background:#1A81DF; height:60px; border:0; width:100%; color:#fff; font-size:20px; border-bottom-left-radius:8px;border-bottom-right-radius:8px; cursor:pointer}


/* 메인컨텐츠 */
.main-container{width:90%; max-width:1500px; margin:130px auto 0 auto;}
.main-container h2,.playarea-bg h2{font-size:35px;font-family: 'JalnanGothic';font-weight:normal; text-align:center; margin-bottom:50px}
.main-container h2 b,.playarea-bg h2 b{font-weight:normal;}
.main-container h2 img,.playarea-bg h2 img{vertical-align:middle}

.room-wrap{width:calc(100% + 60px);margin:0 -30px;position:relative;}
.room-slider{overflow:hidden;width:calc(100% - 60px); margin:0 auto}
.room-slider .swiper-slide{border:1px solid #ddd; border-radius:20px; overflow:hidden;background:#fff}
.room-slider .swiper-slide .img{width:100%; height:0; padding-bottom:60%;position:relative;}
.room-slider .swiper-slide .img img{width:100%; position:absolute; width:100%; left:0; top:0; height:100%}
.room-slider .swiper-slide dl{padding:30px}
.room-slider .swiper-slide dt{color:#000; font-size:27px; font-weight:800;}
.room-slider .swiper-slide dd{font-size:20px; color:#666}
.room-slider .swiper-button-next,.room-slider .swiper-button-prev{width:60px; height:60px; background:url(../images/main/room-btn.svg) no-repeat;margin-top:0}
.room-slider .swiper-button-next:after,.room-slider .swiper-button-prev:after{display:none}
.room-slider .swiper-button-next{transform:rotate(180deg); right:-0px}
.room-slider .swiper-button-prev{left:0}

.site-info{display:flex; flex-wrap:wrap; justify-content:space-between;margin:100px auto}
.site-info > div{width:calc(50% - 20px);border-radius:20px;}
.site-info > div:first-child{background:#1A81DF url(../images/main/siteinfo-01.svg) no-repeat calc(100% - 70px) 100%}
.site-info > div:last-child{background:#00B28D url(../images/main/siteinfo-02.svg) no-repeat calc(100% - 60px) 0}
.site-info > div a{display:inline-block;padding:80px 70px; width:100%;font-size:32px;font-family: 'JalnanGothic';color:#fff}

.playarea-bg{background:#f9f9f9 url(../images/main/play-bg.jpg) no-repeat 50%/cover; padding:100px 0}
.play-content{background:#fff;padding:40px;; border:1px solid rgba(0,0,0,.1); width:90%; max-width:1500px; margin:0 auto; border-radius:20px}
.play-content .tag{text-align:center;font-size:27px;font-family: 'JalnanGothic';color:rgba(0,0,0,.15)}
.play-slider{margin-top:30px;position:relative; overflow:hidden; padding-bottom:50px}
.play-slider .swiper-pagination{width:100%;bottom:0;}

.play-btn{display:flex; flex-wrap:wrap; justify-content:space-between;align-items:center;margin-top:20px}
.play-btn .con{width:calc(100% - 280px); font-size:27px}
.play-btn .con b{font-size:1.2em; font-weight:700; display:block}
.play-btn .btn{width:250px}
.play-btn .btn a{display:inline-block; width:100%; height:60px;line-height:60px; background:#1A81DF url(../images/main/ico-arrow_right.svg) no-repeat calc(100% - 25px) 50%; color:#fff; font-size:20px; border-radius:10px; padding:0 25px; background-size:25px}
.play-btn .btn a:hover{background-color:#00B28D;}
.play-img{display:flex; flex-wrap:wrap; justify-content:space-between;margin-top:20px}
.play-img li{width:calc(100%/3 - 20px);}
.play-img li span{position:relative;display:block; width:100%; height:0; padding-bottom:60%;border-radius:10px;overflow:hidden}
.play-img li img{position:absolute; top:50%; left:50%; width:100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);min-height:100%}

.family-wrap{padding:50px 0; width:100%;background:#fff;}
.family-wrap.top-line{border-top:1px solid rgba(0,0,0,.1)}
.family-wrap > div{width:90%; max-width:1560px; margin:0 auto;overflow:hidden;}
.family-site{width:calc(100% - 60px); max-width:1500px;margin:0 30px;position:relative;}
.family-site .swiper-slide {text-align:center}
.family-site .swiper-slide img{max-width:100%}
.family-site .swiper-button-next,.family-site .swiper-button-prev{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20z'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size:100%; width:30px}
.family-site .swiper-button-next:after,.family-site .swiper-button-prev:after{display:none}
.family-site .swiper-button-prev{left:-30px}
.family-site .swiper-button-next{transform:rotate(180deg); right:-30px }



/*----------------sub----------------*/
.container{width:90%; max-width:1500px; margin:0 auto;padding:130px 0}
.container h2{margin-top:100px;  font-family: 'JalnanGothic';font-size:55px;text-align:center; margin-bottom:50px;font-weight:normal}
.container h3 {margin-top:50px;font-family: 'JalnanGothic';font-weight:normal}
.sub-wrap{background:#fff;padding:80px; border-radius:30px; box-shadow:1px -1px 20px rgba(0,0,0,.05)}
.wrap-box{width:100%; max-width:540px; margin:0 auto}
.round-wrap{background:#fff;border-radius:30px;padding:50px;}

/*카테고리 탭*/
.tab-nav{display:flex; flex-wrap:wrap; justify-content:center}
.tab-nav li{width:calc(100%/4 - 10px);max-width:230px; background:rgba(0,0,0,.05); margin:0 5px; text-align:center;font-family: 'JalnanGothic';border-radius:50px;overflow:hidden;}
.tab-nav li a{display:inline-block; width:100%;height:60px;line-height:60px;transition: all .2s ease-in-out;}
.tab-nav li:hover a,.tab-nav li.on a,.tab-nav li.active a{background:#1A81DF; color:#fff}

/*예약캘린더*/
#reservation_cal{margin-top:50px}
.sub-wrap .ui-widget-content{width:100% !important}
#goods_list{width:100%; padding:40px 0;}
#goods_list .info-txt,#goods_list_trs .info-txt{font-size:22px;background:#f9f9f9;padding:20px;text-align:center;margin-top:20px}
#goods_list .info-txt iconify-icon,#goods_list_trs .info-txt iconify-icon{vertical-align:middle; margin-right:5px;font-size:1.2em}
#goods_list .item{display:inline-block; width:calc(100%/7 - 6px);margin:3px }
.item input[type="radio"]{display:none}
.item  input[type="radio"]+label{display: inline-block; cursor: pointer; height: 50px;width:100%; border: 1px solid #000; line-height: 50px; text-align: center; font-weight:bold; font-size:16px; border-radius:3px;font-weight:normal}
.item input[type="radio"]:checked+label{background-color:#1A81DF; color: #fff; border: 1px solid #1A81DF}
#goods_list .btn-wrap{margin-top:50px;text-align:center}
#goods_list .btn-wrap button{width:100%; max-width:250px;background:#1A81DF; color:#fff; line-height:60px; height:60px; border:0;font-size:20px;border-radius:7px;}
#goods_list .btn-wrap button:hover{background:#00B28D}
#goods_list .map-type{margin-bottom:50px}

.map-type{text-align:center}
.map-type #roomType2{max-width:1000px;margin:0 auto}

.dot-list li{position:relative;padding-left:15px}
.dot-list li:nth-child(n+2){margin-top:15px}
.dot-list li:before{content:'';position:absolute; width:6px; height:6px; background:rgba(0,0,0,.2); left:0; top:8px; border-radius:100%}

/*마이페이지:결제목록*/
.tbl-list,.tbl-basic{table-layout:fixed;border-top:1px solid #000; width:100%}
.tbl-list thead th,.tbl-basic thead th{padding:25px 0; border-bottom:1px solid rgba(0,0,0,.15)}
.tbl-list thead th span,.tbl-basic thead th span{display:block; color:#ff0000; font-size:.85em}
.tbl-list tbody td,.tbl-basic tbody td{text-align:center; border-bottom:1px solid rgba(0,0,0,.1); padding:20px 5px}
.tbl-list tbody th,.tbl-basic tbody th{ border-bottom:1px solid rgba(0,0,0,.1); padding:20px 5px; background:#f9f9f9}
.tbl-list.td-left tbody td {text-align:left;padding:20px}
.tbl-btn{display:inline-block; width:60px;height:30px; color:#fff !important; line-height:30px;font-size:.9em; border-radius:5px}
.tbl-btn.type-01{background:#3D66B7;}
.tbl-btn.type-02{background:#ff0000;}
.tbl-btn.type-03{background:#aaa;}
.tbl-list tbody td .txt-red{display:block; font-size:.85em; color:#ff0000;font-weight:600}
.tbl-list tbody td.t-left{text-align:left}
.tbl-list tbody td.order-item a:hover{text-decoration:underline;text-underline-position: under; }
.tbl-line {border-left:1px solid rgba(0,0,0,.1)}
.tbl-line thead th{border-right:1px solid rgba(0,0,0,.1)}
.tbl-line tbody td{border-right:1px solid rgba(0,0,0,.1)}

.h3-line{font-size:24px;padding-bottom:10px}
.contents-box{padding:20px; background:#f9f9f9;border:1px solid rgba(0,0,0,.1); border-radius:7px; min-height:150px}
.form-check{margin-top:10px;}
.form-check label{ cursor:pointer}

/*체험시설*/
.play-schedule{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.play-schedule > div{width:calc(50% - 60px)}
.play-schedule > div:last-child{position:relative}
.play-schedule > div:last-child:before{content:'';position:absolute;width:1px; height:calc(100% - 50px); background:rgba(0,0,0,.05); left:-60px;top:50px;}
.schedule-check{background:#f9f9f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='%23F6065D'%3E%3Cpath d='M10.243 16.314L6 12.07l1.414-1.414l2.829 2.828l5.656-5.657l1.415 1.415z'/%3E%3Cpath fill-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12m11 9a9 9 0 1 1 0-18a9 9 0 0 1 0 18' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") no-repeat 20px 50% ;background-size:35px; margin-top:50px;padding:15px 20px;padding-left:65px; border-radius:7px; color:#F6065D;font-weight:600; line-height:1.3}
.play-schedule #goods_list{padding:20px 0 !important}
.play-schedule h3{font-size:22px; margin-top:0}
.play-schedule #goods_list table{width:100%;table-layout:fixed}
.play-schedule #goods_list table thead th{background:#1A81DF;color:#fff;padding:15px 5px; font-weight:600}
.play-schedule #goods_list table tbody td{border-bottom:1px solid rgba(0,0,0,.1);padding:15px 5px;text-align:center}
.play-count{border-top:1px solid rgba(0,0,0,.1); margin-top:10px; width:100%}
.play-count td{padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.1); text-align:center; color:#000; font-weight:600}
.play-count td.num select{width:100px;background-color:#f6f6f6; padding:10px; border:none;font-weight:600; text-align:center}

/*위약금 테이블*/
.contents-table table{table-layout:fixed; width:100%;border-top:1px solid #000; border-left:1px solid rgba(0,0,0,.1) ; }
.contents-table table thead th{background:#f9f9f9;border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);padding:15px;word-break:keep-all }
.contents-table table tbody td{border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);text-align:center;padding:15px;word-break:keep-all }
.contents-table  .txt-red{color:#ff0000}

/*결제*/
.pay_type label{margin-right:10px; cursor:pointer}
.pay_type input[type="radio"]{margin-right:5px}
#gs_bank_no{border:1px solid #ddd; margin-top:15px; background:#f9f9f9; border-radius:7px; padding:20px; line-height:1.5}
#gs_bank_no input[type="text"],#gs_bank_no select{line-height:40px;padding:0 20px; border-radius:3px }
#gs_bank_no select{padding-right:40px}
#gs_bank_no > p:nth-child(n+2){margin-top:10px}

/*버튼*/
.btn-basic{display:inline-block;background:#1A81DF; width:100%; height:60px;border-radius:5px; color:#fff !important; font-size:18px;font-weight:600; line-height:58px; border:1px solid #1A81DF;text-align:center}
.btn-basic:hover{background:#00B28D; border:1px solid #00B28D}
.btn-line{background:#fff; color:#1A81DF !important}
.btn-line:hover{background:#fff; color:#00B28D !important}

.flex-btn{text-align:center; margin-top:30px}
.flex-btn a{max-width:250px;}

/*about*/
.sub-visual{position:relative;height:400px; background:#000; margin-top:130px;}
.sub-visual.bg-01{background:url(../images/sub/visual-01.jpg) no-repeat 50% 50%; background-size:cover}
.sub-visual.bg-02{background:url(../images/sub/visual-02.jpg) no-repeat 50% 50%; background-size:cover}
.sub-visual h2{position:absolute; width:100%; top:50%;color:#fff;font-family: 'JalnanGothic';font-size:55px;text-align:center; margin-bottom:50px;font-weight:normal;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);;text-shadow:1px -1px 10px rgba(0,0,0,.2); line-height:1}
.about-tit{text-align:center; color:#222; font-size:32px;font-weight:600; letter-spacing:-0.5pt}
.about-tit b{font-weight:600;position:relative; }
.about-tit b:after{content:'';position:absolute;z-index:-1;display:inline-block;background:#ffc13b; height:10px; width:100%; bottom:8px; left:0px}
.about-txt{width:100%; max-width:1250px;font-size:22px; text-align:center ;margin:50px auto; color:#666; font-weight:300}
.about-btn{position:relative;width:100%; max-width:1250px;margin:50px auto;border-radius:20px; overflow:hidden;background:url(../images/sub/about-01.jpg)no-repeat 50%/cover;height:400px}
.about-btn *{transition: all .2s ease-in-out;}
.about-btn span{position:absolute;bottom:40px; right:40px; background:#1A81DF; border:2px solid #1A81DF;display:inline-block; height:45px; line-height:41px;padding:0 20px; border-radius:50px; color:#fff;font-weight:600}
.about-btn span iconify-icon{font-size:20px; vertical-align:middle;margin-top:-3px}
.about-btn a:hover span{background:#fff; border:2px solid #1A81DF; color:#1A81DF;}
.site-link{display:flex; flex-wrap:wrap; justify-content:space-between;width:100%; max-width:1250px;margin:100px auto 0 auto;padding-top:100px;border-top:1px solid #ddd}
.site-link li{width:calc(50% - 30px);border:1px solid #ddd;border-radius:20px;overflow:hidden; background:#1A81DF; color:#fff;text-align:center;}
.site-link li:nth-child(2){background:#00B28D}
.site-link li img{width:100%;}
.site-link li dl{padding:30px;font-size:18px}
.site-link li dt{font-family: 'JalnanGothic';font-size:24px;margin-bottom:10px}
.site-link li dd iconify-icon{font-size:1.2em; vertical-align:middle}
.site-link li dd a{display:inline-block; width:100%; border:1px solid #fff;margin-top:20px;height:60px; line-height:58px;border-radius:10px;transition: all .2s ease-in-out;}
.site-link li dd a:hover{background:#fff; color:#1A81DF; font-weight:600}
.site-link li:nth-child(2) dd a:hover{color:#00B28D;}

.caution{font-size:18px;font-weight:300}
.caution h3{font-family: 'JalnanGothic';font-size:24px;font-weight:normal;position:relative;padding-left:10px;margin-bottom:10px}
.caution h3:before{content:'';position:absolute;z-index:-1;width:20px; height:20px; background:rgba(26,129,223,.5); border-radius:100%;left:0;top:-5px}
.caution .con{background:#f9f9f9; padding:20px 30px; border-radius:15px;}
.caution .con .dot-list li:before{top:12px}
.caution .con .dot-list li:nth-child(n+2){margin-top:7px}
.caution .con .tit-list dt span{display:inline-block;font-weight:600;background:#1A81DF;color:#fff;margin-bottom:10px;padding:0 25px;border-radius:50px; line-height:35px}
.caution .con .tit-list:nth-of-type(n+2) dt{margin-top:20px}

.txt-red{color:#ff0000;font-weight:normal}

.f-info .tit{margin-top:10px}
.copy{margin-top:15px}

.img-box{text-align:center; margin-top:30px}
.img-box img{max-width:100%}

/*----------------responsive----------------*/
@media (max-width:1650px) {

header h1 img{width:240px}
nav{font-size:19px}
#Gnb-wrap{font-size:15px}
#Gnb-wrap .Gnb a, #Gnb-wrap .Gnb span{margin-right:10px}
nav > div > a{padding:0 20px}
.pop-booking{max-width:420px}
.main-visual .txt{width:50%;font-size:48px}
.main-visual .swiper-slide{height:650px}

.sub-visual{height:350px}
}

@media (max-width:1400px) {

header h1 img{width:220px}
nav{font-size:17px}
#Gnb-wrap{font-size:14px}
nav > div > a{padding:0 20px}

.main-visual .txt{width:45%; font-size:40px}
.main-visual .swiper-slide{height:550px}

.pop-booking{max-width:320px;padding:30px}
.pop-booking h2{font-size:28px}
.pop-booking .selected-value,.pop-booking input[type="text"],.pop-booking button{font-size:18px;line-height:55px;height:55px}
.pop-booking .select-wrap{height:55px}

.main-container{margin-top:100px}
.main-container h2, .playarea-bg h2{margin-bottom:35px}
.room-slider .swiper-slide dl{padding:25px 20px}
.room-slider .swiper-slide dt{font-size:24px}
.room-slider .swiper-slide dd{font-size:16px}

.site-info{margin:80px auto}
.site-info > div a{padding:60px 50px}

.play-content .tag{font-size:22px}
.play-img li{width:calc(100%/3 - 10px)}
.play-img li{font-size:22px}
.play-btn .btn a{font-size:18px}
.pop-booking .select-con{font-size:14px}

.sub-visual{height:300px}
}

@media (max-width:1200px) {

header h1 img{width:190px}
nav{font-size:15px}
nav > div,nav .nav-line{height:100px}
nav > div > a{line-height:100px}
#Gnb-wrap{font-size:13px}
.Gnb-btn{padding:10px 10px 10px 35px;background-position:10px 50%}
nav > div > a{padding:0 10px}

.main-visual{margin-top:100px}
.main-visual .txt{font-size:32px}

.site-info > div a{padding:40px;font-size:28px}
.site-info > div{width:calc(50% - 15px);background-size:40% !important;}

.play-slider{margin-top:0}
.play-content .tag{font-size:18px}
.play-btn .con{font-size:22px}

.container h2{font-size:45px;margin-top:80px}

/*서브*/
.sub-visual{margin-top:100px; height:250px}

.about-tit{font-size:27px}
.about-txt{font-size:20px}

#goods_list .item{width:calc(100%/5 - 6px)}

.sub-wrap{padding:50px}

.tbl-list {table-layout:auto}
.tbl-list colgroup{display:none}
.tbl-list tbody td{word-break:keep-all; font-size:15px}
.tbl-list thead th{font-size:16px}
}

@media(max-width:1024px){
body.scrollno{width:100vw; height:100vh;overflow:hidden}
body#main-bg{background-position:50% 5%}
header{height:80px}
header h1 img{width:170px}
nav{display:none;padding:80px 5%;}
nav.open{display:block;position:fixed;z-index:99; width:100%; height:100vh;overflow-y:auto;background:rgba(26,129,223,1)}
nav.open .nav-close{display:block; width:30px; height:30px;position:absolute;top:20px; right:20px;margin-top:0;padding:0; cursor:pointer}
nav.open .nav-close iconify-icon{position:relative;font-size:30px;vertical-align:middle}
nav > div, nav .nav-line{position:relative;width:100%;display:block;height:auto;text-align:left;padding:0 30px;color:#fff;}
nav .nav-line{padding:0}
nav > div:nth-child(n+2){margin-top:40px}
nav > div > a,nav > div > span {padding:0; line-height:1.5;height:auto;text-align:left;font-size:24px; }
nav > div > a:hover{color:#fff}
nav > div > ul{width:100%;max-width:100%;position:relative;opacity:1;left:auto; top:auto;-webkit-transform: translateX(0%); -moz-transform: translateX(0%);-ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);visibility:visible;background:none;color:#fff;border:none;padding:0}
nav > div:hover > ul,
nav > div > ul.open{top:auto}
nav > div > ul li{display:inline-block;margin-right:20px; margin-top:10px}
nav > div > ul li a{position:relative;padding:0 0 0 15px !important;}
nav > div > ul li a:hover{color:rgba(255,255,255,.8);}
nav > div > ul li a:before{content:'';position:absolute; width:7px; height:7px; background:rgba(255,255,255,.5); border-radius:100%;left:0; top:10px;}
#m-Gnb{display:flex; flex-wrap:wrap;border:1px solid rgba(255,255,255,.4);width:90%; margin:0 auto;padding:0}
#m-Gnb a{width:50%;padding:0;margin:0;font-size:15px;text-align:center; display:inline-block;line-height:46px;}
#m-Gnb a:nth-child(n+2){border-left:1px solid rgba(255,255,255,.4)}

#Gnb-wrap{margin-right:40px}
#Gnb-wrap .Gnb{display:none}
.toggle-nav{display:block;width:40px; height:20px;position:absolute; right:5%; top:50%;margin-top:-10px; text-align:right;cursor:pointer;}
.toggle-nav iconify-icon{font-size:24px;vertical-align:middle;margin-top:-3px}
.m-gnb{display:block;}

.main-visual{margin-top:80px;}
.main-visual .txt{font-size:33px;width:calc(100% - 120px);text-align:right;bottom:auto; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);left:60px}
.main-visual .txt span{font-size:.85em}
.main-visual .txt br{display:block}
.visual-wrap{width:100%; height:auto;overflow:hidden;border-bottom-left-radius:0;border-bottom-right-radius:0}
.main-visual .swiper-slide{height:auto}
.visual-wrap{position:relative;}

.visual-wrap .swiper-slide{background:none !important}
.visual-wrap .swiper-slide .bg-m{display:block}
.visual-wrap .swiper-slide .bg-m img{width:100%;}
.main-visual .swiper-button-next, .main-visual .swiper-button-prev{width:40px; height:40px;background-size:cover}
.pop-booking{padding:30px;position:relative;top:auto;left:0;width:100%;max-width:100%; border-radius:0;-webkit-transform: translateY(0%); -moz-transform: translateY(0%);-ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
.pop-booking h2{font-size:20px}
.pop-booking h2 span{font-size:14px}

.main-container h2, .playarea-bg h2{font-size:30px}
.main-container h2 img, .playarea-bg h2 img{width:44px}

.site-info > div a{padding:30px;font-size:22px}
.site-info > div{width:calc(50% - 10px);background-size:35% !important;}

.room-wrap{width:calc(100% + 40px);margin: 0 -20px}
.room-slider{width:calc(100% - 40px)}
.room-slider .swiper-button-next, .room-slider .swiper-button-prev{width:40px; height:40px; background-size:cover}
.room-slider .swiper-button-prev{left:10px}
.room-slider .swiper-button-next{right:10px}

.play-content .tag{font-size:14px}

.f-wrap .f-navi a{font-size:14px}

.calender-contents{padding:1em}
.ui-datepicker .ui-datepicker-title{font-size:20px}
.ui-datepicker-multi-2 .ui-datepicker-group{width:100% !important}
.ui-datepicker-multi-2 .ui-datepicker-group:nth-child(n+2){margin-top:50px !important}
.ui-datepicker td span, .ui-datepicker td a{padding:.8em !important}
.modal-cal .info-txt{font-size:14px}
.modal-cal button{font-size:16px}

.container{padding:80px 0}
.container h2{font-size:35px;margin:60px 0 30px 0}
.mem-login #membership label{font-size:18px}


/*서브*/
.sub-visual{margin-top:80px;height:200px}
.sub-visual h2{font-size:40px}

.about-tit{font-size:23px}
.about-txt{font-size:17px;margin:30px auto}
.site-link{margin:60px auto;padding-top:60px}
.site-link li{width:calc(50% - 15px)}
.site-link li dl{font-size:16px}
.site-link li dt{font-size:20px}

.about-btn{height:300px}

.sub-wrap{padding:40px}
.tab-nav li{font-size:14px}

.map-type{display:none !important}
#goods_list .item{width:calc(100%/4 - 6px)}
.item input[type="radio"]+label{font-size:14px}
#goods_list .info-txt, #goods_list_trs .info-txt{font-size:18px}
.play-schedule > div{width:100%}
.play-schedule h3{font-size:18px;margin-top:30px}
.play-schedule #goods_list table{table-layout:auto;font-size:.9em}
.schedule-check{font-size:.9em}

.contents-table table{table-layout:auto;}
.contents-table table thead th, .contents-table table tbody th, .contents-table table tbody td{padding:10px 5px;font-size:13px}
.play-schedule #goods_list table colgroup,.contents-table table colgroup{display:none}
.contents-box{font-size:14px;padding:15px}

.sub-wrap{padding:35px}
.goods-infobox > div{width:100% !important}
.goods-infobox > div:nth-child(n+2){margin-top:30px}

.tbl-list tbody td,.tbl-list thead th,.tbl-basic tbody td, .tbl-basic thead th{padding:15px 5px}

.payment-detalie{padding:20px;font-size:.9em}
.payment-detalie .info,.payment-detalie .qrcode{width:100%;border:0}
.payment-detalie .qrcode{margin-top:20px; border-top:1px solid #ddd; padding-top:20px}
.car-number .tit{font-size:14px;width:70px}
.car-number > div{width:calc(100% - 70px)}
.car-number input[type="text"]{width:100%; font-size:.9em}
}




@media (max-width:768px){
.visual-wrap{width:100%; overflow:hidden;border-radius:15px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.main-visual .txt{font-size:26px;text-align:center}

.main-container{margin-top:50px}
.pop-booking{border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.pop-booking .selected-value,.pop-booking input[type="text"],.pop-booking button{font-size:16px;line-height:50px;height:50px}
.pop-booking .select-wrap{height:50px}

.main-container h2, .playarea-bg h2{font-size:24px}
.main-container h2 img, .playarea-bg h2 img{width:38px}
.room-slider .swiper-slide dt{font-size:18px}
.room-slider .swiper-slide dd{font-size:14px}

.play-img li{width:calc(100%/2 - 5px)}
.play-img li:nth-child(n+3){display:none}


.play-content{padding:20px}
.site-info{margin:40px auto}
.site-info > div{width:100%; background-size:25% !important}
.site-info > div:nth-child(n+2){margin-top:15px}
.site-info > div a{padding:40px}

.playarea-bg{padding:50px 0}
.play-btn .con{width:100%;font-size:14px}
.play-btn .btn{width:100%;margin-top:15px}
.play-btn .btn a{line-height:55px; height:55px;font-size:14px}

.family-wrap{padding:30px 0}
.f-wrap .f-navi {text-align:center}
.f-wrap .f-navi > div{width:100%}
.f-wrap .f-navi a{margin:0 5px;font-size:13px}
.f-wrap .f-navi .sns a{margin:0 10px}
.f-wrap .f-info{font-size:13px;padding:30px 0}
.f-wrap .f-info span{display:block;}
.f-wrap .f-info > div{width:100%}
.f-wrap .f-info .tel{margin-top:20px;text-align:left}

body#sub-bg{background-image:none}
.container{padding:70px 0}
.container h2{font-size:27px;margin:40px 0 20px 0}
.container h3{margin-top:40px;font-size:18px}
.mem-login #membership label,.find_id dt{font-size:15px}

.btn-basic,.login-sns a{height:55px;line-height:53px;font-size:14px}
input[type="text"], input[type="password"]{height:55px;font-size:16px}

.join-wrap .txtarea-wrap{font-size:14px;padding:15px}
.form-list li b{font-size:15px}
.input-code img{height:55px}


nav > div > a, nav > div > span{font-size:18px}
nav > div > ul li{font-size:15px}
nav > div > ul li a:before{top:7px}
/*서브*/
.sub-visual{height:150px}
.sub-visual h2{font-size:30px}

.about-tit{font-size:18px}
.about-tit b:after{bottom:5px}
.about-txt{font-size:14px;}
.about-btn{height:250px}
.about-btn span{right:0; bottom:0; width:100%;border-radius:0;text-align:center}
.about-btn a:hover span{background:#1A81DF; color:#fff}

.site-link{margin:50px auto 0 auto;padding-top:50px}
.site-link li{width:100%}
.site-link li:nth-child(n+2){margin-top:20px}
.site-link li dl{font-size:14px}
.site-link li dt{font-size:18px}
.site-link li dd a{height:50px;line-height:48px}

.sub-wrap{padding:30px 15px;border-radius:10px}
.tab-nav li{font-size:12px;border-radius:7px;height:50px;}
.tab-nav li a{position:relative;height:50px;}
.tab-nav li a span{position:absolute; width:100%;left:0; top:55%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);line-height:1.4;padding:0 5px}
.tab-nav.w2 li{width:45%}

#goods_list{padding-bottom:0}
#goods_list .item{width:calc(100%/3 - 6px)}
.item input[type="radio"]+label{font-size:13px}
#goods_list .info-txt, #goods_list_trs .info-txt{font-size:16px}
#goods_list .btn-wrap button{font-size:16px;height:50px;line-height:50px;width:100%;max-width:100%}
.ui-datepicker td span, .ui-datepicker td a{padding:.6em !important}
.play-schedule #goods_list table thead th{word-break:keep-all}


.goods-infobox .goods-info li b{line-height:33px;width:75px !important; font-size:13px}
.goods-infobox .goods-info li span{font-size:14px; width:calc(100% - 90px) !important; margin-left:15px !important;}

.flex-btn a{max-width:calc(50% - 5px);}
.btn-basic{line-height:50px;height:50px;font-size:15px}

.tbl-list,.tbl-list tbody tr, .tbl-list tbody th, .tbl-list tbody td{display:block; border:0; padding:0;text-align:left}
.tbl-list tbody tr{width:100%; display:flex; flex-wrap:wrap;padding:15px 5px; border-bottom:1px solid #ddd}
.tbl-list tbody tr:last-child{border-bottom:0}
.tbl-list tbody td{width:100%}
.tbl-list tbody td.type span{color:#1A81DF;font-weight:600;}
.tbl-list tbody td.tit,.tbl-list tbody td.cate{font-size:1.1em;width:auto}
.tbl-list tbody td.cate{margin-right:10px;}
.tbl-list tbody td.tit{font-weight:bold}
.tbl-list tbody td.date:before{content:'이용기간 : '}
.tbl-list tbody td.price:before{content:'결제금액 : '}
.tbl-list tbody td.price .d-day{display:inline-block}
.tbl-list tbody td.price .d-day em:before{content:'결제만기일 : '}
.tbl-list tbody td .tbl-btn{width:100%;text-align:center; height:40px; line-height:40px;margin-top:5px}
.tbl-list tbody td.state:before{content:'예약상태 : '}
.tbl-list thead{display:none}

.tbl-basic {font-size:.85em;margin-top:30px}

.play-count{table-layout:auto}
.play-count colgroup{display:none}
.play-count td{padding:7px 3px;font-size:13px}
.play-count td.num select{width:80px}


.out-wrap h3{margin-top:0}
.round-wrap{padding:30px 20px;border-radius:10px;font-size:14px}
.side-line{margin:35px 0}

.agree_box{font-size:14px}

.caution .con{padding:20px;font-size:14px}
.caution .con .dot-list li:before{top:8px}

.discount-info .con{max-width:230px;z-index:9999}
.goods-infobox .goods-info li label{display:inline-block}

/*20250530 모바일팝업*/
.popup_area{left:0 !important;}
.popup_area img{width:100%;max-width:auto !important}
}

@media (max-width:500px){
.main-visual .txt{font-size:16px;}
.main-visual .txt br{display:none;}
.main-visual .txt span{font-size:.8em}
.Gnb-btn{background-image:none; padding:10px}

.pop-booking{padding:20px}
.pop-booking h2{font-size:16px}

.main-container h2, .playarea-bg h2{font-size:18px;margin-bottom:20px}
.main-container h2 img, .playarea-bg h2 img{width:30px}
.site-info > div{background-size:30% !important;}
.site-info > div:first-child{ background-position:calc(100% - 20px) 100%}
.site-info > div:last-child{background-position:calc(100% - 20px) 0%}

/*서브*/

.about-tit br{display:none}
.about-tit b{color:#F68C10}
.about-tit b:after{display:none}

.play-schedule #goods_list table{font-size:13px}

.discount-info .con{top:50px !important}
}