/*!
 * KRDS 메인 메뉴 (GNB) - PC 메가메뉴 + 모바일 전체메뉴
 * 출처: 대한민국 정부 UI/UX 디자인시스템(KRDS, 행정안전부, krds-uiux 1.1.0, 공공누리 제1유형)
 * component.css 에서 메인메뉴 관련 규칙만 추출. 하단 "사이트 연동 보정" 은 이 사이트용 추가분.
 */
:root {
  --krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-light-color-border-primary);
  --krds-contents-size: 1240px;   /* 이 사이트 본문 폭(1280 - 좌우 패딩 20px) */
  --krds-font-underline-offset: 0.3rem;
  --krds-font-weight-bold: 700;
  --krds-font-weight-regular: 400;
  --krds-icon--size-large: var(--krds-size-height-4);
  --krds-icon--size-medium: var(--krds-size-height-3);
  --krds-transition-base: 0.4s ease-in-out;
}
:root {
  --krds-color-high-contrast-alpha-black0: #00000000;
  --krds-color-high-contrast-alpha-black75: #000000bf;
  --krds-color-high-contrast-gray-100: #000000;
  --krds-color-high-contrast-gray-20: #cdd1d5;
  --krds-color-high-contrast-gray-5: #f4f5f6;
  --krds-color-high-contrast-gray-70: #464c53;
  --krds-color-high-contrast-gray-80: #33363d;
  --krds-color-high-contrast-gray-90: #1e2124;
  --krds-color-high-contrast-gray-95: #131416;
  --krds-color-high-contrast-secondary-20: #abd8e3;
  --krds-color-high-contrast-secondary-60: #1f687a;
  --krds-color-high-contrast-secondary-90: #0e3139;
  --krds-color-high-contrast-secondary-95: #091f25;
  --krds-color-light-alpha-black0: #00000000;
  --krds-color-light-alpha-black75: #000000bf;
  --krds-color-light-alpha-white0: #ffffff00;
  --krds-color-light-gray-0: #ffffff;
  --krds-color-light-gray-10: #e6e8ea;
  --krds-color-light-gray-100: #000000;
  --krds-color-light-gray-20: #cdd1d5;
  --krds-color-light-gray-30: #b1b8be;
  --krds-color-light-gray-40: #8a949e;
  --krds-color-light-gray-5: #f4f5f6;
  --krds-color-light-gray-70: #464c53;
  --krds-color-light-gray-90: #1e2124;
  --krds-color-light-secondary-10: #d6e0eb;
  --krds-color-light-secondary-5: #eef2f7;
  --krds-color-light-secondary-70: #063a74;
  --krds-color-light-secondary-80: #052b57;
  --krds-gap-1: var(--krds-number-2);
  --krds-gap-2: var(--krds-number-3);
  --krds-gap-3: var(--krds-number-5);
  --krds-gap-5: var(--krds-number-8);
  --krds-gap-7: var(--krds-number-10);
  --krds-gap-9: var(--krds-number-14);
  --krds-high-contrast-border-width-static-regular: 0.1rem;
  --krds-high-contrast-color-action-secondary: var(--krds-color-light-alpha-black0);
  --krds-high-contrast-color-action-secondary-active: var(--krds-color-high-contrast-secondary-60);
  --krds-high-contrast-color-action-secondary-hover: var(--krds-color-high-contrast-secondary-95);
  --krds-high-contrast-color-action-secondary-on: var(--krds-color-high-contrast-alpha-black0);
  --krds-high-contrast-color-action-secondary-on-pressed: var(--krds-color-high-contrast-secondary-90);
  --krds-high-contrast-color-action-secondary-on-selected: var(--krds-color-high-contrast-gray-95);
  --krds-high-contrast-color-action-secondary-pressed: var(--krds-color-high-contrast-secondary-90);
  --krds-high-contrast-color-action-secondary-selected: var(--krds-color-high-contrast-secondary-95);
  --krds-high-contrast-color-action-white: var(--krds-color-light-gray-100);
  --krds-high-contrast-color-background-dim: var(--krds-color-high-contrast-alpha-black75);
  --krds-high-contrast-color-border-gray: var(--krds-color-high-contrast-gray-70);
  --krds-high-contrast-color-border-gray-light: var(--krds-color-high-contrast-gray-80);
  --krds-high-contrast-color-divider-gray: var(--krds-color-high-contrast-gray-70);
  --krds-high-contrast-color-divider-gray-light: var(--krds-color-high-contrast-gray-80);
  --krds-high-contrast-color-icon-gray-fill: var(--krds-color-high-contrast-gray-70);
  --krds-high-contrast-color-surface-gray-subtle: var(--krds-color-high-contrast-gray-90);
  --krds-high-contrast-color-surface-gray-subtler: var(--krds-color-high-contrast-gray-95);
  --krds-high-contrast-color-surface-secondary-subtler: var(--krds-color-high-contrast-secondary-95);
  --krds-high-contrast-color-surface-white: var(--krds-color-high-contrast-gray-100);
  --krds-high-contrast-color-surface-white-subtle: var(--krds-color-high-contrast-gray-95);
  --krds-high-contrast-color-text-basic: var(--krds-color-high-contrast-gray-5);
  --krds-high-contrast-color-text-secondary: var(--krds-color-high-contrast-secondary-20);
  --krds-high-contrast-color-text-subtle: var(--krds-color-high-contrast-gray-20);
  --krds-light-border-width-static-regular: 0.1rem;
  --krds-light-color-action-secondary: var(--krds-color-light-alpha-white0);
  --krds-light-color-action-secondary-active: var(--krds-color-light-secondary-70);
  --krds-light-color-action-secondary-hover: var(--krds-color-light-secondary-5);
  --krds-light-color-action-secondary-on: var(--krds-color-light-alpha-white0);
  --krds-light-color-action-secondary-on-pressed: var(--krds-color-light-secondary-10);
  --krds-light-color-action-secondary-on-selected: var(--krds-color-light-gray-0);
  --krds-light-color-action-secondary-pressed: var(--krds-color-light-secondary-10);
  --krds-light-color-action-secondary-selected: var(--krds-color-light-secondary-5);
  --krds-light-color-action-white: var(--krds-color-light-gray-0);
  --krds-light-color-background-dim: var(--krds-color-light-alpha-black75);
  --krds-light-color-border-gray: var(--krds-color-light-gray-30);
  --krds-light-color-border-gray-light: var(--krds-color-light-gray-20);
  --krds-light-color-divider-gray: var(--krds-color-light-gray-40);
  --krds-light-color-divider-gray-light: var(--krds-color-light-gray-20);
  --krds-light-color-icon-gray-fill: var(--krds-color-light-gray-20);
  --krds-light-color-surface-gray-subtle: var(--krds-color-light-gray-10);
  --krds-light-color-surface-gray-subtler: var(--krds-color-light-gray-5);
  --krds-light-color-surface-secondary-subtler: var(--krds-color-light-secondary-5);
  --krds-light-color-surface-white: var(--krds-color-light-gray-0);
  --krds-light-color-surface-white-subtle: var(--krds-color-light-gray-0);
  --krds-light-color-text-basic: var(--krds-color-light-gray-90);
  --krds-light-color-text-secondary: var(--krds-color-light-secondary-80);
  --krds-light-color-text-subtle: var(--krds-color-light-gray-70);
  --krds-mobile-font-size-navigation-depth-medium: 1.7rem;
  --krds-mobile-font-size-navigation-depth-medium-bold: 1.7rem;
  --krds-mobile-font-size-navigation-title-small: 1.9rem;
  --krds-number-10: 2.4rem;
  --krds-number-14: 4rem;
  --krds-number-17: 5.6rem;
  --krds-number-18: 6.4rem;
  --krds-number-2: 0.2rem;
  --krds-number-3: 0.4rem;
  --krds-number-4: 0.6rem;
  --krds-number-5: 0.8rem;
  --krds-number-6: 1rem;
  --krds-number-7: 1.2rem;
  --krds-number-8: 1.6rem;
  --krds-number-9: 2rem;
  --krds-number-max: 100rem;
  --krds-padding-10: var(--krds-number-14);
  --krds-padding-2: var(--krds-number-3);
  --krds-padding-3: var(--krds-number-5);
  --krds-padding-4: var(--krds-number-6);
  --krds-padding-5: var(--krds-number-7);
  --krds-padding-6: var(--krds-number-8);
  --krds-padding-8: var(--krds-number-10);
  --krds-pc-font-size-body-medium: 1.7rem;
  --krds-pc-font-size-navigation-depth-medium: 1.7rem;
  --krds-pc-font-size-navigation-depth-medium-bold: 1.7rem;
  --krds-pc-font-size-navigation-title-medium: 2.4rem;
  --krds-pc-font-size-navigation-title-small: 1.9rem;
  --krds-radius-max: var(--krds-number-max);
  --krds-radius-medium1: var(--krds-number-4);
  --krds-radius-medium2: var(--krds-number-4);
  --krds-radius-medium3: var(--krds-number-5);
  --krds-size-height-2: var(--krds-number-8);
  --krds-size-height-3: var(--krds-number-9);
  --krds-size-height-6: var(--krds-number-14);
  --krds-size-height-8: var(--krds-number-17);
  --krds-size-height-9: var(--krds-number-18);
}

