@charset "UTF-8";
/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
/* ==================
    청소차량 모니터링
================== */
:root {
  --krds-color-light-primary-light: #DBDBF0;
  --krds-color-light-primary-hover: #EDEDF8;
}

.krds-form-check.medium input[type=checkbox] ~ label {
  line-height: 1.7;
}

.krds-form-check.medium input[type=checkbox] ~ label:before {
  margin: 0.3rem;
}

.krds-form-check.medium > input[type=checkbox] ~ label:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.flex {
  display: flex;
}
.flex.row {
  flex-direction: row;
}
.flex.gap4 {
  gap: 4px;
}

.font-red {
  color: var(--krds-color-light-red);
}

.tools_wrap {
  top: 1.6rem;
}

/* 왼쪽 map_sidebar */
.map_sidebar {
  position: relative;
  left: 0;
  display: flex;
  height: 100%;
  width: 0;
  background-color: var(--krds-light-color-background-dim2);
  backdrop-filter: blur(4px);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1;
}
.map_sidebar.active {
  width: 38rem;
  z-index: 2;
}
.map_sidebar.active .map_sidebar_toggle {
  display: block;
  z-index: 2;
  background-color: var(--krds-light-color-background-dim2);
}
.map_sidebar.active .map_sidebar_toggle::before {
  transform: translate(-50%, -50%);
}
.map_sidebar.active .map_sidebar_tabs {
  opacity: 1;
  visibility: visible;
}
.map_sidebar.active .layout_panel {
  display: block;
}
.map_sidebar .layout_panel {
  display: none;
}
.map_sidebar .map_sidebar_tabs {
  opacity: 0;
  visibility: hidden;
}
.map_sidebar .map_sidebar_toggle {
  z-index: 2;
  position: absolute;
  right: -18px;
  top: 0;
  width: 18px;
  height: 46px;
  background-color: var(--krds-light-color-background-dim2);
  border-radius: 0 4px 4px 0;
}
.map_sidebar .map_sidebar_toggle::before {
  content: "";
  position: absolute;
  background: url("../images/CMS/ico-toggle.svg") no-repeat center;
  width: 10px;
  height: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: all 0.3s;
}
.map_sidebar .tab {
  margin-top: 1rem;
}
.map_sidebar .tab.full {
  padding: 0 16px;
}
.map_sidebar .tab-conts-wrap {
  overflow-y: auto;
  max-height: calc(100vh - 48px - 38px - 36px - 25px);
  padding: 0 16px;
}
.map_sidebar .layout_body .krds-tab-area .tab.line {
  padding: 0 var(--krds-padding-6);
}

/* 하단 map_sidebar */
.map_bottom {
  position: relative;
  flex: 1;
  display: flex;
  margin-top: auto;
  bottom: 0;
  height: 0px;
  z-index: 1;
  flex-shrink: 0;
}
.map_bottom.active {
  z-index: 2;
  border-bottom: none;
  height: 30rem;
  margin-top: auto;
  transform: translateX(0%);
  background-color: var(--krds-light-color-background-dim2);
  backdrop-filter: blur(4px);
  border: 1px solid var(--krds-color-light-gray-90);
  border-bottom: none;
}
.map_bottom.active .map_bottom_toggle {
  display: block;
  z-index: 2;
  background-color: var(--krds-color-light-gray-90);
  right: 50%;
  top: -18px;
}
.map_bottom.active .map_bottom_toggle::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.map_bottom.active .layout_panel {
  opacity: 1;
  visibility: visible;
}
.map_bottom .map_bottom_toggle {
  z-index: 2;
  position: absolute;
  right: 50%;
  top: -18px;
  width: 46px;
  height: 18px;
  background-color: var(--krds-light-color-background-dim2);
  border-radius: 4px 4px 0 0;
}
.map_bottom .map_bottom_toggle::before {
  content: "";
  position: absolute;
  background: url("../images/CMS/ico-toggle.svg") no-repeat center;
  width: 10px;
  height: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  transition: all 0.3s;
}
.map_bottom .layout_panel {
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--krds-padding-6);
}
.map_bottom .layout_panel .layout_header {
  min-width: 30rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding-bottom: var(--krds-padding-3);
  margin: 0;
  border-bottom: none;
}
.map_bottom .layout_panel .layout_header .title-area.row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.map_bottom .layout_panel .layout_header .title-text-sub {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  color: var(--krds-light-color-text-basic-inverse);
  gap: var(--krds-gap-3);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.map_bottom .layout_panel .layout_header .btn-group {
  margin-left: auto;
}
.map_bottom .layout_panel .layout_body {
  height: calc(100% - 4rem);
  width: auto;
  position: relative;
  margin-left: 0;
  padding: 0;
}
.map_bottom .layout_panel .layout_body .krds-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 0.1rem solid var(--krds-high-contrast-color-surface-white);
  height: 100%;
  overflow: hidden;
}
.map_bottom .layout_panel .layout_body .krds-table-wrap .table-scroll {
  width: 100%;
  height: auto;
  overflow: auto;
  display: grid;
  overflow-y: auto;
  max-height: 100%;
  min-height: 18rem;
  background-color: var(--krds-high-contrast-color-divider-gray-light);
}
.map_bottom .layout_panel .layout_body .krds-table-wrap .table-scroll .table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 40px;
}
.map_bottom .layout_panel .layout_body .krds-table-wrap .table-scroll .table thead tr th {
  position: sticky;
  top: 0;
}
.map_bottom .toc-panel {
  background-color: var(--krds-light-color-background-dim3);
  width: calc(100% - 34rem);
  height: auto;
}
.map_bottom .toc-panel .toc__header {
  padding-top: var(--krds-padding-6);
  border-bottom: none;
}

.map_sidebar_tabs {
  width: 100%;
}

/* 오른쪽 map_sidebar */
.map_rightbar {
  z-index: 1;
  position: relative;
  right: 0;
  display: flex;
  height: 100%;
  width: 0;
  background-color: var(--krds-light-color-background-dim2);
  backdrop-filter: blur(4px);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  flex-shrink: 0;
}
.map_rightbar.active {
  width: 40rem;
  z-index: 2;
}
.map_rightbar.active .map_sidebar_toggle {
  display: block;
  z-index: 2;
  background-color: var(--krds-light-color-background-dim2);
}
.map_rightbar.active .map_sidebar_toggle::before {
  transform: translate(-50%, -50%);
}
.map_rightbar.active .map_sidebar_tabs {
  opacity: 1;
  visibility: visible;
}
.map_rightbar .map_sidebar_tabs {
  opacity: 0;
  visibility: hidden;
}
.map_rightbar .map_rightbar_toggle {
  z-index: 2;
  position: absolute;
  left: -18px;
  top: 0;
  width: 18px;
  height: 46px;
  background-color: var(--krds-light-color-background-dim2);
  border-radius: 4px 0 0 4px;
}
.map_rightbar .map_rightbar_toggle::before {
  content: "";
  position: absolute;
  background: url("../images/CMS/ico-toggle.svg") no-repeat center;
  width: 10px;
  height: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  transition: all 0.3s;
}
.map_rightbar .layout_panel {
  width: 40rem;
}
.map_rightbar .layout_panel .layout_header {
  height: 4.4rem;
  padding: 0.87rem 0;
}
.map_rightbar .layout_panel .layout_body {
  height: calc(100vh - 121px);
}
.map_rightbar .layout_panel .section {
  overflow: auto;
  width: 100%;
  height: auto;
  max-height: calc(100% - 30rem);
}
.map_rightbar .layout_panel .section + .section {
  overflow: hidden;
  max-height: 30rem;
  height: 100%;
}
.map_rightbar .layout_panel .section + .section .section_scroll {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.map_rightbar .layout_panel .section + .section .section_scroll .btn-wrap {
  padding-top: 0;
}
.map_rightbar .layout_panel .section .box-group {
  margin-top: 0;
}
.map_rightbar .layout_panel .section .table_scroll {
  height: auto;
  overflow: hidden;
  max-height: 18rem;
}
.map_rightbar .layout_panel .section .table_scroll.btn-none {
  max-height: 221px;
}
.map_rightbar .layout_panel .section .btn-wrap.bottom {
  padding: var(--krds-padding-6);
}
.map_rightbar .layout_panel .section .krds-tab-area {
  height: 100%;
  padding-top: var(--krds-padding-5);
}
.map_rightbar .layout_panel .section .krds-tab-area .tab.tablist_react {
  padding-bottom: 0;
}
.map_rightbar .layout_panel .section .krds-tab-area .tab-inner {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.map_rightbar .krds-tab-area {
  gap: 1.2rem;
  height: 100%;
}
.map_rightbar .krds-tab-area.gpa0 {
  gap: 0;
}
.map_rightbar .tab-conts-wrap {
  overflow-y: auto;
  max-height: calc(100vh - 48px - 38px - 36px - 25px);
  padding: 0 16px;
}

/* table */
.table-tit {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}

.table-tit-wrap {
  margin-bottom: var(--krds-gap-3);
}

.border-dark {
  border: 0.1rem solid var(--krds-high-contrast-color-surface-white);
  width: calc(100% - 2px);
}

.krds-table-wrap {
  border: none;
}
.krds-table-wrap .table {
  width: 100%;
}
.krds-table-wrap .table.txt-center tbody td,
.krds-table-wrap .table.txt-center tbody th {
  text-align: center !important;
}
.krds-table-wrap .table.data .delete,
.krds-table-wrap .table.data .error {
  color: #FF4554;
}
.krds-table-wrap .table.dark thead th {
  color: var(--krds-light-color-surface-gray-subtle);
  background-color: var(--krds-high-contrast-color-surface-white);
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  padding: 0.42rem var(--krds-gap-5);
  text-align: center;
  white-space: nowrap;
}
.krds-table-wrap .table.dark thead th:not(:last-child) {
  border-right: 0.1rem solid var(--krds-high-contrast-color-surface-disabled);
}
.krds-table-wrap .table.dark tbody td,
.krds-table-wrap .table.dark tbody th {
  white-space: nowrap;
  color: var(--krds-light-color-surface-gray-subtle);
  background-color: var(--krds-high-contrast-color-divider-gray-light);
  font-weight: 400;
  font-size: var(--krds-pc-font-size-label-xsmall);
  padding: var(--krds-gap-2) var(--krds-gap-5);
  text-align: left;
  border-top: 0.1rem solid var(--krds-high-contrast-color-surface-disabled);
}
.krds-table-wrap .table.dark tbody td:not(:last-child),
.krds-table-wrap .table.dark tbody th:not(:last-child) {
  border-right: 0.1rem solid var(--krds-high-contrast-color-surface-disabled);
}
.krds-table-wrap .table.dark tbody tr:hover td,
.krds-table-wrap .table.dark tbody tr:hover th {
  background-color: var(--krds-high-contrast-color-surface-gray-subtle);
}
.krds-table-wrap .table.dark tbody tr.selected td,
.krds-table-wrap .table.dark tbody tr.selected th {
  background-color: var(--krds-high-contrast-color-surface-gray-subtle);
}

/* tab */
.krds-tab-area {
  width: 100%;
}
.krds-tab-area .tab.line {
  padding: var(--krds-padding-3) var(--krds-padding-6) 0 var(--krds-padding-6);
}
.krds-tab-area .tab.line.full .btn-tab {
  border: 0;
  height: 3.6rem;
}
.krds-tab-area .tab.line.full .btn-tab::before {
  bottom: 0rem;
}
.krds-tab-area .tab.line .btn-tab:before {
  height: 0.3rem;
}
.krds-tab-area .tab.line ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
  padding: 0 0.8rem;
  border-bottom: 1px solid var(--krds-light-color-border-gray-dark);
}
.krds-tab-area .tab.line ul li .btn-tab {
  font-size: 1.4rem;
  color: var(--krds-light-color-border-gray);
  font-weight: 500;
}
.krds-tab-area .tab.line ul li .btn-tab:not(:disabled):hover {
  background-color: transparent;
}
.krds-tab-area .tab.line ul li .btn-tab:focus {
  font-weight: bold;
  color: var(--krds-light-color-action-white);
}
.krds-tab-area .tab.line ul li .btn-tab:focus:before {
  position: absolute;
  bottom: 0;
  left: 0%;
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: var(--krds-tab--line-button-color-line-active);
}
.krds-tab-area .tab.line ul li .btn-tab.icon-down:after {
  content: "";
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-down.svg);
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
}
.krds-tab-area .tab.line ul li:hover .btn-tab, .krds-tab-area .tab.line ul li.active .btn-tab {
  font-weight: bold;
  color: var(--krds-light-color-action-white);
}
.krds-tab-area .tab.line ul li:hover .btn-tab:before, .krds-tab-area .tab.line ul li.active .btn-tab:before {
  position: absolute;
  bottom: 0;
  left: 0%;
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: var(--krds-tab--line-button-color-line-active);
  transition: var(--krds-transition-base);
}
.krds-tab-area .tab.line ul li:hover .btn-tab.icon-down:after, .krds-tab-area .tab.line ul li.active .btn-tab.icon-down:after {
  content: "";
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-down_on.svg);
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
}
.krds-tab-area .tab.fill ul {
  gap: 0.1rem;
}
.krds-tab-area .tab.fill ul li:first-of-type .btn-tab {
  border-radius: var(--krds-radius-medium3) 0 0 var(--krds-radius-medium3);
}
.krds-tab-area .tab.fill ul li:last-of-type .btn-tab {
  border-radius: 0 var(--krds-radius-medium3) var(--krds-radius-medium3) 0;
}
.krds-tab-area .tab.fill ul li .btn-tab {
  height: 3.6rem;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--krds-light-color-border-gray);
  border: none;
  background-color: var(--krds-high-contrast-color-surface-gray-subtler);
}
.krds-tab-area .tab.fill ul li.active .btn-tab {
  color: var(--krds-light-color-text-basic-inverse);
  background-color: var(--krds-color-light-secondary-70);
}
.krds-tab-area .tab.fill ul li:hover .btn-tab, .krds-tab-area .tab.fill ul li:active .btn-tab, .krds-tab-area .tab.fill ul li:focus .btn-tab {
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
  outline: none;
  outline-offset: 1px;
}
.krds-tab-area .tab.fill .active .btn-tab {
  background-color: var(--krds-tab--fill-button-color-action-active);
  border-color: var(--krds-tab--fill-button-color-border-active) !important;
  color: var(--krds-tab--fill-button-color-text);
}
.krds-tab-area .tab-line-conts-wrap {
  width: 100%;
  padding: 0 var(--krds-padding-6);
  overflow-y: auto;
}
.krds-tab-area .tab-line-conts-wrap.pad-none {
  padding: 0;
}
.krds-tab-area .tab-line-conts-wrap .tab-conts {
  width: 100%;
}
.krds-tab-area .tab-line-conts-wrap .tab-conts.active {
  display: block;
}
.krds-tab-area .tab-popup-wrap {
  width: 100%;
}
.krds-tab-area .tab-popup-wrap .tab-conts {
  display: none;
}
.krds-tab-area .tab-popup-wrap .tab-conts.active {
  display: block;
}

