/* 거리/면적/반경 측정 관련 css */
/* 일반 서식 */
.tooltip { position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 4px; color: white; padding: 4px 8px; opacity: 0.7; white-space: nowrap; font-size: 0.9em; }
.tooltip-measure { opacity: 1; font-weight: bold; }
/* 피처를 그리고 난 후의 서식 */
.tooltip-static { background-color: #ffcc33; color: black; border: 1px solid white; }
.tooltip-checkpoint { background-color: indianred; color: antiquewhite; border: 1px solid white; }
.tooltip-measure:before,
.tooltip-static:before { border-top: 6px solid rgba(0, 0, 0, 0.5); border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; position: absolute; bottom: -6px; margin-left: -7px; left: 50%;}
.tooltip-static:before { border-top-color: #ffcc33; }


/* 색인도 */
.indexMap{position:absolute; top: 394px; right: 70px;}
.indexMap:not(.ol-collapsed)  {}
.indexMap .ol-overviewmap-map {border:1px solid gray; height:200px;width:200px;}
.indexMap.ol-control {padding:0px; background-color:#fff;box-shadow: 1px 1px 4px rgba(0,0,0,0.2)}
.indexMap.ol-control button {position:absolute; top:3px; right:3px; border-radius:2px; font-size: 0;width: 21px;height: 21px;background:#fff url(/images/commonInput.png) no-repeat -58px 2px; border:solid 1px rgba(0,0,0,0.3)}
.indexMap .ol-overviewmap-box {border: 2px solid red;}

/* .ol-custom-overviewmap .ol-overviewmap-map {border: none;width: 300px;} */
/* .ol-custom-overviewmap:not(.ol-collapsed) button{bottom: auto;left: auto;right: 1px;top: 1px;} */

.indexMap:not(.ol-collapsed) button{}

/* 인허가통합겁색 > 건축인허가 대장 > 건물명 종류 */
.hrefCss{color: #1e87f0; text-decoration: underline;cursor: pointer;}

/* 지도메모 > 팝업창  */
.geotagging-add-box .switcher a.display-none{float:right;}

/* 사용자 편의 > 관심영역 > 검색결과 리스트 */
/* #bookMarkList li{cursor:pointer;} 접근성 오류, 제발 입력요소와 링크요소, 버튼요소에만 기능을 넣어주세요 ㅜㅜ */ 

/* 하단 검색결과 > 인허가 검색결과 창 제어 */
#btmLcsResArea.bottom-area.min .license-tab{ display: none; }
#btmLcsResArea.bottom-area .license-tab{ display: block; }

/* 검색i > 검색대상 레이어 목록 화면 */
#searchLyrListDiv a.closeSearchI { width: 12px; height: 12px; background: url("../../images/gms/map-1.png") top left no-repeat;background-position: -259px -42px; display: block; position: absolute; top: 15px; right: 15px; }
#searchLyrListDiv { width:240px; right:590px;}
#searchILyrList span{margin-right: 5px;}
#searchILyrList ul.uk-accordion-content{margin:0 0 0 10px}
#searchILyrList ul a{color:#666;}

#loading2 {
	position: absolute;top: 50%;left: 50%;margin:-150px 0 0 -150px;
}

.container.loading { height: 40%; padding: 10% 0; }

.loadingWrap { text-align: center; position: absolute; top: 40%; width: 100%; left: 0; padding: 0 0 200px 0; background: #fff url(/images/bg2.png) no-repeat center bottom; }

.loadingWrap .loadingBar { height: 150px; background: #fff url(/images/loadingBg.png) no-repeat center bottom; position: relative; }

.loadingWrap .loadingBar div { width: 100%; position: absolute; bottom: 0; height: 0; background: url(/images/loading.png) no-repeat center bottom; transition: all 0.3s ease 0s; }

.loadingWrap .loadingText { padding: 20px 0; font-size: 19px; letter-spacing: -1px; }

.loadingWrap .loadingPercent { color: #00ade6; }

.loading2Wrap { text-align: center; position: absolute; top: 40%; width: 100%; left: 0; padding: 0 0 200px 0; background: #fff url(/images/bg3.png) no-repeat center bottom; }

.loading2Wrap .loadingBar { height: 150px; background: #fff url(/images/loadingBg.png) no-repeat center bottom; position: relative; }

.loading2Wrap .loadingBar div { width: 100%; position: absolute; bottom: 0; height: 0; background: url(/images/loading.png) no-repeat center bottom; transition: all 0.3s ease 0s; }

.loading2Wrap .loadingText { padding: 60px 0 20px 0; font-size: 19px; letter-spacing: -1px; }

.loading2Wrap .loadingPercent { color: #00ade6; }

/* loading2*/
.lds-spinner { color: official; display: inline-block; position: relative; width: 160px; height: 160px; }

.lds-spinner div { transform-origin: 80px 80px; animation: lds-spinner 1.2s linear infinite; }

.lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 24px; height: 24px; border-radius: 50%; background: #11a4de; }

.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }

.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }

.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }

.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }

.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }

.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }

.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }

.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }

.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }

.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }

.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }

.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes lds-spinner { 0% { opacity: 1; }
				100% { opacity: 0; } }
				
.timeoutPopup { position: fixed; left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 1000;text-align: center;}
.timeoutPopup .container {width: 500px;padding:30px 50px 50px 50px; background: #fff; border:solid 1px rgba(0,0,0,0.2);box-shadow:0 2px 3px rgba(0,0,0,.3); position: absolute;left: 50%;top: 50%;margin-left: -300px;margin-top: -170px;}
.timeoutPopup h2 {margin: 16px 0; font-size: 2rem; line-height: 1.3em}
.timeoutPopup h3{border:solid 1px #ddd;padding: 16px 0;margin: 0;font-size: 1.5rem;line-height: 1.4em}
.timeoutPopup p{padding-bottom: 20px; margin: 20px 0 20px 0;}
.timeoutPopup .btn {border:solid 1px #ddd; padding:8px 30px; letter-spacing:-1px; background: #fff; font-size: 15px;}
.timeoutPopup .btn.pri { background:#2192f2 ; color:#fff; border: solid 1px #1c89e6}
.timeoutPopup.timeout button.timeout-loginExtend, .timeoutPopup.timeout button.timeout-logOut {	display: none;	}
.timeoutPopup:not(.timeout) button.timeout-close {	display: none;	} 
.timeoutPopup .highlight-text {	color: #ff4800 !important; }