@charset "UTF-8";

/* ========================================
 * Root Variables
 * ====================================== */
:root {
  /*변경*/
  --krds-contents-wrap-size: 1816px;
  /*추가*/
  --c-bg-blue-5: #F5F9FC;
  --krds-number-22: 12.8rem;
  --krds-number-23: 14.4rem;
  --krds-number-24: 16rem;
  --krds-number-25: 20.8rem;
}

/* ========================================
   공통 컴포넌트 스타일
   ======================================== */

/* 접근성을 위한 input 숨김 처리 */
.hide-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* ========================================
 * Layout / 공통(전역 사용)
 * ====================================== */
body {
  background-color: var(--c-bg-blue-5);
}

.gray {
  color: var(--krds-color-high-contrast-gray-60);
}

.max-wd-3 {max-width:38rem;}
.max-wd-8 {max-width:88rem;}
.max-wd-12 {max-width:120rem;}


.wp100 {width:100%;}

header, footer, main {
  z-index: 1;
  position: relative;
}
header {
  z-index: 2;
}

#container {
  min-height: calc(100vh - 22vh);
  background-color: transparent;
}

#container > .inner:not(.in-between) {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
  padding: var(--krds-pc-padding-card-medium);
  margin: 0 auto;
}

.in-between {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--krds-pc-padding-card-medium);
  margin: 0 auto;
}

.in-between .right-section:has(.info-card) {
  width: 38rem;
}

.cols-2 {
  gap: var(--krds-gap-6);
}

.contents-box {
  border-radius: var(--krds-radius-xlarge2);
  background-color: var(--krds-light-color-surface-white);
}

.contents-box-shadow {
  box-shadow: 0 0 2px 0 var(--krds-light-color-alpha-shadow1), 0 4px 8px 0 var(--krds-light-color-alpha-shadow2);
}

.contents-box > div {
  padding: var(--krds-number-12) var(--krds-number-14);
}

.contents-box .conts-ft {
  padding-top: 0;
}

.contents-box > .conts-hd {
  margin:0;
  border-bottom: 1px solid var(--krds-color-light-gray-10);
}

.contents-box .conts-area {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
}
.contents-box .conts-area:has(.page-btn-wrap) {
  padding-bottom:0;
}

.contents-box:not(:has(.krds-pagination)) .conts-area {
  padding-bottom:var(--krds-number-16);
}

.krds-pagination {
  margin: 1rem 0;
}

#krds-footer {
  background-color: transparent;
}

#krds-footer > .inner {
  max-width: var(--krds-contents-wrap-size);
  padding: var(--krds-pc-padding-card-small) var(--krds-pc-padding-card-medium);
}

#krds-footer .f-copy {
  text-align: center;
  color: var(--krds-light-color-text-subtle-inverse);
  font-size: var(--krds-mobile-font-size-body-xsmall);
  font-weight: var(--krds-font-weight-regular);
}

/* ========================================
 * Form (Select / Check)
 * ====================================== */
 .form-group .form-conts {
  position: relative;
}

.krds-form-select {
  border-color: var(--krds-color-light-gray-30);
  --krds-form-select--radius-small: var(--krds-radius-medium2);
  cursor: pointer;
}
.krds-form-select:focus {
  border-width: 1px;
}
.krds-form-select.completed {
  border-color: var(--krds-form-select--color-border);
}
.krds-form-select.completed:focus {
  box-shadow: 0 0 0 2px rgba(37, 100, 244, 0.5);
}

.krds-form-check {
  display: flex;
  align-items: flex-start;
}

.krds-form-check:focus {
  border-radius: var(--krds-form-check--checkbox-button-radius-medium);
}

.krds-form-check input ~ label:has(.sr-only),
.krds-form-check input[type=checkbox] ~ label:has(.sr-only):focus {
  border: 0;
  border-radius: var(--krds-form-check--checkbox-button-radius-medium);
}

.krds-form-check input[type=checkbox] ~ label:has(.sr-only):before {
  margin-top: 0;
}

.krds-form-check input[type=checkbox] ~ label:has(.sr-only):after {
  top: calc(
    (var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium)) / 6 + var(--krds-form-check--button-margin-top)
  );
}

input[readonly],
input[disabled],
.krds-input.disabled,
.krds-input[readonly],
.krds-input[disabled] {
  background-color:var(--krds-color-high-contrast-gray-10);
}

/* ========================================
* Table
* ====================================== */
.krds-table-wrap .tbl.data.center thead th,
.krds-table-wrap .tbl.data.center tbody td {
  padding: var(--krds-table--data-tbody-padding);
}


.krds-table-wrap td .data-amount:first-child:not(p.data-amount) {
  margin-bottom:.4rem;
}
.krds-table-wrap td:has(> .data-amount:only-child) > .data-amount:first-child {
  margin:0
}

/* ========================================
 * Search List Top / Sort Area
 * ====================================== */
.search-list-top .sch-info li,
.search-list-top .sch-sort li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
}

.description {
  color: var(--krds-color-high-contrast-gray-40);
  font-weight: var(--c-font-weight-3);
  font-size: var(--krds-mobile-font-size-body-small);
}

.search-list-top .sch-info li.list-title:has(.description) {
  align-items: flex-end;
}
.search-list-top .sch-info li.list-title .description {
  margin-left:1rem;
}

.search-list-top .sch-info li .krds-badge.text-bd {
  padding:0 var(--krds-padding-2)
}



.search-list-top {
  --search-list-color-text-primary: var(--krds-light-color-text-primary);
  --search-list-width-border: var(--krds-light-border-width-variable-regular);
  --search-list-color-border: var(--krds-light-color-divider-gray);
  --search-list-sort-btn-color-button-hover: var(--krds-light-color-button-text-fill-hover);
  --search-list-sort-btn-color-button-active: var(--krds-light-color-button-text-fill-pressed);
  --search-list-sort-btn-color: var(--krds-light-color-text-basic);
  --search-list-sort-btn-color-background: var(--krds-light-color-button-text-fill);
  --search-list-sort-btn-border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-button-text-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--krds-gap-9);
}

.search-list-top .sch-info {
  display: inline;
  font-size: var(--krds-pc-font-size-body-large);
  font-weight: var(--krds-font-weight-bold);
}
.search-list-top .sch-info:has(> li:nth-of-type(2)) {
  display: inline-flex;
  gap:var(--krds-gap-3)
}

.search-list-top .sch-info li {
  display: inline;
}

.search-list-top .sch-info .point {
  word-break: break-all;
  color: var(--search-list-color-text-primary);
  margin-left: .5rem;
}

.search-list-top .sch-sort {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  gap: 1.4rem;
}

.search-list-top .sch-sort {
  flex-shrink: 0;
}

.search-list-top .sch-info li,
.search-list-top .sch-sort li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
}

.search-list-top .sch-info li:not(:last-child) {
  padding-right: 0;
}
.search-list-top .sch-sort li:not(:last-child) {
  padding-right: 1.7rem;
}

.search-list-top .sch-sort .sort-label {
  font-weight: var(--krds-font-weight-bold);
  white-space: nowrap;
  margin-right: var(--krds-gap-4);
}

.search-list-top .sch-sort .krds-form-select-sort {
  border: var(--search-list-sort-btn-border);
  border-radius: var(--krds-radius-medium2);
  background-color: var(--search-list-sort-btn-color-background);
}

.search-list-top .sch-info li:not(:last-child)::after {
  display: none;
}
.search-list-top .sch-sort li:not(:last-child)::after {
  content: "";
  display: inline-flex;
  width: var(--search-list-width-border);
  height: var(--krds-size-height-2);
  background-color: var(--search-list-color-border);
  position: absolute;
  bottom: initial;
  right: 0.5rem;
}

.search-list-top .sch-sort .w-sort-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
}

/* ========================================
 * Search Top / Filter Section / Buttons
 * ====================================== */
.search-top-box {
  display: flex;
  width: 100%;
}

.search-top-box form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.search-top-box .input-group {
  gap: var(--krds-gap-3);
}
.input-group .btn-wrap {
  width:initial;
}

.filter-section {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
  flex: 1;
  min-width: 600px;
}

.search-top-box .sch-form-wrap {
  flex-shrink: 0;
}

.filter-section .krds-check-area {
  gap: var(--krds-gap-3);
}

.filter-section .krds-check-area .krds-form-check input[type=checkbox] ~ label {
  gap: 0.5rem;
}

