@charset "utf-8";

@font-face {
	font-family: "ygo";
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/ygo110.woff') format("woff")
}

@font-face {
	font-family: "ygo";
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/ygo120.woff') format("woff")
}

@font-face {
	font-family: "ygo";
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/ygo130.woff') format("woff")
}

@font-face {
	font-family: "ygo";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ygo140.woff') format("woff")
}

@font-face {
	font-family: "ygo";
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/ygo150.woff') format("woff")
}

@font-face {
	font-family: "ygo";
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/ygo160.woff') format("woff")
}

@font-face {
	font-family: "ygoType2";
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/ygo220.woff') format("woff")
}

@font-face {
	font-family: "ygoType2";
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/ygo230.woff') format("woff")
}

@font-face {
	font-family: "ygoType2";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ygo240.woff') format("woff")
}

@font-face {
	font-family: "ygoType2";
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/ygo250.woff') format("woff")
}

@font-face {
	font-family: "ygoType3";
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/ygo330.woff') format("woff")
}

/* Reset */
html {
	font-size: 10px;
}

body * {
	box-sizing: border-box;
	outline: none;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
blockquote,
pre,
code,
address,
ul,
ol,
li,
menu,
nav,
section,
article,
aside,
dl,
dt,
dd,
table,
thead,
tbody,
tfoot,
label,
caption,
th,
td,
form,
fieldset,
legend,
hr,
input,
button,
textarea,
object,
figure,
figcaption {
	margin: 0;
	padding: 0;
}

body {
	font-size: 1rem;
	font-weight: 200;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break: break-all;
}

body,
input,
select,
textarea,
button {
	border: none;
	font-size: 1.6rem;
	font-family: 'ygo', sans-serif;
	color: #31343b;
}

ul,
ol,
li {
	list-style: none;
}

table {
	border-spacing: 0;
}

img,
fieldset {
	border: 0;
}

address,
cite,
code {
	font-style: normal;
	font-weight: normal;
}

em,
i {
	font-style: normal;
}

label,
img,
input,
select,
textarea,
button {
	vertical-align: middle;
}

.hide,
legend {
	overflow: hidden;
	display: block;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

hr {
	display: none;
}

main,
header,
section,
nav,
footer,
aside,
article,
figure {
	display: block;
}

a {
	color: #31343b;
	text-decoration: none;
	font-size: 1.6rem;
}

button {
	cursor: pointer;
	color: #31343b;
	background-color: transparent;
	outline: none;
}

* {
	-webkit-tap-highlight-color: transparent;
}

caption {
	position: relative;
}

/* 공통 */
.clear {
	clear: both;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.wrap {
	/* min-width: 1300px; */
}

.contents_wrap {
	width: 130rem;
	margin: 0 auto;
	/* outline: 1px solid red; */
}

.flex_layer {
	display: flex;
}

.mar_top57 {
	margin-top: 5.7rem;
}

/* top_bar */
.top_bar {
	padding: 2rem 0;
	background-color: #31343b;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 100;
	text-align: center;
}

/* header */
header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	background-color: #fff;
	border-bottom: 6px solid rgb(247,220,83);
}

header h1 {
	margin-bottom: 1.2rem;
	text-align: center;
}

header h1 a {
	margin-top: 1.7rem;
	height: 10.7rem;
	display: block;
}

header ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

header ul a {
	display: block;
	padding: 10px 0;
	font-weight: 300;
	border-bottom: 6px solid transparent;
	margin-bottom: -6px;
}

header ul a:hover{
	border-bottom: 6px solid #ed6d00;
}

header ul li.online a {
	font-size: 2rem;
	font-style: italic;
	color: #f16e00;
	font-weight: 500;
}

/* 배너 */
main {
	margin-top: 221px;
}

.swiper-container {
	position: relative;
	margin-top: -8px;
}

.swiper-container .contents_wrap {
	position: relative;
}

.swiper-container .contents_wrap>div {
	position: absolute;
	top: -6.8rem;
	left: 50%;

}

.main_top_banner {
	position: relative;
	height: 78rem;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}

.img_center {
	text-align: center;
	position: absolute;
	top: 0;
	right: -200%;
	bottom: 0;
	left: -200%;
}

.main_top_banner img {
	max-height: 100%;
	max-width: 100%;
}

.swiper-pagination {
	position: relative;
	transform: none;
	display: inline-block;
	width: 16.8rem;
	height: 3.4rem;
	line-height: 3.8rem;
	background-color: #919293;
	border-radius: 2rem;
}

.swiper-pagination *~* {
	margin-left: 2rem;
}

.swiper-pagination-bullet {
	width: 1.4rem;
	height: 1.4rem;
	background-color: #f5f5f5;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background-color: #1993be;
}

.swiper_btn_wrap {
	position: absolute;
	width: 1300px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.swiper-button-prev {
	background: url('../images/icon_prev.png') no-repeat center;
	width: 64px;
	height: 64px;
}

.swiper-button-next {
	background: url('../images/icon_next.png') no-repeat center;
	width: 64px;
	height: 64px;
}

/* 써니어드벤처 */
.adventure_contents {
	padding: 10rem 0 15.3rem;
	text-align: center;
}

.adventure_contents h2 img {
	width: 53.6rem;
	margin: 0 auto;
	display: block;
}

.adventure_contents .flex_layer {
	padding-left: 3.4rem;
	margin-top: 7.8rem;
	padding-bottom: 12.6rem;
	justify-content: space-around;
	align-items: center;
}

.adventure_contents .flex_layer img {
	width: 57.4rem;
}

.adventure_contents .flex_layer>div {
	text-align: left;
}

.adventure_contents .flex_layer>div strong {
	display: block;
	padding-bottom: 6.4rem;
	font-size: 20px;
	font-style: italic;
	color: #ee6e00;
	font-weight: 300;
}

.adventure_contents .flex_layer>div p {
	line-height: 3.6rem;
	font-size: 1.8rem;
}

.adventure_contents .flex_layer>div p em {
	color: #1abdf1;
}

/* 워터파크 */
.water_contents {


	background: url('../images/img_wave.png') no-repeat top center / cover;
}

.water_contents .contents_wrap {
	padding-bottom: 13.8rem;
	position: relative;
}

.water_contents .ribbon {
	position: absolute;
	top: -11.3rem;
	left: 50%;
	transform: translateX(-50%);
	width: 61.3rem;
}

.water_contents .ribbon img {
	width: 100%;
}

.water_contents ul {
	padding-top: 44.2rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 7.3rem;
}

.water_contents ul li {
	text-align: center;
}

.water_contents ul li img {
	width: 100%;
}

/* 티켓예매 */
.ticket_contents {
	margin-top: -2.3rem;
	background-color: #da334b;
}

.ticket_contents .contents_wrap {
	text-align: center;
	position: relative;
	padding-bottom: 6.4rem;
}

.ticket_contents .ticket_circle {
	position: absolute;
	top: -4.8rem;
	left: 50%;
	transform: translateX(-50%);
	width: 9.6rem;
	height: 9.6rem;
	border-radius: 50%;
	background: url('../images/img_circle.png') no-repeat center / 100%;
}

.ticket_contents strong {
	display: block;
	padding-top: 9.7rem;
	padding-bottom: 5.9rem;
	font-size: 2.4rem;
	font-weight: 500;
	color: #fff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ff7a0f;
}

.ticket_contents ul {
	display: flex;
	justify-content: center;
	gap: 1.2rem;
}

.ticket_contents .ticket_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 14.6rem;
	height: 14.6rem;
	border-radius: 50%;
	outline: 2px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 2rem;
	background-color: #5cc7ff;
	line-height: 3rem;

	position: absolute;
	right: 9.4rem;
	top: 4.5rem;
}


.ticket_contents .ticket_btn em {
	font-style: italic;
}

.glamping_contents {
	padding-top: 8.8rem;
	padding-bottom: 14.4rem;
	background: url('../images/img_glam.png') no-repeat top center / cover;
}

.glamping_contents .contents_wrap {
	text-align: center;
}

.glamping_contents .contents_wrap .glamping {
	margin-bottom: 9.7rem;
}

.glamping_contents .contents_wrap ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3.8rem;
}

/* 이용안내 */
.utilize_contents {
	background: #e0e0e0 url('../images/img_tube.png') no-repeat bottom center / contain;
}

.utilize_contents .contents_wrap {
	padding: 5.2rem 9.8rem 26.7rem;
}

.utilize_contents .util_title {
	display: block;
	padding-bottom: 3.6rem;
	font-size: 3.3rem;
	color: #282828;
	font-weight: 300;
	text-align: center;
}

.utilize_contents .utilize {
	padding-bottom: 2.3rem;
	text-align: center;
}

.utilize_contents p {
	padding-bottom: 4.2rem;
	text-align: center;
	font-size: 1.8rem;
	color: #5e5e5e;
	line-height: 2.4rem;
}

.utilize_contents .utilize_list>li {
	display: flex;
	/* align-items: center; */
	border-radius: 1.4rem;
	overflow: hidden;
}

.utilize_contents .utilize_list>li~li {
	margin-top: 4.8rem;
}

.utilize_contents .utilize_list>li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 12.3rem;
	background-color: #318ecf;
	color: #fff;
	font-size: 4.5rem;
	font-weight: 600;
	text-align: center;
}

