@charset "UTF-8";
:root {
  --map-label-height-default:3.7rem;
  --map-header-primary:var(--color-map-90);
  --map-select-padding-right-medium:var(--padding-08);
  --map-select-padding-left-medium:var(--padding-02);
  --map-select-border-radius: var(--border-radius-small);
  --map-select-height-medium:var(--number-11);
  --map-select-color-border:var(--color-gray-20);
  --map-select-color-border-hover:var(--color-gray-40);
  --map-select-font-size-medium:var(--map-font-size-label-medium);
  --map-select-size-height:var(--map-label-height-default);
  --map-input-text-border-radius: var(--border-radius-small);
  --map-input-padding-x:var(--padding-02);
  --map-input-padding-y:var(--padding-02);
  --map-input-color-border:var(--color-gray-20);
  --map-input-color-border-hover:var(--color-gray-40);
  --map-input-check-color-border:var(--color-gray-60);
  --map-input-check-color-border-hover:var(--color-gray-30);
  --map-input-font-size-medium:var(--map-font-size-label-medium);
  --map-input-size-height:var(--map-label-height-default);
  --label-size-width-xsmall:var(--min-width-01);
  --label-size-width-small:var(--min-width-02);
  --map-aside-padding-x: var(--padding-06);
  --map-aside-padding-y: var(--padding-07);
  --map-aside-menu-color:var(--color-text-subtle-inverse);
  --map-aside-list-gap: var(--gap-03);
  --map-header-menu-list-padding-x: var(--padding-11);
  --map-aside-border-color: var(--color-gray-60);
  --map-button-font-weight-bold: var(--font-weight-bold);
  --map-button-font-weight-regular: var(--font-weight-regular);
  --map-button-primary-color: var(--color-background-primary);
  --map-button-primary-color-hover: var(--color-background-primary-hover);
  --map-button-primary-color-text: var(--color-text-inverse-static);
  --map-button-secondary-color: var(--color-background-primary-subtler);
  --map-button-secondary-color-hover: var(--color-background-primary-subtler-hover);
  --map-button-secondary-color-text: var(--color-text-primary);
  --map-button-secondary-color-border: var(--color-background-primary);
  --map-button-tertiary-color:var(--color-background-tertiary);
  --map-button-tertiary-color-hover:var(--color-background-tertiary-hover);
  --map-button-tertiary-color-text:var(--color-text-subtle);
  --map-button-tertiary-color-border:var(--color-border-gray);
  --map-button-red-color: var(--color-background-danger);
  --map-button-red-color-hover:var(--color-background-danger-hover);
  --map-button-red-color-subtle: var(--color-background-danger-subtle);
  --map-button-red-color-text:var(--color-text-basic);
  --map-button-color-border-unset: var(--color-border-unset);
  --map-button-font-size-medium: var(--map-font-size-label-medium);
  --map-button-padding-small: var(--padding-02);
  --map-icon-size-large: var(--number-12);
  --map-icon-size-medium: var(--number-10);
  --map-icon-size-small: var(--number-09);
  --map-icon-size-xsmall: var(--number-08);
  --map-icon-size-xxsmall: var(--number-07);
  --map-icon-border-radius-small: var(--border-radius-small);
  --map-icon-border-radius-xsmall: var(--border-radius-xsmall);
  --map-icon-title-margin-medium: var(--padding-04);
  --map-select-min-width:var(--number-14);
  --map-table-box-color-border:var(--color-border-gray-subtle);
  --map-table-th-padding:var(--padding-02);
  --map-table-th-color-border: var(--color-secondary-10);
  --map-table-th-color-background: var(--color-background-secondary-subtler);
  --map-table-th-color-text:var(--color-text-basic);
  --map-table-td-padding:var(--padding-02);
  --map-table-td-color-border: var(--color-gray-20);
  --map-table-td-color-background: var(--color-background-white-subtle);
  --map-table-td-color-text:var(--color-text-basic);
  --map-table-tr-color-hover: var(--color-background-primary-subtler);
  --map-table-text-unit: var(--color-text-disabled);
  --map-accordion-color-background: var(--color-background-white-subtle);
  --map-accordion-color-background-hover: var(--color-background-gray-subtler);
  --map-accordion-color-text-on: var(--color-text-disabled);
  --map-section-title-color:var(--color-text-bolder);
  --map-section-title-font-size:var(--font-size-heading-xsmall);
  --map-group-title-color:var(--color-text-basic);
  --map-group-title-font-size:var(--font-size-heading-xxsmall);
  --map-content-title-color:var(--color-text-subtle);
  --map-title-text-bold: var(--font-weight-bold);
  --map-switch-color-background:var(--color-gray-30);
  --map-switch-size-x:1.4rem;
  --map-switch-size-y:2.8rem;
  --map-modal-header-color-background: var(--color-background-secondary-subtle);
  --map-modal-body-color-background:var(--color-gray-20);
  --map-modal-body-color-background-subtle:var(--color-gray-05);
  --map-color-navigation-active:#48B2FEFF; /* 지도 네비게이션 active */
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
}

.ui-datepicker .ui-datepicker-prev {
  background-image: url(../images/common/ico-accordion-left.svg);
}

.ui-datepicker .ui-datepicker-next {
  background-image: url(../images/common/ico-accordion-right.svg);
}

#map {
  flex: 1;
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 10px;
  border: 4px solid transparent;
  box-shadow: inset 6px 6px 0 rgba(3, 31, 63, 0.15);
}

::-webkit-scrollbar-thumb:hover {
  border: 4px solid transparent;
  box-shadow: inset 6px 6px 0 rgba(3, 31, 63, 0.3);
}

::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: var(--color-background-secondary-subtler);
}

.map-body {
  overflow: hidden;
  font-size: var(--map-font-size-body-medium);
}

