@charset "utf-8";

/************************************* 
Token Style Sheet
Version : 1.0
Author : KRDS(setting change) - uracle(sejong) - sk.k
Create date : 2025. 05.
*************************************/

@charset "utf-8";

:root {
	--white: #fff;
	--black: #000;
	--information: #2768FF;

	/* margin */
	--number-0: 0rem;
	--number-1: 0.1rem;
	--number-2: 0.2rem;
	--number-3: 0.4rem;
	--number-4: 0.6rem;
	--number-5: 0.8rem;
	--number-6: 1rem;
	--number-7: 1.2rem;
	--number-8: 1.6rem;
	--number-9: 2rem;
	--number-10: 2.4rem;
	--number-11: 2.8rem;
	--number-12: 3.2rem;
	--number-13: 3.6rem;
	--number-14: 4rem;
	--number-15: 4.4rem;
	--number-16: 4.8rem;
	--number-17: 5.6rem;
	--number-18: 6.4rem;
	--number-19: 7.2rem;
	--number-20: 8rem;
	--number-21: 9.6rem;
	--number-max: 100rem;

	/* SEMANTIC */
	--gap-1: var(--number-2);
	--gap-2: var(--number-3);
	--gap-3: var(--number-5);
	--gap-4: var(--number-7);
	--gap-5: var(--number-8);
	--gap-6: var(--number-9);
	--gap-7: var(--number-10);
	--gap-8: var(--number-12);
	--gap-9: var(--number-14);
	--gap-10: var(--number-16);
	--gap-11: var(--number-18);
	--gap-12: var(--number-20);
	--padding-1: var(--number-2);
	--padding-2: var(--number-3);
	--padding-3: var(--number-5);
	--padding-4: var(--number-6);
	--padding-5: var(--number-7);
	--padding-6: var(--number-8);
	--padding-7: var(--number-9);
	--padding-8: var(--number-10);
	--padding-9: var(--number-12);
	--padding-10: var(--number-14);
	--size-height-1: var(--number-5);
	--size-height-2: var(--number-8);
	--size-height-3: var(--number-9);
	--size-height-4: var(--number-10);
	--size-height-5: var(--number-12);
	--size-height-6: var(--number-13);
	--size-height-7: var(--number-16);
	--size-height-8: var(--number-17);
	--size-height-9: var(--number-18);
	--size-height-10: var(--number-19);
	--size-height-11: var(--number-20);

	--line-height-none: 1;
	--line-height-base: 1.5;
	--font-weight-regular: 400;
	--font-weight-bold: 700;

	--radius-xsmall: var(--number-2);
	--radius-small: var(--number-3);
	--radius-medium1: var(--number-4);
	--radius-medium2: var(--number-5);
	--radius-large: var(--number-6);
	--radius-xlarge1: var(--number-7);
	--radius-xlarge2: var(--number-8);
	--radius-max: var(--number-max);

	/* PRIMITIVE */
	--color-light-primary-5: #ecf2fe;
	--color-light-primary-10: #d8e5fd;
	--color-light-primary-20: #b1cefb;
	--color-light-primary-30: #86aff9;
	--color-light-primary-40: #4c87f6;
	--color-light-primary-50: #256ef4;
	--color-light-primary-60: #0b50d0;
	--color-light-primary-70: #083891;
	--color-light-primary-80: #052561;
	--color-light-primary-90: #03163a;
	--color-light-primary-95: #020f27;
	--color-light-secondary-5: #eef2f7;
	--color-light-secondary-10: #d6e0eb;
	--color-light-secondary-20: #bacbde;
	--color-light-secondary-30: #90b0d5;
	--color-light-secondary-40: #6b96c7;
	--color-light-secondary-50: #346fb2;
	--color-light-secondary-60: #1c589c;
	--color-light-secondary-70: #063a74;
	--color-light-secondary-80: #052b57;
	--color-light-secondary-90: #031f3f;
	--color-light-secondary-95: #02162c;
	--color-light-gray-0: #ffffff;
	--color-light-gray-5: #f4f5f6;
	--color-light-gray-10: #e6e8ea;
	--color-light-gray-20: #cdd1d5;
	--color-light-gray-30: #b1b8be;
	--color-light-gray-40: #8a949e;
	--color-light-gray-50: #6d7882;
	--color-light-gray-60: #58616a;
	--color-light-gray-70: #464c53;
	--color-light-gray-80: #33363d;
	--color-light-gray-90: #1e2124;
	--color-light-gray-95: #131416;
	--color-light-gray-100: #000000;
	--color-light-alpha-black100: #000000;
	--color-light-alpha-black75: #000000bf;
	--color-light-alpha-black50: #00000080;
	--color-light-alpha-black25: #00000040;
	--color-light-alpha-black10: #0000001a;
	--color-light-alpha-black0: #00000000;
	--color-light-alpha-white100: #ffffff;
	--color-light-alpha-white75: #ffffffbf;
	--color-light-alpha-white50: #ffffff80;
	--color-light-alpha-white25: #ffffff40;
	--color-light-alpha-white10: #ffffff1a;
	--color-light-alpha-white0: #ffffff00;
	--color-light-danger-5: #fdefec;
	--color-light-danger-10: #fcdfd9;
	--color-light-danger-20: #f7afa1;
	--color-light-danger-30: #f48771;
	--color-light-danger-40: #f05f42;
	--color-light-danger-50: #de3412;
	--color-light-danger-60: #bd2c0f;
	--color-light-danger-70: #8a240f;
	--color-light-danger-80: #5c180a;
	--color-light-danger-90: #390d05;
	--color-light-danger-95: #260903;
	--color-light-information-5: #e7f4fe;
	--color-light-information-10: #d3ebfd;
	--color-light-information-20: #9ed2fa;
	--color-light-information-30: #5fb5f7;
	--color-light-information-40: #2098f3;
	--color-light-information-50: #0b78cb;
	--color-light-information-60: #096ab3;
	--color-light-information-70: #085691;
	--color-light-information-80: #053961;
	--color-light-information-90: #03253f;
	--color-light-information-95: #021a2c;
	--color-light-warning-5: #fff3db;
	--color-light-warning-10: #ffe0a3;
	--color-light-warning-20: #ffc95c;
	--color-light-warning-30: #ffb114;
	--color-light-warning-40: #c78500;
	--color-light-warning-50: #9e6a00;
	--color-light-warning-60: #8a5c00;
	--color-light-warning-70: #614100;
	--color-light-warning-80: #422c00;
	--color-light-warning-90: #2e1f00;
	--color-light-warning-95: #241800;
	--color-light-success-5: #eaf6ec;
	--color-light-success-10: #d8eedd;
	--color-light-success-20: #a9dab4;
	--color-light-success-30: #7ec88e;
	--color-light-success-40: #3fa654;
	--color-light-success-50: #228738;
	--color-light-success-60: #267337;
	--color-light-success-70: #285d33;
	--color-light-success-80: #1f4727;
	--color-light-success-90: #122b18;
	--color-light-success-95: #0e2012;
	--color-light-point-5: #fbeff0;
	--color-light-point-10: #f5d6d9;
	--color-light-point-20: #ebadb2;
	--color-light-point-30: #e0858c;
	--color-light-point-40: #d65c66;
	--color-light-point-50: #d63d4a;
	--color-light-point-60: #ab2b36;
	--color-light-point-70: #7a1f26;
	--color-light-point-80: #521419;
	--color-light-point-90: #310c0f;
	--color-light-point-95: #21080a;
	--color-light-graphic-10: #e5ecf9;
	--color-light-graphic-30: #98acc5;
	--color-light-graphic-50: #61758f;
	--color-light-graphic-70: #39506c;
	--color-light-graphic-90: #223a58;
	--color-high-contrast-gray-0: #ffffff;
	--color-high-contrast-gray-5: #f4f5f6;
	--color-high-contrast-gray-10: #e6e8ea;
	--color-high-contrast-gray-20: #cdd1d5;
	--color-high-contrast-gray-30: #b1b8be;
	--color-high-contrast-gray-40: #8a949e;
	--color-high-contrast-gray-50: #6d7882;
	--color-high-contrast-gray-60: #58616a;
	--color-high-contrast-gray-70: #464c53;
	--color-high-contrast-gray-80: #33363d;
	--color-high-contrast-gray-90: #1e2124;
	--color-high-contrast-gray-95: #131416;
	--color-high-contrast-gray-100: #000000;
	--color-high-contrast-primary-5: #ecf2fe;
	--color-high-contrast-primary-10: #d8e5fd;
	--color-high-contrast-primary-20: #b1cefb;
	--color-high-contrast-primary-30: #86aff9;
	--color-high-contrast-primary-40: #4c87f6;
	--color-high-contrast-primary-50: #256ef4;
	--color-high-contrast-primary-60: #0b50d0;
	--color-high-contrast-primary-70: #083891;
	--color-high-contrast-primary-80: #052561;
	--color-high-contrast-primary-90: #03163a;
	--color-high-contrast-primary-95: #020f27;
	--color-high-contrast-secondary-5: #edf6f8;
	--color-high-contrast-secondary-10: #d5ebf1;
	--color-high-contrast-secondary-20: #abd8e3;
	--color-high-contrast-secondary-30: #75c0d1;
	--color-high-contrast-secondary-40: #3d9fb8;
	--color-high-contrast-secondary-50: #268097;
	--color-high-contrast-secondary-60: #1f687a;
	--color-high-contrast-secondary-70: #17505e;
	--color-high-contrast-secondary-80: #113b45;
	--color-high-contrast-secondary-90: #0e3139;
	--color-high-contrast-secondary-95: #091f25;
	--color-high-contrast-point-5: #fbeff0;
	--color-high-contrast-point-10: #f5d6d9;
	--color-high-contrast-point-20: #ebadb2;
	--color-high-contrast-point-30: #e0858c;
	--color-high-contrast-point-40: #d65c66;
	--color-high-contrast-point-50: #d63d4a;
	--color-high-contrast-point-60: #ab2b36;
	--color-high-contrast-point-70: #7a1f26;
	--color-high-contrast-point-80: #521419;
	--color-high-contrast-point-90: #310c0f;
	--color-high-contrast-point-95: #21080a;
	--color-high-contrast-danger-5: #fdefec;
	--color-high-contrast-danger-10: #fcdfd9;
	--color-high-contrast-danger-20: #f7afa1;
	--color-high-contrast-danger-30: #f48771;
	--color-high-contrast-danger-40: #f05f42;
	--color-high-contrast-danger-50: #de3412;
	--color-high-contrast-danger-60: #bd2c0f;
	--color-high-contrast-danger-70: #8a240f;
	--color-high-contrast-danger-80: #5c180a;
	--color-high-contrast-danger-90: #390d05;
	--color-high-contrast-danger-95: #260903;
	--color-high-contrast-warning-5: #fff3db;
	--color-high-contrast-warning-10: #ffe0a3;
	--color-high-contrast-warning-20: #ffc95c;
	--color-high-contrast-warning-30: #ffb114;
	--color-high-contrast-warning-40: #c78500;
	--color-high-contrast-warning-50: #9e6a00;
	--color-high-contrast-warning-60: #8a5c00;
	--color-high-contrast-warning-70: #614100;
	--color-high-contrast-warning-80: #422c00;
	--color-high-contrast-warning-90: #2e1f00;
	--color-high-contrast-warning-95: #241800;
	--color-high-contrast-success-5: #eaf6ec;
	--color-high-contrast-success-10: #d8eedd;
	--color-high-contrast-success-20: #a9dab4;
	--color-high-contrast-success-30: #7ec88e;
	--color-high-contrast-success-40: #3fa654;
	--color-high-contrast-success-50: #228738;
	--color-high-contrast-success-60: #267337;
	--color-high-contrast-success-70: #285d33;
	--color-high-contrast-success-80: #1f4727;
	--color-high-contrast-success-90: #122b18;
	--color-high-contrast-success-95: #0e2012;
	--color-high-contrast-information-5: #e7f4fe;
	--color-high-contrast-information-10: #d3ebfd;
	--color-high-contrast-information-20: #9ed2fa;
	--color-high-contrast-information-30: #5fb5f7;
	--color-high-contrast-information-40: #2098f3;
	--color-high-contrast-information-50: #0b78cb;
	--color-high-contrast-information-60: #096ab3;
	--color-high-contrast-information-70: #085691;
	--color-high-contrast-information-80: #053961;
	--color-high-contrast-information-90: #03253f;
	--color-high-contrast-information-95: #021a2c;
	--color-high-contrast-alpha-black100: #000000;
	--color-high-contrast-alpha-black75: #000000bf;
	--color-high-contrast-alpha-black50: #00000080;
	--color-high-contrast-alpha-black25: #00000040;
	--color-high-contrast-alpha-black10: #0000001a;
	--color-high-contrast-alpha-black0: #00000000;
	--color-high-contrast-alpha-white100: #ffffff;
	--color-high-contrast-alpha-white75: #ffffffbf;
	--color-high-contrast-alpha-white50: #ffffff80;
	--color-high-contrast-alpha-white25: #ffffff40;
	--color-high-contrast-alpha-white10: #ffffff1a;
	--color-high-contrast-alpha-white0: #ffffff00;
	--color-high-contrast-graphic-10: #e5ecf9;
	--color-high-contrast-graphic-30: #98acc5;
	--color-high-contrast-graphic-50: #61758f;
	--color-high-contrast-graphic-70: #39506c;
	--color-high-contrast-graphic-90: #223a58;

	/* MODE-LIGHT */
	--light-color-surface-gray-subtler: var(--color-light-gray-5);
	--light-color-surface-gray-subtle: var(--color-light-gray-10);
	--light-color-surface-disabled: var(--color-light-gray-20);
	--light-color-surface-primary-subtler: var(--color-light-primary-5);
	--light-color-surface-secondary-subtler: var(--color-light-secondary-5);
	--light-color-surface-danger-subtler: var(--color-light-danger-5);
	--light-color-surface-warning-subtler: var(--color-light-warning-5);
	--light-color-surface-success-subtler: var(--color-light-success-5);
	--light-color-surface-information-subtler: var(--color-light-information-5);
	--light-color-surface-point-subtler: var(--color-light-point-5);
	--light-color-surface-white: var(--color-light-gray-0);
	--light-color-surface-inverse: var(--color-light-gray-90);
	--light-color-surface-white-static: var(--color-light-gray-0);
	--light-color-surface-inverse-static: var(--color-light-gray-90);
	--light-color-surface-white-subtle: var(--color-light-gray-0);
	--light-color-surface-white-subtler: var(--color-light-gray-0);
	--light-color-border-gray-light: var(--color-light-gray-20);
	--light-color-border-gray: var(--color-light-gray-30);
	--light-color-border-secondary-light: var(--color-light-secondary-10);
	--light-color-border-danger-light: var(--color-light-danger-10);
	--light-color-border-danger: var(--color-light-danger-50);
	--light-color-border-warning-light: var(--color-light-warning-10);
	--light-color-border-warning: var(--color-light-warning-50);
	--light-color-border-success-light: var(--color-light-success-10);
	--light-color-border-success: var(--color-light-success-50);
	--light-color-border-information-light: var(--color-light-information-10);
	--light-color-border-information: var(--color-light-information-50);
	--light-color-border-gray-dark: var(--color-light-gray-60);
	--light-color-border-primary: var(--color-light-primary-50);
	--light-color-border-disabled: var(--color-light-gray-30);
	--light-color-border-gray-darker: var(--color-light-gray-90);
	--light-color-border-secondary: var(--color-light-secondary-70);
	--light-color-border-inverse: var(--color-light-gray-0);
	--light-color-border-transparency: var(--color-light-alpha-black0);
	--light-color-border-primary-light: var(--color-light-primary-10);
	--light-color-border-point: var(--color-light-point-50);
	--light-color-border-point-light: var(--color-light-point-10);
	--light-color-divider-gray-light: var(--color-light-gray-20);
	--light-color-divider-gray: var(--color-light-gray-40);
	--light-color-divider-gray-dark: var(--color-light-gray-50);
	--light-color-divider-primary: var(--color-light-primary-50);
	--light-color-divider-secondary-light: var(--color-light-secondary-10);
	--light-color-divider-secondary: var(--color-light-secondary-70);
	--light-color-divider-error: var(--color-light-danger-50);
	--light-color-divider-primary-light: var(--color-light-primary-10);
	--light-color-divider-inverse: var(--color-light-gray-0);
	--light-color-divider-gray-darker: var(--color-light-gray-90);
	--light-color-divider-point: var(--color-light-point-50);
	--light-color-text-bolder: var(--color-light-gray-95);
	--light-color-text-subtle: var(--color-light-gray-70);
	--light-color-text-disabled: var(--color-light-gray-40);
	--light-color-text-disabled-on: var(--color-light-gray-50);
	--light-color-text-primary: var(--color-light-primary-60);
	--light-color-text-secondary: var(--color-light-secondary-80);
	--light-color-text-danger: var(--color-light-danger-60);
	--light-color-text-warning: var(--color-light-warning-60);
	--light-color-text-success: var(--color-light-success-60);
	--light-color-text-information: var(--color-light-information-60);
	--light-color-text-basic: var(--color-light-gray-90);
	--light-color-text-point: var(--color-light-point-60);
	--light-color-text-bolder-inverse: var(--color-light-gray-0);
	--light-color-text-basic-inverse: var(--color-light-gray-0);
	--light-color-text-subtle-inverse: var(--color-light-gray-30);
	--light-color-text-inverse-static: var(--color-light-gray-0);
	--light-color-text-static: var(--color-light-gray-90);
	--light-color-icon-gray: var(--color-light-gray-80);
	--light-color-icon-gray-fill: var(--color-light-gray-20);
	--light-color-icon-inverse: var(--color-light-gray-0);
	--light-color-icon-primary: var(--color-light-primary-50);
	--light-color-icon-secondary: var(--color-light-secondary-80);
	--light-color-icon-point: var(--color-light-point-50);
	--light-color-icon-danger: var(--color-light-danger-50);
	--light-color-icon-warning: var(--color-light-warning-50);
	--light-color-icon-success: var(--color-light-success-50);
	--light-color-icon-information: var(--color-light-information-50);
	--light-color-icon-gray-light: var(--color-light-gray-70);
	--light-color-icon-disabled: var(--color-light-gray-40);
	--light-color-icon-disabled-on: var(--color-light-gray-50);
	--light-color-icon-inverse-static: var(--color-light-gray-0);
	--light-color-icon-primary-static: var(--color-light-primary-50);
	--light-color-icon-secondary-static: var(--color-light-secondary-80);
	--light-color-icon-point-static: var(--color-light-point-50);
	--light-color-icon-danger-static: var(--color-light-danger-50);
	--light-color-icon-warning-static: var(--color-light-warning-50);
	--light-color-icon-success-static: var(--color-light-success-50);
	--light-color-icon-information-static: var(--color-light-information-50);
	--light-color-icon-gray-static: var(--color-light-gray-80);
	--light-color-link-default: var(--color-light-primary-50);
	--light-color-link-hover: var(--color-light-primary-60);
	--light-color-link-pressed: var(--color-light-primary-70);
	--light-color-link-visited: #5917b8;
	--light-color-button-primary-fill: var(--color-light-primary-50);
	--light-color-button-primary-fill-hover: var(--color-light-primary-60);
	--light-color-button-primary-fill-pressed: var(--color-light-primary-70);
	--light-color-button-secondary-fill: var(--color-light-primary-5);
	--light-color-button-secondary-fill-hover: var(--color-light-primary-10);
	--light-color-button-secondary-fill-pressed: var(--color-light-primary-20);
	--light-color-button-secondary-border: var(--color-light-primary-50);
	--light-color-button-tertiary-fill: var(--color-light-alpha-white0);
	--light-color-button-tertiary-fill-hover: var(--color-light-gray-5);
	--light-color-button-tertiary-fill-pressed: var(--color-light-gray-10);
	--light-color-button-tertiary-border: var(--color-light-gray-60);
	--light-color-button-black-fill: var(--color-light-gray-100);
	--light-color-button-black-fill-hover: var(--color-light-gray-70);
	--light-color-button-black-fill-pressed: var(--color-light-gray-60);
	--light-color-button-disabled-fill: var(--color-light-gray-20);
	--light-color-button-text-fill-hover: var(--color-light-secondary-5);
	--light-color-button-text-fill-pressed: var(--color-light-secondary-10);
	--light-color-button-text-fill: var(--color-light-alpha-white0);
	--light-color-button-text-border: var(--color-light-alpha-black0);
	--light-color-button-disabled-border: var(--color-light-gray-30);
	--light-color-background-white: var(--color-light-gray-0);
	--light-color-background-inverse: var(--color-light-gray-90);
	--light-color-background-gray-subtler: var(--color-light-gray-5);
	--light-color-background-gray-subtle: var(--color-light-gray-10);
	--light-color-background-dim: var(--color-light-alpha-black75);
	--light-color-element-disabled-light: var(--color-light-gray-20);
	--light-color-element-disabled-dark: var(--color-light-gray-40);
	--light-color-element-gray-lighter: var(--color-light-gray-5);
	--light-color-element-gray-light: var(--color-light-gray-10);
	--light-color-element-gray: var(--color-light-gray-50);
	--light-color-element-primary-lighter: var(--color-light-primary-5);
	--light-color-element-primary-light: var(--color-light-primary-10);
	--light-color-element-primary: var(--color-light-primary-50);
	--light-color-element-secondary-lighter: var(--color-light-secondary-5);
	--light-color-element-secondary-light: var(--color-light-secondary-10);
	--light-color-element-secondary: var(--color-light-secondary-70);
	--light-color-element-point-lighter: var(--color-light-point-5);
	--light-color-element-point-light: var(--color-light-point-10);
	--light-color-element-point: var(--color-light-point-50);
	--light-color-element-danger-lighter: var(--color-light-danger-5);
	--light-color-element-danger: var(--color-light-danger-50);
	--light-color-element-warning-lighter: var(--color-light-warning-5);
	--light-color-element-warning: var(--color-light-warning-30);
	--light-color-element-success-lighter: var(--color-light-success-5);
	--light-color-element-success: var(--color-light-success-50);
	--light-color-element-information-lighter: var(--color-light-information-5);
	--light-color-element-information: var(--color-light-information-50);
	--light-color-element-inverse: var(--color-light-gray-0);
	--light-color-element-gray-dark: var(--color-light-gray-60);
	--light-color-element-inverse-static: var(--color-light-gray-0);
	--light-color-action-white: var(--color-light-gray-0);
	--light-color-action-primary: var(--color-light-alpha-white0);
	--light-color-action-primary-hover: var(--color-light-primary-5);
	--light-color-action-primary-pressed: var(--color-light-primary-10);
	--light-color-action-secondary: var(--color-light-alpha-white0);
	--light-color-action-secondary-hover: var(--color-light-secondary-5);
	--light-color-action-secondary-pressed: var(--color-light-secondary-10);
	--light-color-action-secondary-selected: var(--color-light-secondary-5);
	--light-color-action-secondary-on: var(--color-light-alpha-white0);
	--light-color-action-secondary-on-hover: var(--color-light-gray-0);
	--light-color-action-secondary-on-pressed: var(--color-light-secondary-10);
	--light-color-action-secondary-on-selected: var(--color-light-gray-0);
	--light-color-action-secondary-active: var(--color-light-secondary-70);
	--light-color-action-primary-active: var(--color-light-primary-50);
	--light-color-action-disabled: var(--color-light-gray-20);
	--light-color-action-primary-selected: var(--color-light-primary-5);
	--light-color-input-border: var(--color-light-gray-60);
	--light-color-input-border-disabled: var(--color-light-gray-30);
	--light-color-input-border-active: var(--color-light-primary-50);
	--light-color-input-border-error: var(--color-light-danger-50);
	--light-color-input-surface: var(--color-light-gray-0);
	--light-color-input-surface-disabled: var(--color-light-gray-20);
	--light-color-graphic-blue-subtler: var(--color-light-graphic-10);
	--light-color-graphic-blue-subtle: var(--color-light-graphic-30);
	--light-color-graphic-blue: var(--color-light-graphic-50);
	--light-color-graphic-blue-dark: var(--color-light-graphic-70);
	--light-color-graphic-blue-darker: var(--color-light-graphic-90);
	--light-color-graphic-red-subtler: var(--color-light-point-5);
	--light-color-graphic-red-subtle: var(--color-light-point-10);
	--light-color-graphic-red: var(--color-high-contrast-point-20);
	--light-color-graphic-red-dark: var(--color-high-contrast-point-40);
	--light-color-graphic-red-darker: var(--color-high-contrast-point-70);
	--light-color-graphic-brand: var(--color-light-primary-50);
	--light-color-alpha-base100: var(--color-light-alpha-white100);
	--light-color-alpha-base50: var(--color-light-alpha-white50);
	--light-color-alpha-base25: var(--color-high-contrast-alpha-white25);
	--light-color-alpha-base0: var(--color-light-alpha-white0);
	--light-color-alpha-inverse100: var(--color-light-alpha-black100);
	--light-color-alpha-inverse50: var(--color-light-alpha-black50);
	--light-color-alpha-inverse25: var(--color-light-alpha-black25);
	--light-color-alpha-inverse0: var(--color-light-alpha-black0);
	--light-color-alpha-base75: var(--color-light-alpha-white75);
	--light-color-alpha-inverse75: var(--color-light-alpha-black75);
	--light-color-alpha-inverse10: var(--color-light-alpha-black10);
	--light-color-alpha-base10: var(--color-high-contrast-alpha-white10);
	--light-color-alpha-shadow1: #0000000d;
	--light-color-alpha-shadow2: #00000014;
	--light-color-alpha-shadow3: #0000001f;
	--light-border-width-variable-regular: 0.1rem;
	--light-border-width-variable-medium: 0.2rem;
	--light-border-width-static-regular: 0.1rem;
	--light-border-width-static-medium: 0.2rem;

	/* table */
	--table--data-thead-th-padding: var(--padding-3);
	--table--data-thead-th-padding-sides: var(--padding-5);
	--table--data-thead-border: var(--light-color-border-secondary-light);
	--table--data-thead-surface: var(--light-color-surface-secondary-subtler);
	--table--data-thead-color-text: var(--light-color-text-bolder);
	--table--data-thead-pc-font-size: var(--pc-font-size-heading-xxsmall);
	--table--data-thead-mobile-font-size: var(--mobile-font-size-heading-xxsmall);
	--table--data-tbody-padding: var(--padding-3);
	--table--data-tbody-padding-sides: var(--padding-5);
	--table--data-tbody-color-surface: var(--light-color-surface-white-subtle);
	--table--data-tbody-color-divider: var(--light-color-divider-gray-light);
	--table--data-tbody-color-text: var(--light-color-text-subtle);
	--table--data-tbody-pc-font-size: var(--pc-font-size-label-medium);
	--table--data-tbody-mobile-font-size: var(--mobile-font-size-label-medium);
	--table--data-border-width: var(--light-border-width-variable-regular);

	/* form */
	--form-select--color-background: var(--light-color-input-surface);
	--form-select--color-background-readonly: var(--light-color-input-surface-disabled);
	--form-select--color-background-disabled: var(--light-color-input-surface-disabled);
	--form-select--color-background-error: var(--light-color-input-surface);
	--form-select--icon-color-background: var(--light-color-icon-gray);
	--form-select--icon-color-background-readonly: var(--light-color-icon-disabled-on);
	--form-select--icon-color-background-disabled: var(--light-color-icon-disabled-on);
	--form-select--color-border: var(--light-color-input-border);
	--form-select--color-border-active: var(--light-color-input-border-active);
	--form-select--color-border-readonly: var(--light-color-input-border-disabled);
	--form-select--color-border-disabled: var(--light-color-input-border-disabled);
	--form-select--color-border-error: var(--light-color-input-border-error);
	--form-select--color-text: var(--light-color-text-disabled);
	--form-select--color-text-active: var(--light-color-text-basic);
	--form-select--color-text-completed: var(--light-color-text-subtle);
	--form-select--color-text-disabled: var(--light-color-text-disabled-on);
	--form-select--color-text-error: var(--light-color-text-subtle);
	--form-select--padding-default: var(--padding-6);
	--form-select--size-height-small: var(--size-height-6);
	--form-select--icon-size-small: var(--icon--size-small);
	--form-select--radius-small: var(--radius-medium2);
	--form-select--padding-right-small: calc(var(--form-select--padding-default) + var(--gap-3) + var(--form-select--icon-size-small));
	--form-select--pc-font-size-small: var(--pc-font-size-label-small);
	--form-select--mobile-font-size-small: var(--mobile-font-size-label-small);
	--form-select--size-height-medium: var(--size-height-7);
	--form-select--icon-size-medium: var(--icon--size-medium);
	--form-select--padding-right-medium: calc(var(--form-select--padding-default) + var(--gap-3) + var(--form-select--icon-size-medium));
	--form-select--radius-medium: var(--radius-medium2);
	--form-select--pc-font-size-medium: var(--pc-font-size-label-medium);
	--form-select--mobile-font-size-medium: var(--mobile-font-size-label-medium);
	--form-select--size-height-large: var(--size-height-8);
	--form-select--icon-size-large: var(--icon--size-large);
	--form-select--padding-right-large: calc(var(--form-select--padding-default) + var(--gap-3) + var(--form-select--icon-size-large));
	--form-select--radius-large: var(--radius-medium1);
	--form-select--pc-font-size-large: var(--pc-font-size-label-large);
	--form-select--mobile-font-size-large: var(--mobile-font-size-label-large);

	--form-group--label-pc-font-size: var(--pc-font-size-label-small);
	--form-group--label-mobile-font-size: var(--mobile-font-size-label-small);
	--form-group--gap: var(--gap-3);
	--form-group--icon-padding-right: calc(var(--padding-7)* 2 + var(--icon--size-large));
	--form-group--message-pc-font-size: var(--pc-font-size-label-xsmall);
	--form-group--message-mobile-font-size: var(--mobile-font-size-label-xsmall);
	--form-group--message-text-color: var(--light-color-text-subtle);
	--form-group--message-success-text-color: var(--light-color-text-success);
	--form-group--message-information-text-color: var(--light-color-text-information);
	--form-group--message-error-text-color: var(--light-color-text-danger);
	
	--input--color-surface: var(--light-color-input-surface);
	--input--color-surface-readonly: var(--light-color-input-surface-disabled);
	--input--color-surface-disabled: var(--light-color-input-surface-disabled);
	--input--color-surface-error: var(--light-color-input-surface);
	--input--color-border: var(--light-color-input-border);
	--input--color-border-active: var(--light-color-input-border-active);
	--input--color-border-readonly: var(--light-color-input-border-disabled);
	--input--color-border-disabled: var(--light-color-input-border-disabled);
	--input--color-border-error: var(--light-color-input-border-error);
	--input--color-text: var(--light-color-text-subtle);
	--input--color-text-active: var(--light-color-text-basic);
	--input--color-text-readonly: var(--light-color-text-subtle);
	--input--color-text-disabled: var(--light-color-text-disabled-on);
	--input--color-text-placeholder: var(--light-color-text-disabled);
	--input--color-text-error: var(--light-color-text-subtle);
	--input--padding-x: var(--padding-6);
	--input--size-height-small: var(--size-height-6);
	--input--pc-font-size-small: var(--pc-font-size-label-small);
	--input--mobile-font-size-small: var(--mobile-font-size-label-small);
	--input--size-height-medium: var(--size-height-7);
	--input--radius-medium: var(--radius-medium2);
	--input--pc-font-size-medium: var(--pc-font-size-label-medium);
	--input--mobile-font-size-medium: var(--mobile-font-size-label-medium);
	--input--size-height-large: var(--size-height-8);
	--input--radius-small: var(--radius-medium1);
	--input--radius-large: var(--radius-medium2);
	--input--radius-xlarge: var(--radius-large);
	--input--pc-font-size-large: var(--pc-font-size-label-large);
	--input--mobile-font-size-large: var(--mobile-font-size-label-large);
	--input--size-height-xlarge: var(--size-height-11);
	--input--pc-font-size-xlarge: var(--pc-font-size-heading-medium);
	--input--mobile-font-size-xlarge: var(--mobile-font-size-heading-medium);

	--button--icon-size-xsmall: var(--size-height-2);
	--button--icon-size-small: var(--size-height-3);
	--button--icon-size-medium: var(--size-height-4);
	--button--icon-size-large: var(--size-height-5);
	--button--icon-size-xlarge: var(--size-height-6);

	/* 달력 */
	--calendar--radius: var(--radius-xlarge2);
	--calendar--head-pc-font-size: var(--pc-font-size-heading-xsmall);
	--calendar--head-mobile-font-size: var(--mobile-font-size-heading-xsmall);
	--calendar--head-btn-cal-switch-pc-font-size: var(--pc-font-size-label-medium);
	--calendar--head-btn-cal-switch-mobile-font-size: var(--mobile-font-size-label-medium);
	--calendar--head-btn-cal-switch-radius: var(--radius-medium1);
	--calendar--head-btn-cal-move-size: var(--size-height-5);
	--calendar--table-wrap-padding: var(--gap-5);
	--calendar--table-head-pc-font-size: var(--pc-font-size-label-small);
	--calendar--table-head-mobile-font-size: var(--mobile-font-size-label-small);
	--calendar--table-caption-pc-font-size: var(--pc-font-size-heading-xxsmall);
	--calendar--table-caption-mobile-font-size: var(--pc-font-size-heading-xxsmall);
	--calendar--set-date-radius: var(--radius-max);
	--calendar--color-border: var(--light-color-border-secondary-light);
	--calendar--color-surface: var(--light-color-surface-secondary-subtler);
	--calendar--color-text-sub: var(--light-color-text-subtle);
	--calendar--head-btn-cal-move-color-text-active: var(--light-color-text-secondary);
	--calendar--head-btn-cal-move-color-border: var(--light-color-border-gray-light);
	--calendar--head-btn-cal-move-color-border-active: var(--light-color-border-secondary);
	--calendar--head-btn-cal-move-color-action: var(--light-color-action-white);
	--calendar--head-btn-cal-switch-color-action-hover: var(--light-color-action-secondary-hover);
	--calendar--head-btn-cal-switch-color-action-active: var(--light-color-action-secondary-pressed);
	--calendar--head-btn-cal-switch-color-text-disabled: var(--light-color-text-disabled-on);
	--calendar--head-drop-down-shadow: 0 0 0.2rem 0 var(--light-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--light-color-alpha-shadow2);
	--calendar--date-set-color-action: var(--light-color-action-secondary-active);
	--calendar--date-set-color-text: var(--light-color-text-inverse-static);
	--calendar--date-set-color-text-day-off: var(--light-color-text-danger);
	--calendar--date-set-color-text-day-event: var(--light-color-text-information);
	--calendar--date-set-color-text-disabled: var(--light-color-text-disabled);
	--calendar--date-set-color-action-pressed: var(--light-color-action-secondary-on-pressed);
	--calendar--date-set-color-action-period: var(--light-color-action-secondary-on-selected);
	--calendar--date-set-color-element-today: var(--light-color-element-point);
	--calendar--action-btn-wrap-color-border: var(--light-color-divider-gray-light);
	--calendar--action-btn-wrap-color-surface: var(--light-color-surface-white);

	/* RESPONSIVE-PC */
	--pc-font-size-display-large: 6rem;
	--pc-font-size-display-medium: 4.4rem;
	--pc-font-size-display-small: 3.6rem;
	--pc-font-size-body-large: 1.9rem;
	--pc-font-size-body-medium: 1.7rem;
	--pc-font-size-body-small: 1.5rem;
	--pc-font-size-body-xsmall: 1.3rem;
	--pc-font-size-label-large: 1.9rem;
	--pc-font-size-label-medium: 1.6rem;
	--pc-font-size-label-small: 1.5rem;
	--pc-font-size-label-xsmall: 1.3rem;
	--pc-font-size-heading-large: 3.2rem;
	--pc-font-size-heading-medium: 2.4rem;
	--pc-font-size-heading-small: 1.9rem;
	--pc-font-size-heading-xsmall: 1.7rem;
	--pc-font-size-heading-xxsmall: 1.5rem;
	--pc-font-size-heading-xlarge: 4rem;
	--pc-font-size-navigation-title-medium: 2.4rem;
	--pc-font-size-navigation-title-small: 1.9rem;
	--pc-font-size-navigation-depth-medium-bold: 1.7rem;
	--pc-font-size-navigation-depth-medium: 1.7rem;
	--pc-font-size-navigation-depth-small-bold: 1.5rem;
	--pc-font-size-navigation-depth-small: 1.5rem;

	--pc-gap-layout-header-breadcrumb: var(--number-10);
	--pc-gap-layout-left-contents: var(--number-18);
	--pc-gap-layout-contents-right: var(--number-14);
	--pc-gap-layout-h1-h2: var(--number-16);
	--pc-gap-layout-h2-h2: var(--number-20);
	--pc-gap-layout-h2-h3: var(--number-14);
	--pc-gap-layout-h3-h3: var(--number-18);
	--pc-gap-layout-h3-h4: var(--number-10);
	--pc-gap-layout-h4-h4: var(--number-14);
	--pc-gap-layout-h4-h5: var(--number-8);
	--pc-gap-layout-h5-h5: var(--number-12);
	--pc-gap-layout-title-body-small: var(--number-8);
	--pc-gap-layout-title-body-medium: var(--number-9);
	--pc-gap-layout-title-body-large: var(--number-10);
	--pc-gap-layout-breadcrumb-h1: var(--number-14);
	--pc-gap-layout-contents-footer: var(--number-18);
	--pc-gap-layout-text-text-large: var(--number-9);
	--pc-gap-layout-text-text-medium: var(--number-8);
	--pc-gap-layout-text-text-small: var(--number-7);
	--pc-gap-layout-image-text-small: var(--number-9);
	--pc-gap-layout-image-text-medium: var(--number-10);
	--pc-gap-layout-image-text-large: var(--number-12);
	--pc-padding-card-large: var(--number-14);
	--pc-padding-card-medium: var(--number-12);
	--pc-padding-card-small: var(--number-10);
	--pc-padding-card-xsmall: var(--number-8);

	/* RESPONSIVE-MOBILE */
	--mobile-font-size-display-large: 4.4rem;
	--mobile-font-size-display-medium: 3.2rem;
	--mobile-font-size-display-small: 2.8rem;
	--mobile-font-size-body-large: 1.9rem;
	--mobile-font-size-body-medium: 1.7rem;
	--mobile-font-size-body-small: 1.5rem;
	--mobile-font-size-body-xsmall: 1.3rem;
	--mobile-font-size-label-large: 1.9rem;
	--mobile-font-size-label-medium: 1.7rem;
	--mobile-font-size-label-small: 1.5rem;
	--mobile-font-size-label-xsmall: 1.3rem;
	--mobile-font-size-heading-large: 2.4rem;
	--mobile-font-size-heading-medium: 2.2rem;
	--mobile-font-size-heading-small: 1.9rem;
	--mobile-font-size-heading-xsmall: 1.7rem;
	--mobile-font-size-heading-xxsmall: 1.5rem;
	--mobile-font-size-heading-xlarge: 2.8rem;
	--mobile-font-size-navigation-title-medium: 2.2rem;
	--mobile-font-size-navigation-title-small: 1.9rem;
	--mobile-font-size-navigation-depth-medium-bold: 1.7rem;
	--mobile-font-size-navigation-depth-medium: 1.7rem;
	--mobile-font-size-navigation-depth-small-bold: 1.5rem;
	--mobile-font-size-navigation-depth-small: 1.5rem;
	--mobile-gap-layout-header-breadcrumb: var(--number-8);
	--mobile-gap-layout-left-contents: 0rem;
	--mobile-gap-layout-contents-right: 0rem;
	--mobile-gap-layout-h1-h2: var(--number-12);
	--mobile-gap-layout-h2-h2: var(--number-14);
	--mobile-gap-layout-h2-h3: var(--number-10);
	--mobile-gap-layout-h3-h3: var(--number-12);
	--mobile-gap-layout-h3-h4: var(--number-8);
	--mobile-gap-layout-h4-h4: var(--number-10);
	--mobile-gap-layout-h4-h5: var(--number-7);
	--mobile-gap-layout-h5-h5: var(--number-8);
	--mobile-gap-layout-title-body-small: var(--number-5);
	--mobile-gap-layout-title-body-medium: var(--number-7);
	--mobile-gap-layout-title-body-large: var(--number-9);
	--mobile-gap-layout-breadcrumb-h1: var(--number-12);
	--mobile-gap-layout-contents-footer: var(--number-14);
	--mobile-gap-layout-text-text-large: var(--number-8);
	--mobile-gap-layout-text-text-medium: var(--number-7);
	--mobile-gap-layout-text-text-small: var(--number-6);
	--mobile-gap-layout-image-text-small: var(--number-8);
	--mobile-gap-layout-image-text-medium: var(--number-9);
	--mobile-gap-layout-image-text-large: var(--number-10);
	--mobile-padding-card-large: var(--number-10);
	--mobile-padding-card-medium: var(--number-10);
	--mobile-padding-card-small: var(--number-9);
	--mobile-padding-card-xsmall: var(--number-7);

	--icon--size-xsmall: var(--size-height-2);
	--icon--size-small: var(--size-height-2);
	--icon--size-medium: var(--size-height-3);
	--icon--size-large: var(--size-height-4);
	--icon--size-xlarge: var(--size-height-4);

	--transition-base: 0.4s ease-in-out;
	--transition-fade: opacity 0.4s linear;
	--transition-collapse: max-height 0.4s ease;
	--transition-collapse-width: width 0.4s ease;

	--font-weight-bold: 700;

	/* badge */
	--badge--size-height: var(--size-height-4);
	--badge--line-height: 2.4rem;
	--badge--padding: var(--padding-3);
	--badge--radius: var(--radius-small);
	--badge--radius-max: var(--radius-max);
	--badge--dot-size: .6rem;
	--badge--dot-padding: 0;
	--badge--number-size-height: var(--size-height-3);
	--badge--pc-font-size: var(--pc-font-size-label-small);
	--badge--mobile-font-size: var(--mobile-font-size-label-small);
	--badge--pc-font-size-large: var(--pc-font-size-label-medium);
	--badge--mobile-font-size-large: var(--mobile-font-size-label-medium);
	--badge--size-height-large: var(--size-height-5);
	--badge--color-primary-element: var(--light-color-element-primary);
	--badge--color-primary-element-lighter: var(--light-color-element-primary-lighter);
	--badge--color-primary-text: var(--light-color-text-primary);
	--badge--color-secondary-element: var(--light-color-element-secondary);
	--badge--color-secondary-element-lighter: var(--light-color-element-secondary-lighter);
	--badge--color-secondary-text: var(--light-color-text-secondary);
	--badge--color-gray-element: var(--light-color-element-gray);
	--badge--color-gray-element-lighter: var(--light-color-element-gray-light);
	--badge--color-gray-text: var(--light-color-text-subtle);
	--badge--color-point-element: var(--light-color-element-point);
	--badge--color-point-element-lighter: var(--light-color-element-point-lighter);
	--badge--color-point-text: var(--light-color-text-point);
	--badge--color-danger-element: var(--light-color-element-danger);
	--badge--color-danger-element-lighter: var(--light-color-element-danger-lighter);
	--badge--color-danger-text: var(--light-color-text-danger);
	--badge--color-warning-element: var(--light-color-element-warning);
	--badge--color-warning-element-lighter: var(--light-color-element-warning-lighter);
	--badge--color-warning-text: var(--light-color-text-warning);
	--badge--color-success-element: var(--light-color-element-success);
	--badge--color-success-element-lighter: var(--light-color-element-success-lighter);
	--badge--color-success-text: var(--light-color-text-success);
	--badge--color-information-element: var(--light-color-element-information);
	--badge--color-information-element-lighter: var(--light-color-element-information-lighter);
	--badge--color-information-text: var(--light-color-text-information);
	--badge--color-disabled-element: var(--light-color-element-disabled-dark);
	--badge--color-disabled-element-lighter: var(--light-color-element-disabled-light);
	--badge--color-disabled-text: var(--light-color-text-disabled-on);
	--badge--color-background-basic: var(--light-color-background-white);
	--badge--color-text-basic: var(--light-color-text-inverse-static);

	/* MODE-HIGH-CONTRAST */
	--high-contrast-color-surface-gray-subtler: var(--color-high-contrast-gray-95);
	--high-contrast-color-surface-gray-subtle: var(--color-high-contrast-gray-90);
	--high-contrast-color-surface-disabled: var(--color-high-contrast-gray-70);
	--high-contrast-color-surface-primary-subtler: var(--color-high-contrast-primary-95);
	--high-contrast-color-surface-secondary-subtler: var(--color-high-contrast-secondary-95);
	--high-contrast-color-surface-danger-subtler: var(--color-high-contrast-danger-95);
	--high-contrast-color-surface-warning-subtler: var(--color-high-contrast-warning-95);
	--high-contrast-color-surface-success-subtler: var(--color-high-contrast-success-95);
	--high-contrast-color-surface-information-subtler: var(--color-high-contrast-information-95);
	--high-contrast-color-surface-point-subtler: var(--color-high-contrast-point-95);
	--high-contrast-color-surface-white: var(--color-high-contrast-gray-100);
	--high-contrast-color-surface-inverse: var(--color-high-contrast-gray-10);
	--high-contrast-color-surface-white-static: var(--color-high-contrast-gray-0);
	--high-contrast-color-surface-inverse-static: var(--color-high-contrast-gray-90);
	--high-contrast-color-surface-white-subtle: var(--color-high-contrast-gray-95);
	--high-contrast-color-surface-white-subtler: var(--color-high-contrast-gray-90);
	--high-contrast-color-border-gray-light: var(--color-high-contrast-gray-80);
	--high-contrast-color-border-gray: var(--color-high-contrast-gray-70);
	--high-contrast-color-border-secondary-light: var(--color-high-contrast-secondary-90);
	--high-contrast-color-border-danger-light: var(--color-high-contrast-danger-90);
	--high-contrast-color-border-danger: var(--color-high-contrast-danger-50);
	--high-contrast-color-border-warning-light: var(--color-high-contrast-warning-90);
	--high-contrast-color-border-warning: var(--color-high-contrast-warning-50);
	--high-contrast-color-border-success-light: var(--color-high-contrast-success-90);
	--high-contrast-color-border-success: var(--color-high-contrast-success-50);
	--high-contrast-color-border-information-light: var(--color-high-contrast-information-90);
	--high-contrast-color-border-information: var(--color-high-contrast-information-50);
	--high-contrast-color-border-gray-dark: var(--color-high-contrast-gray-40);
	--high-contrast-color-border-primary: var(--color-high-contrast-primary-50);
	--high-contrast-color-border-disabled: var(--color-high-contrast-gray-70);
	--high-contrast-color-border-gray-darker: var(--color-high-contrast-gray-10);
	--high-contrast-color-border-secondary: var(--color-high-contrast-secondary-60);
	--high-contrast-color-border-inverse: var(--color-high-contrast-gray-100);
	--high-contrast-color-border-transparency: var(--color-high-contrast-alpha-white25);
	--high-contrast-color-border-primary-light: var(--color-high-contrast-primary-90);
	--high-contrast-color-border-point: var(--color-high-contrast-point-50);
	--high-contrast-color-border-point-light: var(--color-high-contrast-point-90);
	--high-contrast-color-divider-gray-light: var(--color-high-contrast-gray-80);
	--high-contrast-color-divider-gray: var(--color-high-contrast-gray-70);
	--high-contrast-color-divider-gray-dark: var(--color-high-contrast-gray-50);
	--high-contrast-color-divider-primary: var(--color-high-contrast-primary-50);
	--high-contrast-color-divider-secondary-light: var(--color-high-contrast-secondary-90);
	--high-contrast-color-divider-secondary: var(--color-high-contrast-secondary-60);
	--high-contrast-color-divider-error: var(--color-high-contrast-danger-50);
	--high-contrast-color-divider-primary-light: var(--color-high-contrast-primary-90);
	--high-contrast-color-divider-inverse: var(--color-high-contrast-gray-100);
	--high-contrast-color-divider-gray-darker: var(--color-high-contrast-gray-10);
	--high-contrast-color-divider-point: var(--color-high-contrast-point-50);
	--high-contrast-color-text-bolder: var(--color-high-contrast-gray-10);
	--high-contrast-color-text-subtle: var(--color-high-contrast-gray-20);
	--high-contrast-color-text-disabled: var(--color-high-contrast-gray-60);
	--high-contrast-color-text-disabled-on: var(--color-high-contrast-gray-50);
	--high-contrast-color-text-primary: var(--color-high-contrast-primary-20);
	--high-contrast-color-text-secondary: var(--color-high-contrast-secondary-20);
	--high-contrast-color-text-danger: var(--color-high-contrast-danger-20);
	--high-contrast-color-text-warning: var(--color-high-contrast-warning-20);
	--high-contrast-color-text-success: var(--color-high-contrast-success-20);
	--high-contrast-color-text-information: var(--color-high-contrast-information-20);
	--high-contrast-color-text-basic: var(--color-high-contrast-gray-5);
	--high-contrast-color-text-point: var(--color-high-contrast-point-20);
	--high-contrast-color-text-bolder-inverse: var(--color-high-contrast-gray-95);
	--high-contrast-color-text-basic-inverse: var(--color-high-contrast-gray-90);
	--high-contrast-color-text-subtle-inverse: var(--color-high-contrast-gray-70);
	--high-contrast-color-text-inverse-static: var(--color-high-contrast-gray-0);
	--high-contrast-color-text-static: var(--color-high-contrast-gray-90);
	--high-contrast-color-icon-gray: var(--color-high-contrast-gray-5);
	--high-contrast-color-icon-gray-fill: var(--color-high-contrast-gray-70);
	--high-contrast-color-icon-inverse: var(--color-high-contrast-gray-90);
	--high-contrast-color-icon-primary: var(--color-high-contrast-primary-20);
	--high-contrast-color-icon-secondary: var(--color-high-contrast-secondary-20);
	--high-contrast-color-icon-point: var(--color-high-contrast-point-20);
	--high-contrast-color-icon-danger: var(--color-high-contrast-danger-20);
	--high-contrast-color-icon-warning: var(--color-high-contrast-warning-20);
	--high-contrast-color-icon-success: var(--color-high-contrast-success-20);
	--high-contrast-color-icon-information: var(--color-high-contrast-information-20);
	--high-contrast-color-icon-gray-light: var(--color-high-contrast-gray-20);
	--high-contrast-color-icon-disabled: var(--color-high-contrast-gray-60);
	--high-contrast-color-icon-disabled-on: var(--color-high-contrast-gray-50);
	--high-contrast-color-icon-inverse-static: var(--color-high-contrast-gray-0);
	--high-contrast-color-icon-primary-static: var(--color-high-contrast-primary-50);
	--high-contrast-color-icon-secondary-static: var(--color-high-contrast-secondary-80);
	--high-contrast-color-icon-point-static: var(--color-high-contrast-point-50);
	--high-contrast-color-icon-danger-static: var(--color-high-contrast-danger-50);
	--high-contrast-color-icon-warning-static: var(--color-high-contrast-warning-50);
	--high-contrast-color-icon-success-static: var(--color-high-contrast-success-50);
	--high-contrast-color-icon-information-static: var(--color-high-contrast-information-50);
	--high-contrast-color-icon-gray-static: var(--color-high-contrast-gray-80);
	--high-contrast-color-link-default: var(--color-high-contrast-primary-30);
	--high-contrast-color-link-hover: var(--color-high-contrast-primary-20);
	--high-contrast-color-link-pressed: var(--color-high-contrast-primary-10);
	--high-contrast-color-link-visited: #c49ff9;
	--high-contrast-color-button-primary-fill: var(--color-high-contrast-primary-50);
	--high-contrast-color-button-primary-fill-hover: var(--color-high-contrast-primary-60);
	--high-contrast-color-button-primary-fill-pressed: var(--color-high-contrast-primary-70);
	--high-contrast-color-button-secondary-fill: var(--color-high-contrast-primary-95);
	--high-contrast-color-button-secondary-fill-hover: var(--color-high-contrast-primary-90);
	--high-contrast-color-button-secondary-fill-pressed: var(--color-high-contrast-primary-80);
	--high-contrast-color-button-secondary-border: var(--color-high-contrast-primary-50);
	--high-contrast-color-button-tertiary-fill: var(--color-high-contrast-alpha-black0);
	--high-contrast-color-button-tertiary-fill-hover: var(--color-high-contrast-gray-95);
	--high-contrast-color-button-tertiary-fill-pressed: var(--color-high-contrast-gray-80);
	--high-contrast-color-button-tertiary-border: var(--color-high-contrast-gray-40);
	--high-contrast-color-button-disabled-fill: var(--color-high-contrast-gray-80);
	--high-contrast-color-button-text-fill-hover: var(--color-high-contrast-secondary-95);
	--high-contrast-color-button-text-fill-pressed: var(--color-high-contrast-secondary-90);
	--high-contrast-color-button-text-fill: var(--color-high-contrast-alpha-black0);
	--high-contrast-color-button-text-border: var(--color-high-contrast-alpha-white50);
	--high-contrast-color-button-disabled-border: var(--color-high-contrast-gray-70);
	--high-contrast-color-background-white: var(--color-high-contrast-gray-100);
	--high-contrast-color-background-inverse: var(--color-high-contrast-gray-10);
	--high-contrast-color-background-gray-subtler: var(--color-high-contrast-gray-95);
	--high-contrast-color-background-gray-subtle: var(--color-high-contrast-gray-90);
	--high-contrast-color-background-dim: var(--color-high-contrast-alpha-black75);
	--high-contrast-color-element-disabled-light: var(--color-high-contrast-gray-80);
	--high-contrast-color-element-disabled-dark: var(--color-high-contrast-gray-60);
	--high-contrast-color-element-gray-lighter: var(--color-high-contrast-gray-95);
	--high-contrast-color-element-gray-light: var(--color-high-contrast-gray-90);
	--high-contrast-color-element-gray: var(--color-high-contrast-gray-50);
	--high-contrast-color-element-primary-lighter: var(--color-high-contrast-primary-95);
	--high-contrast-color-element-primary-light: var(--color-high-contrast-primary-90);
	--high-contrast-color-element-primary: var(--color-high-contrast-primary-50);
	--high-contrast-color-element-secondary-lighter: var(--color-high-contrast-secondary-95);
	--high-contrast-color-element-secondary-light: var(--color-high-contrast-secondary-90);
	--high-contrast-color-element-secondary: var(--color-high-contrast-secondary-60);
	--high-contrast-color-element-point-lighter: var(--color-high-contrast-point-95);
	--high-contrast-color-element-point-light: var(--color-high-contrast-point-90);
	--high-contrast-color-element-point: var(--color-high-contrast-point-50);
	--high-contrast-color-element-danger-lighter: var(--color-high-contrast-danger-95);
	--high-contrast-color-element-danger: var(--color-high-contrast-danger-50);
	--high-contrast-color-element-warning-lighter: var(--color-high-contrast-warning-95);
	--high-contrast-color-element-warning: var(--color-high-contrast-warning-30);
	--high-contrast-color-element-success-lighter: var(--color-high-contrast-success-95);
	--high-contrast-color-element-success: var(--color-high-contrast-success-50);
	--high-contrast-color-element-information-lighter: var(--color-high-contrast-information-95);
	--high-contrast-color-element-information: var(--color-high-contrast-information-50);
	--high-contrast-color-element-inverse: var(--color-high-contrast-gray-95);
	--high-contrast-color-element-gray-dark: var(--color-high-contrast-gray-40);
	--high-contrast-color-element-inverse-static: var(--color-high-contrast-gray-0);
	--high-contrast-color-action-white: var(--color-light-gray-100);
	--high-contrast-color-action-primary: var(--color-high-contrast-alpha-black0);
	--high-contrast-color-action-primary-hover: var(--color-high-contrast-primary-95);
	--high-contrast-color-action-primary-pressed: var(--color-high-contrast-primary-90);
	--high-contrast-color-action-secondary: var(--color-light-alpha-black0);
	--high-contrast-color-action-secondary-hover: var(--color-high-contrast-secondary-95);
	--high-contrast-color-action-secondary-pressed: var(--color-high-contrast-secondary-90);
	--high-contrast-color-action-secondary-selected: var(--color-high-contrast-secondary-95);
	--high-contrast-color-action-secondary-on: var(--color-high-contrast-alpha-black0);
	--high-contrast-color-action-secondary-on-hover: var(--color-high-contrast-gray-100);
	--high-contrast-color-action-secondary-on-pressed: var(--color-high-contrast-secondary-90);
	--high-contrast-color-action-secondary-on-selected: var(--color-high-contrast-gray-95);
	--high-contrast-color-action-secondary-active: var(--color-high-contrast-secondary-60);
	--high-contrast-color-action-primary-active: var(--color-high-contrast-primary-50);
	--high-contrast-color-action-disabled: var(--color-high-contrast-gray-80);
	--high-contrast-color-action-primary-selected: var(--color-high-contrast-primary-95);
	--high-contrast-color-input-border: var(--color-high-contrast-gray-40);
	--high-contrast-color-input-border-disabled: var(--color-high-contrast-gray-70);
	--high-contrast-color-input-border-active: var(--color-high-contrast-primary-50);
	--high-contrast-color-input-border-error: var(--color-high-contrast-danger-50);
	--high-contrast-color-input-surface: var(--color-high-contrast-gray-90);
	--high-contrast-color-input-surface-disabled: var(--color-high-contrast-gray-95);
	--high-contrast-color-graphic-blue-subtler: var(--color-high-contrast-graphic-10);
	--high-contrast-color-graphic-blue-subtle: var(--color-high-contrast-graphic-30);
	--high-contrast-color-graphic-blue: var(--color-high-contrast-graphic-50);
	--high-contrast-color-graphic-blue-dark: var(--color-high-contrast-graphic-70);
	--high-contrast-color-graphic-blue-darker: var(--color-high-contrast-graphic-90);
	--high-contrast-color-graphic-red-subtler: var(--color-high-contrast-point-5);
	--high-contrast-color-graphic-red-subtle: var(--color-high-contrast-point-10);
	--high-contrast-color-graphic-red: var(--color-high-contrast-point-20);
	--high-contrast-color-graphic-red-dark: var(--color-high-contrast-point-40);
	--high-contrast-color-graphic-red-darker: var(--color-high-contrast-point-70);
	--high-contrast-color-graphic-brand: var(--color-high-contrast-primary-50);
	--high-contrast-color-alpha-base100: var(--color-high-contrast-alpha-black100);
	--high-contrast-color-alpha-base50: var(--color-high-contrast-alpha-black50);
	--high-contrast-color-alpha-base25: var(--color-high-contrast-alpha-black25);
	--high-contrast-color-alpha-base0: var(--color-light-alpha-black0);
	--high-contrast-color-alpha-inverse100: var(--color-high-contrast-alpha-white100);
	--high-contrast-color-alpha-inverse50: var(--color-high-contrast-alpha-white50);
	--high-contrast-color-alpha-inverse25: var(--color-high-contrast-alpha-white25);
	--high-contrast-color-alpha-inverse0: var(--color-high-contrast-alpha-white0);
	--high-contrast-color-alpha-base75: var(--color-high-contrast-alpha-black75);
	--high-contrast-color-alpha-inverse75: var(--color-high-contrast-alpha-white75);
	--high-contrast-color-alpha-inverse10: var(--color-high-contrast-alpha-black25);
	--high-contrast-color-alpha-base10: var(--color-high-contrast-alpha-black10);
	--high-contrast-color-alpha-shadow1: #0000001f;
	--high-contrast-color-alpha-shadow2: #00000033;
	--high-contrast-color-alpha-shadow3: #00000066;
	--high-contrast-border-width-variable-regular: 0.2rem;
	--high-contrast-border-width-variable-medium: 0.3rem;
	--high-contrast-border-width-static-regular: 0.1rem;
	--high-contrast-border-width-static-medium: 0.2rem;
}