.filter-section .krds-check-area .krds-form-check input[type=checkbox] ~ label:before {
  margin-top: 0.25rem;
}

.filter-section .krds-form-check .count {
  color: var(--krds-color-high-contrast-gray-40);
  font-weight: var(--krds-typo-font-weight-regular);
  font-size: var(--krds-pc-font-size-label-medium);
}

.filter-section .krds-form-check .count > em {
  display: inline-flex;
  justify-content: center;
  min-width: 2.8rem;
  line-height: 1.5;
  padding: 0 0.25rem;
  margin: 0 0.2em 0 0.4rem;
  font-weight: var(--krds-font-weight-regular);
  color: var(--krds-color-high-contrast-gray-60);
  border-radius: 0.5rem;
  background: var(--krds-color-light-gray-5);
}

.filter-section .krds-filter-area {
  border: 1px solid var(--krds-color-high-contrast-gray-20);
  border-radius: var(--krds-radius-medium2);
  overflow: hidden;
  width: fit-content;
  gap: 0;
}

.krds-filter-area .krds-form-check {
  position: relative;
  flex: 1;
}

.krds-filter-area .krds-form-check input[type=radio] ~ label {
  display: block;
  padding: var(--krds-number-6) var(--krds-number-8);
  font-size: var(--krds-pc-font-size-label-small);
  color: var(--krds-light-color-text-static);
  background-color: var(--krds-light-color-background-white);
  border-right: 1px solid var(--krds-color-high-contrast-gray-20);
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s, color 0.2s;
}

.krds-filter-area .krds-form-check:last-child input[type=radio] ~ label {
  border-right: none;
}

.krds-filter-area .krds-form-check input[type=radio] ~ label:before,
.krds-filter-area .krds-form-check input[type=radio] ~ label:after {
  display: none;
}

.krds-filter-area .krds-form-check input[type="radio"]:checked + label {
  background-color: var(--krds-color-high-contrast-gray-5);
  font-weight: var(--c-font-weight-6);
}

.krds-filter-area .krds-form-check label:hover {
  background-color: var(--krds-color-high-contrast-gray-5);
}

.btn-group {
  display: inline-flex;
  gap: var(--krds-gap-5);
  align-items: center;
}

td .btn-group  {
  gap: var(--krds-gap-3);
}

/* ========================================
 * Page Button Area
 * ====================================== */
.page-btn-wrap {
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  gap: var(--krds-gap-5);
  margin-top: var(--krds-gap-4);
  width: 100%;
}

.page-btn-wrap.both {
  justify-content: space-between;
}

.page-btn-wrap .btn-wrap {
  display: inline-flex;
  align-items: center;
  gap: var(--krds-gap-3);
  width: auto;
}

.page-btn-wrap.both .btn-wrap:first-child {
  width: 50%;
}

.page-btn-wrap .btn-wrap:first-child .krds-form-select.small {
  max-width: 10rem;
}

.btn-wrap.flex-wrap-wrwp {
  display: flex;
  flex-wrap: wrap;
  gap: var(--krds-gap-4) var(--krds-gap-3);
}

.btn-wrap .krds-btn.tertiary {
  color: var(--krds-light-color-text-basic);
  border-color: transparent;
  background-color: var(--krds-color-high-contrast-gray-10);
}

.btn-wrap .krds-btn.tertiary:hover {
  background-color: var(--krds-color-high-contrast-gray-20);
}

.btn-wrap .krds-btn.tertiary.line {
    background-color: var(--krds-button--color-tertiary-fill);
    border-color: var(--krds-button--color-tertiary-border);
    color: var(--krds-button--color-tertiary-text);
}

.btn-wrap .krds-btn.tertiary.line:hover {
  background-color: var(--krds-color-high-contrast-alpha-black10)
}

.btn-wrap.text {
  gap: var(--krds-gap-2);
  font-weight: var(--c-font-weight-3);
}


.action-section .btn-wrap.flex-wrap-wrwp > * {
  flex: 1;
}
.action-section .btn-wrap.flex-wrap-wrwp .krds-btn:first-child {
  max-width:12rem;
}
.action-section .btn-wrap.flex-wrap-wrwp > *:last-child {
  width:100%;
}


/* ========================================
 * Search List Top - Upload Button
 * ====================================== */
.search-list-top .file-upload .krds-btn.secondary {
  color: var(--krds-light-color-text-basic);
  border-color: var(--krds-color-light-gray-60);
  background-color: rgba(88, 97, 106, 0.1);
}

.search-list-top .file-upload .krds-btn.secondary:hover {
  background-color: rgba(88, 97, 106, 0.2);
}

.search-list-top .file-upload .krds-btn.secondary > i.svg-icon {
  background-color: var(--krds-color-light-gray-90);
}



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

.header {
  width: 100%;
}

.header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: var(--krds-number-19);
  background-color: var(--krds-color-light-primary-50);
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height:100%;
  padding-left: var(--krds-number-14);
}

.logo {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
}

.main-nav {
  display: flex;
  align-items: center;
}

.nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: var(--krds-size-height-8);
  min-width: var(--krds-number-20);
  padding: 0 var(--krds-padding-8);
  text-decoration: none;
  font-weight: var(--c-font-weight-6);
  font-size: var(--krds-pc-font-size-body-medium);
  color: var(--krds-color-light-alpha-white75);
  position: relative;
  transition: color 0.2s;
}

.nav-item:focus,
.nav-item:hover,
.nav-item.active {
  color: var(--krds-light-color-text-basic-inverse);
}

.nav-item.active::after {
  content: '';
  display: none;
  position: absolute;
  bottom: .2rem;
  left: 50%;
  transform: translateX(-50%);
  width: var(--krds-size-height-1);
  height: var(--krds-size-height-1);
  background-color: var(--krds-light-color-background-white);
  border-radius: var(--krds-radius-max);
}

.nav-item.active::after {
  display: block;
}

.user-section {
  display: flex;
  align-items: center;
  height: 100%;
}

.mypage {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-6);
  padding: var(--krds-padding-4) var(--krds-padding-8);
  border-left: 1px solid var(--krds-color-light-primary-60);
  position: relative;
  height:100%;
}

.profile-avatar {
  width: var(--krds-size-height-6);
  height: var(--krds-size-height-6);
  background-color: var(--krds-light-color-background-white);
  border-radius: var(--krds-radius-max);
  display: flex;
  align-items: center;
  justify-content: center;
}

.setting-badge {
  position: absolute;
  left: var(--krds-number-17);
  top: var(--krds-number-12);
  background-color: var(--krds-color-light-gray-70);
  border-radius: var(--krds-radius-max);
  padding: var(--krds-padding-1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--krds-number-10);
  height: var(--krds-number-10);
}

.profile-info {
  min-width:var(--krds-number-20);
  padding-left: var(--krds-padding-2);
  color: var(--krds-light-color-text-basic-inverse);
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: var(--krds-typo-font-weight-regular);
  line-height: 1.5;
}

.profile-name strong {
  font-weight: var(--c-font-weight-6);
}

.profile-role {
  color: var(--krds-color-light-alpha-white75);
  font-weight: var(--c-font-weight-3);
  text-align: left;
}

.logout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--krds-color-light-primary-60);
  width: var(--krds-number-19);
  height:100%;
}
.logout-btn:hover {
  background-color: var(--krds-color-light-alpha-white10);
}
.logout-btn > .svg-icon {
  width:var(--krds-size-height-5);
  height:var(--krds-size-height-5);
}

.sub-nav-wrap {
  background-color: var(--krds-light-color-background-white);
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--krds-color-light-gray-10);
  height: var(--krds-size-height-10);
}

.sub-nav {
  display: flex;
  align-items: center;
}

.sub-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--krds-size-height-10);
  min-width: var(--krds-number-20);
  padding: 0 var(--krds-padding-8);
  font-weight: var(--c-font-weight-6);
  color: var(--krds-color-light-gray-40);
  text-align: center;
  transition: color 0.2s, border-color 0.2s;
}

.sub-nav-item:hover {
  color: var(--krds-color-light-primary-60);
}

.sub-nav-item.active {
  color: var(--krds-color-light-primary-60);
  border-bottom: var(--krds-number-3) solid var(--krds-color-light-primary-50);
}

/* ========================================
 * Join form
 * ====================================== */
/* Left Section */
.left-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
  padding-top: var(--krds-number-6);
}