.btn {
  font-weight: var(--map-button-font-weight-bold);
  padding: var(--map-button-padding-small);
  font-size: var(--map-button-font-size-medium);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--map-button-color-border-unset);
  cursor: pointer;
}
.btn.primary {
  background-color: var(--map-button-primary-color);
  color: var(--map-button-primary-color-text);
  min-width: var(--min-width-01);
}
.btn.primary:hover {
  background-color: var(--map-button-primary-color-hover);
}
.btn.secondary {
  background-color: var(--map-button-secondary-color);
  color: var(--map-button-secondary-color-text);
  border: 1px solid var(--map-button-secondary-color-border);
}
.btn.secondary:hover {
  background-color: var(--map-button-secondary-color-hover);
}
.btn.tertiary {
  background-color: var(--map-button-tertiary-color);
  color: var(--map-button-tertiary-color-text);
  border: 1px solid var(--map-button-tertiary-color-border);
}
.btn.tertiary:hover {
  background-color: var(--map-button-tertiary-color-hover);
}
.btn.delete {
  background-color: var(--map-button-red-color-subtle);
  color: var(--map-button-red-color-text);
  border: 1px solid var(--map-button-red-color);
}
.btn.delete:hover {
  background-color: var(--map-button-red-color-hover);
}
.btn.download {
  background-color: var(--map-button-primary-color);
  color: var(--map-button-primary-color-text);
  font-weight: var(--font-weight-regular);
  padding: var(--padding-01) var(--padding-02);
}
.btn.download:hover {
  background-color: var(--map-button-primary-color-hover);
}
.btn.download::after {
  content: "";
  display: inline-block;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/common/ico-download.svg);
  margin-left: var(--padding-01);
  vertical-align: middle;
}
.btn.search {
  width: var(--map-icon-size-large);
  background: var(--map-button-secondary-color) url(../images/common/ico-search_primary.svg) no-repeat center;
  border: 1px solid var(--map-button-secondary-color-border);
}
.btn.search:hover {
  background-color: var(--map-button-secondary-color-hover);
}
.btn.excel {
  border: 1px solid var(--map-button-tertiary-color-border);
  background-color: var(--map-button-tertiary-color);
}
.btn.excel::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background-image: url(../images/common/ico-excel.svg);
  margin-right: var(--padding-02);
}
.btn.excel:hover {
  background-color: var(--map-button-tertiary-color-hover);
}
.btn.help {
  color: var(--map-button-primary-color-text);
  padding: 0;
  background-color: transparent;
}
.btn.help::before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background-image: url(../images/map/ico-help.svg);
  margin: 0;
  background-size: var(--map-icon-size-xsmall);
}

.btn__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--gap-03);
}
.btn__box:not(:first-child) {
  margin-top: var(--padding-07);
}
.btn__box:first-child {
  margin-bottom: var(--padding-03);
}
.btn__box--end {
  justify-content: flex-end;
}
.btn__box--file {
  margin-top: 0;
}
.btn__box--only button {
  flex: 1;
}

label {
  box-sizing: border-box;
  position: relative;
}
label input[type=color] {
  -webkit-appearance: none;
  appearance: none;
  width: var(--map-icon-size-small);
  border-radius: var(--border-radius-small);
  border: 1px solid #fff;
  background: #fff;
  flex-shrink: 0;
  position: relative;
  top: 1px;
}
label.check {
  display: inline-block;
}
label.check:hover .check__mark {
  border: 1px solid var(--map-input-check-color-border-hover);
}
label input[type=checkbox], label input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
label input[type=checkbox]:checked + .check__mark, label input[type=radio]:checked + .check__mark {
  background-color: var(--map-button-primary-color);
  border: 1px solid var(--map-button-primary-color);
  background-image: url(../images/common/ico-check.svg);
}
label input[type=checkbox].neutral + .check__mark, label input[type=radio].neutral + .check__mark {
  background-color: var(--map-button-primary-color);
  border: 1px solid var(--map-button-primary-color);
  background-image: url(../images/common/ico-neutral.svg);
}
label input[type=checkbox]:checked + .radio__mark, label input[type=radio]:checked + .radio__mark {
  background-color: var(--map-button-tertiary-color);
  border: 1px solid var(--map-button-primary-color);
  position: relative;
}
label input[type=checkbox]:checked + .radio__mark::before, label input[type=radio]:checked + .radio__mark::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--map-button-primary-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
label .check__mark {
  position: relative;
  top: -1px;
  vertical-align: middle;
  display: inline-block;
  height: var(--map-icon-size-xxsmall);
  width: var(--map-icon-size-xxsmall);
  border-radius: var(--map-icon-border-radius-xsmall);
  border: 1px solid var(--map-input-check-color-border);
  background-color: var(--color-background-white-subtle);
  background-position: center;
  background-repeat: no-repeat;
}
label .radio__mark {
  vertical-align: middle;
  display: inline-block;
  height: var(--map-icon-size-xxsmall);
  width: var(--map-icon-size-xxsmall);
  border-radius: 50%;
  border: 1px solid var(--map-input-check-color-border);
  background-color: var(--color-background-white-subtle);
  background-position: center;
  background-repeat: no-repeat;
}
label .radio__name {
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  padding: var(--padding-02) var(--padding-01) var(--padding-02) 0;
}

.check__name {
  white-space: nowrap;
  display: inline-block;
}
.check__name:not(.accordion__list .check__name) {
  padding: var(--padding-02) var(--padding-01) var(--padding-02) 0;
}

.switch {
  width: var(--map-switch-size-x);
  height: var(--map-switch-size-y);
  border: 0;
  position: relative;
  cursor: pointer;
  display: block;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: var(--color-background-primary);
}
.switch input:checked + .slider::before {
  background-color: #fff;
  -webkit-transform: translateY(calc(-1 * var(--map-switch-size-x)));
  -ms-transform: translateY(calc(-1 * var(--map-switch-size-x)));
  transform: translateY(calc(-1 * var(--map-switch-size-x)));
}
.switch span.slider {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--map-switch-color-background);
  border-radius: var(--border-radius-small);
}
.switch span.slider::before {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--color-background-white-subtle);
  border-radius: var(--border-radius-xsmall);
  position: absolute;
  top: 16px;
  left: 2px;
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  background: linear-gradient(90deg, rgb(255, 255, 255), rgb(70, 63, 63));
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff;
  cursor: pointer;
  height: 12px;
  width: 12px;
  border-radius: 50px;
}

.widget {
  position: absolute;
}
.widget__top {
  top: var(--padding-07);
  right: var(--padding-07);
}
.widget__top > ul::after {
  content: none;
}
.widget__top > ul > li {
  display: inline-block;
  margin-right: var(--padding-05);
  box-shadow: var(--shadow-normal-gray);
  border-radius: var(--border-radius-small);
  position: relative;
}
.widget__top > ul > li:last-child {
  margin-right: 0;
}
.widget__top > ul > li button {
  background-color: var(--color-background-tertiary);
}
.widget__top > ul > li button::before {
  content: "";
  display: block;
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto var(--padding-02);
}
.widget__top > ul > li button:hover {
  background-color: var(--color-background-primary-subtler);
}
.widget__top > ul > li.active > button {
  background-color: var(--color-background-primary-subtler);
}
.widget__top > ul > li.active .depth {
  display: block;
}
.widget__top .depth {
  display: none;
  position: absolute;
  top: 68px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}
