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

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

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

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

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

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