@charset "UTF-8";
/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
:root {
  --krds-color-light-secondary-5: #eef2f7;
}

/*타이틀 정보 박스*/
.sub_tit_wrap {
  width: 100%;
  background-color: var(--krds-gray-subtler);
  padding: 1.6rem;
  display: flex;
  align-items: center;
  border-radius: var(--krds-radius-medium3);
  margin-bottom: 2.4rem;
  border: 0.1rem solid var(--krds-gray-light);
}
.sub_tit_wrap .s_tit {
  font-size: var(--krds-pc-font-size-body-small);
  color: var(--krds-text-basic);
  margin-left: 0.8rem;
}

.page-title-wrap {
  margin-bottom: 2.4rem;
}
.page-title-wrap .h-tit {
  font-size: 30px;
}

/*상세 검색 박스*/
.search-top-box .sch-filter-box {
  margin-top: 0;
  padding: var(--krds-padding-6);
  background-color: var(--krds-color-light-secondary-5);
  /* 텍스트 만 */
}
.search-top-box .sch-filter-box .filter-area {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
}
.search-top-box .sch-filter-box .filter-area .filter-group {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  align-items: center;
}
.search-top-box .sch-filter-box .filter-area .filter-group:after {
  display: inline-flex;
  content: "";
  width: 1px;
  height: 1.6rem;
  background-color: #cdd1d5;
}
.search-top-box .sch-filter-box .filter-area .filter-group:last-child::after {
  display: none;
}
.search-top-box .sch-filter-box .filter-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: 1.6rem 2.4rem;
  align-items: start;
  flex-wrap: nowrap;
}
.search-top-box .sch-filter-box .filter-form > div {
  max-width: unset;
}
.search-top-box .sch-filter-box .filter-form > div:nth-child(4) .krds-input {
  width: 100%;
  max-width: unset;
}
.search-top-box .sch-filter-box .filter-form .label {
  font-size: var(--krds-pc-font-size-body-small);
}
.search-top-box .sch-filter-box .filter-form .input-group {
  gap: var(--krds-gap-2);
}
.search-top-box .sch-filter-box .filter-form .input-group.range > li:not(.mark) {
  flex: unset;
}
.search-top-box .sch-filter-box .filter-form .input-group.range > li.mark {
  height: var(--krds-size-height-6);
}
.search-top-box .sch-filter-box .filter-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--krds-light-color-divider-primary-light);
}
.search-top-box .sch-filter-box .filter-button .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}

/*krds-table*/
.krds-table-wrap .krds-badge {
  min-width: 68px;
}
.krds-table-wrap .krds-badge.medium {
  min-width: auto;
}
.krds-table-wrap .krds-badge.min65 {
  min-width: 65px;
}

