@charset "UTF-8";
.area {max-width:128rem; width:100%; margin:0 auto;}

/* [S] 컨텐츠 영역 */
.wrap_contents {position: relative; z-index: 0;}
.wrap_contents::before {content:''; position: absolute; left:50%; top:0; max-width:192rem; width:100%; height: 100%; margin:0 auto; transform:translateX(-50%); background:url('../../images/common/obj-mark.png') no-repeat right top -2.2rem;}
@media screen and (max-width:1200px) {
  .wrap_contents::before {display: none;}   
}
/* [E] 컨텐츠 영역 */

/* [S] 맨위로 버튼 */
.btn-top {position: fixed; bottom:-6rem; right:23.8rem; z-index: 60; transition:bottom .3s;}
.btn-top.fix {bottom:3rem;}
.btn-top.fix.at-bottom {bottom:40.5rem;}
.btn-top button {width: 5.2rem; height:5.2rem; background:#EEF2F7 url('../../images/common/ic-top.png') no-repeat center; border:.1rem solid #CDD1D5; border-radius:50%; text-indent: -9999rem; box-shadow: 0 .3rem 1.5rem rgba(0,0,0,0.11);}
@media screen and (max-width:1800px) {
  .btn-top {right:1.6rem}    
}
@media screen and (max-width:1200px) {
  .btn-top.btn-top.fix.at-bottom {bottom:3rem;}
}
.zoom .btn-top {right:1.6rem; bottom:2rem !important}
/* [E] 맨위로 버튼 */


/* 운영기관 식별자 */
.krds-identifier {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
  width: 100%;
  min-height: var(--krds-size-height-6);
  padding: var(--krds-padding-3) var(--krds-padding-6);
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
}
/* @media (max-width: 767px) {
.krds-identifier {
flex-direction: column;
align-items: flex-start;
gap: var(--krds-gap-2);
}
} */
.krds-identifier .logo {
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-image:url(../../images/icon/ico_flag.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* @media (max-width: 767px) {
.krds-identifier .logo {
width: 5.8rem;
height: var(--krds-size-height-3);
}
} */
.krds-identifier .ban-txt {
  font-size: var(--krds-pc-font-size-body-small);
}
@media (max-width: 767px) {
  .krds-identifier .ban-txt {
	font-size: var(--krds-mobile-font-size-body-xsmall);
	word-break: break-all;
  }
}

[data-krds-mode=high-contrast] .krds-identifier {
  background-color: var(--krds-high-contrast-color-surface-white);
}
[data-krds-mode=high-contrast] .krds-identifier .logo {
  background-image: url(../../images/icon/ico_logo_krds_high_contrast.svg);
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] .krds-identifier {
	background-color: var(--krds-high-contrast-color-surface-white);
  }
  [data-krds-mode=theme] .krds-identifier .logo {
	background-image: url(../../images/icon/ico_logo_krds_high_contrast.svg);
  }
}

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

/* 공식 배너 */
#krds-masthead {
  --krds-masthead--color-surface: var(--krds-light-color-surface-secondary-subtler);
  --krds-masthead--inner-gap-y: var(--krds-gap-2);
  --krds-masthead--inner-gap-x: var(--krds-gap-5);
  --krds-masthead--inner-min-size-height: var(--krds-size-height-5);
  --krds-masthead--inner-padding-y: var(--krds-padding-2);
  --krds-masthead--pc-font-size: var(--krds-pc-font-size-body-small);
  --krds-masthead--mobile-font-size: var(--krds-mobile-font-size-body-small);
}
@media (max-width: 1023px) {
  #krds-masthead {
	--krds-masthead--inner-padding-y: 0;
  }
}
#krds-masthead {
  position: relative;
  z-index: 70;
  background-color: var(--krds-masthead--color-surface);
}
#krds-masthead .toggle-head .inner {
  position: relative;
  gap: var(--krds-masthead--inner-gap-y) var(--krds-masthead--inner-gap-x);
  min-height: var(--krds-masthead--inner-min-size-height);
  padding-top: var(--krds-masthead--inner-padding-y);
  padding-bottom: var(--krds-masthead--inner-padding-y);
}
#krds-masthead .toggle-head .nuri-txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
  font-size: var(--krds-masthead--pc-font-size);
  word-break: break-all;
}
@media (max-width: 767px) {
  #krds-masthead .toggle-head .nuri-txt {
	font-size: var(--krds-masthead--mobile-font-size);
  }
}
#krds-masthead .toggle-head .nuri-txt::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);
  background-color: transparent !important;
  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/icon/ico_flag.svg);
  mask-image: url(../../images/icon/ico_flag.svg);
  -webkit-mask-image: none;
  mask-image: none;
  background-image: url(../../images/icon/ico_flag.svg);
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
}
#krds-masthead .toggle-body {
  height: 0;
  transition: var(--krds-transition-base);
  overflow: hidden;
}
#krds-masthead .inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

[data-krds-mode=high-contrast] #krds-masthead {
  --krds-masthead--color-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] #krds-masthead {
	--krds-masthead--color-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
  }
}


/* [S] 헤더 */
/* 헤더 */
#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 .inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 1024px) {
  #krds-header .header-container .inner {
	gap: var(--krds-header--container-gap);
	padding-top: var(--krds-header--container-padding-top);
	padding-bottom: var(--krds-header--container-padding-bottom);
  }
}
#krds-header .header-container .header-branding {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: 1rem;
}
#krds-header .header-container .logo {
  display: inline-flex;
  /* width: 19.4rem; */
  /* height: var(--krds-size-height-7); */
  height:5rem;
}
#krds-header .header-container .logo a:first-child {width: 19.4rem; height:5rem; flex-shrink: 0;}
#krds-header .header-container .logo .taegugki {display: flex; align-items: end; margin-left: 1.5rem;}
@media (max-width: 1023px) {
  #krds-header .header-container .logo .taegugki  {align-items: center;}
}
@media (max-width: 767px) {
  #krds-header .header-container .header-branding {margin-top:0;}
  /* #krds-header .header-container .logo {
  width: 9.4rem;
  height: 3.2rem;
} */
}
#krds-header .header-container .logo a {
  display: block;
  width: 100%;
  height: 100%;
  /* background-image: url(../../images/icon/ico_logo_krds.svg); */
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#krds-header .header-container .header-actions {
  margin-left: auto;
}
#krds-header .header-container .header-actions > ul {
  display: inline-flex;
  gap: var(--krds-gap-6);
}
#krds-header .header-container .btn-navi {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--krds-header--navi-gap);
  min-height: var(--krds-header--navi-min-height);
  /* padding: var(--krds-header--navi-padding); */
  border-radius: var(--krds-header--navi-border-radius);
  font-size: var(--krds-header--navi-font-size-pc);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-header--navi-color-text);
  transition: var(--krds-transition-base);
}
#krds-header .header-container .btn-navi::before {
  display: inline-flex;
  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;
}
#krds-header .header-container .btn-navi:hover {
  background-color: var(--krds-header--navi-color-hover);
}
#krds-header .header-container .btn-navi:active, #krds-header .header-container .btn-navi:focus {
  background-color: var(--krds-header--navi-color-pressed);
}
#krds-header .header-container .btn-navi.navi-row {
  flex-direction: row;
}
#krds-header .header-container .btn-navi.sch::before {
  -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/icon/ico_sch.svg);
  mask-image: url(../../images/icon/ico_sch.svg);
}
#krds-header .header-container .btn-navi.login::before {
  -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/icon/ico_login.svg);
  mask-image: url(../../images/icon/ico_login.svg);
}
#krds-header .header-container .btn-navi.join::before {
  -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/icon/ico_join.svg);
  mask-image: url(../../images/icon/ico_join.svg);
}
#krds-header .header-container .btn-navi.my::before {
  -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/icon/ico_my.svg);
  mask-image: url(../../images/icon/ico_my.svg);
}
#krds-header .header-container .btn-navi.all::before {
  -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/icon/ico_all.svg);
  mask-image: url(../../images/icon/ico_all.svg);
}

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

[data-krds-mode=high-contrast] #krds-header {
  --krds-header--color-surface: var(--krds-high-contrast-color-surface-white);
  --krds-header--utility-color-divider: var(--krds-high-contrast-color-divider-gray-light);
  --krds-header--navi-color-text: var(--krds-high-contrast-color-text-basic);
  --krds-header--navi-color-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-header--navi-color-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
}
[data-krds-mode=high-contrast] #krds-header .inner {
  border-bottom-color: var(--krds-high-contrast-color-divider-gray-light);
}
[data-krds-mode=high-contrast] #krds-header .header-container .btn-navi::before {
  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-header .header-container .logo a {
  background-image: url(../../images/icon/ico_logo_krds_high_contrast.svg);
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] #krds-header {
	--krds-header--color-surface: var(--krds-high-contrast-color-surface-white);
	--krds-header--utility-color-divider: var(--krds-high-contrast-color-divider-gray-light);
	--krds-header--navi-color-text: var(--krds-high-contrast-color-text-basic);
	--krds-header--navi-color-hover: var(--krds-high-contrast-color-action-secondary-hover);
	--krds-header--navi-color-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
  }
  [data-krds-mode=theme] #krds-header .inner {
	border-bottom-color: var(--krds-high-contrast-color-divider-gray-light);
  }
  [data-krds-mode=theme] #krds-header .header-container .btn-navi::before {
	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-header .header-container .logo a {
	background-image: url(../../images/icon/ico_logo_krds_high_contrast.svg);
  }
}

@media (min-width: 1024px) {
  #krds-header .header-container .btn-navi.all {
	display: none;
  }
  .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;
  }
}
@media (max-width: 1023px) {
  #krds-header .inner {
	padding-top: var(--krds-gap-3);
	padding-bottom: var(--krds-gap-3);
	border-bottom: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
  }
  #krds-header .header-container .header-utility {
	display: none;
  }
  #krds-header .header-container .btn-navi.navi-row {
	flex-direction: column;
  }
  #krds-header .header-container .btn-navi.join, #krds-header .header-container .btn-navi.my {
	display: none;
  }
  #krds-header .header-container .my-drop {
	display: none;
  }
}
@media (max-width: 767px) {
  #krds-header .header-container .header-actions {
	gap: 0;
  }
  #krds-header .header-container .btn-navi {
	font-size: var(--krds-header--navi-font-size-mobile);
  }
}
/* 메인 메뉴 */
/* gnb pc */
.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 .ul_1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  /* gap: var(--krds-gap-5); */
}

.krds-main-menu .ul_1 .li_1:last-child{display: none;}