.page-title {
  color: var(--krds-color-high-contrast-alpha-black25);
}

.section {
  border-radius: var(--krds-radius-xlarge1);
  padding:var(--krds-number-14) var(--krds-number-16) var(--krds-number-16);
}

.left-section .section:not(.left-section .section:last-child) {
  margin-bottom:1rem;
}

.section.contents-box > div {padding:0}

.section .section-header {
  margin-bottom: var(--krds-number-8);
}

.section-title {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  color: var(--krds-color-light-gray-30);
}

.form {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-8);
}

.form-area {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-8);
}

.form-box {
  display: flex;
  flex-direction: column;
  gap: var(--krds-number-2);
}

.form-tt {
  display: flex;
  align-items: center;
  gap: var(--krds-number-6);
  padding-bottom: var(--krds-number-5);
}

.form-tt h4 {
  font-size: var(--krds-pc-font-size-body-large);
  font-weight: var(--krds-typo-font-weight-bold);
  color: var(--krds-color-light-secondary-80);
}
.tt-color-blue {
  color:var(--krds-color-light-primary-60);
}

.sub-label {
  font-size: var(--krds-pc-font-size-body-small);
  color: var(--krds-color-light-gray-40);
  font-weight: var(--c-font-weight-3);
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
}

.form-group-inner {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-4);
}

.form-group-inner.email {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-4);
}

.input-wrapper {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-3);
}

.separator {
  font-size: var(--krds-pc-font-size-body-large);
  color: var(--krds-color-light-gray-90);
  flex-shrink: 0;
}

/* Right Section */
.right-section {
  position: sticky;
  top: var(--krds-number-6);
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
  padding-top: var(--krds-number-16);
  transition: .3s;
}

.scroll-down .right-section {
  padding-top: var(--krds-number-6);
}
.scroll-up .right-section {
  padding-top:15rem;
}


.info-card {
  position: relative;
  background-color: var(--krds-color-light-gray-0);
  border: 1px solid var(--krds-color-light-gray-20);
  border-radius: var(--krds-radius-xlarge1);
  padding: var(--krds-number-12) var(--krds-number-14);
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}

.card-header {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
  flex-wrap: wrap;
}

.card-header h3 {
  font-size: var(--krds-pc-font-size-body-large);
  font-weight: var(--krds-typo-font-weight-bold);
  color: var(--krds-color-light-gray-95);
}

.divider {
  width: 100%;
  border-top: 1px solid var(--krds-color-light-gray-20);
}
.divider.line {
  width: .1rem;
  height: 100%;
  max-height: 2.4rem;
  border: none;
  background-color: var(--search-list-color-border);
}
.divider.line.small {
  max-height: 1.6rem;
}

.card-content {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}

.status-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-2);
}

.status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.status-row .label {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: var(--krds-typo-font-weight-bold);
  color: var(--krds-color-light-gray-60);
}

.toggle-wrapper {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
  height: 29px;
}

.toggle-label {
  text-align: center;
  min-width: 3.4rem;
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-70);
}

.toggle-label.is-on {
  color: var(--krds-color-high-contrast-primary-60);
}

.long-switch {
  width: var(--krds-number-20);
  height: var(--krds-number-10);
  border-radius: var(--krds-radius-max);
  padding: var(--krds-number-2);
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
}

.long-switch.krds-form-toggle-switch.large [type=checkbox] ~ label,
.long-switch.krds-form-toggle-switch.large [type=checkbox] ~ label .switch-toggle {
  width: 100%;
}
.long-switch.krds-form-toggle-switch.large [type=checkbox] ~ label .switch-toggle > i {
  width: 5rem;
}
.long-switch.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle > i {
  left: 0;
}
.long-switch.krds-form-toggle-switch.large [type=checkbox]:checked ~ label .switch-toggle > i {
  left: 3rem;
}

/* 토글 스위치 체크 상태 배경색 - 파란색 (공개) */
/* KRDS CSS 우선순위 오버라이드를 위해 !important 사용 */
.toggle-wrapper .long-switch.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle {
  background-color: var(--krds-color-light-primary-50) !important;
  background: var(--krds-color-light-primary-50) !important;
}

/* 토글 스위치 미체크 상태 배경색 - 회색 (비공개) */
/* KRDS CSS 우선순위 오버라이드를 위해 !important 사용 */
.toggle-wrapper .long-switch.krds-form-toggle-switch [type=checkbox]:not(:checked) ~ label .switch-toggle {
  background-color: var(--krds-color-light-gray-40) !important;
  background: var(--krds-color-light-gray-40) !important;
}

.krds-form-toggle-switch:focus [type=checkbox] ~ label,
.krds-form-toggle-switch.focus [type=checkbox] ~ label {
  box-shadow: none;
  outline-offset: 0;
  outline: none;
}

.action-section {
  padding: var(--krds-number-6) var(--krds-number-9);
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
}

.action-message {
  font-size: var(--krds-pc-font-size-body-small);
  color: var(--krds-color-light-gray-70);
}

.action-section .btn-wrap .krds-btn.line {
  background-color: var(--krds-light-color-surface-white);
}



/* ========================================
 * POP-UP
 * ====================================== */
.thumbnail {
  width: 15rem;
  margin: 0 auto;
}

.krds-table-wrap .krds-btn.link {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font-weight: var(--c-font-weight-6);
  font-size: var(--krds-button--mobile-font-size-medium);
}

.krds-table-wrap .krds-btn.link .underline {
  white-space: nowrap;
}

.krds-table-wrap .tbl[data-table="popup-list"] .krds-btn.link {
  max-width: 280px;
}

/* ========================================
* list 페이지 테이블
* ====================================== */
.krds-table-wrap .tbl[data-table="application-list"] .project-name strong {max-width:480px;} /*사업신청*/
.krds-table-wrap .tbl[data-table="program-list"] .project-name strong {max-width:440px;} /*공모사업*/
.krds-table-wrap .tbl[data-table="report-list"] .project-name strong {max-width:600px;} /*결과보고*/

.krds-table-wrap .tbl[data-table="operation-list"].data tbody th,
.krds-table-wrap .tbl[data-table="operation-list"].data tbody td {padding: var(--krds-padding-8) var(--krds-padding-6);}
.krds-table-wrap .tbl[data-table="operation-list"] .reason-dt p {max-width:400px;} /*로그프로그램*/
.krds-table-wrap .tbl[data-table="operation-list"] .krds-btn.link {
  max-width: 240px;
  font-weight: var(--c-font-weight-3);
}

.krds-table-wrap .tbl[data-table="operation-list"] .krds-btn.link::after {

}
.krds-table-wrap .tbl[data-table="operation-list"] .krds-btn.link::after:hover {

}

.krds-table-wrap .tbl[data-table="operation-list"] .badge-group {
  display: flex;
  justify-content: center;
  gap: var(--krds-gap-2);
}

.krds-form-check input[type=radio]:disabled ~ label:before,
.krds-form-check input[type=checkbox]:disabled ~ label:before {
  background-color: var(--krds-color-high-contrast-gray-10) !important;
}



/* 공통 베이스 */
.judge-result {
  transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
  appearance: none;
}
/* 심사중 */
.judge-result:has(option:checked[value="PENDING"]) {
  background-color: var(--krds-color-light-warning-5);
  border-color: var(--krds-color-light-warning-40);
  color: var(--krds-color-light-warning-50);
  box-shadow: 0 0 0 2px var(--krds-light-color-alpha-shadow1);
}
/* 선정 */
.judge-result:has(option:checked[value="SELECTED"]) {
  background-color: var(--krds-color-light-success-5);
  border-color: var(--krds-color-light-success-40);
  color: var(--krds-color-light-success-50);
}
/* 미선정*/
.judge-result:has(option:checked[value="NOT_SELECTED"]) {
  background-color: var(--krds-color-light-danger-5);
  border-color: var(--krds-color-light-danger-40);
  color: var(--krds-color-light-danger-50);
}

/* ========================================
* 모달
* ====================================== */
.custom-modal.krds-modal .modal-dialog .modal-header .modal-title {
  display: flex;
  flex-direction: column;
}
.custom-modal.krds-modal .modal-dialog .modal-header .modal-title > small {
  font-weight: var(--c-font-weight-3);
  font-size: var(--krds-mobile-font-size-body-medium);
  color: var(--krds-light-color-text-subtle);
}

