/* 상단 탑 배너 */
.topBanner { 
	position:relative; 
	width:100%; 
	z-index:12; 
	overflow:hidden; 
	height: 44px;
	transition: height 0.4s ease-out, opacity 0.4s ease-out, margin-bottom 0.4s ease-out;
	opacity: 1;
}
.topBanner.hide,
.topBanner.slideUp { 
	height: 0 !important; 
	opacity: 0 !important; 
	margin-bottom: 0 !important;
	overflow: hidden !important;
}
.topBanner.slideUp.hidden {
	display: none !important; 
}
.topBanner .topBannerContainer { width: 100%;}
.topBanner .topBannerContainer .bannerItem { width: 100%;  }
.topBanner .topBannerContainer .bannerItem a { display: inline-block; width: 100%; height: 44px; line-height: 44px; text-align: center; white-space:nowrap;font-weight: 400; }
.topBanner .topBannerContainer .bannerItem a:after {clear:both; display:block; content:''; }
.topBanner .closeBtn { 
	position: absolute; 
	right: 0; 
	top: 0; 
	width: 44px; 
	height: 44px; 
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 13;
	transition: opacity 0.2s ease;
}
.topBanner .closeBtn:hover {
	opacity: 0.7;
}
.topBanner .closeBtn img {
	width: 16px;
	height: 16px;
	display: block;
	object-fit: contain;
}
.topBanner .closeBtn.white {
	display: none;
}
.topBanner .closeBtn.black {
	display: flex;
}
@media screen and (max-width: 1024px){
	.topBanner {height: 32px;}
	.topBanner .closeBtn img { width: 17px;height: 17px; }
	.topBanner .topBannerContainer .bannerItem a {height: 32px; line-height: 32px;}
	.topBanner .closeBtn {width: 32px; height: 32px;}
}