/* 마우스 우클릭 컨텍스트 버튼 */
.context-menu-area{display: none; position: absolute; z-index: 2}
.context-menu-area .btn.text-search{width: 130px;}

/*레프트 메뉴 */
nav {height: calc(100% - 180px);}
/*레프트 메뉴 끝 */
#map{background: none;}
/*여기서 부터 지도 오른쪽 컨트롤 툴바 관련 css*/
.toolbar {    position: absolute;    right: 0;    top: 0;    z-index: 2;}


.right-box > ul > li button{min-height: 40px !important; height: 40px !important;}
.right-box > ul > li:hover {background-color: #DAE2F9;}
.right-box > ul > li span{display: none;}
.right-box > ul > li button{display: block;    width: 100%;    height: 100%;    background-repeat: no-repeat;    background-position: center;}

/* 배경지도 */
.basemap_basemapArea .basemap_layer.basemap_active select{
    font-size: 13px;
    min-width: unset;
    padding: 0 5px;
}

/* 지도스타일 */
.right-box > ul > li.widget-map_style button{background-image: url(../../../images/tgis/common/ico-widget-map_style.png);}
.right-box > ul > li.widget-map_style:hover button.basemap_tool{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-map_style.png);}
.right-box > ul > li.widget-map_style .basemap_basemapArea{height: auto; margin: 0;}
.right-box > ul > li.widget-map_style .basemap_basemapArea li img{display: none;}
.right-box > ul > li.widget-map_style .basemap_basemapArea span{padding: 0 !important}
.right-box > ul > li.widget-map_style .basemap_basemapArea button{background: none; padding: 0 !important;}
.right-box > ul > li.widget-map_style .basemap_basemapArea button{position: relative}
.right-box > ul > li.widget-map_style .basemap_basemapArea li button::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

ul.divideMap_widget{width: 40px;}
ul.divideMap_widget > li {width: 100%;}
ul.divideMap_widget > li button{min-height: 40px !important; height: 40px !important;}
ul.divideMap_widget > li:hover {background-color: #DAE2F9;}
ul.divideMap_widget > li > button > span{display: none !important;}
ul.divideMap_widget > li button{display: block;    width: 100%;    height: 100%;    background-repeat: no-repeat;    background-position: center;}

ul.divideMap_widget > li.divideMap_basemap button{background-image: url(../../../images/tgis/common/ico-widget-map_style.png);}
ul.divideMap_widget > li.divideMap_basemap:hover button.basemap_tool{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-map_style.png);}
ul.divideMap_widget > li.divideMap_basemap .basemap_basemapArea{height: auto; margin: 0;}
ul.divideMap_widget > li.divideMap_basemap .basemap_basemapArea li img{display: none;}
ul.divideMap_widget > li.divideMap_basemap .basemap_basemapArea span{padding: 0 !important}
ul.divideMap_widget > li.divideMap_basemap .basemap_basemapArea button{background: none; padding: 0 !important;}
ul.divideMap_widget > li.divideMap_basemap .basemap_basemapArea button{position: relative}
ul.divideMap_widget > li.divideMap_basemap .basemap_basemapArea li button::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/* 지도분할 */
.right-box > ul > li.widget-map-split button{background-image: url(../../../images/tgis/common/ico-widget-split.png);  background-position: center;}
.right-box > ul > li.widget-map-split:hover button.divideMap_tool{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-split.png);}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li button{content: '';    display: block;    width: 40px;    height: 40px;    background-repeat: no-repeat;    background-position: center;}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li:nth-child(1) button{background-image:url(../../../images/tgis/common/ico-widget-split_2.png) !important;}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li:nth-child(1) button:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-split_2.png) !important;}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li:nth-child(2) button{background-image:url(../../../images/tgis/common/ico-widget-split_3.png) !important;}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li:nth-child(2) button:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-split_3.png) !important;}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li:nth-child(3) button{background-image:url(../../../images/tgis/common/ico-widget-split_4.png) !important;}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li:nth-child(3) button:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-split_4.png) !important;}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li{position: relative}
.right-box > ul > li.widget-map-split .divideMap_divideMapArea li:not(:last-child)::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