.widget__top .depth a {
  display: inline-block;
  padding: var(--padding-04);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-basic);
}
.widget__top .depth a:hover {
  background-color: var(--color-background-primary-subtler);
}
.widget__layer::before {
  background-image: url(../images/map/ico-widget-layer.svg);
}
.widget__info::before {
  background-image: url(../images/map/ico-widget-infomation.svg);
}
.widget__boundary::before {
  background-image: url(../images/map/ico-widget-boundary.svg);
  background-size: 24px;
}
.widget__save::before {
  background-image: url(../images/map/ico-widget-save.svg);
  background-size: 24px;
}

.txt-c {
  text-align: center;
}

.txt-r {
  text-align: right;
}

.txt-l {
  text-align: left;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: var(--scroll-color-drag) !important;
}
.mCSB_scrollTools .mCSB_dragger_bar {
  background-color: var(--scroll-color-bar) !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: var(--color-background-secondary-subtle) !important;
}

.mCustomScrollBox:hover #mCSB_1_dragger_vertical {
  opacity: 1;
}

.mCSB_scrollTools_vertical {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url(../images/common/ico-select-arrow.svg) no-repeat center right 8px;
  padding: var(--map-select-padding-left-medium) var(--map-select-padding-right-medium) var(--map-select-padding-left-medium) var(--map-select-padding-left-medium);
  font-size: var(--map-select-font-size-medium);
  border-radius: var(--map-select-border-radius);
  border: 1px solid var(--map-select-color-border);
  width: 100%;
  height: var(--map-select-size-height);
}
select:hover {
  border: 1px solid var(--map-select-color-border-hover);
}

input[type=text], input[type=search], input[type=number] {
  border: 1px solid var(--map-input-color-border);
  border-radius: var(--map-input-text-border-radius);
  padding: var(--map-input-padding-y) var(--map-input-padding-x);
  font-size: var(--map-input-font-size-medium);
  height: var(--map-input-size-height);
}
input[type=text][type=number], input[type=search][type=number], input[type=number][type=number] {
  text-align: right;
}
input[type=text].hasDatepicker, input[type=search].hasDatepicker, input[type=number].hasDatepicker {
  background: url(../images/common/ico-date.svg) no-repeat right 8px center;
  display: inline-block;
  width: 100%;
  text-align: right;
  padding-right: var(--padding-08);
}

.tip {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-01);
  font-size: var(--map-font-size-label-small);
}
.tip::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.tip.infomation {
  color: var(--color-text-information);
}
.tip.infomation::before {
  background-image: url(../images/common/ico-tip-info.svg);
}
.tip.warning {
  margin-top: var(--padding-02);
  color: var(--color-text-warning);
}
.tip.warning::before {
  background-image: url(../images/common/ico-warning.svg);
}

.table__box {
  position: relative;
  border: 1px solid var(--map-table-box-color-border);
  border-radius: var(--border-radius-small);
  overflow: auto;
}
.table__box caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.table__box::-webkit-scrollbar-track {
  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0 !important;
}
.table__box table {
  width: 100%;
  border-collapse: collapse;
}
.table__box table .min-w40 {
  min-width: 4rem;
}
.table__box table .min-w60 {
  min-width: 6rem;
}
.table__box table .max-w40 {
  max-width: 4rem;
}
.table__box table .max-w60 {
  max-width: 6rem;
}
.table__box table .title-th-small {
  width: var(--min-width-03);
}
.table__box table.type__list thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.table__box table.type__list thead th {
  font-weight: var(--font-weight-bold);
  color: var(--map-table-th-color-text);
  word-break: keep-all;
  padding: var(--map-table-th-padding);
  background-color: var(--map-table-th-color-background);
  border-bottom: 1px solid var(--map-table-th-color-border);
}
.table__box table.type__list tbody tr:hover td {
  background-color: var(--map-table-tr-color-hover);
}
.table__box table.type__list tbody tr.active td, .table__box table.type__list tbody tr.selected td {
  background-color: var(--map-table-tr-color-hover);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}
.table__box table.type__list tbody tr.active td button.secondary, .table__box table.type__list tbody tr.selected td button.secondary {
  background-color: var(--map-button-tertiary-color);
  color: var(--map-button-tertiary-color-text);
}
.table__box table.type__list tbody tr:last-child td {
  border-bottom: 0;
}
.table__box table.type__list tbody tr td {
  padding: var(--map-table-td-padding);
  border-bottom: 1px solid var(--map-table-td-color-border);
  background-color: var(--map-table-td-color-background);
  color: var(--map-table-td-color-text);
  word-break: keep-all;
}
.table__box table.all__border th:not(:last-child) {
  border-right: 1px solid var(--map-table-th-color-border);
}
.table__box table.all__border td:not(:last-child) {
  border-right: 1px solid var(--map-table-td-color-border);
}
.table__box table.type__normal .min-th-xsmall {
  min-width: var(--min-width-02);
}
.table__box table.type__normal .min-th-small {
  min-width: var(--min-width-03);
}
.table__box table.type__normal tbody tr th {
  min-width: var(--min-width-02);
  padding: var(--map-table-th-padding);
  background-color: var(--map-table-th-color-background);
  border-bottom: 1px solid var(--map-table-td-color-border);
  text-align: left;
  vertical-align: top;
}
.table__box table.type__normal tbody tr td {
  padding: var(--map-table-td-padding);
  border-bottom: 1px solid var(--map-table-td-color-border);
  background-color: var(--map-table-td-color-background);
  color: var(--map-table-td-color-text);
  word-break: keep-all;
}
.table__box table.type__normal tbody tr td.num {
  text-align: right;
}
.table__box table.type__normal tbody tr:last-child th, .table__box table.type__normal tbody tr:last-child td {
  border-bottom: 0;
}
.table__box table .unit {
  color: var(--map-table-text-unit);
}

