/** @format */
/* NO CSS*/
:root {
  --layout-width: 140rem;
  --layout-width-lg: 160rem;
  --layout-width-wide: 192rem;
  --layout-padding: 0 var(--layout-padding-ratio);
  --layout-padding-ratio: 6rem;
  --header-height: 10.4rem;
  --header-gap: 4rem;
  --chat-width: 920px;
  --side-width: 36rem;
  --side-width-sm: 12rem;
  --contents-width: 1320px;
  --contents-width-sm: 920px;
  --contents-width-mini: 360px;
  --contents-padding-px: 48px;
  --contents-padding: 0 var(--contents-padding-px);
  --contents-padding-bottom: 20rem;
  --component-radius-sm: 0.8rem;
  --component-radius-md: 1.2rem;
  --component-radius-lg: 36rem;
  --component-radius: 36rem;
  --component-height: 5rem;
  --component-height-lg: 5.4rem;
  --component-fontSize: 1.6rem;
  --button-height: 5rem;
  --h2: 5.6rem;
  --h3: 3.2rem;
  --h4: 2.4rem;
  --h5: 2rem;
}
@media (max-width: 1740px) {
  :root {
    --layout-width-lg: 100%;
  }
}
@media (max-width: 1480px) {
  :root {
    --layout-padding-ratio: 6rem;
    --side-width-sm: 9rem;
    --side-width: 36rem;
    --contents-padding-px: 40px;
  }
}
@media (max-width: 1024px) {
  :root {
    --header-height:74px;
    --header-gap:20px;
    --layout-padding-ratio: 4rem;
  }
}
@media (max-width: 768px) {
  :root {
    --layout-padding-ratio: 16px;
    --contents-padding-px: 20px;
  }
}
@media (max-width: 1024px) {
  :root {
    --h2: 4.8rem;
    --h3: 2.8rem;
    --h4: 2.2rem;
  }
}
@media (max-width: 587px) {
  :root {
    --h2: 4rem;
    --h3: 24px;
    --h4: 20px;
  }
}
:root[color-theme=light] {
  --point: #F5AA2B;
  --primary: #004b85;
  --main: #FFAF22;
  --sub: #444444;
  --main1000: #003866;
  --main900: #004b85;
  --main800: #005da3;
  --main700: #0070c2;
  --main600: #0082e0;
  --main500: #0095ff;
  --main400: #66b8ff;
  --main300: #558cb6;
  --main200: #c2e5ff;
  --main100: #e1f1ff;
  --main50: #f0f9ff;
  --gray1000: #111;
  --gray900: #222;
  --gray800: #424242;
  --gray700: #616161;
  --gray660: #666;
  --gray600: #757575;
  --gray550: #555;
  --gray500: #9E9E9E;
  --gray400: #BDBDBD;
  --gray300: #E0E0E0;
  --gray200: #EEEEEE;
  --gray150: #F9F9F9;
  --gray100: #F5F5F5;
  --gray50: #FAFAFA;
  --black100: #f5f5f5;
  --black300: #e0e0e0;
  --black800: #424242;
  --orange: #FF6600;
  --orange-light: #fff7e9;
  --orange-light-hover: #fff3de;
  --orange-light-active: #ffe6ba;
  --orange-normal: #FFAF22;
  --orange-normal-hover: #e69e1f;
  --orange-normal-active: #cc8c1b;
  --orange-dark: #BF831A;
  --orange-dark-hover: #996914;
  --orange-dark-active: #734f0f;
  --orange-darker: #593d0c;
  --navy-black: #1C2952;
  --gray: #F5F6F9;
  --green: #00C13A;
  --white: #fff;
  --black: #000;
  --darkgray: #73767D;
  --darkblue: #6F7684;
  --paragraph: #434343;
}
:root[color-theme=dark] {
  --point: #F5AA2B;
  --primary: #004b85;
  --main: #FFAF22;
  --sub: #444444;
  --main1000: #2f4658;
  --main900: #004b85;
  --main800: #005da3;
  --main700: #0070c2;
  --main600: #0082e0;
  --main500: #0095ff;
  --main400: #66b8ff;
  --main300: #004b85;
  --main200: #c2e5ff;
  --main100: #e1f1ff;
  --main50: #f0f9ff;
  --gray1000: #000000;
  --gray900: #222;
  --gray800: #424242;
  --gray700: #616161;
  --gray660: #666;
  --gray600: #757575;
  --gray550: #555;
  --gray500: #9E9E9E;
  --gray400: #BDBDBD;
  --gray300: #E0E0E0;
  --gray200: #EEEEEE;
  --gray150: #F9F9F9;
  --gray100: #F5F5F5;
  --gray50: #FAFAFA;
  --black100: #f5f5f5;
  --black300: #e0e0e0;
  --black800: #424242;
  --orange: #FF6600;
  --orange-light: #fff7e9;
  --orange-light-hover: #fff3de;
  --orange-light-active: #ffe6ba;
  --orange-normal: #FFAF22;
  --orange-normal-hover: #e69e1f;
  --orange-normal-active: #cc8c1b;
  --orange-dark: #BF831A;
  --orange-dark-hover: #996914;
  --orange-dark-active: #734f0f;
  --orange-darker: #593d0c;
  --navy-black: #1C2952;
  --gray: #F5F6F9;
  --green: #00C13A;
  --white: #fff;
  --black: #000;
  --darkgray: #73767D;
  --darkblue: #6F7684;
  --paragraph: #434343;
}
@media (prefers-color-scheme: light) {
  :root {
    --point: #F5AA2B;
    --primary: #004b85;
    --main: #FFAF22;
    --sub: #444444;
    --main1000: #003866;
    --main900: #004b85;
    --main800: #005da3;
    --main700: #0070c2;
    --main600: #0082e0;
    --main500: #0095ff;
    --main400: #66b8ff;
    --main300: #558cb6;
    --main200: #c2e5ff;
    --main100: #e1f1ff;
    --main50: #f0f9ff;
    --gray1000: #111;
    --gray900: #222;
    --gray800: #424242;
    --gray700: #616161;
    --gray660: #666;
    --gray600: #757575;
    --gray550: #555;
    --gray500: #9E9E9E;
    --gray400: #BDBDBD;
    --gray300: #E0E0E0;
    --gray200: #EEEEEE;
    --gray150: #F9F9F9;
    --gray100: #F5F5F5;
    --gray50: #FAFAFA;
    --black100: #f5f5f5;
    --black300: #e0e0e0;
    --black800: #424242;
    --orange: #FF6600;
    --orange-light: #fff7e9;
    --orange-light-hover: #fff3de;
    --orange-light-active: #ffe6ba;
    --orange-normal: #FFAF22;
    --orange-normal-hover: #e69e1f;
    --orange-normal-active: #cc8c1b;
    --orange-dark: #BF831A;
    --orange-dark-hover: #996914;
    --orange-dark-active: #734f0f;
    --orange-darker: #593d0c;
    --navy-black: #1C2952;
    --gray: #F5F6F9;
    --green: #00C13A;
    --white: #fff;
    --black: #000;
    --darkgray: #73767D;
    --darkblue: #6F7684;
    --paragraph: #434343;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --point: #F5AA2B;
    --primary: #004b85;
    --main: #FFAF22;
    --sub: #444444;
    --main1000: #2f4658;
    --main900: #004b85;
    --main800: #005da3;
    --main700: #0070c2;
    --main600: #0082e0;
    --main500: #0095ff;
    --main400: #66b8ff;
    --main300: #004b85;
    --main200: #c2e5ff;
    --main100: #e1f1ff;
    --main50: #f0f9ff;
    --gray1000: #000000;
    --gray900: #222;
    --gray800: #424242;
    --gray700: #616161;
    --gray660: #666;
    --gray600: #757575;
    --gray550: #555;
    --gray500: #9E9E9E;
    --gray400: #BDBDBD;
    --gray300: #E0E0E0;
    --gray200: #EEEEEE;
    --gray150: #F9F9F9;
    --gray100: #F5F5F5;
    --gray50: #FAFAFA;
    --black100: #f5f5f5;
    --black300: #e0e0e0;
    --black800: #424242;
    --orange: #FF6600;
    --orange-light: #fff7e9;
    --orange-light-hover: #fff3de;
    --orange-light-active: #ffe6ba;
    --orange-normal: #FFAF22;
    --orange-normal-hover: #e69e1f;
    --orange-normal-active: #cc8c1b;
    --orange-dark: #BF831A;
    --orange-dark-hover: #996914;
    --orange-dark-active: #734f0f;
    --orange-darker: #593d0c;
    --navy-black: #1C2952;
    --gray: #F5F6F9;
    --green: #00C13A;
    --white: #fff;
    --black: #000;
    --darkgray: #73767D;
    --darkblue: #6F7684;
    --paragraph: #434343;
  }
}

