@charset "UTF-8";
/* === 에어커맨드 ============== */
.has-map {
  overflow: hidden;
}
.has-map body {
  overflow: hidden;
}

.map-context-menu-wrapper {
  display: none;
  position: fixed;
  width: 30rem;
  height: 30rem;
  outline: 4px solid var(--krds-color-high-contrast-gray-0);
  border-radius: 50%;
  z-index: 9999;
  overflow: hidden;
  box-shadow: 0px 0px 11px var(--krds-color-high-contrast-gray-100);
  transition: transform 0.3s ease-in-out;
  transform-origin: center center;
}
.map-context-menu-wrapper.drone .pos-1 .map-context-half-button-inner {
  min-width: 14.5rem;
}
.map-context-menu-wrapper.drone .pos-1 .map-context-half-icon {
  background-image: url("../images/common/context/drone/ico-drone-01.svg");
}
.map-context-menu-wrapper.drone .pos-2 .map-context-half-button-inner {
  min-width: 14.5rem;
}
.map-context-menu-wrapper.drone .pos-2 .map-context-half-icon {
  background-image: url("../images/common/context/drone/ico-drone-02.svg");
}
.map-context-menu-wrapper.drone .pos-3::before {
  background-image: url("../images/common/context/drone/ico-drone-03.svg");
}
.map-context-menu-wrapper.drone .pos-4 .map-context-half-button-inner {
  min-width: 15rem;
}
.map-context-menu-wrapper.drone .pos-4 .map-context-half-icon {
  background-image: url("../images/common/context/drone/ico-drone-04.svg");
}
.map-context-menu-wrapper.drone .pos-5 .map-context-half-button-inner {
  min-width: 15rem;
}
.map-context-menu-wrapper.drone .pos-5 .map-context-half-icon {
  background-image: url("../images/common/context/drone/ico-drone-05.svg");
}
.map-context-menu-wrapper.por-land .pos-1 .map-context-half-icon {
  background-image: url("../images/common/context/porLand/ico-por-land-01.svg");
}
.map-context-menu-wrapper.por-land .pos-2 .map-context-half-icon {
  background-image: url("../images/common/context/porLand/ico-por-land-02.svg");
}
.map-context-menu-wrapper.por-land .pos-3::before {
  background-image: url("../images/common/context/porLand/ico-por-land-03.svg");
}
.map-context-menu-wrapper.por-land .pos-4 .map-context-half-button-inner {
  min-width: 16rem;
}
.map-context-menu-wrapper.por-land .pos-4 .map-context-half-icon {
  background-image: url("../images/common/context/porLand/ico-por-land-04.svg");
}
.map-context-menu-wrapper.por-land .pos-5 .map-context-half-button-inner {
  min-width: 19rem;
}
.map-context-menu-wrapper.por-land .pos-5 .map-context-half-icon {
  background-image: url("../images/common/context/porLand/ico-por-land-05.svg");
}
.map-context-menu-wrapper.common .pos-1 .map-context-half-icon {
  background-image: url("../images/common/context/commonIcons/ico-common-01.svg");
}
.map-context-menu-wrapper.common .pos-2 .map-context-half-icon {
  background-image: url("../images/common/context/commonIcons/ico-common-02.svg");
}
.map-context-menu-wrapper.common .pos-3::before {
  background-image: url("../images/common/context/commonIcons/ico-common-03.svg");
}
.map-context-menu-wrapper.common .pos-4 .map-context-half-icon {
  background-image: url("../images/common/context/commonIcons/ico-common-04.svg");
}
.map-context-menu-wrapper.common .pos-5 .map-context-half-icon {
  background-image: url("../images/common/context/commonIcons/ico-common-05.svg");
}
.map-context-menu-wrapper.half {
  display: flex;
  margin-top: -40px;
  align-items: center;
  justify-content: center;
  width: 0;
  height: 0rem;
  outline: 0;
  box-shadow: none;
  transform-origin: unset;
  overflow: unset;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s ease-in-out;
}
.map-context-menu-wrapper.half .map-context-close-button {
  border: 0;
}
.map-context-menu-wrapper.half.marker-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.map-context-menu-wrapper.half.marker-active::before {
  opacity: 1;
}
.map-context-menu-wrapper.item-4 .map-context-button, .map-context-menu-wrapper.item-5 .map-context-button, .map-context-menu-wrapper.item-6 .map-context-button, .map-context-menu-wrapper.item-7 .map-context-button {
  transform: skew(0) rotate(0);
}
.map-context-menu-wrapper.item-4 .map-context-item:first-child .map-context-contents {
  bottom: 60px;
  left: 50px;
}
.map-context-menu-wrapper.item-4 .map-context-item:nth-child(2) .map-context-contents {
  top: 70px;
  left: 50px;
}
.map-context-menu-wrapper.item-4 .map-context-item:nth-child(3) .map-context-contents {
  top: 70px;
  left: 180px;
}
.map-context-menu-wrapper.item-4 .map-context-item:nth-child(4) .map-context-contents {
  bottom: 60px;
  left: 180px;
}
.map-context-menu-wrapper.item-5 .map-context-item:first-child .map-context-contents {
  top: 155px;
  left: 25px;
}
.map-context-menu-wrapper.item-5 .map-context-item:nth-child(2) .map-context-contents {
  top: 50px;
  left: 58px;
}
.map-context-menu-wrapper.item-5 .map-context-item:nth-child(3) .map-context-contents {
  top: 50px;
  left: 175px;
}
.map-context-menu-wrapper.item-5 .map-context-item:nth-child(4) .map-context-contents {
  top: 160px;
  right: 20px;
}
.map-context-menu-wrapper.item-5 .map-context-item:nth-child(5) .map-context-contents {
  bottom: 30px;
  left: 120px;
}
.map-context-menu-wrapper.item-6 .map-context-item:first-child .map-context-contents {
  top: 215px;
  left: 65px;
}
.map-context-menu-wrapper.item-6 .map-context-item:nth-child(2) .map-context-contents {
  top: 125px;
  left: 25px;
}
.map-context-menu-wrapper.item-6 .map-context-item:nth-child(3) .map-context-contents {
  top: 40px;
  left: 70px;
}
.map-context-menu-wrapper.item-6 .map-context-item:nth-child(4) .map-context-contents {
  top: 40px;
  left: 170px;
}
.map-context-menu-wrapper.item-6 .map-context-item:nth-child(5) .map-context-contents {
  top: 125px;
  left: 210px;
}
.map-context-menu-wrapper.item-6 .map-context-item:nth-child(6) .map-context-contents {
  top: 215px;
  left: 170px;
}
.map-context-menu-wrapper.item-7 .map-context-item:first-child .map-context-contents {
  top: 200px;
  left: 30px;
}
.map-context-menu-wrapper.item-7 .map-context-item:nth-child(2) .map-context-contents {
  top: 105px;
  left: 20px;
}
.map-context-menu-wrapper.item-7 .map-context-item:nth-child(3) .map-context-contents {
  top: 36px;
  left: 77px;
}
.map-context-menu-wrapper.item-7 .map-context-item:nth-child(4) .map-context-contents {
  top: 36px;
  right: 70px;
}
.map-context-menu-wrapper.item-7 .map-context-item:nth-child(5) .map-context-contents {
  right: 19px;
  top: 106px;
}
.map-context-menu-wrapper.item-7 .map-context-item:nth-child(6) .map-context-contents {
  bottom: 65px;
  right: 33px;
}
.map-context-menu-wrapper.item-7 .map-context-item:nth-child(7) .map-context-contents {
  bottom: 30px;
  right: 115px;
}
.map-context-menu-wrapper.item-8 .map-context-item:first-child .map-context-contents {
  bottom: 28px;
  left: 77px;
}
.map-context-menu-wrapper.item-8 .map-context-item:nth-child(2) .map-context-contents {
  top: 168px;
  left: 24px;
}
.map-context-menu-wrapper.item-8 .map-context-item:nth-child(3) .map-context-contents {
  top: 86px;
  left: 20px;
}
.map-context-menu-wrapper.item-8 .map-context-item:nth-child(4) .map-context-contents {
  top: 31px;
  left: 82px;
}
.map-context-menu-wrapper.item-8 .map-context-item:nth-child(5) .map-context-contents {
  top: 31px;
  right: 76px;
}
.map-context-menu-wrapper.item-8 .map-context-item:nth-child(6) .map-context-contents {
  top: 85px;
  right: 19px;
}
.map-context-menu-wrapper.item-8 .map-context-item:nth-child(7) .map-context-contents {
  top: 170px;
  right: 17px;
}
.map-context-menu-wrapper.item-8 .map-context-item:nth-child(8) .map-context-contents {
  bottom: 28px;
  right: 73px;
}

