/*-------------- top-slider -----------------*/
.top-slider-wrap{position: relative;}

.top-slider{
	position: relative;

	&__img{
		height: 33.4895833333vw;
		position: relative;

		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

		&::after{
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			background: rgba(31,29,29,.502);
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}

.top-slider-info{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;

	&__title{
		font-size: 2.8645833333vw;
		font-weight: bold;
		color: #fff;
		line-height: 1.4;
	}

	.btn{margin-top: 3.4375vw;}
}

.top-slider-nav{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 5;

	.swiper-button-prev,
	.swiper-button-next{
		width: 3.9583333333vw;
		height: 3.9583333333vw;
		position: absolute;
		transition: all .3s ease-in-out;

		&::after{display: none;}
		.icon{fill: #fff;}
	}

	.swiper-button-prev{left: 0;}
	.swiper-button-next{right: 0;}

	.swiper-button-prev:hover{translate: -6px 0;}
	.swiper-button-next:hover{translate: 6px 0;}
}