@charset "utf-8";



input, textarea, a, button, select, span, label, :before, :after {
    font-size: inherit;
    font-weight: inherit;
}
:root {
    --krds-font-family-base: Pretendard GOV;

    --krds-line-height-none: 1;
    --krds-line-height-base: 1.5;
    --krds-letter-spacing-none: 0;
    --krds-letter-spacing-wide: 1px;
    --krds-font-weight-regular: 400;
    --krds-font-weight-bold: 700;
    --krds-transition-base: 0.4s ease-in-out;
    --krds-transition-fade: opacity 0.4s linear;
    --krds-transition-collapse: max-height 0.4s ease;
    --krds-transition-collapse-width: width 0.4s ease;
    --krds-contents-size: 1100px;
    --krds-contents-padding-x: 24px;
    --krds-contents-wrap-size: 1248px;
    --krds-box-shadow-outline: 0 0 0 4px #256ef4;
    --krds-box-shadow-outline-inset: inset 0 0 0 2px #256ef4;
    --krds-zoom-small: 0.9;
    --krds-zoom-medium: 1;
    --krds-zoom-large: 1.1;
    --krds-zoom-xlarge: 1.3;
    --krds-zoom-xxlarge: 1.5;
    --krds-font-underline-offset: 3px;
    --krds-icon--size-xsmall: 16px;
    --krds-icon--size-small: 16px;
    --krds-icon--size-medium: 20px;
    --krds-icon--size-large: 24px;
    --krds-icon--size-xlarge: 24px;


    --krds-color-light-primary-5: #ecf2fe;
    --krds-color-light-primary-10: #d8e5fd;
    --krds-color-light-primary-20: #b1cefb;
    --krds-color-light-primary-30: #86aff9;
    --krds-color-light-primary-40: #4c87f6;
    --krds-color-light-primary-50: #256ef4;
    --krds-color-light-primary-60: #0b50d0;
    --krds-color-light-primary-70: #083891;
    --krds-color-light-primary-80: #052561;
    --krds-color-light-primary-90: #03163a;
    --krds-color-light-primary-95: #020f27;
    --krds-color-light-secondary-5: #eef2f7;
    --krds-color-light-secondary-10: #d6e0eb;
    --krds-color-light-secondary-20: #bacbde;
    --krds-color-light-secondary-30: #90b0d5;
    --krds-color-light-secondary-40: #6b96c7;
    --krds-color-light-secondary-50: #346fb2;
    --krds-color-light-secondary-60: #1c589c;
    --krds-color-light-secondary-70: #063a74;
    --krds-color-light-secondary-80: #052b57;
    --krds-color-light-secondary-90: #031f3f;
    --krds-color-light-secondary-95: #02162c;
    --krds-color-light-gray-0: #ffffff;
    --krds-color-light-gray-5: #f4f5f6;
    --krds-color-light-gray-10: #e6e8ea;
    --krds-color-light-gray-20: #cdd1d5;
    --krds-color-light-gray-30: #b1b8be;
    --krds-color-light-gray-40: #8a949e;
    --krds-color-light-gray-50: #6d7882;
    --krds-color-light-gray-60: #58616a;
    --krds-color-light-gray-70: #464c53;
    --krds-color-light-gray-80: #33363d;
    --krds-color-light-gray-90: #1e2124;
    --krds-color-light-gray-95: #131416;
    --krds-color-light-gray-100: #000000;
    --krds-color-light-alpha-black100: #000000;
    --krds-color-light-alpha-black75: #000000bf;
    --krds-color-light-alpha-black50: #00000080;
    --krds-color-light-alpha-black25: #00000040;
    --krds-color-light-alpha-black10: #0000001a;
    --krds-color-light-alpha-black0: #00000000;
    --krds-color-light-alpha-white100: #ffffff;
    --krds-color-light-alpha-white75: #ffffffbf;
    --krds-color-light-alpha-white50: #ffffff80;
    --krds-color-light-alpha-white25: #ffffff40;
    --krds-color-light-alpha-white10: #ffffff1a;
    --krds-color-light-alpha-white0: #ffffff00;
    --krds-color-light-danger-5: #fdefec;
    --krds-color-light-danger-10: #fcdfd9;
    --krds-color-light-danger-20: #f7afa1;
    --krds-color-light-danger-30: #f48771;
    --krds-color-light-danger-40: #f05f42;
    --krds-color-light-danger-50: #de3412;
    --krds-color-light-danger-60: #bd2c0f;
    --krds-color-light-danger-70: #8a240f;
    --krds-color-light-danger-80: #5c180a;
    --krds-color-light-danger-90: #390d05;
    --krds-color-light-danger-95: #260903;
    --krds-color-light-information-5: #e7f4fe;
    --krds-color-light-information-10: #d3ebfd;
    --krds-color-light-information-20: #9ed2fa;
    --krds-color-light-information-30: #5fb5f7;
    --krds-color-light-information-40: #2098f3;
    --krds-color-light-information-50: #0b78cb;
    --krds-color-light-information-60: #096ab3;
    --krds-color-light-information-70: #085691;
    --krds-color-light-information-80: #053961;
    --krds-color-light-information-90: #03253f;
    --krds-color-light-information-95: #021a2c;
    --krds-color-light-warning-5: #fff3db;
    --krds-color-light-warning-10: #ffe0a3;
    --krds-color-light-warning-20: #ffc95c;
    --krds-color-light-warning-30: #ffb114;
    --krds-color-light-warning-40: #c78500;
    --krds-color-light-warning-50: #9e6a00;
    --krds-color-light-warning-60: #8a5c00;
    --krds-color-light-warning-70: #614100;
    --krds-color-light-warning-80: #422c00;
    --krds-color-light-warning-90: #2e1f00;
    --krds-color-light-warning-95: #241800;
    --krds-color-light-success-5: #eaf6ec;
    --krds-color-light-success-10: #d8eedd;
    --krds-color-light-success-20: #a9dab4;
    --krds-color-light-success-30: #7ec88e;
    --krds-color-light-success-40: #3fa654;
    --krds-color-light-success-50: #228738;
    --krds-color-light-success-60: #267337;
    --krds-color-light-success-70: #285d33;
    --krds-color-light-success-80: #1f4727;
    --krds-color-light-success-90: #122b18;
    --krds-color-light-success-95: #0e2012;
    --krds-color-light-point-5: #fbeff0;
    --krds-color-light-point-10: #f5d6d9;
    --krds-color-light-point-20: #ebadb2;
    --krds-color-light-point-30: #e0858c;
    --krds-color-light-point-40: #d65c66;
    --krds-color-light-point-50: #d63d4a;
    --krds-color-light-point-60: #ab2b36;
    --krds-color-light-point-70: #7a1f26;
    --krds-color-light-point-80: #521419;
    --krds-color-light-point-90: #310c0f;
    --krds-color-light-point-95: #21080a;
    --krds-color-light-graphic-10: #e5ecf9;
    --krds-color-light-graphic-30: #98acc5;
    --krds-color-light-graphic-50: #61758f;
    --krds-color-light-graphic-70: #39506c;
    --krds-color-light-graphic-90: #223a58;
    --krds-color-high-contrast-gray-0: #ffffff;
    --krds-color-high-contrast-gray-5: #f4f5f6;
    --krds-color-high-contrast-gray-10: #e6e8ea;
    --krds-color-high-contrast-gray-20: #cdd1d5;
    --krds-color-high-contrast-gray-30: #b1b8be;
    --krds-color-high-contrast-gray-40: #8a949e;
    --krds-color-high-contrast-gray-50: #6d7882;
    --krds-color-high-contrast-gray-60: #58616a;
    --krds-color-high-contrast-gray-70: #464c53;
    --krds-color-high-contrast-gray-80: #33363d;
    --krds-color-high-contrast-gray-90: #1e2124;
    --krds-color-high-contrast-gray-95: #131416;
    --krds-color-high-contrast-gray-100: #000000;
    --krds-color-high-contrast-primary-5: #ecf2fe;
    --krds-color-high-contrast-primary-10: #d8e5fd;
    --krds-color-high-contrast-primary-20: #b1cefb;
    --krds-color-high-contrast-primary-30: #86aff9;
    --krds-color-high-contrast-primary-40: #4c87f6;
    --krds-color-high-contrast-primary-50: #256ef4;
    --krds-color-high-contrast-primary-60: #0b50d0;
    --krds-color-high-contrast-primary-70: #083891;
    --krds-color-high-contrast-primary-80: #052561;
    --krds-color-high-contrast-primary-90: #03163a;
    --krds-color-high-contrast-primary-95: #020f27;
    --krds-color-high-contrast-secondary-5: #edf6f8;
    --krds-color-high-contrast-secondary-10: #d5ebf1;
    --krds-color-high-contrast-secondary-20: #abd8e3;
    --krds-color-high-contrast-secondary-30: #75c0d1;
    --krds-color-high-contrast-secondary-40: #3d9fb8;
    --krds-color-high-contrast-secondary-50: #268097;
    --krds-color-high-contrast-secondary-60: #1f687a;
    --krds-color-high-contrast-secondary-70: #17505e;
    --krds-color-high-contrast-secondary-80: #113b45;
    --krds-color-high-contrast-secondary-90: #0e3139;
    --krds-color-high-contrast-secondary-95: #091f25;
    --krds-color-high-contrast-point-5: #fbeff0;
    --krds-color-high-contrast-point-10: #f5d6d9;
    --krds-color-high-contrast-point-20: #ebadb2;
    --krds-color-high-contrast-point-30: #e0858c;
    --krds-color-high-contrast-point-40: #d65c66;
    --krds-color-high-contrast-point-50: #d63d4a;
    --krds-color-high-contrast-point-60: #ab2b36;
    --krds-color-high-contrast-point-70: #7a1f26;
    --krds-color-high-contrast-point-80: #521419;
    --krds-color-high-contrast-point-90: #310c0f;
    --krds-color-high-contrast-point-95: #21080a;
    --krds-color-high-contrast-danger-5: #fdefec;
    --krds-color-high-contrast-danger-10: #fcdfd9;
    --krds-color-high-contrast-danger-20: #f7afa1;
    --krds-color-high-contrast-danger-30: #f48771;
    --krds-color-high-contrast-danger-40: #f05f42;
    --krds-color-high-contrast-danger-50: #de3412;
    --krds-color-high-contrast-danger-60: #bd2c0f;
    --krds-color-high-contrast-danger-70: #8a240f;
    --krds-color-high-contrast-danger-80: #5c180a;
    --krds-color-high-contrast-danger-90: #390d05;
    --krds-color-high-contrast-danger-95: #260903;
    --krds-color-high-contrast-warning-5: #fff3db;
    --krds-color-high-contrast-warning-10: #ffe0a3;
    --krds-color-high-contrast-warning-20: #ffc95c;
    --krds-color-high-contrast-warning-30: #ffb114;
    --krds-color-high-contrast-warning-40: #c78500;
    --krds-color-high-contrast-warning-50: #9e6a00;
    --krds-color-high-contrast-warning-60: #8a5c00;
    --krds-color-high-contrast-warning-70: #614100;
    --krds-color-high-contrast-warning-80: #422c00;
    --krds-color-high-contrast-warning-90: #2e1f00;
    --krds-color-high-contrast-warning-95: #241800;
    --krds-color-high-contrast-success-5: #eaf6ec;
    --krds-color-high-contrast-success-10: #d8eedd;
    --krds-color-high-contrast-success-20: #a9dab4;
    --krds-color-high-contrast-success-30: #7ec88e;
    --krds-color-high-contrast-success-40: #3fa654;
    --krds-color-high-contrast-success-50: #228738;
    --krds-color-high-contrast-success-60: #267337;
    --krds-color-high-contrast-success-70: #285d33;
    --krds-color-high-contrast-success-80: #1f4727;
    --krds-color-high-contrast-success-90: #122b18;
    --krds-color-high-contrast-success-95: #0e2012;
    --krds-color-high-contrast-information-5: #e7f4fe;
    --krds-color-high-contrast-information-10: #d3ebfd;
    --krds-color-high-contrast-information-20: #9ed2fa;
    --krds-color-high-contrast-information-30: #5fb5f7;
    --krds-color-high-contrast-information-40: #2098f3;
    --krds-color-high-contrast-information-50: #0b78cb;
    --krds-color-high-contrast-information-60: #096ab3;
    --krds-color-high-contrast-information-70: #085691;
    --krds-color-high-contrast-information-80: #053961;
    --krds-color-high-contrast-information-90: #03253f;
    --krds-color-high-contrast-information-95: #021a2c;
    --krds-color-high-contrast-alpha-black100: #000000;
    --krds-color-high-contrast-alpha-black75: #000000bf;
    --krds-color-high-contrast-alpha-black50: #00000080;
    --krds-color-high-contrast-alpha-black25: #00000040;
    --krds-color-high-contrast-alpha-black10: #0000001a;
    --krds-color-high-contrast-alpha-black0: #00000000;
    --krds-color-high-contrast-alpha-white100: #ffffff;
    --krds-color-high-contrast-alpha-white75: #ffffffbf;
    --krds-color-high-contrast-alpha-white50: #ffffff80;
    --krds-color-high-contrast-alpha-white25: #ffffff40;
    --krds-color-high-contrast-alpha-white10: #ffffff1a;
    --krds-color-high-contrast-alpha-white0: #ffffff00;
    --krds-color-high-contrast-graphic-10: #e5ecf9;
    --krds-color-high-contrast-graphic-30: #98acc5;
    --krds-color-high-contrast-graphic-50: #61758f;
    --krds-color-high-contrast-graphic-70: #39506c;
    --krds-color-high-contrast-graphic-90: #223a58;
    --krds-typo-font-type: Pretendard GOV;
    --krds-typo-font-weight-regular: Regular;
    --krds-typo-font-weight-bold: Bold;
    --krds-typo-letter-spacing-0: 0px;
    --krds-typo-letter-spacing-1: 1px;
    --krds-number-0: 0px;
    --krds-number-1: 1px;
    --krds-number-2: 2px;
    --krds-number-3: 4px;
    --krds-number-4: 6px;
    --krds-number-5: 8px;
    --krds-number-6: 10px;
    --krds-number-7: 12px;
    --krds-number-8: 16px;
    --krds-number-9: 20px;
    --krds-number-10: 24px;
    --krds-number-11: 28px;
    --krds-number-12: 32px;
    --krds-number-13: 36px;
    --krds-number-14: 40px;
    --krds-number-15: 44px;
    --krds-number-16: 48px;
    --krds-number-17: 56px;
    --krds-number-18: 64px;
    --krds-number-19: 72px;
    --krds-number-20: 80px;
    --krds-number-21: 96px;
    --krds-number-max: 1000px;
    --krds-light-color-surface-gray-subtler: var(--krds-color-light-gray-5);
    --krds-light-color-surface-gray-subtle: var(--krds-color-light-gray-10);
    --krds-light-color-surface-disabled: var(--krds-color-light-gray-20);
    --krds-light-color-surface-primary-subtler: var(--krds-color-light-primary-5);
    --krds-light-color-surface-secondary-subtler: var(--krds-color-light-secondary-5);
    --krds-light-color-surface-danger-subtler: var(--krds-color-light-danger-5);
    --krds-light-color-surface-warning-subtler: var(--krds-color-light-warning-5);
    --krds-light-color-surface-success-subtler: var(--krds-color-light-success-5);
    --krds-light-color-surface-information-subtler: var(--krds-color-light-information-5);
    --krds-light-color-surface-point-subtler: var(--krds-color-light-point-5);
    --krds-light-color-surface-white: var(--krds-color-light-gray-0);
    --krds-light-color-surface-inverse: var(--krds-color-light-gray-90);
    --krds-light-color-surface-white-static: var(--krds-color-light-gray-0);
    --krds-light-color-surface-inverse-static: var(--krds-color-light-gray-90);
    --krds-light-color-surface-white-subtle: var(--krds-color-light-gray-0);
    --krds-light-color-surface-white-subtler: var(--krds-color-light-gray-0);
    --krds-light-color-border-gray-light: var(--krds-color-light-gray-20);
    --krds-light-color-border-gray: var(--krds-color-light-gray-30);
    --krds-light-color-border-secondary-light: var(--krds-color-light-secondary-10);
    --krds-light-color-border-danger-light: var(--krds-color-light-danger-10);
    --krds-light-color-border-danger: var(--krds-color-light-danger-50);
    --krds-light-color-border-warning-light: var(--krds-color-light-warning-10);
    --krds-light-color-border-warning: var(--krds-color-light-warning-50);
    --krds-light-color-border-success-light: var(--krds-color-light-success-10);
    --krds-light-color-border-success: var(--krds-color-light-success-50);
    --krds-light-color-border-information-light: var(--krds-color-light-information-10);
    --krds-light-color-border-information: var(--krds-color-light-information-50);
    --krds-light-color-border-gray-dark: var(--krds-color-light-gray-60);
    --krds-light-color-border-primary: var(--krds-color-light-primary-50);
    --krds-light-color-border-disabled: var(--krds-color-light-gray-30);
    --krds-light-color-border-gray-darker: var(--krds-color-light-gray-90);
    --krds-light-color-border-secondary: var(--krds-color-light-secondary-70);
    --krds-light-color-border-inverse: var(--krds-color-light-gray-0);
    --krds-light-color-border-transparency: var(--krds-color-light-alpha-black0);
    --krds-light-color-border-primary-light: var(--krds-color-light-primary-10);
    --krds-light-color-border-point: var(--krds-color-light-point-50);
    --krds-light-color-border-point-light: var(--krds-color-light-point-10);
    --krds-light-color-divider-gray-light: var(--krds-color-light-gray-20);
    --krds-light-color-divider-gray: var(--krds-color-light-gray-40);
    --krds-light-color-divider-gray-dark: var(--krds-color-light-gray-50);
    --krds-light-color-divider-primary: var(--krds-color-light-primary-50);
    --krds-light-color-divider-secondary-light: var(--krds-color-light-secondary-10);
    --krds-light-color-divider-secondary: var(--krds-color-light-secondary-70);
    --krds-light-color-divider-error: var(--krds-color-light-danger-50);
    --krds-light-color-divider-primary-light: var(--krds-color-light-primary-10);
    --krds-light-color-divider-inverse: var(--krds-color-light-gray-0);
    --krds-light-color-divider-gray-darker: var(--krds-color-light-gray-90);
    --krds-light-color-divider-point: var(--krds-color-light-point-50);
    --krds-light-color-text-bolder: var(--krds-color-light-gray-95);
    --krds-light-color-text-subtle: var(--krds-color-light-gray-70);
    --krds-light-color-text-disabled: var(--krds-color-light-gray-40);
    --krds-light-color-text-disabled-on: var(--krds-color-light-gray-50);
    --krds-light-color-text-primary: var(--krds-color-light-primary-60);
    --krds-light-color-text-secondary: var(--krds-color-light-secondary-80);
    --krds-light-color-text-danger: var(--krds-color-light-danger-60);
    --krds-light-color-text-warning: var(--krds-color-light-warning-60);
    --krds-light-color-text-success: var(--krds-color-light-success-60);
    --krds-light-color-text-information: var(--krds-color-light-information-60);
    --krds-light-color-text-basic: var(--krds-color-light-gray-90);
    --krds-light-color-text-point: var(--krds-color-light-point-60);
    --krds-light-color-text-bolder-inverse: var(--krds-color-light-gray-0);
    --krds-light-color-text-basic-inverse: var(--krds-color-light-gray-0);
    --krds-light-color-text-subtle-inverse: var(--krds-color-light-gray-30);
    --krds-light-color-text-inverse-static: var(--krds-color-light-gray-0);
    --krds-light-color-text-static: var(--krds-color-light-gray-90);
    --krds-light-color-icon-gray: var(--krds-color-light-gray-80);
    --krds-light-color-icon-gray-fill: var(--krds-color-light-gray-20);
    --krds-light-color-icon-inverse: var(--krds-color-light-gray-0);
    --krds-light-color-icon-primary: var(--krds-color-light-primary-50);
    --krds-light-color-icon-secondary: var(--krds-color-light-secondary-80);
    --krds-light-color-icon-point: var(--krds-color-light-point-50);
    --krds-light-color-icon-danger: var(--krds-color-light-danger-50);
    --krds-light-color-icon-warning: var(--krds-color-light-warning-50);
    --krds-light-color-icon-success: var(--krds-color-light-success-50);
    --krds-light-color-icon-information: var(--krds-color-light-information-50);
    --krds-light-color-icon-gray-light: var(--krds-color-light-gray-70);
    --krds-light-color-icon-disabled: var(--krds-color-light-gray-40);
    --krds-light-color-icon-disabled-on: var(--krds-color-light-gray-50);
    --krds-light-color-icon-inverse-static: var(--krds-color-light-gray-0);
    --krds-light-color-icon-primary-static: var(--krds-color-light-primary-50);
    --krds-light-color-icon-secondary-static: var(--krds-color-light-secondary-80);
    --krds-light-color-icon-point-static: var(--krds-color-light-point-50);
    --krds-light-color-icon-danger-static: var(--krds-color-light-danger-50);
    --krds-light-color-icon-warning-static: var(--krds-color-light-warning-50);
    --krds-light-color-icon-success-static: var(--krds-color-light-success-50);
    --krds-light-color-icon-information-static: var(--krds-color-light-information-50);
    --krds-light-color-icon-gray-static: var(--krds-color-light-gray-80);
    --krds-light-color-link-default: var(--krds-color-light-primary-50);
    --krds-light-color-link-hover: var(--krds-color-light-primary-60);
    --krds-light-color-link-pressed: var(--krds-color-light-primary-70);
    --krds-light-color-link-visited: #5917b8;
    --krds-light-color-button-primary-fill: var(--krds-color-light-primary-50);
    --krds-light-color-button-primary-fill-hover: var(--krds-color-light-primary-60);
    --krds-light-color-button-primary-fill-pressed: var(--krds-color-light-primary-70);
    --krds-light-color-button-secondary-fill: var(--krds-color-light-primary-5);
    --krds-light-color-button-secondary-fill-hover: var(--krds-color-light-primary-10);
    --krds-light-color-button-secondary-fill-pressed: var(--krds-color-light-primary-20);
    --krds-light-color-button-secondary-border: var(--krds-color-light-primary-50);
    --krds-light-color-button-tertiary-fill: var(--krds-color-light-alpha-white0);
    --krds-light-color-button-tertiary-fill-hover: var(--krds-color-light-gray-5);
    --krds-light-color-button-tertiary-fill-pressed: var(--krds-color-light-gray-10);
    --krds-light-color-button-tertiary-border: var(--krds-color-light-gray-60);
    --krds-light-color-button-disabled-fill: var(--krds-color-light-gray-20);
    --krds-light-color-button-text-fill-hover: var(--krds-color-light-secondary-5);
    --krds-light-color-button-text-fill-pressed: var(--krds-color-light-secondary-10);
    --krds-light-color-button-text-fill: var(--krds-color-light-alpha-white0);
    --krds-light-color-button-text-border: var(--krds-color-light-alpha-black0);
    --krds-light-color-button-disabled-border: var(--krds-color-light-gray-30);
    --krds-light-color-background-white: var(--krds-color-light-gray-0);
    --krds-light-color-background-inverse: var(--krds-color-light-gray-90);
    --krds-light-color-background-gray-subtler: var(--krds-color-light-gray-5);
    --krds-light-color-background-gray-subtle: var(--krds-color-light-gray-10);
    --krds-light-color-background-dim: var(--krds-color-light-alpha-black75);
    --krds-light-color-element-disabled-light: var(--krds-color-light-gray-20);
    --krds-light-color-element-disabled-dark: var(--krds-color-light-gray-40);
    --krds-light-color-element-gray-lighter: var(--krds-color-light-gray-5);
    --krds-light-color-element-gray-light: var(--krds-color-light-gray-10);
    --krds-light-color-element-gray: var(--krds-color-light-gray-50);
    --krds-light-color-element-primary-lighter: var(--krds-color-light-primary-5);
    --krds-light-color-element-primary-light: var(--krds-color-light-primary-10);
    --krds-light-color-element-primary: var(--krds-color-light-primary-50);
    --krds-light-color-element-secondary-lighter: var(--krds-color-light-secondary-5);
    --krds-light-color-element-secondary-light: var(--krds-color-light-secondary-10);
    --krds-light-color-element-secondary: var(--krds-color-light-secondary-70);
    --krds-light-color-element-point-lighter: var(--krds-color-light-point-5);
    --krds-light-color-element-point-light: var(--krds-color-light-point-10);
    --krds-light-color-element-point: var(--krds-color-light-point-50);
    --krds-light-color-element-danger-lighter: var(--krds-color-light-danger-5);
    --krds-light-color-element-danger: var(--krds-color-light-danger-50);
    --krds-light-color-element-warning-lighter: var(--krds-color-light-warning-5);
    --krds-light-color-element-warning: var(--krds-color-light-warning-30);
    --krds-light-color-element-success-lighter: var(--krds-color-light-success-5);
    --krds-light-color-element-success: var(--krds-color-light-success-50);
    --krds-light-color-element-information-lighter: var(--krds-color-light-information-5);
    --krds-light-color-element-information: var(--krds-color-light-information-50);
    --krds-light-color-element-inverse: var(--krds-color-light-gray-0);
    --krds-light-color-element-gray-dark: var(--krds-color-light-gray-60);
    --krds-light-color-element-inverse-static: var(--krds-color-light-gray-0);
    --krds-light-color-action-white: var(--krds-color-light-gray-0);
    --krds-light-color-action-primary: var(--krds-color-light-alpha-white0);
    --krds-light-color-action-primary-hover: var(--krds-color-light-primary-5);
    --krds-light-color-action-primary-pressed: var(--krds-color-light-primary-10);
    --krds-light-color-action-secondary: var(--krds-color-light-alpha-white0);
    --krds-light-color-action-secondary-hover: var(--krds-color-light-secondary-5);
    --krds-light-color-action-secondary-pressed: var(--krds-color-light-secondary-10);
    --krds-light-color-action-secondary-selected: var(--krds-color-light-secondary-5);
    --krds-light-color-action-secondary-on: var(--krds-color-light-alpha-white0);
    --krds-light-color-action-secondary-on-hover: var(--krds-color-light-gray-0);
    --krds-light-color-action-secondary-on-pressed: var(--krds-color-light-secondary-10);
    --krds-light-color-action-secondary-on-selected: var(--krds-color-light-gray-0);
    --krds-light-color-action-secondary-active: var(--krds-color-light-secondary-70);
    --krds-light-color-action-primary-active: var(--krds-color-light-primary-50);
    --krds-light-color-action-disabled: var(--krds-color-light-gray-20);
    --krds-light-color-action-primary-selected: var(--krds-color-light-primary-5);
    --krds-light-color-input-border: var(--krds-color-light-gray-60);
    --krds-light-color-input-border-disabled: var(--krds-color-light-gray-30);
    --krds-light-color-input-border-active: var(--krds-color-light-primary-50);
    --krds-light-color-input-border-error: var(--krds-color-light-danger-50);
    --krds-light-color-input-surface: var(--krds-color-light-gray-0);
    --krds-light-color-input-surface-disabled: var(--krds-color-light-gray-20);
    --krds-light-color-graphic-blue-subtler: var(--krds-color-light-graphic-10);
    --krds-light-color-graphic-blue-subtle: var(--krds-color-light-graphic-30);
    --krds-light-color-graphic-blue: var(--krds-color-light-graphic-50);
    --krds-light-color-graphic-blue-dark: var(--krds-color-light-graphic-70);
    --krds-light-color-graphic-blue-darker: var(--krds-color-light-graphic-90);
    --krds-light-color-graphic-red-subtler: var(--krds-color-light-point-5);
    --krds-light-color-graphic-red-subtle: var(--krds-color-light-point-10);
    --krds-light-color-graphic-red: var(--krds-color-high-contrast-point-20);
    --krds-light-color-graphic-red-dark: var(--krds-color-high-contrast-point-40);
    --krds-light-color-graphic-red-darker: var(--krds-color-high-contrast-point-70);
    --krds-light-color-graphic-brand: var(--krds-color-light-primary-50);
    --krds-light-color-alpha-base100: var(--krds-color-light-alpha-white100);
    --krds-light-color-alpha-base50: var(--krds-color-light-alpha-white50);
    --krds-light-color-alpha-base25: var(--krds-color-high-contrast-alpha-white25);
    --krds-light-color-alpha-base0: var(--krds-color-light-alpha-white0);
    --krds-light-color-alpha-inverse100: var(--krds-color-light-alpha-black100);
    --krds-light-color-alpha-inverse50: var(--krds-color-light-alpha-black50);
    --krds-light-color-alpha-inverse25: var(--krds-color-light-alpha-black25);
    --krds-light-color-alpha-inverse0: var(--krds-color-light-alpha-black0);
    --krds-light-color-alpha-base75: var(--krds-color-light-alpha-white75);
    --krds-light-color-alpha-inverse75: var(--krds-color-light-alpha-black75);
    --krds-light-color-alpha-inverse10: var(--krds-color-light-alpha-black10);
    --krds-light-color-alpha-base10: var(--krds-color-high-contrast-alpha-white10);
    --krds-light-color-alpha-shadow1: #0000000d;
    --krds-light-color-alpha-shadow2: #00000014;
    --krds-light-color-alpha-shadow3: #0000001f;
    --krds-light-border-width-variable-regular: 1px;
    --krds-light-border-width-variable-medium:  2px;
    --krds-light-border-width-static-regular: 1px;
    --krds-light-border-width-static-medium: 2px;
    --krds-high-contrast-color-surface-gray-subtler: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-surface-gray-subtle: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-surface-disabled: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-surface-primary-subtler: var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-surface-secondary-subtler: var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-surface-danger-subtler: var(--krds-color-high-contrast-danger-95);
    --krds-high-contrast-color-surface-warning-subtler: var(--krds-color-high-contrast-warning-95);
    --krds-high-contrast-color-surface-success-subtler: var(--krds-color-high-contrast-success-95);
    --krds-high-contrast-color-surface-information-subtler: var(--krds-color-high-contrast-information-95);
    --krds-high-contrast-color-surface-point-subtler: var(--krds-color-high-contrast-point-95);
    --krds-high-contrast-color-surface-white: var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-surface-inverse: var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-surface-white-static: var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-surface-inverse-static: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-surface-white-subtle: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-surface-white-subtler: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-border-gray-light: var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-border-gray: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-border-secondary-light: var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-border-danger-light: var(--krds-color-high-contrast-danger-90);
    --krds-high-contrast-color-border-danger: var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-border-warning-light: var(--krds-color-high-contrast-warning-90);
    --krds-high-contrast-color-border-warning: var(--krds-color-high-contrast-warning-50);
    --krds-high-contrast-color-border-success-light: var(--krds-color-high-contrast-success-90);
    --krds-high-contrast-color-border-success: var(--krds-color-high-contrast-success-50);
    --krds-high-contrast-color-border-information-light: var(--krds-color-high-contrast-information-90);
    --krds-high-contrast-color-border-information: var(--krds-color-high-contrast-information-50);
    --krds-high-contrast-color-border-gray-dark: var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-border-primary: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-border-disabled: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-border-gray-darker: var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-border-secondary: var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-border-inverse: var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-border-transparency: var(--krds-color-high-contrast-alpha-white25);
    --krds-high-contrast-color-border-primary-light: var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-border-point: var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-border-point-light: var(--krds-color-high-contrast-point-90);
    --krds-high-contrast-color-divider-gray-light: var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-divider-gray: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-divider-gray-dark: var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-divider-primary: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-divider-secondary-light: var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-divider-secondary: var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-divider-error: var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-divider-primary-light: var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-divider-inverse: var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-divider-gray-darker: var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-divider-point: var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-text-bolder: var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-text-subtle: var(--krds-color-high-contrast-gray-20);
    --krds-high-contrast-color-text-disabled: var(--krds-color-high-contrast-gray-60);
    --krds-high-contrast-color-text-disabled-on: var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-text-primary: var(--krds-color-high-contrast-primary-20);
    --krds-high-contrast-color-text-secondary: var(--krds-color-high-contrast-secondary-20);
    --krds-high-contrast-color-text-danger: var(--krds-color-high-contrast-danger-20);
    --krds-high-contrast-color-text-warning: var(--krds-color-high-contrast-warning-20);
    --krds-high-contrast-color-text-success: var(--krds-color-high-contrast-success-20);
    --krds-high-contrast-color-text-information: var(--krds-color-high-contrast-information-20);
    --krds-high-contrast-color-text-basic: var(--krds-color-high-contrast-gray-5);
    --krds-high-contrast-color-text-point: var(--krds-color-high-contrast-point-20);
    --krds-high-contrast-color-text-bolder-inverse: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-text-basic-inverse: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-text-subtle-inverse: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-text-inverse-static: var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-text-static: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-icon-gray: var(--krds-color-high-contrast-gray-5);
    --krds-high-contrast-color-icon-gray-fill: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-icon-inverse: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-icon-primary: var(--krds-color-high-contrast-primary-20);
    --krds-high-contrast-color-icon-secondary: var(--krds-color-high-contrast-secondary-20);
    --krds-high-contrast-color-icon-point: var(--krds-color-high-contrast-point-20);
    --krds-high-contrast-color-icon-danger: var(--krds-color-high-contrast-danger-20);
    --krds-high-contrast-color-icon-warning: var(--krds-color-high-contrast-warning-20);
    --krds-high-contrast-color-icon-success: var(--krds-color-high-contrast-success-20);
    --krds-high-contrast-color-icon-information: var(--krds-color-high-contrast-information-20);
    --krds-high-contrast-color-icon-gray-light: var(--krds-color-high-contrast-gray-20);
    --krds-high-contrast-color-icon-disabled: var(--krds-color-high-contrast-gray-60);
    --krds-high-contrast-color-icon-disabled-on: var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-icon-inverse-static: var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-icon-primary-static: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-icon-secondary-static: var(--krds-color-high-contrast-secondary-80);
    --krds-high-contrast-color-icon-point-static: var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-icon-danger-static: var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-icon-warning-static: var(--krds-color-high-contrast-warning-50);
    --krds-high-contrast-color-icon-success-static: var(--krds-color-high-contrast-success-50);
    --krds-high-contrast-color-icon-information-static: var(--krds-color-high-contrast-information-50);
    --krds-high-contrast-color-icon-gray-static: var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-link-default: var(--krds-color-high-contrast-primary-30);
    --krds-high-contrast-color-link-hover: var(--krds-color-high-contrast-primary-20);
    --krds-high-contrast-color-link-pressed: var(--krds-color-high-contrast-primary-10);
    --krds-high-contrast-color-link-visited: #c49ff9;
    --krds-high-contrast-color-button-primary-fill: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-button-primary-fill-hover: var(--krds-color-high-contrast-primary-60);
    --krds-high-contrast-color-button-primary-fill-pressed: var(--krds-color-high-contrast-primary-70);
    --krds-high-contrast-color-button-secondary-fill: var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-button-secondary-fill-hover: var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-button-secondary-fill-pressed: var(--krds-color-high-contrast-primary-80);
    --krds-high-contrast-color-button-secondary-border: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-button-tertiary-fill: var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-button-tertiary-fill-hover: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-button-tertiary-fill-pressed: var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-button-tertiary-border: var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-button-disabled-fill: var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-button-text-fill-hover: var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-button-text-fill-pressed: var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-button-text-fill: var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-button-text-border: var(--krds-color-high-contrast-alpha-white50);
    --krds-high-contrast-color-button-disabled-border: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-background-white: var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-background-inverse: var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-background-gray-subtler: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-background-gray-subtle: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-background-dim: var(--krds-color-high-contrast-alpha-black75);
    --krds-high-contrast-color-element-disabled-light: var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-element-disabled-dark: var(--krds-color-high-contrast-gray-60);
    --krds-high-contrast-color-element-gray-lighter: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-element-gray-light: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-element-gray: var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-element-primary-lighter: var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-element-primary-light: var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-element-primary: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-element-secondary-lighter: var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-element-secondary-light: var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-element-secondary: var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-element-point-lighter: var(--krds-color-high-contrast-point-95);
    --krds-high-contrast-color-element-point-light: var(--krds-color-high-contrast-point-90);
    --krds-high-contrast-color-element-point: var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-element-danger-lighter: var(--krds-color-high-contrast-danger-95);
    --krds-high-contrast-color-element-danger: var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-element-warning-lighter: var(--krds-color-high-contrast-warning-95);
    --krds-high-contrast-color-element-warning: var(--krds-color-high-contrast-warning-30);
    --krds-high-contrast-color-element-success-lighter: var(--krds-color-high-contrast-success-95);
    --krds-high-contrast-color-element-success: var(--krds-color-high-contrast-success-50);
    --krds-high-contrast-color-element-information-lighter: var(--krds-color-high-contrast-information-95);
    --krds-high-contrast-color-element-information: var(--krds-color-high-contrast-information-50);
    --krds-high-contrast-color-element-inverse: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-element-gray-dark: var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-element-inverse-static: var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-action-white: var(--krds-color-light-gray-100);
    --krds-high-contrast-color-action-primary: var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-action-primary-hover: var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-action-primary-pressed: var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-action-secondary: var(--krds-color-light-alpha-black0);
    --krds-high-contrast-color-action-secondary-hover: var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-action-secondary-pressed: var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-action-secondary-selected: var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-action-secondary-on: var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-action-secondary-on-hover: var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-action-secondary-on-pressed: var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-action-secondary-on-selected: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-action-secondary-active: var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-action-primary-active: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-action-disabled: var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-action-primary-selected: var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-input-border: var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-input-border-disabled: var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-input-border-active: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-input-border-error: var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-input-surface: var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-input-surface-disabled: var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-graphic-blue-subtler: var(--krds-color-high-contrast-graphic-10);
    --krds-high-contrast-color-graphic-blue-subtle: var(--krds-color-high-contrast-graphic-30);
    --krds-high-contrast-color-graphic-blue: var(--krds-color-high-contrast-graphic-50);
    --krds-high-contrast-color-graphic-blue-dark: var(--krds-color-high-contrast-graphic-70);
    --krds-high-contrast-color-graphic-blue-darker: var(--krds-color-high-contrast-graphic-90);
    --krds-high-contrast-color-graphic-red-subtler: var(--krds-color-high-contrast-point-5);
    --krds-high-contrast-color-graphic-red-subtle: var(--krds-color-high-contrast-point-10);
    --krds-high-contrast-color-graphic-red: var(--krds-color-high-contrast-point-20);
    --krds-high-contrast-color-graphic-red-dark: var(--krds-color-high-contrast-point-40);
    --krds-high-contrast-color-graphic-red-darker: var(--krds-color-high-contrast-point-70);
    --krds-high-contrast-color-graphic-brand: var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-alpha-base100: var(--krds-color-high-contrast-alpha-black100);
    --krds-high-contrast-color-alpha-base50: var(--krds-color-high-contrast-alpha-black50);
    --krds-high-contrast-color-alpha-base25: var(--krds-color-high-contrast-alpha-black25);
    --krds-high-contrast-color-alpha-base0: var(--krds-color-light-alpha-black0);
    --krds-high-contrast-color-alpha-inverse100: var(--krds-color-high-contrast-alpha-white100);
    --krds-high-contrast-color-alpha-inverse50: var(--krds-color-high-contrast-alpha-white50);
    --krds-high-contrast-color-alpha-inverse25: var(--krds-color-high-contrast-alpha-white25);
    --krds-high-contrast-color-alpha-inverse0: var(--krds-color-high-contrast-alpha-white0);
    --krds-high-contrast-color-alpha-base75: var(--krds-color-high-contrast-alpha-black75);
    --krds-high-contrast-color-alpha-inverse75: var(--krds-color-high-contrast-alpha-white75);
    --krds-high-contrast-color-alpha-inverse10: var(--krds-color-high-contrast-alpha-black25);
    --krds-high-contrast-color-alpha-base10: var(--krds-color-high-contrast-alpha-black10);
    --krds-high-contrast-color-alpha-shadow1: #0000001f;
    --krds-high-contrast-color-alpha-shadow2: #00000033;
    --krds-high-contrast-color-alpha-shadow3: #00000066;
    --krds-high-contrast-border-width-variable-regular: 2px;
    --krds-high-contrast-border-width-variable-medium: 3px;
    --krds-high-contrast-border-width-static-regular: 1px;
    --krds-high-contrast-border-width-static-medium: 2px;
    --krds-pc-font-size-display-large: 60px;
    --krds-pc-font-size-display-medium: 44px;
    --krds-pc-font-size-display-small: 36px;
    --krds-pc-font-size-body-large: 19px;
    --krds-pc-font-size-body-medium: 17px;
    --krds-pc-font-size-body-small: 15px;
    --krds-pc-font-size-body-xsmall: 13px;
    --krds-pc-font-size-label-large: 19px;
    --krds-pc-font-size-label-medium: 17px;
    --krds-pc-font-size-label-small: 15px;
    --krds-pc-font-size-label-xsmall: 13px;
    --krds-pc-font-size-heading-large: 32px;
    --krds-pc-font-size-heading-medium: 24px;
    --krds-pc-font-size-heading-small: 19px;
    --krds-pc-font-size-heading-xsmall: 17px;
    --krds-pc-font-size-heading-xxsmall: 15px;
    --krds-pc-font-size-heading-xlarge: 40px;
    --krds-pc-font-size-navigation-title-medium: 24px;
    --krds-pc-font-size-navigation-title-small: 19px;
    --krds-pc-font-size-navigation-depth-medium-bold: 17px;
    --krds-pc-font-size-navigation-depth-medium: 17px;
    --krds-pc-font-size-navigation-depth-small-bold: 15px;
    --krds-pc-font-size-navigation-depth-small: 15px;
    --krds-pc-gap-layout-header-breadcrumb: var(--krds-number-10);
    --krds-pc-gap-layout-left-contents: var(--krds-number-18);
    --krds-pc-gap-layout-contents-right: var(--krds-number-14);
    --krds-pc-gap-layout-h1-h2: var(--krds-number-16);
    --krds-pc-gap-layout-h2-h2: var(--krds-number-20);
    --krds-pc-gap-layout-h2-h3: var(--krds-number-14);
    --krds-pc-gap-layout-h3-h3: var(--krds-number-18);
    --krds-pc-gap-layout-h3-h4: var(--krds-number-10);
    --krds-pc-gap-layout-h4-h4: var(--krds-number-14);
    --krds-pc-gap-layout-h4-h5: var(--krds-number-8);
    --krds-pc-gap-layout-h5-h5: var(--krds-number-12);
    --krds-pc-gap-layout-title-body-small: var(--krds-number-8);
    --krds-pc-gap-layout-title-body-medium: var(--krds-number-9);
    --krds-pc-gap-layout-title-body-large: var(--krds-number-10);
    --krds-pc-gap-layout-breadcrumb-h1: var(--krds-number-14);
    --krds-pc-gap-layout-contents-footer: var(--krds-number-18);
    --krds-pc-gap-layout-text-text-large: var(--krds-number-9);
    --krds-pc-gap-layout-text-text-medium: var(--krds-number-8);
    --krds-pc-gap-layout-text-text-small: var(--krds-number-7);
    --krds-pc-gap-layout-image-text-small: var(--krds-number-9);
    --krds-pc-gap-layout-image-text-medium: var(--krds-number-10);
    --krds-pc-gap-layout-image-text-large: var(--krds-number-12);
    --krds-pc-padding-card-large: var(--krds-number-14);
    --krds-pc-padding-card-medium: var(--krds-number-12);
    --krds-pc-padding-card-small: var(--krds-number-10);
    --krds-pc-padding-card-xsmall: var(--krds-number-8);
    --krds-mobile-font-size-display-large: 44px;
    --krds-mobile-font-size-display-medium: 32px;
    --krds-mobile-font-size-display-small: 28px;
    --krds-mobile-font-size-body-large: 19px;
    --krds-mobile-font-size-body-medium: 17px;
    --krds-mobile-font-size-body-small: 15px;
    --krds-mobile-font-size-body-xsmall: 13px;
    --krds-mobile-font-size-label-large: 19px;
    --krds-mobile-font-size-label-medium: 17px;
    --krds-mobile-font-size-label-small: 15px;
    --krds-mobile-font-size-label-xsmall: 13px;
    --krds-mobile-font-size-heading-large: 24px;
    --krds-mobile-font-size-heading-medium: 22px;
    --krds-mobile-font-size-heading-small: 19px;
    --krds-mobile-font-size-heading-xsmall: 17px;
    --krds-mobile-font-size-heading-xxsmall: 15px;
    --krds-mobile-font-size-heading-xlarge: 28px;
    --krds-mobile-font-size-navigation-title-medium: 22px;
    --krds-mobile-font-size-navigation-title-small: 19px;
    --krds-mobile-font-size-navigation-depth-medium-bold: 17px;
    --krds-mobile-font-size-navigation-depth-medium: 17px;
    --krds-mobile-font-size-navigation-depth-small-bold: 15px;
    --krds-mobile-font-size-navigation-depth-small: 15px;
    --krds-mobile-gap-layout-header-breadcrumb: var(--krds-number-8);
    --krds-mobile-gap-layout-left-contents: 0px;
    --krds-mobile-gap-layout-contents-right: 0px;
    --krds-mobile-gap-layout-h1-h2: var(--krds-number-12);
    --krds-mobile-gap-layout-h2-h2: var(--krds-number-14);
    --krds-mobile-gap-layout-h2-h3: var(--krds-number-10);
    --krds-mobile-gap-layout-h3-h3: var(--krds-number-12);
    --krds-mobile-gap-layout-h3-h4: var(--krds-number-8);
    --krds-mobile-gap-layout-h4-h4: var(--krds-number-10);
    --krds-mobile-gap-layout-h4-h5: var(--krds-number-7);
    --krds-mobile-gap-layout-h5-h5: var(--krds-number-8);
    --krds-mobile-gap-layout-title-body-small: var(--krds-number-5);
    --krds-mobile-gap-layout-title-body-medium: var(--krds-number-7);
    --krds-mobile-gap-layout-title-body-large: var(--krds-number-9);
    --krds-mobile-gap-layout-breadcrumb-h1: var(--krds-number-12);
    --krds-mobile-gap-layout-contents-footer: var(--krds-number-14);
    --krds-mobile-gap-layout-text-text-large: var(--krds-number-8);
    --krds-mobile-gap-layout-text-text-medium: var(--krds-number-7);
    --krds-mobile-gap-layout-text-text-small: var(--krds-number-6);
    --krds-mobile-gap-layout-image-text-small: var(--krds-number-8);
    --krds-mobile-gap-layout-image-text-medium: var(--krds-number-9);
    --krds-mobile-gap-layout-image-text-large: var(--krds-number-10);
    --krds-mobile-padding-card-large: var(--krds-number-10);
    --krds-mobile-padding-card-medium: var(--krds-number-10);
    --krds-mobile-padding-card-small: var(--krds-number-9);
    --krds-mobile-padding-card-xsmall: var(--krds-number-7);
    --krds-gap-1: var(--krds-number-2);
    --krds-gap-2: var(--krds-number-3);
    --krds-gap-3: var(--krds-number-5);
    --krds-gap-4: var(--krds-number-7);
    --krds-gap-5: var(--krds-number-8);
    --krds-gap-6: var(--krds-number-9);
    --krds-gap-7: var(--krds-number-10);
    --krds-gap-8: var(--krds-number-12);
    --krds-gap-9: var(--krds-number-14);
    --krds-gap-10: var(--krds-number-16);
    --krds-gap-11: var(--krds-number-18);
    --krds-gap-12: var(--krds-number-20);
    --krds-padding-1: var(--krds-number-2);
    --krds-padding-2: var(--krds-number-3);
    --krds-padding-3: var(--krds-number-5);
    --krds-padding-4: var(--krds-number-6);
    --krds-padding-5: var(--krds-number-7);
    --krds-padding-6: var(--krds-number-8);
    --krds-padding-7: var(--krds-number-9);
    --krds-padding-8: var(--krds-number-10);
    --krds-padding-9: var(--krds-number-12);
    --krds-padding-10: var(--krds-number-14);
    --krds-size-height-1: var(--krds-number-5);
    --krds-size-height-2: var(--krds-number-8);
    --krds-size-height-3: var(--krds-number-9);
    --krds-size-height-4: var(--krds-number-10);
    --krds-size-height-5: var(--krds-number-12);
    --krds-size-height-6: var(--krds-number-14);
    --krds-size-height-7: var(--krds-number-16);
    --krds-size-height-8: var(--krds-number-17);
    --krds-size-height-9: var(--krds-number-18);
    --krds-size-height-10: var(--krds-number-19);
    --krds-size-height-11: var(--krds-number-20);
    --krds-radius-xsmall1: var(--krds-number-2);
    --krds-radius-xsmall2: var(--krds-number-2);
    --krds-radius-xsmall3: var(--krds-number-2);
    --krds-radius-small1: var(--krds-number-3);
    --krds-radius-small2: var(--krds-number-3);
    --krds-radius-small3: var(--krds-number-3);
    --krds-radius-medium1: var(--krds-number-4);
    --krds-radius-medium2: var(--krds-number-4);
    --krds-radius-medium3: var(--krds-number-5);
    --krds-radius-medium4: var(--krds-number-5);
    --krds-radius-large1: var(--krds-number-6);
    --krds-radius-large2: var(--krds-number-6);
    --krds-radius-xlarge1: var(--krds-number-7);
    --krds-radius-xlarge2: var(--krds-number-7);
    --krds-radius-max: var(--krds-number-max);
}