.modal {
  position: absolute;
  top: 40px;
  left: 600px;
  border: 1px solid var(--map-modal-body-color-background);
  border-radius: var(--border-radius-small);
  z-index: 1;
}
.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  background-color: var(--map-modal-header-color-background);
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
  padding: var(--padding-02);
  font-size: var(--font-size-heading-xxsmall);
  font-weight: var(--font-weight-bold);
}
.modal__header .btn {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.modal__header .btn.close {
  background-image: url(../images/common/ico-modal-close.svg);
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
}
.modal__body {
  overflow: auto;
  max-height: calc(100vh - 40px);
  background-color: var(--map-modal-body-color-background);
}
.modal__body:last-child {
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
}
.modal__body--list {
  background-color: var(--map-modal-body-color-background-subtle);
}
.modal__body--list .accordion__list {
  padding: var(--padding-07) var(--padding-05);
}
.modal__body--list .range__box {
  padding: var(--padding-02);
}
.modal__sec {
  border-radius: var(--border-radius-small);
  background: var(--color-background-white-subtle);
  padding: var(--padding-05);
}
.modal__sec:first-child {
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small) !important;
}
.modal__sec:last-of-type {
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.modal__sec:not(:first-child) {
  margin-top: var(--padding-01);
}
.modal__footer {
  border-top: 1px solid var(--color-border-gray-subtle);
  background-color: var(--color-background-white-subtle);
  padding: var(--padding-05);
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
}
.modal__footer .btn {
  width: 100%;
}
.modal.layer__list .range__box {
  border-radius: var(--border-radius-small);
  background: var(--color-background-primary-subtler);
}

.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: var(--padding-05);
  gap: var(--gap-03);
}
.paging .page__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: var(--map-icon-size-medium);
  padding: var(--padding-02) var(--padding-01);
  border-radius: var(--border-radius-small);
}
.paging .page__nav:hover {
  background-color: var(--color-background-secondary-subtler);
}
.paging .page__nav.prev::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/common/ico-page-prev.svg);
}
.paging .page__nav.next::after {
  background-image: url(../images/common/ico-page-next.svg);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background-position: center;
  background-repeat: no-repeat;
}
.paging ul li.active a {
  background-color: var(--color-text-primary);
  color: var(--color-text-inverse-static);
}
.paging ul li a {
  color: var(--color-text-basic);
  background-color: var(--color-background-white-subtle);
  transition: all 0.2s ease-in-out;
  border-radius: var(--border-radius-small);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--map-icon-size-medium);
  height: var(--map-icon-size-medium);
}
.paging ul li a:hover {
  background-color: var(--color-background-secondary-subtler);
}
.paging ul li a span.dot {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/common/ico-ellipsis.svg) no-repeat center;
}

.count {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
  font-size: var(--font-size-body-small);
  margin-bottom: var(--padding-02);
}
.count .tit {
  font-weight: var(--font-weight-bold);
}
.count .primary {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}
.count .primary span {
  font-weight: var(--font-weight-regular);
}

.sitemap:not(.btn) {
  position: fixed;
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  background: var(--color-background-white-subtle);
  overflow: auto;
  z-index: 3;
  box-shadow: var(--shadow-normal-gray);
  border: 1px solid var(--color-border-gray);
  border-radius: var(--border-radius-small);
}
.sitemap:not(.btn) > div {
  position: relative;
  max-width: var(--main-wrap);
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--padding-08);
}
.sitemap:not(.btn) > div > ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
}
.sitemap:not(.btn) > div > ul > li {
  padding: var(--padding-09) 0;
}
.sitemap:not(.btn) > div > ul > li:not(:last-child) {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.sitemap:not(.btn) > div > ul > li > a {
  font-size: var(--font-size-heading-medium);
  font-weight: var(--font-weight-bold);
}
.sitemap:not(.btn) > div > ul .sub-menu {
  margin-top: var(--padding-06);
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--padding-04);
}
.sitemap:not(.btn) > div > ul .sub-menu::after {
  content: none;
}
.sitemap:not(.btn) > div > ul .sub-menu > li {
  width: 100%;
  position: relative;
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  padding: var(--padding-05);
  border-radius: var(--border-radius-small);
}
.sitemap:not(.btn) > div > ul .sub-menu > li:hover {
  background: var(--color-background-gray-subtler);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > p, .sitemap:not(.btn) > div > ul .sub-menu > li > a {
  width: 200px;
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  flex-shrink: 0;
  color: var(--color-text-subtle);
  margin-right: var(--padding-05);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  word-break: keep-all;
  width: 100%;
  flex-wrap: wrap;
  row-gap: var(--padding-03);
  column-gap: var(--padding-09);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div a {
  display: inline-block;
  font-size: var(--font-size-label-medium);
  min-width: calc(25% - var(--padding-09) - var(--padding-05));
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div a::before {
  content: "·";
  display: inline-block;
  margin-right: var(--padding-02);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div a:hover {
  font-weight: var(--font-weight-bold);
}
.sitemap:not(.btn) > div a.sitemap__close {
  width: var(--map-icon-size-medium);
  height: var(--map-icon-size-medium);
  display: inline-block;
  background: url(../images/common/ico-sitemap-close.svg) no-repeat center;
  position: fixed;
  top: var(--map-icon-size-medium);
  right: var(--map-icon-size-medium);
}

.map-body .boxing {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.map-body header {
  position: relative;
  background: var(--map-header-primary);
  padding: var(--padding-05) var(--padding-09);
}
.map-body header:not(.lisk-header):after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(80px + var(--map-aside-padding-x) + var(--map-aside-padding-x));
  width: var(--map-icon-size-xxsmall);
  height: var(--map-icon-size-xxsmall);
  background: url(../images/map/recover/ico-map-side.svg) no-repeat center/cover;
  z-index: 2;
}
.map-body header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.map-body header .wrap > div {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  height: 100%;
  gap: var(--padding-05);
}
.lisk-header > div > div {
  align-items: unset !important;
}

.map-body header .gnb {
  margin-left: var(--logo-margin);
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-11);
}
.map-body header .gnb::after {
  content: none;
}
.map-body header .gnb li {
  position: relative;
}
.map-body header .gnb li a {
  font-size: var(--map-font-size-navigation-title-large);
  color: var(--color-text-inverse-static);
  font-weight: var(--font-weight-bold);
}
.map-body header .gnb li.active::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100%;
  height: 6px;
  background-color: var(--map-color-navigation-active);
  border-radius: 500px 500px 0 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -24px;
}
.map-body header .gnb li.active a {
  color: var(--map-color-navigation-active);
}
.map-body header .user__info {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  position: relative;
  gap: var(--gap-03);
}
.map-body header .user__info .user__img a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.2);
  border-radius: var(--border-radius-small);
  width: var(--map-icon-size-medium);
  height: var(--map-icon-size-medium);
}
.map-body header .user__info__position {
  font-size: var(--font-size-body-xsmall);
  color: rgba(255, 255, 255, 0.75);
}
.map-body header .user__info__name a {
  color: var(--color-text-inverse-static);
  font-weight: var(--font-weight-bold);
}
.map-body header .user__info__menu {
  display: none;
  position: absolute;
  top: 55px;
  background-color: var(--color-background-white-subtle);
  z-index: 1;
  border-radius: var(--border-radius-small);
  box-shadow: var(--shadow-normal-gray);
  border: 1px solid var(--color-border-gray-subtle);
  padding: var(--padding-02);
}
.map-body header .user__info__menu::before {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background: url(../images/common/ico-user-info-box.svg) no-repeat center;
}
.map-body header .user__info__menu.on {
  display: block;
}
.map-body header .user__info__menu ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
}
.map-body header .user__info__menu ul li {
  padding: var(--padding-04) var(--padding-05);
}
.map-body header .user__info__menu ul li:hover {
  background-color: var(--color-background-primary-subtler);
}
.map-body header .user__info__menu ul li a {
  color: var(--color-text-basic);
  vertical-align: middle;
}
.map-body header .user__info__menu ul li.logout {
  margin-top: var(--padding-02);
  border-top: 1px solid var(--color-border-gray-subtle);
}
.map-body header .user__info__menu ul li.logout a::before {
  content: "";
  display: inline-block;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background: url(../images/common/ico-logout.svg) no-repeat center;
  vertical-align: middle;
  margin-right: var(--padding-02);
  position: relative;
  top: -1px;
}
.map-body header button.info__btn {
  background: url(../images/common/ico-arrow-down_white.svg) no-repeat center;
  width: var(--map-icon-size-xxsmall);
  height: var(--map-icon-size-xxsmall);
  background-color: rgba(255, 255, 255, 0.2);
  margin-left: var(--padding-04);
}
.map-body header .site__map {
  display: none;
}
.map-body header .btn__sitemap {
  margin-left: var(--padding-09);
  width: var(--map-icon-size-medium);
  height: var(--map-icon-size-medium);
  background: url(../images/common/ico-sitemap.svg) no-repeat center;
}

