@charset "UTF-8";

/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
/* ==================
   나의 지도 레시피 (MRB)
================== */
.box-area.contents-background-type {
  padding: 0;
  background: transparent;
}

.box-area.contents-background-type.has-layer-group .box-area-contents {
  padding: 0;
}

.box-area.contents-background-type .box-area-contents {
  padding: var(--krds-gap-3) var(--krds-padding-5);
  border-radius: var(--krds-radius-medium1);
  background: var(--krds-high-contrast-color-surface-white-subtle);
}

.box-tit.between {
  width: 100%;
  justify-content: space-between;
}

.layer-button-group {
  display: flex;
  align-items: center;
  column-gap: var(--krds-gap-3);
}

.layer-button-group .krds-btn {
  position: relative;
}

.layer-group.no-accordion {
  background-color: var(--krds-color-high-contrast-gray-80);
}

.layer-group.no-accordion.bg-95 {
  background-color: var(--krds-light-color-surface-inverse);
}

.layer-group-wrapper .krds-btn.icon {
  width: 16px;
  height: 16px;
  border-radius: 0;
}

.layer-header .krds-btn.icon .svg-icon {
  width: 100%;
  height: 100%;
}

.layer-header .krds-btn.icon .svg-icon.layer-edit {
  position: relative;
  top: 0.1rem;
}

.layer-header.has-ellipsis .krds-form-check {
  width: calc(100% - 68px);
}

.layer-group .layer-header.has-ellipsis {
  gap: var(--krds-gap-3);
}

.layer-header.has-ellipsis input[type=checkbox] {
  min-width: 16px;
  min-height: 16px;
}

/** 나의 레이어 / 레이어목록 메뉴 펼치기 **/
.layer-button-group .expand_btn {
  transform: rotate(0deg);
}

.layer-button-group .expand_btn.is-active {
  transform: rotate(180deg);
}

.layer-depth-box {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
}

.layer-depth-box+.box-area {
  margin-top: 0.8rem;
}

.layer-depth-box-item {
  display: flex;
  column-gap: var(--krds-gap-3);
}

.layer-depth-box-item.between {
  justify-content: space-between;
}

.layer-depth-box-text {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-0);
}

.layer-depth-box-item-description {
  word-break: break-all;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

.layer-depth-box-item-title {
  font-weight: 700;
}

.layer-depth-box-item-title.regular {
  font-weight: 400;
}

.layer-depth2.transparent {
  max-height: none;
  padding: 0;
  background-color: transparent;
}

.layer-depth2-item {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
}

.layer-header-label {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.layer-header-label.width-auto {
  width: auto;
}

.layer-header-label.width-full {
  width: 100%;
}

.layer-header-label.width-type-1 {
  width: calc(100% - 145px);
}

.layer-header-label.width-type-2 {
  width: calc(100% - 100px);
}

.layer-header-label.width-type-3 {
  width: calc(100% - 50px);
}

.has-layer-icon .layer-header-label {
  column-gap: 0.8rem;
}

.layer-depth-button-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--krds-gap-3);
}

.layer-depth-button-group.end {
  justify-content: flex-end;
}

.tool_layer .layer-group-wrapper {
  overflow-y: auto;
}

.layer-group-wrapper::-webkit-scrollbar,
.layer-group-list::-webkit-scrollbar,
.town-list::-webkit-scrollbar,
.color-box-list::-webkit-scrollbar,
.box-area.overflow-y::-webkit-scrollbar,
.has-scroll ul::-webkit-scrollbar {
  width: 20px;
}

.layer-group-wrapper::-webkit-scrollbar-track,
.layer-group-list::-webkit-scrollbar-track,
.town-list::-webkit-scrollbar-track,
.color-box-list::-webkit-scrollbar-track,
.box-area.overflow-y::-webkit-scrollbar-track,
.has-scroll ul::-webkit-scrollbar-track {
  background-color: transparent;
}

.layer-group-wrapper::-webkit-scrollbar-thumb,
.layer-group-list::-webkit-scrollbar-thumb,
.town-list::-webkit-scrollbar-thumb,
.color-box-list::-webkit-scrollbar-thumb,
.box-area.overflow-y::-webkit-scrollbar-thumb,
.has-scroll ul::-webkit-scrollbar-thumb {
  border: 7px solid transparent;
}

.layer-group-wrapper {
  width: 100%;
}

.layer-group-wrapper.overflow-y {
  overflow-y: auto;
}

.krds-btn.xsmall {
  padding: 0 0.8rem;
}

.krds-modal.scroll-none .modal-conts {
  overflow: revert;
}

.krds-modal .modal-dialog .modal-content.bg-black {
  border-radius: 0.6rem;
  background-color: var(--krds-color-light-gray-95);
}

.krds-modal .modal-dialog .modal-content.bg-black-70 {
  border-radius: 0.6rem;
  background-color: var(--krds-light-color-background-dim2);
}

.required {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
}

.required::after {
  content: "*";
  position: relative;
  color: var(--krds-color-light-red);
}

.modal-top-area {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--krds-color-light-gray-60);
}

.modal-top-area.row {
  flex-direction: row;
  align-items: center;
}

.modal-top-area.between {
  justify-content: space-between;
}

.modal-top-title {
  font-size: 1.7rem;
  color: var(--krds-color-light-gray-0);
}

.modal-top-description {
  font-size: 1.3rem;
  color: var(--krds-color-light-gray-10);
}

.form-wrap.col .label.gray {
  color: rgba(255, 255, 255, 0.7490196078);
}

.contents-background-type .layer-group {
  padding: 8px 12px;
}

.layer-header-label {
  font-size: 1.4rem;
  color: var(--krds-color-light-gray-0);
  font-weight: 700;
}

.layer-depth-box .layer-header-label {
  font-size: 1.3rem;
}

.layer-depth2 .box-tit {
  font-size: 1.3rem;
}

.layer-depth2-desc {
  margin-top: 0.8rem;
}

.map_tools_item.airplane {
  display: none;
}

.tools_wrap {
  transition: 0.3s ease-in-out;
}

.tools_wrap.split-active {
  right: 0.8rem;
  top: 0.8rem;
}

.tools_wrap.split-active .map_tools_item.airplane {
  display: flex;
}

.map_tools_item.last-bdrs {
  border-radius: 0 0 6px 6px;
}

.layer-depth2-desc-text {
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.75);
}

.layer-group-wrapper+.pagination-wrapper {
  margin-top: var(--krds-gap-3);
}

.layer-depth2.has-depth2-inner-item .layer-depth2-inner-item {
  max-height: 800px;
  overflow: hidden;
  background: var(--krds-color-light-gray-80);
  padding: 8px 12px;
  border-radius: var(--krds-radius-medium1);
  margin-top: 0.7rem;
  margin-bottom: 0.2rem;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}

