@charset "utf-8";
.wrap {
	max-width: 1400px;
}

#visual .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding-top: 90px;
	padding-bottom: 90px;
	height: 600px;
}

#visual .slogan .txt01 {
	display: inline-block;
	margin-bottom: 24px;
	padding: 6px 12px;
	color: #fff;
	background: rgba(0, 168, 70, 0.80);
}

#visual .slogan .txt02 {
	color: #fff;
	font-size: 46px;
	line-height: 140%;
	letter-spacing: 1.84px;
	text-shadow: 0px 12px 30px rgba(0, 0, 0, 0.46);
}

#visual .visual-link {
	display: flex;
	gap: 27px;
	text-align: center;
	margin-top: 60px;
}

#visual .visual-link a {
	position: relative;
	display: block;
	padding-top: 142px;
	width: 120px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-shadow:-1px 0 rgba(0,0,0,0.4), 0 -1px rgba(0,0,0,0.4), 1px 0 rgba(0,0,0,0.4), 0 1px rgba(0,0,0,0.4);
	text-decoration: none;
	transition: .3s;
}

#visual .visual-link a::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #fff;
}

#visual .visual-link a:hover::after {
	background: linear-gradient(180deg, #09D85F 0%, #24B250 100%);
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.48);
}

#visual .visual-link a::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	border: 12px solid rgba(0, 168, 70, 0.40);
	transition: .2s;
}

#visual .visual-link a:hover::before{
	left: -12px;
	top: -12px;
	width: 120px;
	height: 120px;
	transition: .3s;
}

#visual .visual-link i {
	position: absolute;
	left: 39px;
	top: 36px;
	margin: auto;
	width: 42px;
	height: 48px;
	background: url(../img/main/visual-link.svg) no-repeat center;
	z-index: 1;
}

#visual .visual-link li:nth-child(1) i {
	background-position: 0 0;
}

#visual .visual-link li:nth-child(1) a:hover i {
	background-position: 0 -48px;
}

#visual .visual-link li:nth-child(2) i {
	background-position: -42px 0;
}

#visual .visual-link li:nth-child(2) a:hover i {
	background-position: -42px  -48px;
}

#visual .visual-link li:nth-child(3) i {
	background-position: -84px 0;
}

#visual .visual-link li:nth-child(3) a:hover i {
	background-position: -84px  -48px;
}

#visual .visual-link li:nth-child(4) i {
	background-position: -126px 0;
}

#visual .visual-link li:nth-child(4) a:hover i {
	background-position: -126px  -48px;
}

#pzone {
	position: relative;
	max-width: 620px;
}

#pzone .pzone-control {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 16px 32px;
	border-radius: 20px 0px 20px 0px;
	background: #000;
	opacity: 0.8;
	z-index: 1;
}

#pzone .pzone-control h3 {
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.68px;
}

#pzone .pzone-control>div {
	display: flex;
	align-items: center;
	gap: 20px;
}

#pzone .pzone-control>div>a {
	width: 28px;
	height: 14px;
	background: url(../img/main/pzone-arr.svg) no-repeat center;
}

#pzone .pzone-control>div>a#pzoneNext {
	transform: rotate(180deg);
}

#pzone .pzone-control p {
	color: #fff;
}

#pzone .pzone-control #pzoneCnt {
	color: var(--green);
}

#pzone .pzone-list {
  border-radius: 20px;
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
}

#pzone .pzone-list>ul {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

#pzone .pzone-list>ul>li {
  display: inline-block;
  width: 100%;
}

#pzone .pzone-list>ul>li img {
  width: 100%;
  max-width: none;
}

#visual .bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 748px;
	overflow: hidden;
	z-index: -1;
}

#visual video {
	width: 100%;
	min-height: 100%;
}

#info {
	padding-top: 40px;
	padding-bottom: 40px;
	background: var(--dark-green);
}

#info .wrap {
	display: flex;
	align-items: center;
	gap: 100px;
}

#info dl {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 100px;
	height: 80px;
}

#info dl::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: url(../img/main/info.svg) no-repeat;
}

#info dl dt {
	margin-bottom: 12px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.88px;
}

#info dl dd {
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.9px;
}

