@charset "utf-8";
@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: 100;
    src: url(../fonts/Pretendard-Thin.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/Pretendard-ExtraLight.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-ExtraLight.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/Pretendard-Light.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-Light.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Pretendard-Regular.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-Regular.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/Pretendard-Medium.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-Medium.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/Pretendard-SemiBold.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-SemiBold.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Pretendard-Bold.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-Bold.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url(../fonts/Pretendard-ExtraBold.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-ExtraBold.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url(../fonts/Pretendard-Black.subset.woff2) format('woff2'),
        url(../fonts/Pretendard-Black.subset.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Thin.woff) format('woff'),
        url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
        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.woff2) format('woff2'),
        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.woff2) format('woff2'),
        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: 700;
    src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Black.woff) format('woff'),
        url(../fonts/NotoSansKR-Black.otf) format('opentype');
}