@charset "UTF-8";
@media (prefers-color-scheme: light) {
  :root {
    --illog-color-gray-0: #ffffff;
    --illog-color-gray-5: #f5f5f5;
    --illog-color-gray-10: #e8e8e8;
    --illog-color-gray-20: #d1d1d1;
    --illog-color-gray-30: #b8b8b8;
    --illog-color-gray-40: #9a9a9a;
    --illog-color-gray-50: #7a7a7a;
    --illog-color-gray-60: #626262;
    --illog-color-gray-70: #4d4d4d;
    --illog-color-gray-80: #383838;
    --illog-color-gray-90: #212121;
    --illog-color-gray-95: #151515;
    --illog-color-gray-100: #000000;
    --illog-color-primary-5: #f1f5fa;
    --illog-color-primary-10: #dce7f3;
    --illog-color-primary-20: #bfd3e8;
    --illog-color-primary-30: #96b8df;
    --illog-color-primary-40: #73a1d2;
    --illog-color-primary-50: #3c79bf;
    --illog-color-primary-60: #2363aa;
    --illog-color-primary-70: #0d4581;
    --illog-color-primary-80: #08315f;
    --illog-color-primary-90: #052449;
    --illog-color-primary-95: #031a34;
    --illog-color-secondary-5: #f3f8f6;
    --illog-color-secondary-10: #e2efe9;
    --illog-color-secondary-20: #c1dad2;
    --illog-color-secondary-30: #94bdb3;
    --illog-color-secondary-40: #5f9084;
    --illog-color-secondary-50: #2d5a4c;
    --illog-color-secondary-60: #24493e;
    --illog-color-secondary-70: #1a3730;
    --illog-color-secondary-80: #112823;
    --illog-color-secondary-90: #081613;
    --illog-color-secondary-95: #040b09;
    --illog-color-point-5: #fcf0f2;
    --illog-color-point-10: #f6d8de;
    --illog-color-point-20: #ecb0bc;
    --illog-color-point-30: #e18697;
    --illog-color-point-40: #d75f75;
    --illog-color-point-50: #d63f58;
    --illog-color-point-60: #b12f45;
    --illog-color-point-70: #822237;
    --illog-color-point-80: #591625;
    --illog-color-point-90: #370d17;
    --illog-color-point-95: #24080f;
    --illog-color-graphic-10: #e5ecf9;
    --illog-color-graphic-30: #98acc5;
    --illog-color-graphic-50: #61758f;
    --illog-color-graphic-70: #39506c;
    --illog-color-graphic-90: #223a58;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --illog-color-gray-0: #000000;
    --illog-color-gray-5: #151515;
    --illog-color-gray-10: #212121;
    --illog-color-gray-20: #383838;
    --illog-color-gray-30: #4d4d4d;
    --illog-color-gray-40: #626262;
    --illog-color-gray-50: #7a7a7a;
    --illog-color-gray-60: #9a9a9a;
    --illog-color-gray-70: #b8b8b8;
    --illog-color-gray-80: #d1d1d1;
    --illog-color-gray-90: #e8e8e8;
    --illog-color-gray-95: #f5f5f5;
    --illog-color-gray-100: #ffffff;
    --illog-color-primary-5: #031a34;
    --illog-color-primary-10: #052449;
    --illog-color-primary-20: #08315f;
    --illog-color-primary-30: #0d4581;
    --illog-color-primary-40: #2363aa;
    --illog-color-primary-50: #58a2f0;
    --illog-color-primary-60: #84baf2;
    --illog-color-primary-70: #b0d3f7;
    --illog-color-primary-80: #dce7f3;
    --illog-color-primary-90: #f1f5fa;
    --illog-color-primary-95: #f8faff;
    --illog-color-secondary-5: #040b09;
    --illog-color-secondary-10: #081613;
    --illog-color-secondary-20: #112823;
    --illog-color-secondary-30: #1a3730;
    --illog-color-secondary-40: #24493e;
    --illog-color-secondary-50: #33e4ad;
    --illog-color-secondary-60: #5cad98;
    --illog-color-secondary-70: #86c3b4;
    --illog-color-secondary-80: #c1dad2;
    --illog-color-secondary-90: #e2efe9;
    --illog-color-secondary-95: #f3f8f6;
    --illog-color-point-5: #24080f;
    --illog-color-point-10: #370d17;
    --illog-color-point-20: #591625;
    --illog-color-point-30: #822237;
    --illog-color-point-40: #b12f45;
    --illog-color-point-50: #e05f78;
    --illog-color-point-60: #ea8397;
    --illog-color-point-70: #f1a7b5;
    --illog-color-point-80: #f6d8de;
    --illog-color-point-90: #fcf0f2;
    --illog-color-point-95: #fef8f9;
    --illog-color-graphic-10: #223a58;
    --illog-color-graphic-30: #39506c;
    --illog-color-graphic-50: #61758f;
    --illog-color-graphic-70: #98acc5;
    --illog-color-graphic-90: #e5ecf9;
  }
}
:root {
  --illog-color-danger-5: #fdefec;
  --illog-color-danger-10: #fcdfd9;
  --illog-color-danger-20: #f7afa1;
  --illog-color-danger-30: #f48771;
  --illog-color-danger-40: #f05f42;
  --illog-color-danger-50: #de3412;
  --illog-color-danger-60: #bd2c0f;
  --illog-color-danger-70: #8a240f;
  --illog-color-danger-80: #5c180a;
  --illog-color-danger-90: #390d05;
  --illog-color-danger-95: #260903;
  --illog-color-warning-5: #fff3db;
  --illog-color-warning-10: #ffe0a3;
  --illog-color-warning-20: #ffc95c;
  --illog-color-warning-30: #ffb114;
  --illog-color-warning-40: #c78500;
  --illog-color-warning-50: #9e6a00;
  --illog-color-warning-60: #8a5c00;
  --illog-color-warning-70: #614100;
  --illog-color-warning-80: #422c00;
  --illog-color-warning-90: #2e1f00;
  --illog-color-warning-95: #241800;
  --illog-color-success-5: #eaf6ec;
  --illog-color-success-10: #d8eedd;
  --illog-color-success-20: #a9dab4;
  --illog-color-success-30: #7ec88e;
  --illog-color-success-40: #3fa654;
  --illog-color-success-50: #228738;
  --illog-color-success-60: #267337;
  --illog-color-success-70: #285d33;
  --illog-color-success-80: #1f4727;
  --illog-color-success-90: #122b18;
  --illog-color-success-95: #0e2012;
  --illog-color-information-5: #e7f4fe;
  --illog-color-information-10: #d3ebfd;
  --illog-color-information-20: #9ed2fa;
  --illog-color-information-30: #5fb5f7;
  --illog-color-information-40: #2098f3;
  --illog-color-information-50: #0b78cb;
  --illog-color-information-60: #096ab3;
  --illog-color-information-70: #085691;
  --illog-color-information-80: #053961;
  --illog-color-information-90: #03253f;
  --illog-color-information-95: #021a2c;
  --illog-color-alpha-black100: rgba(0, 0, 0, 1);
  --illog-color-alpha-black75: rgba(0, 0, 0, 0.75);
  --illog-color-alpha-black50: rgba(0, 0, 0, 0.5);
  --illog-color-alpha-black25: rgba(0, 0, 0, 0.25);
  --illog-color-alpha-black10: rgba(0, 0, 0, 0.1);
  --illog-color-alpha-black0: rgba(0, 0, 0, 0);
  --illog-color-alpha-white100: rgba(255, 255, 255, 1);
  --illog-color-alpha-white75: rgba(255, 255, 255, 0.75);
  --illog-color-alpha-white50: rgba(255, 255, 255, 0.5);
  --illog-color-alpha-white25: rgba(255, 255, 255, 0.25);
  --illog-color-alpha-white10: rgba(255, 255, 255, 0.1);
  --illog-color-alpha-white0: rgba(255, 255, 255, 0);
  --illog-color-alpha-shadow1: rgba(0, 0, 0, 0.05);
  --illog-color-alpha-shadow2: rgba(0, 0, 0, 0.075);
  --illog-number-0: 0rem;
  --illog-number-1: 0.1rem;
  --illog-number-2: 0.2rem;
  --illog-number-3: 0.4rem;
  --illog-number-4: 0.6rem;
  --illog-number-5: 0.8rem;
  --illog-number-6: 1rem;
  --illog-number-7: 1.2rem;
  --illog-number-8: 1.6rem;
  --illog-number-9: 2rem;
  --illog-number-10: 2.4rem;
  --illog-number-11: 2.8rem;
  --illog-number-12: 3.2rem;
  --illog-number-13: 3.6rem;
  --illog-number-14: 4rem;
  --illog-number-15: 4.4rem;
  --illog-number-16: 4.8rem;
  --illog-number-17: 5.6rem;
  --illog-number-18: 6.4rem;
  --illog-number-19: 7.2rem;
  --illog-number-20: 8rem;
  --illog-number-max: 100rem;
  --illog-typo-font-type: 'Noto Sans KR';
  --illog-typo-font-weight-regular: 400;
  --illog-typo-font-weight-bold: 700;
  --illog-typo-letter-spacing-0: var(--illog-number-0);
  --illog-typo-letter-spacing-1: var(--illog-number-1);
  --illog-border-width-variable-regular: var(--illog-number-1);
  --illog-border-width-variable-medium: var(--illog-number-2);
  --illog-border-width-static-regular: var(--illog-number-1);
  --illog-border-width-static-medium: var(--illog-number-2);
  --illog-color-surface-gray-subtler: var(--illog-color-gray-5);
  --illog-color-surface-gray-subtle: var(--illog-color-gray-10);
  --illog-color-surface-primary-subtler: var(--illog-color-primary-5);
  --illog-color-surface-secondary-subtler: var(
    --illog-color-secondary-5
  );
  --illog-color-surface-point-subtler: var(--illog-color-point-5);
  --illog-color-surface-danger-subtler: var(--illog-color-danger-5);
  --illog-color-surface-warning-subtler: var(--illog-color-warning-5);
  --illog-color-surface-success-subtler: var(--illog-color-success-5);
  --illog-color-surface-information-subtler: var(
    --illog-color-information-5
  );
  --illog-color-surface-white: var(--illog-color-gray-0);
  --illog-color-surface-white-subtle: var(--illog-color-gray-0);
  --illog-color-surface-white-subtler: var(--illog-color-gray-0);
  --illog-color-surface-white-static: var(--illog-color-gray-0);
  --illog-color-surface-inverse: var(--illog-color-gray-90);
  --illog-color-surface-inverse-static: var(--illog-color-gray-90);
  --illog-color-surface-disabled: var(--illog-color-gray-20);
  --illog-color-border-gray-light: var(--illog-color-gray-10);
  --illog-color-border-gray: var(--illog-color-gray-20);
  --illog-color-border-gray-dark: var(--illog-color-gray-60);
  --illog-color-border-gray-darker: var(--illog-color-gray-90);
  --illog-color-border-primary-light: var(--illog-color-primary-10);
  --illog-color-border-primary: var(--illog-color-primary-70);
  --illog-color-border-secondary-light: var(
    --illog-color-secondary-10
  );
  --illog-color-border-secondary: var(--illog-color-secondary-70);
  --illog-color-border-point-light: var(--illog-color-point-10);
  --illog-color-border-point: var(--illog-color-point-70);
  --illog-color-border-danger-light: var(--illog-color-danger-10);
  --illog-color-border-danger: var(--illog-color-danger-70);
  --illog-color-border-warning-light: var(--illog-color-warning-10);
  --illog-color-border-warning: var(--illog-color-warning-70);
  --illog-color-border-success-light: var(--illog-color-success-10);
  --illog-color-border-success: var(--illog-color-success-70);
  --illog-color-border-information-light: var(
    --illog-color-information-10
  );
  --illog-color-border-information: var(--illog-color-information-70);
  --illog-color-border-disabled: var(--illog-color-gray-30);
  --illog-color-border-inverse: var(--illog-color-gray-0);
  --illog-color-border-transparency: var(--illog-color-alpha-black0);
  --illog-color-divider-gray-light: var(--illog-color-gray-20);
  --illog-color-divider-gray: var(--illog-color-gray-40);
  --illog-color-divider-gray-dark: var(--illog-color-gray-50);
  --illog-color-divider-gray-darker: var(--illog-color-gray-90);
  --illog-color-divider-primary-light: var(--illog-color-primary-10);
  --illog-color-divider-primary: var(--illog-color-primary-70);
  --illog-color-divider-secondary-light: var(
    --illog-color-secondary-10
  );
  --illog-color-divider-secondary: var(--illog-color-secondary-70);
  --illog-color-divider-point: var(--illog-color-point-70);
  --illog-color-divider-error: var(--illog-color-danger-70);
  --illog-color-divider-inverse: var(--illog-color-gray-0);
  --illog-color-text-static: var(--illog-color-gray-90);
  --illog-color-text-basic: var(--illog-color-gray-90);
  --illog-color-text-basic-inverse: var(--illog-color-gray-0);
  --illog-color-text-subtle: var(--illog-color-gray-70);
  --illog-color-text-subtle-inverse: var(--illog-color-gray-30);
  --illog-color-text-bolder: var(--illog-color-gray-95);
  --illog-color-text-bolder-inverse: var(--illog-color-gray-0);
  --illog-color-text-primary: var(--illog-color-primary-70);
  --illog-color-text-secondary: var(--illog-color-secondary-70);
  --illog-color-text-point: var(--illog-color-point-70);
  --illog-color-text-danger: var(--illog-color-danger-70);
  --illog-color-text-warning: var(--illog-color-warning-70);
  --illog-color-text-success: var(--illog-color-success-70);
  --illog-color-text-information: var(--illog-color-information-70);
  --illog-color-text-inverse-static: var(--illog-color-gray-0);
  --illog-color-text-disabled: var(--illog-color-gray-40);
  --illog-color-text-disabled-on: var(--illog-color-gray-50);
  --illog-color-icon-gray-light: var(--illog-color-gray-70);
  --illog-color-icon-gray: var(--illog-color-gray-80);
  --illog-color-icon-gray-static: var(--illog-color-gray-80);
  --illog-color-icon-gray-fill: var(--illog-color-gray-20);
  --illog-color-icon-primary: var(--illog-color-primary-70);
  --illog-color-icon-primary-static: var(--illog-color-primary-50);
  --illog-color-icon-secondary: var(--illog-color-secondary-80);
  --illog-color-icon-secondary-static: var(
    --illog-color-secondary-80
  );
  --illog-color-icon-point: var(--illog-color-point-70);
  --illog-color-icon-point-static: var(--illog-color-point-50);
  --illog-color-icon-danger: var(--illog-color-danger-70);
  --illog-color-icon-warning: var(--illog-color-warning-70);
  --illog-color-icon-success: var(--illog-color-success-70);
  --illog-color-icon-information: var(--illog-color-information-50);
  --illog-color-icon-disabled: var(--illog-color-gray-40);
  --illog-color-icon-disabled-on: var(--illog-color-gray-50);
  --illog-color-icon-inverse: var(--illog-color-gray-0);
  --illog-color-icon-inverse-static: var(--illog-color-gray-0);
  --illog-color-link-default: var(--illog-color-primary-70);
  --illog-color-link-hover: var(--illog-color-primary-60);
  --illog-color-link-pressed: var(--illog-color-primary-90);
  --illog-color-link-visited: #5917b8;
  --illog-color-button-primary-fill: var(--illog-color-primary-70);
  --illog-color-button-primary-fill-hover: var(
    --illog-color-primary-60
  );
  --illog-color-button-primary-fill-pressed: var(
    --illog-color-primary-90
  );
  --illog-color-button-secondary-fill: var(--illog-color-secondary-5);
  --illog-color-button-secondary-fill-hover: var(
    --illog-color-secondary-10
  );
  --illog-color-button-secondary-fill-pressed: var(
    --illog-color-secondary-20
  );
  --illog-color-button-secondary-border: var(
    --illog-color-secondary-70
  );
  --illog-color-button-tertiary-fill: var(
    --illog-color-alpha-white100
  );
  --illog-color-button-tertiary-fill-hover: var(--illog-color-gray-5);
  --illog-color-button-tertiary-fill-pressed: var(
    --illog-color-gray-10
  );
  --illog-color-button-tertiary-border: var(--illog-color-gray-60);
  --illog-color-button-disabled-fill: var(--illog-color-gray-20);
  --illog-color-button-text-fill-hover: var(
    --illog-color-secondary-5
  );
  --illog-color-button-text-fill-pressed: var(
    --illog-color-secondary-10
  );
  --illog-color-button-text-fill: var(--illog-color-alpha-white0);
  --illog-color-button-text-border: var(--illog-color-alpha-black0);
  --illog-color-button-disabled-border: var(--illog-color-gray-30);
  --illog-color-background-white: var(--illog-color-gray-0);
  --illog-color-background-inverse: var(--illog-color-gray-90);
  --illog-color-background-gray-subtler: var(--illog-color-gray-5);
  --illog-color-background-gray-subtle: var(--illog-color-gray-10);
  --illog-color-background-dim: var(--illog-color-alpha-black75);
  --illog-color-element-gray-lighter: var(--illog-color-gray-5);
  --illog-color-element-gray-light: var(--illog-color-gray-10);
  --illog-color-element-gray: var(--illog-color-gray-50);
  --illog-color-element-gray-dark: var(--illog-color-gray-60);
  --illog-color-element-primary-lighter: var(--illog-color-primary-5);
  --illog-color-element-primary-light: var(--illog-color-primary-10);
  --illog-color-element-primary: var(--illog-color-primary-50);
  --illog-color-element-secondary-lighter: var(
    --illog-color-secondary-5
  );
  --illog-color-element-secondary-light: var(
    --illog-color-secondary-10
  );
  --illog-color-element-secondary: var(--illog-color-secondary-70);
  --illog-color-element-point-lighter: var(--illog-color-point-5);
  --illog-color-element-point-light: var(--illog-color-point-10);
  --illog-color-element-point: var(--illog-color-point-50);
  --illog-color-element-danger-lighter: var(--illog-color-danger-5);
  --illog-color-element-danger: var(--illog-color-danger-50);
  --illog-color-element-warning-lighter: var(--illog-color-warning-5);
  --illog-color-element-warning: var(--illog-color-warning-30);
  --illog-color-element-success-lighter: var(--illog-color-success-5);
  --illog-color-element-success: var(--illog-color-success-50);
  --illog-color-element-information-lighter: var(
    --illog-color-information-5
  );
  --illog-color-element-information: var(
    --illog-color-information-50
  );
  --illog-color-element-disabled-light: var(--illog-color-gray-20);
  --illog-color-element-disabled-dark: var(--illog-color-gray-40);
  --illog-color-element-inverse: var(--illog-color-gray-0);
  --illog-color-element-inverse-static: var(--illog-color-gray-0);
  --illog-color-action-white: var(--illog-color-gray-0);
  --illog-color-action-primary: var(--illog-color-gray-0);
  --illog-color-action-primary-hover: var(--illog-color-primary-5);
  --illog-color-action-primary-selected: var(--illog-color-primary-5);
  --illog-color-action-primary-pressed: var(--illog-color-primary-10);
  --illog-color-action-primary-active: var(--illog-color-primary-50);
  --illog-color-action-secondary: var(--illog-color-secondary-0);
  --illog-color-action-secondary-hover: var(
    --illog-color-secondary-5
  );
  --illog-color-action-secondary-selected: var(
    --illog-color-secondary-5
  );
  --illog-color-action-secondary-pressed: var(
    --illog-color-secondary-10
  );
  --illog-color-action-secondary-on: var(--illog-color-alpha-white0);
  --illog-color-action-secondary-on-hover: var(--illog-color-gray-0);
  --illog-color-action-secondary-on-selected: var(
    --illog-color-secondary-0
  );
  --illog-color-action-secondary-on-pressed: var(
    --illog-color-secondary-10
  );
  --illog-color-action-secondary-active: var(
    --illog-color-secondary-70
  );
  --illog-color-action-disabled: var(--illog-color-gray-20);
  --illog-color-input-border: var(--illog-color-gray-60);
  --illog-color-input-border-disabled: var(--illog-color-gray-30);
  --illog-color-input-border-active: var(--illog-color-primary-70);
  --illog-color-input-border-error: var(--illog-color-danger-50);
  --illog-color-input-surface: var(--illog-color-gray-0);
  --illog-color-input-surface-disabled: var(--illog-color-gray-20);
  --illog-color-graphic-blue-subtler: var(--illog-color-graphic-10);
  --illog-color-graphic-blue-subtle: var(--illog-color-graphic-30);
  --illog-color-graphic-blue: var(--illog-color-graphic-50);
  --illog-color-graphic-blue-dark: var(--illog-color-graphic-70);
  --illog-color-graphic-blue-darker: var(--illog-color-graphic-90);
  --illog-color-graphic-red-subtler: var(--illog-color-point-5);
  --illog-color-graphic-red-subtle: var(--illog-color-point-10);
  --illog-color-graphic-red: var(--illog-color-point-20);
  --illog-color-graphic-red-dark: var(--illog-color-point-40);
  --illog-color-graphic-red-darker: var(--illog-color-point-70);
  --illog-color-graphic-brand: var(--illog-color-primary-50);
  --illog-color-alpha-base100: var(--illog-color-alpha-white100);
  --illog-color-alpha-base75: var(--illog-color-alpha-white75);
  --illog-color-alpha-base50: var(--illog-color-alpha-white50);
  --illog-color-alpha-base25: var(--illog-color-alpha-white25);
  --illog-color-alpha-base10: var(--illog-color-alpha-white10);
  --illog-color-alpha-base0: var(--illog-color-alpha-white0);
  --illog-color-alpha-inverse100: var(--illog-color-alpha-black100);
  --illog-color-alpha-inverse75: var(--illog-color-alpha-black75);
  --illog-color-alpha-inverse50: var(--illog-color-alpha-black50);
  --illog-color-alpha-inverse25: var(--illog-color-alpha-black25);
  --illog-color-alpha-inverse10: var(--illog-color-alpha-black10);
  --illog-color-alpha-inverse0: var(--illog-color-alpha-black0);
  /* semantic */
  --illog-gap-1: var(--illog-number-2);
  --illog-gap-2: var(--illog-number-3);
  --illog-gap-3: var(--illog-number-5);
  --illog-gap-4: var(--illog-number-7);
  --illog-gap-5: var(--illog-number-8);
  --illog-gap-6: var(--illog-number-9);
  --illog-gap-7: var(--illog-number-10);
  --illog-gap-8: var(--illog-number-12);
  --illog-gap-9: var(--illog-number-14);
  --illog-gap-10: var(--illog-number-16);
  --illog-gap-11: var(--illog-number-18);
  --illog-gap-12: var(--illog-number-20);
  --illog-padding-1: var(--illog-number-2);
  --illog-padding-2: var(--illog-number-3);
  --illog-padding-3: var(--illog-number-5);
  --illog-padding-4: var(--illog-number-6);
  --illog-padding-5: var(--illog-number-7);
  --illog-padding-6: var(--illog-number-8);
  --illog-padding-7: var(--illog-number-9);
  --illog-padding-8: var(--illog-number-10);
  --illog-padding-9: var(--illog-number-12);
  --illog-padding-10: var(--illog-number-14);
  --illog-size-height-1: var(--illog-number-5);
  --illog-size-height-2: var(--illog-number-8);
  --illog-size-height-3: var(--illog-number-9);
  --illog-size-height-4: var(--illog-number-10);
  --illog-size-height-5: var(--illog-number-12);
  --illog-size-height-6: var(--illog-number-14);
  --illog-size-height-7: var(--illog-number-16);
  --illog-size-height-8: var(--illog-number-17);
  --illog-size-height-9: var(--illog-number-18);
  --illog-size-height-10: var(--illog-number-19);
  --illog-size-height-11: var(--illog-number-20);
  --illog-radius-xxsmall: var(--illog-number-2);
  --illog-radius-xsmall: var(--illog-number-3);
  --illog-radius-small: var(--illog-number-4);
  --illog-radius-medium: var(--illog-number-5);
  --illog-radius-large: var(--illog-number-6);
  --illog-radius-xlarge: var(--illog-number-7);
  --illog-radius-max: var(--illog-number-max);
}