ul.divideMap_widget{width: 40px;}
ul.divideMap_widget > li {width: 100%;}
ul.divideMap_widget > li button{min-height: 40px !important; height: 40px !important;}
ul.divideMap_widget > li:hover {background-color: #DAE2F9;}
ul.divideMap_widget > li > button > span{display: none !important;}
ul.divideMap_widget > li button{display: block;    width: 100%;    height: 100%;    background-repeat: no-repeat;    background-position: center;}
ul.divideMap_widget > li#divideMapWidget button{background-image: url(../../../images/tgis/common/ico-widget-split.png) !important;}
ul.divideMap_widget > li#divideMapWidget:hover button.basemap_tool{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-split.png) !important;}

ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li button{content: '';    display: block;    width: 40px;    height: 40px;    background-repeat: no-repeat;    background-position: center;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li button span{display: none !important;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li:nth-child(1) button{background-image:url(../../../images/tgis/common/ico-widget-split_2.png) !important;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li:nth-child(1) button:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-split_2.png) !important;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li:nth-child(2) button{background-image:url(../../../images/tgis/common/ico-widget-split_3.png) !important;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li:nth-child(2) button:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-split_3.png) !important;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li:nth-child(3) button{background-image:url(../../../images/tgis/common/ico-widget-split_4.png) !important;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li:nth-child(3) button:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-split_4.png) !important;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li{position: relative;}
ul.divideMap_widget > li#divideMapWidget .divideMap_divideMapArea li:not(:last-child)::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.divideMap_toc .divideMap_tocArea .rstcustom__rowWrapper div{overflow-x: initial;}
.divideMap_toc .divideMap_miniTOCFrame .divideMap_tocArea{max-height: 460px;    overflow-y: auto;    width: 300px;}
.rstcustom__node:has(.toc_depth2){
    height: 0px !important;
}

.toc_btnGroup:has(.toc_btnAllView){
    display: none !important;
}

/* 지도편집 - 그리기 */
.right-box > ul > li.widget-map-edit button{background-image: url(../../../images/tgis/common/ico-widget-edit.png);}
.right-box > ul > li.widget-map-edit:hover button.drawControl_toolBtn{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-edit.png);}

.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_pointBtn{background-image:url(../../../images/tgis/common/ico-widget-dot.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_pointBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-dot.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_polygonBtn{background-image:url(../../../images/tgis/common/ico-widget-polygon.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_polygonBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-polygon.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_boxBtn{background-image:url(../../../images/tgis/common/ico-widget-square.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_boxBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-square.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_lineBtn{background-image:url(../../../images/tgis/common/ico-widget-line.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_lineBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-line.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_textBtn{background-image:url(../../../images/tgis/common/ico-widget-text.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_textBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-text.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_curveBtn{background-image:url(../../../images/tgis/common/ico-widget-curve.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_curveBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-curve.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_circleBtn{background-image:url(../../../images/tgis/common/ico-widget-circle.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_circleBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-circle.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_bufferBtn{background-image:url(../../../images/tgis/common/ico-widget-buffer.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button.drawControl_bufferBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-buffer.png);}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv{right: 50px; padding: 0;}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button{position: relative}
.right-box > ul > li.widget-map-edit .drawControl_drawGrpDiv button:not(:last-child)::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#odf-draw-textBox-button{border: 0;    font-weight: 6;    color: #fff;    background: var(--btn-color-blue-);    border-radius: 5px;padding: 8px;    text-align: center;}
#odf-draw-textBox-input{padding: 8px;    border-radius: 5px;    box-sizing: border-box;    height: 34px;    border: 1px solid #e9e9e9;    width: 200px !important;    margin-right: 6px !important;}

/* 지도측정 */
.right-box > ul > li.widget-map-distance button{background-image:url(../../../images/tgis/common/ico-widget-map-distance.png);}
.right-box > ul > li.widget-map-distance:hover button.measureControl_toolBtn{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-map-distance.png);}

.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_areaBtn{background-image:url(../../../images/tgis/common/ico-widget-area.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_areaBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-area.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_distanceBtn{background-image:url(../../../images/tgis/common/ico-widget-distance.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_distanceBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-distance.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_circleBtn{background-image:url(../../../images/tgis/common/ico-widget-radius.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_circleBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-radius.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_spotBtn{background-image:url(../../../images/tgis/common/ico-widget-pin.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button.measureControl_spotBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-pin.png);}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv{right: 50px; padding: 0;}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button{position: relative}
.right-box > ul > li.widget-map-distance .measureControl_measureGrpDiv button:not(:last-child)::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/* 전체화면 */
.right-box > ul > li.widget-map-full_screen button{width: 100% !important; background: url(../../../images/tgis/common/ico-widget-map-full_screen.png) no-repeat center;}
.right-box > ul > li.widget-map-full_screen:hover button.measureControl_toolBtn{background: #DAE2F9 url(../../../images/tgis/common/ico-widget-map-full_screen.png) no-repeat center;}
#fullScreenControlBtn:hover{background: #DAE2F9 url(../../../images/tgis/common/ico-widget-map-full_screen.png) no-repeat center;}

/* 좌우지도-지도 스와이퍼 */
.right-box > ul > li.widget-map-swipe button{background-image:url(../../../images/tgis/common/ico-widget-map-swipe.png);}
.right-box > ul > li.widget-map-swipe:hover button.measureControl_toolBtn{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-map-swipe_white.png);}
.swiperControlWidget{position: absolute;    top: 200px;    right: 50px;}
.swiperControlWidget{word-break: keep-all;    display: flex;    flex-direction: row;    border-radius: 3px;    transition: .2s;    background: #fff;    box-shadow: 0.6px 0.8px 4px 0 rgb(0 0 0 / 35%);    visibility: visible;    opacity: 1;}
.swiperControlWidget .swiperControl_swiperBarLabel{font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;    color: #416D98;    font-weight: 500;    font-size: 15px;}
.swiperControlWidget .swiperControl_swiperBar {width: calc(100% - 110px);}
.swiperControlWidget .swiperControl_leftSideDiv::after{content: '';    display: block;    position: absolute;    width: 1px;    height: 130px;    border-right: 1px dashed var(--border-color-);    top: 70px;    left: 50%;    transform: translateX(-50%);}
.swiperControlWidget .swiperControl_rightSideDiv {margin-left: 25px;}
.swiperControlWidget .swiperControl_swiperControlContent{    width: auto;}
.swiperControlWidget .swiperControl_colDiv > span{font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;    color: #416D98;    font-weight: 500;    font-size: 13px;    margin-bottom: 8px;}
.swiperControlWidget .swiperControl_colDiv select{width: 130px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    min-width: 100px;    border: 1px solid #D6DAE8;border-radius: 5px;    padding: 6px 24px 6px 8px;    font-size: 13px;}
.swiperControlWidget .swiperControl_createBtn{border: 0;    font-size: 14px;    font-weight: 600;    color: #fff;    background: var(--btn-color-blue-);    border-radius: 5px;    position: relative;    padding: 8px;    text-align: center;    width: 85px;}
.swiperControlWidget .swiperControl_deleteBtn{color: var(--btn-color-blue-);    border: 1px solid var(--border-color-);    font-weight: 600;    font-size: 14px;    background: #fff;    border-radius: 5px;    width: 85px;    padding: 8px;    box-sizing: border-box;}

    /* 출력 */
.right-box > ul > li.widget-map-print button{background-image:url(../../../images/tgis/common/ico-widget-map-print.png);}
.right-box > ul > li.widget-map-print:hover button.measureControl_toolBtn{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-map-print.png);}

/* 다운로드 */
.right-box > ul > li.widget-map-download button{background-image:url(../../../images/tgis/common/ico-widget-map-download.png);}
.right-box > ul > li.widget-map-download:hover button.measureControl_toolBtn{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-map-download.png);}
.right-box > ul > li.widget-map-download .downloadControl_downloadGrpDiv button.downloadControl_downloadPngBtn{background-image: url(../../../images/tgis/common/ico-widget-png.png);}
.right-box > ul > li.widget-map-download .downloadControl_downloadGrpDiv button.downloadControl_downloadPngBtn:hover{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-png.png);}
.right-box > ul > li.widget-map-download .downloadControl_downloadGrpDiv button.downloadControl_downloadPDFBtn{background-image: url(../../../images/tgis/common/ico-widget-pdf.png);}
.right-box > ul > li.widget-map-download .downloadControl_downloadGrpDiv button.downloadControl_downloadPDFBtn:hover{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-pdf.png);}
.right-box > ul > li.widget-map-download .downloadControl_downloadGrpDiv{right: 50px; padding: 0;}
.right-box > ul > li.widget-map-download .downloadControl_downloadGrpDiv button{position: relative}
.right-box > ul > li.widget-map-download .downloadControl_downloadGrpDiv button:not(:last-child)::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}


/* 초기화 */
.right-box > ul > li.widget-map-reset button{width: 100% !important; background: url(../../../images/tgis/common/ico-widget-map-reset.png) no-repeat center;}
.right-box > ul > li.widget-map-reset:hover button.measureControl_toolBtn{background: #DAE2F9 url(../../../images/tgis/common/ico-widget-map-reset.png) no-repeat center;}
#clearBtn:hover{background: #DAE2F9 url(../../../images/tgis/common/ico-widget-map-reset.png) no-repeat center;}

/* 북마크 */
.right-box > ul > li.widget-map-bookmark button{background-image:url(../../../images/tgis/common/ico-widget-map-bookmark.png);}
.right-box > ul > li.widget-map-bookmark:hover button.measureControl_toolBtn{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-map-bookmark.png);}
.bookmarkDiv{top: 360px; right: -15px;}
.bookmarkDiv .bookMarkControl_bookMarkControlContent {word-break: keep-all;    flex-direction: row;    border-radius: 3px;    transition: .2s;    background: #fff;    box-shadow: 0.6px 0.8px 4px 0 rgb(0 0 0 / 35%);    visibility: visible;    opacity: 1;}
.bookmarkDiv .bookMarkControl_bookMarkInput,
.bookmarkDiv .bookMarkControl_bookmarkBtn{
border: 1px solid var(--border-color-);    padding: 8px;    border-radius: 5px;}
.bookmarkDiv .bookMarkControl_addBtn,
.bookmarkDiv .bookMarkControl_addBtn:hover{
border: 0;    font-weight: 600;    color: #fff;    background: var(--btn-color-blue-) url(../../../images/tgis/common/ico-in-add.png) no-repeat 50%;
border-radius: 5px;    position: relative;    padding: 8px;    text-align: center; cursor: pointer;}
.bookmarkDiv .bookMarkControl_bookmarkDeleteBtn,
.bookmarkDiv .bookMarkControl_bookmarkDeleteBtn:hover{
color: var(--btn-color-blue-);    border: 1px solid var(--border-color-);    font-weight: 600;    font-size: 14px;
background: #fff url(../../../images/tgis/common/ico-in-remove.png) no-repeat center;    border-radius: 5px;    padding: 19px;    box-sizing: border-box;}

/* 공유 */
.right-box > ul > li.widget-map-share button{background-image:url(../../../images/tgis/common/ico-widget-map-share.png);}
.right-box > ul > li.widget-map-share:hover button.measureControl_toolBtn{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-map-share.png);}

/* 지도 줌 레벨 조정바 */
.zoomControl{    top: 520px; right: 0 !important;}
.zoomControl .zoomControl_zoomControlContent{width: auto;}
.zoomControl button{width: 40px;    height: 40px;    background: #fff;    position: relative;}
.zoomControl_inBtn{background: url(../../../images/tgis/common/ico-widget-map-pluse.png) no-repeat center !important;    border-bottom: 1px solid var(--border-color-);}
.zoomControl_outBtn{background: url(../../../images/tgis/common/ico-widget-map-minus.png) no-repeat center !important;}
.zoomControl.viewZoomControl{top: 90px;    left: 30px !important;    width: 40px;    right: unset;}

/* 지도 격자 선택 */
.right-box > ul > li.widget-map-select button{background-image: url(../../../images/tgis/common/ico-widget-map-thema.png);}
.right-box > ul > li.widget-map-select:hover button.drawControl_toolBtn{background-color: #DAE2F9; background-image: url(../../../images/tgis/common/ico-widget-map-thema.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_pointBtn{background-image:url(../../../images/tgis/common/ico-widget-dot.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_pointBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-dot.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_polygonBtn{background-image:url(../../../images/tgis/common/ico-widget-polygon.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_polygonBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-polygon.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_boxBtn{background-image:url(../../../images/tgis/common/ico-widget-square.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_boxBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-square.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_circleBtn{background-image:url(../../../images/tgis/common/ico-widget-circle.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button.drawControl_circleBtn:hover{background-color: #DAE2F9; background-image:url(../../../images/tgis/common/ico-widget-circle.png);}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv{right: 50px; padding: 0;}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button{position: relative}
.right-box > ul > li.widget-map-select .drawControl_drawGrpDiv button:not(:last-child)::after {content: ''; display: inline-block; height: 10px; width: 1px; background: var(--border-color-); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/*지도 오른쪽 컨트롤 툴바 관련 css 끝*/

/* 통합 조회 팝업 관련 css*/
div.info-box{padding : 10px 24px}
div.info-box span:not(.alarm){font-size: 16px;font-weight: 600;color: var(--font-color-dark);}
/*div.info-box span.alarm.lv4{background-color: rgba(255 64 64 /.15);color: #FF4040;float: right;}
div.info-box span.alarm.lv3{background-color: rgba(255 153 0 /.15);color: #FF9900;float: right;}
div.info-box span.alarm.lv2{background-color: rgba(65 109 152 /.15);color: #416D98;float: right;}
div.info-box span.alarm.lv1{background-color: rgba(28 126 240 /.15);color: #1C7EF0;float: right;}*/
div.info-box span.alarm.lv99{background-color: rgba(176, 176, 176, 0.20);color: #676767;float: right;}
div.info-box span.alarm.lv5{background-color: rgba(255 130 44 / .25);color: #ff7600;float: right;}
div.info-box span.alarm.lv4{background-color: rgba(255 64 64 /.15);color: #FF4040;float: right;}
div.info-box span.alarm.lv3{background-color: rgba(255 153 0 /.15);color: #FF9900;float: right;}
div.info-box span.alarm.lv2{background-color: rgba(65 109 152 /.15);color: #416D98;float: right;}
div.info-box span.alarm.lv1{background-color: rgba(28 126 240 /.15);color: #1C7EF0;float: right;}
.cont-list>ul>li{background: #fff;border: 1px solid var(--border-color-);border-radius: 10px;width: 315px;}

.tab-list>li{display: none;background: #fff;width: 100%; padding: 40px; height:auto;}
.living-environment .cont-list>ul>li{width: 315px;}
.targetNtnBrnchNoList{margin: 5px;}
.data-download-popup .viewMapArea{height:400px; width: 50%;}
.data-download-popup .ntnBtnArea{height:400px; width: 50%;}
.data-download-popup .targetList{overflow: auto; height: calc(100% - 100px);}
/* 통합 조회 팝업 관련 css 끝*/

/* 상단 검색창 및 지역 검색창 */
.odf_administrativeDistrictSearch_widget{border: 1px solid #e9e9e9;    background: #fff;    box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);    border-radius: 5px;    height: fit-content;    width: max-content;}
.odf_addressSearch_widget{border: 1px solid #e9e9e9;    background: #fff;    box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);    border-radius: 5px;}
.search-area {margin-left: 40px; z-index: 2}
.search-area li{float: none;}
.administrativeDistrictSearch_cScroll::-webkit-scrollbar {width: 4px;}
/* 상단 검색창 및 지역 검색창 끝*/

/* 스타일 시트 */
.left-box.on{z-index: 2; width:293px}
.left-box-depth{display: block !important;left: -180px; max-height: 100%;overflow: auto;box-shadow: 3px 3px 10px var(--box-shadow-color);width: 300px;height: auto;position: absolute;background: #fff;z-index: 1;top: 0;transition: all .3s ease-in-out !important;}
.left-box-depth.active{left: 434px !important; }
.left-box-depth .layerDetail_inner{padding: 32px 20px;height:auto;}
.left-box-depth .layerDetail_tabContWrap.layerDetail_type01>.layerDetail_tabNav .layerDetail_tabList li{
    font-weight: 600;    font-size: 16px !important;    color: var(--font-color-dark) !important;    margin: 0;    box-sizing: border-box;
    font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif ;    background: none;    flex: none;    height: 31px;}
.left-box-depth .layerDetail_tabNav{padding: 0 0 8px 0;}
.left-box-depth .layerDetail_inner.layerDetail_layer{padding: 0;}
.left-box-depth .style_choice>label {
    line-height: 30px;    text-align: left;    letter-spacing: 0;
    font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;
    width: 75px;    font-weight: 500;    font-size: 14px;    color: var(--font-color-normal);    white-space: pre;}
.left-box-depth .style_choice .style_pick select {
    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    min-width: 100px;    height: 31px;
    background: #EFF7FF url(../../../images/tgis/common/ico-select-arrow.svg)no-repeat center right 8px;    border: 1px solid #D6DAE8;    border-radius: 5px;    padding: 6px 24px 6px 8px;
    font-size: 13px;    font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;}
.left-box-depth .style_choice .style_pick .style_checkbox {margin-bottom: 5px;    margin-top: 0;}
.left-box-depth .style_choice .style_pick .style_checkbox label {font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;    font-size: 12px;}
.left-box-depth .style_previewItem .style_previewItem_name {font-size: 14px;    font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;    font-weight: 400;    color: #555;    width: 100%;}
.left-box-depth .style_previewItem .style_previewItem_icon.style_svgIcon {width: 16px;    height: 16px;}
.left-box-depth .style_choice .style_pick .style_list li {
    padding-left: 0;    line-height: 21px;    margin-bottom: 5px;    font-size: 14px;
    font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;    font-weight: 400;    color: #555;    align-items: center;}
.left-box-depth .style_choice .style_pick .style_list ul {padding: 5px;    list-style: none;}
.left-box-depth .layerDetail_tabContWrap.layerDetail_type01 .layerDetail_tabCont {border: none;}
.left-box-depth .style_choice {gap: 8px;    align-items: center;    margin-bottom: 12px;    justify-content: flex-end;}
.left-box-depth .style_choice.style_type02 .style_pick .style_comboBox, .style_choice.style_type02 .style_pick select {height: auto;    line-height: normal;}
.style_scroll{max-height: fit-content;}
.style_scroll::-webkit-scrollbar{width: 4px;}
.left-box-depth.style_scroll::-webkit-scrollbar,
.left-box-depth .style_scroll::-webkit-scrollbar {width: 4px;}
.left-box-depth .style_choice .style_pick .style_list {height: 110px;    border: 1px solid var(--border-color-);    border-radius: 5px;}
/*.left-box-depth .style_scroll {max-height: 108px;    flex-direction: column;}*/
.left-box-depth .style_list.style_preview>.style_scroll {max-height: 108px;    display: flex;    flex-direction: column;}
.left-box-depth .style_pick {flex-direction: inherit;}
.left-box-depth .style_choice.style_ab .style_pick {width: 100%;    flex-direction: inherit;}
.left-box-depth .style_choice .style_pick input.style_miniInput {width: 55px;}
.left-box-depth .style_choice .style_pick input[type=number] {width: 55px;    height: 33px;    margin-right: 0;    padding: 3px;}
.left-box-depth .style_btn.style_mini {height: 33px;    color: var(--btn-color-blue-);    border: 1px solid var(--border-color-);    font-weight: 600;    font-size: 14px;    background: #fff;    border-radius: 5px;    box-sizing: border-box;    width: unset !important;    padding: 5px;}
.left-box-depth .style_tabContWrap.style_type02>.style_tabNav .style_tabList li {
    height: auto;    line-height: normal;    border-radius: 0;    cursor: pointer;
    font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif;
    padding: 8px;    text-align: center;    flex: 1;    border: 0;    background: #F2F2F2;    font-size: 14px;    font-weight: 600;    color: var(--font-color-normal);    position: relative;}
.left-box-depth .style_tabContWrap.style_type02>.style_tabNav .style_tabList li.style_active {color: var(--btn-color-blue-);    background: #fff;}
.left-box-depth .style_tabContWrap.style_type02>.style_tabNav .style_tabList li.style_active::after {content: '';    position: absolute;    display: block;    width: 100%;    height: 3px;    background: var(--btn-color-blue-);    left: 0;    top: -1px;}
.left-box-depth .style_tabContWrap {border: 1px solid var(--border-color-);}
.left-box-depth .style_tabContWrap.style_type02 .style_tabCont {border: none;    padding: 0;}
.left-box-depth .style_tabContWrap  .style_inner{padding: 20px 14px 10px 14px;height:fit-content}
.left-box-depth .style_choice.style_type02>label {text-align: left;}
.left-box-depth .range_widget table.range_horizon td {height: 28px;}
.left-box-depth .range_widget table.range_horizon td:not(.range_active,.range_dragTarget) {background-color: #E9ECF8;}
.left-box-depth .style_btnRangeSync {width: auto;    height: auto;    border: 1px solid var(--btn-color-blue-);    background-color: transparent;    color: var(--btn-color-blue-);    padding: 4px 16px;    border-radius: 5px;    font-size: 14px;    font-weight: 500;    float: right;}
.left-box-depth .style_btnRangeSync::before {content: '';    display: inline-block;    vertical-align: text-bottom;    width: 16px;    height: 16px;    background: url(../../../images/tgis/common/ico-synchronize.svg)no-repeat center;    margin-right: 4px;}
.left-box-depth .style_choice.style_ab{margin-top: 10px;    flex-direction: column;    align-items: flex-start;}
.left-box-depth .style_choice>label.style_wide {letter-spacing: 0;    line-height: 30px;}
.left-box-depth .style_btnArea.style_flexCenter {margin-top: 24px;    display: flex;    gap: 8px;    justify-content: end;}
.left-box-depth .style_btn.style_normal1 {color: var(--btn-color-blue-);    border: 1px solid var(--border-color-);    font-weight: 600;    font-size: 14px;    background: #fff;    border-radius: 5px;    width: 85px;    padding: 8px;    box-sizing: border-box;    justify-content: space-around;}
.left-box-depth .style_btn.style_hilight1 {cursor: pointer;    border: 0;    font-size: 14px;    font-weight: 600;    color: #fff;    background: var(--btn-color-blue-);    border-radius: 5px;    position: relative;    padding: 8px;    text-align: center;    width: 85px;    justify-content: space-around;}
.left-box-depth .style_checkbox label:before {content: '';    border-radius: 3px;    display: inline-block;    width: 16px;    height: 16px;    vertical-align: sub;    margin-right: 8px;    border: 1px solid var(--border-color-);}
.left-box-depth .style_checkbox input[type=checkbox]:checked+label:before {background: #2680EB url(../../../images/tgis/common/ico-check.svg)no-repeat center;    border-color: var(--btn-color-blue-);}
.left-box-depth input.style_noFill{vertical-align: middle;}
.left-box-depth .style_symbolEditor .style_pick input{width: 100px;}
.left-box-depth .style_symbolEditor .style_pick label{line-height: 1.2;}
.left-box-depth .style_divPopupHeader .style_closeBtn{color: white;    float: right;}
.style_normal .style_patternPickerArea .style_divPopup {left: -109px;}
.left-box.full+.left-box-depth{left: 434px;box-shadow: 3px 3px 10px var(--box-shadow-color);display: block;height: 100%;}
/* 스타일 시트 끝*/

/*분석 상세 로딩바 디자인 덮어쓰기 */
.loader-list {background: rgba(0 0 0 / .75);    flex-wrap: wrap;    align-items: center;    justify-content: center;    position: absolute;    width: 100%;    height: 100%;    z-index: 10;    display: none;}
.loader-list li {width: 100%;    text-align: center;    display: flex;    height: 100%;    justify-content: center;    align-items: center;}
.tab-list > li {display: none;    background: #fff;    width: 100%;    padding: 40px;    height: auto;}
.living-environment .cont-list > ul > li {width: 315px;}

.cont-bottom .pagenation .page>a:first-child {border-radius: 5px 5px 5px 5px;}
.cont-bottom .pagenation .page>a:last-child {border-radius: 5px 5px 5px 5px;}

/*관리자 페이지 리스트 마우스 오버 디자인*/
.cont-box.table > table > tbody > tr {position: relative;    cursor: pointer;}

/* 관리자 - 코드관리 */
.flex-2{flex: 2 !important;}

/* 관리자 - 레이어 통계 리스트 가로 사이즈 고정&스크롤바  */
.statistics .cont-box .split-box {flex: 1;overflow-x: auto;white-space: nowrap;}
.split-box>div:not(.btn-box,.list) {background-color: #fff;border: 1px solid var(--border-color-);border-radius: 15px;height: 550px;overflow: auto;white-space: nowrap;}

/* toc 위젯 */
.rstcustom__node {margin-bottom: 3px;height:65px}
.toc_tocContentBox .toc_children.toc_depth1 .rstcustom__rowContents {background-color: #ffffff;margin-bottom: 10px}
.toc_tocContentBox .toc_layerContent .rstcustom__rowTitle .toc_layerText {overflow: hidden;line-height: 36px;width: 261px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 16px;font-family: "Pretendard";font-weight: 400;height: 30px;margin-top: -22px;}
.toc_tocContentBox .toc_layerContent .rstcustom__rowTitle>div>span {margin-top:-12px;}
.toc_tocContentBox .toc_layerContent .rstcustom__rowToolbar {justify-content: flex-end; margin-top: -14px; margin-left: 6px; border-top: 1px dashed var(--border-color-);}
.toc_tocContentBox .toc_children.toc_depth2 .rstcustom__rowContents {background-color: #FFFFFF;margin-bottom: 10px}

.split-box.registration {display:flex;flex-direction: column;justify-content: space-between;margin-top: 31px;min-width: 970px;padding: 32px;border: 1px solid var(--border-color-);background: #fff;border-radius: 15px;height: 550px;font-size: 16px;}
.split-box.registration .list-box>.list {display: flex;gap: 30px;margin-bottom: 25px;}
.split-box.registration .list-box{background-color: #fff;    border: none;    border-radius: 0;    height: auto;    overflow: auto;}

#tocWidget{background-color: #eff7ff;    overflow: auto; height: calc(100% - 63px);}
.toc_expandedBoxOpen{background: url(../../../images/tgis/common/ico-toc-file_open.svg) no-repeat;    left: 5px;}
.toc_expandedBoxOpen::after{content: '';    display: block;    position: absolute;    width: 16px;    height: 16px;    background: #1C7EF0 url(../../../images/tgis/common/ico-arrow-down_white.svg)no-repeat center;    left: -20px;    border-radius: 5px;}
.toc_expandedBoxClosed{background: url(../../../images/tgis/common/ico-toc-file.svg) no-repeat;    left: 5px;}
.toc_expandedBoxClosed::after{content: '';    display: block;    position: absolute;    width: 16px;    height: 16px;    background: url(../../../images/tgis/common/ico-toc-arrow-right._light-gray.svg)no-repeat center;    left: -20px;    border-radius: 5px;}
.toc_tocContentBox .toc_groupContent .rstcustom__rowTitle span{left: 63px;    width: 145px;}
.toc_expandedBoxOpen + span { font-weight: 600 !important;}
.toc_depth1 .toc_expandedBoxOpen + span { font-weight: 500 !important;}
.toc_expanded + span {font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif !important;    font-size: 14px !important;}
.toc_tocContentBox .toc_layerContent>.rstcustom__rowContents>.rstcustom__rowToolbar>.rstcustom__toolbarButton>button{border: none;}
.toc_legend{background: url(../../../images/tgis/common/ico-toc-legend.svg) no-repeat;}
.toc_legend.toc_on{background: url(../../../images/tgis/common/ico-toc-legend_on.svg) no-repeat;}
.toc_tocContentBox .toc_layerContent .rstcustom__rowTitle .toc_layerText{font-family: 'Pretendard','AppleGothic', 'Malgun Gothic','맑은 고딕', '돋음','Dotum','Apple SD Gothic Neo', Arial, Helvetica, sans-serif !important;    font-size: 14px !important;}
.rstcustom__rowTitle div span i{width: 13px !important;    height: 13px !important;    display: inline-block;}
.rstcustom__node:has(.toc_expanded) {height: 40px !important;}
.toc_tocContentBox .toc_groupContent .rstcustom__rowTitle{margin-top: 5px;}

/* 범례 위젯 */
.legend_frame{left: auto;    right: 100px;}
.legend_area.legend_active{display: flex;    flex-direction: column;}
.legend_area>li{line-height: 14px;    margin-top: 5px;    margin-bottom: 5px;}
.legend_title{font-weight: 500;    font-size: 14px;    width: auto;}
.legend_title::before{content: '';    display: inline-block;    width: 16px;    height: 16px;    vertical-align: middle;    background-position: center;    background-repeat: no-repeat;    margin-right: 8px;    background-image: url(../../../images/tgis/common/ico-toc-legend.svg);}
.legend_title:has(.legend_active){font-weight: 600;    color: var(--btn-color-blue-);}
.legend_title:has(.legend_active)::before{background-image: url(../../../images/tgis/common/ico-toc-legend_on.svg);}
.legend_activeBtn{float: unset;}
.legend_activeBtn span{display: none;}
.legend_activeBtn::after{background-image: url(../../../images/tgis/common/ico-toc-arrow-right._light-gray.svg);    content: '';    display: inline-block;    width: 16px;    height: 16px;    vertical-align: middle;    background-position: center;    background-repeat: no-repeat;}
.legend_activeBtn.legend_active::after{background: #1C7EF0 url(../../../images/tgis/common/ico-arrow-down_white.svg)no-repeat center;    border-radius: 3px;}
.legend_condition{font-size: 14px;}
.legend_conditionIcon{width: 14px;    height: 14px;}
.toc-title{margin-top: 32px;}


.oui-popup .popupDiv.poi .head .popup-comboBox{width: fit-content;}
.oui-popup .popupDiv.poi .head .btnGroup .popup-btn-minmax{width:24px;height:24px;background:url(../../../images/tgis/common/down-square.svg)no-repeat center;background-size:100%;}
.oui-popup .popupDiv.poi .head .btnGroup .popup-btn-closed{width:24px;height:24px;background:url(../../../images/tgis/common/x-square.svg)no-repeat center;background-size:100%;}

.oui-popup .popupDiv .head .btnGroup {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

/* 지도 변경 이력 */
.manager-page .list.txt-red .title,
 .flex-box.version>div:not(.new) .list.txt-red p,
.manager-page .list.txt-red .title+div>p{
    color: red;
}


/* toc 추가작업 */
.toc_depth1 .toc_expandedBoxOpen{
    display: none !important;
}

.toc_tocContentBox .toc_groupContent.toc_depth1 .rstcustom__rowTitle span{
    left: 15px;
}

.toc_depth0 .rstcustom__rowToolbar{
    display: none !important;
}

/*scroll custom*/
.scroll-custom::-webkit-scrollbar {
    width: 10px;  /* 스크롤바의 너비 */
    height: 10px;
}

.scroll-custom::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이*/
    background: #667080; /*스크롤바의 색상*/
    border-radius: 50px;
}

.scroll-custom::-webkit-scrollbar-track {
    background: #C2C6CC;  /*스크롤바 뒷 배경 색상*/
    border-radius: 100px;
}
.batch_file:hover{
    color: blue;
    text-decoration: underline;
}