@charset "UTF-8";
@import "../../../assets/css/token/krds_tokens.css";
@import "../../../assets/css/token/krds_tokens.css";
/* content */
@import "../../../assets/css/token/krds_tokens.css";
#container {
  background-color: var(--krds-high-contrast-color-background-gray-subtler);
  color: var(--krds-high-contrast-color-text-subtle);
}

.system-page {
  color: var(--krds-high-contrast-color-text-subtle);
}

body {
  background-color: var(--krds-high-contrast-color-background-gray-subtler);
}

/* sidebar */
#sidebar {
  background-color: #1f2125;
}
#sidebar::before {
  background-image: url(../img/_common/bg-sidebar-high-contrast@2x.png);
  background-size: 620px auto;
}
#sidebar .tab-conts-wrap {
  background: url(../img/_common/bg-sidebar-visual-high-contrast.png), linear-gradient(173.53deg, #373c42 4.47%, #1a1d1f 100%);
  background-repeat: no-repeat;
  background-position: right 0px bottom 0px;
  overflow-y: auto;
}
@media (max-width: 1023.98px) {
  #sidebar .tab-conts-wrap {
    background-image: url(../img/_common/bg-sidebar-visual-high-contrast-mob.png), linear-gradient(173.53deg, #373c42 4.47%, #1a1d1f 100%);
  }
}
#sidebar .sidebar-area,
#sidebar .favorit-menu {
  color: var(--krds-high-contrast-color-text-inverse-static);
}
#sidebar .snb-list .svg-icon {
  background-color: var(--krds-light-color-background-white);
}
#sidebar .snb-list .active > a {
  background: rgba(255, 255, 255, 0.2);
}
#sidebar .snb-list > li > a .text {
  opacity: 0.6;
  line-height: 1.6;
}
#sidebar .snb-list > li.collapse > a:after {
  background-image: url(../img/component/icon/ico_arrow_down.svg);
}
#sidebar .snb-list > li.on > a {
  background: rgba(255, 255, 255, 0.2);
}
#sidebar .snb-list > li > ul > li.active > a::before {
  background-color: rgb(255, 255, 255);
}
#sidebar .snb-list > li > ul > li > a::before {
  background-color: rgba(255, 255, 255, 0.5);
}
#sidebar .snb-list > li > ul > li.collapse > a:after {
  background-image: url(../img/component/icon/ico_arrow_down.svg);
}
#sidebar .snb-list > li > ul > li.collapse.on > a {
  background: rgba(255, 255, 255, 0.2);
}
#sidebar .snb-list > li > ul > li.collapse.on > a .text {
  opacity: 1;
}
#sidebar .snb-list > li > ul > li.collapse.on > a::before {
  background-color: rgb(255, 255, 255);
}
#sidebar .snb-list > li > ul ul > li a:before {
  background-color: rgba(255, 255, 255, 0.5);
}
#sidebar .snb-list > li > ul ul > li.active > a::before {
  background-color: rgb(255, 255, 255);
}
#sidebar .krds-tab-area .tab .btn-tab:hover, #sidebar .krds-tab-area .tab .btn-tab:active {
  background: transparent;
}
#sidebar .krds-tab-area .tab li.active .btn-tab {
  background: #373c42;
}
#sidebar .gnb-area {
  color: rgba(255, 255, 255, 0.6);
}
#sidebar .user-info-area {
  background: rgba(255, 255, 255, 0.15);
}
#sidebar .user-info-area .profile-thumb {
  background: #dfefff;
}
#sidebar .user-info-area .profile-thumb .ico-admin-user {
  background-color: var(--krds-high-contrast-color-icon-secondary);
}
#sidebar .sidebar-body .tab .active .btn-tab::before {
  background: #373c42;
}
#sidebar .sidebar-body .tab .active .btn-tab:after {
  background: #373c42;
}

/* content-header */
.content-header {
  background-color: var(--krds-high-contrast-color-background-white);
  border-bottom: 1px solid var(--krds-high-contrast-color-border-gray-light);
}
.content-header .inner + .inner::before {
  background-color: var(--krds-high-contrast-color-border-gray-light);
}
.content-header .sub-nav .btn-tab {
  background: var(--krds-high-contrast-color-background-gray-subtler);
  color: var(--krds-high-contrast-color-text-subtle);
}
.content-header .sub-nav .btn-tab .btn-close {
  background: var(--krds-color-high-contrast-alpha-white25);
}
.content-header .sub-nav .btn-tab .btn-close .ico-subtab-close {
  background: var(--krds-high-contrast-color-surface-white-static);
  opacity: 0.5;
}
.content-header .sub-nav .btn-tab:hover {
  background: var(--krds-high-contrast-color-background-gray-subtle);
}
.content-header .sub-nav .btn-tab.active {
  background: var(--krds-color-high-contrast-alpha-white25);
  color: var(--krds-high-contrast-color-surface-white-static);
}
.content-header .sub-nav .btn-tab.active .btn-close {
  background: var(--krds-high-contrast-color-alpha-base25);
}
.content-header .sub-nav .btn-tab.active .btn-close .ico-subtab-close {
  background: var(--krds-high-contrast-color-surface-white-static);
  opacity: 1;
}

.top-nav .tab .btn-tab {
  color: var(--krds-high-contrast-color-text-subtler);
}
.top-nav .tab li.active .btn-tab {
  color: var(--krds-high-contrast-color-surface-white-static);
}
.top-nav .tab li.active .btn-tab::before {
  background-color: var(--krds-high-contrast-color-button-primary-fill);
}
.noti-area {
  background-color: var(--krds-color-high-contrast-gray-80);
  color: var(--krds-color-high-contrast-gray-10);
}

/* box */
.box {
  background-color: var(--krds-high-contrast-color-background-hs-searchfilterbg-gray-subtle);
  color: var(--krds-high-contrast-color-text-subtle);
}

.box-search-card {
/*     background-color: var(--krds-high-contrast-color-background-white); */
    background-color: var(--krds-high-contrast-color-background-white) !important;
    color: var(--krds-high-contrast-color-text-subtle);
} /* jhlee 개인추가  */

.box-search + .btn-group-center .krds-btn.tertiary {
  background: var(--krds-mode-color-high-contrast-gray-70);
  border-color: var(--krds-color-high-contrast-gray-60);
  color: var(--krds-high-contrast-color-icon-inverse-static);
}
.box-search + .btn-group-center .krds-btn.tertiary:hover {
  background: var(--krds-mode-color-high-contrast-gray-80);
}
.box-search + .btn-group-center .krds-btn.tertiary:active, .box-search + .btn-group-center .krds-btn.tertiary:focus {
  background: var(--krds-mode-color-high-contrast-gray95);
}
@media (max-width: 1023.98px) {
  .box-search {
    background: transparent;
  }
}

