@charset "UTF-8";
/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
.plr12 {
  padding: 0 var(--krds-padding-5);
}

/*지도 범례 마커*/
.legend-content {
  position: absolute;
  left: 46%;
  top: 67%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.marker {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marker .svg-icon {
  background-color: transparent;
  width: 22px;
  height: 22px;
}
.marker .svg-icon.pin.crown_blue {
  background: url("../images/common/ico/pin-crown_blue.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_pink {
  background: url("../images/common/ico/pin-crown_pink.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_orange {
  background: url("../images/common/ico/pin-crown_orange.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_cyan {
  background: url("../images/common/ico/pin-crown_cyan.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_green {
  background: url("../images/common/ico/pin-crown_green.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_deepBlue {
  background: url("../images/common/ico/pin-crown_deepBlue.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_navy {
  background: url("../images/common/ico/pin-crown_navy.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_ocher {
  background: url("../images/common/ico/pin-crown_ocher.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_purple {
  background: url("../images/common/ico/pin-crown_purple.svg") no-repeat center;
}
.marker .svg-icon.pin.crown_violet {
  background: url("../images/common/ico/pin-crown_violet.svg") no-repeat center;
}
.marker .svg-icon.pin.basic-red {
  background: url("../images/common/ico/pin-basic_red.svg") no-repeat center;
}
.marker .svg-icon.pin.basic-navy {
  background: url("../images/common/ico/pin-basic_navy.svg") no-repeat center;
}
.marker .svg-icon.pin.basic-yellow {
  background: url("../images/common/ico/pin-basic_yellow.svg") no-repeat center;
}
.marker .svg-icon.pin.basic-green {
  background: url("../images/common/ico/pin-basic_green.svg") no-repeat center;
}
.marker .svg-icon.pin.basic-blue {
  background: url("../images/common/ico/pin-basic_blue.svg") no-repeat center;
}
.marker .svg-icon.pin.car-red {
  background: url("../images/common/ico/pin-car_red.svg") no-repeat center;
}
.marker .svg-icon.pin.car-navy {
  background: url("../images/common/ico/pin-car_navy.svg") no-repeat center;
}
.marker .svg-icon.pin.car-yellow {
  background: url("../images/common/ico/pin-car_yellow.svg") no-repeat center;
}
.marker .svg-icon.pin.car-green {
  background: url("../images/common/ico/pin-car_green.svg") no-repeat center;
}
.marker .svg-icon.pin.car-blue {
  background: url("../images/common/ico/pin-car_blue.svg") no-repeat center;
}
.marker .svg-icon.pin.move-navy {
  background: url("../images/common/ico/pin-move_navy.svg") no-repeat center;
}
.marker .svg-icon.pin.move-blue {
  background: url("../images/common/ico/pin-move_blue.svg") no-repeat center;
}

/* 굴착예정지 마커 팝업*/
.site-marker {
  position: fixed;
  top: 50%;
  left: 50%;
}
.site-marker .modal-dialog {
  transform: translate(-50%, -50%);
  height: auto;
  margin: 0;
}
.site-marker .modal-dialog .modal-content {
  position: relative;
}
.site-marker .modal-dialog .modal-content::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: var(--krds-light-color-background-dim2);
  border-bottom: 0;
  margin-left: -8px;
  margin-bottom: -8px;
}

/* 범례 팝업 */
.krds-modal .modal-dialog.modal-caption {
  position: absolute;
  width: auto;
  height: auto;
  left: 2rem;
  top: auto;
  right: auto;
  bottom: 4rem;
  transition: all 0.3s;
}
.krds-modal .modal-dialog.modal-caption .modal-content {
  width: auto;
}
.krds-modal .modal-dialog.modal-caption .modal-header {
  background-color: transparent;
}
.krds-modal .modal-dialog.modal-caption .modal-header .modal-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-1);
}
.krds-modal .modal-dialog.modal-caption .modal-conts {
  padding: 0 var(--krds-padding-5) var(--krds-padding-5);
}
.krds-modal .modal-dialog.modal-caption .modal-conts .conts-text .box_bg {
  max-height: 25.2rem;
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-high-contrast-color-surface-gray-subtler);
  padding: var(--krds-padding-3) var(--krds-padding-5);
}
.krds-modal .modal-dialog.modal-caption .modal-conts .conts-text .list {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-auto-flow: column;
  gap: var(--krds-padding-2);
}
.krds-modal .modal-dialog.modal-caption .modal-conts .conts-text .list li {
  grid-column: 1;
  width: 12rem;
  display: flex;
  align-items: center;
  color: var(--krds-light-color-text-basic-inverse);
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.krds-modal .modal-dialog.modal-caption .modal-conts .conts-text .list li .square {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: var(--krds-radius-xsmall1);
  flex-shrink: 0;
}
.krds-modal .modal-dialog.modal-caption .modal-conts .conts-text .list li {
  gap: 0 var(--krds-padding-2);
}
.krds-modal .modal-dialog.modal-caption .modal-conts .conts-text .list li:nth-child(n+11):nth-child(-n+20) {
  grid-column: 2;
}
.krds-modal .modal-dialog.modal-caption .modal-conts .conts-text .list li:nth-child(n+21):nth-child(-n+30) {
  grid-column: 3;
}
.krds-modal .modal-dialog.layer-fixed {
  position: absolute;
  top: auto;
  right: auto;
  left: 35rem;
  bottom: 4rem;
  transition: all 0.3s;
}
.krds-modal .modal-dialog.layer-fixed.left {
  left: 1rem;
  transition: all 0.3s;
}

@media screen and (max-width: 1200px) {
  .krds-modal .modal-dialog.layer-fixed {
    width: 100% !important;
    height: 100%;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    min-height: unset;
    margin: 0;
    padding: 12.6rem var(--krds-padding-6) 5rem;
  }
  .krds-modal .modal-dialog.layer-fixed .modal-content {
    width: 100%;
    padding: 0 var(--krds-padding-6);
  }
}
/*# sourceMappingURL=sys_rst.css.map */