.krds-main-menu .ul_1 .a_1 {
  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 .ul_1 .a_1,
.krds-main-menu .ul_1 .a_1 h2 {
  font-size: var(--krds-main-menu--main-trigger-font-size);
  font-weight: var(--krds-font-weight-bold);
}
.krds-main-menu .ul_1 .a_1::before, .krds-main-menu .ul_1 .a_1::after {
  display: inline-flex;
  content: "";
}
.krds-main-menu .ul_1 .a_1::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 .ul_1 .a_1::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/icon/ico_angle.svg);
  mask-image: url(../../images/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 .ul_1 .a_1:hover {
  background-color: var(--krds-main-menu--main-trigger-color-action-hover);
}
.krds-main-menu .ul_1 .a_1: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 .ul_1 .a_1:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-main-menu .ul_1 .a_1.active::before,
.krds-main-menu .ul_1 .a_1._active::before {
  left: 0;
  width: 100%;
}
.krds-main-menu .ul_1 .a_1.active::after {
  transform: rotate(-180deg);
}
.krds-main-menu .ul_1 .a_1.is-link::after {
  display: none;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .krds-main-menu .ul_1 .a_1 {
	--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 .div_2 {display: none;}
.krds-main-menu .gnb-toggle-wrap .div_2 {
  position: relative;
  max-width: var(--krds-contents-size);
  margin: 0 auto;
}
.krds-main-menu .gnb-toggle-wrap.is-open .div_2 {display: block;}
.krds-main-menu .gnb-toggle-wrap .div_2[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 .div_2 > ul {
  position: relative;
  padding: var(--krds-padding-6) 0;
  max-height:calc(100vh - 24rem);
  overflow-y:auto;
}
.krds-main-menu .gnb-toggle-wrap .div_2 > ul > li {
  width: var(--krds-main-menu--main-menu-width);
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2 {
  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 .div_2 .a_2::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/icon/ico_angle.svg);
  mask-image: url(../../images/icon/ico_angle.svg);
  content: "";
  flex-shrink: 0;
  transition: var(--krds-transition-base);
  transform: rotate(-90deg);
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2.nodiv::after {display: none;}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2[target="_blank"]::after {
    content:'';
    display:inline-flex;
    align-self: center;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color:#1e2124;
    -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/icon/ico_go.svg);
    mask-image: url(../../images/icon/ico_go.svg);
    transform: unset;
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2[target="_blank"]:hover::after {
    background-color:#052b57;
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2 .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 .div_2 .a_2:hover, .krds-main-menu .gnb-toggle-wrap .div_2 .a_2.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 .div_2 .a_2:hover .svg-icon, .krds-main-menu .gnb-toggle-wrap .div_2 .a_2.active .svg-icon {
  background-color: var(--krds-main-menu--sub-trigger-color-text-selected);
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2: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 .div_2 .a_2:active .svg-icon {
  background-color: var(--krds-main-menu--sub-trigger-color-text-pressed);
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2.is-link {
  justify-content: flex-start;
  gap: var(--krds-gap-3);
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2.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/icon/ico_more.svg);
  mask-image: url(../../images/icon/ico_more.svg);
  transform: rotate(0);
}
.krds-main-menu .gnb-toggle-wrap .div_2 .a_2.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/icon/ico_go.svg);
  mask-image: url(../../images/icon/ico_go.svg);
}
.krds-main-menu .gnb-toggle-wrap .div_3 {
  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 .div_3 a[target="_blank"]::after {
    content:'';
    display:block;
    align-self: center;
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    background-color:#1e2124;
    -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/icon/ico_go.svg);
    mask-image: url(../../images/icon/ico_go.svg);
}
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .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 .div_3 .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 .div_3 .gnb-sub-content > ul a,
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .gnb-sub-content > ul a::before,
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .gnb-sub-content > ul a:hover,
.krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul button:hover {
  background-color: var(--krds-main-menu--sub-menu-color-action-hover);
}
.krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul a:active, .krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul a:focus,
.krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul button:active,
.krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul button:focus {
  background-color: var(--krds-main-menu--sub-menu-color-action-pressed);
}
.krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul a:focus,
.krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul button:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-main-menu .gnb-toggle-wrap .div_3 .gnb-sub-content > ul a.active,
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .gnb-sub-content > ul a.active::before,
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .gnb-sub-content > ul.type-description {
  gap: var(--krds-gap-9);
}
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .gnb-sub-content > ul.type-description li::before {
  display: none;
}
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .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 .div_3 .gnb-sub-content > ul.type-description li .tit a::before {
  display: none;
}
.krds-main-menu .gnb-toggle-wrap .div_3 .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 .div_3 .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 .div_3 .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 .div_3 .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 .div_3.between {
  flex-direction: row;
  padding-right: 0;
}
.krds-main-menu .gnb-toggle-wrap .div_3.between .gnb-sub-content > ul {
  grid-template-columns: repeat(2, 1fr);
}
.krds-main-menu .gnb-toggle-wrap .div_3.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 .div_3.single-list {
  display: flex;
  position: static;
  padding: var(--krds-main-menu--sub-menu-only-2depth-padding-y) 0;
}
.krds-main-menu .gnb-toggle-wrap .div_3.single-list .gnb-sub-content > ul {
  grid-template-columns: repeat(4, 1fr);
}
.krds-main-menu .gnb-toggle-wrap .div_3.single-list.between .gnb-sub-content > ul {
  grid-template-columns: repeat(3, 1fr);
}
.krds-main-menu .gnb-toggle-wrap .div_3.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 .ul_1 .a_1::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 .ul_1 .a_1.is-link::after {
  display: none;
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .div_2 .a_2 .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 .div_3 .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 .div_3 .gnb-sub-content > ul a::before,
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .div_3 .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 .ul_1 .a_1::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 .ul_1 .a_1.is-link::after {
	display: none;
  }
  [data-krds-mode=theme] .krds-main-menu .gnb-toggle-wrap .div_2 .a_2 .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 .div_3 .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 .div_3 .gnb-sub-content > ul a::before,
  [data-krds-mode=theme] .krds-main-menu .gnb-toggle-wrap .div_3 .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);
  }
}

/* gnb mobile */
.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 a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  word-break: auto-phrase;
  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 a, .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap a > * {
  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 a: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 a.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);
}
@media screen and (max-width:767px) {
  .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menuUItop {flex:1;}
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 {
  padding: var(--krds-main-menu-mobile--sub-menu-padding);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 > div {
  padding: var(--krds-main-menu-mobile--sub-list-padding-y) 0;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 .a_1 {
  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 .li_1 .a_2 {
  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 .li_1 .a_2: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 .li_1 .a_2.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);
}
/* [S] 모바일 div_3 */
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 .a_2.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/icon/ico_angle.svg);
  mask-image: url(../../images/icon/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 .li_1 .a_2.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 .li_1 .a_2.has-depth3.active::after {
  transform: rotate(180deg);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 .div_3 {
  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 .li_1 .div_3 > 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 .li_1 .div_3.is-open {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 .div_3 .a_3 {
  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);
  font-size: var(--krds-pc-font-size-body-medium);
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 .div_3 .a_3::before {
  content: "•";
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 .div_3 .a_3: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 .li_1 .div_3 .a_3: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 .li_1 .div_3 .a_3: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 .li_1 .div_3 .a_3.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);
}
/* [E] 모바일 div_3 */
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .li_1 .div_3 .a_3.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/icon/ico_angle.svg);
  mask-image: url(../../images/icon/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 .a_1 {
  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 .a_1, .krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .a_1 > * {
  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 .a_1.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 .ul_1 {
  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 .ul_1 .submenu-wrap .div_3 {
  padding: var(--krds-main-menu-mobile--type-tab-sub-list-padding);
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .ul_1 .submenu-wrap .div_3: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 .ul_1 .submenu-wrap .div_3 .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 .li_1 .a_2.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 .li_1 .div_3 .a_3.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 .li_1 .a_2.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 .li_1 .div_3 .a_3.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: 50%;
  }
  .krds-main-menu-mobile .ul_1 .submenu-wrap .depth4-wrap {
	width: 50%;
  }
}
@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%;
  }
}
/* [E] 헤더 */


/* 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);
}
@media (max-width: 767px) {
  .krds-drop-wrap .drop-menu .drop-list .item-link {
	font-size: var(--krds-dropdown--list-item-mobile-font-size);
  }
}
.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;
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] {
	/* krds-drop-wrap */
  }
  [data-krds-mode=theme] .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=theme] .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;
  }
}



/* 버튼 / 링크 */
/* icon 버튼 사이즈 */
.krds-btn {
  --krds-button--size-height-xsmall: var(--krds-size-height-5);
  --krds-button--padding-x-xsmall: var(--krds-padding-4);
  --krds-button--padding-y-xsmall: 0;
  --krds-button--gap-xsmall: var(--krds-gap-1);
  --krds-button--radius-xsmall: var(--krds-radius-small3);
  --krds-button--pc-font-size-xsmall: var(--krds-pc-font-size-label-small);
  --krds-button--mobile-font-size-xsmall: var(--krds-mobile-font-size-label-small);
  --krds-button--font-weight-xsmall: var(--krds-font-weight-regular);
  --krds-button--size-height-small: var(--krds-size-height-6);
  --krds-button--padding-x-small: var(--krds-padding-5);
  --krds-button--padding-y-small: 0;
  --krds-button--gap-small: var(--krds-gap-1);
  --krds-button--radius-small: var(--krds-radius-medium1);
  --krds-button--pc-font-size-small: var(--krds-pc-font-size-label-small);
  --krds-button--mobile-font-size-small: var(--krds-mobile-font-size-label-small);
  --krds-button--font-weight-small: var(--krds-font-weight-regular);
  --krds-button--size-height-medium: var(--krds-size-height-7);
  --krds-button--padding-x-medium: var(--krds-padding-6);
  --krds-button--padding-y-medium: 0;
  --krds-button--gap-medium: var(--krds-gap-2);
  --krds-button--radius-medium: var(--krds-radius-medium2);
  --krds-button--pc-font-size-medium: var(--krds-pc-font-size-label-medium);
  --krds-button--mobile-font-size-medium: var(--krds-mobile-font-size-label-medium);
  --krds-button--font-weight-medium: var(--krds-font-weight-regular);
  --krds-button--size-height-large: var(--krds-size-height-8);
  --krds-button--padding-x-large: var(--krds-padding-7);
  --krds-button--padding-y-large: 0;
  --krds-button--gap-large: var(--krds-gap-2);
  --krds-button--radius-large: var(--krds-radius-medium3);
  --krds-button--pc-font-size-large: var(--krds-pc-font-size-label-large);
  --krds-button--mobile-font-size-large: var(--krds-mobile-font-size-label-large);
  --krds-button--font-weight-large: var(--krds-font-weight-regular);
  --krds-button--size-height-xlarge: var(--krds-size-height-9);
  --krds-button--padding-x-xlarge: var(--krds-padding-8);
  --krds-button--padding-y-xlarge: 0;
  --krds-button--gap-xlarge: var(--krds-gap-2);
  --krds-button--radius-xlarge: var(--krds-radius-medium4);
  --krds-button--pc-font-size-xlarge: var(--krds-pc-font-size-label-large);
  --krds-button--mobile-font-size-xlarge: var(--krds-mobile-font-size-label-large);
  --krds-button--font-weight-xlarge: var(--krds-font-weight-regular);
}
.krds-btn {
  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);
}
@media (max-width: 767px) {
  .krds-btn {
	font-size: var(--krds-button--mobile-font-size-large);
  }
}
.krds-btn .svg-icon {
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
}
.krds-btn.xsmall {
  gap: var(--krds-button--gap-xsmall);
  height: var(--krds-button--size-height-xsmall);
  padding: var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall);
  border-radius: var(--krds-button--radius-xsmall);
  font-size: var(--krds-button--pc-font-size-xsmall);
  font-weight: var(--krds-button--font-weight-xsmall);
}
@media (max-width: 767px) {
  .krds-btn.xsmall {
	font-size: var(--krds-button--mobile-font-size-xsmall);
  }
}
.krds-btn.xsmall .svg-icon {
  width: var(--krds-icon--size-xsmall);
  height: var(--krds-icon--size-xsmall);
}
.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);
}
@media (max-width: 767px) {
  .krds-btn.small {
	font-size: var(--krds-button--mobile-font-size-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);
}
@media (max-width: 767px) {
  .krds-btn.medium {
	font-size: var(--krds-button--mobile-font-size-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);
}
@media (max-width: 767px) {
  .krds-btn.large {
	font-size: var(--krds-button--mobile-font-size-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);
}
@media (max-width: 767px) {
  .krds-btn.xlarge {
	font-size: var(--krds-button--mobile-font-size-xlarge);
  }
}
.krds-btn.xlarge .svg-icon {
  width: var(--krds-icon--size-xlarge);
  height: var(--krds-icon--size-xlarge);
}

.krds-btn {
  --krds-button--color-primary-fill: var(--krds-light-color-button-primary-fill);
  --krds-button--color-primary-fill-hover: var(--krds-light-color-button-primary-fill-hover);
  --krds-button--color-primary-fill-pressed: var(--krds-light-color-button-primary-fill-pressed);
  --krds-button--color-primary-fill-disabled: var(--krds-light-color-button-disabled-fill);
  --krds-button--color-primary-border: var(--krds-light-color-button-primary-fill);
  --krds-button--color-primary-border-disabled: var(--krds-light-color-button-disabled-border);
  --krds-button--color-primary-text: var(--krds-light-color-text-inverse-static);
  --krds-button--color-primary-text-disabled: var(--krds-light-color-text-disabled-on);
  --krds-button--color-secondary-fill: var(--krds-light-color-button-secondary-fill);
  --krds-button--color-secondary-fill-hover: var(--krds-light-color-button-secondary-fill-hover);
  --krds-button--color-secondary-fill-pressed: var(--krds-light-color-button-secondary-fill-pressed);
  --krds-button--color-secondary-fill-disabled: var(--krds-light-color-button-disabled-fill);
  --krds-button--color-secondary-border: var(--krds-light-color-button-secondary-border);
  --krds-button--color-secondary-border-disabled: var(--krds-light-color-button-disabled-border);
  --krds-button--color-secondary-text: var(--krds-light-color-text-primary);
  --krds-button--color-secondary-text-disabled: var(--krds-light-color-text-disabled-on);
  --krds-button--color-tertiary-fill: var(--krds-light-color-button-tertiary-fill);
  --krds-button--color-tertiary-fill-hover: var(--krds-light-color-button-tertiary-fill-hover);
  --krds-button--color-tertiary-fill-pressed: var(--krds-light-color-button-tertiary-fill-pressed);
  --krds-button--color-tertiary-fill-disabled: var(--krds-light-color-button-disabled-fill);
  --krds-button--color-tertiary-border: var(--krds-light-color-button-tertiary-border);
  --krds-button--color-tertiary-border-disabled: var(--krds-light-color-button-disabled-border);
  --krds-button--color-tertiary-text: var(--krds-light-color-text-basic);
  --krds-button--color-tertiary-text-disabled: var(--krds-light-color-text-disabled-on);
  --krds-button--color-text-fill: var(--krds-light-color-button-text-fill);
  --krds-button--color-text-fill-hover: var(--krds-light-color-button-text-fill-hover);
  --krds-button--color-text-fill-pressed: var(--krds-light-color-button-text-fill-pressed);
  --krds-button--color-text-fill-disabled: var(--krds-light-color-button-text-fill);
  --krds-button--color-text-border: var(--krds-light-color-button-text-border);
  --krds-button--color-text-border-disabled: var(--krds-light-color-border-transparency);
  --krds-button--color-text-text: var(--krds-light-color-text-basic);
  --krds-button--color-text-text-disabled: var(--krds-light-color-text-disabled);
  --krds-button--color-link-fill: var(--krds-light-color-button-text-fill);
  --krds-button--color-link-fill-hover: var(--krds-light-color-button-text-fill);
  --krds-button--color-link-fill-pressed: var(--krds-light-color-button-text-fill);
  --krds-button--color-link-fill-disabled: var(--krds-light-color-button-text-fill);
  --krds-button--color-link-border: var(--krds-light-color-button-text-border);
  --krds-button--color-link-border-disabled: var(--krds-light-color-border-transparency);
  --krds-button--color-link-text: var(--krds-light-color-link-default);
  --krds-button--color-link-text-disabled: var(--krds-light-color-text-disabled);
  /* icon 버튼 (텍스트 없음) */
}
.krds-btn {
  background-color: var(--krds-button--color-primary-fill);
  border-color: var(--krds-button--color-primary-border);
  color: var(--krds-button--color-primary-text);
}
.krds-btn.primary {
  background-color: var(--krds-button--color-primary-fill);
  border-color: var(--krds-button--color-primary-border);
  color: var(--krds-button--color-primary-text);
}
.krds-btn.primary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-primary-text);
}
.krds-btn.primary:hover {
  background-color: var(--krds-button--color-primary-fill-hover);
}
.krds-btn.primary:active, .krds-btn.primary:focus {
  background-color: var(--krds-button--color-primary-fill-pressed);
}
.krds-btn.primary[disabled], .krds-btn.primary.disabled {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-text-disabled);
}
.krds-btn.primary[disabled]:not(.icon) .svg-icon, .krds-btn.primary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-primary-text-disabled);
}
.krds-btn.primary[disabled]:hover, .krds-btn.primary.disabled:hover {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-text-disabled);
}
.krds-btn.secondary {
  background-color: var(--krds-button--color-secondary-fill);
  border-color: var(--krds-button--color-secondary-border);
  color: var(--krds-button--color-secondary-text);
}
.krds-btn.secondary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-secondary-text);
}
.krds-btn.secondary:hover {
  background-color: var(--krds-button--color-secondary-fill-hover);
}
.krds-btn.secondary:active, .krds-btn.secondary:focus {
  background-color: var(--krds-button--color-secondary-fill-pressed);
}
.krds-btn.secondary[disabled], .krds-btn.secondary.disabled {
  background-color: var(--krds-button--color-secondary-fill-disabled);
  border-color: var(--krds-button--color-secondary-border-disabled);
  color: var(--krds-button--color-secondary-text-disabled);
}
.krds-btn.secondary[disabled]:not(.icon) .svg-icon, .krds-btn.secondary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-secondary-text-disabled);
}
.krds-btn.secondary[disabled]:hover, .krds-btn.secondary.disabled:hover {
  background-color: var(--krds-button--color-secondary-fill-disabled);
  border-color: var(--krds-button--color-secondary-border-disabled);
  color: var(--krds-button--color-secondary-text-disabled);
}
.krds-btn.tertiary {
  background-color: var(--krds-button--color-tertiary-fill);
  border-color: var(--krds-button--color-tertiary-border);
  color: var(--krds-button--color-tertiary-text);
}
.krds-btn.tertiary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-tertiary-text);
}
.krds-btn.tertiary:hover {
  background-color: var(--krds-button--color-tertiary-fill-hover);
}
.krds-btn.tertiary:active, .krds-btn.tertiary:focus {
  background-color: var(--krds-button--color-tertiary-fill-pressed);
}
.krds-btn.tertiary[disabled], .krds-btn.tertiary.disabled {
  background-color: var(--krds-button--color-tertiary-fill-disabled);
  border-color: var(--krds-button--color-tertiary-border-disabled);
  color: var(--krds-button--color-tertiary-text-disabled);
}
.krds-btn.tertiary[disabled]:not(.icon) .svg-icon, .krds-btn.tertiary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-tertiary-text-disabled);
}
.krds-btn.tertiary[disabled]:hover, .krds-btn.tertiary.disabled:hover {
  background-color: var(--krds-button--color-tertiary-fill-disabled);
  border-color: var(--krds-button--color-tertiary-border-disabled);
  color: var(--krds-button--color-tertiary-text-disabled);
}
.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);
  border: .1rem solid var(--krds-button--color-text-text);
}
.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.link {
  background-color: var(--krds-button--color-link-fill);
  border-color: var(--krds-button--color-link-border);
  color: var(--krds-button--color-link-text);
}
.krds-btn.link:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-link-text);
}
.krds-btn.link:hover {
  background-color: var(--krds-button--color-link-fill-hover);
}
.krds-btn.link:active, .krds-btn.link:focus {
  background-color: var(--krds-button--color-link-fill-pressed);
}
.krds-btn.link[disabled], .krds-btn.link.disabled {
  background-color: var(--krds-button--color-link-fill-disabled);
  border-color: var(--krds-button--color-link-border-disabled);
  color: var(--krds-button--color-link-text-disabled);
}
.krds-btn.link[disabled]:not(.icon) .svg-icon, .krds-btn.link.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-link-text-disabled);
}
.krds-btn.link[disabled]:hover, .krds-btn.link.disabled:hover {
  background-color: var(--krds-button--color-link-fill-disabled);
  border-color: var(--krds-button--color-link-border-disabled);
  color: var(--krds-button--color-link-text-disabled);
}
.krds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: auto;
  border-style: solid;
  cursor: pointer;
  white-space: nowrap;
  transition: var(--krds-transition-base);
  border-width: var(--krds-light-border-width-variable-regular);
}
.krds-btn .svg-icon {
  background-color: var(--krds-button--color-primary-text);
  transition: var(--krds-transition-base);
}
.krds-btn:hover {
  background-color: var(--krds-button--color-primary-fill-hover);
}
.krds-btn:active, .krds-btn:focus {
  background-color: var(--krds-button--color-primary-fill-pressed);
}
.krds-btn[disabled], .krds-btn.disabled {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-text-disabled);
  cursor: default;
}
.krds-btn[disabled]:hover, .krds-btn.disabled:hover {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-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.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;
}
@media (max-width: 767px) {
  .krds-btn.link {
	font-size: var(--krds-button--mobile-font-size-large);
  }
}
.krds-btn.link.xsmall {
  padding: 0 var(--krds-button--padding-x-xsmall);
  font-size: var(--krds-button--pc-font-size-xsmall);
}
@media (max-width: 767px) {
  .krds-btn.link.xsmall {
	font-size: var(--krds-button--mobile-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);
}
@media (max-width: 767px) {
  .krds-btn.link.small {
	font-size: var(--krds-button--mobile-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);
}
@media (max-width: 767px) {
  .krds-btn.link.medium {
	font-size: var(--krds-button--mobile-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);
}
@media (max-width: 767px) {
  .krds-btn.link.large {
	font-size: var(--krds-button--mobile-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);
}
@media (max-width: 767px) {
  .krds-btn.link.xlarge {
	font-size: var(--krds-button--mobile-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:hover, .krds-btn.link.basic.pure:active, .krds-btn.link.basic.pure:focus, .krds-btn.link.basic.pure:visited {
  color: var(--krds-light-color-text-basic);
}
.krds-btn.link.basic.pure:hover .svg-icon, .krds-btn.link.basic.pure:active .svg-icon, .krds-btn.link.basic.pure:focus .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:hover, .krds-btn.link.pure:active, .krds-btn.link.pure:focus, .krds-btn.link.pure:visited {
  color: var(--krds-button--color-link-text);
}
.krds-btn.link.pure:hover .svg-icon, .krds-btn.link.pure:active .svg-icon, .krds-btn.link.pure:focus .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:hover .underline.hidden-underline, .krds-btn.link:active .underline.hidden-underline, .krds-btn.link:focus .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;
}
.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.icon:hover, .krds-btn.icon:active {
  background-color: inherit;
}
.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);
}

[data-krds-mode=high-contrast] .krds-btn {
  border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-button--color-primary-fill: var(--krds-high-contrast-color-button-primary-fill);
  --krds-button--color-primary-fill-hover: var(--krds-high-contrast-color-button-primary-fill-hover);
  --krds-button--color-primary-fill-pressed: var(--krds-high-contrast-color-button-primary-fill-pressed);
  --krds-button--color-primary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
  --krds-button--color-primary-border: var(--krds-high-contrast-color-button-primary-fill);
  --krds-button--color-primary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
  --krds-button--color-primary-text: var(--krds-high-contrast-color-text-inverse-static);
  --krds-button--color-primary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
  --krds-button--color-secondary-fill: var(--krds-high-contrast-color-button-secondary-fill);
  --krds-button--color-secondary-fill-hover: var(--krds-high-contrast-color-button-secondary-fill-hover);
  --krds-button--color-secondary-fill-pressed: var(--krds-high-contrast-color-button-secondary-fill-pressed);
  --krds-button--color-secondary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
  --krds-button--color-secondary-border: var(--krds-high-contrast-color-button-secondary-border);
  --krds-button--color-secondary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
  --krds-button--color-secondary-text: var(--krds-high-contrast-color-text-primary);
  --krds-button--color-secondary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
  --krds-button--color-tertiary-fill: var(--krds-high-contrast-color-button-tertiary-fill);
  --krds-button--color-tertiary-fill-hover: var(--krds-high-contrast-color-button-tertiary-fill-hover);
  --krds-button--color-tertiary-fill-pressed: var(--krds-high-contrast-color-button-tertiary-fill-pressed);
  --krds-button--color-tertiary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
  --krds-button--color-tertiary-border: var(--krds-high-contrast-color-button-tertiary-border);
  --krds-button--color-tertiary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
  --krds-button--color-tertiary-text: var(--krds-high-contrast-color-text-basic);
  --krds-button--color-tertiary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
  --krds-button--color-text-fill: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-text-fill-hover: var(--krds-high-contrast-color-button-text-fill-hover);
  --krds-button--color-text-fill-pressed: var(--krds-high-contrast-color-button-text-fill-pressed);
  --krds-button--color-text-fill-disabled: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-text-border: var(--krds-high-contrast-color-button-text-border);
  --krds-button--color-text-border-disabled: var(--krds-high-contrast-color-border-transparency);
  --krds-button--color-text-text: var(--krds-high-contrast-color-text-basic);
  --krds-button--color-text-text-disabled: var(--krds-high-contrast-color-text-disabled);
  --krds-button--color-link-fill: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-fill-hover: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-fill-pressed: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-fill-disabled: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-border: var(--krds-high-contrast-color-button-text-border);
  --krds-button--color-link-border-disabled: var(--krds-high-contrast-color-border-transparency);
  --krds-button--color-link-text: var(--krds-high-contrast-color-link-default);
  --krds-button--color-link-text-disabled: var(--krds-high-contrast-color-text-disabled);
  /* icon 버튼 (텍스트 없음) */
}
[data-krds-mode=high-contrast] .krds-btn {
  background-color: var(--krds-button--color-primary-fill);
  border-color: var(--krds-button--color-primary-border);
  color: var(--krds-button--color-primary-text);
}
[data-krds-mode=high-contrast] .krds-btn.primary {
  background-color: var(--krds-button--color-primary-fill);
  border-color: var(--krds-button--color-primary-border);
  color: var(--krds-button--color-primary-text);
}
[data-krds-mode=high-contrast] .krds-btn.primary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-primary-text);
}
[data-krds-mode=high-contrast] .krds-btn.primary:hover {
  background-color: var(--krds-button--color-primary-fill-hover);
}
[data-krds-mode=high-contrast] .krds-btn.primary:active, [data-krds-mode=high-contrast] .krds-btn.primary:focus {
  background-color: var(--krds-button--color-primary-fill-pressed);
}
[data-krds-mode=high-contrast] .krds-btn.primary[disabled], [data-krds-mode=high-contrast] .krds-btn.primary.disabled {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.primary[disabled]:not(.icon) .svg-icon, [data-krds-mode=high-contrast] .krds-btn.primary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-primary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.primary[disabled]:hover, [data-krds-mode=high-contrast] .krds-btn.primary.disabled:hover {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.secondary {
  background-color: var(--krds-button--color-secondary-fill);
  border-color: var(--krds-button--color-secondary-border);
  color: var(--krds-button--color-secondary-text);
}
[data-krds-mode=high-contrast] .krds-btn.secondary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-secondary-text);
}
[data-krds-mode=high-contrast] .krds-btn.secondary:hover {
  background-color: var(--krds-button--color-secondary-fill-hover);
}
[data-krds-mode=high-contrast] .krds-btn.secondary:active, [data-krds-mode=high-contrast] .krds-btn.secondary:focus {
  background-color: var(--krds-button--color-secondary-fill-pressed);
}
[data-krds-mode=high-contrast] .krds-btn.secondary[disabled], [data-krds-mode=high-contrast] .krds-btn.secondary.disabled {
  background-color: var(--krds-button--color-secondary-fill-disabled);
  border-color: var(--krds-button--color-secondary-border-disabled);
  color: var(--krds-button--color-secondary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.secondary[disabled]:not(.icon) .svg-icon, [data-krds-mode=high-contrast] .krds-btn.secondary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-secondary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.secondary[disabled]:hover, [data-krds-mode=high-contrast] .krds-btn.secondary.disabled:hover {
  background-color: var(--krds-button--color-secondary-fill-disabled);
  border-color: var(--krds-button--color-secondary-border-disabled);
  color: var(--krds-button--color-secondary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.tertiary {
  background-color: var(--krds-button--color-tertiary-fill);
  border-color: var(--krds-button--color-tertiary-border);
  color: var(--krds-button--color-tertiary-text);
}
[data-krds-mode=high-contrast] .krds-btn.tertiary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-tertiary-text);
}
[data-krds-mode=high-contrast] .krds-btn.tertiary:hover {
  background-color: var(--krds-button--color-tertiary-fill-hover);
}
[data-krds-mode=high-contrast] .krds-btn.tertiary:active, [data-krds-mode=high-contrast] .krds-btn.tertiary:focus {
  background-color: var(--krds-button--color-tertiary-fill-pressed);
}
[data-krds-mode=high-contrast] .krds-btn.tertiary[disabled], [data-krds-mode=high-contrast] .krds-btn.tertiary.disabled {
  background-color: var(--krds-button--color-tertiary-fill-disabled);
  border-color: var(--krds-button--color-tertiary-border-disabled);
  color: var(--krds-button--color-tertiary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.tertiary[disabled]:not(.icon) .svg-icon, [data-krds-mode=high-contrast] .krds-btn.tertiary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-tertiary-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.tertiary[disabled]:hover, [data-krds-mode=high-contrast] .krds-btn.tertiary.disabled:hover {
  background-color: var(--krds-button--color-tertiary-fill-disabled);
  border-color: var(--krds-button--color-tertiary-border-disabled);
  color: var(--krds-button--color-tertiary-text-disabled);
}
[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);
}
[data-krds-mode=high-contrast] .krds-btn.text[disabled], [data-krds-mode=high-contrast] .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);
}
[data-krds-mode=high-contrast] .krds-btn.text[disabled]:not(.icon) .svg-icon, [data-krds-mode=high-contrast] .krds-btn.text.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-text-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.text[disabled]:hover, [data-krds-mode=high-contrast] .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);
}
[data-krds-mode=high-contrast] .krds-btn.link {
  background-color: var(--krds-button--color-link-fill);
  border-color: var(--krds-button--color-link-border);
  color: var(--krds-button--color-link-text);
}
[data-krds-mode=high-contrast] .krds-btn.link:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-link-text);
}
[data-krds-mode=high-contrast] .krds-btn.link:hover {
  background-color: var(--krds-button--color-link-fill-hover);
}
[data-krds-mode=high-contrast] .krds-btn.link:active, [data-krds-mode=high-contrast] .krds-btn.link:focus {
  background-color: var(--krds-button--color-link-fill-pressed);
}
[data-krds-mode=high-contrast] .krds-btn.link[disabled], [data-krds-mode=high-contrast] .krds-btn.link.disabled {
  background-color: var(--krds-button--color-link-fill-disabled);
  border-color: var(--krds-button--color-link-border-disabled);
  color: var(--krds-button--color-link-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.link[disabled]:not(.icon) .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-link-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.link[disabled]:hover, [data-krds-mode=high-contrast] .krds-btn.link.disabled:hover {
  background-color: var(--krds-button--color-link-fill-disabled);
  border-color: var(--krds-button--color-link-border-disabled);
  color: var(--krds-button--color-link-text-disabled);
}
[data-krds-mode=high-contrast] .krds-btn.text.ico-filter .num {
  color: var(--krds-high-contrast-color-text-basic-inverse);
  background-color: var(--krds-high-contrast-color-element-primary);
}
[data-krds-mode=high-contrast] .krds-btn.link.basic {
  color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] .krds-btn.link.basic:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:hover, [data-krds-mode=high-contrast] .krds-btn.link.basic.pure:active, [data-krds-mode=high-contrast] .krds-btn.link.basic.pure:focus, [data-krds-mode=high-contrast] .krds-btn.link.basic.pure:visited {
  color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:hover .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link.basic.pure:active .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link.basic.pure:focus .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link.basic.pure:visited .svg-icon {
  background-color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] .krds-btn.link:hover {
  color: var(--krds-high-contrast-color-link-hover);
}
[data-krds-mode=high-contrast] .krds-btn.link:hover:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-hover);
}
[data-krds-mode=high-contrast] .krds-btn.link:active, [data-krds-mode=high-contrast] .krds-btn.link:focus {
  color: var(--krds-high-contrast-color-link-pressed);
}
[data-krds-mode=high-contrast] .krds-btn.link:active:not(.icon) .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link:focus:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-pressed);
}
[data-krds-mode=high-contrast] .krds-btn.link:visited {
  color: var(--krds-high-contrast-color-link-visited);
}
[data-krds-mode=high-contrast] .krds-btn.link:visited:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-visited);
}
[data-krds-mode=high-contrast] .krds-btn.link.pure:hover, [data-krds-mode=high-contrast] .krds-btn.link.pure:active, [data-krds-mode=high-contrast] .krds-btn.link.pure:focus, [data-krds-mode=high-contrast] .krds-btn.link.pure:visited {
  color: var(--krds-button--color-link-text);
}
[data-krds-mode=high-contrast] .krds-btn.link.pure:hover .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link.pure:active .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link.pure:focus .svg-icon, [data-krds-mode=high-contrast] .krds-btn.link.pure:visited .svg-icon {
  background-color: var(--krds-button--color-link-text);
}
[data-krds-mode=high-contrast] .krds-btn.link .underline.hidden-underline {
  text-decoration-color: var(--krds-high-contrast-color-border-transparency);
}
[data-krds-mode=high-contrast] .krds-btn.link:hover .underline.hidden-underline, [data-krds-mode=high-contrast] .krds-btn.link:active .underline.hidden-underline, [data-krds-mode=high-contrast] .krds-btn.link:focus .underline.hidden-underline, [data-krds-mode=high-contrast] .krds-btn.link:visited .underline.hidden-underline {
  text-decoration-color: inherit;
}
[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);
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] .krds-btn {
	border-width: var(--krds-high-contrast-border-width-variable-regular);
	--krds-button--color-primary-fill: var(--krds-high-contrast-color-button-primary-fill);
	--krds-button--color-primary-fill-hover: var(--krds-high-contrast-color-button-primary-fill-hover);
	--krds-button--color-primary-fill-pressed: var(--krds-high-contrast-color-button-primary-fill-pressed);
	--krds-button--color-primary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
	--krds-button--color-primary-border: var(--krds-high-contrast-color-button-primary-fill);
	--krds-button--color-primary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
	--krds-button--color-primary-text: var(--krds-high-contrast-color-text-inverse-static);
	--krds-button--color-primary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
	--krds-button--color-secondary-fill: var(--krds-high-contrast-color-button-secondary-fill);
	--krds-button--color-secondary-fill-hover: var(--krds-high-contrast-color-button-secondary-fill-hover);
	--krds-button--color-secondary-fill-pressed: var(--krds-high-contrast-color-button-secondary-fill-pressed);
	--krds-button--color-secondary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
	--krds-button--color-secondary-border: var(--krds-high-contrast-color-button-secondary-border);
	--krds-button--color-secondary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
	--krds-button--color-secondary-text: var(--krds-high-contrast-color-text-primary);
	--krds-button--color-secondary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
	--krds-button--color-tertiary-fill: var(--krds-high-contrast-color-button-tertiary-fill);
	--krds-button--color-tertiary-fill-hover: var(--krds-high-contrast-color-button-tertiary-fill-hover);
	--krds-button--color-tertiary-fill-pressed: var(--krds-high-contrast-color-button-tertiary-fill-pressed);
	--krds-button--color-tertiary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
	--krds-button--color-tertiary-border: var(--krds-high-contrast-color-button-tertiary-border);
	--krds-button--color-tertiary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
	--krds-button--color-tertiary-text: var(--krds-high-contrast-color-text-basic);
	--krds-button--color-tertiary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
	--krds-button--color-text-fill: var(--krds-high-contrast-color-button-text-fill);
	--krds-button--color-text-fill-hover: var(--krds-high-contrast-color-button-text-fill-hover);
	--krds-button--color-text-fill-pressed: var(--krds-high-contrast-color-button-text-fill-pressed);
	--krds-button--color-text-fill-disabled: var(--krds-high-contrast-color-button-text-fill);
	--krds-button--color-text-border: var(--krds-high-contrast-color-button-text-border);
	--krds-button--color-text-border-disabled: var(--krds-high-contrast-color-border-transparency);
	--krds-button--color-text-text: var(--krds-high-contrast-color-text-basic);
	--krds-button--color-text-text-disabled: var(--krds-high-contrast-color-text-disabled);
	--krds-button--color-link-fill: var(--krds-high-contrast-color-button-text-fill);
	--krds-button--color-link-fill-hover: var(--krds-high-contrast-color-button-text-fill);
	--krds-button--color-link-fill-pressed: var(--krds-high-contrast-color-button-text-fill);
	--krds-button--color-link-fill-disabled: var(--krds-high-contrast-color-button-text-fill);
	--krds-button--color-link-border: var(--krds-high-contrast-color-button-text-border);
	--krds-button--color-link-border-disabled: var(--krds-high-contrast-color-border-transparency);
	--krds-button--color-link-text: var(--krds-high-contrast-color-link-default);
	--krds-button--color-link-text-disabled: var(--krds-high-contrast-color-text-disabled);
	/* icon 버튼 (텍스트 없음) */
  }
  [data-krds-mode=theme] .krds-btn {
	background-color: var(--krds-button--color-primary-fill);
	border-color: var(--krds-button--color-primary-border);
	color: var(--krds-button--color-primary-text);
  }
  [data-krds-mode=theme] .krds-btn.primary {
	background-color: var(--krds-button--color-primary-fill);
	border-color: var(--krds-button--color-primary-border);
	color: var(--krds-button--color-primary-text);
  }
  [data-krds-mode=theme] .krds-btn.primary:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-primary-text);
  }
  [data-krds-mode=theme] .krds-btn.primary:hover {
	background-color: var(--krds-button--color-primary-fill-hover);
  }
  [data-krds-mode=theme] .krds-btn.primary:active, [data-krds-mode=theme] .krds-btn.primary:focus {
	background-color: var(--krds-button--color-primary-fill-pressed);
  }
  [data-krds-mode=theme] .krds-btn.primary[disabled], [data-krds-mode=theme] .krds-btn.primary.disabled {
	background-color: var(--krds-button--color-primary-fill-disabled);
	border-color: var(--krds-button--color-primary-border-disabled);
	color: var(--krds-button--color-primary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.primary[disabled]:not(.icon) .svg-icon, [data-krds-mode=theme] .krds-btn.primary.disabled:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-primary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.primary[disabled]:hover, [data-krds-mode=theme] .krds-btn.primary.disabled:hover {
	background-color: var(--krds-button--color-primary-fill-disabled);
	border-color: var(--krds-button--color-primary-border-disabled);
	color: var(--krds-button--color-primary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.secondary {
	background-color: var(--krds-button--color-secondary-fill);
	border-color: var(--krds-button--color-secondary-border);
	color: var(--krds-button--color-secondary-text);
  }
  [data-krds-mode=theme] .krds-btn.secondary:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-secondary-text);
  }
  [data-krds-mode=theme] .krds-btn.secondary:hover {
	background-color: var(--krds-button--color-secondary-fill-hover);
  }
  [data-krds-mode=theme] .krds-btn.secondary:active, [data-krds-mode=theme] .krds-btn.secondary:focus {
	background-color: var(--krds-button--color-secondary-fill-pressed);
  }
  [data-krds-mode=theme] .krds-btn.secondary[disabled], [data-krds-mode=theme] .krds-btn.secondary.disabled {
	background-color: var(--krds-button--color-secondary-fill-disabled);
	border-color: var(--krds-button--color-secondary-border-disabled);
	color: var(--krds-button--color-secondary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.secondary[disabled]:not(.icon) .svg-icon, [data-krds-mode=theme] .krds-btn.secondary.disabled:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-secondary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.secondary[disabled]:hover, [data-krds-mode=theme] .krds-btn.secondary.disabled:hover {
	background-color: var(--krds-button--color-secondary-fill-disabled);
	border-color: var(--krds-button--color-secondary-border-disabled);
	color: var(--krds-button--color-secondary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.tertiary {
	background-color: var(--krds-button--color-tertiary-fill);
	border-color: var(--krds-button--color-tertiary-border);
	color: var(--krds-button--color-tertiary-text);
  }
  [data-krds-mode=theme] .krds-btn.tertiary:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-tertiary-text);
  }
  [data-krds-mode=theme] .krds-btn.tertiary:hover {
	background-color: var(--krds-button--color-tertiary-fill-hover);
  }
  [data-krds-mode=theme] .krds-btn.tertiary:active, [data-krds-mode=theme] .krds-btn.tertiary:focus {
	background-color: var(--krds-button--color-tertiary-fill-pressed);
  }
  [data-krds-mode=theme] .krds-btn.tertiary[disabled], [data-krds-mode=theme] .krds-btn.tertiary.disabled {
	background-color: var(--krds-button--color-tertiary-fill-disabled);
	border-color: var(--krds-button--color-tertiary-border-disabled);
	color: var(--krds-button--color-tertiary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.tertiary[disabled]:not(.icon) .svg-icon, [data-krds-mode=theme] .krds-btn.tertiary.disabled:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-tertiary-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.tertiary[disabled]:hover, [data-krds-mode=theme] .krds-btn.tertiary.disabled:hover {
	background-color: var(--krds-button--color-tertiary-fill-disabled);
	border-color: var(--krds-button--color-tertiary-border-disabled);
	color: var(--krds-button--color-tertiary-text-disabled);
  }
  [data-krds-mode=theme] .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=theme] .krds-btn.text:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-text-text);
  }
  [data-krds-mode=theme] .krds-btn.text:hover {
	background-color: var(--krds-button--color-text-fill-hover);
  }
  [data-krds-mode=theme] .krds-btn.text:active, [data-krds-mode=theme] .krds-btn.text:focus {
	background-color: var(--krds-button--color-text-fill-pressed);
  }
  [data-krds-mode=theme] .krds-btn.text[disabled], [data-krds-mode=theme] .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);
  }
  [data-krds-mode=theme] .krds-btn.text[disabled]:not(.icon) .svg-icon, [data-krds-mode=theme] .krds-btn.text.disabled:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-text-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.text[disabled]:hover, [data-krds-mode=theme] .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);
  }
  [data-krds-mode=theme] .krds-btn.link {
	background-color: var(--krds-button--color-link-fill);
	border-color: var(--krds-button--color-link-border);
	color: var(--krds-button--color-link-text);
  }
  [data-krds-mode=theme] .krds-btn.link:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-link-text);
  }
  [data-krds-mode=theme] .krds-btn.link:hover {
	background-color: var(--krds-button--color-link-fill-hover);
  }
  [data-krds-mode=theme] .krds-btn.link:active, [data-krds-mode=theme] .krds-btn.link:focus {
	background-color: var(--krds-button--color-link-fill-pressed);
  }
  [data-krds-mode=theme] .krds-btn.link[disabled], [data-krds-mode=theme] .krds-btn.link.disabled {
	background-color: var(--krds-button--color-link-fill-disabled);
	border-color: var(--krds-button--color-link-border-disabled);
	color: var(--krds-button--color-link-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.link[disabled]:not(.icon) .svg-icon, [data-krds-mode=theme] .krds-btn.link.disabled:not(.icon) .svg-icon {
	background-color: var(--krds-button--color-link-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.link[disabled]:hover, [data-krds-mode=theme] .krds-btn.link.disabled:hover {
	background-color: var(--krds-button--color-link-fill-disabled);
	border-color: var(--krds-button--color-link-border-disabled);
	color: var(--krds-button--color-link-text-disabled);
  }
  [data-krds-mode=theme] .krds-btn.text.ico-filter .num {
	color: var(--krds-high-contrast-color-text-basic-inverse);
	background-color: var(--krds-high-contrast-color-element-primary);
  }
  [data-krds-mode=theme] .krds-btn.link.basic {
	color: var(--krds-high-contrast-color-text-basic);
  }
  [data-krds-mode=theme] .krds-btn.link.basic:not(.icon) .svg-icon {
	background-color: var(--krds-high-contrast-color-text-basic);
  }
  [data-krds-mode=theme] .krds-btn.link.basic.pure:hover, [data-krds-mode=theme] .krds-btn.link.basic.pure:active, [data-krds-mode=theme] .krds-btn.link.basic.pure:focus, [data-krds-mode=theme] .krds-btn.link.basic.pure:visited {
	color: var(--krds-high-contrast-color-text-basic);
  }
  [data-krds-mode=theme] .krds-btn.link.basic.pure:hover .svg-icon, [data-krds-mode=theme] .krds-btn.link.basic.pure:active .svg-icon, [data-krds-mode=theme] .krds-btn.link.basic.pure:focus .svg-icon, [data-krds-mode=theme] .krds-btn.link.basic.pure:visited .svg-icon {
	background-color: var(--krds-high-contrast-color-text-basic);
  }
  [data-krds-mode=theme] .krds-btn.link:hover {
	color: var(--krds-high-contrast-color-link-hover);
  }
  [data-krds-mode=theme] .krds-btn.link:hover:not(.icon) .svg-icon {
	background-color: var(--krds-high-contrast-color-link-hover);
  }
  [data-krds-mode=theme] .krds-btn.link:active, [data-krds-mode=theme] .krds-btn.link:focus {
	color: var(--krds-high-contrast-color-link-pressed);
  }
  [data-krds-mode=theme] .krds-btn.link:active:not(.icon) .svg-icon, [data-krds-mode=theme] .krds-btn.link:focus:not(.icon) .svg-icon {
	background-color: var(--krds-high-contrast-color-link-pressed);
  }
  [data-krds-mode=theme] .krds-btn.link:visited {
	color: var(--krds-high-contrast-color-link-visited);
  }
  [data-krds-mode=theme] .krds-btn.link:visited:not(.icon) .svg-icon {
	background-color: var(--krds-high-contrast-color-link-visited);
  }
  [data-krds-mode=theme] .krds-btn.link.pure:hover, [data-krds-mode=theme] .krds-btn.link.pure:active, [data-krds-mode=theme] .krds-btn.link.pure:focus, [data-krds-mode=theme] .krds-btn.link.pure:visited {
	color: var(--krds-button--color-link-text);
  }
  [data-krds-mode=theme] .krds-btn.link.pure:hover .svg-icon, [data-krds-mode=theme] .krds-btn.link.pure:active .svg-icon, [data-krds-mode=theme] .krds-btn.link.pure:focus .svg-icon, [data-krds-mode=theme] .krds-btn.link.pure:visited .svg-icon {
	background-color: var(--krds-button--color-link-text);
  }
  [data-krds-mode=theme] .krds-btn.link .underline.hidden-underline {
	text-decoration-color: var(--krds-high-contrast-color-border-transparency);
  }
  [data-krds-mode=theme] .krds-btn.link:hover .underline.hidden-underline, [data-krds-mode=theme] .krds-btn.link:active .underline.hidden-underline, [data-krds-mode=theme] .krds-btn.link:focus .underline.hidden-underline, [data-krds-mode=theme] .krds-btn.link:visited .underline.hidden-underline {
	text-decoration-color: inherit;
  }
  [data-krds-mode=theme] .krds-btn.icon {
	background-color: transparent;
	border-color: var(--krds-high-contrast-color-border-transparency);
  }
  [data-krds-mode=theme] .krds-btn.icon .svg-icon {
	background-color: var(--krds-high-contrast-color-text-basic);
  }
  [data-krds-mode=theme] .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=theme] .krds-btn.icon.border[disabled], [data-krds-mode=theme] .krds-btn.icon.border.disabled {
	background-color: var(--krds-high-contrast-color-button-disabled-fill);
  }
}


/* 통합검색 */
#popTotalSchType1 .modal-dialog .modal-conts,
#popTotalSch .modal-dialog .modal-conts {
  max-width: 79.2rem;
  padding: 16rem 0 var(--krds-gap-12);
}
#popTotalSchType1 .modal-dialog .btn-close,
#popTotalSch .modal-dialog .btn-close {
  top: var(--krds-gap-12);
  right: var(--krds-gap-12);
}
#popTotalSchType1 .modal-conts,
#popTotalSch .modal-conts {
  padding-inline: 0;
}
#popTotalSchType1 .pop-total-serch-wrap,
#popTotalSch .pop-total-serch-wrap {
  --pop-total-serch-width-border: var(--krds-light-border-width-variable-regular);
  --pop-total-serch-color-border: var(--krds-light-color-divider-secondary-light);
  --pop-total-serch-color-background: var(--krds-light-color-surface-secondary-subtler);
  --pop-total-serch-state-up-text: var(--krds-light-color-text-point);
  --pop-total-serch-state-up-icon: var(--krds-light-color-icon-point);
  --pop-total-serch-state-down-text: var(--krds-light-color-text-information);
  --pop-total-serch-state-down-icon: var(--krds-light-color-icon-information);
  --pop-total-serch-state-same-text: var(--krds-light-color-text-basic);
}
#popTotalSchType1 .pop-total-serch-wrap .search-tit,
#popTotalSch .pop-total-serch-wrap .search-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--krds-pc-font-size-heading-medium);
  font-weight: var(--krds-font-weight-bold);
  letter-spacing: var(--krds-typo-letter-spacing-1);
  line-height: 1;
  margin-bottom: var(--krds-gap-4);
}
#popTotalSchType1 .pop-total-serch-wrap .search-tit .krds-btn.text,
#popTotalSch .pop-total-serch-wrap .search-tit .krds-btn.text {
  margin-left: auto;
}
#popTotalSchType1 .pop-total-serch-wrap .search-total-top,
#popTotalSch .pop-total-serch-wrap .search-total-top {
  position: sticky;
  top: 0;
  background-color: var(--pop-total-serch-color-background);
  padding: 0 0.4rem var(--krds-padding-10);
  border-bottom: var(--pop-total-serch-width-border) solid var(--pop-total-serch-color-border);
}
#popTotalSchType1 .pop-total-serch-wrap .search-text,
#popTotalSch .pop-total-serch-wrap .search-text {
  padding-top: var(--krds-padding-10);
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-list,
#popTotalSch .pop-total-serch-wrap .sch-info-list {
  display: flex;
  width: 100%;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item,
