@charset "UTF-8";
/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* flex */
/* scrollbar mixin */
/* scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #464C53 !important;
  border-radius: 10px;
  background-clip: padding-box;
}

::-webkit-scrollbar-track {
  background-color: #131416 !important;
  border-radius: 10px;
}

/* Webkit 기반 브라우저 (Chrome, Edge, Safari) */
.krds-input.color-picker::-webkit-color-swatch-wrapper {
  padding: 0 !important; /* 내부 간격을 강제로 0으로 설정 */
}

.krds-input.color-picker::-webkit-color-swatch {
  border: none !important; /* 내부 견본의 기본 테두리 제거 */
}

/* Firefox */
.krds-input.color-picker::-moz-color-content {
  border: none !important;
  padding: 0 !important;
}

/* 모달 컨텐츠 작업 */
.krds-modal .modal-dialog .modal-header .badge {
  height: 2.4rem;
  color: var(--krds-color-light-gray-0);
  padding: 0 var(--krds-padding-2);
  background-color: #FF0BE7;
  border-radius: var(--krds-radius-small1);
  margin-right: var(--krds-padding-2);
}
.krds-modal .modal-dialog .modal-conts {
  max-height: 56rem;
  overflow-y: auto;
}
.krds-modal .modal-dialog .modal-conts .conts-area {
  gap: 0;
}
.krds-modal .modal-dialog .modal-conts .conts-area + .sub-title {
  margin-top: var(--krds-padding-5);
}
.krds-modal .modal-dialog .modal-conts .conts-area .flex-unit {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-2);
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-0);
}
.krds-modal .modal-dialog .modal-conts .conts-area .layer-group:not(:last-child) {
  margin-bottom: var(--krds-padding-3);
}
.krds-modal .modal-dialog .sub-title {
  margin-bottom: var(--krds-padding-2);
  font-size: var(--krds-pc-font-size-label-small);
}
.krds-modal .modal-dialog.dashboard .conts-text .title-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.krds-modal .modal-dialog.dashboard .conts-text .title-box.bg-black {
  background-color: var(--krds-high-contrast-color-background-white);
  border-radius: var(--krds-radius-medium1);
  padding: 1.4rem;
}
.krds-modal .modal-dialog.dashboard .conts-text .title-box .title {
  font-size: var(--krds-pc-font-size-heading-xsmall);
}
.krds-modal .modal-dialog.dashboard .conts-text .title-box .title.ico-mygov {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.krds-modal .modal-dialog.dashboard .conts-text .title-box .title.ico-mygov:before {
  content: "";
  display: block;
  width: 2.9rem;
  height: 2.9rem;
  background-image: url("../images/common/ico/ico-mygov-blue.svg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: var(--krds-padding-3);
}
.krds-modal .modal-dialog.dashboard .conts-text .title-box .title b {
  color: var(--krds-color-light-secondary);
}
.krds-modal .modal-dialog.dashboard .conts-area {
  gap: var(--krds-padding-5);
}
.krds-modal .modal-dialog.dashboard .conts-area h3.title {
  font-size: var(--krds-pc-font-size-heading-xsmall);
}
.krds-modal .modal-dialog.dashboard .conts-area .table-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-4);
}
.krds-modal .modal-dialog.dashboard .conts-area .table-container .table-item {
  flex: 1;
}
.krds-modal .modal-dialog.dashboard .conts-area .table-container .table-item > strong {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  display: block;
  margin-bottom: var(--krds-padding-3);
}
.krds-modal .modal-dialog.dashboard [class*=conts] + [class*=conts] {
  margin-top: var(--krds-padding-4);
}
.krds-modal .modal-dialog.simulation .sect .box-area .txt {
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.krds-modal .modal-dialog.simulation .sect .area-floorplan {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-3);
}
.krds-modal .modal-dialog.simulation .sect .area-floorplan .map-zone {
  flex: 1;
  height: 30rem;
}
.krds-modal .modal-dialog.simulation .sect .area-floorplan div.box-area {
  width: 26rem;
  height: 30rem;
  flex-shrink: 0;
}
.krds-modal .modal-dialog.simulation .sect .area-floorplan .list {
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-auto-flow: column;
  gap: var(--krds-padding-2);
}
.krds-modal .modal-dialog.simulation .sect .area-floorplan .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.simulation .sect .area-floorplan .list li .square {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: var(--krds-radius-xsmall1);
  flex-shrink: 0;
}
.krds-modal .modal-dialog.simulation .sect .area-floorplan .list li {
  gap: 0 var(--krds-padding-2);
}
.krds-modal .modal-dialog.simulation .sect .area-floorplan .list li:nth-child(n+13):nth-child(-n+20) {
  grid-column: 2;
}
.krds-modal .modal-dialog.simulation .sect .notice {
  color: var(--krds-color-light-gray-10);
  font-size: var(--krds-pc-font-size-body-xsmall);
  position: relative;
  padding-left: 2rem;
}
.krds-modal .modal-dialog.simulation .sect .notice:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  border: 0.1rem solid #fff;
  border-radius: 50%;
}
.krds-modal .modal-dialog.notice {
  width: 40rem;
}
.krds-modal .modal-dialog.notice .modal-header {
  padding: 2rem 2.4rem;
  position: absolute;
  background-color: transparent;
}
.krds-modal .modal-dialog.notice .modal-header .btn-close {
  top: 2rem;
  right: 2.4rem;
}
.krds-modal .modal-dialog.notice .modal-conts {
  padding: 2rem 2.4rem;
}
.krds-modal .modal-dialog.notice .modal-conts .conts-area .notice:before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  background-image: url("../images/common/ico/ico-notice-lg.svg");
  background-size: cover;
  margin-bottom: var(--krds-padding-3);
}
.krds-modal .modal-dialog.notice .modal-conts .conts-area .notice > p {
  font-size: var(--krds-pc-font-size-heading-small);
}
.krds-modal .modal-dialog.notice .modal-conts .btn-wrap {
  text-align: right;
}
.krds-modal .modal-dialog .flex-container.column {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-padding-2) 0;
}
.krds-modal .modal-dialog .flex-container.bg-gray {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-padding-2) 0;
  background-color: var(--krds-color-light-gray-80);
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-3) var(--krds-padding-5);
}
.krds-modal .modal-dialog .flex-container-sb {
  margin-top: var(--krds-padding-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.krds-modal .modal-dialog .flex-container-sb .tit {
  color: var(--krds-color-light-gray-0);
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.krds-modal .modal-dialog .flex-container-sb .btn-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-padding-3);
}
.krds-modal .modal-dialog .flex-container-sb .form-group {
  width: 2.4rem;
  height: 2.4rem;
}
.krds-modal .modal-dialog .flex-container-sb .form-group.box-color:has(.krds-input.color-picker[disabled]):before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/common/ico/ico-colorpicker-disabled.svg");
  background-size: cover;
}
.krds-modal .modal-dialog .flex-container-sb .form-group.box-color:has(.krds-input.color-picker[disabled]) .krds-input.color-picker {
  display: none;
}
.krds-modal .modal-dialog .box-area.bg-black {
  background-color: var(--krds-color-light-gray-100);
}
.krds-modal .modal-dialog .box-area .button-group .button_item:after {
  border: 1px solid transparent;
  transition: all 0.3s;
}
.krds-modal .modal-dialog .box-area .button-group .button_item.location:before {
  content: "";
  background-image: url(../images/common/ico/ico-location_pin.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
}
.krds-modal .modal-dialog .box-area .button-group .button_item.rotation:before {
  background-image: url(../images/common/ico/ico-rotate.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
}
.krds-modal .modal-dialog .box-area .button-group .button_item.ratio:before {
  background-image: url(../images/common/ico/ico-scale.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
}
.krds-modal .modal-dialog .box-area .button-group .button_item:hover:before, .krds-modal .modal-dialog .box-area .button-group .button_item.active:before {
  filter: brightness(2);
}
.krds-modal .modal-dialog .box-area .button-group .button_item:hover:after {
  background-color: var(--krds-color-light-gray-90);
}
.krds-modal .modal-dialog .box-area .button-group .button_item.active:after {
  border: 1px solid var(--krds-color-light-primary-40);
  background-color: var(--krds-color-light-primary-50);
}
.krds-modal .modal-dialog .box-area .modal-edit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-2);
}
.krds-modal .modal-dialog .box-area .modal-edit .group-btn-edit {
  width: 7.8rem;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-padding-3) 0;
}
.krds-modal .modal-dialog .box-area .modal-form {
  margin-top: var(--krds-padding-5);
  padding-top: var(--krds-padding-5);
  border-top: 1px solid var(--krds-color-light-gray-60);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-padding-3);
}
.krds-modal .modal-dialog .box-area .modal-form.border-none {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.krds-modal .modal-dialog .box-area .modal-form .flex-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-3);
}
.krds-modal .modal-dialog .box-area .modal-form .flex-container .tit {
  font-size: var(--krds-pc-font-size-label-xsmall);
  width: 5rem;
  flex-shrink: 0;
  white-space: nowrap;
  margin-right: var(--krds-padding-3);
}
.krds-modal .modal-dialog .box-area .modal-form .form-group.box-color {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: var(--krds-radius-small1);
  flex-shrink: 0;
}
.krds-modal .modal-dialog .modal-caption {
  width: auto;
  height: auto;
  width: 20rem;
}
.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;
  margin-top: 0;
  gap: 0 var(--krds-padding-1);
}
.krds-modal .modal-dialog .modal-caption .modal-header .btn-setting {
  margin-right: 2rem;
  align-self: flex-start;
}
.krds-modal .modal-dialog .modal-caption .modal-header .btn-setting::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  background: url("../images/common/ico/ico-setting.svg") no-repeat center;
}
.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 .list-num {
  border-radius: var(--krds-radius-small1);
  overflow: hidden;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li {
  height: 3rem;
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-0);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.8);
  padding: 0.5rem 1.2rem;
  text-align: right;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li:nth-child(1) {
  background-color: #D53333;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li:nth-child(2) {
  background-color: #EA5C2D;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li:nth-child(3) {
  background-color: #CD7B29;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li:nth-child(4) {
  background-color: #D0A41F;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li:nth-child(5) {
  background-color: #307DCC;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li:nth-child(6) {
  background-color: #3351AC;
}
.krds-modal .modal-dialog .modal-caption .modal-conts .list-num > li:nth-child(7) {
  background-color: #43259E;
}
.krds-modal .modal-dialog .modal-caption .btn-close {
  top: 0.7rem;
}
.krds-modal .modal-dialog.modal-view .image-area .image {
  display: none;
  width: 100%;
  height: 14.8rem;
  margin-bottom: var(--krds-padding-5);
}
.krds-modal .modal-dialog.modal-view .image-area .image.on {
  display: block;
}
.krds-modal .modal-dialog.modal-view .image-area .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.krds-modal .modal-dialog.modal-view .area-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: 0;
}
.krds-modal .modal-dialog.modal-view .area-btn .btn-more {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/common/ico/ico-circle-plus.svg");
  background-repeat: no-repeat;
}
.krds-modal .modal-dialog .krds-form-check > strong {
  font-size: var(--krds-pc-font-size-label-small);
}
.krds-modal .layer-group .layer-depth2:has(> .area-info) {
  background-color: transparent;
  padding: 0;
}
.krds-modal .layer-group .layer-depth2 .area-info {
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.krds-modal .layer-group .layer-depth2 .area-info .list-info > li + li {
  margin-top: var(--krds-padding-3);
}
.krds-modal .layer-group .layer-depth2 .area-info .list-info > li .item-info {
  padding: var(--krds-padding-3) var(--krds-padding-5);
  border-radius: var(--krds-radius-medium1);
  background-color: var(--krds-color-light-gray-80);
  margin-top: var(--krds-padding-2);
}
.krds-modal .layer-group .layer-depth2 .area-info .list-info > li .item-info .info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-6);
}
.krds-modal .layer-group .layer-depth2 .area-info .list-info > li .item-info .info > span {
  width: 8rem;
  flex-shrink: 0;
}
.krds-modal .layer-group .layer-depth2 .area-info .list-info > li .item-info .info > span + span {
  width: auto;
  flex: 1;
}
.krds-modal .layer-group .layer-depth2 .area-info .list-info > li .item-info .info + .info {
  margin-top: 0.6rem;
}
.krds-modal.fixed-r {
  left: auto;
  top: 108px;
  right: 80px;
  transform: none;
}

