@charset "UTF-8";
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard GOV Regular"), url("https://static.gov.kr/content/foreigner/fonts/PretendardGOV-Regular.subset.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard GOV Bold"), url("https://static.gov.kr/content/foreigner/fonts/PretendardGOV-Bold.subset.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://static.gov.kr/content/foreigner/fonts/NotoSansSC-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://static.gov.kr/content/foreigner/fonts/NotoSansSC-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://static.gov.kr/content/foreigner/fonts/NotoSansTC-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://static.gov.kr/content/foreigner/fonts/NotoSansTC-Bold.woff2") format("woff2");
}
:root {
  --foreign-color-light-gray-0: #ffffff;
  --foreign-color-light-gray-5: #f4f5f6;
  --foreign-color-light-gray-10: #e6e8ea;
  --foreign-color-light-gray-20: #cdd1d5;
  --foreign-color-light-gray-30: #b1b8be;
  --foreign-color-light-gray-40: #8a949e;
  --foreign-color-light-gray-50: #6d7882;
  --foreign-color-light-gray-60: #58616a;
  --foreign-color-light-gray-70: #464c53;
  --foreign-color-light-gray-80: #33363d;
  --foreign-color-light-gray-90: #1e2124;
  --foreign-color-light-gray-95: #131416;
  --foreign-color-light-gray-100: #000000;
  --foreign-color-light-primary-5: #ecf2fe;
  --foreign-color-light-primary-10: #d8e5fd;
  --foreign-color-light-primary-20: #b1cefb;
  --foreign-color-light-primary-30: #86aff9;
  --foreign-color-light-primary-40: #4c87f6;
  --foreign-color-light-primary-50: #256ef4;
  --foreign-color-light-primary-60: #0b50d0;
  --foreign-color-light-primary-70: #083891;
  --foreign-color-light-primary-80: #052561;
  --foreign-color-light-primary-90: #03163a;
  --foreign-color-light-primary-95: #020f27;
  --foreign-color-light-secondary-5: #eef2f7;
  --foreign-color-light-secondary-10: #d6e0eb;
  --foreign-color-light-secondary-20: #bacbde;
  --foreign-color-light-secondary-30: #90b0d5;
  --foreign-color-light-secondary-40: #6b96c7;
  --foreign-color-light-secondary-50: #346fb2;
  --foreign-color-light-secondary-60: #1c589c;
  --foreign-color-light-secondary-70: #063a74;
  --foreign-color-light-secondary-80: #052b57;
  --foreign-color-light-secondary-90: #031f3f;
  --foreign-color-light-secondary-95: #02162c;
  --foreign-color-light-point-5: #fbeff0;
  --foreign-color-light-point-10: #f5d6d9;
  --foreign-color-light-point-20: #ebadb2;
  --foreign-color-light-point-30: #e0858c;
  --foreign-color-light-point-40: #d65c66;
  --foreign-color-light-point-50: #d63d4a;
  --foreign-color-light-point-60: #ab2b36;
  --foreign-color-light-point-70: #7a1f26;
  --foreign-color-light-point-80: #521419;
  --foreign-color-light-point-90: #310c0f;
  --foreign-color-light-point-95: #21080a;
  --foreign-color-light-graphic-10: #e5ecf9;
  --foreign-color-light-graphic-30: #98acc5;
  --foreign-color-light-graphic-50: #61758f;
  --foreign-color-light-graphic-70: #39506c;
  --foreign-color-light-graphic-90: #223a58;
  --foreign-color-light-danger-5: #fdefec;
  --foreign-color-light-danger-10: #fcdfd9;
  --foreign-color-light-danger-20: #f7afa1;
  --foreign-color-light-danger-30: #f48771;
  --foreign-color-light-danger-40: #f05f42;
  --foreign-color-light-danger-50: #de3412;
  --foreign-color-light-danger-60: #bd2c0f;
  --foreign-color-light-danger-70: #8a240f;
  --foreign-color-light-danger-80: #5c180a;
  --foreign-color-light-danger-90: #390d05;
  --foreign-color-light-danger-95: #260903;
  --foreign-color-light-warning-5: #fff3db;
  --foreign-color-light-warning-10: #ffe0a3;
  --foreign-color-light-warning-20: #ffc95c;
  --foreign-color-light-warning-30: #ffb114;
  --foreign-color-light-warning-40: #c78500;
  --foreign-color-light-warning-50: #9e6a00;
  --foreign-color-light-warning-60: #8a5c00;
  --foreign-color-light-warning-70: #614100;
  --foreign-color-light-warning-80: #422c00;
  --foreign-color-light-warning-90: #2e1f00;
  --foreign-color-light-warning-95: #241800;
  --foreign-color-light-success-5: #eaf6ec;
  --foreign-color-light-success-10: #d8eedd;
  --foreign-color-light-success-20: #a9dab4;
  --foreign-color-light-success-30: #7ec88e;
  --foreign-color-light-success-40: #3fa654;
  --foreign-color-light-success-50: #228738;
  --foreign-color-light-success-60: #267337;
  --foreign-color-light-success-70: #285d33;
  --foreign-color-light-success-80: #1f4727;
  --foreign-color-light-success-90: #122b18;
  --foreign-color-light-success-95: #0e2012;
  --foreign-color-light-information-5: #e7f4fe;
  --foreign-color-light-information-10: #d3ebfd;
  --foreign-color-light-information-20: #9ed2fa;
  --foreign-color-light-information-30: #5fb5f7;
  --foreign-color-light-information-40: #2098f3;
  --foreign-color-light-information-50: #0b78cb;
  --foreign-color-light-information-60: #096ab3;
  --foreign-color-light-information-70: #085691;
  --foreign-color-light-information-80: #053961;
  --foreign-color-light-information-90: #03253f;
  --foreign-color-light-information-95: #021a2c;
  --foreign-color-light-alpha-black100: rgba(0, 0, 0, 1);
  --foreign-color-light-alpha-black75: rgba(0, 0, 0, 0.75);
  --foreign-color-light-alpha-black50: rgba(0, 0, 0, 0.5);
  --foreign-color-light-alpha-black25: rgba(0, 0, 0, 0.25);
  --foreign-color-light-alpha-black10: rgba(0, 0, 0, 0.1);
  --foreign-color-light-alpha-black0: rgba(0, 0, 0, 0);
  --foreign-color-light-alpha-white100: rgba(255, 255, 255, 1);
  --foreign-color-light-alpha-white75: rgba(255, 255, 255, 0.75);
  --foreign-color-light-alpha-white50: rgba(255, 255, 255, 0.5);
  --foreign-color-light-alpha-white25: rgba(255, 255, 255, 0.25);
  --foreign-color-light-alpha-white10: rgba(255, 255, 255, 0.1);
  --foreign-color-light-alpha-white0: rgba(255, 255, 255, 0);
  --foreign-typo-font-type: "Pretendard GOV";
  --foreign-typo-font-weight-regular: 400;
  --foreign-typo-font-weight-bold: 700;
  --foreign-typo-letter-spacing-0: 0rem;
  --foreign-typo-letter-spacing-1: 0.1rem;
  --foreign-number-0: 0rem;
  --foreign-number-1: 0.1rem;
  --foreign-number-2: 0.2rem;
  --foreign-number-3: 0.4rem;
  --foreign-number-4: 0.6rem;
  --foreign-number-5: 0.8rem;
  --foreign-number-6: 1rem;
  --foreign-number-7: 1.2rem;
  --foreign-number-8: 1.6rem;
  --foreign-number-9: 2rem;
  --foreign-number-10: 2.4rem;
  --foreign-number-11: 2.8rem;
  --foreign-number-12: 3.2rem;
  --foreign-number-13: 3.6rem;
  --foreign-number-14: 4rem;
  --foreign-number-15: 4.4rem;
  --foreign-number-16: 4.8rem;
  --foreign-number-17: 5.6rem;
  --foreign-number-18: 6.4rem;
  --foreign-number-19: 7.2rem;
  --foreign-number-20: 8rem;
  --foreign-number-21: 9.6rem;
  --foreign-number-max: 100rem;
  /* MODE-LIGHT */
  --foreign-light-color-surface-gray-subtler: var(
    --foreign-color-light-gray-5
  );
  --foreign-light-color-surface-gray-subtle: var(
    --foreign-color-light-gray-10
  );
  --foreign-light-color-surface-disabled: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-surface-primary-subtler: var(
    --foreign-color-light-primary-5
  );
  --foreign-light-color-surface-secondary-subtler: var(
    --foreign-color-light-secondary-5
  );
  --foreign-light-color-surface-danger-subtler: var(
    --foreign-color-light-danger-5
  );
  --foreign-light-color-surface-warning-subtler: var(
    --foreign-color-light-warning-5
  );
  --foreign-light-color-surface-success-subtler: var(
    --foreign-color-light-success-5
  );
  --foreign-light-color-surface-information-subtler: var(
    --foreign-color-light-information-5
  );
  --foreign-light-color-surface-point-subtler: var(
    --foreign-color-light-point-5
  );
  --foreign-light-color-surface-white: var(--foreign-color-light-gray-0);
  --foreign-light-color-surface-inverse: var(
    --foreign-color-light-gray-90
  );
  --foreign-light-color-surface-white-static: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-surface-inverse-static: var(
    --foreign-color-light-gray-90
  );
  --foreign-light-color-surface-white-subtle: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-surface-white-subtler: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-border-gray-light: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-border-gray: var(--foreign-color-light-gray-30);
  --foreign-light-color-border-secondary-light: var(
    --foreign-color-light-secondary-10
  );
  --foreign-light-color-border-danger-light: var(
    --foreign-color-light-danger-10
  );
  --foreign-light-color-border-danger: var(
    --foreign-color-light-danger-50
  );
  --foreign-light-color-border-warning-light: var(
    --foreign-color-light-warning-10
  );
  --foreign-light-color-border-warning: var(
    --foreign-color-light-warning-50
  );
  --foreign-light-color-border-success-light: var(
    --foreign-color-light-success-10
  );
  --foreign-light-color-border-success: var(
    --foreign-color-light-success-50
  );
  --foreign-light-color-border-information-light: var(
    --foreign-color-light-information-10
  );
  --foreign-light-color-border-information: var(
    --foreign-color-light-information-50
  );
  --foreign-light-color-border-gray-dark: var(
    --foreign-color-light-gray-60
  );
  --foreign-light-color-border-primary: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-border-disabled: var(
    --foreign-color-light-gray-30
  );
  --foreign-light-color-border-gray-darker: var(
    --foreign-color-light-gray-90
  );
  --foreign-light-color-border-secondary: var(
    --foreign-color-light-secondary-70
  );
  --foreign-light-color-border-inverse: var(--foreign-color-light-gray-0);
  --foreign-light-color-border-transparency: var(
    --foreign-color-light-alpha-black0
  );
  --foreign-light-color-border-primary-light: var(
    --foreign-color-light-primary-10
  );
  --foreign-light-color-border-point: var(--foreign-color-light-point-50);
  --foreign-light-color-border-point-light: var(
    --foreign-color-light-point-10
  );
  --foreign-light-color-divider-gray-light: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-divider-gray: var(--foreign-color-light-gray-40);
  --foreign-light-color-divider-gray-dark: var(
    --foreign-color-light-gray-50
  );
  --foreign-light-color-divider-primary: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-divider-secondary-light: var(
    --foreign-color-light-secondary-10
  );
  --foreign-light-color-divider-secondary: var(
    --foreign-color-light-secondary-70
  );
  --foreign-light-color-divider-error: var(
    --foreign-color-light-danger-50
  );
  --foreign-light-color-divider-primary-light: var(
    --foreign-color-light-primary-10
  );
  --foreign-light-color-divider-inverse: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-divider-gray-darker: var(
    --foreign-color-light-gray-90
  );
  --foreign-light-color-divider-point: var(
    --foreign-color-light-point-50
  );
  --foreign-light-color-text-bolder: var(--foreign-color-light-gray-95);
  --foreign-light-color-text-subtle: var(--foreign-color-light-gray-70);
  --foreign-light-color-text-disabled: var(--foreign-color-light-gray-40);
  --foreign-light-color-text-disabled-on: var(
    --foreign-color-light-gray-50
  );
  --foreign-light-color-text-primary: var(
    --foreign-color-light-primary-60
  );
  --foreign-light-color-text-secondary: var(
    --foreign-color-light-secondary-80
  );
  --foreign-light-color-text-danger: var(--foreign-color-light-danger-60);
  --foreign-light-color-text-warning: var(
    --foreign-color-light-warning-60
  );
  --foreign-light-color-text-success: var(
    --foreign-color-light-success-60
  );
  --foreign-light-color-text-information: var(
    --foreign-color-light-information-60
  );
  --foreign-light-color-text-basic: var(--foreign-color-light-gray-90);
  --foreign-light-color-text-point: var(--foreign-color-light-point-60);
  --foreign-light-color-text-bolder-inverse: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-text-basic-inverse: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-text-subtle-inverse: var(
    --foreign-color-light-gray-30
  );
  --foreign-light-color-text-inverse-static: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-text-static: var(--foreign-color-light-gray-90);
  --foreign-light-color-icon-gray: var(--foreign-color-light-gray-80);
  --foreign-light-color-icon-gray-fill: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-icon-inverse: var(--foreign-color-light-gray-0);
  --foreign-light-color-icon-primary: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-icon-secondary: var(
    --foreign-color-light-secondary-80
  );
  --foreign-light-color-icon-point: var(--foreign-color-light-point-50);
  --foreign-light-color-icon-danger: var(--foreign-color-light-danger-50);
  --foreign-light-color-icon-warning: var(
    --foreign-color-light-warning-50
  );
  --foreign-light-color-icon-success: var(
    --foreign-color-light-success-50
  );
  --foreign-light-color-icon-information: var(
    --foreign-color-light-information-50
  );
  --foreign-light-color-icon-gray-light: var(
    --foreign-color-light-gray-70
  );
  --foreign-light-color-icon-disabled: var(--foreign-color-light-gray-40);
  --foreign-light-color-icon-disabled-on: var(
    --foreign-color-light-gray-50
  );
  --foreign-light-color-icon-inverse-static: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-icon-primary-static: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-icon-secondary-static: var(
    --foreign-color-light-secondary-80
  );
  --foreign-light-color-icon-point-static: var(
    --foreign-color-light-point-50
  );
  --foreign-light-color-icon-danger-static: var(
    --foreign-color-light-danger-50
  );
  --foreign-light-color-icon-warning-static: var(
    --foreign-color-light-warning-50
  );
  --foreign-light-color-icon-success-static: var(
    --foreign-color-light-success-50
  );
  --foreign-light-color-icon-information-static: var(
    --foreign-color-light-information-50
  );
  --foreign-light-color-icon-gray-static: var(
    --foreign-color-light-gray-80
  );
  --foreign-light-color-link-default: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-link-hover: var(--foreign-color-light-primary-60);
  --foreign-light-color-link-pressed: var(
    --foreign-color-light-primary-70
  );
  --foreign-light-color-link-visited: #5917b8;
  --foreign-light-color-button-primary-fill: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-button-primary-fill-hover: var(
    --foreign-color-light-primary-60
  );
  --foreign-light-color-button-primary-fill-pressed: var(
    --foreign-color-light-primary-70
  );
  --foreign-light-color-button-secondary-fill: var(
    --foreign-color-light-primary-5
  );
  --foreign-light-color-button-secondary-fill-hover: var(
    --foreign-color-light-primary-10
  );
  --foreign-light-color-button-secondary-fill-pressed: var(
    --foreign-color-light-primary-20
  );
  --foreign-light-color-button-secondary-border: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-button-tertiary-fill: var(
    --foreign-color-light-alpha-white100
  );
  --foreign-light-color-button-tertiary-fill-hover: var(
    --foreign-color-light-gray-5
  );
  --foreign-light-color-button-tertiary-fill-pressed: var(
    --foreign-color-light-gray-10
  );
  --foreign-light-color-button-tertiary-border: var(
    --foreign-color-light-gray-60
  );
  --foreign-light-color-button-disabled-fill: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-button-text-fill-hover: var(
    --foreign-color-light-secondary-5
  );
  --foreign-light-color-button-text-fill-pressed: var(
    --foreign-color-light-secondary-10
  );
  --foreign-light-color-button-text-fill: var(
    --foreign-color-light-alpha-white0
  );
  --foreign-light-color-button-text-border: var(
    --foreign-color-light-alpha-black0
  );
  --foreign-light-color-button-disabled-border: var(
    --foreign-color-light-gray-30
  );
  --foreign-light-color-background-white: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-background-inverse: var(
    --foreign-color-light-gray-90
  );
  --foreign-light-color-background-gray-subtler: var(
    --foreign-color-light-gray-5
  );
  --foreign-light-color-background-gray-subtle: var(
    --foreign-color-light-gray-10
  );
  --foreign-light-color-background-dim: var(
    --foreign-color-light-alpha-black75
  );
  --foreign-light-color-element-disabled-light: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-element-disabled-dark: var(
    --foreign-color-light-gray-40
  );
  --foreign-light-color-element-gray-lighter: var(
    --foreign-color-light-gray-5
  );
  --foreign-light-color-element-gray-light: var(
    --foreign-color-light-gray-10
  );
  --foreign-light-color-element-gray: var(--foreign-color-light-gray-50);
  --foreign-light-color-element-primary-lighter: var(
    --foreign-color-light-primary-5
  );
  --foreign-light-color-element-primary-light: var(
    --foreign-color-light-primary-10
  );
  --foreign-light-color-element-primary: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-element-secondary-lighter: var(
    --foreign-color-light-secondary-5
  );
  --foreign-light-color-element-secondary-light: var(
    --foreign-color-light-secondary-10
  );
  --foreign-light-color-element-secondary: var(
    --foreign-color-light-secondary-70
  );
  --foreign-light-color-element-point-lighter: var(
    --foreign-color-light-point-5
  );
  --foreign-light-color-element-point-light: var(
    --foreign-color-light-point-10
  );
  --foreign-light-color-element-point: var(
    --foreign-color-light-point-50
  );
  --foreign-light-color-element-danger-lighter: var(
    --foreign-color-light-danger-5
  );
  --foreign-light-color-element-danger: var(
    --foreign-color-light-danger-50
  );
  --foreign-light-color-element-warning-lighter: var(
    --foreign-color-light-warning-5
  );
  --foreign-light-color-element-warning: var(
    --foreign-color-light-warning-30
  );
  --foreign-light-color-element-success-lighter: var(
    --foreign-color-light-success-5
  );
  --foreign-light-color-element-success: var(
    --foreign-color-light-success-50
  );
  --foreign-light-color-element-information-lighter: var(
    --foreign-color-light-information-5
  );
  --foreign-light-color-element-information: var(
    --foreign-color-light-information-50
  );
  --foreign-light-color-element-inverse: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-element-gray-dark: var(
    --foreign-color-light-gray-60
  );
  --foreign-light-color-element-inverse-static: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-action-white: var(--foreign-color-light-gray-0);
  --foreign-light-color-action-primary: var(
    --foreign-color-light-alpha-white0
  );
  --foreign-light-color-action-primary-hover: var(
    --foreign-color-light-primary-5
  );
  --foreign-light-color-action-primary-pressed: var(
    --foreign-color-light-primary-10
  );
  --foreign-light-color-action-secondary: var(
    --foreign-color-light-alpha-white0
  );
  --foreign-light-color-action-secondary-hover: var(
    --foreign-color-light-secondary-5
  );
  --foreign-light-color-action-secondary-pressed: var(
    --foreign-color-light-secondary-10
  );
  --foreign-light-color-action-secondary-selected: var(
    --foreign-color-light-secondary-5
  );
  --foreign-light-color-action-secondary-on: var(
    --foreign-color-light-alpha-white0
  );
  --foreign-light-color-action-secondary-on-hover: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-action-secondary-on-pressed: var(
    --foreign-color-light-secondary-10
  );
  --foreign-light-color-action-secondary-on-selected: var(
    --foreign-color-light-gray-0
  );
  --foreign-light-color-action-secondary-active: var(
    --foreign-color-light-secondary-70
  );
  --foreign-light-color-action-primary-active: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-action-disabled: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-action-primary-selected: var(
    --foreign-color-light-primary-5
  );
  --foreign-light-color-input-border: var(--foreign-color-light-gray-60);
  --foreign-light-color-input-border-disabled: var(
    --foreign-color-light-gray-30
  );
  --foreign-light-color-input-border-active: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-input-border-error: var(
    --foreign-color-light-danger-50
  );
  --foreign-light-color-input-surface: var(--foreign-color-light-gray-0);
  --foreign-light-color-input-surface-disabled: var(
    --foreign-color-light-gray-20
  );
  --foreign-light-color-graphic-blue-subtler: var(
    --foreign-color-light-graphic-10
  );
  --foreign-light-color-graphic-blue-subtle: var(
    --foreign-color-light-graphic-30
  );
  --foreign-light-color-graphic-blue: var(
    --foreign-color-light-graphic-50
  );
  --foreign-light-color-graphic-blue-dark: var(
    --foreign-color-light-graphic-70
  );
  --foreign-light-color-graphic-blue-darker: var(
    --foreign-color-light-graphic-90
  );
  --foreign-light-color-graphic-red-subtler: var(
    --foreign-color-light-point-5
  );
  --foreign-light-color-graphic-red-subtle: var(
    --foreign-color-light-point-10
  );
  --foreign-light-color-graphic-red: var(--foreign-color-light-point-20);
  --foreign-light-color-graphic-red-dark: var(
    --foreign-color-light-point-40
  );
  --foreign-light-color-graphic-red-darker: var(
    --foreign-color-light-point-70
  );
  --foreign-light-color-graphic-brand: var(
    --foreign-color-light-primary-50
  );
  --foreign-light-color-alpha-base100: var(
    --foreign-color-light-alpha-white100
  );
  --foreign-light-color-alpha-base50: var(
    --foreign-color-light-alpha-white50
  );
  --foreign-light-color-alpha-base25: var(
    --foreign-color-light-alpha-white25
  );
  --foreign-light-color-alpha-base0: var(
    --foreign-color-light-alpha-white0
  );
  --foreign-light-color-alpha-inverse100: var(
    --foreign-color-light-alpha-black100
  );
  --foreign-light-color-alpha-inverse50: var(
    --foreign-color-light-alpha-black50
  );
  --foreign-light-color-alpha-inverse25: var(
    --foreign-color-light-alpha-black25
  );
  --foreign-light-color-alpha-inverse0: var(
    --foreign-color-light-alpha-black0
  );
  --foreign-light-color-alpha-base75: var(
    --foreign-color-light-alpha-white75
  );
  --foreign-light-color-alpha-inverse75: var(
    --foreign-color-light-alpha-black75
  );
  --foreign-light-color-alpha-inverse10: var(
    --foreign-color-light-alpha-black10
  );
  --foreign-light-color-alpha-base10: var(
    --foreign-color-light-alpha-white10
  );
  --foreign-light-color-alpha-shadow1: rgba(0, 0, 0, 0.05);
  --foreign-light-color-alpha-shadow2: rgba(0, 0, 0, 0.078);
  --foreign-light-color-alpha-shadow3: rgba(0, 0, 0, 0.122);
  --foreign-light-border-width-variable-regular: 0.1rem;
  --foreign-light-border-width-variable-medium: 0.2rem;
  --foreign-light-border-width-static-regular: 0.1rem;
  --foreign-light-border-width-static-medium: 0.2rem;
  /* SEMANTIC */
  --foreign-gap-1: var(--foreign-number-2);
  --foreign-gap-2: var(--foreign-number-3);
  --foreign-gap-3: var(--foreign-number-5);
  --foreign-gap-4: var(--foreign-number-7);
  --foreign-gap-5: var(--foreign-number-8);
  --foreign-gap-6: var(--foreign-number-9);
  --foreign-gap-7: var(--foreign-number-10);
  --foreign-gap-8: var(--foreign-number-12);
  --foreign-gap-9: var(--foreign-number-14);
  --foreign-gap-10: var(--foreign-number-16);
  --foreign-gap-11: var(--foreign-number-18);
  --foreign-gap-12: var(--foreign-number-20);
  --foreign-padding-1: var(--foreign-number-2);
  --foreign-padding-2: var(--foreign-number-3);
  --foreign-padding-3: var(--foreign-number-5);
  --foreign-padding-4: var(--foreign-number-6);
  --foreign-padding-5: var(--foreign-number-7);
  --foreign-padding-6: var(--foreign-number-8);
  --foreign-padding-7: var(--foreign-number-9);
  --foreign-padding-8: var(--foreign-number-10);
  --foreign-padding-9: var(--foreign-number-12);
  --foreign-padding-10: var(--foreign-number-14);
  --foreign-size-height-1: var(--foreign-number-5);
  --foreign-size-height-2: var(--foreign-number-8);
  --foreign-size-height-3: var(--foreign-number-9);
  --foreign-size-height-4: var(--foreign-number-10);
  --foreign-size-height-5: var(--foreign-number-12);
  --foreign-size-height-6: var(--foreign-number-14);
  --foreign-size-height-7: var(--foreign-number-16);
  --foreign-size-height-8: var(--foreign-number-17);
  --foreign-size-height-9: var(--foreign-number-18);
  --foreign-size-height-10: var(--foreign-number-19);
  --foreign-size-height-11: var(--foreign-number-20);
  --foreign-radius-xsmall1: var(--foreign-number-2);
  --foreign-radius-xsmall2: var(--foreign-number-2);
  --foreign-radius-xsmall3: var(--foreign-number-2);
  --foreign-radius-small1: var(--foreign-number-3);
  --foreign-radius-small2: var(--foreign-number-3);
  --foreign-radius-small3: var(--foreign-number-3);
  --foreign-radius-medium1: var(--foreign-number-4);
  --foreign-radius-medium2: var(--foreign-number-4);
  --foreign-radius-medium3: var(--foreign-number-5);
  --foreign-radius-medium4: var(--foreign-number-5);
  --foreign-radius-large1: var(--foreign-number-6);
  --foreign-radius-large2: var(--foreign-number-6);
  --foreign-radius-xlarge1: var(--foreign-number-7);
  --foreign-radius-xlarge2: var(--foreign-number-7);
  --foreign-radius-max: var(--foreign-number-max);
}

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

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

