@charset 'utf-8';
body {  
	-ms-overflow-style: none;  
	overflow: auto;  
}

::-webkit-scrollbar {  
	display: none;  
}

.reserve1_wrap {
	position: relative;
  width: 100%; height:440px;
  overflow: hidden;
}
.reserve1_wrap .loader {
	position:relative;
}
.reserve1_wrap .loader:after {
	content:'';
	position:absolute;
	width:100%; height:100%;
	top:0; right:0; bottom:0; left:0;
	background-color:rgba(0, 0, 0, 0.3);
}
.reserve1_wrap .reserve1_slogan {
	position: absolute;
  top: 49%;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
  text-align: center;
}
.reserve1_wrap .reserve1_slogan h5 {
	font-family:"Titillium Web",sans-serif;
font-size:50px;
font-weight:600;
font-style:normal;
line-height:58.8px;
letter-spacing:9.8px;
color:rgba(255,255,255,1);
text-shadow:rgba(0,0,0,0.4) 0px 2px 2px;
background-color:rgba(0,0,0,0);
padding:0;
margin:0;

	
}

.reserve2_wrap {
	position:relative;
	margin-top:20px;
	width:100%;
	font-size:14px;
	text-align:center;
	border-bottom:1px solid #d8d8d8;
}
.reserve2_wrap a {
	position: relative;
	display: inline-block;
	min-width:80px;
	height: 60px;
	margin: 0 40px;
	padding: 0 20px;
	color: #777;
	font-size: 18px;
	line-height: 60px;
	border-bottom:0;
	transform:border-bottom 0.5s;
}

.reserve2_wrap a:hover,.reserve2_wrap a.active {
color:rgba(34,34,34,1) !important;
font-weight:bold !important;
border-bottom:3px solid rgba(34,34,34,1) !important;
}


.reserve3_wrap {
	display:none;
	padding:3% 10%;
	margin:20px auto 50px;
}
.reserve3_wrap.active {
	display:block;
}
.reserve3_wrap iframe {
	width:100%;
}

.reserve3_wrap .sub1 {

}
.reserve3_wrap .sub2 {
	float:left;
	margin-right:4%;
	width:48%;
}
.reserve3_wrap .sub3 {
	float:left;
	width:48%;
}
.reserve3_wrap .sub4 {
	padding-top:30px;
}
.reserve3_wrap .sub_title {
	position:relative;
	color:#222;
	font-family:'Noto Sans KR', sans-serif;
	font-size:20px;
	font-weight:bold;
}
.reserve3_wrap .sub_title span {
	display:inline-block;
	margin-right:5px;
	padding:8px 7px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-size:20px;
	font-weight:normal;
	border-radius:50%;
	background-color:#222;
}
.reserve3_wrap .sub_content {
	font-size:14px;
	padding-top:40px;
}
.reserve3_wrap .sub_content dl {
	margin-bottom:30px;
	font-family:'Noto Sans KR', sans-serif;
	font-size:15px;
	line-height:1.6;
}
.reserve3_wrap .sub_content dl dt {
	margin-bottom: 15px;
	color:#222;
	font-weight:bold;
}
.reserve3_wrap .sub_content dl dd {
	margin-bottom:20px;
	color:#444;
	word-break:keep-all;
}
.reserve3_wrap .sub_content dl dd.red {
	color:#f82323;
}
.reserve3_wrap .sub_content table {
	width:100%;
	text-align:center;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
}
.reserve3_wrap .sub_content table td {
	padding:15px 0;
	width:9%;
}
.reserve3_wrap .sub_content table thead tr {
	background-color:#f6f6f6;
}



@media (max-width:1400px) {
	.reserve3_wrap .sub2 {
		float:none;
		margin-right:0;
		width:100%;
	}
	.reserve3_wrap .sub3 {
		float:none;
		width:100%;
	}
	.reserve3_wrap .sub4 .sub_content .refund {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.reserve3_wrap .sub4 .sub_content .refund table {
		width:1000px;
	}
}

@media (max-width:820px) {
	.reserve1 {
		padding-top:50px;
	}

	.reserve1_wrap {
		/*height:200px;*/
		height:40vw;
	}

	.reserve1_wrap .reserve1_slogan h5 {
font-size:24px;
letter-spacing:4.9px;
}
	

	.reserve2_wrap a {
		min-width: 50px;
		height: 50px;
		margin: 0 15px;
		padding: 0;
		font-size: 16px;
		line-height: 50px;
	}

	.reserve3_wrap {
		padding:3% 20px;
	}
	
}


.sub_content p {
	margin:8px 0;
	line-height:normal;
}


/* 20230104 */
.cs-tablewrap{ width: 100%; overflow-x: auto; padding: 0 10px 10px; margin-bottom: 30px; }
.cs-tablewrap::-webkit-scrollbar{ width: 7px; height: 7px; display: block;}
.cs-tablewrap::-webkit-scrollbar-thumb{ height: 17%;  background-color: rgba(236,128,95,1); border-radius: 2px; }
.cs-tablewrap::-webkit-scrollbar-track{ background-color: rgba(236,128,95,.1); }
table.cs-charge{ border: 1px solid #999; word-break: keep-all; width: 1200px; min-width: 1100px;}
.cs-tabletit{ font-size: 24px; font-weight: 700; padding-bottom: 20px; text-align: center;}
.cs-tabletit span{ font-size: 16px; font-weight: 700; }
.cs-tabletit .none-pc{ display: none;}
table.cs-charge th,table.cs-charge td{ vertical-align: middle; text-align: center; border: 1px solid #999; }
table.cs-charge th{ background-color: #1f7887; color: #fff; border: 1px solid #fff; font-size: 14px; line-height: 18px; padding: 10px 0; font-weight: 700;}
table.cs-charge th span{ font-size: 12px;}
table.cs-charge td{ font-size: 13px; line-height: 18px; padding: 5px 0!important;}
table.cs-charge th.w4{ width: 4%; min-width: 40px;}
table.cs-charge th.w5{ width: 5%; min-width: 50px;}
table.cs-charge th.w8{ width: 8%; min-width: 80px;}
table.cs-charge th.w8_5{ width: calc(44%/5); min-width: 88px;}
table.cs-charge th.w10{ width: 10%; min-width: 100px;}
table.cs-charge th.w16{ width: 16%; min-width: 160px;}
table.cs-charge th.w20{ width: 20%; min-width: 200px;}
table.cs-charge th.w44{ width: 44%; min-width: 440px;}
table.cs-charge td.info{ text-align: left; padding: 5px 10px!important;}

@media (max-width:820px) {
    .cs-tabletit{ font-size: 20px; padding-bottom: 10px; }
    .cs-tabletit span{ font-size: 14px; }
    .cs-tabletit .none-pc{ display: block;}
}