@charset "utf-8";
/* CSS Document */
/*메인, 서브, 공통 영역*/
:root {
  --krds-contents-size:auto;
  --krds-contents-wrap-size: auto;
  /*--krds-light-color-border-primary:#500e6a; /*focus 색상*/
  --krds-box-shadow-outline:0 0 0 0 transparent;
  --krds-box-shadow-outline-inset:inset 0 0 0 0 transparent;/**/
}

/*-----------------
     header
-------------------*/
.wrap { width: 100%; max-width: 1920px; }
#krds-header .header-container .inner { display:flex; align-items:normal; justify-content:flex-start; flex-direction:column;}
.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);-webkit-mask-image: none !important; mask-image: none !important; }
.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:2rem; height: 2rem; }
.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: 0.1rem;  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); -webkit-mask-image: none !important; mask-image: none !important;}
.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); border-bottom:0.1rem solid #cdd1d5; }
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title .underline {color:#333;}
.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: 0.4rem; height: 0.4rem; margin-top: var(--krds-padding-4); background-color: var(--krds-light-color-text-basic); border-radius: var(--krds-radius-max); }
.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: 0.1rem solid var(--krds-main-menu--sub-menu-description-description-color-border); font-size: var(--krds-main-menu--sub-menu-description-description-color-font-size); color: var(--krds-main-menu--sub-menu-description-description-color-text); }
.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: 0.4rem;
  --krds-main-menu-mobile--type-tab-sub-list-border-bottom-width: var(--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width);
  --krds-main-menu-mobile--type-tab-sub-list-border-bottom-color: var(--krds-main-menu-mobile--header-color-border);
  --krds-main-menu-mobile--type-tab-sub-banner-gap: var(--krds-gap-5);
  --krds-main-menu-mobile--type-tab-sub-banner-border-radius: var(--krds-radius-medium3);
  --krds-main-menu-mobile--type-tab-sub-banner-padding-x: var(--krds-padding-6);
  --krds-main-menu-mobile--type-tab-sub-banner-padding-y: var(--krds-padding-2);
  --krds-main-menu-mobile--color-dim: var(--krds-light-color-background-dim);
  --krds-main-menu-mobile--color-surface: var(--krds-light-color-surface-white);
  --krds-main-menu-mobile--header-border-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--header-color-border: var(--krds-light-color-divider-gray-light);
  --krds-main-menu-mobile--utils-line-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--utils-color-border: var(--krds-light-color-border-gray-light);
  --krds-main-menu-mobile--service-menu-color-icon: var(--krds-light-color-icon-gray-fill);
  --krds-main-menu-mobile--service-menu-color-action-active: var(--krds-light-color-action-secondary-on-pressed);
  --krds-main-menu-mobile--menu-color-surface: var(--krds-light-color-surface-secondary-subtler);
  --krds-main-menu-mobile--main-trigger-color-text-active: var(--krds-light-color-text-secondary);
  --krds-main-menu-mobile--main-trigger-color-action-active: var(--krds-light-color-action-secondary-on-selected);
  --krds-main-menu-mobile--main-trigger-color-action-pressed: var(--krds-light-color-action-secondary-on-pressed);
  --krds-main-menu-mobile--sub-menu-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-main-menu-mobile--sub-title-border-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--sub-title-color-border: var(--krds-light-color-divider-gray);
  --krds-main-menu-mobile--sub-menu-trigger-color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-main-menu-mobile--sub-menu-trigger-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--sub-menu-trigger-color-text: var(--krds-light-color-text-secondary);
  --krds-main-menu-mobile--depth3-sub-menu-color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-main-menu-mobile--depth3-sub-menu-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--depth4-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-main-menu-mobile--depth4-list-li-color-text-hover: var(--krds-light-color-text-secondary);
  --krds-main-menu-mobile--depth4-list-li-color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-main-menu-mobile--depth4-list-li-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--tab-nav-menu-border-top-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--tab-nav-menu-color-border-top: var(--krds-light-color-divider-gray-light);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-action: var(--krds-light-color-action-white);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-action-active: var(--krds-light-color-action-secondary-selected);
  --krds-main-menu-mobile--tab-nav-main-trigger-border-width: var(--krds-light-border-width-static-regular);
  --krds-main-menu-mobile--tab-nav-main-trigger-color-border: var(--krds-light-color-border-gray);
  --krds-main-menu-mobile--type-tab-menu-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-main-menu-mobile--type-tab-sub-banner-color-surface: var(--krds-light-color-surface-gray-subtler);
  --krds-main-menu-mobile--search-layer-body-background: var(--krds-light-color-surface-gray-subtler);
    position: fixed; top: 0; right: -100%; z-index: 100; width: 100%; height: 100%; visibility: hidden; transition: 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: #F4F5F6; }