.layer-depth2.has-depth2-inner-item .layer-depth2-inner-item:hover {
  border-color: var(--krds-color-light-primary-40);
}

.layer-depth2.has-depth2-inner-item {
  max-height: none;
  overflow: revert;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
}

.map_sidebar.has-depth2 .map_sidebar_tabs {
  width: auto;
}

.map_sidebar.has-depth2 .layout_depth2_panel {
  width: 43rem;
}

.map_sidebar.bg-depth1 .layout_depth2_panel {
  background-color: rgba(19, 20, 22, 0.8);
}

.map_sidebar.bg-depth1 .map_sidebar_toggle {
  background-color: rgba(19, 20, 22, 0.8);
}

.map_sidebar.has-depth2 .map_sidebar_tabs {
  display: none;
}

.map_sidebar.has-depth2.active .map_sidebar_tabs {
  display: flex;
}

.color-box-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
  width: 100%;
}

.krds-btn.transparent {
  padding: 0;
  column-gap: 0.8rem;
  font-size: 1.5rem;
  height: auto;
  border-radius: 0;
}

.krds-btn.transparent:hover,
.krds-btn.transparent:focus {
  background-color: transparent;
}

.krds-btn.drag-prevent-button:hover .svg-icon,
.krds-btn.drag-prevent-button.active .svg-icon {
  background: url("../images/MRB/icons/ico-pin-white.svg") no-repeat center;
}

.krds-btn.layer-dragDrop:hover .svg-icon,
.krds-btn.layer-dragDrop.active .svg-icon {
  background: url("../images/MRB/icons/ico-drag-drop-white.svg") no-repeat center;
}

.krds-btn.layer-eye.active .svg-icon {
  background: url("../images/MRB/icons/ico-eye-closed.svg") no-repeat center;
}

.krds-btn.layer-add:hover .svg-icon,
.krds-btn.layer-add.active .svg-icon {
  background: url("../images/MRB/icons/ico-layer-add-white.svg") no-repeat center;
}

.krds-btn.layer-edit:hover .svg-icon,
.krds-btn.layer-edit.active .svg-icon {
  background: url("../images/MRB/icons/ico-layer-edit-white.svg") no-repeat center;
}

.krds-btn.layer-magic:hover .svg-icon,
.krds-btn.layer-magic.active .svg-icon {
  background: url("../images/MRB/icons/ico-magic-stick-white.svg") no-repeat center;
}

.krds-btn.layer-filter:hover .svg-icon,
.krds-btn.layer-filter.active .svg-icon {
  background: url("../images/MRB/icons/ico-filter-white.svg") no-repeat center;
}

.krds-btn.layer-tag.active .svg-icon {
  background: url("../images/MRB/icons/ico-prohibition.svg") no-repeat center;
}

.krds-btn.layer-delete:hover .svg-icon,
.krds-btn.layer-delete.active .svg-icon {
  background: url("../images/MRB/icons/ico-delete-white-16x16.svg") no-repeat center;
}

.krds-btn.layer-top-move:hover .svg-icon,
.krds-btn.layer-top-move.active {
  background: url("../images/MRB/icons/ico-arrow-top-white.svg") no-repeat center;
}

.krds-btn.layer-bottom-move:hover .svg-icon,
.krds-btn.layer-bottom-move.active .svg-icon {
  background: url("../images/MRB/icons/ico-arrow-down-white.svg") no-repeat center;
}

.krds-btn.layer-gray:hover .svg-icon {
  background: url("../images/MRB/icons/ico-layers.svg") no-repeat center;
}

.krds-btn.expand_btn:hover .svg-icon,
.krds-btn.expand_btn.is-active .svg-icon {
  background: url("../images/common/ico/arrow16-white.svg") no-repeat center;
}

.krds-modal .modal-dialog {
  min-height: auto;
}

.krds-modal.split {
  position: absolute;
}

/* aip 팝업 css */
.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
  background-color: var(--krds-color-light-gray-95);
}

.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
  background-color: var(--krds-color-light-gray-70);
}

.krds-modal .modal-dialog .modal-conts {
  padding: var(--krds-padding-6) var(--krds-padding-6) 0;
  max-height: calc(100vh - 200px);
}

.krds-modal .modal-dialog .modal-conts .conts-area {
  gap: var(--krds-gap-4);
}

.krds-modal .modal-dialog .modal-btn {
  padding: var(--krds-padding-6);
}

.krds-modal .modal-dialog .modal-btn.top-bottom-padding {
  padding: var(--krds-padding-6) 0;
}

.krds-modal .modal-dialog {
  height: auto;
}

.modal-conts .file-upload {
  margin-top: var(--krds-gap-2);
  background-color: var(--krds-light-color-surface-inverse);
  border-radius: var(--krds-radius-xlarge1);
  padding: var(--krds-padding-6) var(--krds-padding-10);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.modal-conts .file-upload .txt {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
  font-weight: 400;
}

.modal-conts .file-upload .file-upload-btn-wrap {
  margin-top: var(--krds-gap-5);
}

/* --- */
/* aip badge */
.town-list {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.town-list.black ul li {
  background-color: var(--krds-color-light-gray-95);
}

.town-list ul {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-3);
}

.town-list ul li {
  width: 100%;
  padding: var(--krds-padding-3) var(--krds-padding-5);
  background-color: var(--krds-color-light-gray-80);
  border-radius: var(--krds-radius-medium1);
}

.town-list ul li p {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
  font-weight: 700;
}

.town-list ul li .krds-badge-wrap {
  margin-top: var(--krds-gap-2);
}

.town-list ul li .krds-badge-wrap .krds-badge {
  font-size: 1.2rem;
}

.krds-badge.bg-dark-primary {
  background-color: #0d1251;
  color: var(--krds-light-color-text-basic-inverse);
}

.krds-badge.bg-light-secondary {
  background-color: #d2761a;
  color: var(--krds-light-color-text-basic-inverse);
}

.krds-badge.bg-royal-light-blue {
  background-color: #168efc;
  color: var(--krds-light-color-text-basic-inverse);
}

.krds-badge.bg-light-point {
  background-color: #da2576;
  color: var(--krds-light-color-text-basic-inverse);
}

.krds-badge {
  /* mrb */
}

.krds-badge.bg-light-primary-40 {
  color: var(--krds-light-color-text-basic-inverse);
  background-color: var(--krds-color-light-primary-40);
}

.krds-badge.bg-light-secondary-70 {
  color: var(--krds-light-color-text-basic-inverse);
  background-color: var(--krds-color-light-secondary-70);
}

.krds-badge.bg-color-light-gray-70 {
  color: var(--krds-light-color-text-basic-inverse);
  background-color: var(--krds-color-light-gray-70);
}

.krds-badge {
  /* --- */
}

.krds-badge.small {
  font-size: 1.2rem;
}

.krds-badge.rounded {
  border-radius: 10rem;
}

/* --- */
.town-item-row {
  display: flex;
  align-items: center;
  column-gap: var(--krds-gap-3);
  justify-content: space-between;
}

.town-list.has-row li {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
}

.town-list.has-row li .town-item-date {
  font-size: 1.3rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
}

.town-list .town-item-row .krds-badge-wrap {
  margin-top: 0;
}

.town-check-area {
  display: flex;
  align-items: center;
  column-gap: var(--krds-gap-3);
}

.town-button-area {
  display: flex;
  align-items: center;
  column-gap: var(--krds-gap-3);
}

.figure-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
  color: #fff;
  background-color: #8a949e;
}

