/**
* Template Name: iPortfolio - v1.4.1
* Template URL: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* body { */
/*   font-family: "Open Sans", sans-serif; */
/*   color: #272829; */
/* } */
@media ( max-width : 640px) {
	
.search_map_info {z-index: 99; display:none; position: absolute; top:30%; left:60%; width:0; height: 0;}
.search_map_info.active {display: block;}
.search_map_info .search_info_text_wrap {z-index: 101; position: relative; width:20px; height: 28px; margin: -28px 0 0 -10px;}
.search_map_info .search_info_text_wrap:before {z-index: 100; position: absolute; left:4px; bottom:1px; width:25px; height: 14px; background: url(../../images/bg_pin_shadow.png) no-repeat 0 0; background-size: 25px 14px; content: '';}
.search_map_info .search_info_text_wrap:after {z-index: 101; position: absolute; top:0; left:0; width:20px; height: 28px; background: url(../../images/ico_pin.png) no-repeat 0 0; background-size: 20px 28px;  content: '';}
	
	.menu-3 {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 48px;
		z-index: 10;
		margin-top: 71px !important;
		margin-left: 24px !important;
	}
	.btn_close {
        position: inherit;
	    top: 10px;
	    right: -4px;
	    width: 30px;
	    height: 48px;
	    background: url(../../images/bg_spr.png) no-repeat 0 -24px;
	    background-size: 390px 390px;
	    font-size: 0;
	    overflow: hidden;
	    border: none;
	}
	
	.cancel,.reg {
		width: 60px;
	    background: white;
	    color: #0093D3;
	    height: 30px;
	    font-size: 12px !important;
	    border: 1px solid #007BC8;
	}
	.mng_sql_div{
	    width: 100%;
	    position: absolute;
	    z-index: 1100;
	    border: 1px solid #818181;
	    background: #ffffff;
	    left: 0px;
	
	}
	.bottomTab ul.btn_wrap_info li .btn_sm{
		width:0px;
	}
}
a {
  color:inherit;
  text-decoration: none;
}

a:hover {
  color:inherit;
  text-decoration: none;
}
a:active{
  color:inherit;
  text-decoration: none;
}
a:visited{
color:inherit;
height: 100px;
}
/* h1, h2, h3, h4, h5, h6 { */
/*   font-family: "Raleway", sans-serif; */
/* } */
ul, ol{list-style:none}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #149ddd;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #2eafec;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100px;
  transition: all ease-in-out 0.5s;
  z-index: 9997;
  transition: all 0.5s;
  background: #004b88;
  overflow-y:hidden;
  overflow-x:hidden;
}

#header .profile img {
  margin: 15px auto;
  display: block;
  width: 120px;
  border: 8px solid #2c2f3f;
}

#header .profile h1 {
  font-size: 24px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  -moz-text-align-last: center;
  text-align-last: center;
  font-family: "Poppins", sans-serif;
}

#header .profile h1 a, #header .profile h1 a:hover {
  color: #fff;
  text-decoration: none;
}

#header .profile .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #212431;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#header .profile .social-links a:hover {
  background: #149ddd;
  color: #fff;
  text-decoration: none;
}

#main {
  margin-left: 300px;
}

@media (max-width: 1199px) {
  #header {
    left: -300px;
  }
  #main {
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.white_image{
background-color:#fff; 
width:100px; 
height:70px; 
text-align:center;
}
.nav-menu {
  padding-top: 30px;
}

.nav-menu * {
text-align:center;
  margin-top: 5px;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
white-space: nowrap;
}

.nav-menu a {
text-align:center;
color: #fff;
transition: 0.3s;
font-weight:600;
}

.nav-menu-text{
font-size:12px; 
margin-bottom:15px;
color:white; 
font-weight:600;
}
.nav-menu-text:hover{
color:#a6ce39;
}


.nav-menu a i {
  font-size: 24px;
  color: #fff;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  text-decoration: none;
  color: #fff;
}

.nav-menu a:hover i, .nav-menu .active > a i, .nav-menu li:hover > a i {
  color: #fff;
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active #header {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
  text-shadow:1px 1px #000;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
/*   background: url(../../images/hero-bg.jpg) top center; */
  background-size: cover;
}

/* #hero:before { */
/*   content: ""; */
/*   background: rgba(5, 13, 24, 0.3); */
/*   position: absolute; */
/*   bottom: 0; */
/*   top: 0; */
/*   left: 0; */
/*   right: 0; */
/*   z-index: 1; */
/* } */

#hero .hero-container {
  position: relative;
  z-index: 2;
  min-width: 300px;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 64px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}

#hero p {
  color: #fff;
  margin-bottom: 50px;
  font-size: 26px;
  font-family: "Poppins", sans-serif;
}

#hero p span {
  color: #fff;
  padding-bottom: 4px;
  letter-spacing: 1px;
  border-bottom: 3px solid #149ddd;
}

@media all and (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
  
}

@media all and (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  }

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.
section {
  padding: 0;
  overflow: hidden;
}

.section-bg {
  background: #f5f8fd;
}

