/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"); */

:root {
  /* Blue-Scale (New Palette) */
  --blue-10: #F8FAFE;
  --blue-20: #F2F6FD; /* Formerly --blue-50 */
  --blue-30: #E0EDFF; /* Formerly --blue-200 */
  --blue-40: #A8C6FA;
  --blue-50: #6B91DE;
  --blue-60: #4667BC;
  --blue-70: #2B4198; /* Formerly --blue-500 */
  --blue-80: #172B76;
  --blue-90: #061954; /* Formerly --blue-700 */
  --blue-100: #020A27;
  --blue-500-rgb: 43, 65, 152;

  /* Legacy aliases for existing code */
  --blue-200: var(--blue-30);
  --blue-500: var(--blue-70);
  --blue-700: var(--blue-90);

  /* Semantic Theme */
  --primary: var(--blue-500);
  --secondary: var(--blue-700);

  /* Gray-Scale (New Palette) */
  --new-gray-50: #F8FAFC;
  --new-gray-200: #E2E8F0;
  --new-gray-300: #CCCCCC;
  --new-gray-400: #909197;
  --new-gray-700: #454650;
  --new-gray-900: #212121;

  /* Mapping Old Variables to New Colors for System-wide Shift */
  --toyota-red: var(--primary);
  --toyota-red-90: var(--secondary);
  --toyota-red-50: var(--blue-200);
  --toyota-black: var(--new-gray-900);

  --gray-10: var(--new-gray-50);
  --gray-20: var(--new-gray-200);
  --gray-30: var(--new-gray-300);
  --gray-40: var(--new-gray-400);
  --gray-50: var(--new-gray-400);
  --gray-60: var(--new-gray-700);
  --gray-70: var(--new-gray-700);
  --gray-80: var(--new-gray-700);
  --gray-90: var(--new-gray-900);
  --gray-100: #111111;

  --gray-200: var(--new-gray-200);
  --gray-300: var(--new-gray-300);
  --gray-400: var(--new-gray-400);

  /* Surface */
  --background-color: var(--new-gray-50);
  --background2-color: #fafafa;

  /* etc */
  --etc-blue: var(--primary);
  --etc-green: #40d438;
  --etc-green-10: #E2F9E1;
  --etc-yellow: #FFBD22;
  --etc-yellow-10: #FFF5DE;
  --etc-red: #E60012;
  --etc-red-10: #FCDADD;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Pretendard", sans-serif;
  text-decoration: inherit;
  color: inherit;
  word-break: keep-all;
  letter-spacing: -0.003em;
}

li {
  list-style: none;
}

img,
iframe,
svg,
canvas {
  display: block;
}

iframe,
fieldset {
  border: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

textarea {
  resize: none;
}

.hidden {
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

table {
  border-collapse: collapse;
}

input,
textarea,
select {
  outline: none;
}

input[type="radio"] {
  accent-color: #2563EB;
}

label {
  font-size: 14px;
  font-weight: 500;
}

table th,
td {
  text-align: start;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("../img/icon/arrow/arrow_down.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  max-height: 163px; 
}
.red-text {
  color: var(--etc-red);
}
/*
.dsplay1 {
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.Heading1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 38px;
}

.title1 {
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
}

.title2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.title3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.body1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.body2 {
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
}

.body3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.body4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.body5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.body6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.body7 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.body8 {
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.body9 {
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
}
.caption1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
} 
*/
/* v1.1 */
.dsplay1 {
  font-size: 68px;
  font-weight: 700;
  line-height: 80px;
}

.Heading1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 38px;
}

.title1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
}

.title2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.title3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.body1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.body2 {
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.body3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.body4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body5 {
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
}

.body6 {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.body7 {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.body8 {
  font-size: 11px;
  font-weight: 500;
  line-height: 21px;
}

.body9 {
  font-size: 11px;
  font-weight: 400;
  line-height: 21px;
}
.caption1 {
  font-size: 10px;
  font-weight: 400;
  line-height: 19px;
}