/* pages public css */
#topmenu .wrap {border-bottom:none;}
#content {display:block;width:100%;padding:0;margin:0;}

#zoneSelect {padding:12px 0;text-align:center;}
#zoneSelect .zoneform {float:left;}
#zoneSelect .zoneform select {width:180px;height:46px;padding-left:10px;border-radius:4px;}
#zoneSelect .btn-search {position:relative;top:-2px;height:46px;padding:0 20px;margin-left:10px;font-size:12pt;line-height:42px;}

#zoneSelect .searchform {float:right;}
#zoneSelect .searchform select {float:left;min-width:120px;height:46px;margin-right:5px;padding-left:10px;border-radius:4px;}
#zoneSelect .searchform .inbtn {float:left;position:relative;width:280px;height:46px;padding:0;margin:0;}
#zoneSelect .searchform .inbtn input {position:absolute;top:0;left:0;width:calc(100% - 73px);height:46px;padding:0 4px;border:1px solid #dfdfdf;border-right:none;border-radius:4px 0 0 4px;}
#zoneSelect .searchform .inbtn button {position:absolute;top:0;right:0;width:73px;height:46px;padding:0;font-size:12pt;line-height:42px;border-radius:0 4px 4px 0;color:#fff;border:1px solid #357ebd;background-color:#428bca;}



#clusterMap {display:block;width:100%;min-height:1150px;padding:0;margin:0;top:0;}

#mypos {
	position:relative;
	top: 5px;
	left: 0;
	width: 39px;
	height: 39px;
	background: rgba(32, 128, 208, 0.3);
	border-radius: 50%;
	/*animation: scale 1.2s 7 forwards;*/
	animation: scale 1.2s 5 backwards;
}

#circle {position:relative;top:-22px;left:12px;display:block;width:15px;height:15px;border:3px solid #FFF;background:red;border-radius:50%;box-shadow: 0.5px 0.5px #CCC, -0.5px 0.5px #CCC, 0.5px -0.5px #CCC, -0.5px -0.5px #CCC;}

@keyframes scale {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% { 
		transform: scale(1);
		opacity: 1;
	}
}


#mzoneSelect {padding:12px 2%;}
#mzoneSelect .zoneform {width:100%;text-align:center;}
#mzoneSelect .zoneform select {width:calc(100% / 4);height:46px;border-radius:4px;}
#mzoneSelect .btn-search {position:relative;top:-1px;width:73px;height:46px;padding:0;margin-left:0;font-size:12pt;line-height:42px;}

#mzoneSelect .searchform {width:100%;text-align:center;}
#mzoneSelect .searchform select {float:left;width:80px;height:46px;margin-right:5px;border-radius:4px;}
#mzoneSelect .searchform .inbtn {float:right;position:relative;width:calc(100% - 92px);height:46px;padding:0;margin:0;}
#mzoneSelect .searchform .inbtn input {position:absolute;top:0;left:0;width:calc(100% - 73px);height:46px;padding:0 4px;font-size:11pt;border:1px solid #dfdfdf;border-right:none;border-radius:4px 0 0 4px;}
#mzoneSelect .searchform .inbtn button {position:absolute;top:0;right:0;width:73px;height:46px;padding:0;font-size:12pt;line-height:42px;border-radius:0 4px 4px 0;color:#fff;border:1px solid #357ebd;background-color:#428bca;}

.mclusterMap {position:relative;width:100%;}
.mclusterMap #refresh {position:absolute;top:10px;right:10px;width:50px;height:50px;text-align:center;background-color:#FFF;color:#000;border-radius:50%;z-index:9999;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.mclusterMap #refresh i {width:48px;height:48px;margin:1px;font-size:20pt;line-height:48px;color:#000;}
.mclusterMap #mclusterMap {position:absolute;top:0;left:0;display:block;width:100%;min-height:650px;padding:0;margin:0;top:0;}
.mclusterMap #locbox {display:none;position:fixed;bottom:30px;left:10px;width:calc(100% - 20px);height:30px;font-size:10pt;line-height:28px;text-align:center;background-color:rgba(0,0,0,.5);color:#FFF;z-index:9;}

#contact {position:fixed;right:20px;bottom:20px;display:block;width:50px;height:50px;text-align:center;z-index:1000;}
#contact i {width:50px;height:50px;font-size:22pt;line-height:50px;background-color:#ff6600;color:#FFF;border-radius:50%;}

#ifw {padding:2px 5px 6px 5px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
#ifwred {padding:2px 5px 6px 5px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
#ifwred a {color:red;}

#sunName {display:block;font-size:10pt;padding:3px 10px 5px 10px;border:1px solid #d0d0d0;border-radius:2px;background-color:#FFF;z-index:9999;}
#vsunName {display:block;font-size:10pt;padding:3px 10px 5px 10px;border:1px solid #000;border-radius:2px;background-color:#333;color:#FFF;z-index:9999;}


#naver {position:relative;width:100%;}
#naver #refresh {cursor:pointer;position:absolute;top:10px;right:10px;width:50px;height:50px;text-align:center;background-color:#FFF;color:#000;border-radius:50%;z-index:2;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
#naver #refresh i {width:48px;height:48px;margin:1px;font-size:20pt;line-height:48px;color:#000;}


#NaverMap,#mNaverMap {width:100%;min-height:392px;}

#noverlay {position:absolute;left:0;top:0;padding:2px 10px 4px 10px;font-size:10pt;background-color:#FFF;text-align:center;border:1px solid #333;border-radius:0 12px 12px 12px;}
#noverlay a {color:#000;}
#noverlay:hover {background-color:#DDD;}
#noverlayv {position:absolute;left:0;top:0;padding:2px 10px 4px 10px;font-size:10pt;background-color:#333;text-align:center;border:1px solid #333;border-radius:0 12px 12px 12px;}
#noverlayv a {color:#FFF;}
#noverlayv:hover {background-color:#555;}

#zonepage .zonetab {width:100%;}
#zonepage .zonetab li {cursor:pointer;float:left;width:calc(96% / 3);height:50px;padding:0;;margin:0 2% 2% 0;font-size:11pt;line-height:48px;text-align:center;border:1px solid #d0d0d0;background:none;border-radius:2px;}
#zonepage .zonetab li:nth-child(3n) {margin-right:0;}
#zonepage .zonetab li.on {color:#FFF;border-color:#28A84B;background-color:#28A84B;}
#zonepage .zonetab9 li {width:calc(91% / 9);margin-right:1.11%;}
#zonepage .zonetab9 li:nth-child(3n) {margin-right:1.11%;}
#zonepage .zonetab9 li:last-child {margin-right:0;}