.box-area.bg-black {
  background-color: var(--krds-color-light-gray-100);
}

.box-area.bg-black .layer-depth-box {
  row-gap: 0.8rem;
}

.box-area.contents-background-type .border {
  border: 1px solid var(--krds-color-light-primary-50);
  background-color: transparent;
}

.box-area.bg-gray {
  background-color: var(--krds-light-color-surface-inverse);
}

.box-area.border-background-black {
  border: 1px solid var(--krds-color-light-primary-50);
  background-color: var(--krds-color-light-gray-100);
}

.box-area.bg-gray2 {
  background-color: var(--krds-color-light-gray-80);
}

.box-area.bg-gray2 .form-wrap.col+.form-wrap.col {
  margin-top: 0.8rem;
}

.box-area.overflow-y {
  overflow-y: auto;
}

.label.title-type {
  font-size: 1.4rem;
  font-weight: 700;
}

.layout_header.group-type .title-area {
  width: auto;
}

.krds-btn.only-size-32 {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: var(--krds-radius-small1);
}

.krds-btn.only-size-16 {
  width: 1.6rem;
  height: 1.6rem;
}

.map_bottom .layout_panel .layout_header.group-type {
  justify-content: space-between;
}

.layout_header.group-type+.layout_body {
  margin-right: 0;
}

.krds-btn[class*=only-] {
  padding: 0;
}

.krds-btn[class*=only-] .svg-icon {
  background-color: transparent !important;
}

.krds-btn.only-size-32.tertiary .layer-dragDrop {
  background: url("../images/MRB/icons/ico-drag-drop-white.svg") no-repeat center;
}

.krds-btn.only-size-32.tertiary .layer-circle {
  background: url("../images/MRB/icons/ico-layer-circle.svg") no-repeat center;
}

.krds-btn.only-size-32.tertiary .layer-line {
  background: url("../images/common/ico/ico-line-select.svg") no-repeat center;
  background-size: var(--krds-size-height-2);
}

.krds-btn.only-size-32.tertiary .layer-polygon {
  background: url("../images/MRB/icons/ico-polygon-white.svg") no-repeat center;
  background-size: var(--krds-size-height-2);
}

.krds-btn.only-size-32.tertiary .layer-delete {
  background: url("../images/MRB/icons/ico-delete-white-16x16.svg") no-repeat center;
}

.krds-btn.only-size-32.tertiary .layer-reset {
  background: url("../images/common/ico/ico-reset.svg") no-repeat center;
}

.krds-btn.only-size-32.tertiary .layer-magnet {
  background: url("../images/MRB/icons/ico-magnet.svg") no-repeat center;
}

.krds-btn.only-size-32.tertiary .layer-prev {
  background: url("../images/MRB/icons/ico-layer-prev.svg") no-repeat center;
}

.krds-btn.only-size-32.tertiary .layer-next {
  background: url("../images/MRB/icons/ico-layer-next.svg") no-repeat center;
}

.layout-header-column-wrapper {
  display: flex;
  align-items: center;
  column-gap: 2.4rem;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 6px;
}

.map_bottom .layout_panel .layout_header {
  flex-wrap: wrap;
}

.map_sidebar.has-depth2 {
  background-color: transparent;
}

.map_sidebar.has-depth2 .map_sidebar_tabs {
  background-color: var(--krds-light-color-background-dim2);
  backdrop-filter: blur(4px);
}

.map_sidebar.has-depth2.depth2-active .map_sidebar_toggle {
  right: auto;
  left: 330px;
  z-index: 0;
}

.layout_depth2_panel {
  backdrop-filter: blur(4px);
  background-color: rgba(19, 20, 22, 0.9);
}

/* gis layout 수정 */
.map_rightbar.active {
  width: 33rem;
}

.map_rightbar .layout_panel {
  width: 100%;
  overflow-y: auto;
}

.tools_wrap.gap {
  right: 35.4rem;
}

.layout_panel.has-fixed-bottom {
  margin-bottom: 56px;
}

/* --- */
.layer-group.is-expanded:not(.has-header) .layer-depth2 {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

/* common */
.box-area [class*=-selected-button] {
  text-transform: uppercase;
}

.krds-btn.icon:disabled {
  background-color: transparent !important;
}

.krds-btn.icon:disabled.layer-top-move .svg-icon {
  background: url("../images/MRB/icons/ico-arrow-top-disabled.svg") no-repeat center;
}

.krds-btn.icon:disabled.layer-bottom-move .svg-icon {
  background: url("../images/MRB/icons/ico-arrow-down-disabled.svg") no-repeat center;
}

.tertiary-selected-button.active {
  border-color: var(--krds-color-light-primary-40);
  background-color: var(--krds-light-color-element-primary);
}

.krds-btn.tertiary:hover,
.krds-btn.tertiary:active,
.krds-btn.tertiary:focus {
  font-weight: 400 !important;
}

.krds-btn.tertiary-selected-button.active:hover,
.krds-btn.tertiary-selected-button.active:active,
.krds-btn.tertiary-selected-button.active:focus {
  border-color: var(--krds-color-light-primary-40);
  background-color: var(--krds-light-color-element-primary);
}

.has-input-icon {
  width: 100%;
  position: relative;
}

.has-input-icon .krds-input+.krds-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}

.has-input-icon .krds-input {
  padding: 0 3.6rem 0 1.2rem;
}

.layer-header-label .svg-icon {
  width: auto;
  height: auto;
  min-width: 1.6rem;
  min-height: 1.6rem;
}

.layer-group-wrapper .layer-group.layer-group-parent {
  border-color: var(--krds-color-light-gray-95);
  background-color: var(--krds-color-light-gray-90);
}

.layer-group-wrapper .layer-group.layer-group-parent.is-expanded {
  border-color: transparent;
  background-color: var(--krds-color-light-gray-100);
}

.layer-group-wrapper .layer-group-parent .layer-group {
  border-color: var(--krds-color-light-gray-95);
  background-color: var(--krds-color-light-gray-90);
}

.layer-group-wrapper .layer-group-parent .layer-depth2 {
  background-color: var(--krds-color-light-gray-100);
}

.layer-depth2 .layer-depth-box-item-description {
  color: rgba(255, 255, 255, 0.75);
}

