main {
	width: 100%;
	height: 100vh;
}

#main-swiper {
	width: 100%;
	height: 100%;
}

#main-swiper .swiper-slide::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	pointer-events: none;
}

#main-swiper .swiper-slide a {
	display: block;
	height: 100%;
}

#main-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main-swiper .info {
	position: absolute;
	bottom: 12.6rem;
	left: 18.8rem;
	color: var(--bg-color);
}

#main-swiper h4 {
	font-size: 3.2rem;
	font-weight: 700;
}

#main-swiper p {
	font-size: 2rem;
	margin-top: 2rem;
	opacity: 0.8;
}

@media screen and (max-width: 768px) {
	#main-swiper .info {
		bottom: 31vw;
		left: 0;
		width: 100%;
		padding: 0 2rem;
	}

	#main-swiper h4 {
		font-size: 2rem;
	}

	#main-swiper p {
		font-size: 1.4rem;
		margin-top: 0.4rem;
	}

	#main-swiper .swiper-slide h4,
	#main-swiper .swiper-slide p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}