/* 사이드 패널 작업 */
.map_sidebar.active {
  width: 33rem;
}
.map_sidebar .thirdtab-area .list-thirdtab > li {
  flex: 0;
}

.sect .sect_tit {
  margin-bottom: 0;
}
.sect .sect_tit .tit b {
  color: var(--krds-color-light-secondary);
}
.sect .search_result .fieldset.mix {
  flex: 1;
}
.sect .search_result .fieldset.mix .krds-check-area {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0 var(--krds-padding-5);
}
.sect .search_result .fieldset.mix .krds-check-area .select-box {
  margin-left: var(--krds-padding-4);
  width: 100%;
}
.sect .search_result .fieldset.mix .krds-check-area .select-box .krds-form-select {
  width: 100%;
}
.sect .sect_box.boxgap {
  padding: var(--krds-padding-5);
}
.sect .sect_box .list-map-result .item-result {
  padding: var(--krds-padding-3) var(--krds-padding-5);
  background-color: var(--krds-color-light-gray-80);
  border-radius: var(--krds-radius-medium1);
}
.sect .sect_box .list-map-result .item-result + .item-result {
  margin-top: var(--krds-padding-3);
}
.sect .sect_box .list-map-result .item-result .top-result {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: var(--krds-padding-3);
  border-bottom: 1px solid var(--krds-color-light-gray-70);
  font-size: var(--krds-pc-font-size-body-xsmall);
  padding-bottom: var(--krds-padding-3);
}
.sect .sect_box .list-map-result .item-result .top-result .num {
  height: 2.2rem;
  display: block;
  padding: 0 var(--krds-padding-5);
  border-radius: 10rem;
  background-color: var(--krds-color-light-secondary-70);
  color: var(--krds-color-light-gray-0);
  margin-right: 1rem;
}
.sect .sect_box .list-map-result .item-result .top-result strong {
  color: var(--krds-color-light-gray-0);
}
.sect .sect_box .list-map-result .item-result .bottom-result {
  margin-top: var(--krds-padding-3);
}
.sect .sect_box .list-map-result .item-result .bottom-result .list-address > li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.sect .sect_box .list-map-result .item-result .bottom-result .list-address > li + li {
  margin-top: 0.6rem;
}
.sect .sect_box .list-map-result .item-result .bottom-result .list-address > li span {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-0);
  display: inline-block;
}
.sect .sect_box .list-map-result .item-result .bottom-result .list-address > li span + span {
  color: var(--krds-light-color-alpha-base75);
}
.sect:last-child {
  margin-bottom: var(--krds-padding-5);
}
.sect .box-area.gap8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.sect .box-area .sub-title {
  color: var(--krds-color-light-gray-0);
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.sect .box-area .sub-title + .box {
  margin-top: var(--krds-padding-3);
}
.sect .box-area .flex-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: var(--krds-padding-2);
  gap: 0 var(--krds-padding-3);
}
.sect .box-area .flex-container + .sub-title {
  margin-top: var(--krds-padding-3);
}
.sect .box-area .flex-container .flex-item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-2);
  width: 50%;
}
.sect .box-area .flex-container .flex-item > .unit {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-0);
}
.sect .box-area .flex-container.bg-gray {
  background-color: var(--krds-color-light-gray-80);
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-3) var(--krds-padding-5);
}
.sect .box-area .flex-container.switch {
  background-color: var(--krds-color-light-gray-80);
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-3) var(--krds-padding-5);
  gap: var(--krds-padding-3) var(--krds-padding-8);
  flex-wrap: wrap;
}
.sect .box-area .flex-container.switch .flex-item {
  width: calc(50% - 1.2rem);
}
.sect .box-area .flex-container .range {
  align-self: flex-end;
  color: var(--krds-color-light-gray-0);
}
.sect .box-area .flex-container.column {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-padding-2) 0;
}
.sect .box-area .box {
  padding: var(--krds-padding-3) var(--krds-padding-5);
  border-radius: var(--krds-radius-medium1);
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-padding-3) 0;
}
.sect .box-area .box.bg-gray {
  background-color: var(--krds-color-light-gray-80);
}
.sect .box-area .box + .sub-title {
  margin-top: var(--krds-padding-3);
}
.sect .box-area .box .flex-cus {
  flex-wrap: wrap;
}
.sect .box-area .form-group.box-color {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: var(--krds-radius-small1);
  flex-shrink: 0;
}
.sect .box-area .form-group .form-conts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.sect .box-area .form-group .form-conts.row {
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
}
.sect .box-area .form-group .sch-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
}
.sect .box-area .form-group .sch-input .krds-input {
  background: var(--krds-high-contrast-color-surface-gray-subtler);
}
.sect .box-area .form-group .sch-input .ico-search_16 {
  position: absolute;
  right: 1.2rem;
}
.sect .box-area .form-group .sch-input .ico-search_16::before {
  content: "";
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("../images/PSS/ico-search_16.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.sect .box-area .form-group .flex-unit {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-2);
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-0);
}
.sect .box-area.bg-black {
  background-color: var(--krds-color-light-gray-100);
}
.sect .layer-group.is-expanded .layer-header .krds-form-check .title {
  color: var(--krds-color-light-gray-0);
}
.sect .layer-group .layer-header .krds-form-check .title {
  color: var(--krds-color-light-gray-30);
}
.sect .layer-group .layer-depth2.image-type {
  background-color: transparent;
  padding: 0;
}
.sect .layer-group .layer-depth2 .tit-img {
  font-size: var(--krds-pc-font-size-body-xsmall);
  color: var(--krds-color-light-gray-0);
  display: block;
  margin-bottom: var(--krds-padding-2);
}
.sect .layer-group .layer-depth2 .flex-container-image {
  background-color: var(--krds-color-light-gray-80);
  border-radius: var(--krds-radius-medium3);
  padding: var(--krds-padding-5) var(--krds-padding-4);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 0.6rem;
}
.sect .layer-group .layer-depth2 .flex-container-image .item-image {
  width: 7.9rem;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.sect .layer-group .layer-depth2 .flex-container-image .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.area-btn {
  margin-top: var(--krds-padding-5);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-3);
}
.area-btn > .krds-btn {
  width: 50%;
  flex: 1;
}
.area-btn + .sect {
  margin-top: 1.2rem;
}
.area-btn .group {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-3);
}

