@charset "utf-8";
/*CSS Document*/
@font-face {
    font-family: 'NotoSans';
    font-weight: 400;
    src: url(./fonts/NotoSansKR-Regular.eot);
    src: local('notokr-regular'), 
    url(./fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), 
    url(./fonts/NotoSansKR-Regular.woff) format('woff'), 
    url(./fonts/NotoSansKR-Regular.woff2) format('woff2'), 
    url(./fonts/NotoSansKR-Regular.ttf) format('truetype');
}

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

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

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

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

@font-face {
font-family: 'Lato';
font-weight: 700;
src: url('./fonts/Lato-Bold.eot'); 
src: local('Lato-Bold'), 
    url('./fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/Lato-Bold.woff2') format('woff2'),
    url('./fonts/Lato-Bold.woff') format('woff'), 
    url('./fonts/Lato-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, body{
    font-family: 'NotoSans', sans-serif, 'Lato', 'GmarketSans';
}
.clearfix::after {
    content: ''; display: block; clear: both;
}
.indent {
    text-indent: -999px; font-size: 0;
}