@charset "UTF-8";
@import url("fonts/KTfont/KTfont.css");
/* CCTV 팝업 */
/*
@media (max-width: 1300px) {
	.board_popup_wrap.center_popup {
		width: auto;
		top: 50%;
		right: 20px;
		left: 20px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
@media (max-width: 575px) {
	.cctv_pop_wrap {
		display: block;
	}
	.cctv_pop__inner {
		width: auto;
	}
	.cctv_pop__inner + .cctv_pop__inner {
		width: auto;
		padding-left: 0;
		margin-top: 23px;
	}
}*/
.unit-sm {
  font-size: 10px;
}

h1 {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
}

h3 {
  margin: 0;
  padding: 0;
}

h4 {
  margin: 0;
  padding: 0;
}

h5 {
  margin: 0;
  padding: 0;
}

h6 {
  margin: 0;
  padding: 0;
}

.w100 {
  width: 100% !important;
}

.h100 {
  height: 100%;
}

dl {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
  padding: 0;
  margin: 0;
}

label {
  margin: 0;
}

button {
  outline: none;
}

a {
  color: inherit;
  text-decoration: none;
}
a:focus {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

.t_c {
  text-align: center !important;
}

.t_l {
  text-align: left !important;
}

.t_r {
  text-align: right !important;
}

.a_c {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.j_c {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.j_sb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mt100 {
  margin-top: 6.25rem !important;
}

.mt90 {
  margin-top: 5.625rem !important;
}

.mt80 {
  margin-top: 5rem !important;
}

.mt70 {
  margin-top: 4.375rem !important;
}

.mb70 {
  margin-bottom: 4.375rem !important;
}

.mt60 {
  margin-top: 3.75rem !important;
}

.mb60 {
  margin-bottom: 3.75rem !important;
}

.mt50 {
  margin-top: 3.125rem !important;
}

.mb50 {
  margin-bottom: 3.125rem !important;
}

.mt43 {
  margin-top: 2.6875rem !important;
}

.mt40 {
  margin-top: 2.5rem !important;
}

.mb40 {
  margin-bottom: 2.5rem !important;
}

.mt30 {
  margin-top: 1.875rem !important;
}

.mb30 {
  margin-bottom: 1.875rem !important;
}

.mt20 {
  margin-top: 1.25rem !important;
}

.mb20 {
  margin-bottom: 1.25rem !important;
}

.mt15 {
  margin-top: 0.9375rem !important;
}

.mt10 {
  margin-top: 0.625rem !important;
}

.mr10 {
  margin-right: 0.625rem !important;
}

.mb10 {
  margin-bottom: 0.625rem !important;
}

.ml10 {
  margin-left: 0.625rem !important;
}

.mt5 {
  margin-top: 0.3125rem !important;
}

.mr5 {
  margin-right: 0.3125rem !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pt5 {
  padding-top: 0.3125rem !important;
}

.pt20 {
  padding-top: 1.25rem !important;
}

.pt50 {
  padding-top: 3.125rem !important;
}

.pb50 {
  padding-top: 3.125rem !important;
}

.pb20 {
  padding-bottom: 1.25rem !important;
}

.pl30 {
  padding-left: 1.875rem !important;
}

.p10_0 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p5 {
  padding: 5px !important;
}

.p8_0 {
  padding-top: 17px !important;
  padding-bottom: 8px !important;
  padding-left: 25px !important;
}

.p2_0 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.fw_100 {
  font-weight: 100 !important;
}

.fw_200 {
  font-weight: 200 !important;
}

.fw_300 {
  font-weight: 300 !important;
}

.fw_350 {
  font-weight: 350 !important;
}

.fw_400 {
  font-weight: 400 !important;
}

.fw_500 {
  font-weight: 500 !important;
}

.fw_600 {
  font-weight: 600 !important;
}

.fw_700 {
  font-weight: 700 !important;
}

.fw_800 {
  font-weight: 800 !important;
}

.fw_900 {
  font-weight: 900 !important;
}

.fs_65 {
  font-size: 65px !important;
}

.fs_60 {
  font-size: 60px !important;
}

.fs_50 {
  font-size: 50px !important;
}

.fs_48 {
  font-size: 48px !important;
}

.fs_45 {
  font-size: 45px !important;
}

.fs_40 {
  font-size: 40px !important;
}

.fs_35 {
  font-size: 35px !important;
}

.fs_33 {
  font-size: 33px !important;
}

.fs_30 {
  font-size: 30px !important;
}

.fs_25 {
  font-size: 25px !important;
}

.fs_20 {
  font-size: 20px !important;
}

.fs_18 {
  font-size: 18px !important;
}

.fs_17 {
  font-size: 17px !important;
}

.fs_16 {
  font-size: 16px !important;
}

.fs_15 {
  font-size: 15px !important;
}

.fs_14 {
  font-size: 14px !important;
}

.fs_13 {
  font-size: 13px !important;
}

.fs_12 {
  font-size: 12px !important;
  text-align: center;
}

.fs_0 {
  font-size: 0 !important;
}

.color_yellow {
  color: #ffd300;
}

.color_yellow_shadow {
  color: #ffd500;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

.color_red {
  color: #f94e3a;
}

.color_fff {
  color: #fff;
}

.color_green {
  color: #7fc146;
}

.color_orange {
  color: #ff8a00;
}

.color_purple {
  color: #6560c6;
}

.bg_yellow {
  background-color: #ffd300;
}

.bg_red {
  background-color: #f94e3a;
}

.bg_fff {
  background-color: #fff;
}

.bg_green {
  background-color: #7fc146;
}

.bg_orange {
  background-color: #ff8a00;
}

.bg_purple {
  background-color: #6560c6;
}

.bg_dark {
  background-color: #393939;
}

.bg_gray {
  background-color: #b7b7b7;
}

.font_gray {
  color: gray;
}

.sidebar-collapse .nav > li > a span {
  display: inline-block;
  vertical-align: middle;
}
.sidebar-collapse .nav > li > a span[class^=icon-] {
  font-size: 32px;
  margin-right: 10px;
}

.chartJs > .panel-heading {
  margin-right: -15px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 13px;
}

.mCSB_scrollTools {
  right: 4px;
  width: 5px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  width: 5px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
}

.col-1600-6 {
  width: 50% !important;
}

.col-1600-5 {
  width: 44.444% !important;
}

.col-1600-4 {
  width: 33.333333% !important;
}

#map_popup {
  width: 65%;
  right: 16%;
}

.clear {
  width: 100px;
  background: #6560c6;
  float: left;
  left: 80px;
  top: 6px;
  height: 60px;
  border-radius: 10px;
  padding: 20px;
  z-index: 999;
}

#center {
  text-align: center;
}

#right {
  text-align: right;
}

.rounded-10 {
  border-radius: 10px;
}

.dash_wrap {
  border-radius: 5px;
  height: -webkit-calc(100vh - 90px);
  height: -moz-calc(100vh - 90px);
  height: calc(100vh - 90px);
  max-height: 847px;
}

.dash_wrap__inner {
  height: 100%;
  padding: 30px 20px;
}
.dash_wrap__inner > .row > div {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dash_wrap__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 10px 0;
}
.dash_wrap__box .dash_tit {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.dash_wrap__box .label_ul {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.dash_wrap__box .panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.dash_wrap__box .panel-heading {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.dash_wrap__box .panel-body {
  height: 100%;
  min-height: 115px;
  padding: 8px 13px;
  font-size: 13px;
  font-weight: 500;
}
.dash_wrap__box .panel-body.no-scroll {
  padding-right: 13px;
}
.dash_wrap__box .panel-body.over-area.mCS_no_scrollbar {
  padding-right: 13px;
}

.dash_tit {
  font-size: 18px;
  margin-bottom: 10px;
}

.label_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2px;
}
.label_ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 2px;
}

.label_ul.ea-2 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.label_ul.ea-2 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
}

.label_ul__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  height: 100%;
  padding: 8px 4px;
  border-radius: 10px;
}
.label_ul__inner span {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}
.label_ul__inner strong {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
}

.card-title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card-title a {
  line-height: 1;
}

.icon-ico_more:hover {
  color: #fff !important;
}
.icon-ico_more:hover:before {
  color: #fff !important;
}
.icon-ico_more:hover span {
  color: #fff !important;
}
.icon-ico_more:hover span:before {
  color: #fff !important;
}

.ptable {
  padding: 7px 4px 0 4px;
}
.ptable table {
  width: 100%;
}
.ptable table td {
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: top;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
.ptable table td:first-child {
  white-space: nowrap;
  width: auto;
}
.ptable table td:last-child {
  white-space: nowrap;
  width: auto;
}
.ptable table tbody tr td {
  padding: 5px 0px 5px 5px;
}
.ptable table td + td {
  padding-left: 15px;
}
.ptable .tap_l {
  padding-left: 20px;
}
.ptable .tap_l_dash {
  padding-left: 10px;
}
.ptable .tap_r {
  padding-right: 30px;
}
.ptable .tap_r_dash {
  padding-right: 10px;
}
.ptable .td_dash {
  padding: 5px 10px 5px 0px;
}

.ptable.ptable--last_conts table td {
  white-space: nowrap;
  width: auto;
}
.ptable.ptable--last_conts table td:last-child {
  white-space: normal;
  width: 100%;
}

.factory_table {
  margin: 20px 0;
}

.ws_nor {
  white-space: normal !important;
}

.count_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
.count_col li {
  padding: 5px 8px;
  width: 20%;
}

.timeline_log:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 1px;
  height: 100%;
}
.timeline_log li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}
.timeline_log li:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid #b3b3b3;
  background-color: #1a1a1a;
}
.timeline_log li span {
  width: 60px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 10px;
}
.timeline_log li p {
  width: 100%;
}
.timeline_log li + li {
  margin-top: 10px;
}
.timeline_log li.type_yellow:after {
  border-color: #f9cf00;
}
.timeline_log li.type_red:after {
  border-color: #f44d39;
}
.timeline_log li.type_fff:after {
  border-color: #fff;
}
.timeline_log li.type_green:after {
  border-color: #7fc146;
}
.timeline_log li.type_orange:after {
  border-color: #ff8a00;
}
.timeline_log li.type_purple:after {
  border-color: #6560c6;
}

