/*** 사이트 상단 배너 ***/

.site-top-banner-area {
	padding: 1.2em 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
}


/*** 홈페이지 중간 배너 ***/

.home-mid-banner-area {
	padding: 1.5em 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 1.5em;
}
.home-mid-banner-area > * + *,
.home-mid-banner-area .mbnr__main-mid-1 > div + div {
	margin-top: 2rem;
}

@media all and (max-width: 980px) {
	#main-header .site-top-banner-area {
		display: none;
	}

	.nav-overlay .site-top-banner-area {
		padding: 0;
		margin-bottom: 2px;
	}
}


@media all and (min-width: 768px) {
	.banner-mobile {
		display: none;
	}
}

@media all and (max-width: 767px) {
	.banner-desktop {
		display: none;
	}
}

.home-side-banner-area {max-width: 480px; margin: 15px auto 30px;}
.home-side-banner-area .banner-item img {display: block; width: 100%;}
@media (max-width: 980px) {
	.home-side-banner-area {padding-bottom: 15px; border-bottom: 1px solid #040000;}
}

.mtr-banner-area.mbnr--empty {display: none;}
.mtr-banner-area .mx-banner {margin-top: 15px;}
.mtr-banner-area .mx-banner:first-child {margin-top: 0;}
.mx-banner-item a  {display: block;}
.mx-banner-item img {display: block; width: auto; height: auto; max-width: 100%;}
.mx-banner-slider:not(.slick-initialized) {position: relative;}
.mx-banner-slider:not(.slick-initialized) > .mx-banner-item {position: absolute; left: 0; top: 0;}