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

/* structured */
.structured-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
}
.structured-item {
  width: 100%;
  padding: 0 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-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);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: var(--krds-padding-3);
}
.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 {
  background: url("../images/common/ico/ico-box-minus.svg") no-repeat center;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.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 {
  background: url("../images/common/ico/ico-box-pluse.svg") no-repeat center;
  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: "";
  background: url("../images/common/ico/ico-minus.svg") no-repeat center;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: 3.6rem;
}
.structured-title.type-on {
  margin: var(--krds-padding-5) 0 0.6rem 0;
  height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.structured-title.type-on .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.structured-title.type-on .badge.small {
  width: 4rem;
  height: 2rem;
  border-radius: 10rem;
  padding: 0 var(--krds-padding-3);
}
.structured-title.type-on .badge.on {
  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);
}
.structured-title.type-on .badge.on.icon {
  position: relative;
  margin-right: 16px;
}
.structured-title.type-on .badge.on.icon::after {
  content: "";
  background: url("../images/common/ico/ico-badge_on.svg") no-repeat center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  position: absolute;
  right: -1.6rem;
}
.structured-title.type-on .badge.off {
  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);
}
.structured-title.type-on .badge.off.icon {
  position: relative;
  margin-right: 16px;
}
.structured-title.type-on .badge.off.icon::after {
  content: "";
  background: url("../images/common/ico/ico-badge_off.svg") no-repeat center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  position: absolute;
  right: -1.6rem;
}
.structured-title.type-on .car-number {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--krds-light-color-text-basic-inverse);
}
.structured-title.type-on .date {
  font-size: 1.2rem;
  white-space: nowrap;
  color: var(--krds-light-color-text-subtle-inverse);
}
.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 {
  padding: var(--krds-padding-2) var(--krds-padding-5);
  gap: var(--krds-gap-1);
  margin-bottom: var(--krds-padding-5);
}
.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: "";
  background: url("../images/common/ico/ico-st_more.svg") no-repeat center;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.structured_btn_more {
  margin-left: auto;
}
.structured_btn_more::after {
  content: "";
  background: url("../images/common/ico/ico-more_2.svg") no-repeat center;
  width: 2rem;
  height: 2rem;
  display: flex;
}
.structured-item-2D {
  visibility: hidden;
  opacity: 0;
  display: none;
}

/*지도 범례 마커*/
.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;
}
/*# sourceMappingURL=sys_kfs.css.map */