/**** Colors ****/
:root {
--blue-050: #e5f4ff;
--blue-100: #cfeaff;
--blue-200: #a5d4fd;
--blue-300: #66b0f9;
--blue-400: #3996f3;
--blue-500: #2589f4;
--blue-600: #0871f3;
--blue-700: #1563c1;
--blue-800: #1855aa;
--blue-900: #174a92;
--blue-950: #162d50;
--cyan-050: #e5f9ff;
--cyan-100: #c3edf8;
--cyan-200: #9ae0f4;
--cyan-300: #63d6ee;
--cyan-400: #47bcdc;
--cyan-500: #3aa0bb;
--cyan-600: #1f8ba8;
--cyan-700: #187088;
--cyan-800: #08586d;
--cyan-900: #163c47;
--cyan-950: #0e2025;
--deepblue-050: #e5efff;
--deepblue-100: #cce0ff;
--deepblue-200: #b0ccfd;
--deepblue-300: #95b6f9;
--deepblue-400: #6b96fa;
--deepblue-500: #3f72fd;
--deepblue-600: #2658ed;
--deepblue-700: #1938a9;
--deepblue-800: #162c8d;
--deepblue-900: #1b2963;
--deepblue-950: #141e4d;
--gray-050: #f8f9fa;
--gray-100: #f1f3f5;
--gray-200: #e9ecef;
--gray-300: #dee2e6;
--gray-400: #b2bbc3;
--gray-500: #878f96;
--gray-600: #6d747b;
--gray-700: #495057;
--gray-800: #343a40;
--gray-900: #212528;
--gray-950: #101214;
--green-050: #d7fff2;
--green-100: #adffe4;
--green-200: #7cf8d3;
--green-300: #4be7b5;
--green-400: #23d19d;
--green-500: #00ad7c;
--green-600: #05946e;
--green-700: #07795b;
--green-800: #115343;
--green-900: #0e4437;
--green-950: #0c2c24;
--mono-pureblack: #000000;
--mono-purewhite: #ffffff;
--orange-050: #fff0e0;
--orange-100: #ffe2c4;
--orange-200: #ffd199;
--orange-300: #ffbf75;
--orange-400: #ffa442;
--orange-500: #ff8614;
--orange-600: #ed6f02;
--orange-700: #c85f04;
--orange-800: #8e440b;
--orange-900: #55290c;
--orange-950: #321b0b;
--pink-050: #ffebf2;
--pink-100: #ffd6e6;
--pink-200: #ffc2d4;
--pink-300: #fa99b9;
--pink-400: #f76e9b;
--pink-500: #f04486;
--pink-600: #cd1d67;
--pink-700: #991e51;
--pink-800: #651b3d;
--pink-900: #47152e;
--pink-950: #2a0f1c;
--purple-050: #f9edfc;
--purple-100: #f7d7ff;
--purple-200: #e7a8fa;
--purple-300: #d581f3;
--purple-400: #c566eb;
--purple-500: #b348e5;
--purple-600: #a234d5;
--purple-700: #8a31b4;
--purple-800: #602880;
--purple-900: #3a194d;
--purple-950: #1d0e25;
--red-050: #fceeee;
--red-100: #fcdede;
--red-200: #ffa9ae;
--red-300: #f97b81;
--red-400: #f56166;
--red-500: #ee444a;
--red-600: #e32b31;
--red-700: #cc1e24;
--red-800: #b01c23;
--red-900: #772225;
--red-950: #3c2020;
--violet-050: #f4f2ff;
--violet-100: #e1dbff;
--violet-200: #cbc2ff;
--violet-300: #b4a8ff;
--violet-400: #9c8ef5;
--violet-500: #8372ee;
--violet-600: #6352e5;
--violet-700: #4e3cd2;
--violet-800: #3a29b7;
--violet-900: #291f75;
--violet-950: #161236;
--yellow-050: #fbf6eb;
--yellow-100: #feefbd;
--yellow-200: #fbe6a7;
--yellow-300: #fddb7c;
--yellow-400: #ffce39;
--yellow-500: #febb10;
--yellow-600: #da8b01;
--yellow-700: #a95a00;
--yellow-800: #584011;
--yellow-900: #342d1e;
--yellow-950: #201c13;
} /* close :root */

