@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSans Light'), local('NotoSans-Light');
    src: url(../fonts/notokr-light.eot);
    src: url(../fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-light.woff2) format('woff2'),
        url(../fonts/notokr-light.woff) format('woff');;
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSans Regular'), local('NotoSans-Regular');
    src: url(../fonts/notokr-regular.eot);
    src: url(../fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-regular.woff2) format('woff2'),
        url(../fonts/notokr-regular.woff) format('woff');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSans Medium'), local('NotoSans-Medium');
    src: url(../fonts/notokr-medium.eot);
    src: url(../fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-medium.woff2) format('woff2'),
        url(../fonts/notokr-medium.woff) format('woff');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSans Bold'), local('NotoSans-Bold');
    src: url(../fonts/notokr-bold.eot);
    src: url(../fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-bold.woff2) format('woff2'),
        url(../fonts/notokr-bold.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light');
    src: url(../fonts/roboto-light.eot);
    src: url(../fonts/roboto-light.eot?#iefix) format('embedded-opentype'),
        url(../fonts/roboto-light.woff2) format('woff2'),
        url(../fonts/roboto-light.woff) format('woff');;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular');
    src: url(../fonts/roboto-regular.eot);
    src: url(../fonts/roboto-regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/roboto-regular.woff2) format('woff2'),
        url(../fonts/roboto-regular.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium');
    src: url(../fonts/roboto-medium.eot);
    src: url(../fonts/roboto-medium.eot?#iefix) format('embedded-opentype'),
        url(../fonts/roboto-medium.woff2) format('woff2'),
        url(../fonts/roboto-medium.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold');
    src: url(../fonts/roboto-bold.eot);
    src: url(../fonts/roboto-bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/roboto-bold.woff2) format('woff2'),
        url(../fonts/roboto-bold.woff) format('woff');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light');
    src: url(../fonts/Lato-Light.ttf);
    src: url(../fonts/Lato-light.ttf) format('embedded-opentype'),
        url(../fonts/Lato-light.ttf) format('woff2'),
        url(../fonts/Lato-light.ttf) format('woff');;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular');
    src: url(../fonts/Lato-regular.ttf);
    src: url(../fonts/Lato-regular.ttf) format('embedded-opentype'),
        url(../fonts/Lato-regular.ttf) format('woff2'),
        url(../fonts/Lato-regular.ttf) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    src: local('Lato Medium'), local('Lato-Medium');
    src: url(../fonts/Lato-medium.ttf);
    src: url(../fonts/Lato-medium.ttf) format('embedded-opentype'),
        url(../fonts/Lato-medium.ttf) format('woff2'),
        url(../fonts/Lato-medium.ttf) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold');
    src: url(../fonts/Lato-bold.ttf);
    src: url(../fonts/Lato-bold.ttf) format('embedded-opentype'),
        url(../fonts/Lato-bold.ttf) format('woff2'),
        url(../fonts/Lato-bold.ttf) format('woff');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Gmarket Sans Light'), local('Gmarket Sans-Light');
    src: url(../fonts/GmarketSansTTFLight.ttf);
}
@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Gmarket Sans Medium'), local('Gmarket Sans-Medium');
    src: url(../fonts/GmarketSansTTFMedium.ttf);
}
@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Gmarket Sans Bold'), local('Gmarket Sans-Bold');
    src: url(../fonts/GmarketSansTTFBold.ttf);
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: local('Pretendard-ExtraBold'), local('Pretendard-ExtraBold');
    src: url(../fonts/Pretendard-ExtraBold.woff2) format('woff2'),
        url(../fonts/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: bold;
    src: local('Pretendard-Bold'), local('Pretendard-Bold');
    src: url(../fonts/Pretendard-Bold.woff2) format('woff2'),
        url(../fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: local('Pretendard-Regular'), local('Pretendard-Regular');
    src: url(../fonts/Pretendard-Regular.woff2) format('woff2'),
        url(../fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: local('Pretendard-Light'), local('Pretendard-Light');
    src: url(../fonts/Pretendard-Light.woff2) format('woff2'),
        url(../fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: local('Pretendard-Medium'), local('Pretendard-Medium');
    src: url(../fonts/Pretendard-Medium.woff2) format('woff2'),
        url(../fonts/Pretendard-Medium.woff) format('woff');
}