.svg-icon.ico-angle {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-angle.up {
  transform: rotate(180deg);
}
.svg-icon.ico-angle.left {
  transform: rotate(90deg);
}
.svg-icon.ico-angle.right {
  transform: rotate(-90deg);
}
.svg-icon.ico-arrow-right {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-link {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/open-new-window.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-shortcut {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/shortcut.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-close {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-ellipsis {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ellipsis.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-global {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/globe.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-go-top {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/top.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-pdf {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/pdf.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-view-all {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/view_all.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-menu {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/menu.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-bookmark {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/bookmarks.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-home {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/home.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-danger {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-danger.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-success {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-success.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-information {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-information.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-warning {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-warning.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-info-basic {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-info-basic.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-info-secondary {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-info-secondary.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-visual-document-check {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-document-check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-visual-heart {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-heart.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-visual-picture {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-picture.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.svg-icon.ico-government {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/government.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

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

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

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

*:focus {
  outline: 0.2rem solid var(--foreign-light-color-border-inverse);
  outline-offset: 0;
  box-shadow: var(--foreign-box-shadow-outline);
  transition: outline 0s, box-shadow 0s !important;
}

::-moz-selection {
  background: var(--foreign-color-light-secondary-50);
  color: var(--foreign-color-light-gray-0);
}

::selection {
  background: var(--foreign-color-light-secondary-50);
  color: var(--foreign-color-light-gray-0);
}

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;
}

pre {
  font-family: inherit;
}

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

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

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

img,
fieldset {
  border: 0;
}

fieldset {
  min-width: 100%;
}

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

ul,
ol {
  list-style: none;
}

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

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

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

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

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  resize: none;
}

label {
  cursor: pointer;
}

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

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

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

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

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

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

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

[role=button] {
  cursor: pointer;
}

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

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

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

.svg-icon {
  display: inline-flex;
  width: var(--foreign-icon--size-large);
  height: var(--foreign-icon--size-large);
  forced-color-adjust: none;
}
.svg-icon.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.svg-icon.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.svg-icon.pure {
  display: inline-flex;
  width: var(--foreign-icon--size-large);
  height: var(--foreign-icon--size-large);
  background-color: transparent !important;
  forced-color-adjust: none;
}
.svg-icon.pure.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.svg-icon.pure.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}

.block {
  display: block;
}

.inner {
  max-width: var(--foreign-contents-wrap-size);
  padding-left: var(--foreign-contents-padding-x);
  padding-right: var(--foreign-contents-padding-x);
}

html:lang(zh) {
  font-family: "Noto Sans SC", "Noto Sans TC", var(--foreign-font-family-base), sans-serif;
}
html:lang(zh) body {
  font-family: "Noto Sans SC", "Noto Sans TC", var(--foreign-font-family-base), sans-serif;
}

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
  .pc-only.read {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .mo-line {
    display: block;
    line-height: inherit;
  }
}
@media (min-width: 1024px) {
  .inner {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .mo-only {
    display: none !important;
  }
  .mo-only.read {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .pc-line {
    display: block;
    line-height: inherit;
  }
}
/* 브레드크럼 */
.foreign-breadcrumb-wrap {
  --foreign-breadcrumb--padding-x: var(--foreign-padding-2);
  --foreign-breadcrumb--margin-bottom: var(
    --foreign-gap-layout-breadcrumb-h1
  );
  --foreign-breadcrumb--radius: var(--foreign-radius-medium2);
  --foreign-breadcrumb--font-size: var(--foreign-font-size-label-small);
  --foreign-breadcrumb--color-action: var(
    --foreign-light-color-action-secondary
  );
  --foreign-breadcrumb--color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-breadcrumb--color-action-pressed: var(
    --foreign-light-color-action-secondary-pressed
  );
  --foreign-breadcrumb--color-text: var(
    --foreign-light-color-text-basic
  );
  --foreign-breadcrumb--color-text-disabled: var(
    --foreign-light-color-text-disabled
  );
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  margin-bottom: var(--foreign-breadcrumb--margin-bottom);
  padding-top: var(--foreign-gap-layout-header-breadcrumb);
  padding-bottom: var(--foreign-gap-layout-breadcrumb-h2);
}
.foreign-breadcrumb-wrap .breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-2);
  width: 100%;
}
.foreign-breadcrumb-wrap .breadcrumb li {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--foreign-breadcrumb--font-size);
}
.foreign-breadcrumb-wrap .breadcrumb li .txt {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-2);
  padding: 0 var(--foreign-breadcrumb--padding-x);
  background-color: var(--foreign-breadcrumb--color-action);
  border-radius: var(--foreign-breadcrumb--radius);
}
.foreign-breadcrumb-wrap .breadcrumb li a.txt {
  text-decoration: underline;
  text-underline-offset: var(--foreign-font-underline-offset);
}
.foreign-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):hover {
  background-color: var(--foreign-breadcrumb--color-action-hover);
}
.foreign-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):active {
  background-color: var(--foreign-breadcrumb--color-action-pressed);
}
.foreign-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):focus, .foreign-breadcrumb-wrap .breadcrumb li a.txt:not(:disabled):focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.foreign-breadcrumb-wrap .breadcrumb li a.txt.disabled, .foreign-breadcrumb-wrap .breadcrumb li a.txt:disabled {
  cursor: default;
  color: var(--foreign-breadcrumb--color-text-disabled);
}
.foreign-breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  margin-left: var(--foreign-gap-2);
  display: inline-flex;
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
  forced-color-adjust: none;
}
.foreign-breadcrumb-wrap .breadcrumb li:not(:last-child)::after.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-breadcrumb-wrap .breadcrumb li:not(:last-child)::after.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: rotate(-90deg);
}
.foreign-breadcrumb-wrap .breadcrumb .home {
  gap: 0;
}
.foreign-breadcrumb-wrap .breadcrumb .home .txt {
  white-space: nowrap;
}
.foreign-breadcrumb-wrap .breadcrumb .home .txt::before {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  display: inline-flex;
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
  forced-color-adjust: none;
}
.foreign-breadcrumb-wrap .breadcrumb .home .txt::before.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-breadcrumb-wrap .breadcrumb .home .txt::before.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-breadcrumb-wrap .breadcrumb .home .txt::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/home.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media (max-width: 767px) {
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:last-child) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child {
    gap: var(--foreign-gap-2);
  }
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before, .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    content: "";
    display: inline-flex;
    width: var(--foreign-icon--size-small);
    height: var(--foreign-icon--size-small);
    forced-color-adjust: none;
  }
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before.medium, .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after.medium {
    width: var(--foreign-icon--size-medium);
    height: var(--foreign-icon--size-medium);
  }
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before.small, .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after.small {
    width: var(--foreign-icon--size-small);
    height: var(--foreign-icon--size-small);
  }
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before {
    background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ellipsis.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after {
    background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: rotate(-90deg);
  }
  .foreign-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child .txt {
    order: 3;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
/* 버튼 */
.foreign-btn {
  --foreign-button--size-height-xsmall: var(--foreign-size-height-5);
  --foreign-button--padding-x-xsmall: var(--foreign-padding-4);
  --foreign-button--padding-y-xsmall: 0;
  --foreign-button--gap-xsmall: var(--foreign-gap-1);
  --foreign-button--radius-xsmall: var(--foreign-radius-small3);
  --foreign-button--font-size-xsmall: var(--foreign-font-size-label-small);
  --foreign-button--font-weight-xsmall: var(--foreign-font-weight-regular);
  --foreign-button--size-height-small: var(--foreign-size-height-6);
  --foreign-button--padding-x-small: var(--foreign-padding-5);
  --foreign-button--padding-y-small: 0;
  --foreign-button--gap-small: var(--foreign-gap-1);
  --foreign-button--radius-small: var(--foreign-radius-medium1);
  --foreign-button--font-size-small: var(--foreign-font-size-label-small);
  --foreign-button--font-weight-small: var(--foreign-font-weight-regular);
  --foreign-button--size-height-medium: var(--foreign-size-height-7);
  --foreign-button--padding-x-medium: var(--foreign-padding-6);
  --foreign-button--padding-y-medium: 0;
  --foreign-button--gap-medium: var(--foreign-gap-2);
  --foreign-button--radius-medium: var(--foreign-radius-medium2);
  --foreign-button--font-size-medium: var(--foreign-font-size-label-medium);
  --foreign-button--font-weight-medium: var(--foreign-font-weight-regular);
  --foreign-button--size-height-large: var(--foreign-size-height-8);
  --foreign-button--padding-x-large: var(--foreign-padding-7);
  --foreign-button--padding-y-large: 0;
  --foreign-button--gap-large: var(--foreign-gap-2);
  --foreign-button--radius-large: var(--foreign-radius-medium3);
  --foreign-button--font-size-large: var(--foreign-font-size-label-large);
  --foreign-button--font-weight-large: var(--foreign-font-weight-regular);
  --foreign-button--size-height-xlarge: var(--foreign-size-height-9);
  --foreign-button--padding-x-xlarge: var(--foreign-padding-8);
  --foreign-button--padding-y-xlarge: 0;
  --foreign-button--gap-xlarge: var(--foreign-gap-2);
  --foreign-button--radius-xlarge: var(--foreign-radius-medium4);
  --foreign-button--font-size-xlarge: var(--foreign-font-size-label-large);
  --foreign-button--font-weight-xlarge: var(--foreign-font-weight-regular);
}
.foreign-btn {
  gap: var(--foreign-button--gap-large);
  height: var(--foreign-button--size-height-large);
  padding: var(--foreign-button--padding-y-large) var(--foreign-button--padding-x-large);
  border-radius: var(--foreign-button--radius-large);
  font-size: var(--foreign-button--font-size-large);
  font-weight: var(--foreign-button--font-weight-large);
}
.foreign-btn .svg-icon {
  width: var(--foreign-icon--size-large);
  height: var(--foreign-icon--size-large);
  flex: 1 0 var(--foreign-icon--size-large);
}
.foreign-btn.xsmall {
  gap: var(--foreign-button--gap-xsmall);
  height: var(--foreign-button--size-height-xsmall);
  padding: var(--foreign-button--padding-y-xsmall) var(--foreign-button--padding-x-xsmall);
  border-radius: var(--foreign-button--radius-xsmall);
  font-size: var(--foreign-button--font-size-xsmall);
  font-weight: var(--foreign-button--font-weight-xsmall);
}
.foreign-btn.xsmall .svg-icon {
  width: var(--foreign-icon--size-xsmall);
  height: var(--foreign-icon--size-xsmall);
  flex: 1 0 var(--foreign-icon--size-xsmall);
}
.foreign-btn.small {
  gap: var(--foreign-button--gap-small);
  height: var(--foreign-button--size-height-small);
  padding: var(--foreign-button--padding-y-small) var(--foreign-button--padding-x-small);
  border-radius: var(--foreign-button--radius-small);
  font-size: var(--foreign-button--font-size-small);
  font-weight: var(--foreign-button--font-weight-small);
}
.foreign-btn.small .svg-icon {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
  flex: 1 0 var(--foreign-icon--size-small);
}
.foreign-btn.medium {
  gap: var(--foreign-button--gap-medium);
  height: var(--foreign-button--size-height-medium);
  padding: var(--foreign-button--padding-y-medium) var(--foreign-button--padding-x-medium);
  border-radius: var(--foreign-button--radius-medium);
  font-size: var(--foreign-button--font-size-medium);
  font-weight: var(--foreign-button--font-weight-medium);
}
.foreign-btn.medium .svg-icon {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  flex: 1 0 var(--foreign-icon--size-medium);
}
.foreign-btn.large {
  gap: var(--foreign-button--gap-large);
  height: var(--foreign-button--size-height-large);
  padding: var(--foreign-button--padding-y-large) var(--foreign-button--padding-x-large);
  border-radius: var(--foreign-button--radius-large);
  font-size: var(--foreign-button--font-size-large);
  font-weight: var(--foreign-button--font-weight-large);
}
.foreign-btn.large .svg-icon {
  width: var(--foreign-icon--size-large);
  height: var(--foreign-icon--size-large);
  flex: 1 0 var(--foreign-icon--size-large);
}
.foreign-btn.xlarge {
  gap: var(--foreign-button--gap-xlarge);
  height: var(--foreign-button--size-height-xlarge);
  padding: var(--foreign-button--padding-y-xlarge) var(--foreign-button--padding-x-xlarge);
  border-radius: var(--foreign-button--radius-xlarge);
  font-size: var(--foreign-button--font-size-xlarge);
  font-weight: var(--foreign-button--font-weight-xlarge);
}
.foreign-btn.xlarge .svg-icon {
  width: var(--foreign-icon--size-xlarge);
  height: var(--foreign-icon--size-xlarge);
  flex: 1 0 var(--foreign-icon--size-xlarge);
}
.foreign-btn {
  --foreign-button--color-primary-fill: var(--foreign-light-color-button-primary-fill);
  --foreign-button--color-primary-fill-hover: var(--foreign-light-color-button-primary-fill-hover);
  --foreign-button--color-primary-fill-pressed: var(--foreign-light-color-button-primary-fill-pressed);
  --foreign-button--color-primary-fill-disabled: var(--foreign-light-color-button-disabled-fill);
  --foreign-button--color-primary-border: var(--foreign-light-color-button-primary-fill);
  --foreign-button--color-primary-border-disabled: var(--foreign-light-color-button-disabled-border);
  --foreign-button--color-primary-text: var(--foreign-light-color-text-inverse-static);
  --foreign-button--color-primary-text-disabled: var(--foreign-light-color-text-disabled-on);
  --foreign-button--color-secondary-fill: var(--foreign-light-color-button-secondary-fill);
  --foreign-button--color-secondary-fill-hover: var(--foreign-light-color-button-secondary-fill-hover);
  --foreign-button--color-secondary-fill-pressed: var(--foreign-light-color-button-secondary-fill-pressed);
  --foreign-button--color-secondary-fill-disabled: var(--foreign-light-color-button-disabled-fill);
  --foreign-button--color-secondary-border: var(--foreign-light-color-button-secondary-border);
  --foreign-button--color-secondary-border-disabled: var(--foreign-light-color-button-disabled-border);
  --foreign-button--color-secondary-text: var(--foreign-light-color-text-primary);
  --foreign-button--color-secondary-text-disabled: var(--foreign-light-color-text-disabled-on);
  --foreign-button--color-tertiary-fill: var(--foreign-light-color-button-tertiary-fill);
  --foreign-button--color-tertiary-fill-hover: var(--foreign-light-color-button-tertiary-fill-hover);
  --foreign-button--color-tertiary-fill-pressed: var(--foreign-light-color-button-tertiary-fill-pressed);
  --foreign-button--color-tertiary-fill-disabled: var(--foreign-light-color-button-disabled-fill);
  --foreign-button--color-tertiary-border: var(--foreign-light-color-button-tertiary-border);
  --foreign-button--color-tertiary-border-disabled: var(--foreign-light-color-button-disabled-border);
  --foreign-button--color-tertiary-text: var(--foreign-light-color-text-basic);
  --foreign-button--color-tertiary-text-disabled: var(--foreign-light-color-text-disabled-on);
  --foreign-button--color-text-fill: var(--foreign-light-color-button-text-fill);
  --foreign-button--color-text-fill-hover: var(--foreign-light-color-button-text-fill-hover);
  --foreign-button--color-text-fill-pressed: var(--foreign-light-color-button-text-fill-pressed);
  --foreign-button--color-text-fill-disabled: var(--foreign-light-color-button-text-fill);
  --foreign-button--color-text-border: var(--foreign-light-color-button-text-border);
  --foreign-button--color-text-border-disabled: var(--foreign-light-color-border-transparency);
  --foreign-button--color-text-text: var(--foreign-light-color-text-basic);
  --foreign-button--color-text-text-disabled: var(--foreign-light-color-text-disabled);
  --foreign-button--color-link-fill: var(--foreign-light-color-button-text-fill);
  --foreign-button--color-link-fill-hover: var(--foreign-light-color-button-text-fill);
  --foreign-button--color-link-fill-pressed: var(--foreign-light-color-button-text-fill);
  --foreign-button--color-link-fill-disabled: var(--foreign-light-color-button-text-fill);
  --foreign-button--color-link-border: var(--foreign-light-color-button-text-border);
  --foreign-button--color-link-border-disabled: var(--foreign-light-color-border-transparency);
  --foreign-button--color-link-text: var(--foreign-light-color-link-default);
  --foreign-button--color-link-text-disabled: var(--foreign-light-color-text-disabled);
}
.foreign-btn {
  background-color: var(--foreign-button--color-primary-fill);
  border-color: var(--foreign-button--color-primary-border);
  color: var(--foreign-button--color-primary-text);
}
.foreign-btn.primary {
  background-color: var(--foreign-button--color-primary-fill);
  border-color: var(--foreign-button--color-primary-border);
  color: var(--foreign-button--color-primary-text);
}
.foreign-btn.primary:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.primary:hover {
  background-color: var(--foreign-button--color-primary-fill-hover);
}
.foreign-btn.primary:active, .foreign-btn.primary:focus {
  background-color: var(--foreign-button--color-primary-fill-pressed);
}
.foreign-btn.primary[disabled], .foreign-btn.primary.disabled {
  background-color: var(--foreign-button--color-primary-fill-disabled);
  border-color: var(--foreign-button--color-primary-border-disabled);
  color: var(--foreign-button--color-primary-text-disabled);
}
.foreign-btn.primary[disabled]:not(.icon) .svg-icon, .foreign-btn.primary.disabled:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.primary[disabled]:hover, .foreign-btn.primary.disabled:hover {
  background-color: var(--foreign-button--color-primary-fill-disabled);
  border-color: var(--foreign-button--color-primary-border-disabled);
  color: var(--foreign-button--color-primary-text-disabled);
}
.foreign-btn.primary.active {
  background-color: var(--foreign-button--color-primary-fill-hover);
  text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: var(--foreign-font-underline-offset);
}
.foreign-btn.secondary {
  background-color: var(--foreign-button--color-secondary-fill);
  border-color: var(--foreign-button--color-secondary-border);
  color: var(--foreign-button--color-secondary-text);
}
.foreign-btn.secondary:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.secondary:hover {
  background-color: var(--foreign-button--color-secondary-fill-hover);
}
.foreign-btn.secondary:active, .foreign-btn.secondary:focus {
  background-color: var(--foreign-button--color-secondary-fill-pressed);
}
.foreign-btn.secondary[disabled], .foreign-btn.secondary.disabled {
  background-color: var(--foreign-button--color-secondary-fill-disabled);
  border-color: var(--foreign-button--color-secondary-border-disabled);
  color: var(--foreign-button--color-secondary-text-disabled);
}
.foreign-btn.secondary[disabled]:not(.icon) .svg-icon, .foreign-btn.secondary.disabled:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.secondary[disabled]:hover, .foreign-btn.secondary.disabled:hover {
  background-color: var(--foreign-button--color-secondary-fill-disabled);
  border-color: var(--foreign-button--color-secondary-border-disabled);
  color: var(--foreign-button--color-secondary-text-disabled);
}
.foreign-btn.secondary.active {
  background-color: var(--foreign-button--color-secondary-fill-hover);
  text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: var(--foreign-font-underline-offset);
}
.foreign-btn.tertiary {
  background-color: var(--foreign-button--color-tertiary-fill);
  border-color: var(--foreign-button--color-tertiary-border);
  color: var(--foreign-button--color-tertiary-text);
}
.foreign-btn.tertiary:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.tertiary:hover {
  background-color: var(--foreign-button--color-tertiary-fill-hover);
}
.foreign-btn.tertiary:active, .foreign-btn.tertiary:focus {
  background-color: var(--foreign-button--color-tertiary-fill-pressed);
}
.foreign-btn.tertiary[disabled], .foreign-btn.tertiary.disabled {
  background-color: var(--foreign-button--color-tertiary-fill-disabled);
  border-color: var(--foreign-button--color-tertiary-border-disabled);
  color: var(--foreign-button--color-tertiary-text-disabled);
}
.foreign-btn.tertiary[disabled]:not(.icon) .svg-icon, .foreign-btn.tertiary.disabled:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.tertiary[disabled]:hover, .foreign-btn.tertiary.disabled:hover {
  background-color: var(--foreign-button--color-tertiary-fill-disabled);
  border-color: var(--foreign-button--color-tertiary-border-disabled);
  color: var(--foreign-button--color-tertiary-text-disabled);
}
.foreign-btn.tertiary.active {
  background-color: var(--foreign-button--color-tertiary-fill-hover);
  text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: var(--foreign-font-underline-offset);
}
.foreign-btn.text {
  background-color: var(--foreign-button--color-text-fill);
  border-color: var(--foreign-button--color-text-border);
  color: var(--foreign-button--color-text-text);
}
.foreign-btn.text:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.text:hover {
  background-color: var(--foreign-button--color-text-fill-hover);
}
.foreign-btn.text:active, .foreign-btn.text:focus {
  background-color: var(--foreign-button--color-text-fill-pressed);
}
.foreign-btn.text[disabled], .foreign-btn.text.disabled {
  background-color: var(--foreign-button--color-text-fill-disabled);
  border-color: var(--foreign-button--color-text-border-disabled);
  color: var(--foreign-button--color-text-text-disabled);
}
.foreign-btn.text[disabled]:not(.icon) .svg-icon, .foreign-btn.text.disabled:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.text[disabled]:hover, .foreign-btn.text.disabled:hover {
  background-color: var(--foreign-button--color-text-fill-disabled);
  border-color: var(--foreign-button--color-text-border-disabled);
  color: var(--foreign-button--color-text-text-disabled);
}
.foreign-btn.text.active {
  background-color: var(--foreign-button--color-text-fill-hover);
  text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: var(--foreign-font-underline-offset);
}
.foreign-btn.link {
  background-color: var(--foreign-button--color-link-fill);
  border-color: var(--foreign-button--color-link-border);
  color: var(--foreign-button--color-link-text);
}
.foreign-btn.link:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.link:hover {
  background-color: var(--foreign-button--color-link-fill-hover);
}
.foreign-btn.link:active, .foreign-btn.link:focus {
  background-color: var(--foreign-button--color-link-fill-pressed);
}
.foreign-btn.link[disabled], .foreign-btn.link.disabled {
  background-color: var(--foreign-button--color-link-fill-disabled);
  border-color: var(--foreign-button--color-link-border-disabled);
  color: var(--foreign-button--color-link-text-disabled);
}
.foreign-btn.link[disabled]:not(.icon) .svg-icon, .foreign-btn.link.disabled:not(.icon) .svg-icon {
  background-color: transparent;
}
.foreign-btn.link[disabled]:hover, .foreign-btn.link.disabled:hover {
  background-color: var(--foreign-button--color-link-fill-disabled);
  border-color: var(--foreign-button--color-link-border-disabled);
  color: var(--foreign-button--color-link-text-disabled);
}
.foreign-btn.link.active {
  background-color: var(--foreign-button--color-link-fill-hover);
  text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: var(--foreign-font-underline-offset);
}
.foreign-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: auto;
  border-style: solid;
  cursor: pointer;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  transition: var(--foreign-transition-base);
  border-width: var(--foreign-light-border-width-variable-regular);
}
.foreign-btn.primary .svg-icon {
  filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}
.foreign-btn.secondary .svg-icon {
  filter: invert(28%) sepia(69%) saturate(2504%) hue-rotate(212deg) brightness(103%) contrast(91%);
}
.foreign-btn.secondary:hover .svg-icon, .foreign-btn.secondary:active .svg-icon, .foreign-btn.secondary:focus .svg-icon {
  filter: invert(19%) sepia(53%) saturate(3084%) hue-rotate(210deg) brightness(85%) contrast(105%);
}
.foreign-btn .svg-icon {
  background-color: transparent;
  transition: var(--foreign-transition-base);
}
.foreign-btn:hover {
  background-color: var(--foreign-button--color-primary-fill-hover);
}
.foreign-btn:active, .foreign-btn:focus {
  background-color: var(--foreign-button--color-primary-fill-pressed);
}
.foreign-btn[disabled], .foreign-btn.disabled {
  background-color: var(--foreign-button--color-primary-fill-disabled);
  border-color: var(--foreign-button--color-primary-border-disabled);
  color: var(--foreign-button--color-primary-text-disabled);
  cursor: default;
}
.foreign-btn[disabled]:hover, .foreign-btn.disabled:hover {
  background-color: var(--foreign-button--color-primary-fill-disabled);
  border-color: var(--foreign-button--color-primary-border-disabled);
  color: var(--foreign-button--color-primary-text-disabled);
}
.foreign-btn.text {
  --foreign-button--size-height-xsmall: var(--foreign-size-height-3);
  --foreign-button--padding-x-xsmall: var(--foreign-padding-1);
  --foreign-button--padding-y-xsmall: var(--foreign-number-0);
  --foreign-button--size-height-small: var(--foreign-size-height-4);
  --foreign-button--padding-x-small: var(--foreign-padding-1);
  --foreign-button--padding-y-small: var(--foreign-number-0);
  --foreign-button--size-height-medium: var(--foreign-size-height-5);
  --foreign-button--padding-x-medium: var(--foreign-padding-1);
  --foreign-button--padding-y-medium: var(--foreign-number-2);
  --foreign-button--size-height-large: var(--foreign-size-height-6);
  --foreign-button--padding-x-large: var(--foreign-padding-1);
  --foreign-button--padding-y-large: 0.5rem;
  --foreign-button--size-height-xlarge: var(--foreign-size-height-7);
  --foreign-button--padding-x-xlarge: var(--foreign-padding-1);
  --foreign-button--padding-y-xlarge: 0.9rem;
  display: inline-block;
  height: auto !important;
  padding: var(--foreign-button--padding-y-large) var(--foreign-button--padding-x-large);
  text-align: left;
  white-space: normal;
}
.foreign-btn.text.xsmall {
  min-height: var(--foreign-button--size-height-xsmall);
  padding: var(--foreign-button--padding-y-xsmall) var(--foreign-button--padding-x-xsmall);
}
.foreign-btn.text.xsmall .svg-icon {
  margin-bottom: -0.3rem;
}
.foreign-btn.text.small {
  padding: var(--foreign-button--padding-y-small) var(--foreign-button--padding-x-small);
}
.foreign-btn.text.small .svg-icon {
  margin-bottom: -0.3rem;
}
.foreign-btn.text.medium {
  padding: var(--foreign-button--padding-y-medium) var(--foreign-button--padding-x-medium);
}
.foreign-btn.text.medium .svg-icon {
  margin-bottom: -0.4rem;
}
.foreign-btn.text.large {
  padding: var(--foreign-button--padding-y-large) var(--foreign-button--padding-x-large);
}
.foreign-btn.text.large .svg-icon {
  margin-bottom: -0.5rem;
}
.foreign-btn.text.xlarge {
  padding: var(--foreign-button--padding-y-xlarge) var(--foreign-button--padding-x-xlarge);
}
.foreign-btn.text.xlarge .svg-icon {
  margin-bottom: -0.6rem;
}
.foreign-btn.text.h-auto {
  height: auto;
  padding: var(--foreign-padding-1) !important;
}
.foreign-btn.text .svg-icon {
  display: inline-block;
  margin-bottom: -0.5rem;
}
.foreign-btn.link {
  --foreign-button--font-size-xsmall: var(
    --foreign-font-size-label-small
  );
  --foreign-button--padding-x-xsmall: var(--foreign-padding-1);
  --foreign-button--font-size-small: var(--foreign-font-size-label-small);
  --foreign-button--padding-x-small: var(--foreign-padding-1);
  --foreign-button--font-size-medium: var(
    --foreign-font-size-label-medium
  );
  --foreign-button--font-size-medium: var(
    --foreign-font-size-label-medium
  );
  --foreign-button--padding-x-medium: var(--foreign-padding-1);
  --foreign-button--font-size-large: var(--foreign-font-size-label-large);
  --foreign-button--padding-x-large: var(--foreign-padding-1);
  --foreign-button--font-size-xlarge: var(
    --foreign-font-size-label-large
  );
  --foreign-button--font-size-xlarge: var(
    --foreign-font-size-label-large
  );
  --foreign-button--padding-x-xlarge: var(--foreign-padding-1);
  display: inline-block;
  height: auto !important;
  padding: 0 var(--foreign-button--padding-x-large);
  font-size: var(--foreign-button--font-size-large);
  text-align: left;
  white-space: normal;
  word-break: break-all;
}
.foreign-btn.link.xsmall {
  padding: 0 var(--foreign-button--padding-x-xsmall);
  font-size: var(--foreign-button--font-size-xsmall);
}
.foreign-btn.link.xsmall .svg-icon {
  margin-bottom: -0.3rem;
}
.foreign-btn.link.small {
  padding: 0 var(--foreign-button--padding-x-small);
  font-size: var(--foreign-button--font-size-small);
}
.foreign-btn.link.small .svg-icon {
  margin-bottom: -0.3rem;
}
.foreign-btn.link.medium {
  padding: 0 var(--foreign-button--padding-x-medium);
  font-size: var(--foreign-button--font-size-medium);
}
.foreign-btn.link.medium .svg-icon {
  margin-bottom: -0.4rem;
}
.foreign-btn.link.large {
  padding: 0 var(--foreign-button--padding-x-large);
  font-size: var(--foreign-button--font-size-large);
}
.foreign-btn.link.large .svg-icon {
  margin-bottom: -0.5rem;
}
.foreign-btn.link.xlarge {
  padding: 0 var(--foreign-button--padding-x-xlarge);
  font-size: var(--foreign-button--font-size-xlarge);
}
.foreign-btn.link.xlarge .svg-icon {
  margin-bottom: -0.6rem;
}
.foreign-btn.link.basic {
  color: var(--foreign-light-color-text-basic);
}
.foreign-btn.link.basic .svg-icon {
  background-color: transparent;
}
.foreign-btn.link.basic.pure:hover, .foreign-btn.link.basic.pure:active, .foreign-btn.link.basic.pure:focus {
  color: var(--foreign-light-color-text-basic);
}
.foreign-btn.link.basic.pure:hover .svg-icon, .foreign-btn.link.basic.pure:active .svg-icon, .foreign-btn.link.basic.pure:focus .svg-icon {
  background-color: transparent;
}
.foreign-btn.link.text-bolder {
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-light-color-text-bolder);
}
.foreign-btn.link:hover {
  color: var(--foreign-light-color-link-hover);
}
.foreign-btn.link:hover .svg-icon {
  background-color: transparent;
}
.foreign-btn.link:active, .foreign-btn.link:focus {
  color: var(--foreign-light-color-link-pressed);
}
.foreign-btn.link:active .svg-icon, .foreign-btn.link:focus .svg-icon {
  background-color: transparent;
}
.foreign-btn.link.pure:hover, .foreign-btn.link.pure:active, .foreign-btn.link.pure:focus {
  color: var(--foreign-button--color-link-text);
}
.foreign-btn.link.pure:hover .svg-icon, .foreign-btn.link.pure:active .svg-icon, .foreign-btn.link.pure:focus .svg-icon {
  background-color: transparent;
}
.foreign-btn.link .underline.hidden-underline {
  text-decoration-color: var(--foreign-light-color-border-transparency);
  transition: var(--foreign-transition-base);
}
.foreign-btn.link:hover .underline.hidden-underline, .foreign-btn.link:active .underline.hidden-underline, .foreign-btn.link:focus .underline.hidden-underline {
  text-decoration-color: inherit;
}
.foreign-btn.link .svg-icon {
  display: inline-block;
  margin-bottom: -0.5rem;
  filter: invert(28%) sepia(69%) saturate(2504%) hue-rotate(212deg) brightness(103%) contrast(91%);
}
.foreign-btn.link:hover .svg-icon, .foreign-btn.link:active .svg-icon, .foreign-btn.link:focus .svg-icon {
  filter: invert(19%) sepia(53%) saturate(3084%) hue-rotate(210deg) brightness(85%) contrast(105%);
}
.foreign-btn.icon {
  --foreign-button--icon-size-xsmall: var(--foreign-size-height-2);
  --foreign-button--icon-size-small: var(--foreign-size-height-3);
  --foreign-button--icon-size-medium: var(--foreign-size-height-4);
  --foreign-button--icon-size-large: var(--foreign-size-height-5);
  --foreign-button--icon-size-xlarge: var(--foreign-size-height-6);
  width: var(--foreign-button--icon-size-medium);
  height: var(--foreign-button--icon-size-medium);
  padding: 0 !important;
  background-color: transparent;
  border-color: var(--foreign-light-color-border-transparency);
  color: inherit;
  border: 0;
}
.foreign-btn.icon:hover, .foreign-btn.icon:active {
  background-color: inherit;
}
.foreign-btn.icon.xsmall {
  width: var(--foreign-button--icon-size-xsmall);
  height: var(--foreign-button--icon-size-xsmall);
}
.foreign-btn.icon.xsmall .svg-icon {
  width: 100%;
  height: 100%;
}
.foreign-btn.icon.small {
  width: var(--foreign-button--icon-size-small);
  height: var(--foreign-button--icon-size-small);
}
.foreign-btn.icon.small .svg-icon {
  width: 100%;
  height: 100%;
}
.foreign-btn.icon.medium {
  width: var(--foreign-button--icon-size-medium);
  height: var(--foreign-button--icon-size-medium);
}
.foreign-btn.icon.medium .svg-icon {
  width: 100%;
  height: 100%;
}
.foreign-btn.icon.large {
  width: var(--foreign-button--icon-size-large);
  height: var(--foreign-button--icon-size-large);
}
.foreign-btn.icon.large .svg-icon {
  width: 100%;
  height: 100%;
}
.foreign-btn.icon.xlarge {
  width: var(--foreign-button--icon-size-xlarge);
  height: var(--foreign-button--icon-size-xlarge);
}
.foreign-btn.icon.xlarge .svg-icon {
  width: 100%;
  height: 100%;
}
.foreign-btn.icon .svg-icon {
  background-color: transparent;
}
.foreign-btn.icon.pure .svg-icon {
  background-color: transparent;
}
.foreign-btn.icon.border {
  background-color: var(--foreign-light-color-background-white);
  border: 0.1rem solid var(--foreign-light-color-border-gray);
  border-radius: var(--foreign-radius-max);
}
.foreign-btn.icon.border.large .svg-icon {
  width: var(--foreign-icon--size-xsmall);
  height: var(--foreign-icon--size-xsmall);
}
.foreign-btn.icon.border.xlarge .svg-icon {
  width: var(--foreign-icon--size-xlarge);
  height: var(--foreign-icon--size-xlarge);
}
.foreign-btn.icon.border[disabled], .foreign-btn.icon.border.disabled {
  background-color: var(--foreign-light-color-button-disabled-fill);
}

.btn-wrap {
  width: 100%;
}

/* 드롭다운 메뉴 */
.foreign-drop-wrap {
  --foreign-dropdown--menu-radius: var(--foreign-radius-medium4);
  --foreign-dropdown--menu-padding: var(--foreign-padding-3);
  --foreign-dropdown--menu-margin-top: var(--foreign-padding-6);
  --foreign-dropdown--menu-gap: var(--foreign-gap-3);
  --foreign-dropdown--list-item-radius: var(--foreign-radius-medium2);
  --foreign-dropdown--list-item-height: var(--foreign-size-height-7);
  --foreign-dropdown--list-item-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-dropdown--menu-color-border: var(
    --foreign-light-color-border-gray-light
  );
  --foreign-dropdown--menu-color-surface: var(
    --foreign-light-color-surface-white-subtler
  );
  --foreign-dropdown--menu-color-alpha-shadow:
    0 0 0.2rem 0 var(--foreign-light-color-alpha-shadow1),
    0 0.4rem 0.8rem 0 var(--foreign-light-color-alpha-shadow2);
  --foreign-dropdown--list-item-color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-dropdown--list-item-color-action-pressed: var(
    --foreign-light-color-action-secondary-pressed
  );
  --foreign-dropdown--list-item-color-action-selected: var(
    --foreign-light-color-action-secondary-selected
  );
  --foreign-dropdown--list-item-color-text-selected: var(
    --foreign-light-color-text-secondary
  );
  display: inline-flex;
  position: relative;
}
.foreign-drop-wrap .drop-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  display: none;
  z-index: 6;
  min-width: 18rem;
  border-radius: var(--foreign-dropdown--menu-radius);
  padding: var(--foreign-dropdown--menu-padding);
  margin-top: var(--foreign-dropdown--menu-margin-top);
  background-color: var(--foreign-dropdown--menu-color-surface);
  border: 0.1rem solid var(--foreign-dropdown--menu-color-border);
  box-shadow: var(--foreign-dropdown--menu-color-alpha-shadow);
  transform: translateX(-50%);
}
.foreign-drop-wrap .drop-menu::before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: block;
  margin-bottom: -0.5rem;
  margin-left: -0.6rem;
  transform: rotate(-135deg);
  background-color: var(--foreign-dropdown--menu-color-surface);
  border: 0.1rem solid var(--foreign-dropdown--menu-color-border);
  border-top-color: transparent;
  border-left-color: transparent;
}
.foreign-drop-wrap .drop-menu .drop-in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-dropdown--menu-gap);
  position: relative;
  z-index: 1;
}
.foreign-drop-wrap .drop-menu .drop-top {
  width: 100%;
  padding: var(--foreign-padding-3) var(--foreign-padding-6);
  border-bottom: 0.1rem solid var(--foreign-dropdown--menu-color-border);
}
.foreign-drop-wrap .drop-menu .drop-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: var(--foreign-padding-3) 0;
  border-top: 0.1rem solid var(--foreign-dropdown--menu-color-border);
}
.foreign-drop-wrap .drop-menu .drop-list {
  width: 100%;
}
.foreign-drop-wrap .drop-menu .drop-list .item-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  gap: var(--foreign-gap-3);
  padding: 0 var(--foreign-padding-6);
  font-size: var(--foreign-dropdown--list-item-font-size);
  border-radius: var(--foreign-dropdown--list-item-radius);
  height: var(--foreign-dropdown--list-item-height);
  background-color: var(--foreign-dropdown--menu-color-surface);
}
@media (max-width: 767px) {
  .foreign-drop-wrap .drop-menu .drop-list .item-link {
    font-size: var(--foreign-dropdown--list-item-font-size);
  }
}
.foreign-drop-wrap .drop-menu .drop-list .item-link .ico-go {
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.foreign-drop-wrap .drop-menu .drop-list .item-link .ico-go.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-drop-wrap .drop-menu .drop-list .item-link .ico-go.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-drop-wrap .drop-menu .drop-list .item-link:hover {
  background-color: var(--foreign-dropdown--list-item-color-action-hover);
}
.foreign-drop-wrap .drop-menu .drop-list .item-link:active {
  background-color: var(--foreign-dropdown--list-item-color-action-pressed);
}
.foreign-drop-wrap .drop-menu .drop-list .item-link.active {
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-dropdown--list-item-color-text-selected);
  background-color: var(--foreign-dropdown--list-item-color-action-selected);
}
.foreign-drop-wrap .drop-menu .drop-list li:has(.item-link.reset) {
  margin-top: 0.8rem;
  border-top: 1px solid #d7d9db;
}
.foreign-drop-wrap.drop-left .drop-menu {
  left: 0;
  right: unset;
  transform: none;
}
.foreign-drop-wrap.drop-left .drop-menu::before {
  left: 2.4rem;
  margin-left: 0;
}
.foreign-drop-wrap.drop-right .drop-menu {
  left: unset;
  right: 0;
  transform: none;
}
.foreign-drop-wrap.drop-right .drop-menu::before {
  left: unset;
  right: 2.4rem;
}

/* 푸터 */
#foreign-footer {
  position: relative;
  z-index: 50;
  background-color: var(--foreign-light-color-surface-gray-subtler);
}
#foreign-footer > .inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1024px) {
  #foreign-footer > .inner {
    gap: var(--foreign-gap-6);
    padding: var(--foreign-padding-10) 0 var(--foreign-padding-8);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #foreign-footer > .inner {
    padding: var(--foreign-padding-10) var(--foreign-contents-padding-x);
  }
}
@media (max-width: 1023px) {
  #foreign-footer > .inner {
    gap: var(--foreign-gap-7);
    padding: var(--foreign-padding-8) var(--foreign-padding-6);
  }
}
@media (max-width: 767px) {
  #foreign-footer > .inner {
    align-items: flex-start;
    width: 100%;
    gap: var(--foreign-gap-7);
  }
}
#foreign-footer .f-cnt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-5);
  width: 100%;
}
#foreign-footer .f-btm {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--foreign-gap-7);
  width: 100%;
}
#foreign-footer .f-logo {
  width: 14.2rem;
  height: 4.5rem;
  background: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo-gov.svg") no-repeat 0 0/contain;
}
#foreign-footer .f-logo + .f-copy {
  align-self: center;
}
#foreign-footer .info-addr {
  display: flex;
}
#foreign-footer .info-addr dl + dl:before {
  content: "";
  display: inline-flex;
  width: 1px;
  height: 1.2rem;
  margin: 0 var(--foreign-gap-3);
  background-color: var(--foreign-light-color-divider-gray-dark);
}
#foreign-footer .info-addr dl > * {
  display: inline-flex;
}
#foreign-footer .info-cs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-3);
}
#foreign-footer .info-cs .item-tit + .item {
  padding-left: var(--foreign-gap-3);
}
#foreign-footer .info-cs .item + .item:before {
  content: "";
  display: inline-flex;
  width: 1px;
  height: 1.2rem;
  margin: 0 var(--foreign-gap-3);
  background-color: var(--foreign-light-color-divider-gray-dark);
}
#foreign-footer .f-copy {
  align-self: flex-end;
  font-size: var(--foreign-font-size-body-small);
  color: var(--foreign-light-color-text-subtle);
}