.layer-group-parent .layer-header-parent {
  border-bottom: 1px solid transparent;
  transition: 0.3s ease-in-out;
}

.layer-group-parent.is-expanded .layer-header-parent {
  padding-bottom: 0.8rem;
  border-bottom-color: var(--krds-color-light-gray-70);
}

.layer-group-parent.is-expanded .layer-header-parent {
  margin-bottom: 0.8rem;
}

.layer-group:not(:last-child) {
  margin-bottom: 0.8rem;
}

.layer-parent-contents {
  display: none;
}

.layer-group-parent.is-open .layer-parent-contents {
  display: block;
}

.layer-group-parent .layer-header-label {
  color: var(--krds-light-color-text-subtle-inverse);
}

.layer-group-parent.is-expanded .layer-header-label {
  color: var(--krds-color-light-gray-0);
}

.map_bottom .layout_panel .layout_header {
  height: auto;
}

.map_canvas.split,
.map_canvas.swipe {
  display: none;
}

.map_canvas.split.active {
  display: flex;
}

.map_canvas.split.active [id*=-map] {
  flex: 0.5;
  position: relative;
}

.map_canvas.split.active~.map_canvas {
  display: none;
}

.map_canvas.swipe {
  height: 100vh !important;
}

.map_canvas.swipe.active {
  display: flex;
}

.map_canvas.swipe.active~.map_canvas {
  display: none;
}

[class*=-empty-text] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--krds-color-light-gray-0);
}

.layer-group-list {
  display: flex;
  flex-direction: column;
  row-gap: var(--krds-gap-3);
  width: 100%;
  overflow-y: auto;
}

.layer-group-item {
  display: flex;
  align-items: center;
  padding: 0.8rem 1.2rem;
  column-gap: var(--krds-gap-3);
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-color-high-contrast-gray-80);
}

.layer-group-item-text {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--krds-color-light-gray-0);
}

.color-box-list .form-desc {
  font-size: 1.3rem;
  color: var(--krds-color-light-gray-0);
}

.color-picker-box {
  min-width: 3.2rem;
  min-height: 3.2rem;
  border-radius: var(--krds-radius-medium1);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.color-picker-box.sm {
  min-width: 2rem;
  min-height: 2rem;
  border-radius: 4px;
}

.color-picker-box.red {
  background-color: #eb7272;
}

.color-picker-box.spectral-red {
  background-color: #971d2b;
}

.color-picker-box.spectral-orange {
  background-color: #e3754f;
}

.color-picker-box.spectral-yellow {
  background-color: #f9e196;
}

.color-picker-box.spectral-green {
  background-color: #7dc0a7;
}

.color-picker-box.spectral-purple {
  background-color: #5c509d;
}

.color-picker-box.viridis-purple {
  background-color: #3e0751;
}

.color-picker-box.viridis-blue {
  background-color: #3f678b;
}

.color-picker-box.viridis-green {
  background-color: #5fb47e;
}

.color-picker-box.viridis-green-yellow {
  background-color: #f9e855;
}

.color-picker-box.ryg-red {
  background-color: #971d2b;
}

.color-picker-box.ryg-orange {
  background-color: #f4c17b;
}

.color-picker-box.ryg-green1 {
  background-color: #bbde93;
}

.color-picker-box.ryg-green2 {
  background-color: #2b663c;
}

.color-picker-box.blue-type1 {
  background-color: #e0ebf6;
}

.color-picker-box.blue-type2 {
  background-color: #a7c9de;
}

.color-picker-box.blue-type3 {
  background-color: #5790c1;
}

.color-picker-box.blue-type4 {
  background-color: #235097;
}

.has-table-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}

.krds-table-wrap.sm-pd .table tbody td {
  padding: 0.6rem 1.2rem;
}

.krds-table-wrap.no-ellipsis .table tbody td {
  white-space: revert;
  text-overflow: revert;
}

/* --- */
.map_canvas.split .swipe-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.4rem;
  height: 3.2rem;
  background: url("../images/MRB/icons/ico-splitter.svg") no-repeat center;
}

.vsplitter::before {
  content: "";
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.4rem;
  height: 3.2rem;
  background: url("../images/MRB/icons/ico-splitter.svg") no-repeat center;
}

.map_sidebar.depth2-active {
  width: auto;
}

.map_sidebar.has-depth2 .layout_header .title-text {
  font-size: 1.7rem;
}

.form-desc {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.75);
}

.krds-tab-area.modal-has-gap .tab-conts-wrap {
  margin-top: 1.2rem;
}

.krds-tab-area.no-pd .tab.line {
  padding: 0;
}

.krds-tab-area.no-pd .tab-conts-wrap {
  padding: 0;
}

.map_sidebar.has-depth2 .title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.map_sidebar.has-depth2 .title-area .ico-popup-close {
  background-size: 20px;
}

.map_sidebar.has-depth2 .tab {
  margin-top: 0;
}

.map_sidebar.has-depth2.active~.map_bottom .layout_header.group-type {
  height: auto;
  row-gap: 6px;
}

.map_sidebar.has-depth2.active~.map_bottom.active~.map_rightbar.active {
  right: 0;
}

.map_sidebar.has-depth2.active~.map_bottom.active~.map_rightbar.active .layout_panel {
  max-width: 830px;
}

/* icons */
.svg-icon.go-to-list {
  background: url("../images/MRB/icons/ico-go-list.svg") no-repeat center;
}

.svg-icon.layer {
  background: url("../images/MRB/icons/ico-layers.svg") no-repeat center;
}

.svg-icon.input-search {
  background: var(--krds-light-color-surface-inverse) url("../images/MRB/icons/ico-search-white-16x16.svg") no-repeat center;
}

.svg-icon.delete {
  background: url("../images/MRB/icons/ico-delete-gray-16x16.svg") no-repeat center;
}

.svg-icon.layer-dragDrop {
  background: url("../images/MRB/icons/ico-drag-drop.svg") no-repeat center;
}

.svg-icon.layer-eye {
  min-width: 1.6rem;
  min-height: 1.6rem;
  background: url("../images/MRB/icons/ico-eye-open-white.svg") no-repeat center;
  background-size: 1.6rem !important;
}

.svg-icon.layer-gray {
  min-width: 1.6rem;
  min-height: 1.6rem;
  background: url("../images/MRB/icons/ico-layer-gray.svg") no-repeat center;
}

.svg-icon.layer-edit {
  background: url("../images/MRB/icons/ico-layer-edit.svg") no-repeat center;
}

.svg-icon.layer-add {
  background: url("../images/MRB/icons/ico-layer-add.svg") no-repeat center;
}

.svg-icon.layer-magic {
  background: url("../images/MRB/icons/ico-magic-stick.svg") no-repeat center;
}

.svg-icon.layer-filter {
  background: url("../images/MRB/icons/ico-filter.svg") no-repeat center;
}