/*lnb 메뉴*/
.krds-side-navigation .lnb-list > li > .lnb-btn::before {
  content: none;
}
.krds-side-navigation .lnb-list .lnb-item {
  border-bottom: unset;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle {
  transition: all 0.3s;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle > span {
  position: relative;
  padding-left: 36px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle > span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle > span.toggle01::before {
  background: url("../images/RPS/icon/ico_lnb01.svg") no-repeat center;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle > span.toggle02::before {
  background: url("../images/RPS/icon/ico_lnb02.svg") no-repeat center;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle > span.toggle03::before {
  background: url("../images/RPS/icon/ico_lnb03.svg") no-repeat center;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle > span.toggle04::before {
  background: url("../images/RPS/icon/ico_lnb04.svg") no-repeat center;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-toggle > span.toggle05::before {
  background: url("../images/RPS/icon/ico_lnb05.svg") no-repeat center;
}
.krds-side-navigation .lnb-list .lnb-item:focus .lnb-toggle, .krds-side-navigation .lnb-list .lnb-item:active .lnb-toggle, .krds-side-navigation .lnb-list .lnb-item:hover .lnb-toggle, .krds-side-navigation .lnb-list .lnb-item.active .lnb-toggle {
  background-color: var(--krds-light-color-action-secondary-active);
  color: #fff;
  border-radius: var(--krds-radius-large1);
}
.krds-side-navigation .lnb-list .lnb-item:focus .lnb-toggle > span::before, .krds-side-navigation .lnb-list .lnb-item:active .lnb-toggle > span::before, .krds-side-navigation .lnb-list .lnb-item:hover .lnb-toggle > span::before, .krds-side-navigation .lnb-list .lnb-item.active .lnb-toggle > span::before {
  filter: brightness(0) invert(1);
}
.krds-side-navigation .lnb-list .lnb-item:focus .lnb-toggle::after, .krds-side-navigation .lnb-list .lnb-item:active .lnb-toggle::after, .krds-side-navigation .lnb-list .lnb-item:hover .lnb-toggle::after, .krds-side-navigation .lnb-list .lnb-item.active .lnb-toggle::after {
  filter: brightness(0) invert(1);
}
.krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle][aria-expanded=true] {
  padding-bottom: 1.6rem;
}
.krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle][aria-expanded=true]::after {
  background-color: unset;
  filter: brightness(0) invert(1);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu > ul .lnb-link::after {
  content: "";
  display: inline-flex;
  position: absolute;
  bottom: -0.1rem;
  left: 0%;
  width: 0;
  height: 0.1rem;
  background-color: var(--krds-white);
  transition: var(--krds-transition-base);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn {
  padding: unset;
  border-radius: unset;
  color: var(--krds-primary-10);
}
.krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu > ul {
  background-color: var(--krds-light-color-element-primary);
  border-radius: var(--krds-radius-large1);
  padding: 2rem 1.6rem 2rem 2rem;
}
.krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu > ul .lnb-link.hover, .krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu > ul .lnb-link:hover {
  color: #fff;
  font-weight: 700;
  background-color: unset;
}
.krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu > ul .lnb-link.hover::after, .krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu > ul .lnb-link:hover::after {
  left: 0;
  width: 100%;
}

/*lnb_close*/
.krds-mobile-navigation .lnb-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.2rem;
  padding: 2rem 1.6rem;
}
.krds-mobile-navigation .lnb-list .lnb-item.active .lnb-btn {
  background-color: var(--krds-primary);
}
.krds-mobile-navigation .lnb-list .lnb-item.active .lnb-btn::before {
  background-color: var(--krds-white) !important;
}
.krds-mobile-navigation .lnb-list .lnb-item:hover .lnb-btn {
  background-color: var(--krds-secondary-10);
}
.krds-mobile-navigation .lnb-list .lnb-item .lnb-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5.2rem;
  border-radius: 1rem;
}
.krds-mobile-navigation .lnb-list .lnb-item .lnb-btn::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--krds-primary) !important;
}
.krds-mobile-navigation .lnb-list .lnb-item .lnb-btn.active, .krds-mobile-navigation .lnb-list .lnb-item .lnb-btn:hover {
  background-color: var(--krds-light-color-action-secondary-active);
}
.krds-mobile-navigation .lnb-list .lnb-item .lnb-btn.active::before, .krds-mobile-navigation .lnb-list .lnb-item .lnb-btn:hover::before {
  background-color: var(--krds-white) !important;
}
.krds-mobile-navigation .lnb-list .lnb-item:nth-child(1) .lnb-btn::before {
  mask: none;
  background-image: url(../images/RPS/icon/ico_lnb01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  display: inline-block;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-image: url(../images/RPS/icon/ico_lnb01.svg);
  background-color: currentColor;
  background-image: none;
}
.krds-mobile-navigation .lnb-list .lnb-item:nth-child(2) .lnb-btn::before {
  mask: none;
  background-image: url(../images/RPS/icon/ico_lnb02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  display: inline-block;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-image: url(../images/RPS/icon/ico_lnb02.svg);
  background-color: currentColor;
  background-image: none;
}
.krds-mobile-navigation .lnb-list .lnb-item:nth-child(3) .lnb-btn::before {
  mask: none;
  background-image: url(../images/RPS/icon/ico_lnb03.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  display: inline-block;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-image: url(../images/RPS/icon/ico_lnb03.svg);
  background-color: currentColor;
  background-image: none;
}
.krds-mobile-navigation .lnb-list .lnb-item:nth-child(4) .lnb-btn::before {
  mask: none;
  background-image: url(../images/RPS/icon/ico_lnb04.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  display: inline-block;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-image: url(../images/RPS/icon/ico_lnb04.svg);
  background-color: currentColor;
  background-image: none;
}
.krds-mobile-navigation .lnb-list .lnb-item:nth-child(5) .lnb-btn::before {
  mask: none;
  background-image: url(../images/RPS/icon/ico_lnb05.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  display: inline-block;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-image: url(../images/RPS/icon/ico_lnb05.svg);
  background-color: currentColor;
  background-image: none;
}

/*krds-badge*/
.krds-badge.medium {
  font-size: var(--krds-pc-font-size-label-small);
}
.krds-badge.bg-light-secondary {
  background-color: #268097;
  color: #fff;
}

.krds-table-wrap .tbl.data.row {
  border-top: 2px solid var(--krds-light-color-divider-gray-darker);
}
.krds-table-wrap .tbl.data.row tbody th {
  text-align: left;
  background-color: var(--krds-light-color-surface-gray-subtler);
  color: var(--krds-light-color-text-bolder);
  font-weight: 700;
  font-size: var(--krds-pc-font-size-heading-xxsmall);
}
.krds-table-wrap .tbl.data.row tbody td {
  text-align: left;
  color: var(--krds-light-color-text-subtle);
}

.krds-table-wrap .tbl.data.row tbody th {
  background-color: var(--krds-light-color-surface-gray-subtler);
}

.require {
  position: relative;
  padding-left: 0;
}
.require::before {
  content: "*";
  color: var(--krds-color-light-point-50);
  font-size: 1.5rem;
  font-weight: 700;
  padding-right: 5px;
}

.form-box.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 16px;
}
.form-box.grid-2 .form-group {
  width: 100%;
}

.form-box .form-tit {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: 700;
  color: var(--krds-text-basic);
}

/*datePicker*/
.ui-widget.ui-widget-content {
  border: 1px solid var(--krds-light-color-border-primary-light);
  background-color: #fff;
  border-radius: var(--krds-radius-large2);
}

.ui-widget-header {
  border: unset;
  background-color: unset;
}

.ui-datepicker {
  font-family: var(--krds-font-family-base);
  padding: 2.4rem 1.6rem;
  width: 384px;
}

.ui-datepicker-title select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
}

.ui-datepicker select.ui-datepicker-month {
  width: fit-content;
  padding-right: 20px;
}

.ui-datepicker select.ui-datepicker-year {
  width: fit-content;
  padding-right: 28px;
  background-position: center right 9px;
}

.ui-datepicker select {
  background: url("../images/RPS/ico/ico_date_select.svg") no-repeat;
  background-position: center right 2px;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
  background: url("../images/RPS/ico/ico_date_prev.svg") no-repeat center;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
  background: url("../images/RPS/ico/ico_date_next.svg") no-repeat center;
}

.ui-datepicker .ui-icon {
  width: 32px;
  height: 32px;
  left: unset;
  top: unset;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: relative;
  left: unset;
  margin-left: unset;
  top: unset;
  margin-top: unset;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: var(--krds-pc-font-size-heading-xsmall);
}

.ui-datepicker table {
  padding: 0 2.4rem 1.6rem 2.4rem;
}

.ui-datepicker table th {
  font-size: var(--krds-pc-font-size-label-small);
  font-weight: 400;
  color: var(--krds-light-color-text-basic);
}

.ui-datepicker table td {
  font-size: var(--krds-pc-font-size-label-medium);
  font-weight: 400;
  color: var(--krds-light-color-text-basic);
  border-radius: 100%;
}

.ui-datepicker table td a {
  text-align: center;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
  border: unset;
  background-color: unset;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background-color: #fff;
  border-radius: 100%;
}

.ui-datepicker table td.ui-datepicker-today a {
  background-color: var(--krds-light-color-action-primary-active);
}
.ui-datepicker table td.ui-datepicker-today a:hover {
  background-color: var(--krds-light-color-action-primary-active);
}

.ui-datepicker table td.ui-datepicker-today a {
  color: #fff;
}

.ui-state-hover {
  background-color: #fff;
}

.ui-datepicker table td.ui-datepicker-today .ui-state-default.ui-state-highlight.ui-state-hover {
  background-color: var(--krds-light-color-action-primary-active);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: #fff;
  border-radius: 100%;
  color: var(--krds-light-color-text-basic);
  position: relative;
}
.ui-state-active::after,
.ui-widget-content .ui-state-active::after,
.ui-widget-header .ui-state-active::after,
a.ui-button:active::after,
.ui-button:active::after,
.ui-button.ui-state-active:hover::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--krds-light-color-element-point);
}

.ui-datepicker .ui-datepicker-buttonpane button {
  background-color: #fff;
  border: 1px solid var(--krds-light-color-button-tertiary-border);
  font-size: var(--krds-pc-font-size-label-small);
  border-radius: var(--krds-radius-medium1);
  color: var(--krds-light-color-text-basic);
  font-family: var(--krds-font-family-base);
  font-weight: 400;
  width: 64px;
  height: 40px;
}

.ui-datepicker .ui-datepicker-buttonpane button[data-handler=today] {
  background-color: unset;
  border: unset;
  color: var(--krds-light-color-text-basic);
  width: unset;
  height: 40px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0;
  background-color: #fff;
  top: 0;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0 !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 0 !important;
}