.custom-modal.krds-modal .conts-area .krds-input::placeholder {
  font-size: var(--krds-input--pc-font-size-medium);
}

.custom-modal.krds-modal .conts-area textarea.krds-input {
  min-height: 20rem;
}

/* ========================================
* 통계
* ====================================== */
.krds-table-wrap .tbl[data-table="stats-list"].data.center thead th {
  padding:var(--krds-padding-3);
}

.krds-table-wrap .tbl[data-table="stats-list"] thead tr:nth-child(1) th:nth-child(n+3):nth-child(-n+7),
.krds-table-wrap .tbl[data-table="stats-list"] thead tr:nth-child(1) th:last-child,
.krds-table-wrap .tbl[data-table="stats-list"] thead tr:nth-child(2) th:nth-child(1),
.krds-table-wrap .tbl[data-table="stats-list"] thead tr:nth-child(2) th:nth-child(4),
.krds-table-wrap .tbl[data-table="stats-list"] thead tr:nth-child(2) th:nth-child(7),
.krds-table-wrap .tbl[data-table="stats-list"] thead tr:nth-child(2) th:nth-child(10),
.krds-table-wrap .tbl[data-table="stats-list"] thead tr:nth-child(2) th:nth-child(13) {
  border-left: 1px solid var(--krds-table--data-thead-border);
}
.krds-table-wrap .tbl[data-table="stats-list"] tbody tr td:nth-child(3),
.krds-table-wrap .tbl[data-table="stats-list"] tbody tr td:nth-child(6),
.krds-table-wrap .tbl[data-table="stats-list"] tbody tr td:nth-child(9),
.krds-table-wrap .tbl[data-table="stats-list"] tbody tr td:nth-child(12),
.krds-table-wrap .tbl[data-table="stats-list"] tbody tr td:nth-child(15),
.krds-table-wrap .tbl[data-table="stats-list"] tbody tr td:last-child {
  border-left: 1px solid var(--krds-table--data-tbody-color-divider);
}

.krds-table-wrap .tbl[data-table="stats-list"] tbody tr td {
  background-color: transparent;
}

.krds-table-wrap .tbl[data-table="stats-list"] tbody tr {
  transition:.3s;
}
.krds-table-wrap .tbl[data-table="stats-list"] tbody tr:hover {
  background-color:var(--krds-color-light-gray-5);
}

.krds-table-wrap .tbl[data-table="stats-list"] thead tr .krds-badge.text-bd {
  padding: 0;
  vertical-align: middle;
}


.sch-form-wrap .input-group .krds-form-select:active {
  color: var(--krds-color-light-gray-90);
  border-color: var(--krds-color-light--gray-50);
}


.krds-file-upload.custom-upload {
  display: flex;
  flex-direction: row;
  gap: var(--krds-gap-6);
  align-items: stretch;
  padding: var(--krds-number-12);
  border-color: var(--krds-color-high-contrast-gray-30);
}

/* 왼쪽 미리보기 영역 */
.krds-file-upload.custom-upload .file-list {
  align-items: center;
  justify-content: center;
  flex: 1;
  max-width: 19rem;
  min-height: 25rem;
  border-radius: var(--krds-radius-xlarge1);
  border: 1px solid var(--krds-color-light-gray-20);
  background-color: var(--krds-color-light-gray-5);
  padding: var(--krds-padding-6);
}

/* 이미지가 있을 때(상태 클래스) */
.krds-file-upload.custom-upload.has-image .file-list {
  background-color: var(--krds-light-color-background-white);
}

/* 기본 텍스트/문구 */
.krds-file-upload.custom-upload .file-info {
  position: relative;
  width: 100%;
  max-width: 15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--krds-gap-4);
  border: none;
  padding: 0;
}

.preview-placeholder {
  text-align: center;
  color: var(--krds-color-high-contrast-alpha-black25);
  font-weight: var(--c-font-weight-6);
}

/* 이미지 영역 */
.krds-file-upload.custom-upload .file-info .file-img {
  width: 100%;
  min-height: 17rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 우측 드롭존/설명 영역 */
.krds-file-upload.custom-upload .file-upload {
  flex: 3;
  gap: var(--krds-gap-5);
  min-height: 25rem;
  max-width: calc(100% - 19rem);
  padding: var(--krds-file-upload--file-padding-x);
  background-color: var(--krds-light-color-background-gray-subtler);
}

.krds-file-upload.custom-upload .file-upload .txt {
  font-size: var(--krds-mobile-font-size-body-medium);
}

/* 처음에는 "파일 없음" 문구만 보이게 */
.krds-file-upload.custom-upload .txt-has-file {
  display: none;
}

/* 이미지가 있는 상태 */
.krds-file-upload.custom-upload.has-image .preview-placeholder {
  display: none;
}
.krds-file-upload.custom-upload.has-image .txt-empty {
  display: none;
}
.krds-file-upload.custom-upload.has-image .txt-has-file {
  display: block;
  color: var(--krds-color-high-contrast-gray-50);
}
.krds-file-upload.custom-upload.has-image .file-upload {
  background-color: var(--krds-file-upload--file-color-surface);
}

/* 버튼 비활성화 스타일 */
.krds-file-upload.custom-upload .file-upload .krds-btn[disabled],
.krds-file-upload.custom-upload .file-upload .krds-btn.disabled {
  border-color: transparent;
  cursor: not-allowed;
}
.krds-file-upload.custom-upload .file-upload .krds-btn[disabled] .ico-upload,
.krds-file-upload.custom-upload .file-upload .krds-btn.disabled .ico-upload {
  background-color: var(--krds-color-light-gray-60);
}



.period-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-3);
}

.period-wrap .krds-form-item .krds-form-label {
  font-size: var(--krds-mobile-font-size-body-xsmall);
  font-weight: var(--c-font-weight-6);
  color: var(--krds-light-color-text-disabled);
}


.page-edit textarea.pop-tit {
  max-height: 8rem;
}
.page-edit textarea.pop-det {
  min-height: 18rem;
}



/*검색결과 키워드 강조효과*/
.tbl.data .sch {
  font-weight: var(--c-font-weight-6);
  color: var(--krds-color-light-primary-50);
}

.alert-wrap {
  display: none;
  margin-top: var(--krds-padding-3);
}

.alert-box {
  display: flex;
  align-items: center;
  width: auto;
  gap: var(--krds-gap-3);
  padding: var(--krds-padding-4) var(--krds-padding-6);
  border-radius: var(--krds-radius-medium4);
  border-width: 1px;
  border-style: solid;
}
.alert-tit {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--krds-pc-font-size-body-medium);
  color: var(--krds-light-color-text-basic);
}
.alert-tit::before {
  content: "";
  display: inline-flex;
  margin-right:var(--krds-gap-3);
  width: var(--krds-size-height-4);
  height: var(--krds-size-height-4);
  background-color: var(--krds-color-light-gray-90);
  background-color: transparent !important;
  forced-color-adjust: none;
  background-size: contain;
  background-repeat: no-repeat;
}

.alert-box.msg-error {
  border-color: var(--krds-light-color-border-danger-light);
  background-color: var(--krds-light-color-element-danger-lighter);
}
.alert-box.msg-error .alert-tit::before {
  background-image: url(../../_common/resources/img/ico_system_danger.svg);
}




/* ========================================
   Square Radio Button Component
   ======================================== */

/* Square 라디오 버튼 라벨 */
.square-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--krds-number-7) var(--krds-number-8);
  background: var(--krds-color-light-gray-0);
  border: 1px solid var(--krds-color-light-gray-20);
  border-radius: var(--krds-number-5);
  font-size: var(--krds-mobile-font-size-body-medium);
  transition: all 0.2s;
}

.square-label.medium {
  height: var(--krds-size-height-7);
  border-radius: var(--krds-radius-medium2);
  font-size: var(--krds-pc-font-size-label-medium);
}

.square-label.large {
  height: var(--krds-size-height-8);
  border-radius: var(--krds-radius-medium3);
  font-size: var(--krds-pc-font-size-label-large);
}


/* 라디오 아이콘 */
.radio-icon,
.check-icon {
  position: relative;
  display: inline-block;
  width: var(--krds-number-9);
  height: var(--krds-number-9);
  border-radius: 50%;
  flex-shrink: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image:url(../../_common/resources/img/ico_complete_disabled.svg);
}

.radio-icon.minus,
.check-icon.minus {
  background-image:url(../../_common/resources/img/icon_minus_circle.svg);
}