.svg-icon.layer-tag {
  background: url("../images/MRB/icons/ico-tag-white.svg") no-repeat center;
}

.svg-icon.layer-top-move {
  background: url("../images/MRB/icons/ico-arrow-top.svg") no-repeat center;
}

.svg-icon.layer-bottom-move {
  background: url("../images/MRB/icons/ico-arrow-down.svg") no-repeat center;
}

.svg-icon.layer-circle {
  background: url("../images/MRB/icons/ico-layer-circle.svg") no-repeat center;
  background-size: 1.6rem;
}

.svg-icon.layer-line {
  background: url("../images/common/ico/ico-line-select.svg") no-repeat center;
  background-size: 1.6rem;
}

.svg-icon.layer-polygon {
  background: url("../images/MRB/icons/ico-polygon-white.svg") no-repeat center;
  background-size: 1.6rem;
}

.svg-icon.folder-with-files {
  background: url("../images/MRB/icons/ico-folder-with-files.svg") no-repeat center;
}

.svg-icon.range-arrow-right {
  width: auto;
  height: auto;
  min-width: 1.6rem;
  min-height: 3.2rem;
  background: url("../images/MRB/icons/ico-range-arrow-right.svg") no-repeat center;
}

.svg-icon.pin {
  background: url("../images/MRB/icons/ico-pin.svg") no-repeat center;
}

.svg-icon.user {
  min-width: 1.6rem;
  min-height: 1.6rem;
  width: auto;
  height: auto;
  background: url("../images/MRB/icons/ico-user.svg") no-repeat center;
}

.svg-icon.arrow16 {
  background: url("../images/common/ico/ico-arrow16.svg") no-repeat center;
}

.svg-icon.ico-plus {
  background: url("../images/common/ico/ico-collapse_plus.svg") no-repeat center;
}

.range {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  min-width: 3.2rem;
  min-height: 3.2rem;
  font-size: 1.3rem;
  color: var(--krds-color-light-gray-0);
  border-radius: 50%;
  background-color: var(--krds-color-light-secondary-70);
}

.box-area-contents .label {
  font-size: 1.3rem;
  color: var(--krds-color-light-gray-0);
}

.layer-group input[type=checkbox] {
  min-width: 1.6rem;
  min-height: 1.6rem;
}

.map_tools_btn.ico-airplane {
  background: url("../images/MRB/tool/tool-airplane.svg") no-repeat center;
}

.map_tools_btn.ico-home {
  background: url("../images/common/ico/ico-home.svg") no-repeat center;
}

.map_tools_btn.ico-cursor {
  background: url("../images/MRB/tool/tool-cursor.svg") no-repeat center;
}

.map_tools_btn.ico-split {
  background: url("../images/MRB/tool/tool-split.svg") no-repeat center;
}

.map_tools_btn.ico-swipe {
  background: url("../images/MRB/tool/tool-swipe.svg") no-repeat center;
}

.map_tools_btn.ico-info {
  background: url("../images/MRB/tool/tool-info.svg") no-repeat center;
}

.map_tools_btn.ico-draw {
  background: url("../images/common/ico/tool_icon07.svg") no-repeat center;
}

/* --- */
.krds-modal .modal-header.has-layout-header {
  padding: 0.8rem 1.2rem;
}

.krds-modal .modal-header.has-layout-header+.modal-conts {
  padding: 0.8rem 1.2rem;
}

.krds-modal .modal-header.has-layout-header .layer-button-group .krds-btn.icon {
  width: 1.6rem;
  height: 1.6rem;
}

.krds-modal .modal-header.has-layout-header .layer-button-group .krds-btn.icon .svg-icon {
  width: 100%;
  height: 100%;
}

.krds-modal .modal-header.has-layout-header .layer-button-group .krds-btn.icon .svg-icon.layer-edit {
  position: relative;
  top: 0.1rem;
}

.modal-header .modal-header-button-group .krds-btn {
  position: static;
}

.krds-modal.is-expanded .modal-header {
  transition: none;
  border-radius: var(--krds-radius-large2);
  background-color: var(--krds-light-color-surface-inverse);
}

.krds-modal.is-expanded .modal-header .modal-title {
  color: var(--krds-light-color-text-subtle-inverse);
}

.krds-modal.is-expanded .modal-header-button-group .expend-plus {
  background-size: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}

.krds-modal.is-expanded.is-open .modal-header {
  border-radius: var(--krds-radius-large2) var(--krds-radius-large2) 0 0;
  background-color: var(--krds-color-light-gray-100);
}

.krds-modal.is-expanded.is-open .modal-conts {
  display: flex;
}

.krds-modal.is-expanded.is-open .modal-title {
  color: var(--krds-color-light-gray-0);
}

.krds-modal.is-expanded.is-open .expend-plus {
  background: url("../images/common/ico/ico-collapse_minus.svg") no-repeat center;
}