/* badge */
.krds-badge {
  --krds-badge--color-primary-element: var(--krds-high-contrast-color-element-primary);
  --krds-badge--color-primary-element-lighter: var(--krds-high-contrast-color-element-primary-lighter);
  --krds-badge--color-primary-border-light: var(--krds-high-contrast-color-border-primary-light);
  --krds-badge--color-primary-text: var(--krds-high-contrast-color-text-primary);
  --krds-badge--color-secondary-element: var(--krds-high-contrast-color-element-secondary);
  --krds-badge--color-secondary-element-lighter: var(--krds-high-contrast-color-element-secondary-lighter);
  --krds-badge--color-secondary-border-light: var(--krds-high-contrast-color-border-secondary-light);
  --krds-badge--color-secondary-text: var(--krds-high-contrast-color-text-secondary);
  --krds-badge--color-gray-element: var(--krds-high-contrast-color-element-gray);
  --krds-badge--color-gray-element-lighter: var(--krds-high-contrast-color-element-gray-light);
  --krds-badge--color-gray-border-light: var(--krds-high-contrast-color-border-gray-light);
  --krds-badge--color-gray-text: var(--krds-high-contrast-color-text-subtle);
  --krds-badge--color-point-element: var(--krds-high-contrast-color-element-point);
  --krds-badge--color-point-element-lighter: var(--krds-high-contrast-color-element-point-lighter);
  --krds-badge--color-point-border-light: var(--krds-high-contrast-color-border-point-light);
  --krds-badge--color-point-text: var(--krds-high-contrast-color-text-point);
  --krds-badge--color-danger-element: var(--krds-high-contrast-color-element-danger);
  --krds-badge--color-danger-element-lighter: var(--krds-high-contrast-color-element-danger-lighter);
  --krds-badge--color-danger-border-light: var(--krds-high-contrast-color-border-danger-light);
  --krds-badge--color-danger-text: var(--krds-high-contrast-color-text-danger);
  --krds-badge--color-warning-element: var(--krds-high-contrast-color-element-warning);
  --krds-badge--color-warning-element-lighter: var(--krds-high-contrast-color-element-warning-lighter);
  --krds-badge--color-warning-border-light: var(--krds-high-contrast-color-border-warning-light);
  --krds-badge--color-warning-text: var(--krds-high-contrast-color-text-warning);
  --krds-badge--color-success-element: var(--krds-high-contrast-color-element-success);
  --krds-badge--color-success-element-lighter: var(--krds-high-contrast-color-element-success-lighter);
  --krds-badge--color-success-border-light: var(--krds-high-contrast-color-border-success-light);
  --krds-badge--color-success-text: var(--krds-high-contrast-color-text-success);
  --krds-badge--color-information-element: var(--krds-high-contrast-color-element-information);
  --krds-badge--color-information-element-lighter: var(--krds-high-contrast-color-element-information-lighter);
  --krds-badge--color-information-border-light: var(--krds-high-contrast-color-border-information-light);
  --krds-badge--color-information-text: var(--krds-high-contrast-color-text-information);
  --krds-badge--color-disabled-element: var(--krds-high-contrast-color-element-disabled-dark);
  --krds-badge--color-disabled-element-lighter: var(--krds-high-contrast-color-element-disabled-light);
  --krds-badge--color-disabled-border-light: var(--krds-high-contrast-color-border-disabled-light);
  --krds-badge--color-disabled-text: var(--krds-high-contrast-color-text-disabled-on);
  --krds-badge--color-background-basic: var(--krds-high-contrast-color-background-white);
  --krds-badge--color-text-basic: var(--krds-high-contrast-color-text-inverse-static);
}
.krds-badge.outline-primary {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-primary-element);
  color: var(--krds-badge--color-primary-text);
}
.krds-badge.bg-primary {
  background-color: var(--krds-badge--color-primary-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-primary {
  background-color: var(--krds-badge--color-primary-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-primary-border-light);
  color: var(--krds-badge--color-primary-text);
}
.krds-badge.outline-secondary {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-secondary-element);
  color: var(--krds-badge--color-secondary-text);
}
.krds-badge.bg-secondary {
  background-color: var(--krds-badge--color-secondary-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-secondary {
  background-color: var(--krds-badge--color-secondary-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-secondary-border-light);
  color: var(--krds-badge--color-secondary-text);
}
.krds-badge.outline-gray {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-gray-element);
  color: var(--krds-badge--color-gray-text);
}
.krds-badge.bg-gray {
  background-color: var(--krds-badge--color-gray-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-gray {
  background-color: var(--krds-badge--color-gray-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-gray-border-light);
  color: var(--krds-badge--color-gray-text);
}
.krds-badge.outline-point {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-point-element);
  color: var(--krds-badge--color-point-text);
}
.krds-badge.bg-point {
  background-color: var(--krds-badge--color-point-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-point {
  background-color: var(--krds-badge--color-point-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-point-border-light);
  color: var(--krds-badge--color-point-text);
}
.krds-badge.outline-danger {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-danger-element);
  color: var(--krds-badge--color-danger-text);
}
.krds-badge.bg-danger {
  background-color: var(--krds-badge--color-danger-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-danger {
  background-color: var(--krds-badge--color-danger-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-danger-border-light);
  color: var(--krds-badge--color-danger-text);
}
.krds-badge.outline-warning {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-warning-element);
  color: var(--krds-badge--color-warning-text);
}
.krds-badge.bg-warning {
  background-color: var(--krds-badge--color-warning-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-warning {
  background-color: var(--krds-badge--color-warning-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-warning-border-light);
  color: var(--krds-badge--color-warning-text);
}
.krds-badge.outline-success {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-success-element);
  color: var(--krds-badge--color-success-text);
}
.krds-badge.bg-success {
  background-color: var(--krds-badge--color-success-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-success {
  background-color: var(--krds-badge--color-success-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-success-border-light);
  color: var(--krds-badge--color-success-text);
}
.krds-badge.outline-information {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-information-element);
  color: var(--krds-badge--color-information-text);
}
.krds-badge.bg-information {
  background-color: var(--krds-badge--color-information-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-information {
  background-color: var(--krds-badge--color-information-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-information-border-light);
  color: var(--krds-badge--color-information-text);
}
.krds-badge.outline-disabled {
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--light-color-disabled-element);
  color: var(--krds-badge--color-disabled-text);
}
.krds-badge.bg-disabled {
  background-color: var(--krds-badge--color-disabled-element);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge.bg-light-disabled {
  background-color: var(--krds-badge--color-disabled-element-lighter);
  border-width: var(--krds-light-border-width-variable-regular);
  border-style: solid;
  border-color: var(--krds-badge--color-disabled-border-light);
  color: var(--krds-badge--color-disabled-text);
}

/* card */
.card {
  background-color: var(--krds-high-contrast-color-background-white);
  color: var(--krds-high-contrast-color-text-subtle);
}
.card .card-title {
  color: var(--krds-high-contrast-color-text-bolder);
}
@media (min-width: 1024px) {
  .card .card-header.line:after {
    background-color: var(--krds-high-contrast-color-divider-gray-light);
  }
}
.card .table-header {
  color: var(--krds-high-contrast-color-text-basic);
}

/* button */
.krds-btn {
  border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-button--color-primary-fill: var(--krds-high-contrast-color-button-primary-fill);
  --krds-button--color-primary-fill-hover: var(--krds-high-contrast-color-button-primary-fill-hover);
  --krds-button--color-primary-fill-pressed: var(--krds-high-contrast-color-button-primary-fill-pressed);
  --krds-button--color-primary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
  --krds-button--color-primary-border: var(--krds-high-contrast-color-button-primary-fill);
  --krds-button--color-primary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
  --krds-button--color-primary-text: var(--krds-high-contrast-color-text-bolder-inverse);
  --krds-button--color-primary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
  --krds-button--color-secondary-fill: var(--krds-high-contrast-color-button-secondary-fill);
  --krds-button--color-secondary-fill-hover: var(--krds-high-contrast-color-button-secondary-fill-hover);
  --krds-button--color-secondary-fill-pressed: var(--krds-high-contrast-color-button-secondary-fill-pressed);
  --krds-button--color-secondary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
  --krds-button--color-secondary-border: var(--krds-high-contrast-color-button-secondary-border);
  --krds-button--color-secondary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
  --krds-button--color-secondary-text: var(--krds-high-contrast-color-text-primary);
  --krds-button--color-secondary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
  --krds-button--color-tertiary-fill: var(--krds-high-contrast-color-button-tertiary-fill);
  --krds-button--color-tertiary-fill-hover: var(--krds-high-contrast-color-button-tertiary-fill-hover);
  --krds-button--color-tertiary-fill-pressed: var(--krds-high-contrast-color-button-tertiary-fill-pressed);
  --krds-button--color-tertiary-fill-disabled: var(--krds-high-contrast-color-button-disabled-fill);
  --krds-button--color-tertiary-border: var(--krds-high-contrast-color-button-tertiary-border);
  --krds-button--color-tertiary-border-disabled: var(--krds-high-contrast-color-button-disabled-border);
  --krds-button--color-tertiary-text: var(--krds-high-contrast-color-text-subtle);
  --krds-button--color-tertiary-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
  --krds-button--color-text-fill: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-text-fill-hover: var(--krds-high-contrast-color-button-text-fill-hover);
  --krds-button--color-text-fill-pressed: var(--krds-high-contrast-color-button-text-fill-pressed);
  --krds-button--color-text-fill-disabled: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-text-border: var(--krds-high-contrast-color-button-text-border);
  --krds-button--color-text-border-disabled: var(--krds-high-contrast-color-border-transparency);
  --krds-button--color-text-text: var(--krds-high-contrast-color-text-basic);
  --krds-button--color-text-text-disabled: var(--krds-high-contrast-color-text-disabled);
  --krds-button--color-link-fill: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-fill-hover: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-fill-pressed: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-fill-disabled: var(--krds-high-contrast-color-button-text-fill);
  --krds-button--color-link-border: var(--krds-high-contrast-color-button-text-border);
  --krds-button--color-link-border-disabled: var(--krds-high-contrast-color-border-transparency);
  --krds-button--color-link-text: var(--krds-high-contrast-color-link-default);
  --krds-button--color-link-text-disabled: var(--krds-high-contrast-color-text-disabled);
  /* icon 버튼 (텍스트 없음) */
  /* icon 버튼 (텍스트 없음) */
}
.krds-btn {
  background-color: var(--krds-button--color-primary-fill);
  border-color: #16181a;
  color: var(--krds-button--color-primary-text);
}
.krds-btn.primary {
  background-color: var(--krds-button--color-primary-fill);
  border-color: var(--krds-button--color-primary-border);
  color: var(--krds-button--color-primary-text);
}
.krds-btn.primary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-primary-text);
}
.krds-btn.primary:hover {
  background-color: var(--krds-button--color-primary-fill-hover);
}
.krds-btn.primary:active, .krds-btn.primary:focus {
  background-color: var(--krds-button--color-primary-fill-pressed);
}
.krds-btn.primary[disabled], .krds-btn.primary.disabled {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-text-disabled);
}
.krds-btn.primary[disabled]:not(.icon) .svg-icon, .krds-btn.primary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-primary-text-disabled);
}
.krds-btn.primary[disabled]:hover, .krds-btn.primary.disabled:hover {
  background-color: var(--krds-button--color-primary-fill-disabled);
  border-color: var(--krds-button--color-primary-border-disabled);
  color: var(--krds-button--color-primary-text-disabled);
}
.krds-btn.secondary {
  background-color: var(--krds-button--color-secondary-fill);
  border-color: var(--krds-button--color-secondary-border);
  color: var(--krds-button--color-secondary-text);
}
.krds-btn.secondary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-secondary-text);
}
.krds-btn.secondary:hover {
  background-color: var(--krds-button--color-secondary-fill-hover);
}
.krds-btn.secondary:active, .krds-btn.secondary:focus {
  background-color: var(--krds-button--color-secondary-fill-pressed);
}
.krds-btn.secondary[disabled], .krds-btn.secondary.disabled {
  background-color: var(--krds-button--color-secondary-fill-disabled);
  border-color: var(--krds-button--color-secondary-border-disabled);
  color: var(--krds-button--color-secondary-text-disabled);
}
.krds-btn.secondary[disabled]:not(.icon) .svg-icon, .krds-btn.secondary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-secondary-text-disabled);
}
.krds-btn.secondary[disabled]:hover, .krds-btn.secondary.disabled:hover {
  background-color: var(--krds-button--color-secondary-fill-disabled);
  border-color: var(--krds-button--color-secondary-border-disabled);
  color: var(--krds-button--color-secondary-text-disabled);
}
.krds-btn.tertiary {
  background-color: var(--krds-button--color-tertiary-fill);
  border-color: var(--krds-button--color-tertiary-border);
  color: var(--krds-button--color-tertiary-text);
}
.krds-btn.tertiary:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-tertiary-text);
}
.krds-btn.tertiary:hover {
  background-color: var(--krds-button--color-tertiary-fill-hover);
}
.krds-btn.tertiary:active, .krds-btn.tertiary:focus {
  background-color: var(--krds-button--color-tertiary-fill-pressed);
}
.krds-btn.tertiary[disabled], .krds-btn.tertiary.disabled {
  background-color: var(--krds-button--color-tertiary-fill-disabled);
  border-color: var(--krds-button--color-tertiary-border-disabled);
  color: var(--krds-button--color-tertiary-text-disabled);
}
.krds-btn.tertiary[disabled]:not(.icon) .svg-icon, .krds-btn.tertiary.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-tertiary-text-disabled);
}
.krds-btn.tertiary[disabled]:hover, .krds-btn.tertiary.disabled:hover {
  background-color: var(--krds-button--color-tertiary-fill-disabled);
  border-color: var(--krds-button--color-tertiary-border-disabled);
  color: var(--krds-button--color-tertiary-text-disabled);
}
.krds-btn.text {
  background-color: var(--krds-button--color-text-fill);
  border-color: var(--krds-button--color-text-border);
  color: var(--krds-button--color-text-text);
}
.krds-btn.text:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-text-text);
}
.krds-btn.text:hover {
  background-color: var(--krds-button--color-text-fill-hover);
}
.krds-btn.text:active, .krds-btn.text:focus {
  background-color: var(--krds-button--color-text-fill-pressed);
}
.krds-btn.text[disabled], .krds-btn.text.disabled {
  background-color: var(--krds-button--color-text-fill-disabled);
  border-color: var(--krds-button--color-text-border-disabled);
  color: var(--krds-button--color-text-text-disabled);
}
.krds-btn.text[disabled]:not(.icon) .svg-icon, .krds-btn.text.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-text-text-disabled);
}
.krds-btn.text[disabled]:hover, .krds-btn.text.disabled:hover {
  background-color: var(--krds-button--color-text-fill-disabled);
  border-color: var(--krds-button--color-text-border-disabled);
  color: var(--krds-button--color-text-text-disabled);
}
.krds-btn.link {
  background-color: var(--krds-button--color-link-fill);
  border-color: var(--krds-button--color-link-border);
  color: var(--krds-button--color-link-text);
}
.krds-btn.link:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-link-text);
}
.krds-btn.link:hover {
  background-color: var(--krds-button--color-link-fill-hover);
}
.krds-btn.link:active, .krds-btn.link:focus {
  background-color: var(--krds-button--color-link-fill-pressed);
}
.krds-btn.link[disabled], .krds-btn.link.disabled {
  background-color: var(--krds-button--color-link-fill-disabled);
  border-color: var(--krds-button--color-link-border-disabled);
  color: var(--krds-button--color-link-text-disabled);
}
.krds-btn.link[disabled]:not(.icon) .svg-icon, .krds-btn.link.disabled:not(.icon) .svg-icon {
  background-color: var(--krds-button--color-link-text-disabled);
}
.krds-btn.link[disabled]:hover, .krds-btn.link.disabled:hover {
  background-color: var(--krds-button--color-link-fill-disabled);
  border-color: var(--krds-button--color-link-border-disabled);
  color: var(--krds-button--color-link-text-disabled);
}
.krds-btn:hover {
  background: var(--krds-mode-color-high-contrast-gray-5);
}
.krds-btn:active, .krds-btn:focus {
  background: var(--krds-mode-color-high-contrast-gray-10);
}
.krds-btn.text.ico-filter .num {
  color: var(--krds-high-contrast-color-text-basic-inverse);
  background-color: var(--krds-high-contrast-color-element-primary);
}
.krds-btn.link.basic {
  color: var(--krds-high-contrast-color-text-basic);
}
.krds-btn.link.basic:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-text-basic);
}
.krds-btn.link:hover {
  color: var(--krds-high-contrast-color-link-hover);
}
.krds-btn.link:hover:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-hover);
}
.krds-btn.link:active, .krds-btn.link:focus {
  color: var(--krds-high-contrast-color-link-pressed);
}
.krds-btn.link:active:not(.icon) .svg-icon, .krds-btn.link:focus:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-pressed);
}
.krds-btn.link:visited {
  color: var(--krds-high-contrast-color-link-visited);
}
.krds-btn.link:visited:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-visited);
}
.krds-btn.icon {
  background-color: transparent;
  border-color: var(--krds-high-contrast-color-border-transparency);
}
.krds-btn.icon .svg-icon {
  background-color: var(--krds-high-contrast-color-text-basic);
}
.krds-btn.icon.border {
  background-color: var(--krds-high-contrast-color-background-white);
  border-color: var(--krds-high-contrast-color-border-gray);
}
.krds-btn.icon.border[disabled], .krds-btn.icon.border.disabled {
  background-color: var(--krds-high-contrast-color-button-disabled-fill);
}
.krds-btn:hover {
  background: var(--krds-mode-color-high-contrast-gray-5);
}
.krds-btn:active, .krds-btn:focus {
  background: var(--krds-mode-color-high-contrast-gray-10);
}
.krds-btn.text.ico-filter .num {
  color: var(--krds-high-contrast-color-text-basic-inverse);
  background-color: var(--krds-high-contrast-color-element-primary);
}
.krds-btn.link.basic {
  color: var(--krds-high-contrast-color-text-basic);
}
.krds-btn.link.basic:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-text-basic);
}
.krds-btn.link:hover {
  color: var(--krds-high-contrast-color-link-hover);
}
.krds-btn.link:hover:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-hover);
}
.krds-btn.link:active, .krds-btn.link:focus {
  color: var(--krds-high-contrast-color-link-pressed);
}
.krds-btn.link:active:not(.icon) .svg-icon, .krds-btn.link:focus:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-pressed);
}
.krds-btn.link:visited {
  color: var(--krds-high-contrast-color-link-visited);
}
.krds-btn.link:visited:not(.icon) .svg-icon {
  background-color: var(--krds-high-contrast-color-link-visited);
}
.krds-btn.icon {
  background-color: transparent;
  border-color: var(--krds-high-contrast-color-border-transparency);
}
.krds-btn.icon .svg-icon {
  background-color: var(--krds-high-contrast-color-text-basic);
}
.krds-btn.icon.border {
  background-color: var(--krds-high-contrast-color-background-white);
  border-color: var(--krds-high-contrast-color-border-gray);
}
.krds-btn.icon.border[disabled], .krds-btn.icon.border.disabled {
  background-color: var(--krds-high-contrast-color-button-disabled-fill);
}
.krds-btn.primary:hover {
  background: var(--krds-mode-color-high-contrast-gray-5);
}
.krds-btn.primary:active, .krds-btn.primary:focus {
  background: var(--krds-mode-color-high-contrast-gray-10);
}
.krds-btn.secondary {
  background: var(--krds-mode-color-high-contrast-gray-70);
  border-color: var(--krds-color-high-contrast-gray-60);
  color: var(--krds-high-contrast-color-icon-inverse-static);
}
.krds-btn.secondary:hover {
  background: var(--krds-mode-color-high-contrast-gray-80);
}
.krds-btn.secondary:active, .krds-btn.secondary:focus {
  background: var(--krds-mode-color-high-contrast-gray95);
}
.krds-btn.secondary .svg-icon.ico-edit {
  background-color: var(--krds-color-high-contrast-gray-0);
}
.krds-btn.tertiary {
  background: transparent;
  border-color: var(--krds-mode-color-high-contrast-gray-50);
  color: var(--krds-high-contrast-color-icon-inverse-static);
}
.krds-btn.gray {
  color: var(--krds-mode-color-high-contrast-gray-10);
  background-color: var(--krds-color-light-gray-80);
  border-color: var(--krds-color-light-gray-60);
}
.krds-btn.gray .svg-icon {
  background-color: var(--krds-mode-color-high-contrast-gray-0);
}

