@charset "UTF-8";
/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
/* ==================
  도로굴착 허가자 시스템 - 지도
================== */
.map_sidebar .tab-conts-wrap {
  margin-bottom: 1.2rem;
}

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

.krds-modal .modal-conts .conts-area.mt0 {
  margin-top: 0px;
}

.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle {
  width: 3.2rem;
  height: 2rem;
  background-color: var(--krds-color-light-primary-70);
}

.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle {
  background-color: var(--krds-light-color-element-gray-dark);
}
.krds-form-toggle-switch [type=checkbox] ~ label .switch-toggle > i::before {
  width: 8px;
  height: 8px;
  background: url("../images/RPS/ico-switch_off.svg");
  margin-left: 0;
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle {
  background-color: var(--krds-color-light-primary-40);
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle > i {
  border-color: var(--krds-color-light-primary-40);
}
.krds-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle > i::before {
  width: 8px;
  height: 8px;
  background: url("../images/RPS/ico-switch_on.svg");
  margin-left: 0;
}
.krds-form-toggle-switch.medium [type=checkbox] ~ label {
  color: #fff;
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 700;
}
.krds-form-toggle-switch.medium [type=checkbox] ~ label .switch-toggle {
  position: relative;
}
.krds-form-toggle-switch.medium [type=checkbox]:checked ~ label .switch-toggle > i {
  right: 0;
}

/* 레이어 패널 */
.layer-group {
  background-color: var(--krds-color-light-gray-90);
  border: 1px solid var(--krds-color-light-gray-95);
  border-radius: 8px;
  overflow: hidden;
  padding: 8px 12px;
}
.layer-group:not(:last-child) {
  margin-bottom: 6px;
}
.layer-group.is-expanded {
  background-color: #2a2a2a;
  border: unset;
}
.layer-group.is-expanded .layer-header .icon.expend-plus {
  background: url(../images/RPS/ico-collapse_minus.svg) center;
  background-repeat: no-repeat;
}
.layer-group.is-expanded .layer-header > .krds-form-check label {
  color: #fff;
}
.layer-group.is-open .layer-depth2 {
  display: block;
}
.layer-group .layer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
  gap: 12px;
  position: relative;
}
.layer-group .layer-header > .krds-form-check {
  align-items: center;
  gap: 8px;
}
.layer-group .layer-header > .krds-form-check label {
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 700;
  color: var(--krds-light-color-text-subtle-inverse);
}
.layer-group .legend-label {
  display: flex;
  align-items: center;
}
.layer-group .layer-depth2 {
  max-height: 800px;
  overflow: hidden;
  background: var(--krds-color-light-gray-80);
  padding: 8px 12px;
  border-radius: var(--krds-radius-medium1);
  margin-top: 7.5px;
  display: none;
}
.layer-group .layer-depth2 .layer-depth2-item:not(:last-child) {
  margin-bottom: 6px;
}
.layer-group .layer-depth2 .layer-depth2-item > .krds-form-check {
  gap: 5px;
}
.layer-group .layer-depth2 .layer-depth2-item > .krds-form-check label {
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.layer-group .layer-depth2 .layer-depth2-item .expand_btn {
  width: 16px;
  height: 16px;
  background-color: var(--krds-color-light-gray-95);
  border-radius: var(--krds-radius-xsmall1);
}
.layer-group .layer-depth2 .layer-depth2-item .expand_btn i {
  background-size: 12px;
}
.layer-group .layer-depth2 .layer-depth2-item.expandable {
  cursor: pointer;
}
.layer-group .layer-depth2 .layer-depth2-item.is-expanded .icon.expend-plus {
  width: 12px;
  height: 12px;
  background-size: 12px;
  background-image: url(../images/RPS/ico-collapse_minus.svg);
}
.layer-group .layer-depth2 .layer-depth2-item.is-open .layer-depth3 {
  display: block;
}
.layer-group .layer-depth2 .layer-depth3 {
  max-height: 800px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 6px 12px 0px 40px;
  display: none;
}
.layer-group .layer-depth2 .layer-depth3 .layer-depth3-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.layer-group .layer-depth2 .layer-depth3 .layer-depth3-item:not(:last-child) {
  margin-bottom: 6px;
}
.layer-group .layer-depth2 .layer-depth3 .layer-depth3-item .layer-name {
  color: #fff;
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.layer-group .disabled-text {
  color: #666;
  font-size: 14px;
}
.layer-group .svg-icon {
  width: 16px;
  height: 16px;
}
.layer-group .svg-icon.ico-legend {
  background: url("../images/RPS/layer_legend.svg");
}
.layer-group .krds-form-check {
  display: flex;
  align-items: center;
}
.layer-group .krds-form-check label {
  align-items: center;
  color: #fff;
}
.layer-group .krds-form-check.medium > input[type=checkbox] ~ label:before {
  margin-top: 0;
}
.layer-group .krds-form-check.medium > input[type=checkbox] ~ label:after {
  top: 0.7rem;
}

/* layer-group 체크박스 커스텀 */
.layer-group .krds-form-check.medium > input[type=checkbox] ~ label::before {
  content: none;
}
.layer-group .krds-form-check.medium > input[type=checkbox] ~ label::after {
  content: none;
}
.layer-group input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #888;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative !important;
}
.layer-group input[type=checkbox]:checked {
  background-color: var(--krds-color-light-primary-40);
  border: 1px solid var(--krds-color-light-primary-30) !important;
}
.layer-group input[type=checkbox]:checked::after {
  content: "";
  background: url("../images/RPS/ico_checkbox_checked.svg");
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.layer-group input[type=checkbox]:disabled {
  background-color: var(--krds-color-light-gray-80);
  border: 1px solid var(--krds-color-light-gray-70) !important;
  cursor: not-allowed;
  opacity: 0.6;
}
.layer-group input[type=checkbox]:checked:disabled {
  background-color: var(--krds-color-light-gray-80);
  border: 1px solid var(--krds-color-light-gray-70) !important;
  cursor: not-allowed;
}
.layer-group input[type=checkbox]:checked:disabled::after {
  content: "";
  background: url(../images/RPS/ico_checkbox_checked_disabled.svg) no-repeat center center;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}

/* 공통팝업 위치 수정*/
.krds-modal.integrated-search {
  right: 1.6rem;
}

/* 판넬 통합검색 */
.integrated-search .title-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--krds-pc-font-size-label-small);
  color: var(--krds-light-color-surface-white);
}
.integrated-search .title-wrap .color-type {
  color: var(--krds-color-light-secondary-50);
}
.integrated-search .list-result.no-border.row .item-result .link-btn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  row-gap: 0.4rem;
}
.integrated-search .list-result.no-border.row .item-result .link-btn .top-result {
  border-bottom: 0;
  padding-bottom: 0;
}
.integrated-search .list-result.no-border.row .item-result .link-btn .area-meta {
  margin-top: 0;
}
.integrated-search .list-result.row .item-result {
  background-color: var(--krds-light-color-icon-gray);
  border-radius: var(--krds-radius-medium1);
}
.integrated-search .list-result.row .item-result .link-btn .top-result {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--krds-color-light-gray-70);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-gap-4);
}
.integrated-search .list-result.row .item-result .link-btn .top-result .tit {
  height: auto;
  font-size: 1.5rem;
}
.integrated-search .list-result.row .item-result .link-btn .area-meta {
  margin-top: 0.8rem;
}
.integrated-search .list-result.row .item-result .link-btn .area-meta .meta-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  column-gap: 1rem;
}
.integrated-search .list-result.row .item-result .link-btn .area-meta .meta-item .tit {
  color: var(--krds-color-light-gray-30);
}
.integrated-search .list-result.row .item-result .link-btn .area-meta .meta-item .desc {
  display: block;
  overflow: unset;
  width: auto;
  color: var(--krds-color-high-contrast-gray-0);
  text-align: left;
  text-overflow: unset;
}
.integrated-search .list-result.row .item-result .link-btn .box-text {
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  column-gap: 0.8rem;
  text-align: left;
  color: var(--krds-light-color-text-basic-inverse);
}
.integrated-search .list-result.row .area-meta {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  row-gap: 0.4rem;
}
.integrated-search .list-result.row .area-meta .meta-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.integrated-search .list-result.row .area-meta .meta-item .desc {
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.integrated-search .list-result .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  padding: 0 1.2rem;
  height: 2.2rem;
  font-size: 1.2rem;
  color: var(--krds-color-high-contrast-gray-0);
  font-weight: 700;
  border-radius: 9999px;
}
.integrated-search .list-result .tag.default {
  background-color: var(--krds-color-light-secondary-70);
}
.integrated-search .list-result .tag.black {
  background-color: var(--krds-color-high-contrast-gray-100);
}
.integrated-search .list-result .tag.brown {
  background-color: var(--krds-color-light-secondary-70);
}
.integrated-search .list-result .tag.purple {
  background-color: var(--krds-color-light-primary-40);
}
.integrated-search .list-result .tag.brown, .integrated-search .list-result .tag.purple {
  font-weight: 400;
  padding: 0 0.8rem;
  height: 2rem;
  min-width: 5.2rem;
}
.integrated-search .list-result .tag.brown + .desc, .integrated-search .list-result .tag.purple + .desc {
  color: rgba(255, 255, 255, 0.7490196078) !important;
}
.integrated-search .box-area.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.integrated-search .box-area.sm {
  padding: 0.6rem 1.2rem;
}
.integrated-search .box-area.address {
  padding: var(--krds-padding-5);
  background-color: var(--krds-color-high-contrast-gray-100);
}
.integrated-search .box-area.address .layer-group {
  overflow: revert;
  padding: 0;
  background-color: var(--krds-color-light-gray-95);
  border: 1px solid var(--krds-color-light-gray-95);
  border-radius: var(--krds-radius-medium1);
}
.integrated-search .box-area.address .list-result .item-result + .item-result {
  margin-top: var(--krds-padding-3);
}
.integrated-search .box-area.address .list-result .link-btn {
  padding: 0.8rem 1.2rem;
}
.integrated-search .box-area.address .list-result .link-btn .box-text {
  column-gap: 1rem;
  align-items: center;
}
.integrated-search .box-area.address .list-result .link-btn .box-text .tit {
  font-size: 1.3rem;
}
.integrated-search .box-area.address .list-result .item-result .link-btn .area-meta .meta-item {
  justify-content: flex-start;
  column-gap: 0.8rem;
}
.integrated-search .box-area.address .list-result .item-result .link-btn .area-meta .meta-item .desc {
  width: auto;
}
.integrated-search .box-area.address .link-btn:focus {
  outline-offset: -2px;
}
.integrated-search .box-area + .sect {
  margin-top: 0.8rem;
}
.integrated-search {
  /*페이지네이션 영역*/
}
.integrated-search .krds-pagination {
  font-size: 1.5rem;
  margin-top: var(--krds-padding-3);
  color: var(--krds-light-color-text-basic-inverse);
  flex-wrap: wrap;
  gap: 0.4rem;
}
.integrated-search .krds-pagination .page-links .page-link {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
}
.integrated-search .krds-pagination .page-links .page-link.active {
  background-color: var(--krds-light-color-action-primary-active);
}
.integrated-search .krds-pagination .page-links .page-link.link-dot {
  mask-image: none;
  background-image: url("../images/common/ico/ico_ellipsis.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
}
.integrated-search .krds-pagination .page-navi,
.integrated-search .krds-pagination .page-link {
  background-image: none;
}
.integrated-search .krds-pagination .page-navi:hover,
.integrated-search .krds-pagination .page-link:hover {
  background-color: var(--krds-color-light-primary-60);
  border: 1px solid var(--krds-color-light-primary-40);
}
.integrated-search .krds-pagination .page-navi:active,
.integrated-search .krds-pagination .page-link:active {
  background-color: var(--krds-color-light-primary-70);
  border: 1px solid var(--krds-color-light-primary-40);
}
.integrated-search .krds-pagination .page-navi:focus,
.integrated-search .krds-pagination .page-link:focus {
  background-color: var(--krds-color-light-primary-60);
  border: 1px solid var(--krds-color-light-primary-40);
}
.integrated-search .krds-pagination .page-navi {
  height: var(--krds-size-height-5);
}
.integrated-search .krds-pagination .page-navi.next {
  order: 1;
}
.integrated-search .krds-pagination .page-navi.next::after {
  background: url(../images/common/ico/ico_arrow_white.svg) no-repeat center;
  transform: rotate(-180deg);
  width: 16px;
  height: 16px;
}
.integrated-search .krds-pagination .page-navi.prev {
  order: 1;
}
.integrated-search .krds-pagination .page-navi.prev::before {
  background: url(../images/common/ico/ico_arrow_white.svg) no-repeat center;
  width: 16px;
  height: 16px;
}
.integrated-search .krds-pagination .page-navi.disabled.next:after {
  background: url(../images/common/ico/ico_arrow_disabled.svg) no-repeat center;
  width: 16px;
  height: 16px;
}
.integrated-search .krds-pagination .page-navi.disabled.prev:before {
  background: url(../images/common/ico/ico_arrow_disabled.svg) no-repeat center;
  transform: rotate(-180deg);
  width: 16px;
  height: 16px;
}
.integrated-search .krds-pagination .link-search {
  display: none;
}