@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');

/* RESET CSS */
* { box-sizing:border-box; }
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea, button { margin: 0; padding: 0; border: 0; outline:none; }

button { cursor:pointer; }
input, button, textarea { font-family: 'Noto Sans KR', Sans-serif; }
input:read-only { background:#fafafa; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Noto Sans KR', Sans-serif; font-size: 16px; line-height: 1; color: #000; }

ul, ol, li { list-style: none; }
em, address { font-style: normal; }

img { border: 0 none; font-size: 0; line-height: 0; }
sup { position: relative; top: 2px; font-size: 11px; line-height: 100%; }

table { border-collapse: collapse; border-spacing: 0; }
caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
th, td { vertical-align: middle; /* white-space: nowrap */ }

a { color: #333; text-decoration: none; line-height: 1; }
a:hover, a:focus, a:active { text-decoration: none; }
a:visited { color: #333; }

*, html { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/* scroll */
body,html{-webkit-font-smoothing:antialiased;background:#fff}
body ::-webkit-scrollbar,
html ::-webkit-scrollbar{width:6px}
body ::-webkit-scrollbar-track:vertical,
html ::-webkit-scrollbar-track:vertical{border-radius:0;background:#e6e5e6}
body ::-webkit-scrollbar-thumb:vertical,
html ::-webkit-scrollbar-thumb:vertical{border-radius:0;background:#ccc}