html:lang(en) #foreign-footer .f-logo,
html:lang(zh) #foreign-footer .f-logo {
  width: 17.3rem;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo-gov-en.svg");
}

@media (max-width: 767px) {
  #foreign-footer > .inner {
    flex-direction: column;
    align-items: flex-start;
  }
  #foreign-footer .f-logo {
    width: 9.5rem;
    height: 3.1rem;
  }
  #foreign-footer .f-logo + .f-copy {
    width: 100%;
    padding-top: 0;
    border-top: 0;
  }
  #foreign-footer .info-addr {
    flex-direction: column;
  }
  #foreign-footer .info-addr dl + dl:before {
    content: none;
  }
  #foreign-footer .f-copy {
    align-self: flex-start;
    width: 100%;
    padding-top: var(--foreign-gap-5);
    border-top: 1px solid var(--foreign-light-color-divider-gray-light);
  }
  html:lang(en) #foreign-footer .f-logo,
  html:lang(zh) #foreign-footer .f-logo {
    width: 12rem;
  }
}
/* 헤더 */
#foreign-header {
  --foreign-header--utility-gap: var(--foreign-gap-4);
  --foreign-header--container-gap: var(--foreign-gap-2);
  --foreign-header--container-padding-top: var(--foreign-padding-5);
  --foreign-header--container-padding-bottom: var(--foreign-padding-6);
  --foreign-header--navi-min-height: var(--foreign-size-height-6);
  --foreign-header--navi-gap: var(--foreign-gap-2) var(--foreign-gap-3);
  --foreign-header--navi-padding: 0 var(--foreign-padding-5);
  --foreign-header--navi-border-radius: var(--foreign-radius-medium1);
  --foreign-header--navi-font-size-pc: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-header--navi-font-size-mobile: var(
    --foreign-font-size-navigation-depth-small
  );
  --foreign-header--color-surface: var(
    --foreign-light-color-surface-white
  );
  --foreign-header--utility-color-divider: var(
    --foreign-light-color-divider-gray-light
  );
  --foreign-header--navi-color-text: var(
    --foreign-light-color-text-basic
  );
  --foreign-header--navi-color-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-header--navi-color-pressed: var(
    --foreign-light-color-action-secondary-pressed
  );
  position: sticky;
  top: 0;
  left: 0;
  z-index: 70;
  background-color: var(--foreign-header--color-surface);
}
#foreign-header .header-in {
  position: relative;
  transform: translateY(0);
}
#foreign-header .header-utility {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
}
#foreign-header .header-utility .utility-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
}
#foreign-header .header-utility .utility-list > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
#foreign-header .header-utility .utility-list > li:not(:first-child) {
  gap: var(--foreign-header--utility-gap);
  margin-left: var(--foreign-header--utility-gap);
}
#foreign-header .header-utility .utility-list > li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 0.1rem;
  height: var(--foreign-size-height-2);
  background-color: var(--foreign-header--utility-color-divider);
}
#foreign-header .logo {
  display: inline-flex;
  flex-direction: column;
}
#foreign-header .logo [class*=logo-] {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#foreign-header .logo .logo-gov {
  width: 6.8rem;
  height: 2.2rem;
  margin: 0.5rem 0;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo-gov.svg");
}
#foreign-header .logo .logo-foreign {
  width: 15.4rem;
  height: 2.5rem;
  margin: 1rem 0 0.9rem;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo.svg");
}
#foreign-header .logo .foreign-btn.government {
  width: fit-content;
}
#foreign-header .logo .foreign-btn.government::before {
  content: "";
  display: inline-block;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/government.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: var(--foreign-gap-2);
  vertical-align: -4px;
}
#foreign-header .header-container .inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: row;
}
@media (min-width: 1024px) {
  #foreign-header .header-container .inner {
    padding-top: var(--foreign-header--container-padding-top);
    padding-bottom: var(--foreign-header--container-padding-bottom);
  }
}
#foreign-header .header-container .logo {
  align-self: center;
  gap: var(--foreign-header--container-gap);
}
#foreign-header .header-container .utility-wrap {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  gap: var(--foreign-header--container-gap);
}
#foreign-header .header-container .header-actions {
  display: inline-flex;
  gap: var(--foreign-gap-3);
  margin-left: auto;
  padding: var(--foreign-padding-1) 0;
}
#foreign-header .header-container .header-actions .foreign-drop-wrap.foreign-drop-wrap [class*=-btn] {
  padding-left: var(--foreign-padding-5);
  font-weight: var(--foreign-font-weight-bold);
}
#foreign-header .header-container .btn-navi {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--foreign-header--navi-gap);
  min-height: var(--foreign-header--navi-min-height);
  padding: var(--foreign-header--navi-padding);
  border-radius: var(--foreign-header--navi-border-radius);
  font-size: var(--foreign-header--navi-font-size-pc);
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-header--navi-color-text);
  transition: var(--foreign-transition-base);
}
#foreign-header .header-container .btn-navi::before {
  display: inline-flex;
  content: "";
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
#foreign-header .header-container .btn-navi::before.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
#foreign-header .header-container .btn-navi::before.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
#foreign-header .header-container .btn-navi:hover {
  background-color: var(--foreign-header--navi-color-hover);
}
#foreign-header .header-container .btn-navi:active, #foreign-header .header-container .btn-navi:focus {
  background-color: var(--foreign-header--navi-color-pressed);
}
#foreign-header .header-container .btn-navi.navi-row {
  flex-direction: row;
}
#foreign-header .header-container .btn-navi.sch::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#foreign-header .header-container .btn-navi.all::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/menu.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* 스크롤 동작 */
#wrap[class*=scroll] #foreign-header {
  position: relative;
  border-bottom: 0.1rem solid var(--foreign-header--utility-color-divider);
}
#wrap[class*=scroll] #foreign-header .header-in {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: var(--foreign-header--color-surface);
  transition: transform ease 0.4s 0.01s;
}
#wrap.scroll-down #foreign-header .header-in {
  transform: translateY(-100%);
}
#wrap.scroll-up #foreign-header .header-in {
  transform: translateY(0);
}
#wrap [id^=section-] {
  scroll-margin-top: var(--foreign-top-height);
}