.square-label.large .radio-icon,
.square-label.large .check-icon {
  width: var(--krds-number-10);
  height: var(--krds-number-10);
}

/* 선택된 상태 - 라벨 */
.square-btn:checked + .square-label {
  color: var(--krds-light-color-text-primary);
  border-color: var(--krds-color-light-primary-50);
  font-weight: var(--c-font-weight-6);
}


.square-btn:checked + .square-label .radio-icon,
.square-btn:checked + .square-label .radio-icon.minus,
.square-btn:checked + .square-label .check-icon,
.square-btn:checked + .square-label .check-icon.minus {
  background-image:url(../../krds/node_modules/krds-uiux/resources/img/component/icon/ico_complete_fill.svg);
}


/* 급별 선택 */
.grade-select {
    display: flex;
    flex: 1;
    gap: var(--krds-number-5);
    align-items: flex-end;
    width: 100%;
}

/* 급별 선택 - 라벨 레이아웃 */
.grade-select .square-label {
    flex: 1;
    min-width: 0;
}

.grade-select .square-label.first {
    flex: 0 0 auto;
    width: 30.8rem;
}

/* 유치원 타입 섹션 */
.kindergarten-type {
    display: none;
    gap: var(--krds-number-3);
}

/* 유치원 선택 시 유치원 타입 표시 */
#kindergarten:checked ~ .form-conts .kindergarten-type {
    display: flex;
}

/* 유치원 타입 라벨 레이아웃 */
.kindergarten-type .square-label {
    flex: 0 0 auto;
    width: 10rem;
}


/* 선택된 상태 - 급별 선택 */
#kindergarten:checked ~ .grade-box .grade-select .square-label.first,
#kindergarten:checked ~ .grade-box .grade-select .square-label:nth-child(1),
#elementary:checked ~ .grade-box .grade-select .square-label:nth-child(2),
#middle:checked ~ .grade-box .grade-select .square-label:nth-child(3),
#high:checked ~ .grade-box .grade-select .square-label:nth-child(4),
#special:checked ~ .grade-box .grade-select .square-label:nth-child(5),
#each:checked ~ .grade-box .grade-select .square-label:nth-child(6) {
  border-color: var(--krds-color-light-primary-50);
  color: var(--krds-color-light-primary-60);
  font-weight:var(--c-font-weight-6);
  background: var(--krds-light-color-background-white);
}


/* 급별 선택 시 체크마크 */
#kindergarten:checked ~ .grade-box .grade-select .square-label.first .radio-icon,
#kindergarten:checked ~ .grade-box .grade-select .square-label:nth-child(1) .radio-icon,
#elementary:checked ~ .grade-box .grade-select .square-label:nth-child(2) .radio-icon,
#middle:checked ~ .grade-box .grade-select .square-label:nth-child(3) .radio-icon,
#high:checked ~ .grade-box .grade-select .square-label:nth-child(4) .radio-icon,
#special:checked ~ .grade-box .grade-select .square-label:nth-child(5) .radio-icon,
#each:checked ~ .grade-box .grade-select .square-label:nth-child(6) .radio-icon {
  background-image:url(../../krds/node_modules/krds-uiux/resources/img/component/icon/ico_complete_fill.svg);
}



/* 검색 결과 박스 */
.search-result-box {
  display: none;
  z-index: 1;
  position: absolute;
  top: 48px;
  width: 100%;
  background: var(--krds-color-light-gray-0);
  border: 0 solid var(--krds-color-light-gray-20);
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 var(--krds-number-4) var(--krds-number-4);
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.08);
}

/* 결과 리스트 */
.result-list {
    display: flex;
    flex-direction: column;
    gap: var(--krds-number-5);
    margin: 0;
    padding: var(--krds-number-7) var(--krds-number-8);
    list-style: none;
    max-height: 30rem;
    overflow-y: auto;
}

/* 리스트 아이템 */
.result-list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--krds-number-5);
  padding: var(--krds-number-2) 0;
}
.result-list > li:hover {
  background-color: #f6f9ff;
}


/* 검색 결과 */
.search-result {
    display: flex;
    gap: var(--krds-number-10);
    flex: 1;
    align-items: center;
}

/* 지역 / 소속명 공통 */
.team,
.name {
    display: flex;
    align-items: center;
    gap: var(--krds-number-6);
    min-width: 24rem;
}


/* 라벨 공통 */
.team .label,
.name .label {
    font-size: var(--krds-form-group--label-pc-font-size);
    color: var(--krds-color-light-gray-40);
    font-weight: var(--c-font-weight-6);
    white-space: nowrap;
}

/* 값 공통 */
.team .value,
.name .value {
    font-size: var(--krds-mobile-font-size-body-medium);
    color: var(--krds-color-light-gray-90);
}

.team .value {
    white-space: nowrap;
}

.name .value {
    flex: 1;
}

/* 선택 버튼 */
.select-btn {
    padding: var(--krds-number-3) var(--krds-number-8);
    border: 1px solid var(--krds-color-light-gray-60);
    border-radius: var(--krds-number-3);
    font-size: var(--krds-form-group--label-pc-font-size);
    color: var(--krds-color-light-gray-90);
    transition: all 0.2s;
}

.select-btn:active,
.select-btn:hover {
  border-color: var(--krds-color-high-contrast-primary-30);
  color: var(--krds-color-light-primary-60);
  background-color: var(--krds-color-high-contrast-primary-5)
}


/* 스크롤바 커스텀 (선택적) */
.result-list::-webkit-scrollbar {
    width: var(--krds-number-4);
}

.result-list::-webkit-scrollbar-track {
    background: transparent;
}

.result-list::-webkit-scrollbar-thumb {
    background: var(--krds-color-light-gray-20);
    border-radius: var(--krds-number-3);
}

.result-list::-webkit-scrollbar-thumb:hover {
    background: var(--krds-color-light-gray-30);
}



input[data-field="org-name"].open {
  border-radius: var(--krds-input--radius-medium) var(--krds-input--radius-medium) 0 0;
  border-bottom: 0;
}




.approval-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.approval-group .square-label {
  width: 26rem;
  justify-content: center;
  gap: var(--krds-gap-3);
}

.approval-group .form-group-inner {
  flex:1;
}

.approval-group .unit {
  font-size: 1.9rem;
  color: var(--krds-color-light-gray-70);
  font-weight: bold;
  white-space: nowrap;
  flex-shrink: 0;
}


.approval-group .krds-input.active,
.approval-group-select .krds-form-select.active {
  border-color: var(--krds-color-light-primary-50);
  border-width: 2px;
  color: var(--krds-light-color-text-primary);
  font-weight: var(--c-font-weight-6);
}


/* 정보박스 */
.infobox {
  display: flex;
  align-items: center;
  gap: var(--krds-number-5);
  padding: var(--krds-number-8);
  background: var(--krds-color-light-secondary-5);
  border: var(--krds-number-1) solid var(--krds-color-light-secondary-10);
  border-radius: var(--krds-number-5);
  margin-bottom: var(--krds-number-12);
}

.infobox > p {
    flex: 1;
}


#container > .inner.menu-tab-wrap {
    padding: var(--krds-pc-padding-card-medium) var(--krds-pc-padding-card-medium) 0;
}
.menu-tab-wrap .tab.full > ul > li {
  max-width: 60rem;
}
.menu-tab-wrap .tab.fill .btn-tab {
  background-color: var(--krds-light-color-background-white);
}
.menu-tab-wrap .tab.fill .active .btn-tab {
  background-color: var(--krds-tab--fill-button-color-action-active);
}





/* ========================================
* 게시판 목록 :: 공지사항,
* ====================================== */
.krds-structured-list {
    display: block;
    width: 100%;
    margin-top: var(--krds-number-6);
}