/**** Fonts ****/
:root {
/** body-13medium-500 **/
--body-13medium-500-font-family: 'Pretendard', 'Pretendard-Medium';
--body-13medium-500-font-size: 13px;
--body-13medium-500-letter-spacing: 0px;
--body-13medium-500-line-height: 140%;
--body-13medium-500-font-weight: 500;
--body-13medium-500-color: black;
/** body-13semibold-700 **/
--body-13semibold-700-font-family: 'Pretendard', 'Pretendard-SemiBold';
--body-13semibold-700-font-size: 13px;
--body-13semibold-700-letter-spacing: 0px;
--body-13semibold-700-line-height: 140%;
--body-13semibold-700-font-weight: 600;
--body-13semibold-700-color: black;
/** body-14medium-500 **/
--body-14medium-500-font-family: 'Pretendard', 'Pretendard-Medium';
--body-14medium-500-font-size: 14px;
--body-14medium-500-letter-spacing: 0px;
--body-14medium-500-line-height: 140%;
--body-14medium-500-font-weight: 500;
--body-14medium-500-color: black;
/** body-14semibold-600 **/
--body-14semibold-600-font-family: 'Pretendard', 'Pretendard-SemiBold';
--body-14semibold-600-font-size: 14px;
--body-14semibold-600-letter-spacing: 0px;
--body-14semibold-600-line-height: 140%;
--body-14semibold-600-font-weight: 600;
--body-14semibold-600-color: black;
/** body-15bold-700 **/
--body-15bold-700-font-family: 'Pretendard', 'Pretendard-Bold';
--body-15bold-700-font-size: 15px;
--body-15bold-700-letter-spacing: 0px;
--body-15bold-700-line-height: 140%;
--body-15bold-700-font-weight: 700;
--body-15bold-700-color: black;
/** body-15medium-500 **/
--body-15medium-500-font-family: 'Pretendard', 'Pretendard-Medium';
--body-15medium-500-font-size: 15px;
--body-15medium-500-letter-spacing: 0px;
--body-15medium-500-line-height: 140%;
--body-15medium-500-font-weight: 500;
--body-15medium-500-color: black;
/** body-15regular-400 **/
--body-15regular-400-font-family: 'Pretendard', 'Pretendard-Regular';
--body-15regular-400-font-size: 15px;
--body-15regular-400-letter-spacing: 0px;
--body-15regular-400-line-height: 140%;
--body-15regular-400-font-weight: 400;
--body-15regular-400-color: black;
/** caption-11medium-500 **/
--caption-11medium-500-font-family: 'Pretendard', 'Pretendard-Medium';
--caption-11medium-500-font-size: 11px;
--caption-11medium-500-letter-spacing: 0px;
--caption-11medium-500-line-height: 140%;
--caption-11medium-500-font-weight: 500;
--caption-11medium-500-color: black;
/** caption-12medium-500 **/
--caption-12medium-500-font-family: 'Pretendard', 'Pretendard-Medium';
--caption-12medium-500-font-size: 12px;
--caption-12medium-500-letter-spacing: 0px;
--caption-12medium-500-line-height: 140%;
--caption-12medium-500-font-weight: 500;
--caption-12medium-500-color: black;
/** caption-12regular-400 **/
--caption-12regular-400-font-family: 'Pretendard', 'Pretendard-Regular';
--caption-12regular-400-font-size: 12px;
--caption-12regular-400-letter-spacing: 0px;
--caption-12regular-400-line-height: 140%;
--caption-12regular-400-font-weight: 400;
--caption-12regular-400-color: black;
/** caption-12semibold-600 **/
--caption-12semibold-600-font-family: 'Pretendard', 'Pretendard-SemiBold';
--caption-12semibold-600-font-size: 12px;
--caption-12semibold-600-letter-spacing: 0px;
--caption-12semibold-600-line-height: 140%;
--caption-12semibold-600-font-weight: 600;
--caption-12semibold-600-color: black;
/** display-25bold-700 **/
--display-25bold-700-font-family: 'Pretendard', 'Pretendard-Bold';
--display-25bold-700-font-size: 25px;
--display-25bold-700-letter-spacing: 0px;
--display-25bold-700-line-height: 130%;
--display-25bold-700-font-weight: 700;
--display-25bold-700-color: black;
/** display-29bold-700 **/
--display-29bold-700-font-family: 'Pretendard', 'Pretendard-Bold';
--display-29bold-700-font-size: 29px;
--display-29bold-700-letter-spacing: 0px;
--display-29bold-700-line-height: 130%;
--display-29bold-700-font-weight: 700;
--display-29bold-700-color: black;
/** subtitle-17bold-700 **/
--subtitle-17bold-700-font-family: 'Pretendard', 'Pretendard-Bold';
--subtitle-17bold-700-font-size: 17px;
--subtitle-17bold-700-letter-spacing: 0px;
--subtitle-17bold-700-line-height: 140%;
--subtitle-17bold-700-font-weight: 700;
--subtitle-17bold-700-color: black;
/** subtitle-17semibold-600 **/
--subtitle-17semibold-600-font-family: 'Pretendard', 'Pretendard-SemiBold';
--subtitle-17semibold-600-font-size: 17px;
--subtitle-17semibold-600-letter-spacing: 0px;
--subtitle-17semibold-600-line-height: 140%;
--subtitle-17semibold-600-font-weight: 600;
--subtitle-17semibold-600-color: black;
/** title-20bold-700 **/
--title-20bold-700-font-family: 'Pretendard', 'Pretendard-Bold';
--title-20bold-700-font-size: 20px;
--title-20bold-700-letter-spacing: 0px;
--title-20bold-700-line-height: 130%;
--title-20bold-700-font-weight: 700;
--title-20bold-700-color: black;
/** title-20semibold-600 **/
--title-20semibold-600-font-family: 'Pretendard', 'Pretendard-SemiBold';
--title-20semibold-600-font-size: 20px;
--title-20semibold-600-letter-spacing: 0px;
--title-20semibold-600-line-height: 130%;
--title-20semibold-600-font-weight: 600;
--title-20semibold-600-color: black;
/** title-22bold-700 **/
--title-22bold-700-font-family: 'Pretendard', 'Pretendard-Bold';
--title-22bold-700-font-size: 22px;
--title-22bold-700-letter-spacing: 0px;
--title-22bold-700-line-height: 130%;
--title-22bold-700-font-weight: 700;
--title-22bold-700-color: black;
/** title-22semibold-600 **/
--title-22semibold-600-font-family: 'Pretendard', 'Pretendard-SemiBold';
--title-22semibold-600-font-size: 22px;
--title-22semibold-600-letter-spacing: 0px;
--title-22semibold-600-line-height: 130%;
--title-22semibold-600-font-weight: 600;
--title-22semibold-600-color: black;
} /* close :root */