:root {
  color-scheme: light dark;
  --illog-font-family-base: var(--illog-typo-font-type);
  --illog-font-size-base: 62.5%;
  --illog-line-height-none: 1;
  --illog-line-height-light: 1.35;
  --illog-line-height-base: 1.5;
  --illog-letter-spacing-none: var(--illog-typo-letter-spacing-0);
  --illog-letter-spacing-wide: var(--illog-typo-letter-spacing-1);
  --illog-font-weight-regular: 400;
  --illog-font-weight-bold: 700;
  --illog-transition-base: 0.4s ease-in-out;
  --illog-transition-fade: opacity 0.4s linear;
  --illog-transition-collapse: max-height 0.4s ease;
  --illog-transition-collapse-width: width 0.4s ease;
  --illog-contents-size: 1200px;
  --illog-contents-padding-x: 24px;
  --illog-contents-wrap-size: 1248px;
  --illog-box-shadow-outline: 0 0 0 0.1rem
    var(--illog-color-border-primary);
  --illog-box-shadow-outline-inset: inset 0 0 0 0.1rem
    var(--illog-color-border-primary);
  --illog-zoom-small: 0.9;
  --illog-zoom-medium: 1;
  --illog-zoom-large: 1.1;
  --illog-zoom-xlarge: 1.3;
  --illog-zoom-xxlarge: 1.5;
  --illog-font-underline-offset: 0.3rem;
  --illog-icon--size-xsmall: var(--illog-size-height-2);
  --illog-icon--size-small: var(--illog-size-height-2);
  --illog-icon--size-medium: var(--illog-size-height-3);
  --illog-icon--size-large: var(--illog-size-height-4);
  --illog-icon--size-xlarge: var(--illog-size-height-4);
}

@media (max-width: 1023px) {
  :root {
    --illog-contents-padding-x: 16px;
  }
}
:root {
  /* responsive-pc */
  --illog-font-size-display-large: 6rem;
  --illog-font-size-display-medium: 4rem;
  --illog-font-size-display-small: 3.6rem;
  --illog-font-size-body-large: 1.8rem;
  --illog-font-size-body-medium: 1.6rem;
  --illog-font-size-body-small: 1.4rem;
  --illog-font-size-body-xsmall: 1.2rem;
  --illog-font-size-label-large: 1.8rem;
  --illog-font-size-label-medium: 1.6rem;
  --illog-font-size-label-small: 1.4rem;
  --illog-font-size-label-xsmall: 1.2rem;
  --illog-font-size-heading-xlarge: 4rem;
  --illog-font-size-heading-large: 3.2rem;
  --illog-font-size-heading-large-detail: 3.2rem;
  --illog-font-size-heading-medium: 2.4rem;
  --illog-font-size-heading-medium-detail: 2.4rem;
  --illog-font-size-heading-semi-medium: 2.2rem;
  --illog-font-size-heading-small: 1.8rem;
  --illog-font-size-heading-xsmall: 1.6rem;
  --illog-font-size-heading-xxsmall: 1.4rem;
  --illog-font-size-navigation-title-medium: 2.4rem;
  --illog-font-size-navigation-title-small: 1.8rem;
  --illog-font-size-navigation-depth-medium: 1.6rem;
  --illog-font-size-navigation-depth-small: 1.4rem;
  --illog-gap-layout-header-breadcrumb: var(--illog-number-10);
  --illog-gap-layout-left-contents: var(--illog-number-18);
  --illog-gap-layout-contents-right: var(--illog-number-14);
  --illog-gap-layout-h1-h2: var(--illog-number-16);
  --illog-gap-layout-h2-h2: var(--illog-number-20);
  --illog-gap-layout-h2-h3: var(--illog-number-14);
  --illog-gap-layout-h3-h3: var(--illog-number-18);
  --illog-gap-layout-h3-h4: var(--illog-number-10);
  --illog-gap-layout-h4-h4: var(--illog-number-14);
  --illog-gap-layout-h4-h5: var(--illog-number-8);
  --illog-gap-layout-h5-h5: var(--illog-number-12);
  --illog-gap-layout-title-body-large: var(--illog-number-10);
  --illog-gap-layout-title-body-medium: var(--illog-number-9);
  --illog-gap-layout-title-body-small: var(--illog-number-8);
  --illog-gap-layout-breadcrumb-h1: var(--illog-number-14);
  --illog-gap-layout-contents-footer: var(--illog-number-18);
  --illog-gap-layout-text-text-large: var(--illog-number-9);
  --illog-gap-layout-text-text-medium: var(--illog-number-8);
  --illog-gap-layout-text-text-small: var(--illog-number-7);
  --illog-gap-layout-image-text-large: var(--illog-number-12);
  --illog-gap-layout-image-text-medium: var(--illog-number-10);
  --illog-gap-layout-image-text-small: var(--illog-number-9);
  --illog-padding-card-large: var(--illog-number-14);
  --illog-padding-card-large-medium: var(--illog-number-13);
  --illog-padding-card-medium: var(--illog-number-12);
  --illog-padding-card-small: var(--illog-number-10);
  --illog-padding-card-xsmall: var(--illog-number-8);
  /* responsive-mobile */
}
@media (max-width: 767px) {
  :root {
    --illog-font-size-display-large: 4.4rem;
    --illog-font-size-display-medium: 3.2rem;
    --illog-font-size-display-small: 2.8rem;
    --illog-font-size-body-large: 1.8rem;
    --illog-font-size-body-medium: 1.6rem;
    --illog-font-size-body-small: 1.4rem;
    --illog-font-size-body-xsmall: 1.2rem;
    --illog-font-size-label-large: 1.8rem;
    --illog-font-size-label-medium: 1.6rem;
    --illog-font-size-label-small: 1.4rem;
    --illog-font-size-label-xsmall: 1.2rem;
    --illog-font-size-heading-xlarge: 3.2rem;
    --illog-font-size-heading-large: 2.4rem;
    --illog-font-size-heading-large-detail: 2.4rem;
    --illog-font-size-heading-medium: 2.2rem;
    --illog-font-size-heading-medium-detail: 2.4rem;
    --illog-font-size-heading-semi-medium: 2.2rem;
    --illog-font-size-heading-small: 1.8rem;
    --illog-font-size-heading-xsmall: 1.6rem;
    --illog-font-size-heading-xxsmall: 1.4rem;
    --illog-font-size-navigation-title-medium: 2.2rem;
    --illog-font-size-navigation-title-small: 1.8rem;
    --illog-font-size-navigation-depth-medium: 1.6rem;
    --illog-font-size-navigation-depth-small: 1.4rem;
    --illog-gap-layout-header-breadcrumb: var(--illog-number-8);
    --illog-gap-layout-left-contents: 0rem;
    --illog-gap-layout-contents-right: 0rem;
    --illog-gap-layout-h1-h2: var(--illog-number-12);
    --illog-gap-layout-h2-h2: var(--illog-number-14);
    --illog-gap-layout-h2-h3: var(--illog-number-10);
    --illog-gap-layout-h3-h3: var(--illog-number-12);
    --illog-gap-layout-h3-h4: var(--illog-number-8);
    --illog-gap-layout-h4-h4: var(--illog-number-10);
    --illog-gap-layout-h4-h5: var(--illog-number-7);
    --illog-gap-layout-h5-h5: var(--illog-number-8);
    --illog-gap-layout-title-body-large: var(--illog-number-9);
    --illog-gap-layout-title-body-medium: var(--illog-number-7);
    --illog-gap-layout-title-body-small: var(--illog-number-5);
    --illog-gap-layout-breadcrumb-h1: var(--illog-number-12);
    --illog-gap-layout-contents-footer: var(--illog-number-14);
    --illog-gap-layout-text-text-large: var(--illog-number-8);
    --illog-gap-layout-text-text-medium: var(--illog-number-7);
    --illog-gap-layout-text-text-small: var(--illog-number-6);
    --illog-gap-layout-image-text-large: var(--illog-number-10);
    --illog-gap-layout-image-text-medium: var(--illog-number-9);
    --illog-gap-layout-image-text-small: var(--illog-number-8);
    --illog-padding-card-large: var(--illog-number-10);
    --illog-padding-card-large-medium: var(--illog-number-10);
    --illog-padding-card-medium: var(--illog-number-10);
    --illog-padding-card-small: var(--illog-number-9);
    --illog-padding-card-xsmall: var(--illog-number-7);
  }
}