.modal-header-form-wrapper {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.modal-header-form-group {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.modal-header-form-buttons {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.modal-header-button-group {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}

.krds-modal.ui-draggable .modal-header {
  cursor: grab;
}

.krds-modal .modal-dialog {
  margin: 0;
}

.krds-input.xsmall {
  height: 2.4rem;
  font-size: 1.3rem;
  padding: 0 1.2rem;
}

.krds-select.xsmall {
  height: 2.4rem;
  font-size: 1.3rem;
  padding: 0 1.2rem;
}

.krds-modal.ui-draggable-disabled .drag-prevent-button.active .svg-icon.pin {
  background: url("../images/MRB/icons/ico-pin-red.svg") no-repeat center;
}

.map_rightbar .krds-btn.h-auto {
  padding: 0.4rem 0 !important;
}

.has-two-line-button .krds-btn {
  height: 42px;
}

.has-two-line-button .krds-btn.two-line {
  line-height: 18px;
}

.th-button-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btnFilter {
  width: 16px;
  height: 16px;
  background: url("../images/MRB/icons/ico-filter.svg") no-repeat center;
}

.btnFilter:hover,
.btnFilter.active {
  background: url("../images/MRB/icons/ico-filter-white.svg") no-repeat center;
}

.map_tools_btn.ico-cursor~.tool_layer .modal-content {
  width: 60rem;
}

.map_tools_btn.ico-cursor~.tool_layer .modal-conts {
  padding: 1.2rem 1.6rem;
}

.map_tools_btn.ico-cursor~.tool_layer .box-inner {
  padding: 0;
}

.map_tools_btn.ico-cursor~.tool_layer .krds-table-wrap .table.dark thead th {
  padding: 0.42rem var(--krds-gap-4);
}

.map_tools_btn.ico-save~.tool_layer .modal-content {
  width: 55.6rem;
}

.map_tools_btn.ico-save~.tool_layer .modal-conts {
  padding: 1.2rem 1.6rem;
}

.map_tools_btn.ico-save~.tool_layer .box-area.type3.pad128 {
  padding: 1.2rem 1.2rem 0.8rem 1.2rem;
}

.map_tools_btn.ico-save~.tool_layer .box-area.type3.pad12-16 {
  padding: 1.2rem 1.6rem;
}

.map_tools_btn.ico-draw~.tool_layer .modal-conts {
  padding: 1.2rem 2rem;
}

.map_tools_btn.ico-print~.tool_layer .modal-content {
  width: 101rem;
}

.map_tools_btn.ico-print~.tool_layer .modal-conts {
  padding: 1.6rem;
}

.map_tools_btn.ico-print~.tool_layer .modal-top-area .modal-top-description {
  font-size: 1.4rem;
}

.map_tools_btn.ico-print~.tool_layer .modal-top-area+.box-area {
  padding: 1.2rem;
}

.map_tools_btn.ico-print~.tool_layer .box-inner {
  padding: 0;
}

.map_tools_btn.ico-print~.tool_layer .box-inner+.layer-group-wrapper {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--krds-light-color-surface-inverse);
}

.map_tools_btn.ico-print~.tool_layer .layer-group-wrapper,
.map_tools_btn.ico-print~.tool_layer .layer-group,
.map_tools_btn.ico-print~.tool_layer .layer-depth2 {
  overflow: revert;
}

.map_tools_btn.ico-print~.tool_layer .layer-group {
  background-color: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
}

.map_tools_btn.ico-print~.tool_layer .layer-header-label {
  font-size: 1.3rem;
}

.map_tools_btn.ico-print~.tool_layer .layer-depth2 {
  margin-top: 1.6rem;
  margin-bottom: 0;
  background: transparent;
  border-radius: 0;
}

.krds-table-wrap.no-wrap .table.dark tbody td,
.krds-table-wrap.no-wrap .table.dark tbody th {
  white-space: revert;
}

.krds-table-wrap.no-wrap .table.dark tbody td {
  word-break: break-all;
}

.button-group .map_btn.text::before {
  background: url("../images/MRB/icons/ico-text.svg") no-repeat center;
}

.button-group .map_btn.square-plane::before {
  background: url("../images/MRB/icons/ico-square-plane.svg") no-repeat center;
}

.button-group .map_btn.shape-file::before {
  background: url("../images/MRB/icons/ico-shape-file.svg") no-repeat center;
}

.button-group .map_btn.geo-json::before {
  background: url("../images/MRB/icons/ico-geo-json.svg") no-repeat center;
}

.button-group .map_btn.csv::before {
  background: url("../images/MRB/icons/ico-csv.svg") no-repeat center;
}

.button-group .map_btn.excel::before {
  background: url("../images/MRB/icons/ico-excel.svg") no-repeat center;
}

.button-group .map_btn.kml::before {
  background: url("../images/MRB/icons/ico-kml.svg") no-repeat center;
}

.button-group .map_btn.geo-package::before {
  background: url("../images/MRB/icons/ico-geo-package.svg") no-repeat center;
}

.button-group .map_btn:hover::after {
  background-color: var(--krds-color-light-primary-50);
}

.button-group .map_btn:hover.text::before,
.button-group .map_btn:active.text::before,
.button-group .map_btn.active.text::before {
  background: url("../images/MRB/icons/ico-text-white.svg") no-repeat center;
}

.button-group .map_btn:hover.square-plane::before,
.button-group .map_btn:active.square-plane::before,
.button-group .map_btn.active.square-plane::before {
  background: url("../images/MRB/icons/ico-square-plane-white.svg") no-repeat center;
}

.button-group .map_btn:hover.shape-file::before,
.button-group .map_btn:active.shape-file::before,
.button-group .map_btn.active.shape-file::before {
  background: url("../images/MRB/icons/ico-shape-file-white.svg") no-repeat center;
}

.button-group .map_btn:hover.geo-json::before,
.button-group .map_btn:active.geo-json::before,
.button-group .map_btn.active.geo-json::before {
  background: url("../images/MRB/icons/ico-geo-json-white.svg") no-repeat center;
}

.button-group .map_btn:hover.csv::before,
.button-group .map_btn:active.csv::before,
.button-group .map_btn.active.csv::before {
  background: url("../images/MRB/icons/ico-csv-white.svg") no-repeat center;
}

.button-group .map_btn:hover.excel::before,
.button-group .map_btn:active.excel::before,
.button-group .map_btn.active.excel::before {
  background: url("../images/MRB/icons/ico-excel-white.svg") no-repeat center;
}

.button-group .map_btn:hover.kml::before,
.button-group .map_btn:active.kml::before,
.button-group .map_btn.active.kml::before {
  background: url("../images/MRB/icons/ico-kml-white.svg") no-repeat center;
}

.button-group .map_btn:hover.geo-package::before,
.button-group .map_btn:active.geo-package::before,
.button-group .map_btn.active.geo-package::before {
  background: url("../images/MRB/icons/ico-geo-package-white.svg") no-repeat center;
}

.button-group.has-small-text li {
  gap: 0;
}

.button-group.has-small-text span {
  margin-top: 0.2rem;
}

.button-group.has-small-text .box-small-text {
  margin-top: 0;
}

.button-group li .box-small-text {
  font-weight: 400;
}

.box-small-text {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.75);
}

.modal-description {
  font-size: 1.3rem;
  color: var(--krds-color-light-gray-10);
  font-weight: 400;
}

.modal-content .modal-header.has-description {
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.8rem;
}

.tool_layer .layer-group .krds-form-check label {
  color: var(--krds-color-light-gray-0);
}

.tool_layer .krds-form-check input[type=checkbox]~label,
.tool_layer .krds-form-check input[type=radio]~label {
  font-size: 1.3rem;
}

.map_tools_list li.map_tools_item.is-active .tool_layer.center {
  top: 50%;
  transform: translateY(-50%);
}

.layer-group-wrapper .krds-btn.layer-button {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  border: 1px solid var(--krds-light-color-alpha-base50);
}

.layer-group-wrapper .krds-btn.layer-button:hover {
  border-color: var(--krds-color-light-primary-40);
  background-color: var(--krds-color-light-primary-60);
}

.layer-group-wrapper .krds-btn.layer-button:hover .icon {
  background: url("../images/MRB/icons/ico-layers.svg") no-repeat center;
}

.krds-modal textarea.krds-input {
  padding: var(--krds-input--textarea-padding-y) var(--krds-padding-5);
}

.krds-modal .box-inner {
  padding: 0;
}

.box-inner.row {
  flex-direction: row;
}

.layout_depth2_panel .layout_body.col {
  overflow-y: auto;
  max-height: calc(100% - 6.8rem);
  margin: 1.2rem 0;
  padding: 0 1.6rem;
}

/** 20251211 추가 수정 **/
.layout_depth2_panel.bottom .layout_body.col {
  overflow: hidden;
  max-height: calc(100% - 6.8rem - 3.2rem - 1.2rem);
  margin: 1.2rem 0;
  padding: 0 1.6rem;
}

.layout_depth2_panel.bottom .layout_body.col .scroll {
  overflow-y: auto;
}

.layout_depth2_panel .pd16 {
  padding: 0 1.6rem;
}

.layout_depth2_panel .tab-conts-wrap {
  overflow-y: revert;
  max-height: none;
}

.box-area-title {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}

.calc-tag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--krds-pc-font-size-body-xsmall);
  height: var(--krds-size-height-4);
  padding: 0 var(--krds-padding-3);
  border-radius: var(--krds-radius-small3);
  color: var(--krds-color-light-gray-0);
  transition: all 0.2s ease;
  min-width: 5.2rem;
}