#info .time::before {
	background-position: 0 0;
}

#info .closed::before {
	background-position: -80px 0;
}

#info .location {
	padding-right: 79px;
}

#info .location::before {
	background-position: -160px 0;
}

#info .location dd>a {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 69px;
	height: 65px;
	background: url(../img/main/info-location-map.svg) no-repeat center;
}

#facility {
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: hidden;
}

#facility>div {
	position: relative;
}

#facility .facility-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	width: 320px;
	height: 360px;
}

#facility .facility-tit h3 {
	margin-bottom: 10px;
	color: var(--green);
	font-size: 32px;
	letter-spacing: 1.28px;
}

#facility .facility-tit p {
	color: var(--gray);
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.56px;
}

#facility .facility-con {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#facility .facility-con .facility-tab {
	display: block;
	padding-left: 10px;
	font-size: 17px;
	letter-spacing: 0.85px;
}

#facility .facility-con .facility-tab .point-leaf::after {
	opacity: 0;
}

#facility .facility-con .select .facility-tab {
	position: relative;
	padding-left: 38px;
	color: var(--dark-green);
	font-weight: 700;
	letter-spacing: 0.68px;
}

#facility .facility-con [class^="facility-list0"] {
	position: absolute;
	left: 380px;
	top: 0;
	display: none;
}

#facility .facility-con .select [class^="facility-list0"] {
	display: block;
}

#facility .facility-img ul {
	display: flex;
	gap: 430px;
  white-space: nowrap;
}

#facility .facility-img li {
	position: relative;
}

#facility .facility-img li p {
	width: 540px;
	height: 360px;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
}

#facility .facility-img li::after {
	content: '';
	position: absolute;
	right: -32px;
	bottom: -32px;
	width: 100%;
	height: 100%;
	background: url(../img/main/facility-img.png) repeat center;
	border-radius: 20px;
	z-index: -1;
}

#facility .facility-img li img {
	min-width: 100%;
	max-width: none;
	min-height: 100%;
	border-radius: 20px;
}

#facility .facility-info {
	position: absolute;
	left: 620px;
	top: 0;
	padding-top: 46px;
	padding-bottom: 46px;
	width: 340px;
}

#facility .facility-info .tit {
	margin-bottom: 8px;
	color: #000;
	font-size: 24px;
	letter-spacing: 0.96px;
}

#facility .facility-info .txt {
	color: var(--gray);
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.56px;
}

#facility .facility-info .call {
	margin-top: 24px;
	margin-bottom: 24px;
	color: var(--gray);
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: 0.56px;
}

#facility .facility-info .call span {
	position: relative;
	display: inline-block;
	padding-left: 26px;
	padding-right: 16px;
}

#facility .facility-info .call span::after {
	content: '';
	position: absolute;
	top: 7px;
	right: 8px;
	width: 1px;
	height: 7px;
	background: var(--light-gray);
}

#facility .facility-info .call span::before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	width: 23px;
	height: 23px;
	background: url(../img/main/facility.svg) no-repeat 0 0;
}

#facility .facility-info .more {
	position: relative;
	display: inline-block;
	margin-bottom: 40px;
	padding: 16px 49px 16px 23px;
	font-size: 16px;
	border-radius: 4px;
	border: 2px solid #222;
}

#facility .facility-info .more::after {
	content: '';
	position: absolute;
	right: 22px;
	top: calc(50% - 16px / 2);
	width: 11px;
	height: 16px;
	background: url(../img/main/facility.svg) no-repeat -23px 0;
}

#facility .facility-control {
	display: flex;
	align-items: center;
	gap: 19px;
}

#facility .facility-control a {
	position: relative;
	margin: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--gray);
}
#facility .facility-control a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 13px;
	background: url(../img/main/facility.svg) no-repeat -34px 0;
}

#facility .facility-control [id^="facilityNext"]::after {
	transform: rotate(180deg);
}

#link {
	padding-top: 60px;
	padding-bottom: 60px;
	background: var(--light-gray);
}

#link ul {
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

#link ul li a {
	position: relative;
	display: block;
	min-width: 100px;
	text-align: center;
	padding-top: 121px;
	color: #000;	
}