.utilize_contents .utilize_list>li .utilize_txt {
	background-color: #a8dffe;
	padding: 3rem 6.6rem;
	width: calc(100% - 12.3rem);
}

.utilize_contents .utilize_list>li .utilize_txt strong {
	font-size: 2rem;
	display: block;
	padding-bottom: 2.8rem;
	color: #343434;
	font-weight: 400;
}

.utilize_txt ul li {
	font-weight: 200;
	font-size: 1.8rem;
	color: #343434;
	line-height: 2.7rem;
}

.utilize_txt ul li span {
	color: #fc0a0a;
	font-weight: 300;
}

.utilize_txt ul li~li {
	padding-top: 3.2rem;
}

/* 요금안내 */
.pay_contents {
	background-color: #3c4450;
}

.pay_contents .contents_wrap {
	padding: 11.7rem 13rem 9.4rem;
}

.pay_contents .pay_title {
	display: block;
	padding-bottom: 8rem;
	text-align: center;
	font-size: 3.3rem;
	font-weight: 300;
	color: #fff;
}

.pay_contents p {
	padding-bottom: 2.4rem;
	font-size: 2.2rem;
	color: #fff;
}

.pay_contents table {
	width: 100%;
	border: 1px solid #fff;
	border-bottom: none;
	border-right: none;
}