#popTotalSch .pop-total-serch-wrap .sch-info-item {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  width: 50%;
  padding: 0 var(--krds-padding-8);
  min-height: 46rem;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .tit,
#popTotalSch .pop-total-serch-wrap .sch-info-item .tit {
  width: 100%;
  margin-bottom: var(--krds-gap-7);
  font-size: var(--krds-pc-font-size-heading-small);
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .list,
#popTotalSch .pop-total-serch-wrap .sch-info-item .list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
  width: 100%;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .list li,
#popTotalSch .pop-total-serch-wrap .sch-info-item .list li {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-txt ,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-shrink: 0;
  gap: var(--krds-gap-1);
  font-size: var(--krds-pc-font-size-body-small);
  width: 4.3rem;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state::before {
  display: inline-flex;
  content: "";
  width: var(--krds-number-7);
  height: var(--krds-number-7);
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.up,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.up {
  color: var(--pop-total-serch-state-up-text);
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.up::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.up::before {
  width: 0;
  height: 0;
  border-bottom: 0.6rem solid var(--pop-total-serch-state-up-icon);
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.down,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.down {
  color: var(--pop-total-serch-state-down-text);
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.down::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.down::before {
  width: 0;
  height: 0;
  border-top: 0.6rem solid var(--pop-total-serch-state-down-icon);
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.same::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.same::before {
  width: 0.6rem;
  height: 0.2rem;
  background-color: var(--pop-total-serch-state-same-text);
}
#popTotalSchType1 .pop-total-serch-wrap .word-popular,
#popTotalSch .pop-total-serch-wrap .word-popular {
  counter-reset: item;
}
#popTotalSchType1 .pop-total-serch-wrap .word-popular li,
#popTotalSch .pop-total-serch-wrap .word-popular li {
  gap: var(--krds-gap-3);
  counter-increment: item;
}
#popTotalSchType1 .pop-total-serch-wrap .word-popular li::before,
#popTotalSch .pop-total-serch-wrap .word-popular li::before,
#popTotalSch .pop-total-serch-wrap .word-lately li::before{
  display: inline-flex;
  content: counter(item);
  width: 2rem;
}
#popTotalSchType1 .pop-total-serch-wrap .word-popular li .ranking-state,
#popTotalSch .pop-total-serch-wrap .word-popular li .ranking-state {
  margin-left: auto;
}
#popTotalSchType1 .pop-total-serch-wrap .word-lately,
#popTotalSch .pop-total-serch-wrap .word-lately {
  border-left: var(--pop-total-serch-width-border) solid var(--pop-total-serch-color-border);
}
#popTotalSchType1 .pop-total-serch-wrap .word-lately li,
#popTotalSch .pop-total-serch-wrap .word-lately li {
  gap: var(--krds-gap-3);
}
#popTotalSchType1 .pop-total-serch-wrap .word-lately .word-txt,
#popTotalSch .pop-total-serch-wrap .word-lately .word-txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
#popTotalSchType1 .pop-total-serch-wrap .word-lately .krds-btn.icon,
#popTotalSch .pop-total-serch-wrap .word-lately .krds-btn.icon {
  flex-shrink: 0;
  margin-left: auto;
}
#popTotalSchType1 .pop-total-serch-wrap .word-lately .krds-btn.text,
#popTotalSch .pop-total-serch-wrap .word-lately .krds-btn.text {
  margin-top: auto;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-keyword-list,