.button-group {
  width: 100%;
}
.button-group.end {
  gap: var(--krds-gap-3);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
}
.button-group.row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.button-group.row4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.button-group.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.8rem;
}
.button-group.grid .gallery_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-1);
  width: 9.6rem;
}
.button-group.grid .gallery_item button {
  width: 100%;
  height: 9.4rem;
  padding: var(--krds-padding-3);
  border-radius: var(--krds-radius-medium2);
  border: 1px solid transparent;
}
.button-group.grid .gallery_item button.gallery_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.2rem;
}
.button-group.grid .gallery_item button.gallery_btn::before {
  content: "";
  display: inline-flex;
  width: 8rem;
  height: 6rem;
  border: 0.1rem solid #000;
  border-radius: var(--krds-radius-medium2);
}
.button-group.grid .gallery_item button.gallery_btn.basics::before {
  background-image: url("../images/common/map_image01.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.button-group.grid .gallery_item button.gallery_btn.night::before {
  background-image: url("../images/common/map_image02.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.button-group.grid .gallery_item button.gallery_btn.satellite::before {
  background-image: url("../images/common/map_image03.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.button-group.grid .gallery_item button.gallery_btn.blank::before {
  background-image: url("../images/common/map_image04.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.button-group.grid .gallery_item span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-subtle-inverse);
  font-weight: bold;
}
.button-group.grid .gallery_item:hover button, .button-group.grid .gallery_item:active button, .button-group.grid .gallery_item.on button {
  border: 0.1rem solid var(--krds-color-light-primary-40);
  background-color: var(--krds-high-contrast-color-surface-white);
}
.button-group.grid .gallery_item:hover span, .button-group.grid .gallery_item:active span, .button-group.grid .gallery_item.on span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.button-group li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-1);
  flex: 1;
}
.button-group li:hover span, .button-group li:active span, .button-group li.active span {
  color: var(--krds-light-color-text-basic-inverse);
}
.button-group li span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-subtle-inverse);
  font-weight: bold;
}
.button-group .map_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 4rem;
  height: 4rem;
  position: relative;
}
.button-group .map_btn.active + span {
  color: var(--krds-light-color-text-basic-inverse);
}
.button-group .map_btn:hover::after, .button-group .map_btn:active::after, .button-group .map_btn.active::after {
  background-color: var(--krds-color-light-primary-50);
  border: 0.1rem solid var(--krds-color-light-primary-30);
}
.button-group .map_btn:hover.dot::before, .button-group .map_btn:active.dot::before, .button-group .map_btn.active.dot::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-dot-select.svg);
}
.button-group .map_btn:hover.point::before, .button-group .map_btn:active.point::before, .button-group .map_btn.active.point::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-point-select.svg);
}
.button-group .map_btn:hover.line::before, .button-group .map_btn:active.line::before, .button-group .map_btn.active.line::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-line-select.svg);
}
.button-group .map_btn:hover.polygon::before, .button-group .map_btn:active.polygon::before, .button-group .map_btn.active.polygon::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-polygon-select.svg);
}
.button-group .map_btn:hover.elipse::before, .button-group .map_btn:active.elipse::before, .button-group .map_btn.active.elipse::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-elipse-select.svg);
}
.button-group .map_btn:hover.figure::before, .button-group .map_btn:active.figure::before, .button-group .map_btn.active.figure::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-figure-select.svg);
}
.button-group .map_btn::before {
  width: 2.6rem;
  height: 2.6rem;
  content: "";
  position: absolute;
}
.button-group .map_btn::after {
  width: 4rem;
  height: 4rem;
  content: "";
  background-color: var(--krds-light-color-icon-gray);
  border-radius: var(--krds-radius-medium1);
}
.button-group .map_btn.point::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-point.svg);
}
.button-group .map_btn.dot::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-dot.svg);
}
.button-group .map_btn.line::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-line.svg);
}
.button-group .map_btn.polygon::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-polygon.svg);
}
.button-group .map_btn.elipse::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-elipse.svg);
}
.button-group .map_btn.figure::before {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-figure.svg);
}

/* box-area */
.box-wrap.col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.box-wrap.gap8 {
  gap: var(--krds-gap-3);
}
.box-wrap.gap12 {
  gap: var(--krds-gap-4);
}
.box-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-4);
  margin-top: var(--krds-padding-5);
}
.box-area {
  width: 100%;
  background: var(--krds-high-contrast-color-surface-white-subtle);
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-5);
}
.box-area.type2 {
  padding: var(--krds-padding-5) 1.7rem var(--krds-padding-3);
}
.box-area.type3 {
  background: var(--krds-high-contrast-color-surface-white);
}
.box-area.pad128 {
  padding: var(--krds-padding-5) var(--krds-padding-5) var(--krds-padding-3);
}
.box-area.pad12 {
  padding: var(--krds-padding-5);
}
.box-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-3);
}
.box-inner.gap-4 {
  gap: var(--krds-gap-4);
}
.box-inner .result {
  background: var(--krds-light-color-surface-inverse);
  padding: var(--krds-padding-5);
  border-radius: var(--krds-radius-medium1);
  gap: var(--krds-gap-2);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.box-inner .result.gap8 {
  gap: var(--krds-gap-3);
}
.box-inner .result.center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.box-inner .result-tit {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
  font-weight: bold;
}
.box-inner .result .num {
  font-size: var(--krds-pc-font-size-body-medium);
  color: var(--krds-light-color-text-basic-inverse);
  font-weight: bold;
}
.box-inner .result .num .secondary {
  color: var(--krds-color-light-secondary-70);
}
.box-header {
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.box-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.6rem;
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-3) var(--krds-padding-5);
  background-color: var(--krds-high-contrast-color-border-gray-light);
}
.box-content ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
}
.box-content ul li {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.box-tit {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  color: var(--krds-light-color-surface-white);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}

.plr12 {
  padding: 0 var(--krds-padding-5);
}

.daily-weather {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.daily-weather li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-1);
}
.daily-weather li.daily-minmax {
  gap: var(--krds-gap-3);
}
.daily-weather-am {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: 1.2rem;
  color: var(--krds-light-color-text-basic-inverse);
}
.daily-weather-am span:first-child {
  margin-right: 0.4rem;
}
.daily-weather-pm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: 1.2rem;
  color: var(--krds-light-color-text-basic-inverse);
}
.daily-weather-pm span:first-child {
  margin-right: 0.4rem;
}
.daily-minmax div:first-child strong {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-color-light-information-30);
}
.daily-minmax div:last-child strong {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-color-light-red);
}