@media (max-width: 1480px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 8px;
  }
}

br.all {
  display: block !important;
}
br.pc {
  display: block;
}
br.mobile {
  display: none;
}
@media (max-width: 1024px) {
  br {
    display: none;
  }
  br.pc {
    display: none !important;
  }
  br.mobile {
    display: block !important;
  }
}

.color-point {
  color: var(--point);
}

.color-primary {
  color: var(--primary);
}

.color-main {
  color: var(--main);
}

.color-sub {
  color: var(--sub);
}

.color-main1000 {
  color: var(--main1000);
}

.color-main900 {
  color: var(--main900);
}

.color-main800 {
  color: var(--main800);
}

.color-main700 {
  color: var(--main700);
}

.color-main600 {
  color: var(--main600);
}

.color-main500 {
  color: var(--main500);
}

.color-main400 {
  color: var(--main400);
}

.color-main300 {
  color: var(--main300);
}

.color-main200 {
  color: var(--main200);
}

.color-main100 {
  color: var(--main100);
}

.color-main50 {
  color: var(--main50);
}

.color-gray1000 {
  color: var(--gray1000);
}

.color-gray900 {
  color: var(--gray900);
}

.color-gray800 {
  color: var(--gray800);
}

.color-gray700 {
  color: var(--gray700);
}

