/* ============================================= */
/*     카테고리 아카이브 페이지  */
/* ============================================= */
.category-container {max-width: 122.2rem; width: 100%; margin: 0 auto; padding: 24px 0 60px;}

/* 브레드크럼 · 해시태그 리스트 공용 컴포넌트는 common.css로 이동 (여러 템플릿에서 공유) */

/* 콘텐츠 그리드 3 x 4 */
body.category .card-type5 {width: 100%; margin-bottom: 0;}
body.category .card-type5 .card-box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px;}
body.category .card-type5 li.card {position: relative; margin-bottom: 0;}
body.category .card-type5 .thumnail-box {position: relative; height: auto; aspect-ratio: 16 / 9;}
body.category .card-type5 .thumnail-box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: none; object-fit: cover;}
body.category .card-type5 .thumnail-box::after {content: "閱讀全文"; position: absolute; top: 0; left: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #1c1e25cc; color: #fff; font-size: 1.8rem; letter-spacing: 0.1rem; visibility: hidden; opacity: 0; transition: 0.2s;}
body.category .card-type5 li.card:hover .thumnail-box::after {visibility: visible; opacity: 0.8;}
body.category .card-badge {position: absolute; top: 0; left: 0; z-index: 2; padding: 0 8px; background-color: #1c1e25; color: #fff; font-size: 1.8rem; font-weight: 400; line-height: 3.6rem; pointer-events: none;}
body.category .card-type5 .title-box.sm {padding: 0;}
body.category .card-type5 .title-box .title {display: -webkit-box; overflow: hidden; min-height: 5.4rem; margin: 8px 0; font-size: 1.8rem; font-weight: 400; line-height: 2.7rem; color: #000; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
body.category .card-type5 .title-box .preview {display: -webkit-box; overflow: hidden; margin-top: 4px; font-size: 1.4rem; font-weight: 400; line-height: 2.1rem; color: #676767; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
body.category .card-type5 .title-box .date {display: block; margin-top: 8px; font-size: 1.2rem; font-weight: 400; color: #83151b;}

/* 페이지네이션 */
body.category .pagenation {display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 40px; border: none;}
body.category .pagenation a, body.category .pagenation span.page-numbers {display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 4rem; height: 4rem; margin: 0; padding: 0 1rem; border: none; border-radius: 2rem; font-size: 1.8rem; font-weight: 700; line-height: 1; color: rgba(0, 0, 0, 0.87);}
body.category .pagenation .page-numbers.current {color: #83151b;}
body.category .pagenation .page-numbers.dots {min-width: 4rem; height: 2rem; border: 1px solid #e5e7eb; border-radius: 2rem; color: rgba(0, 0, 0, 0.6);}
body.category .pagenation a:hover {background-color: #f5f5f5;}
body.category .pagenation a.prev svg, body.category .pagenation a.next svg {width: 1.4rem; height: 1.4rem; fill: currentColor;}

/* 검색결과 없음 안내 (본문 영역) */
.result-empty {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4.8rem; padding: 3.2rem 0 6rem; text-align: center;}
.result-empty img {width: 54rem; max-width: 100%; height: auto;}
.result-empty p {margin: 0; color: #000; font-size: 2.4rem; font-weight: 400; line-height: 3.6rem;}
@media screen and (max-width: 767px) {
	.result-empty {gap: 3.2rem; padding: 2rem 1.5rem 4rem;}
	.result-empty p {font-size: 1.8rem; line-height: 2.7rem;}
}

/* 반응형 (2026-08-12) */
@media screen and (max-width: 1024px) {
	body.category .card-type5 .card-box {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 767px) {
	.category-container {padding: 24px 18px 40px;}
	body.category .card-type5 .card-box {grid-template-columns: 1fr; gap: 24px;}
	body.category .card-type5 .title-box .title {min-height: unset; font-size: 1.7rem; line-height: 2.4rem;}
	body.category .card-type5 .title-box .preview {font-size: 1.3rem;}
	body.category .pagenation {flex-wrap: wrap; gap: 4px; margin-top: 24px;}
}