.main-wrap--recover {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: calc(100vh - 75px);
  width: 100%;
  background-color: #e6d6d6;
  position: relative;
}

.back__list {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-01);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-03);
}
.back__list::before {
  content: "";
  display: block;
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
  background: url(../images/map/recover/ico-goback.svg) no-repeat center;
}

.aside__wrap {
  background: var(--map-header-primary);
  height: 100%;
  z-index: 2;
  position: relative;
}
.aside__cont {
  padding: var(--map-aside-padding-y) var(--map-aside-padding-x);
}
.aside__menu {
  font-size: var(--map-font-size-navigation-title-medium);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.aside__menu li {
  float: none;
}
.aside__menu li:not(:last-child):after {
  content: "";
  display: block;
  width: var(--map-icon-size-large);
  height: 1px;
  background-color: var(--map-aside-border-color);
  margin: var(--map-aside-padding-y) auto;
}
.aside__menu li a {
  word-break: keep-all;
  display: block;
  color: var(--map-aside-menu-color);
}
.aside__menu li a::before {
  content: "";
  display: block;
  width: var(--map-icon-size-large);
  height: var(--map-icon-size-large);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  border-radius: var(--map-icon-border-radius-small);
}
.aside__menu li a span {
  padding-top: var(--map-icon-title-margin-medium);
  display: inline-block;
  width: 80px;
}
.aside__menu li.candidate a::before {
  background-image: url(../images/map/recover/ico-candidate-list.svg);
}
.aside__menu li.ecological-restoration a::before {
  background-image: url(../images/map/recover/ico-ecological-restoration.svg);
}
.aside__menu li.ecological-restoration:hover a::before {
  background-image: url(../images/map/recover/ico-ecological-restoration_white.svg), linear-gradient(45deg, #00C9C8, #0082E5) !important;
}
.aside__menu li.ecological-restoration__search a::before {
  background-image: url(../images/map/recover/ico-ecological-restoration-search.svg);
}
.aside__menu li.subject-recover a::before {
  background-image: url(../images/map/recover/ico-subject-recover.svg);
}
.aside__menu li.region-recover a::before {
  background-image: url(../images/map/recover/ico-region-recover.svg);
}
.aside__menu li.year-recover a::before {
  background-image: url(../images/map/recover/ico-year-recover.svg);
}
.aside__menu li.species-recover a::before {
  background-image: url(../images/map/recover/ico-species-recover.svg);
}
.aside__menu li.active a {
  color: var(--color-text-inverse-static);
}
.aside__menu li.active.candidate a::before {
  background-image: url(../images/map/recover/ico-candidate-list_white.svg), linear-gradient(45deg, #00C9C8, #0082E5) !important;
}
.aside__menu li.active.ecological-restoration__search a::before {
  background-image: url(../images/map/recover/ico-ecological-restoration-search_white.svg), linear-gradient(45deg, #00C9C8, #0082E5) !important;
}
.aside__menu li.active.subject-recover a::before {
  background-image: url(../images/map/recover/ico-subject-recover_white.svg), linear-gradient(45deg, #00C9C8, #0082E5) !important;
}
.aside__menu li.active.region-recover a::before {
  background-image: url(../images/map/recover/ico-region-recover_white.svg), linear-gradient(45deg, #00C9C8, #0082E5) !important;
}
.aside__menu li.active.year-recover a::before {
  background-image: url(../images/map/recover/ico-year-recover_white.svg), linear-gradient(45deg, #00C9C8, #0082E5) !important;
}
.aside__menu li.active.species-recover a::before {
  background-image: url(../images/map/recover/ico-species-recover_white.svg), linear-gradient(45deg, #00C9C8, #0082E5) !important;
}
.aside__depth__wrap {
  box-shadow: var(--shadow-normal-gray);
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(450px * -1 + 80px + var(--map-aside-padding-x) + var(--map-aside-padding-x));
  width: 450px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.05s;
  background-color: var(--color-background-gray-subtler);
}
.aside__depth__wrap.open {
  left: calc(80px + var(--map-aside-padding-x) + var(--map-aside-padding-x));
}
.aside__depth__wrap .depth__control {
  position: absolute;
  top: 50%;
  right: -24px;
  transform: translateY(-50%);
}
.aside__depth__wrap .depth__control .btn {
  border: 0;
  background-color: var(--map-button-primary-color);
  width: 24px;
  height: 60px;
  background-image: url(../images/map/aisde-depth-show_hide_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0 5px 5px 0;
}
.aside__depth__wrap.open .depth__control .btn {
  background-color: var(--map-button-tertiary-color);
  background-image: url(../images/map/aisde-depth-show_hide.svg);
}

.aside__depth__list {
  height: 100%;
}
.aside__depth__list > li {
  display: none;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.aside__depth__list > li.active {
  display: block;
}
.aside__depth__sec {
  box-shadow: var(--shadow-normal-gray);
  background-color: var(--color-background-white-subtle);
  padding: var(--map-aside-padding-x);
}
.aside__depth__sec:not(:first-child) {
  margin-top: var(--map-aside-list-gap);
}
.aside__depth__sec.layer__list__wrap {
  overflow: auto;
}
.aside__depth__sec.layer__list__wrap .accordion__list > ul > li {
  box-shadow: unset;
  margin-bottom: 0;
  padding: 0;
}
.aside__depth__sec.layer__list__wrap .accordion__depth a {
  font-weight: var(--font-weight-regular);
}

.sec__tit {
  font-size: var(--map-section-title-font-size);
  font-weight: var(--map-title-text-bold);
  margin-bottom: var(--map-aside-list-gap);
  color: var(--map-section-title-color);
}
.sec__tit:not(:first-of-type) {
  margin-top: var(--padding-06);
}

.info__detail {
  padding: var(--padding-02) var(--padding-06);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-gray-subtler);
}
.info__detail .group__list {
  margin-top: 0 !important;
}
.info__detail .group__list:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.search__list, .group__list {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-01);
}
.search__list:not(:first-of-type), .group__list:not(:first-of-type) {
  margin-top: var(--map-aside-list-gap);
}
.search__list .label__tit, .group__list .label__tit {
  flex-shrink: 0;
  display: inline-block;
  width: var(--label-size-width-xsmall);
  font-size: var(--map-font-size-label-medium);
  font-weight: var(--font-weight-bold);
  color: var(--map-content-title-color);
  padding: var(--map-select-padding-left-medium) 0;
}
.search__list .info__tit, .group__list .info__tit {
  flex-shrink: 0;
  display: inline-block;
  width: var(--label-size-width-xsmall);
  font-size: var(--map-font-size-body-small);
  font-weight: var(--font-weight-bold);
  color: var(--map-content-title-color);
  padding: var(--padding-03) 0;
}
.search__list .info__cont, .group__list .info__cont {
  padding: var(--map-select-padding-left-medium) 0;
  font-weight: var(--font-weight-bold);
}
.search__list input[type=text], .search__list input[type=search], .search__list input[type=number], .search__list input[type=date], .group__list input[type=text], .group__list input[type=search], .group__list input[type=number], .group__list input[type=date] {
  flex: 1;
}
.search__list button, .group__list button {
  height: var(--map-label-height-default);
  line-height: 1;
}
.search__list .unit, .group__list .unit {
  line-height: var(--map-label-height-default);
}
.search__list .cont__wrap, .group__list .cont__wrap {
  width: 100%;
}
.search__list .cont__wrap.input__box div:not(:last-child), .group__list .cont__wrap.input__box div:not(:last-child) {
  margin-bottom: var(--padding-01);
}
.search__list .cont__wrap div, .group__list .cont__wrap div {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-03);
}

.search__box {
  align-items: center;
  border: 1px solid var(--map-input-color-border);
  border-radius: var(--map-select-border-radius);
}
.search__box select {
  border: 0;
  width: var(--label-size-width-xsmall);
}
.search__box .bar {
  width: 1px;
  height: 20px;
  background-color: var(--map-select-color-border);
}
.search__box input {
  border: 0 !important;
}
.search__box .btn {
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  border: 0;
  background: url(../images/map/ico-search-black.svg) no-repeat center;
  margin-right: var(--map-input-padding-x);
}
.search__box.type__private {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  position: relative;
  padding: 0 var(--padding-03);
  background-color: #fff;
  padding-right: var(--padding-08);
}
.search__box.type__private .btn__search {
  cursor: pointer;
  position: absolute;
  right: var(--padding-02);
  background: url(../images/common/ico-search_gray.svg) no-repeat center/var(--map-icon-size-xsmall);
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  border: 0;
}

.address__search__box {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-01);
  background-color: #fff;
  border-radius: var(--border-radius-small);
  border: 1px solid var(--map-input-color-border);
  padding: 0 var(--padding-03);
}
.address__search__box::after {
  content: none;
}
.address__search__box > li {
  position: relative;
}
.address__search__box > li ul {
  display: none;
  position: absolute;
  top: 40px;
  background-color: #fff;
}
.address__search__box > li ul a {
  display: block;
  width: 100%;
  height: 100%;
  padding: var(--padding-01) var(--padding-02);
}
.address__search__box > li ul a:hover {
  background-color: var(--color-background-primary-subtler);
}
.address__search__box > li ul.on {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  z-index: 1;
  white-space: nowrap;
  border-radius: var(--border-radius-small);
  max-height: 200px;
  overflow-y: auto;
}
.address__search__box > li.arrow {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.address__search__box > li.arrow span {
  display: inline-block;
  width: var(--map-icon-size-xsmall);
  height: var(--map-icon-size-xsmall);
  background: url(../images/common/ico-arrow_right__type01.svg) no-repeat center/10px;
}

.group__wrap {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--gap-02);
}
.group__wrap:not(:last-child) {
  margin-bottom: var(--padding-07);
}
.group__wrap .group__list {
  margin-top: 0;
}
.group__tit {
  font-size: var(--map-group-title-font-size);
  color: var(--map-group-title-color);
}

.tit__wrap {
  margin-top: var(--padding-07);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.date-box, .input__wrap {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-01);
}
.date-box input, .input__wrap input {
  width: 100%;
}

.accordion__list li {
  float: unset;
  background: var(--map-accordion-color-background);
  border-radius: var(--border-radius-small);
  width: 100%;
}
.accordion__list li > div:first-child {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  column-gap: var(--gap-02);
  row-gap: var(--gap-00);
  padding: var(--padding-02);
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
  width: 100%;
  flex-wrap: wrap;
}
.accordion__list li > div:first-child:hover {
  background-color: var(--map-accordion-color-background-hover);
}
.accordion__list li > div:first-child > a {
  flex: 1;
  padding-right: var(--padding-08);
}
.accordion__list li .ico__folder {
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/common/ico-folder.svg);
  margin-right: var(--padding-02);
}
.on > .ico__folder {
  background-image: url(../images/common/ico-folder-open.svg) !important;
}

.accordion__list li .ico__file {
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/common/ico-file.svg);
  margin-right: var(--padding-02);
}
.accordion__list > ul > li {
  box-shadow: var(--shadow-normal-gray);
  padding: 8px;
}
.accordion__list > ul > li a {
  font-weight: var(--font-weight-bold);
}
.accordion__list > ul > li:not(:last-child) {
  margin-bottom: var(--gap-01);
}
.accordion__list > ul > li > div {
  padding: var(--padding-02) 0;
}
.accordion__list .hasdepth > div {
  background-position: center right 8px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/common/ico-accordion-down.svg);
  cursor: pointer;
}
.accordion__list .hasdepth > div.on {
  background-image: url(../images/common/ico-accordion-up.svg);
}
.accordion__list .hasdepth > div.on a {
  color: var(--map-accordion-color-text-on);
}
.accordion__depth {
  background-image: url(../images/common/ico-accordion_line.svg);
  background-repeat: repeat-y;
  background-position-x: var(--padding-06);
  width: 100%;
  display: none;
  padding-left: var(--padding-08);
}
.accordion__depth li {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  flex-wrap: wrap;
  padding-right: 0;
}
.accordion__depth li:not(:last-child) {
  margin-bottom: var(--gap-00);
}
.accordion__depth .range__box {
  display: none;
  width: 100%;
  padding-left: var(--padding-09);
}
.accordion__depth .range__box label input[type=range] {
  width: 100%;
  position: relative;
  top: 1px;
}
.accordion__depth .range__box select {
  width: unset;
}
.accordion__depth .range__box .range__list {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  border-radius: var(--border-radius-small);
  gap: var(--gap-03);
  padding: var(--padding-02);
  background: var(--color-background-gray-subtler);
}
.accordion__depth .range__box .range__list.active {
  background: var(--color-background-primary-subtler);
}
.accordion__depth .range__box .range__list label.range__label {
  flex: 1;
}
.accordion__depth .range__box .range__list input {
  flex: 1;
}
.accordion__item .item__button {
  width: 100%;
  position: relative;
}
.accordion__item .item__button > label, .accordion__item .item__button > button {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
  position: relative;
  cursor: pointer;
  padding: var(--padding-02) var(--padding-08) var(--padding-02) var(--padding-07);
  background: var(--color-background-secondary-subtler);
  border-radius: var(--border-radius-small);
  font-weight: var(--font-weight-bold);
}
.accordion__item .item__button > label::before, .accordion__item .item__button > button::before {
  content: "";
  display: inline-block;
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/common/ico-accordion-right.svg);
  position: absolute;
  top: 7px;
  z-index: 1;
  left: 0px;
}
.accordion__item .item__button > label .check__mark, .accordion__item .item__button > button .check__mark {
  position: absolute;
  right: 8px;
  top: 10px;
}
.accordion__item .item__button > label .line__box, .accordion__item .item__button > button .line__box {
  transition: all 0.2s ease-in-out;
  display: inline-block;
  height: 1px;
  flex: 0;
  background-color: var(--color-border-gray-subtle);
}
.accordion__item .item__button > label .check__name, .accordion__item .item__button > button .check__name {
  padding: 0;
}
.accordion__item .item__button button {
  border: 0;
  width: 100%;
  padding-right: var(--padding-03);
}
.accordion__item__depth {
  display: none;
}
.accordion__item__depth .img__box {
  height: 250px;
  background-color: #f4f6f9;
  margin-bottom: var(--padding-03);
  border-radius: var(--border-radius-small);
}
.accordion__item__depth .graph__box {
  height: 250px;
  background-color: #f4f6f9;
  border-radius: var(--border-radius-small);
}
.accordion__item.on .item__button {
  background: var(--color-background-primary-subtler);
}
.accordion__item.on .item__button > label, .accordion__item.on .item__button > button {
  background-color: var(--color-background-tertiary);
}
.accordion__item.on .item__button > label::before, .accordion__item.on .item__button > button::before {
  background-image: url(../images/common/ico-accordion-down-line.svg);
}
.accordion__item.on .item__button .line__box {
  flex: 1;
}
.accordion__item.on__depth {
  display: block;
}

.modal.layer__list .range__box {
  border-radius: var(--border-radius-small);
  background: var(--color-background-primary-subtler);
}

.observation__list {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-02);
}
.observation__list li {
  flex: 1;
}
.observation__list li .btn {
  width: 100%;
  border: 1px solid var(--color-border-gray-subtle);
}
.observation__list li .btn:hover {
  background-color: var(--map-button-secondary-color-hover);
}
.observation__list li.active .btn {
  background-color: var(--map-button-secondary-color);
  border: 1px solid var(--color-background-primary);
  color: var(--color-text-primary);
}

.graph__body {
  margin-top: var(--padding-07);
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
}
.graph__body .graph__list ul {
  width: 150px;
  padding-right: var(--padding-07);
}
.graph__body .graph__list ul li {
  width: 100%;
}
.graph__body .graph__list ul li:not(:last-child) {
  margin-bottom: var(--padding-01);
}
.graph__body .graph__list ul li .check {
  width: 100%;
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  padding: 0 var(--padding-02);
}
.graph__body .graph__list ul li.on .check {
  background-color: var(--map-button-secondary-color);
  border: 1px solid var(--color-background-primary);
  color: var(--color-text-primary);
}
.graph__body .graph__area {
  flex: 1;
  padding-left: var(--padding-07);
  border-left: 1px solid var(--color-border-gray-subtle);
}
.graph__body .graph__area .graph__search {
  display: flex;
  align-items: unset;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  gap: var(--padding-01);
}
.graph__body .graph__area .graph__search .search__list:not(:first-of-type) {
  margin-top: var(--padding-01);
}
.graph__body .graph__area .graph__search div {
  width: 100%;
}
.graph__body .graph__area .graph__box {
  margin-top: var(--padding-05);
  height: 300px;
  background-color: #f4f6f9;
  border-radius: var(--border-radius-small);
}

.search__wrap {
  height: 100%;
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
}

.search__result {
  margin-top: var(--padding-03);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
  flex: 1;
  overflow: auto;
}
.search__result ul li {
  width: 100%;
  position: relative;
}
.search__result ul li:not(:last-child) {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.search__result ul li .num {
  position: absolute;
  left: var(--padding-02);
  top: 8px;
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: var(--color-background-secondary-subtler);
  border-radius: var(--border-radius-small);
}
.search__result ul li .state {
  position: absolute;
  right: var(--padding-02);
  display: block;
  top: 8px;
  padding: var(--padding-01) var(--padding-03);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-gray-subtler);
}
.search__result ul li .state.complate {
  background-color: var(--color-background-primary-subtler);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}
.search__result ul li.active .num {
  background-color: var(--color-background-primary) !important;
  color: var(--color-text-inverse-static);
}
.search__result ul li.active > div {
  border-left: 4px solid var(--color-background-primary);
  background-color: var(--color-background-primary-subtler);
}
.search__result ul li.active .state {
  background-color: var(--color-background-white-subtle);
}
.search__result ul li:hover {
  background-color: var(--color-background-secondary-subtler);
}
.search__result ul li:hover .num {
  background-color: var(--color-background-white-subtle);
}
.search__result ul li:hover .state {
  background-color: var(--color-background-white-subtle);
}
.search__result ul li > div {
  border-left: 4px solid var(--map-button-color-border-unset);
  padding: var(--padding-02) var(--padding-02) var(--padding-02) var(--padding-09);
}
.search__result ul li > div p {
  font-size: var(--map-font-size-heading-medium);
  font-weight: var(--font-weight-bold);
}
.search__result ul li > div > div {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
}
.search__result ul li > div > div .cont__tit {
  color: var(--color-text-disabled);
  flex-shrink: 0;
}
.search__result ul li > div > div > div {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
}

.modal.full__page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.modal.full__page .modal__body {
  height: 100% !important;
}
.modal.environment .accordion__list > ul > li {
  box-shadow: unset;
  padding: 0;
}
.modal.extraction .modal__body {
  height: 750px;
  max-height: calc(100% - 40px);
}
.modal.extraction .table__box:not(.no-scroll) {
  height: 230px;
}
.modal.city .tip {
  margin-top: var(--padding-02);
}
.modal .layer__info__detail .group__list {
  margin: 0;
}
.modal .layer__info__detail .info__tit {
  width: var(--min-width-02);
}
.modal .layer__info__detail .unit {
  line-height: unset;
}
.modal.recover__intro .modal__sec {
  height: 100%;
}
.modal.recover__intro .modal__sec > div {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--gap-03);
}
.modal.recover__intro .modal__sec > div:not(:last-of-type) {
  margin-bottom: var(--padding-07);
}
.modal.recover__intro .intro__tit {
  font-size: var(--font-size-heading-xsmall);
  width: fit-content;
  display: inline-block;
  padding: var(--padding-02);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-secondary-subtler);
}
.modal.recover__intro .sub__tit {
  margin-bottom: var(--padding-01);
  font-size: var(--font-size-heading-xxsmall);
}
.modal.recover__intro .text__wrap {
  padding-left: var(--padding-07);
}
.modal.recover__intro .text__wrap p {
  word-break: keep-all;
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-01);
}
.modal.legend {
  bottom: 20px;
  top: unset;
  left: calc(100% + 20px);
  padding: var(--padding-05);
  background-color: var(--color-background-white-subtle);
  min-width: 72px;
}
.modal.legend .legend__tit {
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
  margin-bottom: var(--padding-05);
}
.modal.legend ul > li {
  float: none;
}
.modal.legend ul > li span {
  vertical-align: middle;
}
.modal.legend ul > li:not(:last-child) {
  margin-bottom: var(--padding-02);
}
.modal.legend .color__box {
  display: inline-block;
  width: var(--map-icon-size-xxsmall);
  height: var(--map-icon-size-xxsmall);
  border-radius: var(--border-radius-xsmall);
  margin-right: var(--padding-02);
}
.modal.legend .color__box.red {
  background-color: #9E6A00;
}
.modal.legend .color__box.orange {
  background-color: #FFBC32;
}
.modal.legend .color__box.blue {
  background-color: #4994EA;
}
.modal.disconnection-information .modal__body {
  height: 750px;
}
.modal.disconnection-information .pic__wrap {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-03);
}
.modal.disconnection-information .pic__wrap .picture {
  flex: 1;
  text-align: center;
}
.modal.disconnection-information .pic__wrap .picture > div {
  height: 150px;
  background-color: #f4f6f9;
  border-radius: var(--border-radius-small);
}
.modal.disconnection-information .pic__wrap .picture p {
  font-weight: var(--font-weight-bold);
  margin-top: var(--padding-02);
}
.modal.list__analysis .chart__area {
  height: 300px;
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-gray-subtler);
  margin-bottom: var(--padding-03);
}
.modal.list__analysis .btn__box {
  margin-bottom: var(--padding-03);
}