.color-gray600 {
  color: var(--gray600);
}

.color-gray550 {
  color: var(--gray550);
}

.color-gray500 {
  color: var(--gray500);
}

.color-gray400 {
  color: var(--gray400);
}

.color-gray300 {
  color: var(--gray300);
}

.color-gray200 {
  color: var(--gray200);
}

.color-gray150 {
  color: var(--gray150);
}

.color-gray100 {
  color: var(--gray100);
}

.color-gray50 {
  color: var(--gray50);
}

.color-orange {
  color: var(--orange);
}

.color-orange-light {
  color: var(--orange-light);
}

.color-orange-light-hover {
  color: var(--orange-light-hover);
}

.color-orange-light-active {
  color: var(--orange-light-active);
}

.color-orange-normal {
  color: var(--orange-normal);
}

.color-orange-normal-hover {
  color: var(--orange-normal-hover);
}

.color-orange-normal-active {
  color: var(--orange-normal-active);
}

.color-orange-dark {
  color: var(--orange-dark);
}

.color-orange-dark-hover {
  color: var(--orange-dark-hover);
}

.color-orange-dark-active {
  color: var(--orange-dark-active);
}

.color-orange-darker {
  color: var(--orange-darker);
}

.color-navy-black {
  color: var(--navy-black);
}

.color-gray {
  color: var(--gray);
}

.color-green {
  color: var(--green);
}

.color-white {
  color: var(--white);
}

.color-black {
  color: var(--black);
}

.color-darkgray {
  color: var(--darkgray);
}

.color-darkblue {
  color: var(--darkblue);
}

.color-paragraph {
  color: var(--paragraph);
}

.bg-point {
  background: var(--point);
}

.bg-primary {
  background: var(--primary);
}

.bg-main {
  background: var(--main);
}

.bg-sub {
  background: var(--sub);
}