.map-context-list {
  position: relative;
  width: 100%;
  height: 100%;
}

.map-context-item {
  transition: 0.3s ease-in-out;
  transform-origin: center center;
}

.map-context-rotate-item {
  position: absolute;
  overflow: hidden;
  width: 15rem;
  height: 15rem;
  transform-origin: 100% 100%;
  border: 1px solid var(--krds-color-high-contrast-gray-0);
  transition: 0.3s ease-in-out;
}
.map-context-rotate-item:hover .map-context-button {
  background-color: var(--krds-color-high-contrast-gray-100);
}

.map-context-button {
  position: absolute;
  right: -150px;
  bottom: -150px;
  display: block;
  border-radius: 50%;
  width: 30rem;
  height: 30rem;
  transform: skew(-45deg) rotate(-67.5deg);
  backface-visibility: hidden;
  background-color: var(--krds-color-high-contrast-gray-90);
}

.map-context-contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  min-width: 65px;
  pointer-events: none;
  z-index: 100;
}

.map-context-text {
  text-align: center;
  display: block;
  font-size: 1.2rem;
  color: var(--krds-color-high-contrast-gray-0);
}

.map-context-close-area {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.map-context-close-button {
  width: 6rem;
  height: 6rem;
  border-radius: 9999px;
  border: 0.4rem solid var(--krds-color-high-contrast-gray-0);
  box-shadow: inset 0px 0px 5px var(--krds-color-high-contrast-gray-100);
  background: var(--krds-color-high-contrast-gray-80) url("../images/common/ico/ico-bot-modal-close-fff.svg") no-repeat center;
  background-size: 2rem;
}
.map-context-close-button:hover {
  background-color: var(--krds-color-light-danger-50);
}

.map-context-half-item:nth-child(3) .map-context-half-button::before {
  display: block;
}

.map-context-half-button {
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 1.6rem;
  border-radius: 9999px;
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0);
  background-repeat: no-repeat;
  background-position: center center;
  transition: 1s !important;
}
.map-context-half-button:focus {
  outline: 0;
  box-shadow: none;
}
.map-context-half-button:focus-visible {
  outline: 0.2rem solid var(--krds-light-color-border-inverse);
  outline-offset: 0;
  box-shadow: var(--krds-box-shadow-outline);
  transition: outline 0s, box-shadow 0s !important;
}
.map-context-half-button::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  border: 2px solid var(--krds-color-high-contrast-gray-0);
  background-color: var(--krds-color-light-primary-40);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 9999px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.map-context-half-button.pos-1 {
  transform: translate3d(-70px, 0, 0) scale(1);
}
.map-context-half-button.pos-1 ~ .map-context-popup {
  right: 1rem;
  bottom: 3.2rem;
}
.map-context-half-button.pos-2 {
  transform: translate3d(-45px, -45px, 0) scale(1);
}
.map-context-half-button.pos-2 ~ .map-context-popup {
  bottom: 9rem;
  right: 0;
}
.map-context-half-button.pos-3 {
  transform: translate3d(0, -70px, 0) scale(1);
}
.map-context-half-button.pos-3 ~ .map-context-popup {
  bottom: 19rem;
  left: 50%;
  transform: translateX(-50%);
}
.map-context-half-button.pos-3 .map-context-half-icon {
  right: auto;
  left: 3px;
}
.map-context-half-button.pos-4 {
  transform: translate3d(45px, -45px, 0) scale(1);
}
.map-context-half-button.pos-4 ~ .map-context-popup {
  bottom: 9rem;
  left: 2.2rem;
}
.map-context-half-button.pos-5 {
  transform: translate3d(70px, 0, 0) scale(1);
}
.map-context-half-button.pos-5 ~ .map-context-popup {
  left: 5rem;
  bottom: 3.2rem;
}
.map-context-half-button.pos-4 .map-context-half-button-inner, .map-context-half-button.pos-5 .map-context-half-button-inner {
  right: auto;
  left: 0;
}
.map-context-half-button.pos-4 .map-context-half-icon, .map-context-half-button.pos-5 .map-context-half-icon {
  right: auto;
  left: 3px;
}