/* 편집모드 header btn */
.btn-edit {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 100%;
  background-color: var(--krds-color-light-primary-90);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.btn-edit:hover, .btn-edit:active, .btn-edit:focus {
  background-color: #BF573D;
}
.btn-edit.info::before {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  background-image: url("../images/CMS/ico-popover_help.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn-edit.setting::before {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  background-image: url("../images/CMS/ico-setting.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/***  map  ***/
.map {
  user-select: none;
  position: relative;
}

.map-container {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  background-image: url("../images/common/map.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.map-mantle {
  pointer-events: none;
}

.WidgetGroup {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.WidgetGroup li.tool_menu {
  width: 3.6rem;
  height: 3.5rem;
  border-bottom: 0.1rem solid var(--krds-high-contrast-color-surface-disabled);
  background-color: var(--krds-light-color-background-dim3);
}
.WidgetGroup li.tool_menu:first-child {
  border-radius: 0.6rem 0.6rem 0px 0px;
}
.WidgetGroup li.tool_menu:last-child {
  border-radius: 0 0 0.6rem 0.6rem;
  border-bottom: none;
}
.WidgetGroup li.tool_menu:hover, .WidgetGroup li.tool_menu.is-active, .WidgetGroup li.tool_menu:focus {
  background-color: var(--krds-color-light-secondary-70);
}
.WidgetGroup li.tool_menu button.krds-tooltip {
  width: 100%;
  height: 100%;
}

.tool_menu {
  position: relative;
}
.tool_menu.is-active .tool_layer {
  display: block;
  position: absolute;
  right: 4rem;
  top: 0;
}
.tool_menu.is-active .tool_layer.bottom {
  bottom: 0;
  top: auto;
}
.tool_menu.is-active [data-tooltip]:hover::after, .tool_menu.is-active [data-tooltip]:hover::before {
  display: none;
}
.tool_menu .tool_layer {
  display: none;
}

.WidgetButton {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 42px;
  height: 43px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
  vertical-align: top;
  box-sizing: content-box;
}
.WidgetButton span {
  font-size: 1.3rem;
  color: #111;
}

.widget_theme {
  vertical-align: top;
  width: 3.6rem;
  height: 3.6rem;
  background-color: var(--krds-light-color-background-dim2);
}

.item_carto {
  position: absolute;
  right: 2rem;
  top: 1.6rem;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 4rem;
}

/* data-tooltip */
[data-tooltip]:hover {
  position: relative;
}
[data-tooltip]:hover::before {
  content: "";
  width: 1rem;
  height: 0.8rem;
  display: inline-flex;
  background-image: url("../images/CMS/tooltip-arrow.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 3.8rem;
}
[data-tooltip]:hover::after {
  background-color: var(--krds-high-contrast-color-surface-white);
  border-radius: 0.4rem;
  color: var(--krds-light-color-text-basic-inverse);
  font-size: 1.2rem;
  content: attr(data-tooltip);
  top: 0.4rem;
  right: 4.6rem;
  padding: 0.5rem 0.8rem;
  position: absolute;
  width: auto;
  word-wrap: break-word;
  z-index: 11;
}

/* alert popup */
.alert.shown {
  display: block;
}
.alert {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  width: 40rem;
  margin: 0 auto;
  padding: var(--krds-padding-7) var(--krds-padding-8);
  border-radius: var(--krds-radius-xlarge1);
  background-color: var(--krds-light-color-background-dim2);
  backdrop-filter: blur(4px);
  z-index: 10;
}
.alert .ui-alert {
  width: 100%;
}
.alert .ui-alert .alert_title-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-3);
}
.alert .ui-alert .alert_title {
  font-size: var(--krds-pc-font-size-heading-small);
  color: var(--krds-light-color-surface-white);
  font-weight: bold;
}
.alert .ui-alert .alert_textBox {
  margin-top: 0.8rem;
  width: 100%;
  padding: var(--krds-padding-6);
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-high-contrast-color-background-white);
  font-size: 1.4rem;
  color: var(--krds-light-color-text-basic-inverse);
}

.alert_content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.alert-btn.btn-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.alert-close-btn {
  position: absolute;
  top: 2rem;
  right: 2.4rem;
  z-index: 10;
  width: 2.4rem;
  height: 2.4rem;
  background-size: 2.4rem;
}

/*배경 지도*/
.map_canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

#map {
  background: url("../images/common/img/bg_map.svg") no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
}

/* 왼쪽 map_sidebar */
.map_sidebar.active .map_sidebar_toggle {
  display: block;
  z-index: 2;
  background-color: var(--krds-light-color-background-dim2);
}
.map_sidebar.active .map_sidebar_toggle::before {
  transform: translate(-50%, -50%);
}
.map_sidebar.active .map_sidebar_tabs {
  opacity: 1;
  visibility: visible;
}
.map_sidebar.active .layout_panel {
  display: block;
  width: 100%;
}
.map_sidebar .layout_panel {
  display: none;
}
.map_sidebar .layout_panel .layout_header {
  padding: 12px 16px 0;
}
.map_sidebar .map_sidebar_tabs {
  opacity: 0;
  visibility: hidden;
}
.map_sidebar .map_sidebar_toggle {
  z-index: 2;
  position: absolute;
  right: -18px;
  top: 0;
  width: 18px;
  height: 46px;
  background-color: var(--krds-light-color-background-dim2);
  border-radius: 0 4px 4px 0;
}
.map_sidebar .map_sidebar_toggle::before {
  content: "";
  position: absolute;
  background: url("../images/CMS/ico-toggle.svg") no-repeat center;
  width: 10px;
  height: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: all 0.3s;
}
.map_sidebar .krds-tab-area {
  gap: var(--krds-gap-3);
  height: 100%;
}
.map_sidebar .tab {
  margin-top: 1.2rem;
}
.map_sidebar .tab.full {
  padding: 0 16px;
}
.map_sidebar .tab-conts-wrap {
  overflow-y: auto;
  padding: 0 16px;
}

/* structured */
.structured-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
  width: 100%;
}
.structured-item {
  width: 100%;
  padding: var(--krds-padding-5) 1.2rem;
  background: var(--krds-high-contrast-color-surface-gray-subtle);
  border: 0.1rem solid var(--krds-high-contrast-color-surface-white-subtle);
  border-radius: var(--krds-radius-medium1);
}
.structured-item.active {
  background: var(--krds-high-contrast-color-surface-white-subtle);
  border: 0.1rem solid var(--krds-high-contrast-color-surface-white-subtle);
}
.structured-item.active .structured-sub-box {
  display: block;
}
.structured-item.active .structured-title .krds-badge-wrap .label {
  color: var(--krds-light-color-text-basic-inverse);
}
.structured-item.active .structured-item-2D {
  visibility: visible;
  opacity: 1;
  display: block;
  background: var(--krds-high-contrast-color-divider-gray-light);
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-3) var(--krds-padding-5);
  gap: 0.6rem;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.structured-item.active .structured-item-2D li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
}
.structured-item.active .structured-item-2D li .tructured-2D-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.4rem;
}
.structured-item.active .structured-item-2D li .tructured-2D-header.is-open .st-box_btn {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-box-minus.svg);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured-item.active .structured-item-2D li .tructured-2D-header .krds-form-check {
  height: 2rem;
}
.structured-item.active .structured-item-2D li .tructured-2D-header.is-open + .structured_depth {
  display: block;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
}
.structured-item.active .structured-item-2D .structured_depth {
  padding-left: 2rem;
  display: none;
}
.structured-item.active .structured-item-2D .st-box_btn {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-box-pluse.svg);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured-item.active .structured-item-2D span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: 400;
  color: var(--krds-light-color-surface-white);
  text-justify: auto;
}
.structured-item.active .structured_btn {
  height: 1.6rem;
}
.structured-item.active .structured_btn::after {
  display: none;
}
.structured-item.active .structured_btn::before {
  content: "";
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-minus.svg);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.structured-title .car-number {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.structured-title .date {
  font-size: 1.2rem;
  white-space: nowrap;
  color: var(--krds-light-color-text-subtle-inverse);
}
.structured-sub-box {
  margin-top: 0.6rem;
  display: none;
}
.structured-sub-box .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.structured-sub-box .row li {
  width: 100%;
}
.structured-sub-box .row li.structured-item-2D {
  height: 100%;
  padding: var(--krds-padding-2);
  gap: var(--krds-gap-1);
}
.structured-sub-box .row li.structured-item-2D span.font-red {
  color: var(--krds-color-light-red);
}
.structured-sub-box .row li.structured-item-2D .sub-text {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-subtle-inverse);
  font-weight: 400;
}
.structured-sub-box .row li.structured-item-2D .car-number {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.structured-sub-box .row li.structured-item-2D span {
  font-weight: bold;
}
.structured_btn::after {
  content: "";
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-more.svg);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured_btn_more {
  margin-left: auto;
}
.structured_btn_more::after {
  content: "";
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-more_2.svg);
  width: 2rem;
  height: 2rem;
  display: flex;
}
.structured-item-2D {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.dashboard-area {
  width: 100%;
}
.dashboard-area .title-area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.dashboard-area .title-area span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
}
.dashboard-area .title-area .time {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-1);
}
.dashboard-area .title-area .time::before {
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  display: inline-flex;
  background-image: url("../images/CMS/ico-reset.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard-container {
  padding: var(--krds-padding-5) 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.dashboard-box {
  flex: 1;
  border-radius: var(--krds-radius-medium1);
  width: 100%;
  padding: var(--krds-padding-5) var(--krds-padding-6) var(--krds-padding-2) var(--krds-padding-5);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-1);
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.dashboard-box .strong_number {
  font-size: var(--krds-pc-font-size-heading-large);
  margin-left: auto;
}
.dashboard-box.primary {
  background-color: var(--krds-color-light-primary-40);
}
.dashboard-box.secondary {
  background-color: var(--krds-color-light-secondary-60);
}
.dashboard-box.black {
  background-color: var(--krds-color-light-gray-95);
}

/*  form 검색창   */
.form-group.row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.form-group.row .label {
  white-space: nowrap;
  font-size: var(--krds-pc-font-size-label-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
}
.form-group .sch-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
}
.form-group .sch-input .krds-input {
  background: var(--krds-high-contrast-color-surface-gray-subtler);
}

.krds-badge {
  /* color */
}
.krds-badge.bg-light-secondary.icon {
  position: relative;
  margin-right: 16px;
}
.krds-badge.bg-light-secondary.icon::after {
  content: "";
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-badge_on.svg);
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  position: absolute;
  right: -1.6rem;
}
.krds-badge.bg-light-disabled.icon {
  position: relative;
  margin-right: 16px;
}
.krds-badge.bg-light-disabled.icon::after {
  content: "";
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-badge_off.svg);
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  position: absolute;
  right: -1.6rem;
}

.tab-scroll {
  width: 100%;
  height: calc(100vh - 340px);
  overflow: hidden;
}
.tab-scroll .structured-list {
  height: 100%;
  overflow-y: auto;
}

/* scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #464C53;
  border-radius: 10px;
  background-clip: padding-box;
}

::-webkit-scrollbar-track {
  background-color: #33363D;
  border-radius: 10px;
}

.full {
  width: 100%;
}

#wrap {
  overflow: hidden;
}

/* button */
.krds-btn.xsmall {
  padding: 0 0.5rem;
  gap: var(--krds-gap-1);
}
.krds-btn.tertiary_wh {
  background-color: var(--krds-light-color-background-white);
  border: 0.1rem solid var(--krds-light-color-button-tertiary-border);
  color: var(--krds-light-color-text-basic);
}
.krds-btn.tertiary_wh:hover {
  background-color: var(--krds-light-color-button-tertiary-fill-hover);
  border: 0.1rem solid var(--krds-light-color-button-tertiary-border);
}
.krds-btn.tertiary_wh:active, .krds-btn.tertiary_wh:focus {
  background-color: var(--krds-light-color-button-tertiary-fill-pressed);
  border: 0.1rem solid var(--krds-light-color-button-tertiary-border);
}
.krds-btn.small.ico {
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
}
.krds-btn {
  /* icon */
}
.krds-btn.ico-GPS::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  background: url("../images/CMS/ico-GPS.svg") no-repeat center;
}
.krds-btn.ico-other::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  background: url("../images/CMS/ico-other.svg") no-repeat center;
}

/* 그 외 btn */
.all_layer_btn {
  position: relative;
}
.all_layer_btn::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  background: url("../images/CMS/ico-allmenu.svg") no-repeat center;
}
.all_layer_btn.active .all_layer_list {
  display: block;
}
.all_layer_btn .all_layer_list {
  position: absolute;
  z-index: 5;
  display: none;
  top: 3.6rem;
  right: -1.4rem;
}
.all_layer_btn .all_layer_list ul {
  background-color: var(--krds-light-color-surface-inverse);
  border: 0.1rem solid var(--krds-high-contrast-color-surface-disabled);
  padding: var(--krds-padding-3);
  border-radius: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.all_layer_btn .all_layer_list ul li a {
  padding: var(--krds-padding-2) var(--krds-padding-3);
  height: 3.2rem;
  width: 12.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.all_layer_btn .all_layer_list ul li a:hover, .all_layer_btn .all_layer_list ul li a:active, .all_layer_btn .all_layer_list ul li a.active, .all_layer_btn .all_layer_list ul li a:focus {
  background-color: var(--krds-high-contrast-color-surface-disabled);
  border-radius: 0.6rem;
  border: none;
  outline-offset: -0.2rem;
}

/* krds-footer */
.footer {
  position: relative;
}

.f-btm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 3.2rem;
  background: var(--krds-high-contrast-color-surface-gray-subtle);
  padding: 0 var(--krds-padding-6);
}
.f-btm .f-copy {
  font-size: 1.2rem;
  color: var(--krds-light-color-text-subtle-inverse);
}
.f-btm .f-text {
  margin-left: auto;
  font-size: 1.2rem;
  color: var(--krds-light-color-text-subtle-inverse);
}

.f-scene {
  background-color: var(--krds-light-color-alpha-base50);
  position: absolute;
  right: 0;
  bottom: 3.2rem;
  z-index: 3;
  width: auto;
  padding: 0 var(--krds-padding-3);
}
.f-scene .f-inner ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.f-scene .f-inner ul li {
  font-size: 1.2rem;
  color: var(--krds-light-color-text-basic);
}
.f-scene .f-inner ul li .f_line {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  width: 5rem;
  height: 0.5rem;
  border: 2px solid var(--krds-high-contrast-color-surface-white);
  border-top: none;
}

.footer .gis_info {
  gap: var(--krds-gap-7);
}

.gps-list {
  position: fixed;
  bottom: 3.4rem;
  right: var(--krds-gap-3);
  z-index: 999;
}

.gps-list ul {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-2);
}

.gps-list ul li {
  font-size: 1.2rem;
  color: var(--krds-light-color-text-basic);
  font-weight: 400;
}

.gps-list ul li .area {
  width: 50px;
  height: 5px;
  display: inline-flex;
  border-style: solid;
  border-width: 0 2px 2px;
  border-color: var(--krds-color-light-gray-100);
}

.box_bg_list {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-3);
}
.box_bg_list.gap6 {
  gap: 0.6rem;
}
.box_bg_list.pd16 {
  padding: 1.6rem;
}
.box_bg_item {
  width: 100%;
  padding: var(--krds-padding-5);
  background: var(--krds-high-contrast-color-surface-white-subtle);
  border-radius: var(--krds-radius-medium1);
}
.box_bg_item.col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-2);
}
.box_bg_item.center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.box_bg_item .medium_title {
  font-size: var(--krds-pc-font-size-body-medium);
  font-weight: bold;
  color: var(--krds-light-color-surface-white);
}
.box_bg_item .medium_text {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-surface-white);
}

/* form  */
.krds-check-area.type2 {
  gap: var(--krds-gap-4);
}