/*페이지네이션 영역*/
.krds-pagination {
  font-size: 1.5rem;
  margin-top: var(--krds-padding-3);
  color: var(--krds-light-color-text-basic-inverse);
  flex-wrap: wrap;
}
.krds-pagination .page-links .page-link {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
}
.krds-pagination .page-links .page-link.active {
  background-color: var(--krds-light-color-action-primary-active);
}
.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;
}
.krds-pagination .page-navi,
.krds-pagination .page-link {
  background-image: none;
}
.krds-pagination .page-navi:hover,
.krds-pagination .page-link:hover {
  background-color: var(--krds-color-light-primary-60);
  border: 1px solid var(--krds-color-light-primary-40);
}
.krds-pagination .page-navi:active,
.krds-pagination .page-link:active {
  background-color: var(--krds-color-light-primary-70);
  border: 1px solid var(--krds-color-light-primary-40);
}
.krds-pagination .page-navi:focus,
.krds-pagination .page-link:focus {
  background-color: var(--krds-color-light-primary-60);
  border: 1px solid var(--krds-color-light-primary-40);
}
.krds-pagination .page-navi {
  height: var(--krds-size-height-5);
}
.krds-pagination .page-navi.next {
  order: 1;
}
.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;
}
.krds-pagination .page-navi.prev {
  order: 1;
}
.krds-pagination .page-navi.prev::before {
  background: url(../images/common/ico/ico_arrow_white.svg) no-repeat center;
  width: 16px;
  height: 16px;
}
.krds-pagination .page-navi.disabled.next:after {
  background: url(../images/common/ico/ico_arrow_disabled.svg) no-repeat center;
  width: 16px;
  height: 16px;
}
.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;
}
.krds-pagination .link-search {
  display: none;
}

