@charset "UTF-8";


.krds-header {
  --krds-header--utility-gap: var(--krds-gap-4);
  --krds-header--container-gap: var(--krds-gap-2);
  --krds-header--container-padding-top: var(--krds-padding-5);
  --krds-header--container-padding-bottom: var(--krds-padding-6);
  --krds-header--navi-min-height: var(--krds-size-height-6);
  --krds-header--navi-gap: var(--krds-gap-2) var(--krds-gap-3);
  --krds-header--navi-padding: var(--krds-padding-2) var(--krds-padding-5) 0;
  --krds-header--navi-border-radius: var(--krds-radius-medium1);
  --krds-header--navi-font-size-pc: var(--krds-pc-font-size-navigation-depth-medium-bold);
  --krds-header--navi-font-size-mobile: var(--krds-mobile-font-size-navigation-depth-small-bold);
  --krds-header--color-surface: var(--krds-light-color-surface-white);
  --krds-header--utility-color-divider: var(--krds-light-color-divider-gray-light);
  --krds-header--navi-color-text: var(--krds-light-color-text-basic);
  --krds-header--navi-color-hover: var(--krds-light-color-action-secondary-hover);
  --krds-header--navi-color-pressed: var(--krds-light-color-action-secondary-pressed);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 70;
  background-color: var(--krds-header--color-surface);
}
.krds-header .header-in {
  position: relative;
  transform: translateY(0);
}
.krds-header .header-utility {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
}
.krds-header .header-utility .utility-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
}
.krds-header .header-utility .utility-list > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.krds-header .header-utility .utility-list > li:not(:first-child) {
  gap: var(--krds-header--utility-gap);
  margin-left: var(--krds-header--utility-gap);
}
.krds-header .header-utility .utility-list > li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 0.1rem;
  height: var(--krds-size-height-2);
  background-color: var(--krds-header--utility-color-divider);
}

.krds-header .header-container .header-branding {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0 0 10px ;
}
.krds-header .header-container .logo {
  display: inline-flex;
  width: 13.7rem;
  height: var(--krds-size-height-7);
}

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