#link ul li a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 100px;
	height: 100px;
	border-radius: 40px;
	background: #fff;
	transition: .3s;
}

#link ul li a:hover:after {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
	transition: .3s;
}

#link ul li a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	margin: auto;
	width: 60px;
	height: 60px;
	background: url(../img/main/link.png) no-repeat center;
	z-index: 1;
}

#link ul li:nth-child(1) a::before {
	background-position: 0 0;
}

#link ul li:nth-child(2) a::before {
	background-position: -60px 0;
}

#link ul li:nth-child(3) a::before {
	background-position: -120px 0;
}

#link ul li:nth-child(4) a::before {
	background-position: -180px 0;
}

#link ul li:nth-child(5) a::before {
	background-position: -240px 0;
}

#link ul li:nth-child(6) a::before {
	background-position: -300px 0;
}

#link ul li:nth-child(7) a::before {
	background-position: -360px 0;
}

.board {
	display: flex;
	gap: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
}

#notice {
	position: relative;
	display: flex;
	width: calc(55% - 30px);
}

#notice h3 {
	flex: 0 0 auto;
	padding-top: 3px;
	margin-right: 20px;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 1.28px;
}

#notice .notice-tab {
	display: block;
	margin-right: 8px;
	padding: 12px 26px 10px 26px;
	color: var(--dark-green);
	font-size: 17px;
	letter-spacing: 0.85px;
	border-radius: 21px;
	border: 1px solid var(--dark-green);
	box-sizing: border-box;
}


#notice .select .notice-tab {
	color: #fff;
	background: var(--dark-green);
}

#notice .select .board-list,
#notice .select .more {
	display: block;
}

#notice .board-list {
	position: absolute;
	left: 0;
	top: 80px;
	display: none;
	width: 100%;
}

#notice .board-list li {
	position: relative;
	padding: 20px 0 14px 0;
	border-bottom: 1px solid var(--light-gray);
}

#notice .board-list li:nth-last-child(1) {
	border-bottom: none;
}

#notice .board-list a {
	display: inline-block;
	padding-right: 110px;
	font-size: 16px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#notice .board-list a span {
	position: absolute;
	right: 0;
	top: 18px;
	color: var(--gray);
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.56px;
}

#notice .more {
	display: none;
	position: absolute;
	right: 0;
	top: 10px;
}

#notice .more span {
	display: inline-block;
	padding-right: 22px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.56px;
	background: url(../img/main/notice-more.svg) no-repeat right center;
}

#photo {
	position: relative;
	width: calc(45% - 30px);
	height: 352px;
}

#photo .photo-control {
	position: absolute;
	left: 0;
	top: calc(50% - 20px);
	display: flex;
	justify-content: space-between;
	padding-left: 24px;
	padding-right: 24px;
	width: 100%;
}

#photo .photo-control a {
	position: relative;
	display: block;
	margin: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.80)  url(../img/main/photo-arr.svg) no-repeat center;
	z-index: 1;
}


#photo .photo-control #photoNext {
	transform: rotate(180deg);
}

#photo .photo-list {
	position: relative;
	border-radius: 12px;
	height: 100%;
  overflow: hidden;
}

#photo .photo-list>ul {
	white-space: nowrap;
}

#photo .photo-list>ul>li {
	display: none;
	width: 100%;
}

#photo .photo-list>ul>li:first-child {
	display: block;
}

#photo .photo-list .img {
	border-radius: 12px;
}

#photo .photo-list .img img {
	width: 100%;
	max-width: none;
}

#photo .photo-list .con {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 130px 20px 24px;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.80);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#photo .photo-list .con span {
	position: absolute;
	right: 24px;
	top: 20px;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.56px;
}

/*pc*/
@media screen and (min-width:1025px) {
	#visual .slogan .txt02 strong {
		display: block;
	}

	#facility .facility-con .select .facility-tab span {
		position: relative;
		display: inline-block;
		padding-right: 15px;
	}

	#facility .facility-con .select .point-leaf::after {
		top: -5px;
		right: 0;
		opacity: 1;
		animation: point-leaf2 1.5s;
	}

	@keyframes point-leaf2 {
		0% {
			transform: translate(30px, -20px) rotate(90deg);
			opacity: 0;
		}
		100% {
			transform: translate(0, 0) rotate(0deg);
			opacity: 1;
		}
	}

	#facility .facility-con .select .facility-tab::before {
		content: '';
		position: absolute;
		top: 8px;
		right: 100%;
		width: 100%;
		height: 2px;
		background: var(--dark-green);
	}

	#facility .facility-info {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		min-height: 355px;
	}
}

