@charset "UTF-8";
:root {
  --font-family-base: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue",
    "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  --gap: 0.4rem;
  --x1: calc(var(--gap) * 1);
  --x2: calc(var(--gap) * 2);
  --x3: calc(var(--gap) * 3);
  --x4: calc(var(--gap) * 4);
  --x5: calc(var(--gap) * 5);
  --x6: calc(var(--gap) * 6);
  --x7: calc(var(--gap) * 7);
  --x8: calc(var(--gap) * 8);
  --x9: calc(var(--gap) * 9);
  --x10: calc(var(--gap) * 10);
  --x11: calc(var(--gap) * 11);
  --x12: calc(var(--gap) * 12);
  --x13: calc(var(--gap) * 13);
  --x14: calc(var(--gap) * 14);
  --x15: calc(var(--gap) * 15);
  --x16: calc(var(--gap) * 16);
  --x17: calc(var(--gap) * 17);
  --x18: calc(var(--gap) * 18);
  --x19: calc(var(--gap) * 19);
  --x20: calc(var(--gap) * 20);
  --x21: calc(var(--gap) * 21);
  --x22: calc(var(--gap) * 22);
  --x23: calc(var(--gap) * 23);
  --x24: calc(var(--gap) * 24);
  --x25: calc(var(--gap) * 25);
  --x26: calc(var(--gap) * 26);
  --x27: calc(var(--gap) * 27);
  --x28: calc(var(--gap) * 28);
  --x29: calc(var(--gap) * 29);
  --x30: calc(var(--gap) * 30);
  --x31: calc(var(--gap) * 31);
  --x32: calc(var(--gap) * 32);
  --x33: calc(var(--gap) * 33);
  --x34: calc(var(--gap) * 34);
  --x35: calc(var(--gap) * 35);
  --x36: calc(var(--gap) * 36);
  --x37: calc(var(--gap) * 37);
  --x38: calc(var(--gap) * 38);
  --x39: calc(var(--gap) * 39);
  --x40: calc(var(--gap) * 40);
  --gray-0: #fff;
  --gray-10: #f8f8f8;
  --gray-20: #ededed;
  --gray-30: #dddddd;
  --gray-40: #cccccc;
  --gray-50: #999999;
  --gray-60: #777777;
  --gray-70: #555555;
  --gray-80: #444444;
  --gray-90: #222222;
  --gray-100: #000;
  --primary: #0075d2;
  --sub: #ed1f1f;
  --text-color-gray1: #222222;
  --text-color-gray2: #444444;
  --text-color-white: #ffffff;
  --text-color-primary: #0075d2;
  --text-color-sub: #ed1f1f;
  --bg-color-gray: #f8f8f8;
  --bg-color-primary1: #f3f9ff;
  --bg-color-primary2: #013e8d;
  --bg-color-primary3: #e8eff9;
  --line-color-gray: #dddddd;
  --line-color-gray2: #222222;
  --input-line-color-gray: #a9a9a9;
}

/* Pretendard GOV 폰트는 pretendard-gov-dynamic-subset.min.css에서 로드됩니다 */
html {
  font-size: 2.6667vw;
  scroll-behavior: smooth;
}

@media screen and (min-width: 1280px) {
  html {
    font-size: 10px;
  }
}
html,
body {
  padding: 0;
  background-color: #fff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  color: inherit;
  font: inherit;
  -webkit-hyphens: auto;
  hyphens: auto;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
hgroup,
nav,
section,
summary {
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #fff;
  font-family: var(--font-family-base);
  color: var(--text-color-gray1);
  font-size: 1.4rem;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  min-height: 100dvh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  word-break: keep-all;
}

ul,
ol,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

img {
  /* max-width: 100%; */
  display: block;
}

input,
textarea,
select {
  font: inherit;
}

select,
textarea,
input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

button {
  padding: 0;
  border: 0;
  font: inherit;
  cursor: pointer;
  background: transparent;
}

label {
  cursor: pointer;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  position: relative !important;
  width: 1px !important;
  height: 1px !important;
  color: transparent !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  margin: -1px 0 0;
}

th,
td {
  border-collapse: collapse;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend,
.a11y-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  color: transparent !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  margin: 0 !important;
  padding: 0 !important;
}

[data-dir="col"] {
  flex-direction: column;
}

[data-dir="col-re"] {
  flex-direction: column-reverse;
}

[data-dir="row"] {
  flex-direction: row;
}

[data-dir="row-re"] {
  flex-direction: row-reverse;
}

.ellp {
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}

/* 말줄임 */
[data-ellipsis] {
  text-overflow: ellipsis;
  overflow: hidden;
}

[data-ellipsis="1"] {
  white-space: nowrap;
  word-break: break-all;
}

[data-ellipsis="2"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

[data-ellipsis="3"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

[data-marker] {
  position: relative;
  z-index: 1;
  font: inherit;
  line-height: inherit;
}
[data-marker]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.6rem;
  border-radius: 0.8rem;
  z-index: -1;
  background-color: #ccc;
}

[data-marker="primary"]::after {
  background-color: rgba(0, 187, 255, 0.5960784314);
}

.area-base {
  position: relative;
  margin: 0 auto;
  z-index: 0;
}
.area-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
}
.area-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  pointer-events: none;
}
.area-dialog {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.area-dialog[data-area="body"] {
  position: fixed;
}
.area-toast {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.area-toast[data-ps="bottom"] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 0.8rem;
  padding-bottom: 0.8rem;
}
.area-toast[data-ps="top"] {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 0.8rem;
  padding-top: 0.8rem;
}

[data-icon-before="noti"]::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.9203 4.81155C8.7061 5.01939 8.599 5.26938 8.599 5.56193C8.599 5.85448 8.7061 6.10322 8.9203 6.309C9.13412 6.51477 9.3907 6.61766 9.68966 6.61766C9.98862 6.61766 10.2444 6.51477 10.4567 6.309C10.6686 6.10322 10.7749 5.85448 10.7749 5.56193C10.7749 5.26938 10.6686 5.01939 10.4567 4.81155C10.2444 4.60371 9.98862 4.5 9.68966 4.5C9.3907 4.5 9.13412 4.60371 8.9203 4.81155Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45005 12.5398C9.35696 12.4566 9.3106 12.3009 9.3106 12.0716C9.3106 11.9804 9.32518 11.8462 9.35397 11.6684C9.38238 11.491 9.41491 11.3326 9.4508 11.1943L9.89272 9.4692C9.93571 9.31129 9.96525 9.13726 9.98132 8.94794C9.9974 8.75778 10.0056 8.62577 10.0056 8.55021C10.0056 8.18686 9.88973 7.89143 9.65867 7.66391C9.42725 7.43682 9.09824 7.32349 8.67165 7.32349C8.43499 7.32349 8.18375 7.36975 7.91831 7.46271C7.65286 7.55525 7.37507 7.66731 7.08457 7.79762L6.96643 8.33118C7.05242 8.29553 7.15561 8.25818 7.27637 8.21828C7.39638 8.1788 7.51415 8.15927 7.62893 8.15927C7.8626 8.15927 8.02037 8.20299 8.103 8.28959C8.18562 8.3766 8.22712 8.53069 8.22712 8.75226C8.22712 8.87451 8.21366 9.00992 8.18674 9.15806C8.15983 9.30577 8.12655 9.46368 8.08692 9.62922L7.64314 11.3602C7.60388 11.5419 7.57509 11.7053 7.55715 11.8496C7.53957 11.9931 7.5306 12.1349 7.5306 12.2733C7.5306 12.629 7.64949 12.9223 7.88765 13.1536C8.1258 13.3845 8.46004 13.5 8.88962 13.5C9.16928 13.5 9.41454 13.4597 9.62577 13.3786C9.83738 13.2979 10.12 13.1799 10.4748 13.0259L10.593 12.4923C10.5324 12.5241 10.4337 12.5602 10.298 12.6022C10.1619 12.6438 10.0404 12.6646 9.93309 12.6646C9.70428 12.6646 9.54315 12.623 9.45005 12.5398Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-size: 1.8rem;
  background-repeat: no-repeat;
}

[data-icon-before="noti-line"]::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_22_347)'%3E%3Cpath d='M16.4246 9C16.4246 4.89929 13.1007 1.57544 9 1.57544C4.89929 1.57544 1.57544 4.89929 1.57544 9C1.57544 13.1007 4.89929 16.4246 9 16.4246V18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18V16.4246C13.1007 16.4246 16.4246 13.1007 16.4246 9Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.92062 4.81155C8.70642 5.01939 8.59932 5.26938 8.59932 5.56193C8.59932 5.85448 8.70642 6.10322 8.92062 6.309C9.13444 6.51477 9.39102 6.61766 9.68998 6.61766C9.98894 6.61766 10.2447 6.51477 10.457 6.309C10.6689 6.10322 10.7752 5.85448 10.7752 5.56193C10.7752 5.26938 10.6689 5.01939 10.457 4.81155C10.2447 4.60371 9.98894 4.5 9.68998 4.5C9.39102 4.5 9.13444 4.60371 8.92062 4.81155Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45037 12.5398C9.35728 12.4566 9.31092 12.3009 9.31092 12.0716C9.31092 11.9804 9.3255 11.8462 9.35429 11.6684C9.3827 11.491 9.41523 11.3326 9.45112 11.1943L9.89303 9.4692C9.93603 9.31129 9.96557 9.13726 9.98164 8.94794C9.99772 8.75778 10.0059 8.62577 10.0059 8.55021C10.0059 8.18686 9.89004 7.89143 9.65899 7.66391C9.42757 7.43682 9.09856 7.32348 8.67197 7.32348C8.43531 7.32348 8.18407 7.36975 7.91862 7.46271C7.65318 7.55525 7.37539 7.66731 7.08489 7.79762L6.96675 8.33118C7.05274 8.29553 7.15593 8.25817 7.27669 8.21827C7.3967 8.1788 7.51447 8.15927 7.62925 8.15927C7.86292 8.15927 8.02069 8.20299 8.10332 8.28959C8.18594 8.3766 8.22744 8.53069 8.22744 8.75226C8.22744 8.87451 8.21398 9.00992 8.18706 9.15806C8.16014 9.30577 8.12687 9.46368 8.08724 9.62922L7.64346 11.3602C7.6042 11.5419 7.57541 11.7053 7.55747 11.8496C7.53989 11.9931 7.53092 12.1349 7.53092 12.2733C7.53092 12.629 7.64981 12.9223 7.88797 13.1536C8.12612 13.3845 8.46036 13.5 8.88994 13.5C9.16959 13.5 9.41485 13.4597 9.62609 13.3786C9.8377 13.2979 10.1203 13.1799 10.4752 13.0259L10.5933 12.4923C10.5327 12.5241 10.434 12.5602 10.2983 12.6022C10.1622 12.6438 10.0407 12.6646 9.93341 12.6646C9.7046 12.6646 9.54347 12.623 9.45037 12.5398Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_22_347'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-size: 1.8rem;
  background-repeat: no-repeat;
}