html[data-theme=light] {
  --illog-mode: light;
  color-scheme: light;
}

html[data-theme=dark] {
  --illog-mode: dark;
  color-scheme: dark;
}

.fa-icon:before {
  display: inline-block;
  width: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 7 Free";
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
}
.fa-icon.fa-clock:before {
  content: "\f017";
}
.fa-icon.fa-calculator:before {
  content: "\f1ec";
}
.fa-icon.fa-file-invoice:before {
  content: "\f570";
}

/* reset */
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, a, button, select, div, p, span, em, label {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-text-size-adjust: none;
}

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

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: var(--illog-font-family-base), "Noto Sans SC", "Noto Sans TC", sans-serif;
  color: var(--illog-color-text-basic);
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

html {
  font-size: var(--illog-font-size-base);
}

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  background: var(--illog-color-background-gray-subtler);
  font-weight: var(--illog-font-weight-regular);
  font-size: var(--illog-font-size-body-medium);
  line-height: var(--illog-line-height-base);
  letter-spacing: var(--illog-typo-letter-spacing-0);
  word-break: break-all;
  word-wrap: break-word;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}
body.inactive {
  overflow: hidden;
}

*:focus {
  box-shadow: var(--illog-box-shadow-outline-inset);
  outline-offset: -0.1rem;
  transition: outline 0s, box-shadow 0s !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: var(--illog-font-weight-regular);
}

pre {
  font-family: inherit;
}

em,
address,
i {
  font-style: normal;
}

