@font-face { font-family: 'Gmarket'; font-style: normal; font-weight: 300; src: url('/assets/wavepark/font/GmarketSansTTFLight.woff') format('woff'); }
@font-face { font-family: 'Gmarket'; font-style: normal; font-weight: 500; src: url('/assets/wavepark/font/GmarketSansTTFMedium.woff') format('woff'); }
@font-face { font-family: 'Gmarket'; font-style: normal; font-weight: 600; src: url('/assets/wavepark/font/GmarketSansTTFBold.woff') format('woff'); }

@font-face { font-family: 'Noto'; font-style: normal; font-weight: 100; src: url('/assets/wavepark/font/NotoSansKR-Thin.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 100; src: url('/assets/wavepark/font/NotoSansKR-Light.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 300; src: url('/assets/wavepark/font/NotoSansKR-Regular.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 500; src: url('/assets/wavepark/font/NotoSansKR-Medium.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 600; src: url('/assets/wavepark/font/NotoSansKR-Bold.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 800; src: url('/assets/wavepark/font/NotoSansKR-Black.woff') format('woff'); }



:root {
--primary-color:#24438f;
--secondary-color:#01b6ed;
--red-color:#e30b13;
}


.cb{clear:both;}


/*
.header {position:relative; z-index:999; background: #fff;margin: 0;}
.header .logo{padding:0 70px; font-size: 25px;box-sizing: border-box;}
.header .container{display: flex;justify-content: space-between;align-items: center;}
.header .gnb{text-align: right;}
.header .nav .logo{display:flex;width:200px;flex-wrap:wrap;justify-content: center;align-items: center;text-transform:uppercase;cursor:pointer;}
.header .menu_btn{position:absolute;right:20px;top:20px;display:none;}
.header .menu_btn div { width: 25px;height: 2px;background-color:#000;margin: 6px 0px;position: relative;transition:all .8s ease;}
.header .menu_btn.lijo div{position:absolute;transition:all .8s ease;}
.header .menu_btn.lijo div:nth-child(1){transform: rotate(45deg);top: 7px;right: 0px;}
.header .menu_btn.lijo div:nth-child(2){width:0px;top: 7px;right: 0px;}
.header .menu_btn.lijo div:nth-child(3){transform: rotate(-45deg);top: 7px; right: 0px;}
.header .nav ul.gnb{margin-bottom:0px;padding-left:0px;display: flex;}
.header .nav ul.gnb li{margin-bottom:0px;color:#000;text-align: center;position: relative;}
.header .nav ul.gnb li a {box-sizing: border-box;display:block;transition:.3s ease;text-transform:uppercase;}
.header .nav ul.gnb > li > a{padding:43px 40px; font-size:18px; font-weight:600;}
.header .nav ul.gnb > li > a:hover{color:#e30b13}
.header .nav ul.gnb li ul.sub{position:absolute;padding-left:0px;opacity:0;visibility: hidden;padding-top:10px;z-index: 3;width: 100%}
.header .nav ul.gnb li ul.sub li {display: block;position: relative;}
.header .nav ul.gnb li ul.sub li a{padding:10px;}


@media(min-width:1024px){
	.header .nav ul.gnb:hover li ul.sub{visibility:visible;opacity:1;transform:translateY(0px);} 
	.header .nav ul.gnb li:hover{display:inline-block;margin-bottom:0px;}
	.header.open .hd_bg{position: absolute;width: 100%;background: #fff;z-index: 1;transition: all .3s;border-top: 1px solid #dcdcdc}
	.header .nav ul.gnb li ul.sub li a{text-align: center; color:#2e2e2e; font-size:15px;}
	.header .nav ul.gnb li ul.sub li a:hover{color:#000;}
	.header .nav .active  {position: relative}
	.header .nav .active:hover:after{content: '';display: block;width: 100%;height: 3px;background: #e30b13; position: absolute;left: 0;bottom: 0}
}
   
@media(max-width:1024px){
   .header{position: relative;position: fixed;width: 100%;top: 0;left: 0;}
   .header .menu_btn{display:block;top:50%;transform: translateY(-50%)}
	.header .menu_btn.lijo{top: 30%}
   .header .nav ul.gnb{position: absolute;top: 65px;transform: translateX(100%);left: 0;transition:.8s ease;width:100%; height: calc(100vh - 65px);background: #fff;overflow-y: auto;display: block}
   .header .nav ul.gnb li a{text-align: left}
   .header .nav ul.gnb.surya {transform: translateX(0%);}
   .header .nav ul.gnb li ul.sub{opacity: 1;visibility: visible;display:none;position:relative;padding-top:0px;width:100%;transition:0s;transform: translateY(0px);}
   .header .nav ul.gnb li ul.sub:after{display:none;}
   .hd_bg{display: none !important}
   }
*/


.inner{position:relative; width:1200px; margin:0 auto}
@media only screen and (max-width:1200px){
	.inner{width:92%; margin:0 auto}
}

/* 네비게이션 */
/*header{	position:fixed; top:0; left:0; z-index:30; width:100%; height:50px; border-style:solid; border-color:#FFF; border-width:0 0 1px 0;	}*/

body.has-skip .header{top:30px}
.header {position:sticky; top:0; width:100%; z-index:999; background: #fff; }
.header .con{display:flex;justify-content: space-between;align-items: flex-end;}
.pc_gnb,.mb_gnb{font-family:'noto',sans-serif;}
header .top_logo h1 a img{max-width:100%;}

@media all and (min-width:1400px){
	header .top_logo{align-self:center; display:inline-block; width:180px; height:50px; margin:0px; padding:0px; vertical-align:top; margin-left:50px; }	
	header .top_logo h1 a{display:block;}
	
	header .btn_menu{display:none;}	

	.pc_gnb	{position:relative; display:block; height:100px;}
	.pc_gnb .pcMu_line { position:absolute; left:-500px; bottom:0; width:10px; height:3px; background:#e30b13;  opacity:0;    }
	.pc_gnb .menu{ font-size:1.125rem; color:#2e2e2e; font-weight:600; text-decoration:none;  }
	.pc_gnb .menu:hover{color:#e30b13}
	.pc_gnb ul {position:relative; z-index:5; display:flex; width:100%;}
	.pc_gnb > ul > li{ position:relative; display:flex; flex-direction:column; text-align:center; }
	.pc_gnb > ul > li:hover{ height:50px; background: rgba(253, 253, 253, 0.3); color: rgb(0, 0, 0); font-weight:400; }
	.pc_gnb > ul > li > a{display:block; width:100%; padding:30px 40px; box-sizing:border-box; }
	.pc_gnb ul li ul{display:none; padding:20px 0 35px; width:100%; }
	.pc_gnb ul li ul li	{display:block; text-align:center;}
	.pc_gnb ul li ul li	a{display:block; padding:8px 0; font-size:.938rem; color:#3e3e3e; text-decoration:none;}	
	.pc_gnb ul li ul li	a:hover{color:#000;}
	.mb_gnb	{display:none!important;}
	
	.main_area {width: 100%; height: 100%; padding-bottom: 50px; clear: both; margin-left: 0px; display: block; }
	.main_area .main_bg {background-position: bottom; margin: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 0; background-image: url("../../../images_sample/main_01_bg.jpg"); background-size: cover;	}

	.hd_bg{position: absolute; width: 100%;background: #fff;z-index: 1;transition: all .3s;border-top: 1px solid #dcdcdc; box-shadow:0 1px 2px rgba(0,0,0,.05)}

}
/*
@media all and (max-width:1400px) and (min-width:1200px){  
	header .top_logo	{	display:inline-block; width:180px; height:50px; margin:0px; padding:0px; vertical-align:top; padding-left:20px; }	
	header .top_logo h1 a	{ display:block; font-family:"Noto Sans KR",sans-serif; font-size:0.5em; color:#000000; text-decoration:none; margin:12px 0 0 0;}
	header .btn_menu	{	display:none;	}	

	.pc_gnb	{ position:relative; display:block; width:100%;  max-width:550px; height:50px; float:right; }
	.pc_gnb .pcMu_line { position:absolute; left:-500px; top:0; width:10px; height:3px; background:#000;  opacity:0;    }
	.pc_gnb .menu	{ font-size:0.9em; color:#000000; text-decoration:none;  }
	.pc_gnb ul { display:flex; width:100%;}
	.pc_gnb > ul > li	{ position:relative; 	display:inline-block; width:20%; height:50px; text-align:center; }
	.pc_gnb > ul > li:hover	 { height:50px;	background: rgba(253, 253, 253, 0.3); color: rgb(0, 0, 0); font-weight:400; }
	.pc_gnb > ul > li > a	{	display:block;	width:100%; height:50px; line-height:50px; box-sizing:border-box;  }
	.pc_gnb ul li ul	{	display:none; width:100%; }
	.pc_gnb ul li ul li	{	display:block; padding:7px 0 0 0; height:30px;	text-align:center; border-style:solid; border-color:#FFF; border-width:0 1px 1px 1px;	}
	.pc_gnb ul li ul li	a	{	font-size:0.8em; color:#000000; text-decoration:none; }	
	.mb_gnb	{	display:none;	}
	.mb_gnb	.login	{	display:none;	}
	.mb_gnb	ul	{	display:none;	}

	.main_area {	width: 100%; height: 100%; padding-bottom: 50px; clear: both; margin-left: 0px; display: block; }
	.main_area .main_bg {	background-position: bottom; margin: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 0; background-image: url("../../../images_sample/main_01_bg.jpg"); background-size: cover;	}
}
*/
@media all and (max-width:1400px){  /* MO */
	.hd_bg{display:none}
	header .top_logo{display:inline-block; width:100%; height:50px; margin:0px; padding:0px; vertical-align:top; text-align:center; }	
	header .top_logo h1 a{display:block; font-size:0.5em; color:#000000; text-decoration:none; margin:12px 0 0 0;}
	header .btn_menu{display:block;	position:absolute; top:30px; right:22px;	width:30px; height:30px; cursor:pointer;}
	header .btn_menu .btn_mo{position:relative; background-size:60%;  width:30px; height:30px;}
	header .btn_menu .btn_mo span{position:absolute; width:90%; height:2.5px; background:#000; }
	header .btn_menu .btn_mo span:nth-child(1){left:20%; top:25%;}
	header .btn_menu .btn_mo span:nth-child(2){left:20%; top:52%;}
	header .btn_menu .btn_mo span:nth-child(3){left:20%; top:79%; width:60%}

	.pc_gnb	{display:none;}
	.mb_gnb	{display:none; position:absolute; top:95px; left:0; z-index:500; margin:0 auto;	padding-bottom:100px; width:100%; height:100vh; overflow-y:auto; border-top:1px solid #fff; background-color:#fff;}
	.mb_gnb	.login{padding:10px 30px; background:rgba(253, 253, 253, 0.5); text-align:right;}
	.mb_gnb	.login span{display:inline-block; margin:-10px 5px 0 5px; font-size:0.8em; color:#666; }
	.mb_gnb	.login	a{display:inline-block; vertical-align:text-bottom; font-size:0.8em; color:#000; text-decoration:none; }
	.mb_gnb a	{display:block}
	.mb_gnb > ul > li > a{padding:20px 30px; background:rgba(74,158,185, 0.9); border-top:1px solid rgba(255,255,255,.5); font-size:18px; font-weight:600; color:#fff; text-decoration:none;} /* background:rgba(121,205,210, 0.7); */
	.mb_gnb > ul > li.open > a{background:#444;  right center;}
	.mb_gnb > ul > li > ul	{display:none}
	.mb_gnb > ul > li > ul > li > a{padding:15px 30px;font-size:17px;color:#555; background:#fff ;border-top:1px solid #ddd}
	.mb_gnb > ul > li > ul > li.open > a{color:#fff;background:#eb4e30 right center;border-top:1px solid #eb4e30}
	.mb_gnb > ul > li > ul > li > ul{display:none;padding:10px 0; background:#fafafa;}
	.mb_gnb > ul > li > ul > li > ul > li > a{padding:5px 0 5px 50px;	font-size:16px;	color:#000;/*	background:38px center*/}
	.mb_gnb > ul.member_gnb > li > a{padding:15px 30px;	background:#444; right center;	border-top:1px solid #303030;}

	.main_area{width: 100%; height: 100%; padding-bottom: 50px; clear: both; margin-left: 0px; display: block; }
	.main_area .main_bg{background-position: bottom; margin: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 0; background-image: url("../../../images_sample/main_01_bg.jpg"); background-size: cover;	}
}

@media all and (max-width:1024px){
	.mb_gnb{top:90px;}
}
@media all and (max-width:560px){
	.mb_gnb{top:60px;}
}

.header .top{position:relative; display:flex; align-items:center; gap:0 18px;}
.header .top .nice-select{margin-right:18px; padding-right:35px; border:0; line-height:3.3}
.header .top .nice-select .option{font-size:.813rem}
.header .top .nice-select:after{border-bottom:2px solid #999; border-right:2px solid #999}
.header .top .nice-select .current{color:#999; font-size:1rem; font-weight:600} 
.header .top button.search{position:relative; border:0; width:30px; height:30px; border-radius:100px; background:#343434 url(/assets/wavepark/img/icon-search.png) no-repeat center;}
.header .top button.search:hover{transition:.3 all; background-color:#002c84}
.header .top .icon{/*display:flex; align-items:center; gap:0 10px;*/}
.header .top .user{position:relative; display:flex; align-items:center; margin-right:-15px}
.header .top .user.after{margin-right:0; padding-right:5px;}
.header .top .user.after:after{content:''; position:absolute; right:-8px; top:calc(50% + 3px); transform:translateY(-50%); width:0; height:0; border:4px solid transparent; border-top:4px solid #333;}
.header .top .user:before{content:''; position:absolute; top:6px; left:-30px; width:1px; height:18px; background-color:#c9c9c9;}
.header .top .reservation{margin-left:35px; padding:30px; background-color:#002c84; text-align:center;}
.header .top .reservation img{max-height:24px;}
.header .top .reservation:hover{background-color:#0b2456}
.header .top .reservation p{color:#fff;}

.header .top .login-layer-pop{display:none; position:absolute; top:90px; right:105px; width:180px; box-shadow:5px 5px 10px rgba(0,0,0,.25); z-index:999; /*background-color:#fff;*/ border:20px; font-family:'noto',sans-serif; border-radius:5px}
/*.header .top .login-layer-pop:before{content:''; position:absolute; left:50%; transform:translateX(-50%); top:-15px; width:0px; height:0px; border:10px solid transparent; border-bottom:10px solid #333;}*/
.header .top .login-layer-pop .p-con{display:flex; gap:0 20px; align-items:center; padding:20px;}
.header .top .login-layer-pop .p-con .profile{width:100px; height:100px; background-image:url(/assets/wavepark/img/my/profile.jpg); background-repeat:no-repeat; background-size:cover; border-radius:100px; box-shadow:0 0 10px rgba(0,0,0,.1)}
.header .top .login-layer-pop .p-con .user-info p{font-size:1.25rem; color:#333; line-height:1.2}
.header .top .login-layer-pop .p-con .user-info p .badge{display:inline-block; margin:-2px 0 0 5px; padding:2px 5px; color:var(--primary-color); border:1px solid var(--primary-color); border-radius:100px; font-size:.688rem; vertical-align:middle; font-weight:400}
.header .top .login-layer-pop .p-con .user-info span{display:inline-block; padding-top:2px; font-size:.875rem; color:#888; font-weight:300; letter-spacing:0; word-break:break-all; line-height:1.2}
.header .top .login-layer-pop ul{display:block;}
.header .top .login-layer-pop ul li{width:100%; /*border-top:1px solid #ddd;*/ text-align:center; font-weight:300; }
.header .top .login-layer-pop ul li a{display:block; padding:13px; font-size:.938rem; background-color:#f5f6f7;}
.header .top .login-layer-pop ul li a:hover{background-color:#eee;}
.header .top .login-layer-pop ul li:first-child a{border-bottom:1px solid #ddd; border-radius:5px 5px 0 0}
.header .top .login-layer-pop ul li:nth-child(2) a{border-radius:0 0 5px 5px}








@media all and (max-width:1400px){
	.header{padding:25px 60px 25px 0;}
	.header .top_logo{width:180px; height:35px}
	.pc_gnb .menu{font-size:1rem}
	.pc_gnb > ul > li > a{padding:26px 25px;}
	.pc_gnb ul{margin-top:10px}
	.header .top{gap:0 }
	.header .top .reservation{display:flex; align-items:center; padding:8px 10px; border-radius:100px; margin-left:17px; background:none;}
	.header .top .reservation span{display:none;}
	.header .top .reservation p{margin:5px 0 0 4px; display:none;}
	.header .top .reservation img{max-height:24px;}
	.header .top_logo h1 a{margin:0 0 0 35px}
	.header .con{align-items:center;}

	.header .top .login-layer-pop{top:55px; right:-10px}
	.header .top .user{padding-right:10px;}
	.header .top .user:before{top:4px; left:-22px}
	.header .top .nice-select{margin-right:25px}
}
@media all and (max-width:560px){
	.header{padding:10px 60px 10px 0}
	.header .top{gap:0 10px;}
	.header .top_logo{width:115px;}
	.header .top_logo h1 a{margin:5px 0 0 12px}
	.header .top .user img{max-width:20px}
	.header .top .nice-select{margin-right:8px;}
	.header .top .nice-select .list{margin-top:0}
	/*.header .top .reservation{display:none; padding:0; background:none;}*/
	.header .top .reservation{margin-left:8px; padding:8px 5px}
	.header .top .reservation p{display:none;}
	.header .btn_menu{top:14px;}
	.header .top .nice-select .current{font-size:.875rem}
	
	.header .top .user.after:before{top:3px; left:-20px}
	.header .top .login-layer-pop{width:120px; top:47px; right:10px}
}


.swiper-scrollbar {background: #d6d6d6;}
.swiper-container-horizontal > .swiper-scrollbar {border-radius: 2px; height: 5px; width: 200px; bottom: 0; left: 50%; transform: translateX(-50%);}
.swiper-wrapper img {width: 100%;}


.slider.visual{position:relative; width:100%; height:865px; overflow-x:hidden;}
.slider.visual .vitro,.slider.visual .jalnan{line-height:1}
.slider.visual .text{}
.slider.visual .text:before{content:''; position:absolute; top:0; left:0; width:50%; height:100%; background:linear-gradient(to right,rgba(0,0,0,.5),transparent); z-index:3}
.slider.visual .text .inner{position:absolute; margin-top:-70px; width:1500px; height:100%; left:50%; transform:translatex(-50%); display: flex; flex-direction: column; justify-content: center;z-index:9; line-height:1; font-size:115px; color:#fff; text-shadow:0px 0px 20px rgba(0,0,0,.2)}
.slider.visual .text .small{padding-top:25px; font-size:35px;}
.slider.visual .swiper-wrapper img{}
.slider.visual .swiper-wrapper .swiper-slide{width:100%; height:865px; background:url(/assets/wavepark/img/visual-01.jpg) no-repeat center; background-size:cover; background-repeat:no-repeat; background-position:center;}
.slider.visual .swiper-wrapper .swiper-slide.two{background:url(/assets/wavepark/img/visual-02.jpg) no-repeat; background-size:cover}
.slider.visual .swiper-wrapper .swiper-slide.three{background:url(/assets/wavepark/img/visual-03.jpg) no-repeat; background-size:cover}
.slider.visual .swiper-scrollbar{left:50%; transform:translatex(-50%); height:7px; background-color:#fff; bottom:26px; width:830px; cursor:pointer}
.slider.visual .swiper-scrollbar-drag{/*width:33.33%!important; */background-color:#e30b13}

@media only screen and (max-width:1600px){
	.slider.visual,.slider.visual .swiper-wrapper .swiper-slide{height:700px}
	.slider.visual .text .inner{width:90%; font-size:80px;}
	.slider.visual .vitro,.slider.visual .jalnan{line-height:1.1}
	.slider.visual .text .small{font-size:25px}
}
@media only screen and (max-width:768px){
	.slider.visual .text .inner{width:90%; font-size:60px; margin-top:-100px}
	.slider.visual,.slider.visual .swiper-wrapper .swiper-slide{height:600px}
	.slider.visual .swiper-scrollbar{width:80%}
}
@media only screen and (max-width:560px){
	.slider.visual .text .inner{font-size:45px; margin-top:-100px;}
	.slider.visual .vitro,.slider.visual .jalnan{line-height:1.25}
	.slider.visual .text .small{padding-top:20px; font-size:18px}
}

.main-con h2{position:relative; padding-bottom:65px; text-align:center; font-size:2.75rem; font-weight:400; z-index:9}
.main-con h2 span{font-weight:600}
.main-space{padding:130px 0;}
.main-space.medium{padding:80px 0;}
.main-space.medium h2{padding-bottom:45px;}

@media only screen and (max-width:1024px){
	.main-space{padding:100px 0;}
}
@media only screen and (max-width:768px){
	.main-con h2{padding-bottom:50px; font-size:2.5rem;}
	.main-space.medium{padding:60px 0;}
	.main-space.medium h2{padding-bottom:35px;}
}
@media only screen and (max-width:560px){
	header .btn_menu .btn_mo{width:28px;}
	.main-space{padding:80px 0;}
	.main-con h2{font-size:2rem}

}


.main-con .joy{background:#f2f2f2}
.main-con .joy h2 .red{color:#e30b13}
.main-con .joy h2 .yellow{color:#fbb900}
.main-con .joy h2 .blue{color:#01b6ed}
.main-con .joy h2 .navy{color:#1d3a8f}

.main-con .joy .circle-01{position:absolute; top:100px; left:450px; display:inline-block; width:35px; height:35px; background-color:#fff; border-radius:100px;}
.main-con .joy .circle-02{position:absolute; top:40px; left:305px; display:inline-block; width:45px; height:45px; background-color:#fbb900; border-radius:100px;}
.main-con .joy .circle-03{position:absolute; top:150px; left:260px; display:inline-block; width:150px; height:150px; background-color:#01b6ed; border-radius:100px;}
.main-con .joy .circle-04{position:absolute; top:280px; left:75px; display:inline-block; width:58px; height:58px; background-color:#e30b13; border-radius:100px;}

.main-con .swiper-button-next,.main-con .swiper-button-prev{width:42px; height:22px; background:url(/assets/wavepark/img/joy-arrow-right.png) no-repeat;}
.main-con .swiper-button-prev{right:65px; left:auto; top:0; transform:scaleX(-1);}
.main-con .swiper-button-next:after,.main-con  .swiper-button-prev:after{display:none;}



.main-con .joy .swiper-wrapper{justify-content:center;}

.main-con .joy .swiper-slide{position:relative; width:300px!important; height:300px; border-radius:150px; background:url(/assets/wavepark/img/joy-bg-01.png) no-repeat;}
.main-con .joy .swiper-slide.two{background:url(/assets/wavepark/img/joy-bg-02.png) no-repeat;}
.main-con .joy .swiper-slide.three{background:url(/assets/wavepark/img/joy-bg-03.png) no-repeat;}
.main-con .joy .swiper-slide.four{background:url(/assets/wavepark/img/joy-bg-04.png) no-repeat;}
.main-con .joy .swiper-slide.five{background:url(/assets/wavepark/img/joy-bg-05.png) no-repeat;}

.main-con .joy{position:relative;}
.main-con .joy .btn-wrap{position:absolute; top:200px; width:1200px; left:50%; transform:translateX(-50%); z-index:999}
.main-con .joy .swiper-slide a{position:absolute; width:300px; height:300px; border-radius:150px; display:flex; flex-direction:column; justify-content:center; text-align:center; color:#fff;}
.main-con .joy .swiper-slide a:hover{background:rgba(0,0,0,.7) url(/assets/wavepark/img/joy-icon-01.png) no-repeat center 30px;}
.main-con .joy .swiper-slide a:hover h3{font-size:2.375rem}
.main-con .joy .swiper-slide.two a:hover{background:rgba(0,0,0,.7) url(/assets/wavepark/img/joy-icon-02.png) no-repeat center 30px;}
.main-con .joy .swiper-slide.three a:hover{background:rgba(0,0,0,.7) url(/assets/wavepark/img/joy-icon-03.png) no-repeat center 30px;}
.main-con .joy .swiper-slide.four a:hover{background:rgba(0,0,0,.7) url(/assets/wavepark/img/joy-icon-04.png) no-repeat center 30px;}
.main-con .joy .swiper-slide.five a:hover{background:rgba(0,0,0,.7) url(/assets/wavepark/img/joy-icon-05.png) no-repeat center 30px;}

.main-con .joy .swiper-slide h3{padding-top:30px; font-size:1.875rem; transition:all .2s;}
.main-con .joy .swiper-slide p{padding-top:5px; font-family:'noto',sans-serif; font-weight:300}

@media only screen and (max-width:1200px){
	.main-con .joy .btn-wrap{width:100%;}
	.main-con .joy .swiper-wrapper{justify-content:flex-start;}
	.main-con .joy .circle-01,.main-con .joy .circle-02,.main-con .joy .circle-03,.main-con .joy .circle-04{display:none}
}
@media only screen and (max-width:1024px){
	.main-con .joy .circle-01{top:120px; left:300px}
	.main-con .joy .circle-02{top:50px; left:150px}
	.main-con .joy .circle-03{top:170px; left:130px; width:100px; height:100px;}
	.main-con .joy .circle-04{top:290px; left:30px; width:30px; height:30px;}
}
@media only screen and (max-width:560px){
	.main-con .joy .swiper-slide{width:200px!important; height:200px!important;}
	.main-con .joy .swiper-slide,.main-con .joy .swiper-slide.two,.main-con .joy .swiper-slide.three,.main-con .joy .swiper-slide.four,.main-con .joy .swiper-slide.five{background-size:100%;}
	.main-con .joy .swiper-slide p{display:none}
	.main-con .joy .swiper-slide a{width:200px; height:200px;}
	.main-con .joy .swiper-slide a:hover,.main-con .joy .swiper-slide.two a:hover,.main-con .joy .swiper-slide.three a:hover,.main-con .joy .swiper-slide.four a:hover,.main-con .joy .swiper-slide.five a:hover{display:none;}
	.main-con .joy .btn-wrap{display:none;}

	
}

.main-con .lesson h2 span{display:block; margin-top:-8px; font-weight:600}
.main-con .lesson .wrap{display:flex; gap:17px; justify-content:center;}
.main-con .lesson .wrap > div{width:25%; font-family:'noto',sans-serif; font-weight:300; text-align:center;}
.main-con .lesson .wrap > div a{height:95%; position:relative; display:block;}
.main-con .lesson .wrap > div a h3{padding-top:23px; font-size:1.25rem; font-weight:600; line-height:1.2}
.main-con .lesson .wrap > div a img{max-width:100%}
.main-con .lesson .wrap p{font-size:.938rem; padding:15px 15px 0;}
.main-con .lesson .wrap > div a .level,.main-con .lesson .wrap > div a .line{display:none}
.main-con .lesson .wrap > div a:hover{background-color:#e30b13; height:100%; color:#fff;}
.main-con .lesson .wrap > div a:hover h3{font-size:1.25rem}
.main-con .lesson .wrap > div a:hover:after{content:'1';position: absolute; bottom: -35px; right: 0; font-size: 200px; color: rgba(255,255,255,.1); font-family: 'gmarket',sans-serif; font-weight: 600; line-height: 1;}
.main-con .lesson .wrap > div a.two:hover:after{content:'2';}
.main-con .lesson .wrap > div a.three:hover:after{content:'3';}
.main-con .lesson .wrap > div a.four:hover:after{content:'4';}
.main-con .lesson .wrap > div a.five:hover:after{content:'5';}
.main-con .lesson .wrap > div a:hover .level{display: block; padding-top:65px; font-size:1.25rem; font-weight:600}
.main-con .lesson .wrap > div a:hover .line{display: block; position: relative; left: 50%; margin-top:10px; width: 1px; height: 27px; background: rgba(255,255,255,.6);}
.main-con .lesson .wrap > div a:hover p{padding:25px 30px 0; color: rgba(255,255,255,.7);}
.main-con .lesson .wrap > div a:hover img{display:none}

.main-con .howto{text-align:center; background-image:url(/assets/wavepark/img/howto-bg-01.png), url(/assets/wavepark/img/howto-bg-02.png),url(/assets/wavepark/img/howto-bg.jpg); background-repeat:no-repeat; background-size:auto, auto, cover; background-position:center right, center left, center;}
.main-con .howto h2 p{font-family:'noto',sans-serif; font-size:1.25rem}
.main-con .howto ul{display:flex; justify-content:space-between;}
.main-con .howto ul li span{display:flex; justify-content:center; align-items:center; background-color:#fff; border-radius:100px; width:180px; height:180px; box-shadow:8px 8px 0px #002c84}
.main-con .howto ul li p{padding-top:20px; font-family:'noto',sans-serif; text-align:center; font-size:1.313rem}
.main-con .howto a{display:inline-block; margin-top:50px; padding:20px 40px 15px; font-size:1.876rem; background-color:#002c84; border-radius:50px; color:#fff;}
.main-con .howto a:hover{background-color:#032362;}

@media only screen and (max-width:1200px){
	.main-con .howto ul li span{width:130px; height:130px;}
	.main-con .howto ul li span img{max-width:60%}
	.main-con .howto a{font-size:1.5rem}
}
@media only screen and (max-width:960px){
	.main-con .lesson .wrap{display:flex; flex-wrap:wrap; gap:15px;}
	.main-con .lesson .wrap > div{width:calc(33.33% - 10px);}
}
@media only screen and (max-width:768px){
	.main-con .howto{background-size:20%, 20%, cover; background-position:top right, bottom  left, center;}
	.main-con .howto ul li span{width:100px; height:100px;}
	.main-con .howto ul li span img{max-width:50%}
	.main-con .howto ul li p{font-size:1rem}
	.main-con .lesson .wrap > div a h3{font-size:1.25rem}
}
@media only screen and (max-width:560px){	
	.main-con .lesson .wrap > div{width:calc(50% - 7.5px);}
	.main-con .lesson .wrap > div a h3{padding-top:15px;}
	.main-con .lesson .wrap > div a p{padding:10px 10px 25px;}
	.main-con .howto ul{flex-wrap:wrap; justify-content:center; gap:20px 15px;}
	.main-con .howto ul li{width:30%;}
	.main-con .howto ul li span{width:90%; display: flex; flex-direction: column; align-items: center; border-radius:30px}
	.main-con .howto a{padding:15px 40px;margin-top:45px;}
}

.main-con .event{position:relative; }
.main-con .event .swiper-slide{background:url(/assets/wavepark/img/event-bg.jpg) no-repeat; border-radius:10px; height:500px; background-size:cover;}
.main-con .event .swiper-slide.two{background:url(/assets/wavepark/img/event-bg-02.jpg) no-repeat; background-size:cover;}
.main-con .event .swiper-slide.three{background:url(/assets/wavepark/img/event-bg-03.jpg) no-repeat; background-size:cover;}
.main-con .event .swiper-slide.four{background:url(/assets/wavepark/img/event-bg-04.jpg) no-repeat; background-size:cover;}
.main-con .event .swiper-slide.five{background:url(/assets/wavepark/img/event-bg-05.jpg) no-repeat; background-size:cover;}

.main-con .event h2{padding-bottom:30px;}
.main-con .event .swiper-slide{position:relative;}
.main-con .event .swiper-slide a{display:block; position:absolute; width:100%; height:100%; text-align:center;}
.main-con .event .swiper-slide a:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:50%; background:linear-gradient(to top, rgba(0,0,0,.2), rgba(0,0,0,0))}
.main-con .event .swiper-slide a:hover{background:rgba(255,255,255,.2)}
.main-con .event .swiper-slide a .wrap{position:absolute; width:100%; bottom:60px;}
.main-con .event .swiper-slide a .wrap span.date{display:inline-block; padding:12px 30px 5px; font-size:2.375rem; color:#fff; background-color:#111; border-radius:50px;}
.main-con .event .swiper-slide a .wrap p.con{padding-top:33px; text-align:center; font-size:2.625rem; line-height:1; font-weight:300; color:#fff;}

.main-con .swiper-event-button-next,.main-con .swiper-event-button-prev{position:absolute; right:21.5%; top:50%; transform:translateY(-70%); z-index:9; width:80px; height:80px; background:url(/assets/wavepark/img/event-arrow-right.png) no-repeat; cursor:pointer; opacity:.5}
.main-con .swiper-event-button-next:hover,.main-con .swiper-event-button-prev:hover{opacity:1; transition:all .3s}
.main-con .swiper-event-button-prev{right:auto; left:21.5%; transform:translateY(-70%) rotate(180deg);}
.main-con .event .swiper-event-pagination{padding-top:35px; text-align:center;}
.main-con .event .swiper-pagination-bullet{width:12px; height:12px; background-color:#cdcdcd; opacity:1}
.main-con .event .swiper-pagination-bullet-active{transition:all .5s; width:38px; background-color:#e30b13; border-radius:10px;}

@media only screen and (max-width:1400px){
	.main-con .swiper-event-button-next,.main-con .swiper-event-button-prev{right:18%}
	.main-con .swiper-event-button-prev{left:18%}
	.main-con .event .swiper-slide a .wrap span.date{font-size:1.75rem}
	.main-con .event .swiper-slide a .wrap p.con{font-size:1.5rem}
}

@media only screen and (min-width:1024px) and (max-width:1400px){
	.main-con .swiper-event-button-next,.main-con .swiper-event-button-prev{right:19%}
	.main-con .swiper-event-button-prev{left:19%}
}

@media only screen and (max-width:1024px){
	.main-con .event .swiper-slide{width:80%!important; margin:0 10%}
	.main-con .swiper-event-button-next, .main-con .swiper-event-button-prev{width:65px; height:65px; background-size:65px;}
	.main-con .swiper-event-button-next,.main-con .swiper-event-button-prev{right:15px}
	.main-con .swiper-event-button-prev{left:15px}
}
@media only screen and (max-width:768px){
	.main-con .swiper-event-button-next, .main-con .swiper-event-button-prev{width:50px; height:50px; background-size:50px;}
}
@media only screen and (max-width:560px){
	.main-con .event .swiper-slide{width:90%!important; margin:0 5%}
	.main-con .swiper-event-button-next,.main-con .swiper-event-button-prev{display:none}
	.main-con .event .swiper-event-pagination{padding-top:30px;}
	.main-con .event .swiper-slide{height:400px}
	.main-con .event .swiper-slide,.main-con .event .swiper-slide.two,.main-con .event .swiper-slide.three,.main-con .event .swiper-slide.four,.main-con .event .swiper-slide.five{background-position:center;}
	.main-con .event h2{padding-bottom:20px}
}


.main-con .youtube{background-color:#ebedf2; text-align:center;}
.main-con .youtube h2{padding-bottom:40px}
.main-con .youtube h2 p{font-size:1.25rem; color:#6a6a6a; font-family:'noto',sans-serif;}
.main-con .youtube ul{margin-top:20px; display:flex; gap:0 20px}
.main-con .youtube ul li{width:25%; background-color:#fff; border-radius:20px; border:1px solid #dcdcdc}
.main-con .youtube ul li a{display:block; transition:all .5s;}
.main-con .youtube ul li a span{position:relative;}
.main-con .youtube ul li a .img{display:flex; justify-content:center; align-items:center; border-radius:20px 20px 0 0; background:url(/assets/wavepark/img/youtube-01.jpg) no-repeat; height:190px;}
.main-con .youtube ul li:nth-child(2) a .img{background:url(/assets/wavepark/img/youtube-02.jpg) no-repeat;}
.main-con .youtube ul li:nth-child(3) a .img{background:url(/assets/wavepark/img/youtube-03.jpg) no-repeat;}
.main-con .youtube ul li:nth-child(4) a .img{background:url(/assets/wavepark/img/youtube-04.jpg) no-repeat;}
.main-con .youtube ul li a:hover .img{position:relative;}
.main-con .youtube ul li a:hover .img img{z-index:99}
.main-con .youtube ul li a:hover .img:after{content:''; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.25); border-radius:20px 20px 0 0}
.main-con .youtube ul li a p{padding:20px 20px 35px; font-family:'noto', sans-serif; text-align:left;}

@media only screen and (max-width:768px){
	.main-con .youtube ul{flex-wrap:wrap; gap:15px;}
	.main-con .youtube ul li a .img,.main-con .youtube ul li:nth-child(2) a .img,.main-con .youtube ul li:nth-child(3) a .img,.main-con .youtube ul li:nth-child(4) a .img{background-size:100%}
	.main-con .youtube ul li{width:100%}
	.main-con .youtube h2+img{max-width:200px}
}

.main-con .insta div{display:flex; gap:5px;}
.main-con .insta div a{display:block; padding:0 3px;}
.main-con .insta div a img{transition:all .3s}
.main-con .insta div a img:hover{opacity:.7}
.main-con .insta div:nth-of-type(1){margin-top:20px}

@media only screen and (max-width:768px){
	.main-con .inner > img{max-width:200px}
	.main-con .insta div{flex-wrap:wrap; gap:15px; margin-top:15px;}
	.main-con .insta div a{padding:0; width:calc(33.33% - 10px); line-height:0}
	.main-con .insta div a img{width:100%;}
}



.footer{padding-bottom:200px; background-image:url(/assets/wavepark/img/footer-bg-01.png),url(/assets/wavepark/img/footer-bg-02.png),url(/assets/wavepark/img/footer-bg.png); background-repeat:no-repeat; background-size:auto, auto, 100% 50%; background-position:bottom 15px right 15px, bottom 15px left 15px, center bottom;}
.footer .sns a{padding:0 1px;}
.footer ul.f-menu{padding-top:15px}
.footer ul.f-menu li a{padding:0 13px; font-family:'noto', sans-serif; font-size:.875rem; font-weight:600}
.footer ul.f-menu li a:hover{color:#000;}
.footer .copyright{padding-top:15px;}
.footer .copyright address p{padding-top:5px;}
.footer .copyright address p span{padding:0 3px;}
.footer .copyright address p,.footer .copyright address span,.footer .copyright address small{font-style:normal; font-family:'noto',sans-serif; font-size:.813rem; color:#484848;}
.footer small{display:inline-block; padding-top:15px; font-size:.688rem; color:#5d5d5d; font-weight:300}

@media only screen and (max-width:560px){
	.footer{padding-bottom:100px; background:url(/assets/wavepark/img/footer-bg.png) no-repeat; background-size:100% 25%; background-position:bottom center;}
	.footer ul.f-menu li a:nth-child(3),.footer ul.f-menu li a:nth-child(4),.footer ul.f-menu li a:nth-child(5),.footer ul.f-menu li a:nth-child(6){}
	.footer .copyright address p{padding-top:3px}
	.footer ul.f-menu li{display:grid; border-top:1px solid #ddd; grid-template-columns: repeat(auto-fit, minmax(50%, auto))}
	.footer ul.f-menu li a{border-left:1px; border-bottom:1px; border-color:#ddd; border-style:solid; padding:0 ;padding:5px; display:inline-block;}
}



/* 서브 */
.sub{padding:100px 0 150px;}
.sub h1{padding-bottom:70px; font-family: 'noto', sans-serif; text-align:center; font-size:3.125rem; font-weight:500; letter-spacing:-1.5px}
.sub-space-small{margin-top:80px;}
.sub-space-small1{margin-top:60px;}
.sub-space-small2{margin-top:100px}
.sub-space-small3{margin-top:20px}
.sub-space{margin-top:130px;}
.sub-space-big{margin-top:200px}
.dim{display:none; position:fixed; top:0; left:0;  width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:9999; cursor:pointer;}
.dim-w{display:none; position:fixed; top:0; left:0;  width:100%; height:100%; background-color:rgba(255,255,255,1); z-index:99; cursor:pointer;}



.tab-list{display:flex; justify-content:space-around;} /* border:1px solid #ddd;*/
.tab-list a{padding:20px; font-family: 'noto', sans-serif; font-size:1.125rem}
.tab-list .tab-link:first-child{border-left:0}
.tab-list .tab-link{display:inline-block;cursor:pointer; flex-grow:1; text-align:center; border-left:1px solid #ddd;}
.tab-list .tab-link:hover{background-color:#01b6ed; color:#fff;}
.tab-list .tab-link.on{background-color:#01b6ed; color:#fff;}
.tab-content{padding:50px 0 0; display:none; position:relative; font-family: 'noto', sans-serif; text-align:left;}
.tab-content.on {display:block; overflow:hidden;}
.tab-content .wrap{display:flex; gap:0 75px}
.tab-content dl{cursor:pointer;}
.tab-content dt{padding-top:30px; font-size:1.5rem; font-weight:600}
.tab-content dd.txt{padding-top:8px; font-size:1rem; color:#343434;}



.tab-list.fill{display:flex; justify-content:space-around; border:1px solid #ddd!important;}
.tab-list.fill .tab-link{display:inline-block;cursor:pointer; flex-grow:1; text-align:center; border:none!important; border-left:1px solid #ddd!important;}
.tab-list.fill .tab-link:hover{background-color:#01b6ed; color:#fff;}
.tab-list.fill .tab-link.on{background-color:#01b6ed!important; color:#fff!important; border:none!important;}





@media only screen and (max-width:1024px){
	.sub-space{margin-top:100px;}
	.sub-space-big{margin-top:170px}
}
@media only screen and (max-width:960px){
	.sub-space-small2{margin-top:80px}
}
@media only screen and (max-width:768px){
	.sub{padding:80px 0 130px;}
	.sub h1{padding-bottom:50px}
	.sub-space{margin-top:80px;}
	.sub-space-big{margin-top:140px}
}
@media only screen and (max-width:560px){
	.sub{padding:60px 0 120px;}
	.sub h1{padding-bottom:35px; font-size:2.25rem;}
	.sub-space-small{margin-top:55px;}
	.sub-space-small1{margin-top:35px;}
	.sub-space-small2{margin-top:60px}
	.sub-space-big{margin-top:85px}
	.tab-content{padding:35px 0 0}
}

/* 브랜드 */
.brand .brand-header{position:relative; width:1600px; height:650px; margin:0 auto; background:url(/assets/wavepark/img/brand/brand-tit-bg.jpg) no-repeat;}
.brand .brand-header .con{position:absolute; width:50%; left:0; bottom:0; padding:45px 80px 55px; text-align:left; background-color:var(--primary-color); color:#fff; font-size:1.125rem; font-family: 'noto', sans-serif;}
.brand .brand-header .con .sub-tit{font-size:1.25rem; font-weight:600}
.brand .brand-header .con h2{padding-top:10px; font-family: 'JalnanGothic'; font-size:2.875rem}
.brand .brand-header .con .txt{padding-top:25px; font-size:1.25rem; font-weight:300; line-height:1.5}
.brand .inner-common{display:flex; align-items:center; justify-content:space-between;}
.brand .brand-con .con{text-align:left;}
.brand .brand-con .con .sub-tit,.brand .brand-con .con .txt{font-family: 'noto', sans-serif; font-size:1.25rem; font-weight:bold;}
.brand .brand-con .con h2{padding-top:12px; font-family: 'JalnanGothic'; font-size:2.875rem}
.brand .brand-con .con .txt{width:450px; padding-top:45px; color:#6a6a6a; font-weight:300}
.brand .brand-story.brand-con .img{position:relative; }
.brand .brand-story.brand-con .img:after{content:''; position:absolute; top:15px; left:21px; width:530px; height:530px; border-radius:300px; background-color:#eee; z-index:-1}
.brand .brand-activity ul{display:flex; gap:0 35px;}
.brand .brand-concept{position:relative; }
.brand .brand-concept .img{width:60%; height:605px; background:url(/assets/wavepark/img/brand/brand-concept-bg.jpg) no-repeat; background-size:cover}
.brand .brand-concept .con{display:flex; flex-direction:column; padding-left:70px; justify-content:center; position:absolute; right:0;  height:650px; width:55%; z-index:1; background:#e1dcd8;}
.brand .brand-concept .con:before{content:''; position:absolute; left:-115px; width:0; height:0; border-top:650px solid transparent; border-right:115px solid #e1dcd8}
.brand .brand-concept .con .txt{padding-bottom:60px; color:#000; font-weight:400}
.brand .brand-concept .con .txt span{display:block; text-decoration:underline}
.brand .brand-bi ul{display:flex; border:1px solid #ddd; }
.brand .brand-bi ul li{flex:1 1 0; display:flex; padding:40px 50px; align-items:center; justify-content:center; border-right:1px solid #ddd}
.brand .brand-bi ul li:last-child{border-right:0}
.brand .brand-bi ul li:nth-child(n+2) img{max-height:80px}
.brand .brand-bi ul li:nth-child(3) img{max-height:120px}
.brand .brand-bi.inner-common{align-items:flex-start;}
.brand .brand-bi.brand-con .txt{width:auto;}

.brand.facility .sub-top{height:250px; background:url(/assets/wavepark/img/brand/facility-top-bg.jpg) no-repeat center; background-size:cover;}
.brand.facility .tab-list{display:flex; justify-content:space-around; border:1px solid #ddd;}
.brand.facility .tab-list a{padding:20px; font-family: 'noto', sans-serif; font-size:1.125rem}
.brand.facility .tab-list .tab-link:first-child{border-left:0}
.brand.facility .tab-list .tab-link{display:inline-block;cursor:pointer; flex-grow:1; text-align:center; border-left:1px solid #ddd;}
.brand.facility .tab-list .tab-link:hover{background-color:#01b6ed; color:#fff;}
.brand.facility .tab-list .tab-link.on{background-color:#01b6ed; color:#fff;}
.brand.facility .tab-content{padding-top:0px; display:none; position:relative; font-family: 'noto', sans-serif; text-align:left;}
.brand.facility .tab-content.on {display:block; overflow:hidden;}
.brand.facility .tab-content .wrap{display:flex; gap:0 75px; flex-wrap:wrap;}
.brand.facility .tab-content dl{margin-top:70px; cursor:pointer; width:calc(33.33% - 50px)}
.brand.facility .tab-content dl dd img{max-width:100%;}
.brand.facility .tab-content dl:hover img{opacity:.8; transition:all .3s}
.brand.facility .tab-content dt{padding-top:25px; font-size:1.5rem; font-weight:600}
.brand.facility .tab-content dd.txt{padding-top:8px; font-size:1rem; color:#343434;}

.brand.facility .layer-pop{display:none; position:fixed; left:50%; top:50%; width:1200px; max-height: 80%; overflow-y: auto; transform:translate(-50%,-50%); padding:95px 80px; background-color:#fff; z-index:99999; border-radius:5px; cursor:pointer;}
.brand.facility .layer-pop .wrap{display:flex; gap:0 60px; align-items:flex-start}
.brand.facility .layer-pop .wrap .swiper{max-width:350px}
.brand.facility .layer-pop .wrap .swiper .swiper-pagination-bullet{background-color:#000; opacity:.6}
.brand.facility .layer-pop .wrap .swiper .swiper-pagination-bullet-active{background-color:#fff}
.brand.facility .layer-pop:before,.brand.facility .layer-pop:after{content:''; position:absolute; top:60px; right:55px; width:35px; height:2px; background-color:#333; transform: rotate(45deg)}
.brand.facility .layer-pop:after{transform: rotate(-45deg)}
.brand.facility .layer-pop .con{padding:0 35px; text-align:left; font-family: 'noto', sans-serif;}
.brand.facility .layer-pop .con h2{padding-top:15px; font-size:1.563rem; font-weight:600;}
.brand.facility .layer-pop .con .sub-txt{padding-top:20px; font-size:1.125rem; color:#6a6a6a;}
.brand.facility .layer-pop .con ul{display:flex; align-items:flex-start; padding:20px 0; }
.brand.facility .layer-pop .con ul:nth-of-type(1){margin-top:30px;}
.brand.facility .layer-pop .con ul li.tit{flex-shrink:0; padding-left:12px; width:115px; font-size:1.063rem; position:relative; font-weight:600}
.brand.facility .layer-pop .con ul li.tit:before{content:''; position:absolute; left:0;  width:4px; height:4px; border-radius:2px; background-color:#b9b6b5; top:50%; transform:translatey(-50%)}
.brand.facility .layer-pop .con ul li.txt{color:#343434;}

.brand.facility .nodata{padding:150px 0 20px; text-align:center; font-size:1.375rem}
.brand.facility .nodata span{padding-top:15px; display:block;}

.brand.character .sub-top{font-size:1.25rem; font-family: 'noto', sans-serif; background:#846a53; color:#fff;}
.brand.character .sub-top .inner{padding:75px 0; text-align:left;  background:url(/assets/wavepark/img/brand/character-top.png) no-repeat bottom right;}
.brand.character .sub-top h2{padding-top:10px; font-family: 'JalnanGothic'; font-size:3.5rem}
.brand.character .intro{display:flex; align-items:center; justify-content:space-between; gap:0 50px;}
.brand.character .intro .img{display:flex; justify-content:center; align-items:center; width:610px; height:610px; border-radius:500px; background-color:#faeddf;}
.brand.character .intro .txt{width:512px; text-align:left;}
.brand.character .intro .txt h3{font-size:2.75rem; }
.brand.character .intro .txt p{padding-top:35px; font-size:1.25rem; color:#6a6a6a; font-family: 'noto', sans-serif;}
.brand.character .download{display:flex; justify-content:center; align-items:center;}
.brand.character .download dl{padding:50px 110px 70px; border:3px solid #e8e6e3; width:80%;}
.brand.character .download dl:first-child{}
.brand.character .download dl dt{padding-top:15px; font-size:1.75rem}
.brand.character .download dl dd button{display:block; margin:10px auto 0; padding:13px 35px; background-color:#846a53; border:0; font-size:1rem; color:#fff; transition:all .3s}
.brand.character .download dl dd button:hover{background-color:#654c37}

@media only screen and (max-width:1700px){
	.brand .brand-header{width:92%}
}
@media only screen and (max-width:1200px){
	.brand .brand-header .con{width:70%}
	.brand .brand-story.inner-common{gap:0 20px;}
	.brand .brand-story.brand-con .img{width:100%; text-align:right;}
	.brand .brand-story.brand-con .img span{display:inline-block;}
	.brand .brand-story.brand-con .img span img,.brand .brand-story.brand-con .img:after{width:350px; height:350px;}
	.brand .brand-story.brand-con .img:after{left:auto; right:-10px}
	.brand .brand-activity.brand-con .img{margin-top:50px;}
	.brand .brand-activity.inner-common{flex-wrap:wrap;}
	.brand .brand-con .con .txt{padding-top:30px;}
	.brand .brand-bi.inner-common{gap:0 20px; flex-wrap:wrap;}
	.brand .brand-bi .img{padding-top:25px; width:100%;}

	.brand.facility .tab-content .wrap{gap:0 50px}
	.brand.facility .tab-content dl{cursor:pointer; width:calc(33.33% - 33.33px)}
	.brand.facility .tab-content dt{padding-top:20px}
	.brand.facility .layer-pop{width:92%; left:4%; transform:translate(0, -50%)}

	.brand.character .intro .img{width:400px; height:400px;}
	.brand.character .intro .img img{max-width:65%}
	.brand.character .intro .txt p{padding-top:30px; font-size:1.063rem;}
}
@media only screen and (max-width:1024px){
	.brand .brand-header{height:500px}
	.brand .brand-header .con,.brand .brand-header .con .sub-tit,.brand .brand-header .con .txt{letter-spacing:-.2px}
	.brand .brand-header .con h2{font-size:2.25rem}
	.brand .brand-header .con .txt{padding-top:15px; font-size:1.063rem; font-weight:200; }

	.brand .brand-concept .img{height:450px}
	.brand .brand-concept .con{padding-right:50px; height:500px}
	.brand .brand-concept .con:before{border-top:500px solid transparent}
	.brand .brand-concept .con .txt{padding-bottom:30px}	

	.brand .brand-bi ul li:first-child img,.brand .brand-bi ul li:nth-child(2) img{max-width:100%;}
}
@media only screen and (max-width:960px){
	.brand .brand-story.inner-common{gap:0 40px;}
	.brand .brand-con .con .txt{width:auto;}
	.brand .brand-activity ul li{width:calc(33.33% - 23px)}
	.brand .brand-activity ul li img{width:100%;}
	.brand.facility .layer-pop .wrap{display:block;}
	.brand.facility .layer-pop .con h2,.brand.facility .layer-pop .con .sub-txt{text-align:center;}
	.brand.facility .layer-pop .con h2{padding-top:25px; font-size:2rem}
	.brand.facility .layer-pop .con .sub-txt{padding:15px 0 35px; border-bottom:1px solid #ddd;}

	.brand.character .download dl{padding:50px; width:50%;}

	.brand .brand-bi ul li{padding:40px;}
	.brand .brand-bi ul li:nth-child(3) img{max-width:100%; max-height:80px}
}
@media only screen and (max-width:768px){
	.brand .brand-header .con{padding:40px 60px}
	.brand .brand-header .con h2{font-size:2rem;}
	.brand .brand-header .con .txt{font-size:1rem;}
	.brand .brand-con .con h2{font-size:2.75rem}
	.brand .brand-con .con .txt{padding-top:30px; font-size:1.125rem;}
	.brand .brand-story.brand-con .img span img, .brand .brand-story.brand-con .img:after{width:300px; height:300px;}	
	.brand .brand-activity ul{gap:0 25px}
	.brand .brand-concept .con{padding-left:50px}
	.brand .brand-con .con .txt{font-size:1.063rem; color:#333; font-weight:300}
	.brand .brand-con .con .txt span{display:block; padding-bottom:5px; font-size:1.125rem; color:#000; font-weight:400}

	.brand.facility .tab-content .wrap{gap:0 30px}
	.brand.facility .tab-content dl{margin-top:60px; cursor:pointer; width:calc(50% - 15px)}

	.brand.character .sub-top h2{font-size:3rem;}
	.brand.character .sub-top .inner{background-size:38%;}
	.brand.character .download dl{width:100%;}

	.brand .brand-bi ul li:nth-child(3) img{max-height:60px}
}
@media only screen and (max-width:560px){
	.brand .brand-header{height:350px;}
	.brand .brand-header .con{padding:35px 45px; width:85%;}
	.brand .brand-header .con .txt{display:none;}
	.brand .brand-header .con h2{font-size:1.75rem;}
	.brand .brand-con .con h2{padding-top:8px; font-size:2rem; letter-spacing:-.2px}
	.brand .brand-con .con .txt{padding-top:20px;}
	.brand .brand-con .con .sub-tit{font-size:1.188rem;}
	.brand .brand-story.inner-common{gap:0 20px;}
	.brand .brand-story.brand-con .img span img, .brand .brand-story.brand-con .img:after{width:120px; height:120px;}
	.brand .brand-story.brand-con .img:after{top:10px; right:-5px;}
	.brand .brand-activity ul{gap:0 15px;}
	.brand .brand-activity ul li{width:calc(33.33% - 10px)}
	.brand .brand-activity.brand-con .img{margin-top:35px;}
	.brand .brand-concept .con{padding-left:30px; padding-right:30px; height:380px; width:70%}
	.brand .brand-concept .con:before{left:-99px; border-top:380px solid transparent; border-right:100px solid #e1dcd8;}
	.brand .brand-concept .con .txt{padding-bottom:0;}
	.brand .brand-concept .img{height:330px;}
	.brand .brand-bi.sub-space{margin-top:100px}
	.brand .brand-bi ul li{padding:25px 20px;}

	.brand.facility .sub-top{height:170px;}
	.brand.facility .tab-list{flex-wrap:wrap; border-bottom:0;}
	.brand.facility .tab-list .tab-link{width:33.33%; border-bottom:1px solid #ddd; font-weight:300;}
	.brand.facility .tab-list .tab-link.on{font-weight:400}
	.brand.facility .tab-list a{padding:15px 18px;}
	.brand.facility .tab-content .wrap{gap:0 20px;}
	.brand.facility .tab-content dl{margin-top:35px; width:calc(50% - 10px)}
	.brand.facility .tab-content dt{padding-top:15px; font-size:1.25rem;}
	.brand.facility .tab-content dd.txt{padding-top:5px; font-size:.938rem; font-weight:300}
	.brand.facility .layer-pop{padding:50px 35px;}
	.brand.facility .layer-pop .wrap>img,.brand.facility .layer-pop .wrap .swiper{max-width:70%;}
	.brand.facility .layer-pop:before,.brand.facility .layer-pop:after{width:25px; top:40px; right:25px;}
	.brand.facility .layer-pop .con h2{font-size:1.75rem}
	.brand.facility .layer-pop .con .sub-txt{padding:10px 0 25px; font-size:1rem; font-weight:300}
	.brand.facility .layer-pop .con ul{padding:10px 0;}
	.brand.facility .layer-pop .con ul:nth-of-type(1){margin-top:15px;}
	.brand.facility .layer-pop .con ul li.tit{width:85px}

	.brand.character .sub-top .inner{padding:45px 0;}
	.brand.character .sub-top p{font-size:1rem;}
	.brand.character .sub-top h2{padding-top:7px; font-size:1.875rem;}
	.brand.character .intro{display:block;}
	.brand.character .intro .img{width:230px; height:230px; margin:0 auto}
	.brand.character .intro .txt{width:100%;}
	.brand.character .intro .txt h3{padding-top:30px; font-size:2.5rem; text-align:center;}
	.brand.character .intro .txt p{padding-top:15px; font-size:1rem; font-weight:300; }
	.brand.character .download{display:block}
	.brand.character .download dl{width:100%; padding:35px; }
	.brand.character .download dl:first-child{margin-bottom:15px; border-right:3px solid #e8e6e3;}
	.brand.character .download dl dt{padding-top:0;}
}


/* 즐길거리 */
.sub.enjoy{padding-top:0;}

.sub h2{font-size: 2.125rem; font-weight: 600; line-height: 1.3; font-family: 'noto', sans-serif;}

.enjoy.surf .top{display:flex;}
.enjoy.surf .top .txt{display:flex; flex-direction:column; justify-content:center; align-items:center; width:40%; font-family: 'noto', sans-serif; font-weight:500; text-align:left;}
.enjoy.surf .top .txt span.top-icon{display:inline-block; width:125px; height:125px; background:#002c84 url(/assets/wavepark/img/enjoy/enjoy-surf-top-icon.png) no-repeat center; border-radius:100px;}
.enjoy.surf .top .txt h2{padding-top:27px; font-size:3.5rem; font-weight:500; text-align:left;}
.enjoy.surf .top .txt p{padding:20px 0 0; font-size:1.25rem; color:#3a3a3a; text-align:center; line-height:1.6}
.enjoy.surf .top .img{width:60%; height:730px; background:url(/assets/wavepark/img/enjoy/enjoy-surf-top-bg.jpg) no-repeat center; background-size:cover;}

.enjoy.surf.caravan .top a.btn-basic{margin-top:30px}


.enjoy.diving .top .txt span.top-icon{background:#002c84 url(/assets/wavepark/img/enjoy/enjoy-diving-top-icon.png) no-repeat center;}
.enjoy.mioco .top .txt span.top-icon{background:#002c84 url(/assets/wavepark/img/enjoy/enjoy-mioco-top-icon.png) no-repeat center;}
.enjoy.landsurf .top .txt span.top-icon{background:#002c84 url(/assets/wavepark/img/enjoy/enjoy-landsurf-top-icon.png) no-repeat center;}
.enjoy.caravan .top .txt span.top-icon{background:#002c84 url(/assets/wavepark/img/enjoy/enjoy-caravan-top-icon.png) no-repeat center;}
.enjoy.rental .top .txt span.top-icon{background:#002c84 url(/assets/wavepark/img/enjoy/enjoy-rental-top-icon.png) no-repeat center;}

.enjoy.surf.guide.new .top .txt span.top-icon{background:#002c84 url(/assets/wavepark/img/guide/top-icon.png) no-repeat center;}


.enjoy.surf.diving .top .txt p{}
.enjoy.surf.mioco .top .txt h2{}
.enjoy.surf.landsurf .top .txt p{}
.enjoy.surf.caravan .top .txt h2{}
.enjoy.surf.caravan .top .txt p{}


.enjoy.surf.diving .top .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-top-bg.jpg) no-repeat center;}
.enjoy.surf.mioco .top .img{background:url(/assets/wavepark/img/enjoy/enjoy-mioco-top-bg.jpg) no-repeat center;}
.enjoy.surf.landsurf .top .img{background:url(/assets/wavepark/img/enjoy/enjoy-landsurf-top-bg.jpg) no-repeat center;}
.enjoy.surf.caravan .top .img{background:url(/assets/wavepark/img/enjoy/enjoy-caravan-top-bg.jpg) no-repeat center;}
.enjoy.surf.rental .top .img{background:url(/assets/wavepark/img/enjoy/enjoy-rental-top-bg.jpg) no-repeat center;}

.enjoy.surf.guide.new .top .img{background:url(/assets/wavepark/img/guide/top-bg.jpg) no-repeat center;}





.enjoy .sub-top{height:250px; background:url(/assets/wavepark/img/brand/facility-top-bg.jpg) no-repeat center; background-size:cover;}
.enjoy .tab-list{display:flex; justify-content:space-around;}
.enjoy .tab-list a{padding:20px; font-family: 'noto', sans-serif; font-size:1.125rem}
.enjoy .tab-list .tab-link{display:inline-block;cursor:pointer; border:1px solid #ddd; border-bottom:1px solid #000; flex-grow:1; text-align:center; border-left:1px solid #ddd; color:#666;}
.enjoy .tab-list .tab-link:hover{color:#fff;}
.enjoy .tab-list .tab-link.on{font-size:1.125rem; color:#000; border:1px solid #000; border-bottom:1px solid #fff; background-color:transparent}
.enjoy .tab-content{padding:50px 0 0; display:none; position:relative; font-family: 'noto', sans-serif; text-align:left;}
.enjoy .tab-content.on {display:block; overflow:hidden;}
.enjoy .tab-content .wrap{display:flex; gap:0 75px}
.enjoy .tab-content dl{cursor:pointer;}
.enjoy .tab-content dt{padding-top:30px; font-size:1.5rem; font-weight:600}
.enjoy .tab-content dd.txt{padding-top:8px; font-size:1rem; color:#343434;}

.enjoy .tab-content .wrap{display:flex; align-items:flex-start;}
.enjoy .tab-content .wrap .control h2{padding:15px 0 22px;}
.enjoy .tab-content .wrap .control > ul{display:flex;}
.enjoy .tab-content .wrap .control > ul:nth-of-type(1){padding-top:35px;}
.enjoy .tab-content .wrap .control > ul li{padding-top:5px;}
.enjoy .tab-content .wrap .control > ul li.tit{width:90px;}
.enjoy .tab-content .wrap .control > ul li.txt{flex:1; letter-spacing:-.2px}
.enjoy .tab-content .wrap .control > ul li.tit,.enjoy .tab-content .wrap .control > ul li.txt{font-size:1.063rem; font-weight:600;}
.enjoy .tab-content .wrap .control > ul li.txt{color:#6a6a6a; font-weight:300}
.enjoy .tab-content .swiper-slide{margin:0 30px 0 5px;  height:495px; box-shadow:0 0 0 1px #ddd inset}
.enjoy .tab-content .swiper-slide .con{padding:32px 25px;}
.enjoy .tab-content .swiper-slide .con h3{font-weight:600;}
.enjoy .tab-content .swiper-slide .con p{padding-top:13px; font-size:.875rem; color:#595959; line-height:1.65}
.enjoy .tab-content .swiper-slide .con img,.enjoy .tab-content .swiper-wrapper img{width:100%}

.enjoy .swiper-enjoy-lesson-button-next,.enjoy .swiper-enjoy-lesson-button-prev{display:inline-block; position:relative; width:40px; height:40px; border-radius:100px; border:1px solid #cdcdcd; cursor:pointer}
.enjoy .swiper-enjoy-lesson-button-prev{margin-right:8px;}
.enjoy .swiper-enjoy-lesson-button-next:before,.enjoy .swiper-enjoy-lesson-button-prev:before{content:''; position:absolute; top:14px; left:13px; width:10px; height:10px; transform:rotate(45deg); border-top:1px solid #333; border-right:1px solid #333; cursor:pointer; z-index:9;}
.enjoy .swiper-enjoy-lesson-button-prev:before{left:17px; transform:rotate(-135deg)}
.enjoy .swiper-enjoy-lesson-button-prev.swiper-button-disabled:before,.enjoy .swiper-enjoy-lesson-button-next.swiper-button-disabled:before{opacity:.3}
.enjoy .swiper-enjoy-lesson-button-next:hover,.enjoy .swiper-enjoy-lesson-button-prev:hover{opacity:1; background-color:#f7f7f7; transition:all .3s}
.enjoy .swiper-enjoy-lesson-button-next.swiper-button-disabled:hover,.enjoy .swiper-enjoy-lesson-button-prev.swiper-button-disabled:hover{background:none;}

.enjoy.surf .all-in-one{padding:50px 0; background-color:#eceff3; text-align:left; font-family: 'noto', sans-serif;}
.enjoy.surf .all-in-one .sub-txt{padding-top:7px; font-size:1.188rem; color:#6a6a6a}
.enjoy.surf .all-in-one .list-wrap{padding-top:35px; display:flex; gap:40px;}
.enjoy.surf .all-in-one .list-wrap dl{text-align:center;}
.enjoy.surf .all-in-one .list-wrap dl dd.icon{margin:0 auto; width:80px; height:80px; border-radius:10px; background:#0096ff url(/assets/wavepark/img/enjoy/enjoy-all-icon-01.png) no-repeat center;}
.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(2) dd.icon{background:#0096ff url(/assets/wavepark/img/enjoy/enjoy-all-icon-02.png) no-repeat center;}
.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(3) dd.icon{background:#0096ff url(/assets/wavepark/img/enjoy/enjoy-all-icon-03.png) no-repeat center;}
.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(4) dd.icon{background:#0096ff url(/assets/wavepark/img/enjoy/enjoy-all-icon-04.png) no-repeat center;}
.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(5) dd.icon{background:#0096ff url(/assets/wavepark/img/enjoy/enjoy-all-icon-05.png) no-repeat center;}
.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(6) dd.icon{background:#0096ff url(/assets/wavepark/img/enjoy/enjoy-all-icon-06.png) no-repeat center;}
.enjoy.surf .all-in-one .list-wrap dl dt{padding-top:9px; font-size:1.125rem; color:#0096ff; font-weight:500}
.enjoy.surf .all-in-one .list-wrap dl dd.txt{padding-top:6px; font-size:.875rem; color:#4e4e4e; line-height:1.4}

.enjoy.surf.guide.new .all-in-one .list-wrap{flex-wrap:wrap;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl{width:calc(25% - 30px);}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(1) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-01.png) no-repeat center;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(2) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-02.png) no-repeat center;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(3) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-03.png) no-repeat center;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(4) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-04.png) no-repeat center;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(5) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-05.png) no-repeat center;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(6) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-06.png) no-repeat center;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(7) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-07.png) no-repeat center;}
.enjoy.surf.guide.new .all-in-one .list-wrap dl:nth-of-type(8) dd.icon{background:#0096ff url(/assets/wavepark/img/guide/guide-all-icon-08.png) no-repeat center;}



.enjoy.surf .surf-list .lesson{text-align:left;}
.enjoy.surf .surf-list .lesson h2 small{padding-left:15px; font-size:1.125rem; color:var(--red-color); font-weight:400}
.enjoy.surf .surf-list .lesson h2,.enjoy.surf .surf-list .lesson .sub-txt{font-family: 'noto', sans-serif; text-align:left;}
.enjoy.surf .surf-list .lesson h2{padding:0;}
.enjoy.surf .surf-list .lesson .sub-txt{padding-top:10px; font-size:1.25rem; color:#6a6a6a; }
.enjoy.surf .surf-list .lesson .wrap{display:flex; gap:17px; padding-top:35px; }
.enjoy.surf .surf-list .lesson .wrap > div{width:25%; font-family:'noto',sans-serif; font-weight:300; text-align:center;}
.enjoy.surf .surf-list .lesson .wrap > div a{height:95%; position:relative; display:block;}
.enjoy.surf .surf-list .lesson .wrap > div a h3{padding-top:23px; font-size:1.125rem; font-weight:600; line-height:1.2}
.enjoy.surf .surf-list .lesson .wrap > div a img{max-width:100%}
.enjoy.surf .surf-list .lesson .wrap p{font-size:.938rem; padding:13px 15px 0; line-height:1.4; color:#555;}
.enjoy.surf .surf-list .lesson .wrap p span{display:block; color:#e97d1d; font-size:.875rem}
.enjoy.surf .surf-list .lesson .wrap button{margin-top:20px; padding:6px 13px; font-size:.875rem; border:1px solid #383838; background:none; letter-spacing:-.1rem; font-weight:500}
.enjoy.surf .surf-list .lesson .wrap a:hover button{transition:all .3s; background-color:#002c84; color:#fff;}


.enjoy.surf .check-guide-list > ul{margin-top:35px;}
.enjoy.surf .check-guide-list ul li{padding:35px 0; border-top:1px solid #eee; justify-content:space-between;}
.enjoy.surf .check-guide-list ul li .top-info{display:flex; gap:0 15px; align-items:start; }
.enjoy.surf .check-guide-list ul li .top-info .all-txt-wrap{flex-grow:1; flex:1}
.enjoy.surf .check-guide-list ul li:first-child{border-top:0}
.enjoy.surf .check-guide-list ul li .lv{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:70px; height:70px; background-color:var(--primary-color); clip-path: polygon(50% 0%, 100% 38%, 81% 100%, 19% 100%, 0% 38%); color:#fff; font-size:1.063rem; font-weight:600}
.enjoy.surf .check-guide-list ul li .line{display:inline-block; margin-top:35px; width:22px; flex-shrink:0; border-bottom:2px dotted var(--primary-color)}
.enjoy.surf .check-guide-list ul li:nth-child(2) .lv{background:var(--secondary-color)}
.enjoy.surf .check-guide-list ul li:nth-child(2) .line{border-color:var(--secondary-color)}
.enjoy.surf .check-guide-list ul li:nth-child(3) .lv{background:#eaa808}
.enjoy.surf .check-guide-list ul li:nth-child(3) .line{border-color:#eaa808}
.enjoy.surf .check-guide-list ul li:nth-child(4) .lv{background:#e97d1d}
.enjoy.surf .check-guide-list ul li:nth-child(4) .line{border-color:#e97d1d}
.enjoy.surf .check-guide-list ul li:nth-child(5) .lv{background:#b21619}
.enjoy.surf .check-guide-list ul li:nth-child(5) .line{border-color:#b21619}
.enjoy.surf .check-guide-list ul li .all-txt-wrap > .tit{font-size:1.625rem; color:#222;}
.enjoy.surf .check-guide-list ul li:nth-child(1) .all-txt-wrap > .tit{color:var(--primary-color)}
.enjoy.surf .check-guide-list ul li:nth-child(2) .all-txt-wrap > .tit{color:var(--secondary-color)}
.enjoy.surf .check-guide-list ul li:nth-child(3) .all-txt-wrap > .tit{color:#eaa808}
.enjoy.surf .check-guide-list ul li:nth-child(4) .all-txt-wrap > .tit{color:#e97d1d!important}
.enjoy.surf .check-guide-list ul li:nth-child(5) .all-txt-wrap > .tit{color:#b21619}
.enjoy.surf .check-guide-list ul li .txt{margin-top:3px; font-weight:300; color:#666; font-size:.938rem}
.enjoy.surf .check-guide-list ul li .txt span{position:relative; display:block;}
.enjoy.surf .check-guide-list ul li .txt strong{font-weight:500;}
.enjoy.surf .check-guide-list ul li:nth-child(1) .txt strong{color:var(--primary-color)}
.enjoy.surf .check-guide-list ul li:nth-child(4) .txt strong{color:#e97d1d}

.enjoy.surf .check-guide-list ul li .checklist-wrap{margin-top:20px; display:flex; gap:0}
.enjoy.surf .check-guide-list ul li .checklist-wrap > :where(.checklist,.checklist-result){flex:1}

.enjoy.surf .check-guide-list .checklist{padding:20px 30px; display:block; background-color:#f8f8f8; border-radius:15px; border:1px solid #ddd; border-right:0}
.enjoy.surf .check-guide-list .checklist li{display:flex; justify-content:start; text-align:left; margin:0; padding:8px 0; gap:0 10px; color:#666; font-weight:300; border-top:1px solid #e1e1e1; font-size:.938rem}
.enjoy.surf .check-guide-list .checklist li .icon{display:inline-block; width:21px; height:21px; flex-shrink:0; background:#cdcfd5 url(/assets/wavepark/img/login/join-complete-check.png) no-repeat center / 50%; border-radius:3px;}

.enjoy.surf .check-guide-list .checklist li.tit,.checklist-result .tit{font-size:1rem!important; color:#444; font-weight:500; letter-spacing:-.3px;}
.enjoy.surf .check-guide-list .checklist-result .tit{position:relative; padding:0 0 10px 20px; margin:8px 0 20px; letter-spacing:0; border-bottom:1px solid #ddd; }
.enjoy.surf .check-guide-list .checklist-result .tit:before{content:''; position:absolute; top:0; left:0; width:15px; height:25px; background:url(/assets/wavepark/img/my/m-06.png) no-repeat center / 100%; }

.enjoy.surf .check-guide-list .checklist-result{padding:20px 25px; border-radius:15px; border:1px solid #ddd; border-left-style:dashed}
.enjoy.surf .check-guide-list .checklist-result dl{position:relative; display:flex; gap:0 4px; margin:10px 0; justify-content:space-between;}
.enjoy.surf .check-guide-list .checklist-result dl:before{content:''; position:absolute; top:10px; width:100%; height:2px; background:repeating-linear-gradient(to right, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 2px, rgba(255,255,255,0) 2px, rgba(255,255,255,0) 6px); z-index:-1}
.enjoy.surf .check-guide-list .checklist-result dl dt{padding:0 10px 0 0; color:#666; font-weight:300; font-size:.938rem; background:#fff;}
.enjoy.surf .check-guide-list .checklist-result dl dd{padding:0 0 0 10px; color:#666; font-weight:300; font-size:.938rem; font-weight:500; background:#fff; white-space:nowrap}
.enjoy.surf .check-guide-list .checklist-result a{margin-left:3px; padding:2px 5px 4px; background-color:var(--primary-color); color:#fff; font-size:.813rem; border-radius:3px; letter-spacing:-.1px}
.enjoy.surf .check-guide-list .checklist-result a.lv-02-btn{background-color:var(--secondary-color)}
.enjoy.surf .check-guide-list .checklist-result a.lv-03-btn{background-color:#eaa808}
.enjoy.surf .check-guide-list .checklist-result a.lv-04-btn{background-color:#e97d1d}
.enjoy.surf .check-guide-list .checklist-result a.lv-05-btn{background-color:#b21619}


.lv-02-color{color:var(--secondary-color)!important}
.lv-03-color{color:#eaa808!important}
.lv-04-color{color:#e97d1d!important}
.lv-05-color{color:#b21619!important}

.enjoy.surf .surf-list .new-tit-wrap{display:flex; justify-content:space-between; align-items:flex-end}

.enjoy.surf .surf-list .lesson .tit-wrap{display:flex; justify-content:space-between; align-items:center;}

.enjoy.surf .caution h2{padding-bottom:20px; text-align:left;}
.enjoy.surf .caution ul.list{padding-top:25px; display:flex; gap:50px 0; justify-content:start; flex-wrap:wrap; }
.enjoy.surf .caution ul.list.edit :where(li:nth-child(2),li:nth-child(4),li:nth-child(11)){display:none;}
.enjoy.surf .caution ul.list li{width:16%; display:flex; align-items:center; gap:8px;}
.enjoy.surf .caution ul.list li span.icon{flex-shrink:0; position:relative; display:inline-block; width:82px; height:82px; border-radius:100px; border:5px solid #e30b13; background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-01.png) no-repeat center;}
.enjoy.surf .caution ul.list li span.icon.no-line:after{display:none;}
.enjoy.surf .caution ul.list li span.icon.triangle{border:0; border-bottom:5px solid #e30b13; border-radius:0; background-position:center bottom 5px!important; background-size:60%!important}
.enjoy.surf .caution ul.list li:nth-child(2) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-02.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(3) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-03.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(4) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-04.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(5) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-05.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(6) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-06.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(7) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-07.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(8) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-08.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(9) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-09.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(10) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-10.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(11) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-11.png) no-repeat center;}
.enjoy.surf .caution ul.list li:nth-child(12) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-12.png) no-repeat center;}
.enjoy.surf .caution ul.list li span.icon:after{content:''; position:absolute; top:35px; left:-3px; width:82px; height:5px; background-color:#e30b13; transform:rotate(-50deg); z-index:-1}
.enjoy.surf .caution ul.list li span.icon.triangle:after{width:84px; top:42px; left:-21px; transform:rotate(-60deg);}
.enjoy.surf .caution ul.list li span.icon.triangle:before{content:''; position:absolute; top:42px; right:-21px; width:84px; height:5px; background-color:#e30b13; transform:rotate(60deg); z-index:-1}
.enjoy.surf .caution ul.list li p{text-align:left; font-family: 'noto', sans-serif; font-size:.875rem; line-height:1.4}
.enjoy.surf .caution ul.txt.space{padding-top:40px;}
:where(.enjoy.surf .caution,.guide .caution) ul.txt li{position:relative; padding:5px 0 5px 14px; font-family:'noto',sans-serif; text-align:left; font-size:.938rem; font-weight:300}
:where(.enjoy.surf .caution,.guide .caution) ul.txt li span{word-break:break-all}
.enjoy.surf .caution ul.txt li:before,.guide .caution ul.txt li:before{content:''; position:absolute; top:14px; left:0; width:3px; height:3px; border-radius:10px; background-color:#282626}
.enjoy.surf .caution ul.txt.last-plus li:last-child{font-weight:600; font-size:1rem}
.enjoy.surf .caution ul.txt.last-plus li:last-child:before{display:none}  


.enjoy.surf .caution.mio ul.list{justify-content:flex-start}
.enjoy.surf .caution.mio ul.list li{width:25%;}
.enjoy.surf .caution.mio ul.list li:nth-child(1) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-mio-caution-01.png) no-repeat center;}
.enjoy.surf .caution.mio ul.list li:nth-child(2) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-mio-caution-02.png) no-repeat center;}
.enjoy.surf .caution.mio ul.list li:nth-child(2) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-mio-caution-02.png) no-repeat center;}
.enjoy.surf .caution.mio ul.list li:nth-child(3) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-mio-caution-03.png) no-repeat center;}
.enjoy.surf .caution.mio ul.list li:nth-child(4) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-mio-caution-04.png) no-repeat center;}
.enjoy.surf .caution.mio ul.list li:nth-child(5) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-mio-caution-05.png) no-repeat center;}
.enjoy.surf .caution.mio ul.list li:nth-child(6) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-mio-caution-06.png) no-repeat center;}
.enjoy.surf .caution.mio ul.list li:nth-child(7) span.icon{background:url(/assets/wavepark/img/enjoy/enjoy-caution-icon-01.png) no-repeat center;}




.enjoy.surf .surf-location img{max-width:100%}      
@media only screen and (max-width:1200px){
	.enjoy.surf .check-guide-list .checklist-result{flex-flow:column; gap:3px 0}
}

@media only screen and (max-width:860px){
	.enjoy.surf .check-guide-list ul li .top-info{display:block; text-align:center;}
	.enjoy.surf .check-guide-list ul li .lv{margin:0 auto}
	.enjoy.surf .check-guide-list ul li .all-txt-wrap > .tit{margin-top:15px;}
	.enjoy.surf .check-guide-list ul li .line{display:none;}
	.enjoy.surf .check-guide-list .checklist li.tit, .checklist-result .tit{text-align:left;}
}

@media only screen and (max-width:768px){
	.enjoy.surf .check-guide-list ul li{padding-bottom:50px; border-top:0;}
	.enjoy.surf .check-guide-list ul li{margin-top:0; padding-top:0; gap:0 10px}
	.enjoy.surf .check-guide-list ul li .line{width:15px;}
	.enjoy.surf .check-guide-list ul li .top-info{}
	.enjoy.surf .check-guide-list .checklist-result dl :where(dt,dd){text-align:left;}
	.enjoy.surf .check-guide-list .checklist-result dl dt{padding-right:5px;}
	.enjoy.surf .check-guide-list .checklist-result dl dd{padding-left:5px}	
}

@media only screen and (max-width:560px){
	.enjoy.surf .caution ul.list li span.icon.triangle{border-bottom-width:4px;}
	.enjoy.surf .caution ul.list li span.icon.triangle:before,.enjoy.surf .caution ul.list li span.icon.triangle:after{width:58px; height:4px;}
	.enjoy.surf .caution ul.list li span.icon.triangle:before{top:30px; right:-14px}
	.enjoy.surf .caution ul.list li span.icon.triangle:after{top:30px; left:-14px}

	.enjoy.surf .check-guide-list ul li{font-size:.938rem}
	.enjoy.surf .check-guide-list ul li .lv{width:70px; height:70px; font-size:1.125rem}
	.enjoy.surf .check-guide-list ul li .all-txt-wrap > .tit{margin-top:10px; font-size:1.438rem}
	.enjoy.surf .check-guide-list ul li .txt{margin-top:1px; font-size:.813rem; line-height:1.6}
	.enjoy.surf .check-guide-list ul li .checklist-wrap{display:block; }
	.enjoy.surf .check-guide-list ul li .top-info{gap:0 10px}
	.enjoy.surf .check-guide-list .checklist{padding:13px 25px; border-right:1px solid #ddd; border-bottom:0}
	.enjoy.surf .check-guide-list .checklist li{padding:7px 0; font-size:.875rem}
	.enjoy.surf .check-guide-list .checklist li .icon{margin-top:1px; width:19px; height:19px;}
	.enjoy.surf .check-guide-list .checklist-result{gap:1px 0; border-right-style:solid; border-left-style:solid; border-top-style:dashed}
	.enjoy.surf .check-guide-list .checklist-result .tit{padding:0 0 5px 20px; margin:8px 0 15px;}
	.enjoy.surf .check-guide-list .checklist-result dl dt{font-size:.813rem}
	.enjoy.surf .check-guide-list .checklist-result dl dd{font-size:.875rem}
	.enjoy.surf .check-guide-list .checklist-result a{font-size:.813rem}
}


.enjoy-layer-pop{display:none; position:fixed; padding: 95px 80px; border-radius:5px; width:1200px; height:800px; top:50%; left:50%; font-family:'noto',sans-serif; transform:translate(-50%,-50%); background-color:#fff;  z-index:99999; overflow-y:auto; cursor:pointer}
.enjoy-layer-pop:before,.enjoy-layer-pop:after{content:''; position:absolute; top:60px; right:55px; width:35px; height:2px; background-color:#333; transform: rotate(45deg)}
.enjoy-layer-pop:after{transform: rotate(-45deg)}
.enjoy-layer-pop h3{display:inline-block; font-size:2.625rem; font-weight:600; border-bottom:4px solid #002c84; line-height:1.6}
.enjoy-layer-pop .top-wrap{display:flex; padding-top:50px; gap:85px}

.enjoy-layer-pop.vip:before,.enjoy-layer-pop.vip:after,.enjoy-layer-pop.luxury:before,.enjoy-layer-pop.luxury:after{display:none;}
.enjoy-layer-pop.vip .close,.enjoy-layer-pop.luxury .close{position:absolute; top:40px; right:50px; width:50px; height:50px; background:none; border:none; z-index:999}
.enjoy-layer-pop.vip .close:before,.enjoy-layer-pop.vip .close:after,.enjoy-layer-pop.luxury .close:before,.enjoy-layer-pop.luxury .close:after{content:''; position:absolute; top:20px; right:5px; width:35px; height:2px; background-color:#333; transform: rotate(45deg)}
.enjoy-layer-pop.vip .close:after,.enjoy-layer-pop.luxury .close:after{transform: rotate(-45deg)}


.enjoy-layer-pop .top-wrap .img{background:url(/assets/wavepark/img/n-lesson-01.jpg) no-repeat center; width:460px; height:340px; background-size:cover}
.enjoy-layer-pop.middle .top-wrap .img{background:url(/assets/wavepark/img/n-lesson-02.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.levelup .top-wrap .img{background:url(/assets/wavepark/img/n-lesson-03.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.lv-04 .top-wrap .img{background:url(/assets/wavepark/img/n-lesson-04.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.lv-05 .top-wrap .img{background:url(/assets/wavepark/img/n-lesson-05.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.kids .top-wrap .img{background:url(/assets/wavepark/img/lesson-05.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.free-01 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-surf-free-01.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.free-02 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-surf-free-02.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.diving-01 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-01.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.diving-02 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-02.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.diving-03 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-03.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.diving-04 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-04.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.diving-05 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-05.jpg) no-repeat center; background-size:cover}
.enjoy-layer-pop.diving-06 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-06-inner.jpg) no-repeat top center; background-size:cover}
.enjoy-layer-pop.diving-07 .top-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-diving-07.jpg) no-repeat center; background-size:cover}

.enjoy-layer-pop .top-wrap.slide{display:flex; gap:0 30px; align-items:center;}
.enjoy-layer-pop .top-wrap.slide .swiper{width:85%}
.enjoy-layer-pop .top-wrap.slide .swiper-enjoy-mioco-button-next,.enjoy-layer-pop .top-wrap.slide .swiper-enjoy-mioco-button-prev{transform:scale(1.2)}

.enjoy-layer-pop .top-wrap .intro{text-align:left;}
.enjoy-layer-pop .top-wrap .intro h4{padding-top:15px; font-size:1.5rem; font-weight:500}
.enjoy-layer-pop .top-wrap .intro .txt{padding-top:13px; font-size:1rem; color:#6a6a6a; line-height:1.65}
.enjoy-layer-pop .top-wrap .intro .recom .tit{padding-top:35px; font-size:1rem; font-weight:600;}
.enjoy-layer-pop .top-wrap .intro .recom ul{padding-top:10px;}
.enjoy-layer-pop .top-wrap .intro .recom ul li{}
.enjoy-layer-pop .top-wrap .intro .recom ul li span{display:inline-block; position:relative; padding:4px 0 4px 15px; font-size:1.125rem; font-weight:400; color:#343434;}
.enjoy-layer-pop .top-wrap .intro .recom ul li span:before{content:''; position:absolute; top:16px; left:0; width:4px; height:4px; border-radius:4px; background-color:#b9b6b5;}
.enjoy-layer-pop .top-wrap .intro .recom ul li span:after{content:''; position:absolute; top:16px; left:13px; width:100%; height:12px; background-color:#fdff65; z-index:-1}
.enjoy-layer-pop.free-02 .top-wrap .intro .recom ul li{padding:5px 0; }
.enjoy-layer-pop.free-02 .top-wrap .intro .recom ul li p{padding-left:18px; font-size:.875rem; font-weight:300}
.enjoy-layer-pop.free-02 .info p{padding:15px 0px 5px; text-align:left;}
.enjoy-layer-pop.free-02 .info ul li:first-child{display:flex; align-items:center; justify-content:center; font-size:1.25rem;}
.enjoy-layer-pop .info{}
.enjoy-layer-pop h5{font-size:1.5rem; font-weight:600; text-align:left;}
.enjoy-layer-pop .info .hole{padding-top:35px; display:block; text-align:left;}
.enjoy-layer-pop .info .hole img{max-width:100%;}
.enjoy-layer-pop .info ul{display:flex; padding-top:20px; justify-content: flex-start; gap: 0 15px;}
.enjoy-layer-pop .info ul li{padding:30px 25px; background-color:#eef5f9; width:18%;}
.enjoy-layer-pop .info ul li h6{padding-top:8px; font-size:1.063rem; font-weight:600; color:#0096ff;}
.enjoy-layer-pop .info ul li p{padding-top:8px; font-size:0.813rem; color:#4e4e4e; line-height:1.4}
.enjoy-layer-pop .info-dive ul{padding-top:20px; display:flex; gap:100px; }
.enjoy-layer-pop .info-dive ul li{display:flex; align-items:center;}
.enjoy-layer-pop .info-dive ul li h6{padding:8px 0 0 15px; font-size:1.125rem; font-weight:400; color:#13bbee; text-align:left;}
.enjoy-layer-pop .info-dive ul li p{padding-left:20px; font-size:1.125rem; font-weight:400; text-align:left; color:#333;}
.enjoy-layer-pop .info-dive.only-txt p{padding-top:20px; font-weight:300; text-align:left; color:#6a6a6a;}
.enjoy-layer-pop .info-dive.only-txt p img{max-width:100%;}
.enjoy-layer-pop .normal-txt{padding-top:30px; font-size:1.125rem; color:#6a6a6a; font-weight:300; line-height:1.6}

.enjoy-layer-pop:where(.diving-01,.diving-02,.diving-03,.diving-04,.diving-05,.diving-06,.diving-07) .info-dive ul li{align-items:flex-start}
.enjoy-layer-pop:where(.diving-01,.diving-02,.diving-03,.diving-04,.diving-05,.diving-06,.diving-07) .info-dive ul li h6{padding-left:15px;}
.enjoy-layer-pop:where(.diving-01,.diving-02,.diving-03,.diving-04,.diving-05,.diving-06,.diving-07) .info-dive ul li p{padding-top:12px; color:#333; font-size:1rem;}
.enjoy-layer-pop:where(.diving-01,.diving-02,.diving-03,.diving-04,.diving-05,.diving-06,.diving-07) .info-dive ul li p span{display:inline-block; padding:3px 0;}
.enjoy-layer-pop:where(.diving-01,.diving-02,.diving-03,.diving-04,.diving-05,.diving-06,.diving-07) .info-dive ul li p span.notice{margin-top:-2px; padding-left:10px; color:#777; font-weight:300; font-size:.938rem}
.enjoy-layer-pop.diving-03 h5.inner-txt,.enjoy-layer-pop.diving-04 h5.inner-txt,.enjoy-layer-pop.diving-05 h5.inner-txt{padding:50px 0 20px}
.enjoy-layer-pop.diving-04 p.sub-txt.inner-txt{margin-top:-10px; padding:0 0 40px}

.enjoy.surf.diving .top a.btn-basic{margin-top:30px;}

.enjoy-layer-pop .main-txt{text-align:left; }
.enjoy-layer-pop .serve{padding-top:70px;}
.enjoy-layer-pop .serve ul{display:flex; gap:25px;}
.enjoy-layer-pop .serve ul li{width:25%;}
.enjoy-layer-pop .serve ul li img{width:100%; display:block;}
.enjoy-layer-pop .serve ul li .con{padding:30px 18px; text-align:left; border:1px solid #ddd; height:220px;}
.enjoy-layer-pop .serve ul li .con h6{font-size:1.063rem; font-weight:600; line-height:1.3}
.enjoy-layer-pop .serve ul li .con p{padding-top:13px; font-size:.875rem; color:#595959;}
.enjoy-layer-pop .qna{text-align:left;}
.enjoy-layer-pop .qna .con{padding:18px 0; border-bottom:1px solid #ddd; }
.enjoy-layer-pop .qna .con:nth-of-type(1){margin-top:30px; border-top:1px solid #ddd;}
.enjoy-layer-pop .qna .con > div{display:flex; align-items:center; gap:10px; padding:3px 0; font-size:1.063rem; font-weight:600}
.enjoy-layer-pop .qna .con > div.a{padding-top:7px; font-size:1rem; font-weight:300; align-items:flex-start; color:#333; }
.enjoy-layer-pop .qna .con .q span,.enjoy-layer-pop .qna .con .a span{display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:100px; font-size:.938rem; font-weight:600; background-color:#01b6ed; color:#fff;}
.enjoy-layer-pop .qna .con .a span{flex-shrink:0; background:none; border:1px solid #01b6ed; color:#01b6ed;}
.enjoy-layer-pop .curri .sub-txt{padding:10px 0 30px; font-size:1rem; color:#6a6a6a; text-align:left; font-weight:300;}
.enjoy-layer-pop .curri dl{position:relative; display:flex; align-items:flex-start; padding-bottom:50px;}
.enjoy-layer-pop .curri dl:last-child{padding-bottom:0;}
.enjoy-layer-pop .curri dl:before{content:''; position:absolute; top:15px; left:-2px; width:6px; height:6px; border-radius:100px; background-color:#0096ff}
.enjoy-layer-pop .curri dl:after{content:''; position:absolute; top:7px; left:-10px; width:22px; height:22px; border-radius:100px; background:#0096ff; opacity:.2}
.enjoy-layer-pop .curri dl dt{margin-left:20px; padding:5px 15px; width:165px; border:1px solid #0096ff; border-radius:10px; font-size:1rem; color:#0096ff; font-weight:600;}
.enjoy-layer-pop .curri dl dd{margin-left:33px; text-align:left;}
.enjoy-layer-pop .curri dl dd:before{content:''; position:absolute; left:0; top:15px; width:1px; height:100%; background-color:#0096ff;}
.enjoy-layer-pop .curri dl dd .time{font-weight:600;}
.enjoy-layer-pop .curri dl dd .time.space{padding-top:25px}
.enjoy-layer-pop .curri dl dd ul{padding-top:10px;}
.enjoy-layer-pop .curri dl dd ul li{padding:1px 0; font-size:.938rem; color:#595959}
.enjoy-layer-pop .curri dl dd ul li.small{ font-size:.875rem; color:#888; font-weight:300}
.enjoy-layer-pop .curri dl dd ul li.para{padding-top:10px}

.enjoy{font-family: 'noto', sans-serif;}
.enjoy.mioco .photo-wrap .con{display:flex; align-items:flex-start; gap:0 75px;}
.enjoy.mioco .photo-wrap .con .txt{text-align:left}
.enjoy.mioco .photo-wrap .con .txt h3{padding:15px 0 25px; font-size:2.188rem; font-weight:600; line-height:1.4}
.enjoy.mioco .photo-wrap .con .txt ul{padding-top:30px;}
.enjoy.mioco .photo-wrap .con .txt ul li{padding:1.5px; font-size:1.063rem; color:#6a6a6a; font-weight:300}
.enjoy.mioco .photo-wrap .con .img .swiper{width:900px}/* width:750px; */
.enjoy.surf .tab-content.enjoy .swiper-slide{margin:0; height:auto; box-shadow:none}
.enjoy.mioco .photo-wrap .con .img .swiper .swiper-wrapper{}
.enjoy.mioco .photo-wrap .con .img.swiper .swiper-slide{}
.enjoy.mioco .photo-wrap .con .swiper-wrapper img{width:100%}
.enjoy.mioco .photo-wrap .con.reverse{flex-direction:row-reverse}
.enjoy.mioco .photo-wrap .con.reverse .txt{text-align:left;}

.enjoy .swiper-enjoy-mioco-button-next,.enjoy .swiper-enjoy-mioco-button-prev,.enjoy .swiper-enjoy-mioco-button-next2,.enjoy .swiper-enjoy-mioco-button-prev2,.enjoy .swiper-enjoy-mioco-button-next3,.enjoy .swiper-enjoy-mioco-button-prev3{display:inline-block; position:relative; width:40px; height:40px; border-radius:100px; border:1px solid #cdcdcd; cursor:pointer}
.enjoy .swiper-enjoy-mioco-button-next,.enjoy .swiper-enjoy-mioco-button-next2,.enjoy .swiper-enjoy-mioco-button-next3{margin-right:6px;}
.enjoy .swiper-enjoy-mioco-button-next:before,.enjoy .swiper-enjoy-mioco-button-prev:before,.enjoy .swiper-enjoy-mioco-button-next2:before,.enjoy .swiper-enjoy-mioco-button-prev2:before,.enjoy .swiper-enjoy-mioco-button-next3:before,.enjoy .swiper-enjoy-mioco-button-prev3:before{content:''; position:absolute; top:14px; left:13px; width:10px; height:10px; transform:rotate(45deg); border-top:1px solid #333; border-right:1px solid #333; cursor:pointer; z-index:9;}
.enjoy .swiper-enjoy-mioco-button-next:before,.enjoy .swiper-enjoy-mioco-button-next2:before,.enjoy .swiper-enjoy-mioco-button-next3:before{left:17px; transform:rotate(225deg)}
.enjoy .swiper-enjoy-mioco-button-prev.swiper-button-disabled:before,.enjoy .swiper-enjoy-mioco-button-next.swiper-button-disabled:before,.enjoy .swiper-enjoy-mioco-button-prev2.swiper-button-disabled:before,.enjoy .swiper-enjoy-mioco-button-next2.swiper-button-disabled:before,.enjoy .swiper-enjoy-mioco-button-prev3.swiper-button-disabled:before,.enjoy .swiper-enjoy-mioco-button-next3.swiper-button-disabled:before{opacity:.3}
.enjoy .swiper-enjoy-mioco-button-next:hover,.enjoy .swiper-enjoy-mioco-button-prev:hover,.enjoy .swiper-enjoy-mioco-button-next2:hover,.enjoy .swiper-enjoy-mioco-button-prev2:hover,.enjoy .swiper-enjoy-mioco-button-next3:hover,.enjoy .swiper-enjoy-mioco-button-prev3:hover{opacity:1; background-color:#f7f7f7; transition:all .3s}
.enjoy .swiper-enjoy-mioco-button-next.swiper-button-disabled:hover,.enjoy .swiper-enjoy-mioco-button-prev.swiper-button-disabled:hover,.enjoy .swiper-enjoy-mioco-button-next2.swiper-button-disabled:hover,.enjoy .swiper-enjoy-mioco-button-prev2.swiper-button-disabled:hover,.enjoy .swiper-enjoy-mioco-button-next3.swiper-button-disabled:hover,.enjoy .swiper-enjoy-mioco-button-prev3.swiper-button-disabled:hover{background:none;}

.enjoy .manage-info{text-align:left;}
.enjoy .manage-info ul{margin-top:25px; display:flex; gap:0 25px; justify-content:space-between;}
.enjoy .manage-info ul li{padding:30px 20px; background-color:#eef5f9; text-align:center;}
.enjoy .manage-info ul li .tit{padding-top:5px; font-size:1.188rem; font-weight:600; color:#0096ff; line-height:1.3}
.enjoy .manage-info ul li .txt{padding-top:5px; font-size:.813rem; color:#4e4e4e; font-weight:400}
.enjoy .rental{display:flex; justify-content:space-between;}
.enjoy .rental .tit{text-align:left;}
.enjoy .rental .tit strong{font-weight:600}
.enjoy .rental .tit p{margin-top:35px; line-height:1.7; font-weight:300}
.enjoy .rental .con ul{display:flex; justify-content:space-between; gap:0 30px}
.enjoy .rental .con ul li{display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:35px; font-size:1.125rem; font-weight:300; width:210px; height:210px; background:url(/assets/wavepark/img/enjoy/land-surf-rental-01.png) no-repeat center / 100%; color:#fff; text-align:center;}
.enjoy .rental .con ul li .price{font-weight:600; letter-spacing:-.2px}
.enjoy .rental .con ul li:nth-child(2){background:url(/assets/wavepark/img/enjoy/land-surf-rental-02.png) no-repeat center / 100%;}
.enjoy .rental .con ul li:nth-child(3){background:url(/assets/wavepark/img/enjoy/land-surf-rental-03.png) no-repeat center / 100%;}

.enjoy .manage-info.outside ul li{padding:30px 50px;}

.enjoy.caravan .manage-info ul li{width:16.66%}
.enjoy.landsurf .manage-info ul li{width:25%}

.enjoy.caravan .info{text-align:left;}
.enjoy.caravan .location{display:flex; gap:0 35px}
.enjoy.caravan .location h2{padding-bottom:20px; text-align:left;}
.enjoy.caravan .location p{padding-top:20px; text-align:left; font-weight:300;}
.enjoy.caravan .location p strong{font-weight:600}
.enjoy.caravan .fee table{margin-top:20px}
.enjoy.caravan .fee table th{background-color:#eef5f9; text-align:center; white-space:nowrap}
.enjoy.caravan .fee table td{font-weight:300; letter-spacing:-.3px; text-align:center;}
.enjoy.caravan .fee table th:first-child,.enjoy.caravan .fee table tr:first-child td:first-child{border-right:1px solid #ddd;}
.enjoy.caravan .fee table tr:first-child td:first-child{font-weight:500}
.enjoy.caravan .fee table td.line-right{border-right:1px solid #ddd;}

.enjoy.surf.caravan .surf-list .lesson .wrap > div{width:calc(50% - 8.5px)}


.enjoy.rental .product ul{margin-top:25px; display:flex; gap:0 35px;}
.enjoy.rental .product ul li{width:20%; border:1px solid #ddd;}
.enjoy.rental .product ul li img{width:100%; display:block}
.enjoy.rental .product ul li .wrap{padding:20px 15px; text-align:left;}
.enjoy.rental .product ul li .wrap h3{font-size:1.5rem; font-weight:500}
.enjoy.rental .product ul li .wrap p{padding-top:15px; font-size:.875rem; color:#595959;}




.call-layer-pop{position:absolute; display:none; margin-top:5px; padding:17px 45px 14px; border-radius:5px; top:92px; left:/*calc(50% - 80px)*/50%; transform:translateX(-50%); font-family:'noto',sans-serif; background-color:#fff;  z-index:99999; box-shadow:3px 5px 5px rgba(0,0,0,.15); border:1px solid #666;}
.call-layer-pop .close{position:relative; display:block; margin:-8px -35px 0 auto; width:30px; height:30px; background-color:#fff;}
.call-layer-pop .close:hover{cursor:pointer}
.call-layer-pop .close:before,.call-layer-pop .close:after{content:''; position:absolute; top:10px; right:2px; width:16px; height:1px; background-color:#333; transform: rotate(45deg);}
.call-layer-pop .close:after{transform: rotate(-45deg)}
.call-layer-pop h3{margin-top:-20px; font-size:1.063rem; font-weight:400; text-align:center;}
.call-layer-pop p{padding-top:3px!important; font-size:.938rem!important; letter-spacing:-.2px}
.call-layer-pop .call{margin-top:6px; display:flex; align-items:center;}
.call-layer-pop .call span{display:flex; margin-right:5px; justify-content:center; align-items:center; width:19px; height:19px; border:1px solid #888; border-radius:100px;}
.call-layer-pop .call p{padding-top:0!important; font-size:.875rem!important; color:#666!important;}
.call-layer-pop .call span img{max-width:9px; opacity:.8}


@media only screen and (max-width:1400px){
	.enjoy-layer-pop{width:92%}
}
@media only screen and (max-width:1200px){
	.enjoy-layer-pop.diving-06 .serve ul li .con{height:300px}
	.enjoy.caravan .manage-info ul{flex-wrap:wrap; gap:15px 0}
	.enjoy.caravan .manage-info ul li{width:32%}
	.enjoy.caravan .location{gap:0; justify-content:space-between;}
	.enjoy.caravan .location > div{width:48%}
	.enjoy.caravan .location > div img{max-width:100%}
}
@media only screen and (max-width:1100px){
	.enjoy.mioco .photo-wrap .con{display:block; gap:0}
	.enjoy.mioco .photo-wrap .con .img .swiper{width:100%;}
	.enjoy.mioco .photo-wrap .con .txt{position:relative; text-align:left; margin-bottom:40px;}
	.enjoy.mioco .photo-wrap .con .txt .arrow{position:absolute; right:0; bottom:0}
	.enjoy.mioco .photo-wrap .con .txt h3{padding:0 0 15px}
	.enjoy.mioco .photo-wrap .con .txt ul{padding-top:0}
	.enjoy.rental .product ul{flex-wrap:wrap; gap:25px;}
	.enjoy.rental .product ul li{width:calc(33.33% - 16.66px);}
}
@media only screen and (max-width:960px){
	.enjoy.surf .top{position:relative; display:block}
	.enjoy.surf .top .txt{display:flex; flex-direction:column; justify-content:center; width:100%}
	.enjoy.surf .top .txt,.enjoy.surf .top .img{height:500px}	
	.enjoy.surf .top .img{position:absolute; top:0; width:100%;  z-index:-1; background-size:cover; opacity:.18;}
	.enjoy.surf .all-in-one.sub-space-small{margin-top:0}
	.enjoy.surf .all-in-one .list-wrap{flex-wrap:wrap}
	.enjoy.surf .all-in-one .list-wrap dl{width:calc(33.33% - 26.66px)}
	.enjoy.surf .caution ul.list{justify-content:flex-start}
	.enjoy.surf .caution ul.list li{width:20%;}

	.enjoy-layer-pop .top-wrap{display:block}
	.enjoy-layer-pop .top-wrap .img{width:400px; height:280px; margin:0 auto}
	.enjoy-layer-pop .top-wrap .intro{padding-top:35px;}

	.enjoy-layer-pop .info-dive ul{display:block}
	.enjoy-layer-pop .info-dive ul li{padding:15px 0; border-bottom:1px dotted #ddd;}
	.enjoy-layer-pop .info-dive ul li img{max-height:20px}
	.enjoy-layer-pop .info-dive ul li h6{padding:2px 0 0 7px}
	.enjoy-layer-pop.diving-03 .info-dive ul li p, .enjoy-layer-pop.diving-04 .info-dive ul li p, .enjoy-layer-pop.diving-05 .info-dive ul li p{padding-top:10px}

	.enjoy .manage-info.outside ul{gap:15px 15px;}
	.enjoy .manage-info.outside ul li{padding:25px 20px; width:calc(50% - 7.5px)}

	.enjoy .rental{display:block;}
	.enjoy .rental .tit p{margin-top:20px; color:#333;}
	.enjoy .rental .con{margin-top:25px;}
	.enjoy.landsurf .manage-info ul li img{max-height:50px}
}
@media only screen and (max-width:1024px){
	.enjoy-layer-pop .serve{padding-top:50px;}
	.enjoy-layer-pop .serve ul{flex-wrap:wrap; justify-content:space-between; gap:0;}
	.enjoy-layer-pop .serve ul li{margin-top:20px; width:48%}
	.enjoy-layer-pop .serve ul li img{width:100%}
	.enjoy-layer-pop .serve ul li .con{height:150px}
}
@media only screen and (max-width:768px){
	.enjoy.surf .top .txt span.top-icon{width:105px; height:105px; background-size:70%}
	.enjoy.surf .top .txt h2{padding-top:17px; font-size:3.125rem}
	.enjoy.surf .top .txt p{padding:12px 0 0; font-size:1.188rem}
	.enjoy.surf .top .txt, .enjoy.surf .top .img{height:450px}
	.enjoy.surf .surf-list .lesson .wrap{flex-wrap:wrap}
	.enjoy.surf .surf-list .lesson .wrap > div{width:calc(50% - 8.5px)}
	.enjoy.surf .surf-list .lesson .wrap > div:nth-child(3),.enjoy.surf .surf-list .lesson .wrap > div:nth-child(4){margin-top:15px;}
	.enjoy.surf .caution ul.list{padding-top:20px;}
	.enjoy.surf .caution ul.list li{display:block;}
	.enjoy.surf .caution ul.list li span.icon{display:block; margin:0 auto}
	.enjoy.surf .caution ul.list li p{padding-top:10px; text-align:center;}

	.enjoy .d-info{margin-top:70px;}
	.enjoy .tab-content .wrap{flex-wrap:wrap;}
	.enjoy .tab-content .wrap .control{position:relative; width:100%; margin-bottom:30px}
	.enjoy .tab-content .wrap .control h2{padding:10px 0 20px; font-size:2rem}
	.enjoy .tab-content .wrap .swipe-wrap{margin-top:20px;}
	.enjoy .tab-content .wrap .control .m-wrap .arrow{position:absolute; right:0; bottom:0}
	.enjoy .tab-list .tab-link{padding:15px;}
	.enjoy .tab-content .wrap .control > ul:nth-of-type(1){padding-top:5px;}
	.enjoy .tab-content .swiper-slide{width:auto; height:auto}

	.enjoy-layer-pop{padding:70px 50px}
	.enjoy-layer-pop h3{font-size:2.5rem}
	.enjoy-layer-pop .info ul{flex-wrap:wrap; gap:15px; justify-content:flex-start}
	.enjoy-layer-pop .info ul li{width:calc(33.33% - 10px)}

	.enjoy .manage-info ul{flex-wrap:wrap; gap:20px 0; justify-content:space-between;}
	.enjoy.landsurf .manage-info ul li{width:48%}

	

	.enjoy.surf.caravan .surf-list .lesson .wrap > div a img{width:100%;}
}
@media only screen and (max-width:560px){
	.enjoy.surf .top .txt span.top-icon{width:90px; height:90px;}
	.enjoy.surf .top .txt span.top-icon,.enjoy.surf.guide.new .top .txt span.top-icon{background-size:60%}
	.enjoy.surf .top .txt h2{padding-top:11px; font-size:2.625rem}
	.enjoy.surf .top .txt p{padding:10px 0 0; font-size:1rem; color:#333; }
	.enjoy.surf .top .txt, .enjoy.surf .top .img{height:370px}

	.sub h2{font-size:1.875rem;}
	.enjoy.surf .all-in-one .sub-txt{padding-top:5px; font-size:1rem; font-weight:300}
	.enjoy.surf .all-in-one .list-wrap dl dd.icon{width:70px; height:70px; background-size:50%}
	.enjoy.surf .all-in-one .list-wrap dl dt{line-height:1.3}
	
	.enjoy.surf .all-in-one.sub-space-small{padding:70px 20px 50px}
	.enjoy.surf .all-in-one .inner{width:100%;}
	.enjoy.surf .all-in-one .list-wrap{gap:20px 0; justify-content:space-between;}
	.enjoy.surf .all-in-one .list-wrap dl{width:30%}
	.enjoy.surf .all-in-one .list-wrap dl dd.icon{background-size:45% auto}
	.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(2) dd.icon{background-size:auto 57%}
	.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(3) dd.icon{background-size:auto 57%}
	.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(4) dd.icon{background-size:auto 65%}
	.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(5) dd.icon{background-size:auto 48%}
	.enjoy.surf .all-in-one .list-wrap dl:nth-of-type(6) dd.icon{background-size:auto 60%}	
	.enjoy.surf .all-in-one .list-wrap dl dd.txt{font-size:.813rem}

	.enjoy.surf .surf-list .lesson .wrap > div a h3{font-size:1.375rem}

	.enjoy.surf.guide.new .all-in-one .list-wrap dl{width:31%}

	.enjoy.surf .caution ul.list{gap:25px 0}
	.enjoy.surf .caution ul.list li{width:25%}
	.enjoy.surf .caution ul.list li span.icon{width:58px; height:58px; border-width:4px;}
	.enjoy.surf .caution ul.list li span.icon,
	.enjoy.surf .caution ul.list li:nth-child(2) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(3) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(4) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(5) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(6) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(7) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(8) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(9) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(10) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(11) span.icon,
	.enjoy.surf .caution ul.list li:nth-child(12) span.icon,
	.enjoy.surf .caution.mio ul.list li:nth-child(1) span.icon,
	.enjoy.surf .caution.mio ul.list li:nth-child(2) span.icon,
	.enjoy.surf .caution.mio ul.list li:nth-child(3) span.icon,
	.enjoy.surf .caution.mio ul.list li:nth-child(4) span.icon,
	.enjoy.surf .caution.mio ul.list li:nth-child(5) span.icon,
	.enjoy.surf .caution.mio ul.list li:nth-child(6) span.icon,
	.enjoy.surf .caution.mio ul.list li:nth-child(7) span.icon
	{background-size:auto 60%}
	.enjoy.surf .caution ul.list li span.icon:after{top:24px; width:58px; height:4px;}

	.enjoy.surf .surf-list{overflow:hidden;}
	.enjoy.surf .surf-list .lesson .sub-txt{font-size:1.063rem; font-weight:300}

	.enjoy-layer-pop{height:80%; padding:70px 30px;}
	.enjoy-layer-pop:before, .enjoy-layer-pop:after{top:35px; right:25px; width:25px;}
	.enjoy-layer-pop .top-wrap{padding-top:35px;}
	.enjoy-layer-pop .top-wrap .img{width:100%; height:200px;}
	.enjoy-layer-pop .top-wrap .intro h4{padding-top:0;}
	.enjoy-layer-pop .top-wrap .intro .txt{padding-top:10px; font-weight:300; line-height:1.6; font-size:.938rem}
	.enjoy-layer-pop .top-wrap .intro .recom ul li span{font-size:.938rem}
	.enjoy-layer-pop h3{font-size:2.125rem}
	.enjoy-layer-pop .info ul li{padding:25px 22px; width:calc(50% - 10px)}
	.enjoy-layer-pop .info ul li img{max-height:45px}
	.enjoy-layer-pop .curri dl{display:block; padding-bottom:40px;}
	.enjoy-layer-pop .curri dl dt{margin-left:25px; width:calc(100% - 25px)}
	.enjoy-layer-pop .curri dl dd{margin:15px 0 0 30px;}	
	.enjoy-layer-pop .curri .sub-txt{padding:10px 0 20px}

	.enjoy-layer-pop .top-wrap .intro .recom ul{padding-top:5px;}
	.enjoy-layer-pop .top-wrap .intro .recom ul li span:after{top:12px}
	.enjoy-layer-pop .info-dive ul{padding-top:8px;}
	.enjoy-layer-pop .info-dive ul li p{font-size:1rem}
	.enjoy-layer-pop .serve ul li .con{padding:20px 15px;}
	.enjoy-layer-pop .serve ul li .con p{padding-top:10px; font-size:.75rem}
	.enjoy-layer-pop.diving-06 .serve ul li .con{height:220px}

	.enjoy.mioco .photo-wrap .con .txt{margin-bottom:30px;}
	.enjoy.mioco .photo-wrap .con .txt h3{padding:0 0 13px; font-size:1.75rem}
	.enjoy.mioco .photo-wrap .con .txt ul li{font-size:.938rem}
	.enjoy.mioco .photo-wrap .con .txt .arrow{right:0; bottom:auto; top:0}

	.enjoy .rental .con{margin-top:20px;}
	.enjoy .rental .con ul{gap:0 15px;}
	.enjoy .rental .con ul li{position:relative; width:150px; height:150px; padding-bottom:0; justify-content:center; z-index:1}
	

	.enjoy.caravan .manage-info ul li{width:48%}
	.enjoy.caravan .manage-info ul li img{max-height:50px;}
	.enjoy.caravan .location{flex-wrap:wrap;}
	.enjoy.caravan .location > div{width:100%;}
	.enjoy.caravan .location > div:nth-child(2){margin-top:60px;}
	.enjoy.caravan .location h2{padding-bottom:25px;}
	.enjoy.caravan .fee table td{font-size:.938rem}
	.enjoy.caravan .enjoy-layer-pop .top-wrap.slide{gap:0;}
	.enjoy.caravan .enjoy-layer-pop .top-wrap.slide .swiper{width:100%}

	.enjoy-layer-pop.vip .close, .enjoy-layer-pop.luxury .close{top:20px; right:20px; width:20px;}
	.enjoy-layer-pop.vip .close:before, .enjoy-layer-pop.vip .close:after, .enjoy-layer-pop.luxury .close:before, .enjoy-layer-pop.luxury .close:after{width:25px;}
	.enjoy.caravan .swiper-enjoy-mioco-button-next,.enjoy.caravan .swiper-enjoy-mioco-button-prev, .enjoy.caravan .swiper-enjoy-mioco-button-next2,.enjoy.caravan .swiper-enjoy-mioco-button-prev2,.enjoy.caravan .swiper-enjoy-mioco-button-next3,.enjoy.caravan .swiper-enjoy-mioco-button-prev3{width:25px; height:25px; border:0;}
	.enjoy.caravan .swiper-enjoy-mioco-button-next:before,.enjoy.caravan .swiper-enjoy-mioco-button-next2:before,.enjoy.caravan .swiper-enjoy-mioco-button-next3:before{left:0;}
	.enjoy.caravan .swiper-enjoy-mioco-button-next:before, .enjoy.caravan .swiper-enjoy-mioco-button-prev:before{top:7px}
	.enjoy-layer-pop .normal-txt{padding-top:15px; font-size:1.063rem;}
	
	.enjoy.rental .product ul{gap:20px;}
	.enjoy.rental .product ul li{width:calc(50% - 10px)}
	.enjoy.rental .product ul li .wrap{padding:25px 15px}
	.enjoy.rental .product ul li .wrap h3{font-size:1.25rem; font-weight:600}
	.enjoy.rental .product ul li .wrap p{padding-top:8px;}
}


/* 이용가이드 */
.guide.new .tab-list a,.guide.new .tab-list a.tab-link.on{font-size:1.875rem}
.guide .info-con{padding:120px 0;}
.guide .info-con.bg{background-color:#edf2fa}
.guide .info-con .top .img{flex-shrink:0; width:195px; height:195px; background:#fff url(/assets/wavepark/img/guide/step-icon-01.png) no-repeat center!important; box-shadow:10px 10px 0 #d8dfeb; border-radius:100px;}
.guide .info-con.two .img{background:#f7f9fc url(/assets/wavepark/img/guide/step-icon-02.png) no-repeat center!important;}
.guide .info-con.three .img{background:#fff url(/assets/wavepark/img/guide/step-icon-03.png) no-repeat center!important;}
.guide .info-con .top{display:flex; gap:0 40px;}
.guide .info-con .top .tit-wrap{position:relative; display:flex; flex-grow:1; justify-content:space-between; text-align:left}
.guide .info-con .top .tit-wrap .tit p{font-size:2.125rem; color:#333;}
.guide .info-con .top .tit-wrap .tit .txt-wrap{padding-top:10px; display:flex; gap:0 35px; align-items:center;}
.guide .info-con .top .tit-wrap .tit .txt-wrap h2{font-size:6.25rem; font-family: 'Gmarket', sans-serif;}
.guide .info-con .top .tit-wrap .tit .txt-wrap p{margin-top:-15px; font-size:1.25rem; font-family: 'noto', sans-serif;}
.guide .info-con .top .tit-wrap .tit .txt-wrap p span{display:block; font-size:1.125rem; color:var(--primary-color)}
.guide .info-con .top .tit-wrap .tit .txt-wrap button{margin-left:80px; font-family: 'noto', sans-serif;}
.guide .step-con{margin-top:50px; display:flex; gap:30px; flex-wrap:wrap;}
.guide .step-con .step{display:flex; gap:0 60px; align-items:center; position:relative; padding:80px 95px; width:calc(50% - 15px); background-color:#fff; border:1px solid #ddd; border-radius:20px; z-index:1}
.guide .step-con .step .num{position:relative; font-size:6.25rem; font-weight:500; color:var(--primary-color);}
.guide .step-con .step .num:before{content:''; position:absolute; bottom:35px; left:50%; transform:translateX(-50%); width:100px; height:30px; background-color:#edf2fa; z-index:-1}
.guide .step-con .step .num.no-bg:before{display:none;}
.guide .step-con .step .txt-wrap{text-align:left;}
.guide .step-con .step .txt-wrap .tit{font-size:1.875rem; font-weight:600}
.guide .step-con .step .txt-wrap .txt{padding-top:10px; font-family: 'noto', sans-serif; font-size:1.063rem; color:#333; font-weight:400;}
.guide .step-con .step .txt-wrap .txt .small{display:block; padding:3px 0; font-size:.875rem; color:#777; letter-spacing:-.2px}
.guide .step-con .step.w-100{width:100%;}
.guide .step-con .step.w-100:has(.no-bg){padding:50px 95px; gap:0 45px; background-color:#f5f5f5; border:none;}
.guide .info-con.bg .step-con .step.w-100:has(.no-bg){background-color:#fff;}
.guide .step-con .step.w-100:has(.no-bg) .txt-wrap .tit{font-size:1.5rem; color:var(--primary-color)}
.guide .park-caution{font-family: 'noto', sans-serif;} 
.guide .park-caution > ul > li{position:relative; padding:5px 0 5px 15px; font-size:1rem; text-align:left;}
.guide .park-caution .wrap{padding-top:35px; display:flex; gap:0 25px; justify-content:center;}
.guide .park-caution .wrap ul{margin:15px 0; padding:45px 50px; width:50%; background-color:#f2f7ff; border-radius:20px;}
.guide .park-caution .wrap ul li{position:relative; padding:2px 0 2px 10px; font-size:.938rem; color:#333; text-align:left;}
.guide .park-caution .wrap ul li.tit{padding-bottom:15px; padding-left:0; font-size:1.25rem; font-weight:400; color:#187dc7; font-weight:600; text-align:center;}
.guide .park-caution .wrap ul li:before{content:''; position:absolute; left:0; top:50%; transform:translateX(-50%); width:5px; height:1px; border-radius:2px; background-color:#888;}
.guide .park-caution .wrap ul li.red{color:var(--red-color)}
.guide .park-caution .wrap ul li.tit:before{display:none;}
.guide .park-caution .wrap ul:last-child{background-color:#fdf1f1}
.guide .park-caution .wrap ul:last-child .tit{color:var(--red-color)}
.guide .park-caution > ul{padding-top:25px;}
.guide .park-caution > ul > li:before{content:''; position:absolute; left:0; top:50%; transform:translateX(-50%); width:4px; height:4px; border-radius:2px; background-color:var(--primary-color)}

.guide.group .info-con .img{background:#fff url(/assets/wavepark/img/guide/step-icon-04.png) no-repeat center;}
.guide.group .step-con .step .txt-wrap .txt .small{padding-left:10px;}
.guide.group .info-con .top .tit-wrap .tit button{position:absolute; top:0; right:0; }




.use-guide .tab-list{width:100%; margin:0 auto}
.use-guide .tab-content{margin-top:80px;}
.use-guide .pc{position:relative; height:776px; background:url(/assets/wavepark/img/guide/pc-bg.png) no-repeat; text-align:center; background-position-y:70px}
.use-guide .pc img{margin-top:40px; width:calc(100% - 275px)}
.use-guide .pc img:hover{cursor:pointer}
.use-guide .arrow{position:absolute; width:100%; top:calc(50% - 35px); left:0; transform:translateY(-50%); z-index:999;}
.use-guide .arrow .use-guide-button-prev,.use-guide .arrow .use-guide-button-next{position:absolute; width:50px; height:50px; cursor:pointer}
.use-guide .arrow .use-guide-button-prev{left:0;}
.use-guide .arrow .use-guide-button-next{top:-15px; right:15px;}
.use-guide .arrow .use-guide-button-prev:before,.use-guide .arrow .use-guide-button-next:before{content:''; position: absolute; top: 50%; left: 50%;  width: 30px; height:30px; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); margin-top: 2px; border-top: 1px solid #333; border-left: 1px solid #333;}
.use-guide .arrow .use-guide-button-next:before{transform:rotate(135deg);}

.use-guide .pc.mobile{margin-left:20px; padding-bottom:70px; height:auto; background:url(/assets/wavepark/img/guide/m-bg.png) no-repeat top center / 50.5%; text-align:center; background-position-y:70px}
.use-guide .pc.mobile img{margin-top:20px; width:39%}
.use-guide .pc.mobile .arrow{top:calc(50% - 100px); left:50%; transform:translate(-50%,-50%); width:70%;}
.use-guide .arrow .use-guide-button-prev{left:auto;}
.use-guide .arrow .use-guide-button-next{left:auto;}

.use-guide .slide-tit-wrap{}
.use-guide .slide-tit-wrap .num{display:inline-block; margin-bottom:20px; padding:8px 22px; font-size:1.25rem; background:var(--primary-color); color:#fff; border-radius:100px;}
.use-guide .slide-tit-wrap .txt{}


@media only screen and (max-width:1200px){
	.use-guide .pc{background-size:100%; height:auto; padding-bottom:50px}
	.use-guide .pc img{margin-top:35px; width:77%}
	.use-guide .pc.mobile{background-size:500px;}
	.use-guide .pc.mobile img{margin-top:15px; width:390px}
}
@media only screen and (max-width:1024px){
	.use-guide .pc img{margin-top:3%;}
	.use-guide .pc.mobile .arrow{width:90%}
}
@media only screen and (max-width:768px){
	.use-guide .pc.mobile .arrow{width:100%}
	.guide.group .info-con .top .tit-wrap .tit button{padding:12px 25px; font-size:1.125rem}
}

@media only screen and (max-width:560px){
	.use-guide .tab-content{margin-top:60px}
	.use-guide .pc{background-position-y:60px}
	.use-guide .pc.mobile{margin-left:0; background-size:95%; background-position-y:62px}
	.use-guide .pc.mobile img{margin-top:12px; width:73%}
	.use-guide .arrow .use-guide-button-prev:before,.use-guide .arrow .use-guide-button-next:before{width: 20px; height:20px; border-top: 2px solid #333; border-left: 2px solid #333;}
	.use-guide .arrow .use-guide-button-prev{left:-5px;}
	.use-guide .arrow .use-guide-button-next{right:-1px;}
	.use-guide .tab-list{width:100%;}
	.brand.facility.use-guide .tab-list .tab-link{width:50%; font-size:1rem}
	.guide.new .tab-list a,.guide.new .tab-list a.tab-link.on{font-size:1.125rem}
	.guide.enjoy .tab-content{padding:25px 0 0 }
}






@media only screen and (max-width:1200px){
	.guide .info-con{padding:100px 0}
	.guide .info-con .top .img{width:150px; height:150px; background-size:57%!important}
	.guide .info-con .top .tit-wrap .tit p{font-size:1.75rem}
	.guide .info-con .top .tit-wrap .tit .txt-wrap{padding-top:5px;}
	.guide .info-con .top .tit-wrap .tit .txt-wrap h2{font-size:5rem}
	.guide .info-con .top .tit-wrap .tit .txt-wrap p{padding-top:18px; font-size:.938rem}
	.guide .info-con .top .tit-wrap .tit .txt-wrap p span{font-size:.875rem}
	.guide .info-con .top .tit-wrap .tit .txt-wrap .btn-basic{padding:13px 35px; font-size:1.125rem}
	.guide .step-con{margin-top:40px;}
	.guide .step-con .step{padding:60px 80px; gap:0 50px}
	.guide .step-con .step .num:before{bottom:25px}
	.guide .step-con .step .num{font-size:5rem}
	.guide .step-con .step .txt-wrap .tit{font-size:1.75rem}
	.guide .step-con .step.w-100:has(.no-bg) .txt-wrap .tit{font-size:1.625rem}
	.guide .step-con .step .txt-wrap .txt{font-size:1rem}
	.guide .step-con .step .txt-wrap .txt .small{padding:5px; font-size:.813rem}
}
@media only screen and (max-width:960px){
	.guide .info-con .top .tit-wrap{position:relative; }
	.guide .info-con .top .tit-wrap .tit .txt-wrap{display:block}
	.guide .info-con .top .tit-wrap .tit .txt-wrap button{position:absolute; top:0; right:0; margin:20px 0 0}
	.guide .info-con .top .tit-wrap .tit > p{font-size:1.5rem}
	.guide .step-con .step{padding:50px 35px; display:block; text-align:center;}
	.guide .step-con .step.w-100:has(.no-bg){padding:50px 35px;}
	.guide .step-con .step .txt-wrap .tit,.guide .step-con .step .txt-wrap .txt{text-align:center;}
	.guide .step-con .step .num:before{bottom:15px}
	.enjoy.surf.guide .info-con .top .img{position:relative; opacity:1; z-index:1}
}
@media only screen and (max-width:768px){
	.guide .step-con{gap:15px;}
	.guide .step-con .step{width:calc(50% - 10px)}
	.guide .step-con .step .num{font-size:4.5rem}
}
@media only screen and (max-width:560px){
	.guide .info-con{padding:70px 0}
	.guide .info-con .top{gap:0 20px}
	.guide .info-con .top .img{width:85px; height:85px; box-shadow:5px 5px 0 #d8dfeb;}
	.guide .info-con .top .tit-wrap .tit > p{font-size:1.063rem}
	.guide .info-con .top .tit-wrap .tit .txt-wrap h2{font-size:3.25rem}
	.guide .info-con .top .tit-wrap .tit .txt-wrap .btn-basic{padding:13px 20px; font-size:1.063rem;}
	.guide .step-con .step .num{font-size:3.25rem; font-weight:600}
	.guide .step-con .step .num:before{bottom:8px; width:80px; height:17px;}
	.guide .step-con .step{padding:30px 25px 40px; width:100%;}
	.guide .step-con .step.w-100:has(.no-bg){padding:30px 25px;}
	.guide .step-con .step .txt-wrap .tit{padding-top:3px; font-size:1.5rem}
	.guide .step-con .step.w-100:has(.no-bg) .txt-wrap .tit{font-size:1.375rem}
	.guide .step-con .step.w-100:has(.no-bg) .txt-wrap .txt{padding-top:9px; font-size:.938rem}
	.guide .park-caution .wrap{flex-wrap:wrap; padding-top:20px;}
	.guide .park-caution .wrap ul{width:100%; margin:10px 0; padding:40px 35px}
	.guide .park-caution .wrap ul li.tit{padding-bottom:10px}
	.guide .park-caution > ul > li{font-size:.938rem; font-weight:300}
	.guide .park-caution > ul > li:before{top:15px; transform:inherit;}
	.guide .caution{padding-top:25px}
}


.feeinfo .fee{position:relative; padding-top:80px; }
.feeinfo .fee .currency{position:absolute; top:40px; right:45px; font-family: 'noto', sans-serif; font-size:1.125rem}
.feeinfo .fee:before{content:''; position:absolute; top:0; left:0; width:100%; height:550px; background:url(/assets/wavepark/img/guide/fee-bg.jpg) no-repeat center / cover; z-index:-1}/*edf2fa*/
.feeinfo .fee .con-wrap{margin-top:100px; padding:80px 75px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); border-radius:20px}
.feeinfo .fee .con-wrap .div-wrap{position:relative; margin-top:55px; display:flex; justify-content:space-between;}
.feeinfo .fee .con-wrap .div-wrap:has(.con.half.center){justify-content:center;}
.feeinfo .fee .con-wrap .div-wrap.mio-wrap{padding-top:55px; justify-content:space-between;;}
.feeinfo .fee .con-wrap .con{position:relative; font-family: 'noto', sans-serif; z-index:1;} 
.feeinfo .fee .con-wrap .con.half.line:before{content:''; position:absolute; left:auto; right:-70px; width:2px; height:100%; background: repeating-linear-gradient(to bottom, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 2px, rgba(255,255,255,0) 2px, rgba(255,255,255,0) 6px);}
.feeinfo .fee .con-wrap .con.top-line:before,.feeinfo .fee .con-wrap .div-wrap.top-line:before{content:''; position:absolute; transform:translateY(-50%); width:100%; height:2px; top:0; left:0; background: repeating-linear-gradient(to right, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 2px, rgba(255,255,255,0) 2px, rgba(255,255,255,0) 6px);}
.feeinfo .fee .con-wrap .con.half{width:calc(50% - 70px);}
.feeinfo .fee .con-wrap .con.whole{width:100%;}
.feeinfo .fee .con-wrap .con.w-70{width:70%}
.feeinfo .fee .con-wrap .con .sub-tit{display:inline-block; position:relative; font-size:1.125rem; color:var(--primary-color); letter-spacing:-.2px}
.feeinfo .fee .con-wrap .con .sub-tit:before{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:calc(100% + 12px); height:10px; background-color:#c9eeff; z-index:-1}
.feeinfo .fee .con-wrap .con .tit{padding-top:1px; font-size:2.25rem; color:var(--primary-color); font-weight:600;  letter-spacing:-.3px}
.feeinfo .fee .con-wrap .con .txt{color:#333; font-weight:300; letter-spacing:-.2px; font-size:.938rem}
.feeinfo .fee .con-wrap .con .half-flex{padding-top:30px;}
.feeinfo .fee .con-wrap .con .half-flex .flex-con{display:flex; justify-content:center; align-items:center; gap:0 35px; margin:3px 0;}
.feeinfo .fee .con-wrap .con .half-flex .flex-con.space{margin-top:20px;}
.feeinfo .fee .con-wrap .con .half-flex .flex-con :where(.txt,.price){width:40%;}
.feeinfo .fee .con-wrap .con .half-flex .flex-con .txt{text-align:right; color:#333; font-weight:300;  letter-spacing:-.2px; font-size:.938rem}
.feeinfo .fee .con-wrap .con .half-flex .flex-con .txt small{display:inline-block; line-height:1.3}
.feeinfo .fee .con-wrap .con .half-flex .flex-con .price{text-align:left; padding-top:4px; font-family: 'Gmarket', sans-serif; font-size:1.375rem; color:#333; font-weight:600}
.feeinfo .fee .con-wrap .con .half-flex .flex-con.whole{padding-top:3px; grid-column:1 / 3; grid-row:2 / 3; color:var(--red-color); font-size:.938rem;}
.feeinfo .fee .con-wrap .kids-rule{margin-top:10px; font-weight:400; font-size:.75rem; color:#666; text-align:left; letter-spacing:-.5px}

.feeinfo .fee .con-wrap .con dl{margin-top:70px; text-align:left;}
.feeinfo .fee .con-wrap .con dl dt{padding-bottom:10px; font-size:1.125rem; color:#333; font-weight:600}
.feeinfo .fee .con-wrap .con dl dd ul{display:flex; position:relative; padding:5px 0; justify-content:space-between; align-items:center; gap:0 50px;}
.feeinfo .fee .con-wrap .con dl dd ul:before{content:''; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:2px; background: repeating-linear-gradient(to right, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 2px, rgba(255,255,255,0) 2px, rgba(255,255,255,0) 6px); z-index:-1}
.feeinfo .fee .con-wrap .con dl dd ul li{background-color:#fff; font-size:1rem; color:#555; letter-spacing:-.2px;}
.feeinfo .fee .con-wrap .con dl dd ul li span{display:inline-block; font-size:.813rem; font-weight:300; letter-spacing:-.2px; color:#818181;}
.feeinfo .fee .con-wrap .con dl dd ul li:first-child{}
.feeinfo .fee .con-wrap .con dl dd ul li:last-child{width:85px; text-align:right; font-family: 'Gmarket', sans-serif; flex-shrink:0}
.feeinfo .fee .con-wrap .con .mio-price{display:flex; justify-content:center; gap:0 50px; padding-top:10px;}
.feeinfo .fee .con-wrap .con .mio-price > div{position:relative; display:flex; gap:0 15px; align-items:center;}
.feeinfo .fee .con-wrap .con .mio-price > div:first-child:before{content:''; position:absolute; right:-25px; width:1px; height:24px; background-color:#ddd;}
.feeinfo .fee .con-wrap .con .mio-price > div.no-line:before{display:none;}
.feeinfo .fee .con-wrap .con .mio-price > div :where(span,.price){font-size:1.125rem;}
.feeinfo .fee .con-wrap .con .mio-price > div span.big{font-size:1.25rem}
.feeinfo .fee .con-wrap .con .mio-price > div .price{padding-top:5px; font-family: 'Gmarket', sans-serif;  font-weight:600; color:#333; letter-spacing:-.5px}
.feeinfo .fee .con-wrap .con .dis-box-wrap{padding-top:10px; text-align:left;}
.feeinfo .fee .con-wrap .con .dis-box-wrap p{font-size:1.063rem}
.feeinfo .fee .con-wrap .con .dis-box-wrap .dis-box{margin-top:5px; display:grid; gap:10px; grid-template-columns:repeat(auto-fit, minmax(150px, auto))}
.feeinfo .fee .con-wrap .con .dis-box-wrap .dis-box > div{padding:15px; background-color:#f5f5f5; border-radius:10px; text-align:center;}
.feeinfo .fee .con-wrap .con .dis-box-wrap .dis-box > div .kind{font-size:1rem; font-weight:400}
.feeinfo .fee .con-wrap .con .dis-box-wrap .dis-box > div .price{font-size:.875rem; color:var(--secondary-color); letter-spacing:-.2px;}
.feeinfo .fee .con-wrap .con .dis-box-wrap span{display:inline-block; padding-top:5px; text-align:left; font-size:.875rem; color:#333;}
.feeinfo .fee .con-wrap .con .citizen{margin-top: 20px; padding: 6px; background-color: #f5f5f5; color: var(--primary-color); border-radius: 5px; font-weight: 300; font-size: .875rem; letter-spacing:-.5px} /* ebf3fd */
.feeinfo .fee .con-wrap .con .citizen.two{margin-top:37px;}

.feeinfo .rental-product h2 small{padding-left:12px; font-size:70%;}
.feeinfo .rental-product ul{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px;}
.feeinfo .rental-product ul li{display: flex; flex-direction: column; justify-content: start; padding:40px 35px; background-color:#f2f7fc; border-radius:20px; font-family: 'noto', sans-serif;}
.feeinfo .rental-product ul li:nth-child(1){grid-column:1 / span 2; grid-row:1 / span 1; text-align:center; justify-content:space-between;}
.feeinfo .rental-product ul li:nth-child(1) .tit{display:inline-block; align-self:center;}
.feeinfo .rental-product ul li:nth-child(1) .day{display:flex; align-items:center; flex-direction:column; }
.feeinfo .rental-product ul li:nth-child(1) .day.line{}
.feeinfo .rental-product ul li:nth-child(1) .day .tit{padding:0 25px 0; color:var(--primary-color);}
.feeinfo .rental-product ul li:nth-child(1) .day .tit:before{display:none;}
.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap{display:flex; align-items:center; flex-direction:column; gap:0 30px}
.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con{display:flex; align-items:center; justify-content:space-between;}
.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con .cate{padding-right:20px;}
.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con .cate,.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con .price{font-size:1.063rem; color:#333;}
.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con .price{padding-top:8px;color:#333;}
.feeinfo .rental-product ul li .board-wrap{display:flex; justify-content:space-around; padding:10px 0}
.feeinfo .rental-product ul li .wrap{display:flex; justify-content:space-between;}
.feeinfo .rental-product ul li .tit{display:flex; align-items:center; position:relative; padding-left:15px; font-size:1.313rem; font-weight:600; letter-spacing:-.2px}
.feeinfo .rental-product ul li .tit:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:7px; height:7px; border-radius:100px; background-color:var(--primary-color)}
.feeinfo .rental-product ul li .price{font-family: 'Gmarket', sans-serif; font-size:1.25rem; color:#333; letter-spacing:-.2px; color:#333;}
.feeinfo .rental-product ul li .wrap .list .con{display:flex; gap:0 15px;}
.feeinfo .rental-product ul li .wrap .list .cate{width:120px; text-align:right; font-size:1.063rem; color:#333;}
.feeinfo .rental-product ul li .wrap .list .price{margin-top:3px; font-size:1.063rem; color:#333;}
.feeinfo .rental-product .rental-notice ul{display:block; margin-top:20px}
.feeinfo .rental-product .rental-notice ul li{display:flex; flex-direction:row; justify-content:start; align-items:center; position:relative; margin:5px 0; padding:10px 10px 10px 20px; font-weight:300; text-align:left; color:#666; font-size:.938rem; letter-spacing:0; background-color:#e4eef8; border-radius:7px 50px 0 0}
.feeinfo .rental-product .rental-notice ul li .notice-tit{width:90px; flex-shrink:0; padding-right:15px; color:#4a698f; font-weight:500;}
.feeinfo .rental-product .rental-notice ul li .option{display:flex; gap:5px 5px; flex-wrap:wrap; align-items:center;}
.feeinfo .rental-product .rental-notice ul li .option .con{position:relative; display:inline-block; padding:0 13px; font-weight:500; letter-spacing:.1px;}
.feeinfo .rental-product .rental-notice ul li .option .con:not(:last-child):before{content:''; position:absolute; right:-2px; top:4px; width:1px; height:15px; background-color:#ddd;}
.feeinfo .rental-product .rental-notice ul li .option .con span{display:inline-block; padding-left:2px; color:rgba(0,0,0,.3);  font-weight:300; line-height:1}
.feeinfo .rental-product .rental-notice ul li.special{padding:2px 0 0 ; background:none;}


.feeinfo .rental-facility .table-responsive{width:100%; overflow-x:auto}
.feeinfo .rental-facility table{width:100%; margin-top:45px;}
.feeinfo .rental-facility table th{font-size:1.313rem}
.feeinfo .rental-facility table td{color:#333;}

@media only screen and (max-width:1200px){
	.feeinfo .rental-product ul li:nth-child(1) .day{flex-direction:column;}

	.feeinfo .rental-product ul li:nth-child(1) .day .tit{font-size:1.25rem}
	.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con{display:flex; align-items:center; flex-grow:1; justify-content:center;}
	.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con span{display:block}
	.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con .price{font-size:1rem}
}
@media only screen and (max-width:960px){
	.feeinfo .fee .con-wrap{padding:60px;}
	.feeinfo .fee .con-wrap img{max-width:200px}
	.feeinfo .fee .con-wrap .con.half{width:calc(50% - 50px)}
	.feeinfo .fee .con-wrap .con.half.line:before{right:-50px}
	.feeinfo .fee .con-wrap .con dl dd ul{align-items:center;}
	.feeinfo .fee .con-wrap .con dl dd ul li small{}
	.feeinfo .rental-product ul li{padding:25px;}
	.feeinfo .rental-product ul li .wrap{display:block}
	.feeinfo .rental-product ul li .tit{display:block; padding-left:0; text-align:center; }
	.feeinfo .rental-product ul li .price{padding-top:0; text-align:center;}
	.feeinfo .rental-product ul li .tit:before{display:none}
	.feeinfo .rental-product ul li:nth-child(1) .day{display:block;}
	.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap{gap:0 15px;}
	.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con .price{margin:0 0 0 3px;}
	.feeinfo .rental-product ul li .list .con{display:flex; justify-content:space-between;}
	.feeinfo .rental-product ul li .wrap .list .cate{width:auto; text-align:left;}
}

@media only screen and (min-width:769px){
	.feeinfo .fee .con-wrap .con .half-flex.whole{display:flex; flex-wrap:wrap}
	.feeinfo .fee .con-wrap .con .half-flex.whole .flex-con{display:block; white-space:nowrap; width:33%;}
	.feeinfo .fee .con-wrap .con .half-flex.whole .flex-con p{width:100%; text-align:center;}	
	.feeinfo .fee .con-wrap .con .half-flex.whole .flex-con.whole{padding-top:15px; width:100%;}
}
@media only screen and (min-width:769px) and (max-width:960px){
	.feeinfo .fee .con-wrap .con dl dd ul li small{display:block}
}

.feeinfo .fee .con-wrap .con .half-flex.whole .flex-con .txt{padding-bottom:10px; font-size:1.125rem; font-weight:500}
.feeinfo .fee .con-wrap .con .half-flex.whole .flex-con p small{font-family: 'noto', sans-serif; font-size:.938rem; margin-right:3px; font-weight:500}


@media only screen and (max-width:768px){
	.feeinfo .fee .con-wrap{margin-top:0}
	.feeinfo .fee .con-wrap .div-wrap{display:block; width:100%;}
	.feeinfo .fee .con-wrap .div-wrap.top-line:before{display:none}
	.feeinfo .fee .con-wrap .con.half{width:100%;}
	.feeinfo .fee .con-wrap .con.half:not(.line){margin-top:80px;}
	.feeinfo .fee .con-wrap .con.half.line{}
	.feeinfo .fee .con-wrap .con.half.line:before,.feeinfo .fee .con-wrap .con.top-line:before{display:none;}
	.feeinfo .fee .con-wrap .con dl{margin-top:35px}
	.feeinfo .fee .con-wrap .con .fee-wrap{padding:45px 15px; box-shadow:0 0 20px rgba(0,0,0,.12); border-radius:20px;}

	.feeinfo .rental-product ul li:nth-child(1) .day{display:flex; flex-direction:row; justify-content:space-between;}
	.feeinfo .rental-product ul li:nth-child(1) .day .tit{padding:0; text-align:left; align-self:flex-start;}

	.feeinfo .rental-product ul{margin-top:30px;grid-template-columns:1fr 1fr; gap:15px;}
	.feeinfo .rental-product ul li:nth-child(1) .day.line{margin-top:5px; padding-top:5px; border-top:1px dashed #ccc;}

	.feeinfo .fee .con-wrap .div-wrap.mio-wrap{padding-top:0}
	.feeinfo .fee .con-wrap .div-wrap.mio-wrap .con{margin-top:30px;}

	.feeinfo .rental-product ul li .board-wrap{display:block;}

	.feeinfo .fee .con-wrap .con .citizen{margin-top:20px}
	.feeinfo .fee .con-wrap .con.w-70{width:100%;}

	.feeinfo .rental-facility table th,.feeinfo .rental-facility table td{padding:12px 10px; font-size:.938rem}

	.feeinfo .fee .con-wrap .con .half-flex .flex-con{gap:0 25px}
	.feeinfo .fee .con-wrap .con .half-flex.whole .flex-con .txt{padding-bottom:0; font-size:1.063rem;}
	.feeinfo .fee .con-wrap .con .half-flex.whole .flex-con p small{display:inline-block; width:30px;}

}
@media only screen and (max-width:560px){
	.feeinfo .fee{padding-top:60px}
	.feeinfo .fee .con-wrap{padding:60px 20px;}
	.feeinfo .fee .con-wrap img{max-width:140px}
	.feeinfo .fee .con-wrap .div-wrap{margin-top:25px;}
	.feeinfo .fee .con-wrap .con .fee-wrap{margin-top:2px; padding:42px 15px 32px;}
	.feeinfo .fee .con-wrap .con .price{font-size:1.75rem}
	.feeinfo .fee .con-wrap .con dl{margin-top:27px}
	.feeinfo .fee .con-wrap .con dl dt{padding-bottom:8px; font-size:1.188rem}
	.feeinfo .fee .con-wrap .con dl dd ul{padding:6px 0;}
	.feeinfo .fee .con-wrap .con dl dd ul li{font-size:1rem;}
	.feeinfo .fee .con-wrap .con dl dd ul li:first-child{padding-right:20px}
	.feeinfo .fee .con-wrap .con dl dd ul li:last-child{width:70px;}
	.feeinfo .fee .con-wrap .con.half:not(.line){margin-top:60px;}
	.feeinfo .fee .con-wrap .con .tit{padding-top:5px; font-size:1.875rem}
	.feeinfo .fee .con-wrap .con .mio-price > div{display:block;}
	.feeinfo .fee .con-wrap .con .mio-price > div .price{padding-top:0; font-size:1.625rem}
	.feeinfo .fee .con-wrap .con .mio-price > div:first-child:before{top:50%; height:30px; transform:translateY(-50%)}
	.feeinfo .rental-product ul li{padding:28px 20px;}
	.feeinfo .rental-product ul li .price{padding-top:0}
	.feeinfo .rental-product ul li .tit{padding-bottom:5px;}
	.feeinfo .rental-product ul li:nth-child(1) .tit{padding-bottom:10px}
	.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap .con span{display:inline-block;}
	
	.feeinfo .rental-product ul li:nth-child(1){grid-area:1 / span 2}
	.feeinfo .rental-product ul li:nth-child(1) .day:not(.line){margin-top:10px;}
	.feeinfo .rental-product ul li:nth-child(1) .day .price-wrap{padding:2px 7px;}
	
	.feeinfo .rental-product ul li:nth-child(1) .day .tit{padding-bottom:5px; font-size:1.063rem}
	.feeinfo .rental-product ul li .board-wrap{padding:0;}
	.feeinfo .rental-product ul li .price{padding-top:0; font-size:1rem}
	.feeinfo .rental-facility table{margin-top:30px;}
	.feeinfo .rental-facility table th{font-size:1.188rem}

	.feeinfo .rental-product ul li .wrap .list .con{padding:2px 0;}
	.feeinfo .rental-product ul li .wrap .list .price{margin-top:0}
	.feeinfo .rental-product ul li .wrap .list .cate,.feeinfo .rental-product ul li .wrap .list .price{font-size:.938rem}
	
	.feeinfo .fee .inner{width:96%}
	.feeinfo .fee .con-wrap .div-wrap.mio-wrap .con.half:nth-of-type(2){margin-top:25px}
	.feeinfo .fee .con-wrap .con .half-flex .flex-con .price,.feeinfo .fee .con-wrap .con .mio-price > div .price{font-size:1.25rem}
	.feeinfo .rental-product ul li .tit{font-size:1.25rem}

	.feeinfo .fee .con-wrap .con .mio-price > div :where(span,.price){font-size:1rem;}
	.feeinfo .fee .con-wrap .con .mio-price > div span.big{font-size:1.125rem}

	.feeinfo .fee .con-wrap .con .dis-box-wrap .dis-box > div .kind{font-size:.875rem; line-height:1.3}
}



.hours{position:relative;}
.hours .select-calendar{position:absolute; top:100px; right:0;}
.hours .select-calendar .datepicker-wrap{padding:15px; display:flex; justify-content:center; align-items:center; cursor:pointer; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.2); border-radius:100px;}
.hours .select-calendar input{display:none;}
.hours .month{display:flex; justify-content:center; align-items:center; padding-bottom:10px; gap:0 20px; font-family: 'Gmarket', sans-serif;}
.hours .month button{position:relative; display:block; width:30px; height:30px; background:none; border:none;}
.hours .month button:hover:before{border-color:#000;}
.hours .month button:before{content: ''; position: absolute; margin-top:-1px; top: 50%; left: 18px; width: 10px; height: 10px; -webkit-transform: translate(-50%, -50%) rotate(315deg); transform: translate(-50%, -50%) rotate(315deg); margin-top: 2px; border-top: 2px solid #333; border-left: 2px solid #333;   transition: all .3s;}
.hours .month button.next:before{margin-top:-4px; left:7px; transform:rotate(-225deg)}
.hours .month button.disabled{opacity:.3; cursor:default;}
.hours .day{padding-top:23px;}
.hours .day .swiper-slide{width:auto}
.hours .day .swiper-slide.swiper-slide-active,.hours .day .swiper-slide.swiper-slide-active .day-btn .num,.hours .day .swiper-slide.swiper-slide-active .day-btn .txt{background-color:var(--primary-color); border-radius:10px; color:#fff;}
.hours .day .swiper-slide.swiper-slide-active .day-btn{}
/*.hours .day .swiper-slide.swiper-slide-active.today2{background:none;}
.hours .day .swiper-slide.swiper-slide-active.today2 .day-btn :where(.num,.txt){background:inherit; color:inherit;}*/

.hours .day .swiper-slide .txt{font-weight:400; color:#333; letter-spacing:0; font-family: 'Gmarket', sans-serif;}
.hours .day .swiper-slide .num{font-size:1.4rem; font-family: 'Gmarket', sans-serif;}
.hours .day .swiper-slide.sat .txt,.hours .day .swiper-slide.sat .num{color:#3cabfb}
.hours .day .swiper-slide.sun .txt,.hours .day .swiper-slide.sun .num{color:#f06161}
.hours .day .swiper-slide .day-btn{display:block; padding:35px 35px; border:none; background:none;}

.hours #creatcalendar_wrap{position:relative;}
.hours #creatcalendar_wrap .datepicker-wrap{position:absolute; top:0; right:0; padding:12px 4px; width:50px; height:50px; box-shadow:0 0 10px rgba(0,0,0,.15); border-radius:100px; cursor:pointer}

@media only screen and (max-width:768px){
	.hours .select-calendar{top:50px}
}
@media only screen and (max-width:560px){
	.hours #creatcalendar_wrap .datepicker-wrap{top:18px; padding:11px 2px; width:40px; height:40px;}	
	.hours #creatcalendar_wrap .datepicker-wrap img{max-width:18px;}
}


.hours .day .swiper-slide.swiper-slide-active.sat .day-btn .txt,.hours .day .swiper-slide.swiper-slide-active.sat .day-btn .num{color:#59baff}/* #2f9ded 3cabfb*/
.hours .day .swiper-slide.swiper-slide-active.sun .day-btn .txt,.hours .day .swiper-slide.swiper-slide-active.sun .day-btn .num{color:#ff8585}/* f06161 */

.hours .day .swiper-slide.sat .day-btn:hover .txt,.hours .day .swiper-slide.sat .day-btn:hover .num{color:#3cabfb}
.hours .day .swiper-slide.sun .day-btn:hover .txt,.hours .day .swiper-slide.sun .day-btn:hover .num{color:#f06161}


.hours .day{position:relative; display:flex; justify-content:space-between; align-items:center;}
.hours .day .swiper{position:relative; display:flex; justify-content:space-between;}
.hours .day .swiper-wrapper{}

.hours .day-code ul{display:flex; justify-content:space-between; align-items:center;}
.hours .day-code li{}
.hours .day-code { width:auto!important;}
.hours .day-code  .txt{font-weight:400; color:#333; letter-spacing:0; font-family: 'Gmarket', sans-serif;}
.hours .day-code  .num{font-size:1.4rem; font-family: 'Gmarket', sans-serif;}
.hours .day-code .sat .txt,.hours .day-code .sat .num{color:#2f9ded}
.hours .day-code .sun .txt,.hours .day-code .sun .num{color:#f06161}
.hours .day-code .day-btn{display:block; padding:25px 35px; border:none; background:none;}
.hours .day-code .day-btn:hover,.hours .day-code  .day-btn.selected,.hours .day-code .day-btn.selected .num,.hours .day-code  .day-btn.selected .txt,.hours .day-code .day-btn.on{background-color:var(--primary-color); border-radius:20px; color:#fff;}
.hours .day-code .day-btn:hover .txt,.hours .day-code  .day-btn:hover .num{color:#fff;}
.hours .day-code .sat .day-btn:hover .txt,.hours .day-code .sat .day-btn:hover .num{color:#2f9ded}
.hours .day-code .sun .day-btn:hover .txt,.hours .day-code .sun .day-btn:hover .num{color:#f06161}
.hours .day-code .day-btn.on .txt{color:#fff;}
.hours .day-code ul li button.btn{width:60px; height:60px; background:url(/assets/wavepark/img/event-arrow-right.png) no-repeat; background-size:cover; cursor:pointer; border:none; opacity:.5}
.hours .day-code ul li button.btn:hover{opacity:1}
.hours .day-code ul li button.btn.prev{transform:rotate(180deg);}

.hours .swiper-hours-button-next,.hours .swiper-hours-button-prev{flex-shrink:0; width:80px; height:80px; background:url(/assets/wavepark/img/event-arrow-right.png) no-repeat; cursor:pointer; opacity:.5}
.hours .swiper-hours-button-next:hover,.hours .swiper-hours-button-prev:hover{opacity:1; transition:all .3s}
.hours .swiper-hours-button-prev{transform:rotate(180deg);}
.hours .swiper-hours-button-prev.disabled:hover,.hours .swiper-hours-button-next.disabled:hover{opacity:.5; cursor:default}

.hours .openinfo{position:relative; display:flex; justify-content:center; gap:0 220px; margin-top:50px; padding:70px; font-family: 'noto', sans-serif; background-color:#eff4fb; border-radius:20px; z-index:1}
.hours .openinfo span{position:relative; font-size:1.125rem;  font-weight:400; color:var(--primary-color)}
.hours .openinfo span:before{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:95px; height:10px; background-color:#c9eeff; z-index:-1}
.hours .openinfo .tit{font-size:2.375rem; color:var(--primary-color); font-weight:600}
.hours .openinfo .txt{padding-top:8px; color:#888; letter-spacing:-.2px}
.hours .openinfo .time{padding-top:26px; font-family: 'Gmarket', sans-serif; font-size:2rem; font-weight:600; letter-spacing:-.2px; color:#333;}
.hours .close-wrap h2{padding-bottom:40px; text-align:left;}
.hours .close-wrap .tab-content .wrap .img{position:relative;}
.hours .close-wrap .tab-content .wrap .img.close:before{content:'휴무'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; width:140px; height:140px; background:rgba(255,255,255,.4); border-radius:100px; font-size:1.5rem; color:#fff; font-weight:400; z-index:55; font-weight:300}
.hours .close-wrap .tab-content .wrap .img.close:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(45,45,45,.4) 90%, transparent)}

@media only screen and (max-width:1100px){
	.hours .day-code li:nth-child(2),.hours .day-code li:nth-last-child(2){display:none;}
}
@media only screen and (max-width:1024px){
	.hours .swiper-hours-button-next, .hours .swiper-hours-button-prev{width:60px; height:60px; background-size:60px}
}
@media only screen and (max-width:960px){
	.hours .day-code .day-btn{padding:25px;}
	.hours .openinfo{gap:0; justify-content:space-between;}
}
@media only screen and (max-width:768px){
	.hours .day-code .day-btn{padding:25px 20px}
	.hours .day-code .num{font-size:1.25rem}
	.hours .day-code ul li button.btn{width:50px; height:50px;}
	.hours .day-code .txt{font-size:.938rem;}

	.hours .month{padding-bottom:10px}
	.hours .month h2{font-size:1.875rem}
	.hours .day{padding-top:15px}
	.hours .swiper-hours-button-next, .hours .swiper-hours-button-prev{display:none;}
	.hours .day .swiper-slide .day-btn{padding:25px;}	

	.hours .openinfo{padding:55px 80px; justify-content:space-around}
	.hours .openinfo .tit{font-size:2rem}
	.hours .openinfo .time{font-size:1.75rem}
	.hours .openinfo .txt{display:none}
}
@media only screen and (max-width:560px){
	.hours .month{padding:20px 0 5px; gap:0 20px}
	.hours .month h2{font-size:1.75rem}
	.hours .day-code .day-btn:hover, .hours .day-code .day-btn.selected, .hours .day-code .day-btn.selected .num, .hours .day-code .day-btn.selected .txt, .hours .day-code .day-btn.on{border-radius:15px}
	.hours .day-code .day-btn{padding:20px 15px;}
	.hours .day-code ul li button.btn{width:40px; height:40px;}
	.hours .day-code .txt{font-size:.938rem;}
	.hours .day-code .num{font-size:1rem}

	.hours .openinfo{margin-top:30px; padding:40px 15px}
	.hours .day{padding-top:13px;}
	.hours .day .swiper-slide .day-btn{padding:18px 17px;}
	.hours .day .swiper-slide .num{font-size:1.125rem}
	.hours .day .swiper-slide.swiper-slide-active,.hours .day .swiper-slide.swiper-slide-active .day-btn, .hours .day .swiper-slide.swiper-slide-active .day-btn .num, .hours .day .swiper-slide.swiper-slide-active .day-btn .txt{border-radius:15px}
	.hours .day .swiper-slide .txt{font-size:.75rem}

	.hours .openinfo span{font-size:1rem;}
	.hours .openinfo span:before{width:60px;}
	.hours .openinfo .tit{padding-top:5px; font-size:1.5rem}
	.hours .openinfo .time{padding-top:12px; font-size:1.125rem}

	.hours .close-wrap h2{padding-bottom:30px;}

}


/*.traffic .map{position:relative; margin:0 auto; width:100%;}
.traffic .map > .root_daum_roughmap{width:100%; padding-bottom:56.25%}
.traffic .map > .root_daum_roughmap .warp_map{height:500px!important}
.traffic .map .hide{display:none;}
*/
.traffic .map .root_daum_roughmap{width:100%;}
.traffic .map .root_daum_roughmap .wrap_map{width:100%; height:600px}
.traffic .map .hide{display:none}
.traffic .cs-info{position:relative;}
.traffic .cs-info:before{content:''; position:absolute; top:-110px; left:0; width:100%; height:calc(100% + 110px); background-color:#f5f5f5; }
.traffic .cs-info .wrap{padding:55px 0; display:flex; justify-content:space-between; font-family: 'noto', sans-serif;}
.traffic .cs-info .address .icon,.traffic .cs-info .tel .icon{display:flex; align-items:center; color:#464536; font-family: 'Gmarket', sans-serif; font-size:.938rem; letter-spacing:0; font-weight:600}
.traffic .cs-info .address .icon img,.traffic .cs-info .tel .icon img{padding-right:10px;}
.traffic .cs-info .address .pre{padding-top:12px; color:#666; font-size:.938rem; font-weight:400; letter-spacing:-.2px}
.traffic .cs-info .address .pre span{font-size:.875rem; color:#777; margin-right:10px; padding:3px 8px; background-color:#e5e5e5; border-radius:5px; font-weight:300}
.traffic .cs-info .tel{padding:0 60px; border-left:2px solid #ddd;}
.traffic .cs-info .tel .txt{font-family: 'Gmarket', sans-serif; font-weight:600; letter-spacing:-.2px}
.traffic .cs-info .address .txt,.traffic .cs-info .tel .txt{padding-top:12px; font-size:1.688rem}

.traffic .traffic-info .wrap{margin-top:90px; display:flex; justify-content:center;}
.traffic .traffic-info .wrap .bus-info h3{padding-top:10px; font-size:2.75rem; font-family: 'Gmarket', sans-serif; color:var(--primary-color)}
.traffic .traffic-info .wrap .bus-info .sub-tit{padding-top:7px; font-size:1.125rem; font-family: 'Gmarket', sans-serif; letter-spacing:0; color:var(--secondary-color); font-weight:600}
.traffic .traffic-info .wrap .bus-info button{margin-top:30px; padding:15px 90px; border-radius:0}
.traffic .traffic-info .wrap .bus-info .txt{padding-top:20px; color:#717171; font-size:.938rem; letter-spacing:-.2px}
.traffic .traffic-info .wrap .bus-info .txt span{color:var(--red-color)}
.traffic .traffic-info h3{display:flex; align-items:center; padding-top:50px; font-size:1.625rem; color:var(--primary-color); font-weight:600}
.traffic .traffic-info h3.space{padding-top:80px}
.traffic .traffic-info .route .tri{display:inline-block; width:30px; height:30px; background:url(/assets/wavepark/img/guide/triangle.png) no-repeat center/9px;}
.traffic .traffic-info .route table{margin-top:30px;}
.traffic .traffic-info .route table th{background-color:#edf2fa;}
.traffic .traffic-info .route table td{color:#333;}
.traffic .traffic-info .route table td span{color:var(--primary-color)}
.traffic .traffic-info .route table td.name{font-size:1.375rem; font-weight:600; color:#000}

.traffic .traffic-info .tab-list{border:1px solid #ddd;}

.traffic .public{display:flex; gap:0 70px; padding-top:25px;}
.traffic .public .subway{flex-shrink:0; padding:85px 75px; width:390px; background-color:#edf2fa; border-radius:20px; text-align:center;}
.traffic .public .subway .box{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:35px 40px; background-color:#fff; border-radius:20px; text-align:center;}
.traffic .public .subway .box img{max-width:50px}
.traffic .public .subway .box span{display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:25px; font-size:1.75rem; background-color:var(--secondary-color); color:#fff;}
.traffic .public .subway .box .tit{padding-top:5px; font-size:1.625rem; color:var(--secondary-color); font-weight:600}
.traffic .public .subway .box .txt{font-size:.938rem; color:#666; font-weight:300}
.traffic .public .subway .trans{padding-top:17px; font-size:1.5rem; color:var(--secondary-color); font-weight:600}
.traffic .public .subway .trans.notice{font-size:1rem; font-weight:400}
.traffic .public .bus dl:first-child dt{margin-top:15px}
.traffic .public .bus dl dt{margin-top:45px; padding:0 0 0 17px; position:relative; font-size:1.435rem; font-weight:600;}
.traffic .public .bus dl dt:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:8px; border-radius:4px; background-color:var(--secondary-color)}
.traffic .public .bus dl dd{padding:5px 0 0 17px; font-size:1.125rem; color:#333; font-weight:300;}
.traffic .public .bus dl dd span{padding:0 3px}

.traffic .parking-wrap > img{max-width:100%;}
.traffic .parking .con{display:flex; align-items:flex-start; padding-top:70px;}
.traffic .parking .con.line{border-bottom:1px solid #ddd; padding-bottom:70px; }
.traffic .parking .con h3{display:block; padding-top:0; flex-shrink:0; width:210px; font-size:2.063rem; color:inherit}
.traffic .parking .con h3 small{display:block; padding-top:10px; font-size:1rem; font-weight:500}
.traffic .parking .con ul li{position:relative; padding:3px 0 3px 13px; font-size:1.125rem; font-weight:300; color:#333;}
.traffic .parking .con ul li:before{content:''; position:absolute; left:0; top:13px; width:2px; height:2px;  border-radius:1px; background-color:#000}
.traffic .parking .con ul li.no-dot{padding:10px 0 3px;}
.traffic .parking .con ul li.no-dot:before{display:none;}
.traffic .parking .con .fee .free{font-size:1.625rem; font-weight:600; color:var(--primary-color)}
.traffic .parking .con .fee .add{font-size:1.125rem; color:#666; letter-spacing:-.2px}
.traffic .parking .con .fee .max{padding-top:15px; }

.traffic .public:nth-of-type(2){border-top:1px dotted #ddd; margin-top:30px;}

.caution{padding-top:45px; font-weight:300; font-size:1rem; color:#333; line-height:1.6}

@media only screen and (max-width:768px){
	.traffic .map .root_daum_roughmap .wrap_map{height:350px}
	.traffic .cs-info .wrap{display:block; gap:0; padding:35px 0}
	.traffic .cs-info .tel{margin-top:15px; padding:0; border:0;}
	.traffic .cs-info .address,.traffic .cs-info .tel{display:flex; justify-content:flex-start; gap:0 7px; align-items:flex-start;}
	.traffic .cs-info .address{padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #ddd;}
	.traffic .cs-info .address .icon span,.traffic .cs-info .tel .icon span{display:none;}
	.traffic .cs-info .address .icon img{max-height:27px;}
	.traffic .cs-info .address .txt, .traffic .cs-info .tel .txt{padding-top:0; font-size:1.375rem}
	.traffic .cs-info .address .pre{padding-top:7px;}

	.traffic .public{gap:0; display:block}
	.traffic .public .subway{padding:45px 50px; width:100%;}
	.traffic .public .bus dl:first-child dt{margin-top:30px;}
	.traffic .public .bus dl dt{margin-top:25px; padding:0 0 0 15px; font-size:1.25rem}
	.traffic .public .bus dl dd{font-size:1rem}
	.traffic .public .subway .box span{margin-bottom:3px; width:45px; height:45px;}

	.traffic .traffic-info .wrap{margin-top:45px; display:block; text-align:center;}
	.traffic .traffic-info .wrap .bus-info h3{padding-top:35px; display:block; text-align:center;}
	.traffic .traffic-info .wrap > img{max-width:300px}

	.traffic .parking .con{display:block; padding-top:50px}
	.traffic .parking .con.line{padding-bottom:50px}
	.traffic .parking .con ul,.traffic .parking .con .fee .free{margin-top:20px; font-size:1.375rem}
	.traffic .parking .con .fee .add{font-size:1.063rem}
	.traffic .parking .con h3{font-size:1.75rem}
	.traffic .parking .con ul li{font-size:1rem}
	.traffic .parking .con ul li strong{font-weight:600}

	.caution{padding-top:25px;}
}
@media only screen and (max-width:560px){
	.traffic .public:nth-of-type(1){padding-top:10px}
	.traffic .public:nth-of-type(2){border-top:0; margin-top:25px;}
	.traffic .public .bus dl:first-child dt{margin-top:25px;}
	.traffic .public .subway{padding:35px;}
	.traffic .public .bus dl dt{font-size:1.063rem}
	.traffic .public .bus dl dd{line-height:1.6; color:#555;}
	.traffic .cs-info .address{margin-bottom:18px; padding-bottom:18px;}
	.traffic .cs-info .address .txt, .traffic .cs-info .tel .txt{padding-top:0; font-size:1.125rem}
	.traffic .cs-info .tel .txt{padding-top:4px; font-weight:500;}
	.traffic .cs-info .address .icon img, .traffic .cs-info .tel .icon img{padding-right:5px;}
	.traffic .cs-info .address .pre span{margin-right:5px; padding:2px 5px; font-size:.75rem}
	.traffic .traffic-info .wrap{margin-top:30px;}
	.traffic .traffic-info h3{padding-top:30px; font-size:1.375rem}
	.traffic .traffic-info h3.space{padding-top:40px}
	.traffic .traffic-info .route table{margin-top:20px; }
	.traffic .traffic-info .wrap > img{max-width:150px}
	.traffic .traffic-info .wrap .bus-info h3{padding-top:30px; font-size:2rem;}
	.traffic .traffic-info .wrap .bus-info .sub-tit{padding-top:10px; font-size:1rem}
	.traffic .traffic-info .wrap .bus-info button{margin-top:20px; padding:12px 0; width:70%; font-size:1.25rem}
	.traffic .traffic-info .wrap .bus-info .txt{line-height:1.6}
	.traffic .traffic-info .route table td{font-size:1rem; font-weight:300}
	.traffic .traffic-info .route table td.name{font-size:1.125rem}
	.traffic .traffic-info .route table td span{display:block}

	.traffic .parking .con ul li{font-size:.938rem}
	.traffic .parking .con .fee .add{padding-top:2px; font-size:.938rem}
	.traffic .parking .con .fee .max{padding-top:25px}
}


/* 이벤트 */
.events ul.event-wrap{display:flex; gap:0 30px; flex-wrap:wrap;}
.events ul.event-wrap li{margin-top:60px; width:calc(50% - 15px)}
.events ul.event-wrap li a{display:block;}
.events ul.event-wrap li a:hover h2{color:var(--primary-color)}
.events ul.event-wrap li a:hover .img{opacity:.85}
.events ul.event-wrap li:nth-child(1),.events ul li:nth-child(2){margin-top:0}
.events ul.event-wrap li h2{display:flex; padding-top:18px; align-items:center; font-size:1.375rem; color:#333;}
.events ul.event-wrap li h2 span.event-c{padding-right:5px; color:var(--primary-color);}
.events ul.event-wrap li h2 span.pkg-c{padding-right:5px; color:var(--secondary-color);}
.events ul.event-wrap li img{border-radius:20px}
.events ul.event-wrap li .img{background-image:url(/assets/wavepark/img/event-banner-sample.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; height:250px; border-radius:20px;}
.events ul.event-wrap li .img.no{background:#edf2fa url(/assets/wavepark/img/logo.png) no-repeat center / 40%;}
.events ul.event-wrap li.end .img{filter:grayscale(80%)}
.events ul.event-wrap li .date{padding-top:5px; color:#999; font-family: 'noto', sans-serif; font-weight:300; letter-spacing:-.2px}
.events ul.event-wrap li.end h2{color:#888;}
.events ul.event-wrap li.end a:hover h2{color:#888;}
.events .d-day{display:inline-block; margin-left:10px; padding:3px 10px; background-color:#e7f0fd; color:#185b9f; border-radius:5px; font-size:.938rem; font-weight:500; letter-spacing:-.2px}
.events .d-day.end{background-color:#e1e2e3; color:#777;}
.events .board-view .header .tit{display:flex; align-items:center;}

@media only screen and (max-width:768px){
	.events ul.event-wrap{display:block;}
	.events ul.event-wrap li:first-child{margin-top:0;}
	.events ul.event-wrap li{margin-top:45px; width:100%;}
}

@media only screen and (max-width:560px){
	.events ul.event-wrap li h2{padding-top:16px; font-weight:500}
	.events ul.event-wrap li h2,.events ul.event-wrap li p{padding-left:5px;}
	.events ul.event-wrap{display:block;}
	.events ul.event-wrap li:first-child{margin-top:0;}
	.events ul.event-wrap li{margin-top:40px; width:100%;}
	.events ul.event-wrap li .img{height:170px; border-radius:15px;}
	.events ul.event-wrap li .date{font-size:.938rem}
}



/* 고객센터 */      
.notice{font-family: 'noto', sans-serif;}
table.basic{width:100%; border-top:2px solid #333;}
table.basic tr.notice{background:#f6fbff}
table.basic th{font-weight:500}
table.basic td,table.basic th{padding:20px; font-family: 'noto', sans-serif; border-bottom:1px solid #ddd; font-size:1.063rem;}
table.basic td .date-div a{display:flex; justify-content:space-between; align-items:center; padding:10px 0; color:#333;}
table.basic td .date-div{}
table.basic td .date{font-size:.938rem; font-weight:300; color:#777; letter-spacing:-.3px}
table.basic td .notice{display:inline-block; padding:5px 10px; border:1px solid #0096ff; border-radius:5px; font-size:.938rem; font-weight:500; color:#0096ff;}
table.basic td.num{text-align:center;}
table.basic td a.subj:hover{color:#000;}

table.basic.sm th,table.basic.sm td{padding:13px 15px; font-size:.875rem; font-weight:300}

table.basic.line th,table.basic.line td{border-right:1px solid #ddd;}
table.basic.line th:last-child,table.basic.line td:last-child{border-right:0}

table.basic.line.only-td th{border:0}

table.basic thead tr.bg th, table.basic tbody tr.bg-th th{background:#edf2fa}
table.basic.center th,table.basic.center td{text-align:center;}

table.basic.qna-write th{border-bottom:1px solid #ddd; font-weight:500; background-color:#f9f9f9;}
table.basic.qna-write td input{padding:10px; border:1px solid #ccc; border-radius:5px; font-size:1rem; font-weight:300; letter-spacing:-.2px;}
table.basic.qna-write td textarea{padding:15px; width:100%; font-size:1rem; font-weight:300; border:1px solid #ccc; min-height:350px; border-radius:5px;}

table.basic.center{text-align:center;}


.laf-notice{margin-top:60px; padding:40px; border:1px solid #aaa; border-radius:15px; }
.laf-notice > p{font-size:1.25rem}
.laf-notice ul{padding-top:8px;}
.laf-notice ul li{position:relative; padding:4px 0 4px 12px; font-size:.938rem; font-weight:300; color:#666;}
.laf-notice ul li:before{content:''; position:absolute; left:0px; top:15px; width:4px; height:1px; border-radius:100px; background-color:#666;}

.board-b-btn{text-align:right}

@media only screen and (max-width:560px){
	table.basic td,table.basic th{padding:15px 10px;}
	table.basic td .date-div a{padding:5px 0;}
	table.basic.qna-write td textarea{min-height:250px}
	table.basic td .date-div a{flex-direction:column; align-items:flex-start}

	.laf-notice{margin-top:40px; padding:30px 20px;}
	.board-b-btn{margin-top:7px;}
}

.notice .search-wrap{text-align:right}
.notice .search-con{display:inline-flex; align-items:center; margin-bottom:35px;}
.notice.list table td:first-child{width:100px}
.search-con{border-bottom:1px solid #333; font-family: 'noto', sans-serif;}
.search-con .nice-select{border:none; padding-right:36px;}
.search-con .nice-select:after{border-width:1px; width:6px; height:6px;}
.search-con .nice-select .current{font-size:.938rem; font-weight:300;}
.search-con input{padding:10px; border:none; font-size:.938rem; letter-spacing:0}
.search-con input::placeholder{font-size:.938rem; font-weight:300}
.search-con input:focus{outline:none;}
.search-con  button.btn{padding:22px; border:none; background:url(/assets/wavepark/img/icon-search-02.png) no-repeat center; background-size:50%; transition:all 0.3s}
.search-con  button.btn:hover{background-color:#f1f1f1; border-radius:5px; }
.paging{padding-top:50px;}
.paging ul{display:flex; justify-content:center; align-items:center;}
.paging ul li button{position:relative; background:none; border:none; width:40px; height:40px; border-radius:10px}
.paging ul li button:before{content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height:8px; -webkit-transform: translate(-50%, -50%) rotate(315deg); transform: translate(-50%, -50%) rotate(315deg); margin-top: 2px; border-top: 1px solid #333; border-left: 1px solid #333;}
.paging ul li button.prev:before{margin-left:3px}
.paging ul li button.next:before{transform: translate(-50%, -50%) rotate(135deg);}
.paging ul li a{margin:5px; padding:8px 15px; border-radius:10px; color:#666;}
.paging ul li a:hover,.paging ul li button:hover{background-color:#f1f1f1; }
.paging ul li.current a,.paging ul li.on a{display:block; background-color:#333; color:#fff; }

.paging ul li a#dtPaginationNext,.paging ul li a#dtPaginationLast,.paging ul li a#dtPaginationPrev,.paging ul li a#dtPaginationFirst{font-size:1.5rem;}

.board-view .header{position:relative; padding:25px 0; border-top:2px solid #333; border-bottom:1px solid #ddd; text-align:left; z-index:99}
.board-view .header .tit{font-size:1.75rem; font-weight:500}
.board-view .header .date{font-size:1rem; font-weight:300; color:#666; letter-spacing:-.2px}
.board-view .con{padding:30px 0; min-height:250px;}
.board-view .con p{font-size:1rem; font-weight:300; color:#333; line-height:1.7}
.board-view .con p,.board-view .con span{font-family: 'noto', sans-serif;}
.board-view .con img{max-width:100%;}

.board-view .file{display:flex; gap:0 20px; align-items:center; padding:20px 25px; background-color:#f5f5f5; border-radius:5px; color:#444;}
.board-view .file .tit{padding-left:22px; background:url(/assets/wavepark/img/board-icon-file.png) no-repeat left center / 15px; font-weight:400}
.board-view .file .down{font-size:.938rem; color:#666; text-decoration:underline; font-weight:300}
.board-view .file .down a{padding-right:15px;}
.board-view .file .down a:hover{color:var(--primary-color);}

@media only screen and (max-width:768px){
	.board-view .file{display:block; padding:17px 20px;}	
	.board-view .file .tit{margin-bottom:5px;}
	.board-view .file .down a{display:block; padding:2px 0}
}

.board-view .other{display:flex; margin-top:30px; justify-content:space-between; padding:35px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board-view .other > div{position:relative; width:45%; font-size:1.125rem}
.board-view .other > div:before{content:''; position:absolute; top: 50%; left:0; width: 10px; height: 10px; -webkit-transform: translate(-50%, -50%) rotate(315deg); transform: translate(-50%, -50%) rotate(315deg); margin-top: 2px; border-top:2px solid #333; border-left:2px solid #333; transition:all .3s}
.board-view .other > div.prev:before{left:8px;}
.board-view .other > div.next:before{right:0; left:auto; transform:translate(-50%, -50%) rotate(-225deg)}
.board-view .other > div.next:after{content:''; position:absolute; left:-5vw; top:50%; transform:translateY(-50%); width:1px; height:15px; background-color:#ddd; }
.board-view .other > div a{display:block;}
.board-view .other > div a:hover,.board-view .other > div:hover:before{color:#0096ff; border-color:#0096ff}
.board-view .other .prev{padding-left:30px; text-align:left}
.board-view .other .next{padding-right:30px; text-align:right}

.board-view .other .prev a,.board-view .other .next a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.board-view-inner-text-data{padding-top:10px}

.btn-wrap{display:flex; gap:0 10px; text-align:center; justify-content:center;}
.btn-basic{display:inline-block; padding:20px 70px; background-color:#002c84; color:#fff; border-radius:100px; font-size:1.438rem; border:none; font-family: 'noto', sans-serif;}
.btn-basic:hover{background-color:#032362}
.btn-basic.small{padding:15px 50px; font-size:1.063rem;}
.btn-basic.mini{padding:8px 15px; font-size:.938rem;}
.btn-basic.small.short{padding:15px 25px!important}
.btn-basic.medium{padding:15px 50px; font-size:1.375rem;}
.btn-basic.gray{background-color:#bbb;}
.btn-basic.gray:hover{background-color:#ccc;}
.btn-basic.color-secon{background-color:var(--secondary-color)}
.btn-basic.line{background:none; border:2px solid var(--primary-color); color:var(--primary-color)}
.btn-basic.line:hover{background:var(--primary-color); color:#fff;}


.faq,.qna,.qna.write{font-family: 'noto', sans-serif;}
.faq .search-wrap,.qna .search-wrap{display:flex; justify-content:center;}
.faq .question-wrap{border-top:2px solid #333;}
.faq .question-wrap dl{border-bottom:1px solid #ddd; cursor:pointer}
.faq .question-wrap dl dt,.faq .question-wrap dl dd .a-wrap{padding:25px; display:flex; align-items:flex-start; justify-content:flex-start; font-size:1.125rem; color:#333;}
.faq .question-wrap dl dt span,.faq .question-wrap dl dd span{display:inline-block; flex-shrink:0; margin-right:15px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:100px; background-color:#002c84; color:#fff;}
.faq .question-wrap dl dt p,.faq .question-wrap dl dd p{flex-grow:1; padding-top:6px}
.faq .question-wrap dl dd{display:none;}
.faq .question-wrap dl dd .a-wrap{display:flex; padding:30px 25px 35px; background-color:#f1f1f1}
.faq .question-wrap dl dd .a-wrap span{background-color:#45b35c;}
.faq .question-wrap dl dd .a-wrap p{font-weight:300; font-size:1rem; line-height:1.6; color:#333;}


.faq .tab-list{flex-wrap:wrap; border-top:1px solid #ddd; border-right:1px solid #ddd;}
/*.faq .tab-list:first-child{border-left:1px solid #ddd;}*/
.tab-list .tab-link:first-child{border-left:1px solid #ddd;}
.faq .tab-list .tab-link{width:25%; border-bottom:1px solid #ddd; font-size:1rem}

@media only screen and (max-width:560px){
	.faq .tab-list .tab-link{padding:15px;}
}


.qna .question-wrap{margin-top:25px; border-top:2px solid #333;}
.qna .question-wrap dl{border-bottom:1px solid #ddd; cursor:pointer}
.qna .question-wrap dl dt{display:flex; align-items:center; padding:25px; justify-content:flex-start; font-size:1.125rem; color:#333;}
.qna .question-wrap dl dt span,.qna .question-wrap dl dd span{display:inline-block; flex-shrink:0; margin-right:15px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:100px; background-color:#c6c7c9; color:#fff;}
.qna .question-wrap dl dt span.complete{background-color:var(--secondary-color);}
.qna .question-wrap dl dt .con-wrap{display:flex; flex-grow:1; align-items:center; justify-content:space-between;}
.qna .question-wrap dl dt .con-wrap  p.subj{flex-grow:1}
.qna .question-wrap dl dd .a-wrap{position:relative;}
.qna .question-wrap dl dd .a-wrap .user{margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #ddd; width:100%; color:#777; font-weight:300; line-height:1.6}
.qna .question-wrap dl dd .a-wrap .delete{display:inline-block; background:none; position:absolute; margin-right:0; top:18px; right:18px; padding:5px 12px; color:#666; border:1px solid #666; border-radius:100px; width:auto; height:auto; font-size:.813rem; line-height:1.5}
.qna .question-wrap dl dd .a-wrap .delete:hover{color:var(--primary-color); border:1px solid var(--primary-color)}
.qna .question-wrap dl dd .a-wrap .user.before{margin-bottom:0; padding-bottom:0; border-bottom:0}
.qna .question-wrap dl dd .a-wrap .qna-a-wrap{display:flex;}
.qna .question-wrap dl dd p{flex-grow:1;}
.qna .question-wrap dl dt p.subj{display:flex; align-items:center; flex-grow:1}
.qna .question-wrap dl dt p.subj .lock{margin-left:15px; display:inline-block; background:url(/assets/wavepark/img/board-icon-lock.png) no-repeat center; width:25px; height:25px; background-size:100%;}
.qna .question-wrap dl dt p.name,.qna .question-wrap dl dt p.date,.qna .question-wrap dl dt p.answer{font-size:1rem; color:#666; width:100px; font-weight:300; text-align:center; letter-spacing:-.3px}
.qna .question-wrap dl dt p.answer.end{color:var(--secondary-color);}
.qna .question-wrap dl dt p.date{font-size:.935rem}
.qna .btn-wrap a{display:inline-block;}
.qna .write-btn-wrap{justify-content:flex-end}
.qna .write-btn-wrap a{display:inline-flex; align-items:center;}
.qna .write-btn-wrap a:hover{background-color:#0b2456}
.qna .write-btn-wrap img{margin-right:7px; max-width:20px}

.qna .question-wrap dl dd .a-wrap{padding:50px; background-color:#f1f1f1}
.qna .question-wrap dl dd .a-wrap span{background-color:#45b35c;}
.qna .question-wrap dl dd{display:none}
.qna .question-wrap dl dd .a-wrap .qna-a-wrap p{font-weight:400; font-size:1rem; line-height:1.6; color:#333;}
.qna .layer-pop{display:none; position:fixed; text-align:center; border-radius:5px; width:400px; top:50%; left:50%; font-family:'noto',sans-serif; transform:translate(-50%,-50%); background-color:#fff;  z-index:99999; overflow-y:auto; cursor:pointer}
.qna .layer-pop .close{display:inline-block; width:22px; height:22px; position:absolute; top:33px; right:22px;}
.qna .layer-pop .close:before,.qna .layer-pop .close:after{content:''; position:absolute; top:9px; right:0; width:20px; height:2px; background-color:#333; transform: rotate(45deg)}
.qna .layer-pop .close:after{transform: rotate(-45deg)}
.qna .layer-pop .con{padding:45px;}
.qna .layer-pop .tit{font-size:1.5rem}
.qna .layer-pop .txt{padding-top:5px; font-size:.875rem; color:#666;}
.qna .layer-pop input{margin-top:20px; padding:10px; border:0; border-bottom:2px solid #333; font-size:1rem; letter-spacing:0; text-align:center;}
.qna .layer-pop input::placeholder{font-size:.875rem}
.qna .layer-pop .btn{display:flex; }
.qna .layer-pop .btn button{padding:15px; width:50%; background:none; border:none; font-size:1rem;}
.qna .layer-pop .btn button.cancel{background-color:#ddd}
.qna .layer-pop .btn button.confirm{border-left:1px solid #ddd; background-color:var(--secondary-color); color:#fff;}

.gallery .gallery-wrap{display: flex; flex-wrap: wrap; justify-content: center; }
.gallery img{display: block; margin: 1vw; width: 15vw; height: 15vw;}


@media only screen and (max-width:768px){
	.qna .write-btn-wrap.sub-space-small{margin-top:25px;}
	.qna .question-wrap dl dt{padding:20px; align-items:flex-start;}
	.qna .question-wrap dl dt .con-wrap{flex-wrap:wrap; justify-content:flex-start; gap:0 10px}
	.qna .question-wrap dl dt .con-wrap p.subj{display: flex; justify-content: space-between; padding-bottom:5px; width:100%; font-size:1.125rem;}
	.qna .question-wrap dl dt .con-wrap p.subj .lock{margin-right:0;}
	.qna .question-wrap dl dt p.name,.qna .question-wrap dl dt p.date,.qna .question-wrap dl dt p.answer{width:auto; text-align:left; font-size:.875rem; color:#888;}
	.qna .question-wrap dl dd .a-wrap{padding:30px 30px;}
	.qna .question-wrap dl dd .a-wrap .delete{top:10px; right:10px;}
}

@media only screen and (max-width:560px){
	.search-con{display:flex; width:80%; justify-content:space-between; align-items:center;}
	.notice .search-wrap{text-align:center;}
	.notice.list table td:first-child{width:80px;}
	.search-con .nice-select .current{font-size:1.125rem;}
	.search-con input{padding:15px 10px 17px; width:100%; font-size:1.125rem}
	.search-con input::placeholder{font-size:1.125rem}
	.paging ul li.hidden{display:none}
	.paging{padding-top:35px;}
	.board-view .header{padding:20px 0;}
	.board-view .header .tit{font-size:1.5rem;}
	.board-view .other{margin-top:35px; padding:25px 0;}

	.btn-basic{font-size:1.375rem;}
	.btn-basic.small{padding:13px 20px;}
	.btn-basic.medium{padding:13px 30px; font-size:1.125rem}

	.faq .question-wrap dl dt, .faq .question-wrap dl dd .a-wrap{padding:20px 15px;}
	
	.qna .question-wrap dl dd .a-wrap .user{margin-bottom:30px; padding-bottom:30px}
	.qna.write .btn-basic{padding:15px 40px; font-size:1.25rem}

	.qna .layer-pop{width:90%;}
	.qna .layer-pop input{width:100%;}
	.qna .layer-pop .btn button{font-size:1.125rem}
}



/* 예약 */
.reservation.main ul{display:flex;flex-wrap:wrap; margin:0 auto; width:80%; gap:35px 0; justify-content:center;}
.reservation.main ul li{padding:0 15px; width:50%; text-align:center;}
.reservation.main ul li a{position:relative; display:block; padding:90px 0 80px; border-radius:20px;}
.reservation.main ul li:nth-child(1) a{background-color:#20b1dd}
.reservation.main ul li:nth-child(1) a:hover{background-color:#17a7d3}
.reservation.main ul li:nth-child(2) a{background-color:#f3bb33}
.reservation.main ul li:nth-child(2) a:hover{background-color:#e5af2a}
.reservation.main ul li span.img{display:inline-block; position:relative;}
.reservation.main ul li span.img img{border-radius:50%}
.reservation.main ul li span.img:after{content:''; position:absolute; top:5px; left:9px; width:100%; height:100%; background-color:#eee; border-radius:50%; z-index:-1}
.reservation.main ul li a:hover span.img:after{background-color:#ccc; transition:all .3s;}
/*.reservation.main ul li a:hover h2,.reservation.main ul li a:hover p{color:#002c84}*/
.reservation.main ul li p{padding-top:30px; font-family: 'noto', sans-serif; color:#fff; font-weight:600; font-size:1.25rem;}
.reservation.main ul li h2{padding-top:14px; font-size:2.375rem; font-family: 'JalnanGothic'; color:#fff;}
.reservation.main ul li span.txt{display:inline-block; padding-top:25px; font-size:1.125rem; font-family: 'noto', sans-serif; color:#fff}
.reservation.main ul li .icon{margin:70px auto 0; width:125px; height:125px; border-radius:100px; background-color:#fff; background-size:60%; background-position:center; background-repeat:no-repeat}
.reservation.main ul li:nth-child(1) .icon{background-image:url(/assets/wavepark/img/reservation/icon-main-01.png);}
.reservation.main ul li:nth-child(2) .icon{background-image:url(/assets/wavepark/img/reservation/icon-main-02.png); background-size:53%}
.reservation.main ul li:nth-child(3) .icon{background-image:url(/assets/wavepark/img/reservation/icon-main-03.png);}
.reservation.main ul li.alone{width:70%;}
.reservation.main ul li.alone a{padding:60px 0; background-color:#9a9a9a}
.reservation.main ul li.alone a:hover{background-color:#888;}

@media only screen and (max-width:1024px){
	.reservation.main ul{width:100%}
}
@media only screen and (max-width:960px){
	.reservation.main ul li{}
	.reservation.main ul li span.img img{width:100%;}
}
@media only screen and (max-width:768px){
	.reservation.main ul{gap:14px 0}
	.reservation.main ul li{padding:0 7px;}
	.reservation.main ul li p{display:none; padding-top:15px; font-size:1rem; letter-spacing:-.1px}
	.reservation.main ul li a{padding:35px 0}
	.reservation.main ul li h2{padding-top:35px; font-size:1.75rem; letter-spacing:-.2px}
	.reservation.main ul li span.txt{padding-top:15px}
	.reservation.main ul li .icon{margin-top:35px; width:100px; height:100px; background-size:55%}
	.reservation.main ul li:nth-child(2) .icon{background-size:50%}
	.reservation.main ul li .icon img{max-height:70px}
	.gallery img{margin: 1vw; width: 30vw; height: 30vw;}
	.reservation.main ul li.alone a{padding:25px 0}
}
@media only screen and (max-width:560px){
	.reservation.main ul{gap:16px 0}
	.reservation.main ul li{padding:0 8px; width:100%;}
	.reservation.main ul li p{display:none; font-size:.875rem}
	.reservation.main ul li h2{padding-top:15px; font-size:1.625rem;}
	.reservation.main ul li span.txt{padding-top:5px; font-size:.938rem;}
	.reservation.main ul li .icon img{max-height:45px}
	.reservation.main ul li.alone{width:100%}
	.reservation.main ul li .icon{margin-top:25px; width:90px; height:90px;}
}

.reservation.order .tab-list{display:flex; justify-content:space-around; border:1px solid #ddd;}
.reservation.order .tab-list a{padding:20px;}
.reservation.order .tab-list .tab-link:first-child{border-left:0}
.reservation.order .tab-list .tab-link{display:inline-block;cursor:pointer; flex-grow:1; text-align:center; border-left:1px solid #ddd;}
.reservation.order .tab-list .tab-link:hover{background-color:#01b6ed; color:#fff;}
.reservation.order .tab-list .tab-link.on{background-color:#01b6ed; color:#fff;}
.reservation.order .tab-content{padding:20px 0 0; display:none; position:relative;}
.reservation.order .tab-content.on {display:block; overflow:hidden;}

.reservation.order .tab-content .swiper-slide{cursor:pointer}
.reservation.order .tab-content .swiper-slide .box{position:relative; height:270px; box-shadow:0 0 0 1px #ddd inset; border-radius:10px 10px 0 0;}
.reservation.order #tab-01 .swiper-slide.one .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-01 .swiper-slide.two .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-01 .swiper-slide.three .box{background:url(/assets/wavepark/img/reservation/lesson-03.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-01 .swiper-slide.four .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-01 .swiper-slide.five .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }

.reservation.order #tab-02 .swiper-slide.one .box{background:url(/assets/wavepark/img/reservation/lesson-03.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-02 .swiper-slide.two .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-02 .swiper-slide.three .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-02 .swiper-slide.four .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-02 .swiper-slide.five .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }

.reservation.order #tab-03 .swiper-slide.one .box{background:url(/assets/wavepark/img/reservation/lesson-03.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-03 .swiper-slide.two .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-03 .swiper-slide.three .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-03 .swiper-slide.four .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-03 .swiper-slide.five .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }

.reservation.order #tab-04 .swiper-slide.one .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-04 .swiper-slide.two .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-04 .swiper-slide.three .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-04 .swiper-slide.four .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-04 .swiper-slide.five .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }

.reservation.order #tab-05 .swiper-slide.one .box{background:url(/assets/wavepark/img/reservation/lesson-03.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-05 .swiper-slide.two .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-05 .swiper-slide.three .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-05 .swiper-slide.four .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-05 .swiper-slide.five .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }

.reservation.order #tab-06 .swiper-slide.one .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-06 .swiper-slide.two .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-06 .swiper-slide.three .box{background:url(/assets/wavepark/img/reservation/lesson-03.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-06 .swiper-slide.four .box{background:url(/assets/wavepark/img/reservation/lesson-01.jpg) no-repeat; background-size:cover; }
.reservation.order #tab-06 .swiper-slide.five .box{background:url(/assets/wavepark/img/reservation/lesson-02.jpg) no-repeat; background-size:cover; }


.reservation.order .tab-content .swiper-slide .info-box{display:flex; box-shadow:0 0 0 1px #ddd inset; margin-top:-1px; justify-content:space-between; height:100px; gap:0 15px; padding:25px; height:100px; background-color:#fff; border-radius:0 0 9px 9px; box-sizing:border-box;}
.reservation.order .tab-content .swiper-slide .info-box .tit{font-size:1.125rem; line-height:1.3; word-break:break-all}
.reservation.order .tab-content .swiper-slide .info-box .price{font-size:1.25rem; color:#002c84; font-weight:bold; font-family: 'Gmarket', sans-serif!important; white-space:nowrap}

.reservation.order .tab-content .swiper-slide button{display:block; width:100%; margin-top:12px; padding:15px 0 12px; font-size:1rem; background-color:#fff; box-shadow:0 0 0 1px #ddd inset; border:0; border-radius:10px; font-family: 'Gmarket', sans-serif; transition:all .3s}
.reservation.order .tab-content .swiper-slide button:hover{background-color:var(--primary-color); color:#fff;} /* .reservation.order .tab-content .swiper-slide:hover button */


.btn-new-t-wrap{display:flex; justify-content:space-between; width:100%; margin-top:12px; padding:10px; font-size:1rem; background-color:#fff; box-shadow:0 0 0 1px #ddd inset; border:0; border-radius:10px; font-family: 'Gmarket', sans-serif; transition:all .3s; box-sizing:border-box}
.btn-new-t-wrap:hover{}
.qty-select-con{display:flex; align-items:center;}
.qty-select-con :where(.prev,.next){position:relative; margin-top:0!important; width:38px!important; height:38px!important; padding:0!important; color:var(--primary-color)!important; border-radius:100px!important; border:1px solid #ddd; background:none; transition:all .3s}
.qty-select-con button:hover{background-color:#eee; color:#fff!important}
.qty-select-con button.prev:hover:before,.qty-select-con button.next:hover:before,.qty-select-con button.next:hover:after{background-color:#fff!important; color:#fff!important}
.qty-select-con button.prev:before{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:var(--primary-color)!important}
.qty-select-con button.prev:before,.qty-select-con button.next:before,.qty-select-con button.next:after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:var(--primary-color)!important}
.qty-select-con button.next:after{transform:rotate(90deg); margin-left:-5px}
.qty-select-con input{font-size:1rem; width:60px; text-align:center; font-weight:600; color:var(--primary-color); border:none; background-color:transparent; }

.btn-new-t-wrap .pay-btn{margin-top:0!important; padding:15px 15px 12px!important; background-color:var(--primary-color)!important; color:#fff!important; display:inline-block!important; width:45%!important; box-shadow:none!important}
.btn-new-t-wrap .pay-btn:hover{background-color:var(--primary-color)!important; color:#fff!important;}

@media only screen and (max-width:768px){
	.btn-new-t-wrap{display:block;}
	.btn-new-t-wrap .pay-btn{margin-top:10px!important; width:100%!important;}
	.qty-select-con{justify-content:center;}
}




.reservation.order .swiper-reservation-button-next,.reservation.order .swiper-reservation-button-prev{position:absolute; right:-150px; top:50%; transform:translateY(-70%); z-index:9; width:80px; height:80px; background:url(/assets/wavepark/img/event-arrow-right.png) no-repeat; cursor:pointer; opacity:.5}
.reservation.order .swiper-reservation-button-next,.reservation.order .swiper-reservation-button-prev:hover{opacity:1; transition:all .3s}
.reservation.order .swiper-reservation-button-prev{right:auto; left:-150px; transform:translateY(-70%) rotate(180deg);}
.reservation.order .event .swiper-reservation-pagination{padding-top:35px; text-align:center;}

.reservation.order .swiper-pagination-bullet{width:15px; height:15px; background:rgba(0,0,0,.5)}
.reservation.order .swiper-horizontal>.swiper-pagination-bullets,.reservation.order  .swiper-pagination-bullets.swiper-pagination-horizontal,.reservation.order  .swiper-pagination-custom,.reservation.order .swiper-pagination-fraction{margin-top:25px; text-align:center;}
.reservation.order .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.reservation.order .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.reservation.order .swiper-pagination-bullet-active{background-color:#e30b13}


.reservation.order.newbooking-wrap-position{position:relative}
.reservation.order.newbooking-wrap-position .btn-pkg{display:flex; align-items:center; position:absolute; top:70px; right:0; gap:0 5px}
.reservation.order.newbooking-wrap-position .btn-pkg img{max-width:25px}
@media only screen and (max-width:560px){
	.reservation.order.newbooking-wrap-position .btn-pkg{top:5px; padding:11px 15px!important; font-size:1rem}
}











@media only screen and (max-width:1024px){
	.reservation.order .tab-content{padding:10px 0 0}
	.reservation.order .tab-content .swiper-slide .box{height:200px}
	.reservation.order .tab-content .swiper-slide .info-box{padding:20px; height:80px}
	.reservation.order .tab-content .swiper-slide .info-box .tit{font-size:1.063rem; letter-spacing:-.2px}
	.reservation.order .tab-content .swiper-slide .info-box .price{font-size:1.125rem}
}

@media only screen and (max-width:560px){
	.reservation.order .tab-content .swiper-slide .box{height:150px;}
	.reservation.order .tab-content .swiper-slide .info-box{display:block; padding:18px 15px; height:auto; }
	.reservation.order .tab-content .swiper-slide .info-box .tit{font-size:1.125rem; letter-spacing:-.5px; color:#333;}
	.reservation.order .tab-content .swiper-slide .info-box .price{padding-top:5px; font-size:1rem; letter-spacing:-.2px}
}




.layer-pop{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);  z-index:99999; font-family:'noto',sans-serif; background-color:#fff; width:1200px; border-radius:25px; box-shadow:0 0 20px rgba(0,0,0,.25)}
.layer-pop .close{position:absolute; top:28px; right:30px; width:25px; height:25px; background:none; border:none;}
.layer-pop .close:before,.layer-pop .close:after{content:''; position:absolute; top:12px; right:-2px; width:25px; height:2px; transform:rotate(45deg);border-radius:10px; background-color:#555;}
.layer-pop .close:after{transform:rotate(-45deg)}
.layer-pop .header{padding:35px 50px 25px; background:none; border-bottom:1px solid #ddd;}
.layer-pop .header h1{padding-bottom:0; font-size:1.625rem; font-weight:600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.layer-pop .con{padding:35px;}

.layer-pop.product-detail{display:none; height:90vh}
.layer-pop.product-detail .btn-booking{display: block; margin: 15px auto 0; padding: 12px 40px 10px; font-size: 1rem; background:var(--primary-color); color:#fff; letter-spacing:-.2px; border: 0; border-radius: 10px; font-family: 'Gmarket', sans-serif; transition: all .3s;}
.layer-pop.product-detail .btn-booking:hover{background-color:#0b2456}
.layer-pop.product-detail .con{padding-top:35px; height:calc(90vh - 161px); overflow-y:auto; text-align:center;}
.layer-pop.product-detail .con figure{margin:0;}
.layer-pop.product-detail .con img{max-width:100%;}

@media only screen and (max-width:1300px){
	.layer-pop{width:90%}
}
@media only screen and (max-width:1024px){
	.layer-pop.product-detail .header{padding-bottom:15px;}
	.layer-pop.product-detail .con{padding:17px; height:calc(90vh - 144px);}
	.layer-pop .close:before,.layer-pop .close:after{width:20px;}
	.layer-pop .close{top:18px; right:25px;}
}




.reservation.order .booking-layer-pop{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);  z-index:99999; font-family:'noto',sans-serif} /* height:660px; */
.reservation.order .booking-layer-pop .box{background-color:#fff; width:1200px; border-radius:25px; box-shadow:0 0 20px rgba(0,0,0,.25)}
.reservation.order .booking-layer-pop .box h3{font-size:1rem; padding-bottom:15px; color:#333; font-weight:600}
.reservation.order .booking-layer-pop .box h4{padding-bottom:12px; color:#333; font-weight:400; font-size:.938rem}
.reservation.order .booking-layer-pop .box h3.space,.reservation.order .booking-layer-pop .box h4.space{padding-top:20px;}
.reservation.order .booking-layer-pop .box .chk_box .active{background:none; left:0;}
.reservation.order .booking-layer-pop .box .chk_box .txt{display:inline-block; margin:0 2px; padding:8px 17px; border:1px solid #ddd; border-radius:5px; font-size:13px; color:#999;}
.reservation.order .booking-layer-pop .box .chk_box input[type="radio"]:checked + .active{position:relative; background:none;}
.reservation.order .booking-layer-pop .box .chk_box input[type="radio"]:checked + .active:after{display:none;}
.reservation.order .booking-layer-pop .box .chk_box input[type="radio"]:checked + .active + .txt{border:1px solid var(--primary-color); color:var(--primary-color); font-weight:600}
.reservation.order .booking-layer-pop .box .top-header{padding:35px 0 20px;}
.reservation.order .booking-layer-pop .box .top-header .close{position:absolute; top:28px; right:30px; width:25px; height:25px; background:none; border:none;}
.reservation.order .booking-layer-pop .box .top-header .close:before,.reservation.order .booking-layer-pop .box .top-header .close:after{content:''; position:absolute; top:12px; right:-2px; width:25px; height:2px; transform:rotate(45deg);border-radius:10px; background-color:#555;}
.reservation.order .booking-layer-pop .box .top-header .close:after{transform:rotate(-45deg)}
.reservation.order .booking-layer-pop .box .top-header h1{padding-bottom:0;font-size:1.625rem; font-weight:600}
.reservation.order .booking-layer-pop .box .top-header h1 span{color:var(--primary-color)}
.reservation.order .booking-layer-pop .box .top-header p{padding-top:7px; text-align:center; color:#666; font-weight:300}
.reservation.order .booking-layer-pop .box .step-wrap{display:flex;}
.reservation.order .booking-layer-pop .box .step-wrap .header{position:relative; padding:13px 25px; background-color:var(--primary-color);}
.reservation.order .booking-layer-pop .box .step-wrap .header h2{color:#fff; font-size:1.125rem;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option{width:calc(100% - 300px)}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap{display:flex;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{width:calc(100% - 200px); padding:32px 25px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul{display:flex; gap:15px; overflow-x:hidden;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul > li{position:relative; padding-left:12px; color:#333; font-weight:600; font-size:.938rem; white-space:nowrap}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul > li:before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6px; height:6px; border-radius:5px; background-color:var(--secondary-color);}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul li.wait{opacity:.3}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul li.wait:before{display:none}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option{margin-top:15px; border-radius:10px; border:1px solid #ddd; }
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours{ padding:15px 25px 10px; background-color:#edf2f7; border-radius:10px 10px 0 0; border-bottom:1px solid #ddd;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month{gap:0 20px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month .current_year{margin-top:7px; font-size:1.063rem; font-family: 'Gmarket', sans-serif!important; letter-spacing:-.2px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours :where(.swiper-hours-button-prev,.swiper-hours-button-next){width:40px; height:40px; background-size:100%}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day{padding-top:0;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide.days-gray :where(.txt,.num){color:rgba(0,0,0,.4); cursor:default}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide.swiper-slide-active.days-gray :where(.txt,.num){color:#fff;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .day-btn{padding:11px 0 5px; border-radius:10px; margin:0 auto}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .num{padding-top:1px; font-size:.938rem; letter-spacing:-.2px; color:}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .txt{font-size:.688rem; letter-spacing:-.2px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail{display:flex;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap{border-right:1px solid #ddd;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap h4{padding:20px 22px 10px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul{display:block; padding:0 12px; margin-bottom:15px; width:200px; height:170px; overflow-y:auto}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li{display:flex; justify-content:space-between; align-items:center; padding:9px 12px; border:1px solid #fff; border-radius:8px; cursor:pointer;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li:before{display:none;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li:hover{background-color:#f5f5f5;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li.selected{border:1px solid var(--primary-color);}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li.selected .time{color:var(--primary-color); font-weight:600}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .time{font-size:.875rem; color:#666;  letter-spacing:0}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .remain{color:#333; font-size:.75rem; letter-spacing:-.2px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .remain .total{color:#888;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select{padding:20px 15px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select .wave_info_text{font-size:.875rem; color:var(--red-color); font-weight:300}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option-complete{margin:15px auto 0; text-align:center;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option-complete button{padding:10px 50px; font-size:1rem; font-weight:500; background-color:#555; border:0; color:#fff; border-radius:5px}

/* fnb옵션 */
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap{display:flex;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .option-select{display:none}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul{width:400px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li{gap:7px; align-items:flex-start;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li .option-info-wrap{display:flex; flex-grow:1; justify-content:space-between;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li .time{letter-spacing:-.4px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li .small{font-size:.813rem; font-weight:500; letter-spacing:-.2px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li .remain .total{font-size:.813rem; letter-spacing:-.4px; color:#666; font-weight:500; color:var(--primary-color)}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li.selected{border:none; color:#666;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li.selected .time{color:#666; font-weight:500}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li button.add{background-color:#999; color:#fff; border-radius:5px; border:none; font-size:13px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select{flex-grow:1; padding-right:0}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul{display:block; height:130px; overflow-y:auto}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul li{display:flex; justify-content:space-between; padding:4px 5px 4px 0; font-size:.813rem; color:#666; font-weight:500}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul li:before{display:none}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul li button.delete{position:relative; width:20px; z-index: 99999; background:none; border:none;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul li button.delete:before,.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul li button.delete:after{content: ''; position: absolute; top:5px; width: 1px; height: 11px; transform: rotate(45deg); border-radius: 10px; background-color:#666;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul li button.delete:after{transform: rotate(-45deg);}

@media only screen and (max-width:1200px){
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul{width:300px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul li{font-size:.75rem}
}
@media only screen and (max-width:1024px){
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul{width:250px}
}
@media only screen and (max-width:650px){
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap{display:block}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul{width:100%}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li{width:100%}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap .time-wrap ul li .option-info-wrap{display:block}
}




.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap{width:200px; padding:32px 0 0; flex-shrink:0; background-color:#eff0f2;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap h3{padding:0 27px 12px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap .con-wrap{padding:0 25px; height:405px; overflow-y:auto}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl{padding:17px; background-color:#fff; border-radius:10px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl.blank{background:none; display:flex; align-items:center; justify-content:center; padding:40px 0; border:1px dashed #ccc;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl.blank:before{content:'선택전'; color:#999; font-size:.75rem; letter-spacing:-.2px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl:not(:nth-of-type(1)){margin-top:10px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl dt{font-size:.875rem; color:var(--primary-color); font-weight:600; line-height:1.35}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl dd{padding-top:3px; font-size:.75rem; color:#777; line-height:1.4; letter-spacing:-.5px}

.reservation.order .booking-layer-pop .box .step-wrap .step-user{width:300px; padding-bottom:25px; flex-shrink:0}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .header{position:relative; background-color:var(--secondary-color)}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con{display:flex; flex-direction:column; padding:35px 0 0;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .p-num{padding:0 25px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap{display:flex; align-items:center; justify-content:space-between;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person{color:var(--secondary-color); font-weight:600}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person span{padding-left:5px; font-size:.75rem; color:#999; font-weight:500; letter-spacing:-.2px}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person .pickitem-price{padding-left:0; color:var(--secondary-color); font-weight:600; font-size:1rem;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount{display:flex}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button{position:relative; width:38px; height:38px; border-radius:100px; border:1px solid #ddd; color:#333; background:none; transition:all .3s}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button:hover{background-color:#eee;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.prev:before{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:#333;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.prev:before,.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.next:before,.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.next:after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:#333;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.next:after{transform:rotate(90deg); margin-left:-5px}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount input{font-size:1rem; width:60px; text-align:center; font-weight:600; color:#333; border:none;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .user-info h3{padding:35px 25px 15px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .field-wrap{padding:0 25px 25px; height:270px; overflow-y:auto;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .field:not(:nth-of-type(1)){margin-top:10px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .field{display:flex; gap:0 7px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .field input{padding:10px 12px; width:100%; border:1px solid #ddd; border-radius:5px; font-size:.813rem; font-weight:500; letter-spacing:-.2px; }
.reservation.order .booking-layer-pop .box .step-wrap .step-user .field button.delete{position:relative; background:none; border:none;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .field button.delete:before,.reservation.order .booking-layer-pop .box .step-wrap .step-user .field button.delete:after{content:''; position:absolute; left:50%; transform:translateX(-50%) rotate(-45deg); width:10px; height:1px; border-radius:10px; background-color:#888;}
.reservation.order .booking-layer-pop .box .step-wrap .step-user .field button.delete:after{transform:rotate(-135deg); left:1px}
.reservation.order .booking-layer-pop button.complete{display:flex; justify-content:center; align-items:center; gap:0 7px; margin:15px auto 0; padding:15px 0 10px; width:50%; max-width:300px; font-family: 'Gmarket', sans-serif!important; font-size:1.375rem; font-weight:600; background-color:#fff; color:var(--primary-color); border-radius:10px; border:0; box-shadow:0 0 10px rgba(0,0,0,.5)}
.reservation.order .booking-layer-pop button.complete img{margin-top:-9px; max-width:25px;}













/* 새로운 예약 */

.reservation.order .new-booking-layer-pop{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);  z-index:99999; font-family:'noto',sans-serif} /* height:660px; */
.reservation.order .new-booking-layer-pop .box{background-color:#fff; width:1200px; border-radius:25px; box-shadow:0 0 20px rgba(0,0,0,.25)}
.reservation.order .new-booking-layer-pop .box h3{font-size:1rem; padding-bottom:15px; color:#333; font-weight:600}
.reservation.order .new-booking-layer-pop .box h4{padding-bottom:12px; color:#333; font-weight:400; font-size:.938rem}
.reservation.order .new-booking-layer-pop .box h3.space,.reservation.order .new-booking-layer-pop .box h4.space{padding-top:20px;}
.reservation.order .new-booking-layer-pop .box .chk_box .active{background:none; left:0;}
.reservation.order .new-booking-layer-pop .box .chk_box .txt{display:inline-block; margin:0 2px; padding:8px 17px; border:1px solid #ddd; border-radius:5px; font-size:13px; color:#999;}
.reservation.order .new-booking-layer-pop .box .chk_box input[type="radio"]:checked + .active{position:relative; background:none;}
.reservation.order .new-booking-layer-pop .box .chk_box input[type="radio"]:checked + .active:after{display:none;}
.reservation.order .new-booking-layer-pop .box .chk_box input[type="radio"]:checked + .active + .txt{border:1px solid var(--primary-color); color:var(--primary-color); font-weight:600}
.reservation.order .new-booking-layer-pop .box .top-header{padding:35px 0 20px;}
.reservation.order .new-booking-layer-pop .box .top-header .close{position:absolute; top:28px; right:30px; width:25px; height:25px; background:none; border:none;}
.reservation.order .new-booking-layer-pop .box .top-header .close:before,.reservation.order .new-booking-layer-pop .box .top-header .close:after{content:''; position:absolute; top:12px; right:-2px; width:25px; height:2px; transform:rotate(45deg);border-radius:10px; background-color:#555;}
.reservation.order .new-booking-layer-pop .box .top-header .close:after{transform:rotate(-45deg)}
.reservation.order .new-booking-layer-pop .box .top-header h1{padding-bottom:0;font-size:1.625rem; font-weight:600}
.reservation.order .new-booking-layer-pop .box .top-header p{padding-top:7px; text-align:center; color:#666; font-weight:300}
.reservation.order .new-booking-layer-pop .box .step-wrap{display:flex;}
.reservation.order .new-booking-layer-pop .box .step-wrap .header{position:relative; padding:13px 25px; background-color:var(--primary-color);}
.reservation.order .new-booking-layer-pop .box .step-wrap .header h2{color:#fff; font-size:1.125rem;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option{width:calc(100% - 300px)}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap{display:flex;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{width:calc(100% - 200px); padding:32px 25px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul{display:flex; gap:15px; overflow-x:hidden;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul > li{position:relative; padding-left:12px; color:#333; font-weight:600; font-size:.938rem; white-space:nowrap}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul > li:before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6px; height:6px; border-radius:5px; background-color:var(--secondary-color);}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul li.wait{opacity:.3}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul li.wait:before{display:none}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option{margin-top:15px; border-radius:10px; border:1px solid #ddd; }
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours{ padding:15px 25px 10px; background-color:#edf2f7; border-radius:10px 10px 0 0; border-bottom:1px solid #ddd;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month{gap:0 20px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month .current_year{margin-top:7px; font-size:1.063rem; font-family: 'Gmarket', sans-serif!important; letter-spacing:-.2px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours :where(.swiper-hours-button-prev,.swiper-hours-button-next){width:40px; height:40px; background-size:100%}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day{padding-top:0;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide.days-gray :where(.txt,.num){color:rgba(0,0,0,.4); cursor:default}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide.swiper-slide-active.days-gray :where(.txt,.num){color:#fff;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .day-btn{padding:10px 3px 8px; border-radius:10px; margin:0 auto}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .num{padding-top:1px; font-size:.938rem; letter-spacing:-.2px; color:}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .txt{font-size:.688rem; letter-spacing:-.2px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail{display:flex;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap{border-right:1px solid #ddd;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap h4{padding:20px 22px 10px;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul{display:block; padding:0 10px 0 15px; margin-bottom:15px; width:200px; height:130px; overflow-y:auto}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li{display:flex; justify-content:space-between; align-items:center; padding:9px 12px; border:1px solid #fff; border-radius:8px; cursor:pointer;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li:before{display:none;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li:hover{background-color:#f5f5f5;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li.selected{border:1px solid var(--primary-color);}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li.selected .time{color:var(--primary-color); font-weight:600}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .time{font-size:.875rem; color:#666;  letter-spacing:0}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .remain{color:#333; font-size:.75rem; letter-spacing:-.2px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .remain .total{color:#888;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select{padding:20px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select .wave_info_text{font-size:.875rem; color:var(--red-color); font-weight:300}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option-complete{margin:15px auto 0; text-align:center;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option-complete button{padding:10px 50px; font-size:1rem; font-weight:500; background-color:#555; border:0; color:#fff; border-radius:5px}






.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap{width:200px; padding:32px 0 0; flex-shrink:0; background-color:#eff0f2;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap h3{padding:0 27px 12px;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap .con-wrap{padding:0 25px; height:405px; overflow-y:auto}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl{padding:17px; background-color:#fff; border-radius:10px;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl.blank{background:none; display:flex; align-items:center; justify-content:center; padding:40px 0; border:1px dashed #ccc;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl.blank:before{content:'선택전'; color:#999; font-size:.75rem; letter-spacing:-.2px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl:not(:nth-of-type(1)){margin-top:10px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl dt{font-size:.875rem; color:var(--primary-color); font-weight:600; line-height:1.35}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl dd{padding-top:3px; font-size:.75rem; color:#777; line-height:1.4; letter-spacing:-.5px}

.reservation.order .new-booking-layer-pop .box .step-wrap .step-user{width:300px; padding-bottom:25px; flex-shrink:0}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .header{position:relative; background-color:var(--secondary-color)}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con{display:flex; flex-direction:column; padding:35px 0 0;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .p-num{padding:0 25px;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap{display:flex; align-items:center; justify-content:space-between;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person{color:var(--secondary-color); font-weight:600}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person span{padding-left:5px; font-size:.75rem; color:#999; font-weight:500; letter-spacing:-.2px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person .pickitem-price{padding-left:0; color:var(--secondary-color); font-weight:600; font-size:1rem;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount{display:flex}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button{position:relative; width:38px; height:38px; border-radius:100px; border:1px solid #ddd; color:#333; background:none; transition:all .3s}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button:hover{background-color:#eee;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.prev:before{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:#333;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.prev:before,.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.next:before,.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.next:after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:#333;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button.next:after{transform:rotate(90deg); margin-left:-5px}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount input{font-size:1rem; width:60px; text-align:center; font-weight:600; color:#333; border:none;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .con .user-info h3{padding:35px 25px 15px;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field-wrap{padding:0 25px 25px; height:270px; overflow-y:auto;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field:not(:nth-of-type(1)){margin-top:10px;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field{display:flex; gap:0 7px;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field input{padding:10px 12px; width:100%; border:1px solid #ddd; border-radius:5px; font-size:.813rem; font-weight:500; letter-spacing:-.2px; }
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field button.delete{position:relative; background:none; border:none;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field button.delete:before,.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field button.delete:after{content:''; position:absolute; left:50%; transform:translateX(-50%) rotate(-45deg); width:10px; height:1px; border-radius:10px; background-color:#888;}
.reservation.order .new-booking-layer-pop .box .step-wrap .step-user .field button.delete:after{transform:rotate(-135deg); left:1px}
.reservation.order .new-booking-layer-pop button.complete{display:flex; justify-content:center; align-items:center; gap:0 7px; margin:15px auto 0; padding:15px 0 10px; width:50%; max-width:300px; font-family: 'Gmarket', sans-serif!important; font-size:1.375rem; font-weight:600; background-color:#fff; color:var(--primary-color); border-radius:10px; border:0; box-shadow:0 0 10px rgba(0,0,0,.5)}
.reservation.order .new-booking-layer-pop button.complete img{margin-top:-9px; max-width:25px;}













.new-booking{display:flex; gap:0 35px;}
.new-booking .booking-con{flex-grow:1; width:calc(100% - 400px)}
.reservation.order .new-booking .product-con{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; background-color:#fff; z-index:99999; padding:25px 20px 20px; box-shadow:0 0 10px rgba(0,0,0,.25); border-radius:10px; overflow-y:auto; height:600px;}
.reservation.order .new-booking .product-con #item-inner{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:0 15px}



.reservation.order #tab-01 .swiper-slide .thumb_bg {background-repeat: no-repeat; background-size: cover; background-position:center;}
.item_tab_wrap {position: relative; margin:10px 0 0; }
.item_tab_wrap ul {display: flex;}
.item_tab_wrap ul > li {width: 25%; text-align: center; padding:10px 0; border:1px solid #ddd; border-left:0; border-bottom: 1px solid #000; border-radius: 10px 10px 0 0; cursor: pointer; color:#888; font-size:.938rem;}
.item_tab_wrap ul > li:first-child{border-left:1px solid #ddd; }
.item_tab_wrap ul > li.on{border:1px solid #000; border-bottom:0; color:#000}
.item_tab_wrap ul > li:hover{border:1px solid #000; color:#000;}
.item_tab_wrap ul > li.on + li{border-left:0;}







.reservation.order .new-booking .product-con .close{display:inline-block; position:absolute; width:35px; height:35px; top:20px; right:0; cursor:pointer; z-index:999}
.reservation.order .new-booking .product-con .close:before,.reservation.order .new-booking .product-con .close:after{content: ""; position:absolute; top:0; left:0; width:2px; height:23px; transform:rotate(45deg); background-color:#333; border-radius:10px;}
.reservation.order .new-booking .product-con .close:after{transform:rotate(-45deg);}

.reservation.order .new-booking .product-con h3{padding-bottom:20px; font-weight:400}
.reservation.order .new-booking .product-con h3 span{font-size:.938rem; font-weight:200}
.reservation.order .new-booking .product-con .nice-select{margin-bottom:15px; border:1px solid #333; width:100%;}
.reservation.order .new-booking .product-con .nice-select.open .list{width:100%}
.reservation.order .new-booking .product-con .swiper-slide{height:auto!important}
.reservation.order .new-booking .product-con .swiper-slide .box{height:170px}
.reservation.order .new-booking .product-con .swiper-slide .info-box .tit{font-size:1rem;}
.reservation.order .new-booking .product-con .swiper-slide .info-box .price{padding-top:8px; font-size:1rem}
.reservation.order .new-booking .product-con .swiper-slide .thumb-info-wrap{display:flex; border-radius:10px;}
.reservation.order .new-booking .product-con .swiper-slide .thumb-info-wrap .thumb_bg{width:100px; height:100px; border-radius:10px 0 0 10px; box-shadow:none;}
.reservation.order .new-booking .product-con .swiper-slide .thumb-info-wrap .info-box{display:block; padding:15px 17px; height:auto; flex-grow:1; border-radius:0 10px 10px 0 }
.reservation.order .new-booking .product-con .swiper-slide button{margin-top:8px; padding:10px 0 8px; font-size:.938rem}



.reservation.order .new-booking .product-con .list-item-boxer{margin-top:20px; height:auto!important}
.reservation.order .new-booking .product-con .list-item-boxer .box{height:170px}
.reservation.order .new-booking .product-con .list-item-boxer .info-box .tit{font-size:1rem;}
.reservation.order .new-booking .product-con .list-item-boxer .info-box .price{padding-top:8px; font-size:1rem; color: #002c84;font-weight: bold; font-family: 'Gmarket', sans-serif !important; white-space: nowrap;}
.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap{display:flex; border-radius:10px;}
.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap .thumb_bg{flex-shrink:0; width:100px; height:auto; border-radius:10px 0 0 10px; box-shadow:none; background-size:cover; background-position:center;}
.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap .info-box{display:block; padding:20px 17px; height:auto; flex-grow:1; border-radius:0 10px 10px 0; box-shadow: 0 0 0 1px #ddd inset;}
.reservation.order .new-booking .product-con .list-item-boxer button{display:block; width:100%; margin-top:-1px; padding:10px 0 8px; background-color: #fff; box-shadow: 0 0 0 1px #ddd inset; border: 0; border-radius: 10px; font-family: 'Gmarket', sans-serif; transition: all .3s;}
.reservation.order .new-booking .product-con .list-item-boxer button:hover{background-color: var(--primary-color); color: #fff;}


.reservation.order .boxer-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; gap:30px 15px; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; flex-wrap: wrap;}
.reservation.order .swiper-slide.list-item-boxer{display: block;flex-shrink: 0; position: relative;  width: calc(33.33% - 10px); height: 100%; transition-property: transform;  order: 0; height: calc(20% - 24px); }


@media only screen and (max-width:768px){
	.reservation.order .swiper-slide.list-item-boxer{width: calc(50% - 10px);}	
}
@media only screen and (max-width:560px){
	.reservation.order .boxer-wrapper{gap:20px 0;}
	.reservation.order .swiper-slide.list-item-boxer{width: 100%;}	
}


.reservation.order .new-booking .booking-con{position:relative;}

.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .top-header{padding-top:5px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .top-header h1{padding:0; text-align:center; font-size:1.5rem; font-weight:400}
.reservation.order .new-booking .booking-con .new-booking-layer-pop{position:relative; left:auto; top:auto; transform:inherit; z-index:99}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box{width:100%; box-shadow:none; background:none;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap{display:block}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap :where(.step-option,.step-user){width:100%}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{padding:0;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul{display:none}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap :where(.step-user,.step-product) > .con{padding:10px 0; /*border:1px solid #ccc; border-radius:0 0 10px 10px*/}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap :where(.step-user,.step-product) .header{padding:15px 0 10px; border-radius:10px 10px 0 0; background-color:#fff;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap :where(.step-user,.step-product) .header h2{padding:0 0 10px; color:var(--primary-color); border-bottom:2px solid var(--primary-color); font-size:1.25rem}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap :where(.step-user,.step-product){width:50%}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con{margin-top:13px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con:nth-of-type(1){}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con#add_items{margin-top:0}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con .pannel-delete{position: absolute; width: 35px; height: 35px; top: 25px; right: 0; cursor: pointer; z-index: 999; background:none; border:none;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con .pannel-delete:before,.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con .pannel-delete:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 23px; transform: rotate(45deg); background-color: #333; border-radius: 10px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con .pannel-delete:after{transform: rotate(-45deg)}

.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user{position:sticky; top:130px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .con{}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .con .p-num{margin-top:0; padding:0 0 15px 0; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .con :where(.p-num,.user-info){margin-top:10px; padding:15px 20px!important; border:1px solid #ddd; border-radius:10px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person .pickitem-price{padding-right:15px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .con .user-info{padding-top:15px}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .con .user-info h3{padding:0 0 5px}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .field-wrap{padding:0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; height:auto; max-height:270px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .field-wrap .field{width:48%; margin-top:7px;}


.reservation.order .new-booking .booking-con .new-booking-layer-pop .box h3.date-view{padding:50px 0 15px; text-align:left; font-size:1.5rem}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box h3{padding-bottom:0}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail{display:flex;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap{border-right:1px solid #ddd;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap h4{padding:20px 22px 10px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul{display:block; padding:0 10px 0 15px; margin-bottom:0; width:200px; height:150px; overflow-y:auto}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li{display:flex; justify-content:space-between; align-items:center; padding:9px 12px; border:1px solid #fff; border-radius:8px; cursor:pointer;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li:before{display:none;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li:hover{background-color:#f5f5f5;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li.selected{border:1px solid var(--primary-color);}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li.selected .time{color:var(--primary-color); font-weight:600}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li .time{font-size:.875rem; color:#666;  letter-spacing:0}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li .remain{color:#333; font-size:.75rem; letter-spacing:-.2px}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul li .remain .total{color:#888;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .option-select{padding:20px}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .option-select .wave_info_text{font-size:.875rem; color:var(--red-color); font-weight:300}

.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con{margin-top:0; border:1px solid #ddd; border-radius:15px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap{padding:20px; display:flex; gap:0 20px; border-bottom:1px solid #ddd; background-color:#f5f5f5; border-radius:15px 15px 0 0}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap .img{background:url(/assets/wavepark/img/enjoy/enjoy-surf-lesson-02.jpg) no-repeat center / cover; width:90px; height:90px; border-radius:10px}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap .tit{font-size:1.125rem}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap .price{padding-top:5px; font-size:1rem; color:var(--primary-color); font-family: 'Gmarket', sans-serif!important; font-weight:600}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con:has(.blank){border:none;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank{display:block; border-radius:15px; border:1px dashed #ccc; text-align:center; cursor:pointer; transition:all .2s; background-color:#fff;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank .plus{position:relative; display:block; margin:0 auto; width:50px; height:50px; border-radius:10px; background-color:#eee; transition:all .2s; }
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank .plus:before{content:''; left:50%; top:50%; position:absolute; width:15px; height:2px; transform:translate(-50%,-50%); background-color:#999; border-radius:10px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank .plus:after{content:''; left:50%; top:50%; position:absolute; width:2px; height:15px; transform:translate(-50%,-50%); background-color:#999; border-radius:10px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank:hover{}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank:hover .plus{background-color:var(--primary-color); color:#fff;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank:hover .plus:before,.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank:hover .plus:after{background-color:#fff;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank p{padding-top:7px; font-weight:300}


.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con{margin-top:0; display:flex;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .user-use-con{width:100%; display:flex; gap:0 30px; align-items:flex-start}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:400px; background-color:#fff; z-index:999; }
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con select{width:100%; padding:15px; border-radius:5px;}


.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list{margin-top:15px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list .thumb-info-wrap{display:flex; border-radius:10px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list .thumb-info-wrap .thumb_bg{width:100px; height:100px; border-radius:10px 0 0 10px; box-shadow:none; background:url(/assets/wavepark/img/enjoy/enjoy-surf-lesson-01.jpg) no-repeat; background-size:cover;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list .thumb-info-wrap .thumb_bg.two{background:url(/assets/wavepark/img/enjoy/enjoy-surf-lesson-02.jpg) no-repeat center; background-size:cover;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list .thumb-info-wrap .thumb_bg.three{background:url(/assets/wavepark/img/enjoy/enjoy-surf-lesson-03.jpg) no-repeat center; background-size:cover;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list .thumb-info-wrap .thumb_bg.four{background:url(/assets/wavepark/img/enjoy/enjoy-surf-lesson-04.jpg) no-repeat center; background-size:cover;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list .thumb-info-wrap .info-box{display:block; padding:15px 17px; height:auto; flex-grow:1; border-radius:0 10px 10px 0; border:1px solid #ddd;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list .thumb-info-wrap .info-box .price{padding-top:6px; font-family: 'Gmarket', sans-serif!important; color:var(--primary-color); font-weight:600; }
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list button{display:block; width:100%; margin-top:5px; padding:10px 0 8px; font-size:.875rem; box-shadow:0 0 0 1px #ddd inset; border:0; border-radius:7px; font-family: 'Gmarket', sans-serif; transition:all .3s}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .product-list-con .thumb-list button:hover{background-color:var(--primary-color); color:#fff;} 



.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap{display:none;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{width:100%}

.new-booking .booking-con button.complete{display:flex; justify-content:center; align-items:center; gap:0 7px; margin:35px auto 0; padding:15px 0 10px; width:50%; max-width:500px; font-family: 'Gmarket', sans-serif!important; font-size:1.375rem; font-weight:600; background-color:#fff; color:var(--primary-color); border-radius:10px; border:0; box-shadow:0 0 10px rgba(0,0,0,.3)}
.new-booking .booking-con button.complete img{margin-top:-9px; max-width:25px;}

.new-booking .booking-con .hours .day .swiper-slide{padding:0 18px}
.new-booking .booking-con .hours .month{padding-bottom:20px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month .current_year{font-size:1.435rem;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours{padding:30px 25px; border-radius:10px; border-bottom:0}


.reservation.order .new-booking .booking-con .new-booking-layer-pop .complete-wrap{margin-top:45px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .complete-wrap p{text-align:center;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop button.complete{margin-top:15px; max-width:none; width:45%; padding:16px 13px 12px; box-shadow:none; background-color:#f9841f; color:#fff; font-size:1.5rem; font-weight:600}

@media only screen and (max-width:560px){
	.reservation.order .new-booking .booking-con .new-booking-layer-pop button.complete{width:100%;}
}







/* 예약 안내 및 주의사항 */
.product-warning-con{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:500px; max-width:80%; max-height:60%; overflow-y:auto; background-color:#fff; z-index:99999; padding:35px; box-shadow:0 0 10px rgba(0,0,0,.25); border-radius:10px;  font-family:'noto',sans-serif}
.product-warning-con .close{display:inline-block; position:absolute; width:35px; height:35px; top:25px; right:0; cursor:pointer; z-index:999}
.product-warning-con .close:before, .product-warning-con .close:after{content: ""; position:absolute; top:0; left:0; width:2px; height:23px; transform:rotate(45deg); background-color:#333; border-radius:10px;}
.product-warning-con .close:after{transform:rotate(-45deg);}
.product-warning-con h2{margin-top:20px; font-weight:500}
.product-warning-con h3{position:relative; margin:30px 0 0; padding-left:12px; font-size:1.125rem; font-weight:400; color:var(--primary-color)}
.product-warning-con h3:before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:5px; height:5px; border-radius:5px; background:var(--primary-color)}

.product-warning-con .in_contents {display: flex; align-items: center; justify-content: center; margin-top: 24px;}
.product-warning-con .in-title {padding:8px 0 18px;}
.product-warning-con .in-cont {padding:12px 0 0;}
.product-warning-con .in-cont .red{padding-top:10px; color:var(--text-red); font-size:.938rem; font-weight:300}
.product-warning-con .in-cont ul li{position:relative; margin-top:5px; padding:0 0 0 12px; font-size:.875rem; color:#555; line-height:1.5; font-weight:400}
.product-warning-con .in-cont ul li:first-child{margin-top:0;}
.product-warning-con .in-cont ul li:before{content:''; position:absolute; top:9px; left:0; width:5px; height:1px; background-color:#555;}
.product-warning-con .btn-wrap{padding-top:25px; display:flex; gap:0 8px;}
.product-warning-con .btns{display:inline-block; width:100%; padding:12px 0; font-size:1rem; background-color:#fff; box-shadow:0 0 0 1px #ddd inset; border:0; border-radius:8px; transition:all .3s; font-family:'noto',sans-serif;}
.product-warning-con .btns:hover{background-color:var(--primary-color); color:#fff;}
}


/* 20240323 */
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .user-use-con{display:block}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product{width:100%;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con #order-product-wrap{display:grid; grid-template-columns:repeat(2, 1fr); align-content:; grid-gap:15px}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con #order-product-wrap .order-product-con{margin-top:0}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con #add_items{display:flex; align-items:center; justify-content:center; width:100%; border:2px dotted #ccc;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .info-wrap.blank{padding:100px; border:none; width:100%;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .info-wrap.blank p{padding-top:13px; font-size:1.125rem}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .info-wrap.blank .plus{width:60px; height:60px;}


.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap{padding:10px 25px; display:flex; justify-content:flex-end; align-items:center; background-color:#f9f9f9; border-top:1px solid #ddd; border-radius:0 0 15px 15px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap h4{padding:0 18px 0 0; color:var(--primary-color)}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount{display:flex}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount button{position:relative; width:38px; height:38px; border-radius:100px; border:1px solid #ddd; color:#333; background:none; transition:all .3s}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount button:hover{background-color:#eee;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount button.prev:before{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:var(--primary-color);}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount button.prev:before,.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount button.next:before,.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount button.next:after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:var(--primary-color);}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount button.next:after{transform:rotate(90deg); margin-left:-5px}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap .amount input{font-size:1rem; width:40px; text-align:center; font-weight:600; color:var(--primary-color); border:none; background-color:#f9f9f9}

.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap .tit{font-size:1.188rem; line-height:1.3}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap .price{font-size:.938rem}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank .plus:before{width:16px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .order-product-con .info-wrap.blank .plus:after{height:16px;}
.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user{margin-top:100px; display:block; width:100%;}

.reservation.order .new-booking .product-con .list-item-boxer{border:1px solid #ddd; border-radius:15px; }
.reservation.order .new-booking .product-con .list-item-boxer button{border-top:1px solid #ddd; box-shadow:none;}
.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap{display:flex; height:calc(100% - 40px);}
.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap .thumb_bg{border-radius:10px 0 0 0;}
.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap .info-box{padding:17px; box-shadow:none;}
.reservation.order .new-booking .product-con .list-item-boxer .info-box .tit{font-size:.938rem; line-height:1.2}
.reservation.order .new-booking .product-con .list-item-boxer .info-box .price{padding-top: 8px; font-size: .875rem; color: #002c84; font-weight: bold; font-family: 'Gmarket', sans-serif !important; white-space: nowrap;}


.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap :where(.step-user,.step-product) > .con{padding:0;}
.reservation.order .new-booking .product-con .list-item-boxer{margin-top:15px;}
.reservation.order .new-booking .product-con .list-item-boxer button{padding:11px 0 9px; border-radius:0 0 15px 15px}

.reservation.order .booking-layer-pop .box .header{position:relative; padding:13px 25px; background-color:var(--primary-color);}
.reservation.order .booking-layer-pop .box .header h2{color:#fff; font-size:1.125rem; letter-spacing:-.2px}

.reservation.order .top-header h1{padding: 0; text-align: center; font-size: 1.5rem; font-weight: 400;}


/* 패키지도 수정 */
.reservation.order .booking-layer-pop .box .top-header{padding:35px 0 15px}
.reservation.order .booking-layer-pop .box .header{padding-top:0; background:none; box-shadow:0 5px 8px rgba(0,0,0,.08)}
.reservation.order .booking-layer-pop .box .header h2{ color:var(--primary-color)}
.reservation.order .booking-layer-pop .box .step-wrap .step-option,.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{width:100%;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option:nth-of-type(1){margin-top:0}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option{margin-top:20px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .img-po-area img{display:block; max-width:100%}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .info-wrap{padding: 20px; display: flex; gap: 0 20px; border-bottom: 1px solid #ddd; background-color: #f5f5f5; border-radius: 10px 10px 0 0;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .info-wrap .img{background-image: url(/assets/wavepark/img/enjoy/enjoy-surf-lesson-02.jpg); background-repeat:no-repeat; background-position:center; background-size: cover; width: 90px; height: 90px; border-radius: 10px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .info-wrap .info-txt-wrap .tit{font-size:.938rem; line-height:1.2}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .info-wrap .info-txt-wrap .price{padding-top: 8px; font-size: .875rem; color: #002c84; font-weight: bold; font-family: 'Gmarket', sans-serif !important; white-space: nowrap;}


.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select{flex-grow:1}

.reservation.order .booking-layer-pop .box .chk_box .txt.one{margin-bottom:5px; display:block;}

.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap{padding:10px 25px; display:flex; justify-content:flex-end; align-items:center; background-color:#f9f9f9; border-top:1px solid #ddd; border-radius:0 0 15px 15px;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap h4{padding:0 18px 0 0; color:var(--primary-color)}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount{display:flex}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount button{position:relative; width:38px; height:38px; border-radius:100px; border:1px solid #ddd; color:#333; background:none; transition:all .3s}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount button:hover{background-color:#eee;}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount button.prev:before{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:var(--primary-color);}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount button.prev:before,.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount button.next:before,.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount button.next:after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:var(--primary-color);}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount button.next:after{transform:rotate(90deg); margin-left:-5px}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .amount-wrap .amount input{font-size:1rem; width:40px; text-align:center; font-weight:600; color:var(--primary-color); border:none; background-color:#f9f9f9}



.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap{padding:10px 35px; display:flex; justify-content:center; align-items:center; background-color:var(--primary-color); color:#fff; border-top:1px solid #ddd; border-radius:0 0 15px 15px;}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap h4{padding:0 18px 0 0; color:#fff; font-weight:600; font-size:1.125rem}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount{display:flex}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button{position:relative; width:38px; height:38px; border-radius:100px; border:1px solid #ddd; color:#fff; background:none; transition:all .3s}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button:hover{background-color:#eee; color:var(--primary-color)}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.prev:hover:before,.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.next:hover:before,.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.next:hover:after{background-color:var(--primary-color)}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.prev:before{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:#fff;}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.prev:before,.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.next:before,.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.next:after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:10px; height:2px; border-radius:10px; background-color:#fff;}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount button.next:after{transform:rotate(90deg); margin-left:-5px}
.reservation.order .booking-layer-pop .pkg-bottom-amount .amount-wrap .amount input{font-size:1rem; width:60px; text-align:center; font-weight:600; color:var(--primary-color); border:none; background-color:transparent; color:#fff;}


.reservation.order .booking-layer-pop{width:700px; height:75%; margin-top:-40px;}
.reservation.order .booking-layer-pop .box{width:auto; height:100%; border-radius:25px 25px 0 0}
.reservation.order .booking-layer-pop .box .step-wrap{position: absolute; width: 100%; overflow-y: auto; height: calc(100% - 120px); }
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap{overflow-y:auto}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{padding:0 25px 35px;}
.reservation.order .booking-layer-pop .box .top-header p{letter-spacing:-.5px; color:#333;}

.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .fnb-wrap + .option-select ul{height:0}
.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul{margin:0; padding-bottom:15px;}











@media only screen and (max-width:1200px){
	.reservation.order .booking-layer-pop .box{} /* width:1024px */
	.reservation.order .booking-layer-pop .box .top-header h1{font-size:1.438rem}
	.reservation.order .booking-layer-pop .box .top-header p{padding-top:5px;}
	.reservation.order .booking-layer-pop .box .step-wrap .header h2{font-size:1.063rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{} /* width:calc(100% - 150px);  padding:25px 20px 15px 25px;*/
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap h3{padding:0 15px 12px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month{padding-bottom:5px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month .current_year{font-size:1rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours :where(.swiper-hours-button-prev,.swiper-hours-button-next){width:30px; height:30px; background-size:100%}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .txt{font-size:.625rem; letter-spacing:-.2px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .num{font-size:.813rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li{padding:7px 10px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .time{font-size:.813rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .remain{font-size:.638rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{}/* width:calc(100% - 150px) */
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap{width:150px; padding:25px 0 0}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl{padding:13px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap .con-wrap{height:350px; padding:0 15px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl dt{font-size:.75rem;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl dd{font-size:.688rem; line-height:1.35}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option-complete button{padding:8px 40px; font-size:.938rem;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user{padding-bottom:10px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con{padding:27px 0 0}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .p-num{padding:0 20px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .user-info h3.space{padding:25px 20px 0;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field-wrap{padding:0 20px 20px; height:250px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field input:first-child{width:80px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person{padding-bottom:10px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .person p{display:flex; justify-content:space-between; align-items:center; font-size:.938rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount input{width:45px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap .amount button{width:35px; height:35px;}
}
@media only screen and (max-width:1024px){
	.reservation.order .booking-layer-pop .box{}/*width:768px*/
	.reservation.order .booking-layer-pop .box .top-header{padding:25px 0 15px;}
	.reservation.order .booking-layer-pop .box .top-header .close{width:20px; height:20px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option{} /*width:calc(100% - 170px)*/
	.reservation.order .booking-layer-pop .box .step-wrap .header{padding:11px 20px;}
	.reservation.order .booking-layer-pop .box .step-wrap .header h2{font-weight:500}
	.reservation.order .booking-layer-pop .box .step-wrap .header h2 .hidden{display:none}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .p-num{padding:0 17px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user{width:170px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .p-num{padding:0 17px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .amount-wrap{display:block;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field-wrap{height:240px; padding:0 17px 20px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .day-btn{padding:11px 12px 5px}
	.reservation.order .booking-layer-pop .box .chk_box .txt{padding:6px 15px; font-size:12px;}
	.reservation.order .booking-layer-pop .box .top-header .close{top:18px; right:25px;}
	.reservation.order .booking-layer-pop .box .top-header .close:before, .reservation.order .booking-layer-pop .box .top-header .close:after{width:18px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field{display:block; position:relative; }
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field input,.reservation.order .booking-layer-pop .box .step-wrap .step-user .field input:first-child{margin:1px 0; padding:6px 10px; width:90%;}	
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field button.delete{position:absolute; top:10px; right:0;}

	/* 240423 */
	.reservation.order .booking-layer-pop .box .step-wrap{height:calc(100% - 92px)}
}

@media only screen and (max-width:960px){
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con #order-product-wrap{display:grid; grid-template-columns:repeat(1, 1fr);}
}

@media only screen and (max-width:860px){
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .new-product-change-con .user-use-con{display:block;}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap :where(.step-user,.step-product){width:100%; border:0}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user{position:relative; top:0;}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-user .field-wrap{position:relative; width:100%;}
}
@media only screen and (max-width:768px){
	.reservation.order .booking-layer-pop{width:96%;}
	.reservation.order .booking-layer-pop .box{width:auto}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap{display:block}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .p-num{padding:0 25px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field-wrap{height:390px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{width:100%;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap{width:100%; border-radius:0 0 0 25px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap .con-wrap{display:flex; overflow-x:auto; padding-bottom:15px; gap:0 5px; height:auto}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl,.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl.blank{padding:15px; width:150px; height:80px; overflow-y:auto; flex-shrink:0; margin-top:0; }
	.reservation.order .booking-layer-pop .box .step-wrap .step-user{border-left:1px solid #ddd;}

	.reservation.order .new-booking .booking-con .new-booking-layer-pop{width:100%;}

	.reservation.order .new-booking .product-con{width:96%}
	.reservation.order .new-booking .product-con h3 span{display:block; padding-top:4px;}

}
@media only screen and (max-width:650px){
	.reservation.order .booking-layer-pop .box .top-header{padding:25px 0 10px;}
	.reservation.order .booking-layer-pop .box h3{font-size:.938rem}
	.reservation.order .booking-layer-pop .box h4{padding-bottom:7px; font-size:.875rem;}
	.reservation.order .booking-layer-pop .box .top-header .close{top:13px; right:20px;}
	.reservation.order .booking-layer-pop .box .step-wrap .header{padding:8px 15px; font-size:.875rem}
	.reservation.order .booking-layer-pop .box h3.space, .reservation.order .booking-layer-pop .box h4.space{padding-top:12px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul{padding:0}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap{padding:0 12px 15px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option{margin-top:20px;}
	/*.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail{display:block;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap h4{padding:15px 15px 10px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul{width:100%; max-height:70px; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li{display:block; text-align:center;border-radius:5px; width:calc(50% - 4px); border:1px solid #ddd;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .time{display:block}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li:has(.wave_info_text){width:100%; border:none;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul li .remain{display:block;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select{padding:12px 15px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select .radio li{position:relative; padding-left:7px; font-size:.75rem; list-style:none}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select .radio li:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0;  width:3px; height:3px; border-radius:10px; background-color:#333;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours{padding:2px 15px 8px; border-radius:10px 10px 0 0;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month{padding:3px 0 3px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month .current_year{margin-top:4px; font-size:.938rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .day-btn{padding:5px 5px 2px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .txt{font-size:.5rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .option-select .wave_info_text{font-size:.75rem;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month .current_year{font-size:.813rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option-complete{margin:10px auto 0}
	.reservation.order .booking-layer-pop .box .chk_box .txt{font-size:10px}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap{padding:15px 0 0}
	.hours .day .swiper-slide.swiper-slide-active, .hours .day .swiper-slide.swiper-slide-active .day-btn, .hours .day .swiper-slide.swiper-slide-active .day-btn .num, .hours .day .swiper-slide.swiper-slide-active .day-btn .txt{border-radius:5px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .num{font-size:.75rem;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option{} /* width:calc(100% - 150px) */
	/*.reservation.order .booking-layer-pop .box .step-wrap .step-user{width:150px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .p-num{padding:0 15px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con .user-info h3.space{padding:25px 15px 0}
	.reservation.order .booking-layer-pop button.complete{margin:10px auto 0; padding:10px 0 6px; font-size:1.125rem}
	.reservation.order .booking-layer-pop button.complete img{max-width:16px; margin-top:-5px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap{border-right:0}
	.reservation.order .booking-layer-pop .box .step-wrap .header h2{font-size:.938rem;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .con{padding:15px 0 0 }*/

	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap dl:not(:nth-of-type(1)){margin-top:0}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-result-wrap h3{padding:0 15px 5px; font-size:.875rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field-wrap{position: absolute; width: 150px; height: calc(100% - 320px);}
	.reservation.order .booking-layer-pop .box .step-wrap .step-user .field input, .reservation.order .booking-layer-pop .box .step-wrap .step-user .field input:first-child{width:87%}

	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap ul > li{font-size:.875rem}

	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .day .swiper-slide .txt{font-size:.75rem}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month .current_year{font-size:1.25rem}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours .month{padding-bottom:10px}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .hours{padding:20px 25px;}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box h3{font-size:1.063rem}
}
@media only screen and (max-width:560px){
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail{}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .option-select{flex-grow:1}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-product .option-detail .time-wrap ul{width:170px;}
	.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap .thumb_bg{width:80px;}
	
	/* 240323 추가 */
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .top-header{padding-bottom:5px}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .top-header h1{font-size:1.25rem; font-weight:300; letter-spacing:-.7px}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .con .order-product-con .pannel-delete{top:20px;}
	.reservation.order .new-booking .product-con #item-inner{grid-template-columns:repeat(1, 1fr);}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .info-wrap.blank{padding:70px;}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box .step-wrap .step-product .order-product-con .amount-wrap{padding:7px 20px; justify-content:space-between;}
	.reservation.order .new-booking .booking-con .new-booking-layer-pop .box h3.date-view{font-size:1.25rem}
	.reservation.order .new-booking .product-con .list-item-boxer .info-box{min-height:100px;}
	.reservation.order .new-booking .product-con .list-item-boxer .info-box .tit{font-size:1.188rem}
	.reservation.order .new-booking .product-con .list-item-boxer .info-box .price{font-size:.938rem; padding-top:7px; }
	.reservation.order .new-booking .product-con .list-item-boxer .thumb-info-wrap .thumb_bg{width:90px;}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .info-wrap .info-txt-wrap .tit{font-size:1.188rem; line-height:1.2}
	.reservation.order .booking-layer-pop .box h4{font-size:.938rem}
	.reservation.order .booking-layer-pop .box .step-wrap .step-option .option-wrap .option-select-wrap .option .option-detail .time-wrap ul{width:160px; height:150px;}
}



.cart-layer-pop{display:none; position:fixed; top:0; right:0; width:420px; height:100%; background-color:#fff; box-shadow:0 -5px 10px rgba(0,0,0,.3); z-index:99999; letter-spacing:-.2px;}
.cart-layer-pop .toggle{display:none; position:absolute; top:calc(50% - 70px); transform:translateY(-50%); left:-55px; display:flex; align-items:center; justify-content:center; width:55px; height:55px; background-color:#fff; box-shadow:-5px 0 7px rgba(0,0,0,.3); border-radius:10px 0 0 10px;  border:none;}
.cart-layer-pop .toggle:hover{background-color:#f5f5f5;}
.cart-layer-pop .toggle img{max-width:50%; opacity:.7}
.cart-layer-pop h1{padding:25px 30px 25px; text-align:left; font-size:1.125rem; color:#333; font-weight:600;}
.cart-layer-pop .con-box-wrap{padding:0 30px; height:calc(100% - 400px); overflow-y:auto;} /* height:calc(100% - 209px) */
.cart-layer-pop .con-box-wrap .con-box{position:relative; margin-top:25px; padding-bottom:25px; border-bottom:1px solid #ddd; display:flex; gap:0 17px; font-family: 'noto', sans-serif;}
.cart-layer-pop .con-box-wrap .con-box button.delete{position:absolute; top:-3px; right:0; width:30px; height:30px; background:none; border:none;}
.cart-layer-pop .con-box-wrap .con-box button.delete:before,.cart-layer-pop .con-box-wrap .con-box button.delete:after{content:''; position:absolute; left:50%; transform:translateX(-50%) rotate(-45deg); width:15px; height:1px; border-radius:10px; background-color:#666;}
.cart-layer-pop .con-box-wrap .con-box button.delete:after{transform:rotate(-135deg); left:7.5px}
.cart-layer-pop .con-box-wrap .con-box:nth-of-type(1){padding-top:5px; margin-top:0; border-top:0;}
.cart-layer-pop .con-box-wrap .con-box:nth-of-type(1) button.delete{top:3px}
.cart-layer-pop .con-box-wrap .con-box .img{flex-shrink:0; width:100px; height:100px; border-radius:10px; background-image:url(/assets/wavepark/img/enjoy/enjoy-surf-lesson-01.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.cart-layer-pop .con-box-wrap .con-box h2{padding-right:20px; font-size:1.063rem; font-weight:600; letter-spacing:-.3px}
.cart-layer-pop .con-box-wrap .con-box .info{}
.cart-layer-pop .con-box-wrap .con-box .info .total{padding-top:5px; font-size:.875rem; letter-spacing:-.2px}
.cart-layer-pop .con-box-wrap .con-box .info .name{font-size:.813rem; color:#888; letter-spacing:-.2px}
.cart-layer-pop .con-box-wrap .con-box .info .price{padding-top:10px; color:var(--primary-color); font-family: 'Gmarket', sans-serif!important; letter-spacing:-.2px; font-weight:600; font-size:.938rem}
.cart-layer-pop .bottom{position:absolute; width:100%; bottom:0; text-align:center; }
.cart-layer-pop .bottom .total-price{padding:20px 0 10px; font-size:1.5rem; color:var(--primary-color); font-weight:600}
.cart-layer-pop .bottom .pay-btn{display:block; padding:20px 0 13px; width:100%; background-color:#f9841f; color:#fff; font-size:1.5rem; font-weight:600}
.cart-layer-pop .bottom .pay-btn:hover{background:#e57718}
.cart-btn{opacity:0; position:fixed; bottom:30px; right:95px; display:flex; align-items:center; justify-content:center; width:80px; height:80px; background-color:#f9841f; border-radius:100px; z-index:9999; border:none; box-shadow:0 0 10px rgba(0,0,0,.2)}
.cart-btn:hover{background:#e57718}
.cart-btn img{max-width:55%;}
.cart-btn .num{position:absolute; top:-5px; right:0; display:flex; width:30px; height:30px; border-radius:100px; align-items:center; justify-content:center; background-color:#fff; color:#f9841f; font-weight:600; box-shadow:0 0 5px rgba(0,0,0,.2); font-size:.938rem; letter-spacing:-.2px}
.cart-layer-pop .caution-txt{padding:13px 20px; font-family:'noto',sans-serif; text-align:left; font-size:.938rem; font-weight:300;}


@media only screen and (max-width:1200px){
	.cart-layer-pop{width:300px}
	.cart-layer-pop h1{padding:25px 20px;}
	.cart-layer-pop .bottom .total-price{font-size:1.25rem}
	.cart-layer-pop .con-box-wrap{padding:0 20px; height:calc(100% - 365px)} /* height:calc(100% - 180px) */
	.cart-layer-pop .con-box-wrap .con-box{margin-top:15px; padding-bottom:15px; gap:0 15px}
	.cart-layer-pop .con-box-wrap .con-box .img{width:50px; height:50px;}
	.cart-layer-pop .con-box-wrap .con-box h2{font-size:.938rem; line-height:1.2}
	.cart-layer-pop .con-box-wrap .con-box .info .price{padding-top:6px; font-size:.8125rem}
	.cart-layer-pop .con-box-wrap .con-box:nth-of-type(1) button.delete{top:1px;}
	/*.cart-layer-pop .con-box-wrap .con-box button.delete{top:15px;}*/
}
@media only screen and (max-width:1024px){
	.cart-layer-pop h1{font-size:1.25rem}
	.cart-layer-pop .con-box-wrap .con-box h2{font-size:1rem}
}
@media only screen and (max-width:560px){
	.cart-btn{bottom:15px; right:75px}
}


/*
.ui-widget-header{background:none!important; border:none!important}
.ui-datepicker{left: auto!important; right: 30px; border-radius:7px!important; margin:30px 0 0; width:400px!important; padding:15px; z-index:9999!important;}
.ui-datepicker table,.ui-datepicker th,.ui-datepicker tr{background-color:#fff;}
.ui-datepicker tr:nth-child(5) td:first-child{background-color:var(--primary-color); border-radius:100px}
.ui-datepicker tr:nth-child(5) td:first-child a{color:#fff!important;}
.ui-datepicker .ui-datepicker-prev span:before,.ui-datepicker .ui-datepicker-prev span:after,.ui-datepicker .ui-datepicker-next span:before,.ui-datepicker .ui-datepicker-next span:after{content:''; position:absolute; left:0; top:5px; width:8px; height:2px; background-color:#999;}
.ui-datepicker .ui-datepicker-prev span:before{transform:rotate(135deg)}
.ui-datepicker .ui-datepicker-prev span:after{top:10px; transform:rotate(45deg)}
.ui-datepicker .ui-datepicker-next span:before{top:10px; transform:rotate(135deg)}
.ui-datepicker .ui-datepicker-next span:after{transform:rotate(45deg)}
.ui-datepicker .ui-datepicker-next{right:-4px;}
.ui-widget-header,.ui-widget.ui-widget-content{padding:25px; border:0; background:#fff;}
.ui-datepicker .ui-datepicker-title{font-size:1.375rem; font-family: 'Gmarket', sans-serif; font-weight:600; color:#333;}
.ui-state-default, .ui-widget-content .ui-state-default{border:none!important; background:none!important; text-align:center!important;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight{position:relative; }
.ui-state-highlight:after,.ui-widget-content .ui-state-highlight:after{content:''; position:absolute; top:2px; left:50%; transform:translateX(calc(-50% + 2.3px)); width:6px; height:6px; border-radius:100px; background-color:#01b6ed}
.ui-datepicker th{font-family: 'Gmarket', sans-serif; font-size:1rem; color:#666;}
.ui-datepicker th:first-child{color:var(--red-color);}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled,.ui-datepicker td a{padding:.625rem!important; font-size:1rem!important;}
.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{background-image:none}
.ui-state-active, .ui-widget-content .ui-state-active{color:#333;!important}
.ui-state-default,.ui-widget-content .ui-state-default{ color:var(--primary-color)!important}
.ui-state-disabled, .ui-widget-content .ui-state-disabled span{padding:0}
*/

@media only screen and (max-width:960px){
	.ui-datepicker{width:100%!important}
}

.reser-con-wrap{margin-top:100px;}
.reser-con{ position:relative; margin-top:50px; padding:80px 60px 60px;  border-radius:20px; box-shadow:0px 0px 15px rgba(0,0,0,.1)}
.reser-con .all-wrap{display:flex; gap:0 45px; align-items:flex-start;}
.reser-con .close{display:inline-block; position:absolute; width:35px; height:35px; top:30px; right:15px; cursor:pointer}
.reser-con .close:hover:before,.reser-con .info .close:hover:after{background-color:var(--primary-color)}
.reser-con .close:before,.reser-con .close:after{content: ""; position:absolute; top:0; left:0; width:2px; height:23px; transform:rotate(45deg); background-color:#333; border-radius:10px;}
.reser-con .close:after{transform:rotate(-45deg);}
.reser-con .info{width:400px; flex-shrink:0}
.reser-con .info h3{font-size:2rem; font-weight:bold; line-height:1.3; word-break:break-all;}
.reser-con .info .price{padding-top:13px; font-size:1.75rem; color:var(--primary-color); font-weight:bold}
.reser-con .info .date{display:flex; justify-content:space-between; padding:13px 25px; margin-top:65px; background-color:#f1f3f4; border-radius:10px; color:var(--primary-color);}
.reser-con .info .date > div{display:flex; align-items:center; gap:0 7px;}
.reser-con .info .date > div .icon-calendar{display:inline-block; width:40px; height:40px; border-radius:100px; background:var(--primary-color) url(/assets/wavepark/img/icon-calendar.png) no-repeat center; background-size:17px; border:0; cursor:pointer}
.reser-con .info .date > div .tit{padding-top:2px;}
.reser-con .info .date input.txt{font-family: 'Gmarket', sans-serif!important; font-weight:500; color:var(--primary-color); padding:0 20px; font-size:1.063rem; margin:2px 0 0; line-height:2; border:0; background:none; text-align:right; letter-spacing:-.2px;}
.reser-con .info .date input.txt:focus{outline:0;}
.reser-con .info .calendar{padding-top:50px; width:100%;}
.reser-con .info .calendar .action{display:flex; justify-content:space-between;}
.reser-con .info .calendar .action strong{font-size:1.375rem;}
.reser-con .info .calendar .action .movedate{display:inline-block; width:12px; height:12px; position:relative; cursor:pointer}
.reser-con .info .calendar .action .movedate:hover:before{border-color:var(--primary-color)}
.reser-con .info .calendar .action .movedate:before{content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 9px; -webkit-transform: translate(-50%, -50%) rotate(315deg); transform: translate(-50%, -50%) rotate(315deg); margin-top: 2px; border-top: 2px solid #333; border-left: 2px solid #333; transition: all .3s;}
.reser-con .info .calendar .action .movedate.prev:before{left:8px;}
.reser-con .info .calendar .action .movedate.next:before{right:-8px;}
.reser-con .info .calendar .action .movedate.next:before{transform:rotate(-225deg)}
.reser-con .info .calendar .action .movedate.disabled{opacity:.5}
.reser-con .info .calendar .action .movedate.disabled:hover{cursor:default}
.reser-con .info .calendar .action .movedate.disabled:hover:before{border-color:#333;}
.reser-con .info .calendar table th{color:#666;}
.reser-con .info .calendar table{margin-top:20px;}
.reser-con .info .calendar table td.today_td li{position:relative; }
.reser-con .info .calendar table td.today_td li:after{content:'오늘'; position:absolute; top:30px; left:50%; transform:translateX(-50%); font-size:11px; letter-spacing:0; font-weight:400;}
.reser-con .info .calendar table td.pick-date ul.day_title li{background-color:var(--secondary-color); color:#fff; border-radius:10px}
.reser-con .info .calendar ul.day_title li{padding:10px 3px; font-family:'noto',sans-serif; color:var(--primary-color); font-weight:300; font-weight:.938rem; text-align:center;}
.reser-con .info .calendar ul.day_title li.days-gray{opacity:.4; filter: grayscale(100%);}
.reser-con .info .calendar ul.day_title li.days-possible{cursor:pointer}



.reser-con .info .ui-datepicker{width:100%; padding:15px; }
.reser-con .info .ui-datepicker tr:nth-child(5) td:first-child{background-color:var(--secondary-color); border-radius:100px}
.reser-con .info .ui-datepicker tr:nth-child(5) td:first-child a{color:#fff;}
.reser-con .info .ui-datepicker .ui-datepicker-prev span:before,.reser-con .info .ui-datepicker .ui-datepicker-prev span:after,.reser-con .info .ui-datepicker .ui-datepicker-next span:before,.reser-con .info .ui-datepicker .ui-datepicker-next span:after{content:''; position:absolute; left:0; top:5px; width:8px; height:2px; background-color:#999;}
.reser-con .info .ui-datepicker .ui-datepicker-prev span:before{transform:rotate(135deg)}
.reser-con .info .ui-datepicker .ui-datepicker-prev span:after{top:10px; transform:rotate(45deg)}
.reser-con .info .ui-datepicker .ui-datepicker-next span:before{top:10px; transform:rotate(135deg)}
.reser-con .info .ui-datepicker .ui-datepicker-next span:after{transform:rotate(45deg)}
.reser-con .info .ui-datepicker .ui-datepicker-next{right:-4px;}
.reser-con .info .ui-widget-header,.reser-con .info .ui-widget.ui-widget-content{border:0; background:none}
.reser-con .info .ui-datepicker .ui-datepicker-title{font-size:1.375rem; font-family: 'Gmarket', sans-serif; font-weight:600; color:#333;}
.reser-con .info .ui-state-default, .ui-widget-content .ui-state-default{border:none; background:none; text-align:center;}
.reser-con .info .ui-state-highlight,.ui-widget-content .ui-state-highlight{position:relative; }
/*.reser-con .info .ui-state-highlight:after,.ui-widget-content .ui-state-highlight:after{content:'오늘'; position:absolute; top:2px; left:50%; transform:translateX(calc(-50% + 2.3px)); width:6px; height:6px; border-radius:100px; background-color:#01b6ed}*/
.reser-con .info .ui-state-highlight:after,.ui-widget-content .ui-state-highlight:after{content:'오늘'; position:absolute; top:29px; left:50%; transform:translateX(-50%); font-size:10px; letter-spacing:0}
.reser-con .info .ui-datepicker th{font-family: 'Gmarket', sans-serif; font-size:1rem; color:#666;}
.reser-con .info .ui-datepicker th:first-child{color:var(--red-color);}
.reser-con .info .ui-state-disabled,.reser-con .info .ui-widget-content .ui-state-disabled,.reser-con .info .ui-widget-header .ui-state-disabled,.reser-con .info .ui-datepicker td a{padding:.625rem; font-size:1rem;}
.reser-con .info .ui-datepicker .ui-datepicker-prev .ui-icon,.reser-con .info .ui-datepicker .ui-datepicker-next .ui-icon{background-image:none}
.reser-con .info .ui-state-active, .ui-widget-content .ui-state-active{color:#333;}
.reser-con .info .ui-state-default,.reser-con .info .ui-widget-content .ui-state-default{color:var(--primary-color)}
.reser-con ul.notice{display:flex; margin:20px auto 0; width:250px; justify-content:space-around; align-items:center; gap:0 20px; padding:8px 30px; border:1px solid #ddd; border-radius:5px; font-family:'noto', sans-serif; font-weight:300; color:#333; font-size:.875rem}
.reser-con ul.notice li{position:relative; display:flex; gap:0 5px; align-items:center; padding-left:12px;}
.reser-con ul.notice li:before{content:''; position:absolute; left:0; top:7px; width:7px; height:7px; border-radius:100px;}
.reser-con ul.notice li:nth-child(1):before{background:var(--primary-color);}
.reser-con ul.notice li:nth-child(2):before{background:#c3c3c3}
.reser-con .write{position:relative; flex-grow:1; width:calc(100% - 445px); padding:30px 0 0; border:1px solid #ddd; border-radius:10px;}
.reser-con .write .option-check{position:relative; padding-right:30px; text-align:right; font-family:'noto', sans-serif; font-weight:500; color:#666; font-weight:300}
.reser-con .write .option-check .active{background-color:#fff; border:1px solid #ddd;}
.reser-con .write .option-check .chk_box input[type="checkbox"]:checked + .active{background:none;}
.reser-con .write .option-check .chk_box .txt{letter-spacing:-.3px}
.reser-con .write .option-check .active:after{border:solid var(--primary-color); border-width:0 3px 3px 0}
.reser-con .write .option-check .btn-info{cursor:pointer}
.reser-con .write .option-check .layer-pop{display:none; padding:20px; position:absolute; right:30px; top:40px; width:300px; border-radius:10px; background-color:rgba(0,0,0,.7); word-break:break-all; font-size:.875rem; color:#fff; font-weight:200; letter-spacing:0; line-height:1.7; text-align:left; z-index:9999}
.reser-con .write .option-check .layer-pop:before{content:''; position:absolute; top:-6px; right:25px; width:0; height:0; border-bottom:6px solid rgba(0.0.0,.7); border-left:5px solid transparent; border-right:5px solid transparent;}
.reser-con .write .option-check .layer-pop span{color:#7de1ff; letter-spacing:0}

.reser-con .write .customer-con-wrap{min-height:500px; max-height:800px; overflow-y:auto;}
.reser-con .customer-none{position:absolute; width:100%; text-align:center; margin-top:-50px; top:50%; transform:translatey(-50%);}
.reser-con .customer-none img{max-width:70px}
.reser-con .customer-none p{padding-top:10px; text-align:center; color:#666; font-size:1.25rem; line-height:1.4; color:var(--primary-color)}
.reser-con .write .customer-con{position:relative; margin:15px 33px 0; border:1px solid #888; border-radius:10px;}
.reser-con .write .customer-con .header{display:flex; position:relative; justify-content:space-between; padding:13px 27px; background-color:#f2f5f9; border-radius:10px; cursor:pointer; z-index:9}
.reser-con .write .customer-con .header .arrow{position:relative; display:inline-block; width:13px; height:20px;}
.reser-con .write .customer-con .header .arrow:before,.reser-con .write .customer-con .header .arrow:after,.reser-con .write .customer-con .header .arrow.open:before,.reser-con .write .customer-con .header .arrow.open:after{content:''; position:absolute; top:11px; right:0; width:8px; height:2px; background:#333; transform:rotate(45deg)}
.reser-con .write .customer-con .header .arrow.open:after{transform:rotate(135deg); right:0;}
.reser-con .write .customer-con .header .arrow:before{transform:rotate(135deg); left:0;}
.reser-con .write .customer-con .header .arrow:after{transform:rotate(45deg); }
.reser-con .write .customer-con .header > div{display:flex; gap:0 10px; align-items:center;}
.reser-con .write .customer-con .header > div p{font-size:1.063rem; font-weight:600; font-family:'noto',sans-serif; color:#333}
.reser-con .write .customer-con button{position:absolute; top:8px; right:50px; padding:7px 8px 2px; border-radius:100px; border:0; background:none; transition:all .3s; z-index:999}
.reser-con .write .customer-con button:hover{background:rgba(0,0,0,.07)}
.reser-con .write .customer-con button img{display:inline-block; max-width:17px;}
.reser-con .write .customer-con .con{display:none; padding:30px 40px; font-family:'noto',sans-serif}
.reser-con .write .customer-con .con .wrap{display:flex; gap:0 50px;}
.reser-con .write .customer-con .con .wrap.space{padding-top:15px;}
.reser-con .write .customer-con .con .wrap .name,.reser-con .write .customer-con .con .wrap .wave{width:50%; display:flex; flex-direction:column; gap:10px 0}
.reser-con .write .customer-con .con .wrap .wave.area{width:100%;}
.reser-con .write .customer-con .con .wrap .tit,.reser-con .write .customer-con .con .time .tit{font-size:.875rem; color:#888;}
.reser-con .write .customer-con .con .wrap .name input{padding:10px 15px; width:100%; border:1px solid #ddd; border-radius:5px; font-size:1rem}
.reser-con .write .customer-con .con .wrap .wave .radio{display:flex; gap:0 7px;}
.reser-con .write .customer-con .con .wrap .wave.area .radio{flex-wrap:wrap; gap:7px;}
.reser-con .write .customer-con .con .wrap .wave .chk_box{display:flex; gap:0 7px; }
.reser-con .write .customer-con .con .wrap .wave .chk_box .txt{padding:10px 25px 10px 46px; border:1px solid #ddd; border-radius:5px; font-size:.9381rem; color:#666; font-weight:300 }
.reser-con .write .customer-con .con .wrap .wave .chk_box input[type="radio"] + .active{position:absolute; top:10px; left:15px; display:inline-block; width:25px; height:25px; border-radius:100px; background-color:#f1f1f1}
.reser-con .write .customer-con .con .wrap .wave .chk_box input[type="radio"]:checked + .active{background-color:#01b6ed}
.reser-con .write .customer-con .con .wrap .wave .chk_box input[type="radio"]:checked + .active + .txt{border:2px solid var(--primary-color)}
.reser-con .write .customer-con .con .wrap .wave .active{position:relative; width:auto; height:auto; left:0}
.reser-con .write .customer-con .con .wrap .wave .active:after{width:6px; height:9px; border-width:0 2px 2px 0; top:7px; left:10px}

.reser-con .write .customer-con .con .wrap .wave.area .chk_box .txt{padding:10px 25px;}
.reser-con .write .customer-con .con .wrap .wave.area .chk_box input[type="radio"]:checked + .active + .txt{color:var(--primary-color); font-weight:600;}
.reser-con .write .customer-con .con .wrap .wave.area .chk_box input[type="radio"] + .active{display:none;}

.reser-con .write .customer-con .con .time{padding-top:15px;}
.reser-con .write .customer-con .con .time .tit{display:inline-block; padding-bottom:10px}
.reser-con .write .customer-con .con .time .time-wrap .chk+box{}
.reser-con .write .customer-con .con .time .time-wrap .active{position:relative; left:0}
.reser-con .write .customer-con .con .time .time-wrap .active + .txt-wrap{text-align:center; padding:15px 20px; border-radius:5px; display:inline-block; font-size:1rem; font-weight:500; font-family: 'Gmarket', sans-serif; color:#888; letter-spacing:-.2px; line-height:1; }
.reser-con .write .customer-con .con .time .time-wrap .active + .txt-wrap.soldout{background-color:#f1f1f1; box-shadow:0 0 0 1px #ddd inset;}
.reser-con .write .customer-con .con .time .time-wrap .active + .txt-wrap.soldout .inner-time,.reser-con .write .customer-con .con .time .time-wrap .active + .txt-wrap.soldout .inner-remain{color:#ddd;}
.reser-con .write .customer-con .con .time .time-wrap .active + .txt-wrap .inner-time{letter-spacing:-.1px}
.reser-con .write .customer-con .con .time .time-wrap .active + .txt-wrap .inner-remain{font-size:10px; color:#888; line-height:1; letter-spacing:0;}
.reser-con .write .customer-con .con .time .time-wrap .chk_box input[type="radio"]:checked + .active:after{display:none;}
.reser-con .write .customer-con .con .time .time-wrap .chk_box input[type="radio"]:checked + .active + .txt-wrap{box-shadow:0 0 0 2px var(--primary-color) inset; color:var(--primary-color); font-weight:600;}
.reser-con .write .customer-con .con .time .time-wrap .chk_box input[type="radio"]:checked + .active + .txt-wrap.soldout{box-shadow:0 0 0 1px #ddd inset; font-weight:normal}
.reser-con .write .customer-con .con .time .time-wrap .chk_box input[type="radio"]:checked + .active + .txt-wrap .inner-remain{font-weight:normal}
.reser-con .write .total{display:flex; align-items:center;justify-content:space-between; padding:22px 40px; background:var(--primary-color); color:#fff; border-radius:0 0 10px 10px;}
.reser-con .write .total .option,.reser-con .write .total .option strong{font-size:1.25rem; letter-spacing:0}
.reser-con .write .total .price{font-size:1.5rem; font-weight:600; letter-spacing:.25px}
.reser-con .write .total .price small{padding-right:5px; font-size:1.25rem; font-weight:500; }
.reser-con .write .customer-con .con .time .time-wrap .swiper-slide{width:auto; box-shadow:0 0 0 1px #ddd inset; border-radius:5px;}

.reser-con .write .customer-con .swiper-container2{padding-right:20px; overflow-x:hidden;}
.reser-con .write .customer-con .swiper-horizontal>.swiper-scrollbar,.reser-con .write .customer-con .swiper-scrollbar.swiper-scrollbar-horizontal{margin-top:17px;position:relative; left:0; width:calc(100% + 10px); height:8px;}
.reser-con .write .customer-con .swiper-scrollbar-drag{cursor:pointer}
.reser-con .write .add{display:block; margin-top:25px;  padding:15px 0; width:100%; text-align:center; font-size:1rem; font-weight:600; background:none; border:none; box-shadow:0 -3px 10px rgba(0,0,0,.15);}
.reser-con .write .add img,.reser-con .write .add span{vertical-align:middle;}
.reser-con .write .add:hover{background-color:#f5f5f5;}
.reser-con .write .add span{display:inline-block; margin:5px 0 0 2px}



.reser-con-wrap .reser-con-total-fix{position:sticky; width:1200px; bottom:0; margin:70px auto 0; text-align:center; color:#fff; font-size:1.625rem; z-index:999}
.reser-con-wrap .reser-con-total-fix a{display:block; padding:18px 0; background-color:#f9841f; font-weight:bold; border-radius:10px;}
.reser-con-wrap .reser-con-total-fix a:first-letter{font-weight:400}
.reser-con-wrap .reser-con-total-fix a:hover{background-color:#e78408;}/*07a2d1v*/

@media only screen and (max-width:1200px){
	.reser-con-wrap .reser-con-total-fix{width:92%;}
}

@media only screen and (max-width:1099px){
	.reser-con .all-wrap{gap:0 35px;}
	.reser-con .info{width:300px;}
	.reser-con .info h3{font-size:1.75rem}
	.reser-con .info .date input.txt{padding:0; width:100%;}
	.reser-con .write .total .option, .reser-con .write .total .option strong{font-size:1rem}
	.reser-con .write .total .price{font-size:1.125rem;}
	.reser-con .write .total .price small{font-size:1rem}
	.reser-con .customer-none p{font-size:1rem}
}
@media only screen and (min-width:961px){
	.reser-con .info .date .mo-calendar{display:none;}
}
@media only screen and (max-width:960px){
	.reser-con{padding:70px 40px 40px;}
	.reser-con .all-wrap{display:block; }
	.reser-con .info .calendar{width:100%; padding-top:30px;}
	.reser-con .info{width:100%}
	.reser-con .info .info-wrap{display:flex; gap:0 45px; justify-content:space-between; align-items:flex-start; gap:0 50px }
	.reser-con .info .date{padding:10px 20px; margin-top:0;}
	.reser-con .write{margin-top:30px; width:100%; border:1px solid #666;}
	.reser-con .write .customer-con{border:1px solid #ccc;}
	.reser-con .write .customer-con button{top:7px}
	.reser-con .info .date input.txt{width:130px}
	.reser-con .info .date input.txt + .ui-datepicker-trigger{cursor:pointer}
	.reser-con .info .date > div .icon-calendar{}	
	.reser-con .info .date > div.cal-wrap{justify-content:flex-end}
	.reser-con ul.notice{padding:8px 30px}
	.reser-con .info .ui-datepicker{margin-top:20px;}
	.reser-con .info .ui-state-highlight:after,.ui-widget-content .ui-state-highlight:after{top:26px}
}
@media only screen and (max-width:768px){
	.reser-con .close{top:25px; right:10px}
	.reser-con{padding:70px 35px 35px;}
	.reser-con .info h3{font-size:1.625rem;}
	.reser-con .info .price{padding-top:10px; font-size:1.5rem}
	.reser-con .write{padding:20px 0 0}
	.reser-con .write .customer-con-wrap{min-height:300px;}
	.reser-con .write .customer-con{margin:10px 20px 0;}
	.reser-con .write .customer-con .header{padding:10px 25px;}
	.reser-con .write .customer-con .con{padding:20px 30px;}
	.reser-con .write .customer-con .con .time{padding-top:10px;}
	.reser-con .write .customer-con button{top:4px}
	.reser-con .write .total{padding:15px 30px}
	.reser-con .write .customer-con .con .wrap .wave .chk_box .txt .hidden{display:none}

	.reser-con-wrap .reser-con-total-fix{width:92%; bottom:15px;}

}
@media only screen and (max-width:560px){
	.hidden-560{display:none}
	.reser-con{margin-top:35px;padding:60px 20px 35px;}
	.reser-con-wrap{margin-top:60px}
	.reser-con .info .ui-datepicker{margin-top:10px;}
	.reservation.order .tab-list{flex-wrap:wrap;}
	.reservation.order .tab-list .tab-link{width:33.33%}
	.reservation.order .tab-list .tab-link:nth-child(1),.reservation.order .tab-list .tab-link:nth-child(2),.reservation.order .tab-list .tab-link:nth-child(3){border-bottom:1px solid #ddd}	
	.reservation.order .tab-content{padding:25px 0 0}
	.reservation.order .tab-content .swiper-slide button{margin-top:10px; padding:12px 0 10px; font-size:.875rem; border-radius:7px;}
	.reservation.order .tab-list a{padding:15px;}
	.reser-con .info{display:block}
	.reser-con .write{margin-top:35px}
	.reser-con .info .date{margin-top:25px;}
	.reser-con .info > div:first-child{display:block;}
	.reser-con .info > div:first-child .price{padding-top:8px}
	.ui-datepicker{padding:15px 12px; right:10px; border-radius:10px!important; margin:30px 0 0; width:100%!important}/* 이부분 */
	.reser-con .write .customer-con .con{padding:20px;}
	.reser-con .write .option-check{padding-bottom:5px;}
	.reser-con .write .option-check .chk_box .txt{font-size:.875rem}
	.reser-con .write .option-check .active{top:0;}
	.reser-con .write .option-check .layer-pop{top:35px; right:20px;}
	.reser-con .write .option-check .layer-pop:before{top:-5px;}
	.reser-con .write .total .option, .reser-con .write .total .option strong{font-size:1.065rem}
	.reser-con .write .total .price{font-size:1.125rem}
	.reser-con .write .customer-con .con .wrap{gap:0 20px}
	.reser-con .write .customer-con .con .wrap .wave .chk_box .txt{padding:10px 15px 10px 45px}
	.reser-con ul.notice{width:200px; margin-top:10px}
	.reser-con-wrap .reser-con-total-fix{font-size:1.5rem}
	.reser-con-wrap .reser-con-total-fix a{padding:15px 0; }

	.reser-con .close{top:20px; right:13px;}
	.reser-con .close:before,.reser-con .close:after{height:20px; top:5px; left:15px}

	.reser-con .customer-none{margin-top:-40px}
	.reser-con .customer-none p{font-size:1rem; }

	/*.reser-con .info .calendar,.reser-con ul.notice{display:none;}*/
	.reservation.order .new-booking .booking-con .booking-layer-pop button.complete{margin-top:20px;}
	.reservation.order .new-booking .booking-con .booking-layer-pop .box .top-header{padding-bottom:8px;}
	.reservation.order .new-booking .booking-con .booking-layer-pop .box .top-header h1{font-size:1.3125rem;}
	.new-booking .booking-con .hours .day .swiper-slide{padding:0 7px}
}

@media only screen and (max-width:420px){
	.reser-con .write .customer-con .con .wrap .wave .chk_box input[type="radio"] + .active{top:17px; width:8px; height:8px;}
	.reser-con .write .customer-con .con .wrap .wave .chk_box .txt{padding:10px 15px 10px 25px;}
	.reser-con .write .customer-con .con .wrap .wave .active:after{display:none;}
}


.reservation.pay{}
.reservation.pay .pay-wrap{padding:70px 0; background:#f6f8f9; }
.reservation.pay .pay-wrap .inner{display:flex; align-items:start; gap:0 35px;}
.reservation.pay .pay-wrap .product-list{flex-grow:1; }
.reservation.pay .pay-wrap .product-list .product-con:first-child{margin-top:0}
.reservation.pay .pay-wrap .product-list .product-con{margin-top:25px; border-radius:15px; border:1px solid #ddd; background-color:#fff;}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap{display:flex; padding:40px 35px 35px; align-items:start; gap:0 35px;}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap img{max-width:140px; border-radius:10px; object-fit:contain}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con h2{padding-top:5px; font-size:1.5rem; font-weight:400; line-height:1.4}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .price{padding-top:7px; font-size:1.313rem; font-weight:600; color:var(--primary-color); letter-spacing:-.2px}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .price span{padding-left:7px; font-size:1.125rem; color:#666; font-weight:400; letter-spacing:0}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .price span.txt{padding-left:2px; font-weight:400; color:var(--primary-color)}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .date{padding-top:20px; font-size:1.063rem; font-family:'noto',sans-serif; color:#333;}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con ul.list{padding-top:13px; }
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con ul.list li{padding:2.5px 0; font-size:.938rem; color:#666; font-family:'noto',sans-serif; font-weight:300; letter-spacing:-.3px}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .back-btn{display:inline-block; margin-top:18px; padding:7px 15px; border:1px solid #888; border-radius:5px; font-family:'noto',sans-serif; font-size:.875rem; color:#666;}
.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .back-btn:hover{background-color:#f5f5f5;}
.reservation.pay .pay-wrap .product-list .product-con .total{display:flex; align-items:center; padding:16px 35px 14px; justify-content:space-between; background-color:#eef0f2; border-radius:0 0 15px 15px}
.reservation.pay .pay-wrap .product-list .product-con .total .tit{font-family:'noto',sans-serif; font-size:1.125rem; color:#666;}
.reservation.pay .pay-wrap .product-list .product-con .total .total-price{font-size:1.435rem; font-weight:600; color:#888; letter-spacing:-.3px}

.reservation.pay .pay-wrap .product-list .product-con:has(.option-add){border:none;}
.reservation.pay .pay-wrap .product-list .product-con .option-add{padding:20px; border-radius: 15px; border: 1px dashed #ccc; text-align: center; cursor: pointer; transition: all .2s; background-color: #fff;}
.reservation.pay .pay-wrap .product-list .product-con .option-add .plus{position: relative; display: block; margin: 0 auto; width: 50px; height: 50px; border-radius: 10px; background-color: #eee; transition: all .2s;}
.reservation.pay .pay-wrap .product-list .product-con .option-add .plus:before,.reservation.pay .pay-wrap .product-list .product-con .option-add .plus:after{content: ''; left: 50%; top: 50%; position: absolute; width: 15px; height: 2px; transform: translate(-50%, -50%); background-color: #999; border-radius: 10px;}
.reservation.pay .pay-wrap .product-list .product-con .option-add .plus:after{width:2px; height:15px;}
.reservation.pay .pay-wrap .product-list .product-con .option-add p{padding-top: 7px; font-weight: 300; font-family:'noto', sans-serif}
.reservation.pay .pay-wrap .product-list .product-con .option-add:hover .plus{background-color:var(--primary-color); color:#fff;}
.reservation.pay .pay-wrap .product-list .product-con .option-add:hover .plus:before,.reservation.pay .pay-wrap .product-list .product-con .option-add:hover .plus:after{background-color:#fff;}


.reservation.pay .pay-wrap .pay-list{position:sticky; top:0; width:405px; flex-shrink:0; border:1px solid #666; border-radius:15px}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap{padding:15px 35px 50px; font-family:'noto',sans-serif; background-color:#fff; border-radius:15px}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap h3{padding:35px 0 20px; font-size:1.125rem; color:#333; font-weight:600}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .list-wrap > ul{display:flex; padding-top:6px; justify-content:space-between; align-items:center;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .list-wrap > ul li.tit{font-size:1rem; color:#888; font-weight:300}

.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon,.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final{padding-bottom:25px; border-bottom:1px solid #333;}

/*cns*/
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon.cns .list-wrap > ul li.tit span{display:block; margin-top:-3px; font-size:12px; letter-spacing:0; color:#f9841f}
@media only screen and (min-width:480px) and (max-width:768px){
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon.cns .list-wrap > ul li.tit span{display:inline-block; margin-left:3px; }
}

.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li{vertical-align:middle;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li input{width:122px; font-size:.938rem; margin-right:2px; padding:8px 16px; border:1px solid #e0e7ee; border-radius:5px; font-weight:300;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.regist{padding:9.5px 11px; background-color:#666; border-radius:5px; color:#fff; border:0; font-size:.875rem; transition:all .3s}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.regist:hover{background-color:#222;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li.apply{display:flex; align-items:center; gap:0 7px; font-weight:300;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.delete{position:relative; width:21px; height:21px; border-radius:100px; background-color:#555; border:0; transition:all .3s}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.delete:hover{background-color:#000;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.delete:before,.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.delete:after{content:''; position:absolute; left:7px; width:8px; height:1px; background-color:#fff; transform:rotate(45deg)}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.delete:after{transform:rotate(-45deg)}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li.paper-coupon{display:flex; align-items:center; gap:0 3px;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li .nice-select{width:175px; padding-right:40px}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li .nice-select .current{display:inline-block; padding-top:10px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li .nice-select .option:hover,.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li .nice-select .option.focus, .nice-select .option.selected.focus{font-weight:400}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li .nice-select .list{width:100%;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li .nice-select .list li{white-space: normal; min-height: auto; line-height: 1.3; padding-top: 10px; padding-bottom: 10px;}

.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon p.red {padding-top:10px;}

.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul li:nth-child(2){font-family: 'Gmarket', sans-serif; letter-spacing:-.2px}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.total li:nth-child(2),.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.discount li:nth-child(2){font-size:1.125rem; letter-spacing:-.2px}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.discount li:nth-child(2){color:var(--secondary-color)}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.coupon-price{padding-bottom:4px;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.coupon-price li{font-size:.75rem; color:#aaa; letter-spacing:-.2px}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.coupon-price li:nth-child(2){color:#999;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.sum-price{margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.sum-price li.tit{color:#000}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.sum-price li:nth-child(2){font-size:1.438rem; color:var(--primary-color); font-weight:600}

.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .list-wrap > ul{display:flex; flex-wrap:wrap}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .list-wrap > ul li{padding-bottom:12px; width:50%}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .nice-select.open .list{width:100%;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .chk_box .active{left:0; background:#f1f1f1; border-radius:100px}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .chk_box .active:after{top:6.5px; left:10px; width:6px; height:10px; border-width:0 2px 2px 0}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .chk_box .txt{padding-left:33px; font-weight:300; color:#666;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .chk_box input[type="checkbox"]:checked + .active,.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way  .chk_box input[type="radio"]:checked + .active{background-color:var(--secondary-color)}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .option:after{content:''; clear:both; display:block;}
.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .option .nice-select{margin-bottom:7px; width:100%}

.reservation.pay .pay-wrap .pay-list .total-pay-btn{display:block; padding:20px 0 15px; width:100%; border-radius:0 0 14px 14px; background:#f9841f; color:#fff; font-size:1.625rem; border:0; text-align:center; font-weight:bold; letter-spacing:-.2px; font-family: 'Gmarket', sans-serif; transition:all .3s}
.reservation.pay .pay-wrap .pay-list .total-pay-btn:hover{background:#e78408; } /* 1d397d */





@media only screen and (max-width:1200px){
	.reservation.pay .pay-wrap .inner{gap:0 25px}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap{gap:0 30px; padding:40px 40px 33px}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap img{max-width:120px}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con h2{font-size:1.313rem}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .price{font-size:1.25rem}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .price span{font-size:1.063rem}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con ul.list li{padding:1.5px 0; font-size:.875rem}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con .back-btn{margin-top:15px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap{padding:15px 35px 35px;}
	.reservation.pay .pay-wrap .product-list .product-con .total{padding:13px 35px}
	.reservation.pay .pay-wrap .product-list .product-con .total .tit{font-size:1.063rem}
	.reservation.pay .pay-wrap .product-list .product-con .total .total-price{margin-top:3px; font-size:1.25rem}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap h3{padding:30px 0 20px}
	.reservation.pay .pay-wrap .pay-list .total-pay-btn{padding:18px 13px; font-size:1.5rem}
}

@media only screen and (max-width:1024px){
	.reservation.pay .pay-wrap{padding:50px 0}
	.reservation.pay .pay-wrap .pay-list{width:330px}
}
@media only screen and (max-width:960px){
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap{padding:30px 30px 25px; gap:0 20px;}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap img{max-width:60px; border-radius:7px}
}
@media only screen and (max-width:768px){
	.reservation.pay .pay-wrap .inner{display:block;}
	.reservation.pay .pay-wrap .pay-list{width:100%;}
	.reservation.pay .pay-wrap .product-list .product-con{margin-top:15px;}
	.reservation.pay .pay-list{margin-top:15px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap h3{padding:25px 0 15px}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .final .list-wrap ul.sum-price{margin-top:15px; padding-top:10px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon, .reservation.pay .pay-wrap .pay-list .pay-list-wrap .final{padding-bottom:20px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li input{width:125px; font-size:1.063rem}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li button.regist{padding:10px 11px; font-size:1rem;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .coupon .list-wrap > ul li.paper-coupon{display:flex; gap:0 3px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .list-wrap > ul li{display:flex; align-items:center;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .chk_box .txt{padding-left:38px; font-size:1rem; line-height:28px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .chk_box .active{width:30px; height:30px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .chk_box .active:after{width:7px; height:11px; top:8px; left:12px; border-width:0 3px 3px 0}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .option{}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .option .nice-select{height:48px;}
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap .pay-way .option .nice-select .current{line-height:45px}

}
@media only screen and (max-width:560px){
	.reservation.pay .pay-wrap .pay-list .pay-list-wrap{padding:15px 25px 35px;}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap{padding:30px 25px 25px}
	.reservation.pay .pay-wrap{padding:30px 0;}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con h2{padding-top:0;}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap img{max-width:70px;}
	.reservation.pay .pay-wrap .product-list .product-con .con-wrap .con h2{line-height:1.35}

}


.reservation.complete .inner{padding:35px 0; text-align:center;}
.reservation.complete .inner img{max-width:670px}
.reservation.complete .inner h2{padding-top:50px; font-size:3.5rem;}
.reservation.complete .inner p{padding-top:20px; font-size:1.188rem; color:#333; font-family:'noto',sans-serif; font-weight:300; line-height:1.6}
.reservation.complete .inner .btn-wrap{padding-top:60px;}
.reservation.complete .inner .btn-wrap a{display:inline-block; padding:20px 60px 17px; border-radius:100px; color:#fff; font-size:1.563rem; background-color:var(--primary-color)}
.reservation.complete .inner .btn-wrap a:hover{background-color:#0b2456}
.reservation.complete .inner .btn-wrap a:nth-child(2){margin-left:8px; background:var(--secondary-color)}
.reservation.complete .inner .btn-wrap a:nth-child(2):hover{background-color:#0596cb}

@media only screen and (max-width:768px){
	.reservation.complete .inner img{max-width:80%; margin:30px auto 0}
	.reservation.complete .inner h2{padding-top:45px; font-size:2.5rem}
	.reservation.complete .inner p{padding-top:15px; font-size:1rem; line-height:1.5}
	.reservation.complete .inner .btn-wrap{padding-top:50px}
	.reservation.complete .inner .btn-wrap a{width:40%; padding:15px 0; font-size:1.25rem}
}

/* 기본 체크박스 숨기기 */
.chk_box input[type="checkbox"],[type="radio"] { display: none;}

/* 선택되지 않은 체크박스 스타일 꾸미기 */
.active{width: 26px; height: 26px; border-radius:5px; background: #ddd; position: absolute; top: 0; left: -32px; }

/* 선택된 체크박스 스타일 꾸미기 */
.chk_box{position:relative; cursor:pointer}
.chk_box input[type="checkbox"]:checked + .active,.chk_box input[type="radio"]:checked + .active { background: rgba(37,8,185,.7); }
.active:after { content: ""; position: absolute; display: none; }
.chk_box input[type="checkbox"]:checked + .active:after,.chk_box input[type="radio"]:checked + .active:after { display: block; }
.active:after { width: 7px; height: 12px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 9px; top: 5px; }

.chk_box.circle .active{border-radius:100px; border:5px solid #eee!important;}
.chk_box.circle .active:after{display:none!important}
.chk_box.circle input:checked + .active{border-color:var(--secondary-color)!important; background:#fff!important;}


/* 로그인 */
.login{padding:150px 0; font-family: 'noto', sans-serif;}
.login .chk_box .txt{padding-left:35px; color:#666; font-size:1rem}
.login .chk_box input[type="checkbox"]:checked + .active,.login .chk_box input[type="radio"]:checked + .active{background:#fff; border:1px solid #ddd;}
.login .active:after{border-color:var(--secondary-color)}
.login .chk_box .active{left:0; background-color:#fff; border:1px solid #ddd;}
.login input{margin:12px 0; padding:16px 20px; border:1px solid #ddd; font-size:1.063rem; font-weight:300; border-radius:5px; letter-spacing:-.2px}
.login .box{display:flex; border-radius:20px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.15)}
.login .box .img{padding-bottom:10px; background:url(/assets/wavepark/img/login/login-img.jpg) no-repeat; border-radius:20px 0 0 20px;}
.login .box .img,.login .box .con{padding:150px 115px 75px; width:50%;}
.login .box .con{text-align:left;}
.login .box .con h2{padding-bottom:30px; text-align:center;}
.login .box .con img.logo{max-width:200px}
.login .box .con input.block,.login .box .con button{width:100%; display:block;}
.login .box .con button{margin-top:25px; background-color:var(--secondary-color); border-radius:5px; font-size:1.25rem}
.login .box .con button:hover{background-color:#08abdd}
.login .box .con button.certi-btn{border:0; margin:0 0 0 10px; padding:17px 5px; background-color:#333; color:#fff; border-radius:5px; width:170px; font-size:1rem; white-space:nowrap;}
.login .box .con input::placeholder{color:#999;}
.login .box .btn-wrap{display:flex; justify-content:center; padding-top:20px; gap:0 25px}
.login .box .btn-wrap a{position:relative; color:#666; letter-spacing:-.2px;}
.login .box .btn-wrap a:first-child:before{content:''; position:absolute; top:6px; right:-12.5px; width:1px; height:15px; background-color:#ddd;}
.login .box .btn-wrap a:hover{text-decoration:underline; transition:all .3s}
.login .box .sns{padding-top:40px; display:flex; justify-content:center; gap:0 15px;}
.login .box .sns button{width:60px; height:60px; border-radius:30px; border:none}
.login .box .sns button.naver{background:#00bf19 url(/assets/wavepark/img/login/sns-naver.jpg) no-repeat center / 100%}
.login .box .sns button.kakao{background:#00bf19 url(/assets/wavepark/img/login/sns-kakao.jpg) no-repeat center / 100%}
.login .box .sns button.google{background:#00bf19 url(/assets/wavepark/img/login/sns-google.jpg) no-repeat center / 100%}

.login.nation .cate{padding:0 10%; margin-top:50px; display:flex; gap:0 25px; justify-content:center;}
.login.nation .cate .cont{padding:50px 50px 35px; border:1px solid #ddd; border-radius:20px; text-align:center; flex-grow:1}
.login.nation .cate .cont a{display:block; width:80%; margin:15px auto 0;  padding:13px 0; color:#fff; background-color:var(--primary-color); text-align:center; border-radius:10px; font-size:1.25rem; font-weight:300}
.login.nation .cate .cont a:hover{background-color:#0b2456}
.login.nation .cate .cont:nth-of-type(2) a{background-color:#5a4532;}
.login.nation .cate .cont:nth-of-type(2) a:hover{background-color:#533923}

@media only screen and (max-width:1200px){
	.login{padding:100px 0}
	.login .box .con{padding:130px 70px 55px}
	.login .box .img{background-size:cover}
}
@media only screen and (max-width:1200px){
	.login{padding:80px 0}
	.login .box .con{padding:130px 60px 55px}
}
@media only screen and (max-width:768px){
	.login{padding:50px 80px}
	.login .box{display:block;}
	.login .box .img, .login .box .con{width:100%}
	.login .box .img{display:none;}
	.login .box .con{padding:130px 80px 55px}
	.login.join{padding:50px 15px}
}
@media only screen and (max-width:650px){
	.login{padding:50px}
}
@media only screen and (min-width:561px){
	.login .box .con h2 .m-block{display:none;}
}
@media only screen and (max-width:560px){
	.login{padding:40px 10px 50px}
	.login input{margin:10px 0; padding:12px 16px;}
	.login .box .con button{margin-top:17px}
	.login .box .con h2{padding-bottom:5px;}
	.login .box .con h2 .logo{display:none;}
	.login .box .con h2 .m-block{font-size:2.188rem; font-weight:600; color:#333;}
	.login .box .sns{padding-top:25px;}
	.login .box .con{padding:70px 40px 35px}
	.login .box .con img.logo{max-width:160px}
	.login .box .sns{gap:0 10px}
	.login .box .sns button{width:45px; height:45px;}
	.login.nation .cate{display:block; margin-top:35px; padding:0; }
	.login.nation .cate .cont{margin-top:15px; padding:35px 20px 25px;}
	.login.nation .cate .cont:first-child{margin-top:0}
	.login.nation .cate .cont img{max-width:30%}
	.login.nation .cate .cont a{margin-top:10px; width:100%;}
	.login .box .con button.certi-btn{margin:0 0 0 5px; padding:13px 5px;}
}


/* 회원가입 */
.login.join{margin-bottom:150px; background-color:#edf2fa}
.login.join .box{display:block; padding:80px 80px 150px}
.login.join .box .step{position:relative; width:80%; margin:15px auto 0}
.login.join .box .step img{position:absolute;}
.login.join.terms .box .step img{animation:move 1s ease-in .2s forwards; margin:0 0 -20px -61px;}
.login.join.certifi .box .step img{animation:move2 1s ease-in .2s forwards; margin:0 0 -20px calc(12.5% - 61px);}
.login.join.register .box .step img{animation:move3 1s ease-in .2s forwards; margin:0 0 -20px calc(37.5% - 61px);}
.login.join.complete .box .step img{animation:move4 1s ease-in .2s forwards; margin:0 0 -20px calc(62.5% - 61px);}



.login.join .box .step ul{padding-top:95px; display:flex;}
.login.join .box .step ul li{width:25%; text-align:center;}
.login.join .box .step ul li .progress-bar{display:block; height:11px; background-color:#edf2fa;}
.login.join .box .step ul li:first-child .progress-bar{border-radius:100px 0 0 100px}
.login.join .box .step ul li:last-child .progress-bar{border-radius:0 100px 100px 0}
.login.join .box .step ul li .num{padding-top:20px; font-family: 'Gmarket', sans-serif; font-size:1.438rem; color:#aaa;}
.login.join .box .step ul li .txt{margin-top:-2px; color:#aaa; letter-spacing:-.2px}
.login.join .box .step ul li.on .progress-bar{background-color:var(--secondary-color)}
.login.join .box .step ul li.on .num{color:var(--secondary-color); font-weight:600; line-height:1.4}
.login.join .box .step ul li.on .txt{color:var(--secondary-color)}



.login.join.three-step .box .step ul li{width:33.33%; text-align:center;}
.login.join.terms.three-step .box .step img{animation:move12 1s ease-in .2s forwards; margin:0 0 -20px calc(50% - 61px);}
.login.join.complete.three-step .box .step img{animation:move13 1s ease-in .2s forwards; margin:0 0 -20px calc(83.33% - 61px);}





.login.join .box .tit-wrap{display:flex; align-items:center; padding-top:60px; }
.login.join .box .tit-wrap h3{padding-bottom:10px; font-size:1.875rem; font-weight:600; color:#444;}
.login.join .box .tit-wrap p{padding-left:15px; font-size:.875rem; color:#888; letter-spacing:-.2px; font-weight:300}
.login.join .box .agree-wrap{padding-top:15px;}
.login.join .box .agree-wrap .agree-con{padding:25px 0; border-bottom:1px solid #ddd;}
.login.join .box .agree-con.total .chk_box input[type="checkbox"]:checked + .active, .login .chk_box input[type="radio"]:checked + .active{background-color:var(--secondary-color); border:none;}
.login.join .box .agree-con.total .active:after{border-color:#fff;}
.login.join .box .agree-con .show{display:flex; justify-content:space-between;}
.login.join .box .agree-con .show span.view{padding:3px 10px; font-size:.875rem; color:#888; font-weight:300; cursor:pointer}
.login.join .box .agree-con .txt{font-size:1.125rem; color:#333;}
.login.join .box .agree-con .agree-txt{display:none; margin-top:25px; padding:25px 35px; height:260px; overflow-y:auto; background-color:#f5f5f5; border-radius:5px; font-size:.875rem; font-weight:400; color:#777;}
.login.join .box .agree-con .agree-txt .tit{padding-bottom:10px; font-size:.938rem; font-weight:500; color:#666;}
.login.join .box .agree-con .agree-txt .para{padding-bottom:5px; font-weight:300; line-height:1.6}

.login.join .box .period h3{padding-top:60px; font-weight:500; font-size:1.25rem}
.login.join .box .period .input-wrap{padding-top:20px}
.login.join .box .period .input-wrap .chk_box.circle{padding-right:28px;}
.login.join .box .period .input-wrap .chk_box.circle .active{width:23px; height:23px;}
.login.join .box .period .input-wrap .chk_box.circle .txt{display:inline-block; margin-top:-10px; font-weight:300}

.login.join .btn-next{margin-top:100px; text-align:center;}
.login.join .btn-next button{padding:20px 120px}

.login.join.certifi .tit-wrap{display:block}
.login.join.certifi .tit-wrap p{padding-left:0; font-size:1rem}
.login.join.certifi .mobile-img{margin:95px auto 0; width:300px; height:300px; border-radius:150px; background:#f5f5f5 url(/assets/wavepark/img/login/join-mobile.png) no-repeat center right 40% / 45%}
.login.join.certifi .btn-next{margin-top:45px}

.login.join #p_agree_policy,.login.join #p_agree_facpolicy,.login.join #p_agree_homepolicy,.login.join .con-wrap .con label .temp_span{display:inline-block; padding-left:30px; font-size: .875rem; color: #f56e6e;}
.login.join #p_agree_policy,.login.join #p_agree_facpolicy,.login.join #p_agree_homepolicy{display:block; padding:2px 0 0 35px;}

.login.join table.basic{margin-top:5px;}
.login.join table.basic td,.login.join table.basic th{padding:3px; font-family: 'noto', sans-serif; border-bottom:1px solid #ddd; font-size:.875rem;}


.table_style1 {}

.login.join.register .con-wrap.no-space{padding-top:0}
.login.join.register .con-wrap{padding-top:26px;}
.login.join.register .con-wrap.half{display:flex; gap:0 25px;}
.login.join.register .con-wrap .con{padding:0; width:100%; }
.login.join.register .con-wrap .con.nation{padding-bottom:70px;}
.login.join.register .con-wrap .con.nation .nice-select{width:100%; margin-top:3px; }
.login.join.register .con-wrap .con.nation .nice-select .list,.login.join.register .con-wrap .con.select-scroll .nice-select .list{width:100%; height:350px; overflow-y:auto;}
.login.join.register .con-wrap .con .at{padding:0 10px; font-size:1.25rem; color:#666}
.login.join.register .con-wrap .con label{display:block;}
.login.join.register .con-wrap .con label,.login.join.register .con-wrap .con .label-name{position:relative; padding-bottom:5px; font-size:1.125rem; color:#333;}
.login.join.register .con-wrap .con label.required .label-name:before{content:'*'; position:absolute; right:-18px; font-size:1.563rem; color:#f56e6e;}
.login.join.register .con-wrap .con .nice-select{height:auto; padding:9px 40px 9px 18px;}
.login.join.register .con-wrap .con .nice-select .current{font-size:1.063rem; font-weight:300; color:#666; letter-spacing:-.2px}
.login.join.register .con-wrap .con .nice-select .option{letter-spacing:-.2px}
.login.join.register .con-wrap .con .nice-select:after{border-width:1px}
.login.join.register .con-wrap .con input{margin:7px 0; width:100%;}
.login.join.register .con-wrap .con input:disabled{color:#aaa;}
.login.join.register .con-wrap .con .div-input{display:flex; align-items:center;}
.login.join.register .con-wrap .con .div-input.address{align-items:stretch}
.login.join.register .con-wrap .con .div-input.address input{width:210px}
.login.join.register .con-wrap .con .div-input.address button{margin:7px 0 7px 9px; padding:0 20px; width:auto; font-size:1rem; color:var(--secondary-color); border:1px solid var(--secondary-color); background-color:#fff; font-family:'noto',sans-serif; transition:all .3s; border-radius:5px}
.login.join.register .con-wrap .con .div-input.address button:hover{background:var(--secondary-color); color:#fff;}
.login.join.register .con-wrap .con .div-input.pick{padding-top:15px;}
.login.join.register .con-wrap .con .div-input.pick label{margin-right:30px;}
.login.join.register .con-wrap .con .div-input.gap{padding-top:15px; gap:0 14px;}
.login.join.register .con-wrap .con .div-input.gap2{gap:0 6px}
.login.join.register .con-wrap .con .chk_box .active{top:1px;}
.login.join.register .con-wrap .con .chk_box .txt{font-weight:300; letter-spacing:-.2px}

.login.join.register .con-wrap .con .nation-num .nice-select{min-width:225px}

.login.join.register .con-wrap .info{font-size:.938rem; color:var(--red-color); font-weight:300; letter-spacing:-.6px}


.login.join.register .con-wrap.border{margin-top:35px; padding:35px; border:1px solid #ddd; border-radius:20px;}
.login.join.register .con-wrap.border .con{text-align:center;}
.login.join.register .con-wrap.border .con .show-id{margin-top:10px; padding:20px 50px; background-color:#f5f5f5; display:inline-block; border-radius:20px;}
.login.join.register .con-wrap.border .con .show-id p{letter-spacing:-.2px; font-size:1.125rem}
.login.join.register .con-wrap.border .con .show-id span{letter-spacing:-.5px; font-size:.875rem; color:#888; font-weight:300}

.login.join.register .btn-wrap{margin:70px auto 0;}
.login.join.register .btn-wrap button{padding-left:100px; padding-right:100px;}

.login.join.complete .tit-wrap{position:relative; display:block; margin-top:80px; text-align:center;}
.login.join.complete .tit-wrap .bg{position:absolute; width:100%; height:250px; background:url(/assets/wavepark/img/login/join-complete-bg.png) no-repeat top center; }
.login.join.complete .tit-wrap .check-icon{margin:150px auto 0; width:120px; height:120px; border-radius:60px; background:var(--secondary-color) url(/assets/wavepark/img/login/join-complete-check.png) no-repeat center; }
.login.join.complete .tit-wrap h3{padding-top:40px;}
.login.join.complete .tit-wrap p{padding-top:15px; color:#888; font-size:1rem}
.login.join.complete .btn-next{margin-top:60px;}

.login.join.find .inner{width:1000px;}
.login.join.find .tab-list{width:60%; margin:50px auto 0; border:1px solid #ddd;}
.login.join.find .tab-content{padding-top:15px;}
.login.join.find .btn-next{margin-top:50px;}
.login.join.find .radio-wrap{margin:6px 0 5px; display:inline-flex; gap:0 15px}
.login.join.find .radio-wrap .chk_box .active{top:2px}


.login.join.register.find .con-wrap .con .div-input.address{position:relative;}
.login.join.register.find .con-wrap .con .div-input.address input{width:100%;}
.login.join.register.find .con-wrap .con .div-input.address button{width:150px;}
.login.join.register.find .con-wrap .con .div-input.address .time{position:absolute; top:50%; right:165px; transform:translateY(-50%); color:#888; font-size:.938rem; font-weight:300; letter-spacing:-.2px}
.login.join.register.find .con-wrap.half{gap:0 12px}






@keyframes move{
	from{margin-left:-61px}
	to{margin-left:calc(12.5% - 61px)}
}
@keyframes move2{
	from{margin-left:calc(12.5% - 61px)}
	to{margin-left:calc(37.5% - 61px)}
}
@keyframes move3{
	from{margin-left:calc(37.5% - 61px)}
	to{margin-left:calc(62.5% - 61px)}
}
@keyframes move4{
	from{margin-left:calc(62.5% - 61px)}
	to{margin-left:calc(87.5% - 61px)}
}







@keyframes move12{
	from{margin-left:calc(16.66% - 61px)}
	to{margin-left:calc(50% - 61px)}
}
@keyframes move13{
	from{margin-left:calc(50% - 61px)}
	to{margin-left:calc(83.33% - 61px)}
}






@media only screen and (max-width:1024px){
	.login.join.find .inner{width:96%}
}

@media only screen and (max-width:768px){
	.login.join .box{padding:80px 50px 60px; width:96%}
	.login.join .box .step{width:100%;}
	.login.join .box .step img{max-width:80px}
	.login.join.terms .box .step img{margin:0 0 -20px -40px;}
	.login.join.certifi .box .step img{margin:0 0 -20px calc(12.5% - 40px);}
	.login.join.register .box .step img{margin:0 0 -20px calc(37.5% - 40px);}
	.login.join.complete .box .step img{margin:0 0 -20px calc(62.5% - 40px);}


	@keyframes move{
		from{margin-left:-40px}
		to{margin-left:calc(12.5% - 40px)}
	}
	@keyframes move2{
		from{margin-left:calc(12.5% - 40px)}
		to{margin-left:calc(37.5% - 40px)}
	}
	@keyframes move3{
		from{margin-left:calc(37.5% - 40px)}
		to{margin-left:calc(62.5% - 40px)}
	}
	@keyframes move4{
		from{margin-left:calc(62.5% - 40px)}
		to{margin-left:calc(87.5% - 40px)}
	}



	.login.join.terms.three-step .box .step img{margin:0 0 -20px calc(50% - 40px);}
	.login.join.complete.three-step .box .step img{margin:0 0 -20px calc(83.33% - 40px);}

	@keyframes move12{
		from{margin-left:calc(16.66% - 40px)}
		to{margin-left:calc(50% - 40px)}
	}
	@keyframes move13{
		from{margin-left:calc(50% - 40px)}
		to{margin-left:calc(83.33% - 40px)}
	}


	.login.join .box .step ul{padding-top:60px}
	.login.join .box .step ul li .num{padding-top:15px;}
	.login.join .box .tit-wrap h3{padding-bottom:0; font-size:1.75rem}
	.login.join .box .tit-wrap p{padding-left:10px}
	.login.join .box .agree-wrap .agree-con{padding:20px 0;}
	.login.join .box .agree-con .txt{font-size:1rem}
	.login.join .box .period h3{padding-top:45px; }
	.login.join .btn-next{margin-top:70px;}
	.login.join .btn-next button{padding:15px 100px;}

	.login.join.certifi .btn-next{margin-top:25px}
	.login.join.certifi .box .tit-wrap p{padding:10px 0 0}
	.login.join.certifi .mobile-img{margin:50px auto 0; width:230px; height:230px;}

	.login.join.complete .tit-wrap{margin-top:0}
	.login.join.complete .btn-next{margin-top:30px;}

	.login.join.register.nation-wrap .con-wrap.half{display:block;}
	.login.join.register.nation-wrap .con-wrap,.login.join.register.nation-wrap .con-wrap.half .con:nth-of-type(2){padding-top:12px;}
}


@media only screen and (max-width:560px){
	.login.join{padding:35px 5px}
	.login.join .box{padding:60px 30px 40px;}
	.login.join .box .tit-wrap{padding-top:50px;}
	.login.join .box .tit-wrap h3{font-size:1.5rem}
	.login.join .box .tit-wrap p span.hidden{display:none;}
	.login.join .box .step ul li .num{font-size:1.125rem}
	.login.join .box .step ul li .txt{font-size:.875rem}
	.login.join .box .agree-wrap .agree-con{padding:17px 0}
	.login.join .box .agree-con .txt{padding-left:37px;}
	.login.join .box .period h3{font-size:1.125rem}
	.login.join .box .period .input-wrap .chk_box.circle .txt{padding-left:32px;}
	.login.join .box .period .input-wrap .chk_box.circle{padding-right:15px}

	.login.join.register .box .tit-wrap{padding-bottom:10px;}
	.login.join.register .con-wrap.half{display:block;}
	.login.join.register .con-wrap,.login.join.register .con-wrap.half .con:nth-of-type(2){padding-top:12px;}
	.login.join.register .con-wrap .con input{margin:4px 0}
	.login.join.register .con-wrap .con .div-input.pick{padding-top:5px}
	.login.join.register .con-wrap:has(.div-input.pick){padding-top:25px;}
	.login.join.register .con-wrap .con .div-input.gap{padding-top:10px; gap:0 7px}
	.login.join.register .con-wrap .con label, .login.join.register .con-wrap .con .label-name{padding-bottom:3px; font-size:1.063rem}

	.login.join.certifi .btn-next{margin-top:15px;}
	.login.join .btn-next button{padding:14px 70px; font-size:1.25rem}

	.login.join.certifi .mobile-img{margin:30px auto 0; width:200px; height:200px;}

	.login.join.complete .btn-next{margin-top:20px;}
	.login.join.register .con-wrap .con.nation{padding-bottom:50px;}
	.login.join.register .con-wrap .con .nice-select{padding:4px 40px 4px 18px}

	.login.join.find .tab-list{width:100%; margin:35px auto 0}
	.login.join.find.register .con-wrap{padding-top:15px}
	.login.join.find.register .con-wrap.no-space{padding-top:0;}
	.login.join.find.register .con-wrap.border{margin-top:20px; padding:20px;}
	.login.join.find .btn-next{margin-top:40px}
	.login.join.find .tab-list a{padding:15px;}

	.login.join.find .radio-wrap{margin:5px 0 2px}
	.login.join.find .radio-wrap .chk_box .active{width:22px; height:22px; top:1px}
	.login.join.find .radio-wrap .chk_box .txt{padding-left:26px;}

	
	.login.join.register .con-wrap.no-space .con:nth-of-type(2){padding-top:2px;}

}




.mypage.login{padding:100px 0 150px;}

.mypage .top{padding:35px 0; background-color:#edf2fa}
.mypage .top .inner{display:flex; align-items:center; justify-content:space-between; gap:0 80px; padding:55px 60px; background-color:#fff; border-radius:20px;}
.mypage .top .inner .my-info{display:flex; align-items:center;}
.mypage .top .inner .my-info .img{position:relative;}
.mypage .top .inner .my-info .photo{width:185px; height:185px; background-image:url(/assets/wavepark/img/my/profile.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:100px; box-shadow:0 0 15px rgba(0,0,0,.1)}
.mypage .top .inner .my-info img{max-width:185px; border-radius:100px;}
.mypage .top .inner .my-info .img .input-file-wrap{position:relative;}
.mypage .top .inner .my-info .img .input-file-wrap input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.mypage .top .inner .my-info .img .input-file-wrap label{position:absolute; right:0; bottom:0; width:50px; height:50px; border-radius:100px; background:#fff url(/assets/wavepark/img/my/icon-pencil-blue-02.png) no-repeat center / 21px; box-shadow:0px 3px 10px rgba(0,0,0,.15); cursor:pointer; transition:all .3s}
.mypage .top .inner .my-info .img .input-file-wrap label:hover{background-color:#f9f9f9;}
.mypage .top .inner .my-info .info{padding-left:50px; font-family: 'noto', sans-serif; }
.mypage .top .inner .my-info .info h3{font-size:1.875rem; font-weight:500; color:#333;}
.mypage .top .inner .my-info .info h3 .badge{display:inline-block; margin:-2px 0 0 5px; padding:2px 7px; color:var(--primary-color); border:1px solid var(--primary-color); border-radius:100px; font-size:.75rem; vertical-align:middle; font-weight:400; letter-spacing:-.2px}
.mypage .top .inner .my-info .info p{padding-top:10px; font-size:1.125rem; color:#a1abbb; font-weight:300; letter-spacing:-.2px}
.mypage .top .inner .my-info .info button{margin-top:32px; padding:10px 25px; font-size:1rem}
.mypage .top .inner .my-current{flex-grow:1}
.mypage .top .inner .my-current ul{display:flex; align-items:center; justify-content:space-evenly}
.mypage .top .inner .my-current ul li{text-align:center;}
.mypage .top .inner .my-current ul li a{padding:30px; display:block;}
.mypage .top .inner .my-current ul li a:hover{background-color:#edf2fa; border-radius:20px;}
.mypage .top .inner .my-current ul li .sub-txt{font-size:1.375rem}
.mypage .top .inner .my-current ul li .num{padding-top:5px; font-size:3.125rem; font-weight:600}
.mypage .top .inner .my-current ul li span{font-size:1.125rem; color:#a7b0bf; letter-spacing:-.2px}

.mypage .my-con-wrap #joinForm{display:flex; flex-grow:1}

.mypage .my-con-wrap{display:flex; margin-top:70px; gap:0 90px; font-family: 'noto', sans-serif;}
.mypage .my-con-wrap .lnb{width:255px; flex-shrink:0}
.mypage .my-con-wrap .lnb ul li a{display:block; margin-top:5px; padding:18px 30px; background:url(/assets/wavepark/img/my/m-07.png) no-repeat left 30px center / 27px; color:#96a1b3; border-radius:10px; font-size:1.063rem; font-weight:400}
.mypage .my-con-wrap .lnb ul li a > span{padding-left:48px}
.mypage .my-con-wrap .lnb ul li a > span .hidden{padding-left:0}

.mypage .my-con-wrap .lnb ul li.inorder a{background:url(/assets/wavepark/img/my/m-01.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.order a{background:url(/assets/wavepark/img/my/m-02.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.coupon a{background:url(/assets/wavepark/img/my/m-03.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.pass a{background:url(/assets/wavepark/img/my/m-04.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.qna a{background:url(/assets/wavepark/img/my/m-05.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.modify-p a{background:url(/assets/wavepark/img/my/m-06.png) no-repeat left 30px center / 27px;}

.mypage .my-con-wrap .lnb ul li.booking a:hover,.mypage.booking .my-con-wrap .lnb ul li.booking a{background:var(--secondary-color) url(/assets/wavepark/img/my/m-07-on.png) no-repeat left 30px center / 27px;}
.mypage.booking .my-con-wrap .lnb ul li.booking{background:var(--secondary-color); border-radius:10px}
.mypage .my-con-wrap .lnb ul li.inorder a:hover,.mypage.inorder .my-con-wrap .lnb ul li.inorder a{background:var(--secondary-color) url(/assets/wavepark/img/my/m-01-on.png) no-repeat left 30px center / 27px;}
.mypage.inorder .my-con-wrap .lnb ul li.inorder{background:var(--secondary-color); border-radius:10px}
.mypage .my-con-wrap .lnb ul li.order a:hover,.mypage.order .my-con-wrap .lnb ul li.order a{background:var(--secondary-color) url(/assets/wavepark/img/my/m-02-on.png) no-repeat left 30px center / 27px;}
.mypage.order .my-con-wrap .lnb ul li.order{background:var(--secondary-color); border-radius:10px}
.mypage .my-con-wrap .lnb ul li.coupon a:hover,.mypage.coupon .my-con-wrap .lnb ul li.coupon a{background:var(--secondary-color) url(/assets/wavepark/img/my/m-03-on.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.pass a:hover,.mypage.pass .my-con-wrap .lnb ul li.pass a{background:var(--secondary-color) url(/assets/wavepark/img/my/m-04-on.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.qna a:hover,.mypage.qna .my-con-wrap .lnb ul li.qna a{background:var(--secondary-color) url(/assets/wavepark/img/my/m-05-on.png) no-repeat left 30px center / 27px;}
.mypage .my-con-wrap .lnb ul li.modify-p a:hover,.mypage.modify-p .my-con-wrap .lnb ul li.modify-p a{background:var(--secondary-color) url(/assets/wavepark/img/my/m-06-on.png) no-repeat left 30px center / 27px;}

.mypage .my-con-wrap .lnb ul li.booking a:hover span,
.mypage.booking .my-con-wrap .lnb ul li.booking span,
.mypage .my-con-wrap .lnb ul li.inorder a:hover span,
.mypage.inorder .my-con-wrap .lnb ul li.inorder span,
.mypage .my-con-wrap .lnb ul li.order a:hover span,
.mypage.order .my-con-wrap .lnb ul li.order span,
.mypage .my-con-wrap .lnb ul li.coupon a:hover span,
.mypage.coupon .my-con-wrap .lnb ul li.coupon span,
.mypage .my-con-wrap .lnb ul li.pass a:hover span,
.mypage.pass .my-con-wrap .lnb ul li.pass span,
.mypage .my-con-wrap .lnb ul li.qna a:hover span,
.mypage.qna .my-con-wrap .lnb ul li.qna span,
.mypage .my-con-wrap .lnb ul li.modify-p a:hover span,
.mypage.modify-p .my-con-wrap .lnb ul li.modify-p span{color:#fff}
.mypage .my-con-wrap .my-con{flex-grow:1}

.mypage h4{font-size:1.875rem; font-weight:600; color:#333;}
.mypage .my-con .search{padding-top:40px; display:flex; align-items:center;}
.mypage .my-con .search{justify-content:space-between;}
.mypage .my-con .search > div{display:flex; align-items:center;}
.mypage .my-con .nice-select{padding-right:40px; margin-left:5px;}
.mypage .my-con .search .tit{padding-left:10px; font-size:1.063rem; color:#333;}
.mypage .my-con .search .period{display:flex; align-items:center; padding:0 5px 0 15px; flex-direction:row-reverse; flex-wrap:wrap;}
.mypage .my-con .search .period button{margin-left:3px; padding:9px 17px; border:1px solid #ddd; border-radius:5px; background:none; font-family: 'noto', sans-serif; font-size:.875rem; color:#aaa;}
.mypage .my-con .search .period button.on{border-color:var(--primary-color); color:var(--primary-color)}
.mypage .my-con .search .period .datepicker-wrap{padding-left:3px; position:relative;}
.mypage .my-con .search .period .datepicker-wrap input{padding:9px 17px; border:1px solid #ddd; width:140px; border-radius:5px; font-size:.875rem; cursor:pointer; letter-spacing:-.2px}
.mypage .my-con .search .period .datepicker-wrap img{position:absolute; top:5px; right:10px; max-width:16px}
.mypage .my-con .search .period .datepicker-wrap .ui-widget-content .ui-state-highlight:after{display:none}
.mypage .my-con .search .period button.btn-search{background-color:var(--primary-color); color:#fff; border:none}

.mypage .my-con table{margin-top:20px; }
.mypage .my-con table th{background-color:#edf2fa; font-size:1rem}
.mypage .my-con table td,.mypage.booking.view table td{text-align:center; font-size:.935rem; color:#333; font-weight:300; letter-spacing:-.2px}
.mypage .my-con table td a{font-weight:400}
.mypage .my-con table td a:hover{text-decoration:underline}

.mypage.pass .complete{background:none; color:#333; font-weight:400}

.mypage .booking-view{background-color:#edf2fa; padding:65px 0;}
.mypage .booking-view h2{padding-bottom:20px; font-family: 'Gmarket', sans-serif; font-size:1.75rem; color:#333; letter-spacing:-.2px}
.mypage .booking-view h2.space{margin-top:45px;}
.mypage .booking-view h2.space.none{margin-top:0}
.mypage .booking-view .box{position:relative; padding:55px 70px 85px; background-color:#fff; border-radius:20px;}
.mypage .booking-view .box .top-wrap{display:flex; gap:0 40px; align-items:center}
.mypage .booking-view .box .top-wrap img{border-radius:20px; max-width:150px}
.mypage .booking-view .box .top-wrap .tit{font-size:1.75rem; font-family: 'noto', sans-serif; font-weight:600; color:#333;}
.mypage .booking-view .box .top-wrap .price{padding-top:7px; font-size:1.25rem; font-weight:600; color:var(--primary-color); letter-spacing:-.2px}
.mypage .booking-view .box .top-wrap .price .discount{padding-left:5px;  font-weight:300; color:#777; color:var(--red-color)}
.mypage .booking-view .box .top-wrap .price .discount .coupon-name{padding-left:3px; color:#999;}
.mypage .booking-view .box .top-wrap .price small{padding-left:3px; font-size:1rem; font-family: 'noto', sans-serif; color:#666; font-weight:300}
.mypage .booking-view .box .top-wrap .txt-wrap{padding-top:17px;}
.mypage .booking-view .box .top-wrap .txt-wrap .con{padding-top:3px; display:flex; gap:0 15px; font-family: 'noto', sans-serif; align-items:center;}
.mypage .booking-view .box .top-wrap .txt-wrap .con .tit{color:#333; font-size:.938rem; font-weight:400}
.mypage .booking-view .box .top-wrap .txt-wrap .con .txt{color:#888; font-size:.875rem; font-weight:300; letter-spacing:-.2px}
.mypage .booking-view .box .total{display:flex; justify-content:space-between; align-items:center; margin-top:40px; font-size:1.125rem; color:#333; font-weight:600; font-family: 'noto', sans-serif; letter-spacing:-.2px}
.mypage .booking-view .box .total .txt{}
.mypage .booking-view .box .total .price{}
.mypage .booking-view .box .table-wrap{margin-top:12px; max-height:800px; overflow-y:auto}
.mypage .booking-view .box .table-wrap table th,.mypage .booking-view .box .table-wrap table td{padding:15px;}
.mypage .booking-view .box .table-wrap table td.line{border-right:1px solid #ddd;}
.mypage .booking-view .box .btn-line{position:absolute; bottom:25px; right:25px; padding:7px 13px; border:1px solid #ddd; color:#777; border-radius:5px; font-family: 'noto', sans-serif; letter-spacing:-.2px; background-color:#f0f0f0}
.mypage .booking-view .box .btn-line:hover{background-color:#ddd;}
.mypage .booking-view .box .user{display:flex; gap:5px 25px; flex-wrap:wrap; margin-top:15px; padding:25px 30px; font-family: 'noto', sans-serif; background-color:#f5f5f5; border-radius:10px; }
.mypage .booking-view .box .user li{font-weight:300; font-size:.875rem; letter-spacing:-.4px; color:#333;}
.mypage.booking.view .btn-wrap{margin:35px auto 0}


.mypage.qna-complete{text-align:center; font-family: 'noto', sans-serif; font-size:1.375rem; font-weight:600}
.mypage.qna-complete .con-wrap{padding:60px 50px; border:2px solid #333; border-radius:40px;}
.mypage.qna-complete .con-wrap.inner{width:1000px;}
.mypage.qna-complete .con-wrap .icon{display:inline-block; margin:10px 0; width:180px; height:180px; border-radius:100px; background:#ffd506 url(/assets/wavepark/img/icon-qna-complete.png) no-repeat; background-size:55%; background-position:center;}
.mypage.qna-complete .con-wrap a{margin-top:40px;}


@media only screen and (max-width:1024px){
	.mypage.qna-complete .con-wrap.inner{width:92%;}
	.mypage.booking .my-con-wrap .lnb ul li.booking{border-radius:0}
}
@media only screen and (max-width:560px){
	.mypage.qna-complete .con-wrap .icon{width:160px; height:160px;}
	.mypage.qna-complete .con-wrap{border:none;}
}





.product-cancel-con{
    display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:460px; background-color:#fff; z-index:99999; padding:35px; box-shadow:0 0 10px rgba(0,0,0,.25); border-radius:10px;  font-family:'noto',sans-serif}
.product-cancel-con .close{
    display:inline-block; position:absolute; width:35px; height:35px; top:25px; right:0; cursor:pointer; z-index:999
}
.product-cancel-con .close:before, .product-cancel-con .close:after{
    content: ""; position:absolute; top:0; left:0; width:2px; height:23px; transform:rotate(45deg); background-color:#333; border-radius:10px;
}
.product-cancel-con .close:after{
    transform:rotate(-45deg);
}

.product-cancel-con h3{
    padding-bottom:20px; font-weight:400
}

.product-cancel-con .in_contents {
    display: flex; 
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
.product-cancel-con .in-title {
    padding:8px 0 18px;
}
.product-cancel-con .in-cont {
    padding:20px 0 12px;
}
.text-center {
    text-align: center;
}
.pb-15px { 
    padding-bottom: 15px;
}
.pb-25px { 
    padding-bottom: 25px;
}
.fw-1 {
    font-size: 1.1rem;
}
.fw-2 {
    font-size: 1.5rem;
}

.product-cancel-con .notice{padding-bottom:15px; color:var(--primary-color); font-size:.875rem; line-height:1.4; font-weight:400}
.product-cancel-con .btn-wrap{padding-top:5px; display:flex; gap:0 8px;}
.product-cancel-con .btns{
    display:inline-block;
    width:100%; 
    padding:12px 0; 
    font-size:1rem; 
    background-color:#fff; 
    box-shadow:0 0 0 1px #ddd inset; 
    border:0; 
    border-radius:8px; 
    transition:all .3s;
	font-family:'noto',sans-serif;
}
.product-cancel-con .btns:hover{
    background-color:var(--primary-color); color:#fff;
} /* .reservation.order .tab-content .swiper-slide:hover button */






@media only screen and (max-width:560px){
	.mypage .booking-view{padding:50px 0 25px}
	.mypage .booking-view h2{padding-bottom:15px; font-size:1.5rem}
	.mypage .booking-view .box{padding:45px 30px 70px}
	.mypage .booking-view .box .top-wrap{align-items:start; gap:0 10px}
	.mypage .booking-view .box .top-wrap img{margin:-5px 0 0 -10px; max-width:80px;}
	.mypage .booking-view .box .top-wrap .tit{font-size:1.375rem}
	.mypage .booking-view .box .top-wrap .price{padding-top:4px;}
	.mypage .booking-view .box .top-wrap .txt-wrap{padding-top:15px;}
	.mypage .booking-view .box .top-wrap .txt-wrap .con{padding-top:2px;}
	.mypage .booking-view .box .btn-line{bottom:20px; right:17px; padding:5px 10px;}
	.mypage .booking-view .box .total{margin-top:45px; font-size:1.063rem;}
	.mypage .booking-view .box .total .txt{font-size:1.125rem}

	.product-cancel-con{padding:35px 30px; width:96%}
	.mypage .booking-view .box .table-wrap table th,.mypage .booking-view .box .table-wrap table td{padding:12px; font-size:.938rem;}
}





.mypage.coupon .coupon-tit-wrap{margin-top:40px; display:flex; justify-content:space-between; align-items:center;}
.mypage.coupon .coupon-tit-wrap .nice-select{padding-right:35px}
.mypage.coupon .coupon-tit-wrap .nice-select .current{letter-spacing:-.2px}
.mypage.coupon .coupon-tit-wrap .nice-select:after{border-width:1px; width:6px; height:6px;}
.mypage.coupon h5{font-size:1.5rem; color:var(--primary-color); font-weight:600}
.mypage.coupon .search{display:flex; justify-content:center; gap:0 10px; margin-top:20px; padding:25px 30px; background-color:#edf2fa; border-radius:10px; }
.mypage.coupon .search input{padding:15px 20px; background-color:#fff; border:none; border-radius:10px; font-size:1.063rem; letter-spacing:-.2px}
.mypage.coupon .search button{border-radius:10px}
.mypage.coupon .coupon-con{display:flex; flex-wrap:wrap; gap:0 20px; }
.mypage.coupon .coupon-con .con{display:flex; height:250px; flex-direction:column; justify-content:space-between; margin-top:20px; padding:30px; border:1px solid var(--primary-color); width:calc(50% - 10px); border-radius:15px;}
.mypage.coupon .coupon-con .con span{display:inline-block; padding:5px 15px; background-color:var(--primary-color); color:#fff; border-radius:100px; font-size:.813rem; font-weight:300; letter-spacing:-.2px}
.mypage.coupon .coupon-con .con .tit{padding-top:14px; font-size:1.25rem; color:var(--primary-color); font-weight:600}
.mypage.coupon .coupon-con .con .txt{padding-top:4px;font-size:.938rem; letter-spacing:0; color:#96a1b3}
.mypage.coupon .coupon-con .con .date{padding-top:13px; border-top:2px dotted #ddd; font-size:1rem; color:#666; letter-spacing:-.2px;}
.mypage.coupon .coupon-con .con.expiration{border:1px solid #e5e5e5; background-color:#f7f7f7;}/*c3cad5*/
.mypage.coupon .coupon-con .con.expiration span{background-color:#bac2cd}
.mypage.coupon .coupon-con .con.expiration .tit,.mypage.coupon .coupon-con .con.expiration .txt,.mypage.coupon .coupon-con .con.expiration .date{color:#c6c9cd}/* b2bdcd */
.mypage.coupon h5.space{padding-top:100px;}

.mypage .responsive-table{width:100%; overflow-x:auto}

.mypage.pass table{margin-top:35px;}

.mypage.qna .question-wrap{margin-top:35px}
.mypage.qna h4{display:flex; justify-content:space-between; align-items:center;}
.mypage.qna h4 .btn-qna{padding:7px 15px; border:1px solid var(--primary-color); color:var(--primary-color); font-size:1rem; font-weight:500; border-radius:5px; transition:all .3s}
.mypage.qna h4 .btn-qna:hover{background:var(--primary-color); color:#fff;}

.mypage.login.join{background:none}


.mypage.order table{margin:14px 0 45px;}
.mypage.inorder button.other-booking-btn{padding:7px 10px 5px; background:var(--secondary-color); color:#fff; border-radius:5px; border:none;}
.mypage.inorder button.other-booking-btn:hover{background-color:#04abdd;}
.mypage.inorder button.other-booking-btn.complete{background-color:#777; color:#fff;}
.mypage.inorder button.other-booking-btn.complete:hover{background-color:#666; }
.mypage.inorder button.other-booking-btn.ing{background-color:#f96d6d}
.mypage.inorder button.other-booking-btn.ing:hover{background-color:#eb5353}

.mypage.inorder .pay-list-wrap{display:flex; justify-content:space-between; align-items:flex-end;}
.mypage.inorder .pay-list .date{font-size:1.25rem; font-weight:600; letter-spacing:-.4px; color:#333;}
.mypage.inorder .pay-list :where(.total-num,.pro-num){padding-left:5px; font-size:.938rem; color:#111; font-weight:300; letter-spacing:-.2px}
.mypage.inorder .pay-list .total-num{color:#666; font-weight:400}
.mypage.inorder .pay-list-wrap .price{color:var(--primary-color); font-weight:500; font-size:1.125rem} /* font-family: 'Gmarket', sans-serif; */


@media only screen and (max-width:1200px){
	.mypage .top .inner{padding:30px 35px 35px 45px;}
	.mypage .top .inner .my-info .photo{width:140px; height:140px;}
	.mypage .top .inner .my-info .info h3{font-size:1.5rem}
	.mypage .top .inner .my-info .info p{padding-top:7px; font-size:.938rem}
	.mypage .top .inner .my-current ul li .sub-txt{font-size:1.125rem}
	.mypage .top .inner .my-current ul li .num{font-size:2.5rem}
	.mypage .top .inner .my-current ul li span{font-size:1rem}
	.mypage .top .inner .my-info .info{padding-left:40px;}
	.mypage .top .inner .my-info .info button{margin-top:30px}
	.mypage .my-con-wrap .lnb ul li a span{padding-left:35px;}

	.mypage .my-con-wrap{gap:0 55px}
	.mypage .my-con-wrap .lnb{width:210px}
	.mypage .my-con-wrap .lnb ul li a{padding:18px;}


	.mypage .my-con-wrap .lnb ul li.booking a:hover,.mypage.booking .my-con-wrap .lnb ul li.booking a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.order a:hover,.mypage.order .my-con-wrap .lnb ul li.order a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.coupon a:hover,.mypage.coupon .my-con-wrap .lnb ul li.coupon a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.pass a:hover,.mypage.pass .my-con-wrap .lnb ul li.pass a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.qna a:hover,.mypage.qna .my-con-wrap .lnb ul li.qna a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.modify-p a:hover,.mypage.modify-p .my-con-wrap .lnb ul li.modify-p a{background-position:left 20px center; background-size:25px;}

	.mypage .my-con-wrap .lnb ul li.booking a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.order a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.coupon a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.pass a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.qna a{background-position:left 20px center; background-size:25px;}
	.mypage .my-con-wrap .lnb ul li.modify-p a{background-position:left 20px center; background-size:25px;}
}

@media only screen and (max-width:1024px){
	.mypage .my-con-wrap{display:block; margin-top:55px;}
	.mypage .my-con-wrap .lnb{width:100%;}
	.mypage .my-con-wrap .lnb ul{display:flex; flex-wrap:wrap; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; }
	.mypage .my-con-wrap .lnb ul li{width:33.33%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-collapse:collapse}
	.mypage .my-con-wrap .lnb ul li a{margin-top:0; border-radius:0;}

	.mypage .my-con-wrap .my-con{margin-top:50px;}
	.mypage .my-con .search{padding-top:25px;}
}

@media only screen and (max-width:960px){
	.mypage .top{padding:25px 0}
}

@media only screen and (max-width:860px){
	.mypage .top .inner{padding:35px 0 15px; display:block; }
	.mypage .top .inner .my-info{justify-content:center;}	
	.mypage .top .inner .my-info .photo{width:120px; height:120px;}
	.mypage .top .inner .my-info .info{padding-left:30px}
	.mypage .top .inner .my-info .info button{margin-top:10px; padding:8px 20px;}
	.mypage .top .inner .my-current{margin-top:10px}
}
@media only screen and (max-width:768px){
	.mypage .my-con .search{justify-content:start;}
	.mypage .my-con .search > div:nth-of-type(1){display:none;}
	.mypage h4{font-size:1.5rem}
	.mypage .my-con-wrap .lnb ul li a{padding:15px;background-size:20px!important; background-position:top 15px left 16px!important}
	.mypage .my-con-wrap .lnb ul li a span{display:inline-block; padding-left:27px;}
	.mypage .my-con-wrap .lnb ul li a > span .hidden{display:none;}
	.mypage .pick-date-wrap{margin-top:5px; display:block; width:100%; text-align:left;}

	.mypage .my-con .m-wrap{display:flex; justify-content:space-between; align-items:top;}
	.mypage .my-con .m-wrap .search{padding-top:0}
	.mypage .my-con .search .period{padding:0 5px 0 0; justify-content:start;}
	.mypage .my-con .period .nice-select:nth-of-type(2){margin-left:0}
}

@media only screen and (max-width:560px){
	.mypage .top .inner .my-info .photo{width:100px; height:100px;}
	.mypage .top .inner .my-info .img .input-file-wrap label{right:-10px; width:40px; height:40px; }	
	.mypage .top .inner .my-info .info h3{font-size:1.25rem}
	.mypage .top .inner .my-current ul li .sub-txt{font-size:1rem}
	.mypage .top .inner .my-current ul li .num{padding-top:0; font-size:1.875rem}
	.mypage .top .inner .my-current ul li a{padding:20px 10px;}
	.mypage .top .inner .my-current ul li span{font-size:.938rem}

	.mypage.coupon .coupon-con{display:block}
	.mypage.coupon .coupon-con .con{margin-top:15px; padding:20px 22px;; width:100%; height:auto;}
	.mypage.coupon .coupon-con .con span{padding:3px 7px;}
	.mypage.coupon .coupon-con .con .tit{padding-top:10px; }
	.mypage.coupon .coupon-con .con .date{margin-top:10px; padding-top:10px;}
	.mypage.coupon .coupon-con .con .txt{padding-top:2px;}

	.mypage.pass table{margin-top:25px;}
	.mypage.modify-p h4{margin-bottom:15px}
	.mypage.modify-p .input-wrap label{font-size:1rem}

	.mypage .my-con-wrap .lnb ul li a span{font-size:1rem; line-height:1.3}
	.mypage.order .pay-list .date{display:block; font-size:1.313rem;}
	.mypage.order .pay-list .total-num{padding-left:0}

	.mypage.order table{margin:15px 0 45px}
}



.mypage.modify-p .my-con-wrap #loginForm{flex-grow:1;}
.mypage.modify-p .my-con-wrap .con-wrap.modify_check{padding:45px 25px; margin:35px auto 0; border-radius:15px; width:60%; text-align:center; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.15)}
.mypage.modify-p .my-con-wrap .con-wrap.modify_check .tit{font-size:1.5rem}
.mypage.modify-p .my-con-wrap .con-wrap.modify_check .note{margin-top:5px; color:#666; font-weight:300}
.mypage.modify-p .my-con-wrap .con-wrap.modify_check input{margin-top:20px; padding:13px 20px; width:70%}
.mypage.modify-p .my-con-wrap .con-wrap.modify_check .btn-wrap{margin:25px auto 0}
.mypage.modify-p .my-con-wrap .con-wrap.modify_check .btn-wrap button{padding:15px 50px; font-size:1.25rem; width:80%;}
.mypage.modify-p .btn-wrap:has(.btn-leave){margin-top:35px; justify-content:flex-end; }
.mypage.modify-p .btn-wrap:has(.btn-leave) button{padding:3px 5px; background:none; border:none; font-size:1rem; color:#999; border-bottom:1px solid #ccc;}



.product-leave-con{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:460px; background-color:#fff; z-index:99999; padding:45px 45px 30px; box-shadow:0 0 10px rgba(0,0,0,.25); border-radius:10px;  font-family:'noto',sans-serif}
.product-leave-con .close{display:inline-block; position:absolute; width:35px; height:35px; top:25px; right:0; cursor:pointer; z-index:999}
.product-leave-con .close:before, .product-leave-con .close:after{content: ""; position:absolute; top:0; left:0; width:2px; height:23px; transform:rotate(45deg); background-color:#333; border-radius:10px;}
.product-leave-con .close:after{transform:rotate(-45deg);}
.product-leave-con h3{ padding-bottom:20px; font-weight:400}
.product-leave-con .in_contents {display: flex; align-items: center; justify-content: center; margin-top: 24px;}
.product-leave-con .in-title {padding:8px 0 18px;}
.product-leave-con .in-cont {padding:20px 0 12px;}
.text-center {text-align: center;}
.pb-15px { padding-bottom: 15px;}
.pb-25px { padding-bottom: 25px;}
.fw-1 {font-size: 1.1rem;}
.fw-2 {font-size: 1.5rem;}
.product-leave-con .btn-wrap{padding-top:20px; display:flex; gap:0 8px;}
.product-leave-con .btns{display:inline-block; width:100%;  padding:12px 0; font-size:1rem; background-color:#fff; border:1px solid #666; border-radius:8px; transition:all .3s; font-family:'noto',sans-serif;}
.product-leave-con .btn-memberleave{color:#aaa; border:1px solid #ccc;}
.product-leave-con .btns:hover{background-color:var(--primary-color); color:#fff;}
.product-benefit-con{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:460px; background-color:#fff; z-index:99999; padding:35px; box-shadow:0 0 10px rgba(0,0,0,.25); border-radius:10px;  font-family:'noto',sans-serif}
.product-benefit-con .close{display:inline-block; position:absolute; width:35px; height:35px; top:25px; right:0; cursor:pointer; z-index:999}
.product-benefit-con .close:before, .product-benefit-con .close:after{content: ""; position:absolute; top:0; left:0; width:2px; height:23px; transform:rotate(45deg); background-color:#333; border-radius:10px;}
.product-benefit-con .close:after{transform:rotate(-45deg);}
.product-benefit-con h3{padding-bottom:20px; font-weight:400}
.product-benefit-con .in_contents {display: flex; align-items: center; justify-content: center; margin-top: 24px;}
.product-benefit-con .in-title {padding:0px 0 18px;}
.product-benefit-con .in-cont {padding:5px 0 12px;}
.product-benefit-con .btn-wrap{padding-top:15px; display:flex; gap:0 8px;}
.product-benefit-con .btns{display:inline-block; width:100%; padding:12px 0; font-size:1rem; background-color:#fff; border:1px solid #ddd; border-radius:8px; transition:all .3s; font-family:'noto',sans-serif;}
.product-benefit-con .btns:hover{background-color:var(--primary-color); color:#fff;}
.product-benefit-con .btns.color{background-color:var(--primary-color); color:#fff;}
.product-benefit-con img{display:block; margin:0 auto 15px; text-align:center; max-width:80px}


.product-leave-con .in-cont p.light,.product-benefit-con .in-cont p.light{font-weight:300; color:#666; text-align:center; font-size:.938rem}




@media only screen and (max-width:768px){
	.mypage.modify-p .my-con-wrap .con-wrap.modify_check{width:90%;}
}

@media only screen and (max-width:560px){
	.mypage.modify-p .my-con-wrap .input-wrap{width:100%;}
	.product-leave-con,.product-benefit-con{width:92%;}
	.product-benefit-con{padding:30px;}
}









/* 분실물센터 */
.lost table td{font-weight:300; color:#666; font-size:.938rem}
.lost .keep{color:var(--primary-color)}

/* 고객의소리 */
.voc table{width:100%}
.voc table td{font-weight:300}
.voc .ck-editor{width:100%}
.voc .chk_box.circle{margin-left:20px}
.voc .chk_box.circle.first{margin-left:0}
.voc .chk_box.circle .active{top:2px; width:22px; height:22px; left:0; background-color:#fff;}
.voc .chk_box.circle .txt{padding-left:30px; font-size:1rem; letter-spacing:-.2px}
.voc .nice-select{padding-right:40px;}
.voc .nice-select:after{border-width:1px; width:6px; height:6px;}
.voc .ui-datepicker-trigger{margin-left:10px;}
.voc table.basic th{padding:20px 23px; font-size:1rem}
.voc td{font-weight:300; color:#333; letter-spacing:-.2px}
.voc .agree{margin-bottom:50px; padding:62px 70px; border-radius:10px; font-weight:300; box-shadow:2px 2px 20px rgba(0,0,0,.1)}
.voc .agree > p{font-size:1rem; letter-spacing:-.4px}
.voc .agree .con-wrap{margin-top:30px; display:flex; }
.voc .agree .con-wrap dl{flex-grow:1; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.voc .agree .con-wrap dl:last-child{border-right:0}
.voc .agree .con-wrap dl dt,.voc .agree .con-wrap dl dd{padding:14px; }
.voc .agree .con-wrap dt{text-align:center; flex-grow:1; background-color:#f3f4f5; }
.voc .agree .con-wrap dd{color:#333; font-size:.938rem; text-align:center;}
.voc .agree .con-wrap ul{margin-top:2px; }
.voc .agree ul{padding:20px 0 0;}
.voc .agree ul li{position:relative; padding:1px 0 0 12px; font-size:.813rem; color:#888; letter-spacing:-.4px; font-weight:200}
.voc .agree ul li:before{content:''; position:absolute; width:5px; height:1px; background-color:#aaa; top:11px; left:0;}
.voc .agree-box{padding-top:25px;}
.voc .agree-box .chk_box .active{left:0;}
.voc .agree-box .chk_box .txt{padding-left:35px; font-size:1.063rem}
.voc .agree-box .chk_box input[type="checkbox"]:checked + .active,.voc .agree .chk_box input[type="radio"]:checked + .active{background:var(--secondary-color)}



.voc .flex-table{border-top:2px solid #333;}
.voc .flex-table > ul,.voc .flex-table ul > li > ul{display:flex; width:100%; align-items:stretch;}
.voc .flex-table > ul li:not(:has(>ul),.nice-select .option,.ck){padding:20px; border-bottom:1px solid #ddd;}
.voc .flex-table ul li:has(>ul){display:flex; width:100%;}
.voc .flex-table ul li > ul{width:50%}
.voc .flex-table ul li.tit{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:180px;background-color:#f9f9f9; }
.voc .flex-table ul li.con{flex-grow:1}
.voc .flex-table ul li .datepicker-wrap{display:flex; align-items:center;}
.voc .flex-table input{padding: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 1rem; font-weight: 300; letter-spacing: -.2px; width:100%}
.voc .flex-table .date input{width:calc(100% - 35px)}
.voc .ck-editor{width:100%;}


.lost .top{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:35px;}
.notice.lost .search-con{padding-bottom:8px; margin-bottom:0}
.lost .search-con input{width:120px}
.lost .search-con input.border{padding:8px 10px; width:150px; border:1px solid #ddd; border-radius:5px;}
.lost table td .place{color:#333; font-weight:600; padding-right:5px;}

@media only screen and (max-width:1200px){
	.voc .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items{flex-wrap:wrap;}
}
@media only screen and (max-width:1024px){
	.voc .flex-table ul li.tit{width:130px}
	.voc .chk_box.circle .txt{font-size:.938rem; color:#333;}
	.voc .flex-table > ul li:not(:has(>ul),.nice-select .option,.ck){padding:17px 15px;}
	.voc .agree ul li:before{top:8px}
}
@media only screen and (max-width:860px){
	:where(.voc table tr.m-block) :where(th,td){display:inline-block;}
	.voc table tr.m-block th{width:30%}
	.voc table tr.m-block td{width:70%}
}
@media only screen and (max-width:768px){
	.voc .flex-table ul li:has(>ul){flex-wrap:wrap}
	.voc .flex-table ul li > ul{width:100%}
	.voc .agree{padding:55px 45px;}

	.lost .top{flex-direction:column-reverse; align-items:center;}
	.lost .top > .red{padding-top:15px;}
}
@media only screen and (max-width:560px){
	.voc .agree{padding:40px 30px;}
	.voc .flex-table ul li.tit{padding:17px 10px; width:75px}
	.voc .chk_box.circle{margin:4px 0 4px 10px;}
	.voc .chk_box.circle .active{width:18px; height:18px;}
	.voc .chk_box.circle .txt{padding-left:22px; font-weight:300}
	.voc .chk_box.circle .txt .hidden,.voc .flex-table li.tit .hidden{display:none}
	.voc .agree-box .chk_box .txt{font-size:1rem}
	.voc .agree .con-wrap dl dt,.voc .agree .con-wrap dl dd{padding:12px;}
	.voc .agree .con-wrap dl dd{font-size:.875rem}

	.notice.lost .search-con{display:block; margin:0 auto; padding-bottom:0; border-bottom:0}
	.notice.lost .search-con > div > img{display:inline-block; margin-top:-8px; max-width:20px; vertical-align:middle;}
	.notice.lost .search-con .datepicker-wrap input{padding:15px 10px}
	.notice.lost .search-con button.btn{display:block; margin-top:10px;  padding:12px; width:100%; background:var(--primary-color); border-radius:5px;}
	.notice.lost .search-con button.btn:before{content:'검색'; color:#fff; font-size:1.125rem; font-family: 'noto', sans-serif;}
	.lost table td .place{display:block}
	.lost .search-con input.border{width:100%; }
	/*.lost table th:first-child,.lost table td.num{display:none}*/
	.lost table th,.lost table td{padding:15px 5px}

}


/* 시즌패스 */
.season h1 p{padding-top:25px; font-size:1.25rem;}
.season .visual{background:url(/assets/wavepark/img/reservation/season-top-bg.jpg) no-repeat center; height:550px; background-size:cover}
.season .tab-content{text-align:center;}
.season .tab-content .sub-tit{padding-top:50px; font-size:2.125rem}
.season .tab-content .tit{font-size:2.875rem; color:#1d3a8f;}
.season .tab-content .tit span{display:inline-block; padding-top:10px; color:#e30b13}
.season .tab-content .tit img{max-width:200px;}
.season .tab-content .date{margin-top:50px; display:flex; border:2px solid var(--secondary-color); border-radius:15px;}
.season .tab-content .date >*{padding:30px 50px; font-size:1.125rem;}
.season .tab-content .date .txt{border-right:2px solid var(--secondary-color); font-weight:600}
.season .tab-content .date .info{color:#6a6a6a;}
.season .tab-content .btn-area {margin-top:60px;}
.season .tab-content .btn-area a{display:inline-block; padding:23px 70px; background:var(--primary-color); border-radius:100px; color:#fff; font-size:1.5rem}
.season .tab-content .btn-area a:hover{background:#0b2456}

@media only screen and (max-width:960px){
	.sub.enjoy.season{padding:100px 0 150px}
	.season .visual{height:450px}
}
@media only screen and (max-width:768px){
	.sub.enjoy.season{padding:80px 0 130px}
	.season h1 p{padding-top:15px; font-size:1rem;}
	.season .tab-content .sub-tit{font-size:1.5rem}
	.season .tab-content .tit{font-size:2.5rem; line-height:1.1}
	.season .tab-content .date >*{padding:20px 35px;}
}
@media only screen and (max-width:560px){
	.sub.enjoy.season{padding:60px 0 120px}
	.season .visual{height:250px}
	.season .tab-content .tit img{max-width:110px;}
	.season .tab-content .sub-tit{padding-top:20px; font-size:1.063rem}
	.season .tab-content .tit{font-size:1.875rem;}
	.season .tab-content .date >*{padding:15px 25px; font-size:1.063rem}
	.season .tab-content .date{margin-top:30px}
	.season .tab-content .btn-area{margin-top:30px;}
	.season .tab-content .btn-area a{padding:15px 50px; font-size:1.25rem}
}


.etc p.space{padding-top:10px;}
.etc h2{padding-top:15px; font-size:1.75rem;}
.etc h2.space{padding-bottom:15px;}
.etc h3{padding-top:25px; font-size:1.188rem; font-family:'noto',sans-serif; font-weight:500; color:#333;}
.etc h4{padding:20px 0 10px; font-size:1rem; font-family:'noto',sans-serif; font-weight:500; color:#333;}
.etc h4.in{padding:8px 0 0;}
.etc .con{padding:10px 0; font-family:'noto',sans-serif; font-weight:300; font-size:.938rem; color:#666; line-height:1.6}
.etc .con.space-none{padding:0;}
.etc .con.space{margin-top:35px;}
.etc .con .list{padding:5px 0; display:flex}
.etc .con .list .num{width:23px; flex-shrink:0;}
.etc .con .list >div:not(.num){flex-grow:1; text-align:left; line-height:1.6}
.etc .con .noti{padding:10px 0; display:block; color:var(--primary-color)}
.etc .con ul{display:block; padding:5px 0 0 20px;}
.etc .con ul li{padding:2px 0;}
.etc .con ul li .con{padding-top:0;}
.etc .con ul li h4{padding-top:10px}
.etc .con ul li:has(ul) h4{padding-bottom:5px;}
.etc .tab-list{flex-wrap:wrap; gap:10px;}
.etc .tab-list .tab-link{padding:15px; border:0; border:1px solid #ddd; border-radius:5px; color:#666; font-size:.938rem}
.etc .tab-list .tab-link.on,.etc .tab-list .tab-link:hover{color:#fff; }
.etc.privacy p.txt{padding:5px; font-weight:300}
.etc strong{font-weight:600}
.etc .tab-content{padding-top:0;}
.etc table{margin:15px 0;}
.etc table td{font-weight:300; font-size:1rem}

.etc.associate h2{padding-top:7px;}
.etc.associate .mail{display:grid; grid-gap:18px; grid-template-columns:repeat(2, 1fr)}
.etc.associate .mail .con{padding:50px 20px; display:block; text-align:center; border:1px solid #777; border-radius:10px; transition:.3s all}
.etc.associate .mail .con:hover{background-color:#fafafa;}
.etc.associate .mail .icon{display:inline-block; position:relative; width:25px; height:18px; background:#555; border-radius:3px;}
.etc.associate .mail .icon:before,.etc.associate .mail .icon:after{content:''; display:block; position:absolute; top:0; left:0; width:0; height:0}
.etc.associate .mail .icon:before{border:12px solid transparent; border-top-color:#fff;}
.etc.associate .mail .icon:after{left:2px; border:10px solid transparent; border-top-color:#555;}
.etc.associate .mail p{padding-top:30px; color:#666; font-family:'noto',sans-serif; letter-spacing:-.2px; font-weight:300}

.etc.rejemail  h2{padding-top:15px; font-size:1.25rem; line-height:1.52}
.etc.rejemail .mail{padding:0 7%; grid-template-columns:repeat(1,1fr);}
.etc.rejemail .mail .con{padding:70px ;}
.etc.rejemail .mail .icon{width:45px; height:30px;}
.etc.rejemail .mail .icon:before{border-width:22px}
.etc.rejemail .mail .icon:after{border-width:20px}

@media only screen and (max-width:768px){
	.etc.associate h2{font-size:1.5rem}
	.etc.associate .mail{display:block;}
	.etc.associate .mail .con{margin-top:16px; padding:30px 15px;}
	.etc.associate .mail p{padding-top:15px;}

	.etc.rejemail  h2{padding-top:15px; font-size:1.125rem; line-height:1.52}
	.etc.rejemail .mail{padding:0 5%}
	.etc.rejemail .mail .con{padding:50px;}
	.etc.rejemail .mail .icon{width:35px; height:25px;}
	.etc.rejemail .mail .icon:before{border-width:17px}
	.etc.rejemail .mail .icon:after{border-width:15px}	
}
@media only screen and (max-width:560px){
	.etc .tab-list .tab-link{padding:12px; font-size:.875rem}
	.etc.rejemail .mail{padding:0 3%}
	.etc.rejemail  .mail .con{padding:50px 35px}
}


.ui-widget-header{background:none!important; border:none!important}
.ui-datepicker{/*left: auto!important; right: 30px;*/ border-radius:7px!important; margin:20px 0 0; width:350px!important; padding:15px; z-index:9999!important;}
.ui-datepicker table,.ui-datepicker th,.ui-datepicker tr{background-color:#fff;}
/*.ui-datepicker tr:nth-child(5) td:first-child{background-color:var(--primary-color); border-radius:100px}
.ui-datepicker tr:nth-child(5) td:first-child a{color:#fff!important;}*/
.ui-datepicker .ui-datepicker-prev span:before,.ui-datepicker .ui-datepicker-prev span:after,.ui-datepicker .ui-datepicker-next span:before,.ui-datepicker .ui-datepicker-next span:after{content:''; position:absolute; left:0; top:5px; width:8px; height:2px; background-color:#999;}
.ui-datepicker .ui-datepicker-prev span:before{transform:rotate(135deg)}
.ui-datepicker .ui-datepicker-prev span:after{top:10px; transform:rotate(45deg)}
.ui-datepicker .ui-datepicker-next span:before{top:10px; transform:rotate(135deg)}
.ui-datepicker .ui-datepicker-next span:after{transform:rotate(45deg)}
.ui-datepicker .ui-datepicker-next{right:-4px;}
.ui-widget-header,.ui-widget.ui-widget-content{padding:25px 25px 20px; border:0; background:#fff;}
.ui-datepicker .ui-datepicker-title{font-size:1.375rem; font-family: 'Gmarket', sans-serif; font-weight:600; color:#333;}
.ui-state-default, .ui-widget-content .ui-state-default{border:none!important; background:none!important; text-align:center!important;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight{position:relative; }
.ui-state-highlight:after,.ui-widget-content .ui-state-highlight:after{content:''; position:absolute; top:2px; left:50%; transform:translateX(calc(-50% + 2.3px)); width:6px; height:6px; border-radius:100px; background-color:#01b6ed}
.ui-datepicker th{font-family: 'Gmarket', sans-serif; font-size:1rem; color:#666;}
.ui-datepicker th:first-child{color:var(--red-color);}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled,.ui-datepicker td a{padding:.625rem!important; font-size:.938rem!important;}
.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{background-image:none}
.ui-state-active, .ui-widget-content .ui-state-active{color:#333;!important}
.ui-state-default,.ui-widget-content .ui-state-default{ color:var(--primary-color)!important}
.ui-state-disabled, .ui-widget-content .ui-state-disabled span{padding:0}

@media only screen and (max-width:560px){
	.ui-datepicker .ui-datepicker-title{font-size:1.25rem}
	.ui-datepicker{width:300px!important; margin:15px 0 0}
	.ui-widget-header, .ui-widget.ui-widget-content{padding:15px;}
	.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .ui-datepicker td a{padding:.5rem!important}
}



.fix-btn{display:scroll; position:fixed; right:30px; bottom:30px;  z-index:99999; }
.fix-btn .scroll-top{margin-bottom:3px;}
.fix-btn .scroll-top,.fix-btn .scroll-bottom{display:block; position:relative; width:50px; height:50px; border-radius:100px; background:rgba(0,0,0,.6); border:0;}
.fix-btn .scroll-top:hover,.fix-btn .scroll-bottom:hover{background:rgba(0,0,0,.7)}
.fix-btn .scroll-top:before,.fix-btn .scroll-top:after,.fix-btn .scroll-bottom:before,.fix-btn .scroll-bottom:after{content:''; position:absolute; left:23px; width:10px; height:2px; background-color:#fff; transform:translate(-50%) rotate(135deg)}
.fix-btn .scroll-top:before,.fix-btn .scroll-top:after{top:23px;}
.fix-btn .scroll-top:after{transform:rotate(-135deg); left:24px;}
.fix-btn .scroll-bottom:before{transform:rotate(45deg); left:17px}
.fix-btn .scroll-bottom:after{transform:rotate(135deg);}

@media only screen and (max-width:560px){
	.fix-btn{right:15px; bottom:15px;}
	.fix-btn .scroll-top,.fix-btn .scroll-bottom{width:45px; height:45px;}
	.fix-btn .scroll-top:before,.fix-btn .scroll-top:after,.fix-btn .scroll-bottom:before,.fix-btn .scroll-bottom:after{left:21px;}
	.fix-btn .scroll-top:before,.fix-btn .scroll-top:after{top:21px;}
	.fix-btn .scroll-bottom:before{left:15px;}
	.fix-btn .scroll-top:before{left:20px;}
}



.tip-box{margin-top:80px; padding-top:20px; border-top:1px solid #ddd; text-align:left; font-family:'noto',sans-serif;}
.tip-box .tit{margin-bottom:8px; font-size:1.188rem; color:var(--primary-color); font-weight:600}
.tip-box .txt{padding-left:21px; color:rgba(0,0,0,.75)}
.tip-box.package{margin-top:0; padding:15px 20px 0;}
.tip-box.package .tit{margin-bottom:3px; font-size:1rem}
.tip-box.package .txt{padding-left:0; font-size:.813rem}


/* 동균님요청 */

/*
iframe.skiptranslate { 
    display: none !important; 
} /* 상단 플로팅 바 옵션 가리기 */
body { 
    /* position: static !important;  */
    top:0px !important; 
}
.goog-logo-link { 
    display:none !important; 
}
.goog-te-gadget { 
    color: transparent !important; 
}


.card-po{margin-top:50px; padding-bottom:250px; padding-top:35px; border-top:1px solid #ddd;}
.card-po .on{}
.card-po .txt{color:#333; font-size:1.063rem; }
.card-po .list{display:flex;}
.card-po ul{display:grid; gap:5px 30px; grid-template-columns:repeat(16, 1fr)}
.card-po ul li{}
.card-po ul li .img{display:flex; align-items:center; justify-content:center; height:25px; text-align:center;}
.card-po ul li img{max-height:25px;}
.card-po .hori img{max-height:15px}
.card-po ul li p{padding-top:5px; font-size:.75rem; color:#555; letter-spacing:-.2px; text-align:center;}
.card-po ul li.overseas{margin-left:15px; padding-left:30px; border-left:1px solid #ddd;}
.card-po .off{margin:8px 0 20px; padding:8px 15px; background-color:#f1f1f1; border-radius:5px; font-family:'noto',sans-serif; font-size:.938rem; font-weight:300; letter-spacing:-.2px}
.card-po .off span{font-weight:600}

@media only screen and (max-width:1400px){
	.card-po .txt{text-align:center;}
	.card-po .on,.card-po .list{display:block;}		
	.card-po ul{gap:10px; grid-template-columns:repeat(8, 1fr)}
}
@media only screen and (max-width:560px){
	.card-po ul{grid-template-columns:repeat(5, 1fr)}
	.card-po ul li.overseas{margin-left:0; padding-left:15px;}
}
@media only screen and (max-width:479px){
	.card-po{padding-bottom:200px}
	.card-po ul{grid-template-columns:repeat(4, 1fr)}
	
}



/*  lg b2b */
#lglifecareHead{padding:7px 0 0; height:auto!important;}
#lglifecareHead .header_util{border-bottom:1px solid #eee; line-height:inherit!important;}
#lglifecareHead .header_util > a img:first-child{width:16px!important; height:16px!important;}
#lglifecareHead .inner{width:100%!important; padding:0 15px!important; display:flex!important; justify-content:space-between; align-items:center;}
#lglifecareHead > div{height:auto!important;}
#lglifecareHead .inner .util_logo{padding:4px 0 6px!important}

@media only screen and (max-width:650px){
	#lglifecareHead .inner{padding:0 15px!important;}
}



.feeinfo .fee .con-wrap .con .mio-price > div .price .mo-br{font-weight:normal; font-size:.875rem; letter-spacing:-.2px}
@media only screen and (max-width:560px){
	.mo-br{display:block}
	.feeinfo .fee .con-wrap .con .mio-price > div .price .mo-br{font-weight:normal; font-size:.875rem}
}