.footer{
	width: 300px; 
	height: auto; 
	margin-top: 18px; 
	margin-right: 0px; 
	margin-bottom: 15px; 
	margin-left: 8px; 
	float: left; 
	background-color: #fff;
}
#footerInfo{
  font-family: 맑음 고딕,Malgun Gothic,Helvetica, Arial, sans-serif;
  font-size:6pt;
  font-weight:bold; 
  text-align:center; 
  padding:10px 10px;
}
/* .overlayPh{ */
/*   position:fixed; */
/*   width:166px; */
/*   height:16px; */
/*   margin-top: 45px;  */
/*   margin-left:80px; */
/*   background-color:#CEFBC9;  */
/*   opacity: 0.5; */
/*   z-index:1; */
/* } */
/* .overlayRc{ */
/*   position:fixed; */
/*   width:166px;  */
/*   height: 57px; */
/*   background-color:#CEFBC9;  */
/*   margin-top: 40px;  */
/*   margin-left:80px; */
/*   opacity: 0.5; */
/*   z-index:1; */
/* } */
.layerTitle{ 
  font-size:12pt;
  font-weight:bold;
}
.imgTitle{
  font-family: Helvetica, Arial, sans-serif;
  display:inline-block;
  width:100%;
  font-size:7pt;
  font-weight:bold;
}
.subTitle{
  font-family: 맑음 고딕,Malgun Gothic,Helvetica, Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
}


.palyImg{
  background-image: url(../images/mainPlay.png);
}
.stopImg{
  background-image: url(../images/mainStop.png);
}
.downImg{
  background-image: url(../images/mainDown.png);
}
.upImg{
  background-image: url(../images/mainUp.png);
}

.qtuImg{
  background-position:center 25px;
  background-image: url(../images/turbidity.png);
}
.qphImg{
  background-position:center 25px;
  background-image: url(../images/ph.png);
}
.qecImg{
  background-position:center 25px;
  background-image: url(../images/EC.png);
}
.qrcImg{
  background-position:center 20px;
  background-image: url(../images/RC.png);
}
.headImgLeft{
  width:101px;
  margin :0px auto;
  text-align:center;
}
.headImg{
  cursor:pointer;
  width:100px;
  margin :0px auto;
  text-align:center;
}
.headImgNonePointer{ 
  width:54px;
  margin :0px auto;
  text-align:center;
}
.gbGray{
  background-color:#4B4B4B;
  font-family: 맑음 고딕,Malgun Gothic,Helvetica, Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#ccc;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.txtC{
  text-align:center;
}
.txtL{
  text-align:left;
}
.txtR{
  text-align:right;
}
.width100{
  width:100%;
}
.width50px{
  width:50px;
}
.width30px{
  width:30px;
}
.height20{
  height:20px;
}
.height126{
  height:126px;
}
.height97{
  height:97px;
}
.height98{
  height:98px;
}
.height99{
  height:99px;
}
.mT2{
  margin-top: 2px;
}
.mT5{
  margin-top: 5px;
}
.mT15{
  margin-top: 15px;
}
.ml49{
  margin-left:49px;
}
.pl49{
  padding-left:49px;
}
.mr9{
  margin-right:9px;
}
.mB10{
  margin-left:90px;
}

/* css for chart overlay */
.overlay {
  width : 216px;
  position:absolute;
  top:55px;
  left:5px;
}

.qcontainerMargin {
  width:34px;
  height:34px;
  margin-top:0;
  margin-bottom:3px;  
}

#ChanageSize{ 
  right: 0px;
  width:20px;
  height: 20px;
  padding:2px;
  display:none;
}
.ChanageSize{ 
  right: 0px;
  width:20px;
  height: 20px;
  padding:2px;
}

#forumtoolArray{
  position:fixed; 
  height:40px;
  float:right;
  padding:5px;
  background-color:#939393; 
  top:2px; 
  right:10px;
  margin:5px;
  opacity: 0.7;
}
.nameArea{
  cursor:pointer;
  padding: 0px; 
  height: 100%;
  background-repeat: no-repeat;
  background-size:34px 34px; 
}
.graphArea{ 
  width: 246px; 
  height: 100%;
  margin: 0px 0px;
  padding:0px 0px;
  background-color:#fff;
}
.graphCont{
  width: 246px; 
  height: 100%;
}
 