.section-title {
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #173b6c;
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #149ddd;
  bottom: 0;
  left: 0;
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 700;
  font-size: 26px;
  color: #173b6c;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 2px;
  color: #149ddd;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Facts
--------------------------------------------------------------*/
.facts {
  padding-bottom: 30px;
}

.facts .count-box {
  padding: 30px;
  width: 100%;
}

.facts .count-box i {
  display: block;
  font-size: 44px;
  color: #149ddd;
  float: left;
}

.facts .count-box span {
  font-size: 48px;
  line-height: 40px;
  display: block;
  font-weight: 700;
  color: #050d18;
  margin-left: 60px;
}

.facts .count-box p {
  padding: 15px 0 0 0;
  margin: 0 0 0 60px;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #122f57;
}

.facts .count-box a {
  font-weight: 600;
  display: block;
  margin-top: 20px;
  color: #122f57;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.3s;
}

.facts .count-box a:hover {
  color: #1f5297;
}

/*--------------------------------------------------------------
# Akills
--------------------------------------------------------------*/
.skills .progress {
  height: 50px;
  display: block;
  background: none;
}

.skills .progress .skill {
  padding: 10px 0;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #050d18;
}

.skills .progress .skill .val {
  float: right;
  font-style: normal;
}

.skills .progress-bar-wrap {
  background: #dce8f8;
}

.skills .progress-bar {
  width: 1px;
  height: 10px;
  transition: .9s;
  background-color: #149ddd;
}

/*--------------------------------------------------------------
# Resume
--------------------------------------------------------------*/
.resume .resume-title {
  font-size: 26px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #050d18;
}

.resume .resume-item {
  padding: 0 0 20px 20px;
  margin-top: -2px;
  border-left: 2px solid #1f5297;
  position: relative;
}

.resume .resume-item h4 {
  line-height: 18px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #050d18;
  margin-bottom: 10px;
}

.resume .resume-item h5 {
  font-size: 16px;
  background: #e4edf9;
  padding: 5px 15px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 10px;
}

.resume .resume-item ul {
  padding-left: 20px;
}

.resume .resume-item ul li {
  padding-bottom: 10px;
}

.resume .resume-item:last-child {
  padding-bottom: 0;
}

.resume .resume-item::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  left: -9px;
  top: 0;
  background: #fff;
  border: 2px solid #1f5297;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  background: #fff;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 8px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #272829;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 1;
  left: 0;
  right: 0;
  bottom: -60px;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
  display: flex;
  justify-content: center;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  font-size: 28px;
  text-align: center;
  background: rgba(20, 157, 221, 0.75);
  transition: 0.3s;
  width: 50%;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  background: rgba(20, 157, 221, 0.95);
}

.portfolio .portfolio-wrap .portfolio-links a + a {
  border-left: 1px solid #37b3ed;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: 0;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  margin-bottom: 20px;
}

.services .icon {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background: #149ddd;
  border-radius: 50%;
  transition: 0.5s;
  border: 1px solid #149ddd;
}

.services .icon i {
  color: #fff;
  font-size: 24px;
}

.services .icon-box:hover .icon {
  background: #fff;
}

.services .icon-box:hover .icon i {
  color: #149ddd;
}

