@charset "utf-8";
/* CSS Document */
/*메인, 서브, 공통 영역*/
/**/
:root{
	--krds-box-shadow-outline:none;
	--krds-box-shadow-outline-inset:none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex="0"]:focus-visible {
	outline: var(--krds-number-2) solid var(--krds-color-light-primary-50) !important;
	outline-offset: -0.2rem !important;
}

/* 마우스 클릭 시에는 포커스 링을 숨기고, 오직 키보드 Tab 키 이동 시에만 보이도록 리셋 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
[tabindex="0"]:focus:not(:focus-visible) {
	outline: var(--krds-number-2) solid var(--krds-color-light-primary-50) !important;
	outline-offset: -0.2rem !important;
}


/*-----------------
     header
-------------------*/
.wrap { width: 100%; max-width: 1920px; }
.upload-hidden{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; font-size:0 !important; line-height:0 !important; opacity:0 !important; }
/* 메인 메뉴 */
/* gnb pc */
.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); 
  background-color: var(--krds-main-menu--color-surface);
}

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

/* gnb mobile */
.main-menu-mobile {
  --krds-main-menu-mobile--dim-transition: opacity 0.3s ease;
  --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: var(--krds-number-3);
  --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: right 0.3s ease, visibility 0.3s ease; }
.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); }
.main-menu-mobile.is-open { visibility: visible; right: 0; }
.main-menu-mobile.is-open::after { opacity: 1; }
.main-menu-mobile.is-backdrop::after { display: block; }
.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-color-light-gray-5); }
.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); }
.main-menu-mobile .gnb-wrap .gnb-header .gnb-utils { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; }
.main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; }
.main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list > li { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; }
.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); } 
.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); }
.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); }
.main-menu-mobile .gnb-wrap .gnb-header .gnb-login .user, .main-menu-mobile .gnb-wrap .gnb-header .gnb-login button { font-weight: var(--krds-font-weight-bold); }
.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); }
.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: var(--krds-number-17); }
.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); }
.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); }
.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;background-color: var(--krds-color-light-gray-5); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu { display: flex; position: relative; background-color: var(--krds-color-light-gray-5); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap { width:0px;  display: none; }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul { position: sticky; top: 0; left: 0; z-index: 1; width: 100%; }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative; z-index: 1; width: 100%; height: var(--krds-main-menu-mobile--main-trigger-height); padding: 0 var(--krds-main-menu-mobile--main-trigger-padding-x); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger, .main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger > * { font-size: var(--krds-main-menu-mobile--main-trigger-font-size); font-weight: var(--krds-font-weight-bold); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger:focus { box-shadow: var(--krds-box-shadow-outline-inset); outline-offset: -0.4rem; background-color: var(--krds-main-menu-mobile--main-trigger-color-action-pressed); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger.active { color: var(--krds-main-menu-mobile--main-trigger-color-text-active); background-color: var(--krds-main-menu-mobile--main-trigger-color-action-active); }
.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-color-light-gray-5); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list { padding: var(--krds-main-menu-mobile--sub-menu-padding);}
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul { padding: var(--krds-main-menu-mobile--sub-list-padding-y) 0; }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative; font-size: var(--krds-main-menu-mobile--sub-title-font-size); font-weight: var(--krds-font-weight-bold); padding: var(--krds-main-menu-mobile--sub-title-padding-top) var(--krds-main-menu-mobile--sub-title-padding-x) var(--krds-main-menu-mobile--sub-title-padding-bottom); border-bottom: var(--krds-main-menu-mobile--sub-title-border-width) solid var(--krds-main-menu-mobile--sub-title-color-border); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; padding: var(--krds-main-menu-mobile--sub-menu-trigger-padding-y) var(--krds-main-menu-mobile--sub-menu-trigger-padding-x); font-size: var(--krds-main-menu-mobile-- ub-menu-trigger-font-size); border-radius: var(--krds-main-menu-mobile--sub-menu-trigger-border-radius); transition: var(--krds-transition-base); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover { background-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-hover); } 
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.selected { color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text); font-size: var(--krds-main-menu-mobile--sub-menu-trigger-font-size-active); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after { content: ""; display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-light-color-text-basic); forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; background: url(../../libs/krds/img/component/icon/ico_angle.svg); flex-shrink: 0; margin-left: auto; transition: var(--krds-transition-base); transform: rotate(0deg); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active { background-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active); color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text); font-weight: var(--krds-font-weight-bold); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active::after { transform: rotate(180deg); } 
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; margin-top: var(--krds-main-menu-mobile--depth3-sub-menu-margin-top); transition: var(--krds-transition-base); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap > ul { display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: var(--krds-main-menu-mobile--depth3-gap); overflow: hidden; } 
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap.is-open { grid-template-rows: 1fr; opacity: 1; visibility: visible; }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-main-menu-mobile--depth3-sub-menu-gap); padding: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-main-menu-mobile- depth3-sub-menu-padding-x); border-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius); transition: var(--krds-transition-base); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger::before { content: "•"; }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:focus { box-shadow: var(--krds-box-shadow-outline-inset); outline-offset: -0.4rem; }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:hover { background-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-hover); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:active { background-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.selected { color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after { content: ""; display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-light-color-text-basic); forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; /* -webkit-background: url(../../libs/krds/img/component/icon/ico_angle.svg); */ background: url(../../libs/krds/img/component/icon/ico_angle.svg); flex-shrink: 0; margin-left: auto; transform: rotate(-90deg); }
.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); }
.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); }
.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); }
.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; }
.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); }
.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); }
.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); }
.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); }
.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); }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap.is-open { display: block; right: 0; }
.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); }
.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); }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav { display: none; height: 0; }
.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); }
.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; }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; padding: 0 var(--krds-main-menu-mobile--tab-nav-main-trigger-padding-x); height: var(--krds-main-menu-mobile--tab-nav-main-trigger-height); border: var(--krds-main-menu-mobile--tab-nav-main-trigger-border-width) solid var(--krds-main-menu-mobile--tab-nav-main-trigger-color-border); border-radius: var(--krds-main-menu-mobile--tab-nav-main-trigger-border-radius); background-color: var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action); }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger, .main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger > * { font-size: var(--krds-pc-font-size-body-medium); font-weight: var(--krds-font-weight-regular); }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger.active { background-color: var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action-active); }
.main-menu-mobile .gnb-wrap.type-header-tab.is-active .gnb-header { padding-bottom: 0; }
.main-menu-mobile .gnb-wrap.type-header-tab.is-active .gnb-tab-nav { display: block; }
.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); }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu { display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; background-color: var(--krds-main-menu-mobile--type-tab-menu-color-surface); }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list { padding: var(--krds-main-menu-mobile--type-tab-sub-list-padding); }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list:not(:last-child) { border-bottom: var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width) solid var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color); }
.main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-banner { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-main-menu-mobile--type-tab-sub-banner-gap); padding: var(--krds-main-menu-mobile--type-tab-sub-banner-padding-y) var(--krds-main-menu-mobile--type-tab-sub-banner-padding-x); border-radius: var(--krds-main-menu-mobile--type-tab-sub-banner-border-radius); background-color: var(--krds-main-menu-mobile--type-tab-sub-banner-color-surface); }
.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); }
.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); }
.main-menu-mobile .search-layer.active { display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; }
.main-menu-mobile .search-layer .search-header { margin-top: 0.3rem; padding: var(--krds-number-17) 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); }
.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); }
.main-menu-mobile .search-layer .search-body .no-results { text-align: center; padding: var(--krds-padding-10) 0; }
.main-menu-mobile .search-layer .search-body .no-results strong { font-weight: var(--krds-font-weight-bold); }
.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; }
.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); }
.main-menu-mobile .search-layer .search-body .result-list .result-item a { text-decoration: underline; text-underline-offset: var(--krds-font-underline-offset); }
.main-menu-mobile .search-layer .search-body .result-list .result-item .highlight { font-weight: var(--krds-font-weight-bold); }
.main-menu-mobile .search-layer .search-close { position: absolute; top: var(--krds-number-8); right: var(--krds-main-menu-mobile--header-padding-x); }
.main-menu-mobile .dummy-control { text-align: left; }
.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; }
.main-menu-mobile .dummy-control .ico-search { right: 1.4rem; }

[data-krds-mode=high-contrast] .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] .main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after { display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-high-contrast-color-text-basic); forced-color-adjust: none; }
[data-krds-mode=high-contrast] .main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after { display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-high-contrast-color-text-basic); forced-color-adjust: none; }

.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {flex-direction: column;}
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {}
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap { width:100%;flex-direction: column;}

.main-menu-mobile .gnb-wrap .gnb-header .logo { display: block;width:16.4rem; height:6rem; margin:0; background-image: url(../../img/frt/main/logo.svg);background-position: center center; background-repeat: no-repeat; background-size: contain;  }
.main-menu-mobile .gnb-wrap .gnb-header .logo a {background-image: url(../../img/frt/main/logo.svg); padding:0; margin: 0; }
.main-menu-mobile .gnb-wrap .gnb-header .logo span {display:none;}
.gnb-wrap .gnb-header .gnb-login {gap:var(--krds-number-9) 0; gap:0 var(--krds-number-7);}
.gnb-wrap .gnb-header .gnb-login .btn-navi.join {margin:0; padding:0;font-weight: 400;color: var(--krds-color-light-gray-90); transition: color 0.2s ease, opacity 0.2s ease; }
.gnb-wrap .gnb-header .gnb-login .btn-navi.login {margin:0 1.5rem 0 var(--krds-number-6); padding:0 var(--krds-number-6) 0 0;font-weight: 400; color: var(--krds-color-light-gray-90); transition: color 0.2s ease, opacity 0.2s ease;}
.main-menu-mobile .gnb-wrap .gnb-header .gnb-login .user {margin:0; padding:0;font-weight: 400;color: var(--krds-color-light-gray-90); transition: color 0.2s ease, opacity 0.2s ease; }
.gnb-wrap .gnb-header .gnb-login .btn-navi.logout {justify-content:flex-end; margin:0; padding:0;font-weight: 400; color: var(--krds-color-light-gray-90); padding: 0 var(--krds-number-6) 0 var(--krds-number-6); transition: color 0.2s ease, opacity 0.2s ease;}
.main-menu-mobile .gnb-wrap .gnb-header .gnb-login {display:inline;}
.main-menu-mobile .gnb-wrap .gnb-header .gnb-login .login-left {display:flex; justify-content:flex-start;}
.main-menu-mobile .gnb-wrap .gnb-header .gnb-login .login-right {display:flex; justify-content:space-between;}

