/** * 세이피안 홈페이지 - 공통 베이스 * * 폰트 · 리셋 · 글자 크기 체계 · 등장 애니메이션. * 다른 화면(브랜드·비전·FAQ 등)을 옮겨 올 때도 이 파일을 그대로 쓴다. * * 폰트와 .bold-text 는 원래 워드프레스 [사용자 정의 CSS] 에만 있었다. * 여기에 같이 두어 테마 파일만으로 화면이 완성되게 한다. */ @font-face { font-family: 'SUIT-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'TmoneyRoundWind'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } /* ===== 리셋 ===== * ⚠ `.safeean-home *` 처럼 감싸면 안 된다. 감싸는 순간 `section` 규칙의 특정도가 * (0,1,1) 이 돼서, 원래 이 규칙을 덮어쓰던 `.section3{padding:5% 0}` · * `.smart-care{padding:5% 0}` (0,1,0) 이 지고 좌우 여백 1.5rem 이 살아남는다. * 그러면 카드 그리드·케어 카드가 모바일에서 44px 씩 좁아진다(실측). * 이 파일은 홈페이지 템플릿에서만 큐에 오르므로 전역으로 둬도 다른 화면에 닿지 않는다. */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { scroll-behavior: smooth; color: #000; } /* ⚠ `html, body` 로 쓰면 안 된다 — 진다. 원본에서는 이 규칙이 본문 안