.data__list li {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  padding: var(--padding-02);
  background-color: var(--color-background-secondary-subtler);
  border-radius: var(--border-radius-small);
  width: 100%;
  gap: var(--gap-03);
}
.data__list li:not(:last-child) {
  margin-bottom: var(--padding-02);
}
.data__list a {
  display: inline-block;
  flex: 1;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}
.data__list .ico::before {
  content: "";
  display: inline-block;
  width: var(--map-icon-size-small);
  height: var(--map-icon-size-small);
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: var(--padding-02);
}
.data__list .ico.xlsx::before {
  background-image: url(../images/common/ico-xlsx.svg);
}
.data__list .ico.shp::before {
  background-image: url(../images/common/ico-shp.svg);
}
.data__list .ico.pdf::before {
  background-image: url(../images/common/ico-pdf.svg);
}
.data__list .ico.img::before {
  background-image: url(../images/common/ico-img.svg);
}
.data__list .ico.jpg::before {
  background-image: url(../images/common/ico-jpg.svg);
}
.data__list .ico.png::before {
  background-image: url(../images/common/ico-png.svg);
}

.ecological-restoration__info {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: row;
  margin-bottom: var(--padding-03);
  gap: var(--gap-02);
}
.ecological-restoration__info button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  border: 0;
  background: transparent;
  font-size: var(--map-font-size-navigation-title-small);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}
