@charset "utf-8";


/* ---------- 정비사업 현황 자치구별 검색 ---------- */
.main-regionsrc-wrap {width:100%; max-width:50%; padding-right:15px;float:left; box-sizing:border-box;}
.main-regionsrc-map {padding:0 30px 30px; position:relative; box-sizing:border-box; text-align:right;}
.main-regionsrc-map .title {font-family: 'NanumBarunGothic', sans-serif; font-size:20px; position:absolute; top:30px; left:30px;}
.main-regionsrc-map .title strong {display:block;}
.main-regionsrc-map .map-img-wrap {display:inline-block; padding-right:5%;}
.main-regionsrc-map .map-img {position:relative;}
.main-regionsrc-map .map-img area {cursor:pointer;}
.main-regionsrc-map .regionsNm {position:absolute; font-weight:700; font-size:12px;}
.main-regionsrc-map .regionsNm.over,
.main-regionsrc-map .regionsNm.c_over {color:#fff;}
.main-regionsrc-map .regionsNm.gangseo {top:128px; left:25px;}
.main-regionsrc-map .regionsNm.guro {top:200px; left:50px;}
.main-regionsrc-map .regionsNm.yangcheon {top:174px; left:57px;}
.main-regionsrc-map .regionsNm.seodaemun {top:116px; left:127px;}
.main-regionsrc-map .regionsNm.geumcheon {top:229px; left:97px;}
.main-regionsrc-map .regionsNm.Yeongdeungpo {top:172px; left:106px;}
.main-regionsrc-map .regionsNm.Gwanak {top:223px; left:142px;}
.main-regionsrc-map .regionsNm.jongno {top:111px; left:176px;}
.main-regionsrc-map .regionsNm.mapo {top:138px; left:112px;}
.main-regionsrc-map .regionsNm.eunpyeong {top:76px; left:126px;}
.main-regionsrc-map .regionsNm.Seongbuk {top:93px; left:205px;}
.main-regionsrc-map .regionsNm.dongjak {top:191px; left:154px;}
.main-regionsrc-map .regionsNm.gangbuk {top:61px; left:205px;}
.main-regionsrc-map .regionsNm.dobong {top:29px; left:218px;}
.main-regionsrc-map .regionsNm.yongsan {top:157px; left:175px;}
.main-regionsrc-map .regionsNm.jung {top:129px; left:191px;}
.main-regionsrc-map .regionsNm.gangnam {top:205px; left:250px;}
.main-regionsrc-map .regionsNm.seongdong {top:141px; left:224px;}
.main-regionsrc-map .regionsNm.nowon {top:58px; left:255px;}
.main-regionsrc-map .regionsNm.dongdaemun {top:113px; left:228px;}
.main-regionsrc-map .regionsNm.seocho {top:215px; left:203px}
.main-regionsrc-map .regionsNm.gwangjin {top:144px; left:265px}
.main-regionsrc-map .regionsNm.jungnang {top:95px; left:270px}
.main-regionsrc-map .regionsNm.gangdong {top:142px; left:312px}
.main-regionsrc-map .regionsNm.songpa {top:183px; left:280px}
.map-mb-lst {display:none;}
.region-lst-arrow {display:none;}
.main-regionsrc-map .map-mb-lst {position:relative;}
.main-regionsrc-map .map-mb-lst select {display:block; width:100%; height:50px; padding:0 40px 0 35px; background-color:#fff; background-position:right 20px center; border:none;}
.main-regionsrc-map .map-mb-lst:before {content:""; display:block; width:11px; height:14px; position:absolute; top:50%; left:20px; margin-top:-6px; background:url(../img/main/m-main-alltab-cont-sel.png) no-repeat center center; background-size:11px;}
.sub-mapsearch .main-regionsrc-map .map-mb-lst {border:1px solid #eee;}
.main-regionsrc-lst {padding:30px 30px 0px 30px; margin-top:-80px; box-sizing:border-box; background:#fff; min-height:160px;}
.main-regionsrc-lst:focus {outline:auto;}
.main-regionsrc-lst .region-name {padding-left:15px; margin-bottom:10px; font-size:15px; font-weight:600; color:#2263e7; background:url(../img/main/region-name.png) no-repeat left center; background-size:11px auto;}
.main-regionsrc-lst .region-lst {height:80px; overflow-y:auto;}
.main-regionsrc-lst .region-lst:after {content:""; display:block; clear:both;}
.main-regionsrc-lst .region-lst .region-lst-item {width:20%; padding-right:5px; margin-top:5px; float:left; box-sizing:border-box;}
.main-regionsrc-lst .region-lst .region-lst-item a {display:block; height:35px; line-height:35px; border:1px solid #d8dde5; text-align:center;}
.main-regionsrc-lst .region-lst .region-lst-item a.active {background:#2263e7; border-color:#2263e7}
.main-regionsrc-lst .region-lst .region-lst-item a.active span {color:#fff;}
.main-regionsrc-lst .region-lst .region-lst-item:nth-child(1),
.main-regionsrc-lst .region-lst .region-lst-item:nth-child(2),
.main-regionsrc-lst .region-lst .region-lst-item:nth-child(3),
.main-regionsrc-lst .region-lst .region-lst-item:nth-child(4), 
.main-regionsrc-lst .region-lst .region-lst-item:nth-child(5) {margin-top:0;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#666666;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:#666666;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px; background:#666666}
.mCSB_scrollTools .mCSB_draggerRail {background-color:#d8dde5}
.main-regionsrc-lst .no-region {text-align:center;padding-top:50px;}
.main-regionsrc-lst .no-region.mobile {display:none;}
.sub-mapsearch .main-regionsrc-lst .no-region {padding-top:100px;}
.main-regionsrc-lst .no-region p {display:inline-block;padding-left:15px;background:url(../img/main/region-name.png) no-repeat left center; background-size:11px auto;font-size:16px; }
.main-regionsrc-lst .no-region span {color:#2263e7;font-weight:600;}

.main-regionsrc {padding:0 30px 30px; clear:both; background:#fff; box-sizing:border-box;}
.main-regionsrc .title {padding-top:30px; margin-bottom:10px; font-family: 'NanumBarunGothic', sans-serif; font-size:20px;  border-top:1px solid #e8ecf1;}
.main-regionsrc-inputBox:after {content:""; display:block; clear:both;}
.main-regionsrc select {padding:0 35px 0 20px; background-position:right 20px center;}
.main-regionsrc select,
.main-regionsrc input {float:left; height:40px; border:1px solid #e8ecf1; border-radius:5px; box-sizing:border-box;}
.main-regionsrc select.inputBox_sel01 {width:calc(50% - 3px);}
.main-regionsrc select.inputBox_sel02 {width:calc(50% - 3px); margin-left:5px;}
.main-regionsrc select.inputBox_sel03 {width:100%; margin-top:5px; margin-bottom:5px;}
.main-regionsrc input {width:calc(100% - 116px); background:#f9f9f9; padding:0 20px;}
.main-regionsrc button {float:left; width:110px; height:40px; line-height:40px; margin-left:5px; background:#333; border-radius:5px; border:none; box-sizing:border-box;}
.main-regionsrc button span {color:#fff; padding-left:20px; background:url(../img/main/main-regionsrc-btn.png) no-repeat; background-size:15px auto;}



	@media screen and (min-width:1199px){
	
		/* //// hover //// */
		.main-regionsrc-map .regionsNm:hover,
		.main-regionsrc-map .regionsNm:focus {color:#fff;}
		
		/* ---------- 정비사업 현황 자치구별 검색 ---------- */
		.main-regionsrc-lst .region-lst a:hover,
		.main-regionsrc-lst .region-lst a:focus {background:#2263e7;}
		.main-regionsrc-lst .region-lst a:hover span,
		.main-regionsrc-lst .region-lst a:focus span {color:#fff;}

	}


	@media screen and (max-width:1200px){

		/* //// ---------- 모바일	---------- //// */

		/* ---------- 정비사업 현황 자치구별 검색 ---------- */
		.main-regionsrc-map .map-img-wrap {right:5%;}
		.main-regionsrc-lst .region-lst .region-lst-item {width:33.33%;}
		.main-regionsrc-lst .region-lst .region-lst-item:nth-child(4) {margin-top:5px;}
		.main-regionsrc-lst .region-lst .region-lst-item:nth-child(5) {margin-top:5px;}

	}

	@media screen and (max-width:1000px){
		
		/* ---------- 정비사업 현황 자치구별 검색 ---------- */
		.main-regionsrc-wrap {float:none; max-width:100%; padding-right:0;}
	}

	@media screen and (max-width:800px){
		
		
		
	}
	
	@media screen and (max-width:340px){
	
		
	}