@charset "UTF-8";

/* SYSTEM Design set -------------------------------------------------------------------------------------------- */
	/* WRAPPER // common */
	.wrap{width: 100%; height: 100%; position: fixed;}
	#imap{height: 100%;}
	.imap .mapControlContainer{width: 100%; height: 100%; position:absolute; top: 0px;}
	.imap .imapContainer{width: 100%; height: 100%;}
	#dM_container{position: relative; height: 100%; overflow:hidden;}
	#map{width: 100%; height: 100%; z-index: 1;}
	#layers{height:100%; position: absolute; top:0px; z-index: 2;}

/* SYSTEM Design set -------------------------------------------------------------------------------------------- */
	/* WRAPPER // common */
/* 	.wrap{width: 100%; height: 100%;} */
/* 	.imap{width: 100%; height: 100%; position: relative; overflow-x: hidden; overflow-y: hidden;} min-width: 1340px; */
/* 	.imap .imapContainer{position: absolute; width: 100%; height: 100%;} */
/* 	.imap #map, .imap #layers, .imap #dM_container{position: absolute; top: 0; left: 0; right: 0; bottom: 0;} */
/* 	.imap #map{z-index: 1;} */
/* 	.imap #layers{z-index: 2;} */
	/* .sidePnl{width: 500px; height: 100%; background: #FFF; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.4); position: relative; top: 0; left: 0; z-index: 10;} */

