

.scrollbtn{
	position:absolute;
	left:50%;
	bottom:30px;
	transform:translateX(-50%);
	z-index:5;
}

.mv_right{
	position:relative;
	
	.txtbox{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		h2{
			color:var(--color1);
			font-size:36px;
			line-height:36px;
			font-weight:800;
		}
		span{
			font-size:20px;
			display:block;
			color:var(--color1);
			line-height:24px;
			padding-top:10px;
			font-weight:normal;
		}
	}
}

.mv_left{
	position:relative;
}

.msl{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	z-index:1;
}

.sl_prev{
	left:10px;
}

.sl_next{
	right:10px;
}

.swiper-pagination{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.btn-tab{
	font-size:18px;
	line-height:40px;
	border-radius:25px;
	outline:1px solid #eee;
	text-align:center;
	padding:0px 15px;
	display:inline-block;
	cursor:pointer;
	margin-left:10px;
	color:var(--color1);
	transition:0.5s;
}

.btn-tab.active{
	outline:1px solid var(--color2);
	background:var(--color2);
	color:white;
}

.gallery{
	overflow:hidden;
}

.gallery .swiper-slide {
	 text-align: left;
	 color: var(--color1);
	 font-size: 20px;
	 line-height: 24px;
}
 .gallery .swiper-slide img {
	max-width: 100%;
	width:100%;
}
 .gallery .swiper-slide b {
	text-align: left;
	padding-top:5px;
	display:block;
}
 .gallery .swiper-slide span {
	 display: block;
	 text-align: left;
	 width: 100%;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 padding-top: 5px;
}
 .galsl {
	 cursor: pointer;
	 position: absolute;
	 top: 50%;
}
 .galsl.gal-prev {
	 left: -100px;
}
 .galsl.gal-next {
	 right: -100px;
}

.notice-table {
	 width: 100%;
	 border-top: 1px solid #eee;
	 border-bottom: 1px solid #eee;
}
 .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: #eee;
	 padding: 15px;
}
 .notice-table td:last-child {
	 text-align: center;
}

@media only screen and (max-width: 991px) {
	.galsl{
		display:none;
	}
	
	.mv_right{
		position:relative;
		height:auto;
		padding:20px 0px;
		
		.txtbox{
			position:relative;
			top:auto;
			transform:none;
			padding:0px 15px;
			h2{
				color:var(--color1);
				font-size:28px;
				line-height:30px;
				font-weight:800;
			}
			span{
				font-size:16px;
				display:block;
				color:var(--color1);
				line-height:24px;
				padding-top:10px;
			}
		}
	}
}

@media only screen and (max-width: 767px){
	.btn-tab{
		width:30%;
		font-size:14px;
		line-height:30px;
		margin-left:0px;
	}

	.gallery .swiper-slide {
		 text-align: left;
		 color: var(--color1);
		 font-size: 16px;
		 line-height: 20px;
	}
	 .gallery .swiper-slide b {
		text-align: left;
		padding-top:5px;
		display:block;
	}
	 .gallery .swiper-slide span {
		 display: block;
		 text-align: left;
		 width: 100%;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 white-space: nowrap;
		 padding-top: 5px;
	}
	
	.scrollbtn{
		display:none;
	}

}