/* 두번째 탭 스타일 */
.sub-tab-area .list-subtab {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  color: var(--krds-color-light-gray-0);
  width: 100%;
}
.sub-tab-area .list-subtab > li {
  width: 50%;
  overflow: hidden;
  border-right: 1px solid var(--krds-color-light-gray-70);
}
.sub-tab-area .list-subtab > li.active > .btn-subtab {
  background-color: var(--krds-color-light-secondary-70);
  color: var(--krds-color-light-gray-0);
}
.sub-tab-area .list-subtab > li:first-child {
  border-radius: var(--krds-radius-medium1) 0 0 var(--krds-radius-medium1);
}
.sub-tab-area .list-subtab > li:first-child.active {
  border: none;
}
.sub-tab-area .list-subtab > li:last-child {
  border-right: unset;
  border-radius: 0 var(--krds-radius-medium1) var(--krds-radius-medium1) 0;
}
.sub-tab-area .list-subtab > li:last-child.active {
  border: none;
}
.sub-tab-area .list-subtab > li .btn-subtab {
  display: block;
  width: 100%;
  height: 3.6rem;
  background-color: var(--krds-color-light-gray-95);
  font-size: var(--krds-pc-font-size-label-small);
  color: var(--krds-color-light-gray-30);
}
.sub-tab-area .list-subtab:has(li:nth-child(2).active) li:first-child {
  border: none;
}
.sub-tab-area .list-subtab:has(li:nth-child(2).active) li:last-child {
  border: none;
}
.sub-tab-area .subtab-conts {
  margin-top: var(--krds-padding-5);
}
.sub-tab-area .subtab-conts .subtab-conts {
  display: none;
}
.sub-tab-area .subtab-conts .subtab-conts.active {
  display: block;
}
.sub-tab-area .subtab-conts .subtab-conts .title {
  color: var(--krds-color-light-gray-0);
  font-size: var(--krds-pc-font-size-body-small);
}
.sub-tab-area .subtab-conts .subtab-conts .title-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.sub-tab-area .subtab-conts .subtab-conts .title-box .title {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
}
.sub-tab-area .subtab-conts .subtab-conts .title-box .krds-btn {
  width: 5.2rem;
}
.sub-tab-area .subtab-conts .subtab-conts .title-box .btn-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-3);
}
.sub-tab-area .subtab-conts .subtab-conts .area-box {
  background-color: var(--krds-color-light-gray-95);
  border-radius: var(--krds-radius-medium1);
  padding: var(--krds-padding-5);
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-padding-3);
  flex-wrap: wrap;
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-wrap > .krds-btn {
  width: calc(50% - 0.4rem);
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-wrap .switch-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-padding-8);
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-sb {
  margin-top: var(--krds-padding-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-sb .tit {
  color: var(--krds-color-light-gray-0);
  font-size: var(--krds-pc-font-size-body-xsmall);
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-sb .btn-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-padding-3);
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-sb .form-group {
  width: 2.4rem;
  height: 2.4rem;
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-sb .form-group.box-color:has(.krds-input.color-picker[disabled]):before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/common/ico/ico-colorpicker-disabled.svg");
  background-size: cover;
}
.sub-tab-area .subtab-conts .subtab-conts .flex-container-sb .form-group.box-color:has(.krds-input.color-picker[disabled]) .krds-input.color-picker {
  display: none;
}

.krds-input.color-picker {
  padding: 0;
  outline: 1px solid var(--krds-light-color-alpha-base50);
  outline-offset: 0;
  background-color: transparent;
  border: none;
  border-radius: var(--krds-radius-small1);
}

/* 세번째 탭 스타일 */
.thirdtab-area .list-thirdtab {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0 var(--krds-padding-2);
  margin-bottom: var(--krds-padding-5);
}
.thirdtab-area .list-thirdtab > li {
  flex: 1;
}
.thirdtab-area .list-thirdtab > li.active .btn-thirdtab {
  background-color: var(--krds-color-light-secondary-70);
  color: var(--krds-color-light-gray-0);
}
.thirdtab-area .list-thirdtab .btn-thirdtab {
  width: 100%;
  display: block;
  height: 2.4rem;
  font-weight: bold;
  padding: 0 0.7rem;
  background-color: var(--krds-color-light-gray-100);
  color: var(--krds-color-light-gray-40);
  font-size: var(--krds-pc-font-size-body-xsmall);
  border-radius: var(--krds-radius-medium1);
  white-space: nowrap;
}
.thirdtab-area .thirdtab-conts .thridtab-conts {
  display: none;
}
.thirdtab-area .thirdtab-conts .thridtab-conts.active {
  display: block;
}
.thirdtab-area .thirdtab-conts .thridtab-conts .table-view .tit {
  display: block;
  color: var(--krds-color-light-gray-0);
  font-size: var(--krds-pc-font-size-label-small);
  margin-bottom: var(--krds-padding-3);
}
.thirdtab-area .thirdtab-conts .thridtab-conts .krds-table-wrap.gap4 .tbl.data tbody td, .thirdtab-area .thirdtab-conts .thridtab-conts .krds-table-wrap.gap4 .tbl.data tbody th {
  padding: 0.4rem 0.6rem;
}
.thirdtab-area .thirdtab-conts .thridtab-conts .krds-table-wrap .filter-btn {
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--krds-color-light-gray-100);
  border: 1px solid var(--krds-light-color-alpha-base50);
  border-radius: var(--krds-radius-small2);
}
.thirdtab-area .thirdtab-conts .thridtab-conts .krds-table-wrap .filter-btn:hover {
  border: 1px solid var(--krds-color-light-primary-40);
  background-color: var(--krds-color-light-primary-50);
}
.thirdtab-area .thirdtab-conts .thridtab-conts .krds-table-wrap .filter-btn:hover .ico-datefilter {
  background: url("../images/common/ico/ico-datefilter-hover.svg") center;
}

.filter-btn {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--krds-color-light-primary-40);
  background-color: var(--krds-color-light-primary-50);
}
.filter-btn:hover, .filter-btn:active, .filter-btn:focus, .filter-btn.on {
  background-color: var(--krds-color-light-primary-60);
}

