body {
  font-size: .7rem;
}

.map_body {
  padding: 0;
}

#map {
  height: 40rem;
}

.bg-logo-image1 {
  width: 100%;
}

.logo-image1 {
  max-width: 100%;
  height: auto;
}

.map_posiotion {
  border-radius: 50%;
}

.map_ok {
  background-color: #f7e3d3;
}

.map_ok_master {
  background-color: #FFD9FA;
}

.map_ok_slave {
  background-color: #E4F7BA;
}

.map_ok_na {
  background-color: #ffde56;
}

#info_content {
  background-color: #F8FFFF;
}

.meter_last {
  color: #008299;
}

.meter_34 {
  color: #ff0000;
}

.warning_txt {
  color: #670000;
}

.info_copy {
  color: #F8FFFF;
}

.modal { overflow: auto !important; }

.bg-kepco {
  background-color: #000000;
  background-size: cover;
}

.logo-image2 {
  max-width: 100%;
  height: auto;
}

.bg-logo-main-image {
  background: url("/img/main_logo.jpg");
  background-position: center;
  background-size: cover;
}

.badge-hpgp {
  color: #fff;
  background-color: #CC00CC;
}

.master_blue {
  color: #3a56e7;
  font-weight: 700 !important;
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
  position: fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background: rgba(0,0,0,0.2); /*not in ie */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */
  z-index: 99999;
}

.wrap-loading div{ /*로딩 이미지*/
  position: fixed;
  top:50%;
  left:50%;
  margin-left: -21px;
  margin-top: -21px;
}

.display-none{ /*감추기*/
  display:none;
}

.trselected{
  color: #5ecd7a;
  font-weight: 900;
}

.map-none {
  display: none;
}

.map-block {
  display: block;
}

.kepco-bg1 {
  background-color: #D5D5D5 !important;
}