.calc-tag.black {
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  background-color: var(--krds-color-light-gray-100);
}

.calc-tag.black:hover {
  border-color: rgba(255, 255, 255, 0.7490196078);
}

.calc-tag.color {
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
}

.calc-tag.color.success {
  background-color: var(--krds-color-light-success-50);
}

.calc-tag.color.warning {
  background-color: #d2761a;
}

.calc-tag.color.error {
  background-color: var(--krds-light-color-error);
}

.calc-tag.color:hover {
  border-color: rgba(255, 255, 255, 0.7490196078);
  font-weight: bold;
}

.calc-tag.color::before {
  content: attr(title);
  font-weight: bold;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  white-space: nowrap;
}

.calc-tag-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--krds-gap-3);
}

.calc-tag-wrapper.has-gap .calc-tag {
  gap: var(--krds-gap-2);
}

.calc-tag-wrapper.has-badge .calc-tag {
  height: 2.8rem;
}

.btn-wrap {
  display: flex;
  align-items: center;
}

.btn-wrap.end {
  column-gap: 0.8rem;
  justify-content: flex-end;
}

.history-wrap ul li::before {
  width: 0.4rem;
  height: 0.4rem;
}

.history-wrap.no-transform ul li::before {
  transform: none;
  top: 9px;
}

.history-wrap.transparent {
  background-color: transparent;
}

.history-wrap.pb-type1 {
  padding-bottom: 0;
}

.history-wrap.pb-type1 ul {
  padding: 0 var(--krds-padding-3);
}

.history-wrap.pb-none {
  padding: 0;
}

.description-list {
  display: flex;
  align-items: center;
}

.description-item {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}

.description-item:first-child::before {
  display: none;
}

.description-item::before {
  content: "";
  width: 1px;
  height: 12px;
  margin-left: 0.8rem;
  background-color: var(--krds-color-light-gray-70);
}

.description-text {
  font-size: 1.3rem;
}

.description-text.bold {
  color: var(--krds-color-light-gray-0);
  font-weight: 700;
}

.description-text.gray {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7490196078);
}

.img-map-area img {
  border-radius: 0.6rem;
}

.label.title-type+.layer-depth2-item {
  margin-top: 0.8rem;
}

.label-title-type-area {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}

.layer-inner-item.border-type {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--krds-color-light-gray-60);
}

.layer-inner-item.border-type+.layer-inner-item.border-type {
  padding-top: 0.8rem;
}

.layer-inner-item.border-type:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.outline-color-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  font-size: 1.1rem;
  height: 2.4rem;
  padding: 0 0.8rem;
}

.outline-color-box.red {
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  background-color: #eb7272;
}

.outline-color-box.max-width-type-1 {
  max-width: 6.2rem;
}

.layer-group:not(.is-open) .layer-header>.layer-header-label {
  color: var(--krds-light-color-text-subtle-inverse);
}

.contents-column-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
}

.contents-column-container.flex-type {
  display: flex;
  width: 100%;
}

.contents-column-container.flex-type .contents-column {
  flex: 1;
}

.contents-column:not([class*=grid-column-]) {
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
  flex: 0.5;
}

.file-list.has-scroll ul {
  overflow-y: auto;
  max-height: 150px;
}

.file-list.wide-height li {
  padding: 0.7rem 1.2rem;
  border-radius: 0.4rem;
}

.file-list.no-between li {
  justify-content: flex-start;
  column-gap: 0.4rem;
}

.file-list.box-no-gap .file-list-has-icon-box {
  column-gap: 0;
  max-width: calc(100% - 70px);
}

.file-list.box-no-gap .file-list-has-icon-text {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 220px;
  margin-left: 0.8rem;
  margin-right: 0.4rem;
}

.file-list-has-icon-box {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}

.file-list-has-icon-box .svg-icon+span {
  font-size: var(--krds-pc-font-size-body-xsmall);
}

.krds-pagination .page-navi {
  background-image: none;
}

.krds-pagination .page-navi::before,
.krds-pagination .page-navi::after {
  background-size: 1.6rem !important;
  transform: none !important;
}

.krds-pagination .page-navi.prev::before {
  background-image: url("/static/mrb_gis/images/common/ico/ico-pagnation-arrow.svg");
}

.krds-pagination .page-navi.next::after {
  background-image: url("/static/mrb_gis/images/common/ico/ico-pagination-next-arrow.svg");
}

.krds-modal .modal-dialog .modal-conts {
  margin: 0;
}

.form-wrap .box-inner.row {
  width: 100%;
}

.box-tit-list {
  display: flex;
  align-items: center;
}

.box-tit-item {
  display: flex;
  align-items: center;
}

.box-tit-item::before {
  content: "";
  width: 1px;
  height: 14px;
  margin: 0 8px;
  background-color: var(--krds-color-light-gray-70);
}

.box-tit-item:first-of-type::before {
  display: none;
}

.layer-select-button-group {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
  width: 100%;
}

.layer-select-button-top {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}

.layer-select-button-head-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--krds-color-light-gray-0);
}

.layer-select-button-column {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
  flex: 1;
}

.layer-select-button {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  background: var(--krds-color-light-gray-95) url("../images/MRB/icons/ico-layer-select-button-arrow-right.svg") no-repeat center right 12px;
  width: 100%;
  transition: border-color 0.3s ease-in-out;
}

.layer-select-button.not-button {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  background-image: none;
}

.layer-select-button.not-button .krds-btn {
  width: fit-content;
}

.layer-select-button:hover,
.layer-select-button.active {
  border-color: var(--krds-color-light-primary-40);
}

.layer-select-button-bottom {
  display: flex;
  align-items: center;
}

.layer-select-button-description {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.7490196078);
  text-transform: uppercase;
}

.layer-circle {
  min-width: 1.6rem;
  min-height: 1.6rem;
  border-radius: 50%;
}

.layer-circle.blue {
  background-color: #168efc;
}

.layer-circle.green {
  background-color: var(--krds-color-light-success-50);
}