/* 인풋 */
.krds-input {
  --krds-input--color-surface: var(--krds-high-contrast-color-input-surface);
  --krds-input--color-surface-readonly: var(--krds-high-contrast-color-input-surface-disabled);
  --krds-input--color-surface-disabled: var(--krds-high-contrast-color-input-surface-disabled);
  --krds-input--color-surface-error: var(--krds-high-contrast-color-input-surface);
  --krds-input--color-border: var(--krds-high-contrast-color-input-border);
  --krds-input--color-border-active: var(--krds-high-contrast-color-input-border-active);
  --krds-input--color-border-readonly: var(--krds-high-contrast-color-input-border-disabled);
  --krds-input--color-border-disabled: var(--krds-high-contrast-color-input-border-disabled);
  --krds-input--color-border-error: var(--krds-high-contrast-color-input-border-error);
  --krds-input--color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-input--color-text-active: var(--krds-high-contrast-color-text-basic);
  --krds-input--color-text-readonly: var(--krds-high-contrast-color-text-subtle);
  --krds-input--color-text-disabled: var(--krds-high-contrast-color-text-disabled-on);
  --krds-input--color-text-placeholder: var(--krds-high-contrast-color-text-disabled);
  --krds-input--color-text-error: var(--krds-high-contrast-color-text-subtle);
}
.krds-input {
  color: var(--krds-input--color-text);
  background-color: var(--krds-input--color-surface);
  border: 0.1rem solid var(--krds-input--color-border);
}
.krds-input:focus, .krds-input.focus {
  border-color: var(--krds-input--color-border-active);
}
.krds-input[readonly] {
  background-color: #2D2D2D;
  border-color: var(--krds-input--color-border-readonly);
  color: #C6C6C6;
}
.krds-input[readonly].datepicker {
  background-color: #2D2D2D;
  border-color: var(--krds-input--color-border);
  color: #C6C6C6;
}
.krds-input[readonly]:focus {
  border-color: var(--krds-input--color-border-active);
}
.krds-input::after {
  background-color: var(--krds-color-light-point-40);
}
.krds-input[required] {
  background-image: url(../img/_common/bg-asterisk.png);
}
.krds-input[disabled] {
  background-color: #272B31;
  border-color: #313438;
  color: #BAB9C1;
}
.krds-input::-webkit-input-placeholder {
  color: var(--krds-input--color-text-placeholder);
}
.krds-input::-moz-placeholder {
  color: var(--krds-input--color-text-placeholder);
}
.krds-input:-ms-input-placeholder {
  color: var(--krds-input--color-text-placeholder);
}
.krds-input::-ms-input-placeholder {
  color: var(--krds-input--color-text-placeholder);
}