.krds-form-select-sort1 {
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
  padding: 0 var(--krds-padding-6);
  gap: var(--krds-gap-4);
  height: 3.2rem;
  border: none;
  background-image: url("../images/CMS/ico_angle.svg");
  background-repeat: no-repeat;
  background-position: right 16px top 8px;
  background-size: 1.6rem 1.6rem;
}
.krds-form-select-sort1:hover, .krds-form-select-sort1:active, .krds-form-select-sort1:focus {
  background-color: #fff !important;
  box-shadow: 0 0 0 2px #5454BA inset;
}
.krds-form-select-sort1.xsmall {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-subtle);
}
.krds-form-select-sort1::before {
  content: "";
  background-image: url("../images/CMS/ico_angle.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
}
.krds-form-select-sort1.min {
  width: 16rem;
}
.krds-form-select-sort1 option {
  background-color: #fff;
}
.krds-form-select-sort1:focus {
  outline: none !important;
  border: none;
}

.krds-form-select-sort2 {
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
  padding: 0 var(--krds-padding-6);
  gap: var(--krds-gap-4);
  height: 3.2rem;
  border: none;
}
.krds-form-select-sort2:hover {
  background-color: #fff !important;
}
.krds-form-select-sort2.xsmall {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic);
  background-image: url("../images/CMS/ico_angle.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  width: auto;
}
.krds-form-select-sort2.min {
  width: 16rem;
}
.krds-form-select-sort2 option {
  background-color: #fff;
}
.krds-form-select-sort2:focus {
  outline: none !important;
  border: none;
}

.krds-form-select-sort3 {
  border: none;
  height: 3.2rem;
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
  padding: 0 var(--krds-padding-6);
  gap: var(--krds-gap-4);
}
.krds-form-select-sort3.xsmall {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
  background-image: url("../images/CMS/ico_arrow-wh.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto;
  width: 5.4rem;
  background-color: transparent;
  padding-left: var(--krds-padding-2);
}
.krds-form-select-sort3 option {
  background-color: #fff;
}
.krds-form-select-sort3:focus {
  outline: none !important;
  border: none;
}

.krds-form-select-sort4 {
  border: none;
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
  padding: 0 var(--krds-padding-5);
}
.krds-form-select-sort4.xsmall {
  height: 3.2rem;
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-subtle);
  background-image: url("../images/CMS/ico_arrow-12.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto;
  width: auto;
  background-color: transparent;
  padding-right: 2.4rem;
}
.krds-form-select-sort4.icon-none {
  background-image: none;
  padding-right: 1.6rem;
}
.krds-form-select-sort4 option {
  background-color: #fff;
}
.krds-form-select-sort4:hover, .krds-form-select-sort4:active, .krds-form-select-sort4:focus {
  border: none;
  outline: none !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px #5454BA inset;
  color: var(--krds-light-color-text-basic);
  font-weight: bold;
}

/* form-wrap  */
.form-wrap {
  width: 100%;
  position: relative;
}
.form-wrap .label.require {
  position: relative;
  padding-left: 0;
}
.form-wrap .label.require::before {
  content: "*";
  color: var(--krds-color-light-point-50);
  font-size: 1.5rem;
  font-weight: 700;
  padding-right: 5px;
}
.form-wrap.col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-2);
}
.form-wrap.col .label {
  font-size: var(--krds-pc-font-size-label-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
}
.form-wrap.row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-4);
}
.form-wrap.row .label {
  font-size: var(--krds-pc-font-size-label-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
}
.form-wrap input[type=text]:disabled {
  color: var(--krds-high-contrast-color-border-gray-dark);
  background: var(--krds-high-contrast-color-surface-disabled);
}
.form-wrap .krds-input:focus + .btn-delete-input {
  display: block;
}
.form-wrap .calendar-input li:not(.mark) {
  min-width: auto;
  flex: auto;
  width: calc(50% - 1.7rem);
}
.form-wrap .calendar-input .cal {
  width: 100%;
}
.form-wrap .calendar-input .mark {
  width: auto;
  font-size: 1.4rem;
  color: var(--krds-light-color-text-basic-inverse);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 3.2rem;
}
.form-wrap .input-group {
  width: 100%;
  position: relative;
}
.form-wrap .input-group.range {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.form-wrap .input-group.range li {
  position: relative;
}

/* select */
.krds-select {
  color: var(--krds-high-contrast-color-text-disabled-on);
  background-color: var(--krds-light-color-surface-inverse);
  border: 0.1em solid var(--krds-light-color-border-gray-dark);
  border-radius: 0.4rem;
  background-image: url("../images/CMS/ico_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 1.2rem;
  background-position: center right 1.2rem;
  background-size: 1.6rem;
}
.krds-select.completed .krds-select:focus, .krds-select:hover, .krds-select:active {
  color: var(--krds-light-color-text-basic-inverse);
}
.krds-select.disabled {
  color: var(--krds-high-contrast-color-border-gray-dark);
  background: var(--krds-high-contrast-color-surface-disabled);
  background-image: url("../images/CMS/ico_arrow-disabled.svg");
  background-repeat: no-repeat;
  background-position: center right 1.2rem;
}
.krds-select::placeholder {
  color: var(--krds-high-contrast-color-text-disabled-on);
}
.krds-select.small {
  height: 3.2rem;
  padding: 0 1.2rem;
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.krds-select.full {
  width: 100%;
}
.krds-select:focus, .krds-select.focus {
  outline: 0.2em solid var(--krds-color-light-primary-40);
  outline-offset: 0rem;
  border: none;
  color: var(--krds-light-color-text-basic-inverse);
}
.krds-select.error {
  border: 0.2em solid var(--krds-light-color-border-danger);
}

/* input */
.krds-input {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
  background: var(--krds-light-color-surface-inverse);
  border: 0.1em solid var(--krds-light-color-border-gray-dark);
  border-radius: 0.4rem;
}
.krds-input:focus, .krds-input.focus {
  outline: 0.2em solid var(--krds-color-light-primary-40);
}
.krds-input.small {
  height: 3.2rem;
  padding: 0 1.2rem;
}
.krds-input.color-picker {
  padding: 0;
  outline: 0.3rem solid var(--krds-light-color-border-gray-dark);
  outline-offset: -0.3rem;
  background-color: transparent;
  border: none;
}
.krds-input.color-picker::-webkit-color-swatch {
  padding: 1px 0;
  margin-top: -1px;
  border: none;
  height: 100%;
}
.krds-input.full {
  width: 100%;
}
.krds-input.error {
  border: 0.2em solid var(--krds-light-color-border-danger);
}
.krds-input::placeholder {
  color: var(--krds-light-color-text-disabled);
}
.krds-input.disabled {
  color: var(--krds-high-contrast-color-border-gray-dark);
  background: var(--krds-high-contrast-color-surface-disabled);
}

.form-popup-wrap.col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.form-popup-wrap.col .label {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  color: var(--krds-light-color-text-basic);
  font-weight: bold;
}
.form-popup-wrap.row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.form-popup-wrap.row.center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.form-popup-wrap.gap8 {
  gap: var(--krds-gap-3);
}
.form-popup-wrap .label.require {
  position: relative;
  padding-left: 0;
}
.form-popup-wrap .label.require::before {
  content: "*";
  color: var(--krds-color-light-point-50);
  font-size: 1.5rem;
  font-weight: 700;
  padding-right: 5px;
}
.form-popup-wrap {
  /* input */
}
.form-popup-wrap .krds-input {
  font-size: 1.4rem;
  color: var(--krds-light-color-text-basic);
  background: var(--krds-light-color-surface-white);
  border: 0.1em solid #58616A;
  border-radius: 0.6rem;
}
.form-popup-wrap .krds-input:focus, .form-popup-wrap .krds-input.focus {
  outline: 0.2em solid var(--krds-color-light-primary-40);
}
.form-popup-wrap .krds-input.small {
  height: 3.6rem;
  padding: 0 1.6rem;
}
.form-popup-wrap .krds-input.color-picker {
  padding: 0;
  outline: 0.3rem solid var(--krds-light-color-border-gray-dark);
  outline-offset: -0.3rem;
  background-color: transparent;
  border: none;
}
.form-popup-wrap .krds-input.color-picker::-webkit-color-swatch {
  padding: 1px 0;
  margin-top: -1px;
  border: none;
  height: 100%;
}
.form-popup-wrap .krds-input.full {
  width: 100%;
}
.form-popup-wrap .krds-input.error {
  border: 0.2em solid var(--krds-light-color-border-danger);
}
.form-popup-wrap .krds-input::placeholder {
  color: var(--krds-light-color-text-disabled);
}
.form-popup-wrap .krds-input.disabled {
  color: var(--krds-high-contrast-color-border-gray-dark);
  background: var(--krds-high-contrast-color-surface-disabled);
}
.form-popup-wrap {
  /* select */
}
.form-popup-wrap .krds-select {
  color: var(--krds-light-color-text-basic);
  background: var(--krds-light-color-surface-white);
  border: 0.1em solid #6D7882;
  border-radius: 0.6rem;
  background-image: url("../images/CMS/ico_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 1.6rem;
  background-position: center right 1rem;
  background-size: 1.6rem;
  color: #8A949E;
}
.form-popup-wrap .krds-select option.completed {
  color: var(--krds-light-color-text-basic);
}
.form-popup-wrap .krds-select option.selected {
  color: var(--krds-light-color-text-basic);
}
.form-popup-wrap .krds-select.completed .form-popup-wrap .krds-select:focus, .form-popup-wrap .krds-select:hover, .form-popup-wrap .krds-select:active {
  color: var(--krds-light-color-text-basic);
}
.form-popup-wrap .krds-select.disabled {
  color: var(--krds-high-contrast-color-border-gray-dark);
  background: var(--krds-high-contrast-color-surface-disabled);
  background-image: url("../images/CMS/ico_arrow-disabled.svg");
  background-repeat: no-repeat;
  background-position: center right 1.2rem;
}
.form-popup-wrap .krds-select::placeholder {
  color: var(--krds-high-contrast-color-text-disabled-on);
}
.form-popup-wrap .krds-select.small {
  height: 3.6rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.form-popup-wrap .krds-select.full {
  width: 100%;
}
.form-popup-wrap .krds-select:focus, .form-popup-wrap .krds-select.focus {
  outline: 0.2em solid var(--krds-color-light-primary-40);
  outline-offset: 0rem;
  border: none;
}
.form-popup-wrap .krds-select.error {
  border: 0.2em solid var(--krds-light-color-border-danger);
}

.form-group.stick-box {
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
}
.form-group.stick-box.pad2 {
  padding: 0 var(--krds-padding-1);
}
.form-group.stick-box .sch-input {
  gap: var(--krds-gap-5);
}
.form-group.stick-box .krds-input {
  color: var(--krds-light-color-text-disabled);
  background: var(--krds-light-color-divider-inverse);
  border: none;
}
.form-group.stick-box_login {
  background-color: transparent;
  gap: var(--krds-gap-2);
}
.form-group.stick-box_login .sch-input {
  gap: var(--krds-gap-2);
}
.form-group.stick-box_login .krds-input {
  color: var(--krds-light-color-text-disabled);
  background: transparent;
  border: none;
}

/* .krds-form-check  */
.krds-check-area.type2 {
  gap: var(--krds-gap-4);
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}

.tool_layer .structured-title {
  justify-content: space-between;
}

.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle {
  width: 14.2rem;
  height: 3.2rem;
  background-color: var(--krds-color-light-primary-70);
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle .switch_btn {
  width: 6.7rem;
  height: 2.4rem;
  background-color: var(--krds-color-light-secondary-70);
  border: none;
  top: 0.5rem;
  left: 0.4rem;
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle .switch_btn span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: 400;
  color: var(--krds-light-color-alpha-base75);
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle i.off-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.4rem;
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle i.off-image span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-light-color-surface-white);
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle i.off-image:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-map-search_on.svg);
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle i.on-image {
  display: block;
  left: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.4rem;
  background-color: transparent;
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle i.on-image span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: 400;
  color: var(--krds-light-color-alpha-base75);
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle i.on-image:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-edit.svg);
}

.svg-icon {
  background-color: transparent;
}

.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle {
  background-color: var(--krds-color-light-primary-70);
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle .switch_btn {
  gap: 0.4rem;
  left: 7.1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle .switch_btn span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-light-color-surface-white);
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle i.on-image {
  display: block;
  left: 7.1rem;
  background-color: var(--krds-color-light-secondary-70);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.4rem;
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle i.on-image span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-light-color-surface-white);
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle i.on-image:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-edit_on.svg);
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle i.off-image {
  background-color: transparent;
  left: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.4rem;
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle i.off-image span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: 400;
  color: var(--krds-light-color-alpha-base75);
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle i.off-image:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-map-search.svg);
}

.krds-table-wrap.border {
  border-top: 2px solid var(--krds-light-color-border-gray-darker);
  border-bottom: 1px solid var(--krds-light-color-border-gray-light);
}
.krds-table-wrap.scroll {
  border-collapse: collapse;
  height: 227px;
  overflow: auto;
}
.krds-table-wrap .tbl.data thead th {
  border-bottom: 1px solid var(--krds-light-color-border-gray-light);
  background-color: var(--krds-light-color-surface-gray-subtler);
  padding: 5px 12px;
  height: 3.9rem;
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  position: sticky;
  top: 0;
  z-index: 4;
}
.krds-table-wrap .tbl.data tbody th,
.krds-table-wrap .tbl.data tbody td {
  height: 3.7rem;
  padding: 0.5rem var(--krds-table--data-tbody-padding-sides);
  font-size: 1.4rem;
}
.krds-table-wrap .tbl.data tbody {
  height: auto;
  overflow: auto;
}
.krds-table-wrap .tbl.center thead th {
  text-align: center;
}
.krds-table-wrap .tbl.center tbody th,
.krds-table-wrap .tbl.center tbody td {
  text-align: center;
}
.krds-table-wrap .tbl.hover tbody tr:hover td,
.krds-table-wrap .tbl.hover tbody tr:hover th {
  background-color: var(--krds-light-color-surface-primary-subtler);
}

.krds-table-wrap + .krds-pagination {
  margin-top: 0;
}

.krds-pagination .page-navi.prev::before {
  mask-image: none;
  background-image: url("../images/CMS/ico_angle.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
}
.krds-pagination .page-navi.next::after {
  mask-image: none;
  background-image: url("../images/CMS/ico_angle.svg");
  background-repeat: no-repeat;
  transform: rotate(-90deg);
  background-color: transparent;
  background-position: center center;
}
.krds-pagination .page-navi.prev.disabled::before {
  background-image: url("../images/CMS/ico_arrow-disabled.svg");
}
.krds-pagination .page-navi.next.disabled::after {
  mask-image: none;
  background-image: url("../images/CMS/ico_arrow-disabled.svg");
  background-color: transparent;
  background-repeat: no-repeat;
}
.krds-pagination .page-links .page-link {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
}
.krds-pagination .page-links .page-link.active {
  background-color: var(--krds-color-light-primary-50);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-pagination--color-text-active);
}
.krds-pagination .page-links .page-link:hover, .krds-pagination .page-links .page-link:focus {
  background-color: var(--krds-color-light-primary-5);
  font-weight: var(--krds-font-weight-bold);
}
.krds-pagination .page-links .page-link.link-dot {
  mask-image: none;
  background-image: url("../images/CMS/ico_ellipsis.svg");
  background-color: transparent;
}
.krds-pagination .page-navi {
  height: 3.2rem;
}
.krds-pagination .page-navi:active, .krds-pagination .page-navi.active {
  background-color: var(--krds-color-light-primary-50);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-pagination--color-text-active);
}
.krds-pagination .page-navi:hover {
  background-color: var(--krds-color-light-primary-5);
}

/* krds-modal */
.krds-modal .arrow-bt::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 10px;
  height: 8px;
  background: url("../images/CMS/arrow-bt.svg") no-repeat center;
}

.modal {
  /* size */
}
.modal-xsmall {
  width: 20rem;
}
.modal-w232 {
  width: 23.2rem;
}
.modal-small {
  width: 24rem;
}
.modal-small .modal-conts {
  padding: var(--krds-padding-5) var(--krds-padding-5) var(--krds-padding-6);
}
.modal-small .modal-conts.pd16 {
  padding: var(--krds-padding-6);
}
.modal-w28 {
  width: 28rem;
}
.modal-smedium {
  width: 34rem;
}
.modal-medium {
  width: 38rem;
}
.modal-medium .conts-area {
  margin-top: var(--krds-padding-5);
}
.modal-medium .conts-area .conts_scroll {
  height: auto;
  max-height: 505rem;
  overflow: auto;
}
.modal-lage {
  width: 52rem;
}
.modal-lage .modal-conts .conts-area .conts_scroll {
  height: auto;
  max-height: 36rem;
  overflow: auto;
}
.modal-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  box-shadow: none;
  background-color: transparent;
  border-radius: var(--krds-radius-large2);
  border: 0;
  background-color: var(--krds-light-color-background-dim2);
  backdrop-filter: blur(4px);
}
.modal-content .btn-close {
  position: absolute;
  top: 1.2rem;
  right: 1.6rem;
}
.modal-content .krds-tab-area {
  height: auto;
}
.modal-header {
  border-radius: var(--krds-radius-large2) var(--krds-radius-large2) 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0 1.6rem;
  height: 4rem;
  background-color: var(--krds-high-contrast-color-border-inverse);
  cursor: pointer;
}
.modal-title {
  margin-top: 0.5rem;
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-light-color-text-basic-inverse);
}
.modal-conts {
  width: 100%;
  padding: var(--krds-padding-6);
}
.modal-conts .h15_scroll {
  max-height: 15rem;
  overflow-y: auto;
}
.modal-conts .h16_scroll {
  max-height: 16rem;
  overflow-y: auto;
}
.modal-conts .h22_scroll {
  max-height: 22rem;
  overflow-y: auto;
}
.modal-conts .h29_scroll {
  max-height: 29rem;
  overflow-y: auto;
}
.modal-conts .h30_scroll {
  max-height: 30rem;
  overflow-y: auto;
}
.modal-conts .krds-tab-area .tab.line {
  padding: 0;
}
.modal-conts .tab-line-conts-wrap2 {
  padding-top: 0.8rem;
  width: 100%;
}
.modal-conts .structured-scroll {
  height: auto;
  max-height: 40rem;
  overflow: auto;
}
.modal-conts .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--krds-light-color-surface-white);
}
.modal-conts .title2 {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  color: var(--krds-light-color-surface-white);
}
.modal-conts .ptb8 {
  padding: var(--krds-padding-3) 0;
}
.modal-conts .border {
  border-bottom: 0.1rem solid var(--krds-light-color-border-gray-dark);
}
.modal-conts .title-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: var(--krds-padding-5);
}
.modal-conts .title-wrap.center {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}
.modal-conts .title-wrap.col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  margin: var(--krds-padding-5) 0;
}
.modal-conts .title-wrap.bo_border {
  border-bottom: 0.1rem solid var(--krds-light-color-border-gray-dark);
}
.modal-conts .title-wrap .title-text {
  font-size: var(--krds-pc-font-size-heading-xsmall);
  color: var(--krds-light-color-surface-white);
}
.modal-conts .title-wrap .title-sub {
  font-size: 1.4rem;
  color: var(--krds-light-color-surface-white);
}
.modal-conts .title-wrap .sub-text {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-subtle-inverse);
}
.modal-conts .title-wrap .btn-group {
  margin-left: auto;
}
.modal-conts .conts-area .border-dark {
  border: 0.1rem solid var(--krds-high-contrast-color-surface-white);
}
.modal-conts .conts-area .krds-table-wrap .table.dark tbody td {
  padding: 0.38rem var(--krds-gap-4);
}
.modal .krds-table-wrap .table tbody th,
.modal .krds-table-wrap .table td {
  padding: var(--krds-gap-2) var(--krds-gap-4);
}
.modal .krds-tab-area {
  height: auto;
}
.modal .krds-tab-area .tab {
  padding: 0 var(--krds-padding-6);
}
.modal .krds-tab-area .tab-line-conts-wrap {
  padding: 0.8rem var(--krds-padding-6) var(--krds-padding-6);
  margin: 0;
}

