.krx-banners {
	box-sizing: border-box;
	width: 100%;
	clear: both;
}

.krx-banner-device {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
}

.krx-banner-item {
	max-width: 100%;
	line-height: 0;
	text-align: center;
}

.krx-banner-item img,
.krx-banner-item video {
	max-width: 100%;
	height: auto;
}

.krx-banner-item iframe {
	max-width: 100%;
}

.krx-code-group {
	display: flex;
	align-items: flex-start;
	justify-content: inherit;
	gap: 8px;
	max-width: 100%;
}

.krx-code-group.krx-layout-horizontal {
	flex-flow: row wrap;
}

.krx-code-group.krx-layout-vertical {
	flex-direction: column;
}

.krx-code-slot {
	max-width: 100%;
	line-height: 0;
}

.krx-code-slot iframe {
	display: block;
}

.krx-mobile {
	display: none;
}

.krx-single-mobile {
	display: none;
}

.krx-banner-single {
	display: flex;
	width: 100%;
}

.krx-banner-single.krx-align-left {
	justify-content: flex-start;
}

.krx-banner-single.krx-align-center {
	justify-content: center;
}

.krx-banner-single.krx-align-right {
	justify-content: flex-end;
}

.krx-banner-location-align.krx-align-left > .krx-banner-device {
	justify-content: flex-start;
}

.krx-banner-location-align.krx-align-center > .krx-banner-device {
	justify-content: center;
}

.krx-banner-location-align.krx-align-right > .krx-banner-device {
	justify-content: flex-end;
}

.krx-location-header,
.krx-location-before_content,
.krx-location-after_content,
.krx-location-footer,
.krx-location-custom {
	margin-block: 12px;
}

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

	.krx-mobile {
		display: flex;
	}

	.krx-single-desktop {
		display: none;
	}

	.krx-single-mobile {
		display: flex;
	}
}