.textarea-count {
  --krds-input--count-number-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-input--count-number-color-text-active: var(--krds-high-contrast-color-text-primary);
}

/* 날짜선택 */
.calendar-input {
  --krds-input--color-surface: var(--krds-high-contrast-color-input-surface);
}

textarea.krds-textarea {
  background-color: var(--krds-high-contrast-color-input-surface);
  border: 0.1rem solid var(--krds-high-contrast-color-input-border);
  color: var(--krds-input--color-text);
}
textarea.krds-textarea:focus {
  outline: none;
  border-width: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--krds-high-contrast-color-input-border-active);
}

/* 아이콘 */
.datepicker .btn-datepicker .ico-datepicker {
  background-color: var(--krds-high-contrast-color-text-basic);
}

/* 테이블 */
.krds-table-wrap {
  --krds-table--data-border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-table--data-thead-border: var(--krds-high-contrast-color-border-secondary-light);
  --krds-table--data-thead-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
  --krds-table--data-thead-color-text: var(--krds-high-contrast-color-text-basic);
  --krds-table--data-tbody-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-table--data-tbody-color-divider: var(--krds-high-contrast-color-divider-gray-light);
  --krds-table--data-tbody-color-text: var(--krds-high-contrast-color-text-subtle);
}
.krds-table-wrap .tbl.data thead th {
  border-top: 1px solid var(--krds-high-contrast-color-divider-gray-light) !important;
  border-bottom: 1px solid var(--krds-high-contrast-color-divider-gray-light) !important;
  background: var(--krds-high-contrast-color-surface-gray-subtler) !important;
  color: var(--krds-high-contrast-color-text-basic) !important;
}
.krds-table-wrap .tbl.data thead th:not(:first-child) {
  border-left: 1px solid var(--krds-table--data-tbody-color-divider);
}
.krds-table-wrap .tbl.data tbody th,
.krds-table-wrap .tbl.data tbody td {
  border-bottom: 1px solid var(--krds-high-contrast-color-divider-gray-light);
  background: transparent;
  color: var(--krds-table--data-tbody-color-text);
}
.krds-table-wrap .tbl.data tbody th:not(:first-child),
.krds-table-wrap .tbl.data tbody td:not(:first-child) {
  border-left: 1px solid var(--krds-table--data-tbody-color-divider);
}
.krds-table-wrap .tbl.row {
  border-top: 1px solid var(--krds-high-contrast-color-divider-gray-light);
}
.krds-table-wrap .tbl.row tbody th {
  background: var(--krds-high-contrast-color-surface-gray-subtler);
  color: var(--krds-high-contrast-color-text-basic);
  text-align: center;
}
@media (min-width: 1024px) {
  .krds-table-wrap tbody tr td .krds-form-check:has(input[type=checkbox]) {
    opacity: 0;
  }
  .krds-table-wrap tbody tr:hover td {
    background-color: rgba(255, 255, 255, 0.05) !important;
  }
  .krds-table-wrap tbody tr:hover .krds-form-check:has(input[type=checkbox]) {
    opacity: 1;
  }
}