.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: 5.6rem; }
.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: #F4F5F6; }
.main-menu-mobile .gnb-wrap .gnb-body .gnb-menu { display: flex; position: relative; background-color: #F4F5F6; }
.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: #F4F5F6; }
.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: 5.6rem var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-bottom); border-bottom: var(--krds-main-menu-mobile--header-border-width) solid var(--krds-main-menu-mobile--header-color-border); }
.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: 1.6rem; 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:2rem 0; gap:0 1.2rem;}
.gnb-wrap .gnb-header .gnb-login .btn-navi.join {margin:0; padding:0;font-weight: 400;color: #1E2124; transition: color 0.2s ease, opacity 0.2s ease; }
.gnb-wrap .gnb-header .gnb-login .btn-navi.login {margin:0 1.5rem 0 1rem; padding:0 1rem 0 0;font-weight: 400; color: #1E2124; 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: #1E2124; 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: #1E2124; padding: 0 1rem 0 1rem; 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 3.2rem;}
.accordion-menu .submenu-list {}
.accordion-menu .submenu-list .accordion-btn {display: block;width: 100%; text-align: left !important; padding: 1.2rem 0.5rem;gap:1rem 0; 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:2rem;height:2rem; 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:2rem;height:2rem; 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: 2rem; 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: 0.8rem 2rem;color:#1E2124; 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 2rem;}
.accordion-menu .submenu-list .submenu .submenu02 li a {display: block;font-size: 1.4rem; font-weight: 400; padding: 0.5rem 2rem;color:#1E2124; 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: #fff; 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 {border-bottom: 1px solid #d3d3d3;}
.header-container { width: 100%; margin: 0 auto; position: relative;}
.header-container>.inner{max-width:192rem;  position: relative; padding: 0; margin: 0 auto; }

#krds-header .header-container .inner {display: flex; flex-direction: row;  justify-content: space-between;  align-items: center; padding-top:0; padding-bottom: 0; }
#krds-header .header-container .logo {width:16.4rem; height:6rem; margin:0 0 0 4rem; }
#krds-header .header-container .logo a {background-image: url(../../img/frt/main/logo.svg); padding:0; margin: 0; }
.main-menu>.inner {padding:0;}
.main-menu{border: 0;margin-left: 4rem;}
.gnb-menu { display:none;padding-top:2.2rem;padding-bottom:2.2rem;}
.gnb-menu .gnb-toggle-wrap{position: fixed; /*top:112px;*/ left: 0; width: 100%; }
.gnb-menu .gnb-toggle-wrap .gnb-main-list{width: 192rem; margin: 0 auto; min-height:20rem !important; padding-left: 0;}
.gnb-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before{left:0; background-color:#F4F0F7;}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover, .main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {color:#500E6A;}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content {gap:0;}
.main-menu .gnb-toggle-wrap .gnb-sub-content p.txt {color:#464C53; font-weight: 400;border-top:#CDD1D5 solid 1px; padding-top: 1.5rem;}
.main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner {width:73.7rem;min-height:24rem;  background-color: #F4F0F7; background:#F4F0F7 url(../../img/frt/main/banner-img.svg);  background-position: center center; background-repeat: no-repeat;}
.main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner .krds-badge.bg-secondary {font-weight: 700; font-size: 1.5rem; background: none; color: #1E2124; padding: 1.5rem 0 0 0.8rem}
.gnb-sub-banner .krds-btn.medium.text {color:#1E2124;font-weight: 700;font-size: 2.4rem; padding: 0.7rem 0 0 0.7rem;}

/*탑버튼*/
.header-right {display:flex; flex-direction: row; justify-content: flex-end; }
#krds-header .header-container .header-btn {  padding-right: 0.8rem;}
#krds-header .header-container .btn-navi { flex-direction:row;align-items: center;   justify-content: center; transition: color 0.2s ease, opacity 0.2s ease;}
#krds-header .header-container .help {min-height:4rem;position: relative; top: 0.3rem; padding:0.4rem 1.2rem 0.2rem 1.2rem;}
#krds-header .header-container .login {padding:0.4rem 1.2rem 0.2rem 1.2rem;}
#krds-header .header-container .join {padding:0.4rem 1.2rem 0.2rem 1.2rem;position: relative; top: -0.3rem; }
#krds-header .header-container .btn-navi.help::before { -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; -webkit-background: url(../../img/frt/main/icon-popover_help.svg);  background: url(../../img/frt/main/icon-popover_help.svg); }

#krds-header .header-container .btn-navi.login::before { width: 1.5rem; height: 1.5rem; display: inline-block;  background: url(../../img/frt/main/icon-login.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: contain;  -webkit-mask-image: none !important; mask-image: none !important; }
#krds-header .header-container .btn-navi.join::before { width:1.7rem;  height:1.3rem; background: url(../../img/frt/main/icon-join.svg) !important; -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; -webkit-mask-image: none !important; mask-image: none !important;  }
#krds-header .header-container .btn-navi.trade::before { width:2rem; height:1.6rem; background: url(../../img/frt/main/icon-trade.svg); -webkit-background-repeat: no-repeat; -webkit-background-position: center center; -webkit-background-size: contain; background-repeat: no-repeat; backgroundposition: center center; background-size: contain; }
.header-right .header-all { position: relative;border-left:#CDD1D5 solid 1px;border-right:#CDD1D5 solid 1px; width:10rem;height:10rem; border-radius: 0; font-size: 0; cursor: pointer; }
.header-right .header-all::after {display:inline-flex;content: "";background: url(../../img/frt/main/icon-menu.svg); background-repeat: no-repeat;background-position: center center; width:3rem; height:3rem; text-align: center; align-items: center; justify-content: center; position: absolute;left:3.5rem;top:3.5rem; transform: none;}
.header-right .header-all .allbtn {transition:none;}
.krds-btn.link.basic .svg-icon.ico-angle02 {display: inline-block;background: url(../../img/frt/main/baro-blat.svg); background-repeat: no-repeat; backgroundposition: center center;margin-bottom: -0.5rem;margin-left:0.5rem; width: 1.6rem; height:1.6rem;}

/*-----------------
     footer
-------------------*/
#krds-footer{/*max-width: 1920px;*/ margin: 0 auto; position: relative; border-top: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);}
#krds-footer .f-btm {border-top:0; padding-top:var(--krds-padding-4); border-bottom: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);  height: 5.4rem; background-color: var(--krds-light-color-background-white);}
#krds-footer .f-btm .f-btm-box {display: flex; justify-content: space-between; flex-direction:row;align-items: center; width:1920px; position: relative; margin: 0 auto;padding:0 2.4rem; }
#krds-footer .f-btm-text {padding: 0; }
#krds-footer .f-btm .f-btm-text {display:flex;}
#krds-footer .f-btm .f-btm-text .f-menu {gap:var(--krds-gap-6);}
#krds-footer .f-btm .f-btm-text .f-menu>ul {display:flex;}
#krds-footer .f-btm .f-btm-text .f-menu>ul>li {position: relative; padding: 0 2rem;}
#krds-footer .f-btm .f-btm-text .f-menu>ul>li:first-child {padding:0 2rem 0 0;}
#krds-footer .f-btm .f-btm-text .f-menu>ul>li::before {content: "";display: block; position: absolute; top:0.3rem; right:0; width:0.1rem; height: 1.7rem;background-color: #CDD1D5; } 
#krds-footer .f-btm .f-btm-text .f-menu>ul>li:last-child::before {background-color:#fff; }  
#krds-footer .f-cnt .f-info {gap:0.8rem;}

/* 관계사이트 바로가기 */
.Relative-site-wrap {width: 18rem;height: 3.6rem;border:#B1B8BE solid 1px; position: relative;}
.Relative-site-wrap .Relative-site .site-tit { position: relative;width: 100%; box-sizing: border-box; color: ##464C53; font-size: 1.3rem; padding: 0 0 0 1rem;; height: 3.6rem; margin:0; overflow: hidden; cursor: pointer; text-align: left;transition:0.4s ease-in-out;}
.Relative-site-wrap .Relative-site .site-tit::after { position: absolute;right:0.8rem;top:1.4rem; content: ''; width:0.856rem; height:0.6rem;background: url(../../img/frt/main/relsite-bg.svg);}
.Relative-site-wrap .Relativ-view { position: absolute;/*width: 100%;*/width: fit-content;min-width: 100%;display: inline-block; bottom:4rem;left: 0; background: #fff;;border:#B1B8BE solid 1px; padding: 1rem;transition:0.4s ease-in-out; }
.Relative-site-wrap .Relativ-view ul li {font-size: 1.4rem; color: var(--col-gray-70);}
.Relative-site-wrap .Relativ-view ul li a {display:block; line-height: 160%;}

/* 주소및카피라이터 */
#krds-footer .f-cnt .f-copy {font-size:1.3rem; color:#464C53; gap:0 2rem;}
#krds-footer .f-cnt .info-txt {font-size: 1.1rem; color: #464C53;}
.krds-btn.text.small.col-violet {color: #9716B4; font-size: 1.5rem; font-weight: 700;}
#krds-footer .f-cnt .info-addr {font-weight:bold;font-size:1.3rem; font-weight: 700; }
#krds-footer>.inner {width:1920px; padding:2.5rem 2.5rem; margin: 0 auto; display: flex; justify-content: space-between; flex-direction:row; }
#krds-footer .f-logo {background-image: none;width:auto; }
#krds-footer .f-kocca { display: block;background-image: url(../../img/frt/main/logo-kocca.svg); background-repeat:no-repeat;width:8rem; height:2.6rem;font-size: 0; line-height: 0; margin: 1.6rem 0;}
#krds-footer .f-welcon {display: block;background-image: url(../../img/frt/main/logo-welcon.svg); background-repeat:no-repeat; width:8rem; height:2.6rem;;font-size: 0; line-height: 0; }

/*svc 타입수정*/
.svg-icon.ico-like{-webkit-mask-image :url("../../img/frt/content/icon-star.svg"); mask-image :url("../../img/frt/content/icon-star.svg");}
.svg-icon.ico-like.active{-webkit-mask-image :url("../../img/frt/content/icon-star_fill.svg"); mask-image :url("../../img/frt/content/icon-star_fill.svg");}

.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-background-repeat: no-repeat; -webkit-background-position: center center; -webkit-background-size: contain; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-background-image: url(../../libs/krds/img/component/icon/ico_angle.svg); 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); }

/*input*/
.form-input{ height: 4.8rem; padding: 0 1.6rem !important;  border: 1px solid #58616a; border-radius: 0.6rem; font-size: 1.7rem; color: #464C53; }
.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 1.6rem;  border: 1px solid #58616a; border-radius: 0.6rem; font-size: 1.7rem; color: #464C53; background:#fff; 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 1.6rem; background-size:2.4rem; 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 1.6rem;  border: 1px solid #58616a; border-radius: 0.6rem; font-size: 1.7rem; color: #464C53;  padding: 0.6rem 1.6rem;}

.krds-check-area { text-align: right; justify-content: flex-end; margin-bottom: 2rem; flex-wrap: wrap;}
.krds-form-check input[type=radio]:checked ~ label:after{ background-color:#B534D2;}
.krds-form-check input[type=radio]:checked ~ label:before{border-color:#B534D2;}
.krds-form-check input[type=checkbox]:checked ~ label:before{background-color:#B534D2;border-color:#B534D2;}
.krds-form-check input[type=checkbox] ~ label:after{ -webkit-mask-image: none !important; mask-image: none !important; background-image:url(../../img/frt/member/ico_checkbox_checked.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:0.8rem; 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:0.4rem; }
.krds-form-check input[type=checkbox] + label:before{flex-shrink:0; width:2rem; height:2rem; z-index:3; background:#fff; border:0.1rem solid #58616a; }
.krds-form-check input[type=checkbox] + label:after{-webkit-mask-image: none !important; mask-image: none !important; background-image:url(../../img/frt/member/ico_checkbox_checked.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; }

/*달력*/
.form-calendar{}
.form-calendar .form-date{border: 1px solid #58616a; height:4.8rem; border: 1px solid #58616a; border-radius: 0.6rem; font-size: 1.7rem; color: #464C53; padding: 0 4.8rem 0 1.6rem; width:100%; }
.form-calendar .btn-calendar{position: absolute; top:50%; right: 1.6rem; transform: translateY(-50%); width: 2.4rem; height: 2.4rem; background-image:url(../../img/frt/content/icon-calendar.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; }
.form-calendar .form-date.wdt200{width:20rem;}

/*krds-calendar*/
.krds-calendar-area .calendar-wrap{background:#faf7fc; border:0.1rem solid #d4c4e0; }
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.start > .btn-set-date, .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.end > .btn-set-date{background-color:#611184}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.old button:disabled, .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.new button:disabled, .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.disabled button:disabled{background:none; color:#8a949e}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.day-event .btn-set-date{color:#b534d2}
.calendar-footer .krds-btn.primary{background:#b534d2; border-color:#b534d2}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl th{background:none; border:0;}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td{border:0;}
.table-wrap table.tbl.tbl-view .krds-calendar-area .calendar-wrap{ bottom:auto}

/*button*/
.btn {border-radius: 0.6rem; padding:0 2.4rem; font-weight: 400; font-size:1.5rem; height: 4rem; }
a.btn{display:inline-flex; align-items:center; justify-content:center; width:auto; }
.btn.btn-primary:focus,.btn.btn-primary:active, .btn.btn-primary:hover {color:#fff; background:#7d3c98;}
.btn-primary {background: #b534d2; color:#fff; }
.btn-gray {background: #58616a; color:#fff; }
.btn-gray:focus,.btn-gray:active, .btn-gray:hover {background:#3b4045; color:#fff;}
.btn-gray2 {background: #777777; color:#fff; }
.btn-gray2:focus,.btn-gray2:active, .btn-gray2:hover {background:#515151;color:#fff;}
.btn-secondary {background: #206779; color:#fff; }
.btn-secondary:focus,.btn-secondary:active, .btn-secondary:hover {background:#1a4e5b;color:#fff;}
.btn-secondary2 {background: #268097; color:#fff; }
.btn-secondary2:focus,.btn-secondary2:active, .btn-secondary2:hover {background:#1a5e6f;color:#fff;}
.btn-list {background:#fff; border:0.1rem solid #464c53;}
.btn-list:focus,.btn-list:active, .btn-list:hover {background:#e7e7e7;}
.btn-xsmall{height:2.4rem; border-radius: 0.4rem; padding: 0 1rem; font-size:1.2rem; }
.btn-small { height: 3.2rem; border-radius: 0.4rem; padding: 0 1.6rem;}
.btn-large { font-size:1.7rem; height: 4.8rem;}
.btn-xlarge { font-size:1.9rem;  font-weight: 600; height: 5.6rem;}

/*서브화면*/
#sub_container{width: 100%; margin: 0 auto; padding: 0 2.4rem; height:auto; min-height:calc(100vh - 31rem);}
#sub_container .inner{width: 100%; max-width: 160rem; margin: 0 auto; padding: 0;}

/*breadcrumb*/
.breadcrumb-wrap{padding: 1.2rem 0; }
.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: #1e2124; text-decoration: underline; text-underline-offset:0.2rem; margin-right: 0.8rem;}
.breadcrumb-wrap ol.breadcrumb li.home:before{display: inline-flex; display:-webkit-inline-flex; content: ""; width: 1.6rem; height: 1.6rem; 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{display: inline-flex; display:-webkit-inline-flex; content: ""; width: 1.6rem; height: 1.6rem; 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}

/*sub Top*/
.sub-top-box{background: #f4f5f6; padding:4.2rem 0; position: relative;}
.sub-top-box:after{display: block; background: #f4f5f6; position: absolute; top: 0; left: 50%;  z-index: -1; transform: translateX(-50%); content: ""; width: 100vw; height: 100%;}
.sub-top-box .inner{position: relative; }

/*서브 컨텐츠*/
.sub-contents-area{ position: relative;  width: 100%; max-width: 160rem; margin: 0 auto; padding:0 0 4.8rem 0; }

/*모달 영역 */
.modal-wrap{display: none; visibility: hidden; opacity: 0; position: fixed !important; 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.25);  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 .modal-dialog .modal-content, .modal-content{ background:#fff; border-radius:12px; padding:2.4rem; width:80rem; max-width:80rem; max-height: 90%;  overflow-y: auto; position:relative; }
.modal-wrap .modal-dialog .modal-content::-webkit-scrollbar, .modal-content::-webkit-scrollbar{width:0.8rem;height:0.8rem; border-radius:0 0.4rem 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: 0.8rem;}
.modal-wrap .modal-dialog .modal-header, .modal-header{margin-bottom: 2.4rem; }
.modal-wrap .modal-dialog .modal-header h2, .modal-header h2{font-size:3.2rem; font-weight:700; color:#1e2124;}
.modal-wrap .modal-dialog .modal-conts, .modal-conts{ display: grid; gap: 2rem 0;}
.modal-wrap .modal-dialog .modal-bottom, .modal-bottom{display: flex; display: -webkit-flex; justify-content: flex-end; margin: 2rem 0 0 0; gap:0 0.8rem;}
.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:2.4rem; right:2.4rem;}
.modal-wrap.in {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;}
body.scroll-no{ overflow: hidden; }

/*밑에서 위로 슬라이드 되는 팝업*/
.modal-wrap[data-type=bottom-sheet]{}
.modal-wrap[data-type=bottom-sheet] .modal-dialog{align-items: flex-end; position: fixed; left: 0; top: 100%; width: 100%; height: 100vh; }
.modal-wrap[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}
.modal-wrap.in[data-type=bottom-sheet] .modal-dialog .modal-content {bottom:0; }

/*오른쪽에서 왼쪽 슬라이드 되는 팝업*/
.modal-wrap[data-type=right-sheet]{}
.modal-wrap[data-type=right-sheet] .modal-dialog{align-items: flex-end; position: fixed; left:initial; right: 100%; top: 0; width: 100%; height: 100vh; }
.modal-wrap[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:#F4F5F6; border-left:0.1rem solid #B1B8BE}
.modal-wrap[data-type=right-sheet] .modal-dialog .modal-content::-webkit-scrollbar{width:0.8rem;}
.modal-wrap[data-type=right-sheet] .modal-dialog .modal-content::-webkit-scrollbar-track{ background-color: #F4F0F7; }
.modal-wrap[data-type=right-sheet] .modal-dialog .modal-content::-webkit-scrollbar-thumb{background-color:#E5DCEB; border-radius: 0.8rem;}
.modal-wrap.in[data-type=right-sheet] .modal-dialog .modal-content {right:0; }
.modal-wrap[data-type=right-sheet]  .modal-dialog .btn-close{top:5.0rem; right:6.4rem;}

/*페이징*/
.pagination{display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; margin:4rem 0; flex-flow: row wrap;}
.pagination a.page-navi{ padding:0 1rem; width: 3.2rem; height: 4rem; display: inline-flex; align-items: center; position: relative; }
.pagination a.page-navi.prev{order:1;}
.pagination a.page-navi.next{order:3;}
.pagination a.page-navi.next{flex-direction: row-reverse}
.pagination .page-links{order:2; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; gap:0 1rem;}
.pagination .page-links .page-link{ width:auto; min-width: 4.0rem; height: 4.0rem; display: inline-flex; display: -webkit-inline-flex; align-items: center; justify-content: center; font-size: 1.7rem; font-weight: 400; color:#464c53; border-radius: 0.6rem; padding:0 0.6rem; }
.pagination .page-links .page-link:hover{background: #faeefc; }
.pagination .page-links .page-link.active{background: #611183; color: #fff;}
.pagination .page-links .page-link.link-dot{width: 2.4rem; min-width:auto; height: 2.4rem; background-image: url("../../libs/krds/img/component/icon/ico_ellipsis.svg"); background-repeat: no-repeat; background-size: cover; }
.pagination .page-links .page-link.link-dot:hover{background-color: #fff;}
.pagination a.page-navi:after{display: block; content: ""; width: 1rem; height: 1rem; position: absolute; top: 50%;  border-top: 2px solid #33363D; margin-top: -1px;}
.pagination a.page-navi.prev:after{border-left: 2px solid #33363D;  transform: translateY(-50%) rotate(315deg); left:50%;}
.pagination a.page-navi.next:after{border-right: 2px solid #33363D;  transform: translateY(-50%) rotate(45deg); right:50%;}

/*버튼영역*/
.page-btn-wrap{display:flex; justify-content:flex-end; padding:2.4rem 0 0 0; gap:0.8rem; }
.page-btn-wrap .btn {display:inline-flex; align-items:center; min-width:20rem;}  
.page-btn-wrap.flex-between{justify-content: space-between}



/*테이블*/
.table-wrap{}
.table-wrap table.tbl{border-top:0.2rem solid #611183;}
.table-wrap table.tbl > thead > tr > th{word-break:break-all;}
.table-wrap table.tbl > thead > tr > th, .table-wrap table.tbl > thead > tr > td{padding:1.4rem 0; text-align:center; font-weight:500; font-size:1.7rem; background:#F4F5F6; border-bottom:0.1rem solid #CDD1D5}
.table-wrap table.tbl > tbody > tr > th, .table-wrap table.tbl > tbody > tr > td{padding:1.4rem 1.6rem; text-align:left; font-weight:400; font-size:1.7rem; border-bottom:0.1rem solid #CDD1D5; border-left:0.1rem solid #CDD1D5; color:#464C53; word-break:break-all;}
.table-wrap table.tbl .bdl0 {border-left:0;}
.table-wrap table.tbl .tc{text-align:center;}
.table-wrap table.tbl > tbody > tr > th, .table-wrap table.tbl > tbody > tr > td.end{text-align:center; border-left:0;}
.table-wrap table.tbl tbody tr td a{ word-break:break-all;}
.table-wrap table.tbl tbody tr td a:not(.btn){display:block; }
.table-wrap table.tbl tbody tr td.subject a{font-weight:700;}

.table-wrap table.tbl.tbl-view{border-top-color:#611183}
.table-wrap table.tbl.tbl-view > tbody > tr > th{border-left:0; background:#F4F5F6; font-weight:700; color:#131416;}

/*글꼴 색상*/
.txt-purple{color:#9716B4}
.txt-black{color:#000}
.txt-white{color:#fff}
.txt-orange, .num{color:#fb590d}

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

/*이미지 줌 팝업*/
.modal-content.zoom_img{overflow-y: visible !important;}
.zoom_img .modal-conts{border-radius:12px; overflow:hidden;}
.zoom_img .img-btn-close .img-popup-close{display:inline-block;width:3.5rem;height:3.5rem;position:relative;}
.zoom_img .img-btn-close .img-popup-close:before{content:"";    border-radius: 3px;display:inline-block;width:3.5rem;height:3px;background:#fff;  transform: rotate(-45deg);}
.zoom_img .img-btn-close .img-popup-close:after{content:"";    border-radius: 3px;display:inline-block;width:3.5rem;height:3px;background:#fff;    transform: rotate(45deg) translateY(-1.765rem) translateX(-1.765rem);}
.modal-wrap .modal-dialog .img-btn-close{position:absolute;top:-4rem;right:2.4rem;border:0px; outline:none;}


/*미디어쿼리*/
/* 초대형(울트라 와이드): 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-footerr{padding-right:1.5rem;}
    .is-gnb-web.hasScrollY #sub_container {padding-right:3rem;}
}

/* 뷰포트 너비가 1700px-1919 이하일 때 적용 */
@media (min-width: 1280px) and (max-width: 1919px) {  
    #krds-footer>.inner {width:100%; padding:2.5rem 4rem 2.5rem 0;}
    #krds-footer .f-btm .f-btm-box {width:100%; padding: 0 4rem;}
    #krds-footer .f-cnt {padding:0 4rem;}
}
@media (max-width: 1500px) {
    #krds-header .header-container { height: 10rem;}
    .main-menu { display:none;}
    #krds-header .header-container .logo {margin:0 0 0 2rem; padding:0;} 
    #krds-header .header-container .btn-navi.all{ display: block; padding:2.5rem 4rem; min-height:10rem; border-radius: 0; border-left:#CDD1D5 solid 1px; transition: none; }
    #krds-header .header-container .btn-navi.all::before {mask-image:url(../../img/frt/main/icon-menu.svg);background-image:url(../../img/frt/main/icon-menu.svg); width:3rem; height:3rem;}
    #krds-header .header-container { height: 10rem;}
    #krds-header .header-container .header-btn {padding:2.8rem 0.8rem 0 0;} 
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .main-menu .gnb-menu .gnb-main-trigger { --krds-main-menu--main-trigger-padding-x: var(--krds-padding-3); }
}

@media (max-width: 1023px) {
    .main-menu { display: none; }
    .is-gnb-mobile { overflow: hidden; }
    .gnb-backdrop { display: none !important;}
    #krds-header .inner{border-bottom:0;}
    
    
    .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:2rem; right:1.6rem;}
    
}

/* 태블릿 모드: 768px ~ 1279px */
@media  (max-width: 1279px) {
    
    #krds-header .header-container { height: 10rem;}
    #krds-header .header-container .header-btn {display:none;}  
     #krds-header .header-container .logo {margin:0 0 0 2rem;}
    #krds-header .header-container .btn-navi.all{ display: block; padding:2.5rem 4rem; min-height:10rem; border-radius: 0; border-left:#CDD1D5 solid 1px; transition: none; }
    #krds-header .header-container .btn-navi.all::before {mask-image:url(../../img/frt/main/icon-menu.svg);background-image:url(../../img/frt/main/icon-menu.svg); width:3rem; height:3rem;}
    
    #krds-footer>.inner {width:100%; gap:1.2rem; padding:0 4rem 3rem 4rem;}
    #krds-footer .f-btm .f-btm-box {width:100%; height: auto; padding: 0 4rem;flex-direction:column; align-items:flex-start;}
    #krds-footer .f-cnt {padding:0 4rem;}
    #krds-footer .f-btm .f-btm-text {width:100%;display: flex;  justify-content: flex-start;}
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li {justify-content: center; align-items: center; text-align: center;padding:0.2rem 1.5rem; }
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li:first-child {justify-content: center; align-items: center; text-align: center; padding:0.2rem 1.5rem 0 0;}
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li::before {top:0.7rem;}
    .krds-btn.small {font-size:1.3rem;}
    #krds-footer .f-btm {width:100%;}
    #krds-footer .f-btm .f-btm-text .f-menu { align-items: center;}
    #krds-footer .f-btm .f-btm-text .f-menu>ul {width:100%;}
    #krds-footer .krds-btn.text.small {padding:0; }
    .Relative-site-wrap {clear:both; margin-top: 3rem; width: 30%;}
    #krds-footer .f-kocca { width:8rem; height:2.6rem;font-size: 0; line-height: 0; margin:1.6rem 0;}
    #krds-footer .f-welcon {width:8rem; height:2.6rem;font-size: 0; line-height: 0; }
    #krds-footer .f-cnt {padding:6rem 0 0 0; }
    #krds-footer .f-logo {width:auto; height: auto; margin-top:1.5rem;}
    #krds-footer .f-cnt .f-info {gap:0.5rem;}
    .krds-btn.text.small.col-violet {font-size:1.4rem;}
}

@media (max-width:810px){
    .modal-wrap .modal-dialog .modal-content {width:90%;}
	.modal-wrap .modal-dialog .modal-header{margin-top:2rem}
}
@media (min-width: 768px) {
	.main-menu-mobile { width: 50%; right: -50%; height: 100%;}
	.main-menu-mobile.is-open {right: 0;}
  
	.mob-only { display: none !important; }
	.mob-only.read { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
	.pc-only { display: block; line-height: inherit;}
	
	 .modal-wrap .modal-dialog .modal-content{ min-width:70rem;}
    
}
@media (max-width:769px){
	.pc-only { display: none !important; }
	.pc-only.read { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
	.mob-only { display: block; line-height: inherit;}
}

@media (max-width: 768px) {
    #krds-header .header-container { height: 10rem;}
    #krds-header .header-container .header-btn {display:none;}  
    #krds-header .header-container .logo {margin:0 0 0 2rem; padding:0;} 
    #krds-footer .f-cnt .f-copy {font-size: var(--krds-mobile-font-size-body-small);} 
    #krds-header .header-container .btn-navi.all{ padding:2.5rem 4rem; min-height:10rem; border-radius: 0; border-left:#CDD1D5 solid 1px; transition: none; }
    #krds-header .header-container .btn-navi.all::before {mask-image:url(../../img/frt/main/icon-menu.svg);background-image:url(../../img/frt/main/icon-menu.svg); width:3rem; height:3rem;}
    #krds-footer {padding:0;}
    
    #krds-footer .f-btm {background:#f4f5f6; height: auto; padding:2rem 0 0 0;border:0;}
    #krds-footer .f-btm .f-btm-text .f-menu {padding:0;}
    #krds-footer .f-btm .f-btm-box { width:auto;padding:0 2rem;}
    #krds-footer .f-btm .f-btm-text .f-menu>ul  { display: grid; grid-template-columns: repeat(3, 1fr);  gap: 0; } 
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li {justify-content: center; align-items: center; text-align: center; }
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li:first-child {justify-content: center; align-items: center; text-align: center; padding:0;}
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li::before {display:none;}
    #krds-footer .f-btm .f-btm-box {flex-direction:column;}
    .Relative-site-wrap {width:100%; margin-top: 0.5rem;}
    #krds-footer .f-cnt .info-txt {display:none;}
    #krds-footer>.inner {width:auto; padding:0 0 2rem 0;}
    #krds-footer .f-cnt .info-addr {text-align:center;margin-top:0.5rem;}
    #krds-footer .f-cnt .f-info {width:100%;}
    #krds-footer>.inner {width:100%; flex-direction: column-reverse; gap:1.2rem;}
    #krds-footer .f-logo {width:100%; clear:both; text-align: center; height:auto;}
    #krds-footer .f-kocca { display:inline-block;width:8rem; height:2.6rem;font-size: 0; line-height: 0; margin:0;}
    #krds-footer .f-welcon { display:inline-block;width:8rem; height:2.6rem;;font-size: 0; line-height: 0; }
    #krds-footer .f-cnt {flex-direction:row;width:100%; padding:0;}
    #krds-footer .f-cnt .f-copy {text-align:center;}
    #krds-footer .f-cnt .f-info {gap:0.2rem 0;}
    #sub_container{padding-right: 1.6rem; padding-left: 1.6rem;}
    
	/*버튼영역*/
    .page-btn-wrap .btn{flex:1; justify-content:center}
	.page-btn-wrap .btn-large{font-size:1.5rem;}
	.page-btn-wrap.flex-between .btn-primary{order:1;}
	.page-btn-wrap.flex-between .btn-list{order:2}
	
	/*모달 버튼*/
	.modal-wrap .modal-dialog .modal-bottom .btn{ flex:1 1 0;}
	
    
    /*table*/
    .table-wrap > .tbl, .table-wrap .tbl > tbody{display:block;}
	.table-wrap .tbl > thead{display:none;}
	.table-wrap table.tbl > tbody > tr{display:grid; align-items:flex-start; gap:0.6rem;  width:100%; padding:1.6rem 0; border-bottom:0.1rem solid #CDD1D5;}
	.table-wrap table.tbl > tbody > tr > th{display:flex; flex-wrap:wrap; align-items:flex-start; }
	.table-wrap table.tbl > tbody > tr > td{display:flex; flex-wrap:wrap; align-items:flex-start; border:0; padding:0 1rem; word-break:break-all; }
	.table-wrap table.tbl > tbody > tr > td.subject a{font-weight:700;}
	.table-wrap table.tbl > tbody > tr > td:before{content:attr(data-label); margin-right:0.5rem; font-weight:300; color:#959595; letter-spacing:-0.05rem; font-size:1.3rem; vertical-align:top; padding-top:0.4rem; }
	.table-wrap table.tbl > tbody > tr > td.subject:before, .table-wrap table.tbl > tbody > tr > td[data-label="product_img"]:before{display:none;}
	.table-wrap table.tbl > tbody > tr > td.num{display:none;}
	.table-wrap table.tbl > tbody > tr > td.tc{text-align:left;}
	.table-wrap table.tbl > tbody > tr > td.mb-tc{justify-content:center;}
	.table-wrap table.tbl > tbody > tr > td.order1 {order:1;}
	.table-wrap table.tbl > tbody > tr > td.order2 {order:2;}
	.table-wrap table.tbl > tbody > tr > td.order3 {order:3;}
	.table-wrap table.tbl > tbody > tr > td.order4 {order:4;}
	.table-wrap table.tbl > tbody > tr > td.order5 {order:5;}
	.table-wrap table.tbl > tbody > tr > td.order6 {order:6;}
	.table-wrap table.tbl > tbody > tr > td.order7 {order:7;}
	.table-wrap table.tbl > tbody > tr > td.order8 {order:8;}
	.table-wrap table.tbl > tbody > tr > td.order9 {order:9;}
	.table-wrap table.tbl > tbody > tr > td.row-1 {grid-row:1 / span 1; justify-content:center; padding-left:0; padding-right:0;}
	.table-wrap table.tbl > tbody > tr > td.row-2 {grid-row:1 / span 2; justify-content:center; padding-left:0; padding-right:0;}
	.table-wrap table.tbl > tbody > tr > td.row-3 {grid-row:1 / span 3; justify-content:center; padding-left:0; padding-right:0;}
	.table-wrap table.tbl > tbody > tr > td.row-4 {grid-row:1 / span 4; justify-content:center; padding-left:0; padding-right:0;}
	.table-wrap table.tbl > tbody > tr > td.row-5 {grid-row:1 / span 5; justify-content:center; padding-left:0; padding-right:0;}
	.table-wrap table.tbl > tbody > tr > td.col-2 {grid-column:1 / span 2;}
	.table-wrap table.tbl > tbody > tr > td.col-3 {grid-column:1 / span 3;}
	.table-wrap table.tbl > tbody > tr > td.col-4 {grid-column:1 / span 4;}
	.table-wrap table.tbl > tbody > tr > td.col-5 {grid-column:1 / span 5;}
	.table-wrap table.tbl > tbody > tr > td.col-6 {grid-column:1 / span 6;}
	.table-wrap table.tbl > tbody > tr > td.col-7 {grid-column:1 / span 7;}
	
	
	.table-wrap table.tbl.tbl-view tbody > tr{padding:0; gap:0; display:flex; flex-direction:column;}
	.table-wrap table.tbl.tbl-view tbody > tr > * { flex-basis: auto; width:100%;}
	.table-wrap table.tbl.tbl-view tbody > tr > td{padding:1rem 1.6rem; gap:0.8rem; display:block}
	.table-wrap table.tbl.tbl-view tbody > tr > td:before{display:none;}	
	
	
    
    /* Forgot ID 상단 */
    .forgot-id-header .page-title-section .page-title { font-size: 3rem; font-weight: 700; color: #1E2124; margin: 0;}
	
}
@media (max-width: 640px) {
    .sub-top-box{padding-top: 2.4rem; padding-bottom:2.4rem;}
    .form-input, .form-select, .form-calendar .form-date { height: 4rem; }
    
    .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:1.6rem; height:1.6rem; background:url(../../libs/krds/img/component/icon/ico_ellipsis.svg) no-repeat 0 center /contain; content:""; margin-right:0.7rem;}
    .breadcrumb-wrap ol.breadcrumb li:not(.home):not(:nth-child(2)):last-child::after{display: inline-flex; display:-webkit-inline-flex; content: ""; width: 1.6rem; height: 1.6rem; 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;}

}

@media screen and (max-width:560px){
	 /*페이징*/
    .pagination .page-links .page-link.link-dot{display:none;}
    .pagination .page-links .page-link.link-last{display:none;}
}

@media (max-width: 550px) {
    .krds-btn.small {font-size:1.3rem;}
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li {justify-content: center; align-items: center; text-align: center;padding:0; }
    #krds-footer .f-btm .f-btm-text .f-menu>ul>li:first-child {justify-content: center; align-items: center; text-align: center; padding:0;}
    #krds-footer .f-cnt {flex-direction:row; width:100%;}
    #krds-footer .f-logo {width:100%;}
    #krds-footer .f-kocca { display:inline-block;width:8rem; height:2.6rem;font-size: 0; line-height: 0; margin:0;}
    #krds-footer .f-welcon { display:inline-block;width:8rem; height:2.6rem;;font-size: 0; line-height: 0; }
    #krds-footer .krds-btn.text {text-align:center; }
    #krds-footer .f-cnt .info-addr {padding:0 1rem;}
    
    .page-btn-wrap.flex-between{flex-flow:column; }
  	.page-btn-wrap.flex-between .btn{width:100%; flex:auto; }
}

@media screen and (max-width:500px){
    .modal-wrap .modal-dialog .modal-content {max-height: 90%; overflow-y: auto;}
}
@media (max-width: 480px) {
     /* Forgot ID 상단 */
    .forgot-id-header .page-title-section { display: flex; flex-direction: column; align-items:flex-start; gap:0; }
    .forgot-id-header .page-title-section .page-subtitle {display:block;}
}

@media screen and (max-width:375px){
    .modal-wrap .modal-dialog .modal-content{ padding:1.6rem;}
    .modal-wrap .modal-dialog .modal-header{margin-bottom: 1.6rem; }
    .modal-wrap .modal-dialog .modal-header h2{font-size: 2.4rem;}
}

/* ---다크모드 --- */
@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; }
}
@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;}
} 

@media (max-width: 440px){
	.krds-calendar-area .calendar-wrap{left:0; width:38.2rem; }
} 

@media (max-width: 420px) {
	
	.modal-wrap[data-type=right-sheet] .modal-dialog .modal-content {width:95%;}
    .pagination {justify-content:space-between; }
    .pagination a.page-navi{width: auto;}
    .pagination .page-links{gap:0; flex:1; /*justify-content:space-between;*/}
    .pagination .page-links .page-link{min-width: 3.5rem; height: 3.5rem; font-size: 1.5rem;}
    
    .krds-calendar-area .calendar-wrap{left:-1.6rem; width:calc(100vw - var(--krds-contents-padding-x) * 2);}
    .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td > button {width:100%;}
	.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.end > .btn-set-date{border-radius:0.6rem;}
	
	/*button*/
	.btn { padding:0 1.6rem;}
}

@media (max-width: 360px) {	
	/*button*/
	.btn { padding:0 0.8rem;}
	.btn-small {font-size:1.4rem;}
}