/* 기획전 전체 목록 */ #plan-index-page { padding-bottom: 30px; } /* 카드 그리드 — 모바일 2열 */ #plan-index-page .plan-card-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 12px; list-style: none; margin: 14px 0 0; padding: 0 14px; } #plan-index-page .plan-card-item { margin: 0; } #plan-index-page .plan-card { display: block; color: inherit; text-decoration: none; } /* 썸네일 — 4:3 비율 고정 */ #plan-index-page .plan-card-thumb { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid #eee; border-radius: 8px; background: #f7f7f7; } #plan-index-page .plan-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } /* 노이미지 플레이스홀더 */ #plan-index-page .plan-card-thumb .no-image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #cfcfcf; font-size: 34px; } /* 카드 정보 */ #plan-index-page .plan-card-info { padding: 10px 2px 0; } #plan-index-page .plan-card-title { display: block; font-size: 14px; font-weight: 600; color: #222; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* 데이터 없음 */ #plan-index-page .list-no-data { grid-column: 1 / -1; text-align: center; padding: 50px 0; color: #999; } #plan-index-page .list-no-data i { font-size: 30px; display: block; margin-bottom: 8px; } /* 페이지네이션 여백 */ #plan-index-page .pagination { margin-top: 28px; }