/* min-pc */
@media screen and (max-width:1350px) {
	#visual video {
		min-width: 100%;
		width: auto;
		height: 100%;
	}
	
	#facility .facility-img li p {
		display: flex;
		justify-content: center;
		width: 350px;
	}

	#facility .facility-box {
		padding-bottom:  350px;
	}
	
	#facility .facility-info {
		left: 400px;
	}

	#notice {
		height: 445px;
		padding-bottom: 87px;
	}

	#notice .more {
		width: 100%;
		top: calc(100% - 47px);
		height: 47px;
		text-align: center;
		border-radius: 4px;
		background: #F5F5F5;
	}
	
	#notice .more span {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/* mb */
@media screen and (max-width:1024px) {
	#visual .wrap {
		flex-direction: column;
		justify-content: center;
		gap: 27px;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}
	
	#visual .slogan .txt01 {
		margin-bottom: 12px;
	}

	#visual .visual-link {
		justify-content: center;
		margin-top: 20px;
	}
	
	#visual .visual-link a {
		padding-top: 122px;
		width: 100px;
	}
	
	#visual .visual-link a::after {
		width: 100px;
		height: 100px;
	}

	#visual .visual-link a::before {
		width: 76px;
		height: 76px;		
	}

	#visual .visual-link a:hover::before{
		width: 100px;
		height: 100px;
	}
	
	#visual .visual-link i {
		left: 29px;
		top: 26px;
	}

	#visual .bg {
		height: 910px;
	}

	#info .wrap {
		flex-direction: column;
		gap: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#info dl {
		min-width: 459px;
	}
	
	#facility {
		padding-left: 40px;
		padding-right: 40px;
	}

	#facility .facility-box {
		text-align: center;
		width: 100%;
		height: auto;
	}

	#facility .facility-tit p {
		display: none;
	}
	
	#facility .facility-con {
		flex-direction: row;
		gap: 4px;
	}
	
	#facility .facility-con>div {
		width: 25%;
	}
	
	#facility .facility-con .facility-tab {
		width: 100%;
		padding: 16px 1px 14px 1px;
		border-radius: 4px;
		border-bottom: 2px solid #F5F5F5;
		background: #F5F5F5;
		text-decoration: none;
	}

	#facility .facility-con .select .facility-tab {
		padding-left: 0;
		border-radius: 0;
		border-bottom: 2px solid var(--green);
		background: #fff;
	}

	#facility .facility-con [class^="facility-list0"] {
		left: 0;
		top: 155px;
	}

	#facility .facility-img li p {
		width: 450px;
		height: 320px;
	}
	
	#facility .facility-img li::after {
		right: -16px;
		bottom: -16px;
	}

	#facility .facility-info {
		left: 530px;
		text-align: left;
		width: 325px;
	}
	
	#link {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#link ul {
		gap: 20px;
		justify-content: center;
	}

	.board {
		flex-direction: column;
		gap: 60px;
		padding-left: 40px;
		padding-right: 40px;
	}

	#notice {
		flex-direction: column;
		height: auto;
		padding-top: 57px;
		padding-bottom: 0;
		width: 100%;
	}

	#notice h3 {
		display: none;
	}
	
	#notice>div {
		width: 100%;
	}

	#notice .notice-tab {
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		width: calc(33.3% - 8px / 3);
		padding: 16px 1px;
		color: #222;
		border-radius: 4px;
		border: none;
		border-bottom: 2px solid #F5F5F5;
		background: #F5F5F5;
		text-decoration: none;
	}
	
	#notice>div:nth-of-type(2) .notice-tab {
		left: calc((33.3% - 8px / 3) + 4px);
	}
	
	#notice>div:nth-of-type(3) .notice-tab {
		left: calc((66.6% - 8px / 3) + 4px);
	}

	#notice .select .notice-tab {
		color: var(--dark-green);
		padding-left: 0;
		border-radius: 0;
		border-bottom: 2px solid var(--green);
		background: #fff;
	}

	#notice .board-list {
		position: static;
		width: 100%;
	}

	#notice .more {
		position: static;
	}

	#photo {
		margin: auto;
		max-width: 600px;
		width: 100%;
	}
}