@media (min-width: 1024px) {
  #foreign-header .header-container .btn-navi.all {
    display: none;
  }
}
html:lang(en) #foreign-header .logo .logo-gov {
  width: 8.2rem;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo-gov-en.svg");
}
html:lang(en) #foreign-header .logo .logo-foreign {
  width: 32.1rem;
  height: 2.9rem;
  margin: 0.9rem 0 0.6rem;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo-en.svg");
}

html:lang(zh) #foreign-header .logo .logo-gov {
  width: 8.2rem;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo-gov-en.svg");
}
html:lang(zh) #foreign-header .logo .logo-foreign {
  width: 13.2rem;
  height: 2.5rem;
  margin: 1rem 0 0.9rem;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/img/img-logo-zh.svg");
}

@media (max-width: 1023px) {
  #foreign-header .logo .logo-foreign {
    width: 11.2rem;
    height: 3.2rem;
    margin: 0;
    padding: 0.7rem 0;
  }
  #foreign-header .header-container .inner {
    align-self: center;
    padding-top: var(--foreign-gap-3);
    padding-bottom: var(--foreign-gap-3);
    border-bottom: var(--foreign-light-border-width-static-regular) solid var(--foreign-light-color-divider-gray-light);
  }
  #foreign-header .header-container .logo .logo-gov,
  #foreign-header .header-container .foreign-drop-wrap,
  #foreign-header .header-container .btn-navi.sch,
  #foreign-header .header-container .header-utility {
    display: none;
  }
  #foreign-header .header-container .btn-navi.navi-row {
    flex-direction: column;
  }
  #foreign-header .header-container .btn-navi.join, #foreign-header .header-container .btn-navi.my {
    display: none;
  }
  #foreign-header .header-container .my-drop {
    display: none;
  }
  html:lang(en) #foreign-header .logo .logo-foreign {
    width: 19.1rem;
    height: 1.8rem;
    margin: 0.6rem 0 0.4rem;
  }
  html:lang(zh) #foreign-header .logo .logo-foreign {
    width: 9.5rem;
    height: 1.8rem;
    margin: 0.5rem 0 0.5rem;
  }
}
@media (max-width: 767px) {
  #foreign-header .header-container .header-actions {
    gap: 0;
  }
  #foreign-header .header-container .btn-navi {
    flex-direction: column;
    font-size: var(--foreign-header--navi-font-size-mobile);
  }
}
/* 페이지 내 안내, 알럿 */
.info-box {
  --info-box--padding-inner: var(--foreign-number-11);
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: var(--foreign-padding-card-small);
  background-color: var(--foreign-light-color-surface-secondary-subtler);
  border: var(--foreign-light-border-width-static-regular) solid var(--foreign-light-color-border-secondary-light);
  border-radius: var(--foreign-radius-xlarge1);
}
.info-box.bd-none {
  border: none;
}
.info-box .info-tit {
  position: relative;
  padding-left: var(--info-box--padding-inner);
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-xsmall);
  color: var(--foreign-light-color-text-secondary);
}
.info-box .info-tit::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: url("https://static.gov.kr/content/foreigner/images/component/icon/system-info-secondary.svg") no-repeat center/cover;
}
.info-box .info-tit.icon {
  padding-left: var(--foreign-number-12);
}
.info-box .info-tit.icon ~ .info-conts .sub-text,
.info-box .info-tit.icon ~ .info-conts .divider {
  padding-left: var(--foreign-number-12);
}
.info-box .info-tit.icon .svg-icon {
  position: absolute;
  top: 2px;
  left: 0;
}
.info-box > .sub-text,
.info-box .info-conts .sub-text {
  font-weight: var(--foreign-font-weight-regular);
  font-size: var(--foreign-font-size-body-medium);
  color: var(--foreign-light-color-text-secondary);
}
.info-box > .sub-text .foreign-btn,
.info-box .info-conts .sub-text .foreign-btn {
  font-size: inherit;
}
.info-box .info-conts {
  width: 100%;
  padding-top: var(--foreign-padding-3);
  padding-left: var(--info-box--padding-inner);
}
.info-box .info-conts .sub-text {
  color: var(--foreign-light-color-text-subtle);
}
.info-box .info-conts .foreign-info-list li {
  font-size: var(--foreign-font-size-body-medium);
}
.info-box .divider {
  width: 100%;
  margin-top: var(--foreign-padding-5);
  padding-top: var(--foreign-padding-5);
  border-width: 1px 0 0;
  border-style: dashed;
  border-color: var(--foreign-light-color-divider-gray-light);
}
.info-box .divider.solid-line {
  border-style: solid;
}
.info-box .divider > .inner {
  padding: 0 var(--foreign-padding-9);
}
.info-box .divider .foreign-btn.xsmall {
  height: auto;
  min-height: var(--foreign-size-height-5);
}
.info-box.gray, .info-box.line {
  border-color: var(--foreign-light-color-border-gray-light);
}
.info-box.gray .info-tit,
.info-box.gray > .sub-text, .info-box.line .info-tit,
.info-box.line > .sub-text {
  color: var(--foreign-light-color-text-basic);
}
.info-box.gray .info-tit::before,
.info-box.gray .system-info::before, .info-box.line .info-tit::before,
.info-box.line .system-info::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-info-basic.svg");
}
.info-box.gray .info-conts, .info-box.line .info-conts {
  padding-top: var(--foreign-padding-5);
}
.info-box.gray .info-conts .sub-text, .info-box.line .info-conts .sub-text {
  font-size: var(--foreign-font-size-body-small);
}
.info-box.gray .info-conts .sub-text .foreign-btn, .info-box.line .info-conts .sub-text .foreign-btn {
  font-size: inherit;
}
.info-box.gray .info-conts .foreign-info-list li, .info-box.line .info-conts .foreign-info-list li {
  font-size: var(--foreign-font-size-body-small);
}
.info-box.gray {
  background-color: var(--foreign-light-color-surface-gray-subtler);
}
.info-box.line {
  background-color: var(--foreign-light-color-surface-white-subtle);
}
.info-box.small {
  padding: var(--foreign-padding-card-xsmall);
}
.info-box.large {
  padding: var(--foreign-padding-card-large-medium) var(--foreign-padding-card-large);
}
.info-box.large .info-tit {
  font-size: var(--foreign-font-size-heading-small);
}
.info-box.large .info-tit::before {
  content: none;
}
.info-box.large .info-tit:not(.icon) {
  padding-left: 0;
}
.info-box.large .info-conts {
  padding-top: var(--foreign-padding-5);
  padding-left: 0;
}
.info-box.large .info-conts .sub-text {
  font-size: var(--foreign-font-size-body-medium);
}
.info-box.large .info-conts .foreign-info-list li {
  font-size: var(--foreign-font-size-body-medium);
}
.info-box.large .divider {
  margin-top: var(--foreign-padding-8);
  padding-top: var(--foreign-padding-8);
}

.alert {
  --alert-padding: var(--foreign-padding-6);
  --alert-border-color: var(
    --foreign-light-color-border-information-light
  );
  --alert-border-width: var(
    --foreign-light-border-width-static-regular
  );
  --alert-bg-color: var(
    --foreign-light-color-surface-information-subtler
  );
  --alert-icon-size: var(--foreign-size-height-4);
  --alert-title-color: var(
    --foreign-light-color-text-information
  );
  position: relative;
  width: 100%;
  padding: var(--alert-padding);
  border: var(--alert-border-width) solid var(--alert-border-color);
  border-radius: var(--foreign-radius-xlarge2);
  background-color: var(--alert-bg-color);
}
.alert::before {
  content: "";
  position: absolute;
  top: var(--alert-padding);
  left: var(--alert-padding);
  display: inline-block;
  width: var(--alert-icon-size);
  height: var(--alert-icon-size);
  background-size: contain;
  background-repeat: no-repeat;
}
.alert.success::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-success.svg");
}
.alert.success {
  --alert-border-color: var(
    --foreign-light-color-border-success-light
  );
  --alert-bg-color: var(
    --foreign-light-color-surface-success-subtler
  );
  --alert-title-color: var(
    --foreign-light-color-text-success
  );
}
.alert.warning::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-warning.svg");
}
.alert.warning {
  --alert-border-color: var(
    --foreign-light-color-border-warning-light
  );
  --alert-bg-color: var(
    --foreign-light-color-surface-warning-subtler
  );
  --alert-title-color: var(
    --foreign-light-color-text-warning
  );
}
.alert.error::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-danger.svg");
}
.alert.error {
  --alert-border-color: var(
    --foreign-light-color-border-danger-light
  );
  --alert-bg-color: var(
    --foreign-light-color-surface-danger-subtler
  );
  --alert-title-color: var(
    --foreign-light-color-text-danger
  );
}
.alert.information::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/system-information.svg");
}
.alert.information {
  --alert-border-color: var(
    --foreign-light-color-border-information-light
  );
  --alert-bg-color: var(
    --foreign-light-color-surface-information-subtler
  );
  --alert-title-color: var(
    --foreign-light-color-text-information
  );
}
.alert .tit {
  color: var(--alert-title-color);
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-xsmall);
  padding-left: calc(var(--alert-icon-size) + var(--foreign-gap-3));
}
.alert .tit ~ .desc {
  margin-top: var(--foreign-gap-3);
}
.alert .desc {
  padding-left: calc(var(--alert-icon-size) + var(--foreign-gap-3));
  font-weight: var(--foreign-font-weight-regular);
  font-size: var(--foreign-font-size-body-medium);
}
.alert .foreign-btn {
  height: auto;
}

.system-info {
  position: relative;
  padding-left: 3rem;
}
.system-info::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: url("https://static.gov.kr/content/foreigner/images/component/icon/system-info-basic.svg") no-repeat center/cover;
}
.system-info .sub-text {
  font-size: var(--foreign-font-size-body-medium);
  color: var(--foreign-light-color-text-subtle);
}
.system-info .sub-text .foreign-btn {
  font-size: var(--foreign-font-size-body-medium);
}

/* 언어 변경 */
.foreign-drop-wrap {
  --foreign-language--top-title-color: var(
    --foreign-light-color-text-secondary
  );
  --foreign-language--top-title-sub-color: var(
    --foreign-light-color-text-subtle
  );
}
.foreign-drop-wrap.foreign-language .drop-menu {
  min-width: 20rem;
}
.foreign-drop-wrap.foreign-language .drop-top .current-laguage {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.foreign-drop-wrap.foreign-language .drop-top .current-laguage strong {
  color: var(--foreign-language--top-title-color);
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-language--top-title-font-size);
}
.foreign-drop-wrap.foreign-language .drop-top .current-laguage span {
  color: var(--foreign-language--top-title-sub-color);
  font-size: var(--foreign-language--top-title-sub-font-size);
}
.foreign-drop-wrap.foreign-language .drop-list {
  min-width: 20rem;
}

