@font-face {
      font-family: 'NanumBarunGothic';
      font-weight: 100;
      src: url(font/NotoSansKR-Thin.woff) format('woff');
}
@font-face {
      font-family: 'NanumBarunGothic';
      font-weight: 300;
      src: url(font/NotoSansKR-Light.woff) format('woff');
}

@font-face {
      font-family: 'NanumBarunGothic';
      font-weight: 400;
      src: url(font/NotoSansKR-Regular.woff) format('woff');
}

@font-face {
      font-family: 'NanumBarunGothic';
      font-weight: 500;
      src: url(font/NotoSansKR-Medium.woff) format('woff');
}

@font-face {
      font-family: 'NanumBarunGothic';
      font-weight: 700;
      src: url(font/NotoSansKR-Bold.woff) format('woff');
}

@font-face {
      font-family: 'NanumBarunGothic';
      font-weight: 900;
      src: url(font/NotoSansKR-Black.woff) format('woff');
}

@font-face {
      font-family: 'Roboto';
      font-weight: 400;
      src: url(font/Roboto-Regular.woff) format('woff'),
      url(font/Roboto-Regular.ttf) format('truetype');
}
@font-face {
      font-family: 'Roboto';
      font-weight: 500;
      src: url(font/Roboto-Medium.woff) format('woff'),
      url(font/Roboto-Medium.ttf) format('truetype');
}
@font-face {
      font-family: 'Roboto';
      font-weight: 700;
      src: url(font/Roboto-Bold.woff) format('woff'),
      url(font/Roboto-Bold.ttf) format('truetype');
}