@charset "utf-8";

@import url("base.css"); /* 기본 */
@import url("layout.css"); /* 레이아웃 */
@import url("content.css?v=7"); /* 콘텐츠 */

#gnb1 {position:relative; margin-top:75px; float:left; width:6.5%; height:890px; z-index:4; overflow:hidden; text-align:right; background:#1D262D;}
#gnb1 ul{float:left; }
#header h1 img {position:relative; padding:15px; padding-left:25px; float:left;}
#main_container1{ position:relative; width:100%; margin:0px auto; padding:10px; }
.main_container1 { overflow:hidden; border:1px solid red;}


#deviceNone { border:0px solid red; margin:100px; text-align:center; font-size:20px; color:#ffffff; }




.select_st {height:37px; font-size:18px; padding:0px 30px 0 15px; font-family:나눔고딕,NanumGothic,NG; color:#fff; font-weight:600; vertical-align:middle; background:#272829; border:1px solid #1b1d1e; border-radius:10px;}

/* 맵 팝업 테이블 */
.map_popup1 { width:295px; height:280px;  background:#485462; padding-right:10px; font-size:12px; z-index:9999; font-family:나눔고딕,NanumGothic,NG; color:#fff; font-weight:600;}
.tb_mappop1 {position:relative; width:100%;  z-index:99999; border-collapse:collapse; border-top:1px solid #fff; line-height:20px;}
.tb_mappop1 caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;}
.tb_mappop1 td {padding:7px 5px 5px 5px; border-left:1px solid #fff; border-bottom:1px solid #fff; text-align:left;}
.tb_mappop1 tbody th{padding:7px 5px 5px 5px; text-align:center;  border-bottom:1px solid #fff;}
.tb_mappop1 tbody.tb_center td {padding:7px 5px 5px 5px; border-left:1px solid #fff; border-bottom:1px solid #fff;  text-align:center;}

.map_popup1 .dev { margin-top:5px; }
.map_popup1 .pc_c { float:right; margin-top:0px; margin-right:10px; }
.map_popup1 .pc_c img { height:23px; margin-top:-5px;}
.map_popup1 h3 {  }

.search_monitoring7 {float:left; position:relative; width:1190px; height:68px; margin:0px 0;  border:1px #485462; }
.search_monitoring7 div.title01 { position:absolute; top:17px; left:20px; height:35px; line-height:35px; font-family:나눔고딕,NanumGothic,NG; font-weight:bold; color:#ffffff; font-size:20px;  }
.search_monitoring7 p.search_monitoring1 {width:610px; position:absolute; top:16px; left:130px;}
.search_monitoring7 p.search_monitoring1 select {width:185px;}
.search_monitoring7 p.btn_select_monitoring2 {width:125px; position:absolute; top:16px; left:720px;}

.search_monitoring5 {float:left; position:relative; width:1190px; height:68px; margin-top:5px; border:1px #485462; }
.search_monitoring5 div.title01 { position:absolute; top:17px; left:20px; height:35px; line-height:35px; font-family:나눔고딕,NanumGothic,NG; font-weight:bold; color:#ffffff; font-size:20px;  }
.search_monitoring5 p.search_monitoring1 {width:710px; position:absolute; top:16px; left:130px;}
.search_monitoring5 p.search_monitoring1 select {width:185px;}
.search_monitoring5 p.btn_select_monitoring2 {width:300px; position:absolute; top:16px; left:790px;}


.monitoring_cate1 {overflow:hidden; float:left; width:620px; height:68px; margin:0px 0 10px 20px; padding:0px 0 0 20px; border:1px #485462;}
.monitoring_cate1 li {float:left; margin-top:15px; margin-left:60px;  height:36px; line-height:36px;  font-family:나눔고딕,NanumGothic,NG; font-size:15px; font-weight:600; text-align:center; color:#fff;}
.monitoring_cate1 li a {display:block; height:36px; color:#fff;}
.monitoring_cate1 li a:hover, a:active, a:focus {text-decoration:none;}
.monitoring_cate1 li img { padding-top:1px; }
.monitoring_cate1 li:first-child {margin:0; margin-top:15px; font-size:20px;}

#mapPopup1 {  border:1px solid red; }




 /*style the box which holds the text of the information window
       .gm-style .gm-style-iw {
          background-color: #485462 !important;
          overflow: hidden !important;
      	border-radius:0px;
          border:1px solid green;
          display: block !important;
       }


       .gm-style .gm-style-iw #google-popup p{
          padding: 10px;
       }

      .gm-style .gm-style-iw * {
       	background-color: #485462 !important;
    overflow: hidden !important;
    line-height: 1.35em;
}


.gm-style .gm-style-iw .infoWindowBackground {

	display:none;

 }

*/

 /*style the box which holds the text of the information window*/
       .gm-style .gm-style-iw {
          background-color: #485462 !important;

          border-radius:0px;
          display: block !important;
       }

       /*style the paragraph tag*/
       .gm-style .gm-style-iw #google-popup p{
          padding: 10px;
       }



      /*style the link*/
      .gm-style div div div div div div div a {
      background-color: #485462 !important;
          color: #f1f1f1;
          font-weight: bold;
      }

      .gm-style .gm-style-iw div {
       background-color: #485462 !important;
    overflow: hidden !important;
    line-height: 1.35em
}

    .infoWindowArrowShadow { border:1px solid red; }
    .infoWindowArrow { border:1px solid red; }
    .infoWindowBGShadow { border:1px solid red; }
    .infoWindowBG { border:1px solid red; }


    .fade-enter-active, .fade-leave-active {
	  transition: opacity .5s;
	}
	.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
	  opacity: 0;
	}

	#manual a{ color:#ffffff; margin-top:20px; }

.customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')