.map-context-half-button-text {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
  transition: 0.5s ease-in-out;
  white-space: nowrap;
}

.map-context-half-button-inner {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 4.8rem;
  height: 4.8rem;
  border-radius: 2.4rem;
  border: 1px solid var(--krds-color-light-primary-40);
  transition: 0.5s ease-in-out;
  transition-property: min-width, opacity, z-index, visibility, background-color;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1803921569);
  background-color: rgba(255, 255, 255, 0.7490196078);
}

.map-context-menu-title {
  position: absolute;
  bottom: -64px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  border-radius: 1.45rem;
  font-size: 1.7rem;
  color: var(--krds-color-high-contrast-gray-0);
  font-weight: 700;
  padding: 0 1.8rem;
  background-color: rgba(0, 0, 0, 0.9);
}

.map-context-half-list {
  position: absolute;
  top: 110px;
}

.map-context-half-con {
  position: relative;
}

.map-context-half-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--krds-color-high-contrast-gray-100);
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.map-context-half-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-context-half-item:first-child .map-context-half-button-text, .map-context-half-item:nth-child(2) .map-context-half-button-text {
  margin-right: 2.6rem;
}
.map-context-half-item:nth-child(4) .map-context-half-button-text, .map-context-half-item:last-child .map-context-half-button-text {
  margin-left: 2.6rem;
}
.map-context-half-item .map-context-half-button-inner {
  opacity: 1;
  visibility: visible;
  z-index: 0;
  min-width: 13.6rem;
}
.map-context-half-item .map-context-half-icon {
  border: 2px solid var(--krds-color-high-contrast-gray-0);
  background-color: var(--krds-color-light-primary-40);
}
.map-context-half-item .map_context_tooltip {
  display: none;
}
.map-context-half-item .pos-4 .map-context-half-button-text {
  left: 60px;
}
.map-context-half-item .pos-5 .map-context-half-button-text {
  left: 60px;
}
.map-context-half-item.active {
  z-index: 10;
}
.map-context-half-item.active .map-context-popup {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 10;
}
.map-context-half-item.active .map-context-half-button-inner {
  background-color: var(--krds-color-light-primary-40);
}
.map-context-half-item.active .map-context-half-button-text {
  color: var(--krds-color-high-contrast-gray-0);
}
.map-context-half-item .pos-1 ~ .map_context_tooltip {
  transform: none;
  top: -10px;
  right: 120px;
}
.map-context-half-item .pos-1 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-01.svg");
}
.map-context-half-item .pos-2 ~ .map_context_tooltip {
  top: -54px;
  right: 97px;
}
.map-context-half-item .pos-2 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-02.svg");
}
.map-context-half-item .pos-3 .map-context-half-button-inner {
  top: -53px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.map-context-half-item .pos-3 ~ .map_context_tooltip {
  top: -150px;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
.map-context-half-item .pos-3 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-03.svg");
}
.map-context-half-item .pos-4 ~ .map_context_tooltip {
  top: -54px;
  left: 97px;
}
.map-context-half-item .pos-4 .map-context-half-button-text {
  right: auto;
  left: 55px;
}
.map-context-half-item .pos-4 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-04.svg");
}
.map-context-half-item .pos-5 ~ .map_context_tooltip {
  transform: none;
  right: auto;
  top: -10px;
  left: 120px;
}
.map-context-half-item .pos-5 .map-context-half-button-text {
  right: auto;
  left: 55px;
}
.map-context-half-item .pos-5 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-05.svg");
}
.map-context-half-item .b-type-icon-1 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-b-type-01.png");
}
.map-context-half-item .b-type-icon-2 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-b-type-02.png");
}
.map-context-half-item .b-type-icon-3 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-b-type-03.png");
}
.map-context-half-item .b-type-icon-4 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-b-type-04.png");
}
.map-context-half-item .b-type-icon-5 .map-context-half-icon {
  background-image: url("../images/common/context/ico-context-b-type-05.png");
}
.map-context-half-item:hover .map_context_tooltip {
  opacity: 1;
  width: fit-content;
  visibility: visible;
  transition: all 0.4s;
  z-index: 10;
}

