@charset "utf-8";

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NotoSansKR-Light.woff2') format('woff2'),
       url('../font/NotoSansKR-Light.woff') format('woff'),
       url('../font/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 400;
   src: url('../font/NotoSansKR-Regular.woff2') format('woff2'),
        url('../font/NotoSansKR-Regular.woff') format('woff'),
        url('../font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 500;
   src: url('../font/NotoSansKR-Medium.woff2') format('woff2'),
        url('../font/NotoSansKR-Medium.woff') format('woff'),
        url('../font/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'roboto';
    src: url('../font/Roboto-Light-webfont.eot');
    src: url('../font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Light-webfont.woff') format('woff'),
         url('../font/Roboto-Light-webfont.ttf') format('truetype'),
         url('../font/Roboto-Light-webfont.svg#robotomedium') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../font/Roboto-Regular-webfont.eot') format('eot'),
       url('../font/Roboto-Regular-webfont.woff') format('woff'),
       url('../font/Roboto-Regular-webfont.otf') format('opentype');
}

body {font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px; letter-spacing:-0.5px;}
html[data-dark="true"] .dark-mode, html[data-dark="true"] .dark-mode div, html[data-dark="true"] .dark-mode p, html[data-dark="true"] .dark-mode th, html[data-dark="true"] .dark-mode td {color:#fff;}
/* img {max-width:812px;} */