@media (min-width: 1024px){
  .is-gnb-web{
    overflow: hidden;
  }
  .is-gnb-web #wrap.scroll-down #krds-header .header-in{
    transform: translateY(0);
  }
  .is-gnb-web.hasScrollY #krds-masthead,
  .is-gnb-web.hasScrollY #krds-header .header-container,
  .is-gnb-web.hasScrollY #krds-header .krds-main-menu,
  .is-gnb-web.hasScrollY #krds-header .gnb-toggle-wrap,
  .is-gnb-web.hasScrollY #container,
  .is-gnb-web.hasScrollY #krds-footer{
    padding-right: 1.7rem;
  }
  .is-gnb-web.hasScrollY #krds-footer .foot-quick{
    padding-right: 1.7rem;
    margin-right: -1.7rem;
  }
}
.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(../../images/krds/ico_angle.svg);
  mask-image: url(../../images/krds/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;
}
@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(../../images/krds/ico_angle.svg);
  mask-image: url(../../images/krds/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(../../images/krds/ico_more.svg);
  mask-image: url(../../images/krds/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(../../images/krds/ico_go.svg);
  mask-image: url(../../images/krds/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 (prefers-color-scheme: dark){
  [data-krds-mode=theme] .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=theme] .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=theme] .krds-main-menu .gnb-menu .gnb-main-trigger.is-link::after{
    display: none;
  }
  [data-krds-mode=theme] .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=theme] .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=theme] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before,
  [data-krds-mode=theme] .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=theme] .gnb-backdrop{
    --krds-main-menu--color-dim: var(--krds-high-contrast-color-background-dim);
  }
}
.krds-main-menu-mobile{
  --krds-main-menu-mobile--dim-transition: opacity 0.5s 0.1s;
  --krds-main-menu-mobile--header-gap: var(--krds-gap-5);
  --krds-main-menu-mobile--header-padding-x: var(--krds-padding-6);
  --krds-main-menu-mobile--header-padding-top: var(--krds-padding-6);
  --krds-main-menu-mobile--header-padding-bottom: var(--krds-padding-8);
  --krds-main-menu-mobile--utils-gap-layout-li-li: var(--krds-gap-5);
  --krds-main-menu-mobile--utils-line-height: var(--krds-size-height-2);
  --krds-main-menu-mobile--login-gap: var(--krds-gap-3);
  --krds-main-menu-mobile--service-menu-gap-layout-menu: var(--krds-gap-3);
  --krds-main-menu-mobile--service-menu-gap-layout-icon-text: var(--krds-gap-1);
  --krds-main-menu-mobile--service-menu-font-size: var(--krds-mobile-font-size-navigation-depth-medium-bold);
  --krds-main-menu-mobile--service-menu-icon-size: var(--krds-size-height-3);
  --krds-main-menu-mobile--service-menu-border-radius: var(--krds-radius-medium1);
  --krds-main-menu-mobile--menu-left-width: 12.4rem;
  --krds-main-menu-mobile--main-trigger-height: var(--krds-size-height-9);
  --krds-main-menu-mobile--main-trigger-padding-x: var(--krds-padding-8);
  --krds-main-menu-mobile--main-trigger-font-size: var(--krds-mobile-font-size-navigation-depth-medium-bold);
  --krds-main-menu-mobile--sub-menu-padding: var(--krds-main-menu-mobile--header-padding-x);
  --krds-main-menu-mobile--sub-list-padding-y: var(--krds-padding-3);
  --krds-main-menu-mobile--sub-title-font-size: var(--krds-mobile-font-size-navigation-title-small);
  --krds-main-menu-mobile--sub-title-padding-x: var(--krds-padding-3);
  --krds-main-menu-mobile--sub-title-padding-top: var(--krds-padding-3);
  --krds-main-menu-mobile--sub-title-padding-bottom: var(--krds-padding-6);
  --krds-main-menu-mobile--sub-menu-trigger-font-size: var(--krds-mobile-font-size-navigation-depth-medium);
  --krds-main-menu-mobile--sub-menu-trigger-font-size-active: var(--krds-mobile-font-size-navigation-depth-medium-bold);
  --krds-main-menu-mobile--sub-menu-trigger-padding-x: var(--krds-padding-3);
  --krds-main-menu-mobile--sub-menu-trigger-padding-y: var(--krds-padding-5);
  --krds-main-menu-mobile--sub-menu-trigger-border-radius: var(--krds-radius-medium3);
  --krds-main-menu-mobile--depth3-gap: var(--krds-gap-3);
  --krds-main-menu-mobile--depth3-sub-menu-gap: var(--krds-gap-3);
  --krds-main-menu-mobile--depth3-sub-menu-margin-top: var(--krds-gap-3);
  --krds-main-menu-mobile--depth3-sub-menu-padding-x: var(--krds-padding-6);
  --krds-main-menu-mobile--depth3-sub-menu-padding-y: var(--krds-padding-4);
  --krds-main-menu-mobile--depth3-sub-menu-border-radius: var(--krds-radius-medium2);
  --krds-main-menu-mobile--depth4-head-padding: var(--krds-padding-6);
  --krds-main-menu-mobile--depth4-body-padding-x: var(--krds-main-menu-mobile--sub-menu-padding);
  --krds-main-menu-mobile--depth4-sub-title: var(--krds-main-menu-mobile--sub-title-font-size);
  --krds-main-menu-mobile--depth4-sub-title-padding-x: var(--krds-main-menu-mobile--sub-title-padding-x);
  --krds-main-menu-mobile--depth4-sub-title-padding-top: var(--krds-main-menu-mobile--sub-title-padding-top);
  --krds-main-menu-mobile--depth4-sub-title-padding-bottom: var(--krds-main-menu-mobile--sub-title-padding-bottom);
  --krds-main-menu-mobile--depth4-list-gap: var(--krds-gap-3);
  --krds-main-menu-mobile--depth4-list-gap-layout-dot-text: var(--krds-gap-2);
  --krds-main-menu-mobile--depth4-list-li-border-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius);
  --krds-main-menu-mobile--depth4-list-li-padding-x: var(--krds-main-menu-mobile--depth3-sub-menu-padding-x);
  --krds-main-menu-mobile--depth4-list-li-padding-y: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y);
  --krds-main-menu-mobile--tab-nav-menu-padding-x: var(--krds-main-menu-mobile--header-padding-x);
  --krds-main-menu-mobile--tab-nav-menu-padding-top: var(--krds-padding-6);
  --krds-main-menu-mobile--tab-nav-menu-margin-top: var(--krds-padding-8);
  --krds-main-menu-mobile--tab-nav-menu-margin-x: var(--krds-main-menu-mobile--header-padding-x);
  --krds-main-menu-mobile--tab-nav-menu-list-gap: var(--krds-gap-3);
  --krds-main-menu-mobile--tab-nav-menu-list-padding-bottom: var(--krds-main-menu-mobile--tab-nav-menu-padding-top);
  --krds-main-menu-mobile--tab-nav-main-trigger-height: var(--krds-size-height-6);
  --krds-main-menu-mobile--tab-nav-main-trigger-padding-x: var(--krds-padding-4);
  --krds-main-menu-mobile--tab-nav-main-trigger-border-radius: var(--krds-radius-medium1);
  --krds-main-menu-mobile--type-tab-sub-list-padding: var(--krds-main-menu-mobile--header-padding-x);
  --krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width: 0.4rem;
  --krds-main-menu-mobile--type-tab-sub-list-border-bottom-width: var(--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width);
  --krds-main-menu-mobile--type-tab-sub-list-border-bottom-color: var(--krds-main-menu-mobile--header-color-border);
  --krds-main-menu-mobile--type-tab-sub-banner-gap: var(--krds-gap-5);
  --krds-main-menu-mobile--type-tab-sub-banner-border-radius: var(--krds-radius-medium3);
  --krds-main-menu-mobile--type-tab-sub-banner-padding-x: var(--krds-padding-6);
  --krds-main-menu-mobile--type-tab-sub-banner-padding-y: var(--krds-padding-2);
  --krds-main-menu-mobile--color-dim: var(--krds-light-color-background-dim);
  --krds-main-menu-mobile--color-surface: var(--krds-light-color-surface-white);
  --krds-main-menu-mobile--header-border-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--header-color-border: var(--krds-light-color-divider-gray-light);
  --krds-main-menu-mobile--utils-line-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--utils-color-border: var(--krds-light-color-border-gray-light);
  --krds-main-menu-mobile--service-menu-color-icon: var(--krds-light-color-icon-gray-fill);
  --krds-main-menu-mobile--service-menu-color-action-active: var(--krds-light-color-action-secondary-on-pressed);
  --krds-main-menu-mobile--menu-color-surface: var(--krds-light-color-surface-secondary-subtler);
  --krds-main-menu-mobile--main-trigger-color-text-active: var(--krds-light-color-text-secondary);
  --krds-main-menu-mobile--main-trigger-color-action-active: var(--krds-light-color-action-secondary-on-selected);
  --krds-main-menu-mobile--main-trigger-color-action-pressed: var(--krds-light-color-action-secondary-on-pressed);
  --krds-main-menu-mobile--sub-menu-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-main-menu-mobile--sub-title-border-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--sub-title-color-border: var(--krds-light-color-divider-gray);
  --krds-main-menu-mobile--sub-menu-trigger-color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-main-menu-mobile--sub-menu-trigger-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--sub-menu-trigger-color-text: var(--krds-light-color-text-secondary);
  --krds-main-menu-mobile--depth3-sub-menu-color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-main-menu-mobile--depth3-sub-menu-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--depth4-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-main-menu-mobile--depth4-list-li-color-text-hover: var(--krds-light-color-text-secondary);
  --krds-main-menu-mobile--depth4-list-li-color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-main-menu-mobile--depth4-list-li-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--tab-nav-menu-border-top-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--tab-nav-menu-color-border-top: var(--krds-light-color-divider-gray-light);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-action: var(--krds-light-color-action-white);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--tab-nav-main-trigger-border-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-border: var(--krds-light-color-border-gray);
  --krds-main-menu-mobile--type-tab-menu-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-main-menu-mobile--type-tab-sub-banner-color-surface: var(--krds-light-color-surface-gray-subtler);
  --krds-main-menu-mobile--search-layer-body-background: var(--krds-light-color-surface-gray-subtler);
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 100;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile::after{
  display: none;
  opacity: 0;
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--krds-main-menu-mobile--color-dim);
  transition: var(--krds-main-menu-mobile--dim-transition);
}
.krds-main-menu-mobile.is-open{
  visibility: visible;
  right: 0;
}
.krds-main-menu-mobile.is-open::after{
  opacity: 1;
}
.krds-main-menu-mobile.is-backdrop::after{
  display: block;
}
.krds-main-menu-mobile .gnb-wrap{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  height: 100%;
  background-color: var(--krds-main-menu-mobile--color-surface);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-main-menu-mobile--header-gap);
  padding: var(--krds-main-menu-mobile--header-padding-top) var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-bottom);
  border-bottom: var(--krds-main-menu-mobile--header-border-width) solid var(--krds-main-menu-mobile--header-color-border);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list > li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list > li:not(:first-child){
  margin-left: var(--krds-main-menu-mobile--utils-gap-layout-li-li);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list > li:not(:first-child)::before{
  content: "";
  width: var(--krds-main-menu-mobile--utils-line-width);
  height: var(--krds-main-menu-mobile--utils-line-height);
  margin-right: var(--krds-main-menu-mobile--utils-gap-layout-li-li);
  background-color: var(--krds-main-menu-mobile--utils-color-border);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-main-menu-mobile--login-gap);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login .user, .krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login button{
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-main-menu-mobile--service-menu-gap-layout-menu);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--krds-main-menu-mobile--service-menu-gap-layout-icon-text);
  font-size: var(--krds-main-menu-mobile--service-menu-font-size);
  font-weight: var(--krds-font-weight-bold);
  width: 8rem;
  height: 5.6rem;
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link::before{
  display: inline-flex;
  content: "";
  width: var(--krds-main-menu-mobile--service-menu-icon-size);
  height: var(--krds-main-menu-mobile--service-menu-icon-size);
  background-color: var(--krds-main-menu-mobile--service-menu-color-icon);
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link:active{
  border-radius: var(--krds-main-menu-mobile--service-menu-border-radius);
  background-color: var(--krds-main-menu-mobile--service-menu-color-action-active);
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu{
  display: flex;
  position: relative;
  background-color: var(--krds-main-menu-mobile--menu-color-surface);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  top: 0;
  left: 0;
  width: var(--krds-main-menu-mobile--menu-left-width);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul{
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--krds-main-menu-mobile--main-trigger-height);
  padding: 0 var(--krds-main-menu-mobile--main-trigger-padding-x);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger, .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger > *{
  font-size: var(--krds-main-menu-mobile--main-trigger-font-size);
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger:focus{
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
  background-color: var(--krds-main-menu-mobile--main-trigger-color-action-pressed);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger.active{
  color: var(--krds-main-menu-mobile--main-trigger-color-text-active);
  background-color: var(--krds-main-menu-mobile--main-trigger-color-action-active);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  background-color: var(--krds-main-menu-mobile--sub-menu-color-surface);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list{
  padding: var(--krds-main-menu-mobile--sub-menu-padding);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul{
  padding: var(--krds-main-menu-mobile--sub-list-padding-y) 0;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  font-size: var(--krds-main-menu-mobile--sub-title-font-size);
  font-weight: var(--krds-font-weight-bold);
  padding: var(--krds-main-menu-mobile--sub-title-padding-top) var(--krds-main-menu-mobile--sub-title-padding-x) var(--krds-main-menu-mobile--sub-title-padding-bottom);
  border-bottom: var(--krds-main-menu-mobile--sub-title-border-width) solid var(--krds-main-menu-mobile--sub-title-color-border);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: var(--krds-main-menu-mobile--sub-menu-trigger-padding-y) var(--krds-main-menu-mobile--sub-menu-trigger-padding-x);
  font-size: var(--krds-main-menu-mobile--sub-menu-trigger-font-size);
  border-radius: var(--krds-main-menu-mobile--sub-menu-trigger-border-radius);
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover{
  background-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-hover);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.selected{
  color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text);
  font-size: var(--krds-main-menu-mobile--sub-menu-trigger-font-size-active);
  font-weight: var(--krds-font-weight-bold);
  background-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after{
  content: "";
  display: inline-flex;
  width: var(--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(../../images/krds/ico_angle.svg);
  mask-image: url(../../images/krds/ico_angle.svg);
  flex-shrink: 0;
  margin-left: auto;
  transition: var(--krds-transition-base);
  transform: rotate(0deg);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active{
  background-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active);
  color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text);
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active::after{
  transform: rotate(180deg);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap{
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  margin-top: var(--krds-main-menu-mobile--depth3-sub-menu-margin-top);
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap > ul{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-main-menu-mobile--depth3-gap);
  overflow: hidden;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap.is-open{
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-main-menu-mobile--depth3-sub-menu-gap);
  padding: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-main-menu-mobile--depth3-sub-menu-padding-x);
  border-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius);
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger::before{
  content: "•";
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:focus{
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:hover{
  background-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-hover);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:active{
  background-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.selected{
  color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text);
  font-weight: var(--krds-font-weight-bold);
  background-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after{
  content: "";
  display: inline-flex;
  width: var(--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(../../images/krds/ico_angle.svg);
  mask-image: url(../../images/krds/ico_angle.svg);
  flex-shrink: 0;
  margin-left: auto;
  transform: rotate(-90deg);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap{
  display: none;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: var(--krds-main-menu-mobile--depth4-color-surface);
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-head{
  display: flex;
  align-items: normal;
  justify-content: space-between;
  flex-direction: row;
  font-weight: var(--krds-font-weight-bold);
  width: 100%;
  padding: var(--krds-main-menu-mobile--depth4-head-padding);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body{
  padding: 0 var(--krds-main-menu-mobile--depth4-body-padding-x);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .sub-title{
  font-size: var(--krds-main-menu-mobile--depth4-sub-title);
  padding: var(--krds-main-menu-mobile--depth4-sub-title-padding-top) var(--krds-main-menu-mobile--depth4-sub-title-padding-x) var(--krds-main-menu-mobile--depth4-sub-title-padding-bottom);
  margin: 0;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-main-menu-mobile--depth4-list-gap);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-main-menu-mobile--depth4-list-gap-layout-dot-text);
  padding: var(--krds-main-menu-mobile--depth4-list-li-padding-y) var(--krds-main-menu-mobile--depth4-list-li-padding-x);
  border-radius: var(--krds-main-menu-mobile--depth4-list-li-border-radius);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a::before{
  content: "•";
  font-weight: var(--krds-font-weight-regular);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:hover{
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-main-menu-mobile--depth4-list-li-color-text-hover);
  background-color: var(--krds-main-menu-mobile--depth4-list-li-color-action-hover);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:active{
  background-color: var(--krds-main-menu-mobile--depth4-list-li-color-action-active);
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap.is-open{
  display: block;
  right: 0;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-bottom{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
  padding: var(--krds-padding-6);
}
.krds-main-menu-mobile .gnb-wrap #close-nav{
  position: absolute;
  top: var(--krds-main-menu-mobile--header-padding-top);
  right: var(--krds-main-menu-mobile--header-padding-x);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav{
  display: none;
  height: 0;
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap{
  overflow: hidden;
  margin: var(--krds-main-menu-mobile--tab-nav-menu-margin-top) calc(var(--krds-main-menu-mobile--tab-nav-menu-margin-x) * -1) 0;
  padding: var(--krds-main-menu-mobile--tab-nav-menu-padding-top) var(--krds-main-menu-mobile--tab-nav-menu-padding-x) 0;
  border-top: var(--krds-main-menu-mobile--tab-nav-menu-border-top-width) solid var(--krds-main-menu-mobile--tab-nav-menu-color-border-top);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul{
  overflow-x: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-main-menu-mobile--tab-nav-menu-list-gap);
  padding-bottom: var(--krds-main-menu-mobile--tab-nav-menu-list-padding-bottom);
  scroll-behavior: smooth;
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0 var(--krds-main-menu-mobile--tab-nav-main-trigger-padding-x);
  height: var(--krds-main-menu-mobile--tab-nav-main-trigger-height);
  border: var(--krds-main-menu-mobile--tab-nav-main-trigger-border-width) solid var(--krds-main-menu-mobile--tab-nav-main-trigger-color-border);
  border-radius: var(--krds-main-menu-mobile--tab-nav-main-trigger-border-radius);
  background-color: var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger, .krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger > *{
  font-size: var(--krds-pc-font-size-body-medium);
  font-weight: var(--krds-font-weight-regular);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger.active{
  background-color: var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action-active);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab.is-active .gnb-header{
  padding-bottom: 0;
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab.is-active .gnb-tab-nav{
  display: block;
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-header{
  border-bottom-width: var(--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  background-color: var(--krds-main-menu-mobile--type-tab-menu-color-surface);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list{
  padding: var(--krds-main-menu-mobile--type-tab-sub-list-padding);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list:not(:last-child){
  border-bottom: var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width) solid var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-banner{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-main-menu-mobile--type-tab-sub-banner-gap);
  padding: var(--krds-main-menu-mobile--type-tab-sub-banner-padding-y) var(--krds-main-menu-mobile--type-tab-sub-banner-padding-x);
  border-radius: var(--krds-main-menu-mobile--type-tab-sub-banner-border-radius);
  background-color: var(--krds-main-menu-mobile--type-tab-sub-banner-color-surface);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-bottom{
  border-top: var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width) solid var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color);
}
.krds-main-menu-mobile .search-layer{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 10;
  background-color: var(--krds-main-menu-mobile--color-surface);
}
.krds-main-menu-mobile .search-layer.active{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
.krds-main-menu-mobile .search-layer .search-header{
  margin-top: 0.3rem;
  padding: 5.6rem var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-bottom);
  border-bottom: var(--krds-main-menu-mobile--header-border-width) solid var(--krds-main-menu-mobile--header-color-border);
}
.krds-main-menu-mobile .search-layer .search-body{
  overflow-y: auto;
  padding: 0 var(--krds-main-menu-mobile--header-padding-x);
  background-color: var(--krds-main-menu-mobile--search-layer-body-background);
}
.krds-main-menu-mobile .search-layer .search-body .no-results{
  text-align: center;
  padding: var(--krds-padding-10) 0;
}
.krds-main-menu-mobile .search-layer .search-body .no-results strong{
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu-mobile .search-layer .search-body .result-list{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
  padding: var(--krds-padding-8) 0;
}
.krds-main-menu-mobile .search-layer .search-body .result-list .result-item{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.krds-main-menu-mobile .search-layer .search-body .result-list .result-item a{
  text-decoration: underline;
  text-underline-offset: var(--krds-font-underline-offset);
}
.krds-main-menu-mobile .search-layer .search-body .result-list .result-item .highlight{
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu-mobile .search-layer .search-close{
  position: absolute;
  top: 1.6rem;
  right: var(--krds-main-menu-mobile--header-padding-x);
}
.krds-main-menu-mobile .dummy-control{
  text-align: left;
}
.krds-main-menu-mobile .dummy-control .dummy-text{
  margin-top: 0.3rem;
  color: var(--krds-input--color-text-placeholder);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.krds-main-menu-mobile .dummy-control .ico-search{
  right: 1.4rem;
}
[data-krds-mode=high-contrast] .krds-main-menu-mobile{
  --krds-main-menu-mobile--color-dim: var(--krds-high-contrast-color-background-dim);
  --krds-main-menu-mobile--color-surface: var(--krds-high-contrast-color-surface-white);
  --krds-main-menu-mobile--header-border-width: var(--krds-high-contrast-border-width-static-regular);
  --krds-main-menu-mobile--header-color-border: var(--krds-high-contrast-color-divider-gray-light);
  --krds-main-menu-mobile--utils-line-width: var(--krds-high-contrast-border-width-static-regular);
  --krds-main-menu-mobile--utils-color-border: var(--krds-high-contrast-color-border-gray-light);
  --krds-main-menu-mobile--service-menu-color-icon: var(--krds-high-contrast-color-icon-gray-fill);
  --krds-main-menu-mobile--service-menu-color-action-active: var(--krds-high-contrast-color-action-secondary-on-pressed);
  --krds-main-menu-mobile--menu-color-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
  --krds-main-menu-mobile--main-trigger-color-text-active: var(--krds-high-contrast-color-text-secondary);
  --krds-main-menu-mobile--main-trigger-color-action-active: var(--krds-high-contrast-color-action-secondary-on-selected);
  --krds-main-menu-mobile--main-trigger-color-action-pressed: var(--krds-high-contrast-color-action-secondary-on-pressed);
  --krds-main-menu-mobile--sub-menu-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-main-menu-mobile--sub-title-border-width: var(--krds-high-contrast-border-width-static-regular);
  --krds-main-menu-mobile--sub-title-color-border: var(--krds-high-contrast-color-divider-gray);
  --krds-main-menu-mobile--sub-menu-trigger-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-main-menu-mobile--sub-menu-trigger-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
  --krds-main-menu-mobile--sub-menu-trigger-color-text: var(--krds-high-contrast-color-text-secondary);
  --krds-main-menu-mobile--depth3-sub-menu-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-main-menu-mobile--depth3-sub-menu-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
  --krds-main-menu-mobile--depth4-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-main-menu-mobile--depth4-list-li-color-text-hover: var(--krds-high-contrast-color-text-secondary);
  --krds-main-menu-mobile--depth4-list-li-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-main-menu-mobile--depth4-list-li-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
  --krds-main-menu-mobile--tab-nav-menu-border-top-width: var(--krds-high-contrast-border-width-static-regular);
  --krds-main-menu-mobile--tab-nav-menu-color-border-top: var(--krds-high-contrast-color-divider-gray-light);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-action: var(--krds-high-contrast-color-action-white);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
  --krds-main-menu-mobile--tab-nav-main-trigger-border-width: var(--krds-high-contrast-border-width-static-regular);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-border: var(--krds-high-contrast-color-border-gray);
  --krds-main-menu-mobile--type-tab-menu-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-main-menu-mobile--type-tab-sub-banner-color-surface: var(--krds-high-contrast-color-surface-gray-subtler);
  --krds-main-menu-mobile--search-layer-body-background: var(--krds-high-contrast-color-surface-gray-subtler);
}
[data-krds-mode=high-contrast] .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::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-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::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;
}
@media (prefers-color-scheme: dark){
  [data-krds-mode=theme] .krds-main-menu-mobile{
    --krds-main-menu-mobile--color-dim: var(--krds-high-contrast-color-background-dim);
    --krds-main-menu-mobile--color-surface: var(--krds-high-contrast-color-surface-white);
    --krds-main-menu-mobile--header-border-width: var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--header-color-border: var(--krds-high-contrast-color-divider-gray-light);
    --krds-main-menu-mobile--utils-line-width: var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--utils-color-border: var(--krds-high-contrast-color-border-gray-light);
    --krds-main-menu-mobile--service-menu-color-icon: var(--krds-high-contrast-color-icon-gray-fill);
    --krds-main-menu-mobile--service-menu-color-action-active: var(--krds-high-contrast-color-action-secondary-on-pressed);
    --krds-main-menu-mobile--menu-color-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
    --krds-main-menu-mobile--main-trigger-color-text-active: var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu-mobile--main-trigger-color-action-active: var(--krds-high-contrast-color-action-secondary-on-selected);
    --krds-main-menu-mobile--main-trigger-color-action-pressed: var(--krds-high-contrast-color-action-secondary-on-pressed);
    --krds-main-menu-mobile--sub-menu-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
    --krds-main-menu-mobile--sub-title-border-width: var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--sub-title-color-border: var(--krds-high-contrast-color-divider-gray);
    --krds-main-menu-mobile--sub-menu-trigger-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu-mobile--sub-menu-trigger-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--sub-menu-trigger-color-text: var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu-mobile--depth3-sub-menu-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu-mobile--depth3-sub-menu-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--depth4-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
    --krds-main-menu-mobile--depth4-list-li-color-text-hover: var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu-mobile--depth4-list-li-color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu-mobile--depth4-list-li-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--tab-nav-menu-border-top-width: var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--tab-nav-menu-color-border-top: var(--krds-high-contrast-color-divider-gray-light);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-action: var(--krds-high-contrast-color-action-white);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-action-active: var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--tab-nav-main-trigger-border-width: var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-border: var(--krds-high-contrast-color-border-gray);
    --krds-main-menu-mobile--type-tab-menu-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
    --krds-main-menu-mobile--type-tab-sub-banner-color-surface: var(--krds-high-contrast-color-surface-gray-subtler);
    --krds-main-menu-mobile--search-layer-body-background: var(--krds-high-contrast-color-surface-gray-subtler);
  }
  [data-krds-mode=theme] .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::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=theme] .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::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;
  }
}
@media (min-width: 1024px){
  .krds-main-menu-mobile{
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  .krds-main-menu-mobile .gnb-wrap{
    width: 40%;
  }
  .krds-main-menu-mobile .gnb-menu .submenu-wrap .depth4-wrap{
    width: 40%;
  }
}
@media (max-width: 1023px){
  .krds-main-menu{
    display: none;
  }
  .is-gnb-mobile{
    overflow: hidden;
  }
  .gnb-backdrop{
    display: none !important;
  }
}
@media (max-width: 767px){
  .krds-main-menu-mobile .gnb-wrap{
    width: 100%;
  }
}

/* ===== 사이트 연동 보정 (ffas public 페이지) ===== */
/* 이 사이트 reset(default.css) 및 메인(mainNew.css)의 `nav ul{display:flex}` 영향 차단 */
.krds-main-menu,
.krds-main-menu-mobile {
  font-family: 'Pretendard GOV', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', '맑은 고딕', sans-serif;
  letter-spacing: 0;
}
.krds-main-menu ul,
.krds-main-menu-mobile ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.krds-main-menu button,
.krds-main-menu-mobile button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.krds-main-menu a,
.krds-main-menu-mobile a {
  color: inherit;
  text-decoration: none;
}
/* 지도(SuperMap 레이어 z-index 최대 1500)보다 위 */
.krds-main-menu { z-index: 3000; }
.gnb-backdrop { z-index: 2500; }
.krds-main-menu-mobile { z-index: 10000; }

/* 모바일 전체메뉴 열기 버튼 (≤1023px 에서만) */
.btn-open-nav {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
  padding: .4rem .8rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  color: #1d1d1d;
  background: none;
  border: 0;
  cursor: pointer;
}
.btn-open-nav::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../images/publicPage/icon_all_menu.svg) no-repeat center / 2.4rem auto;
}
@media (max-width: 1023px) {
  .btn-open-nav { display: flex; }
  .krds-main-menu { display: none; }
}
@media (min-width: 1024px) {
  .krds-main-menu-mobile { display: none !important; }
}
/* 모바일 메뉴 상단 유틸/닫기 */
.krds-main-menu-mobile .gnb-utils a {
  display: inline-block;
  padding: .4rem 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--krds-light-color-text-subtle, #555);
}
.krds-main-menu-mobile #close-nav {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
}
.krds-main-menu-mobile #close-nav::before,
.krds-main-menu-mobile #close-nav::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.krds-main-menu-mobile #close-nav::after { transform: translate(-50%, -50%) rotate(-45deg); }
/* 현재 페이지 메뉴 표시 */
.krds-main-menu .gnb-sub-trigger.is-current,
.krds-main-menu .gnb-main-trigger.is-current { font-weight: 700; }

/* 메뉴 줄은 화면 전체 폭, 안쪽 내용만 본문 폭(1280px, 좌우 20px)에 맞춤 - 로고와 같은 선에 정렬 */
.krds-main-menu > .inner {
  width: auto;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  position: static;  /* 사이트 .inner 의 position:relative 때문에 패널이 본문 폭으로 갇히는 것 방지(패널은 nav 기준) */
}

/* 모바일: 전체메뉴 버튼을 헤더 줄 오른쪽 끝으로 */
@media (max-width: 1023px) {
  .header_bottom .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .btn-open-nav {
    flex: none;
    margin-left: auto;
  }
}
/* 모바일 전체메뉴: 왼쪽 대메뉴 탭 칸 숨김(하위 목록만 전체 폭으로 표시).
   요소를 지우면 KRDS 스크립트(탭 연동)가 오류를 내므로 CSS로만 숨김 */
.krds-main-menu-mobile .menu-wrap {
  display: none !important;   /* KRDS 쪽 규칙(.gnb-body .gnb-menu .menu-wrap 등)이 더 강해서 !important */
}

/* ===== 헤더 한 줄 배치: [로고/이름 ........ 메뉴 메뉴 메뉴], 펼침 패널만 화면 전체 폭 ===== */
.header_bottom .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.krds-main-menu {
  position: static;          /* 패널의 기준을 .header_bottom .inner(relative)로 */
  z-index: auto;
  background: transparent;   /* KRDS 기본의 흰 띠/위아래 선 제거 */
  border: 0;
}
.krds-main-menu > .inner {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  position: static;
}
.krds-main-menu .gnb-toggle-wrap {
  left: 50%;
  width: 100vw;              /* 로고 줄 아래로 화면 전체 폭 */
  transform: translateX(-50%);
  z-index: 3000;
  border-top: 1px solid var(--krds-main-menu--color-border);
  box-shadow: 0 10px 16px rgba(0, 0, 0, .06);
}

/* 서브메뉴: 제목 숨기고 목록을 메인 메뉴(진화자원이력) 바로 아래에 세로 정렬 (--gnb-sub-x 는 krds-menu.js 가 계산) */
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content { padding-left: var(--gnb-sub-x, 0); }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content .sub-title { display: none; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul { display: flex; flex-direction: column; gap: 4px; width: auto; padding: 8px 0 16px; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content .sub-title { display: none !important; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul { align-items: flex-start; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul li,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul li a { width: auto; white-space: nowrap; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul { display: flex !important; flex-direction: column !important; grid-template-columns: none; }
/* 서브메뉴 구분감: 항목 앞 점 제거 + 좌우 세로선 */
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul li a::before,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul li::before { content: none !important; display: none !important; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul {
  box-sizing: border-box; min-width: calc(var(--gnb-sub-w, 174px) + 24px); width: max-content;
  margin-left: -12px; padding: 20px 28px 24px; gap: 14px;
  border-left: 1px solid var(--krds-main-menu--color-border, #cdd1d5);
  border-right: 1px solid var(--krds-main-menu--color-border, #cdd1d5);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul li a { padding: 0; }
/* 서브메뉴 박스 폭 = 메인 메뉴 버튼 폭 (좌우 세로선이 버튼 양끝과 일치), 항목은 가운데 정렬 */
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul {
  min-width: 0; width: var(--gnb-sub-w, 174px); margin-left: 0; padding: 20px 6px 24px; align-items: stretch; text-align: center;
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul li a { display: block; width: 100%; font-size: 1.5rem; letter-spacing: -0.03em; text-align: center; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul { padding-left: 4px; padding-right: 4px; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-content > ul li a { font-size: 1.4rem; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li a { font-size: 1.4rem; letter-spacing: -0.03em; padding: 6px 0; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul { padding-left: 0; padding-right: 0; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li { text-align: center; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li a { font-size: 1.5rem; letter-spacing: -0.02em; display: block; width: 100%; text-align: center; justify-content: center; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li a { font-size: 1.6rem; letter-spacing: -0.01em; }
/* 서브메뉴: 왼쪽 정렬 + 더 밝은 회색 세로선 */
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul { border-left-color: #e3e6ea; border-right-color: #e3e6ea; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li,
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li a { text-align: left; justify-content: flex-start; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li a { padding-left: 16px; }
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li a { padding-left: 12px; }
/* main.do(mainNew.css 등)에서 상속되는 굵기·자간 차이 방지: 서브메뉴 항목 글꼴을 페이지와 무관하게 고정 */
#main_menu .gnb-toggle-wrap .gnb-sub-content > ul li a { font-weight: 400; letter-spacing: -0.01em; font-family: inherit; }
/* 페이지(sub/main)마다 button 글꼴이 달라 폭·굵기가 달랐음 -> 메뉴 전체를 사이트 공통 글꼴로 고정.
   (Pretendard 는 웹폰트 파일이 없어 설치된 PC 에서만 적용되므로 제외) */
.krds-main-menu,
.krds-main-menu *,
.krds-main-menu-mobile,
.krds-main-menu-mobile * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "맑은 고딕", "Malgun Gothic", "Nanum Gothic", 나눔고딕, 돋움, dotum, sans-serif !important;
}