.label_info_wrap ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.label_info_wrap ul li dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60%;
  padding: 13px 8px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.1);
}
.label_info_wrap ul li dl dt {
  width: 50%;
  padding: 0 10px;
  text-align: center;
}
.label_info_wrap ul li dl dd {
  width: 50%;
  border-left: 2px solid #fff;
  padding: 0 10px;
}
.label_info_wrap ul li dl dd span {
  display: block;
}
.label_info_wrap ul li + li {
  margin-top: 10px;
}

.label_info_wrap__table {
  width: 40%;
  padding-left: 15px;
}

.ollehmap-info-tooltip-area {
  color: black;
}

.board_popup_wrap {
  position: absolute;
  right: 15px;
  bottom: 2%;
  width: -webkit-calc(50% - 175px);
  width: -moz-calc(50% - 175px);
  width: calc(50% - 30px);
  max-height: 80%;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  z-index: 1000;
  display: none;
}

.board_popup_wrap_main {
  position: absolute;
  right: 15px;
  bottom: 2%;
  width: -webkit-calc(50% - 175px);
  width: -moz-calc(50% - 175px);
  width: calc(50% - 30px);
  max-height: 80%;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
}

.board_popup_wrap.on {
  display: block;
}

.board_popup__inner {
  padding: 30px 20px;
}