.krds-table-wrap {
  overflow: auto;
}

/* //krds-modal */
/* modal  file-upload-btn */
.file-upload-btn.full {
  width: 100%;
}
.file-upload-btn.full .krds-btn {
  width: 100%;
}
.file-upload-btn [type=file] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.map-pin {
  position: fixed;
}

/* tab */
.krds-tab-area {
  width: 100%;
}
.krds-tab-area .tab.line {
  padding: var(--krds-padding-3) var(--krds-padding-6) 0 var(--krds-padding-6);
}
.krds-tab-area .tab.line.full .btn-tab {
  border: 0;
  height: 3.6rem;
}
.krds-tab-area .tab.line.full .btn-tab::before {
  bottom: 0rem;
}
.krds-tab-area .tab.line .btn-tab:before {
  height: 0.3rem;
}
.krds-tab-area .tab.line ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
  padding: 0 0.8rem;
  border-bottom: 1px solid var(--krds-light-color-border-gray-dark);
}
.krds-tab-area .tab.line ul li .btn-tab {
  font-size: 1.4rem;
  color: var(--krds-light-color-border-gray);
  font-weight: 500;
}
.krds-tab-area .tab.line ul li .btn-tab:not(:disabled):hover {
  background-color: transparent;
}
.krds-tab-area .tab.line ul li .btn-tab:focus {
  font-weight: bold;
  color: var(--krds-light-color-action-white);
}
.krds-tab-area .tab.line ul li .btn-tab:focus:before {
  position: absolute;
  bottom: 0;
  left: 0%;
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: var(--krds-tab--line-button-color-line-active);
}
.krds-tab-area .tab.line ul li .btn-tab.icon-down:after {
  content: "";
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
}
.krds-tab-area .tab.line ul li:hover .btn-tab, .krds-tab-area .tab.line ul li.active .btn-tab {
  font-weight: bold;
  color: var(--krds-light-color-action-white);
}
.krds-tab-area .tab.line ul li:hover .btn-tab:before, .krds-tab-area .tab.line ul li.active .btn-tab:before {
  position: absolute;
  bottom: 0;
  left: 0%;
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: var(--krds-tab--line-button-color-line-active);
  transition: var(--krds-transition-base);
}
.krds-tab-area .tab.line ul li:hover .btn-tab.icon-down:after, .krds-tab-area .tab.line ul li.active .btn-tab.icon-down:after {
  content: "";
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
}
.krds-tab-area .tab.fill ul {
  gap: 0.1rem;
}
.krds-tab-area .tab.fill ul li:first-of-type .btn-tab {
  border-radius: var(--krds-radius-medium3) 0 0 var(--krds-radius-medium3);
}
.krds-tab-area .tab.fill ul li:last-of-type .btn-tab {
  border-radius: 0 var(--krds-radius-medium3) var(--krds-radius-medium3) 0;
}
.krds-tab-area .tab.fill ul li .btn-tab {
  height: 3.6rem;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--krds-light-color-border-gray);
  border: none;
  background-color: var(--krds-high-contrast-color-surface-gray-subtler);
}
.krds-tab-area .tab.fill ul li.active .btn-tab {
  color: var(--krds-light-color-text-basic-inverse);
  background-color: var(--krds-color-light-secondary-70);
}
.krds-tab-area .tab.fill ul li:hover .btn-tab, .krds-tab-area .tab.fill ul li:active .btn-tab, .krds-tab-area .tab.fill ul li:focus .btn-tab {
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
  outline: none;
  outline-offset: 1px;
}
.krds-tab-area .tab.fill .active .btn-tab {
  background-color: var(--krds-tab--fill-button-color-action-active);
  border-color: var(--krds-tab--fill-button-color-border-active) !important;
  color: var(--krds-tab--fill-button-color-text);
}
.krds-tab-area .tab-line-conts-wrap {
  width: 100%;
  padding: 0 var(--krds-padding-6);
  overflow-y: auto;
}
.krds-tab-area .tab-line-conts-wrap .tab-conts {
  width: 100%;
}
.krds-tab-area .tab-line-conts-wrap .tab-conts.active {
  display: block;
}