.body-13medium-500 {
  font-family: var(--body-13medium-500-font-family);
  font-size: var(--body-13medium-500-font-size);
  letter-spacing: var(--body-13medium-500-letter-spacing);
  line-height: var(--body-13medium-500-line-height);
  font-weight: var(--body-13medium-500-font-weight);
  color: var(--body-13medium-500-color);
}

.body-13semibold-700 {
  font-family: var(--body-13semibold-700-font-family);
  font-size: var(--body-13semibold-700-font-size);
  letter-spacing: var(--body-13semibold-700-letter-spacing);
  line-height: var(--body-13semibold-700-line-height);
  font-weight: var(--body-13semibold-700-font-weight);
  color: var(--body-13semibold-700-color);
}

.body-14medium-500 {
  font-family: var(--body-14medium-500-font-family);
  font-size: var(--body-14medium-500-font-size);
  letter-spacing: var(--body-14medium-500-letter-spacing);
  line-height: var(--body-14medium-500-line-height);
  font-weight: var(--body-14medium-500-font-weight);
  color: var(--body-14medium-500-color);
}

.body-14semibold-600 {
  font-family: var(--body-14semibold-600-font-family);
  font-size: var(--body-14semibold-600-font-size);
  letter-spacing: var(--body-14semibold-600-letter-spacing);
  line-height: var(--body-14semibold-600-line-height);
  font-weight: var(--body-14semibold-600-font-weight);
  color: var(--body-14semibold-600-color);
}

.body-15bold-700 {
  font-family: var(--body-15bold-700-font-family);
  font-size: var(--body-15bold-700-font-size);
  letter-spacing: var(--body-15bold-700-letter-spacing);
  line-height: var(--body-15bold-700-line-height);
  font-weight: var(--body-15bold-700-font-weight);
  color: var(--body-15bold-700-color);
}

.body-15medium-500 {
  font-family: var(--body-15medium-500-font-family);
  font-size: var(--body-15medium-500-font-size);
  letter-spacing: var(--body-15medium-500-letter-spacing);
  line-height: var(--body-15medium-500-line-height);
  font-weight: var(--body-15medium-500-font-weight);
  color: var(--body-15medium-500-color);
}

.body-15regular-400 {
  font-family: var(--body-15regular-400-font-family);
  font-size: var(--body-15regular-400-font-size);
  letter-spacing: var(--body-15regular-400-letter-spacing);
  line-height: var(--body-15regular-400-line-height);
  font-weight: var(--body-15regular-400-font-weight);
  color: var(--body-15regular-400-color);
}