/* 메인 메뉴 */
/* gnb pc */
.foreign-main-menu {
  --foreign-main-menu--main-trigger-size-height: var(
    --foreign-size-height-8
  );
  --foreign-main-menu--main-trigger-padding-x: var(--foreign-padding-6);
  --foreign-main-menu--main-trigger-font-size: var(
    --foreign-font-size-navigation-title-small
  );
  --foreign-main-menu--main-menu-width: 26.6rem;
  --foreign-main-menu--sub-trigger-padding-x: var(--foreign-padding-8);
  --foreign-main-menu--sub-trigger-padding-y: var(--foreign-padding-6);
  --foreign-main-menu--sub-trigger-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--sub-trigger-font-size-active: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--sub-menu-padding-x: var(--foreign-padding-10);
  --foreign-main-menu--sub-menu-padding-y: var(--foreign-padding-6);
  --foreign-main-menu--sub-menu-title-size-height: var(
    --foreign-size-height-8
  );
  --foreign-main-menu--sub-menu-title-padding-x: var(--foreign-padding-2);
  --foreign-main-menu--sub-menu-title-radius: var(
    --foreign-radius-medium3
  );
  --foreign-main-menu--sub-menu-title-font-size: var(
    --foreign-font-size-navigation-title-medium
  );
  --foreign-main-menu--sub-menu-trigger-color-padding-x: var(
    --foreign-padding-3
  );
  --foreign-main-menu--sub-menu-trigger-color-padding-y: var(
    --foreign-padding-4
  );
  --foreign-main-menu--sub-menu-trigger-color-radius: var(
    --foreign-radius-medium2
  );
  --foreign-main-menu--sub-menu-trigger-color-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--sub-menu-description-title-font-size: var(
    --foreign-font-size-navigation-title-small
  );
  --foreign-main-menu--sub-menu-description-title-padding: var(
    --foreign-padding-2
  );
  --foreign-main-menu--sub-menu-description-title-radius: var(
    --foreign-radius-medium1
  );
  --foreign-main-menu--sub-menu-description-description-color-padding-top: var(
    --foreign-padding-6
  );
  --foreign-main-menu--sub-menu-description-description-color-padding-x: var(
    --foreign-padding-2
  );
  --foreign-main-menu--sub-menu-description-description-color-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--sub-menu-only-2depth-padding-y: var(
    --foreign-padding-6
  );
  --foreign-main-menu--banner-padding-x: var(--foreign-padding-6);
  --foreign-main-menu--banner-padding-y: var(--foreign-padding-5);
  --foreign-main-menu--banner-radius: var(--foreign-radius-medium3);
  --foreign-main-menu--column-banner-margin-x: var(--foreign-padding-6);
  --foreign-main-menu--column-banner-padding: var(--foreign-padding-8);
  --foreign-main-menu--column-banner-radius: var(
    --foreign-radius-medium3
  );
  --foreign-main-menu--color-surface: var(
    --foreign-light-color-surface-white
  );
  --foreign-main-menu--color-border: var(
    --foreign-light-color-divider-gray-light
  );
  --foreign-main-menu--main-trigger-color-text: var(
    --foreign-light-color-text-subtle
  );
  --foreign-main-menu--main-trigger-color-text-active: var(
    --foreign-light-color-text-basic
  );
  --foreign-main-menu--main-trigger-color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-main-menu--main-trigger-color-action-pressed: var(
    --foreign-light-color-action-secondary-pressed
  );
  --foreign-main-menu--main-trigger-color-border-selected: var(
    --foreign-light-color-action-secondary-active
  );
  --foreign-main-menu--toggle-color-surface: var(
    --foreign-light-color-surface-white-subtle
  );
  --foreign-main-menu--main-menu-color-surface: var(
    --foreign-light-color-surface-secondary-subtler
  );
  --foreign-main-menu--sub-trigger-color-text: var(
    --foreign-light-color-text-basic
  );
  --foreign-main-menu--sub-trigger-color-text-selected: var(
    --foreign-light-color-text-secondary
  );
  --foreign-main-menu--sub-trigger-color-text-pressed: var(
    --foreign-light-color-text-basic
  );
  --foreign-main-menu--sub-trigger-color-action: var(
    --foreign-light-color-action-secondary-on
  );
  --foreign-main-menu--sub-trigger-color-action-selected: var(
    --foreign-light-color-action-secondary-on-selected
  );
  --foreign-main-menu--sub-trigger-color-action-pressed: var(
    --foreign-light-color-action-secondary-on-pressed
  );
  --foreign-main-menu--sub-menu-color-action: var(
    --foreign-light-color-action-secondary
  );
  --foreign-main-menu--sub-menu-color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-main-menu--sub-menu-color-action-pressed: var(
    --foreign-light-color-action-secondary-pressed
  );
  --foreign-main-menu--sub-menu-trigger-color-action-selected: var(
    --foreign-light-color-action-secondary-selected
  );
  --foreign-main-menu--sub-menu-trigger-color-text-selected: var(
    --foreign-light-color-text-secondary
  );
  --foreign-main-menu--sub-menu-description-description-color-border: var(
    --foreign-light-color-border-gray-light
  );
  --foreign-main-menu--sub-menu-description-description-color-text: var(
    --foreign-light-color-text-subtle
  );
  --foreign-main-menu--banner-background: var(
    --foreign-light-color-surface-gray-subtle
  );
  position: relative;
  background-color: var(--foreign-main-menu--color-surface);
  border-top: 0.1rem solid;
  border-bottom: 0.1rem solid;
  border-color: var(--foreign-main-menu--color-border);
}
.foreign-main-menu .gnb-menu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-5);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-3);
  position: relative;
  height: var(--foreign-main-menu--main-trigger-size-height);
  color: var(--foreign-main-menu--main-trigger-color-text);
  padding: 0 var(--foreign-main-menu--main-trigger-padding-x);
  transition: var(--foreign-transition-base);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger,
