@charset "UTF-8";
/* =====================================================================
   온시큐리티 공통 리셋/베이스 (Reset)
   - 전 페이지(main·sub) 공통 리셋/베이스.
   - var(--head-h)·var(--font-sans)·var(--ink)를 사용하므로
     반드시 tokens.css 다음, shell.css 이전에 로드한다.
   ===================================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
html { scroll-behavior: smooth; scroll-padding-top: var(--head-h); }
body {
  font-family: var(--font-sans);
  color: var(--ink); background: #fff; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  /* 한국어 줄바꿈: 단어 단위로 내려가되(keep-all), 넘치는 긴 단어만 잘라 내림(break-word) */
  word-break: keep-all;
  overflow-wrap: break-word;
}
/* height:auto — 마크업의 width/height 고유 치수 속성(CLS 방지)이 축소 폭에서 세로 왜곡을 일으키지 않게 한다 */
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol, li { list-style: none; }