.pay_contents table thead th {
	color: #fff;
	height: 4.6rem;
	line-height: 4.6rem;
	background-color: #25aaff;
	font-weight: 200;
	font-size: 1.8rem;
	border-right: 1px solid #fff;
}

.pay_contents table tbody td {
	padding: 0 1.8rem;
	color: #fff;
	height: 4.6rem;
	line-height: 4.6rem;
	font-weight: 200;
	font-size: 1.8rem;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}

.pay_contents table tbody td:first-child {
	text-align: left;
}

/* 위치안내 */
.map_contents .contents_wrap {
	padding: 9.2rem 13rem 18.4rem;
}

.map_contents strong {
	font-size: 3.3rem;
	font-weight: 300;
	color: #282828;
	display: block;
	text-align: center;
	padding-bottom: 9.6rem;
}

.map_contents ul {
	padding-bottom: 3.3rem;
}

.map_contents ul li {
	color: #3c4450;
	font-size: 2.2rem;
	font-weight: 100;
}

.map_contents ul li~li {
	padding-top: 2.2rem;
}

.map_contents img {
	width: 100%;
	display: block;
}


/* 공지사항 */
.notice_contents .contents_wrap {
	padding: 5.2rem 13rem 0 13rem;
}
.notice_contents strong {
	font-size: 3.3rem;
	font-weight: 300;
	color: #282828;
	display: block;
	text-align: center;
	padding-bottom: 1.6rem;
}