input,
textarea,
a,
button,
select,
span,
label,
:before,
:after {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ol {
  list-style: none;
}

a,
button {
  transition: var(--illog-transition-base);
}

a,
a:hover,
a:active,
a:focus {
  color: inherit;
  text-decoration: none;
}

a:visited.visited,
a:visited .visited {
  color: var(--illog-color-link-visited);
}

form {
  width: 100%;
}

button,
input[type=button],
input[type=submit] {
  overflow: visible;
  margin: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: button;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 9999s ease-out 0s;
}

input[type=number] {
  -moz-appearance: textfield;
  margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=text]::-ms-clear {
  display: none;
}

textarea {
  resize: none;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

label {
  cursor: pointer;
}

fieldset {
  min-width: 100%;
}

caption {
  position: static !important;
  margin: 0 !important;
}

img,
fieldset {
  border: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
}

table {
  table-layout: fixed;
  max-width: none;
  width: auto;
  min-width: 100%;
  border-collapse: collapse;
}

.sr-only,
hr,
legend,
caption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.underline {
  text-decoration: underline;
  text-underline-offset: var(--illog-font-underline-offset);
}

.fa-icon {
  forced-color-adjust: none;
}
.fa-icon.medium:before {
  width: var(--illog-icon--size-medium);
  height: var(--illog-icon--size-medium);
}
.fa-icon.small:before {
  width: var(--illog-icon--size-small);
  height: var(--illog-icon--size-small);
}
.fa-icon.pure {
  background-color: transparent !important;
  forced-color-adjust: none;
}
.fa-icon.pure.medium:before {
  width: var(--illog-icon--size-medium);
  height: var(--illog-icon--size-medium);
}
.fa-icon.pure.small:before {
  width: var(--illog-icon--size-small);
  height: var(--illog-icon--size-small);
}

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
  .pc-only.read {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .mo-line {
    display: block;
    line-height: inherit;
  }
}
@media (min-width: 1024px) {
  .inner {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .mo-only {
    display: none !important;
  }
  .mo-only.read {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .pc-line {
    display: block;
    line-height: inherit;
  }
}
/* 배지 */
.illog-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.illog-badge {
  --illog-badge--size-height: var(--illog-size-height-4);
  --illog-badge--line-height: 2.4rem;
  --illog-badge--padding: var(--illog-padding-3);
  --illog-badge--radius: var(--illog-radius-xsmall);
  --illog-badge--radius-round: var(--illog-radius-xlarge);
  --illog-badge--radius-max: var(--illog-radius-max);
  --illog-badge--dot-size: 0.6rem;
  --illog-badge--dot-padding: 0;
  --illog-badge--number-size-height: var(--illog-size-height-3);
  --illog-badge--font-size: var(--illog-font-size-label-small);
  --illog-badge--font-size-large: var(
    --illog-font-size-label-medium
  );
  --illog-badge--size-height-large: var(--illog-size-height-5);
}
.illog-badge {
  --illog-badge--color-primary-element: var(--illog-color-element-primary);
  --illog-badge--color-primary-element-lighter: var(--illog-color-element-primary-lighter);
  --illog-badge--color-primary-text: var(--illog-color-text-primary);
  --illog-badge--color-secondary-element: var(--illog-color-element-secondary);
  --illog-badge--color-secondary-element-lighter: var(--illog-color-element-secondary-lighter);
  --illog-badge--color-secondary-text: var(--illog-color-text-secondary);
  --illog-badge--color-gray-element: var(--illog-color-element-gray);
  --illog-badge--color-gray-element-lighter: var(--illog-color-element-gray-light);
  --illog-badge--color-gray-text: var(--illog-color-text-subtle);
  --illog-badge--color-point-element: var(--illog-color-element-point);
  --illog-badge--color-point-element-lighter: var(--illog-color-element-point-lighter);
  --illog-badge--color-point-text: var(--illog-color-text-point);
  --illog-badge--color-danger-element: var(--illog-color-element-danger);
  --illog-badge--color-danger-element-lighter: var(--illog-color-element-danger-lighter);
  --illog-badge--color-danger-text: var(--illog-color-text-danger);
  --illog-badge--color-warning-element: var(--illog-color-element-warning);
  --illog-badge--color-warning-element-lighter: var(--illog-color-element-warning-lighter);
  --illog-badge--color-warning-text: var(--illog-color-text-warning);
  --illog-badge--color-success-element: var(--illog-color-element-success);
  --illog-badge--color-success-element-lighter: var(--illog-color-element-success-lighter);
  --illog-badge--color-success-text: var(--illog-color-text-success);
  --illog-badge--color-information-element: var(--illog-color-element-information);
  --illog-badge--color-information-element-lighter: var(--illog-color-element-information-lighter);
  --illog-badge--color-information-text: var(--illog-color-text-information);
  --illog-badge--color-disabled-element: var(--illog-color-element-disabled-dark);
  --illog-badge--color-disabled-element-lighter: var(--illog-color-element-disabled-light);
  --illog-badge--color-disabled-text: var(--illog-color-text-disabled-on);
  --illog-badge--color-background-basic: var(
    --illog-color-background-white
  );
  --illog-badge--color-text-basic: var(
    --illog-color-text-inverse-static
  );
}
.illog-badge.outline-primary {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-primary-element);
  color: var(--illog-badge--color-primary-text);
}
.illog-badge.bg-primary {
  background-color: var(--illog-badge--color-primary-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-primary {
  background-color: var(--illog-badge--color-primary-element-lighter);
  color: var(--illog-badge--color-primary-text);
}
.illog-badge.outline-secondary {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-secondary-element);
  color: var(--illog-badge--color-secondary-text);
}
.illog-badge.bg-secondary {
  background-color: var(--illog-badge--color-secondary-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-secondary {
  background-color: var(--illog-badge--color-secondary-element-lighter);
  color: var(--illog-badge--color-secondary-text);
}
.illog-badge.outline-gray {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-gray-element);
  color: var(--illog-badge--color-gray-text);
}
.illog-badge.bg-gray {
  background-color: var(--illog-badge--color-gray-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-gray {
  background-color: var(--illog-badge--color-gray-element-lighter);
  color: var(--illog-badge--color-gray-text);
}
.illog-badge.outline-point {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-point-element);
  color: var(--illog-badge--color-point-text);
}
.illog-badge.bg-point {
  background-color: var(--illog-badge--color-point-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-point {
  background-color: var(--illog-badge--color-point-element-lighter);
  color: var(--illog-badge--color-point-text);
}
.illog-badge.outline-danger {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-danger-element);
  color: var(--illog-badge--color-danger-text);
}
.illog-badge.bg-danger {
  background-color: var(--illog-badge--color-danger-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-danger {
  background-color: var(--illog-badge--color-danger-element-lighter);
  color: var(--illog-badge--color-danger-text);
}
.illog-badge.outline-warning {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-warning-element);
  color: var(--illog-badge--color-warning-text);
}
.illog-badge.bg-warning {
  background-color: var(--illog-badge--color-warning-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-warning {
  background-color: var(--illog-badge--color-warning-element-lighter);
  color: var(--illog-badge--color-warning-text);
}
.illog-badge.outline-success {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-success-element);
  color: var(--illog-badge--color-success-text);
}
.illog-badge.bg-success {
  background-color: var(--illog-badge--color-success-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-success {
  background-color: var(--illog-badge--color-success-element-lighter);
  color: var(--illog-badge--color-success-text);
}
.illog-badge.outline-information {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-information-element);
  color: var(--illog-badge--color-information-text);
}
.illog-badge.bg-information {
  background-color: var(--illog-badge--color-information-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-information {
  background-color: var(--illog-badge--color-information-element-lighter);
  color: var(--illog-badge--color-information-text);
}
.illog-badge.outline-disabled {
  border-width: var(--illog-border-width-variable-regular);
  border-style: solid;
  border-color: var(--illog-badge--color-disabled-element);
  color: var(--illog-badge--color-disabled-text);
}
.illog-badge.bg-disabled {
  background-color: var(--illog-badge--color-disabled-element);
  color: var(--illog-badge--color-text-basic);
}
.illog-badge.bg-light-disabled {
  background-color: var(--illog-badge--color-disabled-element-lighter);
  color: var(--illog-badge--color-disabled-text);
}
.illog-badge {
  height: var(--illog-badge--size-height);
  line-height: var(--illog-badge--line-height);
  font-size: var(--illog-badge--font-size);
  font-weight: var(--illog-font-weight-regular);
  padding: 0 var(--illog-badge--padding);
  border-radius: var(--illog-badge--radius);
}
@media (max-width: 767px) {
  .illog-badge {
    font-size: var(--illog-badge--mobile-font-size);
  }
}
.illog-badge.round {
  border-radius: var(--illog-badge--radius-round);
}
.illog-badge.large {
  height: var(--illog-badge--size-height-large);
  font-size: var(--illog-badge--font-size-large);
}
@media (max-width: 767px) {
  .illog-badge.large {
    font-size: var(--illog-badge--mobile-font-size);
  }
}
.illog-badge.number {
  height: var(--illog-badge--number-size-height);
  border-radius: var(--illog-badge--radius-max);
}
.illog-badge.dot {
  width: var(--illog-badge--dot-size);
  height: var(--illog-badge--dot-size);
  padding: var(--illog-badge--dot-padding);
  border-radius: var(--illog-badge--radius-max);
}

.illog-badge-wrap {
  --illog-badge--wrap-gap: var(--illog-gap-3);
  display: flex;
  gap: var(--illog-badge--wrap-gap);
  flex-wrap: wrap;
}

/* icon 버튼 사이즈 */
.illog-btn {
  --illog-button--size-height-xxsmall: var(--illog-size-height-4);
  --illog-button--padding-x-xxsmall: var(--illog-padding-2);
  --illog-button--padding-y-xxsmall: 0;
  --illog-button--gap-xxsmall: var(--illog-gap-1);
  --illog-button--radius-xxsmall: var(--illog-radius-xsmall);
  --illog-button--font-size-xxsmall: var(--illog-font-size-label-small);
  --illog-button--font-weight-xxsmall: var(--illog-font-weight-regular);
  --illog-button--size-height-xsmall: var(--illog-size-height-5);
  --illog-button--padding-x-xsmall: var(--illog-padding-4);
  --illog-button--padding-y-xsmall: 0;
  --illog-button--gap-xsmall: var(--illog-gap-1);
  --illog-button--radius-xsmall: var(--illog-radius-xsmall);
  --illog-button--font-size-xsmall: var(--illog-font-size-label-small);
  --illog-button--font-weight-xsmall: var(--illog-font-weight-regular);
  --illog-button--size-height-small: var(--illog-size-height-6);
  --illog-button--padding-x-small: var(--illog-padding-5);
  --illog-button--padding-y-small: 0;
  --illog-button--gap-small: var(--illog-gap-1);
  --illog-button--radius-small: var(--illog-radius-small);
  --illog-button--font-size-small: var(--illog-font-size-label-small);
  --illog-button--font-weight-small: var(--illog-font-weight-regular);
  --illog-button--size-height-medium: var(--illog-size-height-7);
  --illog-button--padding-x-medium: var(--illog-padding-6);
  --illog-button--padding-y-medium: 0;
  --illog-button--gap-medium: var(--illog-gap-2);
  --illog-button--radius-medium: var(--illog-radius-small);
  --illog-button--font-size-medium: var(--illog-font-size-label-medium);
  --illog-button--font-weight-medium: var(--illog-font-weight-regular);
  --illog-button--size-height-large: var(--illog-size-height-8);
  --illog-button--padding-x-large: var(--illog-padding-7);
  --illog-button--padding-y-large: 0;
  --illog-button--gap-large: var(--illog-gap-2);
  --illog-button--radius-large: var(--illog-radius-small);
  --illog-button--font-size-large: var(--illog-font-size-label-large);
  --illog-button--font-weight-large: var(--illog-font-weight-regular);
  --illog-button--size-height-xlarge: var(--illog-size-height-9);
  --illog-button--padding-x-xlarge: var(--illog-padding-8);
  --illog-button--padding-y-xlarge: 0;
  --illog-button--gap-xlarge: var(--illog-gap-2);
  --illog-button--radius-xlarge: var(--illog-radius-medium);
  --illog-button--font-size-xlarge: var(--illog-font-size-label-large);
  --illog-button--font-weight-xlarge: var(--illog-font-weight-regular);
}
.illog-btn {
  gap: var(--illog-button--gap-large);
  height: var(--illog-button--size-height-large);
  padding: var(--illog-button--padding-y-large) var(--illog-button--padding-x-large);
  border-radius: var(--illog-button--radius-large);
  font-size: var(--illog-button--font-size-large);
  font-weight: var(--illog-button--font-weight-large);
}
.illog-btn .fa-icon {
  width: var(--illog-icon--size-large);
  height: var(--illog-icon--size-large);
  flex: 1 0 var(--foreign-icon--size-large);
}
.illog-btn.xxsmall {
  gap: var(--illog-button--gap-xxsmall);
  height: var(--illog-button--size-height-xxsmall);
  padding: var(--illog-button--padding-y-xxsmall) var(--illog-button--padding-x-xxsmall);
  border-radius: var(--illog-button--radius-xxsmall);
  font-size: var(--illog-button--font-size-xxsmall);
  font-weight: var(--illog-button--font-weight-xxsmall);
}
.illog-btn.xxsmall .fa-icon {
  width: var(--illog-icon--size-xxsmall);
  height: var(--illog-icon--size-xxsmall);
  flex: 1 0 var(--foreign-icon--size-xxsmall);
}
.illog-btn.xsmall {
  gap: var(--illog-button--gap-xsmall);
  height: var(--illog-button--size-height-xsmall);
  padding: var(--illog-button--padding-y-xsmall) var(--illog-button--padding-x-xsmall);
  border-radius: var(--illog-button--radius-xsmall);
  font-size: var(--illog-button--font-size-xsmall);
  font-weight: var(--illog-button--font-weight-xsmall);
}
.illog-btn.xsmall .fa-icon {
  width: var(--illog-icon--size-xsmall);
  height: var(--illog-icon--size-xsmall);
  flex: 1 0 var(--foreign-icon--size-xsmall);
}
.illog-btn.small {
  gap: var(--illog-button--gap-small);
  height: var(--illog-button--size-height-small);
  padding: var(--illog-button--padding-y-small) var(--illog-button--padding-x-small);
  border-radius: var(--illog-button--radius-small);
  font-size: var(--illog-button--font-size-small);
  font-weight: var(--illog-button--font-weight-small);
}
.illog-btn.small .fa-icon {
  width: var(--illog-icon--size-small);
  height: var(--illog-icon--size-small);
  flex: 1 0 var(--foreign-icon--size-small);
}
.illog-btn.medium {
  gap: var(--illog-button--gap-medium);
  height: var(--illog-button--size-height-medium);
  padding: var(--illog-button--padding-y-medium) var(--illog-button--padding-x-medium);
  border-radius: var(--illog-button--radius-medium);
  font-size: var(--illog-button--font-size-medium);
  font-weight: var(--illog-button--font-weight-medium);
}
.illog-btn.medium .fa-icon {
  width: var(--illog-icon--size-medium);
  height: var(--illog-icon--size-medium);
  flex: 1 0 var(--foreign-icon--size-medium);
}
.illog-btn.large {
  gap: var(--illog-button--gap-large);
  height: var(--illog-button--size-height-large);
  padding: var(--illog-button--padding-y-large) var(--illog-button--padding-x-large);
  border-radius: var(--illog-button--radius-large);
  font-size: var(--illog-button--font-size-large);
  font-weight: var(--illog-button--font-weight-large);
}
.illog-btn.large .fa-icon {
  width: var(--illog-icon--size-large);
  height: var(--illog-icon--size-large);
  flex: 1 0 var(--foreign-icon--size-large);
}
.illog-btn.xlarge {
  gap: var(--illog-button--gap-xlarge);
  height: var(--illog-button--size-height-xlarge);
  padding: var(--illog-button--padding-y-xlarge) var(--illog-button--padding-x-xlarge);
  border-radius: var(--illog-button--radius-xlarge);
  font-size: var(--illog-button--font-size-xlarge);
  font-weight: var(--illog-button--font-weight-xlarge);
}
.illog-btn.xlarge .fa-icon {
  width: var(--illog-icon--size-xlarge);
  height: var(--illog-icon--size-xlarge);
  flex: 1 0 var(--foreign-icon--size-xlarge);
}
.illog-btn {
  --illog-button--color-primary-fill: var(--illog-color-button-primary-fill);
  --illog-button--color-primary-fill-hover: var(--illog-color-button-primary-fill-hover);
  --illog-button--color-primary-fill-pressed: var(--illog-color-button-primary-fill-pressed);
  --illog-button--color-primary-fill-disabled: var(--illog-color-button-disabled-fill);
  --illog-button--color-primary-border: var(--illog-color-button-primary-fill);
  --illog-button--color-primary-border-disabled: var(--illog-color-button-disabled-border);
  --illog-button--color-primary-text: var(--illog-color-text-inverse-static);
  --illog-button--color-primary-text-disabled: var(--illog-color-text-disabled-on);
  --illog-button--color-secondary-fill: var(--illog-color-button-secondary-fill);
  --illog-button--color-secondary-fill-hover: var(--illog-color-button-secondary-fill-hover);
  --illog-button--color-secondary-fill-pressed: var(--illog-color-button-secondary-fill-pressed);
  --illog-button--color-secondary-fill-disabled: var(--illog-color-button-disabled-fill);
  --illog-button--color-secondary-border: var(--illog-color-button-secondary-border);
  --illog-button--color-secondary-border-disabled: var(--illog-color-button-disabled-border);
  --illog-button--color-secondary-text: var(--illog-color-text-secondary);
  --illog-button--color-secondary-text-disabled: var(--illog-color-text-disabled-on);
  --illog-button--color-tertiary-fill: var(--illog-color-button-tertiary-fill);
  --illog-button--color-tertiary-fill-hover: var(--illog-color-button-tertiary-fill-hover);
  --illog-button--color-tertiary-fill-pressed: var(--illog-color-button-tertiary-fill-pressed);
  --illog-button--color-tertiary-fill-disabled: var(--illog-color-button-disabled-fill);
  --illog-button--color-tertiary-border: var(--illog-color-button-tertiary-border);
  --illog-button--color-tertiary-border-disabled: var(--illog-color-button-disabled-border);
  --illog-button--color-tertiary-text: var(--illog-color-text-basic);
  --illog-button--color-tertiary-text-disabled: var(--illog-color-text-disabled-on);
  --illog-button--color-text-fill: var(--illog-color-button-text-fill);
  --illog-button--color-text-fill-hover: var(--illog-color-button-text-fill-hover);
  --illog-button--color-text-fill-pressed: var(--illog-color-button-text-fill-pressed);
  --illog-button--color-text-fill-disabled: var(--illog-color-button-text-fill);
  --illog-button--color-text-border: var(--illog-color-button-text-border);
  --illog-button--color-text-border-disabled: var(--illog-color-border-transparency);
  --illog-button--color-text-text: var(--illog-color-text-basic);
  --illog-button--color-text-text-disabled: var(--illog-color-text-disabled);
  --illog-button--color-link-fill: var(--illog-color-button-text-fill);
  --illog-button--color-link-fill-hover: var(--illog-color-button-text-fill);
  --illog-button--color-link-fill-pressed: var(--illog-color-button-text-fill);
  --illog-button--color-link-fill-disabled: var(--illog-color-button-text-fill);
  --illog-button--color-link-border: var(--illog-color-button-text-border);
  --illog-button--color-link-border-disabled: var(--illog-color-border-transparency);
  --illog-button--color-link-text: var(--illog-color-link-default);
  --illog-button--color-link-text-disabled: var(--illog-color-text-disabled);
}
.illog-btn {
  background-color: var(--illog-button--color-primary-fill);
  border-color: var(--illog-button--color-primary-border);
  color: var(--illog-button--color-primary-text);
}
.illog-btn.primary {
  background-color: var(--illog-button--color-primary-fill);
  border-color: var(--illog-button--color-primary-border);
  color: var(--illog-button--color-primary-text);
}
.illog-btn.primary:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.primary:hover {
  background-color: var(--illog-button--color-primary-fill-hover);
}
.illog-btn.primary:active, .illog-btn.primary:focus {
  background-color: var(--illog-button--color-primary-fill-pressed);
}
.illog-btn.primary[disabled], .illog-btn.primary.disabled {
  background-color: var(--illog-button--color-primary-fill-disabled);
  border-color: var(--illog-button--color-primary-border-disabled);
  color: var(--illog-button--color-primary-text-disabled);
}
.illog-btn.primary[disabled]:not(.icon) .fa-icon, .illog-btn.primary.disabled:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.primary[disabled]:hover, .illog-btn.primary.disabled:hover {
  background-color: var(--illog-button--color-primary-fill-disabled);
  border-color: var(--illog-button--color-primary-border-disabled);
  color: var(--illog-button--color-primary-text-disabled);
}
.illog-btn.primary.active, .illog-btn.primary[active=true] {
  background-color: var(--illog-button--color-primary-fill-hover);
  cursor: auto;
}
.illog-btn.secondary {
  background-color: var(--illog-button--color-secondary-fill);
  border-color: var(--illog-button--color-secondary-border);
  color: var(--illog-button--color-secondary-text);
}
.illog-btn.secondary:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.secondary:hover {
  background-color: var(--illog-button--color-secondary-fill-hover);
}
.illog-btn.secondary:active, .illog-btn.secondary:focus {
  background-color: var(--illog-button--color-secondary-fill-pressed);
}
.illog-btn.secondary[disabled], .illog-btn.secondary.disabled {
  background-color: var(--illog-button--color-secondary-fill-disabled);
  border-color: var(--illog-button--color-secondary-border-disabled);
  color: var(--illog-button--color-secondary-text-disabled);
}
.illog-btn.secondary[disabled]:not(.icon) .fa-icon, .illog-btn.secondary.disabled:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.secondary[disabled]:hover, .illog-btn.secondary.disabled:hover {
  background-color: var(--illog-button--color-secondary-fill-disabled);
  border-color: var(--illog-button--color-secondary-border-disabled);
  color: var(--illog-button--color-secondary-text-disabled);
}
.illog-btn.secondary.active, .illog-btn.secondary[active=true] {
  background-color: var(--illog-button--color-secondary-fill-hover);
  cursor: auto;
}
.illog-btn.tertiary {
  background-color: var(--illog-button--color-tertiary-fill);
  border-color: var(--illog-button--color-tertiary-border);
  color: var(--illog-button--color-tertiary-text);
}
.illog-btn.tertiary:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.tertiary:hover {
  background-color: var(--illog-button--color-tertiary-fill-hover);
}
.illog-btn.tertiary:active, .illog-btn.tertiary:focus {
  background-color: var(--illog-button--color-tertiary-fill-pressed);
}
.illog-btn.tertiary[disabled], .illog-btn.tertiary.disabled {
  background-color: var(--illog-button--color-tertiary-fill-disabled);
  border-color: var(--illog-button--color-tertiary-border-disabled);
  color: var(--illog-button--color-tertiary-text-disabled);
}
.illog-btn.tertiary[disabled]:not(.icon) .fa-icon, .illog-btn.tertiary.disabled:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.tertiary[disabled]:hover, .illog-btn.tertiary.disabled:hover {
  background-color: var(--illog-button--color-tertiary-fill-disabled);
  border-color: var(--illog-button--color-tertiary-border-disabled);
  color: var(--illog-button--color-tertiary-text-disabled);
}
.illog-btn.tertiary.active, .illog-btn.tertiary[active=true] {
  background-color: var(--illog-button--color-tertiary-fill-hover);
  cursor: auto;
}
.illog-btn.text {
  background-color: var(--illog-button--color-text-fill);
  border-color: var(--illog-button--color-text-border);
  color: var(--illog-button--color-text-text);
}
.illog-btn.text:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.text:hover {
  background-color: var(--illog-button--color-text-fill-hover);
}
.illog-btn.text:active, .illog-btn.text:focus {
  background-color: var(--illog-button--color-text-fill-pressed);
}
.illog-btn.text[disabled], .illog-btn.text.disabled {
  background-color: var(--illog-button--color-text-fill-disabled);
  border-color: var(--illog-button--color-text-border-disabled);
  color: var(--illog-button--color-text-text-disabled);
}
.illog-btn.text[disabled]:not(.icon) .fa-icon, .illog-btn.text.disabled:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.text[disabled]:hover, .illog-btn.text.disabled:hover {
  background-color: var(--illog-button--color-text-fill-disabled);
  border-color: var(--illog-button--color-text-border-disabled);
  color: var(--illog-button--color-text-text-disabled);
}
.illog-btn.text.active, .illog-btn.text[active=true] {
  background-color: var(--illog-button--color-text-fill-hover);
  cursor: auto;
}
.illog-btn.link {
  background-color: var(--illog-button--color-link-fill);
  border-color: var(--illog-button--color-link-border);
  color: var(--illog-button--color-link-text);
}
.illog-btn.link:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.link:hover {
  background-color: var(--illog-button--color-link-fill-hover);
}
.illog-btn.link:active, .illog-btn.link:focus {
  background-color: var(--illog-button--color-link-fill-pressed);
}
.illog-btn.link[disabled], .illog-btn.link.disabled {
  background-color: var(--illog-button--color-link-fill-disabled);
  border-color: var(--illog-button--color-link-border-disabled);
  color: var(--illog-button--color-link-text-disabled);
}
.illog-btn.link[disabled]:not(.icon) .fa-icon, .illog-btn.link.disabled:not(.icon) .fa-icon {
  background-color: transparent;
}
.illog-btn.link[disabled]:hover, .illog-btn.link.disabled:hover {
  background-color: var(--illog-button--color-link-fill-disabled);
  border-color: var(--illog-button--color-link-border-disabled);
  color: var(--illog-button--color-link-text-disabled);
}
.illog-btn.link.active, .illog-btn.link[active=true] {
  background-color: var(--illog-button--color-link-fill-hover);
  cursor: auto;
}
.illog-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: auto;
  border-style: solid;
  cursor: pointer;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  transition: var(--illog-transition-base);
  border-width: var(--illog-border-width-variable-regular);
}
.illog-btn.primary .fa-icon {
  filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}
.illog-btn.secondary .fa-icon {
  filter: invert(28%) sepia(69%) saturate(2504%) hue-rotate(212deg) brightness(103%) contrast(91%);
}
.illog-btn.secondary:hover .fa-icon, .illog-btn.secondary:active .fa-icon, .illog-btn.secondary:focus .fa-icon {
  filter: invert(19%) sepia(53%) saturate(3084%) hue-rotate(210deg) brightness(85%) contrast(105%);
}
.illog-btn .fa-icon {
  background-color: transparent;
  transition: var(--illog-transition-base);
}
.illog-btn:hover {
  background-color: var(--illog-button--color-primary-fill-hover);
}
.illog-btn:active, .illog-btn:focus {
  background-color: var(--illog-button--color-primary-fill-pressed);
}
.illog-btn[disabled], .illog-btn.disabled {
  background-color: var(--illog-button--color-primary-fill-disabled);
  border-color: var(--illog-button--color-primary-border-disabled);
  color: var(--illog-button--color-primary-text-disabled);
  cursor: default;
}
.illog-btn[disabled]:hover, .illog-btn.disabled:hover {
  background-color: var(--illog-button--color-primary-fill-disabled);
  border-color: var(--illog-button--color-primary-border-disabled);
  color: var(--illog-button--color-primary-text-disabled);
}
.illog-btn.text {
  --illog-button--size-height-xsmall: var(--illog-size-height-3);
  --illog-button--padding-x-xsmall: var(--illog-padding-1);
  --illog-button--padding-y-xsmall: var(--illog-number-0);
  --illog-button--size-height-small: var(--illog-size-height-4);
  --illog-button--padding-x-small: var(--illog-padding-1);
  --illog-button--padding-y-small: var(--illog-number-0);
  --illog-button--size-height-medium: var(--illog-size-height-5);
  --illog-button--padding-x-medium: var(--illog-padding-1);
  --illog-button--padding-y-medium: var(--illog-number-2);
  --illog-button--size-height-large: var(--illog-size-height-6);
  --illog-button--padding-x-large: var(--illog-padding-1);
  --illog-button--padding-y-large: 0.5rem;
  --illog-button--size-height-xlarge: var(--illog-size-height-7);
  --illog-button--padding-x-xlarge: var(--illog-padding-1);
  --illog-button--padding-y-xlarge: 0.9rem;
  display: inline-block;
  height: auto !important;
  padding: var(--illog-button--padding-y-large) var(--illog-button--padding-x-large);
  text-align: left;
  white-space: normal;
}
.illog-btn.text.xsmall {
  min-height: var(--illog-button--size-height-xsmall);
  padding: var(--illog-button--padding-y-xsmall) var(--illog-button--padding-x-xsmall);
}
.illog-btn.text.xsmall .fa-icon {
  margin-bottom: -0.3rem;
}
.illog-btn.text.small {
  padding: var(--illog-button--padding-y-small) var(--illog-button--padding-x-small);
}
.illog-btn.text.small .fa-icon {
  margin-bottom: -0.3rem;
}
.illog-btn.text.medium {
  padding: var(--illog-button--padding-y-medium) var(--illog-button--padding-x-medium);
}
.illog-btn.text.medium .fa-icon {
  margin-bottom: -0.4rem;
}
.illog-btn.text.large {
  padding: var(--illog-button--padding-y-large) var(--illog-button--padding-x-large);
}
.illog-btn.text.large .fa-icon {
  margin-bottom: -0.5rem;
}
.illog-btn.text.xlarge {
  padding: var(--illog-button--padding-y-xlarge) var(--illog-button--padding-x-xlarge);
}
.illog-btn.text.xlarge .fa-icon {
  margin-bottom: -0.6rem;
}
.illog-btn.text.h-auto {
  height: auto;
  padding: var(--illog-padding-1) !important;
}
.illog-btn.text .fa-icon {
  display: inline-block;
  margin-bottom: -0.5rem;
}
.illog-btn.link {
  --illog-button--font-size-xsmall: var(
    --illog-font-size-label-small
  );
  --illog-button--padding-x-xsmall: var(--illog-padding-1);
  --illog-button--font-size-small: var(--illog-font-size-label-small);
  --illog-button--padding-x-small: var(--illog-padding-1);
  --illog-button--font-size-medium: var(
    --illog-font-size-label-medium
  );
  --illog-button--font-size-medium: var(
    --illog-font-size-label-medium
  );
  --illog-button--padding-x-medium: var(--illog-padding-1);
  --illog-button--font-size-large: var(--illog-font-size-label-large);
  --illog-button--padding-x-large: var(--illog-padding-1);
  --illog-button--font-size-xlarge: var(
    --illog-font-size-label-large
  );
  --illog-button--font-size-xlarge: var(
    --illog-font-size-label-large
  );
  --illog-button--padding-x-xlarge: var(--illog-padding-1);
  display: inline-block;
  height: auto !important;
  padding: 0 var(--illog-button--padding-x-large);
  font-size: var(--illog-button--font-size-large);
  text-align: left;
  white-space: normal;
  word-break: break-all;
}
.illog-btn.link.xsmall {
  padding: 0 var(--illog-button--padding-x-xsmall);
  font-size: var(--illog-button--font-size-xsmall);
}
.illog-btn.link.xsmall .fa-icon {
  margin-bottom: -0.3rem;
}
.illog-btn.link.small {
  padding: 0 var(--illog-button--padding-x-small);
  font-size: var(--illog-button--font-size-small);
}
.illog-btn.link.small .fa-icon {
  margin-bottom: -0.3rem;
}
.illog-btn.link.medium {
  padding: 0 var(--illog-button--padding-x-medium);
  font-size: var(--illog-button--font-size-medium);
}
.illog-btn.link.medium .fa-icon {
  margin-bottom: -0.4rem;
}
.illog-btn.link.large {
  padding: 0 var(--illog-button--padding-x-large);
  font-size: var(--illog-button--font-size-large);
}
.illog-btn.link.large .fa-icon {
  margin-bottom: -0.5rem;
}
.illog-btn.link.xlarge {
  padding: 0 var(--illog-button--padding-x-xlarge);
  font-size: var(--illog-button--font-size-xlarge);
}
.illog-btn.link.xlarge .fa-icon {
  margin-bottom: -0.6rem;
}
.illog-btn.link.basic {
  color: var(--illog-color-text-basic);
}
.illog-btn.link.basic .fa-icon {
  background-color: transparent;
}
.illog-btn.link.basic.pure:hover, .illog-btn.link.basic.pure:active, .illog-btn.link.basic.pure:focus {
  color: var(--illog-color-text-basic);
}
.illog-btn.link.basic.pure:hover .fa-icon, .illog-btn.link.basic.pure:active .fa-icon, .illog-btn.link.basic.pure:focus .fa-icon {
  background-color: transparent;
}
.illog-btn.link.text-bolder {
  font-weight: var(--illog-font-weight-bold);
  color: var(--illog-color-text-bolder);
}
.illog-btn.link:hover {
  color: var(--illog-color-link-hover);
}
.illog-btn.link:hover .fa-icon {
  background-color: transparent;
}
.illog-btn.link:active, .illog-btn.link:focus {
  color: var(--illog-color-link-pressed);
}
.illog-btn.link:active .fa-icon, .illog-btn.link:focus .fa-icon {
  background-color: transparent;
}
.illog-btn.link.pure:hover, .illog-btn.link.pure:active, .illog-btn.link.pure:focus {
  color: var(--illog-button--color-link-text);
}
.illog-btn.link.pure:hover .fa-icon, .illog-btn.link.pure:active .fa-icon, .illog-btn.link.pure:focus .fa-icon {
  background-color: transparent;
}
.illog-btn.link .underline.hidden-underline {
  text-decoration-color: var(--illog-color-border-transparency);
  transition: var(--illog-transition-base);
}
.illog-btn.link:hover .underline.hidden-underline, .illog-btn.link:active .underline.hidden-underline, .illog-btn.link:focus .underline.hidden-underline {
  text-decoration-color: inherit;
}
.illog-btn.link .fa-icon {
  display: inline-block;
  margin-bottom: -0.5rem;
  filter: invert(28%) sepia(69%) saturate(2504%) hue-rotate(212deg) brightness(103%) contrast(91%);
}
.illog-btn.link:hover .fa-icon, .illog-btn.link:active .fa-icon, .illog-btn.link:focus .fa-icon {
  filter: invert(19%) sepia(53%) saturate(3084%) hue-rotate(210deg) brightness(85%) contrast(105%);
}
.illog-btn.icon {
  --illog-button--icon-size-xsmall: var(--illog-size-height-2);
  --illog-button--icon-size-small: var(--illog-size-height-3);
  --illog-button--icon-size-medium: var(--illog-size-height-4);
  --illog-button--icon-size-large: var(--illog-size-height-5);
  --illog-button--icon-size-xlarge: var(--illog-size-height-6);
  width: var(--illog-button--icon-size-medium);
  height: var(--illog-button--icon-size-medium);
  padding: 0 !important;
  background-color: transparent;
  border-color: var(--illog-color-border-transparency);
  color: inherit;
  border: 0;
}
.illog-btn.icon:hover, .illog-btn.icon:active {
  background-color: inherit;
}
.illog-btn.icon.xsmall {
  width: var(--illog-button--icon-size-xsmall);
  height: var(--illog-button--icon-size-xsmall);
}
.illog-btn.icon.xsmall .fa-icon {
  width: 100%;
  height: 100%;
}
.illog-btn.icon.small {
  width: var(--illog-button--icon-size-small);
  height: var(--illog-button--icon-size-small);
}
.illog-btn.icon.small .fa-icon {
  width: 100%;
  height: 100%;
}
.illog-btn.icon.medium {
  width: var(--illog-button--icon-size-medium);
  height: var(--illog-button--icon-size-medium);
}
.illog-btn.icon.medium .fa-icon {
  width: 100%;
  height: 100%;
}
.illog-btn.icon.large {
  width: var(--illog-button--icon-size-large);
  height: var(--illog-button--icon-size-large);
}
.illog-btn.icon.large .fa-icon {
  width: 100%;
  height: 100%;
}
.illog-btn.icon.xlarge {
  width: var(--illog-button--icon-size-xlarge);
  height: var(--illog-button--icon-size-xlarge);
}
.illog-btn.icon.xlarge .fa-icon {
  width: 100%;
  height: 100%;
}
.illog-btn.icon .fa-icon {
  background-color: transparent;
}
.illog-btn.icon.pure .fa-icon {
  background-color: transparent;
}
.illog-btn.icon.border {
  background-color: var(--illog-color-background-white);
  border: 0.1rem solid var(--illog-color-border-gray);
  border-radius: var(--illog-radius-max);
}
.illog-btn.icon.border.large .fa-icon {
  width: var(--illog-icon--size-xsmall);
  height: var(--illog-icon--size-xsmall);
}
.illog-btn.icon.border.xlarge .fa-icon {
  width: var(--illog-icon--size-xlarge);
  height: var(--illog-icon--size-xlarge);
}
.illog-btn.icon.border[disabled], .illog-btn.icon.border.disabled {
  background-color: var(--illog-color-button-disabled-fill);
}

.btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--illog-gap-4);
  width: 100%;
  margin-top: auto;
}
.btn-group > .illog-btn {
  width: 100%;
}
.btn-group.type-02 {
  justify-content: flex-start;
}
.btn-group.type-02 > .illog-btn {
  width: auto;
}
.btn-group.type-03 {
  justify-content: flex-end;
}
.btn-group.type-03 > .illog-btn {
  width: auto;
}

/* form 레이아웃 */
.form-group {
  --illog-form-group--label-font-size: var(
    --illog-font-size-label-small
  );
  --illog-form-group--gap: var(--illog-gap-6);
  --illog-form-group--icon-padding-right: calc(
    var(--illog-padding-7) * 2 + var(--illog-icon--size-large)
  );
  --illog-form-group--message-font-size: var(
    --illog-font-size-label-xsmall
  );
  --illog-form-group--message-text-color: var(
    --illog-color-text-subtle
  );
  --illog-form-group--message-success-text-color: var(
    --illog-color-text-success
  );
  --illog-form-group--message-information-text-color: var(
    --illog-color-text-information
  );
  --illog-form-group--message-error-text-color: var(
    --illog-color-text-danger
  );
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-form-group--gap);
  width: 100%;
}
.form-group .form-tit,
.form-group .form-label {
  width: 100%;
  color: var(--illog-color-text-subtle);
}
.form-group .form-item-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-form-group--gap);
}
.form-group .form-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 0 var(--illog-form-group--gap);
}
.form-group .form-item.inner-item {
  flex-direction: row;
}
.form-group .form-item.inner-item .item {
  flex: 1;
}
.form-group .form-item.inner-item .btn-group {
  width: auto;
}
.form-group .form-item label {
  display: inline-flex;
  font-size: var(--illog-form-group--label-font-size);
}
@media (max-width: 767px) {
  .form-group .form-item label {
    font-size: var(--illog-form-group--label-font-size);
  }
}
.form-group .form-item.form-item-radio, .form-group .form-item.form-item-checkbox {
  flex-direction: row;
  align-items: center;
}
.form-group .form-item.form-item-radio .item, .form-group .form-item.form-item-checkbox .item {
  flex: 0 1 auto;
}
.form-group [class^=form-hint] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--illog-gap-2);
  width: 100%;
  font-size: var(--illog-form-group--message-font-size);
  color: var(--illog-form-group--message-text-color);
}
@media (max-width: 767px) {
  .form-group [class^=form-hint] {
    font-size: var(--illog-form-group--message-font-size);
  }
}
.form-group .form-hint-success {
  color: var(--illog-form-group--message-success-text-color);
}
.form-group .form-hint-information {
  color: var(--illog-form-group--message-information-text-color);
}
.form-group .form-hint-invalid {
  color: var(--illog-form-group--message-error-text-color);
}

/* 검색 폼 */
.total-search-top-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--illog-gap-5);
  max-width: 79.2rem;
  margin: 0 auto;
  padding: var(--illog-gap-11) var(--illog-contents-padding-x);
  box-sizing: content-box;
}
.total-search-top-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: var(--illog-color-surface-secondary-subtler);
  z-index: -1;
}
.total-search-top-box .sch-form-wrap {
  flex: 1;
}
.total-search-top-box .sch-form-wrap.vert {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.total-search-top-box .sch-form-wrap.vert .sch-input {
  width: 100%;
}
.total-search-top-box .input-group .illog-form-select {
  width: auto;
}
.total-search-top-box .illog-btn.ico-sch-plus::before {
  width: var(--illog-size-height-4);
  height: var(--illog-size-height-4);
}

.sch-input {
  display: flex;
  position: relative;
  width: 100%;
}
.sch-input .illog-input {
  height: var(--foreign-input--size-height-medium);
  padding: 0 var(--illog-size-height-7) 0 var(--illog-padding-6);
}
.sch-input .illog-input.xlarge {
  font-weight: var(--illog-font-weight-bold);
  padding: 0 7.2rem 0 var(--illog-padding-8);
}
.sch-input .ico-search {
  position: absolute;
  top: 50%;
  right: var(--illog-gap-5);
  transform: translateY(-50%);
}

#popTotalSch .modal-dialog .modal-conts .total-search-top-box {
  padding: 9.6rem 0;
}
#popTotalSch .modal-dialog .modal-conts .sch-form-wrap {
  padding: 0;
}
#popTotalSch .modal-dialog .btn-close {
  top: var(--foreign-gap-9);
  right: calc(50% - 39.6rem - (40px + var(--illog-gap-layout-contents-right)));
}
#popTotalSch .modal-conts {
  padding-inline: 0;
}

