/* CSS Document 
Theme Name: GASANCC
Theme URI: 
Description: 가산 골프클럽 theme
Author: ibiz communication
Author URI: 
*/

/*--------------------------------------------------------------------------------*/
/*--------------------------------- FONT STYLES ----------------------------------*/
/*--------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(./fonts/Pretendard-Black.woff2) format('woff2'), url(./fonts/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(./fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(./fonts/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(./fonts/Pretendard-Bold.woff2) format('woff2'), url(./fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(./fonts/Pretendard-SemiBold.woff2) format('woff2'), url(./fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(./fonts/Pretendard-Medium.woff2) format('woff2'), url(./fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(./fonts/Pretendard-Regular.woff2) format('woff2'), url(./fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(./fonts/Pretendard-Light.woff2) format('woff2'), url(./fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(./fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(./fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(./fonts/Pretendard-Thin.woff2) format('woff2'), url(./fonts/Pretendard-Thin.woff) format('woff');
}


@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap);


/*--------------------------------------------------------------------------------*/
/*------------------------------------ Basic -------------------------------------*/
/*--------------------------------------------------------------------------------*/

html {
	-webkit-font-smoothing: antialiased;
}

body {
	background-color: #FFF;
	letter-spacing: -0.5px;
}

body, td, form, input, select, textarea {
	font-size: 16px;
	font-family: 'Nanum Myeongjo', serif;
	color: #333;
	line-height: 1.75rem;
	margin: 0 0 0 0;
}

table, img {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	word-break: break-all;
}

tr, td, th {
	padding: 0px;
	line-height: 1.2em;
	color: #333;
}

form, input, select, textarea {
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #feebf2;
	scrollbar-highlight-color: #feebf2;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #feebf2;
}


a {
	selector-dummy: expression(this.hideFocus=true);
}

	a:link {
		color: #636b66;
		text-decoration: none;
	}

	a:visited {
		color: #636b66;
		text-decoration: none;
	}

	a:hover {
		color: #636b66;
		text-decoration: none;
	}

	a:active {
		color: #636b66;
		text-decoration: none;
	}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0
}

li {
	padding-left: 20px;
	padding-bottom: 5px;
}

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	line-height: 1.2em;
	margin: 0;
}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #808080;
	}

h1 {
	font-size: 48px;
	font-size: 3rem;
}

h2 {
	font-size: 26px;
	font-size: 1.6rem;
}

h3 {
	font-size: 20px;
	font-size: 1.24rem;
}

h4 {
	font-size: 16px;
	font-size: 1rem;
}

h5 {
	font-size: 14px;
	font-size: 0.86rem;
}

h6 {
	font-size: 12px;
	font-size: 0.75rem;
}

p, pre {
	line-height: 1.5rem;
}

textarea {
	border: none;
	outline: 0;
	color: #000;
	padding: 6px;
}

input {
	border: none;
	outline: 0;
	color: #000;
}

select {
	border: none;
	outline: 0;
	color: #000;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}

tr td, th {
	border: 1px dotted #ddd;
	padding: 15px 20px;
	text-align: left;
}

.tdcolor-0 {
	background-color: #3da630;
	height: 22px;
	color: #fff;
}

	.tdcolor-0 tr td {
		color: #fff;
	}

span {
	display: inline-block;
}

.container {
	text-align: left;
	margin: 0 auto;
	width: 1200px;
	max-width: none !important;
	position: relative;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

img {
	max-width: 100%;
}

hr {
	border: solid 1px #ddd;
}

	hr.bold {
		border: solid 2px #ddd;
	}

small {
	font-size: 14px;
	font-size: 0.875rem;
}

h1 small {
	font-size: 18px;
	font-size: 1.125rem;
}

.darkcolor {
	color: #333;
}

.graycolor {
	color: #ababab;
}

.keycolor, .keycolor a, input.keycolor, .form-control-plaintext.keycolor, input[type="text"].keycolor::-webkit-input-placeholder {
	color: #2281a7 !important;
}

.subcolor, .subcolor a, input.subcolor, .form-control-plaintext.subcolor, input[type="text"].subcolor::-webkit-input-placeholder {
	color: #81d2f2 !important;
}

.keycolor.border-bottom {
	border-color: #2281a7 !important;
}

.keybg {
	background: #2281a7 !important;
}

.blackbg {
	background: #3f3f3f !important;
}

.graybg {
	background: #c4c4c4 !important;
}

.orange, .orange a {
	color: #f36e1e !important;
}

.fw-thin {
	font-weight: 100 !important;
}

.fw-normal {
	font-weight: 300 !important;
}

.fw-medium {
	font-weight: 500 !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.font-pretandard {
	font-family: 'pretandard' !important;
}

.right {
	float: right;
}

.left {
	float: left;
}

.align-center {
	text-align: center !important;
	margin: auto;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right !important;
}

.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.caption {
	font-size: 12px;
}

.textshadow {
	text-shadow: 2px 2px 12px rgb(0, 0, 0, 0.8);
}

.boxshadow {
	box-shadow: 0px 10px 20px 0px rgba(38, 31, 31, 0.1);
}

.mc-only {
	display: none;
}

.pc-only {
	display: block;
}

span.pc-only {
	display: inline-block;
}

.w-100 {
	width: 100%;
}

.text-center, .text-center th, .text-center td, th.text-center, td.text-center {
	text-align: center;
}

.text-left {
	text-align: left !important;
}

.font-sm, .font-sm th, .font-sm td {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.form-check label.font-sm {
	font-size: 14px;
	font-size: 0.875rem;
}

.font-xm, .font-xm th, .font-xm td {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.25rem;
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------ Header ------------------------------------*/
/*--------------------------------------------------------------------------------*/

.site-header {
	position: fixed;
	z-index: 999;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.home .site-header {
	background: rgba(255, 255, 255, 0);
	border-bottom: none;
}

#main-menu a {
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header-bg {
	position: relative;
	background: none;
	width: 100%;
	padding: 0 2%;
	height: 90px;
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.expand .header-bg:after {
	position: absolute;
	top: 90px;
	left: 0;
	display: block;
	content: " ";
	background: #707070;
	width: 100%;
	height: 1px;
	z-index: 9;
}

.cambio_header .header-bg {
	background: #221e1f;
	height: 69px;
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	box-shadow: 0px 10px 20px 0px rgba(38, 31, 31, 0.1);
}

.expand.cambio_header .header-bg:after {
	top: 69px;
}

.cambio_header #menu-area {
	padding-top: 10px;
	height: 40px;
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

	.cambio_header #menu-area a {
		padding-bottom: 19px;
	}

.cambio_header #logo {
	background-image: url(../images/logo.png) !important;
	margin-top: 5px;
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

	.cambio_header #logo img {
		visibility: hidden;
	}

#menu-area {
	position: relative;
	padding: 23px 0 20px;
	margin: 0px;
	height: 70px;
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

	#menu-area h1.title {
		color: #fff;
		font-size: 36px;
		text-align: center;
		font-weight: 500;
	}

#logo {
	float: left;
	display: block;
	max-width: 160px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 5px;
}

#top-menu {
	position: absolute;
	right: 40px;
	font-weight: 100;
}

	#top-menu a:hover {
		color: #2b9dca;
	}

#main-menu {
	display: flex;
	justify-content: end;
	margin-right: 14%;
}

	#main-menu li {
		display: inline-block;
		float: left;
		padding: 10px 24px 0px 24px;
	}

		#main-menu li li {
			padding: 0px;
			margin: 0px;
			text-align: left;
			width: 186px;
		}

	#main-menu a {
		font-size: 1rem;
		font-weight: 500;
		text-decoration: none;
		padding: 0px;
		padding-bottom: 26px;
		display: block;
		color: #fff;
		border-bottom: 3px solid rgba(255, 255, 255, 0);
		font-weight: 500;
		;
		z-index: 3;
		font-family: 'Pretendard';
	}

		#main-menu a:hover {
			color: #2b9dca;
		}

	#main-menu .current a {
		border-bottom: 3px solid #2b9dca;
		color: #2b9dca;
	}

	#main-menu .sub-menu h4 {
		font-size: 0.875rem;
		color: #fff;
		line-height: 2rem;
	}

	#main-menu .sub-menu a {
		border-bottom: none;
		font-size: 0.875rem;
		font-weight: normal;
		line-height: 1.6rem;
		color: #fff;
		font-weight: 300;
		;
		padding-bottom: 0;
	}

		#main-menu .sub-menu a:hover, #main-menu .sub-menu a.active {
			color: #2b9dca;
		}

	#main-menu .sub-menu .menu-title {
		float: none;
		width: 100%;
		color: #81d2f2;
		padding-top: 1rem;
	}

	#main-menu .sub-menu .menu-sub-title {
		font-weight: 500;
	}

.menu-item > a:hover, .menu-item > a.active {
	font-weight: bold;
	border-bottom: 3px solid #2b9dca !important;
}

#main-menu .menu-item .sub-menu {
	display: none;
	height: 0;
}

#main-menu .menu-item:hover .sub-menu {
	display: block;
	height: auto;
	animation: slipdown .5s;
}

#main-menu li.member, #main-menu li.member a {
	position: relative;
	color: #fff;
}

	#main-menu li.member:after {
		position: absolute;
		top: -23px;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 90px;
		background: #2281a7;
		z-index: 2;
	}

	#main-menu li.member:hover a {
		border-bottom: 3px solid rgba(255, 255, 255, 0) !important;
	}

.cambio_header #main-menu li.member:after {
	top: -10px;
	height: 69px;
}

.sub-menu {
	position: absolute;
	visibility: hidden;
	min-height: 130px;
}

	.sub-menu li {
		display: block;
		float: none;
		padding: 6px;
		padding-bottom: 0;
	}

	.sub-menu a {
		width: 100%;
	}

.navi-close {
}

#navi-icon.opened {
	display: block;
	visibility: visible;
	z-index: 9999;
}

	#navi-icon.opened .navi-icon-line:nth-child(3) {
		width: 30px;
		right: 0;
	}

#navi-icon {
	float: right;
	margin: 13px 0;
	position: relative;
	width: 30px;
	height: 23px;
	font-size: 0;
	color: transparent;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;
}

.navi-icon-line {
	left: 0;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #fff;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 991;
}

	.navi-icon-line:first-child {
		top: 0;
	}

	.navi-icon-line:nth-child(2) {
		top: 10px;
		width: 22px;
		left: auto;
		right: 4px;
	}

	.navi-icon-line:nth-child(3) {
		top: 20px;
		width: 12px;
		left: auto;
		right: 9px;
	}

#navi-icon.opened .navi-icon-line {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

	#navi-icon.opened .navi-icon-line:first-child {
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
	}

	#navi-icon.opened .navi-icon-line:nth-child(2) {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	#navi-icon.opened .navi-icon-line:nth-child(3) {
		-webkit-transform: translateY(-11px) rotate(45deg);
		transform: translateY(-11px) rotate(45deg);
	}

.site-header.expand #menu-area {
	height: 300px;
}

.site-header.expand .sub-menu {
	visibility: visible;
}

.site-header.expand .header-bg {
	background: #2f3334;
	height: auto;
}

.site-header.expand.cambio_header .header-bg:before {
	top: 70px;
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#top-menu li {
	float: left;
	padding-left: 10px;
	padding-right: 15px;
}

	#top-menu li.menu-item, #top-menu li.menu-item a {
		color: #fff;
		line-height: 2.75rem;
		font-weight: normal;
	}

		#top-menu li.menu-item a {
			display: inline-block;
		}

			#top-menu li.menu-item a:hover {
				color: #81d2f2;
				border-bottom: 0 !important;
			}

/*-- header notice --*/
.header-notice {
	position: relative;
	width: 100%;
	background: #000;
	padding: 0.75rem 0;
	visibility: hidden;
	margin-top: -52px;
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

	.header-notice.opened {
		visibility: visible;
		margin-top: 0;
		animation: slidedown 1s .2s both;
	}

	.header-notice ul li {
		line-height: 1.4rem;
	}

		.header-notice ul li, .header-notice ul li a {
			color: #fff;
			font-size: 0.875rem;
		}

	.header-notice .more-link {
		color: #81d2f2;
		text-decoration: underline;
		margin: 0 0.875rem;
	}

.notice-close {
	border: 0;
	outline: 0;
	background: 0;
	color: #81d2f2;
	position: absolute;
	top: 0.5rem;
	right: 2%;
	cursor: pointer;
}

/*-- fullwidth_menu --*/
#fullwidth_menu {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0;
	z-index: 990;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #0a5471;
	display: none;
	overflow: hidden;
}

	#fullwidth_menu li {
		line-height: 1.5rem;
		webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#fullwidth_menu a {
		display: block;
		padding: 10px 0px;
		color: #fff;
	}

	#fullwidth_menu li.menu-item {
		position: relative;
		float: left;
		display: inline-block;
		width: 20%;
		margin: 90px 0;
		padding-left: 10px;
	}

		#fullwidth_menu li.menu-item:nth-child(3) {
			width: 25%;
		}

		#fullwidth_menu li.menu-item:nth-child(4) {
			width: 15%;
		}

		#fullwidth_menu li.menu-item h4 {
			font-size: 1.125rem;
			color: #fff;
			font-weight: normal;
			padding-right: 40px;
			height: 50px;
		}

	#fullwidth_menu li.menu-sub-title {
		padding: 0.5rem 0 0.25rem;
		color: #2281a7;
		margin-top: 1.25rem !important;
	}

	#fullwidth_menu li.menu-item:after {
		position: absolute;
		top: 0;
		right: 30px;
		content: "";
		height: 100%;
		width: 1px;
		background: #535b5d;
	}

	#fullwidth_menu a:hover, #fullwidth_menu li a.active {
		color: #2b9dca;
	}

	#fullwidth_menu ul.nav {
		padding-top: 80px;
		margin: auto;
		width: 70%;
		font-family: 'pretandard';
	}

	#fullwidth_menu ul.sub-menu {
		position: relative;
		width: 100%;
		opacity: 1;
		visibility: visible;
	}

		#fullwidth_menu ul.sub-menu li {
			float: none;
			padding-left: 0;
			width: 100%;
			margin: 0;
		}

			#fullwidth_menu ul.sub-menu li:last-child {
				margin-bottom: 2rem;
			}

		#fullwidth_menu ul.sub-menu a {
			font-size: 0.875rem;
			font-weight: normal;
			color: #bbb;
			padding: 0px;
		}

			#fullwidth_menu ul.sub-menu a.active, #fullwidth_menu ul.sub-menu a:hover {
				color: #fff;
				border-bottom: none;
			}

	#fullwidth_menu li:hover ul {
		opacity: 1 !important;
		visibility: visible;
	}

	#fullwidth_menu li.current ul {
		opacity: 1 !important;
		visibility: visible;
	}

	#fullwidth_menu .menu-item > a:hover, #fullwidth_menu .menu-item > a.active {
		border-bottom: 1px solid #efefef !important;
	}

	#fullwidth_menu li.menu-item.last a {
		margin-top: 10px;
		padding: 0 !important;
		width: 100px;
	}


