@charset "utf-8";

@font-face {
  font-family:NanumGothic;
  font-style:normal;
  font-weight:400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family:NanumGothic;
  font-style:normal;
  font-weight:700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family:NanumGothic;
  font-style:normal;
  font-weight:800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* common */
body {height:100%; font-family:'NanumGothic','Malgun Gothic',Dotum, Gulim; font-size:13px; color:#444; padding:0; margin:0;}
html{overflow:auto; height:100%; font-family:'NanumGothic','Malgun Gothic',Dotum, Gulim;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0; padding: 0; font-family:'NanumGothic','Malgun Gothic',Dotum, Gulim; font-size:13px; color:#444;}
p{line-height:1.5em; margin:0; padding:0;}
abbr,acronym,fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul,dl {list-style:none;}
table{border-spacing:0; border-collapse:collapse;}
legend {display:none;}
input, textarea {vertical-align:middle;}
input.type-image {border: 0 none;}
input.type-text, textarea {margin:3px 0; border:1px solid #d2d2dc; background:#fff; padding:5px;}
select.file {float:left; width:350px; height:50px; margin:3px; border:1px solid #c8c8ca; color:#555; background:#fff;}
select{border:1px solid #c8c7cc; font-family:NanumGothic; vertical-align:middle;outline:none;}
select::-ms-expand {background-color: transparent; border:0;}

img {vertical-align:middle;}
	
a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:none;}
table{border-collapse:collapse;}
caption {display:none;}

input[type=text].datepicker {width:85px;}
input[type=text].ac {text-align:center;}
input[type=text].ar {text-align:right;}
input[type=radio] {vertical-align:-3px;}
input[type=file] {margin:2px 0;}

input:-ms-input-placeholder {color:#888;}
input:-webkit-input-placeholder {color:#888;}
input:-moz-placeholder {color:#888;}

/* etc */
button.ui-datepicker-trigger {border:none; *vertical-align:middle; cursor:pointer; background:none; margin-left:-3px;}

#accessibility, .skip, legend{text-indent:-1000px; font-size:0; line-height:0; position:absolute; left:-1000px; visibility:none;}
hr{display:none;}

#skipNavi {position:absolute; top:0; left:0; width:100%;}
#skipNavi a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1em;}
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {position: absolute; top: 0; padding: 5px 0; font-weight:bold; color:#fff; background:#000; z-index:500;}

/* width */
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w45 { width:45px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w65 { width:65px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w95 { width:95px;}
.w100 { width:100px;}
.w105 { width:105px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w135 { width:135px;}
.w140 { width:140px;}
.w145 { width:145px;}
.w150 { width:150px;}
.w155 { width:155px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w195 { width:195px;}
.w200 { width:200px;}
.w207 { width:207px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px;}
.w260 { width:260px;}
.w270 { width:270px;}
.w280 { width:280px;}
.w290 { width:290px;}
.w300 { width:300px;}
.w305 { width:305px;}
.w310 { width:310px;}
.w320 { width:320px;}
.w330 { width:330px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w360 { width:360px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w390 { width:390px;}
.w400 { width:400px;}
.w410 { width:410px;}
.w420 { width:420px;}
.w430 { width:430px;}
.w440 { width:430px;}
.w450 { width:450px;}
.w460 { width:460px;}
.w465 { width:465px;}
.w470 { width:470px;}
.w480 { width:480px;}
.w490 { width:490px;}
.w500 { width:500px;}
.w510 { width:510px;}
.w515 { width:515px;}
.w520 { width:520px;}
.w530 { width:530px;}
.w540 { width:540px;}
.w550 { width:550px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w710 { width:710px;}
.w750 { width:750px;}
.w760 { width:760px;}
.w767 { width:767px;}
.w780 { width:780px;}
.w800 { width:800px;}
.w820 { width:820px;}
.w830 { width:830px;}
.w850 { width:850px;}
.w900 { width:900px;}
.w950 { width:950px;}
.w98p { width:98%;}
.w99p { width:99%;}
.w100p { width:100%;}
.ato {width:auto;}

/* margin */
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt32 {margin-top:32px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}

.pr10 {padding-right:10px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}


.fLeft {float:left;}
.fRight {float:right;}
.fNone {float:none;}
.clear {clear:both;}

/* align */
.ct {margin-left:auto; margin-right:auto;}
.ar {text-align:right;}
.am {vertical-align:middle;}
.ac {text-align:center;}
.al {text-align:left;}
.at {vertical-align:top;}
.dp {display:inline;}

.oflow {overflow:hidden;}
.displayNone {display:none;}

/* button */
.btnC {text-align:center;} 
.btnR {text-align:right;}

/* 커서 */
.cursor{cursor:pointer;}


/* layout */

/* nav ***********************************************************/
.navbar-toggle{display:block; float:left; width:40px; height:45px; border:1px solid transparent; background:url(../images/btn_all.png) no-repeat center center; background-size:65%;}
.navbar-toggle:focus{outline:0;}
.navbar-toggle.on{display:block; float:left; width:40px; height:45px; border:1px solid transparent; background:url(../images/btn_all_on.png) no-repeat center center; background-size:65%;}

.home{display:block; position:absolute; right:14px; width:34px; height:45px; border:1px solid transparent; background:url(../images/ico_home.png) no-repeat center center;}
.home:focus{outline:0;}

.gnb_m {display:none; position:fixed; top:45px; left:0; width:100%; height:100%; overflow-x:hidden; z-index: 2;} /* 서형준 absoulte -> fixed */
.show {display:block;}


@media (max-width: 767px) {
	#wrap {position:relative; height:100%;}
	.leftWrap {display:none;}
	.leftMenuM {width:33px; position:absolute; top:45px; position:fixed;}
	.leftMenuM li{display:block; width:33px; height:80px; font-size:11px; color:#dadcde; text-align:center; z-index:1; box-sizing:border-box;}
	.leftMenuM li a{display:block; width:33px; height:80px; padding-top:43px; box-sizing:border-box; color:#dadcde;}

	/* left content */
	.leftContent {margin:0 0 0 33px; position:relative;}
	

	.map_page{width:auto; width:100%; top:0; height:100%; position: absolute; overflow:auto;}
	.map_page .content_map{margin-left:0; height:100%; margin-top:0;}

	/* 주소선택 */
	.addrWrap {display:block !important; overflow:hidden; float:left; padding-top:16px; margin-left:15px;}
	.addrWrap li{float:left; margin-right:10px; padding-right:8px; font-size:13px; color:#bfbfbf; font-weight:700; background:url(../images/bu03.png) no-repeat right center;}
	.addrWrap li.location{width:12px; height:17px; margin-top:-2px; margin-right:5px; padding-right:0; font-size:0; text-indent:-10000px; background:none;}
	.addrWrap li.location a{display:block; width:12px; height:17px; background:url(../images/icon_location.png) no-repeat; opacity:0.7;}
	.addrWrap li.location a:hover{opacity:1;}
	.addrWrap li a{color:#bfbfbf;}
	.addrWrap li a:hover{color:#fff;}

	.rightMenu {display:none;}
	.rightMenu_1 {display:none;}
	.toolBtn_off {display:none;}
	.toolBtn_on {display:none;}

	.gnb_m {background:#fff url(../images/left_bg_m.png) repeat-y; z-index:3;}
	.mDetailView{width:100%; background:#fff; position:absolute; z-index:100;overflow-y:auto;}
	
	.btnCloseX {display:block; position:absolute; top:-25px; right:0px; z-index:100; width:40px; height:40px; background:#fff url(../images/btn_closeX.png) no-repeat center center; background-size:18px; border-radius:100px; box-shadow:0 0 10px rgba(0,0,0,0.2); cursor:pointer;}
	
	.content_map_top {height:45px;}

	.leftSrh{width:100%;}
	
	.addrLayer {width:100%; top:45px;}
	.addrLayer .layBodyWrap {width:33%;}
	.addrLayer .layBodyWrap li{font-size:0.9em;}
	.addrLayer .layBodyWrap li a{color:#333;}
	.addrLayer .layBodyWrap.wrapLine {border-right:1px solid #d3d3d3;}
	
	.leftSearch {overflow:hidden; padding:0 0 14px 5px; border-top:1px solid #fff; border-bottom:1px solid #e4e6e7; background:#f5f7f8;}

	.srhWrap01 select{height:30px; padding:2px 1px; font-size:12px;  color:#333;}
	.srhWrap01 select.w01{width:102px;}
	.srhWrap01 select.w02{width:65px;}
	.srhWrap01 select.w03{width:78px;}
	.srhWrap01 select.w04{width:95px;}
	.srhWrap01 select.w05{width:55px;}
	.srhWrap01 input[type=text]{width:65px; height:26px; padding:1px 5px 1px 5px; margin-bottom:4px; color:#555; border:1px solid #c8c7cc; border-radius:3px;}
	.srhWrap01 span.date01 {display:inline-block; position:relative; width:86px; height:26px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date01 input{width:68px; padding:1px 0 1px 2px; border:none; font-size:12px; letter-spacing:-1px;}
	.srhWrap01 span.date01 .calendarBtn{position:absolute; right:2px; top:2px;}
	.srhWrap01 span.date02 {display:inline-block; position:relative; width:92px; height:26px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date02 input{width:72px; padding:1px 0 1px 7px; border:none; font-size:12px;}
	.srhWrap01 span.date02 .calendarBtn{position:absolute; right:2px; top:2px;}

	.srhWrap01 span.srhBtn{display:inline-block; width:30px; height:30px; margin-left:1px; font-size:0; text-indent:-10000px; border-radius:3px; 
							background:#54627b url(../images/ico_search_1.png) no-repeat center center; background-size:50%; vertical-align:top;}
	.srhWrap01 span.srhBtn a{display:block; width:30px; height:30px;}
	
	.srhWrap01 span.resetBtn{display:inline-block; width:30px; height:30px; margin-left:1px; font-size:0; text-indent:-10000px; border-radius:3px; 
							background:#54627b url(../images/ico_reflesh.png) no-repeat center center; background-size:50%; vertical-align:top;}
	.srhWrap01 span.resetBtn a{display:block; width:30px; height:30px;}

	.resultList {padding:10px; height: 55vh; height: calc(100vh - 300px); height: -webkit-calc(100vh - 300px); height: -moz-calc(100vh - 300px);}

	/* 우측슬라이드 메뉴 */
	body {margin: 0; padding:0;}
	body.dark {background: rgba(0,0,0,0.4);}

	#slideBtnWraper {position:absolute; top:70px; right:19px; z-index:2;}
	#slideBtn {display:block; width:50px; height:50px; background:#fff url(../images/btn_slideOpen.png) no-repeat center center; background-size:22px; border-radius:100px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#close_sidenav {font-size:2.5em; position:absolute; top:7px; right:21px; z-index:100;}
	#reflash_sidenav {position:absolute; top:18px; right:55px; z-index:100; width:19px; height:19px; font-size:0; text-indent:-1000px; background:url(../images/ico_reflesh_1.png) no-repeat; background-size:19px;}
	#sidenav {height:100%; width:220px; top:45px; right:-230px; padding-top:20px; background:#fff; position:fixed; transition:0.4s; z-index:202; box-shadow:-2px 0 10px rgba(0,0,0,0.3);}
	#sidenav ul{margin:0 20px 20px 20px; padding:0 10px 15px 10px; border-bottom:1px solid #e0e0e0;}
	#sidenav li{height:24px; margin-top:15px; font-size:14px; color:#333; font-weight:700; line-height:21px;}
	#sidenav li a{color:#333;}
	#sidenav li.iconMenu01{display:inline-block; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 0;}
	#sidenav li.iconMenu02{display:inline-block; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 -70px;}
	#sidenav li.iconMenu03{display:inline-block; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 -138px;}
	#sidenav li.iconMenu04{display:inline-block; margin-top:0; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 -263px;}

	#sidenav input[type=checkbox]{display:none !important;}
	#sidenav input[type=checkbox]:not(old),
	#sidenav input[type=checkbox]:not(old) + label{display:inline-block; padding-left:25px; font-size:14px; background:url('../images/ico_checkbox.png') no-repeat; background-size:20px; cursor:pointer;}
	#sidenav input[type=checkbox]:not(old):checked + label{background-position:0 -30px;}

	#mapBtn {position:absolute; top:140px; right:20px; z-index:2;}
	#mapBtn li{display:block; width:44px; height:44px; margin-bottom:2px; text-indent:-10000px; background:#fff url(../images/ico_scale.png) no-repeat; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#mapBtn li a{display:block; width:44px; height:44px;}
	#mapBtn li.enlarge{background-position:13px 15px;}
	#mapBtn li.collapse{background-position:13px -63px;}
	
	#closeBtnWrapper {position:absolute; top:70px; right:19px; z-index:1001;}
	
	.acdDiv{width:99%;}
	.acdDiv .acd_menuWrap{height:30px;}
	.acdDiv .acd_menu{margin-top:7px; font-size:13px; font-weight:700;}
	.acdDiv .acd_num{margin:5px 5px 0 10px; padding:2px 4px 2px 4px; font-size:12px;}
	.acdDiv .acd_Wrap .acd_content01{min-height:330px;}
	.acdDiv .rightArr{top:7px;}

	.acdDiv_none{width:99%;}

}

@media (min-width: 768px) {
	#wrap {position:relative; min-width:768px; height:100%;}
	.leftWrap {display:none;}
	.leftMenuM {width:33px; position:absolute; top:45px; position:fixed;}
	.leftMenuM li{display:block; width:33px; height:80px; font-size:11px; color:#dadcde; text-align:center; z-index:1; box-sizing:border-box;}
	.leftMenuM li a{display:block; width:33px; height:80px; padding-top:43px; box-sizing:border-box; color:#dadcde;}

	/* left content */
	.leftContent {margin:0 0 0 33px; position:relative;}
	
	.map_page{width:auto; width:100%; top:0; height:100%; position: absolute; overflow:hidden;}
	.map_page .content_map{margin-left:0; height:100%; margin-top:0;}

	/* 주소선택 */
	.addrWrap {display:block !important; overflow:hidden; float:left; padding-top:16px; margin-left:15px;}
	.addrWrap li{float:left; margin-right:10px; padding-right:8px; font-size:13px; color:#bfbfbf; font-weight:700; background:url(../images/bu03.png) no-repeat right center;}
	.addrWrap li.location{width:12px; height:17px; margin-top:-2px; margin-right:5px; padding-right:0; font-size:0; text-indent:-10000px; background:none;}
	.addrWrap li.location a{display:block; width:12px; height:17px; background:url(../images/icon_location.png) no-repeat; opacity:0.7;}
	.addrWrap li.location a:hover{opacity:1;}
	.addrWrap li a{color:#bfbfbf;}
	.addrWrap li a:hover{color:#fff;}

	.rightMenu {display:none;}
	.rightMenu_1 {display:none;}
	.toolBtn_off {display:none;}
	.toolBtn_on {display:none;}

	.gnb_m {background:#fff url(../images/left_bg_m.png) repeat-y;}

	.content_map_top {height:45px;}

	.leftSrh{width:100%;}
	
	.addrLayer {width:100%; top:45px;}
	.addrLayer .layBodyWrap {width:33%;}
	.addrLayer .layBodyWrap li{font-size:0.9em;}
	.addrLayer .layBodyWrap li a{color:#333;}
	.addrLayer .layBodyWrap.wrapLine {border-right:1px solid #d3d3d3;}
	
	.leftSearch {overflow:hidden; padding:0 0 14px 5px; border-top:1px solid #fff; border-bottom:1px solid #e4e6e7; background:#f5f7f8;}

	.srhWrap01 select{height:30px; padding:2px 1px; font-size:12px; color:#333;}
	.srhWrap01 select.w01{width:102px;}
	.srhWrap01 select.w02{width:65px;}
	.srhWrap01 select.w03{width:78px;}
	.srhWrap01 select.w04{width:95px;}
	.srhWrap01 select.w05{width:55px;}
	.srhWrap01 input[type=text]{width:65px; height:26px; padding:1px 5px 1px 5px; margin-bottom:4px; color:#555; border:1px solid #c8c7cc; border-radius:3px;}
	.srhWrap01 span.date01 {display:inline-block; position:relative; width:86px; height:26px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date01 input{width:68px; padding:1px 0 1px 2px; border:none; font-size:12px; letter-spacing:-1px;}
	.srhWrap01 span.date01 .calendarBtn{position:absolute; right:2px; top:2px;}
	.srhWrap01 span.date02 {display:inline-block; position:relative; width:92px; height:26px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date02 input{width:72px; padding:1px 0 1px 7px; border:none; font-size:12px;}
	.srhWrap01 span.date02 .calendarBtn{position:absolute; right:2px; top:2px;}

	.srhWrap01 span.srhBtn{display:inline-block; width:30px; height:30px; margin-left:1px; font-size:0; text-indent:-10000px; border-radius:3px; 
							background:#54627b url(../images/ico_search_1.png) no-repeat center center; background-size:50%; vertical-align:top;}
	.srhWrap01 span.srhBtn a{display:block; width:30px; height:30px;}
	
	.srhWrap01 span.resetBtn{display:inline-block; width:30px; height:30px; margin-left:1px; font-size:0; text-indent:-10000px; border-radius:3px; 
							background:#54627b url(../images/ico_reflesh.png) no-repeat center center; background-size:50%; vertical-align:top;}
	.srhWrap01 span.resetBtn a{display:block; width:30px; height:30px;}

	.resultList {padding:10px; height: 55vh; height: calc(100vh - 250px); height: -webkit-calc(100vh - 250px); height: -moz-calc(100vh - 250px);}


	/* 우측슬라이드 메뉴 */
	body {margin: 0; padding:0;}
	body.dark {background: rgba(0,0,0,0.4);}

	#slideBtnWraper {position:absolute; top:70px; right:19px;}
	#slideBtn {display:block; width:50px; height:50px; z-index:50; background:#fff url(../images/btn_slideOpen.png) no-repeat center center; background-size:22px; border-radius:100px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#close_sidenav {font-size:2.5em; position:absolute; top:7px; right:21px; z-index:100;}
	#reflash_sidenav {position:absolute; top:18px; right:55px; z-index:100; width:19px; height:19px; font-size:0; text-indent:-1000px; background:url(../images/ico_reflesh_1.png) no-repeat; background-size:19px;}
	#sidenav {height:100%; width:220px; top:45px; right:-230px; padding-top:20px; background:#fff; position:fixed; transition:0.4s; z-index:200; box-shadow:-2px 0 10px rgba(0,0,0,0.3);}
	#sidenav ul{margin:0 20px 20px 20px; padding:0 10px 15px 10px; border-bottom:1px solid #e0e0e0;}
	#sidenav li{height:24px; margin-top:15px; font-size:14px; color:#333; font-weight:700; line-height:21px;}
	#sidenav li a{color:#333;}
	#sidenav li.iconMenu01{display:inline-block; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 0;}
	#sidenav li.iconMenu02{display:inline-block; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 -70px;}
	#sidenav li.iconMenu03{display:inline-block; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 -138px;}
	#sidenav li.iconMenu04{display:inline-block; margin-top:0; padding-left:30px; background:url(../images/ico_slide.png) no-repeat 0 -263px;}

	#sidenav input[type=checkbox]{display:none !important;}
	#sidenav input[type=checkbox]:not(old),
	#sidenav input[type=checkbox]:not(old) + label{display:inline-block; padding-left:25px; font-size:14px; background:url('../images/ico_checkbox.png') no-repeat; background-size:20px; cursor:pointer;}
	#sidenav input[type=checkbox]:not(old):checked + label{background-position:0 -30px;}

	#mapBtn {position:absolute; top:140px; right:20px;}
	#mapBtn li{display:block; width:44px; height:44px; margin-bottom:2px; text-indent:-10000px; background:#fff url(../images/ico_scale.png) no-repeat; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#mapBtn li a{display:block; width:44px; height:44px;}
	#mapBtn li.enlarge{background-position:13px 15px;}
	#mapBtn li.collapse{background-position:13px -63px;}

	.acdDiv{width:99%;}
	.acdDiv .acd_menuWrap{height:30px;}
	.acdDiv .acd_menu{margin-top:7px; font-size:13px; font-weight:700;}
	.acdDiv .acd_num{margin:5px 5px 0 10px; padding:2px 4px 2px 4px; font-size:12px;}
	.acdDiv .acd_Wrap .acd_content01{min-height:330px;}
	.acdDiv .rightArr{top:7px;}

	.acdDiv_none{width:99%;}

}


@media (min-width: 990px) {
	#wrap {position:relative; min-width:990px; height:100%;}
	.leftWrap {display:block !important; height:100%; float:left; background:url(../images/left_bg.png) repeat-y;}
	.leftMenu {position:absolute; top:61px;}
	.leftMenu li{width:54px; height:65px; margin-bottom:8px; font-size:0; text-indent:-10000px; z-index:1;}
	.leftMenu li a{display:block; width:54px; height:65px;}
	.leftMenu li a:hover{display:block;}

	/* left content */
	.leftContent {margin:61px 0 0 54px; position:relative;}
	
	.map_page{width:auto; width:100%; top:0; height:100%; position: absolute; overflow-y:scroll;}
	.map_page .content_map{margin-left:330px; height:100%; margin-top:0;}
	.addrWrap_m {display:none;}

	/* 주소선택 */
	.addrWrap {display:block !important; overflow:hidden; float:left; padding-top:13px; margin-left:15px;}
	.addrWrap li{float:left; margin-right:10px; padding-right:8px; font-size:11px; color:#bfbfbf; background:url(../images/bu03.png) no-repeat right center;}
	.addrWrap li.location{width:12px; height:17px; margin-top:-2px; margin-right:5px; padding-right:0; font-size:0; text-indent:-10000px; background:none;}
	.addrWrap li.location a{display:block; width:12px; height:17px; background:url(../images/icon_location.png) no-repeat; opacity:0.7;}
	.addrWrap li.location a:hover{opacity:1;}
	.addrWrap li a{color:#bfbfbf;}
	.addrWrap li a:hover{color:#fff;}	

	.rightMenu {display:block !important; box-sizing:border-box; overflow:hidden; float:right; padding:8px 15px 0 0;}
	.rightMenu_1 {display:block;}
	.toolBtn_off {display:block;}
	.toolBtn_on {display:block;}

	.navbar-toggle{display:none}

	.gnb_m {display:none !important;}

	.content_map_top {height:39px;}
	
	.home{display:none;}
	
	.addrLayer {width:378px; top:39px;}
	.addrLayer .layBodyWrap {width:125px;}
	.addrLayer .layBodyWrap li{font-size:12px;}
	.addrLayer .layBodyWrap li a{color:#555;}
	.addrLayer .layBodyWrap.wrapLine {border-right:1px solid #656565;}
	
	.leftSearch {overflow:hidden; padding:6px 5px 14px 13px; border-top:1px solid #fff; border-bottom:1px solid #e4e6e7; background:#f5f7f8;}

	.srhWrap01 select{height:27px; padding:2px 5px; font-size:12px; color:#555;}
	.srhWrap01 select.w01{width:123px;}
	.srhWrap01 select.w02{width:83px;}
	.srhWrap01 select.w03{width:78px;}
	.srhWrap01 select.w04{width:95px;}
	.srhWrap01 select.w05{width:112px;}
	.srhWrap01 select.w06{width:128px;}
	.srhWrap01 input[type=text]{width:65px; height:23px; padding:1px 5px 1px 5px; margin-bottom:4px; color:#555; border:1px solid #c8c7cc; border-radius:3px;}
	.srhWrap01 span.date01 {display:inline-block; position:relative; width:86px; height:23px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date01 input{width:68px; padding:1px 0 1px 2px; border:none; font-size:12px; letter-spacing:-1px;}
	.srhWrap01 span.date01 .calendarBtn{position:absolute; right:2px; top:1px;}
	.srhWrap01 span.date02 {display:inline-block; position:relative; width:118px; height:23px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date02 input{width:90px; padding:1px 0 1px 7px; border:none; font-size:12px;}
	.srhWrap01 span.date02 .calendarBtn{position:absolute; right:2px; top:1px;}

	.srhWrap01 span.srhBtn{display:inline-block; width:67px; height:25px; margin-top:5px; margin-right:10px; font-size:12px; color:#fff; text-align:center; text-indent:0; background:#54627b url(../images/ico_search.png) no-repeat 13px 6px; border-radius:3px;}
	.srhWrap01 span.srhBtn a{display:inline-block; width:37px; height:13px; padding:5px 5px 7px 25px; color:#fff;}
	.srhWrap01 span.srhBtn a:hover{background:#394863 url(../images/ico_search.png) no-repeat 13px 6px; border-radius:3px;}
	.srhWrap01 span.resetBtn{display:inline-block; width:67px; height:25px; margin-top:5px; font-size:12px; color:#fff; text-align:center; text-indent:0; background:#ed6975; border-radius:3px;}
	.srhWrap01 span.resetBtn a{display:inline-block; width:57px; height:13px; padding:5px 5px 7px 5px; color:#fff;}
	.srhWrap01 span.resetBtn a:hover{background:#e55c69; border-radius:3px;}
	.srhWrap01 li.srhBtnR {float:right; margin-top:5px;}

	.resultList {padding:9px 12px 15px 15px; height: 55vh; height: calc(100vh - 455px); height: -webkit-calc(100vh - 455px); height: -moz-calc(100vh - 455px);}

	.slide {display:none;}

	.acdDiv{width:250px;}
	.acdDiv .acd_menuWrap{height:26px;}
	.acdDiv .acd_menu{margin-top:5px; font-size:12px; font-weight:400;}
	.acdDiv .acd_num{margin:5px 5px 0 10px; padding:1px 4px 0 4px; font-size:11px;}
	.acdDiv .acd_Wrap .acd_content01{min-height:215px;}
	.acdDiv .rightArr{top:4px;}

	.acdDiv_none{width:250px;}

}

@media (min-width: 1200px) {
	#wrap {position:relative; min-width:1200px; height:100%;}
	.leftWrap {display:block !important; height:100%; float:left; background:url(../images/left_bg.png) repeat-y;}
	.leftMenu {position:absolute; top:61px;}
	.leftMenu li{width:54px; height:65px; margin-bottom:8px; font-size:0; text-indent:-10000px; z-index:1;}
	.leftMenu li a{display:block; width:54px; height:65px;}
	.leftMenu li a:hover{display:block;}

	/* left content */
	.leftContent {margin:61px 0 0 54px; position:relative;}
	
	.map_page{width:auto; width:100%; top:0; height:100%; position: absolute; overflow-y:scroll;}
	.map_page .content_map{margin-left:330px; height:100%; margin-top:0;}

	.addrWrap_m {display:none;}

	.content_map_top {height:39px;}

	/* 주소선택 */
	.addrWrap {display:block !important; overflow:hidden; float:left; padding-top:13px; margin-left:15px;}
	.addrWrap li{float:left; margin-right:10px; padding-right:8px; font-size:11px; color:#bfbfbf; background:url(../images/bu03.png) no-repeat right center;}
	.addrWrap li.location{width:12px; height:17px; margin-top:-2px; margin-right:5px; padding-right:0; font-size:0; text-indent:-10000px; background:none;}
	.addrWrap li.location a{display:block; width:12px; height:17px; background:url(../images/icon_location.png) no-repeat; opacity:0.7;}
	.addrWrap li.location a:hover{opacity:1;}
	.addrWrap li a{color:#bfbfbf;}
	.addrWrap li a:hover{color:#fff;}

	.rightMenu {display:block !important; box-sizing:border-box; overflow:hidden; float:right; padding:8px 15px 0 0;}

	.home{display:none;}

	.srhWrap01 {overflow:hidden;}
	
	.addrLayer {width:378px; top:39px;}
	.addrLayer .layBodyWrap {width:125px;}
	.addrLayer .layBodyWrap li{font-size:12px;}
	.addrLayer .layBodyWrap li a{color:#555;}
	.addrLayer .layBodyWrap.wrapLine {border-right:1px solid #656565;}
	
	.leftSearch {overflow:hidden; padding:6px 5px 14px 13px; border-top:1px solid #fff; border-bottom:1px solid #e4e6e7; background:#f5f7f8;}

	.srhWrap01 select{height:27px; padding:2px 5px; font-size:12px; color:#555;}
	.srhWrap01 select.w01{width:123px;}
	.srhWrap01 select.w02{width:83px;}
	.srhWrap01 select.w03{width:78px;}
	.srhWrap01 select.w04{width:95px;}
	.srhWrap01 select.w05{width:112px;}
	.srhWrap01 select.w06{width:128px;}
	.srhWrap01 input[type=text]{width:65px; height:23px; padding:1px 5px 1px 5px; margin-bottom:4px; color:#555; border:1px solid #c8c7cc; border-radius:3px;}
	.srhWrap01 span.date01 {display:inline-block; position:relative; width:86px; height:23px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date01 input{width:68px; padding:1px 0 1px 2px; border:none; font-size:12px; letter-spacing:-1px;}
	.srhWrap01 span.date01 .calendarBtn{position:absolute; right:2px; top:1px;}
	.srhWrap01 span.date02 {display:inline-block; position:relative; width:118px; height:23px; padding:0 3px 2px 0; color:#555; border:1px solid #c8c7cc; border-radius:3px; background:#fff;}
	.srhWrap01 span.date02 input{width:90px; padding:1px 0 1px 7px; border:none; font-size:12px;}
	.srhWrap01 span.date02 .calendarBtn{position:absolute; right:2px; top:1px;}

	.srhWrap01 span.srhBtn{display:inline-block; width:67px; height:25px; margin-top:5px; margin-right:10px; font-size:12px; color:#fff; text-align:center; text-indent:0; background:#54627b url(../images/ico_search.png) no-repeat 13px 6px; border-radius:3px;}
	.srhWrap01 span.srhBtn a{display:inline-block; width:37px; height:13px; padding:5px 5px 7px 25px; color:#fff;}
	.srhWrap01 span.srhBtn a:hover{background:#394863 url(../images/ico_search.png) no-repeat 13px 6px; border-radius:3px;}
	.srhWrap01 span.resetBtn{display:inline-block; width:67px; height:25px; margin-top:5px; font-size:12px; color:#fff; text-align:center; text-indent:0; background:#ed6975; border-radius:3px;}
	.srhWrap01 span.resetBtn a{display:inline-block; width:57px; height:13px; padding:5px 5px 7px 5px; color:#fff;}
	.srhWrap01 span.resetBtn a:hover{background:#e55c69; border-radius:3px;}
	.srhWrap01 li.srhBtnR {float:right; margin-top:5px;}

	.resultList {padding:9px 12px 15px 15px; height: 55vh; height: calc(100vh - 455px); height: -webkit-calc(100vh - 455px); height: -moz-calc(100vh - 455px);}

	.slide {display:none;}

	.acdDiv{width:250px;}
	.acdDiv .acd_menuWrap{height:26px;}
	.acdDiv .acd_menu{margin-top:5px; font-size:12px; font-weight:400;}
	.acdDiv .acd_num{margin:5px 5px 0 10px; padding:1px 4px 0 4px; font-size:11px;}
	.acdDiv .acd_Wrap .acd_content01{min-height:215px;}
	.acdDiv .rightArr{top:4px;}

	.acdDiv_none{width:250px;}

}




.map_page .left_nav_map{float:left; position:relative; z-index:100; width:331px; height:100%; border-right:1px solid #a5a5a9; border-bottom:none; box-sizing:border-box; box-shadow:0 -1px 5px rgba(0,0,0,0.4);}
.map_page .left_nav_map h1.logo_top{position:absolute; top:0; left:0; border-bottom:1px solid #c2c4c4; box-shadow:0 1px 1px rgba(0,0,0,0.2); z-index:100;}
.map_page .contents{margin:0px; padding:0; height:100%;}
.map_page .content_container{margin-top:0; height:calc(100% - 0px);}

.contents.action .left_nav_map {left:-330px; position:absolute !important;}
.contents.action .content_map {margin-left:0 !important;}
.contents .btn_split_arr {display:block; width:23px; height:82px; position:absolute; top:50%; right:-23px; margin-top:-38px; cursor:pointer; background:url(../images/map_left_split.png) left center no-repeat;}
.contents.action .btn_split_arr {background:url(../images/map_left_split.png) right center no-repeat;}

.content_map_top {overflow:hidden; background: rgba(31, 40, 56, 0.8);}

/* ---- PC ---- */
/* 아이콘 - 검색 */
.leftMenu li.menu01{background:url(../images/iconMenu01_off.png) no-repeat;}
.leftMenu li.menu01 a:hover{background:url(../images/iconMenu01_on.png) no-repeat;}
.leftMenu li.menu01.on{background:url(../images/iconMenu01_on.png) no-repeat;}

/* 아이콘 - 유지관리 */
.leftMenu li.menu02{background:url(../images/iconMenu02_off.png) no-repeat;}
.leftMenu li.menu02 a:hover{background:url(../images/iconMenu02_on.png) no-repeat;}
.leftMenu li.menu02.on{background:url(../images/iconMenu02_on.png) no-repeat;}

/* 아이콘 - 공적공간 */
.leftMenu li.menu03{background:url(../images/iconMenu03_off.png) no-repeat;}
.leftMenu li.menu03 a:hover{background:url(../images/iconMenu03_on.png) no-repeat;}
.leftMenu li.menu03.on{background:url(../images/iconMenu03_on.png) no-repeat;}

/* 아이콘 - 건축물통계 */
.leftMenu li.menu04{background:url(../images/iconMenu04_off.png) no-repeat;}
.leftMenu li.menu04 a:hover{background:url(../images/iconMenu04_on.png) no-repeat;}
.leftMenu li.menu04.on{background:url(../images/iconMenu04_on.png) no-repeat;}

/* ---- mobile ---- */
/* 아이콘 - 검색 */
.leftMenuM li.menu01{background:url(../images/leftmenu01.png) no-repeat 10px 0; background-size:240%;}
.leftMenuM li.menu01.on{background:url(../images/leftmenu01.png) no-repeat -46px 0; color:#fff; font-weight:700; background-size:240%;}
.leftMenuM li.menu01.on a{color:#fff; font-weight:700;}

/* 아이콘 - 유지관리 */
.leftMenuM li.menu02{background:url(../images/leftmenu02.png) no-repeat 8px 0; background-size:240%;}
.leftMenuM li.menu02.on{background:url(../images/leftmenu02.png) no-repeat -46px 0; color:#fff; font-weight:700; background-size:240%;}
.leftMenuM li.menu02.on a{color:#fff; font-weight:700;}

/* 아이콘 - 공적공간 */
.leftMenuM li.menu03{background:url(../images/leftmenu03.png) no-repeat 8px 0; background-size:240%;}
.leftMenuM li.menu03.on{background:url(../images/leftmenu03.png) no-repeat -46px 0; color:#fff; font-weight:700; background-size:240%;}
.leftMenuM li.menu03.on a{color:#fff; font-weight:700;}

/* 아이콘 - 건축물통계 */
.leftMenuM li.menu04{background:url(../images/leftmenu04.png) no-repeat 8px 0; background-size:240%;}
.leftMenuM li.menu04.on{background:url(../images/leftmenu04.png) no-repeat -46px 0; color:#fff; font-weight:700; background-size:240%;}
.leftMenuM li.menu04.on a{color:#fff; font-weight:700;}


/* 검색조건 */
.srhWrap01 {overflow:hidden; margin-top:10px;}
.srhWrap01 li{font-size:12px;}
.srhWrap01 select{border-radius:3px; margin-bottom:4px; background:#fff;}

.srhWrap01 span.leftTxt01{float:left; padding-left:15px; margin-top:5px; margin-right:4px; font-size:12px; color:#ea4661; letter-spacing:-1px; background:url(../images/bu01.png) no-repeat 4px 5px;}
.srhWrap01 span.leftTxt02{padding-left:15px; margin-top:5px; margin-right:4px; font-size:12px; color:#ea4661; letter-spacing:-1px; background:url(../images/bu01.png) no-repeat 4px 5px;}
.srhWrap01 label.txt01{display:inline-block; width:68px; font-size:12px; color:#444; letter-spacing:-1px;}
.srhWrap01 label.txt02{display:inline-block; width:56px; font-size:12px; color:#444; letter-spacing:-1px;}
.srhWrap01 label.txt03{display:inline-block; margin-top:-6px; margin-right:5px; font-size:12px; color:#444; letter-spacing:-1px; vertical-align:middle;}
.srhWrap01 label.rd{margin-right:6px;}
.srhWrap01 input[type=text].txt01{width:25px;}
.srhWrap01 input[type=text].txt02{width:165px;}
.srhWrap01 input[type=text].txt03{width:42px;}
.srhWrap01 input[type=text].txt04{width:70px;}
.srhWrap01 input[type=text].txt05{width:58px;}
.srhWrap01 input[type=text].txt06{width:170px;}
.srhWrap01 input[type=text].txt07{width:22px;}
.srhWrap01 input[type=text].txt08{width:34px;}
.srhWrap01 input[type=text].txt09{width:33px;}
.srhWrap01 input[type=checkbox]{display:none !important;}
.srhWrap01 input[type=checkbox]:not(old),
.srhWrap01 input[type=checkbox]:not(old) + label{display:inline-block; height:16px; padding-left:20px; margin-right:5px; background:url('../images/checks.png') no-repeat -4px -4px; cursor:pointer;}
.srhWrap01 input[type=checkbox]:not(old):checked + label{background-position:-4px -28px;}

#rpurpsCdLayer{position:absolute;height:302px;width:175px;background:#fff;border:1px solid #c8c7cc;left:139px;top:74px;}

/* 검색결과 */
.resultCase {overflow:hidden; padding:16px 15px; }
.resultCase li{font-size:13px;}
.resultCase span.txt{font-size:22px; color:#eb233f; letter-spacing:-1px;}
.resultCase span.btnR{display:block; float:right; width:67px; height:25px; font-size:12px; color:#fff; text-align:center; background:#73a300; border-radius:3px;}
.resultCase span.btnR a{display:block; height:13px; padding:5px 5px 7px 5px; color:#fff;}
.resultCase span.btnR a:hover{background:#659a00; border-radius:3px;}
.resultList {overflow-y: scroll;}
.resultList li{padding-bottom:10px; font-size:12px; color:#555; margin-bottom:10px; line-height:19px; border-bottom: 1px solid #e4e4e4;}
.resultList li span.txt01{font-size:13px; color:#119ad3; font-weight:700;}
.resultList li span.txt02{color:#888; font-weight:normal;}
.resultList li a{color:#555;}

/* paging */
.paging {padding:20px 0 40px 0; font-size:13px; text-align:center;}
.paging:after {content:" "; display:block; clear:both;}
.paging a {display:inline-block; color:#393939; margin-right:12px; line-height:19px;}
.paging a:hover {color:#bb005e;}
.paging a.cur {color:#bb005e; font-weight:bold; text-decoration:underline;}
.paging a.btn {display:inline-block; width:24px; height:24px; border:1px solid #bbb; border-radius:5px; box-sizing:border-box; text-indent:-10000px;}
.paging a.btn.prev {background:url(../images/ico_prev.gif) no-repeat center center;}
.paging a.btn.prev:hover{background:#f0f0f1 url(../images/ico_prev.gif) no-repeat center center;}
.paging a.btn.next {background:url(../images/ico_next.gif) no-repeat center center;}
.paging a.btn.next:hover{background:#f0f0f1 url(../images/ico_next.gif) no-repeat center center;}

/* 왼쪽하단메뉴 */
.leftFootWrap {position:absolute; bottom:0; left:54px; width:276px; border-top:1px solid #d6d6d6; background:#ececec;}
.leftFootWrap p{float:left; width:50%; border-left:1px solid #d6d6d6; box-sizing:border-box; font-size:12px; color:#6f6f6f; text-align:center;}
.leftFootWrap p a{display:block; height:21px; padding-top:4px; color:#6f6f6f;}
.leftFootWrap p.on{color:#333; font-weight:bold; background:#cfcfcf;}
.leftFootWrap p.on a{color:#333;}

/* 텝메뉴 */
.tab_menu1 {overflow:hidden; margin-top:11px; background:url(../images/tab_line.gif) repeat-x left 30px;}
.tab_menu1 li{float:left;min-width:81px; height:25px; padding:7px 2px 0 2px; margin-right:1px; font-size:13px; color:#fff; font-weight:700; letter-spacing:-1px; background:url(../images/tab_bg.png) no-repeat center -122px; text-align:center; border-top-left-radius:3px; border-top-right-radius:3px;}
.tab_menu1 li a{display:block; color:#fff; opacity:0.9;}
.tab_menu1 li.on{min-width:81px; height:25px; padding:7px 2px 0 2px; color:#fff; font-weight:bold;}
.tab_menu1 li.on.bg01{background:url(../images/tab_bg.png) no-repeat center -9px;}
.tab_menu1 li.on.bg02{background:url(../images/tab_bg.png) no-repeat center -180px;}

.tab_menu2 {overflow:hidden; margin-top:10px; margin-left:5px;}
.tab_menu2 li{float:left; font-size:14px; color:#888; font-weight:700;}
.tab_menu2 li a{color:#888;}
.tab_menu2 li.on{color:#07acb2;}
.tab_menu2 li.on a{color:#07acb2;}
.tab_menu2 li:after{content:""; padding-right:1px; margin-left:11px; margin-right:10px; background:#d2d2d2;}
.tab_menu2 li:last-child:after{display:none;}

/* 우측탑버튼 */
.rightMenu {box-sizing:border-box; overflow:hidden; float:right; padding:8px 15px 0 0;}
.rightMenu li {float:left; height:17px; margin-left:10px; padding:5px 12px 0 12px; border-radius:30px; font-size:11px; color:#444; font-weight:bold; background:#fff;}
.rightMenu li a {display:block; color:#444;}
.rightMenu li.sel {background:#00a0d5;}
.rightMenu li.sel a {color:#fff;}
.rightMenu li.rightBtn {float:left; height:17px; margin-left:10px; padding:5px 22px 0 12px; border-radius:30px; font-size:11px; color:#444; font-weight:bold; background:#fff url(../images/bu04.png) no-repeat right 9px center;}
.rightMenu li.rightBtn a {display:block; color:#444;}
/* .rightMenu li.rightBtn.sel {background:#0fbae5 url(../images/bu05.png) no-repeat right 9px center;}
.rightMenu li.rightBtn.sel a {color:#fff;} */
.rightMenu li.rightBtn.subSel {background:#0fbae5 url(../images/bu05.png) no-repeat right 9px center;}
.rightMenu li.rightBtn.subSel a {color:#fff;}

/* 일반,위성,회색 버튼 */
.rightMenu_1 {overflow:hidden; position:absolute; z-index:1; top:60px; right:20px; box-sizing:border-box; border-radius:20px; box-shadow:0 0 7px rgba(0,0,0,0.4);}
.rightMenu_1 li {float:left; height:17px; padding:5px 12px 0 12px; font-size:11px; color:#444; font-weight:bold; text-align:center; background:#fff url(../images/btn_line.gif) right top repeat-y; }
.rightMenu_1 li a {display:block; color:#444;}
.rightMenu_1 li.crnt {background:#f55c6f;}
.rightMenu_1 li.crnt a {color:#fff;}
/*.rightMenu_1 li.sel {background:#f55c6f;}
.rightMenu_1 li.sel a {color:#fff;}*/
.rightMenu_1 li.roundLeft{border-top-left-radius:20px; border-bottom-left-radius:20px;}
.rightMenu_1 li.roundRight{border-top-right-radius:20px; border-bottom-right-radius:20px; background-image:none;}

/* 도구아이콘 */
.toolBtn_off {position:absolute; z-index:2; top:100px; right:20px; width:48px; height:48px; font-size:0; text-indent:-10000px;}
.toolBtn_off a{display:block; width:48px; height:48px; background:url(../images/toolBtn.png) no-repeat; opacity:0.8;}
.toolBtn_off a:hover{opacity:1;}

.toolBtn_on {position:relative; position:absolute; z-index:100; top:110px; right:20px; width:263px; height:26px; padding-top:5px; background:#fff; box-sizing:border-box; border-radius:20px; box-shadow:0 0 7px rgba(0,0,0,0.4); visibility:hidden;}
.toolBtn_on .btn_fold{position:absolute; top:1px; left:2px;}
.toolBtn_on .btn_fold a{opacity:0.8;}
.toolBtn_on .btn_fold a:hover{opacity:1;}
.toolBtn_on ul{height:17px; margin-left:42px;}
.toolBtn_on li{display:block; float:left; margin-right:11px; font-family:Dotum; font-size:11px; color:#888; line-height:18px; letter-spacing:-1px;}
.toolBtn_on li a{display:block; color:#666; opacity:0.8;}
.toolBtn_on li a:hover{display:block; color:#555; opacity:1;}
.toolBtn_on li.print a{padding-left:20px; background:url(../images/toolicon01.png) no-repeat left top;}
.toolBtn_on li.length a{padding-left:28px; background:url(../images/toolicon02.png) no-repeat 2px 1px;}
.toolBtn_on li.area a{padding-left:18px; background:url(../images/toolicon03.png) no-repeat 1px 1px;}
.toolBtn_on li.reset a{padding-left:18px; background:url(../images/toolicon04.png) no-repeat left 1px;}

/* 주소레이어 */
.addrLayer {position:absolute; padding-bottom:10px; border-right:1px solid #656565; border-bottom:1px solid #656565; visibility: hidden; background:#f8f8f8; box-shadow:1px 1px 5px rgba(0,0,0,0.4); z-index:1000;}
.addrLayer .layBodyWrap {oveflow-y:scroll; overflow-x:hidden; float:left; height:175px; padding-top:5px; border-bottom:1px solid #d3d3d3; background:#fff;}
.addrLayer .layBodyWrap li a{display:block; padding:3px 10px;}
.addrLayer .layBodyWrap li a:hover{color:#222; background:#f0f0f0;}
.addrLayer .layBodyWrap li.press{background:#1697d5; color:#fff;}
.addrLayer .layBodyWrap li.press a{background:#1697d5; color:#fff;}
.addrLayer .layPopBtn {clear:both; width:100%; padding-top:11px; text-align:center;}
.addrLayer .layPopBtn span.btn01 {display:inline-block; height:26px; margin-left:1px; font-size:12px; color:#555; text-align:center; background:#1697d5; vertical-align:middle; border-radius:2px;}
.addrLayer .layPopBtn span.btn01 a{display:inline-block; min-width:40px; height:18px; padding:6px 8px 1px 8px; color:#fff; text-decoration:none;}
.addrLayer .layPopBtn span.btn01 a:hover{background:#0083b4; border-radius:2px;}
.addrLayer .layPopBtn span.btn02 {display:inline-block; height:26px; margin-left:1px; font-size:12px; color:#555; text-align:center; background:#8592a9; vertical-align:middle; border-radius:2px;}
.addrLayer .layPopBtn span.btn02 a{display:inline-block; min-width:40px; height:18px; padding:6px 8px 1px 8px; color:#fff; text-decoration:none;}
.addrLayer .layPopBtn span.btn02 a:hover{background:#596479; border-radius:2px;}

/* 마커창 */
.infoWinWrap {position:absolute; min-height:164px;}
.infoWinWrap .winDir{margin-left:50%;}
/* .infoWindow {width:275px; min-height:120px; padding:10px; background:#fff; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,0.4); border-radius:15px;} */
.infoWindow {width:275px; min-height:120px; padding:10px; background:#fff; box-sizing:border-box; border-radius:15px;}
.infoWindow dt{margin-bottom:12px; font-size:14px; font-weight:700; color:#1da7da;}
.infoWindow dd{font-size:13px; color:#555; margin-bottom:3px;}
.infoWindow p.btn_view{display:block; width:67px; height:25px; margin-top:20px; font-size:12px; color:#fff; text-align:center; background:#00a1c4; border-radius:3px;}
.infoWindow p.btn_view a{display:block; height:22px; padding:3px 5px 0 5px; color:#fff;}
.infoWindow p.btn_view a:hover{background:#008aa8; border-radius:3px;}
.infoWindow p.btn_view_sttus{display:block; width:160px; height:25px; margin-top:20px; font-size:12px; color:#fff; text-align:center; background:#00a1c4; border-radius:3px;}
.infoWindow p.btn_view_sttus a{display:block; height:22px; padding:3px 5px 0 5px; color:#fff;}
.infoWindow p.btn_view_sttus a:hover{background:#008aa8; border-radius:3px;}
.infoWindow span.txt01{font-size:13px; color:#0b55a1;}
.infoWindow span.txt02{font-size:13px; color:#666; font-weight:normal;}

/* 마커 */
.marker {position:absolute;}

/* 범례 */
.legendWrap {overflow:hidden; position:absolute; left:54px; bottom:20px; width:276px; height:175px; background:#fff; box-shadow:0 -3px 7px rgba(0,0,0,0.2);}
.legendWrap .legendTab01{overflow:hidden; position:relative; width:100%; height:31px; background:url(../images/legendTab_bg.gif) repeat-x;}
.legendWrap .legendTab01 li{float:left; position:relative; padding:10px 5px; font-family:Dotum; font-size:12px; color:#dfe0e2; letter-spacing:-1px; line-height:14px; text-align:center; box-sizing:border-box;}
.legendWrap .legendTab01 li a{color:#dfe0e2;}
.legendWrap .legendTab01 span.legendClose{position:absolute; top:6px; right:3px;} /*.legendWrap .legendTab01 span.legendClose{position:absolute; top:6px; right:5px;} */
.legendWrap .legendTab01 li:after{content:""; position:absolute; top:0; right:0; width:1px; height:30px; background-color:#414551;}
.legendWrap .legendTab01 li.on{padding:9px 5px 6px 5px; color:#fff; font-weight:bold; letter-spacing:-1px; background:#414551; border:1px solid #252525; border-left:none; box-sizing:border-box;}
.legendWrap .legendTab01 li.on:after{display:none;}

.legendWrap .legendTab02{overflow:hidden; width:100%; height:28px; border-bottom:1px solid #dbdbdb;}
.legendWrap .legendTab02 li{float:left; position:relative; padding:9px 10px 8px 10px; font-family:Dotum; font-size:12px; color:#666; text-align:center; box-sizing:border-box; cursor:pointer;}
.legendWrap .legendTab02 li a{color:#666;}
.legendWrap .legendTab02 li a:hover{color:#000;}
.legendWrap .legendTab02 li:after{content:"l"; position:absolute; top:9px; right:-2px; color:#dedede; font-weight:normal;}
.legendWrap .legendTab02 li:last-child:after{display:none;}
.legendWrap .legendTab02 li.on{font-weight:bold; letter-spacing:-1px; color:#252525;}

.legendCont {overflow-y:scroll; height:110px; padding:13px 10px 0 13px; box-sizing:border-box;}
.legendCont li{margin-bottom:8px; font-size:12px;}
.legendCont li span{display:inline-block; width:20px; height:10px; margin-right:5px;}
.legendCont li span.coral{background:#ff997f;}
.legendCont li span.skyblue{background:#7fa9ff;}
.legendCont li span.violet{background:#ad78ff;}
.legendCont li span.gray{background:#8c8c8c;}

/* 이용안내 */
.useInfoWrap {overflow:hidden; position:absolute; left:54px; bottom:20px; width:276px; height:175px; background:#fff; box-shadow:0 -3px 7px rgba(0,0,0,0.2);}
.useInfoWrap .useInfoTab01{overflow:hidden; position:relative; width:100%; height:31px; background:url(../images/legendTab_bg.gif) repeat-x;}
.useInfoWrap .useInfoTab01 li{float:left; position:relative; padding:10px; font-family:Dotum; font-size:12px; color:#dfe0e2; line-height:14px; text-align:center; box-sizing:border-box; cursor:pointer;}
.useInfoWrap .useInfoTab01 li a{color:#dfe0e2;}
.useInfoWrap .useInfoTab01 span.useInfoClose{position:absolute; top:5px; right:5px;}
.useInfoWrap .useInfoTab01 li:after{content:""; position:absolute; top:0; right:0; width:1px; height:30px; background-color:#414551;}
.useInfoWrap .useInfoTab01 li.on{padding:9px 9px 6px 9px; color:#fff; font-weight:bold; letter-spacing:-1px; background:#414551; border:1px solid #252525; border-left:none; box-sizing:border-box;}
.useInfoWrap .useInfoTab01 li.on:after{display:none;}

.useInfoCont {height:138px; padding:13px 10px 0 13px; box-sizing:border-box; overflow-y:scroll;}
.useInfoCont li{margin-bottom:8px; font-size:12px;}
.useInfoCont li span{display:inline-block; width:20px; height:10px; margin-right:5px;}
.useInfoCont li span.coral{background:#ff997f;}
.useInfoCont li span.skyblue{background:#7fa9ff;}
.useInfoCont li span.violet{background:#ad78ff;}
.useInfoCont li span.gray{background:#8c8c8c;}

.rightLayer {position:absolute; top:40px; right:10px; width:160px; min-height:120px; padding:15px 10px 10px 15px; background:#fff; z-index:100; border-radius:10px; box-sizing:border-box; box-shadow:0 0 10px rgba(0,0,0,0.4);}
.rightLayer li{margin-bottom:10px; font-size:12px;}

/* leaflet-measure style override */
.leaflet-control-measure{display:none !important;}

/* leaflet-control-attribution style override */
.leaflet-container .leaflet-control-attribution span{color:#f00; font-weight:800; text-shadow:0 0 5px #ffffff; -moz-text-shadow:0 0 5px #ffffff; -webkit-text-shadow:0 0 5px #ffffff;}
.leaflet-container .leaflet-control-attribution{background:none !important;}
.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {font-size:13px !important;}


#rpurpsCdLayer a{font-size:12px; font-family:NanumGothic; font-weight:normal;}

.rPurpsRadio{margin-left:2px;cursor:pointer;}

/* 건축물통계 검색창 하단 DIV */
#resultSttst {margin-top: 20px; text-align: center;}


/* 펼침,닫힘 */
.acdDiv{overflow:hidden;}
.acdDiv li{margin-bottom:3px; border:1px solid #d3d7dc; background:#d8dbdf;}
.acdDiv li.acd_select{border:1px solid #668fc6; background:#6c95cd;}
.acdDiv li.acd_select .acd_menu{color:#fff;}
.acdDiv li.acd_select .acd_menu a{color:#fff;}
.acdDiv .acd_menuWrap{overflow:hidden; position:relative; padding-left:10px; box-sizing:border-box; cursor:pointer;}
.acdDiv .acd_menu{float:left; color:#464b50;}
.acdDiv .acd_menu a{color:#464b50;}
.acdDiv .acd_num{display:block; float:left; min-width:40px; border:1px solid #fff; color:#676f80; text-align:center; background:#fff; border-radius:6px; box-sizing:border-box;}
.acdDiv .rightArr{position:absolute; right:15px;}
.acdDiv .acd_Wrap{background:#fff;}
.acdDiv .acd_Wrap .acd_content01{overflow-y:scroll; padding:10px;}
.acdDiv .acd_Wrap .acd_content02{padding:10px;}
.acdDiv .acd_Wrap .acd_content02 label{display:inline-block; margin-right:3px; font-size:12px; color:#444;}

.acdDiv_none{overflow:hidden;}
.acdDiv_none li{margin-bottom:3px; border:1px solid #d3d7dc; background:#d8dbdf;}
.acdDiv_none li.acd_select{border:1px solid #668fc6; background:#6c95cd;}
.acdDiv_none li.acd_select .acd_menu{color:#fff;}
.acdDiv_none li.acd_select .acd_menu a{color:#fff;}
.acdDiv_none .acd_menuWrap{overflow:hidden; position:relative; height:26px; padding-left:10px; box-sizing:border-box; cursor:pointer;}
.acdDiv_none .acd_menu{float:left; margin-top:5px; font-size:12px; color:#464b50;}
.acdDiv_none .acd_menu a{color:#464b50;}
.acdDiv_none .acd_num{display:block; float:left; min-width:40px; padding:1px 4px 0 4px; margin:5px 5px 0 10px; border:1px solid #fff; font-size:11px; color:#676f80; text-align:center; background:#fff; border-radius:6px; box-sizing:border-box;}
.acdDiv_none .rightArr{position:absolute; top:4px; right:15px;}
.acdDiv_none .acd_Wrap{background:#fff;}
.acdDiv_none .acd_Wrap li{border:none;}
.acdDiv_none .acd_Wrap .acd_content01{height:225px; padding:10px;}
.acdDiv_none .acd_Wrap .acd_content02{padding:10px;}
.acdDiv_none .acd_Wrap .acd_content02 label{display:inline-block; margin-right:3px; font-size:12px; color:#444;}
.acdDiv .acd_Wrap .layPopBtn {clear:both; width:100%; padding-top:11px; padding-bottom:11px; text-align:center;}
.acdDiv .acd_Wrap .layPopBtn span.btn01 {display:inline-block; height:26px; margin-left:1px; font-size:12px; color:#555; text-align:center; background:#15a9d9; vertical-align:middle; border-radius:2px;}
.acdDiv .acd_Wrap .layPopBtn span.btn01 a{display:inline-block; min-width:40px; height:18px; padding:6px 8px 1px 8px; color:#fff; text-decoration:none;}
.acdDiv .acd_Wrap .layPopBtn span.btn01 a:hover{background:#0083b4; border-radius:2px;}
.acdDiv .acd_Wrap .layPopBtn span.btn02 {display:inline-block; height:26px; margin-left:1px; font-size:11px; color:#555; text-align:center; background:#8592a9; vertical-align:middle; border-radius:2px;}
.acdDiv .acd_Wrap .layPopBtn span.btn02 a{display:inline-block; min-width:40px; height:18px; padding:6px 8px 1px 8px; color:#fff; text-decoration:none;}
.acdDiv .acd_Wrap .layPopBtn span.btn02 a:hover{background:#596479; border-radius:2px;}


/* dynatree 체크박스 사이즈 조정 */
/* 
span.dynatree-checkbox{background-size: 135px;background-position: -2px -47px;}
span.dynatree-checkbox:hover{background-position: -24px -47px;}
.dynatree-partsel span.dynatree-checkbox{background-position: -91px -47px;}
.dynatree-partsel span.dynatree-checkbox:hover{background-position: -114px -47px;}
.dynatree-selected span.dynatree-checkbox{background-position: -47px -47px;}
.dynatree-selected span.dynatree-checkbox:hover{background-position: -69px -47px;}
span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker{width: 18px;height: 18px;}
 */
span.dynatree-checkbox{background-size: 120px;background-position: 0px -40px; padding-left:2px}
span.dynatree-expander{background-size: 98px;}
.dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander {background-position: -33px -80px;}
.dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander {background-position: -33px -96px;}
span.dynatree-connector {background-position: -16px -62px;}
span.dynatree-checkbox:hover{background-position: -20px -40px;}
.dynatree-partsel span.dynatree-checkbox{background-position: -80px -40px;}
.dynatree-partsel span.dynatree-checkbox:hover{background-position: -100px -40px;}
.dynatree-selected span.dynatree-checkbox{background-position: -40px -40px;}
.dynatree-selected span.dynatree-checkbox:hover{background-position: -60px -40px;}
span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker{width: 17px;height: 19px;}