.board_popup_close {
  position: absolute;
  top: 15px;
  border: 0;
  outline: none;
  background: none;
}
.board_popup_close span {
  font-size: 30px;
}
.board_popup_close:hover span:before {
  color: #ffd300;
}

.on_off_label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  font-size: 0;
}
.on_off_label div {
  display: flex;
}
.on_off_label span {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  padding: 5px;
  margin-right: 5px;
}
.on_off_label label {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 48px;
  height: 27px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 700;
  padding: 5px;
  color: #fff;
  border-radius: 14px;
  margin-right: 10px;
  line-height: 17px;
}
.on_off_label label:last-child {
  margin-right: 0;
}
.on_off_label .spandash {
  display: -webkit-box;
  font-size: 13px;
  font-weight: 700;
  padding: 3px;
  margin-right: 0px;
}
.on_off_label .labeldash {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 33px;
  height: 24px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 700;
  padding: 5px;
  color: #fff;
  border-radius: 12px;
  margin-right: 10px;
  line-height: 17px;
}
.on_off_label .labeldash:last-child {
  margin-right: 0;
}

.jum_box ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #595959;
  padding: 8px;
  margin: 0 -10px;
}
.jum_box ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: 14px;
  padding: 0 10px;
}
.jum_box ul li dt {
  padding-right: 8px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.jum_box ul li + li {
  border-left: 2px solid #fff;
}

.bullet_circle_shape {
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
}

.bullet_circle_shape.type_yellow {
  background-color: #ffd300;
}

.bullet_circle_shape.type_red {
  background-color: #f15d5b;
}

.bullet_circle_shape.type_fff {
  background-color: #fff;
}

.bullet_circle_shape.type_green {
  background-color: #0fbb8a;
}

.bullet_circle_shape.type_orange {
  background-color: #ffb628;
}

.bullet_circle_shape.type_purple {
  background-color: #6560c6;
}

.bullet_circle_shape.type_blue {
  background-color: #4687ff;
}

.buller_tit {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
}
.buller_tit:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.safe_soc__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.safe_soc__inner > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 15px;
}
.safe_soc__inner > div span[class^=icon-] {
  margin-right: 5px;
}

