@charset "UTF-8";
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 300;
  src: url('./fonts/notokr-demilight.eot');
  src: local('notokr-demilight'), 
  url('./fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'), 
  url('./fonts/notokr-demilight.woff') format('woff'), 
  url('./fonts/notokr-demilight.woff2') format('woff2'), 
  url('./fonts/notokr-demilight.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-weight: 400;
  src: url('./fonts/notokr-regular.eot');
  src: local('notokr-regular'), 
  url('./fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), 
  url('./fonts/notokr-regular.woff') format('woff'), 
  url('./fonts/notokr-regular.woff2') format('woff2'), 
  url('./fonts/notokr-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-weight: 500;
    src: url('./fonts/notokr-medium.eot');
    src: local('notokr-medium'), 
    url('./fonts/notokr-medium.eot?#iefix') format('embedded-opentype'), 
    url('./fonts/notokr-medium.woff2') format('woff2'), 
    url('./fonts/notokr-medium.woff') format('woff'), 
    url('./fonts/notokr-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-weight: 700;
    src: url('./fonts/notokr-bold.eot');
    src: local('notokr-bold'), 
    url('./fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), 
    url('./fonts/notokr-bold.woff2') format('woff2'), 
    url('./fonts/notokr-bold.woff') format('woff'), 
    url('./fonts/notokr-bold.ttf') format('truetype');
}


@font-face {
  font-family: 'GmarketSans';
  font-weight: 300;
  src: url(./fonts/GmarketSansLight.eot);
  src: local('GmarketSansLight'), 
  url(./fonts/GmarketSansLight.eot?#iefix) format('embedded-opentype'), 
  url(./fonts/GmarketSansLight.woff) format('woff'), 
  url(./fonts/GmarketSansLight.woff2) format('woff2'), 
  url(./fonts/GmarketSansLight.ttf) format('truetype');
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 500;
  src: url(./fonts/GmarketSansMedium.eot);
  src: local('GmarketSansMedium'), 
  url(./fonts/GmarketSansMedium.eot?#iefix) format('embedded-opentype'), 
  url(./fonts/GmarketSansMedium.woff) format('woff'), 
  url(./fonts/GmarketSansMedium.woff2) format('woff2'), 
  url(./fonts/GmarketSansMedium.ttf) format('truetype');
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 700;
  src: url(./fonts/GmarketSansBold.eot);
  src: local('GmarketSansBold'), 
  url(./fonts/GmarketSansBold.eot?#iefix) format('embedded-opentype'), 
  url(./fonts/GmarketSansBold.woff) format('woff'), 
  url(./fonts/GmarketSansBold.woff2) format('woff2'), 
  url(./fonts/GmarketSansBold.ttf) format('truetype');
}


html{font-size: 62.5%}
html, body{color:#666; font-family: 'NotoSansKR', sans-serif;}


@media screen and (max-width: 450px){
  html{font-size: 9.5px;}
}
@media screen and (max-width: 380px){
  html{font-size:9px;}
}