/*--------------------------------------------------------------------------------*/
/*------------------------------------ Ticker ------------------------------------*/
/*--------------------------------------------------------------------------------*/

#ticker {
	position: relative;
	display: flex;
	float: left;
	background: rgba(0, 0, 0, 0.25);
	width: 200px;
	height: 34px;
	margin-top: 5px;
	overflow: hidden;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	padding: 3px;
}

	#ticker ul {
		float: left;
		-webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
		-moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
		-ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
		animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
	}

	#ticker li {
		padding: 0;
		line-height: 29px;
		font-size: 0.875rem;
		color: #fff;
		width: 100%;
		text-align: center;
	}

	#ticker ul:hover {
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-ms-animation-play-state: paused;
		animation-play-state: paused;
	}

	#ticker a {
		color: #fff;
		text-decoration: none;
		font-size: 0.875rem;
	}

	#ticker strong {
		margin-right: 5px;
	}

@keyframes ticker {
	0% {
		margin-top: 0
	}

	33% {
		margin-top: -30px
	}

	66% {
		margin-top: -60px
	}

	100% {
		margin-top: 0
	}
}

/*-- icon weather --*/
.icon-weather {
	width: 25px;
	height: 25px;
	background-size: contain;
	vertical-align: middle;
	margin: 0 0.25rem;
	background-position: center;
	background-repeat: no-repeat;
}

	.icon-weather.sunny {
		background-image: url(../images/icon-sunny.svg);
	}

	.icon-weather.clear {
		background-image: url(../images/icon-sunny.svg);
	}

	.icon-weather.clear_night {
		background-image: url(../images/icon-night.svg);
	}

	.icon-weather.clearly {
		background-image: url(../images/icon-sunny.svg);
	}

	.icon-weather.clearly_night {
		background-image: url(../images/icon-night.svg);
	}

	.icon-weather.cloud {
		background-image: url(../images/icon-cloudy.svg);
	}

	.icon-weather.cloud_night {
		background-image: url(../images/icon-cloudy.svg);
	}

	.icon-weather.cloudy {
		background-image: url(../images/icon-cloudy.svg);
	}

	.icon-weather.cloudy_night {
		background-image: url(../images/icon-cloudy.svg);
	}

	.icon-weather.mostly_cloud {
		background-image: url(../images/icon-partlycloudy.svg);
	}

	.icon-weather.mostly_cloud_night {
		background-image: url(../images/icon-cloudynight.svg);
	}

	.icon-weather.mostly_cloudy {
		background-image: url(../images/icon-partlycloudy.svg);
	}

	.icon-weather.mostly_cloudy_night {
		background-image: url(../images/icon-cloudynight.svg);
	}

	.icon-weather.partly_cloud {
		background-image: url(../images/icon-partlycloudy.svg);
	}

	.icon-weather.partly_cloud_night {
		background-image: url(../images/icon-cloudynight.svg);
	}

	.icon-weather.partly_cloudy {
		background-image: url(../images/icon-partlycloudy.svg);
	}

	.icon-weather.rain {
		background-image: url(../images/icon-rainy.svg);
	}

	.icon-weather.rain_night {
		background-image: url(../images/icon-rainy.svg);
	}

	.icon-weather.rainy {
		background-image: url(../images/icon-rainy.svg);
	}

	.icon-weather.rainy_night {
		background-image: url(../images/icon-rainy.svg);
	}

	.icon-weather.shower {
		background-image: url(../images/icon-rainy.svg);
	}

	.icon-weather.snow {
		background-image: url(../images/icon-snow.svg);
	}

	.icon-weather.snow_night {
		background-image: url(../images/icon-snow.svg);
	}

	.icon-weather.snowrain {
		background-image: url(../images/icon-snowrainy.svg);
	}

	.icon-weather.snowrain_night {
		background-image: url(../images/icon-snowrainy.svg);
	}

	.icon-weather.snowrainy {
		background-image: url(../images/icon-snowrainy.svg);
	}

	.icon-weather.snowrainy_night {
		background-image: url(../images/icon-snowrainy.svg);
	}

/*--------------------------------------------------------------------------------*/
/*---------------------------------- main slider ---------------------------------*/
/*--------------------------------------------------------------------------------*/

.swiper, .swiper-container {
	overflow: hidden;
}

.swiper-slide {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.mainslider, .mainslider .swiper-slide {
	position: relative;
	width: 100%;
	height: 85vh;
	overflow: hidden;
}

	.mainslider:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		content: " ";
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.2));
		z-index: 9;
	}

	.mainslider .swiper-slide .slide-img {
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
	}

	.mainslider .swiper-slide .slide-img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: -webkit-transform 3s;
		transition: -webkit-transform 3s;
		transition: transform 3s;
		transition: transform 3s, -webkit-transform 3s;
	}

	.mainslider .swiper-slide.swiper-slide-active .slide-img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

.slide-text {
	position: absolute;
	width: 100%;
	display: block;
	text-align: center;
	top: 35vh;
	z-index: 991;
	animation: slipup 1s .2s both;
	font-family: 'pretandard';
}

@keyframes zoomin {
	0% {
		transform: scale(1, 1);
	}

	100% {
		transform: scale(1.04, 1.04);
	}
}

@keyframes zoomout {
	0% {
		transform: scale(1.04, 1.04);
	}

	100% {
		transform: scale(1, 1);
	}
}

@keyframes slipup {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slipdown {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slipright {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.slide-text h1 {
	color: #fff;
	font-size: 3em;
	letter-spacing: -1px;
	font-weight: normal;
	text-align: center;
	padding-bottom: 15px;
}

.slide-text p {
	font-size: 1.5rem;
	color: #ddd;
	text-align: center;
	margin-bottom: 5rem;
}

.slide-text .input-group {
	animation: slipup 2s .2s both;
}

.pagination-wrapper {
	position: absolute;
	width: 100%;
	margin-top: 5rem;
	z-index: 998;
}

.swiper-pagination {
	width: 100%;
}

.swiper-pagination-bullet {
	position: relative;
	width: 10px !important;
	height: 10px !important;
	border-radius: 10px !important;
	border: 1px #fff solid;
	background: none !important;
	margin: 0 10px;
	outline: 0;
	opacity: 1 !important;
}

.swiper-pagination-bullet-active {
	background: #FFF !important;
}

	.swiper-pagination-bullet-active:before {
		background: #fff;
	}

.slide-text .icon-scroll {
	margin-top: 30px;
	animation: slipup 3s .2s both;
}

.slide-text .icon-scroll {
	width: 42px;
	height: 70px;
	background: url(../images/icon-scroll.png) left center;
	margin: 2rem auto;
	animation: play 0.8s steps(11) infinite;
}

@keyframes play {
	100% {
		background-position: -462px;
	}
}

/*--------------------------------------------------------------------------------*/
/*---------------------------- reservation & datepicker --------------------------*/
/*--------------------------------------------------------------------------------*/

.reserve-section {
	margin: auto;
	margin-top: 8rem;
	width: 452px;
}

	.reserve-section input {
		width: 320px;
		border: none;
	}

	.reserve-section .input-group-text, .reserve-section .form-control {
		background-color: rgba(0, 0, 0, 0.6) !important;
		color: #fff;
		border: none;
		border-radius: 0.25rem;
		padding: 0.375rem 0.75rem;
	}

	.reserve-section .form-control {
		font-size: 0.875rem;
		padding-left: 1rem;
	}

.btn.btn-reserve {
	padding: 0.375rem 3rem;
	border: none;
	font-size: 1rem;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	font-weight: 700;
}

.link-reserve {
	position: absolute;
	bottom: 9rem;
	z-index: 998;
}

	.link-reserve a {
		max-width: 600px;
		margin: auto;
	}

.datepicker {
	padding: 0rem !important;
}

	.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
		background: #F4F4F4;
	}

	.datepicker table thead tr {
		background: #F4F4F4;
	}

	.datepicker .prev.disabled, .datepicker .next.disabled {
		display: block;
		background: #F4F4F4;
	}

	.datepicker table thead tr .dow {
		background: #fff;
		font-size: 0.75rem;
	}

	.datepicker table tr th {
		font-size: 0.875rem;
		padding: 6px;
		width: 40px !important;
		height: 40px !important;
		border-radius: 0 !important;
		font-weight: normal;
	}

	.datepicker table tr td {
		font-size: 0.875rem;
		padding: 6px;
		width: 40px !important;
		height: 40px !important;
		border-radius: 20px !important;
	}

		.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
			color: #fff !important;
			background-color: #2281a7 !important;
			border-color: #2281a7 !important;
		}

		.datepicker table tr td.today, .datepicker table tr td.today:active, .datepicker table tr td.today.active {
			color: #333 !important;
			background-color: #dceef5 !important;
			border-color: #dceef5 !important;
		}

		.datepicker table tr td.disabled-date, .datepicker table tr td.disabled-date:hover {
			color: #fff !important;
			background-color: #b4bbbc !important;
			border-color: #b4bbbc !important;
		}

		.datepicker table tr td span {
			width: 30% !important;
		}

			.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
				color: #fff !important;
				background-color: #2281a7 !important;
				border-color: #2281a7 !important;
				height: 54px !important;
				line-height: 54px !important;
				border-radius: 17px !important;
			}

	.datepicker .datepicker-switch {
		width: 145px !important;
	}

	.datepicker table tr th.dow:first-child, .datepicker table tr td:first-child {
		color: #E61818;
	}

	.datepicker table tr th.dow:last-child, .datepicker table tr td:last-child {
		color: #187FE6;
	}

	.datepicker.dropdown-menu {
		border: 1px solid #2281a7;
		border-radius: 0px;
	}