.safe_soc__inner__state {
  display: block;
  padding: 6px;
  width: 100%;
  text-align: center;
  max-width: 80px;
}

.progress_col_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.progress_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px !important;
}
.progress_col > h6 {
  height: 100%;
}

.progress_wrap {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 10px;
}

svg.radial-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  border-radius: 50%;
}
svg.radial-progress circle {
  fill: transparent;
  stroke: #ececec;
}
svg.radial-progress circle.bar-static {
  stroke-width: 9px;
  stroke: #ececec !important;
}
svg.radial-progress circle.bar--animated {
  stroke-width: 9px;
  stroke-linecap: round;
  transition-duration: 0.5s;
}

.progress_wrap.type_yellow svg.radial-progress circle.bar--animated {
  stroke: #ffd300;
}
.progress_wrap.type_yellow .progress__innertxt {
  color: #ffd300;
}

.progress_wrap.type_red svg.radial-progress circle.bar--animated {
  stroke: #f15d5b;
}
.progress_wrap.type_red .progress__innertxt {
  color: #f15d5b;
}

.progress_wrap.type_blue svg.radial-progress circle.bar--animated {
  stroke: #4687ff;
}
.progress_wrap.type_blue .progress__innertxt {
  color: #4687ff;
}

.progress_wrap.type_green svg.radial-progress circle.bar--animated {
  stroke: #0fbb8a;
}
.progress_wrap.type_green .progress__innertxt {
  color: #0fbb8a;
}

.progress_wrap.type_orange svg.radial-progress circle.bar--animated {
  stroke: #ffb628;
}
.progress_wrap.type_orange .progress__innertxt {
  color: #ffb628;
}

.progress_wrap.type_purple svg.radial-progress circle.bar--animated {
  stroke: #6560c6;
}
.progress_wrap.type_purple .progress__innertxt {
  color: #6560c6;
}

.countervalue {
  position: absolute;
  font-size: 22px;
  font-weight: 700;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
}
.countervalue sub {
  position: relative;
  font-size: 60%;
  bottom: 0.25em;
}