[data-icon-before="noti-line-sub"]::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_22_347)'%3E%3Cpath d='M16.4246 9C16.4246 4.89929 13.1007 1.57544 9 1.57544C4.89929 1.57544 1.57544 4.89929 1.57544 9C1.57544 13.1007 4.89929 16.4246 9 16.4246V18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18V16.4246C13.1007 16.4246 16.4246 13.1007 16.4246 9Z' fill='%23ED1F1F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.92062 4.81155C8.70642 5.01939 8.59932 5.26938 8.59932 5.56193C8.59932 5.85448 8.70642 6.10322 8.92062 6.309C9.13444 6.51477 9.39102 6.61766 9.68998 6.61766C9.98894 6.61766 10.2447 6.51477 10.457 6.309C10.6689 6.10322 10.7752 5.85448 10.7752 5.56193C10.7752 5.26938 10.6689 5.01939 10.457 4.81155C10.2447 4.60371 9.98894 4.5 9.68998 4.5C9.39102 4.5 9.13444 4.60371 8.92062 4.81155Z' fill='%23ED1F1F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45037 12.5398C9.35728 12.4566 9.31092 12.3009 9.31092 12.0716C9.31092 11.9804 9.3255 11.8462 9.35429 11.6684C9.3827 11.491 9.41523 11.3326 9.45112 11.1943L9.89303 9.4692C9.93603 9.31129 9.96557 9.13726 9.98164 8.94794C9.99772 8.75778 10.0059 8.62577 10.0059 8.55021C10.0059 8.18686 9.89004 7.89143 9.65899 7.66391C9.42757 7.43682 9.09856 7.32348 8.67197 7.32348C8.43531 7.32348 8.18407 7.36975 7.91862 7.46271C7.65318 7.55525 7.37539 7.66731 7.08489 7.79762L6.96675 8.33118C7.05274 8.29553 7.15593 8.25817 7.27669 8.21827C7.3967 8.1788 7.51447 8.15927 7.62925 8.15927C7.86292 8.15927 8.02069 8.20299 8.10332 8.28959C8.18594 8.3766 8.22744 8.53069 8.22744 8.75226C8.22744 8.87451 8.21398 9.00992 8.18706 9.15806C8.16014 9.30577 8.12687 9.46368 8.08724 9.62922L7.64346 11.3602C7.6042 11.5419 7.57541 11.7053 7.55747 11.8496C7.53989 11.9931 7.53092 12.1349 7.53092 12.2733C7.53092 12.629 7.64981 12.9223 7.88797 13.1536C8.12612 13.3845 8.46036 13.5 8.88994 13.5C9.16959 13.5 9.41485 13.4597 9.62609 13.3786C9.8377 13.2979 10.1203 13.1799 10.4752 13.0259L10.5933 12.4923C10.5327 12.5241 10.434 12.5602 10.2983 12.6022C10.1622 12.6438 10.0407 12.6646 9.93341 12.6646C9.7046 12.6646 9.54347 12.623 9.45037 12.5398Z' fill='%23ED1F1F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_22_347'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-size: 1.8rem;
  background-repeat: no-repeat;
}

.btn-wrap {
  display: flex;
  gap: 1.4rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.btn-wrap[data-type="full"] .btn-base {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.ui-dialog .btn-base {
  min-height: 5.6rem;
  min-width: 20rem;
}

.btn-mouse {
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.22222V5.55556M15.5 7.33333V12.6667C15.5 15.6122 13.0376 18 10 18C6.96243 18 4.5 15.6122 4.5 12.6667V7.33333C4.5 4.38781 6.96243 2 10 2C13.0376 2 15.5 4.38781 15.5 7.33333Z' stroke='%231D1D1D' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 2rem;
}

.btn-text {
  position: relative;
  font-size: 1.8rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: var(--text-color-gray1);
}

.btn-base {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  cursor: pointer;
  text-decoration: none;
  padding: 0.4rem 2.4rem 0.5rem;
  border: 1px solid var(--primary);
  background-color: var(--primary);
  border-radius: var(--x4);
  min-height: 6.4rem;
  min-width: 28rem;
  color: var(--gray-0);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}
.btn-base:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.btn-base:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn-base[data-size="small"] {
  font-size: 1.8rem;
  border-radius: 1.2rem;
  min-height: 4.8rem;
  min-width: 0;
}
.btn-base[data-size="large"] {
  min-height: 8rem;
}
.btn-base[data-shape="line-gray"] {
  background-color: var(--gray-0);
  border-color: var(--line-color-gray);
  font-weight: 600;
  color: var(--text-color-gray1);
}
.btn-base[data-shape="line-primary"] {
  background-color: transparent;
  border-color: var(--primary);
  font-weight: 600;
  color: var(--text-color-primary);
}

@media (max-width: 1240px) {
  .btn-text {
    font-size: 1.3rem;
  }
  .btn-base {
    font-size: 1.5rem;
    min-width: 0;
    flex: 1;
    width: 100%;
    min-height: 5.6rem;
  }
  .btn-base[data-size="large"] {
    min-height: 5.6rem;
    padding: 1.2rem 1.6rem 1.3rem;
    line-height: 1.5;
  }
  .btn-base[data-size="small"] {
    font-size: 1.4rem;
    min-height: 4rem;
    padding: 0.4rem 1.6rem;
  }
}
.inp--base {
  display: block;
  border: 1px solid var(--input-line-color-gray);
  border-radius: var(--x2);
  padding: 0 1.6rem;
  margin: 0;
  width: 100%;
  min-height: 4.4rem;
  color: var(--text-color-gray1);
  font-size: 1.8rem;
}
.inp--item {
  display: flex;
  flex: 1;
  position: relative;
}
.inp--item[data-width="full"] {
  flex: 1;
}
.inp--item[data-width="small"] {
  flex-shrink: 0;
  width: 10rem;
}
.inp--item .label--button:nth-of-type(1) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.inp--item .label--button:last-of-type {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.inp--item .label--button ~ .label--button {
  border-radius: 0;
  margin-left: -1px;
}
.inp--item .label--button:last-child {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.inp--item :checked + .label--button {
  z-index: 1;
}

select.inp--base {
  padding-right: var(--x3);
  background-size: 2.4rem;
  background-position: right 0 top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M480-120 300-300l58-58 122 122 122-122 58 58-180 180ZM358-598l-58-58 180-180 180 180-58 58-122-122-122 122Z'/%3E%3C/svg%3E");
}

.label--button {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--input-line-color-gray);
  justify-content: center;
  min-height: 4.4rem;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 600;
  border-radius: 0.8rem;
  background-color: #fff;
}
.label--button + .label--button {
  margin-left: -1px;
}
.label--radio {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.label--radio::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid var(--input-line-color-gray);
  background-color: var(--gray-0);
  transition: box-shadow 0.5s, border 0.3s;
  border-radius: 50%;
}
.label--check {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.label--check::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.6rem;
  border: 1px solid var(--input-line-color-gray);
  background-position: 50% 50%;
  background-color: var(--gray-0);
  transition: all 0.3s;
}
.label--switch {
  position: relative;
  font-size: 1.4rem;
}
.label--switch::before {
  content: "";
  display: block;
  width: 5.2rem;
  height: 2.8rem;
  border-radius: 1.4rem;
  background-color: var(--line-color-gray);
  position: relative;
  transition: all 0.2s ease-in;
}
.label--switch::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(0.4rem, -50%);
  transition: all 0.2s ease-in;
  opacity: 1;
}

:focus + .label--check,
:focus + .label--button,
:focus + .label--radio {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

:checked + .label--radio::before {
  border: 0.7rem solid var(--gray-90);
  border-color: var(--text-color-primary);
}
:checked + .label--check::before {
  background-color: var(--primary);
  border-color: var(--primary);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2788 0.287242C14.6824 -0.105255 15.3251 -0.0941595 15.7148 0.312225C16.1045 0.71874 16.0935 1.36619 15.69 1.75877L6.48341 10.7129C6.08976 11.0957 5.46582 11.0957 5.07216 10.7129L0.310111 6.08216L0.239425 6.00596C-0.0934432 5.60984 -0.0802171 5.01572 0.285309 4.63437C0.67505 4.22827 1.31788 4.21703 1.72136 4.60939L5.77779 8.55428L14.2788 0.287242Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1.6rem;
}
:checked + .label--button {
  border-color: var(--text-color-primary);
  color: var(--text-color-primary);
  background-color: var(--bg-color-primary1);
  font-weight: 700;
}
:checked + .label--button::before {
  content: "";
  display: flex;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4443 3.92573C13.7621 3.61889 14.2682 3.62756 14.5751 3.94526C14.882 4.26306 14.8733 4.76921 14.5556 5.07612L7.30561 12.0761C6.99561 12.3754 6.50427 12.3754 6.19428 12.0761L2.44428 8.456L2.38861 8.39643C2.12649 8.08675 2.1369 7.62229 2.42475 7.32417C2.73166 7.00669 3.23787 6.9979 3.55561 7.30463L6.74994 10.3886L13.4443 3.92573Z' fill='%230071D2'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1.7rem;
}
:checked + .label--switch::before {
  background-color: var(--primary);
}
:checked + .label--switch::after {
  transform: translate(2.8rem, -50%);
}

.form--wrap {
  position: relative;
  display: flex;
  flex-direction: row;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  gap: var(--x3);
  flex-wrap: wrap;
}
.form--title {
  font-weight: 500;
  font-size: 2rem;
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.form--item {
  flex: 1;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--x1);
  border: 0;
  margin: 0;
  padding: 0;
}
.form--head {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.form--body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  gap: calc(var(--x1) - var(--x1) / 2);
}
.form--group {
  position: relative;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  gap: calc(var(--x1) - var(--x1) / 2) var(--x1);
}
.form--box {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--line-color-gray);
  background-color: #fff;
  border-radius: 1.6rem;
  overflow: hidden;
}
.form--box .form--item {
  padding: 2.4rem 4.8rem;
}
.form--box-inner {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--line-color-gray);
  background-color: var(--bg-color-gray);
  padding: 0 4.8rem;
}
.form--box-inner .form--item {
  padding: 2.4rem 0 !important;
}
.form--box-inner .form--item + .form--item {
  border-top: 1px solid var(--line-color-gray);
}

[data-direction="col/row"],
[data-direction="col"] {
  flex-direction: column !important;
}

[data-direction="row/col"],
[data-direction="row"] {
  flex-direction: row !important;
  align-items: flex-start;
}

@media screen and (max-width: 699px) {
  [data-direction="col/row"] {
    flex-direction: row !important;
    align-items: flex-start;
  }
  [data-direction="row/col"] {
    flex-direction: column !important;
  }
}
[data-grid="terms-box"] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  gap: 1.6;
}

[data-grid="base"] {
  border-top: 1px solid var(--text-color-gray1);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  gap: 0;
}
[data-grid="base"] .form--item {
  padding: 2.4rem 4.8rem;
  border-bottom: 1px solid var(--line-color-gray);
}
[data-grid="base"] .form--head {
  width: 24rem;
}
[data-grid="base"] .inp--base {
  max-width: 52rem;
}

[data-type="gender-select"] {
  max-width: 64rem;
}

[data-grid="jumin-2"] {
  width: 52rem;
  display: grid;
  gap: 0.8rem;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
}
[data-grid="jumin-2"] .btn-mouse {
  position: absolute;
  right: 0;
  top: calc(50% - 2rem);
}

