@charset "utf-8";
/* ============================================================================
base.css: 요소 기본값 · 접근성 유틸 · 레거시 격리
============================================================================
⚠ `ie-` 는 **in-erp** 의 약자다. Internet Explorer 가 아니다 (ADR D-03).
── 이 파일의 규칙 3가지
1) 요소 셀렉터는 전부 `:where()` 로 감싼다 → 특이도 (0,0,0).
우리 CSS 는 **언레이어드**라 특이도 0 이어도 `@layer gnu` 안의 어떤 규칙보다 이긴다.
동시에 우리가 포크하지 않은 그누보드 스킨(회원·검색)의 `#mb_login .frm_input` 같은
규칙에는 **져 준다**. 이게 "코어를 이기되 스킨은 안 깨뜨리는" 유일한 지점이다.
2) `*` 셀렉터를 쓰지 않는다.
`css/default.css:24~28` 이 `*{box-sizing:border-box}` 를 이미 선언했고
`:459~463` 이 `.cheditor-popup-window *{box-sizing:content-box}` 로 되돌린다.
우리가 `*{box-sizing:border-box}` 를 언레이어드로 재선언하면 그 복구가
레이어에 갇혀 무력화되고 **cheditor5 팝업 레이아웃이 깨진다.**
3) `outline:none` 전역 선언 금지. 포커스 링은 `:focus-visible` 로 항상 보장한다.
============================================================================ */
/* ── 문서 ────────────────────────────────────────────────────────────────
css/default.css:4 `html{overflow-y:scroll}` 를 무력화한다.
app-shell 은 html/body 가 스크롤되지 않는 구조인데, 저걸 두면 우측에 17px 죽은 띠가 생긴다. */
:where(html.ie-html) {
block-size: 100%;
overflow: hidden;
-webkit-text-size-adjust: 100%;
}
/* css/default.css:5 `body{font-size:0.75em; font-family:'Malgun Gothic',dotum,sans-serif}`
맑은 고딕은 숫자 자폭이 불균일해 **금액 열이 흔들린다**(08 §3.1). 폰트·크기를 되돌린다.
그누보드는 body 12px 기준으로 em 을 쓰므로, 레거시 마크업에서는 아래 .ie-legacy 로 12px 를 복구한다. */
:where(body.ie-body) {
margin: 0;
block-size: 100%;
overflow: hidden;
font-family: var(--ie-font-sans);
font-size: var(--ie-fs-14);
line-height: var(--ie-lh-ui);
color: var(--ie-c-text-body);
background: var(--ie-c-surface-page);
letter-spacing: 0;
word-break: keep-all; /* 한국어 어절 단위 줄바꿈: css/default.css:19 의 break-all 무력화 */
overflow-wrap: break-word; /* 긴 URL·영문은 강제 분리 */
-webkit-font-smoothing: antialiased;
}
/* css/default.css:7,13,17 이 input/textarea/select/h1~h6 에도 맑은 고딕을 따로 박는다.
하나만 덮으면 나머지가 남는다. 4곳을 한 번에 처리한다. */
:where(.ie-shell input, .ie-shell textarea, .ie-shell select, .ie-shell button,
.ie-shell h1, .ie-shell h2, .ie-shell h3, .ie-shell h4, .ie-shell h5, .ie-shell h6) {
font-family: inherit;
}
:where(.ie-shell h1, .ie-shell h2, .ie-shell h3, .ie-shell h4, .ie-shell h5, .ie-shell h6) {
margin: 0;
color: var(--ie-c-text-title);
line-height: var(--ie-lh-tight);
letter-spacing: -0.015em;
font-weight: var(--ie-fw-semi);
}
:where(.ie-shell p) { margin: 0; word-break: keep-all; overflow-wrap: break-word; }
/* css/default.css:22 `a{color:#000;text-decoration:none}`: 링크가 전부 검정이 된다. */
:where(.ie-shell a) { color: var(--ie-c-text-link); text-decoration: none; }
:where(.ie-shell a:hover) { text-decoration: underline; }
/* css/default.css:20 `hr{display:none}`:
구분선이 통째로 사라진다. 원인 추적이 어려운 유형. */
:where(.ie-content hr) {
display: block; block-size: 0; margin: var(--ie-sp-5) 0;
border: 0; border-block-start: 1px solid var(--ie-c-border);
}
/* css/default.css:11 `legend{position:absolute;text-indent:-9999em}`