.layer-circle.red {
  background-color: var(--krds-color-light-point-50);
}

.contents-background-type .box-tit+.box-inner {
  margin-top: 1.2rem;
}

.ellipsis-1 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.h-auto {
  height: auto !important;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.p16 {
  padding: 16px !important;
}

.gap0 {
  gap: 0 !important;
}

.grid {
  display: grid !important;
}

.size-16 {
  width: 1.6rem !important;
  height: 1.6rem !important;
}

.col-repeat-2 {
  grid-template-columns: repeat(2, 1fr);
}

.col-repeat-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-column-2 {
  grid-column: span 2;
}

.white-space-no-wrap {
  white-space: nowrap;
}

.switch-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}

.switch-wrapper.in-form-wrap {
  row-gap: 0;
  column-gap: 0.4rem;
  flex-direction: row;
}

.switch-wrapper.in-form-wrap .label {
  min-width: 100px;
}

.info-description {
  position: relative;
  display: flex;
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.7490196078);
  word-break: keep-all;
  padding-left: 2rem;
}

.info-description::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url("../images/MRB/icons/ico-info.svg") no-repeat center;
}

.card-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  padding: 1.2rem;
  border-radius: 0.6rem;
  background-color: var(--krds-color-light-gray-100);
}

.card-title-area {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}

.card-title {
  font-size: 1.4rem;
  color: var(--krds-color-light-gray-0);
}

.card-description-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.card-description-item {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}

.card-description-item::before {
  content: "";
  width: 1px;
  height: 16px;
  margin-left: 0.8rem;
  background-color: var(--krds-color-light-gray-70);
}

.card-description-item:first-of-type::before {
  display: none;
}

.card-description-text {
  font-size: 1.3rem;
}

.card-description-front {
  font-weight: 700;
  color: var(--krds-color-light-gray-0);
}

.card-description-back {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7490196078);
}

.card-image-area img {
  border-radius: 0.4rem;
  background-color: var(--krds-color-light-gray-90);
}

.card-bottom-description {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.7490196078);
}

.contents-background-type .layer-group.height-type-1 .layer-header {
  justify-content: flex-start;
}

.contents-background-type .layer-group.height-type-1 {
  display: flex;
  align-items: center;
  padding: 0 1.2rem;
  height: 3.6rem;
}

/* drm no-content css */
.no-content {
  background-color: var(--krds-color-light-gray-95);
  border-radius: var(--krds-radius-medium1);
  width: 100%;
  padding: 3.8rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--krds-gap-3);
}

.no-content p {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-light-color-text-basic-inverse);
  font-weight: 400;
}

/* --- */
/* switch css */
.krds-form-toggle-switch.medium [type=checkbox]~label {
  color: var(--krds-light-color-alpha-base75);
  font-size: var(--krds-pc-font-size-body-small);
  font-weight: 400;
  white-space: nowrap;
}

.krds-form-toggle-switch.medium [type=checkbox]~label {
  gap: var(--krds-form-toggle-switch--gap);
  line-height: var(--krds-form-toggle-switch--button-size-height-medium);
}

.krds-form-toggle-switch [type=checkbox]~label {
  display: inline-flex;
  align-items: center;
}

.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle {
  width: 3.6rem;
  position: relative;
}

.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle {
  height: var(--krds-form-toggle-switch--button-size-height-medium);
  border-radius: var(--krds-form-toggle-switch--button-radius-medium);
}

.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 {
  transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle>i {
  width: var(--krds-form-toggle-switch--check-size-medium);
  height: var(--krds-form-toggle-switch--check-size-medium);
  border-radius: var(--krds-radius-max);
}

.krds-form-toggle-switch [type=checkbox]~label .switch-toggle>i {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: var(--krds-form-toggle-switch--check-color-background);
  border: 0.2rem solid var(--krds-form-toggle-switch--check-color-border);
  box-sizing: border-box;
  transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle>i::before {
  display: inline-flex;
  width: var(--krds-form-toggle-switch--icon-size-medium);
  height: var(--krds-form-toggle-switch--icon-size-medium);
  forced-color-adjust: none;
}

.krds-form-toggle-switch [type=checkbox]~label .switch-toggle>i::before {
  background: url(../images/common/ico/ico-switch_off.svg);
}

.krds-form-toggle-switch [type=checkbox]~label .switch-toggle>i::before {
  content: "";
  display: inline-flex;
  mask: none;
  mask-image: none;
  background-color: transparent !important;
  margin-left: -0.1rem;
}

.krds-form-toggle-switch [type=checkbox]:checked~label .switch-toggle>i::before {
  width: 8px;
  height: 8px;
  background: url(../images/common/ico/ico-switch_on.svg);
  margin-left: 0;
}

.krds-form-toggle-switch [type=checkbox]:checked~label .switch-toggle>i::before {
  mask: none;
  mask-image: none;
  background-color: transparent !important;
  display: inline-block;
}

.krds-form-toggle-switch [type=checkbox]~label .switch-toggle>i::before {
  content: "";
}

.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle {
  width: 3.6rem;
  position: relative;
}

.krds-form-toggle-switch [type=checkbox]:checked~label .switch-toggle {
  background-color: var(--krds-color-light-primary-40);
}

.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle {
  height: var(--krds-form-toggle-switch--button-size-height-medium);
  border-radius: var(--krds-form-toggle-switch--button-radius-medium);
}

.krds-form-toggle-switch [type=checkbox]~label .switch-toggle {
  transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

.krds-form-toggle-switch.medium [type=checkbox]:checked~label {
  color: #fff;
  font-weight: 700;
}

.krds-form-toggle-switch.medium [type=checkbox]:checked~label .switch-toggle>i {
  right: 0;
  left: 1.6rem;
}

.krds-form-toggle-switch [type=checkbox]:checked~label .switch-toggle>i {
  border-color: var(--krds-color-light-primary-40);
}

/* --- */
/*추가 페이지 주변요약 */
.list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.list_item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.list_item .form-wrap {
  width: auto;
}

/* 251219 서규영 */
.krds-modal.has-popup-slide .modal-conts {
  padding: 0;
}

.krds-modal.has-popup-slide .modal-conts-inner {
  padding: 1.6rem;
}

.has-form-wrap-row {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
}

/* --- */
.file-list-has-icon-text {
  font-size: var(--krds-pc-font-size-body-xsmall);
}

.list-button-group {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}

.list-button-group .list-button {
  border: 1px solid var(--krds-color-light-gray-60);
  border-radius: 0.4rem;
  background-color: var(--krds-light-color-surface-inverse);
  transition-property: all;
}

.list-button-group .list-button:hover {
  border-color: var(--krds-color-light-gray-40);
  background-color: var(--krds-color-light-gray-100);
}

.list-button-group .svg-icon {
  background-color: var(--krds-color-light-gray-100);
}