@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Thin.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

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

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

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

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

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

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

@font-face {
    font-family: 'HallymGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2204@1.0/HallymGothic-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HallymGothic';
    src: url('https://cdn.jsdelivr.net/gh/wefonts/hallymGothic/hallymGothic-Medium.woff2') format('woff2');
    /* 500 */
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HallymGothic';
    src: url('https://cdn.jsdelivr.net/gh/fontss-archive/HallymGothic/HallymGothic-Bold.woff2') format('woff2');
    /* 700 */
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


:root {
    --Neutral-White: #FFFFFF;
    --Neutral-Black: #000000;

    --Red: #EF2019;

    --Gray-5: #F5F6F8;
    --Gray-10: #F0F1F2;
    --Gray-20: #E8E9EA;
    --Gray-30: #DDDEDF;
    --Gray-40: #BEC1C4;
    --Gray-45: #9B9FA4;
    --Gray-50: #888C8F;
    /* --Gray-60: #6E7278; */
    --Gray-60: #6F747C;
    /* 20250.08.11 60 색깔 변경 */
    --Gray-70: #42464B;
    --Gray-80: #2C2E31;
    --Gray-90: #121417;
    --Gray-100: #000000;

    --Orange-5: #FEF8F0;
    --Orange-10: #FBF1E6;
    --Orange-20: #FEE8D1;
    --Orange-30: #FBDBB9;
    --Orange-40: #FECA95;
    --Orange-45: #FFB147;
    --Orange-50: #FF9F1C;
    --Orange-60: #FD8A07;
    --Orange-70: #F47C05;
    --Orange-80: #D76C02;
    --Orange-90: #B15903;
}