.main_sl {
	 height: 100vh;
}
 .main_sl .swiper-slide {
	 height: 100%;
	 position: relative;
}
 .main_sl .txtbox {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
}
 .main_sl .txtbox h1 {
	 color: var(--color2);
	 font-size: 80px;
	 line-height: 85px;
	 font-weight: 200;
	 letter-spacing: -2.5px;
}
 .main_sl .txtbox h1 small {
	 color: var(--color1);
	 font-size: 20px;
	 display: block;
	 font-weight: 400;
	 line-height:24px;
}
 .main_sl .txtbox h1 b {
	 font-weight: 800;
	 display: block;
}
 .main_sl .txtbox .btn {
	 margin-top: 30px;
}
 .about img {
	 max-width: 100%;
}
 .gallery .col {
	 position: relative;
}
 .gal {
	 padding-top: 30px;
	 overflow: hidden;
}
 .gal .swiper-slide {
	 text-align: center;
	 color: var(--color2);
	 font-size: 20px;
	 line-height: 24px;
}
 .gal .swiper-slide img {
	 max-width: 100%;
}
 .gal .swiper-slide b {
	 text-align: center;
}
 .gal .swiper-slide span {
	 display: block;
	 text-align: center;
	 width: 100%;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 padding-top: 5px;
}
 .galsl {
	 cursor: pointer;
	 position: absolute;
	 top: 50%;
}
 .galsl.gal-prev {
	 left: -60px;
}
 .galsl.gal-next {
	 right: -60px;
}
 .galbtn {
	 margin-top: 50px !important;
}
 .notice_bg {
	 margin-top: 30px;
}
 .n-right {
	 background: rgba(0, 0, 0, 1);
	 padding: 98px 83px;
}
 .n-right h2 {
	 color: white;
	 font-size: 40px;
	 line-height: 44px;
	 font-weight: 600;
}
 .n-right table {
	 margin-top: 50px;
}
 .n-right tr > td:first-child {
	 font-weight: bold;
	 width: 90px;
}
 .n-right td {
	 padding-bottom: 30px;
	 color: var(--color2);
	 font-size: 18px;
	 vertical-align: top;
	 line-height: 24px;
	 letter-spacing: -1px;
}
 .n-right td b {
	 color: var(--color1);
	 font-size: 30px;
	 font-weight: 800;
}
 .n-left {
	 position: relative;
}
 .n-left .txtbox {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 color: var(--color2);
	 font-size: 20px;
	 line-height: 24px;
	 width: 100%;
	 text-align: center;
}
 .n-left .txtbox .btn {
	 margin-top: 30px;
}
 @media only screen and (max-width: 1200px) {
	 .about br {
		 display: none;
	}
	 .about b {
		 display: inline-block;
	}
	 .about p {
		 padding: 5px 0px;
		 padding-bottom: 25px;
	}
	 .about .btn.md {
		 margin: 0 auto;
		 margin-top: 15px;
		 padding: 0px 20%;
	}
}
 @media only screen and (max-width: 999px) {
	 .n-right {
		 background: rgba(0, 0, 0, 0.3);
		 padding: 30px 15px;
	}
	 .n-right h2 {
		 color: white;
		 font-size: 5vw;
		 line-height: 5.5vw;
		 font-weight: 600;
	}
	 .n-right table {
		 margin-top: 25px;
	}
	 .n-right tr > td:first-child {
		 font-weight: bold;
		 width: 60px;
	}
	 .n-right td {
		 padding-bottom: 15px;
		 color: var(--color2);
		 font-size: 14px;
		 vertical-align: top;
		 line-height: 18px;
		 letter-spacing: -1px;
	}
	 .n-right td b {
		 color: var(--color1);
		 font-size: 20px;
		 font-weight: 800;
	}
	 .n-left {
		 position: relative;
	}
	 .n-left .txtbox {
		 position: absolute;
		 left: 50%;
		 top: 50%;
		 transform: translate(-50%, -50%);
		 color: var(--color2);
		 font-size: 14px;
		 line-height: 24px;
		 width: 100%;
		 text-align: center;
	}
	 .n-left .txtbox .btn {
		 margin: 0 auto;
		 margin-top: 15px;
		 display: block;
		 padding: 0px 10px;
		 max-width: 80%;
	}
}
 @media only screen and (max-width: 680px) {
	 .pc {
		 display: none;
	}
	 .mo {
		 display: block;
	}
	 .main_sl .txtbox small {
		 line-height: 30px;
	}
	 .main_sl .txtbox h1 {
		 font-size: 52px;
		 line-height: 60px;
	}
	 .main_sl .txtbox .btn {
		 margin-top: 5px;
	}
	 .btn {
		 font-size: 14px;
	}
	 .gallery .col {
		 padding: 0px 60px;
	}
	 .galsl.gal-prev {
		 left: 15px;
	}
	 .galsl.gal-next {
		 right: 15px;
	}
}