/* min-mb */
@media screen and (max-width:800px) {
	#visual .wrap {
		display: block;
		padding: 0;
	}

	#visual .visaul-con {
		padding: 79.5px 20px;
		height: 540px;
	}

	#visual .slogan .txt01 {
		font-size: 13px;
	}
	
	#visual .slogan .txt02 {
		font-size: 23px;
	}
	
	#visual .slogan .txt02 strong {
		display: block;
	}

	#visual .visual-link {
		flex-wrap: wrap;
		gap: 20px;
		margin: 40px auto auto;
		max-width: 180px;
	}	

	#visual .visual-link>li {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(50% - 10px);
	}

	#visual .visual-link a {
		padding-top: 90px;
		font-size: 16px;
		width: 80px;
	}	
	
	#visual .visual-link a::after,
	#visual .visual-link a:hover::before {
		width: 80px;
		height: 80px;
	}

	#visual .visual-link a::before {
		width: calc(80px - 24px);
		height: calc(80px - 24px);
	}
	
	#visual .visual-link i {
		top: 16px;
		left: 19px;
	}

	#visual .bg {
		height: calc(540px + 80px);
	}

	#pzone {
		max-width: 100%;
	}

	#pzone .pzone-control {
		position: static;
		justify-content: space-between;
		width: 100%;
		border-radius: 0;
	}

	#pzone .pzone-control p {
		font-size: 13px;
	}

	#pzone .pzone-list {
		border-radius: 0;
	}

	#info {
		padding: 16px 0;
	}

	#info .wrap {
		justify-content: flex-start;
		gap: 0;
	}

	#info dl {
		padding-left: 52px;
		padding-top: 32px;
		padding-bottom: 32px;
		width: 100%;
		min-width: auto;
		height: auto;
		border-bottom: 1px dashed rgba(0, 0, 0, 0.20);
	}
	
	#info .location {
		padding-right: 62px;
	}

	#info dl::before {
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		background-size: auto 40px;
	}

	#info .closed::before {
		background-position: -40px 0;
	}

	#info .location::before {
		background-position: -80px 0;
	}
	
	#info dl dt {
		margin-bottom: 6px;
		font-size: 16px;
	}
	
	#info dl dd {
		font-size: 15px;
		word-break: keep-all;
	}
	
	#info .location dd>a {
		width: 62px;
		height: 45px;
		border-radius: 5px;
		background: #F7DF49 url(../img/main/info-location-map.svg) no-repeat 2px center / 55px;
	}

	#info dl:nth-last-child(1) {
		border-bottom: 0;
	}

	#facility {
		padding: 36px 20px;
	}

	#facility .facility-tit h3 {
		font-size: 24px;
	}

	#facility .facility-con {
		display: inline-block;
		padding-top: 64px;
	}

	#facility .facility-con>div {
		width: 100%;
	}

	#facility .facility-con .facility-tab {
		position: absolute !important;
		left: 0;
		top: 40px;
		width: calc(25% - 12px / 3);
		display: flex;
		align-items: center;
		justify-content: center;
		height: 54px;
		font-size: 14px;
		word-break: keep-all;
	}
	
	#facility .facility-con>div:nth-of-type(2) .facility-tab {
		left: calc((25% - 12px / 3) + 4px);
	}
	
	#facility .facility-con>div:nth-of-type(3) .facility-tab {
		left: calc((50% - 12px / 3) + 4px);
	}
	
	#facility .facility-con>div:nth-of-type(4) .facility-tab {
		left: calc((75% - 12px / 3) + 4px);
	}
	
	#facility .facility-box {
		padding-bottom: 0;
	}
	
	#facility .facility-con .select [class^="facility-list0"] {
		position: static;
		gap: 20px;
		margin-top: 20px;
		width: 100%;
	}
	
	#facility .facility-img {
		line-height: 0;
		font-size: 0;
		border-radius: 20px;
		box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
		overflow: hidden;
	}
	
	#facility .facility-img ul {
		position: relative;
		display: block;
	}
	
	#facility .facility-img ul li {
		width: 100%;
		display: inline-block;
	}
	
	#facility .facility-img li::after {
		display: none;
	}

	#facility .facility-img li p {
		align-items: center;
		width: 100%;
		height: 250px;
		box-shadow: none;
	}

	#facility .facility-info {
		position: static;
		text-align: center;
		padding: 20px 0 0 0;
		width: 100%;
	}

	#facility .facility-info .tit {
		display: none;
	}
	
	#facility .facility-info .txt,
	#facility .facility-info .call,
	#facility .facility-info .more {
		font-size: 13px;
	}
	
	#facility .facility-info .call {
		margin-top: 8px;
		margin-bottom: 20px;
	}

	#facility .facility-info .call span::after {
		top: 5px;
	}
	
	#facility .facility-info .call span::before {
		width: 21px;
		height: 21px;
		background-size: auto 21px;
	}

	#facility .facility-info .more {
		margin-bottom: 0;
		padding: 10px 45px 10px 22px;
	}
	
	#facility .facility-info .more::after {
		top: 12px;
		width: 9px;
		height: 14px;
		background-size: auto 15px;
		background-position: -14px 0;
	}

	#facility .facility-control {
		position: absolute;
		left: 0;
		top: 250px;
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
		justify-content: space-between;
	}

	#facility .facility-control a {
		width: 36px;
		height: 36px;
		background: rgba(0, 0, 0, 0.70);
		border: none;
		z-index: 1;
	}

	#facility .facility-control a::after {
		background: url(../img/main/photo-arr.svg) no-repeat center;
	}

	#facility .facility-control>p {
		display: none;
	}

	#link {
		padding: 36px 20px;
	}

	#link ul {
		flex-wrap: wrap;
		gap: 10px;
	}
	
	#link ul li:nth-child(1),
	#link ul li:nth-child(4) { 
		width: calc(66.6% - 20px / 3);
	}

	#link ul li {
		width: calc(33.3% - 20px / 3);
	}

	#link ul li a {
		padding-top: 68px;
		padding-bottom: 17px;
		min-width: auto;
		font-size: 13px;
		border-radius: 8px;
		background: #fff;
	}
	
	#link ul li a::after {
		display: none;
	}

	#link ul li a::before {
		width: 40px;
		height: 40px;
		background-size: auto 40px;
	}

	#link ul li:nth-child(2) a::before {
		background-position: -40px 0;
	}
	
	#link ul li:nth-child(3) a::before {
		background-position: -80px 0;
	}
	
	#link ul li:nth-child(4) a::before {
		background-position: -120px 0;
	}
	
	#link ul li:nth-child(5) a::before {
		background-position: -160px 0;
	}
	
	#link ul li:nth-child(6) a::before {
		background-position: -200px 0;
	}
	
	#link ul li:nth-child(7) a::before {
		background-position: -240px 0;
	}

	.board {
		padding: 36px 20px;
		gap: 36px;
	}

	#notice .notice-tab {
		font-size: 14px;
	}

	#notice .board-list a {
		padding-right: 0;
		font-size: 13px;
		white-space: normal;
	}
	
	#notice .board-list a span {
		position: static;
		display: block;
		margin-top: 8px;
		font-size: 11px;
	}

	#photo {
		height: auto;
		border-radius: 8px;
		overflow: hidden;
	}

	#photo .photo-control {
		top: calc(40% - 20px);
	}
	
	#photo .photo-list .img {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0;
		height: 197px;
		overflow: hidden;
	}
	
	#photo .photo-list .img img {
		min-height: 100%;
	}
	
	#photo .photo-list .con {
		position: relative;
		padding: 20px 24px 42px 24px;
		font-size: 13px;
	}
	
	#photo .photo-list .con span {
		left: 24px;
		right: auto;
		top: auto;
		bottom: 20px;
		margin-top: 4px;
		font-size: 11px;
	}
}