.progress__innertxt {
  position: absolute;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.disability__list > ul > li {
  background-color: #404040;
  border-left: 10px solid transparent;
}
.disability__list > ul > li table {
  width: 100%;
}
.disability__list > ul > li table th {
  font-size: 13px;
  padding: 10px;
}
.disability__list > ul > li table td {
  font-size: 13px;
  padding: 10px;
}
.disability__list > ul > li table td a {
  display: block;
  padding: 5px 10px;
  border-radius: 14px;
  background-color: #121212;
  text-align: center;
  white-space: nowrap;
}
.disability__list > ul > li table td a:hover {
  background-color: #222;
}
.disability__list > ul > li table tr > *:nth-child(1) {
  width: 33.333333%;
  text-align: center;
}
.disability__list > ul > li table tr > *:nth-child(2) {
  width: 33.333333%;
  text-align: center;
}
.disability__list > ul > li table tr > *:nth-child(3) {
  width: 140px;
}
.disability__list > ul > li table tr > *:nth-child(4) {
  width: 90px;
}
.disability__list > ul > li + li {
  margin-top: 8px;
}
.disability__list > ul > li.type_red {
  border-left-color: #f94e3a;
}
.disability__list > ul > li.type_red th {
  color: #f94e3a;
}
.disability__list > ul > li.type_orange {
  border-left-color: #ff8a00;
}
.disability__list > ul > li.type_orange th {
  color: #ff8a00;
}
.disability__list > ul > li.type_yellow {
  border-left-color: #ffd300;
}
.disability__list > ul > li.type_yellow th {
  color: #ffd300;
}

.dx_pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dx_pagination li a {
  display: block;
  padding: 7px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.dx_pagination li a span[class^=icon-] {
  font-size: 11px;
}
.dx_pagination li.active a {
  color: #ffd300;
}

.header_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.header_flex .btn_wrapper {
  padding-bottom: 12px;
}

.btn_wrapper {
  font-size: 0;
}
.btn_wrapper button {
  padding: 0 13px;
  height: 25px;
  border: 0;
  border-radius: 13px;
  text-align: center;
  margin-right: 13px;
}
.btn_wrapper button:last-child {
  margin-right: 0;
}
.btn_wrapper button span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.btn_wrapper button span[class^=icon-] {
  margin-right: 5px;
}

.flex_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex_box .dash_wrap__box {
  height: 100%;
}
.flex_box .dash_wrap__box .panel {
  height: 100%;
  border-radius: 10px;
}
.flex_box .dash_wrap__box .panel .mb0 {
  width: 100%;
  border-radius: 10px;
}

.half_hor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.half_hor > * {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.img_full_wrap {
  font-size: 0;
  text-align: center;
}
.img_full_wrap img {
  max-width: 70%;
  max-height: 100%;
}

.chart_wrap {
  margin: 2px 0;
}

.weather_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
}
.weather_box > * {
  padding: 0 5px;
}

.pt60 {
  float: right;
  padding: 40px 15px;
  width: 45%;
}

.drawing_wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 10px;
}

.drawing__bg {
  position: relative;
  font-size: 0;
  text-align: center;
}
.drawing__bg img {
  max-width: 100%;
  max-height: 100%;
}

.drawing__cctv_mini {
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 15px;
  border: 1px solid #fff;
}

.btn_cctv_pop {
  position: absolute;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  text-align: center;
  padding: 15px 9px;
}
.btn_cctv_pop:hover {
  opacity: 0.7;
}

.icon-ico_arrow_up {
  vertical-align: middle;
}

.icon-ico_arrow_down {
  vertical-align: middle;
}

body.pop_bg:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1010;
}

.board_popup_wrap.center_popup {
  width: 100%;
  top: calc(50% - 120px);
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 90vh;
  background-color: #000;
  z-index: 1020;
}