.bg-main1000 {
  background: var(--main1000);
}

.bg-main900 {
  background: var(--main900);
}

.bg-main800 {
  background: var(--main800);
}

.bg-main700 {
  background: var(--main700);
}

.bg-main600 {
  background: var(--main600);
}

.bg-main500 {
  background: var(--main500);
}

.bg-main400 {
  background: var(--main400);
}

.bg-main300 {
  background: var(--main300);
}

.bg-main200 {
  background: var(--main200);
}

.bg-main100 {
  background: var(--main100);
}

.bg-main50 {
  background: var(--main50);
}

.bg-gray1000 {
  background: var(--gray1000);
}

.bg-gray900 {
  background: var(--gray900);
}

.bg-gray800 {
  background: var(--gray800);
}

.bg-gray700 {
  background: var(--gray700);
}

.bg-gray600 {
  background: var(--gray600);
}

.bg-gray550 {
  background: var(--gray550);
}

.bg-gray500 {
  background: var(--gray500);
}

.bg-gray400 {
  background: var(--gray400);
}

.bg-gray300 {
  background: var(--gray300);
}

.bg-gray200 {
  background: var(--gray200);
}

.bg-gray150 {
  background: var(--gray150);
}

.bg-gray100 {
  background: var(--gray100);
}

.bg-gray50 {
  background: var(--gray50);
}

.bg-orange {
  background: var(--orange);
}

.bg-orange-light {
  background: var(--orange-light);
}

.bg-orange-light-hover {
  background: var(--orange-light-hover);
}

.bg-orange-light-active {
  background: var(--orange-light-active);
}

.bg-orange-normal {
  background: var(--orange-normal);
}

.bg-orange-normal-hover {
  background: var(--orange-normal-hover);
}

.bg-orange-normal-active {
  background: var(--orange-normal-active);
}

.bg-orange-dark {
  background: var(--orange-dark);
}

.bg-orange-dark-hover {
  background: var(--orange-dark-hover);
}

.bg-orange-dark-active {
  background: var(--orange-dark-active);
}

.bg-orange-darker {
  background: var(--orange-darker);
}

.bg-navy-black {
  background: var(--navy-black);
}

.bg-gray {
  background: var(--gray);
}

.bg-green {
  background: var(--green);
}

.bg-white {
  background: var(--white);
}

.bg-black {
  background: var(--black);
}

.bg-darkgray {
  background: var(--darkgray);
}

.bg-darkblue {
  background: var(--darkblue);
}

.bg-paragraph {
  background: var(--paragraph);
}

@keyframes shimmer {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}
.marquee {
  display: flex;
  gap: 8rem;
}
.marquee-item {
  transform: translateX(0%);
  animation: marquee 10s linear infinite;
  white-space: nowrap;
  font-family: "HANAMDAUM";
  font-size: 10rem;
  color: #f5f4f4;
}

.mxds-pagination {
  margin-top: 6rem;
}

.h2 {
  font-size: var(--h2);
  line-height: 1.3;
  text-align: center;
  color: var(--gray900);
}

.h3 {
  font-size: var(--h3);
  line-height: 1.3;
  color: var(--gray900);
  margin: 8rem 0 4rem;
}
.h3:first-of-type {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .h3 {
    margin: 60px 0 24px;
  }
}

.h4 {
  font-size: var(--h4);
  line-height: 1.3;
  margin: 4rem 0 2.8rem;
  color: var(--gray900);
}
.h4:first-of-type {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .h4 {
    margin: 28px 0 16px;
  }
}

.h5 {
  font-size: var(--h5);
  line-height: 1.3;
  margin: 0 0 2.8rem;
  color: var(--gray900);
}

.desc {
  margin-bottom: 3.6rem;
}
@media (max-width: 1024px) {
  .desc {
    margin-bottom: 2.4rem;
  }
}