@media (max-width: 1240px) {
  .form--box .form--item {
    padding: 2rem;
  }
  .form--box .form--item[data-direction="row"] {
    align-items: center;
  }
  .form--box-inner {
    padding: 0 2rem;
  }
  .form--box-inner .form--item {
    padding: 2rem 0;
  }
  [data-grid="jumin-2"] {
    width: 100%;
  }
  [data-grid="base"] .inp--base {
    width: 100%;
    max-width: 100%;
    flex: 1;
  }
  [data-grid="base"] .form--item {
    padding: 1.6rem 0.8rem;
  }
  [data-grid="base"] .form--head {
    width: 9rem;
  }
  [data-grid="base"] .form--title {
    font-size: 1.5rem;
  }
  .inp--base {
    min-height: 4rem;
    font-size: 1.5rem;
    border-radius: var(--x2);
  }
  .label--check {
    font-size: 1.5rem;
  }
  .label--check::before {
    width: 2rem;
    height: 2rem;
  }
  :checked + .label--check::before {
    background-size: 1.2rem;
  }
  .label--button {
    font-size: 1.5rem;
  }
  .label--switch::before {
    width: 4.5rem;
    height: 2.4rem;
    border-radius: 1.2rem;
  }
  .label--switch::after {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    transform: translate(0.4rem, -50%);
  }
  :checked + .label--switch::after {
    transform: translate(2.5rem, -50%);
  }
  .label--radio {
    font-size: 1.6rem;
    gap: 0.8rem;
  }
  .label--radio::before {
    width: 2rem;
    height: 2rem;
  }
}
[data-bullet] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
[data-bullet] > div {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
[data-bullet] > div + div {
  margin-top: 1.2rem;
}
[data-bullet] > div > dt {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--text-color-primary);
  position: relative;
  padding-left: 1.2rem;
}
[data-bullet] > div > dt::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: var(--text-color-gray1);
  border-radius: 50%;
}
[data-bullet] > div > dd {
  font-size: 1.8rem;
  padding-left: 1.2rem;
  color: var(--text-color-gray1);
}
[data-bullet] > li {
  position: relative;
  padding-left: 1.6rem;
  font-size: 1.8rem;
}
[data-bullet] > li::before {
  content: attr(data-style);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  position: absolute;
  line-height: 1;
  top: 0.4rem;
  left: 0;
}

[data-bullet="dot"] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
[data-bullet="dot"] > li {
  position: relative;
  padding-left: 1.6rem;
  font-size: 1.8rem;
}
[data-bullet="dot"] > li::before {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: var(--text-color-gray1);
  border-radius: 50%;
}

[data-bullet="hyphen"] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
[data-bullet="hyphen"] > li {
  position: relative;
  padding-left: 1.6rem;
  font-size: 1.8rem;
}
[data-bullet="hyphen"] > li::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0.3rem;
  width: 0.6rem;
  height: 0.1rem;
  background-color: var(--text-color-gray1);
  border-radius: 50%;
}

@media (max-width: 1240px) {
  [data-bullet="dot"] > li {
    font-size: 1.4rem;
    color: var(--text-color-gray2);
  }
  [data-bullet="dot"] > li::before {
    top: 0.8rem;
  }
  [data-bullet="hyphen"] > li {
    font-size: 1.4rem;
    color: var(--text-color-gray2);
  }
  [data-bullet="hyphen"] > li::before {
    top: 1rem;
  }
  .checklist--body .box--base {
    width: calc(100% + 1.6rem);
    margin-left: -1.6rem;
  }
  [data-bullet="dot"] > div {
    gap: 0.4rem;
  }
  [data-bullet="dot"] > div > dt {
    font-size: 1.6rem;
  }
  [data-bullet="dot"] > div > dd {
    font-size: 1.4rem;
  }
}
.tbl-base {
  position: relative;
  width: calc(100vw - 5.5rem);
  height: 100%;
  max-width: 126rem;
  overflow: auto;
}
.tbl-base[data-scroll="5"] {
  max-height: 30.1rem;
}
.tbl-base::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--line-color-gray2);
  z-index: 3;
  top: 0;
  position: sticky;
}
.tbl-base table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl-base thead tr {
  position: sticky;
  top: 0;
}
.tbl-base thead th {
  background-color: var(--bg-color-gray);
}
.tbl-base tr > *:last-child {
  border-right: 0;
}
.tbl-base tr > *:first-child {
  border-left: 0;
}
.tbl-base th,
.tbl-base td {
  border: 1px solid var(--line-color-gray);
  word-break: break-all;
  font-size: 1.8rem;
  text-align: center;
  color: var(--text-color-gray1);
  padding: 1.1rem 1rem;
}

.col-num {
  width: 8rem;
}

[data-device="mobile"] .tbl-base[data-scroll="hor"] {
  width: calc(100vw - 4rem);
}

