@charset "utf-8";

/* webfont - Noto Sans KR */

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

/* webfont - Roboto */

/* lighter */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display:swap;
    src: local('../font/Roboto-Light'), local('../font/Roboto-Light'), local('../font/Roboto-Light');
    src: url(../font/Roboto-Light.woff2) format('woff2'),
    url(../font/Roboto-Light.woff) format('woff'),
    url(../font/Roboto-Light.ttf) format('truetype');
}
/* regular */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display:swap;
    src: local('../font/Roboto-Regular'), local('../font/Roboto-Regular'), local('../font/Roboto-Regular');
    src: url(../font/Roboto-Regular.woff2) format('woff2'),
    url(../font/Roboto-Regular.woff) format('woff'),
    url(../font/Roboto-Regular.ttf) format('truetype');
}
/* medium */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display:swap;
    src: local('../font/Roboto-Medium'), local('../font/Roboto-Medium'), local('../font/Roboto-Medium');
    src: url(../font/Roboto-Medium.woff2) format('woff2'),
    url(../font/Roboto-Medium.woff) format('woff'),
    url(../font/Roboto-Medium.otf) format('truetype');
}
/* bold */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display:swap;
    src: local('../font/Roboto-Bold'), local('../font/Roboto-Bold'), local('../font/Roboto-Bold');
    src: url(../font/Roboto-Bold.woff2) format('woff2'),
    url(../font/Roboto-Bold.woff) format('woff'),
    url(../font/Roboto-Bold.ttf) format('truetype');
}

/* icon font */
@font-face {
    font-family: 'icorich';
    font-style: normal;
    font-weight: 500;
    font-display:swap;
    src: local('../font/ico_rich'), local('../font/ico_rich'), local('../font/ico_rich');
    src: url(../font/ico_rich.woff) format('woff'),
    url(../font/ico_rich.otf) format('truetype');
}