@charset "UTF-8"; /* ═══════════════════════════════════════════════════════════════ reset.css — 전역 리셋 + 시맨틱 태그 중립화 로드: theme/design/head.sub.php ( 안, common.css 앞) 프론트 전체(PC·모바일, 게시판 포함)에 실린다. 관리자(/adm/)는 제외. ★ 시맨틱 중립화는 퍼블 영역(section / .header / .footer)으로 스코프한다. head.sub.php 는 게시판 페이지에도 실리는데, 게시판은 그누보드 스킨 마크업 (h2 글제목 · table 목록 · input 검색창 · 본문 strong)을 쓰기 때문에 전역으로 걸면 그쪽이 같이 무력화된다. 퀵바(.contact_service)는 section/.header/.footer 밖에 있는 랜드마크라 스코프에 함께 넣는다. 흩어져 있던 리셋을 여기로 통합: style.css 상단(* / p / ul,ol / a / html), header.css 상단(* / p). ═══════════════════════════════════════════════════════════════ */ * { padding: 0; margin: 0; box-sizing: unset; } html { scroll-behavior: smooth; } /* style.css(break-all) 와 header.css(keep-all !important) 에 나뉘어 있던 것을 병합. !important 가 걸린 header.css 쪽이 실제 적용값이었으므로 keep-all 을 유지한다. */ p { word-break: keep-all !important; overflow-wrap: break-word; } ul, ol { list-style: none; } a { text-decoration: none; color: inherit; } /* ══ 시맨틱 태그 중립화 (2026-08-05, 시맨틱 허용과 세트) ══ 시맨틱 태그를 써도 화면은 div/p 를 쓴 것과 똑같이 나오게 한다. 의미(AI 검색·LLM 크롤러)는 태그가, 외형은 전적으로 CSS 가 갖는다. ★ 특이도 규칙 — 스코프는 `:where()`, 대상은 `:is()`. 결과 (0,0,1). · 스코프에 `:is()` 를 쓰면 인자 중 최고 특이도(.header = 0,1,0)를 그대로 가져와 `:is(section,...) :is(h1..h6)` 이 (0,1,1) 이 되고, 섹션의 단일 클래스 `.conNN_tit`(0,1,0) 을 이겨서 font-size/weight/color 가 리셋값으로 되돌아간다 (con02 실측 사고). → 스코프는 특이도 0 인 `:where()`. · 반대로 대상까지 `:where()` 로 감싸 (0,0,0) 이 되면 먼저 로드되는 그누보드 default.css 의 element 규칙(`textarea, select {font-family:'Malgun Gothic'}`, `button {cursor:pointer}`)에 진다. → 대상은 `:is()` 로 (0,0,1) 유지, 동률이면 나중에 로드되는 이 파일이 이긴다. · 속성 선택자(abbr[title])는 `:is()` 에 같이 넣으면 그룹 전체가 (0,1,1) 로 올라가므로 분리한다. */ /* 제목 — p 와 동일하게 (크기·굵기 상속) */ :where(section, .header, .footer, .contact_service) :is(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: inherit; word-break: keep-all; overflow-wrap: break-word; } /* ★ 폰트 상속 복구 — 그누보드 코어 `css/default.css` 가 `h1,h2,h3,h4,h5,h6 {font-family:'Malgun Gothic'}` / `input,button,textarea,select` 에 폰트를 **직접** 박아서 `section{font-family:"Pretendard Variable"}` 상속을 끊는다. (상속은 어떤 직접 선언에도 지므로 위 :where 블록으론 못 이긴다 — 특이도 0) 그래서 이 룰만 `:where(스코프) :is(요소)` = 특이도 (0,0,1) 로 둔다 — default.css 의 `h1..h6`(0,0,1) 와 동점이지만 reset.css 가 뒤에 로드돼 이기고, 섹션 클래스(0,1,0)에는 진다. 실측 사고: con02 카드 h3 가 Malgun 으로 렌더돼 폭 +19%. */ :where(section, .header, .footer, .contact_service) :is(h1, h2, h3, h4, h5, h6), :where(section, .header, .footer, .contact_service) :is(button, input, select, textarea) { font-family: inherit; } /* 굵게·기울임·강조 자동 적용 제거 (b 태그는 굵게 그대로 사용) */ :where(section, .header, .footer, .contact_service) :is(strong, em, i, cite, var, dfn, address, small, mark) { font-size: inherit; font-weight: inherit; font-style: inherit; background: none; color: inherit; } /* 밑줄·취소선·점선 장식 제거 */ :where(section, .header, .footer, .contact_service) :is(u, ins, del, s) { text-decoration: none; } /* abbr[title] 은 속성 선택자라 :is() 에 같이 넣으면 그룹 전체가 클래스급(0,1,1)이 된다 → 분리 */ :where(section, .header, .footer, .contact_service) abbr[title] { text-decoration: none; border-bottom: 0; } /* 고정폭 폰트 강제 제거 (pre 의 white-space 는 용도라 유지) */ :where(section, .header, .footer, .contact_service) :is(code, pre, kbd, samp) { font: inherit; } /* 표 — 기본 간격·정렬 제거 */ :where(section, .header, .footer, .contact_service) table { border-collapse: collapse; border-spacing: 0; } :where(section, .header, .footer, .contact_service) :is(th, td) { font-weight: inherit; text-align: inherit; vertical-align: inherit; } /* 폼 요소 — 폰트 미상속과 기본 외형 제거 */ :where(section, .header, .footer, .contact_service) :is(button, input, select, textarea) { font: inherit; color: inherit; background: none; border: 0; border-radius: 0; -webkit-appearance: none; appearance: none; } :where(section, .header, .footer, .contact_service) button { cursor: pointer; } :where(section, .header, .footer, .contact_service) fieldset { border: 0; } /* details/summary 화살표 제거 */ :where(section, .header, .footer, .contact_service) summary { list-style: none; cursor: pointer; } :where(section, .header, .footer, .contact_service) summary::-webkit-details-marker { display: none; }