.cell-cont-wrap .cell-cont-mid {
  border-color: var(--krds-color-light-gray-70);
}
.cell-cont-wrap .cell-cont-bot {
  border-color: var(--krds-color-light-gray-70);
}

/*tab*/
.card-tab .tab li.active .btn-tab {
  background-color: var(--krds-high-contrast-color-background-white);
  color: var(--krds-high-contrast-color-text-inverse-static);
}
.card-tab .tab .btn-tab {
  background-color: #16181a;
}

/* 테이블 리스트 */
.list-control .list-tit .ico-document-fill {
  background-color: #62686f;
}
.list-control .list-tit + .total::before {
  background-color: #d9d9d9;
}

/*라디오 버튼*/
input[type=radio]:checked ~ label:before {
  border-color: #16181a;
}
input[type=radio]:checked ~ label:after {
  background-color: #16181a;
}
input[type=radio]:checked:disabled ~ label:after {
  background-color: #36383a;
}

/*브레드크럼*/
.krds-breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--krds-icon--size-xxsmall);
  height: var(--krds-icon--size-xxsmall);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
.krds-breadcrumb-wrap .breadcrumb .home {
  gap: 0;
}
.krds-breadcrumb-wrap .breadcrumb .home .txt::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--krds-icon--size-xxsmall);
  height: var(--krds-icon--size-xxsmall);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}