#popTotalSch .pop-total-serch-wrap .sch-keyword-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
  padding-inline: var(--krds-padding-8);
}
#popTotalSchType1 .pop-total-serch-wrap .sch-keyword-list li,
#popTotalSch .pop-total-serch-wrap .sch-keyword-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-gap-3);
  word-break: break-all;
}
#popTotalSchType1 .pop-total-serch-wrap .sch-keyword-list li .word-txt,
#popTotalSch .pop-total-serch-wrap .sch-keyword-list li .word-txt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-gap-2);
}
#popTotalSchType1 .pop-total-serch-wrap .sch-keyword-list li .word-txt .txt,
#popTotalSch .pop-total-serch-wrap .sch-keyword-list li .word-txt .txt {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/* 푸터 - 관련 기관 링크 */

.popFootLink .modal-dialog .modal-header {
  padding: 16rem 0 var(--krds-padding-10);
  line-height: 1;
}
.popFootLink .modal-dialog .modal-header,
.popFootLink .modal-dialog .modal-conts {
  max-width: 128rem;
}
.popFootLink .modal-dialog .btn-close {
  top: var(--krds-gap-12);
  right: var(--krds-gap-12);
}
.popFootLink .pop-foot-links {
  --pop-foot-link-color-background-hover: var(--krds-light-color-element-secondary-light);
  --pop-foot-link-color-background-active: var(--krds-light-secondary-20);
  padding: 0.4rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--krds-gap-3) var(--krds-gap-5);
}
.popFootLink .pop-foot-links li a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
  padding: var(--krds-padding-5) var(--krds-padding-3);
  border-radius: var(--krds-radius-medium3);
  word-break: break-all;
}
.popFootLink .pop-foot-links li a::before {
  content: "･";
  margin-top: 0.1rem;
}
.popFootLink .pop-foot-links li a:hover {
  background-color: var(--pop-foot-link-color-background-hover);
}
.popFootLink .pop-foot-links li a:active {
  background-color: var(--pop-foot-link-color-background-active);
}