.foreign-main-menu .gnb-menu .gnb-main-trigger h2 {
  font-size: var(--foreign-main-menu--main-trigger-font-size);
  font-weight: var(--foreign-font-weight-bold);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger::before, .foreign-main-menu .gnb-menu .gnb-main-trigger::after {
  display: inline-flex;
  content: "";
}
.foreign-main-menu .gnb-menu .gnb-main-trigger::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0.4rem;
  background-color: var(--foreign-main-menu--main-trigger-color-border-selected);
  transition: var(--foreign-transition-base);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger::after {
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.foreign-main-menu .gnb-menu .gnb-main-trigger::after.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger::after.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: var(--foreign-transition-base);
  transform: rotate(0deg);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger:hover {
  background-color: var(--foreign-main-menu--main-trigger-color-action-hover);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger:active {
  color: var(--foreign-main-menu--main-trigger-color-text-active);
  background-color: var(--foreign-main-menu--main-trigger-color-action-pressed);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.foreign-main-menu .gnb-menu .gnb-main-trigger.active::before {
  left: 0;
  width: 100%;
}
.foreign-main-menu .gnb-menu .gnb-main-trigger.active::after {
  transform: rotate(-180deg);
}
.foreign-main-menu .gnb-menu .gnb-main-trigger.is-link::after {
  display: none;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .foreign-main-menu .gnb-menu .gnb-main-trigger {
    --foreign-main-menu--main-trigger-padding-x: var(
      --foreign-padding-3
    );
  }
}
.foreign-main-menu .gnb-toggle-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.1rem;
  display: none;
  width: 100%;
  background-color: var(--foreign-main-menu--toggle-color-surface);
}
.foreign-main-menu .gnb-toggle-wrap.is-open {
  display: block;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list {
  position: relative;
  max-width: var(--foreign-contents-size);
  margin: 0 auto;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: var(--foreign-main-menu--main-menu-width);
  height: 100%;
  content: "";
  background-color: var(--foreign-main-menu--main-menu-color-surface);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list > ul {
  position: relative;
  padding: var(--foreign-padding-6) 0;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li {
  width: var(--foreign-main-menu--main-menu-width);
}
.foreign-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(--foreign-gap-4);
  padding: var(--foreign-main-menu--sub-trigger-padding-y) var(--foreign-main-menu--sub-trigger-padding-x);
  background-color: var(--foreign-main-menu--sub-trigger-color-action);
  font-size: var(--foreign-main-menu--sub-trigger-font-size);
  color: var(--foreign-main-menu--sub-trigger-color-text);
  text-align: left;
  transition: var(--foreign-transition-base);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after {
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  transition: var(--foreign-transition-base);
  transform: rotate(-90deg);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon {
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon {
  flex-shrink: 0;
  transition: var(--foreign-transition-base);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover, .foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {
  font-size: var(--foreign-main-menu--sub-trigger-font-size-active);
  font-weight: var(--foreign-font-weight-bold);
  background-color: var(--foreign-main-menu--sub-trigger-color-action-selected);
  color: var(--foreign-main-menu--sub-trigger-color-text-selected);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover .svg-icon, .foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active .svg-icon {
  background-color: var(--foreign-main-menu--sub-trigger-color-text-selected);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:active {
  font-size: var(--foreign-main-menu--sub-trigger-font-size-active);
  font-weight: var(--foreign-font-weight-bold);
  background: var(--foreign-main-menu--sub-trigger-color-action-pressed);
  color: var(--foreign-main-menu--sub-trigger-color-text-pressed);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:active .svg-icon {
  background-color: var(--foreign-main-menu--sub-trigger-color-text-pressed);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link {
  justify-content: flex-start;
  gap: var(--foreign-gap-3);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/shortcut.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: rotate(0);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link.external-link::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/open-new-window.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list {
  flex-direction: column;
  align-items: normal;
  gap: var(--foreign-gap-5);
  position: absolute;
  top: 0;
  left: var(--foreign-main-menu--main-menu-width);
  right: 0;
  display: none;
  min-height: 100%;
  padding: var(--foreign-main-menu--sub-menu-padding-y) var(--foreign-main-menu--sub-menu-padding-x);
}
.foreign-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(--foreign-gap-5);
}
.foreign-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(--foreign-gap-5);
  height: var(--foreign-main-menu--sub-menu-title-size-height);
  padding: 0 var(--foreign-padding-2);
  font-size: var(--foreign-main-menu--sub-menu-title-font-size);
  font-weight: var(--foreign-font-weight-bold);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--foreign-gap-7);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a,
.foreign-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(--foreign-gap-3);
  padding: var(--foreign-main-menu--sub-menu-trigger-color-padding-y) var(--foreign-main-menu--sub-menu-trigger-color-padding-x);
  background-color: var(--foreign-main-menu--sub-menu-color-action);
  border-radius: var(--foreign-main-menu--sub-menu-trigger-color-radius);
  font-size: var(--foreign-main-menu--sub-menu-trigger-color-font-size);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before,
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {
  flex: 0 0 0.4rem;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  margin-top: var(--foreign-padding-4);
  background-color: var(--foreign-light-color-text-basic);
  border-radius: var(--foreign-radius-max);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:hover,
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:hover {
  background-color: var(--foreign-main-menu--sub-menu-color-action-hover);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:active, .foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus,
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:active,
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {
  background-color: var(--foreign-main-menu--sub-menu-color-action-pressed);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus,
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.active,
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button.active {
  background-color: var(--foreign-main-menu--sub-menu-trigger-color-action-selected);
  color: var(--foreign-main-menu--sub-menu-trigger-color-text-selected);
  font-weight: var(--foreign-font-weight-bold);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.active::before,
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button.active::before {
  background-color: var(--foreign-main-menu--sub-menu-trigger-color-text-selected);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description {
  gap: var(--foreign-gap-9);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-2);
  padding: 0;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li::before {
  display: none;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit {
  font-size: var(--foreign-main-menu--sub-menu-description-title-font-size);
  font-weight: var(--foreign-font-weight-bold);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: auto;
  padding: var(--foreign-main-menu--sub-menu-description-title-padding);
  background-color: var(--foreign-main-menu--sub-menu-color-action);
  border-radius: var(--foreign-main-menu--sub-menu-description-title-radius);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a::before {
  display: none;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a:hover {
  background-color: var(--foreign-main-menu--sub-menu-color-action-hover);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a:active {
  background-color: var(--foreign-main-menu--sub-menu-color-action-pressed);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .txt {
  padding: var(--foreign-main-menu--sub-menu-description-description-color-padding-top) var(--foreign-main-menu--sub-menu-description-description-color-padding-x) 0;
  border-top: 0.1rem solid var(--foreign-main-menu--sub-menu-description-description-color-border);
  font-size: var(--foreign-main-menu--sub-menu-description-description-color-font-size);
  color: var(--foreign-main-menu--sub-menu-description-description-color-text);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-banner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-5);
  margin: 0;
  padding: var(--foreign-main-menu--banner-padding-y) var(--foreign-main-menu--banner-padding-x);
  border-radius: var(--foreign-main-menu--banner-radius);
  background: var(--foreign-main-menu--banner-background);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list.between {
  flex-direction: row;
  padding-right: 0;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-content > ul {
  grid-template-columns: repeat(2, 1fr);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: var(--foreign-main-menu--main-menu-width);
  gap: var(--foreign-gap-3);
  padding: var(--foreign-main-menu--column-banner-padding);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list {
  display: flex;
  position: static;
  padding: var(--foreign-main-menu--sub-menu-only-2depth-padding-y) 0;
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list .gnb-sub-content > ul {
  grid-template-columns: repeat(4, 1fr);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list.between .gnb-sub-content > ul {
  grid-template-columns: repeat(3, 1fr);
}
.foreign-main-menu .gnb-toggle-wrap .gnb-sub-list.active {
  display: flex;
}

.gnb-backdrop {
  --foreign-main-menu--color-dim: var(
    --foreign-light-color-background-dim
  );
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 60;
  background-color: var(--foreign-main-menu--color-dim);
}
.gnb-backdrop.active {
  display: block;
}

/* gnb mobile */
.foreign-main-menu-mobile {
  --foreign-main-menu--dim-transition: opacity 0.5s 0.1s;
  --foreign-main-menu--header-gap: var(--foreign-gap-5);
  --foreign-main-menu--header-padding-x: var(--foreign-padding-6);
  --foreign-main-menu--header-padding-top: var(--foreign-padding-6);
  --foreign-main-menu--header-padding-bottom: var(--foreign-padding-8);
  --foreign-main-menu--utils-gap-layout-li-li: var(--foreign-gap-5);
  --foreign-main-menu--utils-line-height: var(--foreign-size-height-2);
  --foreign-main-menu--login-gap: var(--foreign-gap-3);
  --foreign-main-menu--service-menu-gap-layout-menu: var(--foreign-gap-3);
  --foreign-main-menu--service-menu-gap-layout-icon-text: var(
    --foreign-gap-1
  );
  --foreign-main-menu--service-menu-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--service-menu-icon-size: var(
    --foreign-size-height-3
  );
  --foreign-main-menu--service-menu-border-radius: var(
    --foreign-radius-medium1
  );
  --foreign-main-menu--menu-left-width: 14rem;
  --foreign-main-menu--main-trigger-height: 5.8rem;
  --foreign-main-menu--main-trigger-padding-x: var(--foreign-padding-8);
  --foreign-main-menu--main-trigger-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--sub-menu-padding: var(
    --foreign-main-menu--header-padding-x
  );
  --foreign-main-menu--sub-list-padding-y: var(--foreign-padding-3);
  --foreign-main-menu--sub-title-font-size: var(
    --foreign-font-size-navigation-title-small
  );
  --foreign-main-menu--sub-title-padding-x: var(--foreign-padding-3);
  --foreign-main-menu--sub-title-padding-top: var(--foreign-padding-2);
  --foreign-main-menu--sub-title-padding-bottom: var(--foreign-padding-5);
  --foreign-main-menu--sub-menu-trigger-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--sub-menu-trigger-font-size-active: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-main-menu--sub-menu-trigger-padding-x: var(
    --foreign-padding-3
  );
  --foreign-main-menu--sub-menu-trigger-padding-y: var(
    --foreign-padding-5
  );
  --foreign-main-menu--sub-menu-trigger-border-radius: var(
    --foreign-radius-medium3
  );
  --foreign-main-menu--depth3-gap: var(--foreign-gap-3);
  --foreign-main-menu--depth3-sub-menu-gap: var(--foreign-gap-3);
  --foreign-main-menu--depth3-sub-menu-margin-top: var(--foreign-gap-3);
  --foreign-main-menu--depth3-sub-menu-padding-x: var(
    --foreign-padding-6
  );
  --foreign-main-menu--depth3-sub-menu-padding-y: var(
    --foreign-padding-4
  );
  --foreign-main-menu--depth3-sub-menu-border-radius: var(
    --foreign-radius-medium2
  );
  --foreign-main-menu--depth4-head-padding: var(--foreign-padding-6);
  --foreign-main-menu--depth4-body-padding-x: var(
    --foreign-main-menu--sub-menu-padding
  );
  --foreign-main-menu--depth4-sub-title: var(
    --foreign-main-menu--sub-title-font-size
  );
  --foreign-main-menu--depth4-sub-title-padding-x: var(
    --foreign-main-menu--sub-title-padding-x
  );
  --foreign-main-menu--depth4-sub-title-padding-top: var(
    --foreign-main-menu--sub-title-padding-top
  );
  --foreign-main-menu--depth4-sub-title-padding-bottom: var(
    --foreign-main-menu--sub-title-padding-bottom
  );
  --foreign-main-menu--depth4-list-gap: var(--foreign-gap-3);
  --foreign-main-menu--depth4-list-gap-layout-dot-text: var(
    --foreign-gap-2
  );
  --foreign-main-menu--depth4-list-li-border-radius: var(
    --foreign-main-menu--depth3-sub-menu-border-radius
  );
  --foreign-main-menu--depth4-list-li-padding-x: var(
    --foreign-main-menu--depth3-sub-menu-padding-x
  );
  --foreign-main-menu--depth4-list-li-padding-y: var(
    --foreign-main-menu--depth3-sub-menu-padding-y
  );
  --foreign-main-menu--tab-nav-menu-padding-x: var(
    --foreign-main-menu--header-padding-x
  );
  --foreign-main-menu--tab-nav-menu-padding-top: var(--foreign-padding-6);
  --foreign-main-menu--tab-nav-menu-margin-top: var(--foreign-padding-8);
  --foreign-main-menu--tab-nav-menu-margin-x: var(
    --foreign-main-menu--header-padding-x
  );
  --foreign-main-menu--tab-nav-menu-list-gap: var(--foreign-gap-3);
  --foreign-main-menu--tab-nav-menu-list-padding-bottom: var(
    --foreign-main-menu--tab-nav-menu-padding-top
  );
  --foreign-main-menu--tab-nav-main-trigger-height: var(
    --foreign-size-height-6
  );
  --foreign-main-menu--tab-nav-main-trigger-padding-x: var(
    --foreign-padding-4
  );
  --foreign-main-menu--tab-nav-main-trigger-border-radius: var(
    --foreign-radius-medium1
  );
  --foreign-main-menu--type-tab-sub-list-padding: var(
    --foreign-main-menu--header-padding-x
  );
  --foreign-main-menu--type-tab-gnb-header-border-bottom-width: 0.4rem;
  --foreign-main-menu--type-tab-sub-list-border-bottom-width: var(
    --foreign-main-menu--type-tab-gnb-header-border-bottom-width
  );
  --foreign-main-menu--type-tab-sub-list-border-bottom-color: var(
    --foreign-main-menu--header-color-border
  );
  --foreign-main-menu--type-tab-sub-banner-gap: var(--foreign-gap-5);
  --foreign-main-menu--type-tab-sub-banner-border-radius: var(
    --foreign-radius-medium3
  );
  --foreign-main-menu--type-tab-sub-banner-padding-x: var(
    --foreign-padding-6
  );
  --foreign-main-menu--type-tab-sub-banner-padding-y: var(
    --foreign-padding-2
  );
  --foreign-main-menu--color-dim: var(
    --foreign-light-color-background-dim
  );
  --foreign-main-menu--color-surface: var(
    --foreign-light-color-surface-white
  );
  --foreign-main-menu--header-border-width: var(
    --foreign-light-border-width-static-regular
  );
  --foreign-main-menu--header-color-border: var(
    --foreign-light-color-divider-gray-light
  );
  --foreign-main-menu--utils-line-width: var(
    --foreign-light-border-width-static-regular
  );
  --foreign-main-menu--utils-color-border: var(
    --foreign-light-color-border-gray-light
  );
  --foreign-main-menu--service-menu-color-icon: var(
    --foreign-light-color-icon-gray-fill
  );
  --foreign-main-menu--service-menu-color-action-active: var(
    --foreign-light-color-action-secondary-on-pressed
  );
  --foreign-main-menu--menu-color-surface: var(
    --foreign-light-color-surface-secondary-subtler
  );
  --foreign-main-menu--main-trigger-color-text-active: var(
    --foreign-light-color-text-secondary
  );
  --foreign-main-menu--main-trigger-color-action-active: var(
    --foreign-light-color-action-secondary-on-selected
  );
  --foreign-main-menu--main-trigger-color-action-pressed: var(
    --foreign-light-color-action-secondary-on-pressed
  );
  --foreign-main-menu--sub-menu-color-surface: var(
    --foreign-light-color-surface-white-subtle
  );
  --foreign-main-menu--sub-title-border-width: var(
    --foreign-light-border-width-static-regular
  );
  --foreign-main-menu--sub-title-color-border: var(
    --foreign-light-color-divider-gray
  );
  --foreign-main-menu--sub-menu-trigger-color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-main-menu--sub-menu-trigger-color-action-active: var(
    --foreign-light-color-action-secondary-selected
  );
  --foreign-main-menu--sub-menu-trigger-color-text: var(
    --foreign-light-color-text-secondary
  );
  --foreign-main-menu--depth3-sub-menu-color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-main-menu--depth3-sub-menu-color-action-active: var(
    --foreign-light-color-action-secondary-selected
  );
  --foreign-main-menu--depth4-color-surface: var(
    --foreign-light-color-surface-white-subtle
  );
  --foreign-main-menu--depth4-list-li-color-text-hover: var(
    --foreign-light-color-text-secondary
  );
  --foreign-main-menu--depth4-list-li-color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-main-menu--depth4-list-li-color-action-active: var(
    --foreign-light-color-action-secondary-selected
  );
  --foreign-main-menu--tab-nav-menu-border-top-width: var(
    --foreign-light-border-width-static-regular
  );
  --foreign-main-menu--tab-nav-menu-color-border-top: var(
    --foreign-light-color-divider-gray-light
  );
  --foreign-main-menu--tab-nav-main-trigger-color-action: var(
    --foreign-light-color-action-white
  );
  --foreign-main-menu--tab-nav-main-trigger-color-action-active: var(
    --foreign-light-color-action-secondary-selected
  );
  --foreign-main-menu--tab-nav-main-trigger-border-width: var(
    --foreign-light-border-width-static-regular
  );
  --foreign-main-menu--tab-nav-main-trigger-color-border: var(
    --foreign-light-color-border-gray
  );
  --foreign-main-menu--type-tab-menu-color-surface: var(
    --foreign-light-color-surface-white-subtle
  );
  --foreign-main-menu--type-tab-sub-banner-color-surface: var(
    --foreign-light-color-surface-gray-subtler
  );
  --foreign-main-menu--search-layer-body-background: var(
    --foreign-light-color-surface-gray-subtler
  );
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 100;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: var(--foreign-transition-base);
}
.foreign-main-menu-mobile::after {
  display: none;
  opacity: 0;
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--foreign-main-menu--color-dim);
  transition: var(--foreign-main-menu--dim-transition);
}
.foreign-main-menu-mobile.is-open {
  visibility: visible;
  right: 0;
}
.foreign-main-menu-mobile.is-open::after {
  opacity: 1;
}
.foreign-main-menu-mobile.is-backdrop::after {
  display: block;
}
.foreign-main-menu-mobile .gnb-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  height: 100%;
  background-color: var(--foreign-main-menu--color-surface);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-main-menu--header-gap);
  padding: var(--foreign-main-menu--header-padding-top) var(--foreign-main-menu--header-padding-x);
  border-bottom: var(--foreign-main-menu--header-border-width) solid var(--foreign-main-menu--header-color-border);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list > li:not(:first-child) {
  margin-left: var(--foreign-main-menu--utils-gap-layout-li-li);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list > li:not(:first-child)::before {
  content: "";
  width: var(--foreign-main-menu--utils-line-width);
  height: var(--foreign-main-menu--utils-line-height);
  margin-right: var(--foreign-main-menu--utils-gap-layout-li-li);
  background-color: var(--foreign-main-menu--utils-color-border);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .logo {
  gap: var(--foreign-main-menu--header-gap);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--foreign-main-menu--service-menu-gap-layout-menu);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--foreign-main-menu--service-menu-gap-layout-icon-text);
  font-size: var(--foreign-main-menu--service-menu-font-size);
  font-weight: var(--foreign-font-weight-bold);
  width: 8rem;
  height: 5.6rem;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link::before {
  display: inline-flex;
  content: "";
  width: var(--foreign-main-menu--service-menu-icon-size);
  height: var(--foreign-main-menu--service-menu-icon-size);
  background-color: var(--foreign-main-menu--service-menu-color-icon);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link:active {
  border-radius: var(--foreign-main-menu--service-menu-border-radius);
  background-color: var(--foreign-main-menu--service-menu-color-action-active);
  transition: var(--foreign-transition-base);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu {
  display: flex;
  position: relative;
  background-color: var(--foreign-main-menu--menu-color-surface);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  top: 0;
  left: 0;
  width: var(--foreign-main-menu--menu-left-width);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: var(--foreign-main-menu--main-trigger-height);
  padding: 1.2rem var(--foreign-main-menu--main-trigger-padding-x);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger, .foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger > * {
  font-size: var(--foreign-main-menu--main-trigger-font-size);
  font-weight: var(--foreign-font-weight-bold);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
  background-color: var(--foreign-main-menu--main-trigger-color-action-pressed);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger.active {
  color: var(--foreign-main-menu--main-trigger-color-text-active);
  background-color: var(--foreign-main-menu--main-trigger-color-action-active);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  background-color: var(--foreign-main-menu--sub-menu-color-surface);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {
  padding: var(--foreign-main-menu--sub-menu-padding);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul {
  padding: var(--foreign-main-menu--sub-list-padding-y) 0;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  font-size: var(--foreign-main-menu--sub-title-font-size);
  font-weight: var(--foreign-font-weight-bold);
  padding: var(--foreign-main-menu--sub-title-padding-top) var(--foreign-main-menu--sub-title-padding-x) var(--foreign-main-menu--sub-title-padding-bottom);
  border-bottom: var(--foreign-main-menu--sub-title-border-width) solid var(--foreign-main-menu--sub-title-color-border);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: var(--foreign-main-menu--sub-menu-trigger-padding-y) var(--foreign-main-menu--sub-menu-trigger-padding-x);
  font-size: var(--foreign-main-menu--sub-menu-trigger-font-size);
  border-radius: var(--foreign-main-menu--sub-menu-trigger-border-radius);
  transition: var(--foreign-transition-base);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover {
  background-color: var(--foreign-main-menu--sub-menu-trigger-color-action-hover);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.selected {
  color: var(--foreign-main-menu--sub-menu-trigger-color-text);
  font-size: var(--foreign-main-menu--sub-menu-trigger-font-size-active);
  font-weight: var(--foreign-font-weight-bold);
  background-color: var(--foreign-main-menu--sub-menu-trigger-color-action-active);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after {
  content: "";
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  flex-shrink: 0;
  margin-left: auto;
  transition: var(--foreign-transition-base);
  transform: rotate(0deg);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active {
  background-color: var(--foreign-main-menu--depth3-sub-menu-color-action-active);
  color: var(--foreign-main-menu--sub-menu-trigger-color-text);
  font-weight: var(--foreign-font-weight-bold);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active::after {
  transform: rotate(180deg);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  margin-top: var(--foreign-main-menu--depth3-sub-menu-margin-top);
  transition: var(--foreign-transition-base);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap > ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-main-menu--depth3-gap);
  overflow: hidden;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap.is-open {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-main-menu--depth3-sub-menu-gap);
  padding: var(--foreign-main-menu--depth3-sub-menu-padding-y) var(--foreign-main-menu--depth3-sub-menu-padding-x);
  border-radius: var(--foreign-main-menu--depth3-sub-menu-border-radius);
  transition: var(--foreign-transition-base);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger::before {
  content: "•";
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:hover {
  background-color: var(--foreign-main-menu--depth3-sub-menu-color-action-hover);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:active {
  background-color: var(--foreign-main-menu--depth3-sub-menu-color-action-active);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.selected {
  color: var(--foreign-main-menu--sub-menu-trigger-color-text);
  font-weight: var(--foreign-font-weight-bold);
  background-color: var(--foreign-main-menu--sub-menu-trigger-color-action-active);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after {
  content: "";
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  flex-shrink: 0;
  margin-left: auto;
  transform: rotate(-90deg);
}
.foreign-main-menu-mobile .gnb-wrap .gnb-body .gnb-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-5);
  padding: var(--foreign-padding-6);
}
.foreign-main-menu-mobile .gnb-wrap #close-nav {
  position: absolute;
  top: var(--foreign-main-menu--header-padding-top);
  right: var(--foreign-main-menu--header-padding-x);
}

html:lang(en) .foreign-main-menu {
  word-break: break-word;
}

@media (min-width: 1024px) {
  .foreign-main-menu-mobile {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .foreign-main-menu-mobile .gnb-wrap {
    width: 70%;
  }
}
@media (max-width: 1023px) {
  .foreign-main-menu {
    display: none;
  }
  .is-gnb-mobile {
    overflow: hidden;
  }
  .gnb-backdrop {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .foreign-main-menu-mobile .gnb-wrap {
    width: 100%;
  }
}
/* 공식 배너 */
#foreign-masthead {
  --foreign-masthead--color-surface: var(
    --foreign-light-color-surface-secondary-subtler
  );
  --foreign-masthead--inner-gap-y: var(--foreign-gap-2);
  --foreign-masthead--inner-gap-x: var(--foreign-gap-5);
  --foreign-masthead--inner-min-size-height: var(--foreign-size-height-5);
  --foreign-masthead--inner-padding-y: var(--foreign-padding-2);
  --foreign-masthead--font-size: var(--foreign-font-size-body-small);
  --foreign-masthead--font-size: var(--foreign-font-size-body-small);
}
@media (max-width: 1023px) {
  #foreign-masthead {
    --foreign-masthead--inner-padding-y: 0;
  }
}
#foreign-masthead {
  position: relative;
  z-index: 70;
  background-color: var(--foreign-masthead--color-surface);
}
#foreign-masthead .toggle-head .inner {
  position: relative;
  gap: var(--foreign-masthead--inner-gap-y) var(--foreign-masthead--inner-gap-x);
  min-height: var(--foreign-masthead--inner-min-size-height);
  padding-top: var(--foreign-masthead--inner-padding-y);
  padding-bottom: var(--foreign-masthead--inner-padding-y);
}
#foreign-masthead .toggle-head .nuri-txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-3);
  font-size: var(--foreign-masthead--font-size);
  word-break: break-all;
}
#foreign-masthead .toggle-head .nuri-txt::before {
  content: "";
  display: inline-flex;
  width: var(--foreign-icon--size-large);
  height: var(--foreign-icon--size-large);
  background-color: transparent !important;
  forced-color-adjust: none;
}
#foreign-masthead .toggle-head .nuri-txt::before.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
#foreign-masthead .toggle-head .nuri-txt::before.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
#foreign-masthead .toggle-head .nuri-txt::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/flag.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#foreign-masthead .toggle-body {
  height: 0;
  transition: var(--foreign-transition-base);
  overflow: hidden;
}
#foreign-masthead .inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

/* 사이드 메뉴 */
.foreign-side-navigation {
  --foreign-side-navigation--padding: var(--foreign-padding-10);
  --foreign-side-navigation--title-padding-x: var(--foreign-padding-3);
  --foreign-side-navigation--title-padding-bottom: var(
    --foreign-padding-6
  );
  --foreign-side-navigation--title-font-size: var(
    --foreign-font-size-navigation-title-medium
  );
  --foreign-side-navigation--btn-gap: var(--foreign-gap-3);
  --foreign-side-navigation--btn-padding-x: var(--foreign-padding-3);
  --foreign-side-navigation--btn-padding-y: var(--foreign-padding-6);
  --foreign-side-navigation--btn-padding-y-selected: var(
    --foreign-padding-3
  );
  --foreign-side-navigation--btn-font-size: var(
    --foreign-font-size-navigation-depth-medium
  );
  --foreign-side-navigation--3depth-padding-y: var(--foreign-padding-3);
  --foreign-side-navigation--3depth-btn-padding-x: var(
    --foreign-padding-6
  );
  --foreign-side-navigation--3depth-btn-padding-y: var(
    --foreign-padding-3
  );
  --foreign-side-navigation--3depth-btn-radius: var(
    --foreign-radius-medium2
  );
  --foreign-side-navigation--4depth-padding: var(--foreign-padding-6);
  --foreign-side-navigation--4depth-title-padding: var(
    --foreign-padding-3
  );
  --foreign-side-navigation--4depth-title-radius: var(
    --foreign-radius-medium3
  );
  --foreign-side-navigation--4depth-title-font-size: var(
    --foreign-font-size-navigation-title-medium
  );
  --foreign-side-navigation--title-color-border: var(
    --foreign-light-color-divider-gray
  );
  --foreign-side-navigation--title-border-width: var(
    --foreign-light-border-width-static-regular
  );
  --foreign-side-navigation--color-action: var(
    --foreign-light-color-action-secondary
  );
  --foreign-side-navigation--color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-side-navigation--color-action-pressed: var(
    --foreign-light-color-action-secondary-pressed
  );
  --foreign-side-navigation--color-action-selected: var(
    --foreign-light-color-action-secondary-selected
  );
  --foreign-side-navigation--color-border: var(
    --foreign-light-color-divider-gray-light
  );
  --foreign-side-navigation--color-text-selected: var(
    --foreign-light-color-text-secondary
  );
  --foreign-side-navigation--color-border-selected: var(
    --foreign-light-color-action-secondary-active
  );
  --foreign-side-navigation--item-color-border: var(
    --foreign-light-color-divider-gray-light
  );
  --foreign-side-navigation--item-color-border-selected: var(
    --foreign-light-color-border-gray
  );
  --foreign-side-navigation--item-border-width: var(
    --foreign-light-border-width-static-regular
  );
  --foreign-side-navigation--2depth-btn-color-border: var(
    --foreign-light-color-border-secondary
  );
  --foreign-side-navigation--4depth-color-border: var(
    --foreign-light-color-border-gray
  );
  --foreign-side-navigation--4depth-background: var(
    --foreign-light-color-background-white
  );
  position: relative;
  overflow: hidden;
  padding: var(--foreign-side-navigation--padding) 0;
}
.foreign-side-navigation .lnb-tit {
  font-size: var(--foreign-side-navigation--title-font-size);
  font-weight: var(--foreign-font-weight-bold);
  padding: 0 var(--foreign-side-navigation--title-padding-x) var(--foreign-side-navigation--title-padding-bottom) var(--foreign-side-navigation--title-padding-x);
  border-bottom: var(--foreign-side-navigation--title-border-width) solid var(--foreign-side-navigation--title-color-border);
}
.foreign-side-navigation .lnb-list .lnb-item {
  border-bottom: var(--foreign-side-navigation--item-border-width) solid var(--foreign-side-navigation--item-color-border);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-btn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-side-navigation--btn-gap);
  position: relative;
  width: 100%;
  background-color: var(--foreign-side-navigation--color-action);
  padding: var(--foreign-side-navigation--btn-padding-y) var(--foreign-side-navigation--btn-padding-x);
  font-size: var(--foreign-side-navigation--btn-font-size);
  font-weight: var(--foreign-font-weight-bold);
  line-height: 2.6rem;
  text-align: left;
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-btn:hover {
  background-color: var(--foreign-side-navigation--color-action-hover);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-btn:active {
  background-color: var(--foreign-side-navigation--color-action-pressed);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-btn:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-btn.selected {
  background-color: var(--foreign-side-navigation--color-action-selected);
  color: var(--foreign-side-navigation--color-text-selected);
}
.foreign-side-navigation .lnb-list .lnb-item [class*=lnb-toggle]::after {
  content: "";
  flex-shrink: 0;
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.foreign-side-navigation .lnb-list .lnb-item [class*=lnb-toggle]::after.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-side-navigation .lnb-list .lnb-item [class*=lnb-toggle]::after.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-side-navigation .lnb-list .lnb-item [class*=lnb-toggle]::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-top: var(--foreign-padding-1);
  margin-left: auto;
  transition: var(--foreign-transition-base);
  transform: rotate(0deg);
}
.foreign-side-navigation .lnb-list .lnb-item [class*=lnb-toggle][aria-expanded=true]::after {
  transform: rotate(180deg);
}
.foreign-side-navigation .lnb-list .lnb-item [class*=lnb-toggle].selected::after {
  transform: rotate(180deg);
}
.foreign-side-navigation .lnb-list .lnb-item [class*=lnb-toggle].selected::before {
  left: 0;
  width: 100%;
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: var(--foreign-transition-base);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu > ul {
  padding: 0;
  overflow: hidden;
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn {
  padding: var(--foreign-side-navigation--3depth-btn-padding-y) var(--foreign-side-navigation--3depth-btn-padding-x);
  border-radius: var(--foreign-side-navigation--3depth-btn-radius);
  font-weight: var(--foreign-font-weight-regular);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn::before {
  content: "•";
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn.selected {
  color: var(--foreign-side-navigation--color-text-selected);
  font-weight: var(--foreign-font-weight-bold);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: var(--foreign-side-navigation--4depth-background);
  transition: var(--foreign-transition-base);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2.active {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 > ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  padding: var(--foreign-side-navigation--4depth-padidng) 0;
  border-top: 0.1rem solid var(--foreign-side-navigation--4depth-color-border);
  border-bottom: 0.1rem solid var(--foreign-side-navigation--4depth-color-border);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--foreign-gap-2);
  width: 100%;
  padding: var(--foreign-side-navigation--4depth-title-padding) !important;
  margin-bottom: var(--foreign-padding-3);
  font-size: var(--foreign-side-navigation--4depth-title-font-size);
  font-weight: var(--foreign-font-weight-bold);
  text-align: left;
  border-radius: var(--foreign-side-navigation--4depth-title-radius);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before {
  content: "";
  display: inline-flex;
  width: var(--foreign-icon--size-large);
  height: var(--foreign-icon--size-large);
  forced-color-adjust: none;
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: rotate(90deg);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:hover {
  background-color: var(--foreign-side-navigation--color-action-hover);
}
.foreign-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:active {
  background-color: var(--foreign-side-navigation--color-action-pressed);
}
.foreign-side-navigation .lnb-list .lnb-item.active {
  border-bottom-color: var(--foreign-side-navigation--item-color-border-selected);
}
.foreign-side-navigation .lnb-list .lnb-item.active .lnb-submenu {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  padding: var(--foreign-side-navigation--3depth-padding-y) 0;
}
.foreign-side-navigation .lnb-list > li > .lnb-btn::before {
  display: inline-flex;
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0%;
  width: 0;
  height: 0.3rem;
  background-color: var(--foreign-side-navigation--color-border-selected);
  transition: var(--foreign-transition-base);
}
.foreign-side-navigation .lnb-list > li > .lnb-btn:hover::before {
  left: 0;
  width: 100%;
}
.foreign-side-navigation .lnb-list > li > .lnb-btn.active:not(.lnb-toggle)::before {
  left: 0;
  width: 100%;
}

html:lang(en) .foreign-side-navigation {
  word-break: break-word;
}

/* 건너뛰기 링크 */
#foreign-skip-link {
  --foreign-skip-link--font-size: var(--foreign-font-size-body-small);
  --foreign-skip-link--color-background: var(
    --foreign-light-color-background-inverse
  );
  --foreign-skip-link-color-text: var(
    --foreign-light-color-text-basic-inverse
  );
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  text-align: center;
  background-color: var(--foreign-skip-link--color-background);
}
#foreign-skip-link a:not(:focus) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#foreign-skip-link a:focus {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
  font-size: var(--foreign-skip-link--font-size);
  color: var(--foreign-skip-link-color-text);
  width: 100%;
  height: var(--foreign-size-height-5);
  margin: 0 auto;
  text-align: center;
}

/* 구조화 목록 */
@media (max-width: 767px) {
  .foreign-structured-list {
    --foreign-structured-list--wrap-gap: var(--foreign-gap-5);
  }
}
.foreign-structured-list {
  --foreign-structured-list--list-color-divider: var(
    --foreign-light-color-divider-gray
  );
  --foreign-structured-list--border-width: var(
    --foreign-light-border-width-variable-regular
  );
}
.foreign-structured-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--foreign-structured-list--wrap-gap);
}
.foreign-structured-list.line {
  border-width: var(--foreign-structured-list--border-width) 0;
  border-style: solid;
  border-color: var(--foreign-structured-list--list-color-divider);
}
.foreign-structured-list.line > li {
  padding: var(--foreign-padding-8) 0;
  border: none;
}
.foreign-structured-list.line + .info-box {
  margin-top: var(--foreign-gap-3);
}
.foreign-structured-list .info-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-7);
}
.foreign-structured-list .info-item dt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-4);
  font-size: var(--foreign-font-size-heading-medium);
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-light-color-text-bolder);
}
.foreign-structured-list .info-item dt .svg-icon {
  width: 5.2rem;
  height: 5.2rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .foreign-structured-list.line {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .foreign-structured-list {
    grid-template-columns: 1fr;
  }
}
/* 테이블 */
.foreign-table-wrap {
  --foreign-table--data-thead-th-padding: var(--foreign-padding-3);
  --foreign-table--data-thead-th-padding-sides: var(--foreign-padding-6);
  --foreign-table--data-thead-font-size: var(
    --foreign-font-size-heading-xxsmall
  );
  --foreign-table--data-thead-font-size: var(
    --foreign-font-size-heading-xxsmall
  );
  --foreign-table--data-tbody-font-size: var(
    --foreign-font-size-label-medium
  );
  --foreign-table--data-tbody-font-size: var(
    --foreign-font-size-label-medium
  );
  --foreign-table--data-tbody-padding: var(--foreign-padding-5);
  --foreign-table--data-tbody-padding-sides: var(--foreign-padding-6);
  --foreign-table--data-border-width: var(
    --foreign-light-border-width-variable-regular
  );
  --foreign-table--data-thead-border: var(
    --foreign-light-color-border-secondary-light
  );
  --foreign-table--data-thead-surface: var(
    --foreign-light-color-surface-secondary-subtler
  );
  --foreign-table--data-thead-color-text: var(
    --foreign-light-color-text-bolder
  );
  --foreign-table--data-tbody-color-surface: var(
    --foreign-light-color-surface-white-subtle
  );
  --foreign-table--data-tbody-color-divider: var(
    --foreign-light-color-divider-gray-light
  );
  --foreign-table--data-tbody-color-text: var(
    --foreign-light-color-text-subtle
  );
  width: 100%;
}
.foreign-table-wrap.scroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.foreign-table-wrap.scroll .table-type {
  width: 100%;
}

.table-type.data col.more {
  width: 14.5rem;
}
.table-type.data th,
.table-type.data td {
  vertical-align: middle;
}
.table-type.data thead th {
  padding: var(--foreign-table--data-thead-th-padding) var(--foreign-table--data-thead-th-padding-sides);
  background-color: var(--foreign-table--data-thead-surface);
  border-bottom: var(--foreign-table--data-border-width) solid var(--foreign-table--data-thead-border);
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-table--data-thead-font-size);
  color: var(--foreign-table--data-thead-color-text);
  text-align: left;
  word-break: break-word;
}
.table-type.data thead .center {
  text-align: center;
}
.table-type.data thead .center th {
  text-align: center;
}
.table-type.data tbody th,
.table-type.data tbody td {
  padding: var(--foreign-table--data-tbody-padding) var(--foreign-table--data-tbody-padding-sides);
  background-color: var(--foreign-table--data-tbody-color-surface);
  border-bottom: var(--foreign-table--data-border-width) solid var(--foreign-table--data-tbody-color-divider);
  font-size: var(--foreign-table--data-tbody-font-size);
  color: var(--foreign-table--data-tbody-color-text);
  font-weight: var(--foreign-font-weight-regular);
  text-align: left;
}
.table-type.data tbody th.center .item,
.table-type.data tbody td.center .item {
  align-items: center;
}
.table-type.list > li:not(:first-child) {
  margin-top: var(--foreign-padding-8);
}
.table-type.list dl {
  display: grid;
  grid-template-columns: 18rem 1fr;
  gap: 0 var(--foreign-gap-7);
  font-size: var(--foreign-font-size-body-medium);
  word-break: break-word;
}
.table-type.list dl dt {
  font-size: var(--foreign-font-size-heading-xsmall);
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-light-color-text-bolder);
}
.table-type.list dl dd .item .item-tit {
  font-size: var(--foreign-font-size-heading-xsmall);
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-light-color-text-bolder);
}
.table-type.list + .info-box {
  margin-top: var(--foreign-padding-9);
}
.table-type .foreign-btn:not(.link) {
  height: auto;
  min-height: var(--foreign-button--size-height-small);
  word-break: break-word;
}

.conts-box {
  padding: var(--foreign-padding-8) 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--foreign-color-light-gray-30);
}

.item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-4);
}
.item + .item {
  margin-top: var(--foreign-gap-4);
}
.item > *:not(.foreign-btn) {
  width: 100%;
}
.item + .item-desc {
  margin-top: var(--foreign-gap-4);
}

.sub-txt + .table-type.list {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .foreign-table-wrap {
    overflow-x: auto;
    width: calc(100vw - var(--foreign-contents-padding-x) * 2);
  }
  .foreign-table-wrap.mo-scroll {
    width: 100%;
  }
  .foreign-table-wrap.mo-scroll th,
  .foreign-table-wrap.mo-scroll td {
    white-space: nowrap;
  }
  .table-type.data col {
    width: inherit !important;
  }
  .table-type.data thead {
    display: none;
  }
  .table-type.data tbody {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 24px;
  }
  .table-type.data tbody tr {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
  }
  .table-type.data tbody th,
  .table-type.data tbody td {
    display: grid;
    grid-template-columns: 10.5rem 1fr;
    width: 100%;
    padding: 0;
    border: none;
  }
  .table-type.data tbody th.center .item,
  .table-type.data tbody td.center .item {
    align-items: flex-start;
  }
  .table-type.data tbody th .item,
  .table-type.data tbody td .item {
    justify-content: center;
    padding: var(--foreign-table--data-tbody-padding) var(--foreign-table--data-tbody-padding-sides);
    border-bottom: var(--foreign-table--data-border-width) solid var(--foreign-table--data-tbody-color-divider);
  }
  .table-type.data tbody th .item .foreign-btn,
  .table-type.data tbody td .item .foreign-btn {
    height: var(--foreign-button--size-height-xsmall);
    padding: var(--foreign-button--padding-y-xsmall) var(--foreign-button--padding-x-xsmall);
  }
  .table-type.data tbody th::before,
  .table-type.data tbody td::before {
    content: attr(data-label);
    display: inline-flex;
    align-items: center;
    padding: var(--foreign-table--data-tbody-padding) var(--foreign-table--data-tbody-padding-sides);
    background-color: var(--foreign-table--data-thead-surface);
    border-bottom: var(--foreign-table--data-border-width) solid var(--foreign-table--data-thead-border);
    font-size: var(--foreign-font-size-heading-xxsmall);
    font-weight: var(--foreign-font-weight-bold);
    color: var(--foreign-light-color-text-bolder);
    background: var(--foreign-light-color-surface-secondary-subtler);
    word-break: break-word;
  }
  .table-type.list dl {
    grid-template-columns: 8.6rem 1fr;
  }
}
/* 탭 */
.foreign-tab-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-9);
  width: 100%;
}
@media (max-width: 767px) {
  .foreign-tab-area {
    gap: var(--foreign-gap-8);
  }
}

.tab {
  --foreign-tab--button-size-height: var(--foreign-size-height-7);
  --foreign-tab--button-size-min-width: 6.4rem;
  --foreign-tab--button-font-size: var(
    --foreign-font-size-heading-xsmall
  );
  --foreign-tab--gap: var(--foreign-gap-3);
  --foreign-tab--full-button-size-height: var(--foreign-size-height-8);
  --foreign-tab--full-button-font-size: var(
    --foreign-font-size-heading-small
  );
  --foreign-tab--line-button-padding: var(--foreign-padding-2);
  --foreign-tab--fill-button-padding: var(--foreign-padding-3);
  --foreign-tab--fill-button-radius: var(--foreign-radius-medium3);
  --foreign-tab--conts-padding-top: var(--foreign-padding-10);
  --foreign-tab--mobile-button-trigger-size-height: var(
    --foreign-size-height-7
  );
  --foreign-tab--mobile-button-trigger-padding-x: var(
    --foreign-padding-6
  );
  --foreign-tab--mobile-button-trigger-radius: var(
    --foreign-radius-medium1
  );
}
@media (max-width: 767px) {
  .tab {
    --foreign-tab--full-button-font-size: var(
      --foreign-font-size-heading-xsmall
    );
  }
}
.tab {
  --foreign-tab--button-color-action: var(
    --foreign-light-color-action-secondary
  );
  --foreign-tab--button-color-action-hover: var(
    --foreign-light-color-action-secondary-hover
  );
  --foreign-tab--button-color-action-pressed: var(
    --foreign-light-color-action-secondary-pressed
  );
  --foreign-tab--button-color-border: var(
    --foreign-light-color-action-secondary
  );
  --foreign-tab--button-color-text: var(
    --foreign-light-color-text-subtle
  );
  --foreign-tab--button-color-text-disabled: var(
    --foreign-light-color-text-disabled
  );
  --foreign-tab--fill-button-color-action-active: var(
    --foreign-light-color-action-secondary-active
  );
  --foreign-tab--fill-button-color-border: var(
    --foreign-light-color-border-gray
  );
  --foreign-tab--fill-button-color-border-active: var(
    --foreign-light-color-action-secondary-active
  );
  --foreign-tab--fill-button-color-text: var(
    --foreign-light-color-text-inverse-static
  );
  --foreign-tab--line-button-color-border: var(
    --foreign-light-color-border-gray
  );
  --foreign-tab--line-button-color-line-active: var(
    --foreign-light-color-action-secondary-active
  );
  --foreign-tab--line-button-color-text-active: var(
    --foreign-light-color-text-secondary
  );
  --foreign-tab--mobile-button-trigger-color-text: var(
    --foreign-light-color-text-inverse-static
  );
  --foreign-tab--mobile-button-trigger-color-action: var(
    --foreign-light-color-action-secondary-active
  );
}
.tab > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-tab--gap);
  overflow-x: auto;
  width: 100%;
}
.tab li,
.tab .btn-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  white-space: nowrap;
}
.tab .btn-tab {
  width: 100%;
  height: var(--foreign-tab--button-size-height);
  background-color: var(--foreign-tab--button-color-action);
  border: 1px solid var(--foreign-tab--button-color-border);
  font-size: var(--foreign-tab--button-font-size);
  color: var(--foreign-tab--button-color-text);
  font-weight: var(--foreign-font-weight-bold);
  transition: var(--foreign-transition-base);
}
.tab .btn-tab:not(:disabled):hover {
  background-color: var(--foreign-tab--button-color-action-hover);
  transition: var(--foreign-transition-base);
}
.tab .btn-tab:not(:disabled):active {
  background-color: var(--foreign-tab--button-color-action-pressed);
  transition: var(--foreign-transition-base);
}
.tab .btn-tab:focus {
  box-shadow: var(--foreign-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.tab .btn-tab[disabled] {
  color: var(--foreign-tab--button-color-text-disabled);
  cursor: default;
}
.tab li {
  flex-grow: 0;
}
.tab.full {
  width: 100%;
}
.tab.full .btn-tab {
  height: var(--foreign-tab--full-button-size-height);
  padding: 0;
  font-size: var(--foreign-tab--full-button-font-size);
}
.tab.full > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
  width: 100%;
  gap: 0;
}
.tab.full > ul > li {
  flex: 1 1 0px;
  min-width: 0;
}
.tab.fill .btn-tab {
  padding: 0 var(--foreign-tab--fill-button-padding);
  border-radius: var(--foreign-tab--fill-button-radius);
}
.tab.fill .btn-tab:focus {
  box-shadow: inset 0 0 0 0.6rem var(--foreign-light-color-border-primary);
  outline-offset: -0.4rem;
}
.tab.fill .active .btn-tab {
  background-color: var(--foreign-tab--fill-button-color-action-active);
  border-color: var(--foreign-tab--fill-button-color-border-active) !important;
  color: var(--foreign-tab--fill-button-color-text);
}
.tab.fill.full .btn-tab {
  border-color: var(--foreign-tab--fill-button-color-border);
}
.tab.fill.full > ul > li + li .btn-tab {
  border-left: none;
}
.tab.fill.full > ul > li .btn-tab {
  border-radius: 0;
}
.tab.fill.full > ul > li:first-of-type .btn-tab {
  border-top-left-radius: var(--foreign-tab--fill-button-radius);
  border-bottom-left-radius: var(--foreign-tab--fill-button-radius);
}
.tab.fill.full > ul > li:last-of-type .btn-tab {
  border-top-right-radius: var(--foreign-tab--fill-button-radius);
  border-bottom-right-radius: var(--foreign-tab--fill-button-radius);
}
.tab.line .btn-tab {
  min-width: var(--foreign-tab--button-size-min-width);
  padding: 0 var(--foreign-tab--line-button-padding);
}
.tab.line .btn-tab:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 0;
  height: 0.4rem;
  background-color: var(--foreign-tab--line-button-color-line-active);
  transition: var(--foreign-transition-base);
}
.tab.line .active .btn-tab {
  color: var(--foreign-tab--line-button-color-text-active);
}
.tab.line .active .btn-tab:before {
  position: absolute;
  left: 0;
  width: 100%;
}
.tab.line.full .btn-tab {
  border: 0;
  border-bottom: 2px solid var(--foreign-tab--line-button-color-border);
}
.tab.line.full .btn-tab:before {
  bottom: -0.2rem;
}

.tab-conts-wrap {
  width: 100%;
}

.tab-conts {
  display: none;
  margin-top: var(--foreign-tab--conts-padding-top);
}
.tab-conts.active {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}

@media (max-width: 767px) {
  .tab-conts.active {
    gap: var(--foreign-padding-8);
  }
  .tab.fill.full .btn-tab {
    border-color: var(--foreign-tab--fill-button-color-border);
    padding: 0 var(--foreign-padding-5);
    border-width: 0;
  }
  .tab.fill.full > ul {
    gap: var(--foreign-gap-3);
    flex-wrap: nowrap;
  }
  .tab.fill.full > ul > li {
    width: fit-content;
    flex: none;
  }
  .tab.fill.full > ul > li .btn-tab {
    border-radius: var(--foreign-tab--fill-button-radius);
  }
}
/* 텍스트 목록 */
.foreign-info-list {
  --foreign-info-list--depth1-list-margin-top: 0;
  --foreign-info-list--depth2-list-margin-top: var(--foreign-gap-4);
  --foreign-info-list--depth3-list-margin-top: var(--foreign-gap-4);
  --foreign-info-list--depth1-padding-left: var(--foreign-number-12);
  --foreign-info-list--depth2-padding-left: var(--foreign-number-10);
  --foreign-info-list--depth3-padding-left: var(--foreign-number-9);
  --foreign-info-list--depth1-padding-left-sm: var(--foreign-number-11);
  --foreign-info-list--gap-layout-depth1-li-li: var(--foreign-gap-4);
  --foreign-info-list--gap-layout-depth2-li-li: var(--foreign-gap-3);
  --foreign-info-list--gap-layout-depth1-li-li-sm: var(--foreign-gap-2);
  --foreign-info-list--text-depth1: var(--foreign-font-size-body-medium);
  --foreign-info-list--text-depth2: var(--foreign-font-size-body-medium);
  --foreign-info-list--text-depth3: var(--foreign-font-size-body-small);
  --foreign-info-list--sub-text-margin-top: var(--foreign-number-7);
  --foreign-info-list--depth1-color-text: var(
    --foreign-light-color-text-subtle
  );
  --foreign-info-list--depth2-color-text: var(
    --foreign-light-color-text-subtle
  );
  --foreign-info-list--depth3-color-text: var(
    --foreign-light-color-text-subtle
  );
  display: flex;
  flex-direction: column;
  gap: var(--foreign-info-list--gap-layout-depth1-li-li);
  margin-top: var(--foreign-info-list--depth1-list-margin-top);
}
.foreign-info-list > li {
  position: relative;
  padding-left: var(--foreign-info-list--depth1-padding-left);
  color: var(--foreign-info-list--depth1-color-text);
  font-size: var(--foreign-info-list--text-depth1);
}
.foreign-info-list > li::before {
  position: absolute;
  top: 0;
  left: 0;
}
.foreign-info-list > li > .foreign-info-list {
  gap: var(--foreign-info-list--gap-layout-depth2-li-li);
  margin-top: var(--foreign-info-list--depth2-list-margin-top);
}
.foreign-info-list > li > .foreign-info-list > li {
  padding-left: var(--foreign-info-list--depth2-padding-left);
  font-size: var(--foreign-info-list--text-depth2);
}
.foreign-info-list > li > .foreign-info-list > li > .foreign-info-list {
  margin-top: var(--foreign-info-list--depth3-list-margin-top);
}
.foreign-info-list > li > .foreign-info-list > li > .foreign-info-list > li {
  margin-left: var(--foreign-info-list--gap-layout-depth2-li-li);
  padding-left: var(--foreign-info-list--depth3-padding-left);
  font-size: var(--foreign-info-list--text-depth3);
}
.foreign-info-list > li > .sub-text {
  margin-top: var(--foreign-info-list--sub-text-margin-top);
}
.foreign-info-list.decimal > li::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  content: "";
  background-color: var(--foreign-info-list--depth1-color-text);
  border-radius: var(--foreign-radius-max);
  top: 1rem;
  left: 0.8rem;
}
.foreign-info-list.decimal > li .btn-wrap {
  margin: var(--foreign-padding-5) 0 var(--foreign-padding-2);
}
.foreign-info-list.decimal.small {
  gap: var(--foreign-info-list--gap-layout-depth1-li-li-sm);
}
.foreign-info-list.decimal.small > li {
  padding-left: var(--foreign-info-list--depth1-padding-left-sm);
}
.foreign-info-list.decimal.small > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  content: "";
  top: 1.1rem;
  left: 1.1rem;
}
.foreign-info-list.dash {
  gap: var(--foreign-info-list--gap-layout-depth2-li-li);
}
.foreign-info-list.dash > li {
  padding-left: var(--foreign-info-list--depth2-padding-left);
  color: var(--foreign-info-list--depth2-color-text);
}
.foreign-info-list.dash > li::before {
  content: "-";
}
.foreign-info-list.hollow {
  gap: var(--foreign-info-list--gap-layout-depth2-li-li);
}
.foreign-info-list.hollow > li {
  padding-left: var(--foreign-info-list--depth3-padding-left);
  color: var(--foreign-info-list--depth3-color-text);
}
.foreign-info-list.hollow > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  content: "";
  border: 0.1rem solid var(--foreign-info-list--depth1-color-text);
  border-radius: var(--foreign-radius-max);
  top: 0.95rem;
  left: 0.8rem;
}
.foreign-info-list.basic {
  gap: 0;
}
.foreign-info-list.basic > li {
  padding-left: 0;
}
.foreign-info-list.ordered-num > li {
  counter-increment: item;
}
.foreign-info-list.ordered-num > li::before {
  content: counter(item) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.foreign-info-list.ordered-char > li {
  padding-left: var(--foreign-info-list--depth2-padding-left);
}
.foreign-info-list.ordered-char > li .num {
  position: absolute;
  top: 0;
  left: 0;
}
.foreign-info-list.ordered-c-digit {
  gap: var(--foreign-info-list--gap-layout-depth2-li-li);
}
.foreign-info-list.ordered-c-digit > li {
  padding-left: var(--foreign-info-list--depth3-padding-left);
}
.foreign-info-list.ordered-c-digit > li .num {
  position: absolute;
  top: 0;
  left: 0;
}
.foreign-info-list.ordered-c-digit > li > .foreign-info-list {
  gap: 0;
  margin-top: 0;
}
.foreign-info-list.ordered-c-digit > li > .foreign-info-list > li > .foreign-info-list {
  gap: 0;
  margin-top: 0;
}
.foreign-info-list.ordered-c-digit .btn-wrap {
  margin-top: var(--foreign-padding-2);
}

.conts-box {
  --ordered-list-padding-vertical: var(--foreign-padding-3);
  --ordered-list-padding-horizontal: var(--foreign-padding-9);
}

.foreign-ordered-list {
  padding: var(--ordered-list-padding-vertical) var(--ordered-list-padding-horizontal);
}
.foreign-ordered-list > li {
  --ordered-list-num-size: 2.4rem;
  --ordered-list-num-margin: var(--foreign-padding-3);
  --ordered-list-line-size: 0.1rem;
  --ordered-list-line-left: calc(
    var(--ordered-list-num-size) +
      (var(--ordered-list-num-margin) * 2) - var(--ordered-list-line-size)
  );
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--foreign-gap-5);
  counter-increment: item;
}
.foreign-ordered-list > li:not(:first-child) {
  padding-top: 32px;
}
.foreign-ordered-list > li::before {
  content: counter(item);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--ordered-list-num-size);
  height: var(--ordered-list-num-size);
  margin: 0 var(--ordered-list-num-margin);
  background: var(--foreign-color-light-secondary-70);
  border-radius: var(--foreign-radius-small1);
  font-size: var(--foreign-font-size-heading-xxsmall);
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-light-color-text-basic-inverse);
}
.foreign-ordered-list > li::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(var(--ordered-list-line-left) / 2);
  width: var(--ordered-list-line-size);
  height: 100%;
  background: var(--foreign-light-color-divider-secondary-light);
  z-index: -1;
}
.foreign-ordered-list > li .item {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-2);
}
.foreign-ordered-list > li .item .item-tit {
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-light-color-text-secondary);
}
.foreign-ordered-list > li .item .item-conts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-2);
  width: 100%;
}
.foreign-ordered-list > li .item .item-conts > .foreign-info-list {
  margin-top: 0;
}
.foreign-ordered-list + .info-box {
  margin: calc(var(--foreign-padding-8) - var(--ordered-list-padding-vertical)) var(--foreign-padding-10) var(--foreign-padding-3);
}

/* Layout */
#wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}

.inner {
  width: 100%;
  max-width: var(--foreign-contents-wrap-size);
  padding-left: var(--foreign-contents-padding-x);
  padding-right: var(--foreign-contents-padding-x);
}
.inner.page-step {
  position: relative;
}
.inner.in-search {
  max-width: inherit;
  padding: 0;
}
.inner.in-search > .contents {
  max-width: var(--foreign-contents-wrap-size);
  margin: 0 auto;
  padding-left: var(--foreign-contents-padding-x);
  padding-right: var(--foreign-contents-padding-x);
}

/* container */
#container {
  flex: 1;
  position: relative;
}
#container > .inner:not(.in-between) {
  padding-bottom: var(--foreign-gap-layout-contents-footer);
}
#container > .foreign-breadcrumb-wrap {
  padding-bottom: 0;
}
#container > .foreign-breadcrumb-wrap .breadcrumb {
  max-width: var(--foreign-contents-wrap-size);
  padding-left: var(--foreign-contents-padding-x);
  padding-right: var(--foreign-contents-padding-x);
}
#container .in-between {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-10);
}
#container .in-between .foreign-side-navigation {
  width: 24.8rem;
}
#container .in-between .contents {
  flex: 1;
  padding-bottom: var(--foreign-gap-11);
}
#container .in-between .contents .breadcrumb-wrap {
  padding-top: var(--foreign-gap-layout-header-breadcrumb);
  padding-bottom: var(--foreign-gap-layout-breadcrumb-h2);
}
#container .in-between .contents .breadcrumb-wrap .breadcrumb {
  padding: 0;
}
#container .visual-group--sub {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container .visual-group--sub .title-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 3rem 0 2.6rem;
}
#container .visual-group--sub .ctg-tit {
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-small);
  color: var(--foreign-light-color-text-subtle);
}
#container .visual-group--sub .ctg-sub-tit {
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-display-medium);
  letter-spacing: var(--foreign-typo-letter-spacing-1);
  color: var(--foreign-light-color-text-bolder);
}
#container.sub-type-01 .visual-group--sub {
  background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-01.png");
}
@media (max-width: 767px) {
  #container.sub-type-01 .visual-group--sub {
    background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-01-mo.png");
  }
}
#container.sub-type-02 .visual-group--sub {
  background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-02.png");
}
@media (max-width: 767px) {
  #container.sub-type-02 .visual-group--sub {
    background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-02-mo.png");
  }
}
#container.sub-type-03 .visual-group--sub {
  background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-03.png");
}
@media (max-width: 767px) {
  #container.sub-type-03 .visual-group--sub {
    background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-03-mo.png");
  }
}
#container.sub-type-04 .visual-group--sub {
  background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-04.png");
}
@media (max-width: 767px) {
  #container.sub-type-04 .visual-group--sub {
    background-image: url("https://static.gov.kr/content/foreigner/images/img/img-sub-visual-04-mo.png");
  }
}
#container .anchor-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-6);
  margin-bottom: var(--foreign-gap-12);
}
#container .anchor-group .anchor-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-3);
}
#container .anchor-group .anchor-tit:before {
  content: "";
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/bookmarks.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#container .anchor-group .anchor-tit > span {
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-medium);
}

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