.map_context_tooltip {
  position: absolute;
  border-radius: var(--krds-radius-small1);
  right: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--krds-light-color-alpha-inverse100);
  padding: 5px 8px;
  color: #fff;
  width: 0;
  font-size: var(--krds-pc-font-size-label-xxsmall);
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}
.map_context_tooltip::before, .map_context_tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: var(--krds-light-color-alpha-inverse100);
  border-right: 0;
}
.map_context_tooltip.top::before {
  top: auto;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--krds-light-color-alpha-inverse100);
}
.map_context_tooltip.top::after {
  display: none;
}
.map_context_tooltip.bottom::before {
  display: none;
}
.map_context_tooltip.bottom::after {
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid var(--krds-light-color-alpha-inverse100);
}
.map_context_tooltip.left::before {
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid var(--krds-light-color-alpha-inverse100);
}
.map_context_tooltip.left::after {
  display: none;
}
.map_context_tooltip.right::after {
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
}
.map_context_tooltip.right::before {
  display: none;
}

.map-context-popup {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  transition: 0.5s ease-in-out;
  position: absolute;
  padding: 1.6rem 3.2rem 1.2rem 3.2rem;
  border: 1px solid var(--krds-color-high-contrast-gray-100);
  border-radius: 9999px;
  backdrop-filter: blur(4px);
  background-color: rgba(19, 20, 22, 0.8);
  z-index: 100;
}
.map-context-popup::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--krds-color-high-contrast-gray-100);
}