@media (max-width: 767px) {
  /* 푸터 - 관련 기관 링크 */
  .popFootLink .modal-dialog .modal-header {
	padding: var(--krds-padding-8) var(--krds-padding-6);
  }
  .popFootLink .modal-dialog .modal-header .modal-title {
	font-size: var(--krds-mobile-font-size-label-large);
  }
  .popFootLink .modal-dialog .modal-conts {
	padding-inline: var(--krds-padding-6);
  }
  .popFootLink .modal-dialog .btn-close {
	top: var(--krds-gap-7);
	right: var(--krds-gap-5);
  }
  .popFootLink .pop-foot-links {
	grid-template-columns: 1fr 1fr;
	grid-gap: 0;
  }
  /* 통합검색 */
  #popTotalSchType1 .modal-dialog,
  #popTotalSch .modal-dialog {
	width: 100%;
	margin: 0;
	padding: 0;
  }
  #popTotalSchType1 .modal-dialog .btn-close,
  #popTotalSch .modal-dialog .btn-close {
	width: var(--krds-size-height-4);
	height: var(--krds-size-height-4);
	top: var(--krds-gap-6);
	right: var(--krds-gap-5);
  }
  #popTotalSchType1 .modal-dialog .modal-conts,
  #popTotalSch .modal-dialog .modal-conts {
	padding: 0;
  }
  #popTotalSchType1 .modal-content,
  #popTotalSch .modal-content {
	padding: 0;
  }
  #popTotalSchType1 .pop-total-serch-wrap,
  #popTotalSch .pop-total-serch-wrap {
	padding: 4.4rem 0 0;
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-total-top,
  #popTotalSch .pop-total-serch-wrap .search-total-top {
	padding: var(--krds-padding-8) var(--krds-padding-6);
  }
  #popTotalSchType1 .pop-total-serch-wrap .sch-form-wrap,
  #popTotalSch .pop-total-serch-wrap .sch-form-wrap {
	gap: var(--krds-gap-4);
  }
  #popTotalSchType1 .pop-total-serch-wrap .sch-form-wrap .sch-input .krds-input,
  #popTotalSch .pop-total-serch-wrap .sch-form-wrap .sch-input .krds-input {
	padding: 0 5.6rem 0 var(--krds-padding-6);
	height: var(--krds-size-height-9);
  }
  #popTotalSchType1 .pop-total-serch-wrap .sch-form-wrap .sch-input .krds-btn,
  #popTotalSch .pop-total-serch-wrap .sch-form-wrap .sch-input .krds-btn {
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-tit,
  #popTotalSch .pop-total-serch-wrap .search-tit {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	font-size: var(--krds-mobile-font-size-heading-medium);
	letter-spacing: var(--krds-typo-letter-spacing-1);
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-tit .krds-btn.text,
  #popTotalSch .pop-total-serch-wrap .search-tit .krds-btn.text {
	margin-left: 0;
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text,
  #popTotalSch .pop-total-serch-wrap .search-text {
	padding: var(--krds-padding-8) var(--krds-padding-6);
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-list,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-list {
	flex-direction: column;
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-item,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-item {
	width: 100%;
	min-height: auto;
	padding: 0;
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-item .tit,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-item .tit {
	margin-bottom: var(--krds-gap-5);
	font-size: var(--krds-mobile-font-size-heading-small);
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text .word-lately,
  #popTotalSch .pop-total-serch-wrap .search-text .word-lately {
	position: relative;
	padding-top: var(--krds-padding-8);
	margin-top: var(--krds-padding-8);
	border: 0;
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text .word-lately .list,
  #popTotalSch .pop-total-serch-wrap .search-text .word-lately .list {
	margin-bottom: var(--krds-gap-5);
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text .word-lately::after,
  #popTotalSch .pop-total-serch-wrap .search-text .word-lately::after {
	content: "";
	position: absolute;
	top: 0;
	left: -1.6rem;
	right: 0;
	width: calc(100% + var(--krds-gap-8));
	height: var(--krds-light-border-width-variable-regular);
	background-color: var(--krds-light-color-divider-secondary-light);
  }
  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-keyword-list,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-keyword-list {
	padding-inline: 0;
  }
  /* 로그인 약관 동의 */
  /* #modal_agree .modal-header {
  padding-top: 5.2rem;
}
  #modal_agree .modal-title {
  font-size: var(--krds-mobile-font-size-heading-xxsmall);
}
  #modal_agree .pop-agree-wrap {
  gap: var(--krds-gap-5);
}
  #modal_agree .pop-agree-wrap .agree-head {
  flex-direction: column;
  align-items: flex-start;
}
  #modal_agree .pop-agree-wrap .agree-head .tit {
  font-size: var(--krds-mobile-font-size-heading-small);
}
  #modal_agree .pop-agree-wrap .agree-head .agree-navigation .krds-btn {
  width: var(--krds-size-height-5);
  height: var(--krds-size-height-5);
}
  #modal_agree .pop-agree-wrap .agree-body {
  height: auto;
}
  #modal_agree .pop-agree-wrap .agree-body .in {
  padding: var(--krds-padding-6);
}
}
  [data-krds-mode=high-contrast] .pop-filter-top {
  background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
}
  [data-krds-mode=high-contrast] .pop-filter-top .filter-txt {
  color: var(--krds-high-contrast-color-text-subtle);
}
  [data-krds-mode=high-contrast] .pop-filter-top .filter-tag-wrap .tag-btn {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 3.12%, var(--krds-high-contrast-color-surface-secondary-subtler) 46.25%);
}
  [data-krds-mode=high-contrast] .popFootLink .pop-foot-links {
  --pop-foot-link-color-background-hover: var(--krds-high-contrast-color-element-secondary-light);
  --pop-foot-link-color-background-active: var(--krds-high-contrast-secondary-20);
}
  [data-krds-mode=high-contrast] #popTotalSchType1 .pop-total-serch-wrap,
  [data-krds-mode=high-contrast] #popTotalSch .pop-total-serch-wrap {
  --pop-total-serch-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --pop-total-serch-color-border: var(--krds-high-contrast-color-divider-secondary-light);
  --pop-total-serch-color-background: var(--krds-high-contrast-color-surface-secondary-subtler);
  --pop-total-serch-state-up-text: var(--krds-high-contrast-color-text-point);
  --pop-total-serch-state-up-icon: var(--krds-high-contrast-color-icon-point);
  --pop-total-serch-state-down-text: var(--krds-high-contrast-color-text-information);
  --pop-total-serch-state-down-icon: var(--krds-high-contrast-color-icon-information);
  --pop-total-serch-state-same-text: var(--krds-high-contrast-color-text-basic);
}
  [data-krds-mode=high-contrast] #modal_agree .pop-agree-wrap {
  --pop-agree-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --pop-agree-color-border: var(--krds-high-contrast-color-border-gray);
  --pop-agree-info-list-color: var(--krds-high-contrast-color-text-basic);
} */

  /* @media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] .pop-filter-top {
  background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
}
  [data-krds-mode=theme] .pop-filter-top .filter-txt {
  color: var(--krds-high-contrast-color-text-subtle);
}
  [data-krds-mode=theme] .pop-filter-top .filter-tag-wrap .tag-btn {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 3.12%, var(--krds-high-contrast-color-surface-secondary-subtler) 46.25%);
}
  [data-krds-mode=theme] .popFootLink .pop-foot-links {
  --pop-foot-link-color-background-hover: var(--krds-high-contrast-color-element-secondary-light);
  --pop-foot-link-color-background-active: var(--krds-high-contrast-secondary-20);
}
  [data-krds-mode=theme] #popTotalSchType1 .pop-total-serch-wrap,
  [data-krds-mode=theme] #popTotalSch .pop-total-serch-wrap {
  --pop-total-serch-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --pop-total-serch-color-border: var(--krds-high-contrast-color-divider-secondary-light);
  --pop-total-serch-color-background: var(--krds-high-contrast-color-surface-secondary-subtler);
  --pop-total-serch-state-up-text: var(--krds-high-contrast-color-text-point);
  --pop-total-serch-state-up-icon: var(--krds-high-contrast-color-icon-point);
  --pop-total-serch-state-down-text: var(--krds-high-contrast-color-text-information);
  --pop-total-serch-state-down-icon: var(--krds-high-contrast-color-icon-information);
  --pop-total-serch-state-same-text: var(--krds-high-contrast-color-text-basic);
}
  [data-krds-mode=theme] #modal_agree .pop-agree-wrap {
  --pop-agree-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --pop-agree-color-border: var(--krds-high-contrast-color-border-gray);
  --pop-agree-info-list-color: var(--krds-high-contrast-color-text-basic);
} */
}

/* **** button area **** */
.btn-wrap {
  width: 100%;
}


#container {
  flex: 1;
  position: relative;
  z-index: 1;
}
#container > .inner {
  min-height: 60rem;
}
#container > .inner:not(.in-between) {
  padding-bottom: var(--krds-pc-gap-layout-contents-footer);
}
@media (max-width: 767px) {
  #container > .inner:not(.in-between) {
	padding-bottom: var(--krds-mobile-gap-layout-contents-footer);
  }
}
#container .help-panel-flexible {
  --krds-contents-wrap-size: calc(79.2rem + var(--krds-contents-padding-x));
  --krds-help-panel--flexible-padding: calc(var(--krds-help-panel--width) - ((100% - var(--krds-contents-wrap-size)) / 2) + 4.5rem);
}
#container > .krds-breadcrumb-wrap {
  padding-bottom: 0;
}
#container > .krds-breadcrumb-wrap .breadcrumb {
  max-width: var(--krds-contents-wrap-size);
  padding-left: var(--krds-contents-padding-x);
  padding-right: var(--krds-contents-padding-x);
}
#container .in-between {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-12);
}
#container .side-menu {
    padding: var(--krds-padding-7) 3.9rem var(--krds-padding-10) 0;
    border-right: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
}
#container .in-between .menuUIsub {
  width: 29.5rem;
  flex-shrink: 0;
  padding-top:0;
}
#container .in-between .contents {
  flex:1;
  /* width:calc(100% - 29.5rem - 8rem); */
  min-width: 0; 
  padding-bottom: 7.6rem;
}
#container .in-between .contents .breadcrumb-wrap {
  padding-top: var(--krds-pc-gap-layout-header-breadcrumb);
  padding-bottom: var(--krds-pc-gap-layout-breadcrumb-h2);
}
@media screen and (max-width:1023px) {
  #container .in-between .contents {width:100%}
}
@media (max-width: 767px) {
  #container .in-between .contents .breadcrumb-wrap {
	padding-top: var(--krds-mobile-gap-layout-header-breadcrumb);
	padding-bottom: var(--krds-mobile-gap-layout-breadcrumb-h2);
  }
}
#container .in-between .contents .breadcrumb-wrap .breadcrumb {
  padding: 0;
}

