@charset "UTF-8";

/* imap Layout Design set --------------------------------------------------------------------------------------- */
	/* imap // System Layout */
	#imap .header{width: 100%; position: fixed; z-index: 999;}
	#imap .headTop{background: #FFF; text-align: center; padding-bottom: 15px;}}
	#imap .headTop .logo{}
	#imap .headTop .logo img{width: 260px;}
	#imap .headBtom{height: 50px; background: url("../../static/image/map/headerBg.png") repeat-x 0 0;}
	#imap .imapView{width: 100%; height: 100%; min-height: 100vh;}
	#map, #layers{width:100%; height: 100%; top: 0; display:inline-block; position:absolute;}
	#map.fullView, #layers.fullView{height: 100%; top: 0;}

	/* imap // Search Tool */
	#imap .imapView .searchBox{background: #FFF; position: relative; z-index: 4;}
	#imap .imapView .searchBox:not(.active){display: none;}
	#imap .searchBox .boxTop{height: 50px; background: #3358B4 url(../../static/image/map/headerBg.png) repeat-x 0 0; position: relative;}
	#imap .searchBox .boxTop .srchInsert{width: 100%; color: #FFF; position: absolute; top: 50%; left: 15px; transform: translateY(-50%)}
	.boxTop .srchInsert .textBox, .boxTop .srchInsert .searchBtn, .boxTop .srchInsert .selectBox{height: 28px;}
	.boxTop .srchInsert .textBox input[type="text"],
	.boxTop .srchInsert .selectBox{border: 1px solid #404A64;}
	.boxTop .srchInsert .selectBox:before{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #696969; top: 50%; right: 7px; margin-top: -.15em;}
	.boxTop .srchInsert.tabJibun .sido{width: 105px;}
	.boxTop .srchInsert.tabJibun .sgg{width: 75px;}
	.boxTop .srchInsert.tabJibun .emd{width: 100px; margin-right: 10px;}
	.boxTop .srchInsert.tabJibun .emd+.checkBox{margin-right: 25px;}
	.boxTop .srchInsert.tabJibun .landNum{width: calc(20% - 5px); max-width: 60px;}
	.boxTop .srchInsert.tabJibun .minus{margin-top: 3px;}
	.boxTop .srchInsert.tabJibun .selectBox label, .boxTop .srchInsert.tabJibun .selectBox select{color: #3C3C3C; font-weight: 300; padding: .15em .5em;}
	.boxTop .srchInsert.tabJibun .textBox label, .boxTop .srchInsert .selectBox input[type="text"]{padding: .25em .9em;}
	.boxTop .srchInsert.tabJibun .checkBox input[type="checkbox"] + label{padding: 3px 15px 0 0;}
	.boxTop .srchInsert.tabJibun .checkBox input[type="checkbox"] + label:before{top: .45em; left: 15px;}
	.boxTop .srchInsert.tabJibun .juso{width: 100%; height: 28px;}
	.boxTop .srchInsert.tabJibun .juso label, .boxTop .srchInsert .juso input[type="text"]{font-size: 15px;}
	.boxTop .srchInsert.tabJibun .juso label{padding: .15em .9em;}
	.boxTop .srchInsert.tabJibun .juso input[type="text"]{border: 1px solid #404A64;}
	.boxTop .srchInsert.tabJibun .searchBtn{width: 87px; font-size: 17px; line-height: 26px; margin: 0 0 0 13px;}
	.boxTop .srchInsert.tabPlan>.textBox, .boxTop .srchInsert.tabPlan>.searchBtn, .boxTop .srchInsert.tabBldg>.textBox, .boxTop .srchInsert.tabBldg>.searchBtn{display: inline-block; float: left;}
	.boxTop .srchInsert.tabPlan>.textBox label, .boxTop .srchInsert.tabPlan>.selectBox input[type="text"]{padding: .25em .9em;}
	.boxTop .srchInsert.tabPlan>.textBox, .boxTop .srchInsert.tabBldg>.textBox{width: calc(100% - 130px);}
	.boxTop .srchInsert.tabPlan .searchBtn, .boxTop .srchInsert.tabBldg .searchBtn{width: 87px; font-size: 17px; line-height: 26px; margin: 0 0 0 13px;}
	.boxBtom{box-shadow: 3px 3px 1px rgba(0,0,0,.1);}
	.boxBtom .srchResult .pull{background: #EEF3FF; color: #6B85CA; font-size: 40px; text-align: center; line-height: 30px;}
	.srchResult .pull .axi{width: 45px; height: 24px; color: rgba(52,87,179,.7); font-size: 45px; vertical-align: middle; position: relative;}
	.srchResult .pull .axi:before{position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
	.boxBtom .srchResult .tabsArea{background: #EEF3FF; height: 45px; color: #FFF; border: 1px solid #3457B3; border-top: none; padding: 0 15px 16px;}
	.boxBtom .srchResult .tabsArea.active{}
	.boxBtom .srchResult .tabsArea:not(.active){display: none;}
	.boxBtom .srchResult .tabsArea:not(.active)+.dropDownBox{display: none;}
	.srchResult .tabsArea li:not(.pull){margin-right: 2px;}
	.srchResult .tabsArea .tab{
		width: 70px; height: 32px; background: #FFF; color: #3457B3; font-size: 16px; text-align:center; line-height: 30px;
		border: 1px solid #3457B3; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	}
	.srchResult .tabsArea .tab.active{background: #2085D6; color: #FFF; line-height: 26px; border: 1px solid #2085D6;}
	.srchResult .dropDownBox{background: #FFF; border: 1px solid #3457B3; border-top: none; padding: 9px 10px 10px; position: relative; z-index: 3;}
	.srchResult .dropDownBox .srchCnt{font-size: 16px; line-height: 30px;}
	.srchResult .dropDownBox .srchCnt:before, .srchResult .dropDownBox .srchCnt .cntNum{color: #3457B3;}
	.srchResult .dropDownBox .emptyRslt{width: 100%; height: 100px;}
	.srchResult .dropDownBox .emptyRslt.outter{text-align: center; display: table;}
	.srchResult .dropDownBox .emptyRslt .inner{vertical-align: middle; display: table-cell;}
	.srchResult .dropDownBox .emptyRslt .axi{color: #454545; font-size: 16px;}
	.srchResult .dropDownBox .emptyRslt .axi:before{color: #A1A1A1; font-size: 25px; vertical-align: -5px; margin-right: 8px;}
	.srchResult .scrollbarUi{max-height: 185px; background: #F5F6F9; border: 1px solid #D4D4D4; padding: 0 0 0 10px;}
	.srchResult .scrollbarUi ul{padding-right: 5px;}
	.srchResult .scrollbarUi li{background: url("../../static/image/common/blltSpr.png") no-repeat -10px -174px; line-height: normal; border-bottom: 1px solid #D4D4D4; padding: 11px 0 7px 15px;}
	.srchResult .scrollbarUi li{background-position: -10px -174px; line-height: normal; border-bottom: 1px solid #D4D4D4; padding: 11px 0 7px 15px;}
	.srchResult .scrollbarUi li:last-of-type{border-bottom: none;}
	.srchResult .scrollbarUi li > a{width: 100%; color: #444; font-size: 15px; font-weight: 300;}

	/* imap // Map Control Tool */
	.imapView .mapCtrlTool * a,	.imapView .innerBox>a{color: transparent; font-size: 0; vertical-align: top;}
	.imapView .mapCtrlTool * a:active,	.imapView .innerBox>a:active{background-color: #D8DDE8;}
	.mapCtrlTool .outter{display: table;}
	.mapCtrlTool .inner{text-align: center; vertical-align: middle; display: table-cell;}
	.mapCtrlTool .setMapBox{width: 37px; height: 73px; background: transparent; border: none; position: absolute; top: 110px; right: 20px; z-index: 3;}
	.mapCtrlTool .setMapBox a{width: 40px; height: 40px; border: 1px solid #525A64; border-radius: 5px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,.3); margin: 5px 0;}
	.mapCtrlTool .setMapBox .configMap{background: #FFF url("../../static/image/map/configMap.png") no-repeat center; background-size: 100%;}
	.mapCtrlTool .setMapBox .btnLpPaCbnd{background: #FFF url("../../static/image/map/m_map01.png") no-repeat center; background-size: 100%;}
	.mapCtrlTool .setMapBox .useDistrict{background: #FFF url("../../static/image/map/m_map02.png") no-repeat center; background-size: 100%;}
	.mapCtrlTool .setMapBox .fullscreen.on{background: #FFF url("../../static/image/map/fullscreenOn.png") no-repeat center; background-size: 100%;}
	.mapCtrlTool .setMapBox .fullscreen.off{background: #FFF url("../../static/image/map/fullscreenOff.png") no-repeat center; background-size: 100%;}
	.mapCtrlTool .setMapBox .gps{background: #FFF url("../../static/image/map/map_gps.png") no-repeat center; background-size: 100%;}
	/* 기능삭제로 인하여 모바일에서는 사용하지않음 ***
	.mapCtrlTool .zoomBox{width: 37px; height: 73px; border-radius: 37px; top: 182px;}
	.mapCtrlTool .zoomBox .zoomIn, .mapCtrlTool .zoomBox .zoomOut{border-radius: 28px;}
	.mapCtrlTool .zoomBox .zoomIn{background-position: center -119px;}
	.mapCtrlTool .zoomBox .zoomOut{background-position: center -178px;}
	.mapCtrlTool .editBox{width: 37px; height: 106px; border-radius: 5px; top: 273px;}
	.mapCtrlTool .editBox .distance, .mapCtrlTool .editBox .area, .mapCtrlTool .editBox .undo{border-radius: 5px;}
	.mapCtrlTool .editBox .distance{background-position: center -242px;}
	.mapCtrlTool .editBox .area{background-position: center -301px;}
	.mapCtrlTool .editBox .undo{background-position: center -361px;}
	.mapCtrlTool .typeChgBox{width: 37px; height: 106px; border-radius: 5px; top: 280px;}
	.mapCtrlTool .typeChgBox .skyMap, .mapCtrlTool .typeChgBox .traffic, .mapCtrlTool .typeChgBox .preferences, .mapCtrlTool .typeChgBox .gps, .mapCtrlTool .typeChgBox .people{border-radius: 5px;}
	.mapCtrlTool .typeChgBox .skyMap{background-position: center -539px;}
	.mapCtrlTool .typeChgBox .traffic{background-position: center -478px;}
	.mapCtrlTool .typeChgBox .people{background-position: center;}
	.mapCtrlTool .typeChgBox .preferences{background-position: center -419px;}
	.mapCtrlTool .typeChgBox .people{background-image: url("../../static/image/map/people_ico.png");}
	*/
	.toolNavi{width: 100vw; height: 60vw; background: #FFF; border: 2px solid #2085D6; border-bottom: none; border-radius: 20px 20px 0 0; position: fixed; bottom: -35vw; opacity: 0; z-index: 999;}
	.toolNavi .innerBox{width: calc(100vw - 19.4vw); background: transparent; border: none; position: absolute; top: calc(50% - 10px); left: 50%; right: 62px; transform: translate(-50%,-50%); z-index: 999;}
	.toolNavi .innerBox a{
		width: 16.9vw; height: 16.9vw; background-color: #EFEFEF; background-image: url("../../static/image/map/mapSpr_big.png"); background-size: 200%; background-repeat: no-repeat;
		border: 1px solid #D8D8D8; border-radius: 100%; display: inline-block; float: left; position: relative;
	}
	.toolNavi .innerBox a:not(:first-of-type){margin-left: 4.1vw;}
	.toolNavi .innerBox a:not(:nth-of-type(-n+4)){margin-top: 10vw;}
	.toolNavi .innerBox a:nth-of-type(4n+1){clear: left; margin-left: 0;}
	.toolNavi .innerBox a.active{background-color: #2085D6;}
	.toolNavi .innerBox>a:before{width: inherit; color: #5A5A5A; font-size: 3.5vw; text-align: center; position: absolute; bottom: -6.7vw;}
	.toolNavi .preferences:before{content: "설정";}
	.toolNavi .traffic:before{content: "교통정보";}
	.toolNavi .skyMap:before{content: "위성정보";}
	.toolNavi .people:before{content: "유동인구";}
	.toolNavi .roadview:before{content: "로드뷰";}
	.toolNavi .distance:before{content: "거리재기";}
	.toolNavi .area:before{content: "면적계산";}
	.toolNavi .undo:before{content: "초기화";}
	.toolNavi .preferences:not(.active){background-position: left 0 top 0;}
	.toolNavi .traffic:not(.active){background-position: left -1% top 14.3%;}
	.toolNavi .skyMap:not(.active){background-position: left -1% top 28.7%;}
	.toolNavi .people:not(.active){background-position: left -1% top 42.5%;}
	.toolNavi .roadview:not(.active){background-position: left 0 top 57.3%;}
	.toolNavi .distance:not(.active){background-position: left 0 top 71.5%;}
	.toolNavi .area:not(.active){background-position: left 0 top 85.7%;}
	.toolNavi .undo:not(.active){background-position: left -1% top 100%;}
	.toolNavi .preferences.active{background-position: left 100% top 0;}
	.toolNavi .traffic.active{background-position: left 100% top 14.3%;}
	.toolNavi .skyMap.active{background-position: left 100% top 28.7%;}
	.toolNavi .people.active{background-position: left 100% top 42.5%;}
	.toolNavi .roadview.active{background-position: left 100% top 57.3%;}
	.toolNavi .distance.active{background-position: left 100% top 71.5%;}
	.toolNavi .area.active{background-position: left 100% top 85.7%;}
	.toolNavi .undo.active{background-position: left 100% top 100%;}
@media screen and (max-width: 420px){
	/* supporting  wide Moblie device to 4in iPhone(5/5s/SE) device */
	#imap .searchBox .boxTop .srchInsert{left: 8px;}
	.boxTop .srchInsert.tabJibun .emd+.checkBox{margin-right: 15px;}
	.boxTop .srchInsert.tabJibun .landNum{width: calc(20% - 1.5em);}
	.boxTop .srchInsert.tabJibun .searchBtn{width: calc(100% - 21.5em); min-width: 16%; font-size: 15px;}
	.boxTop .srchInsert.tabJibun .textBox label, .boxTop .srchInsert.tabJibun .selectBox input[type="text"]{padding: .25em .5em;}
	.boxTop .srchInsert.tabPlan>.textBox{width: calc(100% - 115px);}
}
@media screen and (max-width: 420px) and (min-width: 361px){
	/* wide Moblie device */
	.boxTop .srchInsert.tabJibun .searchBtn{margin-left: 10px;}
}
@media screen and (max-width: 360px){
	/* 4in iPhone(5/5s/SE) support */
	.boxTop .srchInsert.tabJibun .emd{width: 95px; margin-right: 5px;}
	.boxTop .srchInsert.tabJibun .searchBtn{margin-left: 5px;}
}

	/* 레이어조절창 */
	.control_wrap{width: 100%; background: #fff; border: 1px solid #3457B3; position: absolute; top: 0; right: 0; z-index: 99999;}
	.control_wrap .header{background: #69C1F0; position: relative;}
	.control_wrap .header > h2{color: #FFF; font-size: 13px; font-weight: 100; padding: 5px 7px 3px;}
	.control_wrap .header > button{width: 50px; height: 100%; background: #69c1f0 no-repeat -460px -32px; text-indent: -999em; position: absolute; top: 0; right: 0;}
	.control_wrap .ctrltit{background: #2C3642; color: #FFF; font-size: 16px; line-height: 38px; border-bottom: 1px solid #3457B3; padding-left: 15px;}
	.control_wrap .ctrltit .close{width: 36px; height: inherit; background: #4B545E url("../../static/image/common/controls.png") no-repeat center -165px; vertical-align: -6px; cursor: pointer;}
	.control_wrap .ctrltit .close > a{height: 32px;}
	.control_wrap .contents{min-height: 300px; max-height: 600px; margin: 7px; overflow-x: hidden; overflow-y: scroll;}
	.control_wrap .contents > p{font-size: 11px; border-bottom: 1px solid #959595; margin-bottom: 5px; padding-left: 17px;}

	/* 필지정보 레이어팝업 관련 */
	.layerPop01 .contArea li.landLink{text-align: center; padding: 7px 17px 0;}
	.layerPop01 .contArea li.landLink>.button{width: 100%; background: #FFF; color: #3A3B3B; font-size: 15px; line-height: 40px; border: 1px solid #2085D6; border-radius: 3px; padding: 0 15px;}
	.layerPop01 .contArea li.landLink>.button .fa-map-marker-alt{color: #27A0DB;}

	/* imap Mobile Popup Detail */
	.bussDetail.contArea .board1{width: 100%; border-top: 2px solid #0190D5;}
	.bussDetail .board1 .list{width: 100%; background: #F8F7F7; line-height: 1.7; border-bottom: 1px solid #E1E1E1; display: inline-block; padding: 16px 15px;}
	.bussDetail .board1 .list:nth-of-type(odd){background: #F8F7F7;}
	.bussDetail .board1 .list:nth-of-type(even){background: #FFF;}
	.bussDetail .board1 .list > *{font-size: 13px; font-weight: 300;}
	.bussDetail .board1 .list > *:before{color: #3457B3; font-weight: normal; margin-right: 7px;}
	.bussDetail .board1 .list a{color: inherit;}
	.bussDetail .board1 .list #prjType:before{content: "사업구분"}
	.bussDetail .board1 .list #prjName:before{content: "사업명"}
	.bussDetail .board1 .list #prjPosition:before{content: "사업위치"}
	.bussDetail .board1 .list #prjArea:before{content: "면적(\33A1)"}
	.bussDetail .board1 .list #bsnsPublicUrl:before{content: "시행지침"}
	.bussDetail .board1 .list #bsnsPrvateUrl:before{content: ""}

	.bussDetail .board1 .list #flowSpace:before{content: "용적률(\FF05)"}
	.bussDetail .board1 .list #landRatio:before{content: "건폐율(\FF05)"}
	.bussDetail .board1 .list #height:before{content: "층수(이하)/높이"}
	.bussDetail .board1 .list #prjMethod:before{content: "사업시행방식"}
	.bussDetail .board1 .list #repairKind:before{content: "정비유형"}
	.bussDetail .board1 .list #propulsionStep:before{content: "추진단계"}

	.bussDetail .board1 .list #bldgUsing:before{content: "용도"}
	.bussDetail .board1 .list #houseNum:before{content: "세대수"}
	.bussDetail .board1 .list #floorNum:before{content: "층수"}
	.bussDetail .board1 .list #buildNum:before{content: "동수"}
	.bussDetail .board1 .list #others:before{content: "기타"}

	.bussDetail .board1 .list .staDate:before{content: "날짜"}
	.bussDetail .board1 .list .staCont:before{content: "추진현황"}
	.bussDetail .board1 .list .staData:before{content: "관련자료"}

	.bussDetail .board1 .list .jachigu:before{content: "구분"}
	.bussDetail .board1 .list .departName:before{content: "소속 및 성명"}
	.bussDetail .board1 .list .phnNum:before{content: "연락처"}
	.bussDetail .board1 .list .mailAddrs:before{content: "E-Mail"}
	.bussDetail .board1 .list .homepage:before{content: "홈페이지"}

	.bussDetail .board1 .list #uq162_scale_1:before{content: "최대개발규모"}
	.bussDetail .board1 .list #uq162_scale_0:before{content: "최소개발규모"}
	.bussDetail .board1 .list #UPIS_C_UQ162:before{content: "획지단위개발"}
	.bussDetail .board1 .list #UPIS_C_UQ167_DS:before{content: "공동개발지정"}
	.bussDetail .board1 .list #UPIS_C_UQ167_RC:before{content: "공동개발권장"}
	.bussDetail .board1 .list #UPIS_C_UQ167_BA:before{content: "맞벽건축"}
	.bussDetail .board1 .list #nonuse:before{content: "불허용도"}
	.bussDetail .board1 .list #encuse:before{content: "권장용도"}
	.bussDetail .board1 .list #permission:before{content: "허용용도"}
	.bussDetail .board1 .list #designation:before{content: "지정용도"}
	.bussDetail .board1 .list #uq162_build_0:before{content: "상한용적률"}
	.bussDetail .board1 .list #uq162_build_1:before{content: "기준용적률"}
	.bussDetail .board1 .list #uq162_build_2:before{content: "허용용적률"}
	.bussDetail .board1 .list #uq162_build_3:before{content: "최고높이"}
	.bussDetail .board1 .list #uq162_build_4:before{content: "최저높이"}
	.bussDetail .board1 .list #uq162_build_5:before{content: "건폐율"}
	.bussDetail .board1 .list #UPIS_C_UQ163_LM:before{content: "건축한계선"}
	.bussDetail .board1 .list #UPIS_C_UQ163_AS:before{content: "건축지정선"}
	.bussDetail .board1 .list #UPIS_C_UQ163_WA:before{content: "벽면한계선"}
	.bussDetail .board1 .list #UPIS_C_UQ163_WS:before{content: "벽면지정선"}
	.bussDetail .board1 .list #UPIS_C_UQ164_PC:before{content: "보차혼용통로"}
	.bussDetail .board1 .list #UPIS_C_UQ164_PW:before{content: "공공보행통로"}
	.bussDetail .board1 .list #UPIS_C_UQ164_PU:before{content: "공동주차통로"}
	.bussDetail .board1 .list #UPIS_C_MP169_PI:before{content: "주차장설치완화구역"}
	.bussDetail .board1 .list #other:before{content: "기타"}
	.bussDetail .board1 .list #dontcar:before{content: "차량출입 불허구간"}
	.bussDetail .board1 .list #UPIS_C_UQ168_DV:before{content: "획지 분할 가능 필지"}
	.bussDetail .board1 .list #UPIS_C_UQ168_EX:before{content: "획지 교환 가능 필지"}
	.bussDetail .board1 .list #UPIS_C_UQ165:before{content: "특별계획구역"}
	.bussDetail .board1 .list #incentive:before{content: "인센티브"}
	.bussDetail .board1 .list #data_0:before{content: "기준높이"}
	.bussDetail .board1 .list #data_1:before{content: "최고높이"}
	.bussDetail .board1 .list .criterion:before{content: "주거지역 연접구역의 기준높이"}
	.bussDetail .board1 .list #hStandard:before{content: "높이기준"}
	.bussDetail .board1 .list #hCutstandard:before{content: "높이삭감 기준	"}
	.bussDetail .board1 .list #upis169Hp:before{content: "공용의공지확보대상대지"}
	.bussDetail .board1 .list .etc:before{content: "기타"}
	.bussDetail .board1 .emptyMsg{height: 56px; text-align: center;}

	/* daum map view content */
/* 	.layerPop03 .contArea{overflow-y: scroll;} */
	.wrap_content{}
	.wrap_map, .wrap_roadview{width: 100%; height: 300px; position: relative;}
	.wrap_map #pmap, .wrap_roadview #roadview{width: 100%; height: 100%;}
	.wrap_button{padding: 5px 7px; position: absolute; top: 0; right: 0; z-index: 998;}
	.wrap_button .btn_comm{background: rgba(101,124,150,.8); color: #FFF; padding: 3px 10px;}
	.layerPop .wrap_scrollable{padding: 1.5vw 0;}
	.layerPop .wrap_scrollable .upScrll,.layerPop .wrap_scrollable .downScrll{
		height: 7vw; max-height: 38px; background-image: url("../../static/image/map/scrollable.png"), url("../../static/image/map/btnBgGra.png");
		background-repeat: no-repeat, repeat-x; background-size: auto, contain; border: 1px solid #123864; float: left;
	}
	.layerPop .wrap_scrollable .upScrll{width: 50%;}
	.layerPop .wrap_scrollable .downScrll{width: calc(50% + 1px); margin-left: -1px;}
@media screen and (min-width: 720px){
	/* supporting Tablet */
	.layerPop .wrap_scrollable .upScrll{background-position: center top 12px, 0 0;}
	.layerPop .wrap_scrollable .downScrll{background-position: center bottom 10px, 0 0;}
}
@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%;}
}
@media screen and (max-width: 719px) and (min-width: 480px){
	/* Moblie wide device support */
	.layerPop .wrap_scrollable .upScrll{background-position: center top 1.7vw, 0 0;}
	.layerPop .wrap_scrollable .downScrll{background-position: center bottom 1.7vw, 0 0;}
}
@media screen and (max-width: 479px) and (min-width: 375px){
	/* Moblie device support */
	.layerPop .wrap_scrollable .upScrll{background-position: center top 1.4vw, 0 0;}
	.layerPop .wrap_scrollable .downScrll{background-position: center bottom 1.4vw, 0 0;}
}
@media screen and (max-width: 374px){
	/* 4in iPhone(5/5s/SE) support */
	.layerPop .wrap_scrollable .upScrll{background-position: center top 1vw, 0 0;}
	.layerPop .wrap_scrollable .downScrll{background-position: center bottom 1vw, 0 0;}
}

	/* #dM_roadviewControl {position:absolute;top:5px;left:5px;width:65px;height:24px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;} */
	/* #dM_roadviewControl span {background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker.png) no-repeat;  padding-left:23px;height:24px;font-size: 12px;display: inline-block;line-height: 2;font-weight: bold;} */
	/* #dM_roadviewControl.active {background: #ccc;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;} */
	/* #dM_roadviewControl.active span {background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker_on.png) no-repeat;color: #4C4E57;} */
	#dM_container{width: 100%; height: 100%;position: absolute;top:0;}
	#dM_rvWrapper{width: 100%; height: 100%;position: absolute;z-index: 1;}
	#dM_mapWrapper{width: 100%; height: 100%;position: absolute;z-index: 0;}
	#dM_container.view_roadview #dM_mapWrapper{z-index: 2;}
	.rvBtn {position: absolute;padding: 4px 9px;cursor: pointer;background: #fff;border-radius: 5px;border: 1px solid #525A64;box-shadow: 1px 1px 1px 1px rgba(0,0,0,.3);font-size: 3.5vw;text-align: center;z-index:3;color:#5A5A5A;display:none;}
	#dM_mapWrapper .rvBtn{top: 39%;left: 39%;}
	#dM_rvWrapper  .rvBtn {top: 110px;right: 20px;}
	#dM_container.view_roadview  .rvBtn {display:inline-block;}

	.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}}

	#pmap{position: absolute; z-index: 1;}
	#players{position: absolute; z-index: 2;width: 100%; height: 100%;}

	div.layerPop {z-index: 999;}

	/* map detail side toggle area */
	.sideToggleBtn{width: 22px; height: 93px; background: #FFF; border: 1px solid #123864; border-left: 1px solid #FFF; position: absolute; top: calc(50% + 60px); z-index: 5;}
	.sideToggleBtn:hover{background: #123864; border: 1px solid #FFF; border-left: 1px solid #123864;}
	.sideToggleBtn:hover .arr{border-left-color: #FFF;}
	.sideToggleBtn:hover .arr:after{
		border-left-color: #123864;
		text-decoration: none;
	    transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	    -webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	    -moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	    -ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	    -o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
	#sideContents{width: 100%; height: 100%; background: #FFF; box-sizing: border-box; /*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{overflow: hidden;}
	#sideContents.layerPop .part{margin: 10px;}
	#sideContents .landAdres{color: #323232; font-size: 20px; padding: 4px 0 7px; border-bottom: 2px solid #464646;}
	#sideContents #sideFixCotents ul{border-bottom: 1px solid #D2D2D2;}
	#sideContents .landCtgry:not(:first-of-type){border-top: 1px solid #EBEBEB;}
	#sideContents .landCtgry .innerLink{width: 100%; height: 40px; background: #FAFAFA; line-height: 40px; vertical-align: top; padding: 0 15px;}
	#sideContents .landCtgry .district, #sideContents .landCtgry .plan{font-size: 15px; font-weight: 300; display: inline-block;}
	#sideContents .landCtgry .district{color: #3359B4; 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{color: #777; float: right;}
	#sideContents .landLink{text-align: center; padding: 15px 0;}
	#sideContents .landLink>.button{background: #FFF; color: #3A3B3B; font-size: 15px; line-height: 40px; border: 1px solid #2085D6; border-radius: 3px; padding: 0 30px;}
	#sideContents .landLink>.button .fa-map-marker-alt{color: #27A0DB; margin-right: 5px;}
	#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: #27A0DB;}
	#sideContents .landLink>.button:active{background: #0190D5;}
	#sideContents .landCtgry.active>.innerLink{background: #738695;}
	#sideContents .landCtgry.active .district, #sideContents .landCtgry.active .plan{color: #FFF;}
	#sideContents .landCtgry.active .district:before{border-left-color: #67DDFF;}
	#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; 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);}

	#cctvSource {display:none;position: absolute;background: #fff;border: 1px solid #d8d7d7;font-size: 11px;top: 60px;right: 20px;z-index: 2;padding: 1px 5px;}
	#peopleSource {display:none;position: absolute;background: #fff;border: 1px solid #d8d7d7;font-size: 11px;top: 60px;right: 20px;z-index: 2;padding: 1px 5px;}

	.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;background: url("../../static/image/map/ico_roadview.png") no-repeat;background-size: 200px auto;font-size: 0;line-height: 0;text-indent: -9999px;}

	.btn_open {position:relative;bottom:90px;right: 34px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px;background:#fff;}
	.btn_open:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url("../../static/image/map/vertex_white_small.png")}