/* ========== 기본 레이아웃 ========== */
html, body {height: 100%; margin: 0; font-family: 'Noto Sans KR', Inter, Arial, sans-serif; color: var(--color-text-dark); overflow: hidden;}

/* ========== 지도 래퍼 ========== */
.map-wrapper {  position: relative;  flex: 1;  display: flex;  overflow: hidden;  width: 100%;  height: 100%;}

/* ========== 지도 영역 (기본: 단일 지도 모드) ========== */
.map-area {  position: relative;  flex: 1 1 0%;  background: #0a162b; width: 100%;  height: 100%; overflow: hidden;}
.map-area-second {  position: relative;  flex: 1 1 0%;  background: #0a162b;  display: none; width:100%;  height: 100%; overflow: hidden;}
#cesiumContainer,#cesiumContainer2 {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  overflow: hidden;}

/* 레이아웃 밀림 방지 - 컨테이너 고정 */
#wrap, .map_layout, .map_canvas {
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* #map div 레이아웃 격리 */
#map {
    position: relative;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    contain: size layout style;
    display: block;
}

/* IDT 검색 패널 페이지네이션: [이전/다음]을 1행, 페이지 번호를 2행으로 배치 */
.krds-pagination.small {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 6px;
    column-gap: 8px;
}

.krds-pagination.small .page-navi.prev,
#searchResultSect .krds-pagination.small .page-navi.next {
    order: 1;
}

.krds-pagination.small .page-links {
    order: 2;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
}

/* =====================================================
   ScenePanel item-slide corner clipping fix
   ===================================================== */

/* scroll 컨테이너에 padding 부여 */
.aside-modal-bottom .list-slide {
    padding: 4px 8px !important;
}

/* item 자체에도 최소 여백 */
.aside-modal-bottom .list-slide .item-slide {
    padding: 4px 0;
}

/* 혹시 상위 overflow 때문에 잘리는 경우 대비 */
.aside-modal-bottom {
    overflow: visible !important;
}

/* active(on) 상태도 동일하게 */
.aside-modal-bottom .list-slide .item-slide.on > a {
    outline-offset: 2px;
}

.box-text {
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: var(--krds-color-high-contrast-gray-0);
}