@media (min-width: 1024px) {
  .inner {
	margin: 0 auto;
  }
  .inner.narrow {
	max-width: calc(79.2rem + var(--krds-contents-padding-x) * 2);
  }
}
@media (max-width: 1023px) {
  /* container */
  #container .in-between .menuUIsub,
  .side-menu {
	display: none;
  }
  #container .page-title-wrap {margin-bottom:var(--krds-number-14);}
  #container .page-title-wrap .menuUIsub {display: block;}
  #container .in-between .contents {
	padding-left: 0;
  }
}
@media (max-width: 767px) {
  /* container */
  #container > .inner {
	min-height: 50rem;
  }
  #container .in-between .contents {
	padding-right: 0;
  }
}

/* 사이드 메뉴 */
.menuUIsub {
  --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-medium5);
  --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;
}
#container .in-between .page-title h2 {
    font-size: 2.4rem;
    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); */
    padding:1.8rem 0;
    text-align: center;
    color:var(--krds-color-light-gray-0);
    background:linear-gradient(to right, #0065CF, #008CC9);
    border-radius:var(--krds-number-6) var(--krds-number-6) 3rem var(--krds-number-6)
      /* border-bottom: var(--krds-side-navigation--title-border-width) solid var(--krds-side-navigation--title-color-border); */
}
.menuUIsub .menuSubTitleUI h2 {
    display: none;
}
.menuUIsub .ul_2 .li_2 {
  border-bottom: var(--krds-side-navigation--item-border-width) solid var(--krds-side-navigation--item-color-border);
}
.menuUIsub .ul_2 .li_2 a {
  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: 1.8rem var(--krds-side-navigation--btn-padding-x);
  /* font-size: var(--krds-side-navigation--btn-font-size); */
  font-size: 1.9rem;
  line-height: 1;
  font-weight: var(--krds-font-weight-bold);
  text-align: left;
}
.menuUIsub .ul_2 .li_2 a:hover {
  background-color: var(--krds-side-navigation--color-action-hover);
}
.menuUIsub .ul_2 .li_2 a[target="_blank"]::after {
    content:'';
    display:inline-flex;
    align-self: center;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color:#1e2124;
    -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/icon/ico_go.svg);
    mask-image: url(../../images/icon/ico_go.svg);
    transform: unset;
}
.menuUIsub .ul_2 .li_2 a:active {
  background-color: var(--krds-side-navigation--color-action-pressed);
}
.menuUIsub .ul_2 .li_2 a:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.menuUIsub .ul_2 .li_2 a.selected {
  background-color: var(--krds-side-navigation--color-action-selected);
  color: var(--krds-side-navigation--color-text-selected);
}
.menuUIsub .ul_2 .li_2 a:not(.lnb-toggle)._active {
  background-color: var(--krds-side-navigation--color-action-selected);
  color: var(--krds-side-navigation--color-text-selected);
}
.menuUIsub .ul_2 .li_2 [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(../../images/icon/ico_angle.svg);
  mask-image: url(../../images/icon/ico_angle.svg);
  margin-top: var(--krds-padding-1);
  margin-left: auto;
  transition: var(--krds-transition-base);
  transform: rotate(0deg);
}
/* .menuUIsub .ul_2 .li_2 [class*=lnb-toggle][aria-expanded=true] {
padding-bottom: var(--krds-side-navigation--btn-padding-y-selected);
} */
.menuUIsub .ul_2 .li_2 [class*=lnb-toggle][aria-expanded=true]::after {
  background-color: var(--krds-side-navigation--color-text-selected);
  transform: rotate(180deg);
}
.menuUIsub .ul_2 .li_2 .div_3 {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: var(--krds-transition-base);
}
.menuUIsub .ul_2 .li_2 .div_3 > ul {
  padding: 0;
  overflow: hidden;
}
.menuUIsub .ul_2 .li_2 .div_3 a {
  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);
  font-size: var(--krds-side-navigation--btn-font-size);
  line-height: var(--krds-line-height-base);
}
.menuUIsub .ul_2 .li_2 .div_3 a[target="_blank"]::after {
    content:'';
    display:block;
    align-self: center;
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    background-color:#1e2124;
    -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/icon/ico_go.svg);
    mask-image: url(../../images/icon/ico_go.svg);
}
.menuUIsub .ul_2 .li_2 .div_3 a::before {
  content: "•";
}
.menuUIsub .ul_2 .li_2 .a_3._active {
  background-color: var(--krds-side-navigation--color-action-selected);
  color: var(--krds-side-navigation--color-text-selected);
}
.menuUIsub .ul_2 .li_2 .div_3 a.selected,
.menuUIsub .ul_2 .li_2 .div_3 a._active {
  color: var(--krds-side-navigation--color-text-selected);
  font-weight: var(--krds-font-weight-bold);
}
.menuUIsub .ul_2 .li_2 .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);
}
.menuUIsub .ul_2 .li_2 .lnb-submenu-lv2.active {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.menuUIsub .ul_2 .li_2 .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);
}
.menuUIsub .ul_2 .li_2 .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);
}
.menuUIsub .ul_2 .li_2 .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(../../images/icon/ico_angle.svg);
  mask-image: url(../../images/icon/ico_angle.svg);
  transform: rotate(90deg);
}
.menuUIsub .ul_2 .li_2 .lnb-submenu-lv2 .lnb-btn-tit:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.menuUIsub .ul_2 .li_2 .lnb-submenu-lv2 .lnb-btn-tit:hover {
  background-color: var(--krds-side-navigation--color-action-hover);
}
.menuUIsub .ul_2 .li_2 .lnb-submenu-lv2 .lnb-btn-tit:active {
  background-color: var(--krds-side-navigation--color-action-pressed);
}
.menuUIsub .ul_2 .li_2._active {
  border-bottom-color: var(--krds-side-navigation--item-color-border-selected);
}
.menuUIsub .ul_2 .li_2._active .div_3 {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  /* padding: var(--krds-side-navigation--3depth-padding-y) 0; */
  padding-bottom:1.4rem;
}
.menuUIsub .ul_2 > li > a::before {
  display: inline-flex;
  content: "";
  position: absolute;
  bottom: 0rem;
  left: 0%;
  width: 0;
  height: 0.3rem;
  background-color: var(--krds-side-navigation--color-border-selected);
  transition: var(--krds-transition-base);
}
.menuUIsub .ul_2 > li > a:hover::before {
  left: 0;
  width: 100%;
}
.menuUIsub .ul_2 > li > a._active:not(.lnb-toggle)::before {
  left: 0;
  width: 100%;
}
[data-krds-mode=high-contrast] .menuUIsub {
  --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] .menuUIsub .ul_2 .li_2 [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] .menuUIsub .ul_2 .li_2 .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;
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] .menuUIsub {
	--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=theme] .menuUIsub .ul_2 .li_2 [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=theme] .menuUIsub .ul_2 .li_2 .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;
  }
}