@media (max-width: 767px) {
  .form-group .form-conts.keyword-sch {
    width: 100%;
  }
  /* 검색 폼 */
  .total-search-top-box {
    padding: 0;
    margin: var(--illog-gap-9) 0;
  }
  .total-search-top-box::after {
    content: none;
  }
  .sch-input .illog-input.xlarge {
    height: var(--illog-size-height-8);
    padding: 0 var(--illog-number-16) 0 var(--illog-number-8);
    font-size: var(--illog-font-size-label-large);
  }
  .sch-input .illog-input.xlarge ~ .ico-search {
    right: var(--illog-number-8);
    width: 2.4rem;
    height: 2.4rem;
  }
}
/* 입력 필드 / 텍스트 영역 */
.illog-input,
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  --illog-input--size-height-small: var(--illog-size-height-6);
  --illog-input--font-size-small: var(--illog-font-size-label-small);
  --illog-input--size-height-medium: var(--illog-size-height-7);
  --illog-input--font-size-medium: var(--illog-font-size-label-medium);
  --illog-input--size-height-large: var(--illog-size-height-8);
  --illog-input--font-size-large: var(--illog-font-size-label-large);
  --illog-input--size-height-xlarge: var(--illog-size-height-11);
  --illog-input--font-size-xlarge: var(--illog-font-size-heading-medium);
}
.illog-input,
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  height: var(--illog-input--size-height-small);
  font-size: var(--illog-input--font-size-small);
}
.illog-input.small,
input[type=date].small,
input[type=datetime-local].small,
input[type=email].small,
input[type=file].small,
input[type=month].small,
input[type=number].small,
input[type=password].small,
input[type=search].small,
input[type=tel].small,
input[type=text].small,
input[type=time].small,
input[type=url].small,
input[type=week].small {
  height: var(--illog-input--size-height-small);
  font-size: var(--illog-input--font-size-small);
}
.illog-input.medium,
input[type=date].medium,
input[type=datetime-local].medium,
input[type=email].medium,
input[type=file].medium,
input[type=month].medium,
input[type=number].medium,
input[type=password].medium,
input[type=search].medium,
input[type=tel].medium,
input[type=text].medium,
input[type=time].medium,
input[type=url].medium,
input[type=week].medium {
  height: var(--illog-input--size-height-medium);
  font-size: var(--illog-input--font-size-medium);
}
.illog-input.large,
input[type=date].large,
input[type=datetime-local].large,
input[type=email].large,
input[type=file].large,
input[type=month].large,
input[type=number].large,
input[type=password].large,
input[type=search].large,
input[type=tel].large,
input[type=text].large,
input[type=time].large,
input[type=url].large,
input[type=week].large {
  height: var(--illog-input--size-height-large);
  font-size: var(--illog-input--font-size-large);
}
.illog-input.xlarge,
input[type=date].xlarge,
input[type=datetime-local].xlarge,
input[type=email].xlarge,
input[type=file].xlarge,
input[type=month].xlarge,
input[type=number].xlarge,
input[type=password].xlarge,
input[type=search].xlarge,
input[type=tel].xlarge,
input[type=text].xlarge,
input[type=time].xlarge,
input[type=url].xlarge,
input[type=week].xlarge {
  height: var(--illog-input--size-height-xlarge);
  font-size: var(--illog-input--font-size-xlarge);
  font-weight: var(--illog-font-weight-bold);
}
.illog-input,
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  --illog-input--color-surface: var(--illog-color-input-surface);
  --illog-input--color-surface-readonly: var(
    --illog-color-input-surface-disabled
  );
  --illog-input--color-surface-disabled: var(
    --illog-color-input-surface-disabled
  );
  --illog-input--color-surface-error: var(
    --illog-color-input-surface
  );
  --illog-input--color-border: var(--illog-color-input-border);
  --illog-input--color-border-active: var(
    --illog-color-input-border-active
  );
  --illog-input--color-border-readonly: var(
    --illog-color-input-border-disabled
  );
  --illog-input--color-border-disabled: var(
    --illog-color-input-border-disabled
  );
  --illog-input--color-border-error: var(
    --illog-color-input-border-error
  );
  --illog-input--color-text: var(--illog-color-text-subtle);
  --illog-input--color-text-active: var(--illog-color-text-basic);
  --illog-input--color-text-readonly: var(--illog-color-text-subtle);
  --illog-input--color-text-disabled: var(
    --illog-color-text-disabled-on
  );
  --illog-input--color-text-placeholder: var(
    --illog-color-text-disabled
  );
  --illog-input--color-text-error: var(--illog-color-text-subtle);
  --illog-input--color-button-delete-bg: var(
    --illog-color-element-gray
  );
}
.illog-input,
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  position: relative;
  width: 100%;
  padding: 0;
  background-color: var(--illog-input--color-surface);
  border-bottom: 0.1rem solid var(--illog-input--color-border);
  font-family: inherit;
  color: var(--illog-input--color-text);
  transition: var(--illog-transition-base);
}
.illog-input:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus {
  border-color: var(--illog-input--color-border-active);
  border-bottom-width: 0.2rem;
  outline: none;
  box-shadow: none;
  transition: var(--illog-transition-base);
}
.illog-input[readonly],
input[type=date][readonly],
input[type=datetime-local][readonly],
input[type=email][readonly],
input[type=file][readonly],
input[type=month][readonly],
input[type=number][readonly],
input[type=password][readonly],
input[type=search][readonly],
input[type=tel][readonly],
input[type=text][readonly],
input[type=time][readonly],
input[type=url][readonly],
input[type=week][readonly] {
  background-color: var(--illog-input--color-surface-readonly);
  border-color: var(--illog-input--color-border-readonly);
  color: var(--illog-input--color-text-readonly);
}
.illog-input[readonly].datepicker,
input[type=date][readonly].datepicker,
input[type=datetime-local][readonly].datepicker,
input[type=email][readonly].datepicker,
input[type=file][readonly].datepicker,
input[type=month][readonly].datepicker,
input[type=number][readonly].datepicker,
input[type=password][readonly].datepicker,
input[type=search][readonly].datepicker,
input[type=tel][readonly].datepicker,
input[type=text][readonly].datepicker,
input[type=time][readonly].datepicker,
input[type=url][readonly].datepicker,
input[type=week][readonly].datepicker {
  background-color: var(--illog-input--color-surface);
  border-color: var(--illog-input--color-border);
  color: var(--illog-input--color-text);
}
.illog-input[disabled],
input[type=date][disabled],
input[type=datetime-local][disabled],
input[type=email][disabled],
input[type=file][disabled],
input[type=month][disabled],
input[type=number][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=text][disabled],
input[type=time][disabled],
input[type=url][disabled],
input[type=week][disabled] {
  background-color: var(--illog-input--color-surface-disabled);
  border-color: var(--illog-input--color-border-disabled);
  color: var(--illog-input--color-text-disabled);
}
.illog-input::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder {
  color: var(--illog-input--color-text-placeholder);
}
.illog-input::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=file]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder {
  color: var(--illog-input--color-text-placeholder);
}
.illog-input:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder {
  color: var(--illog-input--color-text-placeholder);
}
.illog-input::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=datetime-local]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=file]::-ms-input-placeholder,
input[type=month]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=time]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
input[type=week]::-ms-input-placeholder {
  color: var(--illog-input--color-text-placeholder);
}
.illog-input:not(textarea):placeholder-shown,
input[type=date]:not(textarea):placeholder-shown,
input[type=datetime-local]:not(textarea):placeholder-shown,
input[type=email]:not(textarea):placeholder-shown,
input[type=file]:not(textarea):placeholder-shown,
input[type=month]:not(textarea):placeholder-shown,
input[type=number]:not(textarea):placeholder-shown,
input[type=password]:not(textarea):placeholder-shown,
input[type=search]:not(textarea):placeholder-shown,
input[type=tel]:not(textarea):placeholder-shown,
input[type=text]:not(textarea):placeholder-shown,
input[type=time]:not(textarea):placeholder-shown,
input[type=url]:not(textarea):placeholder-shown,
input[type=week]:not(textarea):placeholder-shown {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.is-error .illog-input {
  background-color: var(--illog-input--color-surface-error);
  border-color: var(--illog-input--color-border-error);
  border-width: 2px;
  color: var(--illog-input--color-text-error);
}
.is-error .illog-input:focus {
  border-color: var(--illog-input--color-border-active);
}

.sch-form-wrap {
  --illog-input--color-surface: var(--illog-color-input-surface);
  --illog-input--color-surface-readonly: var(
    --illog-color-input-surface-disabled
  );
  --illog-input--color-surface-disabled: var(
    --illog-color-input-surface-disabled
  );
  --illog-input--color-surface-error: var(
    --illog-color-input-surface
  );
  --illog-input--color-border: var(--illog-color-input-border);
  --illog-input--color-border-active: var(
    --illog-color-input-border-active
  );
  --illog-input--color-border-readonly: var(
    --illog-color-input-border-disabled
  );
  --illog-input--color-border-disabled: var(
    --illog-color-input-border-disabled
  );
  --illog-input--color-border-error: var(
    --illog-color-input-border-error
  );
  --illog-input--color-text: var(--illog-color-text-subtle);
  --illog-input--color-text-active: var(--illog-color-text-basic);
  --illog-input--color-text-readonly: var(--illog-color-text-subtle);
  --illog-input--color-text-disabled: var(
    --illog-color-text-disabled-on
  );
  --illog-input--color-text-placeholder: var(
    --illog-color-text-disabled
  );
  --illog-input--color-text-error: var(--illog-color-text-subtle);
  --illog-input--color-button-delete-bg: var(
    --illog-color-element-gray
  );
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: row;
  gap: var(--illog-gap-4);
  width: 100%;
}
.sch-form-wrap .sch-form {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--illog-gap-3);
  border-bottom: 0.1rem solid var(--illog-input--color-border);
}
.sch-form-wrap .sch-form .sch-input {
  height: var(--illog-input--size-height-medium);
  font-size: var(--illog-input--font-size-medium);
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--illog-input--color-text);
  width: 100%;
}
.sch-form-wrap .sch-form .sch-input:focus {
  outline: none;
  box-shadow: none;
}
.sch-form-wrap .sch-form .btn-search-delete {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--illog-size-height-4);
  height: var(--illog-size-height-4);
  padding: var(--illog-gap-1);
  color: var(--illog-color-gray-0);
  border-radius: var(--illog-radius-xlarge);
  font-size: var(--illog-number-7);
  aspect-ratio: 1/1;
}
.sch-form-wrap .sch-form .btn-search-delete:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: var(--illog-input--color-button-delete-bg);
  border-radius: var(--illog-radius-xlarge);
}
.sch-form-wrap .sch-form .btn-search-delete i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sch-form-wrap .sch-form .btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--illog-size-height-6);
  height: var(--illog-size-height-6);
  color: var(--illog-input--color-text-active);
  border-radius: var(--illog-radius-xlarge);
  aspect-ratio: 1/1;
}
.sch-form-wrap .btn-group {
  width: auto;
}
.sch-form-wrap label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