.gnb-backdrop {
  --krds-main-menu--color-dim: var(--krds-light-color-background-dim);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 60;
  background-color: var(--krds-main-menu--color-dim);
}
.gnb-backdrop.active {
  display: block;
}
[data-krds-mode=high-contrast] .krds-main-menu {
  --krds-main-menu--color-surface: var(--krds-high-contrast-color-surface-white);
  --krds-main-menu--color-border: var(--krds-high-contrast-color-divider-gray-light);
  --krds-main-menu--main-trigger-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-main-menu--main-trigger-color-text-active: var(--krds-high-contrast-color-text-basic);
  --krds-main-menu--main-trigger-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-main-menu--main-trigger-color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
  --krds-main-menu--main-trigger-color-border-selected: var(--krds-high-contrast-color-action-secondary-active);
  --krds-main-menu--toggle-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-main-menu--main-menu-color-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
  --krds-main-menu--sub-trigger-color-text: var(--krds-high-contrast-color-text-basic);
  --krds-main-menu--sub-trigger-color-text-selected: var(--krds-high-contrast-color-text-secondary);
  --krds-main-menu--sub-trigger-color-text-pressed: var(--krds-high-contrast-color-text-basic);
  --krds-main-menu--sub-trigger-color-action: var(--krds-high-contrast-color-action-secondary-on);
  --krds-main-menu--sub-trigger-color-action-selected: var(--krds-high-contrast-color-action-secondary-on-selected);
  --krds-main-menu--sub-trigger-color-action-pressed: var(--krds-high-contrast-color-action-secondary-on-pressed);
  --krds-main-menu--sub-menu-color-action: var(--krds-high-contrast-color-action-secondary);
  --krds-main-menu--sub-menu-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-main-menu--sub-menu-color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
  --krds-main-menu--sub-menu-trigger-color-action-selected: var(--krds-high-contrast-color-action-secondary-selected);
  --krds-main-menu--sub-menu-trigger-color-text-selected: var(--krds-high-contrast-color-text-secondary);
  --krds-main-menu--sub-menu-description-description-color-border: var(--krds-high-contrast-color-border-gray-light);
  --krds-main-menu--sub-menu-description-description-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-main-menu--banner-background: var(--krds-high-contrast-color-surface-gray-subtle);
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-menu .gnb-main-trigger::after {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-menu .gnb-main-trigger.is-link::after {
  display: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description .ico-go {
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before,
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {
  background-color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] .gnb-backdrop {
  --krds-main-menu--color-dim: var(--krds-high-contrast-color-background-dim);
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .krds-main-menu .gnb-menu .gnb-main-trigger {
    --krds-main-menu--main-trigger-padding-x: var(--krds-padding-3);
  }
}
.krds-main-menu .gnb-toggle-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.1rem;
  display: none;
  width: 100%;
  background-color: var(--krds-main-menu--toggle-color-surface);
}
.krds-main-menu .gnb-toggle-wrap.is-open {
  display: block;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list {
  position: relative;
  max-width: var(--krds-contents-size);
  margin: 0 auto;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: var(--krds-main-menu--main-menu-width);
  height: 100%;
  content: "";
  background-color: var(--krds-main-menu--main-menu-color-surface);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul {
  position: relative;
  padding: var(--krds-padding-6) 0;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li {
  width: var(--krds-main-menu--main-menu-width);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  gap: var(--krds-gap-7);
  padding: var(--krds-main-menu--sub-trigger-padding-y) var(--krds-main-menu--sub-trigger-padding-x);
  background-color: var(--krds-main-menu--sub-trigger-color-action);
  font-size: var(--krds-main-menu--sub-trigger-font-size);
  color: var(--krds-main-menu--sub-trigger-color-text);
  text-align: left;
  transition: var(--krds-transition-base);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg); */
  -webkit-mask-image: url(/image/icon/ico_angle.svg);
  mask-image: url(/image/icon/ico_angle.svg);
  content: "";
  flex-shrink: 0;
  transition: var(--krds-transition-base);
  transform: rotate(-90deg);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  flex-shrink: 0;
  transition: var(--krds-transition-base);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover, .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {
  font-size: var(--krds-main-menu--sub-trigger-font-size-active);
  font-weight: var(--krds-font-weight-bold);
  background-color: var(--krds-main-menu--sub-trigger-color-action-selected);
  color: var(--krds-main-menu--sub-trigger-color-text-selected);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover .svg-icon, .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active .svg-icon {
  background-color: var(--krds-main-menu--sub-trigger-color-text-selected);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:active {
  font-size: var(--krds-main-menu--sub-trigger-font-size-active);
  font-weight: var(--krds-font-weight-bold);
  background: var(--krds-main-menu--sub-trigger-color-action-pressed);
  color: var(--krds-main-menu--sub-trigger-color-text-pressed);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:active .svg-icon {
  background-color: var(--krds-main-menu--sub-trigger-color-text-pressed);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link {
  justify-content: flex-start;
  gap: var(--krds-gap-3);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link::after {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_more.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_more.svg); */
  -webkit-mask-image: url(/image/icon/ico_more.svg);
  mask-image: url(/image/icon/ico_more.svg);
  transform: rotate(0);
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link.external-link::after {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg); */
  -webkit-mask-image: url(/image/icon/ico_go.svg);
  mask-image: url(/image/icon/ico_go.svg);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list {
  flex-direction: column;
  align-items: normal;
  gap: var(--krds-gap-5);
  position: absolute;
  top: 0;
  left: var(--krds-main-menu--main-menu-width);
  right: 0;
  display: none;
  min-height: 100%;
  padding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-main-menu--sub-menu-padding-x);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-gap-5);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-5);
  height: var(--krds-main-menu--sub-menu-title-size-height);
  padding: 0 var(--krds-padding-2);
  font-size: var(--krds-main-menu--sub-menu-title-font-size);
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--krds-gap-7);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  gap: var(--krds-gap-3);
  padding: var(--krds-main-menu--sub-menu-trigger-color-padding-y) var(--krds-main-menu--sub-menu-trigger-color-padding-x);
  background-color: var(--krds-main-menu--sub-menu-color-action);
  border-radius: var(--krds-main-menu--sub-menu-trigger-color-radius);
  font-size: var(--krds-main-menu--sub-menu-trigger-color-font-size);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  margin-top: var(--krds-padding-4);
  background-color: var(--krds-light-color-text-basic);
  border-radius: var(--krds-radius-max);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:hover,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:hover {
  background-color: var(--krds-main-menu--sub-menu-color-action-hover);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:active, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:active,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {
  background-color: var(--krds-main-menu--sub-menu-color-action-pressed);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.active,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button.active {
  background-color: var(--krds-main-menu--sub-menu-trigger-color-action-selected);
  color: var(--krds-main-menu--sub-menu-trigger-color-text-selected);
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.active::before,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button.active::before {
  background-color: var(--krds-main-menu--sub-menu-trigger-color-text-selected);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description {
  gap: var(--krds-gap-9);
}
.krds-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(--krds-gap-2);
  padding: 0;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li::before {
  display: none;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit {
  font-size: var(--krds-main-menu--sub-menu-description-title-font-size);
  font-weight: var(--krds-font-weight-bold);
}
.krds-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(--krds-main-menu--sub-menu-description-title-padding);
  background-color: var(--krds-main-menu--sub-menu-color-action);
  border-radius: var(--krds-main-menu--sub-menu-description-title-radius);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a::before {
  display: none;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a:hover {
  background-color: var(--krds-main-menu--sub-menu-color-action-hover);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a:active {
  background-color: var(--krds-main-menu--sub-menu-color-action-pressed);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .txt {
  padding: var(--krds-main-menu--sub-menu-description-description-color-padding-top) var(--krds-main-menu--sub-menu-description-description-color-padding-x) 0;
  border-top: 0.1rem solid var(--krds-main-menu--sub-menu-description-description-color-border);
  font-size: var(--krds-main-menu--sub-menu-description-description-color-font-size);
  color: var(--krds-main-menu--sub-menu-description-description-color-text);
}
.krds-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(--krds-gap-5);
  margin: 0;
  padding: var(--krds-main-menu--banner-padding-y) var(--krds-main-menu--banner-padding-x);
  border-radius: var(--krds-main-menu--banner-radius);
  background: var(--krds-main-menu--banner-background);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between {
  flex-direction: row;
  padding-right: 0;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-content > ul {
  grid-template-columns: repeat(2, 1fr);
}
.krds-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(--krds-main-menu--main-menu-width);
  gap: var(--krds-gap-3);
  padding: var(--krds-main-menu--column-banner-padding);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list {
  display: flex;
  position: static;
  padding: var(--krds-main-menu--sub-menu-only-2depth-padding-y) 0;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list .gnb-sub-content > ul {
  grid-template-columns: repeat(4, 1fr);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list.between .gnb-sub-content > ul {
  grid-template-columns: repeat(3, 1fr);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.active {
  display: flex;
}


[data-krds-mode=high-contrast] .krds-main-menu {
  --krds-main-menu--color-surface: var(--krds-high-contrast-color-surface-white);
  --krds-main-menu--color-border: var(--krds-high-contrast-color-divider-gray-light);
  --krds-main-menu--main-trigger-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-main-menu--main-trigger-color-text-active: var(--krds-high-contrast-color-text-basic);
  --krds-main-menu--main-trigger-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-main-menu--main-trigger-color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
  --krds-main-menu--main-trigger-color-border-selected: var(--krds-high-contrast-color-action-secondary-active);
  --krds-main-menu--toggle-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-main-menu--main-menu-color-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
  --krds-main-menu--sub-trigger-color-text: var(--krds-high-contrast-color-text-basic);
  --krds-main-menu--sub-trigger-color-text-selected: var(--krds-high-contrast-color-text-secondary);
  --krds-main-menu--sub-trigger-color-text-pressed: var(--krds-high-contrast-color-text-basic);
  --krds-main-menu--sub-trigger-color-action: var(--krds-high-contrast-color-action-secondary-on);
  --krds-main-menu--sub-trigger-color-action-selected: var(--krds-high-contrast-color-action-secondary-on-selected);
  --krds-main-menu--sub-trigger-color-action-pressed: var(--krds-high-contrast-color-action-secondary-on-pressed);
  --krds-main-menu--sub-menu-color-action: var(--krds-high-contrast-color-action-secondary);
  --krds-main-menu--sub-menu-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-main-menu--sub-menu-color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
  --krds-main-menu--sub-menu-trigger-color-action-selected: var(--krds-high-contrast-color-action-secondary-selected);
  --krds-main-menu--sub-menu-trigger-color-text-selected: var(--krds-high-contrast-color-text-secondary);
  --krds-main-menu--sub-menu-description-description-color-border: var(--krds-high-contrast-color-border-gray-light);
  --krds-main-menu--sub-menu-description-description-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-main-menu--banner-background: var(--krds-high-contrast-color-surface-gray-subtle);
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-menu .gnb-main-trigger::after {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-menu .gnb-main-trigger.is-link::after {
  display: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description .ico-go {
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before,
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {
  background-color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] .gnb-backdrop {
  --krds-main-menu--color-dim: var(--krds-high-contrast-color-background-dim);
}

/* krds-drop-wrap 세팅*/
.krds-drop-wrap {
  --krds-dropdown--menu-radius: var(--krds-radius-medium4);
  --krds-dropdown--menu-padding: var(--krds-padding-3);
  --krds-dropdown--menu-margin-top: var(--krds-padding-6);
  --krds-dropdown--menu-gap: var(--krds-gap-3);
  --krds-dropdown--list-item-radius: var(--krds-radius-medium2);
  --krds-dropdown--list-item-height: var(--krds-size-height-7);
  --krds-dropdown--list-item-pc-font-size: var(
    --krds-pc-font-size-navigation-depth-medium
  );
  /* --krds-dropdown--list-item-mobile-font-size: var( --krds-mobile-font-size-navigation-depth-medium); */
  --krds-dropdown--menu-color-border: var(--krds-light-color-border-gray-light);
  --krds-dropdown--menu-color-surface: var(
    --krds-light-color-surface-white-subtler
  );
  --krds-dropdown--menu-color-alpha-shadow:
    0 0 0.2rem 0 var(--krds-light-color-alpha-shadow1),
    0 0.4rem 0.8rem 0 var(--krds-light-color-alpha-shadow2);
  --krds-dropdown--list-item-color-action-hover: var(
    --krds-light-color-action-secondary-hover
  );
  --krds-dropdown--list-item-color-action-pressed: var(
    --krds-light-color-action-secondary-pressed
  );
  --krds-dropdown--list-item-color-action-selected: var(
    --krds-light-color-action-secondary-selected
  );
  --krds-dropdown--list-item-color-text-selected: var(
    --krds-light-color-text-secondary
  );
  display: inline-flex;
  position: relative;
}
.krds-drop-wrap .drop-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  display: none;
  z-index: 6;
  min-width: 13rem;
  border-radius: var(--krds-dropdown--menu-radius);
  padding: var(--krds-dropdown--menu-padding);
  margin-top: var(--krds-dropdown--menu-margin-top);
  background-color: var(--krds-dropdown--menu-color-surface);
  border: 0.1rem solid var(--krds-dropdown--menu-color-border);
  box-shadow: var(--krds-dropdown--menu-color-alpha-shadow);
  transform: translateX(-50%);
}
.krds-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(--krds-dropdown--menu-color-surface);
  border: 0.1rem solid var(--krds-dropdown--menu-color-border);
  border-top-color: transparent;
  border-left-color: transparent;
}
.krds-drop-wrap .drop-menu .drop-in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-dropdown--menu-gap);
  position: relative;
  z-index: 1;
}
.krds-drop-wrap .drop-menu .drop-top {
  width: 100%;
  padding: var(--krds-padding-3) var(--krds-padding-6);
  border-bottom: 0.1rem solid var(--krds-dropdown--menu-color-border);
}
.krds-drop-wrap .drop-menu .drop-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: var(--krds-padding-3) 0;
  border-top: 0.1rem solid var(--krds-dropdown--menu-color-border);
}
.krds-drop-wrap .drop-menu .drop-list {
  width: 100%;
}
.krds-drop-wrap .drop-menu .drop-list .item-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  gap: var(--krds-gap-3);
  padding: 0 var(--krds-padding-6);
  font-size: var(--krds-dropdown--list-item-pc-font-size);
  border-radius: var(--krds-dropdown--list-item-radius);
  height: var(--krds-dropdown--list-item-height);
  background-color: var(--krds-dropdown--menu-color-surface);
}

.krds-drop-wrap .drop-menu .drop-list .item-link .ico-go {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
}
.krds-drop-wrap .drop-menu .drop-list .item-link:hover {
  background-color: var(--krds-dropdown--list-item-color-action-hover);
}
.krds-drop-wrap .drop-menu .drop-list .item-link:active {
  background-color: var(--krds-dropdown--list-item-color-action-pressed);
}
.krds-drop-wrap .drop-menu .drop-list .item-link.active {
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-dropdown--list-item-color-text-selected);
  background-color: var(--krds-dropdown--list-item-color-action-selected);
}
.krds-drop-wrap.drop-left .drop-menu {
  left: 0;
  right: unset;
  transform: none;
}
.krds-drop-wrap.drop-left .drop-menu::before {
  left: 2.4rem;
  margin-left: 0;
}
.krds-drop-wrap.drop-right .drop-menu {
  left: unset;
  right: 0;
  transform: none;
}
.krds-drop-wrap.drop-right .drop-menu::before {
  left: unset;
  right: 2.4rem;
}

[data-krds-mode="high-contrast"] {
  /* krds-drop-wrap */
}
[data-krds-mode="high-contrast"] .krds-drop-wrap {
  --krds-dropdown--menu-color-border: var(
    --krds-high-contrast-color-border-gray-light
  );
  --krds-dropdown--menu-color-surface: var(
    --krds-high-contrast-color-surface-white-subtler
  );
  --krds-dropdown--menu-color-alpha-shadow:
    0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow1),
    0 0.4rem 0.8rem 0 var(--krds-high-contrast-color-alpha-shadow2);
  --krds-dropdown--list-item-color-action-hover: var(
    --krds-high-contrast-color-action-secondary-hover
  );
  --krds-dropdown--list-item-color-action-pressed: var(
    --krds-high-contrast-color-action-secondary-pressed
  );
  --krds-dropdown--list-item-color-action-selected: var(
    --krds-high-contrast-color-action-secondary-selected
  );
  --krds-dropdown--list-item-color-text-selected: var(
    --krds-high-contrast-color-text-secondary
  );
}
[data-krds-mode="high-contrast"] .krds-drop-wrap .drop-list .item-link .ico-go {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}

/* 화면 크기 조정 */
/* krds-drop-wrap */
.krds-drop-wrap {
  --krds-resize--list-icon-radius: var(--krds-radius-small2);
  --krds-resize--list-icon-color-border: var(--krds-light-color-border-gray);
  --krds-resize--list-icon-color-border-selected: var(--krds-light-color-element-secondary);
  --krds-resize--list-icon-color-background: var(--krds-light-color-action-secondary);
  --krds-resize--list-icon-color-background-selected: var(--krds-light-color-element-secondary);
}
.krds-drop-wrap.krds-resize .drop-menu {
  min-width: 15rem;
}
.krds-drop-wrap.krds-resize .drop-list .item-link {
  white-space: nowrap;
}
.krds-drop-wrap.krds-resize .drop-list .item-link::before {
  content: "";
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background: url(../../img/component/icon/head_ico_font_sample.svg) no-repeat center/contain;
  flex-shrink: 0;
  border-radius: var(--krds-resize--list-icon-radius);
  border: 0.1rem solid var(--krds-resize--list-icon-color-border);
  background-color: var(--krds-resize--list-icon-color-background);
}
.krds-drop-wrap.krds-resize .drop-list .item-link.active::before {
  background-image: url(../../img/component/icon/head_ico_font_sample_white.svg);
  border-color: var(--krds-resize--list-icon-color-border-selected);
  background-color: var(--krds-resize--list-icon-color-background-selected);
}
.krds-drop-wrap.krds-resize .drop-list .item-link.sm::before {
  width: 2.2rem;
  height: 2.2rem;
}
.krds-drop-wrap.krds-resize .drop-list .item-link.md::before {
  width: 2.4rem;
  height: 2.4rem;
}
.krds-drop-wrap.krds-resize .drop-list .item-link.lg::before {
  width: 2.6rem;
  height: 2.6rem;
}
.krds-drop-wrap.krds-resize .drop-list .item-link.xlg::before {
  width: 2.8rem;
  height: 2.8rem;
}
.krds-drop-wrap.krds-resize .drop-list .item-link.xxlg::before {
  width: 3rem;
  height: 3rem;
}

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

.krds-btn.icon.border.disabled,
.krds-btn.icon.border[disabled] {
  background-color: var(--krds-light-color-button-disabled-fill);
}

[data-krds-mode="high-contrast"] .krds-btn.icon {
  background-color: transparent;
  border-color: var(--krds-high-contrast-color-border-transparency);
}
[data-krds-mode="high-contrast"] .krds-btn.icon .svg-icon {
  background-color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode="high-contrast"] .krds-btn.icon.border {
  background-color: var(--krds-high-contrast-color-background-white);
  border-color: var(--krds-high-contrast-color-border-gray);
}
[data-krds-mode="high-contrast"] .krds-btn.icon.border.disabled,
[data-krds-mode="high-contrast"] .krds-btn.icon.border[disabled] {
  background-color: var(--krds-high-contrast-color-button-disabled-fill);
}
.svg-icon.ico-angle {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
/*   -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg); */
  -webkit-mask-image: url(/image/icon/ico_angle.svg);
  mask-image: url(/image/icon/ico_angle.svg);
}
.svg-icon.ico-angle.disabled {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle_disabled.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle_disabled.svg); */
  -webkit-mask-image: url(/image/icon/ico_angle_disabled.svg);
  mask-image: url(/image/icon/ico_angle_disabled.svg);
  -webkit-mask-image: none;
  mask-image: none;
  /* background-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle_disabled.svg); */
  background-image: url(/image/icon/ico_angle_disabled.svg);
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
}

.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-more {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_more.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_more.svg); */
  -webkit-mask-image: url(/image/icon/ico_more.svg);
  mask-image: url(/image/icon/ico_more.svg);
}
.svg-icon.ico-go {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg); */
  -webkit-mask-image: url(/image/icon/ico_go.svg);
  mask-image: url(/image/icon/ico_go.svg);
}
.svg-icon.ico-reset {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
/*   -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_reset.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_reset.svg); */
  -webkit-mask-image: url(/image/icon/ico_reset.svg);
  mask-image: url(/image/icon/ico_reset.svg);
}
.svg-icon.ico-popup-close {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
/*   -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_close.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_close.svg); */
  -webkit-mask-image: url(/image/icon/ico_close.svg);
  mask-image: url(/image/icon/ico_close.svg);
}
.svg-icon.ico-plus {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
/*   -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_plus.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_plus.svg); */
  -webkit-mask-image: url(/image/icon/ico_plus.svg);
  mask-image: url(/image/icon/ico_plus.svg);
}
.svg-icon.ico-plus {
  gap: var(--krds-gap-3);
}
.svg-icon.ico-link {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
/*   -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go.svg); */
  -webkit-mask-image: url(/image/icon/ico_go.svg);
  mask-image: url(/image/icon/ico_go.svg);
}
.svg-icon.ico-link {
  gap: var(--krds-gap-3);
}
.svg-icon.ico-toggle {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
/*   -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg); */
  -webkit-mask-image: url(/image/icon/ico_angle.svg);
  mask-image: url(/image/icon/ico_angle.svg);
}
.svg-icon.ico-bread-home {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_bread_home.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_bread_home.svg); */
  -webkit-mask-image: url(/image/icon/ico_bread_home.svg);
  mask-image: url(/image/icon/ico_bread_home.svg);
}
.svg-icon.ico-modal-close {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_close.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_close.svg); */
  -webkit-mask-image: url(/image/icon/ico_close.svg);
  mask-image: url(/image/icon/ico_close.svg);
}
.svg-icon.ico-all {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
/*   -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_all.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_all.svg); */
  -webkit-mask-image: url(/image/icon/ico_all.svg);
  mask-image: url(/image/icon/ico_all.svg);
}
.svg-icon.ico-global {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_global.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_global.svg); */
  -webkit-mask-image: url(/image/icon/ico_global.svg);
  mask-image: url(/image/icon/ico_global.svg);
}
.svg-icon.ico-view-mode {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_view_mode.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_view_mode.svg); */
  -webkit-mask-image: url(/image/icon/ico_view_mode.svg);
  mask-image: url(/image/icon/ico_view_mode.svg);
}
.svg-icon.ico-go-top {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go_top.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_go_top.svg); */
  -webkit-mask-image: url(/image/icon/ico_go_top.svg);
  mask-image: url(/image/icon/ico_go_top.svg);
}
.svg-icon.ico-checkbox {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_checkbox_checked.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_checkbox_checked.svg); */
  -webkit-mask-image: url(/image/icon/ico_checkbox_checked.svg);
  mask-image: url(/image/icon/ico_checkbox_checked.svg);
}

/*button 세팅*/
.krds-btn {
  --krds-button--size-height-xsmall: var(--krds-size-height-5);
  --krds-button--padding-x-xsmall: var(--krds-padding-4);
  --krds-button--padding-y-xsmall: 0;
  --krds-button--gap-xsmall: var(--krds-gap-1);
  --krds-button--radius-xsmall: var(--krds-radius-small3);
  --krds-button--pc-font-size-xsmall: var(--krds-pc-font-size-label-small);
  /* --krds-button--mobile-font-size-xsmall: var(--krds-mobile-font-size-label-small); */
  --krds-button--font-weight-xsmall: var(--krds-font-weight-regular);
  --krds-button--size-height-small: var(--krds-size-height-6);
  --krds-button--padding-x-small: var(--krds-padding-5);
  --krds-button--padding-y-small: 0;
  --krds-button--gap-small: var(--krds-gap-1);
  --krds-button--radius-small: var(--krds-radius-medium1);
  --krds-button--pc-font-size-small: var(--krds-pc-font-size-label-small);
  /* --krds-button--mobile-font-size-small: var(--krds-mobile-font-size-label-small); */
  --krds-button--font-weight-small: var(--krds-font-weight-regular);
  --krds-button--size-height-medium: var(--krds-size-height-7);
  --krds-button--padding-x-medium: var(--krds-padding-6);
  --krds-button--padding-y-medium: 0;
  --krds-button--gap-medium: var(--krds-gap-2);
  --krds-button--radius-medium: var(--krds-radius-medium2);
  --krds-button--pc-font-size-medium: var(--krds-pc-font-size-label-medium);
  /* --krds-button--mobile-font-size-medium: var(--krds-mobile-font-size-label-medium); */
  --krds-button--font-weight-medium: var(--krds-font-weight-regular);
  --krds-button--size-height-large: var(--krds-size-height-8);
  --krds-button--padding-x-large: var(--krds-padding-7);
  --krds-button--padding-y-large: 0;
  --krds-button--gap-large: var(--krds-gap-2);
  --krds-button--radius-large: var(--krds-radius-medium3);
  --krds-button--pc-font-size-large: var(--krds-pc-font-size-label-large);
  /* --krds-button--mobile-font-size-large: var(--krds-mobile-font-size-label-large); */
  --krds-button--font-weight-large: var(--krds-font-weight-regular);
  --krds-button--size-height-xlarge: var(--krds-size-height-9);
  --krds-button--padding-x-xlarge: var(--krds-padding-8);
  --krds-button--padding-y-xlarge: 0;
  --krds-button--gap-xlarge: var(--krds-gap-2);
  --krds-button--radius-xlarge: var(--krds-radius-medium4);
  --krds-button--pc-font-size-xlarge: var(--krds-pc-font-size-label-large);
  /* --krds-button--mobile-font-size-xlarge: var(--krds-mobile-font-size-label-large); */
  --krds-button--font-weight-xlarge: var(--krds-font-weight-regular);
  --krds-button--color-text-text: var(--krds-light-color-text-basic);
  --krds-button--color-text-text-disabled: var(
    --krds-light-color-text-disabled
  );
}

.krds-btn {
  gap: var(--krds-button--gap-large);
  height: var(--krds-button--size-height-large);
  padding: var(--krds-button--padding-y-large)
    var(--krds-button--padding-x-large);
  border-radius: var(--krds-button--radius-large);
  font-size: var(--krds-button--pc-font-size-large);
  font-weight: var(--krds-button--font-weight-large);
}

.krds-btn.small {
  gap: var(--krds-button--gap-small);
  height: var(--krds-button--size-height-small);
  padding: var(--krds-button--padding-y-small)
    var(--krds-button--padding-x-small);
  border-radius: var(--krds-button--radius-small);
  font-size: var(--krds-button--pc-font-size-small);
  font-weight: var(--krds-button--font-weight-small);
}

.krds-btn.small .svg-icon {
  width: var(--krds-icon--size-small);
  height: var(--krds-icon--size-small);
}
.krds-btn.medium {
  gap: var(--krds-button--gap-medium);
  height: var(--krds-button--size-height-medium);
  padding: var(--krds-button--padding-y-medium)
    var(--krds-button--padding-x-medium);
  border-radius: var(--krds-button--radius-medium);
  font-size: var(--krds-button--pc-font-size-medium);
  font-weight: var(--krds-button--font-weight-medium);
}
.krds-btn.medium .svg-icon {
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
}
.krds-btn.large {
  gap: var(--krds-button--gap-large);
  height: var(--krds-button--size-height-large);
  padding: var(--krds-button--padding-y-large)
    var(--krds-button--padding-x-large);
  border-radius: var(--krds-button--radius-large);
  font-size: var(--krds-button--pc-font-size-large);
  font-weight: var(--krds-button--font-weight-large);
}

.krds-btn.large .svg-icon {
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
}
.krds-btn.xlarge {
  gap: var(--krds-button--gap-xlarge);
  height: var(--krds-button--size-height-xlarge);
  padding: var(--krds-button--padding-y-xlarge)
    var(--krds-button--padding-x-xlarge);
  border-radius: var(--krds-button--radius-xlarge);
  font-size: var(--krds-button--pc-font-size-xlarge);
  font-weight: var(--krds-button--font-weight-xlarge);
}
.krds-btn.xlarge .svg-icon {
  width: var(--krds-icon--size-xlarge);
  height: var(--krds-icon--size-xlarge);
}
.krds-btn.icon {
  --krds-button--icon-size-xsmall: var(--krds-size-height-2);
  --krds-button--icon-size-small: var(--krds-size-height-3);
  --krds-button--icon-size-medium: var(--krds-size-height-4);
  --krds-button--icon-size-large: var(--krds-size-height-5);
  --krds-button--icon-size-xlarge: var(--krds-size-height-6);
  width: var(--krds-button--icon-size-medium);
  height: var(--krds-button--icon-size-medium);
  padding: 0 !important;
  background-color: transparent;
  border-color: var(--krds-light-color-border-transparency);
  color: inherit;
  border: 0;
}
.krds-btn.text {
  background-color: var(--krds-button--color-text-fill);
  border-color: var(--krds-button--color-text-border);
  color: var(--krds-button--color-text-text);
}

.krds-btn.text:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-text-text);
}
.krds-btn.text:hover {
  background-color: var(--krds-button--color-text-fill-hover);
}
.krds-btn.text:active,
.krds-btn.text:focus {
  background-color: var(--krds-button--color-text-fill-pressed);
}
.krds-btn.text.disabled,
.krds-btn.text[disabled] {
  background-color: var(--krds-button--color-text-fill-disabled);
  border-color: var(--krds-button--color-text-border-disabled);
  color: var(--krds-button--color-text-text-disabled);
}
.krds-btn.text.disabled:not(.icon) .svg-icon,
.krds-btn.text[disabled]:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-text-text-disabled);
}
.krds-btn.text.disabled:hover,
.krds-btn.text[disabled]:hover {
  background-color: var(--krds-button--color-text-fill-disabled);
  border-color: var(--krds-button--color-text-border-disabled);
  color: var(--krds-button--color-text-text-disabled);
}
.krds-btn.text {
  --krds-button--size-height-xsmall: var(--krds-size-height-3);
  --krds-button--padding-x-xsmall: var(--krds-padding-1);
  --krds-button--padding-y-xsmall: var(--krds-number-0);
  --krds-button--size-height-small: var(--krds-size-height-4);
  --krds-button--padding-x-small: var(--krds-padding-1);
  --krds-button--padding-y-small: var(--krds-number-0);
  --krds-button--size-height-medium: var(--krds-size-height-5);
  --krds-button--padding-x-medium: var(--krds-padding-1);
  --krds-button--padding-y-medium: var(--krds-number-2);
  --krds-button--size-height-large: var(--krds-size-height-6);
  --krds-button--padding-x-large: var(--krds-padding-1);
  --krds-button--padding-y-large: 0.5rem;
  --krds-button--size-height-xlarge: var(--krds-size-height-7);
  --krds-button--padding-x-xlarge: var(--krds-padding-1);
  --krds-button--padding-y-xlarge: 0.9rem;
  display: inline-block;
  height: auto !important;
  padding: var(--krds-button--padding-y-large)
    var(--krds-button--padding-x-large);
  text-align: left;
  white-space: normal;
}
.krds-btn.text.xsmall {
  min-height: var(--krds-button--size-height-xsmall);
  padding: var(--krds-button--padding-y-xsmall)
    var(--krds-button--padding-x-xsmall);
}
.krds-btn.text.xsmall .svg-icon {
  margin-bottom: -0.3rem;
}
.krds-btn.text.small {
  padding: var(--krds-button--padding-y-small)
    var(--krds-button--padding-x-small);
}
.krds-btn.text.small .svg-icon {
  margin-bottom: -0.3rem;
}
.krds-btn.text.medium {
  padding: var(--krds-button--padding-y-medium)
    var(--krds-button--padding-x-medium);
}
.krds-btn.text.medium .svg-icon {
  margin-bottom: -0.4rem;
}
.krds-btn.text.large {
  padding: var(--krds-button--padding-y-large)
    var(--krds-button--padding-x-large);
}
.krds-btn.text.large .svg-icon {
  margin-bottom: -0.5rem;
}
.krds-btn.text.xlarge {
  padding: var(--krds-button--padding-y-xlarge)
    var(--krds-button--padding-x-xlarge);
}
.krds-btn.text.xlarge .svg-icon {
  margin-bottom: -0.6rem;
}
.krds-btn.text.h-auto {
  height: auto;
  padding: var(--krds-padding-1) !important;
}
.krds-btn.text .svg-icon {
  display: inline-block;
  margin-bottom: -0.5rem;
}

.krds-btn.icon:active,
.krds-btn.icon:hover {
  background-color: inherit;
}
[data-krds-mode="high-contrast"] .krds-btn.text {
  background-color: var(--krds-button--color-text-fill);
  border-color: var(--krds-button--color-text-border);
  color: var(--krds-button--color-text-text);
}
[data-krds-mode="high-contrast"] .krds-btn.text:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-text-text);
}
[data-krds-mode="high-contrast"] .krds-btn.text:hover {
  background-color: var(--krds-button--color-text-fill-hover);
}
[data-krds-mode="high-contrast"] .krds-btn.text:active,
[data-krds-mode="high-contrast"] .krds-btn.text:focus {
  background-color: var(--krds-button--color-text-fill-pressed);
}

.krds-btn.icon.xsmall {
  width: var(--krds-button--icon-size-xsmall);
  height: var(--krds-button--icon-size-xsmall);
}
.krds-btn.icon.xsmall .svg-icon {
  width: 100%;
  height: 100%;
}
.krds-btn.icon.small {
  width: var(--krds-button--icon-size-small);
  height: var(--krds-button--icon-size-small);
}
.krds-btn.icon.small .svg-icon {
  width: 100%;
  height: 100%;
}
.krds-btn.icon.medium {
  width: var(--krds-button--icon-size-medium);
  height: var(--krds-button--icon-size-medium);
}
.krds-btn.icon.medium .svg-icon {
  width: 100%;
  height: 100%;
}
.krds-btn.icon.large {
  width: var(--krds-button--icon-size-large);
  height: var(--krds-button--icon-size-large);
}
.krds-btn.icon.large .svg-icon {
  width: 100%;
  height: 100%;
}
.krds-btn.icon.xlarge {
  width: var(--krds-button--icon-size-xlarge);
  height: var(--krds-button--icon-size-xlarge);
}
.krds-btn.icon.xlarge .svg-icon {
  width: 100%;
  height: 100%;
}
.krds-btn.icon .svg-icon {
  background-color: var(--krds-light-color-text-basic);
}
.krds-btn.icon.pure .svg-icon {
  background-color: transparent;
}
.krds-btn.icon.border {
  background-color: var(--krds-light-color-background-white);
  border: 0.1rem solid var(--krds-light-color-border-gray);
  border-radius: var(--krds-radius-max);
}
.krds-btn.icon.border.large .svg-icon {
  width: var(--krds-icon--size-xsmall);
  height: var(--krds-icon--size-xsmall);
}
.krds-btn.icon.border.xlarge .svg-icon {
  width: var(--krds-icon--size-xlarge);
  height: var(--krds-icon--size-xlarge);
}
.krds-btn.icon.border.disabled,
.krds-btn.icon.border[disabled] {
  background-color: var(--krds-light-color-button-disabled-fill);
}
.krds-btn.link {
  --krds-button--pc-font-size-xsmall: var(--krds-pc-font-size-label-small);
  /* --krds-button--mobile-font-size-xsmall: var(--krds-mobile-font-size-label-small); */
  --krds-button--padding-x-xsmall: var(--krds-padding-1);
  --krds-button--pc-font-size-small: var(--krds-pc-font-size-label-small);
  /* --krds-button--mobile-font-size-small: var(--krds-mobile-font-size-label-small); */
  --krds-button--padding-x-small: var(--krds-padding-1);
  --krds-button--pc-font-size-medium: var(--krds-pc-font-size-label-medium);
  /* --krds-button--mobile-font-size-medium: var(--krds-mobile-font-size-label-medium); */
  --krds-button--padding-x-medium: var(--krds-padding-1);
  --krds-button--pc-font-size-large: var(--krds-pc-font-size-label-large);
  /* --krds-button--mobile-font-size-large: var(--krds-mobile-font-size-label-large); */
  --krds-button--padding-x-large: var(--krds-padding-1);
  --krds-button--pc-font-size-xlarge: var(--krds-pc-font-size-label-large);
  /* --krds-button--mobile-font-size-xlarge: var(--krds-mobile-font-size-label-large); */
  --krds-button--padding-x-xlarge: var(--krds-padding-1);
  display: inline-block;
  height: auto !important;
  padding: 0 var(--krds-button--padding-x-large);
  font-size: var(--krds-button--pc-font-size-large);
  text-align: left;
  white-space: normal;
  color: inherit !important;
}

d.krds-btn.link.xsmall {
  padding: 0 var(--krds-button--padding-x-xsmall);
  font-size: var(--krds-button--pc-font-size-xsmall);
}

.krds-btn.link.xsmall .svg-icon {
  margin-bottom: -0.3rem;
}
.krds-btn.link.small {
  padding: 0 var(--krds-button--padding-x-small);
  font-size: var(--krds-button--pc-font-size-small);
}

.krds-btn.link.small .svg-icon {
  margin-bottom: -0.3rem;
}
.krds-btn.link.medium {
  padding: 0 var(--krds-button--padding-x-medium);
  font-size: var(--krds-button--pc-font-size-medium);
}

.krds-btn.link.medium .svg-icon {
  margin-bottom: -0.4rem;
}
.krds-btn.link.large {
  padding: 0 var(--krds-button--padding-x-large);
  font-size: var(--krds-button--pc-font-size-large);
}

.krds-btn.link.large .svg-icon {
  margin-bottom: -0.5rem;
}
.krds-btn.link.xlarge {
  padding: 0 var(--krds-button--padding-x-xlarge);
  font-size: var(--krds-button--pc-font-size-xlarge);
}
.krds-btn.link.xlarge .svg-icon {
  margin-bottom: -0.6rem;
}
.krds-btn.link.basic {
  color: var(--krds-light-color-text-basic);
}
.krds-btn.link.basic .svg-icon {
  background-color: var(--krds-light-color-text-basic);
}
.krds-btn.link.basic.pure:active,
.krds-btn.link.basic.pure:focus,
.krds-btn.link.basic.pure:hover,
.krds-btn.link.basic.pure:visited {
  color: var(--krds-light-color-text-basic);
}
.krds-btn.link.basic.pure:active .svg-icon,
.krds-btn.link.basic.pure:focus .svg-icon,
.krds-btn.link.basic.pure:hover .svg-icon,
.krds-btn.link.basic.pure:visited .svg-icon {
  background-color: var(--krds-light-color-text-basic);
}
.krds-btn.link:hover {
  color: var(--krds-light-color-link-hover);
}
.krds-btn.link:hover .svg-icon {
  background-color: var(--krds-light-color-link-hover);
}
.krds-btn.link:active,
.krds-btn.link:focus {
  color: var(--krds-light-color-link-pressed);
}
.krds-btn.link:active .svg-icon,
.krds-btn.link:focus .svg-icon {
  background-color: var(--krds-light-color-link-pressed);
}
.krds-btn.link:visited {
  color: var(--krds-light-color-link-visited);
  text-decoration: none;
}
.krds-btn.link:visited .svg-icon {
  background-color: var(--krds-light-color-link-visited);
}
.krds-btn.link.pure:active,
.krds-btn.link.pure:focus,
.krds-btn.link.pure:hover,
.krds-btn.link.pure:visited {
  color: var(--krds-button--color-link-text);
}
.krds-btn.link.pure:active .svg-icon,
.krds-btn.link.pure:focus .svg-icon,
.krds-btn.link.pure:hover .svg-icon,
.krds-btn.link.pure:visited .svg-icon {
  background-color: var(--krds-button--color-link-text);
}
.krds-btn.link .underline.hidden-underline {
  text-decoration-color: var(--krds-light-color-border-transparency);
  transition: var(--krds-transition-base);
}
.krds-btn.link:active .underline.hidden-underline,
.krds-btn.link:focus .underline.hidden-underline,
.krds-btn.link:hover .underline.hidden-underline,
.krds-btn.link:visited .underline.hidden-underline {
  text-decoration-color: inherit;
}
.krds-btn.link .svg-icon {
  display: inline-block;
  margin-bottom: -0.5rem;
}

/*footer*/
#krds-footer {
  position: relative;
  z-index: 50;
  background-color: var(--krds-light-color-surface-gray-subtler);
}
#krds-footer * {
    font-family: var(--krds-font-family-base);
}
#krds-footer .foot-quick {
  border-top: var(--krds-light-border-width-static-regular) solid
    var(--krds-light-color-border-gray-light);
  border-bottom: var(--krds-light-border-width-static-regular) solid
    var(--krds-light-color-border-gray-light);
  background-color: var(--krds-light-color-background-white);
}
#krds-footer .foot-quick .inner {
  display: flex;
}
#krds-footer .foot-quick .inner .link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  /* flex: 0 0 25%; */
  width: 252px;
  gap: var(--krds-gap-3);
  height: calc(var(--krds-size-height-8) - 0.2rem);
  padding: 0 var(--krds-padding-8);
  background-color: var(--krds-light-color-action-secondary);
  border-right: var(--krds-light-border-width-static-regular) solid
    var(--krds-light-color-border-gray-light);
  transition: var(--krds-transition-base);
  color: inherit !important;
}
#krds-footer .foot-quick .inner .link:first-child {
  border-left: var(--krds-light-border-width-static-regular) solid
    var(--krds-light-color-border-gray-light);
}
#krds-footer .foot-quick .inner .link::after {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_plus.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_plus.svg); */
  -webkit-mask-image: url(/image/icon/ico_plus.svg);
  mask-image: url(/image/icon/ico_plus.svg);
}
#krds-footer .foot-quick .inner .link:hover {
  background-color: var(--krds-light-color-action-secondary-hover);
}
#krds-footer .foot-quick .inner .link:active,
#krds-footer .foot-quick .inner .link:focus {
  background-color: var(--krds-light-color-action-secondary-pressed);
}
#krds-footer > .inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
#krds-footer > .inner {
  gap: var(--krds-gap-9);
  padding: var(--krds-padding-10) var(--krds-contents-padding-x) var(--krds-padding-8) var(--krds-contents-padding-x);
}
#krds-footer .f-logo {
  width: 18.7rem;
  height: var(--krds-size-height-7);
  background-image: url(../../../_images/common/f-logo.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#krds-footer .f-cnt {
  display: flex;
  gap: var(--krds-gap-7);
}
#krds-footer .f-cnt {
  justify-content: space-between;
  flex: 1;
}
/* #krds-footer .f-cnt .f-info {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-gap-5);
} */
#krds-footer .f-cnt .f-info .info-cs {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  gap: var(--krds-gap-3);
}
#krds-footer .f-cnt .f-info .info-cs li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
#krds-footer .f-cnt .f-info .info-cs li .key-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
#krds-footer .f-cnt .f-info .info-cs li .key-info span {
  font-weight: var(--krds-font-weight-regular);
}
#krds-footer .f-cnt .f-info .info-cs li .more-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
  padding-left: var(--krds-padding-3);
}
#krds-footer .f-cnt .f-info .info-cs li .more-info:before {
  content: "";
  width: var(--krds-number-1);
  height: var(--krds-number-7);
  background-color: var(--krds-light-color-divider-gray-dark);
}
#krds-footer .f-cnt .f-cs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
#krds-footer .f-cnt .f-cs {
  width: 23.5%;
}
#krds-footer .f-cnt .f-cs dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-2);
}
#krds-footer .f-cnt .f-cs dl .info-tit {
  font-weight: var(--krds-font-weight-regular);
}
#krds-footer .f-cnt .f-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--krds-gap-9);
}
#krds-footer .f-cnt .f-link {
  flex-shrink: 0;
  width: 23.5%;
}
#krds-footer .f-cnt .f-link .link-go {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-2);
}
#krds-footer .f-cnt .f-link .link-go .krds-btn.text {
  gap: var(--krds-button--gap-medium);
  height: var(--krds-button--size-height-medium);
  padding: var(--krds-button--padding-y-medium)
    var(--krds-button--padding-x-medium);
  border-radius: var(--krds-button--radius-medium);
  font-size: var(--krds-button--pc-font-size-medium);
  font-weight: var(--krds-button--font-weight-medium);
}

