@charset "utf-8";

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

/* Roboto */
@font-face{ 
    font-family:'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'),
    url('../fonts/Roboto-Regular.woff2') format('font-woff2'),
    url('../fonts/Roboto-Regular.woff') format('woff'), 
    url('../fonts/Roboto-Regular.otf') format('opentype'); 
    font-display: swap;
}
@font-face{ 
    font-family:'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../fonts/Roboto-Bold.woff2') format('font-woff2'),
    url('../fonts/Roboto-Bold.woff') format('woff'), 
    url('../fonts/Roboto-Bold.otf') format('opentype'); 
    font-display: swap;
}