@media (max-width: 1023.98px) {
  .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::before, .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::after {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    background-color: var(--krds-high-contrast-color-text-basic);
    forced-color-adjust: none;
  }
}
/*아이콘*/
.svg-icon.ico-help {
  background-image: url(../img/component/icon/ico_help_fill.svg);
}
.svg-icon.ico-profile {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../img/component/icon/ico_profile_dark.svg);
  mask-image: url(../img/component/icon/ico_profile_dark.svg);
  -webkit-mask-image: none;
  mask-image: none;
  background-image: url(../img/component/icon/ico_profile_dark.svg);
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
}
.svg-icon.ico-manager {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../img/component/icon/ico_manager_dark.svg);
  mask-image: url(../img/component/icon/ico_manager_dark.svg);
  -webkit-mask-image: none;
  mask-image: none;
  background-image: url(../img/component/icon/ico_manager_dark.svg);
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
}
.svg-icon.ico-sch {
  background-color: var(--krds-color-high-contrast-gray-90);
}
.svg-icon.ico-edit {
  background-color: var(--krds-color-high-contrast-gray-0);
}
.svg-icon.ico-noti {
  background-color: var(--krds-color-high-contrast-gray-0);
}

/*셀렉트 박스*/
.krds-form-select {
  --krds-form-select--color-background: var(--krds-hige-contrast-color-input-surface);
  --krds-form-select--color-background-readonly: var(--krds-hige-contrast-color-input-surface-disabled);
  --krds-form-select--color-background-disabled: var(--krds-hige-contrast-color-input-surface-disabled);
  --krds-form-select--color-background-error: var(--krds-hige-contrast-color-input-surface);
  --krds-form-select--icon-color-background: var(--krds-hige-contrast-color-icon-gray);
  --krds-form-select--icon-color-background-readonly: var(--krds-hige-contrast-color-icon-disabled-on);
  --krds-form-select--icon-color-background-disabled: var(--krds-hige-contrast-color-icon-disabled-on);
  --krds-form-select--color-border: var(--krds-light-color-input-border);
  --krds-form-select--color-border-active: var(--krds-hige-contrast-color-input-border-active);
  --krds-form-select--color-border-readonly: var(--krds-hige-contrast-color-input-border-disabled);
  --krds-form-select--color-border-disabled: var(--krds-hige-contrast-color-input-border-disabled);
  --krds-form-select--color-border-error: var(--krds-hige-contrast-color-input-border-error);
  --krds-form-select--color-text: var(--krds-hige-contrast-color-text-disabled);
  --krds-form-select--color-text-active: var(--krds-hige-contrast-color-text-basic);
  --krds-form-select--color-text-completed: var(--krds-hige-contrast-color-text-subtle);
  --krds-form-select--color-text-disabled: var(--krds-hige-contrast-color-text-disabled-on);
  --krds-form-select--color-text-error: var(--krds-hige-contrast-color-text-subtle);
  background-color: #16181a !important;
  border-color: #464c53;
  color: var(--krds-form-select-sorting--color-text);
  background-image: url(../img/component/icon/ico_angle_inverse.svg);
}
.krds-form-select:hover {
  background-color: #16181a !important;
}
.krds-form-select:focus {
  background-color: #16181a !important;
  border-color: #005bc1;
}
.krds-form-select option {
  background-color: #16181a !important;
}
.krds-form-select[required] {
  background-image: url(../img/component/icon/ico_angle_inverse_req.png);
}

/*jq 그리드*/
.grid-area .ui-jqgrid-htable th.ui-th-column + th.ui-th-column {
  border-color: #33363d;
}
.grid-area .ui-jqgrid-htable th.ui-th-column {
	background: var(--krds-high-contrast-color-surface-gray-subtler);
	color: var(--krds-high-contrast-color-text-basic);
	padding: var(--krds-table--data-thead-th-padding) var(--krds-table--data-thead-th-padding-sides);
	font-weight: var(--krds-typo-font-weight-medium);
	font-size: var(--krds-table--data-thead-pc-font-size);
	height: 36px;
	text-align: center;
}
.grid-area .ui-jqgrid-bdiv .ui-row-ltr td {
  color: #cdd1d5;
  border-color: #33363d;
}
.grid-area .ui-jqgrid-bdiv .ui-row-ltr td + td {
  border-color: #33363d;
}
.grid-area .ui-jqgrid .ui-jqgrid-pager {
  background: var(--krds-high-contrast-color-surface-gray-subtler);
  border: 1px solid var(--krds-high-contrast-color-divider-gray-light);
}
.grid-area .ui-jqgrid .ui-pg-table .ui-icon {
  background-color: #cdd1d5;
}
.grid-area .ui-jqgrid .ui-jqgrid-bdiv {
  border-color: #33363d;
}
.grid-area .ui-jqgrid .ui-jqgrid-hdiv {
  background: var(--krds-high-contrast-color-surface-gray-subtler);
  border-color: #33363d;
}
.grid-area tr.ui-state-hover td {
  background-color: rgba(255, 255, 255, 0.05);
}
.grid-area .ui-jqgrid .ui-jqgrid-pager .ui-paging-info {
  color: #e6e8ea;
}

@media (min-width: 1024px) {
  .tree-menu-area {
    background-color: #1e2124;
  }
  .tree-menu-area .ztree li .node_name {
    color: #fff;
  }
  .tree-menu-area .ztree li a.disabled .node_name {
    color: #fff;
  }
  .tree-menu-area .tree-header button {
    background-color: #2a2d2f;
    color: #c6c8ca;
    border-color: #cacdcf;
  }
}
.layer-popup .popup-inner {
  border-color: var(--krds-high-contrast-color-border-gray);
  background: var(--krds-high-contrast-color-surface-white-subtler);
}
.layer-popup .popup-header .popup-title {
  color: var(--krds-high-contrast-color-text-bolder);
}
.layer-popup .popup-header ~ .close-popup .ico-popup-close {
  background-color: var(--krds-high-contrast-color-icon-gray);
}