.datepicker-dropdown.datepicker-orient-left:before, .datepicker-dropdown.datepicker-orient-top:after {
	display: none;
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------ main area ---------------------------------*/
/*--------------------------------------------------------------------------------*/

.section-area {
	width: 100%;
	margin: 0 auto;
	padding: 45px 0px 45px;
	position: relative;
}

.section-news {
	background: #fff;
}

.section-title {
	font-size: 48px;
	font-weight: bold;
	color: #221e1f;
	margin-bottom: 3.4rem;
}

.news-title {
	color: #2281a7;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 1rem;
}

.main-news {
}

	.main-news h3 {
		color: #000;
	}

		.main-news h3 small {
			margin-left: 1rem;
			color: #999;
		}

	.main-news p {
		margin-bottom: 0;
	}

	.main-news a {
		position: relative;
		display: block;
		width: 100%;
		padding: 1.5rem 0;
	}

.swiper-pagination-news .swiper-pagination-bullet {
	width: 30px !important;
	height: 3px !important;
	border-radius: 0 !important;
	background-color: #ddd !important;
}

.swiper-pagination-news .swiper-pagination-bullet-active {
	background-color: #2281a7 !important;
}

.main-quick {
	display: flex;
	justify-content: center;
	text-align: center;
}

	.main-quick li {
		flex: 1 1 auto;
		padding-left: 0;
	}

.main-quick-icon {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #ddd;
	margin: 0 auto 0.5rem;
}

@keyframes slideup {
	0% {
		transform: translateY(480px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes slideleft {
	0% {
		opacity: 0;
		transform: translateX(-480px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slidedown {
	0% {
		opacity: 0;
		transform: translateY(-480px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slideright {
	0% {
		opacity: 0;
		transform: translateX(480px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slipleft {
	0% {
		opacity: 0;
		transform: translateX(-30px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes bounce {
	0% {
		opacity: 0;
		transform: translateY(5px);
	}

	50% {
		opacity: 0.5;
		transform: translateY(-5px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.section-bg-title {
	width: 90%;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	letter-spacing: 1px;
	padding: 100px 0;
}

.entrybox {
	width: 90%;
	background: rgba(255, 255, 255, 0.9);
	webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	padding: 2.8rem;
	min-height: 240px;
}

	.entrybox:hover {
		background: rgba(178, 151, 95, 0.9);
		webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
		padding: 2.3rem 2.8rem 3.3rem;
		margin-top: -0.25rem;
		margin-bottom: 0.25rem;
	}

	.entrybox h3 {
		margin-bottom: 2rem;
		color: #000;
	}

	.entrybox:hover h3, .entrybox:hover p {
		color: #fff;
	}

	.entrybox p {
		font-weight: 300;
	}

.scroll {
	overflow-x: auto;
}

	.scroll .table, .scroll .tabcontent-area, .scroll ul {
		min-width: max-content;
	}

.padding-sm {
	padding: 1rem !important;
}

.padding-base {
	padding: 3rem !important;
}

.padding-lg {
	padding: 5rem !important;
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------- Form & Button --------------------------------*/
/*--------------------------------------------------------------------------------*/

input:focus, button:focus, select:focus {
	outline: none !important;
	border-color: none !important;
	box-shadow: none !important;
}

label {
	color: #535B5D;
	font-size: .857rem;
	margin-bottom: 0.313rem;
}

.btn-block {
	display: block;
	width: 100%;
}

.form-control, .form-select {
	color: #000;
	background-color: #F4F4F4;
	border-radius: 5rem;
}

textarea.form-control {
	border-radius: 1rem;
}

.form-control, .form-select, .input-group-text, .form-check-label, .col-form-label, .form-control-plaintext {
	padding: 0.75rem 1rem;
}

.form-control-plaintext {
	padding-left: 0;
}

.form-control-sm {
	height: auto;
	padding: 0.25rem 0.5rem;
}

.form-select:disabled, .form-control:disabled, .form-control[readonly] {
	background-color: #F4F4F4;
	color: #B4BBBC;
}

.form-select {
	background-size: 24px 24px;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline fill='none' stroke='rgba(31, 116, 150, 1)' stroke-width='2' points='6 9 12 15 18 9'/></svg>");
}

	.form-select:disabled {
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline fill='none' stroke='rgba(180, 180, 180, 1)' stroke-width='2' points='6 9 12 15 18 9'/></svg>");
	}

.btn {
	padding: 0.6rem 1.2rem;
	font-size: 1.125rem;
	font-weight: 500;
	border-radius: 5rem;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	min-width: 88px;
}

input::placeholder, textarea::placeholder, input::-webkit-input-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-ms-input-placeholder {
	color: #000;
	font-size: 1rem;
}

input.form-control:focus {
	background-color: #F4F4F4;
}

.form-control-lg, .btn-lg, .btn-group-lg > .btn {
	min-height: calc(1.5em + 1rem + 2px);
	padding: 0.75rem 1rem;
}

.form-row {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

	.form-row > .col, .form-row > [class*=col-] {
		padding-right: 5px;
		padding-left: 5px;
	}

.form-group-hr {
	height: 1px;
	background: #D4D4D4;
	margin: 0.25rem 0;
}

.col-form-label {
	padding-top: calc(0.75rem + 1px);
	padding-bottom: calc(0.75rem + 1px);
	margin-bottom: 0;
}

.input-group-text {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	background: none;
	border: none;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
	padding: 0.5rem 0.5rem;
	font-size: 0.875rem;
	height: auto;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border-radius: 5rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
	border-radius: 5rem;
}

.btn-primary {
	background-color: #2281a7 !important;
	border-color: #2281a7 !important;
}

	.btn-primary:hover {
		background-color: #0d6385 !important;
	}

.btn-outline-primary {
	color: #2281a7 !important;
	border-color: #2281a7 !important;
}

	.btn-outline-primary:hover {
		color: #fff !important;
		background-color: #2281a7 !important;
	}

.btn-lg {
	min-width: 220px;
	font-weight: 500;
	;
}

.btn-print {
	position: relative;
	padding-left: 30px;
}

	.btn-print:before {
		position: absolute;
		top: 2px;
		left: 14px;
		display: inline-block;
		content: "";
		width: 24px;
		height: 24px;
		background: url(../images/btn-print.svg) no-repeat center;
	}

.btn-gray {
	background: #E8E8E8;
	color: #535B5D;
}

.form-check label {
	font-size: 1rem;
	line-height: 3rem;
	margin-bottom: 0;
}

.form-check-inline .form-check-label, .custom-check .form-check-label {
	line-height: 1.6rem;
}

.form-check-input {
	width: 1em;
	height: 1em;
	margin-top: 1rem;
}

	.form-check-input[type=checkbox] {
		border-radius: 0.25rem !important;
	}

	.form-check-input:checked {
		background-color: #2281a7;
		border-color: #2281a7;
	}

.custom-check .form-check-input {
	position: relative;
	width: 24px;
	height: 24px;
	border: 0 !important;
	margin-top: 0.75rem;
	margin-right: 0.25rem;
}

	.custom-check .form-check-input[type=checkbox] {
		border: 1px solid #B4BBBC;
		background-color: #FFF;
		background-image: url(../images/icon-customcheck.svg);
	}

	.custom-check .form-check-input:checked[type=checkbox] {
		border: 1px solid #2281a7;
		background-image: url(../images/icon-customcheck-checked.svg);
	}

.custom-control {
	position: relative;
	z-index: 1;
	display: block;
	min-height: 1.45rem;
	-webkit-print-color-adjust: exact;
}

.custom-control-inline {
	margin-right: 1rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.custom-control.custom-checkbox, .custom-control.custom-radio {
}

.custom-control-input {
	position: absolute;
	left: 0;
	z-index: -1;
	width: 1rem;
	height: 1.225rem;
	opacity: 0;
}

.custom-checkbox .custom-control-input, .custom-radio .custom-control-input {
	width: 34px;
	height: 34px;
	font-size: 1rem;
}

.custom-control-label {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 1rem;
	line-height: 36px;
	padding-left: 2.6rem;
}

.custom-control-input + label:before {
	background-color: #B4BBBC;
	border: 1px solid #B4BBBC;
}

.custom-control-input:checked + label:before {
	border-color: #81d2f2;
	background-color: #81d2f2;
}

.custom-control-label:before {
	position: absolute;
	top: 0.3rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	border-radius: 50%;
}

.custom-control-label:after {
	position: absolute;
	top: 0.3rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label:after, .custom-checkbox .custom-control-label:before, .custom-radio .custom-control-label:after, .custom-radio .custom-control-label:before {
	left: 0;
	width: 34px;
	height: 34px;
}

.custom-radio .custom-control-label:after {
	background-image: none;
}

.custom-checkbox .custom-control-label:after {
	position: absolute;
	top: 0.5rem;
	left: 0.125rem;
	content: "";
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polyline fill='none' stroke='rgba(255, 255, 255, 1)' stroke-width='2' points='20 6 9 17 4 12'/></svg>");
}

a.readmore {
	display: inline-block;
	background: #535B5D;
	color: #fff;
	text-align: center;
	border: none;
	min-width: 120px;
	height: 39px;
	line-height: 39px;
	font-size: 16px;
	outline: 0;
	cursor: pointer;
	margin-bottom: 10px;
	border-radius: 3px;
}

	a.readmore.readmore-gray {
		background: #B4BBBC;
		padding: 0 1.5rem;
	}

		a.readmore.readmore-gray:hover {
			background: #81d2f2;
		}

	a.readmore.readmore-gold {
		background: #81d2f2;
		padding: 0 1.5rem;
	}

		a.readmore.readmore-gold:hover {
			background: #535B5D;
		}

	a.readmore.readmore-outline {
		background: none;
		border: 1px solid #fff;
		padding: 0 1.5rem;
		color: #fff;
	}

		a.readmore.readmore-outline:hover {
			background: #81d2f2;
			border: 1px solid #81d2f2;
		}

	a.readmore span.icon {
		vertical-align: middle;
		margin: 0 0.5rem;
		width: 20px;
		margin-top: -5px;
	}

.custom-badge {
	background: #2281a7;
	padding: 0.35em 1.5em;
	font-size: 0.875em;
	border-radius: 12px;
}

.card-text {
	font-style: 14px;
	font-size: 0.875rem;
	color: #535B5D;
}


/*--------------------------------------------------------------------------------*/
/*--------------------------------- Page Top Area ----------------------------------*/
/*--------------------------------------------------------------------------------*/

#top-area {
	position: relative;
	background: #221e1f;
	color: #fff;
	height: 400px;
	overflow: hidden;
}

.top-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	animation-name: zoomout;
	animation-duration: 4s;
	z-index: 1;
}

	.top-bg:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		content: " ";
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	}

#top-area h1.title {
	position: absolute;
	top: 220px;
	width: 100%;
	text-align: center;
	font-size: 36px;
	letter-spacing: -0.5px;
	z-index: 2;
}

	#top-area h1.title span.logo {
		vertical-align: text-top;
		margin-right: 0.5rem;
	}

.title-gold {
	color: #0d6385 !important;
}

#top-area h1.title {
	animation: bounce 1s .2s both;
}

.top-area-sm {
	height: 260px !important;
}

.subslider, .subslider .swiper-slide {
	position: relative;
	width: 100%;
	height: 85vh;
	overflow: hidden;
}

	.subslider.subslider-wide, .subslider.subslider-wide .swiper-slide {
		height: 50vh;
	}

	.subslider.galleryslider-full, .subslider.galleryslider-full .swiper-slide {
		height: 100vh;
	}

	.subslider .swiper-slide .slide-img {
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
	}

	.subslider .swiper-slide .slide-img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: -webkit-transform 3s;
		transition: -webkit-transform 3s;
		transition: transform 3s;
		transition: transform 3s, -webkit-transform 3s;
	}

	.subslider .swiper-slide.swiper-slide-active .slide-img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

	.subslider .slide-text {
		position: absolute;
		width: 100%;
		display: block;
		top: auto;
		bottom: 15vh;
		z-index: 991;
		animation: slipup 1s .2s both;
		padding-left: 20px;
		padding-right: 20px;
	}

		.subslider .slide-text h3 {
			text-align: center;
			color: #FFF;
			margin: auto;
			font-size: 1.5rem;
		}

	.subslider.subslider-wide .slide-text h3 {
		text-align: end;
		color: #FFF;
		margin-right: 10%;
		font-size: 1.5rem;
	}

/*--------------------------------------------------------------------------------*/
/*--------------------------------- Breadcrumbs ----------------------------------*/
/*--------------------------------------------------------------------------------*/

.breadcrumbs {
	position: absolute;
	background: rgba(83, 91, 93, 0.75);
	width: 100%;
	height: 60px;
	margin-top: -60px;
	z-index: 3;
}

	.breadcrumbs .container {
		height: 60px;
	}

	.breadcrumbs .navbar-nav li {
		position: relative;
		float: left;
		line-height: 60px;
		padding-left: 0;
		padding-bottom: 0;
		height: 60px;
		max-width: 240px;
		width: 240px;
	}

		.breadcrumbs .navbar-nav li:last-child, .breadcrumbs .navbar-nav li:last-child .breadcrumb-item-list li {
			max-width: 240px;
		}

		.breadcrumbs .navbar-nav li:hover {
			background: #221e1f;
		}

		.breadcrumbs .navbar-nav li.home {
			width: 60px;
			height: 60px;
			background: #221e1f;
			text-align: center;
		}

			.breadcrumbs .navbar-nav li.home a {
				display: block;
				padding-left: 0;
			}

				.breadcrumbs .navbar-nav li.home a img {
					vertical-align: sub;
				}

				.breadcrumbs .navbar-nav li.home a:after {
					display: none;
				}

		.breadcrumbs .navbar-nav li a {
			position: relative;
			display: inline-block;
			width: 100%;
			padding-left: 1rem;
			box-sizing: border-box;
			font-size: 0.875rem;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			color: #fff;
			letter-spacing: -0.5px;
		}

			.breadcrumbs .navbar-nav li a:after {
				position: absolute;
				right: 10px;
				top: 50%;
				content: "";
				display: block;
				width: 24px;
				height: 24px;
				background: url(../images/breadcrumbs-arrow.png) no-repeat center;
				transform: translateY(-50%);
			}

.breadcrumb-item-list {
	display: none;
	position: absolute;
	top: 60px;
	background: #fff;
	box-shadow: 0 0 0 1px #cacaca inset;
	z-index: 2;
}

	.breadcrumb-item-list.show {
		display: block;
	}

.breadcrumbs .navbar-nav .breadcrumb-item-list li {
	float: none;
	line-height: 3rem;
	height: 3rem;
}

	.breadcrumbs .navbar-nav .breadcrumb-item-list li:hover {
		background: #E8E8E8;
	}

	.breadcrumbs .navbar-nav .breadcrumb-item-list li a {
		font-size: 0.875rem;
		color: #535B5D;
	}

		.breadcrumbs .navbar-nav .breadcrumb-item-list li a:after {
			display: none;
		}

		.breadcrumbs .navbar-nav .breadcrumb-item-list li a.active, .breadcrumbs .navbar-nav .breadcrumb-item-list li:hover a {
			color: #2281a7;
			border-left: 1px solid #cacaca;
			border-right: 1px solid #cacaca;
		}

.breadcrumb-item + .breadcrumb-item::before {
	display: none;
}

.navbar-nav {
	display: inline-block;
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------- Tab Menu -----------------------------------*/
/*--------------------------------------------------------------------------------*/

.tabmenu-wrapper {
	display: grid;
	width: 100%;
	height: auto;
	margin-bottom: 3rem;
	overflow-x: auto;
}

.tabmenu-object {
	border-radius: 5rem;
	overflow: hidden;
}

	.tabmenu-object label {
		position: relative;
		float: left;
		text-align: center;
		font-size: 1rem;
		color: #535B5D;
		background: #E8E8E8;
		padding: 0.875rem 0;
		cursor: pointer;
	}

		.tabmenu-object label:last-child {
			border-right: none;
		}

	.tabmenu-object.two label {
		width: 50%;
	}

	.tabmenu-object.three label {
		width: 33.3%;
	}

	.tabmenu-object.four label {
		width: 25%;
	}

	.tabmenu-object.five label {
		width: 20%;
	}

	.tabmenu-object.six label {
		width: 16.66%;
	}

	.tabmenu-object.seven label {
		width: 14.28%;
	}

	.tabmenu-object.eight label {
		width: 12.5%;
	}

	.tabmenu-object label.active {
		background: #81d2f2;
		color: #221e1f;
		font-weight: bold;
	}

	.tabmenu-object label:hover {
		color: #000;
	}

	.tabmenu-object label:after {
		position: absolute;
		top: 1.4rem;
		right: 0;
		content: "";
		display: block;
		width: 1px;
		height: 17px;
		background: #B4BBBC;
	}

	.tabmenu-object label.active:after, .tabmenu-object label:last-child:after {
		display: none;
	}

	.tabmenu-object label.active:before {
		position: absolute;
		top: 0;
		left: -1px;
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #81d2f2;
	}

/* Tabmenu content */
.tabcontent-area {
	background: #fff;
	border: 1px solid #2281a7;
	color: #333;
	font-size: 1.063rem;
	margin: 1.5rem 0 4rem;
	border-radius: 1rem;
	overflow: hidden;
}

	.tabcontent-area a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 1rem 0.5rem;
		color: #333;
	}

.tabcontent-item {
	position: relative;
	padding: 0;
	text-align: center;
}

	.tabcontent-item.active, .tabcontent-item.active a {
		background: #2281a7;
		border-color: #2281a7;
		color: #FFF;
	}

		.tabcontent-item.active span {
			color: #81d2f2;
		}

	.tabcontent-item:after {
		position: absolute;
		top: 1.4rem;
		right: 0;
		content: "";
		display: block;
		width: 1px;
		height: 17px;
		background: #B4BBBC;
	}

	.tabcontent-item.active:after, .tabcontent-item:last-child:after {
		display: none;
	}

	.tabcontent-item.active:before {
		position: absolute;
		top: 0;
		left: -1px;
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #2281a7;
	}

	.tabcontent-item span {
		margin-right: 1rem;
	}

/* Course & Time */
.tabmenu-course label {
	background: #fff;
	padding: 0;
}

	.tabmenu-course label:before, .tabmenu-course label:after, .tabmenu-course label.active:before {
		display: none;
	}

	.tabmenu-course label.active {
		background: #fff;
		color: #2281a7;
	}

	.tabmenu-course label span {
		width: 99%;
		height: 100%;
		padding: 0.875rem 0;
		box-shadow: 0 0 0 1px #B4BBBC inset;
		border-radius: 5rem;
	}

	.tabmenu-course label.active span {
		box-shadow: 0 0 0 1px #2281a7 inset;
	}

/* tabmenu Sub */
.tabmenu-sub {
	display: flex;
	justify-content: center;
	background: #E8E8E8;
}

	.tabmenu-sub label.active {
		background: none;
		font-weight: normal;
		color: #2281a7;
	}

		.tabmenu-sub label.active:before, .tabmenu-sub label:after {
			display: none;
		}

	.tabmenu-sub label {
		padding: 0.5rem 2rem;
		width: auto !important;
		font-weight: 500;
	}

/* Sub Tabmenu */
.sub-tabmenu {
	display: flex;
	justify-content: center;
	background: #E8E8E8;
}

	.sub-tabmenu li {
		float: left;
		padding: 0 1.25rem;
	}

		.sub-tabmenu li a {
			position: relative;
			display: block;
			font-size: 1.063rem;
			line-height: 2rem;
			padding: 0.5rem 0;
			text-align: center;
			color: #535B5D;
		}

		.sub-tabmenu li.active a {
			color: #2281a7;
		}

/* Hole Tabmenu */
.nav-holeinfo {
	display: flex;
	justify-content: center;
}

	.nav-holeinfo li {
		position: relative;
		float: left;
		padding: 0 1.5rem;
	}

		.nav-holeinfo li a {
			position: relative;
			display: block;
			font-size: 1.25rem;
			line-height: 3.6rem;
			padding: 1rem 0;
			text-align: center;
			color: #333;
			font-weight: bold;
			font-family: 'Pretandard';
		}

		.nav-holeinfo li:first-child::before {
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 1px;
			height: 70px;
			background-color: #333;
		}

		.nav-holeinfo li::after {
			position: absolute;
			top: 0;
			right: 0;
			content: "";
			width: 1px;
			height: 70px;
			background-color: #333;
		}

		.nav-holeinfo li a:hover, .nav-holeinfo li a.active {
			color: #2281a7;
		}


/*--------------------------------------------------------------------------------*/
/*------------------------------------ Member ------------------------------------*/
/*--------------------------------------------------------------------------------*/

/* Member Login */
.bg-login {
	position: relative;
	background: #221e1f url(../images/bg-login.jpg) no-repeat center;
	background-size: cover;
	height: 100vh;
}

.login-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh)*100);
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}

.login-wrapper {
	animation-duration: 0.5s;
	animation-name: slideup;
}

.login-inner {
	width: 100%;
	position: relative;
	max-width: 460px;
}

	.login-inner .card {
		border-radius: 5rem;
	}

	.login-inner .card-body {
		padding: 3.75rem;
	}

	.login-inner .page-title {
		font-size: 1.5rem;
		padding-top: 0.5rem;
		padding-bottom: 1.5rem;
	}

	.login-inner .title-info {
		margin-bottom: 1.5rem;
	}

	.login-inner label {
		color: #535B5D;
		font-size: 1rem;
		font-weight: bold;
	}

	.login-inner .form-control {
		border: 1px solid #ddd;
	}

.idsearch.login-inner {
	max-width: 600px;
}

	.idsearch.login-inner .card-body {
		padding: 2rem;
	}

	.idsearch.login-inner .page-title {
		font-size: 1.75rem;
	}

		.idsearch.login-inner .page-title:before {
			display: none;
		}

.title-info {
	font-size: 0.875rem;
	text-align: center;
	line-height: 1.4rem;
}

.idsearch.login-inner .col-form-label {
	padding-left: 5px !important;
}

.btn-area {
	margin: 3rem 0;
}

.btn-back {
	display: block;
	width: 28px;
	height: 28px;
}

.btn-back {
	background-size: 48px 48px;
	background-position: center;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline fill='none' stroke='rgba(31, 116, 150, 1)' points='15 18 9 12 15 6'/></svg>");
}

/* Member Join */
.agree-wrapper {
	border: 1px solid #ddd;
	height: 280px;
	overflow-y: scroll
}

.agree-inner {
	padding: 1.5rem 1rem;
}

	.agree-inner p {
		font-size: 0.875rem;
	}

.agree-bottom {
	margin: 1rem 0 4rem;
}

	.agree-bottom .form-check label {
		line-height: 1.8;
	}

	.agree-bottom:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

.agree-text {
	float: left;
	line-height: 36px;
	font-size: 1.125rem;
	padding-left: 1rem;
}

.agree-bottom.agree-bottom-left .agree-text {
	float: left;
	line-height: 3rem;
	font-size: 1.125rem;
	padding-left: 0;
	margin-bottom: 0;
	font-weight: 300;
}


/*--------------------------------------------------------------------------------*/
/*------------------------------------ content -----------------------------------*/
/*--------------------------------------------------------------------------------*/

.content-area {
	position: relative;
	padding-bottom: 5rem;
}

	.content-area.bg-goldbox:before {
		position: absolute;
		content: "";
		top: 0;
		width: 30%;
		height: 667px;
		background: #81d2f2;
		opacity: 0.85;
	}

	.content-area.bg-yellowbox:before {
		position: absolute;
		content: "";
		top: 0;
		width: 35%;
		height: 667px;
		background: #81d2f2;
		opacity: 0.85;
	}

	.content-area.bg-graybox:before {
		position: absolute;
		content: "";
		top: 0;
		width: 30%;
		height: 958px;
		background: #E8E8E8;
		opacity: 0.75;
	}

.section-padding {
	padding: 5rem 0;
}

.section-desc {
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: -1.5px;
	line-height: 1.6;
	margin-bottom: 30px;
	padding: 3rem;
}

	.section-desc h3 {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 10px;
		font-family: 'pretandard';
	}

.section-desc-sm {
	font-size: 1.125rem;
	margin-bottom: 30px;
	padding: 3rem 3rem 3rem 0;
}

	.section-desc-sm h4 {
		font-size: 1.313rem;
		line-height: 1.6;
		font-weight: 700;
		margin-bottom: 10px;
	}

.section-desc-holeinfo {
	font-size: 1.125rem;
	margin-bottom: 30px;
	padding: 6rem 3rem 3rem 0;
}

	.section-desc-holeinfo .hole-title {
		font-family: 'pretandard';
		padding-left: 30%;
	}

		.section-desc-holeinfo .hole-title h1 {
			font-weight: bold;
		}

		.section-desc-holeinfo .hole-title .meta {
			display: block;
			font-size: 1.125rem;
			letter-spacing: 0;
			font-weight: bold;
		}

	.section-desc-holeinfo .hole-preview {
		max-width: 580px;
	}

.hole-map {
	position: relative;
}

.hole-num {
	position: absolute;
	top: 50%;
	left: 58%;
	width: 40px;
	height: 40px;
	line-height: 36px;
	border-radius: 50%;
	background-color: #FFF;
	border: 2px solid #000;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	font-family: 'pretandard';
}

blockquoter {
	position: relative;
	display: block;
	text-align: center;
}

	blockquoter p {
		font-size: 1.125rem;
		font-weight: 300;
		letter-spacing: -1px;
		margin-bottom: 50px;
	}

.blockquoter-bottomline {
	display: block;
	text-align: center;
	margin: 0 auto;
	content: "";
	width: 1px;
	height: 72px;
	background: #81d2f2;
	margin-bottom: 50px;
}

.page-title {
	text-align: center;
	font-size: 28px;
	padding: 50px 0 50px;
	letter-spacing: -0.5px;
	font-weight: 700;
}

.page-sub-title {
	font-size: 1.75rem;
	color: #81d2f2;
	font-weight: 500;
	font-weight: normal;
	padding-bottom: 3rem;
}

.content-header {
	padding-top: 65px;
}

.content-title {
	color: #221e1f;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.content-sub-title {
	color: #221e1f;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.mark-title {
	position: relative;
	padding-left: 30px;
	margin-bottom: 1rem;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
}

	.mark-title:before {
		position: absolute;
		left: 0px;
		display: inline-block;
		content: "";
		width: 28px;
		height: 28px;
		background: url(../images/list-style-mark.png) no-repeat left center;
	}

	.mark-title small {
		font-size: 1rem;
		font-weight: 500;
	}

.page-slider {
	position: relative;
	margin-bottom: 3rem;
}

	.page-slider .pageslider {
		width: 87.5%;
		float: right;
	}

	.page-slider .gallery-navibox {
		top: auto;
		bottom: 80px;
		right: 72px;
	}

	.page-slider .container:before {
		position: absolute;
		top: 90px;
		content: "";
		width: 50%;
		height: 320px;
		background: #E8E8E8;
		opacity: 0.85;
	}

	.page-slider:after {
		position: absolute;
		top: 90px;
		left: 50%;
		content: "";
		width: 50%;
		height: 320px;
		background: #E8E8E8;
		opacity: 0.85;
	}

	.page-slider.slider-light {
		margin-top: 12rem;
	}

		.page-slider.slider-light .container:before {
			position: absolute;
			top: 90px;
			content: "";
			width: 50%;
			height: 340px;
			background: #E8E8E8;
			opacity: 0.85;
		}

		.page-slider.slider-light:after {
			position: absolute;
			top: 90px;
			left: 50%;
			content: "";
			width: 50%;
			height: 340px;
			background: #E8E8E8;
			opacity: 0.85;
		}

.page-slider2 {
	position: relative;
	margin-top: 80px;
	margin-bottom: 3rem;
}

	.page-slider2 .pageslider2 {
		width: 100%;
		float: right;
	}

	.page-slider2 .container:before {
		position: absolute;
		top: -145px;
		right: 0px;
		content: "";
		width: 120px;
		height: 290px;
		background: #81d2f2;
		opacity: 0.85;
	}

	.page-slider2:after {
		position: absolute;
		top: -145px;
		left: calc(50% + 600px);
		content: "";
		width: 100%;
		height: 290px;
		background: #81d2f2;
		opacity: 0.85;
	}

.course-slider .left-thumb {
	float: left;
	width: 390px;
	height: 390px;
	margin-right: 28px;
	margin-bottom: 28px;
}

.course-slider .right-thumb {
	float: left;
	width: 758px;
	height: 390px;
	margin-bottom: 28px;
}

.course-slider-text {
	padding-left: 28px;
	border-left: 1px solid #81d2f2;
	height: 100%;
}

.course-slider .gallery-navibox {
	top: 440px;
	right: 72px;
}

.course-slider-text h2 {
	font-size: 2.625rem;
	color: #81d2f2;
	margin-bottom: 2rem;
}

.course-slider-text h3 {
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

.content-slider {
	position: relative;
	margin-bottom: 3rem;
}

	.content-slider .contentslider {
		width: 100%;
		margin-top: 75px;
		margin-left: -3rem;
	}

.contentslider-description {
	padding-left: 2.5rem;
}

.content-slider h2 {
	font-size: 2.25rem;
	font-weight: 700;
}

.content-slider h3 {
	font-size: 1.5rem;
	font-weight: 700;
}

.content-slider .gallery-navibox {
	top: auto;
	bottom: 150px;
	right: 38.4%;
}

.contentslider-bg {
	position: absolute;
	display: block;
	width: 100%;
	height: 550px;
	background: #E8E8E8;
}

.content-slider:before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	width: 50%;
	height: 550px;
	background: #E8E8E8;
}

.content-slider .container:before {
	position: absolute;
	top: 400px;
	left: -140px;
	content: "";
	width: 100%;
	height: 308px;
	background: #81d2f2;
}

.content-slider:after {
	position: absolute;
	top: 400px;
	left: 50%;
	content: "";
	width: 50%;
	height: 308px;
	background: #81d2f2;
}

.contentslider-description {
	background: #E8E8E8;
	min-height: 260px;
}

.bg-img {
	background-repeat: no-repeat;
	background-position: 0 80px;
	min-height: 720px;
}

.bg-img-right {
	background-position-x: right;
	background-position-y: 380px;
}

.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* table */
.table tr td, table th {
	line-height: 1.4rem;
	padding: 16px 16px;
}

.table-lg tr td, .table-lg th {
	line-height: 1.8rem;
	padding: 20px 30px !important;
}

.table-noteline table {
	background: none;
	border-top: 1px solid #D4D4D4;
}

.table-noteline tr td, .table-noteline th {
	border: none;
	border-bottom: 1px solid #D4D4D4;
	padding: 20px 30px;
}

.table-goldline tr td, .table-goldline th {
	border-left: none;
	border-bottom: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	padding: 16px 16px;
}

.table-goldline th {
	background: #f4f4f4;
	font-weight: normal;
}

.table-goldline {
	border-top: 1px solid #2281a7;
	border-bottom: 1px solid #2281a7;
}

	.table-goldline th:last-child, .table-goldline tr td:last-child {
		border-right: none;
	}

	.table-goldline .border-right {
		border-right: 1px solid #D4D4D4 !important;
	}

.table-caption {
	position: relative;
	padding-left: 30px;
}

	.table-caption:before {
		position: absolute;
		top: 2px;
		left: 0px;
		display: inline-block;
		content: "·";
		width: 24px;
		height: 24px;
		text-align: center;
		font-size: 54px;
		color: #2281a7;
		line-height: 1rem;
	}

/* table board */
.table-board table {
	background: none;
	border-top: 1px solid #2281a7;
}

.table-board tr td, .table-board th {
	border: none;
	border-bottom: 1px solid #D4D4D4;
	padding: 20px 30px;
}

.table-board tr td, .table-board th {
	border-left: none;
	border-bottom: 1px solid #D4D4D4;
	border-right: none;
	padding: 16px 30px;
}

.table-board th {
	background: #EFE9DD;
	font-weight: normal;
}

.table-board tr:hover {
	background: #F8F8F8;
}

.table-board tr td:first-child {
	width: 100px;
}

.table-board tr td a:hover {
	color: #2281a7;
	border-bottom: 1px solid #2281a7;
}

.table-board tr:last-child td {
	border-bottom: 1px solid #2281a7;
}

.table-boardview table {
	background: none;
	border-top: 1px solid #2281a7;
}

.table-boardview tr td, .table-boardview tr th {
	border: none;
	border-bottom: 1px solid #D4D4D4;
	padding: 20px 10px;
	font-weight: normal;
}

	.table-boardview tr td:first-child {
		width: 120px;
	}

	.table-boardview tr th:first-child {
		text-align: left;
		padding-left: 70px;
	}

	.table-boardview tr td:nth-child(2) {
		text-align: left;
	}

	.table-boardview tr td:last-child, .table-boardview tr th:last-child {
		width: 120px;
	}

.table-boardview tr:last-child td {
	border-bottom: 1px solid #2281a7;
}

.table-boardview tr td a:hover {
	color: #2281a7;
	border-bottom: 1px solid #2281a7;
}

.table-boardview-meta:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.table-boardview-meta li {
	position: relative;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
}

	.table-boardview-meta li:first-child {
		padding-left: 0;
	}

	.table-boardview-meta li:after {
		position: absolute;
		content: " | ";
		right: 0;
		color: #ddd;
	}

	.table-boardview-meta li:last-child:after {
		display: none;
	}

	.table-boardview-meta li span {
		color: #535B5D;
		margin-right: 0.5rem;
	}

.boardview-title {
	font-size: 1.2rem;
}

.viewbox {
	min-height: 300px;
	padding-bottom: 75px !important;
}

.boardview-join tr th:first-child {
	padding-left: 46px;
}

.boardview-join .viewbox {
	padding-left: 46px;
}

.btn-prev, .btn-next {
	padding: 0;
	width: 60px;
	height: 24px;
	color: #747E81;
	font-size: 1rem;
}

.btn-download {
	padding: 0;
	width: 60px;
	height: 24px;
	color: #2281a7;
	font-size: 1rem;
}

.board-comment {
	margin-bottom: 10px;
	padding: 0.75rem 1.5rem;
	background-color: #F8F8F8;
	font-size: 0.938rem;
}

	.board-comment ul.list li {
		float: left;
		padding-left: 0;
		padding-right: 20px;
		padding-bottom: 0;
	}

.board-comment-inner {
	padding: 0.75rem 0;
}

.board-comment-footer {
	background-color: #FFF;
	padding: 0rem;
	box-shadow: 0 0 0 1px #2281a7 inset;
}

	.board-comment-footer textarea {
		margin-left: 1.5rem;
		padding: 0;
		width: calc(100% - 3rem);
	}

	.board-comment-footer ul.list {
		padding-left: 1.5rem;
		border-top: 1px solid #ddd;
	}

		.board-comment-footer ul.list li {
			float: left;
			padding-left: 0;
			padding-right: 20px;
			padding-bottom: 0;
		}

.btn-comment {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0 !important;
}

.board-comment-btn {
	margin: 1rem 0;
}

/* scroll table */
.table-scroll {
	position: relative;
	overflow-x: auto;
}

	.table-scroll table {
		min-width: 960px;
	}

.table-scroll-xl table {
	min-width: 1320px;
}

.table-scroll-lg table {
	min-width: 1100px;
}

.table-scroll-md table {
	min-width: 720px;
}

.table-scroll-sm table {
	min-width: 540px;
}

.table-scroll::-webkit-scrollbar {
	width: 4px; /* Chrome, Safari, Opera*/
}

.table-scroll::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border: 2px solid transparent;
}

.fixedheader {
	position: sticky;
	top: 0;
	z-index: 3;
}

.fixedleft {
	position: sticky;
	left: 0;
	background: #fff;
	z-index: 2;
}

.fixedheader.fixedleft {
	z-index: 4;
}

/* folding table */
.folding-wrapper {
}

	.folding-wrapper ul {
	}

	.folding-wrapper li {
		padding: 0;
		cursor: pointer;
		padding-bottom: 1rem;
	}

		.folding-wrapper li:hover {
			background: #fff;
		}

		.folding-wrapper li .folding-header {
			position: relative;
			padding: 1.25rem 2rem;
			border: 1px solid #B4BBBC;
			background: #F8F8F8;
			border-radius: 3rem;
		}

			.folding-wrapper li .folding-header .title {
				font-weight: bold;
				min-width: 140px;
			}

		.folding-wrapper li .folding-content {
			margin-bottom: 3rem;
			display: none;
		}

			.folding-wrapper li .folding-content h3 {
				font-size: 1.125rem;
			}

		.folding-wrapper li.active .folding-content {
			display: block;
			margin-top: 3rem;
		}

		.folding-wrapper li .folding-arrow {
			position: absolute;
			top: 1rem;
			left: 2rem;
			right: 2rem;
			height: 3rem;
		}

		.folding-wrapper li.active .folding-arrow button {
			transform: rotate(180deg);
		}

		.folding-wrapper li .folding-arrow button {
			float: right;
			padding: 0;
			font-size: 1.125rem;
			padding-top: 0.25rem;
			color: #666;
			border: none;
			background: none;
			transition: all ease 0.1s;
			cursor: pointer;
		}

		.folding-wrapper li .folding-content .thumbnailbox img {
			border-radius: 3rem;
			overflow: hidden;
		}

	/* folding table faq */
	.folding-wrapper.faq {
		border-top: 1px solid #2281a7;
		margin-bottom: 4rem;
	}

		.folding-wrapper.faq li {
			border-bottom: 1px solid #D4D4D4;
			padding-bottom: 0;
		}

			.folding-wrapper.faq li .folding-header {
				position: relative;
				border: none;
				padding: 20px 10px;
				background: none;
			}

			.folding-wrapper.faq li .folding-content {
				padding: 20px 10px;
				margin-top: 0rem;
				margin-bottom: 2rem;
			}

			.folding-wrapper.faq li .title {
				text-align: center;
				min-width: 100px;
				color: #2281a7;
				font-weight: bold;
			}

			.folding-wrapper.faq li .folding-content .title {
				vertical-align: top;
				margin-right: 100px;
				color: #000;
			}

			.folding-wrapper.faq li .section {
				min-width: 100px;
				color: #2281a7;
			}

			.folding-wrapper.faq li.last-child {
				border-bottom: 1px solid #2281a7;
			}

			.folding-wrapper.faq li.active {
				background: #F8F8F8;
			}

/* course-table */
.course-table thead tr {
	border: 0;
}

.course-table thead:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #2281a7;
	border: 0;
}

.course-table tr th, .course-table tr td {
	font-weight: normal;
	text-align: center;
	height: 60px;
	padding: 0;
	font-size: 16px;
	border: 0;
}

.course-table tr th {
	text-align: center;
	background: #FFF;
	color: #000;
	font-weight: 500;
}

.course-table tr td {
	color: #535B5D;
	border-bottom: 1px solid #B4BBBC;
}

.course-table tr {
	background: #F8F8F8;
}

	.course-table tr:hover {
		background: #E8E8E8;
	}

		.course-table tr:hover td {
			color: #000;
		}

	.course-table tr td .btn-reserv {
		background-color: #2281a7;
		color: #FFF;
	}

	.course-table tr:hover td .btn-reserv {
		background-color: #221e1f;
	}

.course-table {
	height: 467px;
	overflow-y: scroll;
}

	.course-table::-webkit-scrollbar {
		width: 6px;
	}

	.course-table::-webkit-scrollbar-thumb {
		background-color: #ddd;
	}

/* ul */
.page-ul {
	list-style: none;
}

	.page-ul li {
		position: relative;
		padding-left: 20px;
		font-size: 0.875rem;
		line-height: 1.275rem;
	}

		.page-ul li:before {
			position: absolute;
			top: 9px;
			left: 0px;
			display: inline-block;
			content: "";
			width: 18px;
			height: 18px;
			background-position: center;
			background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle fill='rgba(180, 151, 89, 1)' cx='12' cy='5' r='2'></circle></svg>");
		}

.mark-ul {
	list-style: none;
}

	.mark-ul li {
		position: relative;
		padding-left: 30px;
	}

		.mark-ul li h4 {
			font-size: 1.125rem;
		}

		.mark-ul li:before {
			position: absolute;
			top: -1px;
			left: 0px;
			display: inline-block;
			content: "";
			width: 22px;
			height: 22px;
			background: url(../images/list-style-mark.png) no-repeat center center;
		}

.thumbnailbox {
	margin-bottom: 3rem;
}

.ul-location {
	display: flex;
}

	.ul-location li {
		font-size: 1.125rem;
		margin-right: 50px;
	}

		.ul-location li:first-child {
			margin-right: 100px;
		}

.highlight {
	padding: 1rem;
	margin-bottom: 1rem;
	background-color: #F4F4F4;
	border-radius: 1rem;
}

.profile-title {
	text-align: right;
	font-size: 48px;
	color: #B4BBBC;
}

.profile-box {
	position: relative;
}

	.profile-box:before {
		position: absolute;
		top: 5%;
		left: 5%;
		content: "";
		width: 94%;
		height: 85%;
		background: #E8E8E8;
		z-index: -1;
	}

.locationline {
	display: flex;
	justify-content: space-between;
	list-style: none;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

	.locationline li {
		position: relative;
		float: left;
		padding-left: 0;
	}

	.locationline:before {
		position: absolute;
		top: 8px;
		content: "";
		width: 100%;
		height: 3px;
		background: #E8E8E8;
	}

.locationline-item-text p {
	text-align: center;
	line-height: 1.5rem;
}

.locationline-item-point {
	position: relative;
	text-align: center;
	height: 30px;
}

	.locationline-item-point:before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: #E8E8E8;
		border-radius: 50%;
		text-align: center;
		margin: auto;
		margin-top: 2px;
	}

.locationline li:first-child .locationline-item-point:before, .locationline li:last-child .locationline-item-point:before {
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 4px solid #2281a7;
	margin-top: 0;
}

.locationline .locationline-item:first-child:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 50%;
	height: 20px;
	background: #fff;
}

.locationline .locationline-item:last-child:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;
	width: 50%;
	height: 20px;
	background: #fff;
}

.locationline .locationline-item:last-child, .locationline .locationline-item:last-child p {
	font-size: 1rem;
	color: #2281a7;
	font-weight: 700;
}

.section-holeheader {
	position: relative;
	height: 820px;
	color: #fff;
}

	.section-holeheader:before {
		position: absolute;
		top: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.75);
	}

	.section-holeheader h1 {
		font-size: 2.375rem;
		color: #81d2f2;
		padding-top: 5rem;
		margin-bottom: 1rem;
	}

	.section-holeheader h3 {
		margin-bottom: 1rem;
	}

	.section-holeheader p {
		font-size: 0.875rem;
	}

.section-holeheader-map {
	position: absolute;
	top: 5rem;
	right: 0;
}

.section-holeslider:before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 120px;
	background: #535B5D;
}

.hole-slider-wrapper {
	margin-top: 2rem;
	background: #FFF;
}

	.hole-slider-wrapper h1 {
		margin-top: 2rem;
		color: #81d2f2;
		margin-bottom: 1rem;
	}

		.hole-slider-wrapper h1 small {
			color: #535B5D;
			vertical-align: top;
			margin-left: 1rem;
		}

	.hole-slider-wrapper h3 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
		letter-spacing: -0.5px;
	}

	.hole-slider-wrapper p {
		letter-spacing: -0.5px;
		font-size: 0.938rem;
	}

	.hole-slider-wrapper span {
		line-height: 3rem;
		margin-bottom: 1rem;
		margin-right: 0.25rem;
		vertical-align: middle;
	}

.hole-slider-map {
	text-align: right;
}

.hole-slider-graph {
	position: absolute;
	right: 0;
	bottom: 0px;
}

.section-holeslider .gallery-navibox {
	top: 630px;
	left: 58px;
}

	.section-holeslider .gallery-navibox .swiper-button-prev {
		margin-left: -45px;
		width: 45px;
		height: 45px;
	}

	.section-holeslider .gallery-navibox .swiper-button-next {
		right: -45px;
		width: 45px;
		height: 45px;
	}

	.section-holeslider .gallery-navibox svg {
		width: 45px;
		height: 45px;
	}

.holeslider-pagibox {
	display: block;
	width: 100%;
	height: 120px;
	background: #535B5D;
}

.custom-holeselect {
	float: left;
	width: 15%;
	height: 100%;
	background: #221e1f;
}

	.custom-holeselect ul {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0;
	}

	.custom-holeselect li {
		width: 100%;
		padding: 0;
	}

		.custom-holeselect li.holeselect-item {
			height: 100%;
		}

		.custom-holeselect li.holeselect-item {
			display: block;
			width: 100%;
			height: 100%;
			padding: 2.25rem 1.5rem;
		}

			.custom-holeselect li.holeselect-item h3 {
				color: #FFF;
			}

			.custom-holeselect li.holeselect-item p {
				color: #81d2f2;
				font-weight: bold;
				line-height: 1rem;
			}

			.custom-holeselect li.holeselect-item .custom-arrow {
				position: absolute;
				top: 30%;
				right: 5%;
				display: block;
				width: 30px;
				height: 30px;
				background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 1)' stroke-width='1'><polyline fill='none' points='6 9 12 15 18 9'/></svg>");
			}

			.custom-holeselect li.holeselect-item:hover, .custom-holeselect li.holeselect-item.active {
				background: #2281a7;
				cursor: pointer;
			}

				.custom-holeselect li.holeselect-item:hover p, .custom-holeselect li.holeselect-item.active p {
					color: #221e1f;
				}

				.custom-holeselect li.holeselect-item.active .custom-arrow {
					transform: rotate(180deg);
					transition: all ease 0.1s;
				}

				.custom-holeselect li.holeselect-item.active .holeselect-item-list {
					display: block;
				}

		.custom-holeselect li .holeselect-item-list {
			display: none;
			position: absolute;
			top: 120px;
			left: 0;
			background: #fff;
			box-shadow: 0 0 0 1px #cacaca inset;
			z-index: 2;
			height: auto;
		}

			.custom-holeselect li .holeselect-item-list a {
				display: block;
				width: 100%;
				padding: 0.5rem 1.5rem;
			}

				.custom-holeselect li .holeselect-item-list a.active {
					color: #9A7C3E;
				}

				.custom-holeselect li .holeselect-item-list a:hover {
					background: #81d2f2;
					color: #9A7C3E;
				}

.custom-holenavi {
	display: flex;
	justify-content: end;
	width: 85%;
	padding: 1.5rem 0;
}

.holeslider-pagibox.fullwidth .custom-holenavi {
	width: 100%;
	justify-content: center;
}

.holeslider-pagibox.fullwidth .swiper-pagination-bullet {
	min-width: 128px;
}

.holeslider-pagibox .swiper-pagination {
	width: auto;
}

.holeslider-pagibox .swiper-pagination-bullet {
	margin: auto;
	min-width: 106px;
	color: #fff;
	padding-top: 2.5rem;
}

	.holeslider-pagibox .swiper-pagination-bullet:before {
		display: inline-block;
		content: " ";
		position: absolute;
		width: 100%;
		height: 4px;
		top: 21px;
		left: 0;
		background: #B4BBBC;
	}

	.holeslider-pagibox .swiper-pagination-bullet:after {
		position: absolute;
		top: 15px;
		display: block;
		content: "";
		left: 50%;
		margin-left: -8px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #E8E8E8;
	}

.holeslider-pagibox .swiper-pagination-bullet-active {
	color: #81d2f2;
}

	.holeslider-pagibox .swiper-pagination-bullet-active:after {
		width: 20px;
		height: 20px;
		border: 4px solid #2281a7;
		top: 13px;
	}

.holeslider-pagibox .swiper-pagination span:first-child:before {
	width: 50%;
	left: 50%;
}

.holeslider-pagibox .swiper-pagination span:last-child:before {
	width: 50%;
	right: 50%;
}

.section-holeslider {
	margin-bottom: 100px;
}

.section-holehistory {
	position: relative;
	margin-top: -150px;
	z-index: 1;
}

	.section-holehistory:before {
		position: absolute;
		content: "";
		display: block;
		width: 50%;
		height: 310px;
		top: 10px;
		right: 60%;
		background: #2281a7;
	}

.history-description {
	position: relative;
	height: 310px;
	background: #2281a7;
	color: #FFF;
	margin-top: 10px;
}

	.history-description h4 {
		color: #81d2f2;
		padding-top: 3rem;
	}

	.history-description h2 {
		font-weight: bold;
		margin-bottom: 2rem;
	}

	.history-description p {
		padding-right: 20%;
	}

.history-description2 {
	position: relative;
	height: 470px;
	background: #2281a7;
	color: #FFF;
	margin-top: 170px;
	padding-top: 120px;
	padding-left: 35px;
}

	.history-description2 h4 {
		color: #81d2f2;
	}

	.history-description2 h2 {
		font-weight: bold;
		margin-bottom: 1.25rem;
	}

	.history-description2 p {
		padding-right: 20%;
	}

.hole-slider-before {
	position: relative;
	display: block;
	width: 100%;
}

	.hole-slider-before:before {
		position: absolute;
		content: "";
		display: block;
		width: 50%;
		height: 414px;
		top: 280px;
		left: 0;
		background: #81d2f2;
		opacity: 0.85;
		z-index: -1;
	}

	.hole-slider-before .before-item {
		position: absolute;
		top: 280px;
		left: -35px;
		display: block;
		width: 50px;
		height: 414px;
		background: #FFF;
	}

.hole-slider-after {
	position: absolute;
	content: "";
	display: block;
	width: 50%;
	height: 470px;
	top: 322px;
	left: 50%;
	background: #2281a7;
}

.hole-slider-infobox {
	position: relative;
	display: block;
	width: 100%;
	min-height: 510px;
	background: #FFF;
}

	.hole-slider-infobox .indent {
		display: inline-block;
		width: 40px;
	}

.location-data {
	font-size: 14px;
}

	.location-data li {
		float: left;
		padding-left: 0;
		margin-right: 10px;
		line-height: 18px;
	}

		.location-data li:before {
			display: inline-block;
			content: "";
			width: 18px;
			height: 18px;
			border-radius: 50%;
			border: 1px solid #707070;
			margin-right: 0.25rem;
			vertical-align: bottom;
		}

		.location-data li:nth-child(1):before {
			background: #5270B6;
		}

		.location-data li:nth-child(2):before {
			background: #B2955B;
		}

		.location-data li:nth-child(3):before {
			background: #FFF;
		}

		.location-data li:nth-child(4):before {
			background: #4EB947;
		}

		.location-data li:nth-child(5):before {
			background: #ED3037;
		}

.hole-slider-map2 {
	position: absolute;
	top: 120px;
	left: 40%;
}

.hole-slider-graph2 {
	position: absolute;
	top: 460px;
	left: 15%;
}

.hole-slider-map3 {
	position: absolute;
	top: 80px;
	right: 0%;
}

.hole-slider-graph3 {
	position: absolute;
	top: 260px;
	left: 30%;
}

.history-thumb {
	position: absolute;
	top: -10px;
	right: -10px;
}

.history-thumb2 {
	position: absolute;
	top: -100px;
	left: 35px;
}

.section-holeslider .gallery-navibox.hole-navi {
	top: 550px;
}

.table-history table {
	width: auto;
}

.table-history tr th, .table-history tr td {
	font-size: 12px;
	padding: 5px 20px;
	text-align: center;
	border: 1px solid #DDD;
}

.table-history tr th {
	background: #F4F4F4;
}

.hole-movie {
	margin-top: 117px;
	width: 100%;
	height: 380px;
	background-color: #666;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline fill='rgba(180, 151, 89, 1)' points='5 3 19 12 5 21 5 3'/></svg>");
}

.hole-movie2 {
	margin-top: 0px;
	width: 760px;
	height: 430px;
	background-color: #666;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline fill='rgba(180, 151, 89, 1)' points='5 3 19 12 5 21 5 3'/></svg>");
}

.hole-movie3 {
	position: relative;
}

.section-holevideo {
	position: relative;
	margin-top: -50px;
}

	.section-holevideo:before {
		position: absolute;
		content: "";
		top: 50px;
		left: 50%;
		width: 50%;
		height: 250px;
		background: #E8E8E8;
		opacity: 0.85;
	}

	.section-holevideo .container:before {
		position: absolute;
		content: "";
		top: 50px;
		left: -35px;
		width: 50%;
		height: 250px;
		background: #ececec;
	}

.holemovie-title {
	font-size: 5rem;
	color: #FFF;
	margin-top: 180px;
	font-weight: 300;
	background: #ececec;
}

.course-info-wrapper {
	margin-bottom: 8rem;
}

.course-info-box {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

	.course-info-box:before {
		position: absolute;
		top: 160px;
		left: -70px;
		content: "";
		width: 480px;
		height: 290px;
		background: #ececec;
	}

	.course-info-box.right:before {
		left: 0;
	}

	.course-info-box.right .course-info-thumb {
		right: -70px;
	}

.course-info-thumb {
	position: relative;
}

.course-info-description {
	padding-top: 3rem;
}

	.course-info-description h3 {
		font-size: 1.5rem;
	}

	.course-info-description h2 {
		font-size: 2.125rem;
	}

.facility-info-wrapper {
	position: relative;
	margin-bottom: 8rem;
}

.facility-info-box {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

	.facility-info-box:before {
		position: absolute;
		top: 160px;
		left: 0px;
		content: "";
		width: 480px;
		height: 290px;
		background: #81d2f2;
		opacity: 0.85;
	}

	.facility-info-box.right:before {
		left: 0;
	}

.facility-info-thumb {
	position: relative;
	display: block;
	margin-left: 70px;
}

	.facility-info-thumb:before {
		position: absolute;
		top: 206px;
		left: 0px;
		content: "";
		display: block;
		width: 100%;
		height: 184px;
		background: #E8E8E8;
		opacity: 0.85;
		z-index: -1;
	}

.facility-info-box.right .facility-info-thumb:before {
	display: none;
}

.facility-info-description {
	padding-top: 7rem;
	padding-left: 4rem;
}

	.facility-info-description h3 {
		font-size: 1.5rem;
	}

	.facility-info-description h2 {
		font-size: 2.125rem;
	}

.facility-info-leftbox {
	position: relative;
}

	.facility-info-leftbox .facility-info-description {
		padding-left: 0;
	}

	.facility-info-leftbox:before {
		position: absolute;
		top: 206px;
		left: 0px;
		content: "";
		display: block;
		width: 50%;
		height: 184px;
		background: #E8E8E8;
		opacity: 0.85;
		z-index: -1;
	}

	.facility-info-leftbox .facility-info-wrapper:before {
		position: absolute;
		top: 206px;
		left: -20px;
		content: "";
		display: block;
		width: 100%;
		height: 184px;
		background: #fff;
		z-index: -1;
	}

.upload-photo {
	background: #F4F4F4;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.upload-photo-inner {
	width: 170px;
	height: 226px;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------- Gallery ------------------------------------*/
/*--------------------------------------------------------------------------------*/

.storyboard .gallery-thumb {
	margin-bottom: 2rem;
	box-shadow: 0px 10px 20px 0px rgba(38, 31, 31, 0.1);
}

.storyboard .overlay-title {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 80px;
	margin: auto;
	margin-bottom: 2rem;
}

	.storyboard .overlay-title h3 {
		width: 240px;
		line-height: 80px;
		font-weight: 700;
		background: rgba(255, 255, 255, 0.85);
		color: #221e1f;
		text-align: center;
		padding-bottom: 0;
		margin: 0 auto;
	}

.storyboard .gallery-entry {
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 2rem;
}

	.storyboard .gallery-entry:hover .gallery-thumb {
		box-shadow: 0 0 0 3px #2281a7 inset;
	}

	.storyboard .gallery-entry:hover .overlay-title h3 {
		background: rgba(170, 140, 78, 0.85);
		color: #FFF;
	}

.galleryboard .gallery-thumb {
	float: none;
	box-shadow: 0px 10px 20px 0px rgba(38, 31, 31, 0.1);
	overflow: hidden;
}

.galleryboard .gallery-entry {
	position: relative;
	width: 100%;
	margin-bottom: 2rem;
	overflow: hidden;
}

	.galleryboard .gallery-entry:hover .gallery-thumb {
		transform: scale(1.2);
		transition: all .5s;
	}

	.galleryboard .gallery-entry .cover-title {
		display: none;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(83, 91, 93, 0.85);
		margin: auto;
	}

		.galleryboard .gallery-entry .cover-title button {
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			color: #FFF;
		}

	.galleryboard .gallery-entry h3 {
		padding-top: 100px;
	}

	.galleryboard .gallery-entry:hover .cover-title {
		display: block;
	}

.stagger-item {
	animation: slipup 1s;
	animation-fill-mode: both;
}

	.stagger-item:nth-child(1) {
		animation-delay: 0.1s;
	}

	.stagger-item:nth-child(2) {
		animation-delay: 0.2s;
	}

	.stagger-item:nth-child(3) {
		animation-delay: 0.3s;
	}

	.stagger-item:nth-child(4) {
		animation-delay: 0.4s;
	}

	.stagger-item:nth-child(5) {
		animation-delay: 0.5s;
	}

	.stagger-item:nth-child(6) {
		animation-delay: 0.6s;
	}

	.stagger-item:nth-child(7) {
		animation-delay: 0.7s;
	}

	.stagger-item:nth-child(8) {
		animation-delay: 0.8s;
	}

	.stagger-item:nth-child(9) {
		animation-delay: 0.9s;
	}

.moreview {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #81d2f2;
}

	.moreview:after {
		position: absolute;
		top: 0px;
		padding-top: 160px;
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		content: "더보기";
		font-size: 20px;
		color: #81d2f2;
		font-weight: 100;
		background: url(../images/icon-moreview.svg) no-repeat center 75px;
	}

	.moreview:hover {
		background: rgba(180, 151, 19, 0.15);
	}

/* gallerymodal */
#gallerymodal .modal-dialog {
	max-width: 910px;
	padding: 0 40px;
	animation: slipdown 1s;
}

#gallerymodal .modal-header {
	justify-content: end;
}

	#gallerymodal .modal-header .btn-close {
		opacity: 1;
		width: 36px;
		height: 36px;
		padding: 0;
		margin: 0;
		background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><line fill='none' stroke='rgba(255, 255, 255, 1)' stroke-width='2' x1='18' y1='6' x2='6' y2='18'></line><line fill='none' stroke='rgba(255, 255, 255, 1)' stroke-width='2' x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center;
	}

#gallerymodal .modal-content {
	border: 0;
	background: none;
	margin-top: 6rem;
}

#gallerymodal .modal-header, #gallerymodal .modal-body, #gallerymodal .modal-footer {
	border: none;
	border-radius: 0;
	padding: 0;
}

#gallerymodal .modal-footer {
	width: 100%;
	background: #fff;
	padding: 1.5rem 0;
	text-align: center;
	margin: auto;
}

#gallerymodal .modal-title {
	margin: 0 auto;
	font-weight: 700;
}

.modal-navi {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

	.modal-navi .modal-prev, .modal-navi .modal-next {
		opacity: 0.8;
		border: 0;
		background: rgba(255, 255, 255, 0.15);
		width: 32px;
		height: 80px;
		padding: 0;
		margin-top: -40px;
		color: #fff;
		z-index: 9;
	}

	.modal-navi .modal-prev {
		float: left;
	}

	.modal-navi .modal-next {
		float: right;
	}

		.modal-navi .modal-prev:hover, .modal-navi .modal-next:hover {
			opacity: 1;
		}

/*--------------------------------------------------------------------------------*/
/*---------------------------------- Pagenavi ------------------------------------*/
/*--------------------------------------------------------------------------------*/

.pagination {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.page-link {
	font-size: 1.125rem;
	border: 0;
	padding: 0.375rem 0.375rem;
}

	.page-link:hover, .page-item.active .page-link {
		background: none;
		color: #2281a7;
		font-weight: 500;
	}

	.page-link:first-child:hover, .page-link:last-child:hover {
		border-bottom: none;
	}

.page-prev img, .page-next img {
	filter: grayscale(100%);
}

.page-prev:hover img, .page-next:hover img {
	filter: grayscale(0%);
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------ Popup -------------------------------------*/
/*--------------------------------------------------------------------------------*/

.popupbox {
	visibility: hidden;
	height: 0%;
}

	.popupbox.popup-is-shown {
		visibility: visible;
		height: 100%;
	}

	.popupbox .popup {
		transform: translateY(130%);
		transition-timing-function: ease-in;
		transition: 0.2s;
	}

	.popupbox.popup-is-shown .popup {
		transition: 0.25s;
		transition-timing-function: ease-out;
		transform: translateY(0);
		opacity: 1;
	}

.popupbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
	z-index: 9;
}

.popup {
	position: absolute;
	width: 90%;
	min-height: 60px;
	left: 5%;
	top: 12%;
	opacity: 0;
	z-index: 10;
}

.popup-inner {
	position: relative;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
}

.popup-date {
	width: 840px;
	border: 1px solid #2281a7;
	border-radius: 3rem;
}

.popup-inner h3 {
	font-size: 20px;
	color: #333;
	line-height: 1em;
	letter-spacing: -2px;
	margin: 10px 0;
}

.popup-inner p {
	font-weight: 400;
}

.popup-close {
	background: url(../images/icon-close.png) no-repeat center right;
	color: #999;
	padding: 0px 25px 0px 6px;
	font-size: 0.875rem;
}

.popupbox .fullwidth-calendar .widget-calendar {
	border: 0;
}

.popupbox .reserv-status-info {
	margin-top: 0;
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------- Calendar -----------------------------------*/
/*--------------------------------------------------------------------------------*/

.widget-datepicker-label {
	position: relative;
	text-align: center;
	padding-bottom: 10px;
	font-size: 22px;
}

.widget-datepicker-bd table {
	width: 100%;
}

.widget-datepicker button {
	position: absolute;
	top: 0px;
	width: 32px;
	padding: 4px 6px;
	font-size: 8px;
	line-height: 1.1em;
	border: none;
	background: no-repeat;
	width: 36px;
	height: 32px;
}

	.widget-datepicker button.widget-datepicker-prev {
		left: 15px;
	}

	.widget-datepicker button.widget-datepicker-next {
		right: 15px;
	}

.widget-daterange {
	padding-bottom: 20px;
}

.widget-calendar {
	width: 100%;
	min-width: 640px;
}

	.widget-calendar .widget-datepicker-hd {
		position: relative;
	}

	.widget-calendar .calendar-prev {
		margin-right: 40px;
	}

	.widget-calendar .calendar-prev, .widget-calendar .calendar-next {
		float: left;
		width: 320px;
	}

	.widget-calendar .widget-datepicker-weekend {
		color: #636b66;
		font-weight: normal;
	}

	.widget-calendar .widget-datepicker-today a {
		background-color: #fff;
		color: #0d6385;
		border: 1px solid #0d6385;
	}

	.widget-calendar .widget-datepicker-disabled, .widget-calendar .widget-datepicker-disabled a {
		color: #ddd;
		cursor: not-allowed;
	}

	.widget-calendar .widget-datepicker-closed a {
		background-color: #ddd;
		color: #fff !important;
		cursor: not-allowed;
	}

	.widget-calendar .widget-datepicker-highlight a {
		background-color: none;
		color: #666;
	}

	.widget-calendar .widget-datepicker-selected a {
		background-color: #2281a7;
		color: #fff;
	}

	.widget-calendar .widget-datepicker-bd table tr td, .widget-calendar .widget-datepicker-bd table th {
		position: relative;
		padding: 0;
		text-align: center;
		font-size: 0.8rem;
		line-height: 2rem;
		border: none;
		width: 14.2857%;
	}

	.widget-calendar .widget-datepicker-bd table th {
		font-size: 0.688rem;
	}

	.widget-calendar .widget-datepicker-bd table tr td a {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		text-align: center;
		margin: 3px auto;
	}

	.widget-calendar .widget-datepicker-bd table tr td:first-child a, .widget-calendar .widget-datepicker-bd table th:first-child {
		color: #e61818;
	}

	.widget-calendar .widget-datepicker-bd table tr td:last-child a, .widget-calendar .widget-datepicker-bd table th:last-child {
		color: #187fe6;
	}

.reserv-status-info {
	font-size: 0.8rem;
	margin: 1rem 1rem 0;
	float: left;
}

	.reserv-status-info span {
		font-size: 1rem;
		padding: 0 0.25rem 0 0.5rem;
	}

.reserv-close {
	margin: 1rem 1rem 0;
	float: right;
}

.reserv-status-today {
	background: none;
	color: #0d6385;
}

.reserv-status-selected {
	background: none;
	color: #2281a7;
}

.reserv-status-closed {
	background: none;
	color: #b4bbbc;
}

.fullwidth-calendar .widget-calendar {
	display: flex;
	min-width: 100%;
	border: 1px solid #2281a7;
	border-radius: 5rem;
}

	.fullwidth-calendar .widget-calendar .widget-datepicker-label {
		font-size: 26px;
		font-weight: normal;
		margin-bottom: 1rem;
		color: #2281a7;
	}

.fullwidth-calendar .widget-datepicker button {
	font-size: 1rem;
	color: #2281a7;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table th {
	font-size: 0.75rem;
	padding-bottom: 0.5rem;
	font-weight: 300;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr {
	border-bottom: 1px solid #E8E8E8;
}

.fullwidth-calendar .widget-calendar .calendar-prev, .fullwidth-calendar .widget-calendar .calendar-next {
	width: 50%;
	padding: 2%;
	margin-right: 0;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr td a {
	font-size: 1.125rem;
	width: 100%;
	height: 100%;
	line-height: 40px;
	border-radius: 0;
	margin: 0 auto;
	font-weight: 500;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr td span {
	display: block;
	height: 40px;
	line-height: 20px;
	font-size: 0.875rem;
	color: #81d2f2;
	font-weight: 300;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr td:first-child a, .fullwidth-calendar .widget-calendar .widget-datepicker-bd table th:first-child {
	color: #e61818;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-today a {
	background-color: #fff;
	color: #000;
	border: 1px solid #2281a7;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-today span {
	color: #2281a7;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-disabled, .fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-disabled a {
	color: #B4BBBC;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table th {
	font-size: 0.875rem;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr td {
	font-size: 1.125rem;
	line-height: 40px;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-disabled span {
	color: #B4BBBC;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-closed a {
	background-color: #FFF;
	color: #B4BBBC !important;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-closed span {
	color: #B4BBBC !important;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-highlight a {
	background-color: #FFF;
	color: #000;
}

.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-selected span {
	color: #fff;
}

.fullwidth-calendar .reserv-status-today {
	color: #81d2f2;
}
/* 대기예약버튼 */
.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-waiting {
	color: #B4BBBC;
}

	.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-waiting span {
		color: #B4BBBC;
	}

	.fullwidth-calendar .widget-calendar .widget-datepicker-bd table .widget-datepicker-waiting:hover {
		background-color: #E8E8E8;
		cursor: pointer;
	}

.widget-datepicker button.btn-waiting {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 2px;
	padding: 0;
	background: #707070;
	color: #FFF;
	font-size: 0.75rem;
	min-width: auto;
	width: calc(100% - 16px);
	margin-left: 8px;
	height: 18px;
}

.tooltiptext {
	position: absolute;
	top: 40px;
	right: 95%;
	width: 96px;
	font-size: 0.875rem;
	line-height: 1rem;
	background-color: #FFF;
	color: #221e1f;
	border: 1px solid #81d2f2;
	text-align: center;
	padding: 6px 0;
	z-index: 2;
	visibility: hidden;
	display: none;
}

.widget-datepicker-waiting:hover .tooltiptext {
	visibility: visible;
	display: block;
}

	.widget-datepicker-waiting:hover .tooltiptext:after {
		position: absolute;
		top: 3px;
		right: -11px;
		content: "▶";
		display: block;
		color: #81d2f2;
		font-size: 0.875rem;
	}

.status-box {
	margin: 3rem 0;
	border: 1px solid #2281a7;
	background-color: #2281a7;
	padding: 5% 2%;
	text-align: center;
	border-radius: 5rem;
}

	.status-box label {
		font-weight: bold;
		font-size: 1.125rem;
		color: #81d2f2;
		margin: 0 0.75rem;
		line-height: 1.5rem;
	}

	.status-box span {
		vertical-align: middle;
	}

	.status-box h3 {
		font-size: 1.5rem;
		color: #fff;
	}

.box {
	padding: 1.5rem 2rem;
	background: #F8F8F8;
	margin: 0.5rem 0;
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------ footer ------------------------------------*/
/*--------------------------------------------------------------------------------*/

#footer {
	width: 100%;
	margin-top: 0px;
	padding-bottom: 50px;
	background: #e1e2e2;
}

	#footer ul {
		display: flex;
		justify-content: center;
		margin-bottom: 5px;
	}

		#footer ul li {
			float: left;
			padding-left: 12px;
		}

			#footer ul li:after {
				display: inline-block;
				content: "";
				width: 1px;
				height: 14px;
				background: #666;
				margin-left: 12px;
				margin-top: 8px;
			}

			#footer ul li a {
				float: left;
				display: inline-block;
				font-size: 1rem;
				color: #333;
			}

				#footer ul li a:hover {
					color: #000;
				}

			#footer ul li:last-child:after {
				display: none;
			}

		#footer ul:first-child li:last-child:after {
			display: inline-block;
		}

.footer-top {
	position: relative;
	padding: 50px 0;
}

.footer-brand {
	text-align: center;
}

	.footer-brand img {
		max-width: 100px;
	}

	.footer-brand h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}

.footer-logo {
	position: absolute;
	top: 50px;
	left: 50px;
	max-width: 120px;
}

.footer-copyright span {
	margin: 0 0.375rem;
}

.footer-description {
	text-align: center;
	margin-bottom: 10px;
}

	.footer-description a:hover {
		color: #000;
	}

.footer-sns {
	display: flex;
	justify-content: center;
	margin: 1rem 0;
}

	.footer-sns img {
		max-width: 40px;
	}

.footer-description span {
	padding-left: 2px;
	padding-right: 2px;
}

.footer-link {
	display: flex;
	justify-content: center;
}

.select-wrapper {
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	padding: 0.25rem 0 0.25rem 0;
}

select.custom-arrow {
	background: none;
	height: auto;
	padding: 0 2.5rem 0 0.5rem;
	appearance: none;
	background: url(../images/arrow-down.png) no-repeat right 9px center;
}

.top-scroll {
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 78px;
	height: 78px;
	z-index: 50;
	display: none;
}

	.top-scroll.active {
		display: block;
		animation: fadein 1s;
	}

/*--------------------------------------------------------------------------------*/
/*----------------------------------- response -----------------------------------*/
/*--------------------------------------------------------------------------------*/

@media only screen and (max-width: 1600px) {
	#main-menu li {
		padding: 10px 20px 0px 20px;
	}

	#fullwidth_menu {
		height: 100%;
		overflow-y: auto;
	}

		#fullwidth_menu ul.nav {
			width: 90%;
		}
}