.ecological-restoration__info button::before {
  content: "";
  display: inline-block;
  width: var(--map-icon-size-medium);
  height: var(--map-icon-size-medium);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../images/map/recover/ico-ecological-restoration_primary.svg);
}

.search__result__wrap {
  margin-top: var(--padding-07);
}

.range__box:not(.accordion__list .range__box) {
  position: absolute;
  bottom: 24px;
  right: 24px;
  padding: var(--padding-03);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-09);
}
.range__box:not(.accordion__list .range__box) .play {
  width: var(--map-icon-size-medium);
  height: var(--map-icon-size-medium);
  cursor: pointer;
  border: 1px solid transparent;
  background: var(--map-button-primary-color) url(../images/common/ico-arrow-right_white.svg) no-repeat center/var(--map-icon-size-xxsmall);
  border-radius: var(--border-radius-small);
}
.range__box:not(.accordion__list .range__box) .play.active {
  background: #fff url(../images/common/ico-pause.svg) no-repeat center/var(--map-icon-size-xxsmall);
  border: 1px solid var(--color-background-primary);
}
.range__box:not(.accordion__list .range__box) .legends {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 12px;
  padding: 0 4px;
}
.range__box:not(.accordion__list .range__box) .legends span {
  position: relative;
  font-size: var(--font-size-body-small);
  color: var(--color-text-subtle);
}
.range__box:not(.accordion__list .range__box) .legends span::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: var(--color-border-gray-subtle);
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.range__box:not(.accordion__list .range__box) input[type=range] {
  overflow: hidden;
  height: 16px;
  -webkit-appearance: none;
  appearance: none;
  margin: 10px 0;
  width: 100%;
  background: transparent;
  padding: 0 10px;
}
.range__box:not(.accordion__list .range__box) input[type=range]:focus {
  outline: none;
}
.range__box:not(.accordion__list .range__box) input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: var(--border-radius-maximum);
  border: 1px solid #00C9C8;
  background-color: #eee;
  overflow: hidden;
}
.range__box:not(.accordion__list .range__box) input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #fff;
  position: relative;
  top: -1px;
  border: 1px solid #00C9C8;
  box-shadow: 1px 1px 7px #0082E5;
  cursor: pointer;
  box-shadow: -100vw 0 0 100vw #00C9C8;
  border-radius: unset;
}

.lisk-header + .main-wrap--recover .aside__depth__wrap {
  left: -450px;
}
.lisk-header + .main-wrap--recover .aside__depth__wrap.open {
  left: 0;
}