/* MAP SEARCH UI Design set ------------------------------------------------------------------------------------- */
	/* MAP SEARCH UI // Top Wrapper Area */
	.imap header{width: 610px; height: 159px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.2); position: relative; top: 13px; left: 14px; z-index: 13;}
	.imap header .sysTitArea{height: 71px; background: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 16px 20px 14px;}
	.imap header .sysTitArea .sysTit{width: 220px; height: 35px; background: url("../../static/image/map/sysTit.png") no-repeat center; display: inline-block; margin-top: 5px; margin-left: -1px;}
	.imap header .sysTitArea .home, .imap header .sysTitArea .sysTit, .imap header .searchType{display: inline-block;}
	.imap header .sysTitArea .home, .imap header .sysTitArea .sysTit{float:left;}
	.imap header .sysTitArea .home{width: 39px; height: 39px; background: url("../../static/image/map/home_ico.png") no-repeat center; border-radius: 3px; margin-top: 5px; margin-right: 10px;}
	.imap header .searchType{background: #F4F4F4; float: right;}
	.imap header .searchType li{width: 62px; height: 41px; color: #6B6B6B; font-size: 13px; font-weight: 600; text-align: center; line-height: 26px; display: inline-block; float: left; padding: 7px;}
	.imap header .searchType li:not(:first-of-type){border-left: 1px solid #FFF;}
	.imap header .searchType li:not(.active){background: #183341;}
	.imap header .searchType li:first-of-type{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
	.imap header .searchType li:last-of-type{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	.imap header .searchType li.active{background: #00A4BD;}
	.imap header .searchType li>.innerLink{color: #FFF; border-radius: 3px;}

	/* MAP SEARCH UI // Bottom Wrapper Area */
	.imap header .searchArea{background: #55C7B7 url("../../static/image/map/headerGra.png") repeat-x 0 0; font-size: 13px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 21px 20px 20px; position: relative; z-index: 10;}
	.imap header .searchArea label, .imap header .searchArea label+.textBox{display: inline-block; float: left;}
	.imap header .searchArea .textBox input[type="text"]:not(#mainNum):not(#subNum){width: calc(100% - 71px); height: 30px; background: transparent; color: #9F9F9F; border-width: 0;}
	.imap header .searchArea .planBox .textBox, .imap header .searchArea .newJuso .textBox{height: 47px; padding: 8px 7px 8px 12px;}
	.imap header .searchArea .jusoType, .imap header .jibun .sltJuso .jusoType label, .imap header .jibun .sltJuso .jusoType select{border-radius: inherit;}
	.imap header .searchArea .jusoType{width: 97px; height: 42px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: inline-block; float: left;}
	.imap header .searchArea .jusoType:before{content: ""; width: 0px; height: 0px; border: 4px solid transparent; border-top-color: #0A91BC; border-top-width: 5px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); margin-top: 3px;}
	.imap header .searchArea .jusoType:after{content: ""; width: 1px; height: 22px; background: #E3E3E3; position: absolute; top: 9px; right: 0;}
	.imap header .searchArea .jusoType label{line-height: 20px; padding: 10px 29px 10px 8px;}
	.imap header .searchArea .jusoType label, .imap header .searchArea .jusoType select{color: #525252;}
	.imap header .searchArea .jusoType select{padding: 12px 29px 12px 10px;}
	.imap header .searchArea .searchBtn{width: 63px; background: #50AC9B url("../../static/image/common/iconSpr.png") no-repeat -3px -1146px; color: #FFF; font-size: 13px; font-weight: 500; text-align: center; line-height: 28px; border: 1px solid #0085A1; border-radius: 3px; margin-left: 8px; padding-left: 20px; float: right;}
	.imap header .jibun .sltJuso, .imap header .dtlNum, .imap header .planBox .sltPlan, .imap header .textBox{background: #FFF; border-radius: 3px;}
	.imap header .jibun .sltJuso, .imap header .dtlNum{display: inline-block;}
	.imap header .jibun .sltJuso, .imap header .planBox .sltPlan, .imap header .searchArea .textBox{border: 1px solid #D2D2D2;}

	/* SEARCH BOTTOM PANEL // 지번주소(구주소) 시군구선택 */
	.imap header .jibun .sltJuso[data-tooltip-text]:hover:after{width: 285px; bottom: 37px; left: -5px;}
	.imap header .jibun .sltJuso .sido, .imap header .jibun .sltJuso .sgg, .imap header .jibun .sltJuso .emd{min-width: 72px; color: #525252; font-size: 13px; line-height: 23px; letter-spacing: -1px;}
	.imap header .jibun .sltJuso .sido, .imap header .jibun .sltJuso .sgg{padding: 11px 29px 11px 18px;}
	.imap header .jibun .sltJuso .emd{min-width: 80px; padding: 11px 0 11px 18px;}
	.imap header .jibun .sltJuso{float: left;}
	.imap header .jibun .ctgrLink .dropdownList{width: 130px; max-height: 200px; overflow-y: auto!important;}
	.imap header .ctgrLink{display: inline-block; float: left; position: relative;}
	.imap header .ctgrLink:not(:first-of-type)>dt>.innerLink:before{content: ""; width: 20px; height: 20px; background: url("../../static/image/map/iconSpr.png") no-repeat -5px -5px; display: inline-block; position: absolute; left: -13px; top: 11px;}
	.imap header .ctgrLink:not(.disable):hover>dt>.innerLink{text-decoration: underline;}
	.imap header .ctgrLink.disable>dt>.innerLink{cursor: default;}
	.imap header .ctgrLink .dropdownList{background: #FFF; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); padding: 11px 0 6px 4px; position: absolute; top: 51px; left: 2px; display: none;}
	.imap header .ctgrLink .dropdownList .item{line-height: 29px;}
	.imap header .ctgrLink .dropdownList .item:hover{background: #F3FCFF;}
	.imap header .ctgrLink .dropdownList .item:active{background: #ECF9FD;}
	.imap header .ctgrLink .dropdownList .item.active{background: #F3FCFF;}
	.imap header .ctgrLink .dropdownList .item>.innerLink{padding-left: 13px;}
	.imap header .dtlNum{margin-left: 9px; padding: 9px 8px 8px 13px; float: right;}
	.imap header .dtlNum #mainNum, .imap header .dtlNum #subNum{width: 68px; height: 28px; background: #FAFAFA; color: #9F9F9F; border: 1px solid #E1E1E1; padding: 0 8px;}
	.imap header .dtlNum label[for="san"]{color: #555; font-size: 13px; line-height: 30px;}
	.imap header .dtlNum label[for="san"]+input[type="checkbox"]{width: 15px; height: 15px; border-radius: 0; vertical-align: bottom; margin-left: 6px; margin-right: 3px;}
	.imap header .dtlNum .checkBox, .imap header .dtlNum .textBox{display: inline-block; float: left;}
	.imap header .dtlNum .checkBox+.textBox{margin-left: 10px;}
	.imap header .dtlNum .textBox+.textBox{margin-left: 7px;}

	/* SEARCH BOTTOM PANEL // 지번주소(구주소) 상세입력 */
	.imap header .srchDtlInsertBox{background: #F5F5F5; color: #555;  border-radius: 5px; padding: 6px 7px 4px 14px; position: absolute; top: 17px; right: -322px; display: none;}
	.imap header .srchDtlInsertBox .checkBox.san{width: 34px; margin-right: 11px;}
	.imap header .srchDtlInsertBox .checkBox.san label:before{top: 9px; left: 17px;}
	.imap header .srchDtlInsertBox .checkBox input[type="checkbox"]+label{line-height: 32px;}
	.imap header .srchDtlInsertBox .textBox{width: 77px; height: 30px; border-width: 0; border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB;}
	.imap header .srchDtlInsertBox .textBox label, .imap header .srchDtlInsertBox .textBox input[type="text"]{line-height: 28px; padding-left: 7px;}
	.imap header .srchDtlInsertBox .searchBtn{width: 63px; background: #29A9E5; color: #FFF; font-weight: 500; text-align: center; line-height: 28px; border: 1px solid #0880A6; border-radius: 3px;}
	.imap header .srchDtlInsertBox .searchBtn:before{content: "\F00C"; font-weight: 900; margin-right: 4px}

	/* SEARCH BOTTOM PANEL // 사업별 */
	.imap header .planBox{display: none;}
	.imap header .planBox .textBox{width: calc(100% - 188px - 68px); float: right;}
	.imap header .planBox .textBox label{color: #FFF; font-size: 15px;}
	.imap header .planBox .textBox, .imap header .planBox .labelTit, .imap header .planBox .sltPlan{display: inline-block;}
	.imap header .planBox .labelTit{width: 68px; height: 47px; color: #FFF; text-align: right; line-height: 47px; padding-right: 10px;}
	.imap header .planBox .labelTit, .imap header .planBox .sltPlan{float: left;}
	.imap header .planBox .sltPlan{width: 188px;}
	.imap header .planBox .sltPlan .plan{min-width: 72px; background: url("../../static/image/common/iconSpr.png") no-repeat  top -1737px right 12px; color: #525252; font-size: 13px; line-height: 23px; letter-spacing: -1px; padding: 11px 27px 11px 18px;}
	.imap header .planBox .sltPlan .ctgrLink{width: 100%;}
	.imap header .planBox .sltPlan .ctgrLink .dropdownList{width: 226px;}

	/* SEARCH BOTTOM PANEL // 도로명(새주소) */
	.imap header .newJuso{display: none;}
	.imap header .newJuso .textBox{padding: 9px 12px 8px;}
	.imap header .newJuso .textBox[data-tooltip-text]:hover:after{bottom: 37px; left: -5px;}
	.imap header .newJuso .resultBox{width: calc(100% - 67px); height: 162px; background: #FFF; border-radius: 3px; padding: 11px 0 11px 14px; position: absolute; top: 48px; left: 0; overflow-y: auto; display: none;}
	.imap header .newJuso .resultBox li{line-height: 28px; cursor: pointer;}
	.imap header .newJuso .resultBox li:hover{background: #F3FCFF;}
	.imap header .newJuso .resultBox li:active{background: #ECF9FD;}
	.imap header .newJuso .resultBox li>.innerLink{padding-left: 6px;}
	.imap header .newJuso .searchBtn{float: right;}

	/* searchResult */
	.searchResult{border: 1px solid #A8AEB3; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.4); display: none; padding-left: 15px; padding-right: 15px; position: absolute; top: 13px; left: 640px; z-index: 10;}
	.searchResult:not(.open){height: 40px; min-width: 155px; background: #F3F8FF; color: #000; font-size: 16px;}
	.searchResult:not(.open) .resultMsg{line-height: 40px;}
	.searchResult:not(.open) .listGrp{display: none;}
	.searchResult:not(.open) .toggleBtn{background-color: #C4C9D9; top: 50%; right: 15px; transform: translateY(-50%);}
	.searchResult.open{width: 358px; height: 142px; background: #FFF; padding-top: 8px; padding-bottom: 12px;}
	.searchResult.open .toggleBtn{background-color: #C4C9D9; top: 10px; right: 15px;}
	.searchResult.empty .resultBox .emptyMsg{height: 120px; color: #757575; font-size: 15px; text-align: center; line-height: 136px;}
	.searchResult .toggleBtn{width: 21px; height: 21px; background-repeat: no-repeat; border: 1px solid #3E85A9; border-radius: 3px; position: absolute;}
	.searchResult .toggleBtn:not(.on){background-image: url("../../static/image/map/searchSpr.png"); background-position: center -43px;}
	.searchResult.open .toggleBtn.on{background-image: url("../../static/image/map/searchSpr.png"); background-position: center -1px;}
	.searchResult.empty .toggleBtn.on{background-image: url("../../static/image/map/searchSpr.png"); background-position: center -85px;}
	.searchResult .resultBox .resultMsg{height: 40px; line-height: 36px;}
	.searchResult .resultBox .listGrp{height: 82px; padding: 3px 11px 0; overflow-y: scroll;}
	.searchResult .resultBox .listGrp .item{height: 31px; color: #333; font-size: 13px; line-height: 31px; border-bottom: 1px solid #F2F2F2; padding-left: 9px;}

/* MAP TOOL Design set ------------------------------------------------------------------------------------------ */
	/* MAP TOOL // common */
	.mapPnl{position: relative; z-index: 3;}
	.mapPnl .mapTool, .mapPnl .sltMapTool, .mapPnl .legendTool.singleBtn{top: 10px;}
	.mapPnl ul:not(.spfcTool), .mapPnl .spfcToolBox{border-radius: 5px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.4); position: absolute; z-index: 10;}
	.mapPnl ul:not(.spfcTool):not(.sltMapTool) .innerBtn:not(.active){background-color: #FFF; background-repeat: no-repeat;}
	.mapPnl ul:not(.spfcTool):not(.sltMapTool):not(.legendTool) .innerBtn{width: 36px; height: 36px; background-image: url("../../static/image/map/mapSpr.png");}
	.mapPnl ul .innerBtn>a{width: 100%; height: 100%;}
	.mapPnl ul:not(.calcTool):not(.spfcTool):not(.sltMapTool):not(.legendTool) .innerBtn.active{background-color: #50AC9B; color: #FFF; border: 1px solid #0085A1;}
	.mapPnl ul:not(.calcTool):not(.spfcTool):not(.sltMapTool):not(.ctrlTool) .innerBtn:not(.active){background-position-x: 1px;}
	.mapPnl .spfcTool .innerBtn>a, .mapPnl .sltMapTool .innerBtn>a{color: inherit;}
	.mapPnl .spfcTool .innerBtn>a, .mapPnl .sltMapTool .innerBtn>a, .mapPnl .spfcToolBox .tit{font-weight: 600; letter-spacing: -.6px;}
	.mapPnl .ctrlTool .innerBtn.active+.innerBtn{border-top-color: #0880A6;}
	.popBox .close{top: 26px; right: 29px;}
	.customMakerPnl .close{top: 26px; right: 29px;}

	/* MAP TOOL // Map Veiw type Select Tool */
	.mapPnl .spfcToolBox{height: 42px; background: #FFF; padding: 11px 12px 12px; position: absolute; top: 4px; right: 387px; z-index: 10;}
	.mapPnl .spfcToolBox .tit, .mapPnl .spfcToolBox .spfcTool{display: inline-block; float: left;}
	.mapPnl .spfcToolBox .tit{font-size: 13px; color: #525252; line-height: 20px;}
	.mapPnl .spfcToolBox .spfcTool{margin-left: 6px;}
	.mapPnl .spfcToolBox .spfcTool .innerBtn{width: 28px; font-size: 10px; font-weight: 700; text-align: center; line-height: 18px; border: 1px solid #0880A6; display: inline-block; float: left;}
	.mapPnl .spfcToolBox .spfcTool .innerBtn:not(.active){color: #525252;}
	.mapPnl .spfcToolBox .spfcTool .innerBtn.active{background: #29A9E5; color: #FFF;}
	.mapPnl .spfcToolBox .spfcTool .spfcOff{border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
	.mapPnl .spfcToolBox .spfcTool .spfcOn{border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-left: -1px;}

	/* MAP TOOL // Select Map Tool */
	.mapPnl .sltMapTool{background: #2F3337; right: 280px; padding: 4px 6px;}/*top: 4px;*/
	.mapPnl .sltMapTool .innerBtn{height: 34px; font-size: 13px; display: inline-block; float: left; padding: 0 10px;}
	.mapPnl .sltMapTool .innerBtn:not(.active){color: #FFF; line-height: 34px;}
	.mapPnl .sltMapTool .innerBtn.active{background: #50AC9B; color: #FFF; line-height: 32px; border: 1px solid #0085A1; border-radius: 3px;}

	/* MAP TOOL // Legend Tool */
	.mapPnl .legendTool.singleBtn{
		width: 42px; height: 42px; background-color: #FFF;
		border: 1px solid #D3D9DB; border-radius: 3px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.4); padding: 4px; position: absolute; right: 224px; z-index: 2;
	}/*top: 4px;*/
	.mapPnl .legendTool.singleBtn:hover, .mapPnl .legendTool.singleBtn:hover .innerBtn:not(.active){background-color: #CEF3FF;}
	.mapPnl .legendTool .innerBtn{width: 32px; height: 32px; background-image: url("../../static/image/map/mapSpr.png");}
	.mapPnl .legendTool .innerBtn:not(.active){background-position-y: -598px;}
	.mapPnl .legendTool .innerBtn.active{background-color: #50AC9B; color: #FFF; background-position: -30px -598px; border: 1px solid #0085A1; border-radius: 3px; right: 189px;}

	/* MAP TOOL // Legend Panel */
	.legendPnl[data-category="legendpop"]{width: 300px; height: 545px; background: #FFF; border-radius: 3px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.4); padding: 18px 5px 41px 14px; position: absolute; top: 60px; right: 102px; z-index: 9; display: none;}
	.legendPnl .ctgrPart{height: 100%; overflow-y: auto; overflow-x: hidden;}
	.legendPnl .ctgrPart dt, .legendPnl .ctgrPart dd{font-family: "돋움", Dotum, sans-serif;; color: #555; font-size: 11px; line-height: 18px;}
	.legendPnl .ctgrPart dl.dep1:first-of-type{border-top-width: 0; padding-top: 0;}
	.legendPnl .ctgrPart dl.dep1{border-top: 1px solid #EBEBEB; margin-right: 12px; padding: 14px 0 7px;}
	.legendPnl .ctgrPart dl.dep1>dt:before, .legendPnl .ctgrPart dd.dep2 dt:before{width: 15px; height: 15px; background: #29A9E5; color: #FFF; text-align: center; line-height: 18px; border-radius: 100%; display: inline-block;}
	.legendPnl .ctgrPart dt:before{margin-right: 7px;}
	.legendPnl .ctgrPart dd:before{margin: 0 4px 0 22px;}
	.legendPnl .ctgrPart dt:not(.active):before{content: "+";}
	.legendPnl .ctgrPart dt.active:before{content: "-";}
	.legendPnl .ctgrPart dt>.innerLink{height: 100%; color: inherit;}
	.legendPnl .ctgrPart .checkBox{display: inline-block;}
	.legendPnl .ctgrPart .checkBox input[type="checkbox"]+label{padding-left: 26px;}
	.legendPnl .ctgrPart .checkBox input[type="checkbox"]+label:before{top: -1px; left: 0;}
	.legendPnl .ctgrPart dl.dep1>dd{margin-top: 6px;}
	.legendPnl .ctgrPart dl.dep1>dd:not(.dep2){margin-left: 22px;}
	.legendPnl .ctgrPart dl.dep1>dd.dep2{margin-left: 22px;}
	.legendPnl .ctgrPart dl.dep1>dd.dep2 dd{margin-top: 10px; margin-left: 26px;}
	.legendPnl .ctgrPart dt:not(.active)~dd{display: none;}
	.legendPnl .ctgrPart dd.dep2:before,
	.legendPnl .ctgrPart dd:not(.dep2):before,
	.legendPnl .ctgrPart dd:not(.dep2) dd:before{display: none;}
	.legendPnl .ctgrPart dd:not(.dep2) dt:before{vertical-align: 0; margin-right: 4px;}
	.legendPnl .ctgrPart dd:not(.dep2) dd{margin: 14px 0 18px 26px;}

	/* MAP TOOL // Map Tool */
	.mapPnl .mapTool{height: 46px; background: #E1E1E1; border: 1px solid #D3D9DB; right: 10px; padding: 4px;}/*top: 4px;*/
	.mapPnl .mapTool .innerBtn{border: 1px solid #D3D9DB; border-radius: 3px; display: inline-block; float: left;}
	.mapPnl .mapTool .innerBtn~.innerBtn{margin-left: 3px;}
	.mapPnl .mapTool .innerBtn.active{background-position-x: -28px;}
	.mapPnl .mapTool .innerBtn.btnLpPaCbnd{background-position-y: -297px;}
	.mapPnl .mapTool .innerBtn.useDistrict{background-position-y: -357px;}
	.mapPnl .mapTool .innerBtn.satlitMap{background-position-y: -358px;}
	.mapPnl .mapTool .innerBtn.traffic{background-position-y: -477px;}
	.mapPnl .mapTool .innerBtn.people{background-position-y: -718px;}
	.mapPnl .mapTool .innerBtn.roadview{background-position-y: -537px;}

	/* MAP TOOL // Control Tool */
	.mapPnl .ctrlTool{width: 36px; background: transparent; top: 78px; right: 12px;}
	.mapPnl .ctrlTool .innerBtn{border: 1px solid #D3D9DB; border-bottom: 1px solid #F8F8F8; background-position-x: 2px;}
	.mapPnl .ctrlTool .innerBtn:active{border: 1px solid #D3D9DB;}
	.mapPnl .ctrlTool .innerBtn:first-of-type, .mapPnl .ctrlTool .innerBtn:first-of-type>a{border-top-left-radius: 3px; border-top-right-radius: 3px;}
	.mapPnl .ctrlTool .innerBtn:last-of-type, .mapPnl .ctrlTool .innerBtn:last-of-type>a{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
	.mapPnl .ctrlTool .innerBtn.zoomOut~.innerBtn{border-radius: 3px;}
	.mapPnl .ctrlTool .innerBtn.innerBtn:not(.zoomOut])+.innerBtn{border: 1px solid red; margin-top: -1px;}
	.mapPnl .ctrlTool .innerBtn.zoomIn{background-position-y: 2px;}
	.mapPnl .ctrlTool .innerBtn.zoomOut{background-position-y: -58px;}
	.mapPnl ul.ctrlTool .innerBtn:not(.active):active{background-color: #50AC9B; background-position-x: -28px; color: #FFF; border-color: #0085A1;}

	/* MAP TOOL // Calculation Tool */
	.mapPnl .calcTool{top: 150px; right: 12px; margin-top: 16px;}
	.mapPnl .calcTool .innerBtn{background-position-x: 3px;}
	.mapPnl .calcTool .innerBtn:first-of-type, .mapPnl .calcTool .innerBtn:first-of-type>a{border-top-left-radius: 3px; border-top-right-radius: 3px;}
	.mapPnl .calcTool .innerBtn:last-of-type, .mapPnl .calcTool .innerBtn:last-of-type>a{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
	.mapPnl .calcTool .innerBtn:active, .mapPnl .calcTool .innerBtn.active{background-color: #FFF; background-position-x: -27px;}
	.mapPnl .calcTool .innerBtn.distance{background-position-y: -118px;}
	.mapPnl .calcTool .innerBtn.area{background-position-y: -178px;}
	.mapPnl .calcTool .innerBtn.mapreset{background-position-y: -238px;}
	.mapPnl .calcTool .innerBtn.mapreset:active{background-position-x: -28px;}

/* DETAIL PANEL Design set -------------------------------------------------------------------------------------- */
	/* DETAIL TOOL // common */
	.sidePnl{display: inline-block; position: relative; top: 0; left: 0; z-index: 10;transform:translate(-720px,0);-webkit-transform:translate(-720px,0);-moz-transform:translate(-720px,0);-ms-transform:translate(-720px,0);-o-transform:translate(-720px,0);transition-duration: 0.4s;}
	.sidePnl.opnBar{transform:translate(-1px,0);-webkit-transform:translate(-2px,0);-moz-transform:translate(-2px,0);-ms-transform:translate(-2px,0);-o-transform:translate(-2px,0);transition-duration: 0.4s}
	#sideContents{width: 720px; height: 100%; display: inline-block; background: #FFF; border: 1px solid #0074E5; border-radius: 3px; box-sizing: border-box; position: absolute; top: 15px; left: 0px; padding: 15px; overflow-y: auto !important; z-index: 4;}
	#sideContents>div{width: 100%; display: inline-block;}
	#sideContents .board4.bg01 thead th{font-size: 13px;}
	#sideContents .board4.bg01{table-layout: fixed; word-break: break-all;}
	#sideChgCotents.bussDetail{padding-top: 25px;}
	#sideContents.layerPop .bussDetail .part{margin: 0px 0px 10px;}
	#sideContents.layerPop .bussDetail .staPhoto li .buss-photo-tooltip{display: none;position:absolute;font-size:13px;width: inherit;background: #F0F4F8;color: #2A2A2A;padding: 3px 0;border-top: 2px solid #00AA91;border-bottom: 1px solid #BCD3E4;border-right: 1px solid #BCD3E4; text-align: center;pointer-events: none;}
    #sideContents.layerPop .bussDetail .staPhoto li:hover .buss-photo-tooltip{display:block;}
	#sideContents .landAdres{color: #323232; font-size: 20px; font-weight: 600; padding: 4px 0 7px; border-bottom: 2px solid #FFAC6E;}
	#sideContents .landAdres+ul{background: #F5F8FA;}
/* 	#sideContents .landCtgry:not(:first-of-type){border-top: 1px solid #EBEBEB;} */
	#sideContents .landCtgry{padding: 7px;}
	#sideContents .landCtgry .innerLink{width: 100%; height: 40px; color: #5D5F60; line-height: 40px; vertical-align: top; border-radius: 3px; padding: 0 15px;}
	#sideContents .landCtgry:not(.active):hover{background: #DEDEDE;}
/* 	#sideContents .landCtgry:not(.active):hover .district{color: #3359B4;} */
/* 	#sideContents .landCtgry:not(.active):hover .plan{color: #3359B4;} */
	#sideContents .landCtgry .district, #sideContents .landCtgry .plan{font-size: 15px; font-weight: 300; display: inline-block;}
	#sideContents .landCtgry .district{float: left; position: relative; padding-left: 10px;}
	#sideContents .landCtgry .district:before{content: ""; width: 0; height: 0; border-left: 4px solid #0B90B6; border-top: 4px solid transparent; border-bottom: 4px solid transparent; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	#sideContents .landCtgry .plan{float: right;}
	#sideContents .landLink{text-align: right; padding: 15px 0;}
	#sideContents .landLink>.button{background: #FFF; color: #000; font-size: 15px; line-height: 40px; border: 1px solid #10AB95; border-radius: 3px; padding: 0 56px 0 25px; position: relative;}
	#sideContents .landLink>.button:before{content: ""; width: 24px; height: 24px; background-color: #57C7B8; background-image: url("../../static/image/common/iconSpr.png"); background-repeat: no-repeat; background-position: -7px -783px; border-radius: 100%; position: absolute; top: 50%; right: 13px; transform: translateY(-50%);}
	#sideContents .landLink>.button:hover, #sideContents .landLink>.button:hover .fa-map-marker-alt,
	#sideContents .landLink>.button:active, #sideContents .landLink>.button:active .fa-map-marker-alt{color: #FFF;}
	#sideContents .landLink>.button:hover{background: #10AB95;}
	#sideContents .landLink>.button:hover:before, #sideContents .landLink>.button:active:before{background-color: #FFF; background-position: -7px -723px;}
	#sideContents .landLink>.button:active{background: #10AB95;}
	#sideContents .landCtgry.active>.innerLink{background: #7E8E9E;}
	#sideContents .landLink>.button .fa-map-marker-alt{color: #27A0DB; margin-right: 5px;}
	#sideContents .landCtgry.active .district, #sideContents .landCtgry.active .plan{color: #FFF;}
	#sideContents .landCtgry.active .district:before{border-left-color: #67DDFF;}

	#sideContents #cleanupLink{display:none;}
	#sideContents .cleanupLink{text-align: right;} /* padding: 15px 0; */
	#sideContents .cleanupLink>.button{background: #FFF; color: #000; font-size: 15px; line-height: 40px; border: 1px solid #10AB95; border-radius: 3px; padding: 0 56px 0 25px; position: relative;}
	#sideContents .cleanupLink>.button:before{content: ""; width: 24px; height: 24px; background-color: #57C7B8; background-image: url("../../static/image/common/iconSpr.png"); background-repeat: no-repeat; background-position: -7px -783px; border-radius: 100%; position: absolute; top: 50%; right: 13px; transform: translateY(-50%);}
	#sideContents .cleanupLink>.button:hover, #sideContents .cleanupLink>.button:hover .fa-map-marker-alt,
	#sideContents .cleanupLink>.button:active, #sideContents .cleanupLink>.button:active .fa-map-marker-alt{color: #FFF;}
	#sideContents .cleanupLink>.button:hover{background: #10AB95;}
	#sideContents .cleanupLink>.button:hover:before, #sideContents .cleanupLink>.button:active:before{background-color: #FFF; background-position: -7px -723px;}
	#sideContents .cleanupLink>.button:active{background: #10AB95;}
	#sideContents .cleanupLink>.button .fa-map-marker-alt{color: #27A0DB; margin-right: 5px;}

	#sideTab{background: #E8EBEF; border: 1px solid #ADB1B5; border-top: 1px solid #464646;}
	#sideTab .tabs{width: 50%; height: 52px; background: #E8EBEF; color: #313131; font-size: 18px; text-align: center; line-height: 50px; border-left: 1px solid #ADB1B5; border-bottom: 1px solid #ADB1B5; margin: 0 0 -1px;}
	#sideTab .tabs.active{background: #FFF; border-bottom: 1px solid #FFF;}
	#sideTab .tabs.active:only-of-type{border-right: 1px solid #ADB1B5;}
	#sideTab .tabs.each3{width: calc(100% / 3);}

	/* panel pull */
	.sideToggleBtn{width: 24px; height: 60px; background: #FFF; border: 1px solid #0074E5; border-left-width: 0; box-shadow: 2px 2px 3px rgba(0,0,0,.15); position: absolute; top: 50%; left: 719px; transform: translateY(-50%); z-index: 11;}/*box-shadow: 1px 1px 2px #888;*/
	.sideToggleBtn:before{content: ""; position: absolute; top: 50%;}/*transform: translateY(-50%);*/
/* 	.sideToggleBtn.opnBar:before{border: 5px solid transparent; border-left-color: #0A91BC; left: 50%; transform: translateY(-50%); margin-left: -3px;} */
/* 	.sideToggleBtn.clsBar{box-shadow: 3px 1px 2px #888;;} */
/* 	.sideToggleBtn.clsBar:before{border: 5px solid transparent; border-right-color: #0A91BC; margin-left: 1px;} */

	.sideToggleBtn .arr{width: 9px; height: 14px; background: url("../../static/image/map/pull.png") no-repeat center; display: inline-block; position: absolute; top: 50%; left: 50%;}
	.sideToggleBtn.opnBar .arr{transform: translate(-50%, -50%);}
	.sideToggleBtn.clsBar .arr{transform: translate(-50%, -50%) rotate(-180deg);}
	/* css pull bak *** 2020-12-10
	.sideToggleBtn .arr{width: 0; height: 0; border: 10px solid transparent; border-left-color: #007DD5; display: inline-block; margin: 0 0 0 7px; padding: 0; position: relative; top: 50%;}
	.sideToggleBtn .arr:after{border: 14px solid transparent; border-left-color: #FFF; margin-top: -14px; left: -16px;}
	.sideToggleBtn.opnBar .arr{transform: translateY(-50%) rotate(-180deg); left: -10px;}
	.sideToggleBtn.clsBar .arr{transform: translateY(-50%);}
	.sideToggleBtn .arr:after{content: ""; width: 0; height: 0; display: block; position: absolute; top: 0;}
	*/
	.handleArea{height: 0; text-align: center;}
	.handleArea .drboxToggleBtn{width: 97px; height: 31px; background: #FFF; color: #4A4949; font-size: 13px; text-align: center; line-height: 28px; border: 1px solid #D0D1D2; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; margin-top: -1px; position: relative; z-index: 2;}
	.handleArea .drboxToggleBtn.opnBar:before{content: "\F002"; font-family: "Font Awesome 5 Free"; color: #2B95F9; font-weight: 900; margin-right: 5px;}
	.handleArea .drboxToggleBtn.clsBar:before{content: "\F106"; font-family: "axicon"; color: #464646; font-size: 24px;}

	/* daum map view content */
	.layerPop .wrap_map, .layerPop .wrap_roadview{width: 50%; height: 300px; display: inline-block; float: left; position: relative;}
	.layerPop .wrap_map #pmap, .layerPop .wrap_roadview #roadview{width: 100%; height: 100%;}
	.layerPop .wrap_roadview #roadview, .layerPop .wrap_button .btn_comm{font-size: 13px;}
	.layerPop .wrap_button{padding: 5px 7px; position: absolute; top: 0; left: 0; z-index: 998;}
	.layerPop .wrap_button .btn_comm{background: rgba(101,124,150,.8); color: #FFF; padding: 3px 10px;}
	.wrap_content{}
	.wrap_map, .wrap_roadview{width: 50%; height: 300px; display: inline-block; float: left; position: relative;}
	.wrap_map #pmap, .wrap_roadview #roadview{width: 100%; height: 100%;}
	.wrap_button{padding: 5px 7px; position: absolute; top: 0; left: 0; z-index: 998;}
	.wrap_button .btn_comm{background: rgba(101,124,150,.8); color: #FFF; padding: 3px 10px;}
@media screen and (max-width: 719px){
	/* supporting Tablet device to mobile device */
	.layerPop .wrap_map, .layerPop .wrap_roadview{width: 100%; height: 30vh; display: block; float: none;}
	.layerPop .wrap_map #pmap{width: 100%; height: 100%;}
	.layerPop .wrap_roadview #roadview{width: 100%; height: 100%;}
}

	#dM_container {overflow:hidden;}
	#dM_mapWrapper {width:100%;height:100%;z-index:1;}
	#dM_rvWrapper {width:50%; height:100%;right:0;position:absolute;z-index:0;}
	#dM_container.view_roadview #dM_mapWrapper {width: 50%;}
	#dM_container.view_roadview #dM_mapWrapper #map{width: 50%;}
	#dM_close {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
	#dM_close .img {display: block;background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}

	.fp_label{font-size: .8em; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color: #ff5200; }
	.fp_label .impTxt{font-wiehgt: bold;}
	.fp_label .center{text-align: center;}

	.fp_wrap {position: absolute;left: 0;bottom: 40px;width: 378px;height: 238px;margin-left: -188px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
	.fp_wrap * {padding: 0;margin: 0;}
	.fp_wrap .info {width: 376px;height: 226px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
	.fp_wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
	.fp_wrap .info .title {padding: 3px 0 0 10px;height: 34px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
	.fp_wrap .info .close {position: absolute;top: 8px;right: 10px;color: #888;width: 17px;height: 17px; background: url('../../static/image/map/overlay_close.png');}
	.fp_wrap .info .close:hover {cursor: pointer;}
	.fp_wrap .info .body {position: relative;overflow: hidden;}
	.fp_wrap .info .desc {position: relative;/* margin: 13px 0 0 90px; */height: 196px;box-sizing: border-box;padding: 8px;}
	.fp_wrap .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.fp_wrap .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
	.fp_wrap .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
	.fp_wrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('../../static/image/map/vertex_white.png')}
	.fp_wrap .info .link {color: #5085BB;}
	.fp_wrap .fpttTxt{    font-size: 1.5em;color: #444;font-weight: bold;position: absolute;top: 37%;left: 23%;}
	.fp_wrap .fpttTxt span{color: #3457B3;}
	/* .fp_wrap .reqdt {position: absolute;right: 12px;margin-top: 5px;font-size: .9em;} */

	.mySlides {display: none}
	.slideshow-container {max-width: 1000px;position: relative;margin: auto;width: 100%;height: 100%;}
	.fp_wrap .prev,.fp_wrap .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 12px;margin-top: -34px;color: #2085d6;font-weight: bold;font-size: 18px;transition: 0.6s ease;}
	.fp_wrap .next {right: 0;border-radius: 3px 0 0 3px;}
	.fp_wrap .prev {left: 0;border-radius: 3px 0 0 3px;}
	.fp_wrap .prev:hover,.fp_wrap .next:hover {background-color: rgba(226, 226, 226, 0.5);}
	.slideshow-container .text {color: #f2f2f2;font-size: 15px;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}
	.slideshow-container .numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
	.slideshow-container .dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
	.slideshow-container .active,.slideshow-container .dot:hover {background-color: #717171;}
	.slideshow-container .fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
	@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
	@keyframes fade {from {opacity: .4} to {opacity: 1}}
	@media only screen and (max-width: 300px) {.prev, .next,.text {font-size: 11px}}

	.roadview{background-color: #eee; line-height: 1.6;}
	.roadview .roadviewLink{position: absolute;top: 40px;word-break: break-word; padding:10px; box-sizing: border-box;}
	.roadview .roadviewAnn{position: absolute;top: 135px;word-break: break-word; padding:10px; box-sizing: border-box;}
	.roadview a{color: #2085d6;text-decoration: underline;}
	.roadview span{color: #2085d6;}

	.rvModal div{padding:10px; box-sizing: border-box;}
	.rvModal a{color: #2085d6;text-decoration: underline;}
	.rvModal span{color: #2085d6;}

	#pmap{position: absolute; z-index: 4;}
	#players{position: absolute; z-index: 5;width: 100%; height: 100%;}
	#players .ol-viewport .ol-zoom{left: auto; right: .5em;}

	.emptyConts{height:100px;text-align: center;font-size: 16px;}
	.emptyConts .axi.axi-error{font-size: 25px;vertical-align: sub;margin-right: 5px;color: #2085D6;}

	.MapWalker {position:absolute;margin:-26px 0 0 -51px}
	.MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px;height:39px;background:url("../../static/image/map/roadview_minimap_wk.png") -298px -114px no-repeat}
	.MapWalker .angleBack {width:102px;height:52px;background:url("../../static/image/map/roadview_minimap_wk.png") -834px -2px no-repeat;}
	.MapWalker.m0 .figure {background-position: -298px -114px;}
	.MapWalker.m1 .figure {background-position: -335px -114px;}
	.MapWalker.m2 .figure {background-position: -372px -114px;}
	.MapWalker.m3 .figure {background-position: -409px -114px;}
	.MapWalker.m4 .figure {background-position: -446px -114px;}
	.MapWalker.m5 .figure {background-position: -483px -114px;}
	.MapWalker.m6 .figure {background-position: -520px -114px;}
	.MapWalker.m7 .figure {background-position: -557px -114px;}
	.MapWalker.m8 .figure {background-position: -2px -114px;}
	.MapWalker.m9 .figure {background-position: -39px -114px;}
	.MapWalker.m10 .figure {background-position: -76px -114px;}
	.MapWalker.m11 .figure {background-position: -113px -114px;}
	.MapWalker.m12 .figure {background-position: -150px -114px;}
	.MapWalker.m13 .figure {background-position: -187px -114px;}
	.MapWalker.m14 .figure {background-position: -224px -114px;}
	.MapWalker.m15 .figure {background-position: -261px -114px;}
	.MapWalker.m0 .angleBack {background-position: -834px -2px;}
	.MapWalker.m1 .angleBack {background-position: -938px -2px;}
	.MapWalker.m2 .angleBack {background-position: -1042px -2px;}
	.MapWalker.m3 .angleBack {background-position: -1146px -2px;}
	.MapWalker.m4 .angleBack {background-position: -1250px -2px;}
	.MapWalker.m5 .angleBack {background-position: -1354px -2px;}
	.MapWalker.m6 .angleBack {background-position: -1458px -2px;}
	.MapWalker.m7 .angleBack {background-position: -1562px -2px;}
	.MapWalker.m8 .angleBack {background-position: -2px -2px;}
	.MapWalker.m9 .angleBack {background-position: -106px -2px;}
	.MapWalker.m10 .angleBack {background-position: -210px -2px;}
	.MapWalker.m11 .angleBack {background-position: -314px -2px;}
	.MapWalker.m12 .angleBack {background-position: -418px -2px;}
	.MapWalker.m13 .angleBack {background-position: -522px -2px;}
	.MapWalker.m14 .angleBack {background-position: -626px -2px;}
	.MapWalker.m15 .angleBack {background-position: -730px -2px;}
	#cctvSource {display:none;position: absolute;background: #fff;border: 1px solid #d8d7d7;font-size: 11px;bottom: 30px;right: 30px;z-index: 2;padding: 1px 5px;}
	#peopleSource {display:none;position: absolute;background: #fff;border: 1px solid #d8d7d7;font-size: 11px;bottom: 30px;right: 30px;z-index: 2;padding: 1px 5px;}
/* 	#sideContents .landCtgry .innerLink:hover{background: #dedede;} */
/* 	#sideContents .landCtgry .innerLink:hover .district{color: #3359B4;} */
/* 	#sideContents .landCtgry .innerLink:hover .plan{color: #3359B4;} */

	.btn_close {position: absolute;top: 15px;right: 15px;width: 38px;height: 38px;border-radius: 19px;background-color: rgba(0,0,0,0.7);}
	.btn_close:hover {background-color: rgba(0,0,0,0.9);}
	.btn_close .ico_roadview2 {width: 14px;height: 14px;margin-top: 6px;background-position: -60px -40px}
	.ico_roadview2 {display: inline-block;vertical-align: top;background: url("../../static/image/map/ico_roadview.png") no-repeat;background-size: 200px auto;font-size: 0;line-height: 0;text-indent: -9999px;}

	[data-tooltip-bottom-text]:hover {position: relative;}
	[data-tooltip-bottom-text]:after {
		-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	    -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	    transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	    background-color: rgba(0, 0, 0, 0.8);
	    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    color: #FFFFFF;
	    font-size: 12px;
	    padding: 7px 12px;
	    position: absolute;
	    display: inline-block;
	    max-width: 150px;
	    word-wrap: break-word;
	    z-index: 9999;
	    opacity: 0;
	    left: -9999px;
	    top: 90%;
	    content: attr(data-tooltip-bottom-text);
	    text-align: center;
	    width: auto;
	    min-width: 70px;
	    min-height: 20px;
	    line-height: 1em;
	}
	[data-tooltip-bottom-text].min:after{min-width: 58px;}
	[data-tooltip-bottom-text].min:hover:after{left: -32%;}
	[data-tooltip-bottom-text]:hover:after {top: 90%;left: -50%;opacity: 1;}
	[data-tooltip-left-text]:hover {position: relative;}
	[data-tooltip-left-text]:after {
		-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	    -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	    transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	    background-color: rgba(0, 0, 0, 0.8);
	    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    color: #FFFFFF;
	    font-size: 12px;
	    padding: 7px 12px;
	    position: absolute;
	    display: inline-block;
	    max-width: 100px;
	    word-wrap: break-word;
	    z-index: 9999;
	    opacity: 0;
	    right: -9999px;
	    top: 90%;
	    content: attr(data-tooltip-left-text);
	    text-align: center;
	    width: auto;
	    min-width: 70px;
	    height: 20px;
	    line-height: 0.5em;
	}
	[data-tooltip-left-text]:hover:after {top: 20%;opacity: 1;right: 120%;}


.jstree-checkbox.jstree-undetermined:before {
    content:'\220E';
    color: #50AC9B;
    background: #F9F9F9;
    border-color: #E1E1E1;
    font-style: normal;
    padding-left: 2.5px;
}

/* checkbox 사용안함 */
.jstree-default .no-checkbox > a > .jstree-checkbox { display:none; }
.jstree-default .no-checkbox > a.jstree-disabled {
    background: transparent;
    box-shadow: none;
    color: inherit;
}
.jstree-default .no-checkbox > a.jstree-disabled > .jstree-icon {
    opacity: initial;
    filter: initial;
    -webkit-filter: initial;
}

.measuretooltip.tooltip-static, .measuretooltip.tooltip-measure {
	background: #F9F9F9;
	padding: 0 5px;
	border: solid 1px;
	border-radius: 3px
}