.notice_contents ul {
	padding-bottom: 20.3rem;
}

.notice_contents ul li {
	color: #3c4450;
	font-size: 2.2rem;
	font-weight: 100;
}

.notice_contents ul li~li {
	padding-top: 2.2rem;
}


.notice_contents .notice-wrapper {
	margin: 0 auto;
	max-width: 1030px;
	padding: 5rem;
}
@media screen and (max-width:1000px) {
	.notice_contents .contents_wrap {
		padding: 1rem 13rem 4rem 13rem;
	}
	.notice_contents .notice-wrapper {
		padding: 20px 20px 80px 20px;
	}
}
.notice_contents .notice-wrapper ul.notice-boards {
	display: flex;
	flex-direction: column;
	padding-bottom: 3rem;
	gap: 10px;
}
.notice_contents .notice-wrapper ul.notice-boards li {
	padding: 0;
	display: flex;
	flex-direction: column;
}
.notice_contents .notice-title {
	padding: 0 20px;
	background: #444;
	color: #fff;
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
}
.notice_contents .notice-title p {
	width: calc(100% - 100px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.notice_contents .notice-title span {
	width: 100px;
	text-align: right;
}
.notice_contents .notice-dec {
	border: none;
	overflow: hidden;
	height: 0;
	margin: 0;
	font-size: 16px;
	line-height: 26px;
}
.notice_contents .notice-wrapper ul.notice-boards li.active .notice-dec {
	height: auto;
	padding: 12px 20px;
	border: 1px solid #444;
	margin: 20px 0;
}

.notice_contents .notice-pagination {
	gap: 10px;
	display: flex;
	justify-content: center;
}
.notice_contents .notice-pagination > div {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: #ddd;
}
.notice_contents .notice-pagination div span {
	color: #fff;
}
.notice_contents .notice-pagination > div.active {
	background: #ffc400;
}
.notice_contents .notice-pagination > div.active span {}







/* 온라인예약 */
.rsv_contents .contents_wrap {
	padding: 5.2rem 13rem 0 13rem;
}
@media screen and (max-width:1300px) {
	.rsv_contents .contents_wrap {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width:600px) {
	.rsv_contents .contents_wrap {
		padding: 2rem 0;
	}
}
.rsv_contents strong {
	font-size: 3.3rem;
	font-weight: 300;
	color: #282828;
	display: block;
	text-align: center;
	padding-bottom: 1.6rem;
}

.rsv_contents ul {
	padding-bottom: 20.3rem;
}

.rsv_contents ul li {
	color: #3c4450;
	font-size: 1.5rem;
	font-weight: 100;
}

.rsv_contents ul li~li {
	//padding-top: 2.2rem;
}
.rsv_contents .online-img-box {
	padding-bottom: 10rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}
.rsv_contents .online-img-box .online-img {
	max-width: 680px;
	width: 100%;
	height: auto;
}
.rsv_contents .online-img-box .online-btn {
	max-width: 400px;
	width: 70%;
}
.rsv_contents .online-img-box .online-btn img {
	width: 100%;
}







/* footer */
footer {
	padding: 5.6rem 0 4.8rem;
	background-color: #626c7a;
	color: #fff;
	text-align: center;
}

footer p {
	padding-bottom: 4rem;
	font-size: 1.8rem;
}

footer span {
	font-size: 1.3rem;
}