@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal; 
    font-weight: 300; 
    src: url('../../fonts/NotoSansKR-Light.woff') format("woff"), 
        url('../../fonts/NotoSansKR-Light.otf') format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('../../fonts/NotoSansKR-Regular.woff') format("woff"), 
        url('../../fonts/NotoSansKR-Regular.otf') format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR'; 
    font-style: normal; 
    font-weight: 500; 
    src: url('../../fonts/NotoSansKR-Medium.woff') format("woff"), 
        url('../../fonts/NotoSansKR-Medium.otf') format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR'; 
    font-style: normal; 
    font-weight: 600; 
    src: url('../../fonts/NotoSansKR-Bold.woff') format("woff"), 
        url('../../fonts/NotoSansKR-Bold.otf') format("opentype");
}

@font-face {
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 100; 
    src: url('../../fonts/Roboto-Light.ttf') format("truetype") 
}

@font-face {
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('../../fonts/Roboto-Regular.ttf') format("truetype") 
}

@font-face {
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 500; 
    src: url('../../fonts/Roboto-Medium.ttf') format("truetype") 
}

@font-face {
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 600; 
    src: url('../../fonts/Roboto-Bold.ttf') format("truetype") 
}