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

.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 > * + * {
	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;
	}
}