@charset "utf-8";

:root {
    /* primitive */
    --background-gray05: rgba(252, 252, 253, 1);
    --background-gray10: rgba(245, 246, 249, 1);
    --background-gray20: rgba(243, 244, 246, 1);
    --background-gray30: rgba(229, 231, 235, 1);
    --background-gray40: rgba(210, 214, 219, 1);
    --background-gray50: rgba(157, 164, 174, 1);
    --background-gray60: rgba(108, 115, 127, 1);
    --background-gray70: rgba(77, 87, 97, 1);
    --background-gray80: rgba(56, 66, 80, 1);
    --background-gray90: rgba(31, 42, 55, 1);
    --black-100: rgba(0, 0, 0, 1);
    --chartgraph-01: rgba(85, 119, 255, 1);
    --chartgraph-02: rgba(54, 220, 196, 1);
    --chartgraph-03: rgba(255, 124, 106, 1);
    --chartgraph-04: rgba(63, 196, 255, 1);
    --chartgraph-05: rgba(61, 211, 132, 1);
    --chartgraph-06: rgba(125, 127, 255, 1);
    --chartgraph-07: rgba(202, 111, 255, 1);
    --chartgraph-08: rgba(255, 124, 170, 1);
    --primary-05: rgba(245, 248, 255, 1);
    --primary-10: rgba(227, 237, 255, 1);
    --primary-20: rgba(199, 215, 254, 1);
    --primary-30: rgba(164, 188, 253, 1);
    --primary-40: rgba(97, 114, 243, 1);
    --primary-60: rgba(44, 53, 222, 1);
    --primary-70: rgba(36, 39, 196, 1);
    --primary-80: rgba(25, 27, 167, 1);
    --primary-90: rgba(0, 8, 131, 1);
    --primarymain-50: rgba(68, 76, 231, 1);
    --searchresultmain-50: rgba(3, 105, 102, 1);
    --semanticerror-10: rgba(255, 243, 242, 1);
    --semanticerror-20: rgba(255, 216, 210, 1);
    --semanticerror-30: rgba(255, 182, 172, 1);
    --semanticerror-40: rgba(255, 113, 94, 1);
    --semanticerrormain-50: rgba(255, 77, 53, 1);
    --semanticinformative-10: rgba(234, 244, 255, 1);
    --semanticinformative-20: rgba(191, 222, 255, 1);
    --semanticinformative-30: rgba(156, 204, 255, 1);
    --semanticinformative-40: rgba(90, 170, 255, 1);
    --semanticinformativemain-50: rgba(52, 150, 255, 1);
    --semanticsuccess-10: rgba(240, 255, 244, 1);
    --semanticsuccess-20: rgba(209, 245, 220, 1);
    --semanticsuccess-30: rgba(155, 229, 179, 1);
    --semanticsuccess-40: rgba(76, 215, 122, 1);
    --semanticsuccessmain-50: rgba(0, 193, 67, 1);
    --semanticwarning-10: rgba(255, 241, 227, 1);
    --semanticwarning-20: rgba(255, 218, 180, 1);
    --semanticwarning-30: rgba(255, 178, 100, 1);
    --semanticwarning-40: rgba(255, 154, 53, 1);
    --semanticwarningmain-50: rgba(255, 140, 17, 1);
    --sub-10: rgba(232, 234, 246, 1);
    --sub-20: rgba(197, 202, 232, 1);
    --sub-30: rgba(158, 168, 219, 1);
    --sub-40: rgba(92, 107, 192, 1);
    --sub-60: rgba(49, 63, 162, 1);
    --sub-70: rgba(40, 53, 147, 1);
    --sub-80: rgba(37, 45, 124, 1);
    --submain-50: rgba(63, 81, 181, 1);
    --tertiary-10: rgba(245, 243, 255, 1);
    --tertiary-20: rgba(226, 220, 255, 1);
    --tertiary-30: rgba(208, 199, 255, 1);
    --tertiary-40: rgba(173, 156, 255, 1);
    --tertiary-60: rgba(87, 53, 255, 1);
    --tertiary-70: rgba(53, 23, 197, 1);
    --tertiary-80: rgba(31, 9, 135, 1);
    --tertiarymain-50: rgba(119, 92, 255, 1);
    --text-gray05: rgba(246, 246, 246, 1);
    --text-gray10: rgba(236, 236, 236, 1);
    --text-gray20: rgba(218, 218, 218, 1);
    --text-gray30: rgba(198, 198, 198, 1);
    --text-gray40: rgba(178, 178, 178, 1);
    --text-gray50: rgba(157, 157, 156, 1);
    --text-gray60: rgba(135, 135, 134, 1);
    --text-gray70: rgba(112, 111, 111, 1);
    --text-gray80: rgba(87, 86, 86, 1); 
    --text-gray90: rgba(55, 55, 54, 1);
    --white-00: rgba(255, 255, 255, 1);
    --font-type: Pretendard GOV;
    --font-weight-regular: Regular;
    --font-weight-bold: Bold;
    --letter-spacing-0: 0rem;
    --letter-spacing-1: 0.1rem;

    /* size */ 
    --number-0: 0rem;
    --number-1: 0.1rem;
    --number-2: 0.2rem;
    --number-3: 0.4rem;
    --number-4: 0.6rem;
    --number-5: 0.8rem;
    --number-6: 1rem;
    --number-7: 1.2rem;
    --number-8: 1.6rem;
    --number-9: 2rem;
    --number-10: 2.4rem;
    --number-11: 2.8rem;
    --number-12: 3.2rem;
    --number-13: 3.6rem;
    --number-14: 4rem;
    --number-15: 4.4rem;
    --number-16: 4.8rem;
    --number-17: 5.6rem;
    --number-18: 6.4rem;
    --number-19: 7.2rem;
    --number-20: 8rem;
    --number-21: 9.6rem;
    --number-max: 100rem;

    /* font */
    --font-display-lg: 4.8rem;
    --font-display-md: 4.2rem;
    --font-display-sm: 3.8rem;
    --font-display-xs: 3.3rem;
    --font-body-lg: 1.8rem;
    --font-body-md: 1.6rem;
    --font-body-sm: 1.4rem;
    --font-body-xs: 1.2rem;
    --font-label-lg: 1.8rem;
    --font-label-md: 1.6rem;
    --font-label-sm: 1.4rem;
    --font-label-xs: 1.2rem;
    --font-button-lg: 1.9rem;
    --font-button-md: 1.7rem;
    --font-button-sm: 1.5rem;
    --font-button-xs: 1.4rem;
    --font-heading-xlg: 4rem;
    --font-heading-lg: 3.2rem;
    --font-heading-md: 2.4rem;
    --font-heading-sm: 2rem;
    --font-heading-xs: 1.7rem;
    --font-heading-xxs: 1.5rem;
    --font-navigation-tit-md: 2.2rem;
    --font-navigation-tit-sm: 1.8rem;
    --font-navigation-tit-xs: 1.6rem;
    --font-navigation-depth-md: 1.5rem;
    --font-navigation-depth-sm: 1.3rem;
}

/* Pretendard GOV */
@font-face {
    font-family: 'Pretendard GOV Variable';
    font-weight: 100 900;
    font-display: block;
    src: local('Pretendard GOV Variable'), 
    url(../fonts/PretendardGOV/PretendardGOVVariable.woff2) format('woff2');
}