.main_sl {
	 height: 100vh;
	 z-index: 1;
}
 .main_sl .swiper-slide {
	 height: 100%;
	 position: relative;
}
 .main_sl .swiper-slide .container {
	 height: 100%;
}
 .main_sl .swiper-slide .container .txtouter {
	 height: 100%;
}
 .main_sl .txtbox {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 text-align: center;
	 color: var(--color3);
}
 .main_sl .txtbox h1 {
	 font-size: 80px;
	 line-height: 90px;
	 display: block;
	 padding: 30px 0px;
	 color: var(--color3);
	 font-weight: 800;
}
 .main_sl .txtbox p {
	 font-size: 32px;
	 color: var(--color3);
	 line-height: 40px;
	 padding: 0px 0px;
}
 .about {
	 position: relative;
	 z-index: 5;
	 padding-top:0px;
}

.about h1{
	padding:78px 0px 100px 0px;
}

.about .container{
	margin-top:-60px;
}
 .location h2 {
	 color: var(--color2);
	 font-size: 30px;
	 line-height: 42px;
	 text-align: center;
	 display: block;
	 padding-top: 30px;
}
 .location h2 small {
	 color: white;
	 font-size: 28px;
	 line-height: 35px;
	 display: block;
}
 .gal .container {
	 position: relative;
}
 .gal .container .gal_bg {
	 background: var(--color2);
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 height: 80%;
	 width: 100vw;
	 z-index: 1;
	 opacity: 0.3;
	 transform: translate(-50%, -50%);
}
 .gal .container .swiper-container {
	 overflow: hidden;
}
 .gal .container .galbtn {
	 width: 80px;
	 height: 200px;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 cursor: pointer;
	 z-index: 1;
}
 .gal .container .galbtn.next {
	 right: -15%;
	 background: url('/skins/img/common/arrow_r.png') var(--color2) no-repeat;
	 background-position: center;
}
 .gal .container .galbtn.prev {
	 left: -15%;
	 background: url('/skins/img/common/arrow_l.png') var(--color2) no-repeat;
	 background-position: center;
}
 .notice-table {
	 width: 100%;
	 border-top: 2px solid var(--color2);
	 border-bottom: 2px solid var(--color2);
}
 .notice-table td {
	 border-top: 1px solid var(--color2);
	 height: 50px;
	 line-height: 50px;
	 cursor: pointer;
	 padding: 0px 10px;
	 font-size: 16px;
}
 .notice-table td .board_contents {
	 display: none;
	 background: var(--color2);
	 padding: 15px;
	 color: var(--color1);
}
 .notice-table td:last-child {
	 text-align: center;
}
 @media only screen and (max-width: 1200px) {
	 .main_sl {
		 height: 100vh;
	}
	 .main_sl .swiper-slide {
		 height: 100%;
		 position: relative;
	}
	 .main_sl .swiper-slide .container {
		 height: 100%;
	}
	 .main_sl .swiper-slide .container .txtouter {
		 height: 100%;
	}
	 .main_sl .txtbox {
		 position: absolute;
		 top: 50%;
		 right: 0px;
		 transform: translateY(-50%);
		 text-align: right;
		 background: rgba(0, 0, 0, 0.6);
		 padding: 30px;
	}
	 .main_sl .txtbox .logo {
		 display: none;
	}
	 .main_sl .txtbox h1 {
		 font-size: 60px;
		 line-height: 65px;
		 display: block;
		 padding: 10px 0px;
		 color: var(--color1);
		 font-weight: 800;
	}
	 .main_sl .txtbox p {
		 font-size: 18px;
		 color: var(--color1);
		 line-height: 25px;
		 padding: 0px 0px;
	}
}
 @media only screen and (max-width: 680px) {
	 .main_sl {
		 height: 100vh;
	}
	 .main_sl .swiper-slide {
		 height: 100%;
		 position: relative;
	}
	 .main_sl .swiper-slide .container {
		 height: 100%;
	}
	 .main_sl .swiper-slide .container .txtouter {
		 height: 100%;
	}
	 .main_sl .txtbox {
		 position: absolute;
		 top: 50%;
		 right: 0px;
		 transform: translateY(-50%);
		 text-align: right;
		 background: rgba(0, 0, 0, 0.6);
		 padding: 30px;
	}
	 .main_sl .txtbox .logo {
		 display: none;
	}
	 .main_sl .txtbox h1 {
		 font-size: 40px;
		 line-height: 45px;
		 display: block;
		 padding: 10px 0px;
		 color: var(--color1);
		 font-weight: 800;
	}
	 .main_sl .txtbox p {
		 font-size: 16px;
		 color: var(--color1);
		 line-height: 20px;
		 padding: 0px 0px;
	}
	 .about {
		 background-size: 250%;
	}

	.about h1{
		padding:30px 0px;
	}
	
	.about .container{
		margin-top:10px;
	}
	 .location h2 {
		 font-size: 18px;
		 line-height: 24px;
		 padding-top: 10px;
	}
	 .location h2 small {
		 font-size: 18px;
		 line-height: 24px;
	}
	 .location h2.mleft {
		 color: var(--color2);
		 text-align: center;
		 display: block;
	}
	 .location h2.mleft small {
		 color: white;
		 font-size: 18px;
		 line-height: 24px;
		 display: inline-block;
	}
	 .gal .container .galbtn {
		 display: none;
	}
}