@charset "utf-8";

/*
 * WOFF2 만 쓴다.
 *
 * 레거시는 eot/woff/ttf 세 벌을 함께 실었지만 전부 걷어냈다. eot 는 IE 전용이고,
 * woff2 를 못 받는 브라우저(Safari 9 이하, Chrome 35 이하)는 어차피 React 18 을
 * 실행하지 못한다. 즉 fallback 이 동작할 환경 자체가 없어서 순수 무게였다.
 * 원본 세 벌은 레거시 트리(homepage/.../font)에 그대로 있다.
 *
 * font-display:swap — 한글 폰트가 700KB 대라 기본값이면 로드될 때까지
 * 글자가 안 보인다. 시스템 폰트로 먼저 그리고 교체한다.
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../font/NanumGothic-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../font/NanumGothic-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../font/NanumGothic-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../font/NanumMyeongjo-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../font/NanumMyeongjo-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../font/NanumMyeongjo-ExtraBold.woff2') format('woff2');
}


/* ------------------------------------------------------------------
 * reset
 *
 * woff2 전환 작업 중 이 구간이 통째로 유실되어 복원했다(원본 common.css 59~79행).
 * 빠져 있는 동안 .blind(화면낭독기 전용) 텍스트가 화면에 그대로 노출되고,
 * list-style 과 ul:after 클리어픽스가 없어 float 레이아웃이 무너졌다.
 * ------------------------------------------------------------------ */
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;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* my style */
html, body{width:100%; height:100%; font-size:100%; /* overflow: hidden; */}
body{font-family:'Nanum Gothic', '나눔고딕'; font-weight:400; font-size:12px; color:#424242;}
legend, caption, .blind {visibility:hidden; position:absolute; top:0; left:0; width:0px; height:0px; font-size:0; line-height:0;}
a{text-decoration:none;}
img, fieldset, iframe {border:0 none;}
figure{text-align:center;}
figcaption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
ul:after{content:''; display:block; height:0; clear:both;}