@media (max-width: 1023px) {
  #container .in-between .foreign-side-navigation {
    display: none;
  }
  #container .in-between .contents {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  #container .in-between .contents {
    padding-right: 0;
  }
}
/* COMMON */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.scroll-no {
  overflow: hidden;
}

.text-bold {
  font-weight: var(--foreign-font-weight-bold);
}

.text-bolder {
  font-weight: var(--foreign-font-weight-bold);
  color: var(--foreign-light-color-text-bolder);
}

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

.color-primary {
  color: var(--foreign-color-light-primary-50);
}

.color-text-primary {
  color: var(--foreign-light-color-text-primary) !important;
}

.color-text-point {
  color: var(--foreign-light-color-text-point);
}

/* PAGE LAYOUT ELEMENT */
.page-title-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-layout-title-body-large);
  margin-bottom: var(--foreign-gap-layout-h1-h2);
}
.page-title-wrap .h-tit {
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-xlarge);
  line-height: var(--foreign-line-height--light);
  letter-spacing: var(--foreign-typo-letter-spacing-1);
}
.page-title-wrap .h-tit .small-txt {
  display: flex;
  margin-bottom: var(--foreign-gap-layout-title-body-small);
  font-size: var(--foreign-font-size-heading-xxsmall);
  color: var(--foreign-light-color-text-subtle);
}
.page-title-wrap .h-tit .sub-txt {
  display: flex;
  font-size: var(--foreign-font-size-body-small);
  font-weight: var(--foreign-font-weight-regular);
  color: var(--foreign-light-color-text-subtle);
}
.page-title-wrap .h-tit .foreign-badge-wrap {
  font-weight: var(--foreign-font-weight-regular);
  margin-top: var(--foreign-gap-layout-title-body-large);
}
.page-title-wrap .h-txt {
  font-weight: var(--foreign-font-weight-regular);
  font-size: var(--foreign-font-size-body-large);
}
.page-title-wrap.between {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.page-title-wrap.between .foreign-step-wrap {
  margin-left: auto;
  margin-bottom: 0;
}
.page-title-wrap .info-box {
  gap: var(--foreign-gap-4);
  border: none;
}
.page-title-wrap .info-box .sub-text {
  color: var(--foreign-light-color-text-subtle);
}

.desc {
  font-weight: var(--foreign-font-weight-regular);
  font-size: var(--foreign-font-size-body-large);
}

.conts-tit {
  margin-bottom: var(--foreign-gap-layout-title-body-large);
  color: var(--foreign-light-color-text-bolder);
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-large);
  letter-spacing: var(--foreign-typo-letter-spacing-1);
}
.conts-tit + .conts-area {
  margin-top: 0;
}