/* structured */
.structured-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
  width: 100%;
}
.structured-item {
  cursor: pointer;
  width: 100%;
  padding: var(--krds-padding-5) 1.2rem;
  background: var(--krds-high-contrast-color-surface-gray-subtle);
  border: 0.1rem solid var(--krds-high-contrast-color-surface-white-subtle);
  border-radius: var(--krds-radius-medium1);
}
.structured-item.active {
  background: var(--krds-high-contrast-color-surface-white-subtle);
  border: 0.1rem solid var(--krds-high-contrast-color-surface-white-subtle);
}
.structured-item.active .structured-sub-box {
  display: block;
}
.structured-item.active .structured-title .krds-badge-wrap .label {
  color: var(--krds-light-color-text-basic-inverse);
}
.structured-item.active .structured-item-2D {
  visibility: visible;
  opacity: 1;
  display: block;
  background: var(--krds-high-contrast-color-divider-gray-light);
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-3) var(--krds-padding-5);
  gap: 0.6rem;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.structured-item.active .structured-item-2D li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
}
.structured-item.active .structured-item-2D li .tructured-2D-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.4rem;
}
.structured-item.active .structured-item-2D li .tructured-2D-header.is-open .st-box_btn {
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured-item.active .structured-item-2D li .tructured-2D-header .krds-form-check {
  height: 2rem;
}
.structured-item.active .structured-item-2D li .tructured-2D-header.is-open + .structured_depth {
  display: block;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
}
.structured-item.active .structured-item-2D .structured_depth {
  padding-left: 2rem;
  display: none;
}
.structured-item.active .structured-item-2D .st-box_btn {
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured-item.active .structured-item-2D span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: 400;
  color: var(--krds-light-color-surface-white);
  text-justify: auto;
}
.structured-item.active .structured_btn {
  height: 1.6rem;
}
.structured-item.active .structured_btn::after {
  display: none;
}
.structured-item.active .structured_btn::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.structured-title.sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.structured-title .car-number {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.structured-title .date {
  font-size: 1.2rem;
  white-space: nowrap;
  color: var(--krds-light-color-text-subtle-inverse);
}
.structured-sub-box {
  margin-top: 0.6rem;
  display: none;
}
.structured-sub-box .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.structured-sub-box .row li {
  width: 100%;
}
.structured-sub-box .row li.structured-item-2D {
  height: 6.85rem;
  padding: var(--krds-padding-2);
  gap: var(--krds-gap-1);
  cursor: pointer;
}
.structured-sub-box .row li.structured-item-2D .sub-text {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-subtle-inverse);
}
.structured-sub-box .row li.structured-item-2D .car-number {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.structured_btn::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured_btn_more {
  margin-left: auto;
}
.structured_btn_more::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: flex;
}
.structured-item-2D {
  visibility: hidden;
  opacity: 0;
  display: none;
}

/* krds-badge-wrap */
.krds-badge-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.krds-badge-wrap.gap8 {
  gap: var(--krds-gap-3);
}
.krds-badge-wrap .krds-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.krds-badge-wrap .krds-badge.small {
  height: 2rem;
  border-radius: 10rem;
  padding: 0 var(--krds-padding-3);
}
.krds-badge-wrap .krds-badge {
  /* color */
}
.krds-badge-wrap .krds-badge.bg-secondary {
  background-color: var(--krds-color-light-secondary-70);
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.krds-badge-wrap .krds-badge.bg-disabled {
  background-color: var(--krds-light-color-text-disabled-on);
  font-size: var(--krds-pc-font-size-label-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
}
.krds-badge-wrap .krds-badge.radius {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100rem;
}
.krds-badge-wrap .krds-badge.bg-success {
  background-color: var(--krds-color-light-success-40);
  color: var(--krds-badge--color-text-basic);
}
.krds-badge-wrap .label {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--krds-light-color-text-subtle-inverse);
}

.svg-icon {
  width: 100%;
  height: 100%;
  transition: 0.4s ease-in-out;
  display: inline-flex;
  background-color: transparent;
}
.svg-icon.ico-document {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tit-document.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-popup-close {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-popup-close.svg);
  width: 2.4rem;
  height: 2.4rem;
}
.svg-icon.ico-popupwh-close {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-popupwh-close.svg);
  width: 2.4rem;
  height: 2.4rem;
}
.svg-icon.ico-delete-fill {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-delete-fill.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-go-top {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico_go_top.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.icon-alert_success {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-system-success.svg);
  width: 4rem;
  height: 4rem;
}
.svg-icon.icon-alert_danger {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-system-danger.svg);
  width: 4rem;
  height: 4rem;
}
.svg-icon.icon-alert_info {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-system-info.svg);
  width: 4rem;
  height: 4rem;
}
.svg-icon.icon-alert_warning {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-system-warning.svg);
  width: 4rem;
  height: 4rem;
}
.svg-icon.icon-download {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-download.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-download {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-download.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-download_wh {
  background: url("../images/CMS/icon-download_wh.svg") no-repeat center;
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-login {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-login.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-excel {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-excel.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-box-pluse {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-box-pluse.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-box-minus {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-box-minus.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-example {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-example.svg);
  width: 1.2rem;
  height: 1.2rem;
}
.svg-icon.icon-example_wh {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-example_wh.svg);
  width: 1.2rem;
  height: 1.2rem;
}
.svg-icon.icon-filter {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-filter.svg);
  width: 1.2rem;
  height: 1.2rem;
}
.svg-icon.icon-calendar {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-calendar.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-info {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-info.svg);
  width: 3.2rem;
  height: 3.2rem;
}
.svg-icon.ico-info_on {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-info_on.svg);
  width: 3.2rem;
  height: 3.2rem;
}
.svg-icon.ico-set {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-set_over.svg);
  width: 3.2rem;
  height: 3.2rem;
}
.svg-icon.ico-set_on {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-set_on.svg);
  width: 3.2rem;
  height: 3.2rem;
}
.svg-icon.ico-more {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-more.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-btn-search {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-btn-search.svg);
  width: 1.2rem;
  height: 1.2rem;
}
.svg-icon.ico-btn-pin {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-btn-pin.svg);
  width: 1.2rem;
  height: 1.2rem;
}
.svg-icon.ico-profile {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-profile.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.ico_item01 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico_item01.svg);
  width: 1.8rem;
  height: 1.8rem;
}
.svg-icon.ico_item02 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico_item02.svg);
  width: 1.8rem;
  height: 1.8rem;
}
.svg-icon.ico_item03 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico_item03.svg);
  width: 1.8rem;
  height: 1.8rem;
}
.svg-icon.ico_item04 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico_item04.svg);
  width: 1.8rem;
  height: 1.8rem;
}
.svg-icon.ico_item05 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico_item05.svg);
  width: 1.8rem;
  height: 1.8rem;
}
.svg-icon.icon-edit {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-edit.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-map-search {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-map-search.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-edit_on {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-edit_on.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-map-search_on {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-map-search_on.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.ico-search_20 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-search_20.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon01 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon01.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon02 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon02.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon03 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon03.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon04 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon04.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon05 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon05.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon06 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon06.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon07 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon07.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon08 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon08.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon09 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon09.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon10 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon10.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon11 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon11.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon12 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon12.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon13 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon13.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon14 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon14.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.tool_icon15 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/tool_icon15.svg);
  width: 2rem;
  height: 2rem;
}
.svg-icon.icon-location {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-location.svg);
  width: 3.2rem;
  height: 3.2rem;
}
.svg-icon.icon-menu {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-menu.svg);
  width: 3.2rem;
  height: 3.2rem;
}
.svg-icon.icon-dashboard01 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-dashboard01.svg);
  width: 2.4rem;
  height: 2.4rem;
}
.svg-icon.icon-dashboard02 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-dashboard02.svg);
  width: 2.4rem;
  height: 2.4rem;
}
.svg-icon.icon-dashboard03 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-dashboard03.svg);
  width: 2.4rem;
  height: 2.4rem;
}
.svg-icon.ico-search_16 {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/ico-search_16.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-down {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-down.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.icon-down_on {
  -webkit-mask: none;
  mask: none;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/ico/icon-down_on.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.svg-icon.wic-NB01 {
  background: url("../images/CMS/NB01.svg") no-repeat center;
  width: 2rem;
  height: 2rem;
}
.svg-icon.wic-NB02 {
  background: url("../images/CMS/NB02.svg") no-repeat center;
  width: 2rem;
  height: 2rem;
}

/*지도 마커 / 나의 현재 위치*/
.marker_my {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.marker_my .svg-icon {
  background-color: transparent;
  width: 32px;
  height: 32px;
}
.marker_my .svg-icon.pin.my-location {
  background: url("../images/CMS/ico-current-location.svg") no-repeat center;
}

/* ==================
    그리드 화면
================== */
.popup.shown .modal-back {
  display: block;
}

.popup {
  display: none;
  position: absolute;
  z-index: 5;
}
.popup.shown {
  display: block;
  transform: translate(-50%, -50%);
}
.popup-small {
  width: 38rem;
}
.popup-medium {
  width: 80rem;
}
.popup-lage {
  width: 100rem;
}
.popup-auto {
  width: auto;
}
.popup-content {
  height: auto;
  overflow-y: auto;
  max-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  box-shadow: none;
  padding: 2.4rem;
  border-radius: var(--krds-radius-xlarge1);
  border: 0.1rem solid var(--krds-light-color-border-gray);
  background-color: var(--krds-light-color-surface-white);
}
.popup-content .btn-close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
}
.popup-content .krds-tab-area {
  height: auto;
}
.popup-content .btn-group.bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  gap: 0.8rem;
}
.popup-border {
  border: 1px solid #000;
  height: 100px;
}
.popup-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: var(--krds-padding-3) var(--krds-padding-6);
  height: 5.2rem;
  margin-top: 2.4rem;
}
.popup-title {
  font-size: var(--krds-pc-font-size-heading-medium);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-light-color-text-basic);
}
.popup-conts {
  width: 100%;
  margin-bottom: 0.8rem;
  padding: 0 var(--krds-padding-6);
}
.popup-conts .box-wrap {
  border: 0.1rem solid var(--krds-light-color-border-gray);
  border-radius: var(--krds-radius-xlarge1);
  padding: var(--krds-padding-6);
}
.popup-conts .box-wrap.pd24 {
  padding: var(--krds-padding-8);
}
.popup-conts.between {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-gap-7);
}
.popup-conts .left {
  width: 100%;
}
.popup-conts .left .label {
  white-space: nowrap;
  min-width: 12rem;
}
.popup-conts .left .box-wrap {
  height: 100%;
}
.popup-conts .right {
  width: calc(100% - 45rem - 2.4rem);
}
.popup-conts .map-box-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 0.6rem;
  height: 69.6rem;
}
.popup-conts .map-box-wrap img {
  object-fit: cover;
}
.popup-conts .map-box-wrap .btn-group {
  position: absolute;
  display: flex;
  gap: 0.8rem;
  top: 0.8rem;
  right: 0.8rem;
}
.popup-button {
  width: 100%;
}
.popup-button .btn-wrap {
  padding: var(--krds-padding-6);
}
.popup-button .btn-wrap.end {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
  gap: 0.8rem;
}

.grid {
  height: 100%;
  overflow: hidden;
}