#krds-footer .krds-btn.point {
  color: #032562;
  font-weight: 600;
}

#krds-footer .f-cnt .f-link .link-go .krds-btn.text .svg-icon {
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
}

#krds-footer .f-btm {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: var(--krds-padding-6);
  padding-left: var(--krds-padding-2);
  padding-right: var(--krds-padding-2);
  gap: var(--krds-gap-9);
  border-top: var(--krds-light-border-width-static-regular) solid
    var(--krds-light-color-divider-gray-light);
}
#krds-footer .f-btm .f-btm-text {
  display: flex;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-3);
}
#krds-footer .f-btm .f-btm-text .f-menu {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--krds-gap-3);
}
#krds-footer .f-btm .f-btm-text .f-copy {
  font-size: var(--krds-pc-font-size-body-small);
  color: var(--krds-light-color-text-subtle);
}
#krds-footer .f-btm .krds-identifier-txt {
  display: flex;
  align-items: center;
  font-size: var(--krds-pc-font-size-body-small);
  line-height: 1;
  white-space: nowrap;
}
#krds-footer .f-btm .krds-identifier-txt .f-btm-text {
  display: flex;
}
#krds-footer .footer-banner {
  background-color: var(--krds-light-color-surface-gray-subtle);
  padding: var(--krds-padding-6) 0;
}
#krds-footer .footer-banner .inner {
  display: flex;
  gap: var(--krds-gap-5);
}
#krds-footer .footer-banner .inner {
  padding-inline: 0;
}
[data-krds-mode="high-contrast"] #krds-footer {
  background-color: var(--krds-high-contrast-color-surface-gray-subtler);
}
[data-krds-mode="high-contrast"] #krds-footer .foot-quick {
  border-top: var(--krds-high-contrast-border-width-static-regular) solid
    var(--krds-high-contrast-color-border-gray-light);
  border-bottom: var(--krds-high-contrast-border-width-static-regular) solid
    var(--krds-high-contrast-color-border-gray-light);
  background-color: var(--krds-high-contrast-color-background-white);
}
[data-krds-mode="high-contrast"] #krds-footer .foot-quick .inner .link {
  background-color: var(--krds-high-contrast-color-action-secondary);
  border-right: var(--krds-high-contrast-border-width-static-regular) solid
    var(--krds-high-contrast-color-border-gray-light);
}
[data-krds-mode="high-contrast"]
  #krds-footer
  .foot-quick
  .inner
  .link:first-child {
  border-left: var(--krds-high-contrast-border-width-static-regular) solid
    var(--krds-high-contrast-color-border-gray-light);
}
[data-krds-mode="high-contrast"] #krds-footer .foot-quick .inner .link::after {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode="high-contrast"] #krds-footer .foot-quick .inner .link:hover {
  background-color: var(--krds-high-contrast-color-action-secondary-hover);
}
[data-krds-mode="high-contrast"] #krds-footer .foot-quick .inner .link:active,
[data-krds-mode="high-contrast"] #krds-footer .foot-quick .inner .link:focus {
  background-color: var(--krds-high-contrast-color-action-secondary-pressed);
}
[data-krds-mode="high-contrast"]
  #krds-footer
  .f-cnt
  .f-info
  .info-cs
  li
  .more-info:before {
  background-color: var(--krds-high-contrast-color-divider-gray-dark);
}
[data-krds-mode="high-contrast"] #krds-footer .f-btm {
  border-top: var(--krds-high-contrast-border-width-static-regular) solid
    var(--krds-high-contrast-color-divider-gray-light);
}
[data-krds-mode="high-contrast"] #krds-footer .f-btm .f-btm-text .f-copy {
  color: var(--krds-high-contrast-color-text-subtle);
}
[data-krds-mode="high-contrast"] #krds-footer .f-banner {
  background-color: var(--krds-high-contrast-color-surface-gray-subtle);
}
[data-krds-mode="high-contrast"] #krds-footer .footer-banner {
  background-color: var(--krds-high-contrast-color-surface-gray-subtle);
}
[data-krds-mode="high-contrast"] #krds-footer .f-logo {
  /* background-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_logo_krds_high_contrast.svg); */
  background-image: url(/image/icon/ico_logo_krds_high_contrast.svg);
}