.bul1 > li {
  position: relative;
  padding-left: 1.6rem;
  color: #333;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left;
}
.bul1 > li::before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: #d9d9d9;
  position: absolute;
  top: 1.1rem;
  left: 0.6rem;
  border-radius: 50%;
}
.bul1 > li + li {
  margin-top: 0.8rem;
}
.bul1.type2 > li {
  color: var(--gray900);
}
.bul1.type2 > li::before {
  background: var(--gray900) !important;
}

.bul2 {
  counter-reset: order;
}
.bul2 > li {
  position: relative;
  counter-increment: order;
  padding-left: 4rem;
  color: #333;
  font-size: 1.8rem;
  line-height: 1.5;
}
.bul2 > li::before {
  display: flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  color: var(--gray900);
  font-size: 1.6rem;
  background: var(--point);
  content: counter(order);
  position: absolute;
  top: 0.15rem;
  left: 0;
  border-radius: 50%;
}
.bul2 > li + li {
  margin-top: 0.8rem;
}
.bul2.type2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1rem;
}
.bul2.type2 > li {
  flex-basis: calc(50% - 0.5rem);
}
.bul2.type2 > li + li {
  margin-top: 0;
}
@media (max-width: 768px) {
  .bul2.type2 {
    flex-direction: column;
  }
  .bul2.type2 > li {
    width: 100%;
  }
}

.bul3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.bul3 > li {
  flex-basis: calc(50% - 0.6rem);
  background: #f5f5f5;
  padding: 2.4rem 2.8rem;
  border-radius: 1.2rem;
  line-height: 1.5;
}
.bul3 > li.auto {
  flex-basis: auto;
}
.bul3 > li.full {
  flex-basis: 100%;
}
.bul3-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
.bul3-item > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: var(--point);
  border-radius: 50%;
  font-size: 1.8rem;
  color: var(--gray900);
  line-height: 1;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .bul3 {
    flex-direction: column;
  }
}