.map-context-popup-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 2rem;
  overflow: hidden;
}

.map-context-popup-item {
  width: 4rem;
}
.map-context-popup-item:nth-child(1) .map-context-popup-link {
  transition-delay: 0s;
}
.map-context-popup-item:nth-child(2) .map-context-popup-link {
  transition-delay: 0.1s;
}
.map-context-popup-item:nth-child(3) .map-context-popup-link {
  transition-delay: 0.2s;
}

.map-context-popup-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.4rem;
  font-size: 1.3rem;
  color: var(--krds-color-high-contrast-gray-0) !important;
  transform: translateY(-60px);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
  transition-property: transform, opacity, visibility;
}
.map-context-popup-link img {
  border-radius: 50%;
}
.map-context-popup-link.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.map-context-popup-link:hover {
  font-weight: bold;
}
.map-context-popup-link:focus {
  outline-offset: -2px;
}
.map-context-popup-link::before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.map-context-pin-image-area::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -32px;
  width: 70px;
  height: 94px;
  background: url("../images/common/ico/ico-pinlet-marker.png") no-repeat center;
}

.map-context-pin-image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -46px;
  width: 48px;
  height: 48px;
  display: flex;
  z-index: 1;
}

.has-context-menu {
  position: absolute;
  z-index: 4;
}

.global-context-wrap .map-context-menu-wrapper.half,
.marker-item .map-context-menu-wrapper.half {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
}
.global-context-wrap .map-context-half-list,
.marker-item .map-context-half-list {
  position: relative;
  top: auto;
  width: 100%;
  height: 100%;
}

.marker-item {
  position: relative;
}
.marker-item .map-context-menu-wrapper.half {
  transform: translate(-50%, -50%);
}
.marker-item .marker {
  position: static;
  transform: none;
}
.marker-item .marker:focus {
  outline-offset: -2px;
  outline: 2px solid var(--krds-color-high-contrast-gray-100);
  box-shadow: none;
  border-radius: 4px;
}

.krds-modal[class*=context-in] {
  transform: scale(0);
  display: block;
  pointer-events: none;
  transition: 0.3s ease-in-out;
  transform-origin: center center;
  width: fit-content;
  height: fit-content;
}
.krds-modal[class*=context-in] .modal-dialog {
  margin: 0;
  height: auto;
}
.krds-modal.context-in-achievement-view-modal .list-wrap + .box-area {
  width: calc(100% - 312px);
}
.krds-modal.context-in-info-modal {
  left: calc(55% - 580px);
  top: calc(70% - 430px);
}
.krds-modal.context-in-info-modal2 {
  left: calc(75% - 590px);
  top: calc(95% - 610px);
}
.krds-modal.context-in-drone-modal {
  left: calc(55% - 580px);
  top: calc(70% - 470px);
}
.krds-modal.context-in-drone-modal2 {
  left: calc(75% - 590px);
  top: calc(95% - 610px);
}
.krds-modal.siblings {
  left: auto;
  top: auto;
}
.krds-modal.context-in-modal-active {
  opacity: 1;
  visibility: visible;
  z-index: 30;
  transform: scale(1) !important;
  pointer-events: auto;
}

/* ipd css 공통화 */
.marker-wrap.size-30x36 .marker {
  width: 3rem;
  height: 3.6rem;
}
.marker-wrap.size-30x36 .svg-icon {
  min-width: 3rem;
  min-height: 3.6rem;
  background-size: 3rem 3.6rem;
}