@media only screen and (max-width: 1280px) {
	select.custom-arrow.family-link {
		min-width: auto;
	}
}

@media (min-width: 1025px) and (max-width: 1280px) {
	.container {
		width: 1000px !important;
	}
}

@media only screen and ( max-width: 1024px ) {
	.container {
		width: 960px !important;
	}

	.header-bg {
		padding: 0 20px;
		height: 60px;
	}

	#menu-area {
		height: 60px;
		padding: 10px 0;
	}

	#main-menu {
		display: none !important;
	}

	#logo {
		max-width: 140px;
	}

	#top-menu li.menu-item, #top-menu li.menu-item a {
		font-size: 0.875rem;
	}

	.mainslider, .mainslider .swiper-slide {
		height: 590px;
	}

	.slide-text {
		top: auto;
		bottom: 25vh;
		margin-bottom: 0;
	}

		.slide-text h1 {
			font-size: 1.5em;
		}

		.slide-text p {
			margin-bottom: 1rem;
			font-size: 1rem;
		}

	.pagination-wrapper {
		margin-top: 1rem;
	}

	.icon-scroll {
		display: none;
	}

	.mc-only {
		display: block;
	}

	.pc-only {
		display: none;
	}

	.padding-sm {
		padding: 0.5rem !important;
	}

	.padding-base {
		padding: 1.5rem !important;
	}

	.padding-lg {
		padding: 2.5rem !important;
	}

	.section-padding {
		padding: 3rem 0;
	}

	.section-desc {
		font-size: 1rem;
		padding: 1.25rem;
	}

		.section-desc h3 {
			font-size: 1.25rem;
		}

	.section-desc-sm {
		font-size: 0.875rem;
		padding: 1.5rem;
		margin-bottom: 0;
		padding-bottom: 0.5rem;
	}

		.section-desc-sm h4 {
			font-size: 1rem;
		}

	.section-desc-holeinfo {
		font-size: 0.875rem;
		padding: 0 1.5rem;
		margin-bottom: 1rem;
	}

		.section-desc-holeinfo .hole-title {
			padding-left: 0;
			display: flex;
			align-items: center;
		}

			.section-desc-holeinfo .hole-title h1 {
				font-size: 2rem;
				margin-bottom: 1rem;
				margin-right: 1rem;
			}

		.section-desc-holeinfo h2 {
			font-size: 1.25rem;
		}

	.hole-num {
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 1rem;
	}

	.nav-holeinfo li {
		padding: 0 0.5rem;
	}

		.nav-holeinfo li a {
			position: relative;
			display: block;
			font-size: 0.75rem;
			line-height: 2rem;
			padding: 1rem 0;
		}

		.nav-holeinfo li:first-child::before, .nav-holeinfo li::after {
			height: 40px;
		}

	.ul-location {
		flex-direction: column;
	}

		.ul-location li {
			font-size: 1rem;
			margin-right: 0;
		}

			.ul-location li:first-child {
				margin-right: 0;
			}

	.subslider .swiper-slide .slide-img.location {
		background-position: center right 30%;
	}

	.footer-top {
		padding: 26px 0;
	}

	#footer ul {
		margin-bottom: 0;
	}

		#footer ul li {
			padding-left: 6px;
		}

			#footer ul li a {
				font-size: 0.688rem;
			}

			#footer ul li:after {
				height: 12px;
				margin-left: 6px;
			}

		#footer ul:first-child li:last-child:after {
			display: none;
		}

	.footer-brand img {
		max-width: 80px;
	}

	.footer-brand h3 {
		font-size: 20px;
		max-width: 280px;
		margin: 10px auto;
	}

	.footer-copyright, .footer-description {
		font-size: 0.688rem;
	}

		.footer-description span.fw-bold {
			width: 100%;
			margin-top: 1.25rem;
		}

	.footer-link {
		flex-direction: column;
	}

	.footer-logo {
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
		max-width: 80px;
	}

	.top-scroll {
		right: 10px;
		bottom: 10px;
	}

	.form-control, .form-select, .input-group-text, .form-check-label, .col-form-label, .form-control-plaintext, .form-check-input[type=radio], {
		padding: 0.5rem 0.75rem;
	}

	.form-control-lg, .btn-lg, .btn-group-lg > .btn {
		padding: 0.5rem 0.75rem;
	}

	.btn {
		padding: 0.5rem 0.75rem;
		font-size: 1rem;
		border-radius: 3rem;
	}

	.btn-sm {
		padding: 0.25rem 0.5rem;
		font-size: 0.875rem;
		border-radius: 1.5rem;
	}

	.content-header {
		padding-top: 50px;
	}

	#top-area {
		height: 280px;
	}

		#top-area h1.title {
			top: 150px;
		}

	.top-area-sm {
		height: 140px !important;
	}

	.tabcontent-item {
		font-size: 14px;
		line-height: 1.3;
	}

		.tabcontent-item:after {
			display: none;
		}

		.tabcontent-item span {
			display: block;
			margin-right: 0;
			margin-bottom: 5px;
			font-size: 11px;
		}

	.agree-bottom {
		margin: 0.5rem 0 2rem;
	}

		.agree-bottom .form-check-label {
			font-size: 0.875rem;
			padding-left: 0.25rem;
		}

	.login-inner {
		margin: 15px;
	}

		.login-inner .page-title {
			padding-top: 0rem;
			padding-bottom: 1rem;
		}

		.login-inner .title-info {
			margin-bottom: 0.5rem;
		}

		.login-inner .card {
			border-radius: 3rem;
		}

		.login-inner .card-body {
			padding: 1.25rem;
		}

	.idsearch.login-inner .card-body {
		padding: 1.5rem;
	}

	.btn-area {
		margin: 1.5rem 0;
	}

	blockquoter p {
		font-size: 1rem;
	}

	.folding-wrapper li.active .folding-content {
		margin-top: 1.5rem;
	}

	.page-title {
		padding: 30px 0 30px;
	}

	.status-box {
		margin: 1.5rem 0;
		border-radius: 3rem;
	}

		.status-box label {
			display: block;
			margin-bottom: 0.5rem;
		}

		.status-box h3 {
			margin-bottom: 1rem;
		}

	.fullwidth-calendar .widget-calendar {
		overflow: auto;
		border-radius: 3rem;
	}

		.fullwidth-calendar .widget-calendar .calendar-prev, .fullwidth-calendar .widget-calendar .calendar-next {
			width: 100%;
			min-width: 100%;
		}

		.fullwidth-calendar .widget-calendar .widget-datepicker-label {
			font-size: 20px;
			margin-bottom: 0.5rem;
		}

	.fullwidth-calendar .widget-datepicker button {
		font-size: 0.875rem;
	}

	.fullwidth-calendar .widget-calendar .widget-datepicker-bd table th {
		font-size: 0.623rem;
	}

	.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr td {
		font-size: 0.875rem;
		line-height: 24px;
	}

		.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr td a {
			font-size: 0.875rem;
			line-height: 24px;
		}

		.fullwidth-calendar .widget-calendar .widget-datepicker-bd table tr td span {
			line-height: 24px;
		}

	.widget-datepicker button.btn-waiting {
		font-size: 0.5rem;
		bottom: 2px;
		width: calc(100% - 8px);
		margin-left: 4px;
	}

	.subslider, .subslider .swiper-slide {
		height: 50vh;
	}

		.subslider .slide-text {
			bottom: 10vh;
		}

			.subslider .slide-text h3 {
				font-size: 1.25rem;
			}

		.subslider.subslider-wide .slide-text h3 {
			text-align: center;
			margin-right: 0;
		}

		.subslider.galleryslider, .subslider.galleryslider .swiper-slide {
			height: 30vh;
		}

			.subslider.galleryslider .slide-text {
				bottom: 2vh;
			}

				.subslider.galleryslider .slide-text h3 {
					font-size: 0.625rem;
					text-align: center;
					margin-right: 0;
				}

		.subslider.galleryslider-full, .subslider.galleryslider-full .swiper-slide {
			height: 40vh;
		}

	.table-boardview tr th:first-child {
		padding-left: 0;
	}

	@media (min-width: 961px) and (max-width: 1024px) {
		.container {
			width: 960px !important;
		}
	}

	@media only screen and ( max-width: 960px ) {
		.container {
			width: 740px !important;
		}

		#fullwidth_menu ul.nav {
			padding-top: 50px;
		}

		#fullwidth_menu li.menu-item {
			width: 100% !important;
			margin: 0;
		}

			#fullwidth_menu li.menu-item:after {
				display: none;
			}

			#fullwidth_menu li.menu-item h4 {
				height: 30px;
			}

		#fullwidth_menu ul.sub-menu, #fullwidth_menu li.current ul.sub-menu {
			display: flex;
			min-height: auto;
		}

			#fullwidth_menu ul.sub-menu li {
				width: auto;
				margin-right: 1rem;
			}

		.breadcrumbs {
			display: none;
		}

		.page-slider .gallery-navibox {
			right: 12px;
			bottom: 40px;
		}

		.page-slider .container:before, .page-slider:after {
			top: 20px;
			height: 140px;
		}

		.folding-wrapper li .folding-header .title {
			width: 100%;
		}

		.table tr td, table th {
			padding: 6px;
			font-size: 0.875rem;
		}

		.table-lg tr td, .table-lg th {
			padding: 10px 15px !important;
		}

		.table-noteline tr td, .table-noteline th {
			padding: 10px 15px;
		}

			.table-noteline tr td span {
				width: 100%;
			}

		.pagination li {
			padding-left: 10px;
		}

		.page-link {
			font-size: 0.938rem;
		}

		.boardview-title {
			display: block;
			width: 100%;
			margin-top: 0.5rem;
		}

		.boardview-join tr th:first-child {
			padding-left: 20px;
		}

		.boardview-join .viewbox {
			padding-left: 20px;
		}

		.table-boardview-meta li {
			display: flex;
			padding: 0;
			float: none;
		}

			.table-boardview-meta li span {
				display: block;
			}

			.table-boardview-meta li:after {
				display: none;
			}
	}



	@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
		.container {
			width: 740px !important;
			margin-bottom: 0px;
		}
	}

	@media only screen and ( max-width: 767px ) {
		.container {
			width: 480px !important;
			margin-bottom: 0;
		}

		.pagination-wrapper {
			width: 94%;
		}

		.popup {
			width: 100%;
			left: 0;
			top: 70px;
		}

		.popup-date {
			width: 100%;
			border-radius: 0;
		}

		.widget-calendar .calendar-prev, .widget-calendar .calendar-next {
			width: 300px;
		}

		.widget-daterange {
			overflow: auto;
		}
	}


	@media only screen and ( max-width: 479px ) {
		.container {
			width: 360px !important;
			margin-bottom: 0;
		}

		.slide-text {
			top: auto;
			bottom: 30vh;
			margin-bottom: 0;
		}

		.header-notice ul li, .header-notice ul li a {
			text-align: left;
		}

		.btn-lg {
			min-width: 140px;
		}
	}