.caption-11medium-500 {
  font-family: var(--caption-11medium-500-font-family);
  font-size: var(--caption-11medium-500-font-size);
  letter-spacing: var(--caption-11medium-500-letter-spacing);
  line-height: var(--caption-11medium-500-line-height);
  font-weight: var(--caption-11medium-500-font-weight);
  color: var(--caption-11medium-500-color);
}

.caption-12medium-500 {
  font-family: var(--caption-12medium-500-font-family);
  font-size: var(--caption-12medium-500-font-size);
  letter-spacing: var(--caption-12medium-500-letter-spacing);
  line-height: var(--caption-12medium-500-line-height);
  font-weight: var(--caption-12medium-500-font-weight);
  color: var(--caption-12medium-500-color);
}

.caption-12regular-400 {
  font-family: var(--caption-12regular-400-font-family);
  font-size: var(--caption-12regular-400-font-size);
  letter-spacing: var(--caption-12regular-400-letter-spacing);
  line-height: var(--caption-12regular-400-line-height);
  font-weight: var(--caption-12regular-400-font-weight);
  color: var(--caption-12regular-400-color);
}

.caption-12semibold-600 {
  font-family: var(--caption-12semibold-600-font-family);
  font-size: var(--caption-12semibold-600-font-size);
  letter-spacing: var(--caption-12semibold-600-letter-spacing);
  line-height: var(--caption-12semibold-600-line-height);
  font-weight: var(--caption-12semibold-600-font-weight);
  color: var(--caption-12semibold-600-color);
}

.display-25bold-700 {
  font-family: var(--display-25bold-700-font-family);
  font-size: var(--display-25bold-700-font-size);
  letter-spacing: var(--display-25bold-700-letter-spacing);
  line-height: var(--display-25bold-700-line-height);
  font-weight: var(--display-25bold-700-font-weight);
  color: var(--display-25bold-700-color);
}

.display-29bold-700 {
  font-family: var(--display-29bold-700-font-family);
  font-size: var(--display-29bold-700-font-size);
  letter-spacing: var(--display-29bold-700-letter-spacing);
  line-height: var(--display-29bold-700-line-height);
  font-weight: var(--display-29bold-700-font-weight);
  color: var(--display-29bold-700-color);
}

.subtitle-17bold-700 {
  font-family: var(--subtitle-17bold-700-font-family);
  font-size: var(--subtitle-17bold-700-font-size);
  letter-spacing: var(--subtitle-17bold-700-letter-spacing);
  line-height: var(--subtitle-17bold-700-line-height);
  font-weight: var(--subtitle-17bold-700-font-weight);
  color: var(--subtitle-17bold-700-color);
}

.subtitle-17semibold-600 {
  font-family: var(--subtitle-17semibold-600-font-family);
  font-size: var(--subtitle-17semibold-600-font-size);
  letter-spacing: var(--subtitle-17semibold-600-letter-spacing);
  line-height: var(--subtitle-17semibold-600-line-height);
  font-weight: var(--subtitle-17semibold-600-font-weight);
  color: var(--subtitle-17semibold-600-color);
}

.title-20bold-700 {
  font-family: var(--title-20bold-700-font-family);
  font-size: var(--title-20bold-700-font-size);
  letter-spacing: var(--title-20bold-700-letter-spacing);
  line-height: var(--title-20bold-700-line-height);
  font-weight: var(--title-20bold-700-font-weight);
  color: var(--title-20bold-700-color);
}

.title-20semibold-600 {
  font-family: var(--title-20semibold-600-font-family);
  font-size: var(--title-20semibold-600-font-size);
  letter-spacing: var(--title-20semibold-600-letter-spacing);
  line-height: var(--title-20semibold-600-line-height);
  font-weight: var(--title-20semibold-600-font-weight);
  color: var(--title-20semibold-600-color);
}

.title-22bold-700 {
  font-family: var(--title-22bold-700-font-family);
  font-size: var(--title-22bold-700-font-size);
  letter-spacing: var(--title-22bold-700-letter-spacing);
  line-height: var(--title-22bold-700-line-height);
  font-weight: var(--title-22bold-700-font-weight);
  color: var(--title-22bold-700-color);
}

.title-22semibold-600 {
  font-family: var(--title-22semibold-600-font-family);
  font-size: var(--title-22semibold-600-font-size);
  letter-spacing: var(--title-22semibold-600-letter-spacing);
  line-height: var(--title-22semibold-600-line-height);
  font-weight: var(--title-22semibold-600-font-weight);
  color: var(--title-22semibold-600-color);
}