.conts-sub-tit {
  margin-bottom: var(--foreign-gap-layout-title-body-medium);
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-medium);
}

.conts-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-12);
  width: 100%;
  color: var(--foreign-light-color-text-subtle);
}
.conts-area > .section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-7);
  width: 100%;
}
.conts-area > .section > * {
  width: 100%;
}
.conts-area > .section > [class*=-tit] {
  margin-bottom: 0;
}
.conts-area .conts-desc-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-4);
}
.conts-area .conts-sub-tit:not(:first-child) {
  margin-top: var(--foreign-gap-layout-h4-h5);
}

@media (max-width: 1023px) {
  .page-title-wrap[data-type=responsive] .h-tit {
    display: none;
  }
}
@media (max-width: 767px) {
  .page-title-wrap.between {
    flex-direction: column;
  }
}
/* 메인 */
.visual-group {
  position: relative;
}
.visual-group::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56.5rem;
  background: url("https://static.gov.kr/content/foreigner/images/img/img-main-visual.png") no-repeat top center/cover;
  z-index: -1;
}
.visual-group .inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 45rem;
  padding: var(--foreign-gap-11) var(--foreign-gap-5);
}
.visual-group .title {
  display: block;
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-display-large);
  letter-spacing: var(--foreign-typo-letter-spacing-1);
  color: var(--foreign-light-color-text-basic);
  text-align: center;
}
.visual-group .desc {
  margin-bottom: var(--foreign-gap-5);
  font-weight: var(--foreign-font-weight-regular);
  font-size: var(--foreign-font-size-body-medium);
  color: var(--foreign-light-color-text-subtle);
  text-align: center;
}
.visual-group .desc-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--foreign-gap-5);
}

.service {
  text-align: center;
}
.service .tit {
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-xsmall);
  color: var(--foreign-light-color-text-basic);
}
.service dd {
  color: var(--foreign-light-color-text-subtle);
}
.service-language .language-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--foreign-gap-4);
  margin-top: var(--foreign-padding-3);
}
.service-group {
  --common-service-divider-color: #87b1ff;
  overflow: hidden;
  display: grid;
  grid-template-columns: 177px 1fr 177px;
  min-height: 14.8rem;
  background: var(--foreign-color-light-primary-50);
  border-radius: var(--foreign-number-13);
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-semi-medium);
  color: var(--foreign-color-light-gray-0);
}
.service-group .service-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--foreign-gap-2);
  height: 100%;
  word-wrap: break-word;
  word-break: break-word;
  text-align: center;
}
.service-group .service-link::before {
  content: "";
  width: 4.8rem;
  height: 4.8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex: 0 0 4.8rem;
}
.service-group h3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  padding: var(--foreign-padding-6);
  padding-left: 5.2rem;
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-large);
  letter-spacing: var(--foreign-typo-letter-spacing-1);
}
.service-group h3 .service-link {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 0 var(--foreign-gap-3);
  padding: 0;
}
.service-group h3 .service-link::before {
  content: none;
}
.service-group .common-service {
  position: relative;
  padding: var(--foreign-padding-6) 0;
}
.service-group .common-service li {
  position: relative;
  padding: 0 var(--foreign-padding-6);
}
.service-group .common-service li::before {
  --common-service-gap: 1.5rem;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: calc(100% - var(--common-service-gap) * 2);
  margin: var(--common-service-gap) 0;
  border-left: 1px dashed var(--common-service-divider-color);
}
.service-group .more-service {
  padding: var(--foreign-padding-6);
  background: #25a5f4;
}
.service-group [class*=-service] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.service-group [class*=-service] .item01 {
  flex: 1;
  height: 100%;
}
.service-group [class*=-service] .item01 .service-link::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-service-visa-stay.svg");
}
.service-group [class*=-service] .item02 {
  flex: 1;
  height: 100%;
}
.service-group [class*=-service] .item02 .service-link::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-service-passport-docs.svg");
}
.service-group [class*=-service] .item03 {
  flex: 1;
  height: 100%;
}
.service-group [class*=-service] .item03 .service-link::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-service-integration.svg");
}
.service-group [class*=-service] .item04 {
  flex: 1;
  height: 100%;
}
.service-group [class*=-service] .item04 .service-link::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-service-support-center.svg");
}
.service-group [class*=-service] .item05 {
  flex: 1;
  height: 100%;
}
.service-group [class*=-service] .item05 .service-link::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-service-government.svg");
}
.service-group + [class*=-group] {
  margin-top: var(--foreign-gap-11);
}

.subject-group .subject-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--foreign-gap-7);
}
.subject-group .subject-list .item01-1 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-certification.svg");
}
.subject-group .subject-list .item01-2 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-document.svg");
}
.subject-group .subject-list .item01-3 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-passport.svg");
}
.subject-group .subject-list .item01-4 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-agency.svg");
}
.subject-group .subject-list .item02-1 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-IntlMarriage.svg");
}
.subject-group .subject-list .item02-2 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-pregChild.svg");
}
.subject-group .subject-list .item02-3 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-house.svg");
}
.subject-group .subject-list .item02-4 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-agency.svg");
}
.subject-group .subject-list .item03-1 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-studyPrep.svg");
}
.subject-group .subject-list .item03-2 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-stuSupport.svg");
}
.subject-group .subject-list .item03-3 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-govScholar.svg");
}
.subject-group .subject-list .item03-4 .item-icon::before {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/ico-subject-agency.svg");
}
.subject-group .subject-list li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.subject-group .subject-list li a {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}
.subject-group .subject-list li a .item-icon {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 19.6rem;
  margin-bottom: var(--foreign-gap-7);
  padding: 3.2rem 4rem;
  background-color: var(--foreign-light-color-surface-secondary-subtler);
  border-radius: 3.6rem;
  box-sizing: border-box;
}
.subject-group .subject-list li a .item-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  transition: transform 0.3s ease;
  transform-origin: center;
}
.subject-group .subject-list li a:hover .item-icon::before, .subject-group .subject-list li a:focus .item-icon::before {
  transform: scale(1.2);
}
.subject-group .subject-list li a .tit {
  display: block;
  width: 100%;
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-small);
}
.subject-group .subject-list li a .text {
  width: 100%;
  margin: var(--foreign-gap-3) 0 var(--foreign-gap-7);
  color: var(--foreign-light-color-text-subtle);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.subject-group .subject-list li a .text-shortcut {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.4rem;
  margin-top: auto;
  padding: 0.3rem var(--foreign-padding-1);
}
.subject-group .subject-list li a .text-shortcut::after {
  content: "";
  display: inline-flex;
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
  forced-color-adjust: none;
}
.subject-group .subject-list li a .text-shortcut::after.medium {
  width: var(--foreign-icon--size-medium);
  height: var(--foreign-icon--size-medium);
}
.subject-group .subject-list li a .text-shortcut::after.small {
  width: var(--foreign-icon--size-small);
  height: var(--foreign-icon--size-small);
}
.subject-group .subject-list li a .text-shortcut::after {
  background-image: url("https://static.gov.kr/content/foreigner/images/component/icon/shortcut.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@keyframes visual-anim-01 {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(-7px);
  }
  50% {
    transform: translateY(5px);
  }
}
@keyframes visual-anim-02 {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes visual-anim-03 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes visual-anim-04 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}
.visual-img-item {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  z-index: -1;
  width: 100%;
}
.visual-img-item img {
  position: absolute;
  animation-name: none;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  transform-origin: center;
}
.visual-img-item img:nth-child(1) {
  top: 5.7rem;
  left: 20.3rem;
  width: 9.8rem;
  height: 9.8rem;
  animation-name: visual-anim-01;
}
.visual-img-item img:nth-child(2) {
  top: 16.5rem;
  left: -1.7rem;
  width: 11.6rem;
  height: 11.6rem;
  animation-name: visual-anim-01;
}
.visual-img-item img:nth-child(3) {
  top: 30.7rem;
  left: 19.6rem;
  width: 10.6rem;
  height: 10.6rem;
  animation-name: visual-anim-02;
}
.visual-img-item img:nth-child(4) {
  top: 26.6rem;
  right: 13.5rem;
  width: 13.6rem;
  height: 13.6rem;
  animation-name: visual-anim-01;
}
.visual-img-item img:nth-child(5) {
  top: 5.1rem;
  right: -1.7rem;
  width: 10.8rem;
  height: 10.8rem;
  animation-name: visual-anim-02;
}

html:lang(en) {
  letter-spacing: var(--foreign-typo-letter-spacing-0);
}
html:lang(en) .visual-group .title {
  font-weight: var(--foreign-font-weight-bold);
  font-size: var(--foreign-font-size-heading-xlarge);
  line-height: var(--foreign-line-height--light);
  letter-spacing: var(--foreign-typo-letter-spacing-1);
}
html:lang(en) .visual-group .title .mo-block {
  padding-left: 0.4em;
}
html:lang(en) .visual-group .desc {
  font-size: var(--foreign-font-size-body-small);
}
html:lang(en) .visual-group .service {
  font-size: var(--foreign-font-size-body-small);
}
html:lang(en) .visual-group .service .tit {
  font-size: var(--foreign-font-size-heading-xxsmall);
}
html:lang(en) .service-group h3 {
  font-size: var(--foreign-font-size-heading-medium);
  letter-spacing: var(--foreign-typo-letter-spacing-0);
}
html:lang(en) .service-group [class*=-service] .service-link {
  font-size: var(--foreign-font-size-heading-xxsmall);
}
html:lang(en) .subject-group .subject-list li a .tit {
  font-size: var(--foreign-font-size-heading-xxsmall);
}
html:lang(en) .subject-group .subject-list li a .text {
  font-size: var(--foreign-font-size-body-small);
}

@media (max-width: 1280px) {
  html:lang(en) .visual-group .title .mo-block {
    display: block;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .visual-img-item {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: -1;
    width: 100%;
  }
  .visual-img-item img {
    position: absolute;
    animation-name: none;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    transform-origin: center;
  }
  .visual-img-item img:nth-child(1) {
    top: 5.7rem;
    left: 20.3rem;
    width: 9.8rem;
    height: 9.8rem;
    animation-name: visual-anim-01;
  }
  .visual-img-item img:nth-child(2) {
    top: 16.5rem;
    left: -1.7rem;
    width: 11.6rem;
    height: 11.6rem;
    animation-name: visual-anim-01;
  }
  .visual-img-item img:nth-child(3) {
    top: 30.7rem;
    left: 19.6rem;
    width: 10.6rem;
    height: 10.6rem;
    animation-name: visual-anim-02;
  }
  .visual-img-item img:nth-child(4) {
    top: 26.6rem;
    right: 13.5rem;
    width: 13.6rem;
    height: 13.6rem;
    animation-name: visual-anim-01;
  }
  .visual-img-item img:nth-child(5) {
    top: 5.1rem;
    right: -1.7rem;
    width: 10.8rem;
    height: 10.8rem;
    animation-name: visual-anim-02;
  }
  .visual-img-item img:nth-child(2) {
    left: 0;
  }
  .visual-img-item img:nth-child(5) {
    right: 0;
  }
}
@media (max-width: 1023px) {
  .visual-img-item {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: -1;
    width: 100%;
  }
  .visual-img-item img {
    position: absolute;
    animation-name: none;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    transform-origin: center;
  }
  .visual-img-item img:nth-child(1) {
    top: 6.8rem;
    left: 6.6rem;
    width: 6rem;
    height: 6rem;
    animation-name: visual-anim-01;
  }
  .visual-img-item img:nth-child(2) {
    top: 24rem;
    left: unset;
    right: 2rem;
    width: 7rem;
    height: 7rem;
    animation-name: visual-anim-01;
  }
  .visual-img-item img:nth-child(3) {
    top: 33rem;
    left: 5.6rem;
    width: 8rem;
    height: 8rem;
    animation-name: visual-anim-02;
  }
  .visual-img-item img:nth-child(4), .visual-img-item img:nth-child(5) {
    display: none;
  }
  .service-group {
    grid-template-columns: 133px 1fr 124px;
  }
  .service-group h3 {
    padding: var(--foreign-padding-4);
    padding-left: 3.2rem;
    font-size: var(--foreign-font-size-heading-medium);
  }
  .service-group h3 .service-link::before {
    content: none;
  }
  .service-group .common-service {
    padding: var(--foreign-padding-5) 0;
  }
  .service-group .common-service li {
    padding: 0 var(--foreign-padding-3);
  }
  .service-group .more-service {
    padding: 0 var(--foreign-padding-3);
  }
  html:lang(en) .service-group {
    font-weight: var(--foreign-font-weight-bold);
    font-size: var(--foreign-font-size-heading-semi-medium);
  }
  html:lang(en) .service-group h3 {
    font-size: var(--foreign-font-size-heading-semi-medium);
  }
  .subject-group {
    margin: 0 calc(var(--foreign-contents-padding-x) * -1);
  }
  .subject-group .tab > ul {
    padding: 0 var(--foreign-contents-padding-x);
  }
  .subject-group .subject-list {
    overflow-x: auto;
    display: flex;
    gap: var(--foreign-gap-5);
    padding: 0 var(--foreign-contents-padding-x);
  }
  .subject-group .subject-list li {
    flex: 1 0 auto;
    width: 28.2rem;
  }
}
@media (max-width: 767px) {
  .visual-group::before {
    background: url("https://static.gov.kr/content/foreigner/images/img/img-main-visual-mo.png") no-repeat top/100% auto;
  }
  .visual-group .inner {
    --foreign-gap-11: 8.4rem;
  }
  .visual-group .desc {
    font-size: var(--foreign-font-size-body-small);
  }
  .visual-group .desc-group {
    font-size: var(--foreign-font-size-body-small);
  }
  .visual-group .service .tit {
    font-size: var(--foreign-font-size-heading-xxsmall);
  }
  .visual-img-item {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: -1;
    width: calc(100% - 3.2rem);
  }
  .visual-img-item img {
    position: absolute;
    animation-name: none;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    transform-origin: center;
  }
  .visual-img-item img:nth-child(1) {
    top: 3.1rem;
    left: 0;
    width: 5.6rem;
    height: 5.6rem;
    animation-name: visual-anim-03;
  }
  .visual-img-item img:nth-child(2) {
    top: 28.6rem;
    left: unset;
    right: 0;
    width: 4.8rem;
    height: 4.8rem;
    animation-name: visual-anim-04;
  }
  .visual-img-item img:nth-child(3), .visual-img-item img:nth-child(4), .visual-img-item img:nth-child(5) {
    display: none;
  }
  .service-group {
    --foreign-font-size-heading-semi-medium: 2rem;
    grid-template-columns: 1fr;
  }
  .service-group .service-link {
    height: unset;
  }
  .service-group h3 {
    justify-content: center;
    margin: 0 var(--foreign-padding-6);
    padding: var(--foreign-padding-8) 0 var(--foreign-padding-7);
    border-bottom: 1px dashed var(--common-service-divider-color);
  }
  .service-group h3 .service-link {
    flex-direction: row;
  }
  .service-group .common-service {
    flex-wrap: wrap;
    margin: var(--foreign-padding-5) var(--foreign-padding-3) 0;
    padding: 0;
  }
  .service-group .common-service::before {
    --common-service-gap: 0.7rem;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: calc(100% - (var(--common-service-gap) + var(--foreign-padding-5)) * 2);
    margin: calc(var(--common-service-gap) + var(--foreign-padding-5)) 0;
    border-left: 1px dashed var(--common-service-divider-color);
  }
  .service-group .common-service::after {
    --common-service-gap: 0.8rem;
    content: "";
    position: absolute;
    top: 50%;
    left: var(--common-service-gap);
    display: block;
    width: calc(100% - var(--common-service-gap) * 2);
    height: 1px;
    border-top: 1px dashed var(--common-service-divider-color);
  }
  .service-group .common-service [class*=item] {
    --common-service-li-padding-top: var(--foreign-padding-5);
    flex: 1 0 50%;
    height: unset;
    padding: var(--foreign-padding-5) var(--foreign-padding-3);
  }
  .service-group .common-service [class*=item]::before {
    content: none;
  }
  .service-group .more-service {
    padding: var(--foreign-padding-5) var(--foreign-padding-3);
    text-align: center;
  }
  .service-group .more-service .service-link {
    display: inline-flex;
    flex-direction: row;
    padding: var(--foreign-padding-3) 0;
    text-align: left;
  }
  .service-group + [class*=-group] {
    margin-top: var(--foreign-gap-10);
  }
  html:lang(en) .visual-group .desc {
    font-size: var(--foreign-font-size-body-xsmall);
  }
  html:lang(en) .visual-group .service {
    font-size: var(--foreign-font-size-body-xsmall);
  }
  html:lang(en) .visual-group .service .tit {
    font-size: var(--foreign-font-size-body-xsmall);
  }
}