/* 브랜드 전체 페이지(모바일) 섹션 헤더 스타일 */ #brand-index-page { padding: 0 0 30px; } #brand-index-page .brand-section { padding: 4px 0 14px; margin: 0 0 6px; border-bottom: 1px solid #eee; } #brand-index-page .brand-section:last-of-type { border-bottom: 0; } /* 섹션 헤더: 순번 뱃지 + 한글명 + 영문명 + 더보기(우측) */ #brand-index-page .brand-section-head { display: flex; align-items: center; gap: 8px; padding: 12px 13px; flex-wrap: wrap; } #brand-index-page .brand-rank { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: var(--point-color); color: #fff; font-size: 0.78rem; font-weight: 700; line-height: 1; } #brand-index-page .brand-section-name { margin: 0; font-size: 1.1rem; font-weight: 800; color: #222; line-height: 1.1; } #brand-index-page .brand-section-en { font-size: 0.78rem; font-weight: 600; color: var(--point-text-color); text-transform: uppercase; letter-spacing: .02em; } #brand-index-page .brand-section-more { margin-left: auto; display: inline-flex; align-items: center; gap: 2px; font-size: 0.82rem; color: #666; text-decoration: none; white-space: nowrap; } /* 데이터 없음: 모양은 공용 .list-no-data 를 따른다. 아이콘을 여기서 덮으면 블록이 왼쪽에 붙고 작아진다 */ #brand-index-page .list-no-data { border-top: 0 !important; }