.center_pop_body {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.cctv_pop_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.cctv_pop__inner {
  width: 67%;
}

.cctv_pop__inner + .cctv_pop__inner {
  width: 33%;
  padding-left: 20px;
}

.cctv_pop__inner__video {
  position: relative;
  border: 3px solid #fff;
}

.cctv_pop__inner__video + .cctv_pop__inner__video {
  margin-top: 23px;
}

.toggle-btn--edit.tb_hide {
  display: none !important;
}

.toggle-target:not(.tb_show) {
  display: none !important;
}

.banner-status {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 10px 20px;
  margin-top: 10px;
  border-radius: 5px;
}
.banner-status .value {
  font-size: 30px;
  font-weight: bold;
  font-family: "KT font", sans-serif;
}
.banner-status .value .unit {
  font-size: 18px;
}
.banner-status .last-updated {
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

.panel_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.panel_btn li {
  line-height: 0;
}
.panel_btn li a {
  font-size: 0;
}
.panel_btn li a span {
  font-size: 18px;
}
.panel_btn li a span:before {
  color: #919191;
}
.panel_btn li + li {
  margin-left: 10px;
}

.list_search_set {
  padding: 5px 10px;
}
.list_search_set table {
  width: 100%;
  table-layout: fixed;
}
.list_search_set table th {
  vertical-align: middle;
  padding: 5px 0 5px 5px;
}
.list_search_set table td {
  padding: 5px;
  vertical-align: middle;
}
.list_search_set table tbody {
  background-color: #000;
}

.form_box {
  font-size: 0;
}
.form_box > * {
  font-size: 12px;
  margin-right: 9px;
}
.form_box > *:last-child {
  margin-right: 0;
}
.form_box input {
  font-size: 14px;
  height: 38px;
  padding: 5px 10px;
  max-width: 206px;
  outline: none;
}
.form_box select {
  font-size: 14px;
  height: 38px;
  padding: 5px 10px;
  max-width: 206px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/ico/ico_select_arrow.svg") no-repeat right 10px center;
  padding-right: 30px;
}
.form_box select::-ms-expand {
  display: none;
}
.form_box .date_box {
  position: relative;
  display: inline-block;
}
.form_box .date_box:after {
  content: "\e902";
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 17px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form_box input.type_date {
  display: inline-block;
  width: auto;
  min-width: 170px;
  max-width: 206px;
  padding-right: 40px;
}
.form_box button {
  height: 38px;
  position: relative;
  padding-right: 30px;
  text-align: left;
}
.form_box button span.caret {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ui-datepicker select.ui-datepicker-month {
  padding: 0 20px 0 5px;
}
.ui-datepicker select.ui-datepicker-year {
  padding: 0 20px 0 5px;
}

.list_search_set__btn {
  font-size: 0;
}
.list_search_set__btn button {
  margin-right: 12px;
  height: 38px;
  padding: 0 16px;
  border: 0;
  outline: none;
}
.list_search_set__btn button:last-child {
  margin-right: 0;
}
.list_search_set__btn button span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.list_search_set__btn button span[class^=icon-] {
  margin-right: 10px;
}

.ltable__set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0;
}
.ltable__set > span {
  margin-right: 12px;
}

table.table {
  width: 100%;
}
table.table th {
  text-align: center;
  font-weight: 500;
  padding: 10px;
}
table.table td {
  text-align: center;
  font-weight: 500;
  padding: 10px;
}

.progress-bar {
  margin: 3px 0;
  margin-bottom: 15px;
  width: 100%;
  height: 10px;
  background-color: #e0e0e0;
  border-radius: 20px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.progress-bar-fill {
  display: block;
  height: 100%;
  border-radius: 3px;
  transition: width 500ms ease-in-out;
}

.fill_red {
  background-color: #f15d5b;
}

.text_red {
  color: #f15d5b;
  background-color: #000000;
}

.fill_orange {
  background-color: #ffb628;
}

.text_orange {
  color: #ffb628;
  background-color: #000000;
}

.fill_green {
  background-color: #0fbb8a;
}

.text_green {
  color: #0fbb8a;
  background-color: #000000;
}

.fill_blue {
  background-color: #4687ff;
}

.text_blue {
  color: #4687ff;
  background-color: #000000;
}

.padding-50 {
  padding: 50px;
  font-weight: bold;
}

.padding-10 {
  padding: 10px;
}

.padding-63 {
  padding: 63px;
}

#p0 {
  padding: 0;
}

.btw {
  font-size: 13px;
  padding: 10px;
  font-weight: bold;
}

.bigtitle {
  font-size: 1.7em;
  padding: 10px 0px 10px 5px;
}

@media (max-width: 1760px) {
  .label_info_wrap ul li dl {
    display: block;
  }
  .label_info_wrap ul li dl dt {
    width: 100%;
    padding: 0;
  }
  .label_info_wrap ul li dl dd {
    width: 100%;
    border-top: 2px solid #fff;
    border-left: 0;
    padding: 0;
    padding-top: 7px;
    margin-top: 7px;
  }
}
.col-text-center-menu {
  text-align: center !important;
  color: white;
  line-height: 1.5;
  margin-left: 5px;
}

/*# sourceMappingURL=style.css.map */