textarea {
  --illog-input--color-surface: var(--illog-color-input-surface);
  --illog-input--color-surface-readonly: var(
    --illog-color-input-surface-disabled
  );
  --illog-input--color-surface-disabled: var(
    --illog-color-input-surface-disabled
  );
  --illog-input--color-surface-error: var(
    --illog-color-input-surface
  );
  --illog-input--color-border: var(--illog-color-input-border);
  --illog-input--color-border-active: var(
    --illog-color-input-border-active
  );
  --illog-input--color-border-readonly: var(
    --illog-color-input-border-disabled
  );
  --illog-input--color-border-disabled: var(
    --illog-color-input-border-disabled
  );
  --illog-input--color-border-error: var(
    --illog-color-input-border-error
  );
  --illog-input--color-text: var(--illog-color-text-subtle);
  --illog-input--color-text-active: var(--illog-color-text-basic);
  --illog-input--color-text-readonly: var(--illog-color-text-subtle);
  --illog-input--color-text-disabled: var(
    --illog-color-text-disabled-on
  );
  --illog-input--color-text-placeholder: var(
    --illog-color-text-disabled
  );
  --illog-input--color-text-error: var(--illog-color-text-subtle);
  --illog-input--color-button-delete-bg: var(
    --illog-color-element-gray
  );
  display: block;
  width: 100%;
  min-height: calc(var(--illog-input--size-height-medium) * 2);
  padding: var(--illog-padding-4);
  border: 0.1rem solid var(--illog-input--color-border);
}