.services .title {
  margin-left: 80px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .title a {
  color: #343a40;
}

.services .title a:hover {
  color: #149ddd;
}

.services .description {
  margin-left: 80px;
  line-height: 24px;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-item {
  box-sizing: content-box;
  text-align: center;
  min-height: 320px;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #c3e8fa;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 15px 15px 15px;
  padding: 20px;
  background: #fff;
  position: relative;
  margin-bottom: 35px;
  border-radius: 6px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.testimonials .testimonial-item p::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #fff;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 20px);
}

.testimonials .owl-nav, .testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.testimonials .owl-dot.active {
  background-color: #149ddd !important;
}

@media (max-width: 767px) {
  .testimonials {
    margin: 30px 10px;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {
  padding-bottom: 130px;
}

.contact .info {
  padding: 30px;
  background: #fff;
  width: 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .info i {
  font-size: 20px;
  color: #149ddd;
  float: left;
  width: 44px;
  height: 44px;
  background: #dff3fc;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #050d18;
}

.contact .info p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #173b6c;
}

.contact .info .email p {
  padding-top: 5px;
}

.contact .info .social-links {
  padding-left: 60px;
}

.contact .info .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  margin-right: 10px;
}

.contact .info .social-links a:hover {
  background: #149ddd;
  color: #fff;
}

.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
  background: #149ddd;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type="submit"] {
  background: #149ddd;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #37b3ed;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.windowPopupWrap { display:none; position:absolute; top:0; right:0; width:100%; height:100%; z-index:9999}
.window_pop { position:fixed; overflow:hidden; top:0; bottom:0; left:0; right:0; margin:auto; width:250px; height:200px; background:#fafafa;  box-shadow:0 0 4px rgba(0,0,0,0.2); z-index:9998; }

.wp_body {width:100%;height:100%;}
.wp_bg { position:fixed; width:100%; height:100%; background-color:#000; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; }
.wp_content { width:100%; }
.window_popup .window_pop {width:300px;    height: 246px;}
.window_popup .window_pop.input_pop { width:300px; height: 80%;}
.window_popup .window_pop.input_pop .wp_body {width: 100%; height: 100%; padding: 0px 0px 0px 0px;}
.window_popup .title {
    background-color: #004b88;
    display: flex;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-indent: 10px;
	}
.window_popup .btn_close {
border:none;
background:#004b88;
display:inline-block; 
color:#fff; 
width:40px; 
line-height: 47px;
height:40px; 
font-size:40px; 
font-weight:800;
cursor:pointer;
position: absolute;
right: 0;

	
	}
	
.window_popup .menu_list {
    width: 100%;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
/*     height: 97px; */
    height: 146px;
   }

.window_popup .wp_content {height: calc(100% - 50px);}
.window_popup.message_popup .window_pop { width:400px; height:100px; background-color:#dfdfdf; }
.window_popup.message_popup .wp_content { height:100%; }

.window_popup .text_area {display:table;width:100%;height:100%;}
.window_popup .window_pop.input_pop .text_area {width:100%; height:100%; display: table;}
.window_popup .text_area .message { font-size:15px; text-align:center; vertical-align:middle; width:100%; display: table-cell;}
.window_popup .text_area i { color:#5572a2; font-weight:bold; white-space:normal; }

.window_popup .window_pop .btn-align-right {
    height: 55px;
    border-top: 1px solid #D9D9D9;
    overflow: hidden;
    padding: 11px;
}
.window_popup .wp_btn_area_message { margin-top:10px; width:100%; height:0px; }
/*.window_popup .wp_btn_area button { float:left; width:100%; height:100%; background:#979696; color:#fff; font-size:14px; font-weight:700; line-height:42px; text-align:center; }
.window_popup .wp_btn_area.wp_btn_area_confirm button { float:left; width:calc(50% - 2px); height:100%; background:#979696; color:#fff; font-size:14px; font-weight:700; line-height:42px; text-align:center; }
.window_popup .wp_btn_area button:first-child { background:#5572a2; margin-right:4px; }*/
.window_popup .window_pop .wp_btn_area ul {
    position: relative;
    left: -webkit-calc(50% - 63px);
    left: -moz-calc(50% - 63px);
    left: calc(50% - 63px);
    overflow: hidden;
}

.window_popup .window_pop .wp_btn_area li .btn_sm {
    width: 60px;
    margin-right: 6px !important;
    float: left;
}
/* popup2 */
.windowPopupWrap2 { display:none; position:absolute; top:0; right:0; width:100%; height:100%; z-index:9999}
.window_pop2 { position:fixed; overflow:hidden; top:0; bottom:0; left:0; right:0; margin:auto; width:250px; height:200px; background:#fafafa;  box-shadow:0 0 4px rgba(0,0,0,0.2); z-index:9998; }
.wp_bg2 { position:fixed; width:100%; height:100%; background-color:#000; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; }
.window_popup2 .window_pop2 {width:344px;    height: 387px;}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 20px 0;
  background: #f9f9f9;
}

.breadcrumbs h2 {
  font-size: 26px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #0e2442;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: #149ddd !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

@media (max-width: 768px) {
  .portfolio-details .portfolio-description h2 {
    width: 100%;
  }
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  padding: 15px;
  color: #f4f6fd;
  font-size: 14px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 300px;
  z-index: 9999;
  background: #040b14;
}

#footer .copyright {
  text-align: center;
}

#footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #eaebf0;
}

@media (max-width: 1199px) {
  #footer {
    position: static;
    width: auto;
    padding-right: 20px 15px;
  }
}


/*add*/
.menu-right{position: fixed;top: 2%;z-index:1;right:0%;}
.i-image{
margin-top:15px;
width:33%;
}
.tri{
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-right: 30px solid #004b88;
    border-bottom: 22px solid transparent;
    position: absolute;
    margin-left: -30px;
}
.mapcontrol{background-color:#004b88;width:65px;}

@media ( max-width : 640px) {
.mapcontrol{background-color:#004b88;/* width:60px; */}
.mapcontrol td{color:white; font-size:4pt;}
}

.mapcontrol th{color:white;}
.mapcontrol td{}

.icon-text{font-size:8pt; 
margin-top:7px;
color:#fff;
}
td img{margin-right:5px;}

.background{background:#004b88; color:white; font-weight:800; width:100%;}
.background2{background:#3f97d2; color:white;font-weight:800;}
.background3{background:#b1b1b1; color:white;}
.x{background:#004b88; color:white; font-size:16px; float:right; cursor:pointer;}

.null{width:55%; height:30px;}
.table{border:none;}
.menu-3{font-size:14px;left:60%;text-align:center;border-radius:10px;font-size:12px;margin: 26px;margin-bottom: 56px;}
.menu-3 table{margin:0 auto;}
.table2{background-color:#fff;}
.table2 th{
padding:4%;
}
.table2 td{
padding-top:10px;
padding-bottom:10px;
font-size:10px;}
.table4{border-radius:5px; background-color:#a6ce39; margin:0 auto; padding:10px;}
.table5{margin:0 auto;border-radius:5px;background-color:#a6ce39;padding:20px;width:50px;height:30px;line-height:30px;font-weight:bold;}
.table4 th{color:white;}
.table4 td{font-size:10px; color:white;}
.right{float:right;margin-right:2%;}
.table-text{font-size:14px; margin-left:20px;}
.null2{width:10%;}
.table{background-color:#fff; font-size:10px; left:5%;}
.table4{
text-indent:15px;
width:360px;
background-color:#fff; 
}
.table4 thead{
background-color:#3f97d2;
font-size:1em;
}
.table4 thead th{
color:white;
font-weight:bold;
padding:3%;
font-size:1em;
}
.table-head{
padding:3% 0%;
background-color:#004b88;
color:#fff;
font-weight:bold;
}
.table4 tbody td{
padding:3% 0%;
font-size:1em;
}
.table4 tbody td:last-child{
text-align:right;
}
.table4 tbody td button{
margin-right:10px;
}

.modal_content_table5{
background:#fff;
width:100%;
margin:0 auto;
}
.modal_content_table5 th{
background-color:#ccc;
padding:10px;
border:1px solid #ccc;
text-align:center;
}
.modal_content_table5 tr:hover{
background-color: #e0ffe0;
cursor: pointer;
}
.modal_content_table5 td{
padding:8px;
border:1px solid #ccc;
text-align:center;
}
.paging{
text-align:center;
}

.user{
width: 95vw;
height: 100vh;
background:#fff;
}
@media ( max-width : 640px) {
#modal5 .modal_content5{top:58px;left:5px;position:absolute;}
.user{width:360px;}
#modal_close_btn5{margin-left:65%;cursor:pointer;color:#fff;display:inline-block;width:40px; line-height:40px;height:40px; font-size:40px; font-weight:800;}
}
.top-flex{
display:flex;
}
.right2{
float:right;
padding:20px 0px;
}
.top-title{
line-height:30px;
margin-right:20px;
}
.top-title2{
line-height:30px;
margin-right:20px;
padding:20px 0px;
}
.select-right{
margin-right:20px;
}
.input-right{
margin-right:20px;
}
.modal_top{
background-color:#004b88;
display:flex;
color:#fff;
height:50px;
line-height:50px;
text-indent:10px;
}
.top-right{
text-align:right;
}

.mng_data_input_title{
background-color:#004b88;
display:flex;
color:#fff;
height:50px;
line-height:50px;
text-indent:10px;
}
.modal_content4_top{
background-color:#004b88;
display:flex;
color:#fff;
height:50px;
line-height:50px;
text-indent:10px;
}
.modal_content5_top{
background-color:#004b88;
display:flex;
color:#fff;
height:50px;
line-height:50px;
text-indent:10px;
}
.modal_content6_top{
background-color:#004b88;
display:flex;
color:#fff;
height:50px;
line-height:50px;
text-indent:10px;
}
.modal_content4_back{
width:360px;
height:130px;
background:#fff;
}

.modal_content4_back table{
width:95%;
margin:0 auto;
}
.modal_content4_back td{
padding:10px 0px;
}


.open{
outline:0;
background-color:rgba(0,0,0,0);
border:2px solid #3396ff;
color:#3396ff;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
}
.reg{
outline:0 !important;
background-color:#3396ff;
border:2px solid #3396ff;
color:#fff;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer!important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
}
.cancel{
outline:0;
background-color:rgba(0,0,0,0);
border:2px solid #3396ff;
color:#3396ff;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
}
.btn-align-right{
text-align:center;
}
.btn-align-center{
text-align:center;
}
.mapcontrol a{
font-weight:400;
color:#fff;
}
.mapcontrol a:hover{
color:#a6ce39;
font-weight:400;
text-decoration:none;
}
.modal_content6_top span img{
width:10px;
}
.mbt{
margin-left:185px;
cursor:pointer;
}


input[type="radio"] {
margin-right:5px;
}
.in{
margin:0 auto;
width:95%;

}
.lnb {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  bottom: 0;
  background: #004b88;
  color: #white;
  width: 100px;
  font-family: 'Montserrat', sans-serif;
  font-weight: lighter;
  transition: all 0.15s ease-in-out;
}
.btn_lnbclose {position:absolute; z-index: 11; top:50%; right: -28px; width:28px; height:60px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); margin-top: -29px; border:0px solid #303030; border-left: 1px solid #d9d9d9; background: #fff; font-size:0; text-indent:-9999px; transition: all .3s; cursor: pointer;}
.btn_lnbclose:focus {outline: unset;}
.btn_lnbclose > span {position:relative; z-index: 1200; display: block; width:100%; height: 100%;}
.btn_lnbclose > span:before {position:absolute; right:6px; top:21px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #757575; content: ''; transform: rotate(180deg); transition: all .2s;}
.btn_lnbclose > span:after {position:absolute; right:4px; top:21px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #fff; content: ''; transform: rotate(180deg); transition: all .2s;}
.lnb_off .btn_lnbclose > span:before {right:5px; transform: rotate(0deg);}
.lnb_off .btn_lnbclose > span:after {right:7px; transform: rotate(0deg);}
.lnb_off .ol-scale-line { left:24px; }
.lnb_off .lnb { left: -99px;  box-shadow: none;}
.lnb ul {
  margin-top:-20px;
  width: 100px;
  height: calc(100% - 100px);
  overflow: hidden;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.lnb ul li {
text-align:center;
  /*border: 1px solid #2f343e;*/
  position: relative;
  height:7%;
}
.lnb ul li.unread:after {
  content: attr(data-content);
  position: absolute;
  left: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #fff;
  background: #ef5952;
  font-size: 8px;
}
.lnb ul li:not(:last-child) {
  border-bottom: none;
}
.lnb ul li.active a {
  background: #4c515d;
  color: #fff;
}
.lnb ul li a {
  position: relative;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  color: #9aa3a8;
  height: 100%;
  width: 0%;
  transition: all 0.15s ease-in-out;
}
.lnb ul li a:hover {
  background: #4c515d;
  color: #fff;
}
.lnb ul li a * {
  height: 100%;
  display: inline-block;
}
.lnb ul li a i {
  text-align: center;
  width: 50px;
  z-index: 999999;
}
.lnb ul li a i.fa {
  line-height: 50px;
}
.lnb ul li a span {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
/*   padding-left: 25px; */
/*   opacity: 0; */
/*   line-height: 50px; */
/*   transition: opacity 0.1s ease-in-out; */
}
/* 모바일 */
@media ( max-width : 640px) {
#logout{margin-top:0px;}
.lnb_off .lnb {left:-275px;}
}
.facilityList .facilityMgt #btn_pr{background: url(/images/test_img/wtl_profile.png) 18px 11px no-repeat; background-size: 50% 52%;}
.facilityList .facilityMgt #btn_label{background: url(/images/test_img/wtl_label.png) 18px 11px no-repeat; background-size: 50% 52%;}
.facilityList .facilityMgt #btn_heatMap{background: url(/images/heatmap.svg) 18px 11px no-repeat; background-size: 50% 52%;}
.facilityList .facilityMgt li{
	float: left;
	color: white;
	font-weight: 400;
    font-size: 11px;
	background: #004b88;
	width: 33%;
	height: 80px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	cursor: pointer;
}
.i-image2{
margin-left:5px;
width:20%;
}
.lnb ul li{

}
.lnb ul li span{
}
.lnb ul li:hover{
background-color:rgba(0,0,0,0.5);
}

.nav-menu-btn{
width:100px;
height:90px;
text-align:center;
}
.i-image2{
width:50%;
margin: 5px 5px 5px 5px;
}
.i-image3{
width:23%;
}
.nav-menu-btn {
outline:0;
border:0px;
background-color: #004b88;
color: #fff;
cursor: pointer;
transition: all 150ms ease-in;
}
.nav-menu-btn:hover { color: #fff;
border:0; outline:0;
background-color:#002955;
}
.nav-menu-btn:active { color: #fff;
border:0; outline:0;
background-color:#002955;
}
.nav-menu-btn:focus { color: #fff;
border:0; outline:0;
background-color:#002955;
}
.nav-menu-btn:visited { color: #fff;
border:0; outline:0;
background-color:#002955;
}

.nav-menu-btn2 {list-style: none;width:62px;padding-top:62px;padding-bottom:4px;outline:0;border:0px;background-color: #004b88;color: #fff;cursor: pointer;/* transition: all 150ms ease-in; */margin: 2px;}


/*--------------------------------------------------------------
# 기존 style.css
--------------------------------------------------------------*/
.login {
	position:fixed;
    background:url(../../images/login_bg.png) 50% 50% no-repeat;
    background-color:#234C6B;
    width:100%;
    height:100%;
    overflow:auto;
}
.login .top_login {
    position:relative;
    left:calc(50% - 100px);
    height:35%;
    width:200px;
    overflow:hidden;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.top_login .logo {
    position:relative;
    top:calc(50% - 60px);
    background:url(../../images/loginLogo.png) no-repeat;
    background-size:213px; 
    /*border:1px solid #0000ff;*/
    height:100px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.top_login h1 {
    text-align:center;
    color:#d9d9d9;
    font-size:18px;
    font-weight:normal;
    position:relative;
    top:calc(50% - 40px);
    left: calc(47% - 102px);
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:rgba(255, 255, 255, 0.5);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:rgba(255, 255, 255, 0.5);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:rgba(255, 255, 255, 0.5);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:rgba(255, 255, 255, 0.5);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:rgba(255, 255, 255, 0.5);
}

::placeholder { /* Most modern browsers support this now. */
   color:rgba(255, 255, 255, 0.5);
}
.login .login_form {
    overflow:auto;
    width:500px;
    height:65%;
    padding:50px;
    position:relative;
    left:calc(50% - 250px);
    background:#007BC8;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2); 
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.login_form li label {
    font-size:0;
}
.login_form li:last-child label {
    font-size:16px;
    color:#fff;
}
.login_certify_pop{

}
.login_form input[type="text"], .login_form input[type="password"] {
    height:50px;
    width: 100%;
    border:0;
    background:transparent;
    border-bottom:1px solid rgba(255, 255, 255, 0.5);
    font-size:16px;
    color:#fff; 
    padding-left:5px;
}
.login_form input[type="text"]:focus, .login_form input[type="password"]:focus {
    border-bottom:1px solid rgba(255, 255, 255, 1);
}
.login_form input[type="checkbox"]{
    position: initial;
    left: 0px;
    opacity: inherit;
    margin-right: 20px;
}
.login_form li {
    margin-bottom:26px;
}
.login_form li:last-child {
    height:36px;
    line-height:36px;
}
.login_form li:last-child span {
    margin-left:6px;
}
.login_form .btn_login {
    height:50px;
    width:48%;
    float: left;
    border:0;
    color:#007BC8;
    background:#fff;
    font-size:16px;  
}
.login_form .btn_changePw {
    height:50px;
    width:48%;
    float: right;
    border:0;
    color:#007BC8;
    background:#fff;
    font-size:16px;
}


.common_popup_wrap{ display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 9999;}
.common_popup{position: fixed; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; width: 25%; height: 230px; margin: auto; background: #fff; z-index: 9998;}
.cp_head {position: flex; top: 0px; height: 50px; width: 100%; background: #004b88; padding: 0px 10px 0px 10px;}
.cp_head_title {color: #fff; font-size: 12pt; font-weight: bold; position: absolute; line-height: 50px; text-align: left;}
.cp_head input.btn_close {width: 16px;height: 16px;background-repeat: no-repeat;background-position: center;background-size: 16px;text-indent: -999em;border: 0;cursor: pointer;float: right;margin-top: 12px;background-color: #4E5862;}
.cp_body {width: 100%; height: calc(100% - 90px); border-bottom: 0.5px solid #ddd; display: table;}
.cp_content_wrap {display: table-cell; vertical-align: middle;}
.cp_content {margin: 0 auto; width: 100%; max-height: 100%; text-align: center; overflow-y: auto;}
.cp_footer {width: 100%; height: 40px; padding: 0px 10px 0px 10px; display: table;}
.cp_btn_area_wrap {display: table-cell; vertical-align: middle;}
.cp_btn_area {text-align: center;}
.cp_btn {padding: 0px 20px 0px 20px;}
.cp_content table#equipList{display: block;height: 118px;width: 100%;}
.cp_content table#equipList input[type=radio]{ position: inherit; opacity: 1; left: 0;}
.cp_content table#equipList td{ border: 1px solid #ccc; height: 30px;}
.cp_content table#equipList th{ height: 40px; background: #ddd; border: 1px solid #bbb;}

.cp_content input.equipInfo {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    background: none;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 900;
}

.cp_content input.equipInfo::placeholder {
    color:#bbb;
    font-size: 10px;
    font-weight: initial;
}


.cp_content input.changePw, input.changePwCheck  {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    background: none;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 900;
}

.cp_content input.changePw::placeholder, input.changePwCheck::placeholder {
    color:#bbb;
    font-size: 10px;
    font-weight: initial;
}
html, body {height: 100%; width: 100%}
.wrap {position:relative; width:100%; height: 100%; background:#ffffff;}
.mapview_wrap {position:relative; width:100%; height: 100%; overflow: hidden;}
.mapview {position:absolute; top:0; right:0; width:100%; height: 100%; transition: 0.2s;}
.map {position:relative; width:100%; height: 100%; z-index: 0;}
.maparea {width:100%; height: 100%;  z-index: 0;}
.scale_info {
    background: #95b9e6;
    background: rgba(0,60,136,.3);
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
    padding: 2px;
    position: absolute;
    left:60px;
}
.ol-unselectable{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.ol-dragbox {
  background-color: rgba(255,255,255,0.4);
  border-color: rgba(100,150,0,1);
}
.scale_info-inner{
    border: 1px solid #eee;
    border-top: none;
    color: #eee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents,width;
}

.scale_info > span {position: relative; display: block; width:100%; height: 100%; font-family: roboto; font-size:10px; font-weight: 800; line-height: 17px; text-align: center;   text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.scale_info > span:after {z-index: 2; position: absolute; bottom:0; left:0; width:100%; height: 6px; border:2px solid #303030; border-top:0; content: '';}
.locationt_info {z-index: 1; position: absolute; display:inline-block; right: 16px; bottom: 24px; width:auto; height: 18px; padding:0 5px; background: #fff; border:1px solid #666666; border-radius:3px; text-align: center;}
.locationt_info > span {display:inline-block; padding:0 3px; font-family: roboto; font-size:10px; font-weight: 700; line-height: 16px; letter-spacing: -0.5px; vertical-align: text-top;}

.btnClassSearch{
outline:0;
background-color:#3396ff;
border:2px solid #3396ff;
color:#fff;
padding: 0px 7px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
}
.btnClassSearch:disabled {
outline:0;
background-color:#818c90;
border:2px solid #818c90;
color:#fff;
padding: 0px 7px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: no-drop;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
}

.mapcontrol #btn_location{
    background: url(/images/test_img/gps.png) 50% 40% no-repeat;
    background-size: 50%;
}
.mapcontrol #btn_location.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_info{
	background: url(/images/test_img/info_on.png) 50% 40% no-repeat;
    background-size: 46%;
}
.mapcontrol #btn_info.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_rl{
	background: url(/images/test_img/i14.png) 50% 40% no-repeat;
    background-size: 46%;
}
.mapcontrol #btn_rl.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_wdth{
	background: url(/images/test_img/width.png) 50% 40% no-repeat;
    background-size: 46%;
}
.mapcontrol #btn_wdth.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_map{
	background: url(/images/test_img/map.png) 50% 40% no-repeat;
    background-size: 46%;
}
.mapcontrol #btn_map.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_editMode{
	background: url(/images/test_img/tool_on.png) 50% 40% no-repeat;
    background-size: 46%;
}
.mapcontrol #btn_editMode.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_pipeleak{
	background:url(/images/test_img/wtl_leak.png) 50% 40% no-repeat;
    background-size: 46%;
}
.mapcontrol #btn_pipeleak.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_cvap{
	background:url(/images/test_img/wtl_cvap.png) 50% 40% no-repeat;
    background-size: 50%;
}
.mapcontrol #btn_cvap.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}

.mapcontrol #btn_validate{
	background:url(/images/test_img/wtl_eval.png) 50% 40% no-repeat;
    background-size: 64%;
}
.mapcontrol #btn_validate.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_pr{
	background:url(/images/test_img/wtl_profile.png) 50% 40% no-repeat;
    background-size: 58%;
}
.mapcontrol #btn_pr.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_InfoFacility{
	background:url(/images/test_img/wtl_stats.png) 50% 40% no-repeat;
    background-size: 64%;
}
.mapcontrol #btn_InfoFacility.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_label{
	background:url(/images/test_img/wtl_label.png) 50% 40% no-repeat;
    background-size: 54%;
}
.mapcontrol #btn_label.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_heatMap{
	background:url(/images/test_img/heatmap.png) 50% 40% no-repeat;
    background-size: 54%;
}
.mapcontrol #btn_heatMap.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
.mapcontrol #btn_depth{
	background:url(/images/test_img/wtl_depth.png) 50% 40% no-repeat;
    background-size: 54%;
}
.mapcontrol #btn_depth.on{ color: #fff;
border:0; outline:0;
background-color:#002955;
}
/* bottomTab */
.bottomTab {z-index: 99;width: calc(100% - 109px);min-height: 281px;background: white;right: 0px;bottom:0px;position: absolute;}
.bottomTab > .bottomTab_titleBar {height: 40px; color: #fff; background: #004b88; line-height: 40px; padding-left: 12px; padding-right: 12px;}
.bottomTab > .bottomTab_titleBar > .bottomTab_close {cursor: pointer; border: none; background-color: #004b88; font-size: 40px; color: #fff; float: right; outline: none; font-weight: 800; display: inline; box-sizing: border-box; width:40px; height:40px; margin-right:-7px;}
.bottomTab > .bottomTab_tab {height: 39px;}
.bottomTab > .bottomTab_tab::-webkit-scrollbar { -webkit-appearance: none; }
.bottomTab > .bottomTab_tab::-webkit-scrollbar:vertical { width: 12px; }
.bottomTab > .bottomTab_tab::-webkit-scrollbar:horizontal { height: 12px; }
.bottomTab > .bottomTab_tab::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; }
.bottomTab > .bottomTab_tab::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }
.bottomTab_tab label.bottomTab_cnt {float: left; margin: 10px 10px 0 10px; font-size: 8pt;}
.bottomTab_tabmenu {float: left; width: calc(100% - 312px); min-width: 39px;}
.bottomTab_tabmenu ul{margin-left: -40px}
.bottomTab_tabmenu ul li {height: 33px; background: #F2F2F2; border: 1px solid #D9D9D9; border-bottom: 0; color: #999; float: left; font-size: 14px; padding: 0 16px 0 16px; margin-right: 6px; margin-top: 6px; line-height: 35px; cursor: pointer;}
.bottomTab_tabmenu ul li.on  {background: #75afd3; border: 1px solid #75afd3; color: #fff;}
.bottomTab > .bottomTab_content {height: 100%;}
.bottomTab ul.btn_wrap_info {overflow:hidden; margin-right:6px; width: fit-content; float: right;padding: unset;margin-bottom: 7px;}
.bottomTab ul.btn_wrap_info li{float: right;}
.bottomTab ul.btn_wrap_info li .btn_sm {width: 84px; margin-right: 6px; margin-top: 6px; !important; float: right;}
.bottomTab ul.btn_wrap_info li .blue{outline: 0 !important;  background-color: #3396ff;  border: 2px solid #3396ff;  color: #fff; padding: 0px 7px;margin-bottom: 0;border-radius: 4px;font-size: 14px; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle;}
/* 편집모드 */
#editTool{position:absolute; width: 439px; right: 88px; top: 0px; left : 4px; background: #fff; box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2); z-index: 100; display: none;}
#editTool_titleBar{height: 40px; color: #fff; background: #004b88; line-height: 40px; padding-left: 12px; padding-right: 12px;}
#editTool_close{
	border: none;
    background-color: #004b88;
    font-size: 40px;
    color: #fff;
    outline: none;
    font-weight: 800;
    display: inline;
    box-sizing: border-box;
    cursor: pointer;
    line-height:38px;
    width:40px;
    height:40px;
    position: absolute;
    right: 0;
}
#editTool_content{padding-top: 10px;}
#editTool_content ul.tools { overflow: hidden; padding: unset;}
#editTool_content li { font-size: 12px; color: #333; padding: 0 14px; float: left; border-right: 1px solid #d9d9d9; height: 26px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
#editTool_content li span {vertical-align: middle; line-height: 20px;margin-left: 3px;}
#editTool_content li.on {color:#007BC8;}
#editTool_content li.on span {color:#007BC8;}
#editTool_content li.on img {filter: saturate(12);}

/*프로파일*/
#legend {
	background-color: white;
	margin-left: 0;
	padding: 0;
	left: 0;
	border: 1px solid #4e5862;
    border-radius: 0.7em;
}
#legend .label {
	color: #404040;
}
#legend .action {
	color: black;
	opacity: 0.5;
}
#legend ul {
	padding: 0;
}
#legend li {
    padding: 11px 0px 0px 14px;
    min-width: 80px;
    white-space: nowrap;
}

#profileAxis0 {
	position: absolute;
	width: 40px;

}

#profileChart {
	position: absolute;
	left: 40px;
}

#profileTimeline {
	left: 40px;
	width: 600px;
}

#profileTimeline span {
	font-size:12px;
	font-weight: bold;
	color:#0066ff;
	line-height: 25px;
}
#profileLegend {
	position: absolute;
	width: 600px;
	text-align: center;
}

#profileLegend .swatch {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px 0 0;
}
#profileLegend .label {
	display: inline-block;
	color:#666;
	font-weight: 400;
	font-size: 14px;
	
}
#profileLegend .line {
	display: inline-block;
	margin: 0 0 0 30px;
}
.tui-grid-body-container {
    border-bottom: 1px solid #D9D9D9;
}


.inputGrid .tui-grid-rside-area .tui-grid-body-area .tui-grid-table tr td:first-child {
    color: #333;
    background: #F2F2F2;
    font-weight: bold;
}

.inputGrid .tui-grid-rside-area .tui-grid-body-area .tui-grid-table td{
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
}

.inputGrid .tui-grid-border-line.tui-grid-border-line-bottom {
    background: none;
}

.duplicateDetail {
    position: absolute;
    width: 80%;
    height: 20%;
    min-height: 260px;
    background: #fff;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
    z-index: 11;
}

.duplicateDetail .duplicateDetail_title{
    height: 40px;
    color: #fff;
    background: #004b88;
    padding: 8px 12px 0 12px;
}

.duplicateDetail .duplicateDetail_title label{
   font-weight: 500;
}

.duplicateDetail .duplicateDetail_title .duplicateDetail_close_btn{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    color: white;
    cursor: pointer;
    float: right;
    background-color: #004b88;
    font-weight: bold;
}

.duplicateDetail .duplicateDetail_cmd{
    border-bottom: 1px solid #bbb;
    width: 100%;
    height: 34px;
}

.duplicateDetail .duplicateDetail_cmd .duplicateDetail_cmd_remove{
    outline: 0 !important;
    background-color: #3396ff;
    border: 2px solid #3396ff;
    color: #fff;
    padding: 0px 7px;
    margin-bottom: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    float: left;
    margin: 3px;
    padding: 0 10px 0 10px;
    width: 84px;
    margin-right: 6px;
    margin-top: 6px;
    !important: ;
}
#drawSelectLayers {width:100%; height: calc(100% - 100px); overflow-y: auto;}
#drawSelectLayers .ul01 {width:100%; padding: unset;}
#drawSelectLayers .ul01 > li {position:relative; width:100%; border-top:1px solid #d9d9d9; background: #fafafa;}
#drawSelectLayers .ul01 > li:first-child {border-top:0;}
#drawSelectLayers .ul01 > li .radio_box {display: block;  width: 100%;  padding: 12px 23px;}
#drawSelectLayers .ul01 > li .radio_box > label {padding-left:16px; font-size: 13px; color: #000; font-weight:400; line-height: 19px; vertical-align: top;}

/*===메모 ===*/

.upImgFiles{
	margin-bottom: 15px;
}
#memoTxt{
	width: 30%;
	height: 40px;
	line-height: 40px;
	float:left;
    background: #F2F2F2;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    font-weight: bold;
    text-align: center;
    color: #333;
    padding: 0 12px;
    margin: 0;
}
#fileTxt{
	height: 40px;
	line-height: 40px;
	float:left;
    font-weight: bold;
    color: #333;
    padding: 0 12px;
    margin: 0;
}
#inputMemo{
	height: 40px;
	line-height: 40px;
    padding: 0 12px;
    float: left;
}
#inputMemo input{width: 100%; line-height: revert; display: inline-block;}	
.memo_file{
	width:100%;
	height: 40px;
}
.btn_submit_memo, .add_memo_file, .del_memo_file, .btn_delete_list, .btn_edit_memo, .btn_list_memo, .btn_addMgt, .btn_moreView_file, .btn_delete_fileMgt, .btn_save_memo{
	width: calc((100% - 30px)/4);
    margin-right: 6px !important;
    float: right;
    background: snow;
    color: #3396ff;
    height: 35px;
    font-size: 11px;
    border: 2px solid #3396ff;
    border-radius : 4px;
}
#btn_box{
	position: absolute;
	bottom: 0;
}
.memo_btn_box .blue{
	background: #3396ff;
	color: snow;
	border: 2px solid #3396ff;
}
.mgt_btn_box .blue{
	background: #3396ff;
	color: snow;
	border: 2px solid #3396ff;
}
#wtl_meta_ps_memo{
	resize: none;
	width:100%;
	height: 130px;
	margin: 10px 0 5px 0;
	padding: 7px;
	font-size: 13px;
	border: none;
	border: 1px solid black;
	
}
.mgt_btn_box{
	width:100%;
	height: 50px;
	position: absolute;
	bottom: 0;
}
#file_btn_box button{
	outline: 0;
    background-color: #818c90;
    border: 2px solid #818c90;
    color: #fff;
    float: right;
    margin-top: 10px;
    padding: 0px 7px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px
}
#file_btn_box{border-top: 1px solid #dee2e6;}
.memo_btn_box, .mgt_btn_box ,#file_btn_box{
	width:100%;
	height: 35px;
	margin-bottom: 5px;
}
.btn_memo_close{
	width:16px; 
	height:16px; 
	background-image: url('../../images/popup_close.png'); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    text-indent: -999em;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: 12px;
    background-color: #004b88;
	
}
.sch_result li{
	height:100%;
	border-bottom: 1px solid #0093D3;
}
.sch_result ul{
	padding : 0px;
}
.resultDiv{
	width: 100%;
    height: 97%;
    overflow: hidden;
    overflow-y: auto;
    padding: 2px 16px;
}
#modal-body{
	height:650px;
}
.vwSearchModal{
	display:block;
}