.krds-modal {
  --krds-modal--border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-modal--color-text: var(--krds-high-contrast-color-text-basic);
  --krds-modal--wrap-color-surface: var(--krds-high-contrast-color-surface-white-subtler);
  --krds-modal--wrap-color-border: var(--krds-high-contrast-color-border-gray);
  --krds-modal--wrap-shadow: 0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2),
  	0 1.6rem 2.4rem 0 var(--krds-high-contrast-color-alpha-shadow3);
  --krds-modal--color-dim: var(--krds-high-contrast-color-background-dim);
  --krds-modal--full-popup-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
}
.krds-modal .modal-dialog .modal-conts ::-webkit-scrollbar {
  width: calc(16px + high-contrast);
  height: calc(16px + high-contrast);
  background-color: transparent;
}
.krds-modal .modal-dialog .modal-conts ::-webkit-scrollbar-thumb {
  background-color: #b1b8be;
  border-radius: calc((16px + high-contrast) / 2);
  background-clip: padding-box;
  border: 8px solid transparent;
}
.krds-modal .modal-dialog .modal-conts ::-webkit-scrollbar-thumb:hover {
  background-color: #a3abb2;
}
.krds-modal .modal-dialog .modal-conts ::-webkit-scrollbar-thumb:active {
  background-color: #959fa7;
}
.krds-modal .modal-dialog .modal-conts ::-webkit-scrollbar-track {
  background-color: transparent;
}
.krds-modal .modal-dialog .modal-conts ::-webkit-scrollbar-corner {
  background-color: transparent;
}
@supports (-moz-appearance: none) {
  .krds-modal .modal-dialog .modal-conts * {
    scrollbar-width: thin;
    scrollbar-color: #b1b8be transparent;
  }
  .krds-modal .modal-dialog .modal-conts:hover {
    scrollbar-color: #a3abb2 transparent;
  }
  .krds-modal .modal-dialog .modal-conts:active {
    scrollbar-color: #959fa7 transparent;
  }
}
.krds-modal .modal-header {
  border-bottom: 1px solid var(--krds-mode-color-high-contrast-gray-80);
}
.krds-modal .modal-btn {
  border-top: 1px solid var(--krds-mode-color-high-contrast-gray-80);
}
.krds-modal .box-info-modal {
  background-color: var(--krds-mode-color-light-gray-100);
}
.krds-modal .box-info-modal strong {
  color: var(--krds-color-light-gray-0);
}
.krds-modal .step-wrap span {
  border-color: var(--krds-mode-color-high-contrast-gray-70);
  color: var(--krds-mode-color-high-contrast-gray-50);
}
.krds-modal .step-wrap span.on {
  border-color: var(--krds-color-light-gray-0);
  color: var(--krds-color-light-gray-0);
}
.krds-modal .disagree {
  color: var(--krds-color-light-gray-20);
}
.krds-modal .sign-modal .krds-table-wrap .tbl tbody .yet-state td {
  color: var(--krds-color-light-primary-30);
}
.krds-modal.modal-drag.ui-draggable-dragging .modal-header {
  background: var(--krds-high-contrast-color-surface-gray-subtler);
}
.krds-modal .nodata-area {
  color: var(--krds-light-color-text-subtler);
  background-color: var(--krds-color-high-contrast-gray-95);
  border-color: var(--krds-mode-color-high-contrast-gray-70);
}
.krds-modal .list-info-text {
  color: var(--krds-high-contrast-color-text-subtle);
}

.swal2-container .swal2-title {
  color: #e6e8ea;
  border-color: #58616a;
}

.swal2-container .swal2-popup {
  background-color: #2e3134;
}

.swal2-container .swal2-close {
  color: #cdd1d5;
}

.swal2-container .swal2-html-container {
  color: #f3f6f9;
}

.swal2-container .swal2-cancel {
  border: 1px solid #6d7882;
  color: #f3f6f9;
  background-color: #1e2124;
}

.swal2-container .swal2-confirm {
  background-color: #fff;
  color: #16181a;
}
.swal2-container .swal2-confirm > div {
  color: #16181a !important;
}

#inseq-datepicker {
  border-color: var(--krds-high-contrast-color-border-gray);
  background: var(--krds-high-contrast-color-surface-white-subtler);
}
#inseq-datepicker #tableCalendarTitle a {
  color: var(--krds-high-contrast-color-text-basic);
}
#inseq-datepicker #tableCalendarTitle .next,
#inseq-datepicker #tableCalendarTitle .prev {
  background-color: var(--krds-high-contrast-color-icon-gray);
}
#inseq-datepicker .btn-cal-close a {
  background-color: var(--krds-high-contrast-color-icon-gray);
}
#inseq-datepicker table thead tr {
  color: var(--krds-mode-color-high-contrast-gray-0) !important;
}
#inseq-datepicker table tbody tr {
  color: var(--krds-mode-color-high-contrast-gray-0) !important;
}
#inseq-datepicker table tbody tr td a.today {
  color: var(--krds-mode-color-high-contrast-gray-95) !important;
  background-color: var(--krds-mode-color-high-contrast-gray-0);
}
#inseq-datepicker #tableMonthTitle a {
  color: var(--krds-mode-color-high-contrast-gray-0);
}
#inseq-datepicker #tableMonthTitle a.prev, #inseq-datepicker #tableMonthTitle a.next {
  background-color: var(--krds-mode-color-high-contrast-gray-0);
}
#inseq-datepicker #tableMonth a {
  color: var(--krds-mode-color-high-contrast-gray-0);
}
#inseq-datepicker #tableMonth td a:active {
  color: var(--krds-mode-color-high-contrast-gray-95) !important;
  background-color: var(--krds-mode-color-high-contrast-gray-0);
}

.datepicker .btn-datepicker .ico-datepicker {
  background-color: var(--krds-high-contrast-color-text-basic);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #cdd1d5;
  -webkit-box-shadow: 0 0 0px 1000px #16181a inset;
  box-shadow: 0 0 0px 1000px #16181a inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #cdd1d5;
  -webkit-box-shadow: 0 0 0px 1000px #16181a inset;
  box-shadow: 0 0 0px 1000px #16181a inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #cdd1d5;
  -webkit-box-shadow: 0 0 0px 1000px #16181a inset;
  box-shadow: 0 0 0px 1000px #16181a inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.flatpickr-calendar {
  background-color: var(--krds-input--color-surface);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
  background: var(--krds-color-light-gray-80);
}
.flatpickr-calendar .flatpickr-time input {
  color: #fff;
  background: var(--krds-high-contrast-color-surface-white-subtler);
}
.flatpickr-calendar .flatpickr-time input:hover, .flatpickr-calendar .flatpickr-time input:focus {
  background: var(--krds-color-light-gray-80);
}
.flatpickr-calendar .flatpickr-time span:hover {
  background: var(--krds-color-light-gray-80);
}
.flatpickr-calendar .flatpickr-time span:hover input {
  background: var(--krds-color-light-gray-80);
}

.krds-table-wrap .tbl.data td .krds-input.time-picker {
  background-image: url(../img/_common/ico_time_white.png);
}
.krds-table-wrap .tbl.data td .krds-input.time-picker[readonly] {
  background-color: var(--krds-input--color-surface);
  border: 0.1rem solid var(--krds-input--color-border);
}

.krds-pagination {
  --krds-pagination--color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-pagination--color-text-active: var(--krds-high-contrast-color-text-basic);
  --krds-pagination--color-text-disabled: var(--krds-high-contrast-color-text-disabled);
  --krds-pagination--color-action: var(--krds-high-contrast-color-action-secondary);
  --krds-pagination--color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
  --krds-pagination--color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
  --krds-pagination--color-action-active: var(--krds-high-contrast-color-background-gray-subtler);
}
.krds-pagination .page-navi.prev::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
.krds-pagination .page-navi.next::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
.krds-pagination .page-navi.disabled {
  color: var(--krds-pagination--color-text-disabled);
}
.krds-pagination .page-navi.disabled.prev::before, .krds-pagination .page-navi.disabled.prev::after, .krds-pagination .page-navi.disabled.next::before, .krds-pagination .page-navi.disabled.next::after {
  background-color: var(--krds-pagination--color-text-disabled);
}
.krds-pagination .page-links .page-link.link-dot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
.krds-pagination .page-links .page-link.active {
  background-color: var(--krds-high-contrast-color-background-gray-subtle);
}