.svg-icon.marker-building01 {
  background: url("../images/common/ico/ico-marker-building01.svg") no-repeat center;
}
.svg-icon.marker-building02 {
  background: url("../images/common/ico/ico-marker-building02.svg") no-repeat center;
}
.svg-icon.marker-building03 {
  background: url("../images/common/ico/ico-marker-building03.svg") no-repeat center;
}
.svg-icon.marker-building04 {
  background: url("../images/common/ico/ico-marker-building04.svg") no-repeat center;
}
.svg-icon.marker-building05 {
  background: url("../images/common/ico/ico-marker-building05.svg") no-repeat center;
}

[class*=context-in].krds-modal .modal-dialog .conts-text .box_bg.break-item dl dt {
  width: auto;
}
[class*=context-in].krds-modal .modal-dialog .conts-text .box_bg.break-item dl dd {
  word-break: break-all;
}
[class*=context-in] .krds-pagination {
  font-size: 1.5rem;
  margin-top: var(--krds-padding-3);
  color: var(--krds-light-color-text-basic-inverse);
  flex-wrap: wrap;
}
[class*=context-in] .krds-pagination.small {
  column-gap: 0.8rem;
  row-gap: 0.4rem;
}
[class*=context-in] .krds-pagination .page-links {
  width: 100%;
}
[class*=context-in] .krds-pagination .page-navi,
[class*=context-in] .krds-pagination .page-link {
  border: 1px solid transparent;
}
[class*=context-in] .krds-pagination .page-navi:hover,
[class*=context-in] .krds-pagination .page-link:hover {
  border: 1px solid var(--krds-color-light-primary-40);
}
[class*=context-in] .krds-pagination .page-navi {
  font-size: var(--krds-pc-font-size-body-xsmall);
}
[class*=context-in] .krds-pagination .page-navi.next {
  order: 1;
}
[class*=context-in] .krds-pagination .page-navi.disabled {
  pointer-events: none;
}
[class*=context-in] .krds-pagination .page-links .page-link {
  font-size: 1.3rem;
}