/* modal */
.modal__panel {
  --illog-modal--size-small: 40rem;
  --illog-modal--size-medium: 56rem;
  --illog-modal--size-large: 76rem;
  --illog-modal--size-min-height: 26rem;
  --illog-modal--wrap-radius: var(--illog-radius-xlarge);
  --illog-modal--padding: var(--illog-padding-8);
  --illog-modal--header-padding-top: var(--illog-padding-8);
  --illog-modal--header-font-size: var(
    --illog-font-size-heading-medium
  );
  --illog-modal--conts-padding-top: var(--illog-padding-6);
  --illog-modal--conts-padding-bottom: var(--illog-padding-3);
  --illog-modal--conts-gap: var(--illog-gap-5);
  --illog-modal--btn-gap: var(--illog-gap-3);
  --illog-modal--btn-padding-top: var(--illog-padding-6);
  --illog-modal--btn-size-min-wdith: 7.8rem;
  --illog-modal--btn-close-position: var(--illog-gap-7);
  --illog-modal--border-width: var(
    --illog-border-width-variable-regular
  );
  --illog-modal--color-text: var(--illog-color-text-basic);
  --illog-modal--wrap-color-surface: var(
    --illog-color-surface-white-subtler
  );
  --illog-modal--wrap-color-border: var(--illog-color-border-gray);
  --illog-modal--wrap-shadow:
    0 0 0.2rem 0 var(--illog-color-alpha-shadow2),
    0 1.6rem 2.4rem 0 var(--illog-color-alpha-shadow3);
  --illog-modal--color-dim: var(--illog-color-background-dim);
  --illog-modal--full-popup-surface: var(
    --illog-color-surface-secondary-subtler
  );
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s;
  font-size: var(--illog-font-size-body-medium);
  font-style: normal;
  font-weight: var(--illog-font-weight-regular);
  line-height: var(--illog-line-height-base);
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--illog-modal--color-dim);
  z-index: 100;
}
.modal__panel > * {
  width: 100%;
}
.modal__panel .modal__content.modal-sm {
  max-width: var(--illog-modal--size-small);
}
.modal__panel .modal__content.modal-md {
  max-width: var(--illog-modal--size-medium);
}
.modal__panel .modal__content.modal-lg {
  max-width: var(--illog-modal--size-large);
}
.modal__panel .modal__content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-height: 80%;
  max-width: var(--illog-modal--size-medium);
  background-color: var(--illog-modal--wrap-color-surface);
  border-radius: var(--illog-modal--wrap-radius);
  border: var(--illog-modal--border-width) solid var(--illog-modal--wrap-color-border);
  color: var(--illog-modal--color-text);
  outline-color: transparent;
  transition: outline-color 0.1s;
  box-shadow: var(--illog-modal--wrap-shadow);
}
.modal__panel .modal__content > *:not(.btn-close) {
  width: 100%;
}
.modal__panel .modal__content:focus {
  box-shadow: var(--illog-box-shadow-outline-inset);
  outline-offset: 0.4rem;
}
.modal__panel .modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  padding-top: var(--illog-modal--header-padding-top);
  padding-inline: var(--illog-modal--padding);
}
.modal__panel .modal__header .modal-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: var(--illog-modal--header-font-size);
  font-weight: var(--illog-font-weight-bold);
}
.modal__panel .modal__body {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  width: 100%;
  padding: var(--illog-modal--conts-padding-top) var(--illog-modal--padding) var(--illog-modal--conts-padding-bottom);
}
.modal__panel .modal__body::-webkit-scrollbar {
  width: 0.8rem;
}
.modal__panel .modal__body::-webkit-scrollbar-thumb {
  background-color: var(--illog-color-element-secondary-light);
  border-radius: 0.8rem;
}
.modal__panel .modal__body::-webkit-scrollbar-track {
  background-color: var(--illog-color-element-secondary-lighter);
}
.modal__panel .modal__body > * {
  width: 100%;
}
.modal__panel .modal__body .conts-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-modal--conts-gap);
}
.modal__panel .modal__body .conts-area > * {
  width: 100%;
}
.modal__panel .modal-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  gap: var(--illog-modal--btn-gap);
  padding: var(--illog-modal--btn-padding-top) var(--illog-modal--padding) var(--illog-modal--padding);
}
.modal__panel .modal-btn .illog-btn {
  min-width: var(--illog-modal--btn-size-min-wdith);
}
.modal__panel .modal-btn.multi-conts {
  justify-content: space-between;
}
.modal__panel .btn-close {
  position: absolute;
  top: var(--illog-modal--btn-close-position);
  right: var(--illog-modal--btn-close-position);
  z-index: 901;
}
.modal__panel[data-type=full] {
  background-color: var(--illog-modal--full-popup-surface);
}
.modal__panel[data-type=full] .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.modal__panel[data-type=full] .modal-header,
.modal__panel[data-type=full] .modal-conts {
  padding: 0;
}
.modal__panel[data-type=full] .modal-content {
  height: 100%;
  max-height: 100%;
  background: none;
  margin: 0 auto;
  border: none;
  border-radius: 0;
}
.modal__panel[data-type=full] .modal-back.in {
  display: none;
}
.modal__panel[data-type=bottom-sheet] {
  --illog-modal--bottom-sheet-radius: var(--illog-radius-xlarge1);
  --illog-modal--bottom-sheet-padding: var(--illog-padding-6);
  --illog-modal--bottom-sheet-btn-close-position-top: var(
    --illog-gap-6
  );
  --illog-modal--bottom-sheet-btn-close-position-right: var(
    --illog-gap-5
  );
  --illog-modal--bottom-sheet-btn-padding-top: var(
    --illog-padding-10
  );
}
.modal__panel[data-type=bottom-sheet] .modal-content {
  position: fixed;
  left: 0;
  bottom: -100%;
  border-radius: 0;
  border-top-left-radius: var(--illog-modal--bottom-sheet-radius);
  border-top-right-radius: var(--illog-modal--bottom-sheet-radius);
  max-height: 90%;
  transition: var(--illog-transition-base);
}
.modal__panel[data-type=bottom-sheet] .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: var(--illog-modal--bottom-sheet-padding);
  flex-shrink: 0;
}
.modal__panel[data-type=bottom-sheet] .modal-header .modal-title {
  font-size: var(--illog-font-size-heading-small);
}
.modal__panel[data-type=bottom-sheet] .modal-conts {
  display: block;
  padding: 0 var(--illog-modal--bottom-sheet-padding);
}
.modal__panel[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar {
  width: 0.8rem;
}
.modal__panel[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-thumb {
  background-color: var(--illog-color-element-secondary-light);
  border-radius: 0.8rem;
}
.modal__panel[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-track {
  background-color: var(--illog-color-element-secondary-lighter);
}
.modal__panel[data-type=bottom-sheet] .btn-close {
  top: var(--illog-modal--bottom-sheet-btn-close-position-top);
  right: var(--illog-modal--bottom-sheet-btn-close-position-right);
}
.modal__panel[data-type=bottom-sheet] .pop-filter-top {
  width: auto;
}
.modal__panel[data-type=bottom-sheet] .modal-btn.btn-wrap {
  padding: var(--illog-modal--bottom-sheet-btn-padding-top) var(--illog-modal--bottom-sheet-padding) var(--illog-modal--bottom-sheet-padding);
}
.modal__panel[data-type=bottom-sheet] .modal-btn.btn-wrap .illog-btn {
  flex: 1;
}
.modal__panel[data-type=bottom-sheet].in .modal-content {
  bottom: 0;
}

/* mobile */
@media (max-width: 767px) {
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog {
    width: var(--illog-modal--mobile-width);
    height: var(--illog-modal--mobile-height);
    min-height: var(--illog-modal--mobile-height);
    margin: var(--illog-modal--mobile-gap) auto;
  }
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header {
    padding: var(--illog-modal--mobile-header-padding-top) var(--illog-modal--mobile-padding) 0;
  }
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title {
    font-size: var(--illog-modal--header-mobile-font-size);
  }
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content {
    max-height: 100%;
  }
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts {
    padding-inline: var(--illog-modal--mobile-padding);
    padding-bottom: 0;
  }
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area > * {
    width: 100%;
  }
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-btn {
    padding: var(--illog-modal--mobile-btn-padding-top) var(--illog-modal--mobile-padding) var(--illog-modal--mobile-btn-padding-bottom);
  }
  .illog-modal:not([data-type=bottom-sheet]) .modal-dialog .btn-close {
    top: var(--illog-modal--mobile-btn-close-position);
    right: var(--illog-modal--mobile-btn-close-position);
  }
  .illog-modal[data-type=full] {
    --illog-modal--full-mobile-btn-close-size: var(
      --illog-size-height-4
    );
  }
  .illog-modal[data-type=full] .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .illog-modal[data-type=full] .modal-dialog .btn-close {
    width: var(--illog-modal--full-mobile-btn-close-size);
    height: var(--illog-modal--full-mobile-btn-close-size);
  }
}
/* 페이지네이션 */
/* pagination */
.illog-pagination {
  --illog-pagination--color-text: var(--illog-color-text-subtle);
  --illog-pagination--color-text-active: var(
    --illog-color-text-inverse-static
  );
  --illog-pagination--color-text-disabled: var(
    --illog-color-text-disabled
  );
  --illog-pagination--color-background: var(
    --illog-color-action-white
  );
  --illog-pagination--color-action: var(--illog-color-action-primary);
  --illog-pagination--color-action-hover: var(
    --illog-color-action-primary-hover
  );
  --illog-pagination--color-action-pressed: var(
    --illog-color-action-primary-pressed
  );
  --illog-pagination--color-action-active: var(
    --illog-color-action-primary-active
  );
  --illog-pagination--size-height: var(--illog-size-height-6);
  --illog-pagination--radius: var(--illog-radius-large);
  --illog-pagination--prev-btn-padding: var(--illog-padding-3);
}
.illog-pagination {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  color: var(--illog-pagination--color-text);
  background-color: var(--illog-pagination--color-background);
  border-radius: var(--illog-pagination--radius);
  border: var(--illog-border-width-static-regular) solid var(--illog-color-border-gray);
}
.illog-pagination .page-navi,
.illog-pagination .page-link,
.illog-pagination .page-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--illog-pagination--size-height);
  height: var(--illog-pagination--size-height);
  padding: var(--illog-pagination--prev-btn-padding);
  transition: var(--illog-transition-base);
}
.illog-pagination .page-navi:not(.page-ellipsis):hover,
.illog-pagination .page-link:not(.page-ellipsis):hover,
.illog-pagination .page-ellipsis:not(.page-ellipsis):hover {
  background-color: var(--illog-pagination--color-action-hover);
}
.illog-pagination .page-navi:not(.page-ellipsis):active,
.illog-pagination .page-link:not(.page-ellipsis):active,
.illog-pagination .page-ellipsis:not(.page-ellipsis):active {
  background-color: var(--illog-pagination--color-action-pressed);
}
.illog-pagination .page-navi:disabled {
  color: var(--illog-pagination--color-text-disabled);
}
.illog-pagination .page-navi:disabled:hover, .illog-pagination .page-navi:disabled:active {
  background-color: var(--illog-pagination--color-action-disabled);
}
.illog-pagination .page-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.illog-pagination .page-links .page-link.active {
  background-color: var(--illog-pagination--color-action-active);
  font-weight: var(--illog-font-weight-bold);
  color: var(--illog-pagination--color-text-active);
}

/* 사이드 메뉴 */
.illog-side-navigation {
  --illog-side-navigation--padding-y: var(--illog-padding-7);
  --illog-side-navigation--padding-x: var(--illog-padding-6);
  --illog-side-navigation--title-padding-bottom: var(
    --illog-padding-6
  );
  --illog-side-navigation--title-font-size: var(
    --illog-font-size-navigation-title-small
  );
  --illog-side-navigation--3depth-padding-y: var(--illog-padding-3);
  --illog-side-navigation--3depth-btn-padding-x: var(
    --illog-padding-6
  );
  --illog-side-navigation--3depth-btn-padding-y: var(
    --illog-padding-3
  );
  --illog-side-navigation--3depth-btn-radius: var(
    --illog-radius-medium
  );
  --illog-side-navigation--btn-radius: var(--illog-radius-medium);
  --illog-side-navigation--btn-gap: var(--illog-gap-3);
  --illog-side-navigation--btn-padding-y: var(--illog-padding-6);
  --illog-side-navigation--btn-padding-y-selected: var(
    --illog-padding-3
  );
  --illog-side-navigation--btn-padding-x: var(--illog-padding-3);
  --illog-side-navigation--btn-font-size: var(
    --illog-font-size-navigation-depth-medium
  );
  --illog-side-navigation--color-action: var(
    --illog-color-action-primary
  );
  --illog-side-navigation--color-action-hover: var(
    --illog-color-action-primary-hover
  );
  --illog-side-navigation--color-action-pressed: var(
    --illog-color-action-primary-pressed
  );
  --illog-side-navigation--color-action-selected: var(
    --illog-color-action-primary-selected
  );
  --illog-side-navigation--color-text: var(--illog-color-primary-70);
  --illog-side-navigation--color-text-selected: var(
    --illog-color-primary-70
  );
  flex: 1 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: sticky;
  top: 0;
  background: var(--illog-color-background-white);
  z-index: 10;
}
.illog-side-navigation .header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--illog-gap-5);
  width: 100%;
  font-size: var(--illog-side-navigation--title-font-size);
  font-weight: var(--illog-font-weight-bold);
  padding: var(--illog-side-navigation--padding-y) var(--illog-side-navigation--padding-x);
}
.illog-side-navigation .header .btn-lnb-menu {
  align-self: center;
  width: var(--illog-size-height-6);
  height: var(--illog-size-height-6);
  line-height: 1;
}
.illog-side-navigation .nav-item {
  order: 3;
  flex: 1;
  display: none;
  width: 100%;
  padding: var(--illog-side-navigation--padding-y) var(--illog-side-navigation--padding-x);
  background: var(--illog-color-background-white);
}
.illog-side-navigation .nav-item.is-open {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.illog-side-navigation .lnb-list {
  position: relative;
}
.illog-side-navigation .lnb-list .lnb-item {
  width: 100%;
}
.illog-side-navigation .lnb-list .lnb-item .lnb-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--illog-side-navigation--btn-gap);
  position: relative;
  width: 100%;
  background-color: var(--illog-side-navigation--color-action);
  padding: var(--illog-side-navigation--btn-padding-y) var(--illog-side-navigation--btn-padding-x);
  color: var(--illog-side-navigation--color-text);
  font-size: var(--illog-side-navigation--btn-font-size);
  font-weight: var(--illog-font-weight-bold);
  border-radius: var(--illog-side-navigation--btn-radius);
}
.illog-side-navigation .lnb-list .lnb-item .lnb-btn:hover {
  color: var(--illog-side-navigation--color-text-selected);
  background-color: var(--illog-side-navigation--color-action-hover);
}
.illog-side-navigation .lnb-list .lnb-item .lnb-btn:active {
  color: var(--illog-side-navigation--color-text-selected);
  background-color: var(--illog-side-navigation--color-action-selected);
}
.illog-side-navigation .lnb-list .lnb-item .lnb-btn:focus {
  box-shadow: var(--illog-box-shadow-outline-inset);
  outline-offset: -0.1rem;
}
.illog-side-navigation .lnb-list .lnb-item .lnb-btn:after {
  content: "\f106";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  font-family: "Font Awesome 7 Free";
  transform: rotate(90deg);
}
.illog-side-navigation .lnb-list .lnb-item.active .lnb-btn, .illog-side-navigation .lnb-list .lnb-item.inactive .lnb-btn {
  color: var(--illog-side-navigation--color-text-selected);
  background-color: var(--illog-side-navigation--color-action-selected);
}
.illog-side-navigation .lnb-list .lnb-item.has-children .lnb-btn:after {
  transform: rotate(180deg);
}
.illog-side-navigation .lnb-list .lnb-item.has-children .lnb-sub-list {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.illog-side-navigation .lnb-list .lnb-item.has-children.active .lnb-btn:after {
  transform: rotate(0deg);
}
.illog-side-navigation .lnb-list .lnb-item.has-children.active .lnb-sub-list {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
}
.illog-side-navigation .lnb-list .lnb-sub-list {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  transition: var(--illog-transition-base);
}
.illog-side-navigation .lnb-list .lnb-sub-list > ul {
  width: 100%;
  padding: var(--illog-side-navigation--btn-padding-y) 0;
  background-color: var(--illog-side-navigation--color-action);
}
.illog-side-navigation .lnb-list .lnb-sub-list .lnb-sub-item {
  width: 100%;
}
.illog-side-navigation .lnb-list .lnb-sub-list .lnb-sub-btn {
  display: block;
  padding: var(--illog-side-navigation--3depth-btn-padding-y) var(--illog-side-navigation--3depth-btn-padding-x);
  border-radius: var(--illog-side-navigation--3depth-btn-radius);
  font-weight: var(--illog-font-weight-regular);
}
.illog-side-navigation .lnb-list .lnb-sub-list .lnb-sub-btn:focus {
  box-shadow: var(--illog-box-shadow-outline-inset);
  outline-offset: -0.1rem;
}
.illog-side-navigation .lnb-list .lnb-sub-list .lnb-sub-btn:hover {
  background-color: var(--illog-side-navigation--color-action-hover);
}
.illog-side-navigation .lnb-list .lnb-sub-list .lnb-sub-btn:active {
  background-color: var(--illog-side-navigation--color-action-pressed);
}
.illog-side-navigation .lnb-list .lnb-sub-list .lnb-sub-item.is-active .lnb-sub-btn {
  color: var(--illog-side-navigation--color-text-selected);
  font-weight: var(--illog-font-weight-bold);
  background-color: var(--illog-side-navigation--color-action-hover);
}
.illog-side-navigation .user-box {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: auto;
  padding: var(--illog-side-navigation--padding-y) var(--illog-side-navigation--padding-x);
}
.illog-side-navigation .user-box .profile-img {
  width: var(--illog-number-14);
  border-radius: var(--illog-radius-max);
}
@media (min-width: 1024px) {
  .illog-side-navigation {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    position: sticky;
    top: 0;
    width: 26rem;
    height: 100vh;
  }
  .illog-side-navigation .header {
    padding-bottom: 0;
  }
  .illog-side-navigation .header .btn-lnb-menu {
    display: none;
  }
  .illog-side-navigation .nav-item {
    order: inherit;
    overflow-y: auto;
    display: block;
  }
  .illog-side-navigation .user-box {
    position: inherit;
    width: 100%;
  }
}
/* layout */
.illog-container {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  max-width: var(--illog-contents-wrap-size);
  margin: 0 auto;
}

.content {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-6);
  width: 100%;
  padding: var(--illog-contents-padding-x);
}
.content .content-title {
  width: 100%;
}
.content .content-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--illog-gap-6);
  width: 100%;
}
.content .content-item > .item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-6);
  width: 100%;
  padding: var(--illog-contents-padding-x);
  border-radius: var(--illog-radius-medium);
  background: var(--illog-color-background-white);
  box-shadow: 0 8px 20px -8px var(--illog-color-alpha-black10);
}
.content .content-item > .item[class*=-form-panel] {
  min-width: unset;
  max-width: 45rem;
  margin: 0 auto;
}
.content .item-head {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-3);
  width: 100%;
}
.content .item-head.util {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.content .item-head.util .btn-group {
  width: auto;
  margin-top: inherit;
}
.content .item-head.util .btn-group > .illog-btn {
  width: auto;
}
.content .item-head .title-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-3);
}
.content .item-head .title {
  font-size: var(--illog-font-size-heading-medium);
}
.content .item-head .description {
  font-size: var(--illog-font-size-body-medium);
}
.content .item-body {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-6);
  width: 100%;
}
.content .item-body .item-head {
  flex-direction: row;
}
.content .item-body .item-head .title {
  font-size: var(--illog-font-size-heading-small);
  font-weight: var(--illog-font-weight-bold);
}
.content .item-body .form-group {
  width: 100%;
}
.content .item-footer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-3);
  width: 100%;
}
.content .item-footer.util {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.content .item-footer.util .btn-group {
  width: auto;
  margin-top: inherit;
  margin-bottom: auto;
}

.page-top-button {
  visibility: hidden;
  position: fixed;
  right: 4rem;
  bottom: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: var(--illog-size-height-9);
  height: var(--illog-size-height-9);
  border-radius: var(--illog-radius-small);
  border: 0.1rem solid var(--illog-color-border-gray-light);
  background-color: var(--illog-color-action-white);
  box-shadow: 0px 0px 2px 0px var(--illog-color-alpha-shadow1), 0px 4px 8px 0px var(--illog-color-alpha-shadow2);
  z-index: -1;
  opacity: 0;
  font-size: var(--illog-font-size-label-small);
}
.page-top-button:hover {
  background-color: var(--illog-color-action-secondary-hover);
}
.page-top-button:active, .page-top-button:focus {
  background-color: var(--illog-color-action-secondary-pressed);
  box-shadow: var(--illog-box-shadow-outline-inset);
  outline-offset: -0.1rem;
}
.page-top-button.active {
  z-index: 60;
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1023px) {
  .page-top-button {
    right: var(--illog-contents-padding-x);
    bottom: var(--illog-contents-padding-x);
  }
}

@media (min-width: 1024px) {
  .illog-container {
    flex-direction: row;
  }
  .content .content-item.type-02 {
    flex-direction: row;
  }
  .content .content-item.type-02 > .item {
    flex: 1;
    min-width: 45%;
    min-height: 100%;
  }
}
.calendar-panel {
  height: 56rem;
}
.calendar-panel .item-body {
  flex: 0 !important;
}

.calendar-control {
  display: flex;
  gap: var(--illog-gap-3);
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  text-align: center;
}
.calendar-grid .calendar__day-cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: var(--illog-gap-1);
  border-radius: var(--illog-radius-xsmall);
  aspect-ratio: 1/1;
}
.calendar-grid .calendar__day-cell.is-other-month [class*=day-] {
  filter: opacity(0.6);
}
.calendar-grid .calendar__day-cell.is-today {
  background: var(--illog-color-element-primary-lighter);
}
.calendar-grid .calendar__day-cell.is-selected {
  background: var(--illog-color-element-primary-light);
}
.calendar-grid .calendar__day-cell:hover, .calendar-grid .calendar__day-cell:focus {
  background: var(--illog-color-element-primary-light);
}
.calendar-grid .calendar__day-cell .day-number {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
.calendar-grid .calendar__day-cell .day-schedule {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--illog-gap-2);
  min-height: calc(var(--illog-size-height-1) * 0.5);
  width: 100%;
  padding-bottom: var(--illog-gap-3);
  box-sizing: content-box;
}
.calendar-grid .calendar__day-cell .day-schedule [class*=has-] {
  display: inline-block;
  width: calc(var(--illog-size-height-1) * 0.5);
  height: calc(var(--illog-size-height-1) * 0.5);
  border-radius: 50%;
}
.calendar-grid .calendar__day-cell .day-schedule .has-note {
  background: var(--illog-color-primary-70);
}
.calendar-grid .calendar__day-cell .day-schedule .has-staff {
  background: var(--illog-color-point-50);
}
.calendar-grid .calendar__day-cell .day-staff-list {
  width: 100%;
}
.calendar-grid .calendar__day-cell .day-staff-list .day-staff-chip {
  width: 100%;
  padding: 0 var(--illog-gap-2);
  text-align: left;
  font-size: var(--illog-font-size-label-small);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.calendar-grid .calendar__day-cell .day-staff-list .day-staff-chip.is-editable {
  background: var(--illog-color-alpha-white75);
  border-left: var(--illog-border-width-static-medium) solid var(--illog-color-primary-50);
}
.calendar-grid .calendar__day-cell .day-staff-list .day-staff-chip.is-readonly {
  color: var(--illog-color-gray-50);
  border-left: var(--illog-border-width-static-medium) solid var(--illog-color-gray-30);
}
.calendar-grid .calendar__day-cell .more-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 2.1rem;
  padding-top: 0.2rem;
  font-size: var(--illog-font-size-label-xsmall);
}
.calendar-grid .calendar__day-cell .more-items span {
  font-weight: var(--illog-font-weight-bold);
}
.calendar-grid.variant-schedule {
  border: 1px solid var(--illog-color-border-gray-light);
  border-bottom: 0;
  border-left: 0;
}
.calendar-grid.variant-schedule .calendar__weekday {
  border: 1px solid var(--illog-color-border-gray-light);
  border-top: 0;
  border-right: 0;
}
.calendar-grid.variant-schedule .calendar__day-cell {
  overflow: hidden;
  position: relative;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--illog-color-border-gray-light);
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  aspect-ratio: 1/1.1;
}
.calendar-grid.variant-schedule .calendar__day-cell .day-number {
  flex: 0 0 var(--illog-size-height-6);
}