#loading-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.loading-spin {
  border: 4px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
}

/*컬러*/
.text-bolder {
  color: var(--krds-high-contrast-color-text-bolder) !important;
}

.text-subtle {
  color: var(--krds-high-contrast-color-text-subtle) !important;
}

.text-disabled {
  color: var(--krds-high-contrast-color-text-disabled) !important;
}

.text-disabled-on {
  color: var(--krds-high-contrast-color-text-disabled-on) !important;
}

.text-primary {
  color: var(--krds-high-contrast-text-basic-inverse) !important;
}

.text-secondary {
  color: var(--krds-high-contrast-color-text-secondary) !important;
}

.text-danger {
  color: var(--krds-high-contrast-color-text-danger) !important;
}

.text-warning {
  color: var(--krds-high-contrast-color-text-warning) !important;
}

.text-success {
  color: var(--krds-high-contrast-color-text-success) !important;
}

.text-information {
  color: var(--krds-high-contrast-color-text-information) !important;
}

.text-basic {
  color: var(--krds-high-contrast-color-text-basic) !important;
}

.text-point {
  color: var(--krds-high-contrast-color-text-point) !important;
}

.text-bolder-inverse {
  color: var(--krds-high-contrast-color-text-bolder-inverse) !important;
}

.text-basic-inverse {
  color: var(--krds-high-contrast-color-text-basic-inverse) !important;
}

.text-subtle-inverse {
  color: var(--krds-high-contrast-color-text-subtle-inverse) !important;
}

.text-inverse-static {
  color: var(--krds-high-contrast-color-text-inverse-static) !important;
}

.text-static {
  color: var(--krds-high-contrast-color-text-static) !important;
}

.text-subtler {
  color: var(--krds-high-contrast-color-text-subtler) !important;
}

.dashboard-page .dashboard-wrap .card-wrap:has(.card-tab) .card-tab {
  background-color: var(--krds-high-contrast-color-background-white);
}
.dashboard-page .dashboard-wrap .card-wrap .card-tab .tab ul {
  background-color: var(--krds-high-contrast-color-background-white);
}
.dashboard-page .dashboard-wrap .card-wrap .card-tab .btn-tab {
  background-color: var(--krds-high-contrast-color-background-white);
  border-color: var(--krds-high-contrast-color-background-white);
}
.dashboard-page .dashboard-wrap .card-wrap .card-tab .btn-tab:hover {
  background-color: var(--krds-high-contrast-color-background-white);
}
.dashboard-page .dashboard-wrap .card-wrap .card-tab .active .btn-tab {
  color: var(--krds-color-light-gray-0);
  border-bottom-color: var(--krds-color-light-gray-0);
}
.dashboard-page .dashboard-wrap .card-wrap > .card {
  border-color: var(--krds-high-contrast-color-background-gray-subtle);
}
.dashboard-page .dashboard-wrap .card-wrap:has(.card-tab) + .card-wrap:has(.card-tab) {
  border-color: var(--krds-high-contrast-color-background-gray-subtle);
}
.dashboard-page .dashboard-wrap .chart-text {
  color: var(--krds-high-contrast-color-text-basic);
}
.dashboard-page .dashboard-wrap .label-wrapper {
  color: var(--krds-high-contrast-color-text-basic);
}
.dashboard-page .dashboard-wrap .label-number {
  color: var(--krds-high-contrast-color-text-subtler);
}
.dashboard-page .dashboard-wrap .post-list .post-tit {
  color: var(--krds-high-contrast-color-text-basic);
}
.dashboard-page .dashboard-wrap .post-list .post-date {
  color: var(--krds-high-contrast-color-text-subtler);
}
.dashboard-page .dashboard-wrap .visit-list > li {
  border-color: var(--krds-high-contrast-color-border-gray-light);
}
.dashboard-page .dashboard-wrap .visit-list .name {
  color: var(--krds-high-contrast-color-text-basic);
}
.dashboard-page .dashboard-wrap .visit-list .place {
  color: var(--krds-high-contrast-color-text-subtle);
}
.dashboard-page .dashboard-wrap .visit-list .date {
  color: var(--krds-high-contrast-color-text-subtler);
}

.user-page .box-user:nth-child(1) {
  background-color: var(--krds-mode-color-high-contrast-primary-80);
}
.user-page .box-user:nth-child(2) {
  background-color: #3e196a;
}
.user-page .box-user:nth-child(3) {
  background-color: #0c484e;
}
@media (max-width: 1023.98px) {
  .user-page .card-user {
    background-color: var(--krds-high-contrast-color-background-gray-subtler);
  }
}
@media (max-width: 1023.98px) {
  .user-page .box-area-mid {
    background-color: var(--krds-high-contrast-color-background-white);
  }
}
.user-page .promise-wrap {
  background-color: var(--krds-mode-color-light-gray-95);
}
.user-page .box-notice .box-title {
  color: var(--krds-light-color-text-bolder-inverse);
}
.user-page .box-notice .box-text strong {
  color: var(--krds-light-color-text-static-inverse);
}
.user-page .box-notice .box-text p {
  color: var(--krds-light-color-text-subtle-inverse);
}
.user-page .btn-link {
  color: var(--krds-color-high-contrast-gray-0);
}
.user-page .check-btn {
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.user-page .check-btn + .gray {
  color: var(--krds-mode-color-high-contrast-gray-10);
  background-color: var(--krds-color-light-gray-90);
  border-color: var(--krds-color-light-gray-70);
}
.user-page .check-btn:checked + label.gray {
  color: var(--krds-mode-color-high-contrast-gray-0);
  background-color: var(--krds-color-light-gray-70);
  border-color: var(--krds-color-light-gray-20);
}/*# sourceMappingURL=high-contrast.css.map */


.faq-container {
    margin: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.faq-item {
    border-bottom: 1px solid #ddd;
    padding: 20px;
    cursor: pointer;
	background-color: var(--krds-high-contrast-color-background-white);
/*     color: var(--krds-table--data-tbody-color-text); */
}
.faq-item:last-child {
    border-bottom: none;
}
.faq-question {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}
.faq-question:hover {
    color: #007BFF;
}
.faq-answer {
    display: none;
    margin-top: 12px;
    padding: 15px;
    border-left: 4px solid #007BFF;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.6;
}
.faq-question i {
    transition: transform 0.3s;
}
.faq-question.active i {
    transform: rotate(180deg);
}
.btn-tap-color {
	color: white !important;
}