/* 모바일 Lnb */
@media screen and (max-width:1023px){
  .menuSubTitleUI {display: none;}
  #container .in-between .menuUIsub {width:100%; border:0; padding:0;}
  .menuUIsub .ul_2 .li_2 {padding:.8rem 0;}
  .menuUIsub .ul_2 .li_2 a {padding:1rem var(--krds-side-navigation--btn-padding-x); font-size: var(--krds-side-navigation--btn-font-size); line-height: inherit; width:auto; border-radius:.8rem;}
  .menuUIsub .ul_2 .li_2 a:hover {background:unset;}
  .menuUIsub .ul_2 > li > a::before {display: none;}
  .menuUIsub .ul_2 .li_2 .div_3 {transition:all .2s;}
  .menuUIsub .ul_2 .li_2 .div_3 > ul {background:var(--krds-light-color-surface-secondary-subtler); border-radius:var(--krds-radius-medium3);}
  .menuUIsub .ul_2 .li_2 .div_3 .a_3 {margin:0.8rem 1.4rem;}
  .menuUIsub .ul_2 .li_2 .a_2:not(.lnb-toggle)._active {background:#eef2f7}
  .menuUIsub .ul_2 .li_2 .a_3:not(.lnb-toggle)._active {background:#d6e0eb}


}
/* // 모바일 Lnb */

/* ** 페이지 타이틀 ** */
.page-title-wrap {
  position: relative;
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: var(--krds-number-18);
  gap: var(--krds-pc-gap-layout-title-body-large);
  z-index: 4;
}
@media (max-width: 767px) {
  .page-title-wrap {
	margin-bottom: var(--krds-mobile-gap-layout-h2-h3);
	gap: var(--krds-mobile-gap-layout-title-body-large);
  }
}
.page-title-wrap .h-tit {
  font-size: var(--krds-pc-font-size-heading-xlarge);
  letter-spacing: var(--krds-typo-letter-spacing-1);
  font-weight: var(--krds-font-weight-bold);
  color:#1d1d1d;
  margin-right: 13rem;
}
.page-title-wrap .h-tit .small-txt {
  display: flex;
  margin-bottom: var(--krds-pc-gap-layout-title-body-small);
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  color: var(--krds-light-color-text-subtle);
}
.page-title-wrap .h-tit .sub-txt {
  display: flex;
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: var(--krds-font-weight-regular);
  color: var(--krds-light-color-text-subtle);
}
.page-title-wrap .h-tit .krds-badge-wrap {
  font-weight: var(--krds-font-weight-regular);
  margin-top: var(--krds-pc-gap-layout-title-body-large);
}
@media (max-width: 767px) {
  .page-title-wrap .h-tit {
	font-size: var(--krds-mobile-font-size-heading-xlarge);
	letter-spacing: var(--krds-typo-letter-spacing-1);
  }
  .page-title-wrap .h-tit .small-txt {
	margin-bottom: var(--krds-mobile-gap-layout-title-body-small);
	font-size: var(--krds-mobile-font-size-heading-xxsmall);
  }
  .page-title-wrap .h-tit .sub-txt {
	font-size: var(--krds-mobile-font-size-body-small);
  }
  .page-title-wrap .h-tit .krds-badge-wrap {
	margin-top: var(--krds-mobile-gap-layout-title-body-large);
  }
}
.page-title-wrap .h-txt {
  font-size: var(--krds-pc-font-size-body-large);
}
@media (max-width: 767px) {
  .page-title-wrap .h-txt {
	font-size: var(--krds-mobile-font-size-body-large);
  }
}
.page-title-wrap.between {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.page-title-wrap.between .krds-step-wrap {
  margin-left: auto;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  /* **** PAGE LAYOUT ELEMENT **** */
  /* ** 페이지 타이틀 ** */
  .page-title-wrap[data-type=responsive] .h-tit-drop {
	display: none;
  }
}
@media (max-width: 1023px) {
  /* **** PAGE LAYOUT ELEMENT **** */
  /* ** 페이지 타이틀 ** */
  .page-title-wrap .h-txt .br {
	display: none;
  }
  .page-title-wrap[data-type=responsive] .h-tit {
	display: none;
  }
  .page-title-wrap .h-tit-drop .drop-btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--krds-gap-3);
    text-align:left;
    margin-right:15rem;
  }
  .page-title-wrap .h-tit-drop .drop-btn::after {
	display: inline-flex;
	content: "";
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	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/icon/ico_expand.svg);
	mask-image: url(../../images/icon/ico_expand.svg);
	transition: 0.4s ease-in-out;
	transform: rotate(90deg);
    flex-shrink: 0;
  }
  .page-title-wrap .h-tit-drop .drop-btn.active::after {
	transform: rotate(-90deg);
  }
  .page-title-wrap .h-tit-drop .drop-menu {
	left: 0;
	transform: 0;
	width: 80%;
	max-width: 80rem;
	transform: translateX(0);
	z-index: 51;
  }
  .page-title-wrap .h-tit-drop .drop-menu::before {
	display: none;
  }
  .page-title-wrap .h-tit-drop .drop-menu .item-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
	align-items: center;
	height: auto;
	min-height: 4.8rem;
	padding: var(--krds-padding-3) var(--krds-padding-6) var(--krds-padding-3) var(--krds-padding-8);
  }
  .page-title-wrap .h-tit-drop .drop-menu .item-link::before {
	display: inline-flex;
	flex-shrink: 0;
	position: absolute;
	top: 0;
	left: 1.6rem;
	content: "•";
	line-height: 4.7rem;
	margin-top: 0.1rem;
  }
  .page-title-wrap .h-tit-drop .drop-menu .item-link:hover, .page-title-wrap .h-tit-drop .drop-menu .item-link:active {
	font-weight: var(--krds-font-weight-bold);
	color: var(--krds-light-color-text-secondary);
  }
  .page-title-wrap .h-tit-drop .drop-menu .item-link:hover::before, .page-title-wrap .h-tit-drop .drop-menu .item-link:active::before {
	font-weight: var(--krds-font-weight-regular);
  }
  /* **** POPUP **** */
  .popup-wrap[data-type=full] .popup-close {
	top: 2.4rem;
	right: 1.6rem;
  }
  #krds-footer .f-logo.sample {
	width: 13.4rem;
	height: 3.2rem;
  }
  #krds-header .header-container .logo.sample {
	width: 13.4rem;
	height: 3.2rem;
  }
}
@media screen and (max-width:480px) {
  .page-title-wrap .h-tit-drop .drop-menu {width:100%;}
}

/* [S] util */
.page-title-wrap .sub-util {position: absolute; right:0; top:1rem;}
@media screen and (max-width:1023px) {
  .page-title-wrap .sub-util {top:.7rem;}
}
@media screen and (max-width:767px) {
  .page-title-wrap .sub-util {display: none;}
  .page-title-wrap .h-tit-drop .drop-btn {margin-right: 0;}
}
/* [E] util */