.krds-table-wrap .tbl .btn-trash {
  width: 1.6rem;
  height: 1.6rem;
}
.krds-table-wrap .tbl .btn-trash:hover .ico-trash {
  background-image: url("../images/common/ico/ico-trash-hover.svg");
}
.krds-table-wrap.rowtable .tbl tbody tr th {
  background-color: var(--krds-color-light-gray-95);
}
.krds-table-wrap.rowtable .tbl tbody tr:hover th {
  background-color: var(--krds-color-light-gray-95);
}
.krds-table-wrap.rowtable .tbl tbody tr:hover td {
  background-color: var(--krds-color-light-gray-80);
}

.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/common/ico/ico-switch_off.svg");
}
.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/common/ico/ico-switch_on.svg");
  margin-left: 0;
}
.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 .switch-toggle {
  width: 3.6rem;
  position: relative;
  height: 2rem;
}
.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-select {
  width: 100%;
  border: 1px solid var(--krds-color-light-gray-60);
  background: var(--krds-light-color-surface-inverse) url(../images/common/ico/ico_angle.svg) no-repeat right 8px center !important;
  color: var(--krds-color-light-gray-50);
  padding: 1.2rem;
}
.krds-form-select option {
  color: var(--krds-color-light-gray-50);
}
.krds-form-select:focus {
  border-color: var(--krds-light-color-focus);
  color: var(--krds-light-color-surface-white);
}
.krds-form-select.is-error {
  border-color: var(--krds-light-color-error);
}
.krds-form-select[disabled] {
  height: 40px;
  background-position: center right var(--krds-form-select--padding-default);
  background-color: var(--krds-color-light-gray-70) !important;
  border-color: var(--krds-color-light-gray-70);
}
.krds-form-select.small {
  height: 32px;
  border-radius: var(--krds-radius-small1);
  padding: 0 var(--krds-form-select--padding-right-small) 0 1.2rem;
}

.icon.ico-delete-size {
  display: block;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico/ico-delete-size.svg") center;
}

/* 공통팝업 위치 수정*/
.krds-modal.integrated-search {
  transform: translate(0%, 0%);
  right: 1.6rem;
  z-index: 91;
}