/*모바일메뉴*/    
.accordion-menu {width: 100%;padding: 0 var(--krds-number-12);}
.accordion-menu .submenu-list {}
.accordion-menu .submenu-list .accordion-btn {display: block;width: 100%; text-align: left !important; padding: 1.2rem 0.5rem;gap:var(--krds-number-6) 0;color:#052B57; border: none; cursor: pointer; border-bottom: 1px solid #052B57; font-size: 1.7rem; font-weight: 700; position: relative; outline: none; transition: color 0.2s ease;}
.accordion-menu .submenu-list .accordion-btn:focus {outline: none;box-shadow: none;}
.accordion-menu .submenu-list .accordion-btn::after {content: ""; width:var(--krds-number-9);height:var(--krds-number-9); position: absolute;right: 16px;  top: 50%; transform: translateY(-50%); font-size: 14px; transition: transform 0.3s ease; background-image:url(../../libs/krds/img/component/icon/ico_angle.svg); }
.accordion-menu .submenu-list .accordion-btn.active {font-weight: 700; color:#052B57;}
.accordion-menu .submenu-list .accordion-btn.active::after {content: ""; width:var(--krds-number-9);height:var(--krds-number-9); transform: translateY(-50%) rotate(180deg);}
.accordion-menu .submenu-list .submenu { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.accordion-menu .submenu-list .submenu.is-open { max-height: 1000px;}

/* 3뎁스가 있는 2뎁스 메뉴 스타일 (Communication, Products, RESOURCES) */
.accordion-menu .submenu-list .submenu .accordion-btn {font-size:1.4rem;font-weight: 600;color: #052B57;padding-left: var(--krds-number-9); text-align: left !important; border-bottom:0;}
/* 2뎁스 메뉴에는 화살표 숨기기 */
.accordion-menu .submenu-list .submenu .accordion-btn::after {display: none;}
/* 2뎁스 메뉴 버튼 포커스 아웃라인 제거 */
.accordion-menu .submenu-list.submenu .accordion-btn {outline: none;}
.accordion-menu .submenu-list.submenu .accordion-btn:focus {outline: none; box-shadow: none;}
.accordion-menu .submenu-list .submenu li a {display: block;font-size: 1.4rem; font-weight: 400; padding: var(--krds-number-5) var(--krds-number-9);color:var(--krds-color-light-gray-90); text-decoration: none; text-align: left !important; transition: color 0.2s ease, background-color 0.2s ease;}
.accordion-menu .submenu-list .submenu li a:hover {background: #eee; font-weight: 600;}

/* 2뎁스와 3뎁스는 기본적으로 펼쳐진 상태 */
.accordion-menu .submenu-list .submenu .submenu02 { max-height: 1000px; overflow: visible;padding:0 0 0 var(--krds-number-9);}
.accordion-menu .submenu-list .submenu .submenu02 li a {display: block;font-size: 1.4rem; font-weight: 400; padding: 0.5rem var(--krds-number-9);color:var(--krds-color-light-gray-90); text-decoration: none; text-align: left !important; transition: color 0.2s ease, background-color 0.2s ease;}

/* 모바일 메뉴 오버레이 */
.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#000000bf;z-index: 99; opacity: 0; visibility: hidden;transition: opacity 0.2s ease, visibility 0.2s ease;}
.mobile-menu-overlay.is-active {opacity: 1;visibility: visible;}

/* 모바일 메뉴 기본 스타일 */
.main-menu-mobile {position: fixed; top: 0; right: -100%; width: 100%;height: 100%;background: var(--krds-color-light-gray-0); z-index: 100; transition: right 0.3s ease; /* border: 2px solid #ff0000; */}
.main-menu-mobile .gnb-wrap {width: 100%;}

/* 메뉴 열렸을 때 */
.main-menu-mobile.is-open {right: 0;}

/* 메뉴 닫기 시 텍스트 투명도 문제 방지 */
.main-menu-mobile .gnb-wrap .gnb-header,
.main-menu-mobile .gnb-wrap .gnb-body {transition: none;}

.main-menu-mobile .gnb-wrap .gnb-header *,
.main-menu-mobile .gnb-wrap .gnb-body * {transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;}

.krds-btn.link:visited {} 

/*수정된것*/
.header-in {width: 100%;box-shadow: 0 0.1rem 2rem rgba(0, 0, 0, 0.1);}
.header-container { width: 100%; margin: 0 auto; position: relative; }
.header-container>.inner{position: relative; padding: 0; margin: 0 auto;}

#krds-header .header-container .inner {display: flex; max-width: 192rem;flex-direction: row;  justify-content: space-between;  align-items: center; padding-top:0; padding-bottom: 0;}

/*header-utility*/
#krds-header .header-utility-wrap { width: 100%;padding: var(--krds-number-2) 0; margin: 0; border-bottom: var(--krds-number-1) solid #dddddd; }
#krds-header .header-utility {max-width: 192rem;width: 100%; margin: 0 auto;}
#krds-header .header-utility .utility-list {display: flex; justify-content: flex-end; align-items: center; padding: 0; margin-right:4rem;}
.svg-icon.ico-view-mode {-webkit-mask-image: none !important; mask-image: none !important; background-image: url(../../libs/krds/img/component/icon/ico_view_mode.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.krds-btn.text:not(.icon) .svg-icon {background-color: transparent;}

/*logo*/
#krds-header .header-container .logo {height:5.3rem; margin:0 6rem; }
#krds-header .header-container .logo a {background-image: url(../../img/frt/main/logo.png); padding:0; margin: 0; }

/*메인메뉴*/
.krds-main-menu .gnb-menu .gnb-main-trigger {color:var(--krds-color-light-gray-70);}
.krds-main-menu .gnb-menu .gnb-main-trigger, .krds-main-menu .gnb-menu .gnb-main-trigger h2 {font-size:var(--krds-number-9);}
.krds-main-menu .gnb-menu .gnb-main-trigger::after {-webkit-mask-image: none !important; mask-image: none !important;background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_angle.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.krds-main-menu .gnb-menu .gnb-main-trigger:hover {background-color:var(--krds-color-light-primary-5);}
.krds-main-menu .gnb-menu .gnb-main-trigger:focus {background-color:#E4C7FF; color: var(--krds-color-light-gray-90); outline: 0;}
.krds-main-menu .gnb-menu .gnb-main-trigger.active {background-color:var(--krds-color-light-gray-0); color:var(--krds-color-light-primary-80);}

.krds-main-menu .gnb-menu .gnb-main-trigger .svg-icon.ico-go {-webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url("../../libs/krds/img/component/icon/ico_go.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.gnb-main-trigger.is-link.external-link::after {content: ''; display:inline-flex; width:var(--krds-number-9); height:var(--krds-number-9);-webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url("../../libs/krds/img/component/icon/ico_go.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; border:solid var(--krds-number-6);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link.external-link::after {-webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url("../../libs/krds/img/component/icon/ico_go.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}

.krds-main-menu>.inner {padding:0;}
.krds-main-menu{border: 0;margin-left: 0;}
.krds-main-menu .gnb-menu .gnb-main-trigger, .krds-main-menu .gnb-menu .gnb-main-trigger h2 {font-weight:600;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li {border-bottom:var(--krds-number-1) solid  var(--krds-color-light-gray-20);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li:first-child {border-top:var(--krds-number-1) solid  var(--krds-color-light-gray-20);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover, .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {color:var(--krds-color-light-primary-80); font-weight:600;border-left:var(--krds-number-1) solid  var(--krds-color-light-gray-20);border-right:var(--krds-number-1) solid  var(--krds-color-light-gray-20);box-sizing: border-box; background-color:var(--krds-color-light-gray-0);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../img/frt/main/icon-arrow-right.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; transform:none;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active::after {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../img/frt/main/icon-arrow-right-on.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; transform:none;}

.krds-main-menu .gnb-menu .gnb-main-trigger.active::before {background-color:var(--krds-color-light-primary-80);}
.krds-main-menu .gnb-menu .gnb-main-trigger::before {background-color:none;}

/*메인메뉴*/
.gnb-menu {padding-top:2.2rem;padding-bottom:2.2rem;}
.gnb-menu .gnb-toggle-wrap {position: fixed; left: 0; width: 100%;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);border:var(--krds-number-1) solid #ccc; margin-top:0;}
.gnb-menu .gnb-toggle-wrap .gnb-main-list{width: 140rem; margin: 0 auto; padding-left: 0;box-sizing: border-box;}
.gnb-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before{left:0; background-color:var(--krds-color-light-primary-5);border-left:var(--krds-number-1) solid  var(--krds-color-light-gray-20);border-right:var(--krds-number-1) solid  var(--krds-color-light-gray-20); }

/*서브메뉴*/
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list {min-height:26rem;}
.gnb-sub-content .txt { text-decoration: underline; line-height: 1.8;color:var(--krds-color-light-gray-70); font-weight:300;} 
.gnb-sub-content .krds-btn {background-color:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid  var(--krds-color-light-gray-20);border-radius:var(--krds-number-9);color: var(--krds-color-light-gray-90);}
.gnb-sub-content .krds-btn:visited {color: var(--krds-color-light-gray-90);}
.gnb-sub-content .krds-btn.krds-btn.link.small {padding:var(--krds-number-3) var(--krds-number-3) 0.3rem var(--krds-number-5);}
.gnb-sub-content .krds-btn .svg-icon {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(../../libs/krds/img/component/icon/ico_angle.svg); }
.gnb-sub-content .krds-btn .svg-icon.ico-angle.right {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(../../libs/krds/img/component/icon/ico_angle.svg); }
.krds-btn.link:visited .svg-icon {background-color:transparent !important;}
.gnb-sub-content .krds-btn .baro-go {color:var(--krds-color-light-gray-90);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title { display: flex; align-items: center; margin: 0; padding: 0; font-weight: 400;color: var(--krds-color-light-gray-90); }
.krds-main-menu .gnb-sub-content .sub-title .line-divider {flex-shrink: 1;width:10rem; height: var(--krds-number-1); background-color:#E6E8EA;margin: 0 var(--krds-number-6);}
.krds-main-menu .gnb-sub-content .sub-title a {flex-shrink: 0;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list {gap:0 var(--krds-number-14);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-content > ul {grid-template-columns:repeat(3, 1fr);grid-row-gap:var(--krds-number-5);grid-column-gap:1.5rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button {display:inline-flex; align-items: center;justify-content: space-between;  position: relative; color:var(--krds-color-light-gray-90);border:var(--krds-number-1) solid  var(--krds-color-light-gray-20); border-radius: var(--krds-number-4); padding:var(--krds-number-7) 1.5rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:hover {background-color:var(--krds-color-light-primary-5);} 
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:after {content:""; display:inline-flex; width:var(--krds-number-9); height:var(--krds-number-9);webkit-mask-image: none !important;  mask-image: none !important; background-color: #E6E8EA;background-image: url(../../img/frt/main/icon-arrow-right.svg); background-repeat: no-repeat; background-position: center right; background-size: contain; transform:none; border-radius: var(--krds-number-3);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:hover:after {background-color: var(--krds-color-high-contrast-primary-10);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {content:none;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:active, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:active, .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {background-color:var(--krds-color-light-primary-5);}


.krds-main-menu .gnb-toggle-wrap .gnb-main-list {max-width:none;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner {position: relative;width:38rem; height: 24rem; box-sizing:border-box; padding:4.5rem;}
.layer-bg01 {background-image: url(../../img/frt/main/layer-bg01.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.layer-bg02 {background-image: url(../../img/frt/main/layer-bg02.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.layer-bg03 {background-image: url(../../img/frt/main/layer-bg03.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.layer-bg04 {background-image: url(../../img/frt/main/layer-bg04.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.layer-bg05 {background-color:#f2f4f6; border:var(--krds-number-1) solid #dddddd;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .banner-tit {font-size:2.5rem; font-weight:700; color:var(--krds-color-light-gray-0); letter-spacing: -0.1rem; margin-top:10.3rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .banner-tit02 {font-size:2.3rem; font-weight:600; line-height: 1.3; color:var(--krds-color-light-gray-0); letter-spacing: -0.1rem; }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .banner-txt {font-size:1.5rem; color:var(--krds-color-light-gray-0); margin-top: -0.2rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .banner-txt02 {font-size:2.2rem; letter-spacing: -0.2rem; line-height:1.4;color:var(--krds-color-light-gray-0); margin-top:var(--krds-number-9);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .banner-txt02:after {content:""; display:inline-flex; width:var(--krds-number-15); height:var(--krds-number-3); background-color:var(--krds-color-light-gray-0); vertical-align: top; position: absolute; left:4.2rem; top:var(--krds-number-14); }
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .banner-txt03 {font-size:1.5rem; letter-spacing: -0.2rem; line-height:1.4;color:var(--krds-color-light-gray-0); margin-top:var(--krds-number-9);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .svg-icon.ico-layer01{width: 4.5rem; height:4.5rem;  background:url(../../img/frt/main/layer-icon01.svg); background-repeat: no-repeat; background-repeat: no-repeat; background-size:cover;  background-position: center center;position: absolute;top: 4.5rem;left: 4.5rem;z-index: 10;}
.gnb-sub-banner .card-arrow {position: absolute; bottom:4.2rem; right:4.3rem; background:url(../../img/frt/main/arrow_right2.svg); background-repeat: no-repeat; background-position: center center; border:0.3rem solid var(--krds-color-light-gray-0); border-radius:50%; padding: var(--krds-number-4);}
.gnb-sub-banner .card-arrow .svg-icon {width: var(--krds-number-8); height: 1.1rem;}
.gnb-sub-banner a {display:block; width: 100%;}
.layer-txt-box01 {color:#333; padding:0 0 0 var(--krds-number-6);}
.layer-txt-box01:after {content:""; display:inline-flex; width:var(--krds-number-3); height:var(--krds-number-15); background-color:#a41543; vertical-align: top; position: absolute; left:4rem; top:4rem; }
.layer-txt-box01 .consult-tit {font-size:1.8rem; font-weight:700;letter-spacing: -0.1rem; padding:0; position:relative; top:-0.8rem;}
.layer-txt-box01 .consult-txt {font-size:1.5rem; letter-spacing: -0.1rem;position:relative; top:-0.6rem;}
.layer-txt-box02 {color:#333; text-align:right; margin-top:5rem; width:100%;}
.layer-txt-box02 .consult-center {ont-size:var(--krds-number-8);font-weight:600; letter-spacing: -0.1rem;}
.layer-txt-box02 .consult-num {font-size:3rem; font-weight:700; color: rgba(164, 21, 67, 0.8); letter-spacing: -0.1rem;}

/*모바일메뉴레이어 수정*/
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active {background-color:var(--krds-color-light-primary-5);color:var(--krds-color-light-primary-80); font-weight:400;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:hover {background-color:var(--krds-color-light-primary-5);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after {webkit-mask-image: none !important;  mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_angle.svg); background-repeat: no-repeat; background-position: center right; background-size: contain; }
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger:focus {background-color:var(--krds-color-light-gray-0);}

/*탑버튼*/
.header-right {margin-right:4rem;}
#krds-header .header-container .btn-navi {font-weight:400; color:var(--krds-color-light-gray-70);}
#krds-header .header-container .btn-navi::before {width:2.5rem; height:2.5rem;}
#krds-header .header-container .btn-navi.sch::before {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_sch.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;}
#krds-header .header-container .btn-navi.login::before {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_login.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
#krds-header .header-container .btn-navi.logout::before {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_logout.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
#krds-header .header-container .btn-navi.join::before {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_join.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
#krds-header .header-container .btn-navi.my::before {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_my.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
#krds-header .header-container .btn-navi.all::before {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_all.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }

/*footer*/
#krds-footer{width:100%; }
#krds-footer .f-btm {padding:0; border-bottom:var(--krds-number-1) solid  var(--krds-color-light-gray-20); background-color:var(--krds-color-light-gray-0);height: 5rem;}
#krds-footer .f-btm .f-btm-box {display: flex; max-width:140rem; width:100%; margin: 0 auto;padding:0;}
#krds-footer .f-btm .f-btm-box .f-menu {display: flex;flex-direction: row;gap:0; padding: 0;list-style: none;width: 100%;align-items: center; }
#krds-footer .f-btm .f-btm-box .f-menu>li {display:inline-flex; align-items: center; flex:1;height: 5rem;border-right:var(--krds-number-1) solid  var(--krds-color-light-gray-20);position: relative;}
#krds-footer .f-btm .f-btm-box .f-menu>li:first-child {border-left:var(--krds-number-1) solid  var(--krds-color-light-gray-20); justify-content: space-between;}
#krds-footer .f-btm .f-btm-box .f-menu>li>a { display:block;width: 100%; box-sizing: border-box;padding:0.9rem 0rem;font-size:1.8rem; color:var(--krds-color-light-gray-90); text-align: center;  }
#krds-footer .f-btm .f-btm-box .f-menu .col-violet {color:var(--krds-color-light-primary-80); font-weight: 600;}
#krds-footer .f-btm .f-btm-box .krds-btn.link::after {content:""; webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../libs/krds/img/component/icon/ico_plus.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;width:var(--krds-number-9); height:var(--krds-number-9); display:inline-flex; flex-shrink: 0; position: relative; top:0.3rem;right:-1rem;}

/* 관계사이트 바로가기 */
.Relativ-view { position: absolute;width: 100%; bottom:6rem;left: 0; background: var(--krds-color-light-gray-0);border:var(--krds-number-1) solid  var(--krds-color-light-gray-20); border-radius:var(--krds-number-5);  padding: 1.5rem 0;transition:0.4s ease-in-out; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.Relativ-view .realtive-list {}
.Relativ-view .realtive-list li a {display:block; line-height:1.6; text-align: left; padding: 0.6rem 1.5rem; font-size: 1.5rem; color:#1D1D1D;}
.Relativ-view .realtive-list li:hover {background-color:var(--krds-color-light-gray-5);} 

/* 주소및카피라이터 */
#krds-footer .f-cnt { display: flex;justify-content: space-between; width:100%;}
#krds-footer .f-info-left {display: flex; flex-direction: row;}
#krds-footer .f-info-right {display: flex; flex-direction: row; gap:4rem;}
#krds-footer .f-info-left .info-txt {font-size:1.7rem; color:var(--krds-color-light-gray-90); font-weight: 700;}
#krds-footer .f-info-left .info-txt li {position: relative;display:inline-flex;padding:0 var(--krds-number-5); }
#krds-footer .f-info-left .info-txt li::before {content: "";display: block; position: absolute; top:0.6rem; left:0; width:var(--krds-number-1); height: 1.2rem;background-color: #6D7882; } 
#krds-footer .f-info-left .info-txt li span {color:var(--krds-color-light-gray-90); display: inline-block; padding-right: var(--krds-number-6);}
#krds-footer .f-info-left .info-txt li:first-child {padding:0 var(--krds-number-5) 0 0;}
#krds-footer .f-info-left .info-txt li:first-child::before {width:0;margin-right: 0;content: none;}
#krds-footer .f-info-left .info-addr {font-size:1.7rem; color:var(--krds-color-light-gray-90); margin-top:2.8rem;}
.col-violet {color: var(--krds-color-light-primary-80); font-weight: 600;}

#krds-footer>.inner {width:140rem; padding:2.5rem 0; margin: 0 auto; display: flex;  flex-direction:column;gap:3rem 0;}
#krds-footer .f-logo {background-image: none;width:auto;margin-right: 4rem; }
#krds-footer .f-kocca { display: block;background-image: url(../../img/frt/main/kocca_flogo.svg); width:10rem; height:3.1rem;font-size: 0; line-height: 0; margin-bottom:var(--krds-number-6);}
#krds-footer .f-welcon {display: block;background-image: url(../../img/frt/main/welcon_flogo.svg); width:10rem; height:3.3rem;;font-size: 0; line-height: 0; }
#krds-footer .f-copy {font-size:1.5rem; color:var(--krds-color-light-gray-70); display: flex;justify-content: space-between;}
#krds-footer .m-f-btm-box {display:none;}

/*svg 타입수정*/
.krds-btn.icon.border {background-color:transparent;}
.krds-btn.icon.border.xlarge .svg-icon.ico-linkdin {width:var(--krds-number-9);hegith:var(--krds-number-9);}
.krds-btn.icon .svg-icon.ico-linkdin {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../img/frt/main/ico_linkedin.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.krds-btn.icon .svg-icon.ico-instagram {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../img/frt/main/ico_instagram.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.krds-btn.icon .svg-icon.ico-youtube {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../img/frt/main/ico_youtube.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.krds-btn.icon .svg-icon.ico-facebook {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../img/frt/main/ico_facebook.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.krds-btn.icon .svg-icon.ico-blog {webkit-mask-image: none !important; mask-image: none !important; background-color: transparent;background-image: url(../../img/frt/main/ico_blog.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }

.svg-icon.ico-popup-close {background-image:url(../../libs/krds/img/component/icon/ico_close.svg); background-position: center center; background-repeat: no-repeat; background-size: contain;}
.svg-icon.ico-angle {-webkit-mask-image: none !important; mask-image: none !important; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(../../libs/krds/img/component/icon/ico_angle.svg); }

.svg-icon.ico-plus { -webkit-background-repeat: no-repeat; -webkit-background-position: center center; -webkit-background-size: contain; background-repeat: no-repeat; background-position: center center; background-size: contain; -background-mask-image: url(../../libs/krds/img/component/icon/ico_plus.svg); background-image: url(../../libs/krds/img/component/icon/ico_plus.svg); }

.svg-icon.ico-angle-modi { -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(../../libs/krds/img/component/icon/ico_angle.svg); mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg);}
.svg-icon.ico-angle-modi.disabled { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(../../libs/krds/img/component/icon/ico_angle_disabled.svg); mask-image: url(../../libs/krds/img/component/icon/ico_angle_disabled.svg); -webkit-mask-image: none; mask-image: none; background-image: url(../../img/component/icon/ico_angle_disabled.svg); background-color: transparent !important; background-size: contain; background-repeat: no-repeat; -webkit-mask: none; mask: none;}
.svg-icon.ico-angle-modi.up { transform: rotate(180deg);}
.svg-icon.ico-angle-modi.left {transform: rotate(90deg);}
.svg-icon.ico-angle-modi.right {transform: rotate(-90deg);}

/*모바일 메뉴레이어*/
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link {width:auto;font-weight:400; justify-content: flex-start;}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link::before {background-color: transparent;}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link.bsinesscenter:before {width:var(--krds-number-9); height:var(--krds-number-9); background-image: url(../../img/frt/main/bsinesscenter.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link.marketplace:before {width:1.4rem; height:1.4rem;margin-bottom: 0.5rem; background-image: url(../../img/frt/main/marketplace.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.svg-icon.ico-log { -webkit-background-repeat: no-repeat; -webkit-background-position: center center; -webkit-background-size: contain; background-repeat: no-repeat; background-position: center center; background-size: contain; -background-mask-image: url(../../libs/krds/img/component/icon/ico_plus.svg); background-image: url(../../libs/krds/img/component/icon/ico_login.svg); }
.svg-icon.ico-join { -webkit-background-repeat: no-repeat; -webkit-background-position: center center; -webkit-background-size: contain; background-repeat: no-repeat; background-position: center center; background-size: contain; -background-mask-image: url(../../libs/krds/img/component/icon/ico_plus.svg); background-image: url(../../libs/krds/img/component/icon/ico_join.svg); }
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login button {font-weight:400; font-size:1.7rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login {gap:var(--krds-number-10);}

.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu {background-color: var(--krds-color-light-primary-5);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {width:16.5rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger {font-size:var(--krds-number-9); font-weight:600; color:var(--krds-color-light-gray-90);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger.active {color:var(--krds-color-light-primary-80); background-color:var(--krds-color-light-gray-0);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title {font-weight:500; padding:var(--krds-number-5);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {padding:var(--krds-number-5) var(--krds-number-8);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover {background-color:var(--krds-color-high-contrast-primary-10); color:var(--krds-color-light-primary-80);}

/*글자,화면표시 설정레이어*/
.adjust_display {display:flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; gap:var(--krds-number-10); padding-top:var(--krds-number-5);}
.adjust_display .scale-options {min-width:24rem;}
.adjust_display .form-group h3 {font-size:1.5rem; font-weight:700; margin-bottom:var(--krds-number-5);}
.adjust_display .view-mode-options .krds-form-check {display:flex; align-items: center; justify-content: flex-start; flex-direction: row;}
.adjust_display .view-mode-options .krds-form-check.view-mode-light::before {background-image: url(../../libs/krds/img/component/icon/img_screen_light.png); }
.adjust_display .view-mode-options .krds-form-check.view-mode-dark::before {background-image: url(../../libs/krds/img/component/icon/img_screen_dark.png); }
.adjust_display .view-mode-options .krds-form-check.view-mode-default::before{background-image: url(../../libs/krds/img/component/icon/img_screen_default.png); }
.adjust_display .view-mode-options .krds-form-check::before {content:""; width:12rem; height:6.4rem; margin-right:var(--krds-number-8); border-radius:var(--krds-number-5);background-repeat: no-repeat; background-position: center center; background-size: contain;}

/*서브container*/
#sub_container{padding:4rem 0; margin: 0; width: 100%; height: auto; min-height: calc(100vh - 36.1rem);}
.sub_content{width: 98%; max-width: 140rem; margin: 0 auto; padding: 0; display: flex; align-items:normal; justify-content:flex-start; flex-direction:row;}

/*좌측 side navigation*/
.side-navigation{width:28rem; flex-shrink: 0; padding: 0; box-sizing: border-box; margin-right: 6rem; }
.side-navigation h2.lnb-tit{background:var(--krds-color-light-primary-80) url("../../img/frt/layout/lnb-logo.svg") no-repeat 0 5.8rem; border-radius: var(--krds-number-5); width: 100%; height: 10rem; display: flex; align-items: center; justify-content: center; margin-bottom: var(--krds-number-8); color: var(--krds-color-light-gray-0); font-size: var(--krds-number-10); font-weight: 700; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12)}
.side-navigation .lnb-list{display:grid; transition:0.4s ease-in-out; }
.side-navigation .lnb-list > .lnb-items{border-bottom:var(--krds-number-1) solid  var(--krds-color-light-gray-20); }
.side-navigation .lnb-list > .lnb-items .lnb-btn {width:100%; font-weight:700; font-size:1.7rem; display:flex; align-items:flex-start; justify-content:flex-start; gap:var(--krds-number-5); padding:var(--krds-number-8) var(--krds-number-5); position:relative; color:var(--krds-color-light-gray-90); box-sizing: border-box  }
.side-navigation .lnb-list > .lnb-items > .lnb-btn:before{display:inline-flex; content:""; position:absolute; bottom:-0.1rem; left:0; width:0; height:0.3rem; background:#500e6a; transition:0.4s ease-in-out;}
.side-navigation .lnb-list > .lnb-items > .lnb-btn:after{content:""; display:inline-flex; flex-shrink:0; width:3rem; height:3rem; border-radius: 0.5rem; background: url("../../img/frt/layout/icon-btn-shortcut.svg") no-repeat; background-position: center; margin-left:auto;}
.side-navigation .lnb-list > .lnb-items .lnb-btn.lnb-toggle:after{background:var(--krds-color-light-gray-5) url("../../img/frt/layout/icon-arrow-down.svg") no-repeat;  background-position: center;}
.side-navigation .lnb-list > .lnb-items .lnb-submenu{display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:0.4s ease-in-out;}
.side-navigation .lnb-list > .lnb-items .lnb-submenu > ul{padding:0; overflow:hidden;}
.side-navigation .lnb-list > .lnb-items .lnb-submenu .lnb-btn{padding:var(--krds-number-5) var(--krds-number-8); border-radius:0.6rem; font-weight:400;}
.side-navigation .lnb-list > .lnb-items .lnb-submenu .lnb-btn:before{content:"•"; display:inline-flex; }
.side-navigation .lnb-list > .lnb-items .lnb-submenu .lnb-btn:hover{background:#f4f0f7;}

/*hover*/
.side-navigation .lnb-list > .lnb-items > .lnb-btn:hover{background:var(--krds-color-light-primary-5); }
.side-navigation .lnb-list > .lnb-items > .lnb-btn:hover:before{left:0; width:100%;}
.side-navigation .lnb-list > .lnb-items > .lnb-btn.lnb-toggle:hover:after{background-color:rgba(255,255,255,0.5);}

/*focus*/
.side-navigation .lnb-list > .lnb-items > .lnb-btn:focus{background:#E4C7FF; }
.side-navigation .lnb-list > .lnb-items > .lnb-btn:focus:before{left:0; width:100%;}
.side-navigation .lnb-list > .lnb-items > .lnb-btn.lnb-toggle:focus:after{background-color:rgba(255,255,255,0.5);}

/*selected*/
.side-navigation .lnb-list > .lnb-items > .lnb-btn.selected{background:var(--krds-color-light-primary-5); color:var(--krds-color-light-primary-80)}
.side-navigation .lnb-list > .lnb-items > .lnb-btn.selected:before{left:0; width:100%;}
.side-navigation .lnb-list > .lnb-items > .lnb-btn.selected:after{display: none}
.side-navigation .lnb-list > .lnb-items > .lnb-btn.lnb-toggle.selected:after{display: inline-flex; border:var(--krds-number-1) solid #707070; background-color: var(--krds-color-light-gray-0);}
.side-navigation .lnb-list > .lnb-items .lnb-btn.lnb-toggle.selected + .lnb-submenu{opacity:1; visibility:visible; padding:var(--krds-number-5) 0; }
.side-navigation .lnb-list > .lnb-items .lnb-btn.lnb-toggle.selected + .lnb-submenu > ul{overflow:visible;}
.side-navigation .lnb-list > .lnb-items .lnb-submenu .lnb-btn.selected, .side-navigation .lnb-list > .lnb-items .lnb-submenu .lnb-btn.selected:hover{color:#500e6a; background:#f4f0f7; font-weight:700; }

/*active*/
.side-navigation .lnb-list > .lnb-items > .lnb-btn.active{}
.side-navigation .lnb-list > .lnb-items > .lnb-btn.active:before{left:0; width:100%;}
.side-navigation .lnb-list > .lnb-items.active > .lnb-btn{background:#f4f0f7; color:#500e6a}
.side-navigation .lnb-list > .lnb-items.active > .lnb-btn:before{left:0; width:100%;}
.side-navigation .lnb-list > .lnb-items.active > .lnb-btn.lnb-toggle{background:var(--krds-color-light-gray-0); color:#500e6a}
.side-navigation .lnb-list > .lnb-items.active > .lnb-btn.lnb-toggle:before{left:0; width:0;}

.side-navigation .lnb-list > .lnb-items.active > .lnb-btn:after{display: none}
.side-navigation .lnb-list > .lnb-items.active > .lnb-btn.lnb-toggle{color:var(--krds-color-light-gray-90)}
.side-navigation .lnb-list > .lnb-items.active > .lnb-btn.lnb-toggle:after{display: inline-flex; transform: rotate(180deg); background-color: var(--krds-color-light-gray-5); border-color:transparent}

/*좌측 하단 이미지*/
.side-curation-box{ margin: var(--krds-number-8) 0 0 0; width: 100%; height: 17.7rem; background-image:url("../../img/frt/layout/layer-bg01.png"); background-position: left top; background-repeat: no-repeat; background-size: contain; border-radius:var(--krds-number-5); overflow: hidden;position: relative;}
.side-curation-box a{display: block; padding: 0; margin: 0; width: 100%; height: 100%;}
.side-curation-box a>div{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 2.7rem 2.9rem; gap:0.5rem 0;}
.side-curation-box i.svg-icon.ico-layer01{position: absolute; top: 3.6rem;left: 2.8rem;z-index: 10; width: 3.5rem; height:3.5rem;  background:url(../../img/frt/main/layer-icon01.svg); background-repeat: no-repeat; background-repeat: no-repeat; background-size:cover;  background-position: center center; }
.side-curation-box .banner-tit {font-size:1.844rem; font-weight:700; color:var(--krds-color-light-gray-0); letter-spacing: -0.04rem; }
.side-curation-box .banner-txt {font-size:1.106rem; color:var(--krds-color-light-gray-0); margin-top: -var(--krds-number-2); letter-spacing: -0.04rem;}
.side-curation-box .card-arrow {position: absolute; bottom:2.9rem; right:2.9rem; width: 3.8rem; height: 3.8rem; background:url(../../img/frt/main/arrow_right2.svg); background-repeat: no-repeat; background-position: center center; border:0.3rem solid var(--krds-color-light-gray-0); border-radius:50%; padding: 0.6rem;}


/*Sub-contetns-area 영역*/
.sub-contents-area{ flex: 1;}

/*breadcrumb*/
.breadcrumb-wrap{padding: var(--krds-number-1) 0 0 var(--krds-number-3); margin-bottom: var(--krds-number-9); }
.breadcrumb-wrap ol.breadcrumb{display: flex; display:-webkit-flex; align-items: center; }
.breadcrumb-wrap ol.breadcrumb li{display: flex; display: -webkit-flex; align-items: center;}
.breadcrumb-wrap ol.breadcrumb li a{ font-size: 1.5rem; font-weight: 300; color: var(--krds-color-light-gray-90); text-decoration: underline; text-underline-offset:var(--krds-number-2); margin-right: var(--krds-number-5);}
.breadcrumb-wrap ol.breadcrumb li.home:before{display: inline-flex; display:-webkit-inline-flex; content: ""; width: var(--krds-number-8); height: var(--krds-number-8); margin-right: 0.5rem;  background-image :url("../../libs/krds/img/component/icon/ico_bread_home.svg"); background-size: contain;}
.breadcrumb-wrap ol.breadcrumb li:after{ content: ""; display: inline-flex; display:-webkit-inline-flex; flex-shrink:0; width: var(--krds-number-8); height: var(--krds-number-8); margin-right: 0.7rem; background-image: url("../../libs/krds/img/component/icon/ico_angle.svg"); background-size: contain; transform: rotate(-90deg);}
.breadcrumb-wrap ol.breadcrumb li:last-child:after{display: none}

/*상단 page title */
.page-title-wrap{width:100%; border-bottom: var(--krds-number-1) solid #D9D9D9; padding-bottom: var(--krds-number-9); display: flex; justify-content: space-between; align-items: center; flex-direction: row }
.page-title-wrap h2{color: var(--krds-color-light-gray-90); font-size: 4rem; display: inline-flex; flex-wrap:wrap; align-items:flex-end; gap:0 var(--krds-number-7);}
.page-title-wrap .sub-text2{font-size:var(--krds-number-12); color:var(--krds-color-light-gray-70) }
.page-title-wrap .sub-text2:before{content:" - "; }

/*유틸리티*/
.sub-util{display:inline-flex; }
.sub-util ul.util-list{display: flex; align-items: center; gap:var(--krds-number-5);}
.sub-util ul.util-list li.util-item{display: inline-flex; margin: 0; padding: 0; }
.sub-util ul.util-list li > button.btn{border-radius: var(--krds-number-5); border: var(--krds-number-1) solid var(--krds-color-light-gray-30); width: 4rem; height: 4rem;}
.sub-util ul.util-list li > button.btn.btn-favorite{background: url("../../img/frt/layout/icon-favorite.svg"); background-repeat: no-repeat; background-position: center;}
.sub-util ul.util-list li > button.btn.btn-favorite.active{background: url("../../img/frt/layout/icon-favorite-fill.svg"); background-repeat: no-repeat; background-position: center; background-size:var(--krds-number-9);}
.sub-util ul.util-list li > button.btn.btn-share{background: url("../../img/frt/layout/icon-share.svg"); background-repeat: no-repeat; background-position: center;}
.sub-util ul.util-list li > button.btn.btn-print{background: url("../../img/frt/layout/icon-print.svg"); background-repeat: no-repeat; background-position: center;}

/*conts-area*/
.conts-area{padding: 0; display: flex; align-items: stretch; justify-content: flex-start; flex-direction: column; gap:var(--krds-number-10) 0;}
.conts-area:has(.divider) .c-con{margin-bottom:0;}

/*모달 영역
.modal-wrap{display: none; visibility: hidden; opacity: 0;  top: 0; right: 0; bottom: 0; left: 0; z-index: 100; width: 100%; height: 100%; transition: visibility .15s .3s,z-index 0s .3s,opacity .2s; background: rgba(0,0,0,0.75);  justify-content: center; align-items: center; }
.modal-wrap .modal-dialog { display: flex; align-items: center; justify-content: center; flex-direction: row; position: fixed; top: 0; left: 0;  z-index: 1120; width: 100%; height: 100%; min-height: 100%; margin: 0 auto;}
.modal-wrap:has(.shown){display:block; opacity: 1; visibility: visible} */
.krds-modal .modal-dialog{z-index:1120;}
.modal-wrap .modal-dialog .modal-content, .modal-content{ background:var(--krds-color-light-gray-0); border-radius:12px; padding:var(--krds-number-10); width:auto; max-width: 100rem; max-height: 90%;  overflow-y: auto; position:relative; border:0;}
.modal-wrap .modal-dialog .modal-content::-webkit-scrollbar, .modal-content::-webkit-scrollbar{width:var(--krds-number-5);height:var(--krds-number-5); border-radius:0 var(--krds-number-3) 0 0 }
.modal-wrap .modal-dialog .modal-content::-webkit-scrollbar-track, .modal-content::-webkit-scrollbar-track{ background-color: transparent; }
.modal-wrap .modal-dialog .modal-content::-webkit-scrollbar-thumb, .modal-content::-webkit-scrollbar-thumb{background-color:#E5DCEB; border-radius: var(--krds-number-5);}
.modal-wrap .modal-dialog .modal-header, .modal-header{margin-bottom: var(--krds-number-10); }
.modal-wrap .modal-dialog .modal-header h2, .modal-header h2{font-size:var(--krds-number-12); font-weight:700; color:var(--krds-color-light-gray-90);}
.modal-wrap .modal-dialog .modal-conts, .modal-conts{ display: grid; gap: var(--krds-number-9) 0;}
.modal-wrap .modal-dialog .modal-bottom, .modal-bottom{display: flex; display: -webkit-flex; justify-content: flex-end; margin: var(--krds-number-9) 0 0 0; gap:0 var(--krds-number-5);}
.modal-wrap .modal-dialog .modal-bottom .btn, .modal-bottom .btn{word-break:break-all;}
.modal-wrap .modal-dialog .btn-close, .btn-close{ position: absolute; top:var(--krds-number-10); right:var(--krds-number-10);}
.modal-wrap.in { position:relative; z-index: 1010;  transition-delay: 0s;  opacity: 1;  visibility: visible; }
.modal-wrap.shown { display: block; }
.modal-wrap .modal-back { position: fixed; top: 0; right: 0;  bottom: 0;  left: 0; visibility: hidden; z-index: -1; background-color: rgba(0,0,0,0.75);}
.modal-wrap .modal-back.in {display: block; z-index: 1100; visibility: visible;}
.modal-wrap[data-type=full] .modal-back.in {display: none;}
.modal-wrap .modal-dialog .modal-content .pagination{margin:3rem 0;}

/*밑에서 위로 슬라이드 되는 팝업*/
.krds-modal[data-type=bottom-sheet] .modal-dialog{align-items: flex-end; position: fixed; left: 0; top: 100%; width: 100%; height: 100vh; }
.krds-modal[data-type=bottom-sheet] .modal-dialog .modal-content{ width: 100%; max-width: 100%; border-radius: 1.2rem 1.2rem 0 0; position: fixed; left: 0;  bottom: -100%; transition: all .5s;  padding-bottom: 0; overflow:hidden; padding: 0;}
.krds-modal[data-type=bottom-sheet] .modal-dialog .modal-header{margin:0; padding: 2.8rem var(--krds-number-9) var(--krds-number-9) var(--krds-number-9);}
.krds-modal[data-type=bottom-sheet] .modal-dialog .btn-close, .btn-close{top:2.8rem; right: var(--krds-number-9);}
.krds-modal.in[data-type=bottom-sheet] .modal-dialog .modal-content {bottom:0; }

/*오른쪽에서 왼쪽 슬라이드 되는 팝업*/
.krds-modal[data-type=right-sheet] .modal-dialog{align-items: flex-end; position: fixed; left:initial; right: 100%; top: 0; width: 100%; height: 100vh;}
.krds-modal[data-type=right-sheet] .modal-dialog .modal-content{width:52.8rem; height: 100%; max-height: 100%; border-radius:0; position: fixed; right: -100%;  top:0%; transition: all .5s;  padding:0; z-index:1500; overflow-y:auto; background:var(--krds-color-light-gray-0); border-left:var(--krds-number-1) solid var(--krds-color-light-gray-30)}
.krds-modal[data-type=right-sheet] .modal-dialog .modal-content .modal-conts{padding: 0;}
.krds-modal[data-type=right-sheet]  .modal-dialog .btn-close{top:5.0rem; right:6.4rem;}
.krds-modal.in[data-type=right-sheet] .modal-dialog .modal-content {right:0;}

/*통합검색 - header*/
.krds-modal.search-header-modal[data-type=right-sheet] .modal-dialog .modal-content{width:90%; max-width: 64rem}
.search-header-modal .modal-dialog .btn-close{top:4rem !important; right:4rem !important;}
.search-header-modal .modal-dialog .modal-conts{display: flex; padding: 14.5rem 4rem 0 4rem !important; max-width: none !important}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap{display: flex; flex-direction: column; gap:8rem 0;}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .pop-sch-top{display: flex; flex-direction: column; gap:8rem 0;}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .search-total-tit{ border-left: var(--krds-number-3) solid #88111B; padding: 1.5rem 0 0 2.2rem;  line-height: 1; display: flex; flex-direction: column; gap:var(--krds-number-8) 0;}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .search-total-tit h2{font-size: 6rem; color:#88111B; line-height: 1;}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .search-total-tit p{font-size:1.9rem; }
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .sch-form-box .sch-input{ display: flex; justify-content: flex-start; align-items: center;border-bottom: 0.3rem solid var(--krds-color-light-gray-60); }
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .sch-form-box .sch-input .form-input{ height: var(--krds-number-17); display: inline-flex; flex: 1; border-radius: 0; border:0; font-size: 1.9rem}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .sch-form-box .sch-input .btn.ico-search{position: static; display: inline-flex; padding: 0; transform: none; width: var(--krds-number-12); height: var(--krds-number-12); margin:0 var(--krds-number-8)}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .word-lately .krds-btn.text{margin:auto 0 var(--krds-number-2) auto; background:var(--krds-color-light-gray-5); padding: 0 1.4rem; display: flex;column-gap:var(--krds-number-3)}
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .word-lately .krds-btn.text:before{display: inline-flex; content: ""; background:url("../../img/frt/layout/icon - icon-multi.svg") no-repeat; width: 1.55rem; height: 1.55rem; }
.search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .word-lately .krds-btn.text .svg-icon.ico-delete-fill{ background-image: url("../../img/frt/layout/icon-delete2.svg"); background-size: auto; background-position: center}
#popTotalSchType1 .pop-total-serch-wrap .word-lately, #popTotalSch .pop-total-serch-wrap .word-lately{border-left-color: #D9D9D9}

/*입력폼*/
.krds-check-area { margin-bottom: var(--krds-number-9); flex-wrap: wrap;}
.krds-check-area label{word-break:break-all;}
.krds-form-check input[type=radio]:checked ~ label:after{ background-color:#4F0099;}
.krds-form-check input[type=radio]:checked ~ label:before{border-color:#4F0099;}
.krds-form-check input[type=checkbox]:checked ~ label:before{background-color:var(--krds-color-light-primary-70);border-color:var(--krds-color-light-primary-70);}
.krds-form-check input[type=checkbox] ~ label:after{ -webkit-mask-image: none !important; mask-image: none !important; background-image:url(../../img/frt/layout/icon-check_moana.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; }
.krds-form-check input[type=checkbox]:checked ~ label:after{background-color: transparent; }

.krds-form-check input[type=checkbox] + label{position:relative; display:inline-flex; gap:var(--krds-number-5); font-size:1.7rem;}
.krds-form-check input[type=checkbox] + label:before, .krds-form-check input[type=checkbox] + label:after{display:flex; content:""; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1); border-radius:var(--krds-number-3); }
.krds-form-check input[type=checkbox] + label:before{flex-shrink:0; width:var(--krds-number-9); height:var(--krds-number-9); z-index:3; background:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid var(--krds-color-light-gray-60); }
.krds-form-check input[type=checkbox] + label:after{-webkit-mask-image: none !important; mask-image: none !important; background-image:url(../../img/frt/layout/icon-check_moana.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; }
.krds-form-check input[type=checkbox]:checked + label:before{background-color:#B534D2;border-color:#B534D2;}
.krds-form-check input[type=checkbox]:checked + label:after{background-color: transparent; }

.check-area { position: relative; display: flex; align-items: center; flex-wrap:wrap;}
.check-area label{word-break:break-all;}
.check-area input[type=checkbox] + label{position:relative; display:inline-flex; align-items: center; gap:var(--krds-number-5); font-size:1.7rem;}
.check-area input[type=checkbox] + label:before, .check-area input[type=checkbox] + label:after{display:inline-flex;;content:""; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1); border-radius:var(--krds-number-3); }
.check-area input[type=checkbox] + label:before{flex-shrink:0; width:var(--krds-number-9); height:var(--krds-number-9); z-index:3; background:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid var(--krds-color-light-gray-60); }
.check-area input[type=checkbox] + label:after{-webkit-mask-image: none !important; mask-image: none !important; background-image:url("../../img/frt/layout/icon-check_moana.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; position: absolute; top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium)) / 2 + var(--krds-form-check--button-margin-top)); left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium)) / 2); width: var(--krds-number-9); height: var(--krds-number-9); }
.check-area input[type=checkbox]:checked + label:before{background-color:var(--krds-color-high-contrast-primary-80); border-color:var(--krds-color-high-contrast-primary-80);}
.check-area input[type=checkbox]:checked + label:after{background-color: transparent; z-index: 10}
/*포커스 표시*/
.check-area input[type=checkbox]:focus  ~ label{outline: none; box-shadow:0 0 0 var(--krds-number-2) var(--krds-color-light-primary-50);}

.check-area input[type=radio] + label{position:relative; display:inline-flex; align-items: center; gap:var(--krds-number-5); font-size:1.7rem;}
.check-area input[type=radio] + label:before,
.check-area input[type=radio] + label:after{display:inline-flex;;content:""; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1); border-radius:50%; }
.check-area input[type=radio] + label:before{flex-shrink:0; width:var(--krds-number-9); height:var(--krds-number-9); z-index:3; background:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid var(--krds-color-light-gray-60); z-index:0}
.check-area input[type=radio] + label:after{flex-shrink:0;width: var(--krds-number-7); height: var(--krds-number-7); position:absolute; left:0.4rem; z-index:1;}
.check-area input[type=radio]:checked ~ label:before{border-color:var(--krds-color-high-contrast-primary-80);}
.check-area input[type=radio]:checked + label:after{ background-color:var(--krds-color-high-contrast-primary-80); }

/*포커스 표시*/
.check-area input[type=radio]:focus  ~ label{outline: none; box-shadow:0 0 0 var(--krds-number-2) var(--krds-color-light-primary-50);}

/*라디오 칩*/
.chip-area {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap:var(--krds-number-5);  transition:0.4s ease-in-out;}
.chip-area .chip-input{position: relative;  transition:0.4s ease-in-out;}
.chip-area .chip-input input[type=radio] ~ label.chip-label{ display: flex; align-items: center; flex-flow:nowrap; gap:var(--krds-number-3); border-radius: 0.6rem; border:var(--krds-number-1) solid var(--krds-color-light-gray-60); height: 4.8rem; padding: 0 var(--krds-number-6) 0 1.8rem; white-space:nowrap; align-items: center;}
.chip-area .chip-input input[type=radio] ~ label.chip-label:after{content: ""; display: inline-flex; background:url("../../img/frt/content/icon-arrow-right.svg") no-repeat; background-position: center; width: var(--krds-number-9); height: var(--krds-number-9); color: var(--krds-color-light-gray-90); margin-left: 0.3rem; }
.chip-area .chip-input input[type=radio]:checked ~ label.chip-label{background:var(--krds-color-light-primary-5); border-color:#8400FF; color: var(--krds-color-light-primary-80)}
.chip-area .chip-input input[type=radio]:checked ~ label.chip-label:before{content: ""; display: inline-flex; width: var(--krds-number-9); height: var(--krds-number-9);  background:url("../../img/frt/content/icon-check.svg") no-repeat; background-position: center; }
.chip-area .chip-input input[type=radio]:checked ~ label.chip-label:after{ background:url("../../img/frt/content/icon-arrow-right_act.svg") no-repeat; background-position: center;}
/*포커스 표시*/
.chip-input input[type=radio]:focus + .chip-label {outline: none; box-shadow: 0 0 0 var(--krds-number-2) var(--krds-color-light-primary-50);}

/*체크박스 칩*/
.chip-area .chip-input input[type=checkbox] ~ label.chip-label{ display: flex; align-items: center; flex-flow:nowrap; gap:var(--krds-number-2); border-radius:var(--krds-number-9); background:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid #E6E8EA; height: var(--krds-number-12); padding: 0 1.2rem; white-space:nowrap; font-size: 1.5rem;}
.chip-area .chip-input input[type=checkbox] ~ label.chip-label:before{content: ""; display: inline-flex; width: var(--krds-number-8); height: var(--krds-number-8); background-image:url("../../img/frt/layout/icon-check_gay.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; }
.chip-area .chip-input input[type=checkbox]:checked ~ label.chip-label{background:var(--krds-color-light-primary-70); color:var(--krds-color-light-gray-0);}
.chip-area .chip-input input[type=checkbox]:checked ~ label.chip-label:before{ background-image:url(../../img/frt/layout/icon-check_moana.svg);}

.chip-input a{display: block;}
.chip-input span.chip-label{display: flex; align-items: center; flex-flow:nowrap; gap:var(--krds-number-2); border-radius:var(--krds-number-7); background:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid var(--krds-color-light-gray-10); height: var(--krds-number-10); padding: var(--krds-number-0) var(--krds-number-7); white-space:nowrap; font-size: 1.3rem;}

/*포커스 표시*/
.chip-input input[type=checkbox]:focus + .chip-label {outline: none; box-shadow: 0 0 0 var(--krds-number-2) var(--krds-color-light-primary-50);}


input[type=text].form-input{border-radius: 0.6rem; border:var(--krds-number-1) solid var(--krds-color-light-gray-60); padding: 0 var(--krds-number-8); height:var(--krds-number-16);}
input[type=text].form-input:focus{outline: none; box-shadow: 0 0 0 var(--krds-number-2) var(--krds-color-light-primary-50);}
input[type=text].form-input:disabled {background-color:#CDD1D5;}
.form-input[placeholder]{ font-weight: 400 !important; color: #8a949e !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.form-textarea[placeholder]{ font-weight: 400 !important; color: #8a949e !important; }
.form-select{ height: 4.8rem; padding: 0 var(--krds-number-8);  border: 1px solid var(--krds-color-light-gray-60); border-radius: 0.6rem; font-size: 1.7rem; color: var(--krds-color-light-gray-70); background:var(--krds-color-light-gray-0); mask-position:center center; mask:none; background-image: url("../../libs/krds/img/component/icon/ico_angle.svg"); background-repeat: no-repeat; background-position:center right var(--krds-number-8); background-size:var(--krds-number-10); padding-right: 4.8rem; }
.form-select:required:invalid {font-weight: 400 !important; color: #8a949e !important;}
.form-select option[value=""][disabled] {display:none}
.form-select option {padding: 0.5rem 0;}
.form-textarea{padding: 0 var(--krds-number-8);  border: 1px solid var(--krds-color-light-gray-60); border-radius: 0.6rem; font-size: 1.7rem; color: var(--krds-color-light-gray-70);  padding: 0.6rem var(--krds-number-8);}


/*date-picker*/
.date-picker{position: relative; border: var(--krds-number-1) solid var(--krds-color-light-gray-60); border-radius: 0.6rem; background:var(--krds-color-light-gray-0); height: 100%; display: flex; align-items: center; gap:var(--krds-number-3);  padding: 0 var(--krds-number-8); width: 18.55rem; }
.date-picker input[type=text]{border: none; background-color: transparent; height: 100%; border-radius: 0.6rem; display: inline-flex; width: 100%;}
.date-picker input[type=text]:focus{ outline:none;}
.date-picker input[type=text] ~ a.btn-calendar{background:url("../../img/frt/content/icon-calendar.svg") no-repeat; background-position: center;width: var(--krds-number-10); height: var(--krds-number-10); }

/*btn*/
/*btn*/
.btn {border-radius: 0.6rem; padding:0 var(--krds-number-8); font-weight: 400; font-size:1.5rem; height: 4rem; display:inline-flex; align-items:center; justify-content:center; width:auto; gap:var(--krds-number-3); }
.btn-xsmall{height:var(--krds-number-10); border-radius: var(--krds-number-3); padding: 0 var(--krds-number-6);  gap:var(--krds-number-2); font-size:1.2rem; }
.btn-small { height: var(--krds-number-12); border-radius: var(--krds-number-3); padding: 0 var(--krds-number-7);  gap:var(--krds-number-2);}
.btn-large { font-size:1.7rem; height: var(--krds-number-16);}
.btn-xlarge { font-size:1.9rem;  font-weight: 600; height: var(--krds-number-17);}
.btn-2xlarge { font-size:var(--krds-number-10);  font-weight: 700; height: var(--krds-number-18);}

.btn .svg-icon{width: var(--krds-number-9); height: var(--krds-number-9);}
.btn-small .svg-icon{width: var(--krds-number-8); height: var(--krds-number-8);}
.btn-xsmall .svg-icon{width: var(--krds-number-7); height: var(--krds-number-7);}
.btn-large .svg-icon{width: var(--krds-number-10); height: var(--krds-number-10);}
.btn-xlarge .svg-icon{width: var(--krds-number-10); height: var(--krds-number-10);}
.btn-2xlarge .svg-icon{width: var(--krds-number-11); height: var(--krds-number-11);}

.btn-primary {background:var(--krds-color-light-primary-70); color:var(--krds-color-light-gray-0); }
.btn.btn-primary:hover {background:var(--krds-color-high-contrast-primary-60);color:var(--krds-color-light-gray-0);}
.btn.btn-primary:focus {background:var(--krds-color-high-contrast-primary-80);color:var(--krds-color-light-gray-0);}
.btn-primary.disabled, .btn-primary[disabled] {background:var(--krds-color-light-gray-20); color:var(--krds-color-light-gray-50); }
.btn-primary i.svg-icon{background-color:var(--krds-color-light-gray-0)}
.btn-primary.disabled i.svg-icon, .btn-primary[disabled] i.svg-icon{background-color:var(--krds-color-light-gray-50)}
span.btn.btn-primary:hover, span.btn.btn-primary:focus {background:var(--krds-color-light-primary-70); color:var(--krds-color-light-gray-0); }

.btn-secondary {background:var(--krds-color-high-contrast-primary-5); border:var(--krds-number-1) solid var(--krds-color-high-contrast-primary-50); color:var(--krds-color-high-contrast-primary-80); }
.btn.btn-secondary:hover {background:var(--krds-color-high-contrast-primary-10);color:var(--krds-color-high-contrast-primary-80);}
.btn.btn-secondary:focus {background:var(--krds-color-high-contrast-primary-20);color:var(--krds-color-high-contrast-primary-80);}
.btn-secondary.disabled, .btn-secondary[disabled] {background:var(--krds-color-light-gray-20); border-color:var(--krds-color-light-gray-50); color:var(--krds-color-light-gray-50); }
.btn-secondary i.svg-icon{background-color:var(--krds-color-high-contrast-primary-80)}
.btn-secondary.disabled i.svg-icon, .btn-secondary[disabled] i.svg-icon{background-color:var(--krds-color-light-gray-50)}
span.btn.btn-secondary:hover, span.btn.btn-secondary:focus {background:var(--krds-color-high-contrast-primary-5); border:var(--krds-number-1) solid var(--krds-color-high-contrast-primary-50); color:var(--krds-color-high-contrast-primary-80);}


.btn-e-primary {background:var(--krds-color-light-secondary-60);color:var(--krds-color-light-gray-0); }
.btn.btn-e-primary:hover {background:var(--krds-color-light-secondary-50);color:var(--krds-color-light-gray-0);}
.btn.btn-e-primary:focus {background:var(--krds-color-light-secondary-70);color:var(--krds-color-light-gray-0);}
.btn-e-primary.disabled, .btn-e-primary[disabled] {background:var(--krds-color-light-gray-20); color:var(--krds-color-light-gray-50); }
.btn-e-primary i.svg-icon{background-color:var(--krds-color-light-gray-0)}
.btn-e-primary.disabled i.svg-icon, .btn-e-primary[disabled] i.svg-icon{background-color:var(--krds-color-light-gray-50)}
span.btn.btn-e-primary:hover, span.btn.btn-e-primary:focus {background:var(--krds-color-light-secondary-60);color:var(--krds-color-light-gray-0); }

.btn-e-secondary {background:var(--krds-color-high-contrast-secondary-5); border:var(--krds-number-1) solid var(--krds-color-high-contrast-secondary-40); color:var(--krds-color-light-secondary-60); }
.btn.btn-e-secondary:hover {background:var(--krds-color-high-contrast-secondary-10); color:var(--krds-color-light-secondary-60); }
.btn.btn-e-secondary:focus {background:var(--krds-color-high-contrast-secondary-20); color:var(--krds-color-light-secondary-60); }
.btn-e-secondary.disabled, .btn-e-secondary[disabled] {background:var(--krds-color-light-gray-20); border-color:var(--krds-color-light-gray-50); color:var(--krds-color-light-gray-50); }
.btn-e-secondary i.svg-icon{background-color:var(--krds-color-light-secondary-60)}
.btn-e-secondary.disabled i.svg-icon, .btn-e-secondary[disabled] i.svg-icon{background-color:var(--krds-color-light-gray-50)}
span.btn.btn-e-secondary:hover, span.btn.btn-e-secondary:focus{background:var(--krds-color-high-contrast-secondary-5); border:var(--krds-number-1) solid var(--krds-color-high-contrast-secondary-40); color:var(--krds-color-light-secondary-60); }

.btn-gray-fill {background: var(--krds-color-light-gray-60); color:var(--krds-color-light-gray-0); }
.btn.btn-gray-fill:hover {background: var(--krds-color-light-gray-40); color:var(--krds-color-light-gray-0); }
.btn.btn-gray-fill:focus {background: var(--krds-color-light-gray-10); color:var(--krds-color-light-gray-0); }
.btn-gray-fill.disabled, .btn-gray-fill[disabled] {background:var(--krds-color-light-gray-20); color:var(--krds-color-light-gray-50); }
.btn-gray-fill i.svg-icon{background-color:var(--krds-color-light-gray-0)}
.btn-gray-fill.disabled i.svg-icon, .btn-gray-fill[disabled] i.svg-icon{background-color:var(--krds-color-light-gray-50)}

.btn-gray-line {background: var(--krds-color-light-gray-0); border:var(--krds-number-1) solid var(--krds-color-light-gray-60); color:var(--krds-color-light-gray-90); }
.btn.btn-gray-line:hover {background:var(--krds-color-light-gray-5); color:var(--krds-color-light-gray-90); }
.btn.btn-gray-line:focus {background:var(--krds-color-light-gray-20); color:var(--krds-color-light-gray-90); }
.btn-gray-line .disabled, .btn-gray-line [disabled] {background:var(--krds-color-light-gray-20); border-color:var(--krds-color-light-gray-50); color:var(--krds-color-light-gray-50); }
.btn-gray-line i.svg-icon{background-color:var(--krds-color-light-gray-90)}
.btn-gray-line .disabled i.svg-icon, .btn-gray-line [disabled] i.svg-icon{background-color:var(--krds-color-light-gray-50)}

.btn-list {background:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid var(--krds-color-light-gray-70);}
.btn-gray2 {background: #777777; color:#fff; }
.btn-delete {background: #F8F0FF; border:0.1rem solid #8400FF; color:#350066; }
.btn-delete:hover, .btn-delete:focus, .btn-delete:active {color:#350066; }
.btn-wrap { display: flex; justify-content: flex-end;margin-top:3.5rem; gap:1.5rem;}
.align-justify { display: flex; justify-content:space-between;align-items: center;}
.right-group { display: flex; gap:0.8rem;}
.btn-center {justify-content:center !important;gap:1.5rem;}
.btn-right {justify-content:right !important;gap:1.5rem;}
.btn-left {display: flex; flex-wrap: wrap; justify-content:flex-start; gap:1.2rem;margin-top:3.5rem;}
.btn-cancel {border:var(--krds-number-1) solid var(--krds-color-light-gray-60); border-radius:var(--krds-number-5);padding:0 2.5rem;  display:inline-flex; align-items:center; justify-content:center; width:auto; }
.btn-confirm {background-color:var(--krds-color-light-primary-70); color:var(--krds-color-light-gray-0); border-radius:var(--krds-number-5);padding:0 2.5rem;  display:inline-flex; align-items:center; justify-content:center; width:auto; }
.btn-home {border:var(--krds-number-1) solid var(--krds-color-light-gray-60); border-radius:var(--krds-number-5);padding:0 2.5rem; height: 6.3rem;  display:inline-flex; align-items:center; justify-content:center; width:auto; }
.btn-login {background-color:var(--krds-color-light-primary-70); color:var(--krds-color-light-gray-0); border-radius:var(--krds-number-5);padding:0 2.5rem;  height:6.3rem;display:inline-flex; align-items:center; justify-content:center; width:auto; }
.btn-pre {border:var(--krds-number-1) solid var(--krds-color-light-gray-60); border-radius:var(--krds-number-5);padding:0 2.5rem;  display:inline-flex; align-items:center; justify-content:center; width:auto; }
.btn-save {background-color:var(--krds-color-light-primary-70); color:var(--krds-color-light-gray-0); border-radius:var(--krds-number-5);padding:0 2.5rem;  display:inline-flex; align-items:center; justify-content:center; width:auto; }
.btn-del {border:var(--krds-number-1) solid var(--krds-color-light-primary-50);background-color:var(--krds-color-light-primary-5); color:var(---krds-color-light-primary-80); border-radius:var(--krds-number-5);padding:0 2.5rem;  display:inline-flex; align-items:center; justify-content:center; width:auto; }
.button-icon { margin-left: var(--krds-number-5); width: 1.5rem; height: 1.5rem;  background-image:url(../../img/frt/member/icon-arrow-right.svg);  background-repeat:no-repeat; background-position:center center;background-size: auto;}
.button-icon03 { margin-left: var(--krds-number-5); width: 1.5rem; height: 1.5rem;  background-image:url(../../img/frt/member/ico-arrow-wh.svg);  background-repeat:no-repeat; background-position:center center;background-size: auto;}
.button-icon04 { margin-right: var(--krds-number-5); width: 1.5rem; height: 1.5rem;  background-image:url(../../img/frt/member/icon-arrow-left.svg);  background-repeat:no-repeat; background-position:center center;background-size: auto;}

.btn-gray-line .svg-icon.ico-angle{ background-image:none; background-color:var(--krds-color-light-gray-90);  
	-webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important;
	mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important;
}
/*krds-btn*/
.krds-modal .modal-dialog .modal-btn .krds-btn {min-width:9rem;}
.krds-modal .modal-dialog .modal-btn { gap:var(--krds-number-8); padding:0 3rem 2.5rem 0;}
.krds-modal .modal-btn .krds-btn.medium {height:var(--krds-number-17);}
.krds-modal .krds-btn.primary {background-color:var(--krds-color-light-primary-70); border-color:var(--krds-color-light-primary-70);}

/*아이콘*/
.svg-icon.ico-information{-webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-image: url(../../libs/krds/img/component/icon/ico_information.svg);
  mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url(../../libs/krds/img/component/icon/ico_information.svg);}
.svg-icon.ico-edit{
	-webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-image: url(../../img/frt/content/icon-edit.svg) !important;
	mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: (../../img/frt/content/icon-edit.svg) !important;}

/*테이블*/
.table-wrap {width:100%; overflow: hidden;}
.table-wrap.scroll{ overflow-x: auto;}
.table-wrap.scroll::-webkit-scrollbar{display:none;}
.table-wrap.scroll .btn-box{display:none;}
.table-wrap.scroll > .btn {visibility: hidden;}
.table-wrap table{width: 100%; border-top: var(--krds-number-2) solid var(--krds-color-high-contrast-primary-80); }

.table-wrap table th, .table-wrap table td{padding:var(--krds-number-7) var(--krds-number-5); border-bottom: var(--krds-number-1) solid #D9D9D9}
/*.table-wrap table tr > *:last-child{border-right: 0;}
.table-wrap table tr > *[rowspan]:last-child{border-left: var(--krds-number-1) solid #D9D9D9;}*/

.table-wrap table thead tr th{background:var(--krds-color-light-primary-5);  border-top: var(--krds-number-1) solid var(--krds-color-light-gray-0); border-bottom-color: var(--krds-color-light-gray-0); color:var(--krds-color-light-gray-95); }
.table-wrap table tbody {border-top:var(--krds-number-1) solid var(--krds-color-high-contrast-primary-80);}

.table-wrap table tbody tr th{background:#fbf7ff; color:var(--krds-color-light-gray-95); }
.table-wrap table tbody tr td{background:var(--krds-color-light-gray-0); color:var(--krds-color-light-gray-70); word-break:keep-all}

.table-wrap table * table{width: 100%; min-width: 0;}
.table-wrap table .textc{text-align: center; }
.table-wrap table .textl{text-align:left;}
 
.table-wrap.tb-style01 table thead {border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-0);}
.table-wrap.tb-style01 table th, .table-wrap.tb-style01 table td{border-left: var(--krds-number-1) solid #D9D9D9; border-bottom: var(--krds-number-1) solid #D9D9D9;}
.table-wrap.tb-style01 table tr > *:first-child{border-left: 0;}
/* .table-wrap.tb-style01 table tr > *[rowspan]:last-child{border-left: var(--krds-number-1) solid #D9D9D9;}
.table-wrap.tb-style01 table tr > *[colspan]{border-bottom: var(--krds-number-1) solid #D9D9D9;} */

.guide-txt{background:var(--krds-color-light-primary-5);}
.guide-txt.bg-white{background:var(--krds-color-light-gray-0); border:var(--krds-number-1) solid var(--krds-color-light-gray-20); font-size:1.7rem;}
.guide-txt.bg-secondary{background:var(--krds-color-light-point-5); border:var(--krds-number-1) solid var(--krds-color-light-point-20);  display: flex; gap:var(--krds-number-5)}
.guide-txt.bg-secondary:before{content: ""; width: 2rem; height: 2rem; background:url("../../img/frt/content/system-info-red.svg") no-repeat; background-position: center; margin-top:var(--krds-number-2); flex-shrink:0;}
.guide-txt.bg-secondary strong{color:var(--krds-color-high-contrast-secondary-60);}
.guide-txt.bg-secondary .sm-txt{font-size:95%}
.guide-txt.bg-secondary ul{text-indent:-12px; padding-left:12px;}


.guide-txt h3{display:flex; flex-wrap:wrap; gap:0 var(--krds-number-6); margin-bottom:var(--krds-number-7) }
.guide-txt h3 .svg-icon{width:var(--krds-number-9); height:var(--krds-number-9);}
.guide-txt .annual-event-box{ font-size:1.7rem; flex: 1 1 0; }

.schedule-top{color:var(--krds-color-light-gray-90); display: flex; gap:var(--krds-number-5) }
.schedule-top:before{content: ""; width: 2rem; height: 2rem; background:url("../../img/frt/content/icon-system-info.svg") no-repeat; background-position: center; margin-top:var(--krds-number-2);} 
.schedule-top .annual-event-box{ font-size:1.7rem; flex: 1 1 0; }
.schedule-top div p.info-box{margin-bottom: var(--krds-number-7);}
.schedule-top div p.info-box:last-child{margin-bottom:0;}

/*리스트*/
ul.txt_type4{}
ul.txt_type4 li{display: flex; width:auto; min-width: 0; }
ul.txt_type4 li:before {content: "• ";display: inline-flex;}

/*tab*/
.tab-area{position: relative;  transition:0.4s ease-in-out;}
.tab-area .tab{display: flex;width: 100%; justify-content: space-between; }
.tab-area .tab li{display: inline-flex; align-items: center; justify-content: center; flex:1 1 0; transition:0.4s ease-in-out; }
.tab-area .tab li a{display: flex; align-items: center; justify-content: center; flex-direction: column; padding:var(--krds-number-8) var(--krds-number-6); width: 100%; height:auto; min-height: var(--krds-number-10); font-weight: 700; font-size: 1.9rem; line-height: 1.5; gap:0; }
.tab-area .tab li a span{font-size: 1.7rem; font-weight: 400; margin: 0;line-height: 1; }
.tab-area .tab li a span strong{line-height: 1;}


.tab-wrap .swiper-button-next{height:6rem; padding-left: var(--krds-number-10); background:linear-gradient(90deg,rgba(255,255,255,0.30) 3.12%,var(--krds-color-light-gray-0) 46.25%); width:var(--krds-number-12); box-sizing: content-box; margin-top:0; transform:translateY(-50%);}
.tab-wrap .swiper-button-prev{height:6rem; padding-right: var(--krds-number-10); background:linear-gradient(90deg, var(--krds-color-light-gray-0) 53.75%,rgba(255,255,255,0.30) 96.88%); width: var(--krds-number-12); box-sizing: content-box; margin-top:0; transform:translateY(-50%);}
.tab-wrap .swiper-button-next:after, .tab-wrap .swiper-button-prev:after{width:var(--krds-number-12); height:var(--krds-number-12);  border:var(--krds-number-1) solid  var(--krds-color-light-gray-20); border-radius:50%; mask-image:none; -webkit-mask-image:none; background:#fff url("../../img/frt/content/icon-arrow-right.svg") no-repeat; background-position: center; color:transparent; transform: none;}
.tab-wrap .swiper-button-prev:after{transform:rotate(180deg)}
.tab-wrap .swiper-button-next.swiper-button-disabled, .tab-wrap .swiper-button-prev.swiper-button-disabled{display: none; opacity: 0;}
.tab-wrap .swiper-navigation {display: none;}


/*채워진탭*/
.tab-area .tab.tab-fill li{ border:var(--krds-number-1) solid var(--krds-color-light-gray-30); border-left: 0; }
.tab-area .tab.tab-fill li:first-child{border-radius:var(--krds-number-5) 0 0 var(--krds-number-5); border-left:var(--krds-number-1) solid var(--krds-color-light-gray-30)}
.tab-area .tab.tab-fill li:last-child{border-radius:0 var(--krds-number-5)  var(--krds-number-5) 0; }
.tab-area .tab.tab-fill li a span{color:var(--krds-color-light-primary-70);}
.tab-area .tab.tab-fill li:hover{background-color: var(--krds-color-light-primary-5);}
.tab-area .tab.tab-fill li.active{background-color: var(--krds-color-light-primary-80);}
.tab-area .tab.tab-fill li.active a{color:var(--krds-color-light-gray-0);}
.tab-area .tab.tab-fill li.active a span{color:var(--krds-color-high-contrast-primary-10);}

/*라인탭탭*/
.tab-area .tab.tab-line li{border-bottom: var(--krds-number-1) solid  var(--krds-color-light-primary-80);}
.tab-area .tab.tab-line li:before{display:inline-flex; content:""; position:absolute; bottom:-0.1rem; left:0; width:0; height:0.5rem; background:#500e6a; transition:0.4s ease-in-out;}
.tab-area .tab.tab-line li.active:before, .tab-area .tab.tab-line li:hover:before{width: 100%; left:0;}
.tab-area .tab.tab-line li.active a{color:var(--krds-color-light-primary-80);}
.tab-area .tab.tab-line li .btn-tab{background-color:transparent}
.tab-area .tab.tab-line li .btn-tab:hover{background-color:transparent}

/*no-data*/
.no-data{ display:flex; flex-direction:row !important; justify-content:flex-start; align-items:center; gap:var(--krds-number-5); width:100%; padding:var(--krds-number-12); background: var(--krds-color-light-gray-5); text-align:center; border:0 !important; border-radius:var(--krds-number-7);  }
.no-data:before{content:""; display:inline-flex; width:var(--spacer-3); height:var(--spacer-14);  background:var(--krds-color-high-contrast-primary-80);  }

/*필수 표시 정보*/
.required-notice{background:var(--krds-color-light-secondary-5); border-radius:var(--krds-number-7); padding:var(--krds-number-10); font-size:var(--krds-number-9); font-weight:700}
.required-dot:before{content:"*"; color:var(--krds-color-light-point-50); }
.required-notice:has(i.svg-icon){align-items:flex-start;}
.required-notice i.svg-icon{margin-top:0.6rem; flex-shrink:0;} 

/*입력양식*/
.reg-form-wrap.txt-box.bg-white{padding:0;  }
.reg-form-wrap .form-header{background:var(--krds-color-light-gray-5); border-radius:var(--krds-number-7) var(--krds-number-7) 0 0; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-20); padding:var(--krds-number-10) var(--krds-number-14); font-size:var(--krds-number-10);}
.reg-form-wrap .form-grid{padding:var(--krds-pc-padding-card-large); padding-top:var(--krds-number-0); display:flex; flex-direction:column; gap:var(--krds-number-7) 0; border:0;}
.reg-form-wrap .form-grid .form-row { display: grid; grid-template-columns:24rem auto; align-items: stretch; overflow: hidden; }
.reg-form-wrap .form-grid .form-row .form-label { font-size:2.2rem; color:var(--krds-color-light-gray-95); font-weight:600; letter-spacing: -0.1rem; padding: var(--krds-number-8) 0; display: flex; align-items: flex-start; }
.reg-form-wrap .form-grid .form-row .form-label.required::before { content: '*'; color:var(--krds-color-light-point-50); font-size:var(--krds-number-9); font-weight:600;margin-right:var(--krds-number-6); display: inline-block; margin-top:0;}
.reg-form-wrap .form-grid .form-row .form-label.berequired::before { content: ''; color:var(--krds-color-light-point-50); font-size:var(--krds-number-9); font-weight:600; margin-right:var(--krds-number-9); display: inline-block; margin-top:0;}
.reg-form-wrap .form-grid .form-row .form-input-group {display:flex; flex-wrap:wrap; gap: var(--krds-number-5); padding: var(--krds-number-6) 0 ;}
.reg-form-wrap .form-grid .form-row .krds-check-area {padding-top:var(--krds-number-0); margin-bottom:var(--krds-number-0); display: flex; align-items: center; align-content: center; gap:0 var(--krds-number-14);}
.reg-form-wrap .form-grid .form-row .krds-check-area .krds-form-check label{align-items:center;}
.reg-form-wrap .form-grid .form-row .krds-check-area .krds-form-check input[type=radio]:checked ~ label:after{margin-top:var(--krds-number-1);}
.reg-form-wrap .form-grid .form-row .form-input-group input[type=text].form-input:has( ~ .form-hint-invalid), .reg-form-wrap .form-grid .form-row .form-input-group select.form-select:has( ~ .form-hint-invalid){ border:0.2rem solid #DE3412}
.reg-form-wrap .form-grid .form-row .form-input-group input[type=text].form-input:focus:has( ~ .form-hint-invalid), .reg-form-wrap .form-grid .form-row .form-input-group select.form-select:focus:has( ~ .form-hint-invalid){outline: none; box-shadow: 0 0 0 var(--krds-number-2) var(--krds-color-light-primary-50); border:0.2rem solid var(--krds-color-light-gray-0);}
.reg-form-wrap .form-grid .form-row .form-input-group input[type=text] + .btn{height:var(--krds-number-16); }
.reg-form-wrap .form-grid .form-row .form-input-group .form-hint-invalid{width:100%;}
.reg-form-wrap .form-grid .form-row .form-input-group .helper-box.refer.danger{display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--krds-number-6); width:auto; padding:var(--krds-number-4) var(--krds-number-7);}
.reg-form-wrap .form-grid .form-row .form-input-group .helper-box.refer.danger > i.svg-icon{width:var(--krds-number-9); height:var(--krds-number-9);}

.reg-form-wrap .form-grid .sub-groupbox{display:flex; flex-direction:column; gap:var(--krds-number-9);}
.reg-form-wrap .form-grid .sub-groupbox > li{display:flex; flex-direction:column; gap:var(--krds-number-8);}
.reg-form-wrap .form-grid .sub-groupbox > li > p{font-size:2rem; color:var(--krds-color-light-gray-95); font-weight:600; letter-spacing: -0.1rem; }
.reg-form-wrap .form-grid .sub-groupbox > li  div.check-area{gap:0 var(--krds-number-6)}

.reg-form-wrap .form-grid table tr th{width:24rem; font-size:2.2rem; color:var(--krds-color-light-gray-95); font-weight:600; letter-spacing: -0.1rem; padding: var(--krds-number-8) 0; text-align:left; vertical-align:middle; word-break:break-all; }
.reg-form-wrap .form-grid table tr th em{display:none;}
.reg-form-wrap .form-grid table tr th span.sm-txt{font-size:1.9rem; display:block; word-break:break-all; }
.reg-form-wrap .form-grid table tr th:has(em)::before { content: '*'; color:var(--krds-color-light-point-50); font-size:var(--krds-number-9); font-weight:600; margin-right:var(--krds-number-6);}
.reg-form-wrap .form-grid table tr th.v-top{vertical-align:top;}
.reg-form-wrap .form-grid table tr th label{display:inline;}
.reg-form-wrap .form-grid table tr td{ padding: var(--krds-number-6) 0 var(--krds-number-8) var(--krds-number-6) ;} 
.reg-form-wrap .form-grid table tr:last-child td{padding-bottom:0;}
.reg-form-wrap .form-grid table tr td .check-area{gap:var(--krds-number-5)}
.reg-form-wrap .form-grid table tr td .check-area .check-input{display:inline-flex; align-items:center; gap:var(--krds-number-5)}
.reg-form-wrap .form-grid table tr td ul.text-list-ul{display:flex; flex-direction:column; gap:var(--krds-number-3)}
.reg-form-wrap .form-grid table tr td ul.text-list-ul li{display:inline-flex; flex-wrap:wrap; align-items:center; gap:var(--krds-number-3) }
.reg-form-wrap .form-grid table tr td ul.text-list-ul li label{flex-shrink:0;}
.reg-form-wrap .form-grid table tr td ul.text-list-ul li label + input{flex-shrink:1; }
.reg-form-wrap .form-grid table tr td ul.text-list-ul li div:last-child label{padding-left:var(--krds-number-16);}
.reg-form-wrap .form-grid table tr td .guide-txt.bg-secondary{margin-bottom:var(--krds-number-6); padding:var(--krds-number-7); width:100%;}
.reg-form-wrap .form-grid table tr td .form-textarea{flex-shrink:1;}

/* Forgot ID 상단 */
.sub-contents-header { padding:1rem 0 1rem 0;}
.sub-contents-header .page-title-section { display: flex; align-items:center; gap: 1rem;padding:0 0 1rem 0; border-bottom: #8A949E solid 1px;}
.sub-contents-header .page-title-section .page-title { font-size: 4rem; font-weight: 700; color: #1E2124; margin: 0;}
.sub-contents-header .page-title-section .page-subtitle { font-size: 1.5rem; color: #464C53; font-weight:700; padding-top: 0.5rem;}

/*수평선*/
.divider {position:static !important; width:100% !important; height: 1px !important; background: var(--krds-color-light-gray-20) !important; margin: var(--krds-number-10) 0 !important; clip:auto !important;}

.conts-area .page-btn-wrap{padding:0; margin:0; }
.conts-area .page-btn-wrap.center{justify-content:center;}
.conts-area .page-btn-wrap.center .btn i.svg-icon.ico-angle{background-image:none; background-color:#fff;  
-webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important;
mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important;}

/*step-wrap*/
.step-wrap{display:flex; }
.step-wrap > li{flex:1; position:relative;}
.step-wrap > li:before{content:""; position:absolute; top:var(--spacer-11); left:var(--krds-number-2); width:100%; height:var(--krds-number-2); background:var(--krds-color-light-gray-20); }
.step-wrap > li:last-child:before{display:none;}
.step-wrap > li > span{display:flex; flex-direction:column; gap:var(--krds-number-3); line-height:1; padding:var(--krds-number-12) 0 0 0;}
.step-wrap > li > span:before{content:"";  position:absolute; top:var(--krds-number-2); left:var(--krds-number-2); z-index:1; width:var(--krds-number-9); height:var(--krds-number-9); border-radius:50%; background:var(--krds-color-light-gray-10); border:var(--krds-number-1) solid var(--krds-color-light-gray-20); }
.step-wrap > li > span > i{color:var(--krds-color-light-gray-70); font-size:1.5rem;}
.step-wrap > li > span > span{font-weight:700;}
.step-wrap > li.done > span:before{background:var(--krds-color-light-gray-50) url(../../img/frt/content/step-check.png) no-repeat; background-position:center; border-color:var(--krds-color-light-gray-50);}
.step-wrap > li.done:before{background:var(--krds-color-light-gray-50)}
.step-wrap > li.active > span:before{background:var(--krds-color-high-contrast-primary-80); background-position:center; border:0.3rem solid var(--krds-color-light-gray-0);}
.step-wrap > li.active > span:after{content:""; position:absolute; top:0; left:0; background:var(--krds-color-high-contrast-primary-80); width:2.4rem; height:2.4rem; border-radius:50%; }

/*파일 업로드 박스 */
.file-list-wrap{display:flex; gap:0 var(--krds-number-8);}
.file-list-wrap .l-box{flex-shrink:0;}
.file-list-wrap .r-box{flex:1; }
.file-list-wrap .r-box .up_file_box{display:flex;flex-wrap:nowrap; gap:0 var(--krds-number-7);}
.file-list-wrap .r-box .up_file_box > span{ display:inline-flex; align-items:center; height:var(--krds-number-16); border:var(--krds-number-1) solid var(--krds-color-light-gray-60); border-radius:var(--krds-number-5); padding:0 var(--krds-number-8); flex:1;}
.file-list-wrap .r-box .up_file_box span > a{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  }
.file-list-wrap .r-box .up_file_box .btn-del{flex-shrink:0; padding:0 var(--krds-number-8);}
.js-file-container.td-inbox{margin-bottom:var(--krds-number-5);}

/*페이지네이션*/
.krds-pagination {margin-top:2rem;}

/*******************************************************
					미디어쿼리						
*******************************************************/
/* 초대형(울트라 와이드): 1920px 이상 */
@media (min-width: 1920px){   
	.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:var(--krds-number-8);}
    .is-gnb-web.hasScrollY #sub_container {padding-right:3rem;}    
    .header-container>.inner {max-width:192rem;}
}
@media (min-width:1690px) and (max-width: 1790px) {
    #krds-header .header-container .logo {margin:0 var(--krds-number-9);}
    #krds-header .header-container .header-actions {margin-right:var(--krds-number-8);}
    #krds-header .header-utility .utility-list{margin-right:var(--krds-number-8);}
    .krds-main-menu .gnb-menu {gap:1.5rem;}
    .header-right {margin-right:0;}
}
@media (min-width:1400px) and (max-width: 1689px) {
    #krds-header .header-container .logo {margin:0 1.5rem;}
    #krds-header .header-container .header-actions {margin-right:var(--krds-number-8);}
    #krds-header .header-utility .utility-list{margin-right:1.2rem;}
    .krds-main-menu .gnb-menu {gap:var(--krds-number-6);}
    .krds-main-menu .gnb-menu .gnb-main-trigger, .krds-main-menu .gnb-menu .gnb-main-trigger h2 {font-size:1.8rem;}
    #krds-header .header-container .btn-navi {padding:var(--krds-number-3) var(--krds-number-5) 0; font-size:1.5rem;}
    .krds-main-menu .gnb-menu .gnb-main-trigger {padding:0 var(--krds-number-6);}
    #krds-header .header-container .logo {width:12rem;}
    .header-right {margin-right:0;}}

@media (min-width:1024px) and (max-width: 1399px) {
    #krds-header .header-container .btn-navi.all {display: inline-flex;}
    .krds-main-menu-mobile {display:block;}
    #sub_container{ min-height: calc(100vh - 35rem);}
}

@media (min-width:961px) and (max-width: 1399px) {  
    #krds-footer>.inner {width:auto;}   
    #krds-header .header-in { height: 8rem;}
    #krds-header .inner {border-bottom:0; padding:var(--krds-number-5);}
    #krds-header .header-utility-wrap {display:none;}
    .krds-main-menu {display:none;}   
    #krds-header .header-container .logo {width:11rem;margin:var(--krds-number-5) 0 0 var(--krds-number-9);}
    #krds-header .header-container .header-actions {padding:var(--krds-number-5) 0 0 0;}	
    #krds-header .header-container .btn-navi.login {display:none;}
    #krds-header .header-container .btn-navi.join {display:none;}
    
    .krds-main-menu-mobile .gnb-wrap {width:40%;}    
    .krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu {justify-content:center; gap:0 10rem;}
    .header-right {margin-right:0;}
    
     /*footer*/   
    #krds-footer>.inner {width:auto; padding:2.5rem var(--krds-number-10);}
    #krds-footer .f-logo {margin-right:var(--krds-number-9);}
    #krds-footer .f-info-right {gap:var(--krds-number-5);}
    #krds-footer .f-mark img {width:10rem !important;}
    #krds-footer .f-info-left .info-addr {margin-top:1.8rem;}
    #krds-footer .f-copy { display:block;justify-content:flex-start;}
   
}

@media (max-width: 1399px) {
    .side-navigation{margin-right: 4rem}
    .reg-form-wrap .form-grid table tr th{width:20rem;}
}

@media (max-width: 1023px) {
    .sub_content{width: 100%; padding-left:var(--krds-number-8); padding-right: var(--krds-number-8); display: block;}
	.side-navigation{display: none}

	.breadcrumb-wrap{margin-bottom: 5rem;}
	.page-title-wrap{border-bottom: 0;}
	.sub-util{display: none;}
    
    
    .modal-wrap[data-type=right-sheet] .modal-dialog .modal-content{width:39rem;}
    .modal-wrap[data-type=right-sheet] .modal-dialog .modal-content::after {left:-50rem;}
    .modal-wrap[data-type=right-sheet]  .modal-dialog .btn-close{top:var(--krds-number-9); right:var(--krds-number-8);}
    
    #sub_container{min-height: inherit;}
    
    /*타이틀*/
    .page-title-wrap{margin-bottom:0;}
	
}

@media (max-width: 960px) {
    #krds-header .header-in { height: 7.5rem;}
    #krds-header .header-utility-wrap {display:none;}
    #krds-header .header-container .logo {width:11rem;margin:var(--krds-number-5) 0 0 var(--krds-number-5);}
    #krds-header .inner {border-bottom:0;padding:var(--krds-number-5);}
    #krds-header .header-container .header-actions {padding:var(--krds-number-5) 0 0 0;}	
    #krds-header .header-container .btn-navi.login {display:none;}
    .krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu {justify-content:center; gap:0 10rem;}   
    .krds-main-menu-mobile .gnb-wrap {width:100%;}
    .header-right {margin-right:0;}
    
    /*footer*/
    #krds-footer .f-cnt {display:block;}
    #krds-footer .f-btm .f-btm-box {max-width:100%;}
    #krds-footer .f-btm .f-btm-box .f-menu { flex-wrap: wrap; }
    #krds-footer .f-btm .f-btm-box .f-menu>li { display: none !important; position:relative;}
    #krds-footer .f-btm .f-btm-box .f-menu>li:last-child {display: block !important;width: 100%; flex-grow: 0 !important; flex-basis: 100% !important; text-align: left !important; margin-left: 0 !important;}
    #krds-footer .f-btm .f-btm-box .f-menu>li>a {text-align: center; padding:0.9rem var(--krds-number-5);}
    #krds-footer .f-btm .f-btm-box .krds-btn.link::after {  position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); width: var(--krds-number-9); height: var(--krds-number-9); display: inline-flex; flex-shrink: 0; }

    #krds-footer .m-f-btm-box {display:block;}
    #krds-footer .m-f-btm-box .f-menu a {font-size:1.7rem; display: block;}
    #krds-footer .m-f-btm-box .f-menu {display: flex; flex-wrap: wrap;gap:var(--krds-number-5); position: relative;}
    #krds-footer .m-f-btm-box .f-menu li { width: calc(40% - 0.4rem); }
    #krds-footer .m-f-btm-box .f-menu .col-violet {color:var(--krds-color-light-primary-80); font-weight: 600;}
    #krds-footer>.inner {width:auto; padding:2.5rem var(--krds-number-8);}
    #krds-footer .f-info-left {flex-direction:column;gap:var(--krds-number-8);}
    #krds-footer .f-info-right {gap:var(--krds-number-8); align-items:center;}
    #krds-footer .f-info-right .f-mark img {width:10rem !important;}
    #krds-footer .f-logo {height:auto;}
    #krds-footer .f-kocca {display:inline-block;margin-right:1rem;}
    #krds-footer .f-welcon{display:inline-block; margin-bottom:0;}
    #krds-footer .f-info-left .info-txt{font-size:1.5rem;}
    #krds-footer .f-info-left .info-addr {font-size:1.5rem;}
    #krds-footer .f-copy { display:block;justify-content:flex-start;}
    #krds-footer .f-copy .f-cright {font-size:1.3rem;margin-top:var(--krds-number-8);}
    
    #krds-footer .m-f-btm-box .f-menu li {position:relative;}
    #krds-footer .m-f-btm-box .f-menu li a::after {position: absolute; top:0.3rem; width:var(--krds-number-9); height:var(--krds-number-9);content:""; background-image: url(../../img/frt/main/icon-arrow-right.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; transform:none; }
    
    .Relativ-view {box-sizing:border-box; width:50%; left:inherit; right: 0;}
    
}


@media (max-width:810px){
    .modal-wrap .modal-dialog .modal-content {width:90%;}
    .modal-wrap .modal-dialog .modal-header{margin-top:var(--krds-number-9)}
    
    /*테이블*/
    .scrollWrap{position: relative;}
	.table-wrap.scroll table{ min-width:76.8rem;}
    .table-wrap.scroll .btn-box{display:block;}
    
    .table-wrap.scroll .btn {height: auto; min-height: 0; padding: 0;
	    display: flex; align-items: center; justify-content: center;
	    position: absolute; top: 0; bottom: auto; z-index: 10; border-radius: 0; cursor: pointer;
    }
    .table-wrap.scroll .btn:before{content: ""; display: block; background:var(--krds-color-light-gray-0) url("../../img/frt/content/icon-arrow-right.svg"); background-repeat: no-repeat; background-position: center; width: var(--krds-number-12); height: var(--krds-number-12); border-radius:50%; border:var(--krds-number-1) solid var(--krds-color-light-gray-20);}
    .table-wrap.scroll .btn.btn-prev{left:calc(0 - 100vh + var(--krds-number-8)); padding-left:0;  background:linear-gradient(90deg, var(--krds-color-light-gray-0) 53.75%,rgba(255,255,255,0.30) 96.88%); }
    .table-wrap.scroll .btn.btn-prev:before{transform: rotate(-180deg)}
    .table-wrap.scroll .btn.btn-next{right: 0; padding-right: 0; background:linear-gradient(90deg,rgba(255,255,255,0.30) 3.12%,var(--krds-color-light-gray-0) 46.25%);}
    .table-wrap.scroll .btn.scrollLeft {left: 0;}
    .table-wrap.scroll .btn.scrollRight {right: 0;}
        
}
@media (min-width: 768px) {
	.modal-wrap .modal-dialog .modal-content{ min-width:70rem;}
    .search-header-modal .modal-dialog .modal-content{min-width: auto}
}

@media (max-width: 768px) {
    /*모달 버튼*/
	.modal-wrap .modal-dialog .modal-bottom .btn{ flex:1 1 0;}
	/*btn*/
    .btn-wrap {margin-top:2rem;}
    .btn-home {height: 5rem; padding:0 1.8rem; font-size:1.8rem; font-weight:400; }
    .btn-login {height: 5rem; padding:0 1.8rem; font-size:1.8rem; font-weight:400; }
    .btn-pre {height: 5rem; padding:0 1.8rem; font-size:1.8rem; font-weight:400; }
    .btn-save {height: 5rem; padding:0 1.8rem; font-size:1.8rem; font-weight:400; }
    .btn-del {height: 5rem; padding:0 1.8rem; font-size:1.8rem; font-weight:400; }
    .krds-modal .modal-btn .krds-btn.primary {height: 5rem;font-size:1.8rem; font-weight:400; }
    .krds-modal .modal-btn .krds-btn.tertiary {height: 5rem;font-size:1.8rem; font-weight:400;}
        
    /*tab-area*/   
	.tab-area{ position: static; width:100%; margin: 0;}
    .tab-area .tab-wrap{position: relative; width: 100%; overflow: hidden; padding:0;}
    .tab-area .tab-wrap .tab{align-items:stretch; flex-wrap:nowrap; width:100%; gap:var(--krds-number-3); }
    .tab-area .tab-wrap .tab li{ border: 0; border-radius:var(--krds-number-5); padding:var(--krds-number-2); width:auto; height: auto; transition:0.4s ease-in-out; flex:1 0 auto; white-space:nowrap; border-radius: var(--krds-number-5); }
    .tab-area .tab.tab-fill li:first-child, .tab-area .tab.tab-fill li:last-child{border-radius:var(--krds-number-5); border:0;}
    .tab-area .tab-wrap .tab li a{padding: var(--krds-number-5) var(--krds-number-7); height: 5.5rem; }
    .tab-wrap.is-first {padding-left: 0;}
    .tab-wrap.is-last {padding-right: var(--krds-number-9);}
    .tab-wrap.is-initialized{ padding:0 var(--krds-number-14);}
    .tab-wrap.is-initialized.is-first{padding-left: 0;}
    .tab-wrap.is-initialized.is-last {padding-right: var(--krds-number-9);}
    .tab-wrap.is-initialized.is-first.is-last{padding-right:0;}
    .tab-wrap.is-initialized.is-first.is-last > .tab > li{flex:1 0 0;}
    .tab-wrap.is-initialized .swiper-navigation {display: block;} /* 혹은 기존에 쓰시던 flex 등 */
}

@media (max-width: 767px) {
    /*통합검색 - header*/
    .search-header-modal .modal-dialog .btn-close{top:var(--krds-number-10) !important; right:var(--krds-number-10) !important;}
    .search-header-modal .modal-dialog .modal-conts{padding:9.5rem var(--krds-number-10) 0!important}
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap{padding-top: 0!important; gap:var(--krds-number-12) 0;}
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .pop-sch-top{display: flex; flex-direction: column; gap:var(--krds-number-12) 0;}
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .search-total-tit{padding: 0 0 0 2.2rem; }
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .search-total-tit h2{font-size: var(--krds-number-15); color:#88111B; line-height: 1;}
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .search-total-tit p{font-size:1.9rem; }
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .sch-form-box .sch-input{ display: flex; justify-content: flex-start; align-items: center;border-bottom: 0.3rem solid var(--krds-color-light-gray-60); }
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .sch-form-box .sch-input .form-input{ height: var(--krds-number-17); display: inline-flex; flex: 1; border-radius: 0; border:0; font-size: 1.9rem}
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .sch-form-box .sch-input .btn.ico-search{position: static; display: inline-flex; padding: 0; transform: none; width: var(--krds-number-12); height: var(--krds-number-12); margin:0 var(--krds-number-8)}
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .word-lately .krds-btn.text{margin:auto 0 var(--krds-number-2) auto; background:var(--krds-color-light-gray-5); padding: 0 1.4rem; display: flex;column-gap:var(--krds-number-3)}
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .word-lately .krds-btn.text:before{display: inline-flex; content: ""; background:url("../../img/frt/layout/icon - icon-multi.svg") no-repeat; width: 1.55rem; height: 1.55rem; }
    .search-header-modal .modal-dialog .modal-conts .pop-total-serch-wrap .word-lately .krds-btn.text .svg-icon.ico-delete-fill{ background-image: url("../../img/frt/layout/icon-delete2.svg"); background-size: auto; background-position: center}
    .search-header-modal .pop-total-serch-wrap .search-text .word-lately::after, .search-header-modal .pop-total-serch-wrap .search-text .word-lately::after{background-color:#D9D9D9 !important}
    
    /*타이틀*/
    .page-title-wrap{margin-bottom:0;}
	.conts-area .page-btn-wrap{padding:var(--krds-number-10) 0;}

	.reg-form-wrap .form-header{padding-left:var(--krds-number-11)}
    .reg-form-wrap .form-grid{padding:var(--krds-number-8) var(--krds-number-11) var(--krds-number-15); gap:var(--krds-number-8) 0 }
    .reg-form-wrap .form-grid .form-row {grid-template-columns:1fr;}
    .reg-form-wrap .form-grid .form-row .form-label{padding:0 0 var(--krds-number-6) var(--krds-number-3)}
    .reg-form-wrap .form-grid .form-row .form-input-group{padding:0 var(--krds-number-3);}
    
     /*약관동의*/
    .step-wrap > li > span > i{display:none;}
	.step-wrap > li > span > span{display:none;}
	
	/*파일 업로드 박스 */
	.file-list-wrap{gap:var(--krds-number-7) 0; flex-direction:column; }
	
	.reg-form-wrap .form-grid table tbody{display:flex; flex-direction:column; gap:var(--krds-number-9); }
	.reg-form-wrap .form-grid table tr{display:flex; flex-direction:column; gap:var(--krds-number-7)}
	.reg-form-wrap .form-grid table tr th{display:inline-flex; width:100%; padding:0; align-items:center;}
	.reg-form-wrap .form-grid table tr th label{display:inline-flex; width:100%; padding:0; align-items:center; gap:var(--krds-number-4)}
	.reg-form-wrap .form-grid table tr td{display:inline-flex; flex-direction:column; width:100%; padding:0; align-items:flex-start; justify-content:center; }
	.reg-form-wrap .form-grid table tr td > .form-input, .reg-form-wrap .form-grid table tr td > .form-select{width:100%;}
	.reg-form-wrap .form-grid table tr td .check-area .check-input:has(.form-input){width:100%; }
	.reg-form-wrap .form-grid table tr td .check-area .check-input label{flex-shrink:0;}
	.reg-form-wrap .form-grid table tr td .check-area .check-input .form-input{flex-shrink:1; width:100%;}
	.reg-form-wrap .form-grid table tr td ul.text-list-ul{width:100%;}
	.reg-form-wrap .form-grid table tr td ul.text-list-ul li{width:100%;}
	.reg-form-wrap .form-grid table tr td ul.text-list-ul li div{display:flex; gap:var(--krds-number-6);  align-items:center; flex-wrap:wrap; width:100%;}
	.reg-form-wrap .form-grid table tr td ul.text-list-ul li label, .reg-form-wrap .form-grid table tr td ul.text-list-ul li span, .reg-form-wrap .form-grid table tr td ul.text-list-ul li div label, .reg-form-wrap .form-grid table tr td ul.text-list-ul li div span{flex-shrink:0;}
	.reg-form-wrap .form-grid table tr td ul.text-list-ul li .form-input, .reg-form-wrap .form-grid table tr td ul.text-list-ul li div .form-input{flex:1;}
    
}

@media (max-width: 640px) {
    .breadcrumb-wrap ol.breadcrumb li:not(.home):not(:last-child){position:absolute; width:1px !important; height:1px !important; padding:0 !important; margin:-1px  !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowpra !important; border:0 !important;}
    .breadcrumb-wrap ol.breadcrumb li:not(.home):not(:nth-child(2)):last-child::before{display:inline-flex; flex-direction:row; align-items:center; width:var(--krds-number-8); height:var(--krds-number-8); background:url(../../libs/krds/img/component/icon/ico_ellipsis.svg) no-repeat 0 center /contain; content:""; margin-right:0.7rem; flex-shrink:0;}
    .breadcrumb-wrap ol.breadcrumb li:not(.home):not(:nth-child(2)):last-child::after{display: inline-flex; display:-webkit-inline-flex; content: ""; width: var(--krds-number-8); height: var(--krds-number-8); margin-right: 0.7rem; background-image: url("../../libs/krds/img/component/icon/ico_angle.svg"); background-size: contain; transform: rotate(-90deg);}
    .breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child:last-child a{order:3;}
    
    .reg-form-wrap .form-grid .form-row .form-input-group input[type=text].form-input{width:100%; }
	.reg-form-wrap .form-grid .form-row .form-input-group .form-select{width:100% !important; }

}


@media screen and (max-width:500px){
    .modal-wrap .modal-dialog .modal-content {max-height: 90%; overflow-y: auto;}
	 
    /*파일 업로드 박스 */
	.file-list-wrap{position:relative;}
	.file-list-wrap .r-box .up_file_box .btn-del{position:absolute; top:0; right:0;}
    
}

@media (max-width: 460px){
	.modal-wrap .modal-dialog .modal-content .pagination {justify-content:space-between; }
    .modal-wrap .modal-dialog .modal-content .pagination a.page-navi{width: auto;}
    .modal-wrap .modal-dialog .modal-content .pagination .page-links{gap:0; flex:1; justify-content:space-between;}
    .modal-wrap .modal-dialog .modal-content .pagination .page-links .page-link{min-width: 3.5rem; height: 3.5rem; font-size: 1.5rem;}
    
    .krds-modal.search-header-modal[data-type=right-sheet] .modal-dialog .modal-content{width:100%}
    .btn-save {font-size:1.6rem;}
    .btn-del {font-size:1.6rem;}
} 

/* ---다크모드 --- */
@media (prefers-color-scheme: dark) {
    /*PC 메뉴*/
    [data-krds-mode=theme] .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] .main-menu .gnb-menu .gnb-main-trigger::after { display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-high-contrast-color-text-basic); forced-color-adjust: none; }
    [data-krds-mode=theme] .main-menu .gnb-menu .gnb-main-trigger.is-link::after { display: none; }
    [data-krds-mode=theme] .main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon { display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-high-contrast-color-text-basic); forced-color-adjust: none; }
    [data-krds-mode=theme] .main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description .ico-go { display: inline-flex; width: var(--krds-icon--size-large); height: var(--krds-icon--size-large); background-color: var(--krds-high-contrast-color-text-basic); forced-color-adjust: none; }
    [data-krds-mode=theme] .main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before, [data-krds-mode=theme] .main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before { background-color: var(--krds-high-contrast-color-text-basic); }
    [data-krds-mode=theme] .gnb-backdrop { --krds-main-menu--color-dim: var(--krds-high-contrast-color-background-dim); }
    
    /*모바일 메뉴*/
    [data-krds-mode=theme] .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] .main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after { display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-high-contrast-color-text-basic); forced-color-adjust: none; }
    [data-krds-mode=theme] .main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after { display: inline-flex; width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); background-color: var(--krds-high-contrast-color-text-basic); forced-color-adjust: none; }
}