@media (max-width: 1240px) {
  .tbl-base th,
  .tbl-base td {
    font-size: 1.4rem;
    padding: 1.2rem 0.8rem;
  }
  .tbl-base[data-scroll="5"] {
    max-height: 27.8rem;
  }
  .col-num {
    width: 5rem;
  }
  .page-2-3-0 .base-body--wrap {
    padding: 2.4rem 0 8rem;
  }
  .page-2-3-0 .content--body-head,
  .page-2-3-0 .content--head {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .page-2-3-0 .tbl-base {
    width: 100vw !important;
    padding: 0 2rem;
  }
}
.scroll-not {
  overflow: hidden !important;
}

@keyframes modal-hide {
  0% {
    display: flex;
  }
  100% {
    display: none;
  }
}
@keyframes fade-In {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-Out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes scale-In {
  0% {
    display: flex;
    opacity: 0;
  }
  1% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scale-Out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  99% {
    opacity: 0;
    transform: scale(0.8);
    visibility: hidden;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes bottom-In {
  0% {
    display: flex;
    opacity: 0;
    z-index: 0;
  }
  1% {
    transform: translateY(10rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bottom-Out {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  99% {
    transform: translateY(10rem);
    opacity: 0;
  }
  100% {
    transform: translateY(10rem);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes top-In {
  0% {
    display: flex;
    opacity: 0;
    z-index: 0;
  }
  1% {
    transform: translateY(-10rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes top-Out {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  99% {
    transform: translateY(-10rem);
    opacity: 0;
  }
  100% {
    transform: translateY(-10rem);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes left-In {
  0% {
    display: flex;
    opacity: 0;
    z-index: 0;
  }
  1% {
    transform: translateX(-10rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes left-Out {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  99% {
    transform: translateX(-10rem);
    opacity: 0;
  }
  100% {
    transform: translateX(-10rem);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes right-In {
  0% {
    display: flex;
    opacity: 0;
    z-index: 0;
  }
  1% {
    transform: translateX(10rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes right-Out {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  99% {
    transform: translateX(10rem);
    opacity: 0;
  }
  100% {
    transform: translateX(10rem);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes slideDownIn {
  0% {
    display: flex;
    opacity: 0;
  }
  1% {
    top: -10rem;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes slideDownOut {
  0% {
    top: 0;
    opacity: 1;
  }
  99% {
    top: -10rem;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes slideLeftIn {
  0% {
    display: flex;
  }
  1% {
    left: -100dvw;
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes slideLeftOut {
  0% {
    left: 0;
    opacity: 1;
  }
  99% {
    left: -100dvw;
    opacity: 1;
  }
  100% {
    left: -100dvw;
    opacity: 1;
    visibility: hidden;
  }
}
@keyframes slideRightIn {
  0% {
    display: flex;
  }
  1% {
    right: -100dvw;
    opacity: 1;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes slideRightOut {
  0% {
    right: 0;
    opacity: 1;
  }
  99% {
    right: -100dvw;
    opacity: 1;
  }
  100% {
    right: -100dvw;
    opacity: 1;
    visibility: hidden;
  }
}
@keyframes show_toast {
  0% {
    transform: translateY(10rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes hide_toast {
  0% {
    transform: translateY(0);
    margin-bottom: 0;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    margin-bottom: -5.2rem;
    opacity: 0;
  }
}
.IA {
  display: flex;
  padding: 0;
  gap: 1rem;
  width: 100%;
  height: calc(100dvh - 14rem);
}
.IA--view {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0.1rem;
}
.IA--list {
  flex: 1;
  width: 100%;
  overflow-y: auto;
  height: 100%;
}
.IA--list-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--gray-30);
  position: sticky;
  top: 0;
  z-index: 2;
}
.IA--list-header [data-grid="ia-search"] {
  display: grid;
  grid-template-columns: 1fr 30rem 6rem;
}
.IA--list-summary {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
  border-radius: 0.8rem;
  overflow: hidden;
  background-color: #424242;
  border: 1px solid #4dcbe3;
}
.IA--list-summary dl {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 0.2rem 0.6rem;
  font-size: 1.4rem;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  padding: 0 var(--x3);
}
.IA--list-summary-bar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  z-index: 1;
  height: 100%;
  background-color: #6200ee;
  box-shadow: 0 0 3rem rgba(74, 238, 0, 0.5);
  transition: all 0.3s ease-out;
}
.IA[data-size="small"] .iframe {
  width: 32rem; /* iPhone SE, etc. */
}
.IA[data-size="medium"] .iframe {
  width: 37.5rem; /* iPhone 14, etc. */
}
.IA[data-size="large"] .iframe {
  width: 41.4rem; /* iPhone 14 Plus, etc. */
}
.IA[data-size="foldable"] .iframe {
  width: 67rem; /* Samsung Galaxy Fold, unfolded */
}
.IA[data-size="desktop"] .IA--list-header {
  position: sticky;
  top: 0;
  z-index: 1;
}
.IA[data-size="desktop"] .IA--list-header .form--group {
  gap: 0.4rem;
}
.IA[data-size="desktop"] .IA--view {
  flex: 1;
  width: 100%; /* Samsung Galaxy Fold, unfolded */
}
.IA[data-size="desktop"] .IA--view .iframe {
  width: 100%;
  height: 100%;
}
.IA[data-size="desktop"] .IA--list {
  flex: none;
  width: 20rem;
  flex-shrink: 0;
}
.IA[data-size="desktop"] .IA--list tbody {
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
}
.IA[data-size="desktop"] .IA--list tr {
  display: flex;
  width: 100%;
  flex-direction: column;
  border: 1px solid var(--gray-30);
  padding: 0.2rem 0.6rem;
  border-radius: 0.4rem;
  gap: 0 0.6rem;
  flex-wrap: wrap;
}
.IA[data-size="desktop"] .IA--list th,
.IA[data-size="desktop"] .IA--list td {
  padding: 0;
  display: none;
  border: 0;
  width: auto;
  background-color: transparent;
}
.IA[data-size="desktop"] .IA--list td.is,
.IA[data-size="desktop"] .IA--list td:nth-child(1),
.IA[data-size="desktop"] .IA--list td:nth-child(6) {
  display: flex;
}
.IA[data-size="desktop"] .IA--list td:nth-child(6) {
  font-size: 1.4rem;
}
.IA[data-size="desktop"] .IA--list thead {
  display: none;
}
.IA[data-size="desktop"] .IA--list [data-grid="ia-search"] {
  grid-template-columns: 1fr 4rem;
}
.IA[data-size="desktop"] .IA--list [data-grid="ia-search"] .IA--list-summary {
  grid-column: span 2;
}
.IA[data-size="desktop"] .IA--list [data-grid="ia-search"] dt {
  display: none;
}
.IA .iframe {
  border: 1px solid var(--gray-60);
  height: 100%;
}
.IA table {
  border-radius: 0;
  margin: 0;
  table-layout: auto;
}
.IA thead th {
  background-color: var(--gray-20);
}
.IA td,
.IA th {
  position: relative;
  padding: 0.2rem;
  font-size: 1.1rem;
  background-color: #fff;
  border: 1px solid var(--gray-30);
}
.IA .end td {
  background-color: #eaf6fd;
}
.IA .on td {
  z-index: 1;
  border-bottom: 0.2rem solid var(--gray-80);
}
.IA td:nth-child(1) {
  width: 3rem;
}
.IA [data-state="지연"] td {
  color: tomato;
}
.IA .on td.d {
  color: var(--gray-70);
}
.IA td.d {
  color: var(--gray-30);
}
.IA tr.d1 td.d1,
.IA tr.d2 td.d2,
.IA tr.d3 td.d3,
.IA tr.d4 td.d4,
.IA tr.d5 td.d5,
.IA tr.d6 td.d6,
.IA tr.d7 td.d7,
.IA tr.d8 td.d8,
.IA tr.d9 td.d9,
.IA tr.d10 td.d10,
.IA [data-current="d1"] td.d1,
.IA [data-current="d2"] td.d2,
.IA [data-current="d3"] td.d3,
.IA [data-current="d4"] td.d4,
.IA [data-current="d5"] td.d5,
.IA [data-current="d6"] td.d6,
.IA [data-current="d7"] td.d7,
.IA [data-current="d8"] td.d8,
.IA [data-current="d9"] td.d9,
.IA [data-current="d10"] td.d10 {
  color: var(--gray-90);
}
.IA tr.d1.on td.d1,
.IA tr.d2.on td.d2,
.IA tr.d3.on td.d3,
.IA tr.d4.on td.d4,
.IA tr.d5.on td.d5,
.IA tr.d6.on td.d6,
.IA tr.d7.on td.d7,
.IA tr.d8.on td.d8,
.IA tr.d9.on td.d9,
.IA tr.d10.on td.d10,
.IA [data-current="d1"].on td.d1,
.IA [data-current="d2"].on td.d2,
.IA [data-current="d3"].on td.d3,
.IA [data-current="d4"].on td.d4,
.IA [data-current="d5"].on td.d5,
.IA [data-current="d6"].on td.d6,
.IA [data-current="d7"].on td.d7,
.IA [data-current="d8"].on td.d8,
.IA [data-current="d9"].on td.d9,
.IA [data-current="d10"].on td.d10 {
  font-weight: 700;
}

tr[data-state="대기"] td {
  background-color: #fff;
}

tr[data-state="진행"] td {
  background-color: #fcfff6;
}

tr[data-state="완료"] td {
  background-color: #f6faff;
}

tr[data-state="제외"] td {
  opacity: 0.2;
}

tr[data-state="지연"] td {
  background-color: #fff5fa;
}

td [data-state="완료"] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #3182f6;
  font-weight: bold;
}
td [data-state="완료"]::before {
  content: "task_alt";
  color: #3182f6;
  font-family: "Material Symbols Rounded";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1;
}

td [data-state="진행"] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #13cf52;
  font-weight: bold;
}
td [data-state="진행"]::before {
  content: "play_circle";
  color: #13cf52;
  font-family: "Material Symbols Rounded";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1;
}

td [data-state="대기"] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-weight: bold;
}
td [data-state="대기"]::before {
  content: "do_not_disturb_on";
  color: #000;
  font-family: "Material Symbols Rounded";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1;
}

td [data-state="지연"] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #f63131;
  font-weight: bold;
}
td [data-state="지연"]::before {
  content: "warning";
  color: #f63131;
  font-family: "Material Symbols Rounded";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1;
}

td [data-state="제외"] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #9b9b9b;
  font-weight: bold;
}
td [data-state="제외"]::before {
  content: "hide_source";
  color: #9b9b9b;
  font-family: "Material Symbols Rounded";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1;
}

/* accordion */
[data-accordion] {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

[data-accordion-item] {
  display: flex;
  flex-direction: column;
}

[data-accordion-group] {
  display: flex;
}

[data-accordion-head] {
  position: relative;
  display: flex;
}
[data-accordion-head] a {
  position: relative;
  z-index: 2;
}

[data-accordion-title] ~ [data-accordion-button] {
  position: absolute;
  text-align: left;
}

[data-accordion-button] {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: left;
  display: flex;
  align-items: center;
}
[data-accordion-button][aria-expanded="true"]::after {
  content: "";
}
[data-accordion-button]::after {
  content: "";
  position: absolute;
  font-size: 2.4rem;
  top: 50%;
  right: var(--x2);
  width: 3rem;
  height: 3rem;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  text-align: center;
}

[data-accordion-button]:disabled {
  opacity: 1;
}

[data-accordion-title] {
  position: relative;
  z-index: 0;
  width: 100%;
}

[data-accordion-body] {
  position: relative;
  overflow: hidden;
}

/* dialog */
[data-dialog] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  pointer-events: visible;
}
[data-dialog][data-zindex="1"] {
  z-index: 1;
}
[data-dialog][data-zindex="2"] {
  z-index: 2;
}
[data-dialog][data-zindex="3"] {
  z-index: 3;
}
[data-dialog][data-zindex="4"] {
  z-index: 4;
}
[data-dialog][data-zindex="5"] {
  z-index: 5;
}
[data-dialog][data-zindex="6"] {
  z-index: 6;
}
[data-dialog][data-zindex="7"] {
  z-index: 7;
}
[data-dialog][data-zindex="8"] {
  z-index: 8;
}
[data-dialog][data-zindex="9"] {
  z-index: 9;
}
[data-dialog][data-zindex="10"] {
  z-index: 10;
}
[data-dialog][data-state="hide"] {
  animation-name: modal-hide;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-state="hide"] .dim {
  opacity: 0;
}
[data-dialog][data-state="hide"][data-ps="center"] [data-dialog-item="wrap"] {
  animation-name: fade-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-state="hide"][data-ps="bottom"] [data-dialog-item="wrap"] {
  animation-name: bottom-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-state="hide"][data-ps="top"] [data-dialog-item="wrap"] {
  animation-name: top-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-state="hide"][data-ps="left"] [data-dialog-item="wrap"] {
  animation-name: left-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-state="hide"][data-ps="right"] [data-dialog-item="wrap"] {
  animation-name: right-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][aria-hidden="false"] {
  display: flex;
}
[data-dialog][aria-hidden="false"][data-current="true"] .dim {
  opacity: 1;
}
[data-dialog][aria-hidden="false"][data-ps="center"] [data-dialog-item="wrap"] {
  animation-name: fade-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][aria-hidden="false"][data-ps="bottom"] [data-dialog-item="wrap"] {
  animation-name: bottom-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][aria-hidden="false"][data-ps="top"] [data-dialog-item="wrap"] {
  animation-name: top-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][aria-hidden="false"][data-ps="left"] [data-dialog-item="wrap"] {
  animation-name: left-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][aria-hidden="false"][data-ps="right"] [data-dialog-item="wrap"] {
  animation-name: right-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="center"] {
  justify-content: center;
  align-items: center;
}
[data-dialog][data-ps="center"][aria-hidden="true"] .project-dialog--item {
  animation-name: scale-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="center"][aria-hidden="false"] .project-dialog--item {
  animation-name: scale-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="bottom"] {
  justify-content: center;
  align-items: flex-end;
}
[data-dialog][data-ps="bottom"][aria-hidden="true"] .project-dialog--item {
  animation-name: bottom-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="bottom"][aria-hidden="false"] .project-dialog--item {
  animation-name: bottom-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="top"] {
  justify-content: center;
  align-items: flex-start;
}
[data-dialog][data-ps="top"][aria-hidden="true"] .project-dialog--item {
  animation-name: top-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="top"][aria-hidden="false"] .project-dialog--item {
  animation-name: top-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="left"] {
  justify-content: flex-start;
  align-items: center;
}
[data-dialog][data-ps="left"][aria-hidden="true"] .project-dialog--item {
  animation-name: left-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="left"][aria-hidden="false"] .project-dialog--item {
  animation-name: left-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="right"] {
  justify-content: flex-end;
  align-items: center;
}
[data-dialog][data-ps="right"][aria-hidden="true"] .project-dialog--item {
  animation-name: right-Out;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog][data-ps="right"][aria-hidden="false"] .project-dialog--item {
  animation-name: right-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
[data-dialog] [data-dialog-item="wrap"]:focus {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
[data-dialog] [data-dialog-item="extend"] {
  position: absolute;
  width: 100%;
  height: 2rem;
  top: 0;
  left: 0;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-dialog] [data-dialog-item="extend"]::after {
  content: "";
  display: block;
  width: 40%;
  height: 0.4rem;
  border-radius: 0.3rem;
  background-color: rgba(0, 0, 0, 0.2);
  transition: width 200ms ease;
}
[data-dialog] [data-dialog-item="extend"]:active {
  cursor: grabbing;
}
[data-dialog] [data-dialog-item="extend"]:active::after {
  width: 30%;
  height: 0.2rem;
  background-color: rgba(0, 0, 0, 0.4);
}

.ui-dialog--wrap {
  position: relative;
  z-index: 1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #ccc;
}
.ui-dialog--header {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.ui-dialog--footer {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.ui-dialog--main {
  display: flex;
  flex: 1;
}
.ui-dialog[data-ps="bottom"] .ui-dialog--wrap {
  border-radius: 0.8rem 0.8rem 0 0;
}
.ui-dialog[data-ps="top"] .ui-dialog--wrap {
  border-radius: 0 0 0.8rem 0.8rem;
}
.ui-dialog[data-ps="left"] .ui-dialog--wrap {
  border-radius: 0 0.8rem 0.8rem 0;
}
.ui-dialog[data-ps="right"] .ui-dialog--wrap {
  border-radius: 0.8rem 0 0 0.8rem;
}
.ui-dialog .dim {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 0;
  transition: opacity 0.2s ease;
}

/* toast */
.ui-toast[data-type="toast"] {
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  top: auto;
  left: auto;
  max-width: calc(100% - 3.2rem);
  height: auto;
}

.ui-toast[data-type="toast"][aria-hidden="false"][data-ps="bottom"] {
  animation-name: bottom-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.ui-toast[data-type="toast"][aria-hidden="false"][data-ps="top"] {
  animation-name: top-In;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

/* dropdown */
[data-dropdown] {
  position: relative;
}

[data-dropdown-button] {
  text-align: left;
  position: relative;
  z-index: 1;
}
[data-dropdown-button][aria-expanded] {
  border: 0.1rem solid #000;
  padding: 0.2rem 0.8rem;
  border-radius: 0.4rem;
}

[data-dropdown-panel] {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
[data-dropdown-panel] [data-mso-before="close"] {
  width: var(--x4);
  height: var(--x4);
  font-size: var(--x3);
}
[data-dropdown-panel] [data-dropdown-section] {
  overflow-y: auto;
}
[data-dropdown-panel][data-ps="bl"] [data-dropdown-section] {
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
}
[data-dropdown-panel][data-ps="bc"] {
  justify-content: center;
}
[data-dropdown-panel][data-ps="bc"] [data-dropdown-section] {
  top: 100%;
  bottom: auto;
  left: auto;
  right: auto;
}
[data-dropdown-panel][data-ps="br"] [data-dropdown-section] {
  top: 100%;
  bottom: auto;
  left: auto;
  right: 0;
}
[data-dropdown-panel][data-ps="tl"] [data-dropdown-section] {
  top: auto;
  bottom: 100%;
  left: 0;
  right: auto;
}
[data-dropdown-panel][data-ps="tc"] {
  justify-content: center;
}
[data-dropdown-panel][data-ps="tc"] [data-dropdown-section] {
  top: auto;
  bottom: 100%;
  left: auto;
  right: auto;
  transform: auto;
}
[data-dropdown-panel][data-ps="tr"] [data-dropdown-section] {
  top: auto;
  bottom: 100%;
  left: auto;
  right: 0;
}
[data-dropdown-panel][data-ps="lt"] [data-dropdown-section] {
  top: 0;
  bottom: auto;
  left: auto;
  right: 100%;
}
[data-dropdown-panel][data-ps="lc"] {
  align-items: center;
}
[data-dropdown-panel][data-ps="lc"] [data-dropdown-section] {
  top: auto;
  bottom: auto;
  left: auto;
  right: 100%;
}
[data-dropdown-panel][data-ps="lb"] [data-dropdown-section] {
  top: auto;
  bottom: 0;
  left: auto;
  right: 100%;
}
[data-dropdown-panel][data-ps="rt"] [data-dropdown-section] {
  top: 0;
  bottom: auto;
  left: 100%;
  right: auto;
}
[data-dropdown-panel][data-ps="rc"] {
  align-items: center;
}
[data-dropdown-panel][data-ps="rc"] [data-dropdown-section] {
  top: auto;
  bottom: auto;
  left: 100%;
  right: auto;
}
[data-dropdown-panel][data-ps="rb"] [data-dropdown-section] {
  top: auto;
  bottom: 0;
  left: 100%;
  right: auto;
}
[data-dropdown-panel][aria-hidden="true"] {
  display: none;
}
[data-dropdown-panel][aria-hidden="false"] {
  display: flex;
}
[data-dropdown-panel]:hover {
  z-index: 1;
}

@media screen and (max-width: 700px) {
  [data-dropdown-panel] [data-dropdown-section] {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100%;
    overflow-y: auto;
    border: 0;
    border-radius: 0;
  }
}
[data-dropdown-section] {
  padding: 0.2rem 0.8rem;
  border-radius: 0.4rem;
  overflow: hidden;
  position: absolute;
  pointer-events: visible;
  border: 1px solid #000;
  background-color: #fff;
}

/* selection */
[data-selection-item][aria-checked="true"] {
  background-color: #eee;
}

/* tab */
[data-tab] {
  position: relative;
  display: flex;
  overflow-x: auto;
  position: relative;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  z-index: 1;
}

[role="tablist"] {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
}
[role="tablist"] [role="tab"] {
  position: relative;
  display: flex;
  padding: 1.2rem;
  cursor: pointer;
  min-width: 10rem;
}
[role="tablist"] [role="tab"][aria-selected="true"] {
  font-weight: 700;
}

[data-tab-wrap] {
  position: relative;
}

[role="tabpanel"],
[role="tabpanel"][aria-expanded="false"] {
  display: none;
}

[role="tabpanel"][aria-expanded="true"] {
  position: relative;
  display: block;
}

[data-tab-type="scroll"][data-tab] {
  position: sticky;
}
[data-tab-type="scroll"][data-tab-wrap] {
  display: flex;
  flex-direction: column;
  gap: var(--x4);
}
[data-tab-type="scroll"] [role="tabpanel"] {
  scroll-margin-top: 0;
}

/* tooltip hover */
[data-tooltip] {
  position: relative;
  font-size: 1.4rem;
  display: inline-flex;
  vertical-align: text-top;
}
[data-tooltip] [data-tooltip-desc] {
  display: none;
}
[data-tooltip]:focus [data-tooltip-desc],
[data-tooltip]:hover [data-tooltip-desc] {
  display: flex;
}
[data-tooltip][data-mso-after]::after {
  font-size: 1.8rem;
}

[data-tooltip-desc] {
  display: flex;
  position: absolute;
  padding: 0.4rem 0.8rem;
  background-color: #fff;
  border: 1px solid black;
  border-radius: 0.4rem;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  max-width: 30rem;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
  pointer-events: visible;
}
[data-tooltip-desc]::before {
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.58462V1H7L1 9.58462Z' fill='white'/%3E%3Cpath d='M1 1.27692V9.30769C1 9.30769 4.62872 4.41313 6.95385 1.27692' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
[data-tooltip-desc][data-ps="tl"] {
  bottom: calc(100% + 1rem);
  left: -0.4rem;
}
[data-tooltip-desc][data-ps="tl"]::before {
  top: calc(100% - 0.1rem);
  left: 1.8rem;
}
[data-tooltip-desc][data-ps="tc"] {
  bottom: calc(100% + 1rem);
  left: 50%;
  transform: translateX(-50%);
}
[data-tooltip-desc][data-ps="tc"]::before {
  top: calc(100% - 0.1rem);
  left: 50%;
  transform: translateX(-50%);
}
[data-tooltip-desc][data-ps="tr"] {
  bottom: calc(100% + 1rem);
  right: -0.4rem;
}
[data-tooltip-desc][data-ps="tr"]::before {
  top: calc(100% - 0.1rem);
  right: 1.8rem;
}
[data-tooltip-desc][data-ps="bl"] {
  top: calc(100% + 1rem);
  left: -0.4rem;
}
[data-tooltip-desc][data-ps="bl"]::before {
  bottom: calc(100% - 0.1rem);
  left: 1.8rem;
  transform: rotate(180deg);
}
[data-tooltip-desc][data-ps="bc"] {
  top: calc(100% + 1rem);
  left: 50%;
  transform: translateX(-50%);
}
[data-tooltip-desc][data-ps="bc"]::before {
  bottom: calc(100% - 0.1rem);
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
[data-tooltip-desc][data-ps="br"] {
  top: calc(100% + 1rem);
  right: -0.4rem;
}
[data-tooltip-desc][data-ps="br"]::before {
  bottom: calc(100% - 0.1rem);
  right: 1.8rem;
  transform: rotate(180deg);
}
[data-tooltip-desc][data-ps="lt"] {
  right: calc(100% + 1rem);
  top: -0.4rem;
}
[data-tooltip-desc][data-ps="lt"]::before {
  top: 0.7rem;
  right: -0.8rem;
  transform: rotate(-90deg);
}
[data-tooltip-desc][data-ps="lc"] {
  right: calc(100% + 1rem);
  top: 50%;
  transform: translateY(-50%);
}
[data-tooltip-desc][data-ps="lc"]::before {
  top: calc(50% - 0.8rem);
  right: -0.8rem;
  transform: rotate(-90deg);
}
[data-tooltip-desc][data-ps="lb"] {
  right: calc(100% + 1rem);
  bottom: -0.4rem;
}
[data-tooltip-desc][data-ps="lb"]::before {
  bottom: 0.7rem;
  right: -0.8rem;
  transform: rotate(-90deg);
}
[data-tooltip-desc][data-ps="rt"] {
  left: calc(100% + 1rem);
  top: -0.4rem;
}
[data-tooltip-desc][data-ps="rt"]::before {
  top: 0.7rem;
  left: -0.8rem;
  transform: rotate(90deg);
}
[data-tooltip-desc][data-ps="rc"] {
  left: calc(100% + 1rem);
  top: 50%;
  transform: translateY(-50%);
}
[data-tooltip-desc][data-ps="rc"]::before {
  top: calc(50% - 0.4rem);
  left: -0.8rem;
  transform: rotate(90deg);
}
[data-tooltip-desc][data-ps="rb"] {
  left: calc(100% + 1rem);
  bottom: -0.4rem;
}
[data-tooltip-desc][data-ps="rb"]::before {
  bottom: 0.7rem;
  left: -0.8rem;
  transform: rotate(90deg);
}

[role="tooltip"] {
  position: absolute;
  pointer-events: none;
}
[role="tooltip"][aria-hidden="true"] {
  display: none;
}

[data-tooltip-close] {
  pointer-events: visible;
}

#krds-skip-link {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  text-align: center;
  background-color: #1e2124;
}
#krds-skip-link a:not(:focus) {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  margin: -1px;
  padding: 0;
  font-size: 0; /* for IE */
  line-height: 0; /* for IE */
}
#krds-skip-link a:focus {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: #fff;
  width: 100%;
  height: var(--x6);
  margin: 0 auto;
  text-align: center;
}

.area-base[data-layout="base"] {
  display: grid;
  min-height: 100dvh;
  grid-template-rows: 8rem 1fr auto;
}

.only-m {
  display: none;
}

.base-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--x10);
  border-bottom: 1px solid var(--line-color-gray);
  min-height: 8rem;
}
.base-header--subtitle {
  display: none;
}
.base-header--wrap {
  display: flex;
  width: 100%;
  max-width: 192rem;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.base-header-utils {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 36.9rem;
}
.base-header--logo a {
  display: flex;
  align-items: center;
  gap: var(--x2);
  text-decoration: none;
}
.base-header--logo .logo {
  display: block;
  width: 4.1rem;
}
.base-header--logo .logo-debtcheck {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  border-radius: 2.2rem;
  border: 1px solid #0c1c46;
  width: 14.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.07rem;
  transform: translate(0.4rem, 0rem);
  padding-bottom: 0.2rem;
}
.base-header--logo .logo-debtcheck::after {
  content: "";
  position: absolute;
  top: -1.5rem;
  right: -0.9rem;
  display: block;
  width: 4rem;
  height: 4.8rem;
  background: url(./images/bell.png) no-repeat 50% 50%/4rem;
}
.base-header--logo span {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  transform: translateY(-0.3rem);
}
.base-header--nav {
  position: relative;
  flex: 1;
  width: 100%;
}
.base-header--nav-head,
.base-header--nav-button {
  display: none;
}
.base-header--nav-item {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1;
  width: 100%;
  max-width: 94rem;
}
.base-header--nav-item a {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.base-header--nav-item a:hover,
.base-header--nav-item a:focus {
  color: var(--text-color-primary);
  text-decoration: underline;
  text-underline-offset: 0.8rem;
}
.base-header .btn-logout {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  gap: 0.8rem;
  text-decoration: none;
}
.base-header .btn-logout::before {
  content: "";
  display: block;
  width: 1.9rem;
  height: 1.7rem;
  background: url(./images/util_logout.png) no-repeat center/1.9rem;
}

.base-display {
  background-color: #000000;
  width: 100%;
  height: 24rem;
  display: flex;
  justify-content: center;
  padding: 0 2rem;
}
.base-display--wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 126rem;
}
.base-display .h-1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

.base-footer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.2rem 2rem;
  border-top: 1px solid var(--line-color-gray);
}
.base-footer--wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.base-footer--nav ul {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.base-footer--nav li {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.base-footer--nav li:last-child::after {
  display: none;
}
.base-footer--nav li::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.2rem;
  background-color: #ababab;
}
.base-footer--nav a {
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
  color: var(--text-color-gray2);
  text-decoration: none;
}
.base-footer--nav a b {
  font-weight: 700;
  color: var(--text-color-gray1);
}
.base-footer address {
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--text-color-gray1);
}
.base-footer .mark {
  position: absolute;
  top: 3rem;
  right: 0;
}
.base-footer .mark img {
  display: block;
  height: 7rem;
  width: auto;
}

.base-body {
  flex-direction: column;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.base-body--display {
  width: 100%;
  background-color: #505050;
  height: 24rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.base-body--display--wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 130rem;
  padding: 0 2rem;
  width: 100%;
}
.base-body--display .h-1 {
  font-size: 4rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.03rem;
  color: var(--gray-0);
}
.base-body--wrap {
  width: 100%;
  position: relative;
  padding: 4.8rem 2rem 10rem;
  max-width: 130rem;
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
.base-body .h-2 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.03rem;
  color: var(--text-color-gray1);
}
.base-body .h-3 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.04rem;
  color: var(--text-color-gray1);
}
.base-body .group-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  font-size: 1.5rem;
  color: var(--text-color-gray1);
}
.base-body .group-right .form--group {
  width: auto;
  align-items: center;
  gap: 0.8rem;
}
.base-body .unit {
  font-size: 1.5rem;
  color: var(--text-color-gray2);
}

.content--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.content--head[data-type="center"] {
  justify-content: center;
}
.content--head[data-type="center"] .btn-base {
  flex: none;
  width: auto;
}
.content--group {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 100%;
}
.content--body {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  width: 100%;
}
.content--body-head {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
}

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

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

.box--base {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  border-radius: 1.6rem;
  background-color: var(--bg-color-primary1);
  padding: 3.2rem 4rem;
}
.box--base[data-style="line-white"] {
  background-color: #fff;
  border: 1px solid var(--line-color-gray);
}
.box--base[data-style="head-body"] {
  padding: 0;
  gap: 0;
}
.box--base[data-style="head-body"] .box--base-head {
  border-radius: 1.6rem 1.6rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 17.6rem;
  background: linear-gradient(270.77deg, #0072cd 3.44%, #007fe4 96.31%);
  color: #fff;
  font-size: 3.6rem;
  font-weight: 300;
  gap: 4rem;
}
.box--base[data-style="head-body"] .box--base-head strong {
  font-weight: 700;
}
.box--base[data-style="head-body"] .box--base-head::before {
  content: "";
  display: block;
  width: 14.6rem;
  height: 14.4rem;
  background: url(./images/img-1.png) no-repeat 50% 50%/14.6rem;
}
.box--base[data-style="head-body"] .box--base-body {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0 0 1.6rem 1.6rem;
  border: 1px solid var(--line-color-gray);
  padding: 4rem 5.6rem;
  gap: 2rem;
}
.box--base[data-style="head-body"] .box--base-body dt {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.08rem;
}
.box--base-tit {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.box--dl {
  display: flex;
  gap: 1.6rem;
}
.box--dl-item {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.box--dl-item [data-bullet="dot"] > li {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
}
.box--dl-item [data-bullet="dot"] > li p {
  flex: 1;
}
.box--dl-dt {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.4rem 2.4rem 0 0;
  background-color: var(--bg-color-primary2);
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  min-height: 6.4rem;
}
.box--dl-dd {
  width: 100%;
  padding: 0 4.8rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0 0 2.4rem 2.4rem;
  border: 1px solid var(--line-color-gray);
  min-height: 21.9rem;
}
.box--dl[data-style="style-1"] {
  border-radius: 2.4rem;
  border: 1px solid var(--line-color-gray);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
}
.box--dl[data-style="style-1"] .box--dl-item {
  border: 0;
  padding: 3.8rem 2.6rem 3.8rem 5.6rem;
  border-radius: 0;
  border-bottom: 1px solid var(--line-color-gray);
  border-right: 1px solid var(--line-color-gray);
}
.box--dl[data-style="style-1"] .box--dl-item:nth-child(2) {
  border-right: 0;
}
.box--dl[data-style="style-1"] .box--dl-item:nth-child(2) .box--dl-dt::before {
  background-image: url(./images/logo-2.png);
}
.box--dl[data-style="style-1"] .box--dl-item:nth-child(3) {
  border-bottom: 0;
}
.box--dl[data-style="style-1"] .box--dl-item:nth-child(3) .box--dl-dt::before {
  background-image: url(./images/logo-3.png);
}
.box--dl[data-style="style-1"] .box--dl-item:nth-child(4) {
  border-right: 0;
  border-bottom: 0;
}
.box--dl[data-style="style-1"] .box--dl-item:nth-child(4) .box--dl-dt::before {
  background-image: url(./images/logo-1.png);
}
.box--dl[data-style="style-1"] .box--dl-dt {
  background-color: transparent;
  color: var(--text-color-gray1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
  font-size: 2.2rem;
  font-weight: 700;
}
.box--dl[data-style="style-1"] .box--dl-dt span {
  color: #ababab;
  font-weight: 400;
  font-size: 1.6rem;
}
.box--dl[data-style="style-1"] .box--dl-dt::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8rem;
  height: 5.6rem;
  background-image: url(./images/logo-1.png);
  background-size: 8rem 5.6rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.box--dl[data-style="style-1"] .box--dl-dd {
  border: 0;
  border-radius: 0;
  min-height: 0;
  padding: 0 0 0 9.6rem;
  text-align: left;
  font-size: 1.8rem;
  color: #444444;
}

.terms--content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  gap: 2.4rem;
}
.terms--content .label--check {
  font-size: 1.8rem;
}
.terms--content .label--check::before {
  width: 2rem;
  height: 2rem;
  background-size: 1.2rem;
}
.terms--content .form--item {
  justify-content: space-between;
  width: 100%;
}
.terms--content .form--item b {
  flex: 1;
  font-weight: 700;
}
.terms--content .form--item .inp--item {
  flex: none;
}
.terms--content > *:last-child {
  padding-bottom: 9.4rem;
}
.terms--content section {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.terms--content div {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.terms--content strong {
  font-weight: 700;
}
.terms--content h3 {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700;
}
.terms--content h4 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
}
.terms--content h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
}
.terms--content h6 {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
}
.terms--content h6::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: var(--text-color-gray1);
  margin-right: 0.6rem;
}
.terms--content p {
  font-size: 1.6rem;
  line-height: 1.5;
}
.terms--content table {
  table-layout: auto;
}
.terms--content table tr > *:last-child {
  border-right: 0;
}
.terms--content table td,
.terms--content th {
  padding: 1.1rem 2.4rem 1.1rem 0.8rem;
  border: 1px solid var(--line-color-gray);
  font-size: 1.6rem;
  text-align: left;
  border-left: 0;
}
.terms--content table strong {
  font-weight: 700;
}
.terms--content table th {
  font-weight: 700;
  width: 16rem;
}
.terms--content ol {
  display: flex;
  flex-direction: column;
}
.terms--content ol li {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-left: 2rem;
  text-indent: -2rem;
}
.terms--content ol li ol {
  margin: 0.4rem 0 0.8rem;
}
.terms--content ol li ol li {
  margin-left: 1.6rem;
  text-indent: -1.6rem;
}

.ui-dialog[data-ps="center"] .ui-dialog--wrap {
  max-width: 80rem;
  border-radius: 1.6rem;
  padding: 0;
  max-height: calc(100dvh - 12rem);
}
.ui-dialog[data-ps="center"] .ui-dialog--header {
  padding: 3.2rem 4rem;
  font-size: 3.2rem;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ui-dialog[data-ps="center"] .ui-dialog--footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem;
}
.ui-dialog[data-ps="center"] .ui-dialog--footer .btn-base {
  flex: 1;
  width: 100%;
}
.ui-dialog[data-ps="center"] .ui-dialog--main {
  overflow-y: auto;
  padding: 0 4rem;
  flex: 1;
}

.ui-dialog[role="alertdialog"] .ui-dialog--wrap {
  min-width: 40rem;
  border-radius: 0.4rem;
  min-height: none;
  max-height: none;
  overflow: auto;
  border: 0;
}
.ui-dialog[role="alertdialog"] .ui-dialog--header {
  padding: 1.6rem 6rem 1.6rem 3rem;
  background-color: #f4f4f6;
  min-height: 6rem;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
}
.ui-dialog[role="alertdialog"] .ui-dialog--main {
  padding: 2.8rem 3rem 3rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
}
.ui-dialog[role="alertdialog"] .ui-dialog--close {
  position: absolute;
  right: 1.8rem;
  top: calc(50% - 1.6rem);
  background-size: 1.3rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6673 1.06066C11.8625 1.25592 11.8625 1.5725 11.6673 1.76777L1.76778 11.6673C1.57252 11.8625 1.25593 11.8625 1.06067 11.6673C0.86541 11.472 0.86541 11.1554 1.06067 10.9602L10.9602 1.06066C11.1554 0.865398 11.472 0.865398 11.6673 1.06066Z' fill='%23D9D9D9' stroke='black'/%3E%3Cpath d='M1.06066 1.06066C1.25592 0.8654 1.5725 0.8654 1.76777 1.06066L11.6673 10.9602C11.8625 11.1554 11.8625 11.472 11.6673 11.6673C11.472 11.8625 11.1554 11.8625 10.9602 11.6673L1.06066 1.76777C0.865398 1.57251 0.865398 1.25592 1.06066 1.06066Z' fill='%23D9D9D9' stroke='black'/%3E%3C/svg%3E%0A");
}
.ui-dialog[role="alertdialog"] .ui-dialog--footer {
  padding: 0;
}
.ui-dialog[role="alertdialog"] .ui-dialog--footer .btn-base {
  border-radius: 0;
  min-height: 5rem;
  background-color: #575b63;
  font-size: 1.6rem;
  color: #fff;
  border: 0;
}
.ui-dialog[role="alertdialog"] .ui-dialog--footer .btn-base[data-dialog-button="confirm"] {
  background-color: #0071d2;
}

.ui-dialog--close {
  width: 3.2rem;
  height: 3.2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2397_228)'%3E%3Cpath d='M25.8658 4.22647C26.4002 3.874 27.1263 3.933 27.5967 4.40321C28.0671 4.87357 28.1259 5.59968 27.7734 6.13412L27.5967 6.35121L6.35123 27.5967C5.81346 28.1344 4.941 28.1344 4.40323 27.5967C3.86565 27.0589 3.86553 26.1864 4.40323 25.6487L25.6487 4.40321L25.8658 4.22647Z' fill='%23222222'/%3E%3Cpath d='M4.40318 4.40318C4.87349 3.93287 5.59966 3.87412 6.13409 4.22644L6.35118 4.40318L27.5966 25.6486L27.7734 25.8657C28.126 26.4002 28.0671 27.1262 27.5966 27.5966C27.1262 28.0671 26.4002 28.126 25.8657 27.7734L25.6486 27.5966L4.40318 6.35118L4.22644 6.13409C3.87412 5.59967 3.93287 4.87349 4.40318 4.40318Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2397_228'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 3.2rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.acco-noti {
  border-top: 1rem solid var(--bg-color-gray);
  width: 100%;
}
.acco-noti [data-accordion-section] {
  padding: 3.2rem;
  background-color: var(--bg-color-gray);
}
.acco-noti [data-accordion-button] {
  padding: 2.4rem 6.4rem 2.4rem 3.2rem;
  gap: 0.8rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  border-bottom: 1px solid var(--line-color-gray);
}
.acco-noti [data-accordion-button][aria-expanded="true"]::after {
  transform: rotate(0deg);
}
.acco-noti [data-accordion-button]::after {
  top: calc(50% - 0.8rem);
  right: 3.2rem;
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_22_296' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cg clip-path='url(%23clip0_22_296)'%3E%3Cpath d='M13.8587 9.88672C14.1418 10.1498 14.1578 10.5927 13.8948 10.876C13.6318 11.1591 13.1888 11.176 12.9056 10.9131L8.04913 6.40332L3.19171 10.9131L3.07843 10.998C2.80028 11.1671 2.43258 11.1238 2.20245 10.876C1.97229 10.6281 1.95642 10.258 2.14581 9.99316L2.23956 9.88672L7.28546 5.20215L7.28644 5.20312C7.38777 5.10693 7.50457 5.03138 7.63116 4.98047C7.73128 4.94023 7.83637 4.91438 7.94269 4.9043L8.04913 4.89941L8.15558 4.9043C8.26165 4.91442 8.36623 4.94033 8.46612 4.98047L8.56476 5.02539C8.65431 5.07202 8.73713 5.13216 8.81183 5.20312L13.8587 9.88672Z' fill='%232A303D'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_22_296)'%3E%3Crect width='15.9995' height='16' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_22_296'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: 50% 50%;
}

.ui-dialog--main::-webkit-scrollbar {
  width: 2rem;
}

.ui-dialog--main::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 0.6rem solid rgb(255, 255, 255);
}

.ui-dialog--main::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.ui-dialog .msg {
  font-size: 1.6rem;
  color: #222;
  width: 100%;
}
.ui-dialog .txt_under_line {
  text-decoration: underline !important;
  text-underline-position: under;
}
.ui-dialog .point {
  color: #d50808 !important;
}
.ui-dialog .point02 {
  color: #0071d2 !important;
}
.ui-dialog .color01 {
  color: #222 !important;
}
.ui-dialog .align-left {
  text-align: left !important;
}
.ui-dialog .align-right {
  text-align: right !important;
}
.ui-dialog .align-center {
  text-align: center !important;
}
.ui-dialog .title {
  font-size: 1.8rem;
}

@media screen and (max-width: 1700px) {
  .base-header--wrap::after {
    display: none;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 1290px) {
  .only-m {
    display: block;
  }
  .only-d {
    display: none;
  }
  .area-base[data-layout="base"] {
    grid-template-rows: 6.4rem 1fr auto;
  }
  .base-header {
    min-height: 6.4rem;
    padding: 0 0.8rem 0 2rem;
    border: 0;
  }
  .base-header[data-title] .base-header--logo {
    display: flex;
    align-items: center;
    gap: 0.8rem;
  }
  .base-header[data-title] .base-header--logo a .logo-debtcheck,
  .base-header[data-title] .base-header--logo a span {
    display: none;
  }
  .base-header--subtitle {
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
    transform: translateY(-0.2rem);
  }
  .base-header--logo span {
    font-size: 1.4rem;
    width: 7.8rem;
    line-height: 1.3;
    word-break: keep-all;
    font-weight: 600;
  }
  .base-header--logo .logo {
    width: 2.9rem;
  }
  .base-header--logo .logo-debtcheck {
    height: 4rem;
    border-radius: 2rem;
    width: 12rem;
    font-size: 1.5rem;
    letter-spacing: -0.07rem;
    transform: translate(0, 0rem);
  }
  .base-header--logo .logo-debtcheck::after {
    content: "";
    top: -1rem;
    right: -1.3rem;
    display: block;
    width: 3.3rem;
    height: 4rem;
    background: url(./images/bell.png) no-repeat 50% 50%/3.3rem;
  }
  .base-header--nav {
    flex: none;
    width: auto;
  }
  .base-header--nav-button {
    display: flex;
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6_1830)'%3E%3Cpath d='M21.001 6.59961L21.0928 6.60449C21.5466 6.65056 21.9004 7.034 21.9004 7.5C21.9004 7.966 21.5466 8.34944 21.0928 8.39551L21.001 8.40039H3C2.50294 8.40039 2.09961 7.99706 2.09961 7.5C2.09961 7.00294 2.50294 6.59961 3 6.59961H21.001Z' fill='%23222222'/%3E%3Cpath d='M21.001 15.5996L21.0928 15.6045C21.5466 15.6506 21.9004 16.034 21.9004 16.5C21.9004 16.966 21.5466 17.3494 21.0928 17.3955L21.001 17.4004H3C2.50294 17.4004 2.09961 16.9971 2.09961 16.5C2.09961 16.0029 2.50294 15.5996 3 15.5996H21.001Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6_1830'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2.4rem;
  }
  .base-header--nav-close {
    position: absolute;
    top: 2.5rem;
    right: 2rem;
    display: flex;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1_6329' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Cg clip-path='url(%23clip0_1_6329)'%3E%3Cpath d='M25.8658 4.22647C26.4002 3.874 27.1263 3.933 27.5967 4.40321C28.0671 4.87357 28.1259 5.59968 27.7734 6.13412L27.5967 6.35121L6.35123 27.5967C5.81346 28.1344 4.941 28.1344 4.40323 27.5967C3.86565 27.0589 3.86553 26.1864 4.40323 25.6487L25.6487 4.40321L25.8658 4.22647Z' fill='%232A303D'/%3E%3Cpath d='M4.40318 4.40318C4.87349 3.93287 5.59966 3.87412 6.13409 4.22644L6.35118 4.40318L27.5966 25.6486L27.7734 25.8657C28.126 26.4002 28.0671 27.1262 27.5966 27.5966C27.1262 28.0671 26.4002 28.126 25.8657 27.7734L25.6486 27.5966L4.40318 6.35118L4.22644 6.13409C3.87412 5.59966 3.93287 4.87349 4.40318 4.40318Z' fill='%232A303D'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_6329)'%3E%3Crect width='32.0001' height='32' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_6329'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 1.8rem;
  }
  .base-header--nav-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background-color: #fff;
    z-index: 10;
    transform: translateX(100vw);
  }
  .base-header--nav-item {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
  }
  .base-header--nav-item li {
    width: 100%;
  }
  .base-header--nav-item a {
    min-height: 6rem;
    font-size: 1.8rem;
    font-weight: 600;
    justify-content: flex-start;
    padding-left: 2rem;
    border-bottom: 1px solid var(--line-color-gray);
  }
  [data-toggle-target="nav"] .area-base::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
  }
  [data-toggle-target="nav"][data-toggle-state="none"] .base-header--nav-wrap {
    display: flex;
    animation-name: navClose;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-duration: 300ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  [data-toggle-target="nav"] .base-header--nav-wrap {
    display: flex;
    flex-direction: column;
  }
  [data-toggle-target="nav"] .base-header--nav-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 11.5rem;
    padding: 2.5rem 2rem 2rem;
    background-color: var(--text-color-primary);
    color: #fff;
    flex-direction: column;
    gap: 3.8rem;
  }
  [data-toggle-target="nav"] .base-header--nav-head-name {
    font-size: 1.2rem;
  }
  [data-toggle-target="nav"] .btn-logout {
    color: #fff;
    font-size: 1.2rem;
  }
  [data-toggle-target="nav"] .btn-logout::before {
    background-image: url(./images/util_logout_m.png);
  }
  [data-toggle-target="nav"][data-toggle-state="selected"] {
    /*
    .base-header--utils {
      display: flex;
      position: absolute;
      top:6rem; 
      left:0;
      z-index: 11;
      padding: 1.5rem 2rem ;
    }
    */
  }
  [data-toggle-target="nav"][data-toggle-state="selected"] .area-base::after {
    opacity: 1;
    transition: opacity 200ms ease;
  }
  [data-toggle-target="nav"][data-toggle-state="selected"] .base-header--nav-wrap {
    animation-name: navOpen;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-duration: 300ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  .base-header--utils {
    display: none;
  }
  .base-footer {
    justify-content: flex-start;
    padding: 1.5rem 2rem;
  }
  .base-footer--wrap {
    gap: 1.5rem;
  }
  .base-footer--nav ul {
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .base-footer--nav li {
    gap: 0.5rem;
  }
  .base-footer--nav a {
    font-size: 1.2rem;
  }
  .base-footer address {
    font-size: 1.2rem;
  }
  .base-footer address span {
    display: block;
  }
  .base-footer .mark {
    position: static;
  }
  .base-footer .mark img {
    height: 3.5rem;
  }
  .base-content {
    gap: 2.4rem;
    padding: 2.4rem 2rem 4rem;
  }
  .content--group {
    gap: 1.6rem;
  }
  .content--head .h-2 {
    font-size: 2rem;
  }
  .content--body-head {
    align-items: center;
  }
  .content--head[data-type="center"] {
    justify-content: flex-start;
  }
  .ui-dialog[data-ps="center"] .ui-dialog--wrap {
    max-width: 100%;
    border-radius: 0;
    padding: 0;
    min-height: 100dvh;
    max-height: 100dvh;
  }
  .ui-dialog[data-ps="center"] .ui-dialog--header {
    padding: 2rem 2rem;
    font-size: 1.6rem;
  }
  .ui-dialog[data-ps="center"] .ui-dialog--footer {
    padding: 3.2rem 2rem 4rem;
  }
  .ui-dialog[data-ps="center"] .ui-dialog--main {
    padding: 0 2rem;
  }
  .ui-dialog--close {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 2.4rem;
  }
  .ui-dialog[role="alertdialog"] {
    padding: 1.6rem;
  }
  .ui-dialog[role="alertdialog"] .ui-dialog--wrap {
    min-width: 0;
    min-height: auto;
    width: 100%;
    border-radius: 0.4rem;
    max-width: 50rem;
  }
  .ui-dialog[role="alertdialog"] .ui-dialog--header {
    padding: 0.8rem 3rem 0.8rem 1.5rem;
    min-height: 4.5rem;
    font-size: 1.4rem;
  }
  .ui-dialog[role="alertdialog"] .ui-dialog--main {
    padding: 2.5rem 1.8rem 3rem;
    font-size: 1.6rem;
    line-height: 1.6;
    flex: auto;
  }
  .ui-dialog[role="alertdialog"] .ui-dialog--close {
    position: absolute;
    right: 1.1rem;
    top: calc(50% - 1.3rem);
    background-size: 1.3rem;
  }
  .ui-dialog[role="alertdialog"] .ui-dialog--footer {
    padding: 0;
  }
  .ui-dialog[role="alertdialog"] .ui-dialog--footer .btn-base {
    min-width: 0;
  }
  .terms--content .label--check {
    font-size: 1.5rem;
    font-weight: 400;
  }
  .terms--content .form--item {
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.2rem;
  }
  .terms--content .form--item b {
    flex: 1;
    font-weight: 700;
  }
  .terms--content > *:last-child {
    padding-bottom: 0rem;
  }
  .terms--content section {
    gap: 1.6rem;
  }
  .terms--content div {
    gap: 0.8rem;
  }
  .terms--content h3 {
    font-size: 1.8rem;
  }
  .terms--content h4 {
    font-size: 1.6rem;
  }
  .terms--content h5 {
    font-size: 1.5rem;
  }
  .terms--content h6 {
    font-size: 1.4rem;
  }
  .terms--content h6::before {
    content: "";
    width: 0.3rem;
    height: 0.3rem;
  }
  .terms--content p {
    font-size: 1.4rem;
  }
  .terms--content table td,
  .terms--content th {
    padding: 1.2rem;
    font-size: 1.4rem;
  }
  .terms--content table th {
    width: 12rem;
  }
  .terms--content ol[data-type="number-circle"] > li {
    font-size: 1.4rem;
    margin-left: 1.8rem;
    text-indent: -1.8rem;
  }
  .terms--content ol[data-type="number"] {
    margin: 0.2rem 0 0.4rem;
  }
  .terms--content ol[data-type="number"] > li {
    font-size: 1.4rem;
    margin-left: 1.5rem;
    text-indent: -1.5rem;
  }
  .base-body--wrap {
    gap: 2.4rem;
    padding: 2.4rem 2rem 8rem;
  }
  .base-body .h-2 {
    font-size: 2rem;
  }
  .base-body .h-3 {
    font-size: 1.8rem;
  }
  .box--dl {
    flex-direction: column;
    justify-content: flex-start;
  }
  .box--dl-dt {
    font-size: 1.6rem;
    min-height: 5rem;
  }
  .box--dl-dd {
    min-height: 0;
    padding: 2rem;
  }
  .box--dl[data-style="style-1"] {
    border-radius: 1.6rem;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .box--dl[data-style="style-1"] .box--dl-item {
    border: 0;
    padding: 2rem;
    border-top: 1px solid var(--line-color-gray);
  }
  .box--dl[data-style="style-1"] .box--dl-item:first-child {
    border-top: 0;
  }
  .box--dl[data-style="style-1"] .box--dl-dt {
    gap: 1rem;
    font-size: 1.6rem;
  }
  .box--dl[data-style="style-1"] .box--dl-dt span {
    font-size: 1.2rem;
  }
  .box--dl[data-style="style-1"] .box--dl-dt::before {
    content: "";
    width: 6.4rem;
    height: 4.8rem;
    background-size: 6.4rem;
  }
  .box--dl[data-style="style-1"] .box--dl-dd {
    padding: 0 0 0 7.2rem;
    font-size: 1.4rem;
  }
  .box--base[data-style="head-body"] .box--base-head {
    padding: 2.4rem 0;
    height: 12rem;
    background: linear-gradient(270.77deg, #0072cd 3.44%, #007fe4 96.31%);
    font-size: 2rem;
    gap: 0.7rem;
  }
  .box--base[data-style="head-body"] .box--base-head::before {
    width: 7.4rem;
    height: 7.2rem;
    background: url(./images/img-1.png) no-repeat 50% 50%/7.4rem;
  }
  .box--base[data-style="head-body"] .box--base-body {
    border-radius: 0 0 1.6rem 1.6rem;
    padding: 2.4rem 2rem;
    gap: 2rem;
  }
  .box--base[data-style="head-body"] .box--base-body dt {
    font-size: 1.6rem;
  }
  .box--base-tit {
    font-size: 1.6rem;
  }
  .box--base {
    padding: 2.4rem 2rem;
  }
  .box--base .group-right {
    flex-direction: column;
  }
  .acco-noti [data-accordion-section] {
    padding: 2.4rem 2rem;
  }
  .acco-noti [data-accordion-button] {
    font-size: 1.6rem;
    padding: 1.6rem 5.2rem 1.6rem 2rem;
  }
  [data-icon-before="noti-line"]::before,
  [data-icon-before="noti"]::before {
    width: 1.8rem;
    height: 1.8rem;
    background-size: 1.6rem;
  }
  .acco-noti [data-accordion-button]::after {
    right: 2rem;
  }
  .base-body .group-right {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .base-body .unit {
    font-size: 1.3rem;
  }
  .base-display {
    height: 14.4rem;
    padding: 0;
  }
  .base-display--wrap {
    padding: 2rem;
  }
  .base-display .h-1 {
    font-size: 2.4rem;
  }
}
@keyframes navOpen {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes navClose {
  0% {
    transform: translateX(0);
  }
  90% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(100vw);
    display: none;
  }
}
.page-main .base-body {
  background: url(./images/bg-main.jpg) no-repeat 50% 0/219rem;
}

.main-display {
  width: 103rem;
  display: flex;
  flex-direction: column;
  margin-top: 14.4rem;
  margin-bottom: 14.4rem;
  justify-content: flex-start;
  align-items: flex-start;
}
.main-display em {
  font-size: 2.4rem;
  color: #fff;
  margin-bottom: 1.2rem;
  display: block;
  letter-spacing: -0.04rem;
}
.main-display h1 {
  font-size: 7.2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5.6rem;
  line-height: 1.3;
  letter-spacing: -0.04rem;
}
.main-display h1 b {
  color: #3a8cff;
}
.main-display p {
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: -0.04rem;
  font-weight: 700;
  margin-bottom: 8.8rem;
  color: #fff;
}
.main-display a {
  display: inline-flex;
  width: auto;
  padding: 0 6.8rem;
  letter-spacing: -0.04rem;
  height: 10rem;
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.4;
  border-radius: 5rem;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(92.91deg, #237fff 5.14%, #0565ec 81.96%);
  text-decoration: none;
  box-shadow: 0px 0.2rem 2.4rem 0px rgba(5, 6, 9, 0.5019607843);
}

@media (max-width: 1240px) {
  .page-main .base-body {
    background: url(./images/bg-main-m.jpg) no-repeat calc(50% + 30rem) 0/132.7rem;
  }
  .main-display {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 8rem;
    margin-bottom: 8rem;
    justify-content: center;
    align-items: center;
  }
  .main-display em {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
    letter-spacing: -0.04rem;
  }
  .main-display h1 {
    font-size: 2.6rem;
    margin-bottom: 2.4rem;
    line-height: 1.5;
    letter-spacing: -0.06rem;
    text-indent: 0;
    text-align: center;
  }
  .main-display p {
    font-size: 1.7rem;
    letter-spacing: -0.06rem;
    margin-bottom: 6.9rem;
  }
  .main-display a {
    padding: 0 4.8rem 0.4rem;
    height: 7.8rem;
    font-size: 1.8rem;
    line-height: 1.5;
    border-radius: 3.9rem;
    justify-content: center;
    text-align: center;
    box-shadow: 0px 0.2rem 2rem 0px rgba(5, 6, 9, 0.5019607843);
  }
}
.page-2-0-0 .base-content {
  padding-top: 8rem;
  max-width: 110rem;
}

.page-2-3-0 .tb2 th,
.page-2-3-0 .tb2 td {
  word-break: keep-all !important;
}

.page-3-0-0 .base-display {
  background: url(./images/visual-img-1.jpg) no-repeat 50% 50%;
}
.page-3-0-0 .content--head {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
}
.page-3-0-0 .content--head p {
  font-size: 1.8rem;
}
.page-3-0-0 [data-icon-before="noti-line-sub"] {
  display: block;
  padding-left: 2.4rem;
  position: relative;
}
.page-3-0-0 [data-icon-before="noti-line-sub"]::before {
  position: absolute;
  left: 0;
  transform: translateY(0.5rem);
}

.page-4-0-0 .base-display {
  background: url(./images/visual-img-2.jpg) no-repeat 50% 50%;
}
.page-4-0-0 .box--dl-item {
  position: relative;
}
.page-4-0-0 .box--dl a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-5-0-0 .base-display {
  background: url(./images/visual-img-3.jpg) no-repeat 50% 50%;
}

.checklist {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
}
.checklist--item {
  position: relative;
  border: 1px solid var(--line-color-gray);
  border-radius: 2.4rem;
  background-color: #fff;
  width: 100%;
}
.checklist--item[data-state="open"] .checklist--body {
  display: flex;
}
.checklist--head {
  position: relative;
  display: flex;
  padding: 3.3rem 5.6rem 3.3rem 14.4rem;
  width: 100%;
  justify-content: space-between;
}
.checklist--head-tit {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
}
.checklist--head-badge {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 12rem;
  height: 4.8rem;
  background-color: var(--bg-color-primary2);
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.4rem 0 2.4rem 0;
}
.checklist--head .inp--item {
  flex: none;
  display: flex;
  gap: 4rem;
}
.checklist--body {
  display: none;
  padding: 2.6rem 4.8rem;
  border-top: 1px solid var(--line-color-gray);
  background-color: var(--bg-color-gray);
}
.checklist--body .box--base {
  margin-top: 1.2rem;
  background-color: var(--bg-color-primary3);
  border-radius: 0.8rem;
  padding: 2.4rem;
}

.print-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.4rem;
}
.print-area .form--group {
  width: auto;
  align-items: center;
  font-size: 1.6rem;
}
.print-area .inp--item {
  flex: none;
}

/* Ajax Loding */
.ajaxlode {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.761);
  z-index: 99999;
}
.ajaxlode .lodingImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  margin: 0 auto;
  padding: 10px;
}

.dot div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
  opacity: 0.2;
  animation: dot 1s linear infinite;
}
.dot div:nth-child(1) {
  transform: rotate(0) translateX(40px);
  animation-delay: 0;
}
.dot div:nth-child(2) {
  transform: rotate(45deg) translateX(40px);
  animation-delay: 0.1s;
}
.dot div:nth-child(3) {
  transform: rotate(90deg) translateX(40px);
  animation-delay: 0.2s;
}
.dot div:nth-child(4) {
  transform: rotate(135deg) translateX(40px);
  animation-delay: 0.3s;
}
.dot div:nth-child(5) {
  transform: rotate(180deg) translateX(40px);
  animation-delay: 0.4s;
}
.dot div:nth-child(6) {
  transform: rotate(225deg) translateX(40px);
  animation-delay: 0.5s;
}
.dot div:nth-child(7) {
  transform: rotate(270deg) translateX(40px);
  animation-delay: 0.6s;
}
.dot div:nth-child(8) {
  transform: rotate(315deg) translateX(40px);
  animation-delay: 0.7s;
}
@keyframes dot {
  0% {
    opacity: 0.2;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
  }
}

[data-type="certification-select"] {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  margin-top: 4.8rem;
}
[data-type="certification-select"] .label--button {
  height: 8rem;
  flex: 1;
  border-radius: 1.6rem !important;
}

@media (max-width: 750px) {
  .tb1::before {
    width: 70rem;
  }
  .tb1 table {
    min-width: 70rem;
  }
}
@media (max-width: 1240px) {
  .page-2-0-0 .base-content {
    padding-top: 2.4rem;
  }
  .page-2-3-0 .content--head {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }
  .page-2-3-0 .content--head .print-area {
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
  }
  .page-2-3-0 .content--head .print-area .form--group {
    width: 100%;
    font-size: 1.3rem;
    color: var(--text-color-gray2);
    justify-content: space-between;
  }
  .page-2-3-0 .content--head .print-area .btn-base {
    width: auto;
  }
  .page-2-3-0 .tb2::before {
    width: 146rem;
  }
  .page-2-3-0 .tb2 table {
    min-width: 146rem;
  }
  .page-2-3-0 .tb2 ~ .group-right {
    padding: 0 2rem;
  }
  .page-2-3-0 .tb2 ~ .group-right .form--group {
    width: 100%;
    justify-content: space-between;
  }
  .page-2-3-0 .tb2 ~ .group-right .inp--item {
    flex: none;
  }
  .page-2-3-0 .group-right {
    align-items: flex-end;
  }
  .page-2-3-0 .group-right .form--group {
    width: 100%;
    justify-content: space-between;
  }
  .page-2-3-0 .group-right .btn-base {
    width: auto;
  }
  .page-2-3-0 .group-right .inp--item {
    flex: none;
  }
  .page-2-3-0 .content--body-head.style-1 {
    position: relative;
    padding-bottom: 3.2rem;
  }
  .page-2-3-0 .content--body-head.style-1 .form--group {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    justify-content: space-between;
    padding: 0 2rem;
    display: flex;
  }
  .page-2-3-0 .content--body-head.style-1 .form--group .inp--item {
    flex: none;
  }
  .page-2-3-0 .content--group.style-3,
  .page-2-3-0 .content--group.style-2 {
    padding: 0 2rem;
  }
  .page-2-3-0 .content--group.style-3 .content--body-head,
  .page-2-3-0 .content--group.style-2 .content--body-head {
    padding: 0;
  }
  .page-3-0-0 .base-body--wrap {
    padding-top: 3.2rem;
  }
  .page-3-0-0 .content--head p {
    font-size: 1.4rem;
  }
  .page-3-0-0 [data-icon-before="noti-line-sub"] {
    padding-left: 2rem;
  }
  .page-3-0-0 [data-icon-before="noti-line-sub"]::before {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    transform: translateY(0.2rem);
  }
  .page-5-0-0 .content--head,
  .page-4-0-0 .content--head {
    display: none;
  }
  .checklist {
    gap: 2.4rem;
  }
  .checklist--head {
    padding: 6.4rem 2rem 2.4rem;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1.6rem;
  }
  .checklist--head-tit {
    font-size: 1.6rem;
  }
  .checklist--head-badge {
    width: 10.4rem;
    height: 4rem;
    font-size: 1.4rem;
  }
  .checklist--body {
    padding: 2.4rem 2rem;
  }
  .checklist--body .box--base {
    padding: 2rem 1.6rem;
  }
  [data-type="certification-select"] {
    gap: 0.8rem;
    margin-top: 2.4rem;
  }
  [data-type="certification-select"] .label--button {
    height: 7.2rem;
    flex: 1;
    border-radius: 1.6rem !important;
    gap: 0.8rem;
  }
} /*# sourceMappingURL=app.css.map */