/* ============================================================ * site-footer.css — 앱 셸(layouts/app)과 법적 문서 페이지(layouts/legal)가 * 공유하는 공통 푸터 행. 두 레이아웃 에서 모두 로드한다. * * socialradar· 이용약관 · 개인정보 처리방침 · © YYYY INNORED * * 토큰은 두 컨텍스트(tokens.css / legal.css) 공통값만 사용 (--ink-4 만 fallback). * 바깥 밴드(.sr-foot / .legal-foot)는 각 레이아웃 CSS 가 담당하고, 여기선 '행'만 책임. * ============================================================ */ .site-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 18px; } /* 3색 워드마크 — 사이드바/로그인/마케팅과 동일 브랜드마크 (브랜드 일관성) */ .site-foot__brand { font-family: 'Pretendard Variable', Pretendard, -apple-system, system-ui, sans-serif; font-weight: 800; font-size: 15px; line-height: 1; letter-spacing: -0.04em; display: inline-flex; align-items: baseline; white-space: nowrap; } .site-foot__brand .b-social { color: var(--ink-3); } .site-foot__brand .b-radar { color: var(--ink); } .site-foot__brand .b-dot { color: var(--brand); } .site-foot__brand:hover { text-decoration: none; opacity: .85; transition: opacity .14s ease; } /* 법적 링크 + 카피라이트 묶음 — 가운뎃점 통일, muted → hover 브랜드색 */ .site-foot__meta { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 2px 9px; font-size: 12.5px; color: var(--ink-3); } .site-foot__link { color: var(--ink-3); transition: color .14s ease; } .site-foot__link:hover { color: var(--brand); text-decoration: none; } .site-foot__sep { color: var(--ink-4, #cbd5e1); user-select: none; } .site-foot__copy { color: var(--ink-3); letter-spacing: -0.01em; white-space: nowrap; } /* 좁은 폭: 브랜드 위, 메타 아래로 가운데 정렬 스택 */ @media (max-width: 640px) { .site-foot { flex-direction: column; align-items: center; gap: 9px; text-align: center; } }