.board-notice-list {
    display: flex;
    flex-direction: column;
    gap: var(--krds-number-6);
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 리스트 아이템 공통 */
.board-notice-list li {
    border-radius: var(--krds-number-5);
    transition: all 0.2s;
}
.board-notice-list li.notice-item {
    background: var(--krds-color-light-gray-5);
}
.board-notice-list li:not(.notice-item) {
  background: var(--krds-color-light-gray-0);
  border: var(--krds-number-1) solid var(--krds-color-light-gray-20);
}
.board-notice-list li.notice-item:hover {
  background-color: var(--krds-color-light-primary-5);
}
.board-notice-list li:not(.notice-item):hover {
  border-color:var(--krds-color-light-primary-30);
  background-color: var(--krds-color-light-primary-5);
}
.board-notice-list li:has(.no-data-box) {
  pointer-events: none;
}

/* 링크 */
.board-notice-list li a {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  grid-template-areas: "category title department date";
  align-items: center;
  gap: var(--krds-number-8);
  padding: var(--krds-number-7) var(--krds-number-8);
  min-height: var(--krds-size-height-10);
}
.board-notice-list li:not(.notice-item) a {
  grid-template-columns: auto 1fr auto auto;
  grid-template-areas: "number title department date";
}
.board-notice-list li a:hover * {
  color:var(--krds-color-light-primary-60);
}
.board-notice-list li:not(.notice-item) a:hover * {
  color:var(--krds-color-light-primary-60);
}


.board-notice-list .category,
.board-notice-list .number {
    text-align: center;
    width: 8rem;
}
.board-notice-list .category {
  grid-area: category;
  font-weight: bold;
  color: var(--krds-color-light-primary-60);
}
.board-notice-list .number {
  grid-area: number;
  color: var(--krds-color-light-gray-70);
}
/* 제목 */
.board-notice-list .title {
    grid-area: title;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.board-notice-list .title strong {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  color: var(--krds-color-light-gray-70);
  font-weight: var(--krds-font-weight-regular);
}
.board-notice-list .notice-item .title strong {
  font-weight: var(--krds-font-weight-bold);
}
.board-notice-list .department {
    grid-area: department;
    text-align: center;
    width: 22rem;
}
.board-notice-list .date {
    grid-area: date;
    text-align: center;
    width: 12rem;
}

.board-notice-list .svg-icon.ico-file {
    display: inline-block;
    width: 2.1rem;
    height: var(--krds-number-10);
    margin-left: var(--krds-number-3);
    vertical-align: middle;
    position: relative;
}


.page-view.board {

}
.page-view.board .contents-box {
  padding: var(--krds-number-15) var(--krds-number-17);
}
.page-view.board .contents-box > div {
  padding: initial;
}

.page-view.board .conts-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-8);
  width: 100%;
}

.board-page-title {
  margin-bottom: var(--krds-pc-gap-layout-h2-h3);
}

.page-view.board .board-page-title.line {
  padding-bottom: var(--krds-padding-10);
  border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light);
}

.board-page-title .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--krds-gap-3);
}
.board-page-title .info .info-txt,
.board-page-title .info .info-txt .date,
.board-page-title .info .info-ico {
  display: flex;
  align-items: center;
  color: var(--krds-color-high-contrast-gray-60);
}
.board-page-title .info .info-txt .team{
  min-width: inherit;
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: var(--krds-font-weight-bold);
}

.board-page-title .info .info-txt .date::before {
  content: "";
  display: inline-block;
  margin: 0 var(--krds-padding-5);
  width: var(--krds-light-border-width-static-regular);
  height: var(--krds-size-height-2);
  background-color: var(--krds-light-color-divider-gray);
}
.board-page-title .info .info-ico .svg-icon {
  background-color:var(--krds-color-high-contrast-gray-60);
}
.board-page-title .info .info-ico .view-count {
  margin-left:var(--krds-number-2);
  color: var(--krds-color-high-contrast-gray-60);
}





.board-page-cont {
  width: 100%;
  min-height: 20rem;
}
.board-page-cont.line {
  padding: var(--krds-gap-9) 0;
  border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light);
}
.board-page-cont.padding-9 {
  padding: var(--krds-padding-9) 0;
}

.krds-file-upload.board-page-file {
  width: 100%;
  gap: var(--krds-gap-4);
  padding: var(--krds-padding-10);
  border-radius: var(--krds-radius-xlarge2);
  background-color: var(--krds-color-light-gray-5);
}
.board-page-file .file-list > li {width:100%;}




.board-page-file .file-list .file-info .file-name {
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.board-page-file .file-list .file-info .btn-wrap {
  display: inline-flex;
  align-items: center;
  gap: var(--krds-gap-5);
  width: auto;
}

main[class^="page"].board .conts-ft,
.page-view.board .conts-ft {
  margin-top:var(--krds-gap-8);
}



.board-page-title .krds-form-check input[type=radio] ~ label,
.board-page-title .krds-form-check input[type=checkbox] ~ label {
  align-items: center;
}
.board-page-title .krds-form-check.large > input[type=checkbox] ~ label:before {
  margin:0;
}

.krds-file-upload .file-list .upload-list > li,
.page-edit.board .krds-file-upload.board-page-file {
  background-color: var(--krds-light-color-background-white);
}

.page-edit.board .conts-area {
  gap: var(--krds-gap-10);
}

.page-edit.board .form-tt h4 {
  color: var(--krds-light-color-text-bolder);
}

.page-edit.board .sub-label {
  font-size: var(--krds-pc-font-size-body-medium);
}


.krds-file-upload .file-upload {
  gap: var(--krds-gap-6);
  background-color: var(--krds-color-light-gray-5)
}

.krds-file-upload .file-upload .txt {
  color: var(--krds-color-high-contrast-gray-50);
}



.page-edit.board .page-title {
  margin: 1rem 0;
  font-size: var(--krds-mobile-font-size-heading-medium);
  color: var(--krds-light-color-text-bolder);
}

.page-edit.board .notice-det {
  min-height:40rem;
}


.krds-table-wrap .qna-list-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 var(--krds-number-7); 
}




.krds-table-wrap .tbl.qna-list-table thead th {
  border-bottom:none;
}

.krds-table-wrap .tbl.qna-list-table tbody tr td {
  border-top: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
}
.krds-table-wrap .tbl.qna-list-table tbody tr td:first-child {
  border-radius: var(--krds-radius-medium3) 0 0 var(--krds-radius-medium3);
  border-left:var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
}
.krds-table-wrap .tbl.qna-list-table tbody tr td:last-child {
  border-radius: 0 var(--krds-radius-medium3) var(--krds-radius-medium3) 0;
  border-right:var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
}
.krds-table-wrap .tbl.qna-list-table tbody tr td:has(.no-data-box) {
  padding: 0;
  border-radius: var(--krds-radius-medium3);
}

.krds-table-wrap .tbl.qna-list-table .krds-btn.link {
  display: inline-block;
  vertical-align: middle;
  color: var(--krds-light-color-text-basic);
  font-weight: var(--krds-font-weight-regular);
}
.krds-table-wrap .tbl.qna-list-table .krds-btn.link:hover {
  color:var(--krds-color-light-primary-60);
  font-weight: var(--c-font-weight-6);
}
.krds-table-wrap .tbl.qna-list-table .krds-btn.link:active,
.krds-table-wrap .tbl.qna-list-table .krds-btn.link:focus {
  box-shadow: none;
  border:none
}
.krds-table-wrap .tbl.qna-list-table .krds-btn.link.title {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.krds-table-wrap .tbl.qna-list-table .krds-btn.link .svg-icon.ico-file {
  display: inline-block;
  width: var(--krds-number-9);
  height: var(--krds-number-9);
  margin: 0;
  vertical-align: middle;
  position: relative;
}

.krds-table-wrap .tbl.qna-list-table .krds-btn.link:visited .svg-icon,
.krds-table-wrap .tbl.qna-list-table .krds-btn.link:not(.icon) .svg-icon {
  background-color:var(--krds-light-color-text-basic);
}
.krds-table-wrap .tbl.qna-list-table .krds-btn.link:hover .svg-icon {
  background-color: var(--krds-button--color-link-text);
}

.krds-table-wrap .tbl.qna-list-table .krds-btn.link span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font-weight: var(--krds-font-weight-regular);
  font-size: var(--krds-button--mobile-font-size-medium);
  max-width: calc(100% - 3rem);
}


.krds-table-wrap .tbl.qna-list-table.tbl.data tbody tr:hover td:first-child,
.krds-table-wrap .tbl.qna-list-table.tbl.data tbody tr:hover td:last-child {border-color: var(--krds-color-light-primary-40);}




/* ----- 답변 카드 기본 ----- */
.page-view.board .contents-box > .answer-area {
  width: 100%;
  border-radius: var(--krds-radius-medium4);
  background-color: var(--krds-color-high-contrast-gray-5);
  padding: var(--krds-padding-10);
  border: 1px solid var(--krds-light-color-border-gray-light);
}

.answer-header {
  margin-bottom: var(--krds-gap-5);
}