.bul4 {
  border-top: 1px solid var(--gray900);
}
.bul4 > li {
  border-bottom: 1px solid #ddd;
}
.bul4-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2.4rem 2.8rem;
}
.bul4-item-title {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-shrink: 0;
}
.bul4-item-title > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: var(--point);
  border-radius: 50%;
  font-size: 1.8rem;
  color: var(--gray900);
  line-height: 1;
  font-weight: 400;
}
.bul4-item-information {
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .bul4-item {
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
  }
  .bul4-item-title {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .bul4-item {
    padding: 2rem 1.5rem;
  }
  .bul4-item-title {
    gap: 1.25rem;
  }
}

.table-wrapper table {
  width: 100%;
  border-top: 2px solid var(--navy-black);
}
.table-wrapper table th, .table-wrapper table td {
  height: 6.4rem;
  padding: 2rem 1.2rem;
  text-align: center;
  border-bottom: 1px solid #CAD1E1;
  font-size: 1.8rem;
  font-weight: 400;
}
.table-wrapper table th {
  font-weight: 700;
  background: #fafafa;
}
.table-wrapper table td:has(ul.bul1) {
  vertical-align: top;
}
.table-scroll {
  overflow: auto;
}
@media (max-width: 587px) {
  .table-scroll table {
    width: 587px;
  }
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1.6rem;
  padding: 1.2rem 3.2rem;
  font-size: 1.6rem;
  min-height: var(--component-height);
}
.button i {
  flex-shrink: 0;
  font-size: 1.8rem;
}

.component button {
  height: var(--component-height-lg);
}
.component label,
.component select,
.component input[type=text],
.component input[type=tel],
.component input[type=email],
.component input[type=password],
.component textarea {
  height: var(--component-height-lg);
}
.component label:hover,
.component select:hover,
.component input[type=text]:hover,
.component input[type=tel]:hover,
.component input[type=email]:hover,
.component input[type=password]:hover,
.component textarea:hover {
  border-color: var(--gray700);
}
.component label:focus,
.component select:focus,
.component input[type=text]:focus,
.component input[type=tel]:focus,
.component input[type=email]:focus,
.component input[type=password]:focus,
.component textarea:focus {
  outline: none;
  border: 1px solid var(--gray700);
}
.component label:has(input:focus),
.component select:has(input:focus),
.component input[type=text]:has(input:focus),
.component input[type=tel]:has(input:focus),
.component input[type=email]:has(input:focus),
.component input[type=password]:has(input:focus),
.component textarea:has(input:focus) {
  border: 1px solid var(--gray700);
}
.component label::-moz-placeholder, .component select::-moz-placeholder, .component input[type=text]::-moz-placeholder, .component input[type=tel]::-moz-placeholder, .component input[type=email]::-moz-placeholder, .component input[type=password]::-moz-placeholder, .component textarea::-moz-placeholder {
  color: var(--gray600) !important;
}
.component label::placeholder,
.component select::placeholder,
.component input[type=text]::placeholder,
.component input[type=tel]::placeholder,
.component input[type=email]::placeholder,
.component input[type=password]::placeholder,
.component textarea::placeholder {
  color: var(--gray600) !important;
}
.component label:disabled,
.component select:disabled,
.component input[type=text]:disabled,
.component input[type=tel]:disabled,
.component input[type=email]:disabled,
.component input[type=password]:disabled,
.component textarea:disabled {
  background: var(--gray100);
  color: var(--gray500);
}
.component label:disabled::-moz-placeholder, .component select:disabled::-moz-placeholder, .component input[type=text]:disabled::-moz-placeholder, .component input[type=tel]:disabled::-moz-placeholder, .component input[type=email]:disabled::-moz-placeholder, .component input[type=password]:disabled::-moz-placeholder, .component textarea:disabled::-moz-placeholder {
  color: var(--gray500);
}
.component label:disabled::placeholder,
.component select:disabled::placeholder,
.component input[type=text]:disabled::placeholder,
.component input[type=tel]:disabled::placeholder,
.component input[type=email]:disabled::placeholder,
.component input[type=password]:disabled::placeholder,
.component textarea:disabled::placeholder {
  color: var(--gray500);
}
.component label {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
  height: auto;
}
.component input:not([type=checkbox]), .component input:not([type=radio]) {
  display: block;
  width: 100%;
  padding: 0 2rem;
  margin: 0 !important;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 1px solid #ddd;
  color: var(--gray900);
  font-weight: 500;
  line-height: 1.5;
  background: #fff;
  font-style: normal;
}
.component select {
  display: block;
  width: 100%;
  padding: 0 2rem;
  margin: 0 !important;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 1px solid #ddd;
  color: var(--gray600);
  background: #fff url(/public/images/plani/arrow.png) no-repeat right 1.6rem center/1.8rem 1.8rem;
  font-weight: 400;
  line-height: 1.5;
}
.component textarea {
  display: block;
  width: 100%;
  padding: 1.6rem 2rem;
  margin: 0 !important;
  overflow: hidden;
  color: var(--gray900);
  background: #fff;
  font-weight: 500;
  line-height: 1.5;
  resize: none;
  overflow: auto;
  height: 100%;
  padding: 0;
  padding-right: 1rem;
}

.external {
  display: inline-flex;
  align-items: center;
}
.external::after {
  display: block;
  content: "\ecaf";
  font-family: "remixicon";
  color: var(--orange-dark);
  font-size: 1.6rem;
  line-height: 1;
}

.error {
  display: flex;
  flex-direction: column;
  gap: 5.3rem;
  align-items: center;
  letter-spacing: -0.03em;
  text-align: center;
  width: 100%;
}

.error-image {
  width: 11.2rem;
}

.error-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.error-message-title {
  font-size: 4rem;
  color: #222222;
  font-weight: 400;
}

.error-message-title strong {
  font-weight: 700;
}

.error-message-desc {
  font-size: 1.8rem;
  color: #757575;
}

.error-buttons {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}

.error-buttons a, .error-buttons button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.5rem 2.2rem;
  height: 4.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  gap: 0.6rem;
  color: #fff;
}

.error-buttons-point {
  background: var(--orange-normal);
  color: var(--gray900) !important;
}

.error-buttons-black {
  background: #222;
}