/* Section 8 - Banner Slideshow */
.main-banner-slideshow {
	width: 100%;
	height: 524px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden;
	background-color: #f5f5f5;
}

.banner-container {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.banner-slide {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.banner-slide:first-child,
.banner-slide.active {
	opacity: 1;
}

/* Tablet 환경 (1024px 이하) */
@media (max-width: 1024px) {
	.main-banner-slideshow {
		height: 100%;
	}
}

/* Mobile 환경 (768px 이하) */
@media (max-width: 768px) {
	.main-banner-slideshow {
		height: auto;
		width: 100%;
		display: block;
		align-items: unset;
		justify-content: unset;
	}

	.banner-container {
		width: 100%;
		height: auto;
		display: block !important;
		align-items: unset !important;
		justify-content: unset !important;
		position: relative !important;
	}

	.banner-slide {
		position: relative !important;
		width: 100%;
		height: auto;
		background-size: 100% auto;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1 !important;
		display: block !important;
		align-items: unset !important;
		justify-content: unset !important;
		min-height: 200px;
	}

	.banner-slide img {
		width: 100% !important;
		height: auto !important;
		display: block !important;
		margin: 0 !important;
		object-fit: contain !important;
	}

	.banner-slide.active {
		/* height: auto; */
		position: relative !important;
	}
}