body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, a, button, select, ul, li, span, em, label, :before, :after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    font-family: inherit;
    line-height: var(--krds-line-height-base);
    letter-spacing: inherit;
}


@media (min-width: 1024px) {
    .inner {
        margin: 0 auto;
    }
}
.inner {
    max-width:1100px;
    /*padding-left: var(--krds-contents-padding-x);
    padding-right: var(--krds-contents-padding-x);*/
}
/*krds-main-menu */
.krds-main-menu {
    --krds-main-menu--main-trigger-size-height: var(--krds-size-height-8);
    --krds-main-menu--main-trigger-padding-x: var(--krds-padding-6);
    --krds-main-menu--main-trigger-font-size: var(--krds-pc-font-size-navigation-title-small);
    --krds-main-menu--main-menu-width: 26.6rem;
    --krds-main-menu--sub-trigger-padding-x: var(--krds-padding-8);
    --krds-main-menu--sub-trigger-padding-y: var(--krds-padding-6);
    --krds-main-menu--sub-trigger-font-size: var(--krds-pc-font-size-navigation-depth-medium);
    --krds-main-menu--sub-trigger-font-size-active: var(--krds-pc-font-size-navigation-depth-medium-bold);
    --krds-main-menu--sub-menu-padding-x: var(--krds-padding-10);
    --krds-main-menu--sub-menu-padding-y: var(--krds-padding-6);
    --krds-main-menu--sub-menu-title-size-height: var(--krds-size-height-8);
    --krds-main-menu--sub-menu-title-padding-x: var(--krds-padding-2);
    --krds-main-menu--sub-menu-title-radius: var(--krds-radius-medium3);
    --krds-main-menu--sub-menu-title-font-size: var(--krds-pc-font-size-navigation-title-medium);
    --krds-main-menu--sub-menu-trigger-color-padding-x: var(--krds-padding-3);
    --krds-main-menu--sub-menu-trigger-color-padding-y: var(--krds-padding-4);
    --krds-main-menu--sub-menu-trigger-color-radius: var(--krds-radius-medium2);
    --krds-main-menu--sub-menu-trigger-color-font-size: var(--krds-pc-font-size-navigation-depth-medium);
    --krds-main-menu--sub-menu-description-title-font-size: var(--krds-pc-font-size-navigation-title-small);
    --krds-main-menu--sub-menu-description-title-padding: var(--krds-padding-2);
    --krds-main-menu--sub-menu-description-title-radius: var(--krds-radius-medium1);
    --krds-main-menu--sub-menu-description-description-color-padding-top: var(--krds-padding-6);
    --krds-main-menu--sub-menu-description-description-color-padding-x: var(--krds-padding-2);
    --krds-main-menu--sub-menu-description-description-color-font-size: var(--krds-pc-font-size-navigation-depth-medium);
    --krds-main-menu--sub-menu-only-2depth-padding-y: var(--krds-padding-6);
    --krds-main-menu--banner-padding-x: var(--krds-padding-6);
    --krds-main-menu--banner-padding-y: var(--krds-padding-5);
    --krds-main-menu--banner-radius: var(--krds-radius-medium3);
    --krds-main-menu--column-banner-margin-x: var(--krds-padding-6);
    --krds-main-menu--column-banner-padding: var(--krds-padding-8);
    --krds-main-menu--column-banner-radius: var(--krds-radius-medium3);
    --krds-main-menu--color-surface: var(--krds-light-color-surface-white);
    --krds-main-menu--color-border: var(--krds-light-color-divider-gray-light);
    --krds-main-menu--main-trigger-color-text: var(--krds-light-color-text-subtle);
    --krds-main-menu--main-trigger-color-text-active: var(--krds-light-color-text-basic);
    --krds-main-menu--main-trigger-color-action-hover: var(--krds-light-color-action-secondary-hover);
    --krds-main-menu--main-trigger-color-action-pressed: var(--krds-light-color-action-secondary-pressed);
    --krds-main-menu--main-trigger-color-border-selected: var(--krds-light-color-action-secondary-active);
    --krds-main-menu--toggle-color-surface: var(--krds-light-color-surface-white-subtle);
    --krds-main-menu--main-menu-color-surface: var(--krds-light-color-surface-secondary-subtler);
    --krds-main-menu--sub-trigger-color-text: var(--krds-light-color-text-basic);
    --krds-main-menu--sub-trigger-color-text-selected: var(--krds-light-color-text-secondary);
    --krds-main-menu--sub-trigger-color-text-pressed: var(--krds-light-color-text-basic);
    --krds-main-menu--sub-trigger-color-action: var(--krds-light-color-action-secondary-on);
    --krds-main-menu--sub-trigger-color-action-selected: var(--krds-light-color-action-secondary-on-selected);
    --krds-main-menu--sub-trigger-color-action-pressed: var(--krds-light-color-action-secondary-on-pressed);
    --krds-main-menu--sub-menu-color-action: var(--krds-light-color-action-secondary);
    --krds-main-menu--sub-menu-color-action-hover: var(--krds-light-color-action-secondary-hover);
    --krds-main-menu--sub-menu-color-action-pressed: var(--krds-light-color-action-secondary-pressed);
    --krds-main-menu--sub-menu-trigger-color-action-selected: var(--krds-light-color-action-secondary-selected);
    --krds-main-menu--sub-menu-trigger-color-text-selected: var(--krds-light-color-text-secondary);
    --krds-main-menu--sub-menu-description-description-color-border: var(--krds-light-color-border-gray-light);
    --krds-main-menu--sub-menu-description-description-color-text: var(--krds-light-color-text-subtle);
    --krds-main-menu--banner-background: var(--krds-light-color-surface-gray-subtle);
    position: relative;
    background-color: var(--krds-main-menu--color-surface);
    border-top: 0.1rem solid;
    border-bottom: 0.1rem solid;
    border-color: var(--krds-main-menu--color-border);
}
.krds-main-menu .gnb-menu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-5);
}
.krds-main-menu .gnb-menu .gnb-main-trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-3);
    position: relative;
    height: var(--krds-main-menu--main-trigger-size-height);
    color: var(--krds-main-menu--main-trigger-color-text);
    padding: 0 var(--krds-main-menu--main-trigger-padding-x);
    transition: var(--krds-transition-base);
}
.krds-main-menu .gnb-menu .gnb-main-trigger, .krds-main-menu .gnb-menu .gnb-main-trigger h2 {
    font-size: var(--krds-main-menu--main-trigger-font-size);
    font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu .gnb-menu .gnb-main-trigger::before, .krds-main-menu .gnb-menu .gnb-main-trigger::after {
    display: inline-flex;
    content: "";
}
.krds-main-menu .gnb-menu .gnb-main-trigger.active::after {
    transform: rotate(-180deg);
}
.krds-main-menu .gnb-menu .gnb-main-trigger::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0.4rem;
    background-color: var(--krds-main-menu--main-trigger-color-border-selected);
    transition: var(--krds-transition-base);
}
.krds-main-menu .gnb-menu .gnb-main-trigger::after {
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    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(../../img/component/icon/ico_angle.svg);
    mask-image: url(../../img/component/icon/ico_angle.svg);
    background-color: var(--krds-main-menu--main-trigger-color-text);
    transition: var(--krds-transition-base);
    transform: rotate(0deg);
}
.krds-main-menu .gnb-toggle-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.1rem;
    display: none;
    width: 100%;
    background-color: var(--krds-main-menu--toggle-color-surface);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list {
    position: relative;
    max-width: var(--krds-contents-size);
    margin: 0 auto;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul {
    position: relative;
    padding: var(--krds-padding-6) 0;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li {
    width: var(--krds-main-menu--main-menu-width);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    gap: var(--krds-gap-7);
    padding: var(--krds-main-menu--sub-trigger-padding-y) var(--krds-main-menu--sub-trigger-padding-x);
    background-color: var(--krds-main-menu--sub-trigger-color-action);
    font-size: var(--krds-main-menu--sub-trigger-font-size);
    color: var(--krds-main-menu--sub-trigger-color-text);
    text-align: left;
    transition: var(--krds-transition-base);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover, .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {
    font-size: var(--krds-main-menu--sub-trigger-font-size-active);
    font-weight: var(--krds-font-weight-bold);
    background-color: var(--krds-main-menu--sub-trigger-color-action-selected);
    color: var(--krds-main-menu--sub-trigger-color-text-selected);
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list {
    flex-direction: column;
    align-items: normal;
    gap: var(--krds-gap-5);
    position: absolute;
    top: 0;
    left: var(--krds-main-menu--main-menu-width);
    right: 0;
    display: none;
    min-height: 100%;
    padding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-main-menu--sub-menu-padding-x);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.active {
    display: flex;
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    gap: var(--krds-gap-5);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-5);
    height: var(--krds-main-menu--sub-menu-title-size-height);
    padding: 0 var(--krds-padding-2);
    font-size: var(--krds-main-menu--sub-menu-title-font-size);
    font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--krds-gap-7);
}
.krds-main-menu .gnb-menu .gnb-main-trigger:focus {
    box-shadow: var(--krds-box-shadow-outline-inset);
    outline-offset: -0.4rem;
}
.krds-main-menu .gnb-menu .gnb-main-trigger:hover {
    background-color: var(--krds-main-menu--main-trigger-color-action-hover);
}

.krds-main-menu .gnb-menu .gnb-main-trigger::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0.4rem;
    background-color: var(--krds-main-menu--main-trigger-color-border-selected);
    transition: var(--krds-transition-base);
}
.krds-main-menu .gnb-menu .gnb-main-trigger.active::before {
    left: 0;
    width: 100%;
}


.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover, .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {
    font-size: var(--krds-main-menu--sub-trigger-font-size-active);
    font-weight: var(--krds-font-weight-bold);
    background-color: var(--krds-main-menu--sub-trigger-color-action-selected);
    color: var(--krds-main-menu--sub-trigger-color-text-selected);
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list {
    display: flex;
    position: static;
    padding: var(--krds-main-menu--sub-menu-only-2depth-padding-y) 0;
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    gap: var(--krds-gap-3);
    padding: var(--krds-main-menu--sub-menu-trigger-color-padding-y) var(--krds-main-menu--sub-menu-trigger-color-padding-x);
    background-color: var(--krds-main-menu--sub-menu-color-action);
    border-radius: var(--krds-main-menu--sub-menu-trigger-color-radius);
    font-size: var(--krds-main-menu--sub-menu-trigger-color-font-size);
   color: var(--krds-light-color-text-basic);
        font-family: var(--krds-font-family-base);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-top: var(--krds-padding-4);
    background-color: var(--krds-light-color-text-basic);
    border-radius: var(--krds-radius-max);
}


.gnb-toggle-wrap {
  display: none;
}


.krds-main-menu .gnb-toggle-wrap.is-open {
    display: block;
}
@media (max-width: 768px) {
    .krds-main-menu {
        display: none;
    }
}
.gnb-backdrop {
    --krds-main-menu--color-dim: var(--krds-light-color-background-dim);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 60;
    background-color: var(--krds-main-menu--color-dim);
}
.gnb-backdrop.active {
    display: block;
}
/*krds-btn*/
.krds-btn {
    --krds-button--size-height-xsmall: var(--krds-size-height-5);
    --krds-button--padding-x-xsmall: var(--krds-padding-4);
    --krds-button--padding-y-xsmall: 0;
    --krds-button--gap-xsmall: var(--krds-gap-1);
    --krds-button--radius-xsmall: var(--krds-radius-small3);
    --krds-button--pc-font-size-xsmall: var(--krds-pc-font-size-label-small);
    --krds-button--mobile-font-size-xsmall: var(--krds-mobile-font-size-label-small);
    --krds-button--font-weight-xsmall: var(--krds-font-weight-regular);
    --krds-button--size-height-small: var(--krds-size-height-6);
    --krds-button--padding-x-small: var(--krds-padding-5);
    --krds-button--padding-y-small: 0;
    --krds-button--gap-small: var(--krds-gap-1);
    --krds-button--radius-small: var(--krds-radius-medium1);
    --krds-button--pc-font-size-small: var(--krds-pc-font-size-label-small);
    --krds-button--mobile-font-size-small: var(--krds-mobile-font-size-label-small);
    --krds-button--font-weight-small: var(--krds-font-weight-regular);
    --krds-button--size-height-medium: var(--krds-size-height-7);
    --krds-button--padding-x-medium: var(--krds-padding-6);
    --krds-button--padding-y-medium: 0;
    --krds-button--gap-medium: var(--krds-gap-2);
    --krds-button--radius-medium: var(--krds-radius-medium2);
    --krds-button--pc-font-size-medium: var(--krds-pc-font-size-label-medium);
    --krds-button--mobile-font-size-medium: var(--krds-mobile-font-size-label-medium);
    --krds-button--font-weight-medium: var(--krds-font-weight-regular);
    --krds-button--size-height-large: var(--krds-size-height-8);
    --krds-button--padding-x-large: var(--krds-padding-7);
    --krds-button--padding-y-large: 0;
    --krds-button--gap-large: var(--krds-gap-2);
    --krds-button--radius-large: var(--krds-radius-medium3);
    --krds-button--pc-font-size-large: var(--krds-pc-font-size-label-large);
    --krds-button--mobile-font-size-large: var(--krds-mobile-font-size-label-large);
    --krds-button--font-weight-large: var(--krds-font-weight-regular);
    --krds-button--size-height-xlarge: var(--krds-size-height-9);
    --krds-button--padding-x-xlarge: var(--krds-padding-8);
    --krds-button--padding-y-xlarge: 0;
    --krds-button--gap-xlarge: var(--krds-gap-2);
    --krds-button--radius-xlarge: var(--krds-radius-medium4);
    --krds-button--pc-font-size-xlarge: var(--krds-pc-font-size-label-large);
    --krds-button--mobile-font-size-xlarge: var(--krds-mobile-font-size-label-large);
    --krds-button--font-weight-xlarge: var(--krds-font-weight-regular);
}
.krds-btn {
    --krds-button--color-primary-fill: var(--krds-light-color-button-primary-fill);
    --krds-button--color-primary-fill-hover: var(--krds-light-color-button-primary-fill-hover);
    --krds-button--color-primary-fill-pressed: var(--krds-light-color-button-primary-fill-pressed);
    --krds-button--color-primary-fill-disabled: var(--krds-light-color-button-disabled-fill);
    --krds-button--color-primary-border: var(--krds-light-color-button-primary-fill);
    --krds-button--color-primary-border-disabled: var(--krds-light-color-button-disabled-border);
    --krds-button--color-primary-text: var(--krds-light-color-text-inverse-static);
    --krds-button--color-primary-text-disabled: var(--krds-light-color-text-disabled-on);
    --krds-button--color-secondary-fill: var(--krds-light-color-button-secondary-fill);
    --krds-button--color-secondary-fill-hover: var(--krds-light-color-button-secondary-fill-hover);
    --krds-button--color-secondary-fill-pressed: var(--krds-light-color-button-secondary-fill-pressed);
    --krds-button--color-secondary-fill-disabled: var(--krds-light-color-button-disabled-fill);
    --krds-button--color-secondary-border: var(--krds-light-color-button-secondary-border);
    --krds-button--color-secondary-border-disabled: var(--krds-light-color-button-disabled-border);
    --krds-button--color-secondary-text: var(--krds-light-color-text-primary);
    --krds-button--color-secondary-text-disabled: var(--krds-light-color-text-disabled-on);
    --krds-button--color-tertiary-fill: var(--krds-light-color-button-tertiary-fill);
    --krds-button--color-tertiary-fill-hover: var(--krds-light-color-button-tertiary-fill-hover);
    --krds-button--color-tertiary-fill-pressed: var(--krds-light-color-button-tertiary-fill-pressed);
    --krds-button--color-tertiary-fill-disabled: var(--krds-light-color-button-disabled-fill);
    --krds-button--color-tertiary-border: var(--krds-light-color-button-tertiary-border);
    --krds-button--color-tertiary-border-disabled: var(--krds-light-color-button-disabled-border);
    --krds-button--color-tertiary-text: var(--krds-light-color-text-basic);
    --krds-button--color-tertiary-text-disabled: var(--krds-light-color-text-disabled-on);
    --krds-button--color-text-fill: var(--krds-light-color-button-text-fill);
    --krds-button--color-text-fill-hover: var(--krds-light-color-button-text-fill-hover);
    --krds-button--color-text-fill-pressed: var(--krds-light-color-button-text-fill-pressed);
    --krds-button--color-text-fill-disabled: var(--krds-light-color-button-text-fill);
    --krds-button--color-text-border: var(--krds-light-color-button-text-border);
    --krds-button--color-text-border-disabled: var(--krds-light-color-border-transparency);
    --krds-button--color-text-text: var(--krds-light-color-text-basic);
    --krds-button--color-text-text-disabled: var(--krds-light-color-text-disabled);
    --krds-button--color-link-fill: var(--krds-light-color-button-text-fill);
    --krds-button--color-link-fill-hover: var(--krds-light-color-button-text-fill);
    --krds-button--color-link-fill-pressed: var(--krds-light-color-button-text-fill);
    --krds-button--color-link-fill-disabled: var(--krds-light-color-button-text-fill);
    --krds-button--color-link-border: var(--krds-light-color-button-text-border);
    --krds-button--color-link-border-disabled: var(--krds-light-color-border-transparency);
    --krds-button--color-link-text: var(--krds-light-color-link-default);
    --krds-button--color-link-text-disabled: var(--krds-light-color-text-disabled);
}
.krds-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: auto;
    border-style: solid;
    cursor: pointer;
    white-space: nowrap;
    transition: var(--krds-transition-base);
    border-width: var(--krds-light-border-width-variable-regular);
}

/*.krds-btn.text*/
.krds-btn.text {
    --krds-button--size-height-xsmall: var(--krds-size-height-3);
    --krds-button--padding-x-xsmall: var(--krds-padding-1);
    --krds-button--padding-y-xsmall: var(--krds-number-0);
    --krds-button--size-height-small: var(--krds-size-height-4);
    --krds-button--padding-x-small: var(--krds-padding-1);
    --krds-button--padding-y-small: var(--krds-number-0);
    --krds-button--size-height-medium: var(--krds-size-height-5);
    --krds-button--padding-x-medium: var(--krds-padding-1);
    --krds-button--padding-y-medium: var(--krds-number-2);
    --krds-button--size-height-large: var(--krds-size-height-6);
    --krds-button--padding-x-large: var(--krds-padding-1);
    --krds-button--padding-y-large: 0.5rem;
    --krds-button--size-height-xlarge: var(--krds-size-height-7);
    --krds-button--padding-x-xlarge: var(--krds-padding-1);
    --krds-button--padding-y-xlarge: 0.9rem;
    display: inline-block;
    height: auto !important;
    padding: var(--krds-button--padding-y-large) var(--krds-button--padding-x-large);
    text-align: left;
    white-space: normal;
}
.krds-btn.text {
    background-color: var(--krds-button--color-text-fill);
    border-color: var(--krds-button--color-text-border);
    color: var(--krds-button--color-text-text);
}
.krds-btn.text.small {
    padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
}

/*.krds-btn .svg-icon*/
.krds-btn .svg-icon {
    background-color: var(--krds-button--color-primary-text);
    transition: var(--krds-transition-base);
}
.krds-btn .svg-icon {
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
}
.krds-btn.small .svg-icon {
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
}
.krds-btn.text .svg-icon {
    display: inline-block;
  /*  margin-bottom: -5px;*/
}
.krds-btn.text.small .svg-icon {
  /*  margin-bottom: -3px;*/
}

.krds-btn.text:not(.icon) .svg-icon {
    background-color: var(--krds-button--color-text-text);
}


/*svg-icon */
.svg-icon {
    display: inline-flex;
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
}

.svg-icon.ico-go {
    -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(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg);
    mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg);
}

.svg-icon.ico-more {
    -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(https://www.krds.go.kr/resources/img/component/icon/ico_more.svg);
    mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_more.svg);
}

.svg-icon.ico-plus {
    -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(../../img/component/icon/ico_plus.svg);
    mask-image: url(../../img/component/icon/ico_plus.svg);
    background-image:url(../../img/component/icon/ico_plus.svg);
}
.svg-icon.ico-minus {
    -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(../../img/component/icon/ico_minus.svg);
    mask-image: url(../../img/component/icon/ico_minus.svg);
    background-image:url(../../img/component/icon/ico_minus.svg);
}