/* 이력관리 페이징  */
.file_mgt_list{
	width: 100%;
	height: 25px;	
}
.file_mgt_list .file_mgt_pagination{
	width: 100%;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}
.file_mgt_list .file_mgt_pagination li:first-child{margin: 0;}
.file_mgt_list .file_mgt_pagination li{
	margin-left: 5px;
	width: 15px; 
	height: 15px; 
	line-height: 15px;
	text-align: center;
	border: 1px solid #0093D3;
	border-radius: 50%;
}
.file_mgt_list .file_mgt_pagination .page.on{background: #0093D3; color:snow;}

/* 파일이력관리 테이블 */
.fileMgtCon .fileMgtTable{
	width: 100%; 
	font-size: 12px;
	display: block;
    overflow-x: auto;
    white-space: nowrap;
	}

.fileMgtCon .fileMgtTable th{
	height: 40px;
    background: #F2F2F2;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    font-weight: bold;
    color: #333;
    padding: 0 12px;
    text-align: center;
}
.fileMgtCon .fileMgtTable td{
	height: 40px;
    background: #fff;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    text-align: center;
    padding: 0 12px;
}
.help{
width: 95vw;
height: 100vh;
background:#fff;
}
#cp_close_btn{
margin-left:93%;	
cursor:pointer;
color:#fff;
display:inline-block;
width:40px; 
line-height:45px;
height:40px; 
font-size:40px; 
font-weight:800;
}
.fileMgtTable .memodt:hover{text-decoration: underline;}
#layerList .close_layerList{
	right: 0;
    position: absolute;
    top: 0;
    height: 40px;
    font-size: 40px;
    font-weight: 800;
    line-height: 45px;
    padding-right: 9px;
    right: 0;
}
.memo_files #inputMemo{margin:0;}
.memo_file .atcFile{cursor: pointer;}
.memo_file .atcFile:hover{text-decoration: underline;}
.fileSort .fileSortCat{
	width: 70%;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}
