@charset "UTF-8";
@import url("../fonts/weather/css/weather-icons.css");
body .blue-box .box-button {
  border: none;
  outline: none !important;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  display: inline-block;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: 0;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box; }

.btn-default {
  background-color: #e9f3fd;
  border: 1px solid #b3cae2;
  color: #303240; }
  .btn-default:active, .btn-default:focus, .btn-default:hover {
    color: #2b2d3a;
    background-color: #dde7f0;
    border-color: #aac0d7; }
  .btn-default.disabled {
    opacity: 0.4; }

.button-light {
  color: rgba(255, 255, 255, 0.6); }
  .button-light:active, .button-light:focus, .button-light:hover {
    color: white; }

.btn-xs {
  font-size: 0.65rem;
  padding: 0.1rem 0.5rem;
  line-height: 16px;
  margin: 4px 0;
  background-color: #17a2b8; }

.btn-mid {
  height: 28px;
  line-height: 28px;
  padding: 0 1rem;
  position: relative;
  top: -4px; }

.btn-small {
  height: 24px;
  background-color: #e9f3fd;
  border: 1px solid #b3cae2;
  color: #303240;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 0 10px; }
  .btn-small:active, .btn-small:focus, .btn-small:hover {
    color: #2b2d3a;
    background-color: #dde7f0;
    border-color: #aac0d7; }
  .btn-small.dark {
    height: 30px;
    color: rgba(255, 255, 255, 0.7);
    background-color: #022755;
    border-color: #1C3D66;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box; }
    .btn-small.dark:active, .btn-small.dark:focus, .btn-small.dark:hover {
      color: white; }

.btn-dark {
  font-size: 0.9375rem;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-clip: padding-box;
  background-color: #303240;
  border-color: #2e303d;
  color: white; }

body.blue {
  background-color: #001d62; }
  body.blue .container-fluid.admin-top {
    width: 100%;
    min-width: 1900px;
    max-width: 1900px; }
  body.blue .site-header .navbar-wrapper {
    background-color: transparent;
    border-bottom-color: #001a58; }
    body.blue .site-header .navbar-wrapper .navbar-header .site-logo {
      text-align: inherit;
      vertical-align: bottom; }
      body.blue .site-header .navbar-wrapper .navbar-header .site-logo a {
        color: #00B9FF;
        font-weight: 600; }
        body.blue .site-header .navbar-wrapper .navbar-header .site-logo a span {
          font-weight: 500;
          font-size: 1.625rem;
          color: #C03A5A; }
        body.blue .site-header .navbar-wrapper .navbar-header .site-logo a sup {
          font-weight: normal;
          position: relative;
          font-size: 0.625rem;
          top: -22px; }
        body.blue .site-header .navbar-wrapper .navbar-header .site-logo a em {
          position: relative;
          top: -10px;
          font-style: normal;
          font-weight: 400;
          font-size: 1.125rem;
          color: white; }
    body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link {
      border-color: #001a58; }
      body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link:active, body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link:focus, body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link:hover {
        background-color: #26358b; }
    body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      background-color: #0062cc; }
      body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item .sub-menu-link {
        color: rgba(255, 255, 255, 0.7); }
        body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item .sub-menu-link:active, body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item .sub-menu-link:focus, body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item .sub-menu-link:hover {
          background-color: #3381d6; }
      body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item.active .sub-menu-link {
        background-color: #004ea3; }
        body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item.active .sub-menu-link::before {
          display: none; }
    body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item.active .nav-link {
      background-color: #0062cc; }
    body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item:active .nav-link, body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item:focus .nav-link, body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item:hover .nav-link {
      color: white;
      background-color: #0062cc; }
    body.blue .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item.active .sub-menu-link {
      color: white; }
    body.blue .site-header .navbar-wrapper .navbar-header .navbar-login {
      padding-right: 0; }
  body.blue .main-blue-box-wrap {
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.6); }
    body.blue .main-blue-box-wrap span {
      color: white; }
  body.blue .input-group {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box; }
    body.blue .input-group .input-group-text {
      border: none;
      background-color: #001c60; }
    body.blue .input-group .chosen-container-single .chosen-single {
      border: none;
      background-color: #22307d; }
    body.blue .input-group .chosen-container .chosen-drop {
      background-color: #22307d;
      border-color: #22307d }
    body.blue-theme .input-group .chosen-container .chosen-results {
      color: white; }
  body.blue .form-control {
    color: #000; }
  body.blue .modal-content .modal-header,
  body.blue .modal-content .modal-body,
  body.blue .modal-content .modal-footer {
    color: #FFF;
    background-color: #26358b; }
  body.blue .modal-content .close {
    color: #FFF
  }
  body.blue .modal-content .modal-header {
    border-bottom-color: #22307d; }
  body.blue .modal-content .modal-footer {
    border-top-color: #22307d; }
  body.blue .modal-backdrop {
    z-index: 10000; }
    body.blue .modal-backdrop.show {
      opacity: 0.75; }
    body.blue .table__normal th,
  body.blue .custom-control-input:checked + label {
    color: #80bdff; }
  body.blue .card {
    background-color: #c5d8f0;
    border-color: #95b3d7; }
    body.blue .card .card-header {
      color: #376092; }
      body.blue .card .card-header::before {
        background-color: transparent; }
      body.blue .card .card-header .title-wrap {
        display: flex; }
        body.blue .card .card-header .title-wrap .title {
          color: #376092 !important;
          margin-right: 15px; }
        body.blue .card .card-header .title-wrap .status-toggle-button {
          display: flex;
          margin-right: 0;
          border-top: 1px solid #95b3d7;
          border-left: 1px solid #95b3d7;
          border-right: 1px solid #95b3d7;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
          background-color: #c5d8f0; }
          body.blue .card .card-header .title-wrap .status-toggle-button em {
            cursor: pointer;
            font-style: normal;
            padding: 0 20px;
            border-left: 1px solid #95b3d7;
            color: rgba(55, 96, 146, 0.25); }
            body.blue .card .card-header .title-wrap .status-toggle-button em:first-child {
              border-left: none; }
            body.blue .card .card-header .title-wrap .status-toggle-button em.active {
              color: #376092;
              background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); }
    body.blue .card .card-body .card-body-title .title {
      color: #376092 !important; }
    body.blue .card.dark {
      background-color: #d1e0f3;
      border-color: #95b3d7; }
      body.blue .card.dark .card-header .title {
        color: #376092; }
        body.blue .card.dark .card-header .title em {
          font-style: normal;
          font-size: 16px; }
      body.blue .card.dark .card-body .div-result h4 {
        color: #376092; }
    body.blue .card.type-a {
      border-color: #95b3d7; }
      body.blue .card.type-a .card-header .title {
        color: #376092; }
      body.blue .card.type-a .report-big-header {
        color: #26358b; }
    body.blue .table__normal td {
      color: #575e67;
      white-space: nowrap; }
      body.blue .table__normal th.red,
      body.blue .table__normal td.red {
        color: black;
        background-color: #fd5555; }
      body.blue .table__normal th.gray,
      body.blue .table__normal td.gray {
        color: black;
        background-color: silver; }
  body.blue .table__data thead tr th {
    background-color: #5071bc; }
  body.blue .table__data .bg-red,
  body.blue .table__data .bg-yellow {
    color: #575e67; }
  body.blue a {
    color: #575e67; }
  body.blue .chart-wrap {
    background-color: #e9edf4;
    border-color: white; }
  body.blue .div-legend {
    color: #376092; }
  body.blue .btn-light {
    background-color: #26358b;
    border-color: transparent; }
  body.blue .textarea-comment {
    border-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    color: #575e67; }

body ul.ppl-chart {
  color: #575e67;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center; }
  body ul.ppl-chart .item {
    flex: 0 0 auto;
    padding: 0 30px; }
    body ul.ppl-chart .item .graph {
      width: 60px;
      height: 190px;
      position: relative; }
      body ul.ppl-chart .item .graph .ppl,
      body ul.ppl-chart .item .graph .bar {
        position: absolute; }
      body ul.ppl-chart .item .graph .ppl {
        width: 60px;
        height: 120px;
        background-image: url("../images/svg/ppl-1.svg");
        background-position: center center;
        background-size: cover;
        bottom: 0;
        z-index: 10; }
        body ul.ppl-chart .item .graph .ppl em {
          font-style: normal;
          font-size: 1rem;
          position: absolute;
          top: 70%;
          left: 50%;
          color: black;
          transform: translate(-50%, -50%); }
      body ul.ppl-chart .item .graph .bar {
        width: 30px;
        height: 70px;
        bottom: 0;
        background-color: red;
        left: calc(50% - 15px);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; }
    body ul.ppl-chart .item .legend {
      padding-top: 5px;
      text-align: center; }
    body ul.ppl-chart .item:nth-child(1) .graph .ppl {
      background-image: url("../images/svg/ppl-1.svg"); }
    body ul.ppl-chart .item:nth-child(1) .graph .bar {
      background-color: #bd9cff; }
    body ul.ppl-chart .item:nth-child(2) .graph .ppl {
      background-image: url("../images/svg/ppl-2.svg"); }
    body ul.ppl-chart .item:nth-child(2) .graph .bar {
      background-color: #99CCFF; }
    body ul.ppl-chart .item:nth-child(3) .graph .ppl {
      background-image: url("../images/svg/ppl-3.svg"); }
    body ul.ppl-chart .item:nth-child(3) .graph .bar {
      background-color: #F7F7F7; }

body .link-time {
  position: absolute;
  right: 30px;
  top: 5px;
  font-size: 0.875rem; }

body .blue-box {
  background-color: #26358b; }
  body .blue-box .blue-box-header {
    padding: 15px 10px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #26358b; }
    body .blue-box .blue-box-header .title {
      font-size: 1.125rem;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500;
      display: inline-block;
      margin-bottom: 0; }
      body .blue-box .blue-box-header .title em {
        font-style: normal;
        color: white; }
    body .blue-box .blue-box-header .radio-wrap {
      color: white; }
    body .blue-box .blue-box-header .icon-help-circled {
      font-size: 1.25rem; }
  body .blue-box .blue-box-body {
    position: relative;
    padding: 0 10px; }
    body .blue-box .blue-box-body dl {
      position: relative;
      top: 4px;
      display: flex;
      flex-flow: wrap;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto; }
      body .blue-box .blue-box-body dl dt,
      body .blue-box .blue-box-body dl dd {
        color: white;
        font-size: 1.125rem; }
      body .blue-box .blue-box-body dl dt {
        width: calc(100% - 100px);
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        white-space: nowrap; }
      body .blue-box .blue-box-body dl dd {
        padding: 5px 0 8px 15px;
        width: 75px;
        margin-bottom: 0; }
        body .blue-box .blue-box-body dl dd span {
          width: 100px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          background-clip: padding-box;
          font-size: 1.375rem;
          font-weight: 500; }
          body .blue-box .blue-box-body dl dd span.bg-alert-1 {
            background-color: #d31041; }
          body .blue-box .blue-box-body dl dd span.bg-alert-2 {
            background-color: #a700e8; }
          body .blue-box .blue-box-body dl dd span.bg-alert-3 {
            background-color: #F5921F; }
          body .blue-box .blue-box-body dl dd span.bg-alert-4 {
            background-color: #7A7D6B; }
          body .blue-box .blue-box-body dl dd span.bg-alert-0 {
            background-color: #343432; }
    body .blue-box .blue-box-body .percent {
      font-size: 2.5rem;
      text-align: center;
      margin: 0;
      padding: 5px 0 15px;
      text-shadow: 0 0 5px; }
    body .blue-box .blue-box-body ul.bar-1, body .blue-box .blue-box-body ul.bar-2, body .blue-box .blue-box-body ul.bar-3 {
      display: flex;
      flex-flow: row;
      margin: 0;
      padding: 0;
      list-style: none; }
      body .blue-box .blue-box-body ul.bar-1 li, body .blue-box .blue-box-body ul.bar-2 li, body .blue-box .blue-box-body ul.bar-3 li {
        flex: 1 0 auto;
        display: flex;
        flex-flow: column; }
        body .blue-box .blue-box-body ul.bar-1 li .graph, body .blue-box .blue-box-body ul.bar-2 li .graph, body .blue-box .blue-box-body ul.bar-3 li .graph {
          height: 110px;
          display: flex;
          justify-content: center;
          position: relative; }
          body .blue-box .blue-box-body ul.bar-1 li .graph span, body .blue-box .blue-box-body ul.bar-2 li .graph span, body .blue-box .blue-box-body ul.bar-3 li .graph span {
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background-clip: padding-box;
            overflow: hidden; }
            body .blue-box .blue-box-body ul.bar-1 li .graph span.bg, body .blue-box .blue-box-body ul.bar-2 li .graph span.bg, body .blue-box .blue-box-body ul.bar-3 li .graph span.bg {
              position: relative;
              width: 50%;
              height: 100%;
              min-width: 12px;
              background-color: rgba(0, 0, 0, 0.35);
              display: inline-block; }
            body .blue-box .blue-box-body ul.bar-1 li .graph span.bar, body .blue-box .blue-box-body ul.bar-2 li .graph span.bar, body .blue-box .blue-box-body ul.bar-3 li .graph span.bar {
              position: absolute;
              width: 50%;
              height: 100%;
              min-width: 12px;
              background-image: url("../images/png/bar-1.png");
              background-size: 100% 100%;
              background-repeat: repeat-x;
              background-position: bottom center;
              bottom: 0;
              -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
              -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
              box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
            body .blue-box .blue-box-body ul.bar-1 li .graph span.num, body .blue-box .blue-box-body ul.bar-2 li .graph span.num, body .blue-box .blue-box-body ul.bar-3 li .graph span.num {
              position: absolute;
              font-size: 0.625rem;
              color: white;
              top: 50%;
              left: 50%;
              letter-spacing: normal;
              line-height: 1;
              font-family: "Open Sans", "notokr", "맑은 고딕", NanumGothic, 나눔고딕, "Spoqa Han Sans", "Helvetica Neue", Arial, sans-serif;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
              body .blue-box .blue-box-body ul.bar-1 li .graph span.num.vertical, body .blue-box .blue-box-body ul.bar-2 li .graph span.num.vertical, body .blue-box .blue-box-body ul.bar-3 li .graph span.num.vertical {
                top: inherit;
                bottom: 0;
                -webkit-transform: rotate(-90deg) translateY(-50%);
                -moz-transform: rotate(-90deg) translateY(-50%);
                -ms-transform: rotate(-90deg) translateY(-50%);
                transform: rotate(-90deg) translateY(-50%);
                -webkit-transform-origin: 0 0;
                -moz-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                -o-transform-origin: 0 0;
                transform-origin: 0 0; }
              body .blue-box .blue-box-body ul.bar-1 li .graph span.num.big, body .blue-box .blue-box-body ul.bar-2 li .graph span.num.big, body .blue-box .blue-box-body ul.bar-3 li .graph span.num.big {
                bottom: -5px;
                font-size: 1rem; }
        body .blue-box .blue-box-body ul.bar-1 li .legend, body .blue-box .blue-box-body ul.bar-2 li .legend, body .blue-box .blue-box-body ul.bar-3 li .legend {
          color: white;
          font-size: 0.625rem;
          text-align: center; }
    body .blue-box .blue-box-body ul.bar-2 li .graph span.bar {
      background-image: url("../images/png/bar-2.png"); }
    body .blue-box .blue-box-body ul.bar-3 li .graph span.bar {
      background-image: url("../images/png/bar-3.png"); }
      
      
      
    body .blue-box .blue-box-body .doughnut-wrap {
	position: relative
	}
	
	body .blue-box .blue-box-body .doughnut-wrap .canvas-doughnut {
		position: relative;
		z-index: 10
	}
	
	body .blue-box .blue-box-body .doughnut-wrap .doughnut-shadow {
		position: absolute;
		width: 156px;
		height: 156px;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		background-clip: padding-box;
		background-color: #26358b;
		top: 2px;
		left: 42px;
		z-index: 5;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25)
	}
	
	body .blue-box .blue-box-body .doughnut-wrap .doughnut-percent {
		position: absolute;
		top: 32%;
		left: 51%;
		z-index: 100;
		line-height: 1;
		text-align: center;
		color: #E7FF00;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	
	body .blue-box .blue-box-body .doughnut-wrap .doughnut-percent h5 {
		margin-bottom: 0;
		text-shadow: 0 0 4px
	}
	
	body .blue-box .blue-box-body .doughnut-wrap .doughnut-percent small {
		font-size: 0.75rem;
		letter-spacing: normal
	}  
      
  body .blue-box .box-button {
    font-size: 0.875rem;
    font-weight: 400;
    color: #021B3B;
    border: 1px solid #728aa5;
    background-color: #9fbbdb;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box; }
    body .blue-box .box-button:active, body .blue-box .box-button:focus, body .blue-box .box-button:hover {
      color: #2b2d3a;
      background-color: #a9c2df;
      border-color: #aac0d7; }
    body .blue-box .box-button.search {
      width: 30px;
      height: 30px;
      padding: 0;
      text-align: center;
      font-size: 1.125rem;
      color: white; }
    body .blue-box .box-button.point {
      position: relative;
      padding-left: 30px; }
      body .blue-box .box-button.point::after {
        content: '';
        position: absolute;
        width: 1px;
        top: 5px;
        left: 24px;
        height: 15px;
        background-color: rgba(0, 0, 0, 0.3); }
      body .blue-box .box-button.point.point-1::before, body .blue-box .box-button.point.point-2::before, body .blue-box .box-button.point.point-3::before {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        display: inline-block;
        left: 5px;
        top: 4px;
        background-image: url("../images/png/map-point-new-1.png");
        background-size: 15px 15px; }
      body .blue-box .box-button.point.point-2::before {
        background-image: url("../images/png/map-point-new-2.png"); }
      body .blue-box .box-button.point.point-3::before {
        background-image: url("../images/png/map-point-new-3.png"); }

body .box-main-info {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 170px;
  height: 120px;
  background-color: transparent;
  letter-spacing: normal; }
  body .box-main-info .info-date {
    position: absolute;
    top: 8px;
    left: 0;
    width: 170px;
    text-align: center;
    font-size: 2.25rem;
    color: white; }
  body .box-main-info .info-time {
    position: absolute;
    top: 45px;
    left: 0;
    width: 170px;
    text-align: center;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.6); }
  body .box-main-info .info-weather {
    position: absolute;
    top: 100px;
    font-size: 50px;
    color: white;
    left: 0; }
  body .box-main-info .info-weather-text {
    position: absolute;
    top: 95px;
    left: 90px;
    display: flex;
    flex-flow: column;
    text-align: center; }
    body .box-main-info .info-weather-text .text {
      font-size: 1.25rem;
      font-weight: 300;
      margin-bottom: 0.5rem; }
    body .box-main-info .info-weather-text .temp {
      font-size: 1.875rem; }

body .box-main-count {
  position: absolute;
  left: 30px;
  top: 208px;
  width: 170px;
  height: 82px; }

body .box-main-event {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 343px;
  height: 260px; }

body .box-main-leak {
  position: absolute;
  left: 383px;
  top: 30px;
  width: 343px;
  height: 260px; }

body .box-main-check {
  position: absolute;
  left: 736px;
  top: 30px;
  width: 344px;
  height: 260px; }

body .box-main-bar-1 {
  position: absolute;
  left: 1090px;
  top: 30px;
  width: 260px;
  height: 260px; }

body .box-main-bar-2 {
  position: absolute;
  left: 1360px;
  top: 30px;
  width: 260px;
  height: 260px; }

body .box-main-bar-3 {
  position: absolute;
  left: 1630px;
  top: 30px;
  width: 260px;
  height: 260px; }

body .box-main-doughnut-1 {
  position: absolute;
  left: 1090px;
  top: 300px;
  width: 260px;
  height: 260px; }

body .box-main-doughnut-2 {
  position: absolute;
  left: 1360px;
  top: 300px;
  width: 260px;
  height: 260px; }

body .box-main-doughnut-3 {
  position: absolute;
  left: 1630px;
  top: 300px;
  width: 260px;
  height: 260px; }

body .box-main-line-1 {
  position: absolute;
  left: 1090px;
  top: 570px;
  width: 800px;
  height: 205px; }

body .box-main-line-2 {
  position: absolute;
  left: 1090px;
  top: 785px;
  width: 800px;
  height: 205px; }

body .box-main-map {
  position: absolute;
  left: 30px;
  top: 300px;
  width: 1050px;
  height: 690px; }

body [role="button"] {
  cursor: pointer; }

body.blue-theme-page {
  background-color: #dce6f2; }
  body.blue-theme-page .div-breadcrumb {
    justify-content: space-between; }
    body.blue-theme-page .div-breadcrumb h1 {
      color: #376092;
      text-align: left;
      padding-left: 1rem; }
    body.blue-theme-page .div-breadcrumb ul.ul-breadcrumb {
      background-color: transparent;
      color: #1c3c62;
      justify-content: flex-end;
      padding-right: 15px; }
  body.blue-theme-page .site-header .navbar-wrapper {
    background-color: #001d62; }
  body.blue-theme-page .div-search {
    background-color: #b9cde5;
    border: 1px solid #95b3d7;
    color: #376092;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box; }
  body.blue-theme-page .div-search .form-row {
    margin-left: -.5rem;
    margin-right: 0;
  }
    body.blue-theme-page .div-search .input-group-prepend {
      min-width: 100px; }
      body.blue-theme-page .div-search .input-group-prepend span {
        width: 100%;
        text-align: center;
        display: inline-block; }
    body.blue-theme-page .div-search .form-control {
      width: 150px;
      color: #555;
      background-color: #FFF;}
  body.blue-theme-page .input-group {
    border: 1px solid #95b3d7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box; }
    body.blue-theme-page .input-group .input-group-text {
      border: none;
      background-color: #5071bc; }
    body.blue-theme-page .input-group .chosen-container-single .chosen-single {
      border: none;
      background-color: #dce6f2; }
    body.blue-theme-page .input-group .chosen-container {
      width: 150px !important; }
      body.blue-theme-page .input-group .chosen-container .chosen-drop {
        background-color: #22307d; }
      body.blue-theme-page .input-group .chosen-container .chosen-results li.result-selected {
        color: white; }
    body.blue-theme-page .input-group .input-group-prepend {
      min-width: 100px; }
      body.blue-theme-page .input-group .input-group-prepend span {
        width: 100%;
        text-align: center;
        display: inline-block; }
    body.blue-theme-page .input-group .form-control {
      color: #6c757d;
      background-color: #dce6f2;
      border-width: 0; }
    body.blue-theme-page .input-group .form-control[type='text'] {
      width: auto;
      min-width: 150px
    }
  body.blue-theme-page .modal-content .modal-header,
  body.blue-theme-page .modal-content .modal-body,
  body.blue-theme-page .modal-content .modal-footer {
    background-color: #c5d8f0; }
  body.blue-theme-page .modal-content .modal-header {
    border-bottom-color: #bbcde4; }
    body.blue-theme-page .modal-content .modal-header .modal-title {
      color: #376092; }
    body.blue-theme-page .modal-content .modal-header .close {
      color: #5071bc; }
  body.blue-theme-page .modal-content .modal-footer {
    border-top-color: #bbcde4; }
  body.blue-theme-page .modal-content .modal-body .modal-body-header {
    color: #376092; }
    body.blue-theme-page .modal-content .modal-body .modal-body-header h5 {
      opacity: 0.6; }
  body.blue-theme-page .modal-content .modal-body .modal-body-search {
    margin-left: 0;
    margin-right: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #b9cde5;
    border: 1px solid #95b3d7;
    color: #376092; }
  body.blue-theme-page .custom-checkbox .custom-control-label::before {
    background-color: white;
    border: 1px solid #c5d8f0; }
  body.blue-theme-page .custom-control-input:checked + label {
    color: inherit; }
  body.blue-theme-page .modal-backdrop {
    z-index: 10000; }
    body.blue-theme-page .modal-backdrop.show {
      opacity: 0.75; }
  body.blue-theme-page.light-chosen .chosen-container .chosen-drop {
    background-color: #dce6f2;
    border-color: #95b3d7; }
  body.blue-theme-page.light-chosen .chosen-container .chosen-results li.result-selected {
    color: #000;
    background-color: #a8b8de; }
  body.blue-theme-page.light-chosen .input-group .chosen-container .chosen-drop {
    background-color: #dce6f2;
    border-color: #95b3d7; }
  body.blue-theme-page.light-chosen .input-group .chosen-container .chosen-results li.result-selected {
    background-color: #a8b8de; }
  body.blue-theme-page .popup-header {
    color: #376092; }
    body.blue-theme-page .popup-header h1 {
      opacity: 1; }
    body.blue-theme-page .popup-header i {
      color: #007bff; }
  body.blue-theme-page .table__normal th {
    background-color: #5071bc; }
  body.blue-theme-page ul.ul-status {
    background-color: #dce8f6; }
    body.blue-theme-page ul.ul-status li {
      border-color: rgba(255, 255, 255, 0.5);
      color: #376092; }
      body.blue-theme-page ul.ul-status li label {
        margin-bottom: 0; }
        body.blue-theme-page ul.ul-status li label i {
          width: 50px;
          text-align: center;
          display: inline-block; }
      body.blue-theme-page ul.ul-status li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      body.blue-theme-page ul.ul-status li.title {
        color: white; }
        body.blue-theme-page ul.ul-status li.title::before {
          background-color: #5071bc; }

body.popup .div-search {
  min-width: 1869px; }

body .text-blue {
  color: #007bff; }

body .point {
  width: 14px;
  height: 14px;
  line-height: 0;
  display: inline-block;
  z-index: 100; }
  body .point.point-a {
    position: relative;
    width: 5px;
    height: 5px;
    border: 3px solid #1b2d5e;
    border-radius: 100%;
    display: inline-block; }
    body .point.point-a.danger {
      border-color: #d31041;
      background-color: #d31041;
    }
    body .point.point-a.ca {
      border-color: #a700e8;
      background-color: #a700e8; }
      body .point.point-a.ca.danger::after {
        background-color: #a700e8; }
    body .point.point-a.cb {
      border-color: #F5921F;
      background-color: #F5921F; }
      body .point.point-a.cb.danger::after {
        background-color: #F5921F; }
    body .point.point-a.cc {
      border-color: #7A7D6B;
      background-color: #7A7D6B; }
      body .point.point-a.cc.danger::after {
        background-color: #7A7D6B; }
  body .point.point-b {
    position: relative;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 7px solid #1b2d5e; }
    body .point.point-b.danger {
      border-bottom-color: #d31041; }
      body .point.point-b.danger::after {
        content: '';
        position: absolute;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 7px solid #d31041;
        top: -1px;
        left: -4px;
        z-index: 10;
        display: inline-block;
      }
    body .point.point-b.ca {
      border-bottom-color: #a700e8; }
      body .point.point-b.ca.danger::after {
        border-bottom-color: #a700e8; }
    body .point.point-b.cb {
      border-bottom-color: #F5921F; }
      body .point.point-b.cb.danger::after {
        border-bottom-color: #F5921F; }
    body .point.point-b.cc {
      border-bottom-color: #7A7D6B; }
      body .point.point-b.cc.danger::after {
        border-bottom-color: #7A7D6B; }
  body .point.point-c {
    position: relative;
    width: 7px;
    height: 7px;
    border: 3px solid #1b2d5e;
    display: inline-block; }
    body .point.point-c.danger {
      border-color: #d31041;
      background-color: #d31041; }
      body .point.point-c.danger::after {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        background-color: #d31041;
        display: inline-block;
        top: -3px;
        left: -3px;
        z-index: 10;
      }
    body .point.point-c.ca {
      border-color: #a700e8;
      background-color: #a700e8; }
      body .point.point-c.ca.danger::after {
        background-color: #a700e8; }
    body .point.point-c.cb {
      border-color: #F5921F;
      background-color: #F5921F; }
      body .point.point-c.cb.danger::after {
        background-color: #F5921F; }
    body .point.point-c.cc {
      border-color: #7A7D6B;
      background-color: #7A7D6B; }
      body .point.point-c.cc.danger::after {
        background-color: #7A7D6B; }
	
  body .point.point-d {
    position: relative;
    width: 7px;
    height: 7px;
    border: 3px solid #1b2d5e;
    display: inline-block; }
    body .point.point-d.dd {
      border-color: #7A7D6B;
      background-color: #7A7D6B; }
	
	
	
body .blue-box .box-button {
  padding-left: 5px;
  position: relative; }
  body .blue-box .box-button::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    left: 25px;
    top: 5px; }
  body .blue-box .box-button .point {
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
    margin-right: 8px; }
    body .blue-box .box-button .point.point-a {
      position: relative;
      width: 14px;
      height: 14px;
      border: 3px solid #1b2d5e;
      border-radius: 100%;
      display: inline-block; }
    body .blue-box .box-button .point.point-b {
      position: relative;
      width: 14px;
      height: 14px;
      border-left-width: 8px;
      border-right-width: 8px;
      border-bottom-width: 14px; }
    body .blue-box .box-button .point.point-c {
      position: relative;
      width: 14px;
      height: 14px;
      border: 3px solid #1b2d5e;
      display: inline-block; }
    body .blue-box .box-button .point.point-a::before, body .blue-box .box-button .point.point-c::before {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      background-color: #a8bbda;
      display: inline-block;
      border-radius: 100%;
      top: 0;
      left: 0;
      z-index: 100; }
    body .blue-box .box-button .point.point-b::before {
      content: '';
      position: absolute;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-bottom: 6px solid #a8bbda;
      top: 5px;
      left: -3px;
      z-index: 100; }

@keyframes dangerEff {
  0% {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center
  }
  100% {
    opacity: 0;
    transform: scale(3)
  }
}

    
/* Table Select style */
.table.dataTable tr.selected {
   background-color: #eed1b3;
}

/* 지도를 Hover 할 경우 활성화 */
#map {
  user-select: none;
  pointer-events: none;
}

.box-main-map:hover #map {
  user-select: initial;
  pointer-events: initial;
}