.side-navigation {
	padding: var(--side-navigation--padding) 0;
	--side-navigation--padding: var(--number-14);
	--side-navigation--title-padding-x: var(--number-5);
	--side-navigation--title-padding-bottom: var(--number-8);
	--side-navigation--title-font-size: var(--pc-font-size-navigation-title-medium);
	--side-navigation--btn-gap: var(--gap-3);
	--side-navigation--btn-padding-x: var(--number-5);
	--side-navigation--btn-padding-y: var(--number-8);
	--side-navigation--btn-padding-y-selected: var(--number-5);
	--side-navigation--btn-font-size: var(--pc-font-size-navigation-depth-medium-bold);
	--side-navigation--3depth-padding-y: var(--number-5);
	--side-navigation--3depth-btn-padding-x: var(--number-8);
	--side-navigation--3depth-btn-padding-y: var(--number-5);
	--side-navigation--3depth-btn-radius: var(--radius-medium1);
	--side-navigation--4depth-padding: var(--number-8);
	--side-navigation--4depth-title-padding: var(--number-5);
	--side-navigation--4depth-title-radius: var(--radius-medium2);
	--side-navigation--4depth-title-font-size: var(--pc-font-size-navigation-title-medium);
	--side-navigation--title-color-border: var(--light-color-divider-gray);
	--side-navigation--title-border-width: var(--light-border-width-static-regular);
	--side-navigation--color-action: var(--light-color-action-secondary);
	--side-navigation--color-action-hover: var(--light-color-action-secondary-hover);
	--side-navigation--color-action-pressed: var(--light-color-action-secondary-pressed);
	--side-navigation--color-action-selected: var(--light-color-action-secondary-selected);
	--side-navigation--color-border: var(--light-color-divider-gray-light);
	--side-navigation--color-text-selected: var(--light-color-text-secondary);
	--side-navigation--color-border-selected: var(--light-color-action-secondary-active);
	--side-navigation--item-color-border: var(--light-color-divider-gray-light);
	--side-navigation--item-color-border-selected: var(--light-color-border-gray);
	--side-navigation--item-border-width: var(--light-border-width-static-regular);
	--side-navigation--2depth-btn-color-border: var(--light-color-border-secondary);
	--side-navigation--4depth-color-border: var(--light-color-border-gray);
	--side-navigation--4depth-background: var(--light-color-background-white);
}
[class*="tab-"] {
	--tab--button-size-height: var(--size-height-7);
	--tab--button-size-min-width: 6.4rem;
	--tab--button-pc-font-size: var(--pc-font-size-heading-xsmall);
	--tab--button-mobile-font-size: var(--mobile-font-size-heading-xsmall);
	--tab--gap: var(--gap-3);
	--tab--full-button-size-height: var(--size-height-8);
	--tab--full-button-pc-font-size: var(--pc-font-size-heading-small);
	--tab--full-button-mobile-font-size: var(--mobile-font-size-heading-small);
	--tab--line-button-padding: var(--padding-2);
	--tab--fill-button-padding: var(--padding-3);
	--tab--fill-button-radius: var(--radius-medium2);
	--tab--conts-padding-top: var(--padding-10);
	--tab--mobile-button-trigger-size-height: var(--size-height-7);
	--tab--mobile-button-trigger-padding-x: var(--padding-6);
	--tab--mobile-button-trigger-radius: var(--radius-medium1);
	--tab--button-color-action: var(--light-color-action-secondary);
	--tab--button-color-action-hover: var(--light-color-action-secondary-hover);
	--tab--button-color-action-pressed: var(--light-color-action-secondary-pressed);
	--tab--button-color-border: var(--light-color-action-secondary);
	--tab--button-color-text: var(--light-color-text-subtle);
	--tab--button-color-text-disabled: var(--light-color-text-disabled);
	--tab--fill-button-color-action-active: var(--light-color-action-secondary-active);
	--tab--fill-button-color-border: var(--light-color-border-gray);
	--tab--fill-button-color-border-active: var(--light-color-action-secondary-active);
	--tab--fill-button-color-text: var(--light-color-text-inverse-static);
	--tab--line-button-color-border: var(--light-color-border-gray);
	--tab--line-button-color-line-active: var(--light-color-action-secondary-active);
	--tab--line-button-color-text-active: var(--light-color-text-secondary);
	--tab--mobile-button-trigger-color-text: var(--light-color-text-inverse-static);
	--tab--mobile-button-trigger-color-action: var(--light-color-action-secondary-active);
}
[class*="btn"] {
	--button--color-primary-fill: var(--light-color-button-primary-fill);
	--button--color-primary-fill-hover: var(--light-color-button-primary-fill-hover);
	--button--color-primary-fill-pressed: var(--light-color-button-primary-fill-pressed);
	--button--color-primary-fill-disabled: var(--light-color-button-disabled-fill);
	--button--color-primary-border: var(--light-color-button-primary-fill);
	--button--color-primary-border-disabled: var(--light-color-button-disabled-border);
	--button--color-primary-text: var(--light-color-text-inverse-static);
	--button--color-primary-text-disabled: var(--light-color-text-disabled-on);

	--button--color-secondary-fill: var(--light-color-button-secondary-fill);
	--button--color-secondary-fill-hover: var(--light-color-button-secondary-fill-hover);
	--button--color-secondary-fill-pressed: var(--light-color-button-secondary-fill-pressed);
	--button--color-secondary-fill-disabled: var(--light-color-button-disabled-fill);
	--button--color-secondary-border: var(--light-color-button-secondary-border);
	--button--color-secondary-border-disabled: var(--light-color-button-disabled-border);
	--button--color-secondary-text: var(--light-color-text-primary);
	--button--color-secondary-text-disabled: var(--light-color-text-disabled-on);

	--button--color-tertiary-fill: var(--light-color-button-tertiary-fill);
	--button--color-tertiary-fill-hover: var(--light-color-button-tertiary-fill-hover);
	--button--color-tertiary-fill-pressed: var(--light-color-button-tertiary-fill-pressed);
	--button--color-tertiary-fill-disabled: var(--light-color-button-disabled-fill);
	--button--color-tertiary-border: var(--light-color-button-tertiary-border);
	--button--color-tertiary-border-disabled: var(--light-color-button-disabled-border);
	--button--color-tertiary-text: var(--light-color-text-basic);
	--button--color-tertiary-text-disabled: var(--light-color-text-disabled-on);

	--button--color-black-fill: var(--light-color-button-black-fill);
	--button--color-black-fill-hover: var(--light-color-button-black-fill-hover);
	--button--color-black-fill-pressed: var(--light-color-button-black-fill-pressed);
	--button--color-black-fill-disabled: var(--light-color-button-disabled-fill);
	--button--color-black-border: var(--light-color-button-black-border);
	--button--color-black-border-disabled: var(--light-color-button-disabled-border);
	--button--color-black-text: var(--light-color-text-basic);
	--button--color-black-text-disabled: var(--light-color-text-disabled-on);

	--button--color-text-fill: var(--light-color-button-text-fill);
	--button--color-text-fill-hover: var(--light-color-button-text-fill-hover);
	--button--color-text-fill-pressed: var(--light-color-button-text-fill-pressed);
	--button--color-text-fill-disabled: var(--light-color-button-text-fill);

	--button--color-text-border: var(--light-color-button-text-border);
	--button--color-text-border-disabled: var(--light-color-border-transparency);

	--button--color-text-text: var(--light-color-text-basic);
	--button--color-text-text-disabled: var(--light-color-text-disabled);

	--button--color-link-fill: var(--light-color-button-text-fill);
	--button--color-link-fill-hover: var(--light-color-button-text-fill);
	--button--color-link-fill-pressed: var(--light-color-button-text-fill);
	--button--color-link-fill-disabled: var(--light-color-button-text-fill);

	--button--color-link-border: var(--light-color-button-text-border);
	--button--color-link-border-disabled: var(--light-color-border-transparency);

	--button--color-link-text: var(--light-color-link-default);
	--button--color-link-text-disabled: var(--light-color-text-disabled);

	--button--size-height-xsmall: var(--size-height-5);
	--button--gap-xsmall: var(--gap-1);
	--button--padding-x-xsmall: var(--padding-4);
	--button--padding-y-xsmall: 0;
	--button--radius-xsmall: var(--radius-small);
	--button--pc-font-size-xsmall: var(--pc-font-size-label-small);
	--button--mobile-font-size-xsmall: var(--mobile-font-size-label-small);
	--button--font-weight-xsmall: var(--font-weight-regular);

	--button--size-height-small: var(--size-height-6);
	--button--gap-small: var(--gap-1);
	--button--padding-x-small: var(--padding-5);
	--button--padding-y-small: 0;
	--button--radius-small: var(--radius-medium1);
	--button--pc-font-size-small: var(--pc-font-size-label-small);
	--button--mobile-font-size-small: var(--mobile-font-size-label-small);
	--button--font-weight-small: var(--font-weight-regular);

	--button--size-height-medium: var(--size-height-7);
	--button--gap-medium: var(--gap-2);
	--button--padding-x-medium: var(--padding-6);
	--button--padding-y-medium: 0;
	--button--radius-medium: var(--radius-medium1);
	--button--pc-font-size-medium: var(--pc-font-size-label-medium);
	--button--mobile-font-size-medium: var(--mobile-font-size-label-medium);
	--button--font-weight-medium: var(--font-weight-regular);

	--button--size-height-large: var(--size-height-8);
	--button--gap-large: var(--gap-2);
	--button--padding-x-large: var(--padding-7);
	--button--padding-y-large: 0;
	--button--radius-large: var(--radius-medium2);
	--button--pc-font-size-large: var(--pc-font-size-label-large);
	--button--mobile-font-size-large: var(--mobile-font-size-label-large);
	--button--font-weight-large: var(--font-weight-regular);

	--button--size-height-xlarge: var(--size-height-9);
	--button--gap-xlarge: var(--gap-2);
	--button--padding-x-xlarge: var(--padding-8);
	--button--padding-y-xlarge: 0;
	--button--radius-xlarge: var(--radius-medium2);
	--button--pc-font-size-xlarge: var(--pc-font-size-label-large);
	--button--mobile-font-size-xlarge: var(--mobile-font-size-label-large);
	--button--font-weight-xlarge: var(--font-weight-regular);
}
/* 구조화 목록 */
.structured-list {
	--structured-list--tag-color-text: var(--light-color-text-basic);
	--structured-list--tag-color-text-visited: var(--light-color-link-visited);
	--structured-list--tag-color-border: var(--light-color-border-gray-light);
	--structured-list--tag-color-action:var(--light-color-action-white);
	--structured-list--list-color-surface: var(--light-color-surface-white-subtle);
	--structured-list--list-color-border: var(--light-color-border-gray);
	--structured-list--list-color-action-active: var(--light-color-link-default);
	--structured-list--list-action-outline-width: var(--light-border-width-variable-medium);
	--structured-list--card-bottom-color-border: var(--light-color-divider-gray-light);
	--structured-list--card-body-color-text: var(--light-color-text-subtle);
	--structured-list--card-body-divider-width: var(--light-border-width-variable-regular);
	--structured-list--card-body-divider-color-divider: var(--light-color-divider-gray-light);
	--structured-list--border-width: var(--light-border-width-variable-regular);
	--structured-list--full-card-body-meta-color-text:var(--light-color-text-subtle);
	--structured-list--wrap-gap: var(--gap-7);
	--structured-list--list-gap: var(--gap-5);
	--structured-list--list-padding-small-size: var(--padding-8);
	--structured-list--list-padding-medium-size: var(--padding-9);
	--structured-list--list-padding-large-size: var(--padding-10);
	--structured-list--list-radius: var(--radius-xlarge2);
	--structured-list--list-inner-gap: var(--gap-5);
	--structured-list--list-column-gap: var(--gap-7);
	--structured-list--list-first-element-margin: var(--gap-3);
	--structured-list--card-body-gap: var(--gap-7);
	--structured-list--card-body-cont-gap: var(--gap-5);
	--structured-list--card-body-title-gap: var(--gap-1);
	--structured-list--card-body-title-pc-font-size: var(--pc-font-size-heading-small);
	--structured-list--card-body-title-mobile-font-size: var(--mobile-font-size-heading-small);
	--structured-list--card-body-title-pc-font-size-small: var(--pc-font-size-heading-xsmall);
	--structured-list--card-body-title-mobile-font-size-small: var(--mobile-font-size-heading-xsmall);
	--structured-list--card-body-title-icon-size: var(--size-height-4);
	--structured-list--card-body-txt-margin-bottom: var(--gap-2);
	--structured-list--card-body-date-gap: var(--gap-2);
	--structured-list--card-bottom-gap: var(--gap-3);
	--structured-list--card-bottom-padding-top: var(--padding-6);
	--structured-list--card-bottom-margin-top: var(--padding-3);
	--structured-list--card-buttons-position-top-small-size: var(--gap-7);
	--structured-list--card-buttons-position-right-small-size: var(--gap-7);
	--structured-list--card-buttons-position-right-medium-size: var(--gap-8);
	--structured-list--card-buttons-position-top-medium-size: var(--gap-8);
	--structured-list--card-buttons-position-right-large-size: var(--gap-9);
	--structured-list--card-buttons-position-top-large-size: var(--gap-9);
	--structured-list--card-buttons-position-top: var(--gap-1);
	--structured-list--card-buttons-position-right: var(--gap-1);
	--structured-list--card-buttons-gap: var(--gap-5);
	--structured-list--card-buttons-size-height: var(--size-height-4);
	--structured-list--tag-size-height: var(--size-height-5);
	--structured-list--tag-pc-font-size: var(--pc-font-size-label-small);
	--structured-list--tag-mobile-font-size: var(--mobile-font-size-label-small);
	--structured-list--tag-padding-x: var(--padding-4);
	--structured-list--tag-radius: var(--radius-max);
}
.structured-list.type-full {
	grid-template-columns: none;
	--structured-list--full-list-column-gap: var(--gap-7);
	--structured-list--full-card-top-margin: var(--gap-2);
	--structured-list--full-card-body-gap: var(--gap-9);
	--structured-list--full-card-body-cont-gap: var(--gap-5);
	--structured-list--full-card-btn-position-top: var(--gap-2);
	--structured-list--full-card-body-meta-gap-y: var(--gap-3);
	--structured-list--full-card-body-meta-gap-x: var(--gap-4);
	--structured-list--full-card-body-divider-height: var(--size-height-2);
	--structured-list--full-card-body-divider-margin-x: var(--gap-3);
	--structured-list--card-body-date-gap: var(--gap-4);
	--structured-list--card-body-title-pc-font-size: var(--pc-font-size-heading-medium);
	--structured-list--card-body-title-mobile-font-size: var(--mobile-font-size-heading-medium);
}
/* 배지 */
.badge-wrap {
	--badge--wrap-gap: var(--gap-3);
	display: flex;
	gap: var(--badge--wrap-gap);
}
.badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: var(--badge--size-height);
	padding: 0 var(--badge--padding);
	border-radius: var(--badge--radius);
	line-height: var(--badge--line-height);
	font-size: var(--badge--pc-font-size);
}
.badge.bg-primary {
	background-color: var(--badge--color-primary-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-primary {
	background-color: var(--badge--color-primary-element-lighter);
	color: var(--badge--color-primary-text);
}
.badge.outline-primary {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--color-primary-element);
	color: var(--badge--color-primary-text);
}
.badge.bg-secondary {
	background-color: var(--badge--color-secondary-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-secondary {
	background-color: var(--badge--color-secondary-element-lighter);
	color: var(--badge--color-secondary-text);
}
.badge.outline-secondary {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-secondary-element);
	color: var(--badge--color-secondary-text);
}
.badge.bg-gray {
	background-color: var(--badge--color-gray-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-gray {
	background-color: var(--badge--color-gray-element-lighter);
	color: var(--badge--color-gray-text);
}
.badge.outline-gray {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-gray-element);
	color: var(--badge--color-gray-text);
}
.badge.bg-point {
	background-color: var(--badge--color-point-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-point {
	background-color: var(--badge--color-point-element-lighter);
	color: var(--badge--color-point-text);
}
.badge.outline-point {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-point-element);
	color: var(--badge--color-point-text);
}
.badge.bg-danger {
	background-color: var(--badge--color-danger-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-danger {
	background-color: var(--badge--color-danger-element-lighter);
	color: var(--badge--color-danger-text);
}
.badge.outline-danger {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-danger-element);
	color: var(--badge--color-danger-text);
}
.badge.bg-warning {
	background-color: var(--badge--color-warning-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-warning {
	background-color: var(--badge--color-warning-element-lighter);
	color: var(--badge--color-warning-text);
}
.badge.outline-warning {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-warning-element);
	color: var(--badge--color-warning-text);
}
.badge.bg-success {
	background-color: var(--badge--color-success-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-success {
	background-color: var(--badge--color-success-element-lighter);
	color: var(--badge--color-success-text);
}
.badge.outline-success {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-success-element);
	color: var(--badge--color-success-text);
}
.badge.bg-information {
	background-color: var(--badge--color-information-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-information {
	background-color: var(--badge--color-information-element-lighter);
	color: var(--badge--color-information-text);
}
.badge.outline-information {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-information-element);
	color: var(--badge--color-information-text);
}
.badge.bg-disabled {
	background-color: var(--badge--color-disabled-element);
	color: var(--badge--color-text-basic);
}
.badge.bg-light-disabled {
	background-color: var(--badge--color-disabled-element-lighter);
	color: var(--badge--color-disabled-text);
}
.badge.outline-disabled {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-disabled-element);
	color: var(--badge--color-disabled-text);
}

.badge.large {
	height: var(--badge--size-height-large);
	font-size: var(--badge--pc-font-size-large);
}
.badge.number {
	height: var(--badge--number-size-height);
	border-radius: var(--badge--radius-max);
}
.badge.dot {
	width: var(--badge--dot-size);
	height: var(--badge--dot-size);
	padding: var(--badge--dot-padding);
	border-radius: var(--badge--radius-max);
}
/* 라디오, 체크박스 style*/
.form-check {
	--form-check--color-text: var(--light-color-text-bolder);
	--form-check--color-text-disabled: var(--light-color-text-disabled);
	--form-check--color-text-sub: var(--light-color-text-subtle);
	--form-check--color-text-sub-disabled: var(--light-color-text-disabled);
	--form-check--button-color-element: var(--light-color-element-inverse);
	--form-check--button-color-element-disabled: var(--light-color-element-disabled-light);
	--form-check--button-color-border: var(--light-color-element-gray-dark);
	--form-check--button-color-border-checked: var(--light-color-element-primary);
	--form-check--button-color-border-disabled: var(--light-color-element-disabled-dark);
	--form-check--checkbox-button-color-element-checked: var(--light-color-element-primary);
	--form-check--radio-check-color-element: var(--light-alpha-black0);
	--form-check--radio-check-color-element-checked: var(--light-color-element-primary);
	--form-check--radio-check-color-element-disabled: var(--light-color-element-disabled-dark);
	--form-check--checkbox-check-color-element: var(--light-alpha-black0);
	--form-check--checkbox-check-color-element-checked: var(--light-color-element-inverse-static);
	--form-check--checkbox-check-color-element-disabled: var(--light-color-element-disabled-dark);
	--form-check--additional-text-color-text: var(--light-color-text-subtle);
	--form-check--button-size-medium: var(--size-height-3);
	--form-check--radio-check-size-medium: 1rem;
	--form-check--checkbox-check-size-medium: 1.2rem;
	--form-check--radio-button-radius-medium: var(--radius-max);
	--form-check--checkbox-button-radius-medium: var(--radius-small);
	--form-check--pc-font-size-medium: var(--pc-font-size-label-medium);
	--form-check--mobile-font-size-medium: var(--mobile-font-size-label-medium);
	--form-check--additional-text-pc-font-size-medium: var(--pc-font-size-label-small);
	--form-check--additional-text-mobile-font-size-medium: var(--mobile-font-size-label-small);
	--form-check--button-size-large: var(--size-height-4);
	--form-check--radio-check-size-large: 1.2rem;
	--form-check--checkbox-check-size-large: var(--size-height-2);
	--form-check--radio-button-radius-large: var(--radius-max);
	--form-check--checkbox-button-radius-large: var(--radius-small);
	--form-check--pc-font-size-large: var(--pc-font-size-label-large);
	--form-check--mobile-font-size-large: var(--mobile-font-size-label-large);
	--form-check--additional-text-pc-font-size-large: var(--pc-font-size-label-medium);
	--form-check--additional-text-mobile-font-size-large: var(--mobile-font-size-label-medium);
	--form-check--gap: var(--gap-3);
	--form-check--button-margin-top: 0.3rem;
	line-height: 1.6;
}
span.form-check {
	display: inline-block;
}
.form-check.chk-column {
	display: flex;
	flex-direction: column;
	gap: var(--gap-3);
}
.form-check input[type="radio"] ~ label,
.form-check input[type="checkbox"] ~ label {
	position: relative;
	display: inline-flex;
	gap: var(--form-check--gap);
	font-size: var(--form-check--pc-font-size-medium);
	cursor: pointer;
}
.form-check li > input[type="radio"] ~ label,
.form-check li > input[type="checkbox"] ~ label {
	line-height: 1.5;
}
.form-check input[type="radio"]:disabled ~ label,
.form-check input[type="checkbox"]:disabled ~ label {
	color: var(--form-check--color-text-sub-disabled);
	cursor: default;
}
.form-check input[type="radio"] ~ label:before,
.form-check input[type="radio"] ~ label:after,
.form-check input[type="checkbox"] ~ label:before,
.form-check input[type="checkbox"] ~ label:after {
	display: flex;
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
	content: "";
}
.form-check input[type="radio"] ~ label:before,
.form-check input[type="checkbox"] ~ label:before {
	width: var(--form-check--button-size-medium);
	height: var(--form-check--button-size-medium);
	margin-top: var(--form-check--button-margin-top);
	background-color: var(--form-check--button-color-element);
	border: 0.1rem solid var(--form-check--button-color-border);
	flex-shrink: 0;
}
.form-check input[type="radio"] ~ label:before {
	border-radius: var(--form-check--radio-button-radius-medium);
}
.form-check input[type="checkbox"] ~ label:before {
	border-radius: var(--form-check--checkbox-button-radius-medium);
}
.form-check input[type="radio"] ~ label:after {
	display: inline-flex;
	position: absolute;
	top: calc((var(--form-check--button-size-medium) - var(--form-check--radio-check-size-medium)) / 2 + var(--form-check--button-margin-top));
	left: calc((var(--form-check--button-size-medium) - var(--form-check--radio-check-size-medium)) / 2);
	width: var(--form-check--radio-check-size-medium);
	height: var(--form-check--radio-check-size-medium);
	background-color: var(--form-check--radio-check-color-element);
	border-radius: var(--radius-max);
}
.form-check input[type="checkbox"] ~ label:after {
	display: inline-flex;
	position: absolute;
	top: calc((var(--form-check--button-size-medium) - var(--form-check--checkbox-check-size-medium)) / 2 + var(--form-check--button-margin-top));
	left: calc((var(--form-check--button-size-medium) - var(--form-check--checkbox-check-size-medium)) / 2);
	width: var(--form-check--checkbox-check-size-medium);
	height: var(--form-check--checkbox-check-size-medium);
	background-color: var(--light-color-text-basic);
	forced-color-adjust: none;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	-webkit-mask-image: url(../../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--form-check--checkbox-check-color-element);
}
.form-check input[type="radio"]:checked ~ label:before {
	border-color: var(--form-check--button-color-border-checked);
}
.form-check input[type="radio"]:checked ~ label:after {
	background-color: var(--form-check--radio-check-color-element-checked);
}
.form-check input[type="checkbox"]:checked ~ label:before {
	background-color: var(--form-check--checkbox-button-color-element-checked);
	border-color: var(--form-check--button-color-border-checked);
}
.form-check input[type="checkbox"]:checked ~ label:after {
	background-color: var(--form-check--checkbox-check-color-element-checked);
	transition-delay: 0.1s;
}
.form-check input[type="radio"]:disabled ~ label:before,
.form-check input[type="checkbox"]:disabled ~ label:before {
	background-color: var(--form-check--button-color-element-disabled) !important;
	border-color: var(--form-check--button-color-border-disabled) !important;
}
.form-check input[type="radio"]:checked:disabled ~ label:after {
	background-color: var(--form-check--radio-check-color-element-disabled);
}
.form-check input[type="checkbox"]:checked:disabled ~ label:after {
	background-color: var(--form-check--checkbox-check-color-element-disabled);
	}
.form-check.large > input[type="radio"] ~ label,
.form-check.large > input[type="checkbox"] ~ label {
	gap: var(--form-check--gap);
	font-size: var(--form-check--pc-font-size-large);
}
.form-check.large > input[type="radio"] ~ label:before,
.form-check.large > input[type="checkbox"] ~ label:before {
	width: var(--form-check--button-size-large);
	height: var(--form-check--button-size-large);
	margin-top: var(--form-check--button-margin-top);
}
.form-check.large > input[type="radio"] ~ label:after {
	top: calc((var(--form-check--button-size-large) - var(--form-check--radio-check-size-large)) / 2 + var(--form-check--button-margin-top));
	left: calc((var(--form-check--button-size-large) - var(--form-check--radio-check-size-large)) / 2);
	width: var(--form-check--radio-check-size-large);
	height: var(--form-check--radio-check-size-large);
}
.form-check.large > input[type="checkbox"] ~ label:after {
	top: calc((var(--form-check--button-size-large) - var(--form-check--checkbox-check-size-large)) / 2 + var(--form-check--button-margin-top));
	left: calc((var(--form-check--button-size-large) - var(--form-check--checkbox-check-size-large)) / 2);
	width: var(--form-check--checkbox-check-size-large);
	height: var(--form-check--checkbox-check-size-large);
}
.form-chip {
	--form-chip--gap: var(--gap-2);
	--form-chip--size-height-large: var(--size-height-8);
	--form-chip--size-height-medium: var(--size-height-6);
	--form-chip--size-height-small: var(--size-height-5);
	--form-chip--color-border: var(--light-color-border-gray);
	--form-chip--color-border-checked: var(--light-color-border-primary);
	--form-chip--color-border-disabled: var(--light-color-border-disabled);
	--form-chip--color-text: var(--light-color-text-basic);
	--form-chip--color-text-checked: var(--light-color-text-primary);
	--form-chip--color-text-disabled: var(--light-color-text-disabled-on);
	--form-chip--color-action: var(--light-color-action-white);
	--form-chip--color-action-checked: var(--light-color-action-primary-selected);
	--form-chip--color-action-disabled: var(--light-color-action-disabled);
	--form-chip--color-check: var(--light-color-element-disabled-dark);
	--form-chip--color-check-checked: var(--light-color-icon-primary);
	--form-chip--color-check-disabled: var(--light-color-icon-disabled-on);
	--form-chip--check-size-large: var(--icon--size-small);
	--form-chip--check-size-medium: var(--icon--size-small);
	--form-chip--check-size-small: 1.2rem;
	--form-chip--padding-x-large: var(--padding-6);
	--form-chip--padding-x-medium: var(--padding-5);
	--form-chip--padding-x-small: var(--padding-4);
	--form-chip--radius-large: var(--radius-medium3);
	--form-chip--radius-small: var(--radius-medium1);
	--form-chip--radius-medium: var(--radius-medium2);
	--form-chip--pc-font-size-large: var(--pc-font-size-label-large);
	--form-chip--pc-font-size-medium: var(--pc-font-size-label-medium);
	--form-chip--pc-font-size-small: var(--pc-font-size-label-small);
	--form-chip--mobile-font-size-large: var(--pc-font-size-label-large);
	--form-chip--mobile-font-size-medium: var(--pc-font-size-label-medium);
	--form-chip--mobile-font-size-small: var(--pc-font-size-label-small);
}
.form-chip input[type="radio"] ~ label,
.form-chip input[type="checkbox"] ~ label {
	display: inline-flex;
	align-items: center;
	position: relative;
	gap: var(--form-chip--gap);
	height: var(--form-chip--size-height-medium);
	padding: 0 var(--form-chip--padding-x-medium);
	background-color: var(--form-chip--color-action);
	border: 0.1rem solid var(--form-chip--color-border);
	border-radius: var(--form-chip--radius-medium);
	color: var(--form-chip--color-text);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
	font-size: var(--form-chip--pc-font-size-medium);
}
.form-chip input[type="radio"]:checked ~ label,
.form-chip input[type="checkbox"]:checked ~ label {
	background-color: var(--form-chip--color-action-checked);
	border-color: var(--form-chip--color-border-checked);
	color: var(--form-chip--color-text-checked);
}
.form-chip input[type="radio"] ~ label::before,
.form-chip input[type="checkbox"] ~ label::before {
	display: none;
	width: var(--form-chip--check-size-medium);
	height: var(--form-chip--check-size-medium);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	mask-image: url(../../images/common/icon/ico_checkbox_checked.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	-webkit-mask-image: url(../../images/common/icon/ico_checkbox_checked.svg);
	content: "";
}
.form-chip input[type="radio"]:checked ~ label:before,
.form-chip input[type="checkbox"]:checked ~ label:before {
	display: inline-flex;
	background-color: var(--form-chip--color-check-checked);
}
.form-chip input[type="radio"]:disabled ~ label,
.form-chip input[type="checkbox"]:disabled ~ label {
	background-color: var(--form-chip--color-action-disabled);
	border-color: var(--form-chip--color-border-disabled);
	color: var(--form-chip--color-text-disabled);
	cursor: default;
}
/* 토글 스위치 */
.form-toggle-switch {
	position: relative;
	display: inline-flex;
	--form-toggle-switch--color-text: var(--light-color-text-basic);
	--form-toggle-switch--color-text-disabled: var(--light-color-text-disabled);
	--form-toggle-switch--button-color-background: var(--light-color-element-gray);
	--form-toggle-switch--button-color-background-checked: var(--light-color-element-primary);
	--form-toggle-switch--check-color-background: var(--light-color-element-inverse);
	--form-toggle-switch--button-color-background-disabled: var(--light-color-element-disabled-light);
	--form-toggle-switch--check-color-background-disabled: var(--light-color-element-disabled-dark);
	--form-toggle-switch--check-color-border: var(--form-toggle-switch--button-color-background);
	--form-toggle-switch--check-color-border-checked: var(--form-toggle-switch--button-color-background-checked);
	--form-toggle-switch--check-color-border-disabled: var(--form-toggle-switch--button-color-background-disabled);
	--form-toggle-switch--button-size-width-medium: 3.2rem;
	--form-toggle-switch--button-size-height-medium: var(--size-height-3);
	--form-toggle-switch--check-size-medium: var(--form-toggle-switch--button-size-height-medium);
	--form-toggle-switch--icon-size-medium: 0.8rem;
	--form-toggle-switch--button-radius-medium: var(--form-toggle-switch--button-size-height-medium);
	--form-toggle-switch--pc-font-size-medium: var(--pc-font-size-label-medium);
	--form-toggle-switch--mobile-font-size-medium: var(--mobile-font-size-label-medium);
	--form-toggle-switch--button-size-width-large: 4rem;
	--form-toggle-switch--button-size-height-large: var(--size-height-4);
	--form-toggle-switch--check-size-large: var(--form-toggle-switch--button-size-height-large);
	--form-toggle-switch--icon-size-large: 1rem;
	--form-toggle-switch--button-radius-large: var(--form-toggle-switch--button-size-height-large);
	--form-toggle-switch--pc-font-size-large: var(--pc-font-size-label-large);
	--form-toggle-switch--mobile-font-size-large: var(--mobile-font-size-label-large);
	--form-toggle-switch--gap: var(--gap-3);
}
.form-toggle-switch [type="checkbox"] ~ label {
	display: inline-flex;
	align-items: center;
	gap: var(--form-toggle-switch--gap);
	cursor: pointer;
	line-height: var(--form-toggle-switch--button-size-height-medium);
}
.form-toggle-switch [type="checkbox"] ~ label .switch-toggle {
	position: relative;
	width: var(--form-toggle-switch--button-size-width-medium);
	height: var(--form-toggle-switch--button-size-height-medium);
	background-color: var(--form-toggle-switch--button-color-background);
	border-radius: var(--form-toggle-switch--button-radius-medium);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.form-toggle-switch [type="checkbox"] ~ label .switch-toggle > i {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: var(--form-toggle-switch--check-size-medium);
	height: var(--form-toggle-switch--check-size-medium);
	background-color: var(--form-toggle-switch--check-color-background);
	border: 0.2rem solid var(--form-toggle-switch--check-color-border);
	border-radius: var(--radius-max);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.form-toggle-switch [type="checkbox"] ~ label .switch-toggle > i::before {
	display: inline-flex;
	width: var(--form-toggle-switch--icon-size-medium);
	height: var(--form-toggle-switch--icon-size-medium);
	margin-left: -0.1rem;
	background-color: var(--light-color-text-basic);
	background-color: var(--form-toggle-switch--button-color-background);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../../images/common/icon/ico_switch_off.svg);
	mask-image: url(../../images/common/icon/ico_switch_off.svg);
	content: "";
}
.form-toggle-switch [type="checkbox"]:checked ~ label .switch-toggle {
	background-color: var(--form-toggle-switch--button-color-background-checked);
}
.form-toggle-switch [type="checkbox"]:checked ~ label .switch-toggle > i {
	left: calc(var(--form-toggle-switch--button-size-width-large) - var(--form-toggle-switch--check-size-large));
	border-color: var(--form-toggle-switch--check-color-border-checked);
}
.form-toggle-switch [type="checkbox"]:checked ~ label .switch-toggle > i::before {
	background-color: var(--form-toggle-switch--check-color-border-checked);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	mask-image: url(../../images/common/icon/ico_switch_on.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	-webkit-mask-image: url(../../images/common/icon/ico_switch_on.svg);
}
.form-toggle-switch [type="checkbox"]:disabled ~ label .switch-toggle {
	background-color: var(--form-toggle-switch--button-color-background-disabled);
}
.form-toggle-switch [type="checkbox"]:disabled ~ label .switch-toggle > i {
	background-color: var(--form-toggle-switch--check-color-background-disabled);
	border-color: var(--form-toggle-switch--check-color-border-disabled);
}
.form-toggle-switch [type="checkbox"]:disabled ~ label .switch-toggle > i::before {
	background-color: var(--form-toggle-switch--button-color-background-disabled);
}
.form-toggle-switch.focus [type="checkbox"] ~ label {
	border-color: #4d90fe; outline: 2px dashed var(--color-light-secondary-30);
}
.form-toggle-switch.large [type="checkbox"] ~ label {
	font-size: var(--form-toggle-switch--pc-font-size-large);
	line-height: var(--form-toggle-switch--button-size-height-large);
}
.form-toggle-switch.large [type="checkbox"] ~ label .switch-toggle {
	width: var(--form-toggle-switch--button-size-width-large);
	height: var(--form-toggle-switch--button-size-height-large);
	border-radius: var(--form-toggle-switch--button-radius-large);
}
.form-toggle-switch.large [type="checkbox"] ~ label .switch-toggle > i {
	width: var(--form-toggle-switch--check-size-large);
	height: var(--form-toggle-switch--check-size-large);
}
.form-toggle-switch.large [type="checkbox"]:checked ~ label .switch-toggle > i {
	left: calc(var(--form-toggle-switch--button-size-width-large) - var(--form-toggle-switch--check-size-large));
}
.form-toggle-switch.large [type="checkbox"] ~ label .switch-toggle > i::before {
	width: var(--form-toggle-switch--icon-size-large);
	height: var(--form-toggle-switch--icon-size-large);
}
select.large {
	height: var(--form-select--size-height-large);
	padding: 0 var(--form-select--padding-right-large) 0 var(--form-select--padding-default);
	background-position: center right var(--form-select--padding-default);
	background-size: var(--form-select--icon-size-large) !important;
	border-radius: var(--form-select--radius-large);
	font-size: var(--form-select--pc-font-size-large);
}
select.medium {
	height: var(--form-select--size-height-medium);
	padding: 0 var(--form-select--padding-right-medium) 0 var(--form-select--padding-default);
	background-position: center right var(--form-select--padding-default);
	background-size: var(--form-select--icon-size-medium) !important;
	border-radius: var(--form-select--radius-medium);
	font-size: var(--form-select--pc-font-size-medium);
}
/* data-mode */
[data-mode=high-contrast] .badge {
	--badge--color-primary-element: var(--high-contrast-color-element-primary);
	--badge--color-primary-element-lighter: var(--high-contrast-color-element-primary-lighter);
	--badge--color-primary-text: var(--high-contrast-color-text-primary);
	--badge--color-secondary-element: var(--high-contrast-color-element-secondary);
	--badge--color-secondary-element-lighter: var(--high-contrast-color-element-secondary-lighter);
	--badge--color-secondary-text: var(--high-contrast-color-text-secondary);
	--badge--color-gray-element: var(--high-contrast-color-element-gray);
	--badge--color-gray-element-lighter: var(--high-contrast-color-element-gray-light);
	--badge--color-gray-text: var(--high-contrast-color-text-subtle);
	--badge--color-point-element: var(--high-contrast-color-element-point);
	--badge--color-point-element-lighter: var(--high-contrast-color-element-point-lighter);
	--badge--color-point-text: var(--high-contrast-color-text-point);
	--badge--color-danger-element: var(--high-contrast-color-element-danger);
	--badge--color-danger-element-lighter: var(--high-contrast-color-element-danger-lighter);
	--badge--color-danger-text: var(--high-contrast-color-text-danger);
	--badge--color-warning-element: var(--high-contrast-color-element-warning);
	--badge--color-warning-element-lighter: var(--high-contrast-color-element-warning-lighter);
	--badge--color-warning-text: var(--high-contrast-color-text-warning);
	--badge--color-success-element: var(--high-contrast-color-element-success);
	--badge--color-success-element-lighter: var(--high-contrast-color-element-success-lighter);
	--badge--color-success-text: var(--high-contrast-color-text-success);
	--badge--color-information-element: var(--high-contrast-color-element-information);
	--badge--color-information-element-lighter: var(--high-contrast-color-element-information-lighter);
	--badge--color-information-text: var(--high-contrast-color-text-information);
	--badge--color-disabled-element: var(--high-contrast-color-element-disabled-dark);
	--badge--color-disabled-element-lighter: var(--high-contrast-color-element-disabled-light);
	--badge--color-disabled-text: var(--high-contrast-color-text-disabled-on);
	--badge--color-background-basic: var(--high-contrast-color-background-white);
	--badge--color-text-basic: var(--high-contrast-color-text-inverse-static);
}
[data-mode=high-contrast] .badge.outline-primary {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--color-primary-element);
	color: var(--badge--color-primary-text);
}
[data-mode=high-contrast] .badge.bg-primary {
	background-color: var(--badge--color-primary-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-primary {
	background-color: var(--badge--color-primary-element-lighter);
	color: var(--badge--color-primary-text);
}
[data-mode=high-contrast] .badge.outline-secondary {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-secondary-element);
	color: var(--badge--color-secondary-text);
}
[data-mode=high-contrast] .badge.bg-secondary {
	background-color: var(--badge--color-secondary-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-secondary {
	background-color: var(--badge--color-secondary-element-lighter);
	color: var(--badge--color-secondary-text);
}
[data-mode=high-contrast] .badge.outline-gray {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-gray-element);
	color: var(--badge--color-gray-text);
}
[data-mode=high-contrast] .badge.bg-gray {
	background-color: var(--badge--color-gray-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-gray {
	background-color: var(--badge--color-gray-element-lighter);
	color: var(--badge--color-gray-text);
}
[data-mode=high-contrast] .badge.outline-point {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-point-element);
	color: var(--badge--color-point-text);
}
[data-mode=high-contrast] .badge.bg-point {
	background-color: var(--badge--color-point-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-point {
	background-color: var(--badge--color-point-element-lighter);
	color: var(--badge--color-point-text);
}
[data-mode=high-contrast] .badge.outline-danger {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-danger-element);
	color: var(--badge--color-danger-text);
}
[data-mode=high-contrast] .badge.bg-danger {
	background-color: var(--badge--color-danger-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-danger {
	background-color: var(--badge--color-danger-element-lighter);
	color: var(--badge--color-danger-text);
}
[data-mode=high-contrast] .badge.outline-warning {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-warning-element);
	color: var(--badge--color-warning-text);
}
[data-mode=high-contrast] .badge.bg-warning {
	background-color: var(--badge--color-warning-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-warning {
	background-color: var(--badge--color-warning-element-lighter);
	color: var(--badge--color-warning-text);
}
[data-mode=high-contrast] .badge.outline-success {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-success-element);
	color: var(--badge--color-success-text);
}
[data-mode=high-contrast] .badge.bg-success {
	background-color: var(--badge--color-success-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-success {
	background-color: var(--badge--color-success-element-lighter);
	color: var(--badge--color-success-text);
}
[data-mode=high-contrast] .badge.outline-information {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-information-element);
	color: var(--badge--color-information-text);
}
[data-mode=high-contrast] .badge.bg-information {
	background-color: var(--badge--color-information-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-information {
	background-color: var(--badge--color-information-element-lighter);
	color: var(--badge--color-information-text);
}
[data-mode=high-contrast] .badge.outline-disabled {
	border-width: var(--light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--badge--light-color-disabled-element);
	color: var(--badge--color-disabled-text);
}
[data-mode=high-contrast] .badge.bg-disabled {
	background-color: var(--badge--color-disabled-element);
	color: var(--badge--color-text-basic);
}
[data-mode=high-contrast] .badge.bg-light-disabled {
	background-color: var(--badge--color-disabled-element-lighter);
	color: var(--badge--color-disabled-text);
}
[data-mode=high-contrast] .calendar-area {
	--calendar--color-border: var(--high-contrast-color-border-secondary-light);
	--calendar--color-surface: var(--high-contrast-color-surface-secondary-subtler);
	--calendar--color-text-sub: var(--high-contrast-color-text-subtle);
	--calendar--head-btn-cal-move-color-text-active: var(--high-contrast-color-text-secondary);
	--calendar--head-btn-cal-move-color-border: var(--high-contrast-color-border-gray-light);
	--calendar--head-btn-cal-move-color-border-active: var(--high-contrast-color-border-secondary);
	--calendar--head-btn-cal-move-color-action: var(--high-contrast-color-action-white);
	--calendar--head-btn-cal-switch-color-action-hover: var(--high-contrast-color-action-secondary-hover);
	--calendar--head-btn-cal-switch-color-action-active: var(--high-contrast-color-action-secondary-pressed);
	--calendar--head-btn-cal-switch-color-text-disabled: var(--high-contrast-color-text-disabled-on);
	--calendar--head-drop-down-shadow: 0 0 0.2rem 0 var(--high-contrast-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--high-contrast-color-alpha-shadow2);
	--calendar--date-set-color-action: var(--high-contrast-color-action-secondary-active);
	--calendar--date-set-color-text: var(--high-contrast-color-text-inverse-static);
	--calendar--date-set-color-text-day-off: var(--high-contrast-color-text-danger);
	--calendar--date-set-color-text-day-event: var(--high-contrast-color-text-information);
	--calendar--date-set-color-text-disabled: var(--high-contrast-color-text-disabled);
	--calendar--date-set-color-action-pressed: var(--high-contrast-color-action-secondary-on-pressed);
	--calendar--date-set-color-action-period: var(--high-contrast-color-action-secondary-on-selected);
	--calendar--date-set-color-element-today: var(--high-contrast-color-element-point);
	--calendar--action-btn-wrap-color-border: var(--high-contrast-color-divider-gray-light);
	--calendar--action-btn-wrap-color-surface: var(--high-contrast-color-surface-white);
}
[data-mode=high-contrast] .calendar-area .calendar-wrap .calendar-head .btn-cal-move::before {
	display: inline-flex;
	width: var(--size-height-3);
	height: var(--size-height-3);
	background-color: var(--high-contrast-color-text-basic);
	forced-color-adjust: none;
}
[data-mode=high-contrast] .calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch::after {
	display: inline-flex;
	width: var(--icon--size-small);
	height: var(--icon--size-small);
	background-color: var(--high-contrast-color-text-basic);
	forced-color-adjust: none;
}
	
@media (max-width: 767px) {
	.badge {
		font-size: var(--badge--mobile-font-size);
		}
	.badge.large {
		font-size: var(--badge--mobile-font-size);
	}
	.structured-list {
		--structured-list--wrap-gap: var(--gap-5);
		--structured-list--list-gap: var(--gap-4);
		--structured-list--list-padding-medium-size: var(--padding-8);
		--structured-list--list-inner-gap: var(--gap-7);
		--structured-list--list-first-element-margin: var(--gap-2);
		--structured-list--card-body-gap: var(--gap-5);
		--structured-list--card-body-cont-gap: var(--gap-4);
		--structured-list--card-bottom-margin-top: var(--gap-2);
	}
}