/* newsletter_ybri 뉴스레터 카드 그리드 */

.bn-newsletter-ybri .nl-ybri-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	padding: 20px 0;
}

.bn-newsletter-ybri .nl-ybri-card-wrap {
	position: relative;
}

.bn-newsletter-ybri .nl-ybri-thumb {
	width: 100%;
	aspect-ratio: 3 / 4;
	background-color: #01367E;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	overflow: hidden;
}

/* 기본(PC): PC 썸네일 노출, 모바일 썸네일 숨김 */
.bn-newsletter-ybri .nl-ybri-thumb-pc {
	display: block !important;
}
.bn-newsletter-ybri .nl-ybri-thumb-mo {
	display: none !important;
}

.bn-newsletter-ybri .nl-ybri-info {
	padding: 12px 4px 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bn-newsletter-ybri .nl-ybri-year {
	font-size: 14px;
	color: #666;
	font-weight: 400;
}

.bn-newsletter-ybri .nl-ybri-title {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	line-height: 1.5;
	word-break: keep-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.bn-newsletter-ybri .nl-ybri-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 16px;
	border: 1px solid #333;
	border-radius: 20px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	align-self: flex-start;
}

.bn-newsletter-ybri .nl-ybri-link-btn::after {
	content: '↗';
}

/* 삭제된 게시물 */
.bn-newsletter-ybri .nl-ybri-card-wrap.deleted .nl-ybri-title {
	text-decoration: line-through;
	opacity: 0.5;
}

/* 미게시 (관리자에게만 보임) */
.bn-newsletter-ybri .nl-ybri-card-wrap.unpublished .nl-ybri-thumb {
	opacity: 0.5;
}

/* 어드민 체크박스 위치 */
.bn-newsletter-ybri .nl-ybri-card-wrap .article-chk {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 10;
}

/* 추전 선택/비선택 */
.bn-newsletter-ybri .adm-chk {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	font-size: 14px;
	cursor: pointer;
}

.bn-newsletter-ybri .nl-ybri-empty {
	width: 100%;
	padding: 60px 0;
	text-align: center;
	color: #666;
	font-size: 16px;
}

/* 모바일 반응형 */
@media screen and (max-width: 768px) {
	.bn-newsletter-ybri .nl-ybri-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	/* 모바일: PC 썸네일 숨기고 모바일 썸네일 노출 */
	.bn-newsletter-ybri .nl-ybri-thumb-pc {
		display: none !important;
	}
	.bn-newsletter-ybri .nl-ybri-thumb-mo {
		display: block !important;
	}

	/* 모바일 페이저: 줄바꿈 없이 한 줄 유지 (페이지 번호 최대 5개) */
	.b-paging01.type01 .b-paging-wrap ul {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		gap: 4px;
	}
	.b-paging01.type01 .b-paging-wrap ul li {
		margin: 0 !important;
	}
	.b-paging01.type01 .b-paging-wrap ul li.prev {
		margin: 0 8px 0 0 !important;
	}
	.b-paging01.type01 .b-paging-wrap ul li.next {
		margin: 0 0 0 8px !important;
	}
	.b-paging01.type01 .b-paging-wrap ul li a {
		min-width: 30px;
	}
}