#slide_box .img_slide{margin: 0; padding: 0;}

@media all and (max-width:640px){
    .common_popup{width: 80%}
	.login {
        padding:0 30px;
    }
    .login .top_login {
        left:calc(50% - 100px);
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s;
    }
    .top_login .logo {
        top:calc(50% - 50px);
        left:calc(50% - 70px);
        background-size:140px; 
        height:65px;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s;
    }
    .top_login h1 {
        font-size:18px;
        top:calc(50% - 35px);
    }
    .login .login_form {
        width:100%;
        padding:30px;
        left:0;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s;
    }
    .login_form li:last-child label {
        font-size:14px;
    }
    .login_form input[type="text"], .login_form input[type="password"] {
        height:40px;
        font-size:14px;
        padding-left:5px;
    }
    .login_form input[type="checkbox"]{
        position: initial;
	    left: 0px;
	    opacity: inherit;
	    margin-right: 20px;
    }
    .login_form li {
        margin-bottom:20px;
    }
    .login_form li:last-child {
        height:30px;
        line-height:30px;
    }
    .login_form li:last-child span {
        margin-left:6px;
    }
    .login_form button {
        height:45px;
    }
	.lnb {width:275px;}
	.lnbbox {position:relative; width:100%; height:100%;}
.modal1{z-index:99;left: 0px;top: 0px;position: relative;height: 110px;}
.modal1 .modal_content1{width: 100%;background: #fff;}
.admin_label {
    color: white;
    padding-top: 0px;
    padding-right: 7px;
    margin-left: 14px;
    color: white;
    font-weight: bold;
    font-size: 1em;
    font-size: 14px;	
}
.admin_localName {
    display: block;
    width: 60%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bottomTab_tabmenu {float: left; width: calc(100% - 96px); min-width: 39px;}
.bottomTab ul.btn_wrap_info li .blue{outline: 0 !important;  background-color: #3396ff;  border: 2px solid #3396ff;  color: #fff; padding: 0px 7px;margin-bottom: 0;border-radius: 4px;font-size: 11px; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle;}
.nav-menu-btn2 {font-size: 13px !important;padding-bottom: 0px;}
.menu-right {top: -5%;right: 8%;margin-right: 60px;}
.null {height: 20px;}
.equipRemove{font-size:12px;}
#equipList th {text-align: center;}
.ol-popup{z-index: 1100;}
#profileLegend{text-align: center;}
.window_popup .btn_close {line-height: 27px;}
/*���2*/
.modal2{z-index:99;top: 0px;left: 0px; position: relative;height: calc(100% - 250px);}
.modal2 .modal_content2{
width: 100%;
/* height: 68vh; */
height: 100%;
background: #fff;    
position: absolute;
}
.modal_content2 #manageLayer {
    height: calc(100% - 10px);
}
.modal2 .menu_list{
width:100%; 
height: 100%;
position:absolute;
overflow: hidden; 
overflow-y: auto;
}

.modal2 h2{
margin:0;
}
.modal_top{background-color:#004b88;display:flex;color:#fff;height: 42px;line-height: 42px;text-indent:10px;}
.menu_list .dep01 > li {height: 40px;}
.menu_list .dep01 .li_menu_und { height: 23px;}
.menu_list .dep01 > li .chk_box > label {font-size: 12px;}
.menu_list .dep01 > li .chk_box {padding: 8px 13px;}
.btnClassSearch{font-size: 12px;}
.btnClassSearch:disabled {font-size: 12px;}
.lnb ul li {height: 8%;     text-align: start;
}
#editTool_content .tools li span {
    display: none;
}
.menu_list .dep01 .li_menu_und {height: 6%;}
.facilityList {position:relative; left:0; bottom:0px; width:100%;}
.menu_list_bottom3 ul li button {float: left; display:inline-block; height: 100%; width:100%; background:#303030; color:#fff; font-size:15px; text-align: center; line-height: 45px;}
}
.sidenav {
  width: 0;
  position: fixed;
  z-index: 1;
  top: 110px;
  right: 0;
  overflow-x: hidden;
  transition: 0.5s;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color : white;
    z-index: -1;
    margin-left: 50px;
    background-color: #004b88;
}

.sidenav a:hover {
  color: #002955;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}