.answer-title,
.answer-date-label {
  font-size: var(--krds-pc-font-size-body-large);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-light-color-text-static);
}

/* ----- 내용 영역 ----- */
.answer-body {
  border-radius: var(--krds-radius-large1);
}

/* 처음 상태 */
.answer-empty {
  text-align: center;
  padding: var(--krds-padding-9) 0;
}

.answer-empty-text {
  margin-bottom: var(--krds-gap-4);
  color: var(--krds-light-color-text-subtle);
  font-size: var(--krds-pc-font-size-body-medium);
}

/* 폼 영역 */
.answer-form {
  display: none; /* JS가 상태에 따라 토글 */
}

.answer-field + .answer-field {
  margin-top: var(--krds-gap-6);
}
.answer-field + .answer-field:has(.answer-date.data-txt) {
  margin-top: var(--krds-gap-4);
}

.answer-text {
  font-size: var(--krds-input--pc-font-size-medium);
  min-height: 14rem;
}
.answer-text.answer-txt {
  background-color: transparent;
  border-color: transparent;
  color: var(--krds-light-color-text-basic);
  padding: 0;
  min-height: auto;
}
.answer-text.answer-txt + .textarea-count {
  display: none;
}

/* 날짜 영역 */
.answer-date-row {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-4);
}

.answer-date {
  width: auto;
  min-width:24rem;
}

.answer-date.data-txt {
  background-color: transparent;
  border-color: transparent;
  padding-left: 0;
  font-weight: var(--krds-font-weight-regular);
  color:var(--krds-light-color-text-disabled);
  height: auto;
}

/* ----- 하단 버튼 영역 ----- */
.page-btn-wrap .answer-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--krds-gap-5);
}

.answer-footer-right {
  display: flex;
  gap: var(--krds-gap-3);
}

/* 답변 영역 버튼 초기 숨김 */
.btn-answer-cancel,
.btn-answer-submit,
.btn-answer-delete,
.btn-answer-edit {
  display: none;
}

/* answer-area의 상태와 무관하게 버튼은 page-btn-wrap 위치 그대로 사용 */
.page-btn-wrap .btn-answer-cancel,
.page-btn-wrap .btn-answer-submit,
.page-btn-wrap .btn-answer-delete,
.page-btn-wrap .btn-answer-edit {
  margin-left: var(--krds-gap-3);
}



/* ========================================
* 로그인
* ====================================== */
body:has(.main-bg) {
  background-color: var(--krds-light-color-background-white);
}
.main-bg {
  position: relative;
  background-image: url(../img/img_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.main-bg::after {
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height:30vh;
  min-height: 20rem;
  max-height: 40rem;
  background-color: var(--krds-light-color-background-white);
  pointer-events: none;
}

.main-bg.type2::after {
   height:calc(100% - 64rem);
   max-height:initial;
}


.main-header {
  padding: var(--krds-mobile-padding-card-medium);
  background-color: transparent;
}
.main-header .header-top {
  display: flex;
  align-items: center;
}
.main-header .header-top:has(.btn-wrap) {
  justify-content: space-between;
}
.main-header .header-top .btn-wrap {
  width: initial;
}



.auth-page .contents-box {
  position: relative;
  border-radius: var(--krds-number-10);
}

.auth-page #container > .inner:not(.in-between) {
  padding:var(--krds-number-17) 0 var(--krds-padding-8)
}




.auth-page .auth-form-area {
  display: flex;;
  gap: var(--krds-gap-8);
  padding: var(--krds-number-18) var(--krds-number-20);
}
.auth-page .auth-form-area .auth-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-8);
  width: 100%;
}
.auth-page .auth-form-area .auth-wrap .auth-tit {
  font-size: var(--krds-pc-font-size-heading-medium);
  color:var(--krds-light-color-text-secondary);
}

.auth-page .form-group:has(.form-tit) {
  flex-direction: row;
  align-items: center;
}

.auth-page .form-group .form-tit {
  width: var(--krds-number-21);
  font-size: var(--krds-mobile-font-size-body-large);
  font-weight: var(--c-font-weight-6);
}

.auth-page .page-btn-wrap {
  margin:0
}

.page-title-wrap {
  margin-bottom: var(--krds-number-12);
}

.page-title-wrap .h-tit {
  font-size: var(--krds-mobile-font-size-display-large);
  font-family: var(--c-font-edb);
  text-align: center;
  color: var(--krds-light-color-text-bolder);
}

.page-title-wrap .h-tit .small-txt {
  display: block;
  text-align: center;
  font-size: var(--krds-pc-font-size-label-large);
  font-family: var(--krds-font-family-base);
  font-weight: var(--c-font-weight-3);
}



.auth-page .page-btn-wrap .krds-btn.text:hover {
  background-color: transparent;
}

.auth-page .page-btn-wrap .find-go .krds-btn.text {
  color: var(--krds-color-high-contrast-gray-40);
}
.auth-page .page-btn-wrap .find-go .krds-btn.text:hover{
  color: var(--krds-color-high-contrast-gray-90);
}
.auth-page .page-btn-wrap .join-go .krds-btn.text {
  color: var(--krds-button--color-link-text);
}
.auth-page .page-btn-wrap .join-go .krds-btn.text .svg-icon {
  background-color:var(--krds-color-light-primary-50);
} 
.auth-page .page-btn-wrap .join-go .krds-btn.text:hover {
  color: var(--krds-color-light-primary-70);
}
.auth-page .page-btn-wrap .join-go .krds-btn.text:hover .svg-icon {
  background-color:var(--krds-color-light-primary-70);
}


.auth-page #container.find .inner {
  max-width: 1060px;
}
.page-title-wrap.left .h-tit,
.page-title-wrap.left .h-tit .small-txt {
  text-align: left;
}
.page-title-wrap.left .h-tit .small-txt {
  margin-top: var(--krds-number-10);
}
.page-title-wrap.left .h-tit .small-txt > em {
  font-weight: var(--c-font-weight-6);
  color: var(--krds-light-color-text-secondary);
}

.find .auth-form-area {
  align-items: center;
  gap: var(--krds-gap-12);
}
.find .line {
  display: block;
  width: 1px;
  height:28rem;
  background:var(--krds-color-light-gray-20);
}

.find .contents-box:before {
  content: '';
  z-index: 1;
  position: absolute;
  top: -14rem;
  right: -10rem;
  display: block;
  width: 300px;
  height: 188px;
  bottom: initial;
  background: url(../img/img_obj.png) no-repeat;
  background-size: contain;
  pointer-events: none;
}


.auth-page #container.find.result .inner {
  max-width:80rem;
}

.auth-page .page-btn-wrap.wp100 {
  justify-content: center;
  margin-top: var(--krds-number-18);
}
.auth-page .page-btn-wrap.wp100 .btn-wrap {
  width:100%;
}
.auth-page .page-btn-wrap.wp100 .btn-wrap .krds-btn {
  flex:1;
}

.page-btn-wrap.wp100 .btn-wrap .krds-btn.tertiary {
  background-color: var(--krds-color-light-alpha-white100);
  border-color: var(--krds-button--color-tertiary-border);
  color: var(--krds-button--color-tertiary-text);
}

.page-btn-wrap.wp100 .btn-wrap .krds-btn.tertiary:hover {
  background-color: var(--krds-button--color-tertiary-fill-hover);
}

.auth-page .result .auth-form-area .auth-wrap {
  gap: var(--krds-gap-6);
}

.auth-result-tt {
  font-size: var(--krds-mobile-font-size-body-large);
  color: var(--krds-light-color-text-basic);
}

.auth-result-box {
  display: flex;
  height: var(--krds-number-22);
  padding: var(--krds-padding-8); 
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: var(--krds-radius-medium2); 
  border: 1px solid var(--krds-color-light-gray-30);
  background: var(--krds-color-high-contrast-gray-5);
}

.auth-result-box strong {
  color: var(--krds-color-high-contrast-gray-100);
  font-size: var(--krds-pc-font-size-heading-medium); 
  font-weight: var(--krds-font-weight-bold); 
  letter-spacing: 0;
}

.auth-result-box p {
  color: var(--krds-color-light-gray-40);
  font-size: var(--krds-pc-font-size-body-large);
  font-weight: var(--krds-font-weight-regular); 
  letter-spacing: 0;
}


/* ========================================
 * 회원가입 - 정보입력 signup
 * ====================================== */