.page-wrap {
  width: 100%;
  height: calc(100vh - 48px - 32px);
}
.page-wrap .page-inner {
  overflow: auto;
  height: 100%;
  width: 100%;
  padding: 3.2rem 2rem;
}
.page-wrap .page-contents {
  margin: 0;
  padding: 0;
}
.page-wrap .page-contents .search-top-box .sch-filter-box {
  margin-top: 0;
}
.page-wrap .krds-btn.excel {
  background-color: var(--krds-light-color-surface-white);
  border: 1px solid var(--krds-color-light-success-50);
  color: var(--krds-color-light-success-50);
}
.page-wrap {
  /*krds-form*/
}
.page-wrap .krds-form-select.small {
  height: 36px;
}
.page-wrap .krds-form-select {
  width: 100%;
  font-size: var(--krds-pc-font-size-body-small);
  color: #8A949E;
  background-color: #fff;
}
.page-wrap .krds-form-select:hover, .page-wrap .krds-form-select:active, .page-wrap .krds-form-select:focus {
  color: var(--krds-light-color-text-basic) !important;
}
.page-wrap .txt-box.bg-white .krds-form-select,
.page-wrap .txt-box.bg-white .krds-input {
  height: 36px;
  font-size: var(--krds-pc-font-size-body-small);
}
.page-wrap .krds-form-select.is-error {
  border-color: var(--krds-light-color-input-border-error);
}
.page-wrap .krds-form-select[disabled] {
  background-position: center right var(--krds-form-select--padding-default);
}
.page-wrap .krds-form-select[disabled] option:checked {
  color: #000 !important;
}
.page-wrap .krds-input.small {
  height: 36px;
}
.page-wrap .form-group .form-tit,
.page-wrap .form-group .form-label {
  font-size: var(--krds-pc-font-size-label-small);
}
.page-wrap {
  /*input-group*/
}
.page-wrap .input-group.range > li.mark {
  height: unset;
}
.page-wrap .input-group.range {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.page-wrap .form-group .form-hint-invalid::before {
  width: 1.6rem;
  height: 1.6rem;
}
.page-wrap input.cal[disabled] {
  background: var(--krds-light-color-surface-disabled) url(../images/common/icon/ico-calendar_disabled.svg) no-repeat center right 16px !important;
}
.page-wrap .krds-table-wrap {
  border: none;
}
.page-wrap .krds-table-wrap.border {
  border-top: 2px solid var(--krds-light-color-border-gray-darker);
  border-bottom: 1px solid var(--krds-light-color-border-gray-light);
}
.page-wrap .krds-table-wrap.scroll {
  border-collapse: collapse;
  height: 227px;
  overflow: auto;
}
.page-wrap .krds-table-wrap .tbl.data thead th {
  border-right: 0;
  border-bottom: 1px solid var(--krds-light-color-border-gray-light);
  background-color: #F4F5F6;
  padding: 5px 12px;
  height: 3.9rem;
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  position: sticky;
  top: 0;
  color: #131413;
  font-weight: bold;
}
.page-wrap .krds-table-wrap .tbl.data tbody th,
.page-wrap .krds-table-wrap .tbl.data tbody td {
  border-right: 0;
  height: 3.7rem;
  padding: 0.5rem var(--krds-table--data-tbody-padding-sides);
  font-size: 1.4rem;
  color: #464C53;
  font-weight: var(--krds-font-weight-regular);
  background-color: var(--krds-table--data-tbody-color-surface);
  border-bottom: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
}
.page-wrap .krds-table-wrap .tbl.data tbody {
  height: auto;
  overflow: auto;
}
.page-wrap .krds-table-wrap .tbl.data tbody:last-of-type th,
.page-wrap .krds-table-wrap .tbl.data tbody:last-of-type td {
  border-bottom: none;
}
.page-wrap .krds-table-wrap .tbl.center thead th {
  text-align: center;
}
.page-wrap .krds-table-wrap .tbl.center tbody th,
.page-wrap .krds-table-wrap .tbl.center tbody td {
  text-align: center;
}
.page-wrap .krds-table-wrap .tbl.hover tbody tr:hover td,
.page-wrap .krds-table-wrap .tbl.hover tbody tr:hover th {
  background-color: var(--krds-light-color-surface-primary-subtler);
}
.page-wrap {
  /* ** 검색 : 공통 ** */
  /* 공통 - 검색 폼 */
}
.page-wrap .search-top-box .sch-form-wrap .krds-form-select {
  height: 36px;
  font-size: var(--font-size-14);
}
.page-wrap .search-top-box .sch-form-wrap.flex-inline {
  display: inline-flex;
}
.page-wrap .search-top-box .sch-form-wrap.flex-inline .krds-form-select {
  width: 18rem;
}
.page-wrap .search-top-box .sch-form-wrap.flex-inline .input-group {
  gap: var(--krds-gap-5);
  align-items: flex-start;
}
.page-wrap .search-top-box .sch-form-wrap.flex-inline .krds-btn.medium {
  flex-shrink: 0;
}
.page-wrap .search-top-box .sch-filter-box {
  padding: var(--krds-padding-8);
  border-radius: var(--krds-radius-xlarge1);
  background: #EEF2F7;
}
.page-wrap .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;
}
.page-wrap .search-top-box .sch-filter-box .filter-form > div {
  width: auto;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.page-wrap .search-top-box .sch-filter-box .filter-form > div {
  max-width: unset;
}
.page-wrap .search-top-box .sch-filter-box .filter-form > div:nth-child(4) .krds-input {
  width: 100%;
  max-width: unset;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .label {
  font-size: var(--font-size-14);
  font-weight: bold;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .label .input-group {
  gap: var(--krds-gap-2);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .label .input-group.range > li:not(.mark) {
  flex: unset;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .label .input-group.range > li.mark {
  height: var(--krds-size-height-6);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap {
  width: 100%;
  position: relative;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .set-input {
  width: 100%;
  position: relative;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .set-input li:not(.mark) {
  min-width: auto;
  flex: auto;
  width: calc(50% - 1.7rem) !important;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .set-input .mark {
  width: auto;
  font-size: 1.4rem;
  color: var(--krds-light-color-text-basic);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 3.2rem;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap.row {
  gap: var(--krds-gap-4);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .calendar-input .cal {
  width: 100%;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .calendar-input li:not(.mark) {
  min-width: auto;
  flex: auto;
  width: calc(50% - 1.7rem) !important;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .calendar-input .cal {
  width: 100%;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .calendar-input .mark {
  width: auto;
  font-size: 1.4rem;
  color: var(--krds-light-color-text-basic-inverse);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 3.2rem;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .input-group {
  width: 100%;
  position: relative;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .input-group.range {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .input-group.range li {
  position: relative;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-select {
  width: 100%;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap {
  width: 100%;
  position: relative;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap.row {
  gap: var(--krds-gap-4);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .input-group.range .full {
  width: 100%;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .calendar-input .input-group.range {
  gap: var(--krds-gap-3);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .calendar-input .mark {
  color: var(--krds-light-color-text-basic);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .calendar-input .form-btn-datepicker {
  background: url(../images/common/ico/ico-calendar_bk.svg) no-repeat center right 0px;
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 50%;
  right: var(--krds-padding-5);
  transform: translateY(-50%);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .label {
  width: 9rem;
  color: var(--krds-light-color-text-basic);
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: bold;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-select.xsmall {
  height: 3.6rem;
  font-size: 1.4rem;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-select {
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
  padding: 0 var(--krds-padding-6);
  gap: var(--krds-gap-4);
  background-image: url("../images/common/ico/ico_angle.svg");
  background-repeat: no-repeat;
  background-position: right 16px top 10px;
  background-size: 1.6rem 1.6rem !important;
  color: var(--krds-light-color-text-subtle);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-select:focus, .page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-select:hover {
  outline-offset: -2px;
  outline: 2px solid var(--krds-color-light-primary-40);
  color: var(--krds-light-color-text-basic);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-select:focus {
  border-width: 1px;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-input {
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-light-color-surface-white);
  padding: 0 var(--krds-padding-6);
  border: 1px solid var(--krds-color-light-gray-50);
  color: var(--krds-light-color-text-basic);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-input ::placeholder {
  color: var(--krds-light-color-text-subtle);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-input:focus, .page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-input:hover {
  outline-offset: -2px;
  outline: 2px solid var(--krds-color-light-primary-40);
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-input.xsmall {
  height: 3.6rem;
  font-size: 1.4rem;
}
.page-wrap .search-top-box .sch-filter-box .filter-form .form-wrap .krds-form-input.full {
  width: 100%;
}
.page-wrap .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-color-light-primary-light);
}
.page-wrap .search-top-box .sch-filter-box .filter-button .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}
.page-wrap .search-top-box {
  /* 필터칩 박스 */
}
.page-wrap .search-top-box .filter-chip {
  padding: var(--krds-padding-8) 0 0;
  margin: var(--krds-gap-7) 0 0;
  border-top: var(--search-box-filter-chip-width-border) solid var(--search-box-filter-chip-color-border);
  border-radius: 0;
}
.page-wrap .search-list-top {
  margin: 0;
}
.page-wrap .search-list-top.result {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.page-wrap .search-list-top .sch-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.page-wrap .search-list-top .sch-info .sch-info_title {
  font-size: var(--krds-pc-font-size-heading-small);
  color: var(--krds-light-color-text-bolder);
  font-weight: bold;
  padding-right: 0;
}
.page-wrap .search-list-top .sch-info .sch-info_title:after {
  display: none;
}
.page-wrap .search-list-top .sch-info .sch-info_subtitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--krds-pc-font-size-body-medium);
  color: var(--krds-light-color-text-basic);
  font-weight: bold;
}
.page-wrap .search-list-top .sch-info .sch-info_subtitle .primary {
  color: var(--krds-color-light-primary-60);
  margin-left: 0.4rem;
}
.page-wrap .search-list-top .sch-info .sch-info_subtitle::before {
  content: "";
  width: 1px;
  height: 12px;
  background-color: var(--krds-light-color-border-gray-light);
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  margin: 0 0.8rem;
}
.page-wrap section + section {
  margin-top: 2.4rem;
}
.page-wrap section.col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.2rem;
}
.page-wrap {
  /* krds-pagination */
}
.page-wrap .krds-pagination {
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 16px;
}
.page-wrap .krds-pagination .page-navi {
  font-size: 1.4rem;
  color: var(--krds-color-light-gray-70);
  background-color: transparent;
  border-radius: var(--krds-radius-medium1);
}
.page-wrap .krds-pagination .page-navi:hover, .page-wrap .krds-pagination .page-navi:focus, .page-wrap .krds-pagination .page-navi.active, .page-wrap .krds-pagination .page-navi:active {
  color: var(--krds-color-light-gray-70);
  font-weight: 400;
  background: var(--krds-color-light-primary-hover) !important;
}
.page-wrap .krds-pagination .page-navi.disabled {
  color: var(--krds-light-color-text-disabled);
}
.page-wrap .krds-pagination .page-navi.disabled:hover, .page-wrap .krds-pagination .page-navi.disabled:focus, .page-wrap .krds-pagination .page-navi.disabled.active, .page-wrap .krds-pagination .page-navi.disabled:active {
  background-color: transparent !important;
}
.page-wrap .krds-pagination .page-navi::before, .page-wrap .krds-pagination .page-navi::after {
  width: 2rem;
  height: 2rem;
}
.page-wrap .krds-pagination .page-navi:hover::before, .page-wrap .krds-pagination .page-navi:hover::after, .page-wrap .krds-pagination .page-navi:active::before, .page-wrap .krds-pagination .page-navi:active::after, .page-wrap .krds-pagination .page-navi:focus::before, .page-wrap .krds-pagination .page-navi:focus::after {
  mask-image: none;
  background: url("../images/CMS/ico_grid-navi.svg") no-repeat center;
  background-color: transparent;
}
.page-wrap .krds-pagination .page-navi::before, .page-wrap .krds-pagination .page-navi::after {
  mask-image: none;
  background: url("../images/CMS/ico_grid-navi.svg") no-repeat center;
  background-color: transparent;
}
.page-wrap .krds-pagination .page-navi.next::after {
  transform: rotate(180deg);
}
.page-wrap .krds-pagination .page-navi.prev::before {
  transform: rotate(0deg);
}
.page-wrap .krds-pagination .page-navi.prev.disabled::before {
  background: url("../images/CMS/ico_grid-disabled.svg") no-repeat center;
  transform: rotate(0deg);
}
.page-wrap .krds-pagination .page-navi.next.disabled::after {
  background-image: url("../images/CMS/ico_arrow-disabled.svg");
  transform: rotate(-90deg);
}
.page-wrap .krds-pagination .page-links .page-link {
  font-size: 1.4rem;
  color: var(--krds-color-light-gray-70);
  border-radius: var(--krds-radius-medium1);
}
.page-wrap .krds-pagination .page-links .page-link:hover {
  color: var(--krds-color-light-gray-70);
  font-weight: 400;
  background-color: var(--krds-color-light-primary-hover);
}
.page-wrap .krds-pagination .page-links .page-link.active {
  font-weight: bold;
  color: var(--krds-light-color-border-inverse);
  background-color: var(--krds-light-color-action-primary-active);
}
.page-wrap .krds-pagination .page-links .page-link:focus {
  font-weight: bold;
  background-color: var(--krds-light-color-action-primary-pressed);
}
.page-wrap .krds-pagination .page-links .page-link.link-dot {
  mask-image: none;
  background-image: url("../images/CMS/ico_ellipsis.svg");
  background-color: transparent;
}
.page-wrap {
  /* scroll custom */
}
.page-wrap ::-webkit-scrollbar {
  width: 14px;
}
.page-wrap ::-webkit-scrollbar-thumb {
  border: solid transparent;
  background-clip: padding-box;
  border-radius: 8px;
  background-color: rgb(166, 166, 166);
}
.page-wrap ::-webkit-scrollbar-track {
  background-color: transparent;
}
.page-wrap ::-webkit-scrollbar-button {
  display: none;
}
.page-wrap ::-webkit-scrollbar-corner {
  background: transparent;
}