/* 글 상단 배너: 본문 너비에 맞추고 1500 x 300(5:1) 비율을 유지한다 */
/* 헤더와 배너 사이 여백: 테마 기본은 5rem(50px). 배너가 있는 글에서만 줄인다. 값을 바꾸려면 아래 변수만 수정 */
body.nxp-has-banners #site-header {
	margin-bottom: var(--nxp-banner-header-gap, 0);
}

.nxp-banners {
	display: grid;
	gap: 1.6rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 3.2rem;
}

.nxp-banners-1 {
	grid-template-columns: minmax(0, 1fr);
}

.nxp-banner {
	aspect-ratio: 5 / 1;
	overflow: hidden;
}

.nxp-banner a {
	display: block;
	height: 100%;
}

.nxp-banner img.nxp-banner-img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

@media ( max-width: 699px ) {
	.nxp-banners {
		gap: 1rem;
		grid-template-columns: minmax(0, 1fr);
		margin-bottom: 2.4rem;
	}
}