.calendar-note {
  overflow-y: auto;
  width: 100%;
}
.calendar-note .note-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-2);
  padding: var(--illog-gap-3) 0;
}
.calendar-note .note-list .memo-item {
  padding: var(--illog-gap-2);
  padding-left: var(--illog-gap-6);
}
.calendar-note .note-list .memo-item:before {
  content: "";
  position: absolute;
  left: var(--illog-gap-3);
  top: 1.6rem;
  width: var(--illog-padding-2);
  height: var(--illog-padding-2);
  border-radius: 50%;
  background: var(--illog-color-gray-80);
  transform: translateY(-50%);
}
.calendar-note .note-list .note-item {
  width: 100%;
}
.calendar-note .note-list .date-info {
  display: inline-flex;
}
.calendar-note .memo-item {
  position: relative;
  width: 100%;
  padding: var(--illog-gap-4);
  background: var(--illog-color-element-gray-lighter);
}
.calendar-note .date-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--illog-gap-3);
}
.calendar-note .date-actions .info-item em {
  font-weight: var(--illog-font-weight-bold);
}

.staff-panel {
  max-height: 44rem;
}
.staff-panel .item-body {
  overflow-y: auto;
}

.staff-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}

.staff-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--illog-gap-3);
  width: 100%;
}
.staff-item + .staff-item {
  margin-top: var(--illog-gap-3);
  padding-top: var(--illog-gap-3);
  border-top: var(--illog-border-width-static-regular) solid var(--illog-color-border-gray-light);
}
.staff-item.grid-type {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr 1fr auto;
  gap: var(--illog-gap-3);
}
.staff-item .staff-actions, .staff-item .staff-contact, .staff-item .staff-role, .staff-item .staff-status {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.staff-item .staff-profile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--illog-gap-3);
  height: 100%;
}
.staff-item .staff-profile .staff-img {
  width: var(--illog-number-14);
  height: var(--illog-number-14);
  border-radius: var(--illog-radius-max);
}
.staff-item .staff-profile .staff-img-personal,
.staff-item .staff-profile .staff-img-default {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--illog-radius-max);
  object-fit: cover;
}
.staff-item .staff-profile .staff-img-default {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: var(--illog-border-width-static-regular) solid var(--illog-color-border-gray);
}
.staff-item .staff-profile .staff-name {
  font-weight: var(--illog-font-weight-bold);
}
.staff-item .staff-actions {
  align-items: flex-end;
}

.content-item > .contracts-stats .stat-card {
  padding: var(--illog-contents-padding-x);
  background: var(--illog-color-gray-0);
  box-shadow: 0 8px 20px -8px var(--illog-color-alpha-black10);
}

.contracts-stats {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--illog-gap-5);
  flex-wrap: wrap;
  width: 100%;
}
.contracts-stats .stat-card {
  flex: 1 0 calc(50% - var(--illog-gap-5) * 0.5);
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-2);
  padding: var(--illog-gap-4);
  background: var(--illog-color-gray-5);
  border-radius: var(--illog-radius-medium);
}
.contracts-stats .stat-card .stat-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--illog-gap-2);
  width: 100%;
}
.contracts-stats .stat-card .stat-head .stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--illog-size-height-5);
  height: var(--illog-size-height-5);
  color: var(--illog-color-element-primary);
  background: var(--illog-color-element-primary-light);
  border-radius: var(--illog-radius-xsmall);
}
.contracts-stats .stat-card .stat-head .stat-icon i {
  font-size: var(--illog-font-size-heading-small);
}
.contracts-stats .stat-card .stat-value {
  font-size: var(--illog-font-size-heading-medium);
}
.contracts-stats .progress-bar {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: var(--illog-size-height-2);
  border-radius: var(--illog-radius-medium);
  background: var(--illog-color-element-primary-lighter);
  box-shadow: 0 2px 1px var(--illog-color-alpha-white100), 0 -2px 1px var(--illog-color-alpha-black10);
}
.contracts-stats .progress-bar .progress-fill {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: var(--illog-radius-medium);
  background: var(--illog-color-primary-70);
  animation: loadbar 2s normal forwards ease-in-out;
}
@keyframes loadbar {
  0% {
    width: 0%;
  }
}

.item-info-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--illog-gap-2);
  width: 100%;
  padding: var(--illog-gap-3) 0;
}

.toast-msg {
  position: fixed;
  bottom: var(--illog-gap-5);
  left: 50%;
  transform: translateX(-50%);
  padding: var(--illog-gap-3) var(--illog-gap-5);
  background: var(--illog-color-alpha-black75);
  color: var(--illog-color-gray-0);
  border-radius: var(--illog-radius-medium);
  box-shadow: 0px 4px 6px -1px var(--illog-color-alpha-shadow1), 0px 2px 4px -1px var(--illog-color-alpha-shadow1);
}

.signature-canvas-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  background: var(--illog-color-element-gray-lighter);
  border-radius: var(--illog-radius-medium);
  aspect-ratio: 2/1;
}
.signature-canvas-box .signature-canvas {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.signature-canvas-box .signature-canvas-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--illog-color-alpha-inverse50);
}

@media (min-width: 1024px) {
  .contracts-stats .stat-card {
    flex: 1;
    height: 100%;
  }
}