@charset "utf-8";


/* Font - noto */
@font-face {
    font-display:swap;
    font-family:'Noto Sans KR';  
    font-style:normal;
    font-weight:100;
    src:url('NotoSansKR-Thin.woff2') format('woff2'),
    url('NotoSansKR-Thin.woff') format('woff'),
    url('NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
    font-display:swap;
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:url('NotoSansKR-Light.woff2') format('woff2'),
    url('NotoSansKR-Light.woff') format('woff'),
    url('NotoSansKR-Light.otf') format('opentype');
}
@font-face {
    font-display:swap;
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:url('NotoSansKR-Regular.woff2') format('woff2'),
    url('NotoSansKR-Regular.woff') format('woff'),
    url('NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
    font-display:swap;
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:url('NotoSansKR-Medium.woff2') format('woff2'),
    url('NotoSansKR-Medium.woff') format('woff'),
    url('NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
    font-display:swap;
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;    
    src:url('NotoSansKR-Bold.woff2') format('woff2'),
    url('NotoSansKR-Bold.woff') format('woff'),
    url('NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
    font-display:swap;
    font-family:'Noto Sans KR';    
    font-style:normal;
    font-weight:900;
    src:url('NotoSansKR-Black.woff2') format('woff2'),
    url('NotoSansKR-Black.woff') format('woff'),
    url('NotoSansKR-Black.otf') format('opentype');
}

/* GmarketSans */
@font-face {
    font-display:swap;
    font-family:'Gmarket Sans';
    font-style:normal;
    font-weight:300;
    src:local('Gmarket Sans Light'), local('GmarketSans-Light'),
        url('GmarketSansLight.woff2') format('woff2'),
        url('GmarketSansLight.woff') format('woff'),
        url('GmarketSansLight.otf') format('opentype');
} 
@font-face {
    font-display:swap;
    font-family:'Gmarket Sans';
    font-style:normal;
    font-weight:500;
    src:local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
        url('GmarketSansMedium.woff2') format('woff2'),
        url('GmarketSansMedium.woff') format('woff'),
        url('GmarketSansMedium.otf') format('opentype');
} 
@font-face {
    font-display:swap;
    font-family:'Gmarket Sans';
    font-style:normal;
    font-weight:700;
    src:local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
        url('GmarketSansBold.woff2') format('woff2'),
        url('GmarketSansBold.woff') format('woff'),
        url('GmarketSansBold.otf') format('opentype');
}

/* Roboto */
@font-face {
    font-family: Roboto;
    src:url("Roboto-Thin.woff2") format("woff2"), url("Roboto-Thin.woff") format("woff");
    font-weight:100;
    font-style:normal;
}
@font-face {
    font-family: Roboto;
    src: url("Roboto-ThinItalic.woff2") format("woff2"), url("Roboto-ThinItalic.woff") format("woff");
    font-weight:100;
    font-style:italic;
}
@font-face {
    font-family: Roboto;
    src: url("Roboto-Light.woff2") format("woff2"), url("Roboto-Light.woff") format("woff");
    font-weight:300;
    font-style:normal;
}
@font-face {
  font-family: Roboto;
  src: url("Roboto-LightItalic.woff2") format("woff2"), url("Roboto-LightItalic.woff") format("woff");
  font-weight:300;
  font-style:italic;
}
@font-face {
  font-family: Roboto;
  src: url("./fonts/Regular/Roboto-Regular.woff2") format("woff2"), url("./fonts/Regular/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/Regular/Roboto-Regular.woff2") format("woff2"), url("./fonts/Regular/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Italic/Roboto-Italic.woff2") format("woff2"), url("./fonts/Italic/Roboto-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/Italic/Roboto-Italic.woff2") format("woff2"), url("./fonts/Italic/Roboto-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Medium/Roboto-Medium.woff2") format("woff2"), url("./fonts/Medium/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/MediumItalic/Roboto-MediumItalic.woff2") format("woff2"), url("./fonts/MediumItalic/Roboto-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Bold/Roboto-Bold.woff2") format("woff2"), url("./fonts/Bold/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/Bold/Roboto-Bold.woff2") format("woff2"), url("./fonts/Bold/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/BoldItalic/Roboto-BoldItalic.woff2") format("woff2"), url("./fonts/BoldItalic/Roboto-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/BoldItalic/Roboto-BoldItalic.woff2") format("woff2"), url("./fonts/BoldItalic/Roboto-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Black */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Black/Roboto-Black.woff2") format("woff2"), url("./fonts/Black/Roboto-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
/* END Black */
/* BEGIN Black Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/BlackItalic/Roboto-BlackItalic.woff2") format("woff2"), url("./fonts/BlackItalic/Roboto-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic; }