.auth-page #container.join .inner {
  max-width:1000px;
}

.auth-page #container.join .inner {
    max-width: 110rem;
}
.join .square-label {
    padding: var(--krds-number-8) var(--krds-number-9);
    border-color: var(--krds-color-light-gray-30);
    background-color: var(--krds-color-light-gray-5);
    color: var(--krds-color-light-gray-50);
}

.join .grade-select .square-label.first {
    width: 37.6rem;
}
.join .kindergarten-type {
    gap: var(--krds-number-5);
}
.join .kindergarten-type .square-label {
    width: 12rem;
}
.join .grade-select.establish .square-label {
   max-width: 22rem;
}

/* =========================================================
 * 섹션 헤더 (1, 2 단계 표시)
 * ======================================================= */
.form-section {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-10);
}

.form-section + .form-section {
  border-top: 3px solid var(--krds-color-light-gray-10);
  padding-top: var(--krds-number-18);
}

.section-header {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
}

.section-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--krds-size-height-5);
  height: var(--krds-size-height-5);
  border-radius: var(--krds-radius-small2);
  background-color:var(--krds-color-light-gray-70);
  color: var(--krds-light-color-text-basic-inverse);
  font-size: var(--krds-pc-font-size-label-large);
  font-weight: var(--krds-font-weight-regular);
}

.join .section-title {
  font-size: var(--krds-mobile-font-size-heading-medium);
  color:var(--krds-color-light-gray-80);
}

.join .form-tt h4 {
  color:var(--krds-color-light-gray-70);
}

/* =========================================================
 * form-box : 라벨 / 컨트롤 2열 레이아웃
 * ======================================================= */
.form-section .form-fields {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-9);
}

/* =========================================================
 * 아이디 / 비밀번호 / 경고 메시지
 * ======================================================= */

.form-group-inner .btn-check {
  white-space: nowrap;
}

.alert-messages .alert {
  display: inline-block;
  padding: 0 var(--krds-number-3);
  font-size: var(--krds-mobile-font-size-body-small);
}

.alert-messages .alert.success {
  color: var(--krds-color-light-primary-50);
  background-color: var(--krds-color-high-contrast-primary-5);
}

.alert-messages .alert.error {
  color: var(--krds-color-light-danger-50);
  background-color: var(--krds-color-high-contrast-danger-5);
}

/* 비밀번호 불일치 경고 */
.join .alert-wrap[data-role="pw-alert"] {
  margin-top:0
}

.form-group.alert-wrap .alert {
  font-size: var(--krds-mobile-font-size-body-xsmall);
  color: var(--krds-light-color-danger-strong);
}

.separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--krds-color-high-contrast-gray-60);
  font-size: var(--krds-pc-font-size-body-medium);
}

/* =========================================================
 * 개인정보 안내 박스
 * ======================================================= */
.privacy-box {
  margin-top: var(--krds-number-4);
  padding: var(--krds-number-12) var(--krds-number-16);
  border-radius: var(--krds-radius-large1);
  background-color: var(--krds-color-light-gray-5);
  color: var(--krds-light-color-text-subtle);
  font-size: var(--krds-mobile-font-size-body-medium);
  border: 1px solid var(--krds-color-light-gray-20);
}

.privacy-list {
  list-style: disc;
  padding-left: var(--krds-padding-7);
  color: var(--krds-color-high-contrast-graphic-70);
}

.privacy-notice {
  margin-top: var(--krds-number-5);
  font-size: var(--krds-mobile-font-size-body-medium);
  color: var(--krds-light-color-text-subtle);
}

/* 체크박스 영역 */
.privacy-notice + .krds-check-area {
  margin-top: var(--krds-number-6);
  justify-content: flex-end;
}


.auth-page #container.join .inner {
  gap: var(--krds-gap-10);
  padding: var(--krds-number-20) 0 var(--krds-padding-8);
}

.auth-page .join .contents-box {
  border-radius: var(--krds-number-7);
}

.auth-page .join .auth-form-area {
  padding: var(--krds-number-21);
  flex-direction: column;
  gap: var(--krds-gap-11);
}

.join .square-btn:checked + .square-label {
  color: var(--krds-light-color-text-primary);
  border-color: var(--krds-color-light-primary-50);
  background-color: var(--krds-light-color-background-white);
}

/* 소속지원청 기본 숨김 */
.form-box.org-region {
  display: none;
}

.join.edit #approval + label {
  width: 50%;
  justify-content: center;
  gap: var(--krds-gap-4);
}

.join.edit .auth-form-area section:nth-of-type(2) .form-group-inner {
  width: 100%;
}

.join.edit .number-input + span {
  min-width: 3rem;
  text-align: center;
}

.join.edit .readonly-txt {
  padding: var(--krds-padding-4) 0;
  font-size: var(--krds-pc-font-size-body-large);
  color: var(--krds-light-color-text-disabled);
}

/* ========================================
 * 반송사유 커스텀 모달 스타일
 * ====================================== */

/* 모달 오버레이 - 화면 전체를 덮는 반투명 배경 */
.custom-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 모달 컨테이너 */
.custom-modal-container {
  background: #fff;
  border-radius: var(--krds-radius-xlarge1);
  width: 76rem;
  max-width: 90%;
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 0 0.2rem 0 var(--krds-light-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--krds-light-color-alpha-shadow3);
  position: relative;
}

/* 모달 헤더 */
.custom-modal-header {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--krds-number-17) var(--krds-padding-10) var(--krds-padding-5);
}

.custom-modal-title {
  font-size: var(--krds-pc-font-size-heading-medium);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-light-color-text-basic);
}

.custom-modal-subtitle {
  font-weight: var(--c-font-weight-3);
  font-size: var(--krds-mobile-font-size-body-medium);
  color: var(--krds-light-color-text-subtle);
}

.custom-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}

/* 모달 바디 */
.custom-modal-body {
  padding:var(--krds-padding-3)  var(--krds-padding-10);
}

.custom-modal-body textarea {
  width: 100%;
  min-height: 20rem;
  resize: none;
}

/* 모달 푸터 */
.custom-modal-footer {
  padding: var(--krds-padding-3) var(--krds-padding-10) var(--krds-padding-10);
  display: flex;
  justify-content: flex-end;
  gap:var(--krds-gap-3);
}

.custom-modal-footer .krds-btn {
  min-width:7.8rem;
}

.custom-modal-footer .krds-btn.tertiary {
  color: var(--krds-light-color-text-basic);
  border-color: transparent;
  background-color: var(--krds-color-high-contrast-gray-10);
}

.custom-modal-footer .krds-btn.tertiary:hover {
  background-color: var(--krds-color-high-contrast-gray-20);
}

/* QnA 첨부파일 스타일 */
.g-attach-file-wrap {
    width: 100%;
    padding: var(--krds-padding-10);
    border-radius: var(--krds-radius-xlarge2);
    background-color: var(--krds-light-color-surface-gray-subtle);
}

.g-attach-file-wrap .file-list li {
    display: flex;
    align-items: center;
    gap: var(--krds-gap-5);
    margin-bottom: var(--krds-gap-5);
    padding: var(--krds-padding-6);
    border-radius: var(--krds-radius-medium3);
    border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light);
    background-color: var(--krds-light-color-background-white);
}

.g-attach-file-wrap .file-list li:last-child { 
    margin-bottom: 0;
}

.g-attach-file-wrap .file-list .name {
    width: 100%;
    word-break: break-all;
    color: var(--krds-light-color-text-bolder);
}

.g-attach-file-wrap .file-list .btn-download {
    flex-shrink: 0;
    align-self: flex-end;
}

/* QnA 첨부파일 - 추가 스타일 */
.page-view.board .g-attach-file-wrap {
    margin-top: var(--krds-padding-8);
}

.g-conts-area {
    width: 100%;
}

.con-tit {
    font-size: var(--krds-pc-font-size-body-medium);
    font-weight: var(--krds-font-weight-bold);
    color: var(--krds-light-color-text-bolder);
    margin-bottom: var(--krds-gap-4);
}

/* g-attach-file-wrap 패딩 복원 (contents-box > div의 padding: initial 덮어쓰기) */
.page-view.board .contents-box > div.g-attach-file-wrap {
    padding: var(--krds-padding-10);
}

/* 답변 영역과 첨부파일 사이 간격 */
.page-view.board .contents-box .answer-area {
    margin-top: var(--krds-number-14);
}