/* 브레드크럼 */
.krds-breadcrumb-wrap {
  --krds-breadcrumb--padding-x: var(--krds-padding-2);
  --krds-breadcrumb--margin-bottom: var(--krds-pc-gap-layout-breadcrumb-h1);
  --krds-breadcrumb--radius: var(--krds-radius-medium2);
  --krds-breadcrumb--pc-font-size: var(--krds-pc-font-size-label-small);
  --krds-breadcrumb--mobile-font-size: var(--krds-mobile-font-size-label-small);
  --krds-breadcrumb--color-action: var(--krds-light-color-action-secondary);
  --krds-breadcrumb--color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-breadcrumb--color-action-pressed: var(--krds-light-color-action-secondary-pressed);
  --krds-breadcrumb--color-text: var(--krds-light-color-text-basic);
  --krds-breadcrumb--color-text-disabled: var(--krds-light-color-text-disabled);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  margin-bottom: var(--krds-breadcrumb--margin-bottom);
  padding-top: var(--krds-pc-gap-layout-header-breadcrumb);
  padding-bottom: var(--krds-pc-gap-layout-breadcrumb-h2);
}
.krds-breadcrumb-wrap .breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
  width: 100%;
}
.krds-breadcrumb-wrap .breadcrumb li.home {
  display: inline-flex !important;
}
.krds-breadcrumb-wrap .breadcrumb li {
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--krds-breadcrumb--pc-font-size);
}
.krds-breadcrumb-wrap .breadcrumb li:not(.home).on {display: inline-flex;}
@media (max-width: 767px) {
  .krds-breadcrumb-wrap .breadcrumb li {
	font-size: var(--krds-breadcrumb--mobile-font-size);
  }
}
.krds-breadcrumb-wrap .breadcrumb li .txt {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
  padding: 0 var(--krds-breadcrumb--padding-x);
  background-color: var(--krds-breadcrumb--color-action);
  border-radius: var(--krds-breadcrumb--radius);
}
.krds-breadcrumb-wrap .breadcrumb li a.txt {
  text-decoration: underline;
  text-underline-offset: var(--krds-font-underline-offset);
}
.krds-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):hover {
  background-color: var(--krds-breadcrumb--color-action-hover);
}
.krds-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):active {
  background-color: var(--krds-breadcrumb--color-action-pressed);
}
.krds-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):focus, .krds-breadcrumb-wrap .breadcrumb li a.txt:not(:disabled):focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.krds-breadcrumb-wrap .breadcrumb li a.txt.disabled, .krds-breadcrumb-wrap .breadcrumb li a.txt:disabled {
  cursor: default;
  color: var(--krds-breadcrumb--color-text-disabled);
}
.krds-breadcrumb-wrap .breadcrumb li:not(.last)::after {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  margin-left: var(--krds-gap-2);
  display: inline-flex;
  width: var(--krds-icon--size-small);
  height: var(--krds-icon--size-small);
  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/icon/ico_angle.svg);
  mask-image: url(../../images/icon/ico_angle.svg);
  transform: rotate(-90deg);
}
.krds-breadcrumb-wrap .breadcrumb .home {
  gap: 0;
}
.krds-breadcrumb-wrap .breadcrumb .home .txt::before {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-small);
  height: var(--krds-icon--size-small);
  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/icon/ico_bread_home.svg);
  mask-image: url(../../images/icon/ico_bread_home.svg);
}
@media screen and (max-width:1023px) {
  .krds-breadcrumb-wrap {margin-bottom:var(--krds-number-14);}
}
@media (max-width: 767px) {
  .krds-breadcrumb-wrap {
	padding-top: 2.4rem;
	padding-bottom: var(--krds-mobile-gap-layout-breadcrumb-h2);
  }
  /* .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(.last) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
} */
  .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child {
	gap: var(--krds-gap-2);
  }
  .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before, .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	content: "";
	display: inline-flex;
	width: var(--krds-icon--size-small);
	height: var(--krds-icon--size-small);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
  }
  .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before {
	-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/icon/ico_ellipsis.svg);
	mask-image: url(../../images/icon/ico_ellipsis.svg);
  }
  .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::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/icon/ico_angle.svg);
	mask-image: url(../../images/icon/ico_angle.svg);
	transform: rotate(-90deg);
  }
  .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child .txt {
	order: 3;
  }
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap {
  --krds-breadcrumb--color-action: var(--krds-high-contrast-color-action-secondary);
  --krds-breadcrumb--color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-breadcrumb--color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
  --krds-breadcrumb--color-text: var(--krds-high-contrast-color-text-basic);
  --krds-breadcrumb--color-text-disabled: var(--krds-high-contrast-color-text-disabled);
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
  display: inline-flex;
  width: var(--krds-icon--size-small);
  height: var(--krds-icon--size-small);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb .home {
  gap: 0;
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb .home .txt::before {
  display: inline-flex;
  width: var(--krds-icon--size-small);
  height: var(--krds-icon--size-small);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
@media (max-width: 767px) {
  [data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::before, [data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::after {
	display: inline-flex;
	width: var(--krds-icon--size-small);
	height: var(--krds-icon--size-small);
	background-color: var(--krds-high-contrast-color-text-basic);
	forced-color-adjust: none;
  }
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] .krds-breadcrumb-wrap {
	--krds-breadcrumb--color-action: var(--krds-high-contrast-color-action-secondary);
	--krds-breadcrumb--color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
	--krds-breadcrumb--color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
	--krds-breadcrumb--color-text: var(--krds-high-contrast-color-text-basic);
	--krds-breadcrumb--color-text-disabled: var(--krds-high-contrast-color-text-disabled);
  }
  [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
	display: inline-flex;
	width: var(--krds-icon--size-small);
	height: var(--krds-icon--size-small);
	background-color: var(--krds-high-contrast-color-text-basic);
	forced-color-adjust: none;
  }
  [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb .home {
	gap: 0;
  }
  [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb .home .txt::before {
	display: inline-flex;
	width: var(--krds-icon--size-small);
	height: var(--krds-icon--size-small);
	background-color: var(--krds-high-contrast-color-text-basic);
	forced-color-adjust: none;
  }
}
@media (prefers-color-scheme: dark) and (max-width: 767px) {
  [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::before, [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::after {
	display: inline-flex;
	width: var(--krds-icon--size-small);
	height: var(--krds-icon--size-small);
	background-color: var(--krds-high-contrast-color-text-basic);
	forced-color-adjust: none;
  }
}

/* 푸터 */
#krds-footer {
  position: relative;
  z-index: 50;
  background-color: var(--krds-light-color-surface-gray-subtler);
  font-size: var(--krds-pc-font-size-body-medium)
}
.main #krds-footer {
  margin-top: 8rem;
}
@media (max-width:767px) {
  .main #krds-footer {margin-top:4rem;}
}
#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;
  /* padding: 0; */
}
@media (max-width: 767px) {
  #krds-footer .foot-quick .inner {
	flex-direction: column;
	padding: 0;
  }
}
#krds-footer .foot-quick .inner .link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex: 1;
  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);
}
#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(../../images/icon/ico_plus.svg);
  mask-image: url(../../images/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);
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .foot-quick .inner {flex-wrap:wrap; position: relative;}
  #krds-footer .foot-quick .inner::before {content:''; position: absolute; left:0; top:50%; width:100%; height:.1rem; background:var(--krds-light-color-border-gray-light);}
  #krds-footer .foot-quick .inner .link {
	font-size: 1.6rem;
	word-break: break-all;
	/* padding: 0 var(--krds-padding-1) 0 var(--krds-padding-2); */
	text-align: left;
	flex:unset;
	width:50%;
  }
  #krds-footer .foot-quick .inner .link:nth-child(3) {border-left:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light)}
}
@media (max-width: 767px) {
  #krds-footer .foot-quick .inner .link {
	font-size: var(--krds-mobile-font-size-body-small);
	min-height: calc(var(--krds-size-height-7) - 0.2rem);
	padding: 0 var(--krds-padding-6);
	border: 0;
  }
  #krds-footer .foot-quick .inner .link:first-child {
	border: 0;
  }
  #krds-footer .foot-quick .inner .link:not(:first-child) {
	border-top: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light);
  }
}
#krds-footer > .inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 1024px) {
  #krds-footer > .inner {
	gap: var(--krds-gap-8);
	padding: var(--krds-padding-10) var(--krds-contents-padding-x) var(--krds-padding-8);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #krds-footer > .inner {
	padding: var(--krds-padding-10) var(--krds-contents-padding-x) var(--krds-padding-8);
  }
}
@media (max-width: 1023px) {
  #krds-footer > .inner {
	gap: var(--krds-gap-7);
	padding: var(--krds-padding-10) var(--krds-padding-6) var(--krds-padding-6) var(--krds-padding-6);
  }
}
@media (max-width: 767px) {
  #krds-footer > .inner {
	gap: var(--krds-gap-8);
	padding: var(--krds-padding-8) var(--krds-padding-6) var(--krds-padding-6) var(--krds-padding-6);
  }
}
#krds-footer .f-logo {
  width: 19.4rem;
  height: 5rem;
  /* height: var(--krds-size-height-7); */
  background-image: url(../../images/icon/head_logo.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  #krds-footer .f-logo {
	width: 15.5rem;
	height: 4rem;
  }
}
#krds-footer .f-cnt {
  display: flex;
  gap: var(--krds-gap-7);
}
@media (min-width: 1024px) {
  #krds-footer .f-cnt {
	justify-content: space-between;
	flex: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-cnt {
	gap: var(--krds-gap-5);
	flex-direction: column;
  }
}
@media (max-width: 767px) {
  #krds-footer .f-cnt {
	flex-direction: column;
	gap:var(--krds-gap-5);
  }
}
#krds-footer .f-cnt .f-info {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-gap-4);
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-cnt .f-info {
	flex: 3;
  }
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-info {
	flex-direction: column;
	gap: var(--krds-gap-3);
	font-size: var(--krds-mobile-font-size-body-small);
  }
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-info .info-addr .br {
	display: none;
  }
}
#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);
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-info .info-cs {
	gap: 0;
  }
}
#krds-footer .f-cnt .f-info .info-cs li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-cnt .f-info .info-cs li {
	flex-direction: column;
	align-items: flex-start;
  }
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-info .info-cs li {
	flex-wrap: wrap;
	word-break: break-all;
  }
}
#krds-footer .f-cnt .f-info .info-cs li .key-info .mbr {display: none;}
#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);
  font-weight: var(--krds-font-weight-bold);
}
#krds-footer .f-cnt .f-info .info-cs li .key-info span {
  font-weight: var(--krds-font-weight-regular);
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-info .info-cs li .key-info .mbr {display: block;}
  #krds-footer .f-cnt .f-info .info-cs li .key-info {
	line-height: 3.5rem;
  }
}
@media (max-width: 359px) {
  #krds-footer .f-cnt .f-info .info-cs li .key-info {
	flex-wrap: wrap;
	row-gap: 0;
  }
}
#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);
}
@media (min-width: 1024px) {
  #krds-footer .f-cnt .f-cs {
	width: 23.5%;
  }
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-cs {
	gap: var(--krds-gap-3);
  }
}
#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);
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-cs dl {
	font-size: var(--krds-mobile-font-size-body-small);
  }
}
#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);
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-cnt .f-link {gap:var(--krds-gap-7);}
}
@media (min-width: 1024px) {
  #krds-footer .f-cnt .f-link {
	flex-shrink: 0;
	width: 23.2rem;
  }
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-link {
	gap: var(--krds-gap-7);
  }
}
#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);
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-link .link-go .krds-btn.text {
	/* font-size: var(--krds-button--mobile-font-size-medium); */
  }
}
#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);
  margin-bottom:-.2rem;
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-link .link-go .krds-btn.text {
	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);
	padding: 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #krds-footer .f-cnt .f-link .link-go .krds-btn.text {
	/* font-size: var(--krds-button--mobile-font-size-small); */
  }
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-link .link-go .krds-btn.text .svg-icon {
	width: var(--krds-icon--size-small);
	height: var(--krds-icon--size-small);
  }
}
#krds-footer .f-cnt .f-link .link-sns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--krds-gap-3);
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-cnt .f-link .link-sns {
	gap: var(--krds-gap-2);
  }
}
#krds-footer .f-cnt .f-link .link-sns a {
  display: inline-flex;
}
#krds-footer .f-btm {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: var(--krds-padding-8);
  gap: var(--krds-gap-9);
  border-top: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
}
@media (max-width: 767px) {
  #krds-footer .f-btm {
	font-size: var(--krds-mobile-font-size-body-small);
	padding-top:var(--krds-padding-7);
  }
}
#krds-footer .f-btm .f-btm-text {
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}

/* k2 */
#krds-footer .f-btm .f-btm-text .mark-all {display: flex; align-items: center; gap:1rem; flex-shrink: 0;}
#krds-footer .f-btm .f-btm-text .mark-all .wa-mark{width: 7rem;}

@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-btm .f-btm-text {flex-direction: column;}
}
/* // k2 */

@media (max-width: 767px) {
  #krds-footer .f-btm .f-btm-text {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: var(--krds-gap-4);
  }
}
#krds-footer .f-btm .f-btm-text .f-menu {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4rem;
}
#krds-footer .f-btm .f-btm-text .f-menu a {
  padding:0;
}
#krds-footer .f-btm .f-btm-text .f-menu a.privacy {
  font-weight: var(--krds-typo-font-weight-bold);
  color:var(--krds-color-light-secondary-80);
}
@media screen and (max-width:1300px) {
  #krds-footer .f-btm .f-btm-text .f-menu {gap:0 3.6rem;}
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-btm .f-btm-text {align-items:start; gap:var(--krds-gap-5)}
  #krds-footer .f-btm .f-btm-text .f-menu {gap:0 3rem;}
}

@media (max-width: 767px) {
  #krds-footer .f-btm .f-btm-text .f-menu {
	gap: var(--krds-gap-2) var(--krds-gap-6);
  }
  #krds-footer .f-btm .f-btm-text .f-menu a {font-size:var(--krds-pc-font-size-body-xsmall);}
}
#krds-footer .f-btm .f-btm-text .f-copy {
  margin-top: var(--krds-number-1);
  font-size: var(--krds-pc-font-size-body-medium);
  color: #333;
}
@media (max-width: 767px) {
  #krds-footer .f-btm .f-btm-text .f-copy {
	font-size: var(--krds-mobile-font-size-body-small);
  }
}
#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);
}
@media (min-width: 1280px) {
  #krds-footer .footer-banner .inner {
	padding-inline: 0;
  }
}
@media (max-width: 767px) {
  #krds-footer .footer-banner .inner {
	flex-direction: column;
	gap: var(--krds-gap-3);
  }
}
/* 
[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(../../images/icon/ico_logo_krds_high_contrast.svg);
} */
/* 
@media (prefers-color-scheme: dark) {
[data-krds-mode=theme] #krds-footer {
background-color: var(--krds-high-contrast-color-surface-gray-subtler);
}
[data-krds-mode=theme] #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=theme] #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=theme] #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=theme] #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=theme] #krds-footer .foot-quick .inner .link:hover {
background-color: var(--krds-high-contrast-color-action-secondary-hover);
}
[data-krds-mode=theme] #krds-footer .foot-quick .inner .link:active, [data-krds-mode=theme] #krds-footer .foot-quick .inner .link:focus {
background-color: var(--krds-high-contrast-color-action-secondary-pressed);
}
[data-krds-mode=theme] #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=theme] #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=theme] #krds-footer .f-btm .f-btm-text .f-copy {
color: var(--krds-high-contrast-color-text-subtle);
}
[data-krds-mode=theme] #krds-footer .f-banner {
background-color: var(--krds-high-contrast-color-surface-gray-subtle);
}
[data-krds-mode=theme] #krds-footer .footer-banner {
background-color: var(--krds-high-contrast-color-surface-gray-subtle);
}
[data-krds-mode=theme] #krds-footer .f-logo {
background-image: url(../../images/icon/ico_logo_krds_high_contrast.svg);
}
} */