.global-context-wrap {
  top: 0;
  left: 0;
  pointer-events: none;
  visibility: hidden;
}
.global-context-wrap .map-context-menu-wrapper.half {
  transition-property: opacity, visibility;
}
.global-context-wrap.active {
  pointer-events: auto;
  visibility: visible;
}
.global-context-wrap.active .map-context-menu-wrapper.half {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal-img-area img {
  border-radius: 8px;
  aspect-ratio: 16/9;
}

/* --- */
@media (max-width: 1200px) {
  .modal-img-area img {
    width: 100%;
  }
  .krds-modal[id*=DRM][class*=context-in] .w1200 {
    width: 100% !important;
  }
  .krds-modal.no-head-bg[class*=context-in][role=dialog] .modal-dialog .modal-content {
    transform: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity, visibility;
  }
  .krds-modal.no-head-bg[class*=context-in].context-in-modal-active[class*=context-in][role=dialog] .modal-dialog .modal-content {
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .krds-modal[class*=context-in] {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: calc(100% - 95px);
    opacity: 1;
    visibility: visible;
    z-index: 30;
  }
  .krds-modal[class*=context-in] .modal-conts {
    max-height: calc(100vh - 320px);
  }
  .krds-modal[class*=context-in].siblings {
    left: 0;
  }
  .krds-modal[class*=context-in][role=dialog] .modal-dialog .modal-content {
    position: static;
    transform: translateY(1000px);
    width: 100%;
  }
  .krds-modal[class*=context-in] .modal-back {
    display: block;
    opacity: 0;
    visibility: hidden;
  }
  .krds-modal.context-in-modal-active[class*=context-in] .modal-dialog .modal-content {
    transform: translateY(0px);
    transition-delay: 0.1s;
  }
  .krds-modal.context-in-modal-active[class*=context-in] .modal-back {
    opacity: 1;
    visibility: visible;
  }
  .krds-modal[class*=context-in] {
    width: 100%;
    height: 100%;
    transform: scale(1);
  }
  .krds-modal[class*=context-in].context-in-info-modal {
    left: 0;
    top: auto;
  }
  .krds-modal[class*=context-in] .modal-dialog {
    padding: 0;
    align-items: flex-end;
    height: calc(100% - 32px);
  }
  .krds-modal[class*=context-in] .modal-content {
    border-radius: var(--krds-modal--wrap-radius) var(--krds-modal--wrap-radius) 0 0;
    transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@keyframes rotateZoomOut {
  /* 시작: 거의 안 보임 */
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }
  /* 등장 */
  15% {
    opacity: 0.5;
  }
  /* 회전하면서 확대 */
  60% {
    transform: scale(1) rotate(360deg);
    opacity: 1;
  }
  /* 잠깐 유지 */
  80% {
    transform: scale(1) rotate(360deg);
    opacity: 1;
  }
  /* 사라짐 */
  100% {
    transform: scale(1) rotate(420deg);
    opacity: 0;
  }
}
/* 1. @property가 지원되지 않는 브라우저를 위한 대비 */
/* (지원 안 하면 그냥 이미지가 100%로 보임 - 기능 고장은 아님) */
@property --angle {
  syntax: "<angle>";
  initial-value: 360deg;
  inherits: false;
}
/*common_aircommands1 스타일 추가 */
.map-context-half-button {
  transition: 1s !important;
}

/*common_aircommands1 스타일 추가 */
.fade-circle.fade-out:after {
  animation: fadeOut 0.8s forwards;
}
.fade-circle:after {
  content: "";
  width: 154px;
  height: 154px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: -98px;
  left: -76px;
  z-index: -1;
  mask-image: conic-gradient(from 120deg, #000 0deg, #000 var(--angle), transparent var(--angle));
  transform: rotate(0deg) scaleX(1);
  animation: fadeCircle 1.6s forwards; /*common_aircommands1 스타일 추가 */
  animation-delay: 0.3s;
}

@keyframes fadeCircle {
  0% {
    --angle: 0deg;
    opacity: 0;
  }
  50% {
    --angle: 360deg;
    opacity: 1;
    background: url("data:image/svg+xml,%3Csvg width='154' height='154' viewBox='0 0 154 154' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3141 114.288C89.1028 126.719 118.544 131.028 146 116.209C129.085 144.31 95.0302 159.732 60.8918 152.021C18.6732 142.499 -7.69239 101.171 2.00949 59.734C11.4038 19.6689 51.0501 -5.82462 91.8148 1.14561C91.8148 1.14561 107.808 3.86236 116.028 17.7479C119.131 22.7423 121.592 28.56 123.185 35.1186V35.2833C125.142 44.0647 125.17 53.3674 122.989 62.6976C119.606 77.1046 111.33 90.5786 100.566 97.7958L100.51 97.8507C104.257 94.0637 106.997 89.2339 108.311 83.7181C112.113 67.5274 101.796 51.3916 85.3283 47.687C68.8323 43.9549 52.3922 54.0535 48.5897 70.2716C47.4993 74.9367 47.3315 79.6018 48.2542 83.9651C48.2542 83.9651 51.162 102.241 70.2862 114.288H70.3141Z' fill='%230070BD'/%3E%3C/svg%3E%0A") no-repeat center/154px;
  }
  75% {
    background: url("data:image/svg+xml,%3Csvg width='154' height='154' viewBox='0 0 154 154' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3141 114.288C89.1028 126.719 118.544 131.028 146 116.209C129.085 144.31 95.0302 159.732 60.8918 152.021C18.6732 142.499 -7.69239 101.171 2.00949 59.734C11.4038 19.6689 51.0501 -5.82462 91.8148 1.14561C91.8148 1.14561 107.808 3.86236 116.028 17.7479C119.131 22.7423 121.592 28.56 123.185 35.1186V35.2833C125.142 44.0647 125.17 53.3674 122.989 62.6976C119.606 77.1046 111.33 90.5786 100.566 97.7958L100.51 97.8507C104.257 94.0637 106.997 89.2339 108.311 83.7181C112.113 67.5274 101.796 51.3916 85.3283 47.687C68.8323 43.9549 52.3922 54.0535 48.5897 70.2716C47.4993 74.9367 47.3315 79.6018 48.2542 83.9651C48.2542 83.9651 51.162 102.241 70.2862 114.288H70.3141Z' fill='%230070BD'/%3E%3Cpath d='M80.0273 107.815C109.431 110.242 137.029 88.4811 143.867 61.0844C143.867 61.0844 145.918 52.4358 146 46.047C146 46.047 139.873 29.6704 123.216 16C129.671 28.945 131.859 44.2057 128.44 59.4663C123.216 82.6223 106.34 99.9195 85.6071 106.448C83.8566 106.978 81.9146 107.48 80 107.787L80.0273 107.815Z' fill='%2300A7AC'/%3E%3C/svg%3E%0A") no-repeat center/154px;
  }
  100% {
    background: url("data:image/svg+xml,%3Csvg width='154' height='154' viewBox='0 0 154 154' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3141 114.288C89.1028 126.719 118.544 131.028 146 116.209C129.085 144.31 95.0302 159.732 60.8918 152.021C18.6732 142.499 -7.69239 101.171 2.00949 59.734C11.4038 19.6689 51.0501 -5.82462 91.8148 1.14561C91.8148 1.14561 107.808 3.86236 116.028 17.7479C119.131 22.7423 121.592 28.56 123.185 35.1186V35.2833C125.142 44.0647 125.17 53.3674 122.989 62.6976C119.606 77.1046 111.33 90.5786 100.566 97.7958L100.51 97.8507C104.257 94.0637 106.997 89.2339 108.311 83.7181C112.113 67.5274 101.796 51.3916 85.3283 47.687C68.8323 43.9549 52.3922 54.0535 48.5897 70.2716C47.4993 74.9367 47.3315 79.6018 48.2542 83.9651C48.2542 83.9651 51.162 102.241 70.2862 114.288H70.3141Z' fill='%230070BD'/%3E%3Cpath d='M61.0278 103.403C68.046 107.318 76.4846 109.067 76.4846 109.067C95.6176 113.482 114.862 108.678 129.455 97.7658L129.539 97.6825C136.056 93.1009 141.821 87.2143 146.416 80.1614C149.368 75.6353 151.68 70.8871 153.379 66C155.523 85.4371 151.429 96.433 151.429 96.433C146.026 102.847 140.4 106.735 140.4 106.735C125.863 117.453 107.092 121.674 88.0981 117.286C88.0981 117.286 71.6944 113.871 61 103.375L61.0278 103.403Z' fill='%2300A7AC'/%3E%3Cpath d='M80.0273 107.815C109.431 110.242 137.029 88.4811 143.867 61.0844C143.867 61.0844 145.918 52.4358 146 46.047C146 46.047 139.873 29.6704 123.216 16C129.671 28.945 131.859 44.2057 128.44 59.4663C123.216 82.6223 106.34 99.9195 85.6071 106.448C83.8566 106.978 81.9146 107.48 80 107.787L80.0273 107.815Z' fill='%2300A7AC'/%3E%3C/svg%3E%0A") no-repeat center/154px;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    background: url("data:image/svg+xml,%3Csvg width='154' height='154' viewBox='0 0 154 154' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3141 114.288C89.1028 126.719 118.544 131.028 146 116.209C129.085 144.31 95.0302 159.732 60.8918 152.021C18.6732 142.499 -7.69239 101.171 2.00949 59.734C11.4038 19.6689 51.0501 -5.82462 91.8148 1.14561C91.8148 1.14561 107.808 3.86236 116.028 17.7479C119.131 22.7423 121.592 28.56 123.185 35.1186V35.2833C125.142 44.0647 125.17 53.3674 122.989 62.6976C119.606 77.1046 111.33 90.5786 100.566 97.7958L100.51 97.8507C104.257 94.0637 106.997 89.2339 108.311 83.7181C112.113 67.5274 101.796 51.3916 85.3283 47.687C68.8323 43.9549 52.3922 54.0535 48.5897 70.2716C47.4993 74.9367 47.3315 79.6018 48.2542 83.9651C48.2542 83.9651 51.162 102.241 70.2862 114.288H70.3141Z' fill='%230070BD'/%3E%3Cpath d='M61.0278 103.403C68.046 107.318 76.4846 109.067 76.4846 109.067C95.6176 113.482 114.862 108.678 129.455 97.7658L129.539 97.6825C136.056 93.1009 141.821 87.2143 146.416 80.1614C149.368 75.6353 151.68 70.8871 153.379 66C155.523 85.4371 151.429 96.433 151.429 96.433C146.026 102.847 140.4 106.735 140.4 106.735C125.863 117.453 107.092 121.674 88.0981 117.286C88.0981 117.286 71.6944 113.871 61 103.375L61.0278 103.403Z' fill='%2300A7AC'/%3E%3Cpath d='M80.0273 107.815C109.431 110.242 137.029 88.4811 143.867 61.0844C143.867 61.0844 145.918 52.4358 146 46.047C146 46.047 139.873 29.6704 123.216 16C129.671 28.945 131.859 44.2057 128.44 59.4663C123.216 82.6223 106.34 99.9195 85.6071 106.448C83.8566 106.978 81.9146 107.48 80 107.787L80.0273 107.815Z' fill='%2300A7AC'/%3E%3C/svg%3E%0A") no-repeat center/154px;
  }
  to {
    opacity: 0;
  }
}
/*# sourceMappingURL=core_context_menu.css.map */