.krds-side-navigation {
  --krds-side-navigation--padding: var(--krds-padding-10);
  --krds-side-navigation--title-padding-x: var(--krds-padding-3);
  --krds-side-navigation--title-padding-bottom: var(--krds-padding-6);
  --krds-side-navigation--title-font-size: var(
    --krds-pc-font-size-navigation-title-medium
  );
  --krds-side-navigation--btn-gap: var(--krds-gap-3);
  --krds-side-navigation--btn-padding-x: var(--krds-padding-3);
  --krds-side-navigation--btn-padding-y: var(--krds-padding-6);
  --krds-side-navigation--btn-padding-y-selected: var(--krds-padding-3);
  --krds-side-navigation--btn-font-size: var(
    --krds-pc-font-size-navigation-depth-medium-bold
  );
  --krds-side-navigation--3depth-padding-y: var(--krds-padding-3);
  --krds-side-navigation--3depth-btn-padding-x: var(--krds-padding-6);
  --krds-side-navigation--3depth-btn-padding-y: var(--krds-padding-3);
  --krds-side-navigation--3depth-btn-radius: var(--krds-radius-medium2);
  --krds-side-navigation--4depth-padding: var(--krds-padding-6);
  --krds-side-navigation--4depth-title-padding: var(--krds-padding-3);
  --krds-side-navigation--4depth-title-radius: var(--krds-radius-medium3);
  --krds-side-navigation--4depth-title-font-size: var(
    --krds-pc-font-size-navigation-title-medium
  );
  --krds-side-navigation--title-color-border: var(
    --krds-light-color-divider-gray
  );
  --krds-side-navigation--title-border-width: var(
    --krds-light-border-width-static-regular
  );
  --krds-side-navigation--color-action: var(
    --krds-light-color-action-secondary
  );
  --krds-side-navigation--color-action-hover: var(
    --krds-light-color-action-secondary-hover
  );
  --krds-side-navigation--color-action-pressed: var(
    --krds-light-color-action-secondary-pressed
  );
  --krds-side-navigation--color-action-selected: var(
    --krds-light-color-action-secondary-selected
  );
  --krds-side-navigation--color-border: var(
    --krds-light-color-divider-gray-light
  );
  --krds-side-navigation--color-text-selected: var(
    --krds-light-color-text-secondary
  );
  --krds-side-navigation--color-border-selected: var(
    --krds-light-color-action-secondary-active
  );
  --krds-side-navigation--item-color-border: var(
    --krds-light-color-divider-gray-light
  );
  --krds-side-navigation--item-color-border-selected: var(
    --krds-light-color-border-gray
  );
  --krds-side-navigation--item-border-width: var(
    --krds-light-border-width-static-regular
  );
  --krds-side-navigation--2depth-btn-color-border: var(
    --krds-light-color-border-secondary
  );
  --krds-side-navigation--4depth-color-border: var(
    --krds-light-color-border-gray
  );
  --krds-side-navigation--4depth-background: var(
    --krds-light-color-background-white
  );
  position: relative;
  overflow: hidden;
  padding: var(--krds-side-navigation--padding) 0;
}
.krds-side-navigation .lnb-tit {
  font-size: var(--krds-side-navigation--title-font-size);
  font-weight: var(--krds-font-weight-bold);
  padding: 0 var(--krds-side-navigation--title-padding-x)
    var(--krds-side-navigation--title-padding-bottom)
    var(--krds-side-navigation--title-padding-x);
  border-bottom: var(--krds-side-navigation--title-border-width) solid
    var(--krds-side-navigation--title-color-border);
}
.krds-side-navigation .lnb-list .lnb-item {
  border-bottom: var(--krds-side-navigation--item-border-width) solid
    var(--krds-side-navigation--item-color-border);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-side-navigation--btn-gap);
  position: relative;
  width: 100%;
  background-color: var(--krds-side-navigation--color-action);
  padding: var(--krds-side-navigation--btn-padding-y)
    var(--krds-side-navigation--btn-padding-x);
  font-size: var(--krds-side-navigation--btn-font-size);
  font-weight: var(--krds-font-weight-bold);
  text-align: left;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:hover {
  background-color: var(--krds-side-navigation--color-action-hover);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:active {
  background-color: var(--krds-side-navigation--color-action-pressed);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn.selected {
  background-color: var(--krds-side-navigation--color-action-selected);
  color: var(--krds-side-navigation--color-text-selected);
}

.krds-side-navigation .lnb-list.sideMenu1 .active{background-color:#eef2f7;}

.krds-side-navigation .lnb-list .lnb-item [class*="lnb-toggle"]::after {
  content: "";
  flex-shrink: 0;
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg); */
  -webkit-mask-image: url(/image/icon/ico_angle.svg);
  mask-image: url(/image/icon/ico_angle.svg);
  margin-top: var(--krds-padding-1);
  margin-left: auto;
  transition: var(--krds-transition-base);
  transform: rotate(0);
}
.krds-side-navigation .lnb-list .lnb-item [class*="lnb-toggle"].notAfter::after{
	display:none;
}
.krds-side-navigation
  .lnb-list
  .lnb-item
  [class*="lnb-toggle"][aria-expanded="true"] {
  padding-bottom: var(--krds-side-navigation--btn-padding-y-selected);
}
.krds-side-navigation
  .lnb-list
  .lnb-item
  [class*="lnb-toggle"][aria-expanded="true"]::after {
  background-color: var(--krds-side-navigation--color-text-selected);
  transform: rotate(180deg);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: var(--krds-transition-base);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu > ul {
  padding: 0;
  overflow: hidden;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn {
  padding: var(--krds-side-navigation--3depth-btn-padding-y)
    var(--krds-side-navigation--3depth-btn-padding-x);
  border-radius: var(--krds-side-navigation--3depth-btn-radius);
  font-weight: var(--krds-font-weight-regular);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn::before {
  content: "•";
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn.selected {
  color: var(--krds-side-navigation--color-text-selected);
  font-weight: var(--krds-font-weight-bold);
}
.krds-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(--krds-side-navigation--4depth-background);
  transition: var(--krds-transition-base);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2.active {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 > ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  padding: var(--krds-side-navigation--4depth-padidng) 0;
  border-top: 0.1rem solid var(--krds-side-navigation--4depth-color-border);
  border-bottom: 0.1rem solid var(--krds-side-navigation--4depth-color-border);
}
.krds-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(--krds-gap-2);
  width: 100%;
  padding: var(--krds-side-navigation--4depth-title-padding) !important;
  margin-bottom: var(--krds-padding-3);
  font-size: var(--krds-side-navigation--4depth-title-font-size);
  font-weight: var(--krds-font-weight-bold);
  text-align: left;
  border-radius: var(--krds-side-navigation--4depth-title-radius);
}
.krds-side-navigation
  .lnb-list
  .lnb-item
  .lnb-submenu-lv2
  .lnb-btn-tit::before {
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  /* -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
  mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg); */
  -webkit-mask-image: url(/image/icon/ico_angle.svg);
  mask-image: url(/image/icon/ico_angle.svg);
  transform: rotate(90deg);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:hover {
  background-color: var(--krds-side-navigation--color-action-hover);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:active {
  background-color: var(--krds-side-navigation--color-action-pressed);
}
.krds-side-navigation .lnb-list .lnb-item.active {
  border-bottom-color: var(--krds-side-navigation--item-color-border-selected);
}
.krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  padding: var(--krds-side-navigation--3depth-padding-y) 0;
}
.krds-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(--krds-side-navigation--color-border-selected);
  transition: var(--krds-transition-base);
}
.krds-side-navigation .lnb-list > li > .lnb-btn:hover::before {
  left: 0;
  width: 100%;
}
.krds-side-navigation
  .lnb-list
  > li
  > .lnb-btn.active:not(.lnb-toggle)::before {
  left: 0;
  width: 100%;
}
[data-krds-mode="high-contrast"] .krds-side-navigation {
  --krds-side-navigation--title-color-border: var(
    --krds-high-contrast-color-divider-gray
  );
  --krds-side-navigation--title-border-width: var(
    --krds-high-contrast-border-width-static-regular
  );
  --krds-side-navigation--color-action: var(
    --krds-high-contrast-color-action-secondary
  );
  --krds-side-navigation--color-action-hover: var(
    --krds-high-contrast-color-action-secondary-hover
  );
  --krds-side-navigation--color-action-pressed: var(
    --krds-high-contrast-color-action-secondary-pressed
  );
  --krds-side-navigation--color-action-selected: var(
    --krds-high-contrast-color-action-secondary-selected
  );
  --krds-side-navigation--color-border: var(
    --krds-high-contrast-color-divider-gray-light
  );
  --krds-side-navigation--color-text-selected: var(
    --krds-high-contrast-color-text-secondary
  );
  --krds-side-navigation--color-border-selected: var(
    --krds-high-contrast-color-action-secondary-active
  );
  --krds-side-navigation--item-color-border: var(
    --krds-high-contrast-color-divider-gray-light
  );
  --krds-side-navigation--item-color-border-selected: var(
    --krds-high-contrast-color-border-gray
  );
  --krds-side-navigation--item-border-width: var(
    --krds-high-contrast-border-width-static-regular
  );
  --krds-side-navigation--2depth-btn-color-border: var(
    --krds-high-contrast-color-border-secondary
  );
  --krds-side-navigation--4depth-color-border: var(
    --krds-high-contrast-color-border-gray
  );
  --krds-side-navigation--4depth-background: var(
    --krds-high-contrast-color-background-white
  );
}
[data-krds-mode="high-contrast"]
  .krds-side-navigation
  .lnb-list
  .lnb-item
  [class*="lnb-toggle"]::after {
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode="high-contrast"]
  .krds-side-navigation
  .lnb-list
  .lnb-item
  .lnb-submenu-lv2
  .lnb-btn-tit::before {
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.noAfterCSS::after{
	content: none;
	display: none;
}