.iconImg{
  float:left;
  cursor:pointer;
  width:34px;
  height:34px;
  z-index:9999;
  margin:2px 2px;
  cursor:pointer;
  -ms-user-select:none;
  background-position:center;
  background-clip:border-box;
  background-repeat: no-repeat;
  background-size:34px 34px;
}
.layerArea{ 
  font-family:맑은 고딕,Malgun Gothic;
  font-weight:bold;
  font-size:10pt;
  color:#EDD200;
  padding:10px;
  margin: 0 auto;
  display:none;
  background-color:#666666;
  width:500px;
  height:auto;
  z-index:999; 
  left:200px;
  position: relative;
} 

.layerImgArea{ 
  color:#ccc;
  padding:5px 2px 10px 10px;
  margin: 15px auto;
  display:none;
  background-color:#666666;
  width:auto;
  height:auto;
  z-index:999;
  width:250px; 
  left:450px;
  position: relative;
  text-align:center; 
} 
.layerImgArea img{  
  max-width: 200px;
} 
.topClose{
  cursor:pointer;
  -ms-user-select:none;
  width:100%; 
  height:20px;
  background-position:right;
  background-size:16px;
  background-clip:border-box;
  background-image: url(../images/X.png);
  background-repeat: no-repeat;
  background-size:16px 16px;
}
.reducedsize {
  cursor:pointer;
  -ms-user-select:none;
  width:20px;
  height:20px;
  background-size:16px;
  background-clip:border-box;
  background-image: url(../images/X.png);
  background-repeat: no-repeat;
  background-size:16px 16px !important
}


#panelQuality {
  font-family: Helvetica, Arial, sans-serif;
  font-size:small;
  position: absolute;
  right:15px;
  top: 15px;
  height: 100%;
  width: 0px;
  display: block;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
  zoom: 1; }

.cpContent {
  font-family: Arial;
  text-align:center;
}

#QContainer {
  /*position:fixed;*/
  font-family: Helvetica, Arial, sans-serif;   
  font-size:small;
  text-align:center;
  vertical-align:middle;
  right:1px;
  top: 65px;
  width: 315px;
  height: auto;
  padding:3px;
  overflow:hidden;
  float:left; 
  background-color:#E1E1E1;
  background-repeat: no-repeat;
}

#QHeader, .topPanel {
   text-align:center;
   /* background-color:rgba(128, 171, 0, 0.9);*/
}     

#QCenter, #QBottom {
  height:250px;
}

#QIntake, #QTreat, #QReser, #QHome {
  height:100px;
}

.nopadding {
  padding:0px;  
}

.QName {
  width:60px;
}
 
.QGraph {
  position:relative;
  margin: 0px auto;
  padding:0px 1px;
}

.menuIconImg{
  float:left;
  cursor:pointer;
  width:64px;
  height:64px;
  z-index:9999;
  margin:2px 2px;
  cursor:pointer;
  -ms-user-select:none;
  background-position:center;
  background-clip:border-box;
  background-repeat: no-repeat;
  background-size:64px 64px;
}

.waterhomeImg{
  background-image: url(../images/btn001.png);
}
.watertrackImg{
  background-image: url(../images/btn002.png);
}
.sitetrackImg{
  background-image: url(../images/btn003.png);
}


#detailChartDiv{position:absolute;bottom:0;}
.gischt_btn_st a{display:inline-block;position:relative;vertical-align:middle;]}
.gischt_btn_st a span{z-index:999;display:inline-block;width:50px;height:50px;background:url('/images/egovframework/common/modal_bg.gif')no-repeat 0 0;top:0;}
.gchart_area{padding-top:20px;background:#fff;}
.gischt_btn_st{display:inline-block;background:#005596;height:50px;}
.gischt_btn_st #gischttitle{font-size:17px;font-weight:bold;display:inline-block;padding:0 20px;color:#fff;vertical-align:middle;'}