@charset "utf-8";
@import url('font.css');

/*==================================
List
  01. layout
  02. text
  03. Icons
  04. Bedge
  05. Form
  06. Button
  07. Tooltip
  08. tab
  09. table
  Header
  Aside
  Footer
==================================*/
/*layout*/
body.hidden {
  overflow-y: hidden;
}

.wrap {
  position: absolute;
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
  min-width: 1360px;
  height: 100%;
}


.bg-gray {
  background-color: #dbe0e3;
}

.inner-wrap {
  padding-left: 20px;
  padding-right: 20px;
}

.depth2 {
  padding-left: 26px;
}

.depth3 {
  padding-left: 25px;
}

.depth4 {
  padding-left: 25px;
}

.tab~.select-wrap {
  margin-top: 10px;
}

.select-wrap~.total {
  margin-top: 13px;
}

.monitoring-aside .select-wrap~.total {
  margin-top: 13px;
}

.no-padding {
  padding: 0 !important;
}

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

.tb_short_content{
	padding: 0 20px 0 20px !important;
	text-align: center;
	height: 40px;
}
.tb_short_content hr{
	border: 1px dashed #333333;
}

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

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

.mb5 {
  margin-bottom: 5px !important;
}

.sec-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.vab {
  vertical-align: bottom !important;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  padding-bottom: 50px;
  min-width: 1360px;
  overflow-y: auto;
}

.sec-padding{
  padding-left:360px;
}

.cell-wrap {
  display: table;
  width: 100%;
}

.cell {
  display: table-cell;
}

.cell-wrap.col3 .cell {
  width: 33.33333%;
}

.cell-wrap.co2 .cell {
  width: 50%;
}

.cell-wrap.col2 .cell {
  width: 70%;
}

/* 02. text */
b {
  font-weight: 700;
  vertical-align: baseline;
}

b method {
  vertical-align: baseline;
}

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

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

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

.c-red {
  color: #ff0000 !important;
}

.c-blue1 {
  color: #6db7f6 !important;
}

.c-blue2 {
  color: #01a8bd !important;
}

.c-blue3 {
  color: #07b8cf !important;
}

.c-blue4 {
  color: #4aa2ed !important;
}

.c-blue5 {
  color: #55a8ee !important;
}

.c-blue6 {
  color: #07b1c6 !important;
}

.c-orange1 {
  color: #f58642 !important;
}

.c-purple1 {
  color: #d6a9ff !important;
}

.c-gray1 {
  color: #666 !important;
}

.c-gray2 {
  color: #999 !important;
}

.total {
  color: #bdbdbd;
}

.total span {
  vertical-align: baseline;
}

.text-error {
  color: #ff4d4d !important;
}

.noto {
  font-family: 'NotoSans';
}


.fs11 {
  font-size:11px !important;
}

.fs12 {
  font-size: 12px !important;
}

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

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

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

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

.left-bar:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 11px;
  margin: 0 5px;
  background-color: #7f7f7f;
}

.tit-style1 {
  font-size:24px;
  color: #000;
  margin-bottom:15px;
  font-weight:bold;
}

.has-error{
  display:none;
  color:#ff0000;
  font-size:11px;
  margin-top:5px;
}

.has-error.on{
  display:block;
}

/* 03.Icons  */
.ico {
  display: inline-block;
  background-size: 100%;
}

.ico_aside_arrow {
  width: 6px;
  height: 11px;
  background: url(../../resources/images/common/aside_arrow.png) no-repeat;
  background-position: right;
}

.close-aside .ico_aside_arrow {
  background-position: left;
}

.ico-facility {
  width: 16px;
  height: 20px;
  background: url(../../resources/images/common/ico_facility.png) no-repeat;
}

.ico-user {
  width: 18px;
  height: 18px;
  background: url(../../resources/images/common/ico_user.png) no-repeat;
}

.ico_event {
  width: 16px;
  height: 20px;
  background: url(../../resources/images/common/ico_event.png) no-repeat;
}

.ico_clock {
  width: 17px;
  height: 17px;
  background: url(../../resources/images/common/ico_clock.png) no-repeat;
}

.on .ico_clock {
  width: 17px;
  height: 17px;
  background: url(../../resources/images/common/ico_clock_on.png) no-repeat;
}

.ico-dot {
  width: 25px;
  height: 13px;
  background: url(../../resources/images/common/ico_dot.png) no-repeat;
  background-repeat:no-repeat;
  background-position:center;
}


 .ico-dot:hover {
   width: 25px;
   height: 13px;
  background: url(../../resources/images/common/ico_dot_on.png) no-repeat;
  background-repeat:no-repeat;
  background-position:center;
}


.ico-close {
  width: 10px;
  height: 10px;
  background: url(../../resources/images/common/ico_close.png) no-repeat;
}

.ico-search-w {
  width: 17px;
  height: 18px;
  background: url(../../resources/images/common/ico-search-w.png) no-repeat;
}

.ico-calender {
  width: 16px;
  height: 17px;
  background: url(../../resources/images/common/ico_calender.png) no-repeat;
}

.ico-control01 {
  width: 26px;
  height: 26px;
  background: url(../../resources/images/common/ico_control01.png) no-repeat;
}

.ico-control02 {
  width: 28px;
  height: 25px;
  background: url(../../resources/images/common/ico_control02.png) no-repeat;
}

.ico-control03 {
  margin-left:10px !important;
  width: 36px;
  height: 24px;
  background: url(../../resources/images/common/ico_control03.png) no-repeat;
}

.ico-control04 {
  margin-left:12px !important;
  width: 39px;
  height: 24px;
  background: url(../../resources/images/common/ico_control04.png) no-repeat;
}

.ico-map {
  width: 16px;
  height: 20px;
  background: url(../../resources/images/common/ico_map.png) no-repeat;
}

.ico-map:hover{
  width: 16px;
  height: 20px;
  background: url(../../resources/images/common/ico_map_hover.png) no-repeat;
}

.ico-plus1 {
  width: 8px;
  height: 8px;
  background: url(../../resources/images/common/ico_plus1.png) no-repeat;
}

.ico-plus2 {
  width: 8px;
  height: 8px;
  background: url(../../resources/images/common/ico_plus2.png) no-repeat;
}

.ico-drawing {
  width: 20px;
  height: 20px;
  background: url(../../resources/images/common/ico_drawing.png) no-repeat;
}

.ico-excel {
  width: 18px;
  height: 18px;
  background: url(../../resources/images/common/ico_excel.png) no-repeat;
}

.ico-group {
  width: 32px;
  height: 20px;
  background: url(../../resources/images/common/ico_group.png) no-repeat;
}

.ico-group1 {
  width: 32px;
  height: 20px;
  background: url(../../resources/images/common/ico_group1.png) no-repeat;
}

.ico-group2 {
  width: 32px;
  height: 20px;
  background: url(../../resources/images/common/ico_group2.png) no-repeat;
}

.ico-group3 {
  width: 32px;
  height: 20px;
  background: url(../../resources/images/common/ico_group3.png) no-repeat;
}

.ico-close01 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_close01.png) no-repeat;
}

.ico-close02 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_close02.png) no-repeat;
}

.ico-close03 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_close03.png) no-repeat;
}

.ico-close04 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_close04.png) no-repeat;
}

.ico-close05 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_close05.png) no-repeat;
}

.ico-open01 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_open01.png) no-repeat;
}

.ico-open02 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_open02.png) no-repeat;
}

.ico-open03 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_open03.png) no-repeat;
}

.ico-open04 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_open04.png) no-repeat;
}

.ico-user-btn {
  width: 40px;
  height: 40px;
  background: url(../../resources/images/common/ico_user_btn.png) no-repeat;
}

.ico-facility-btn {
  width: 40px;
  height: 40px;
  background: url(../../resources/images/common/ico_facility_btn.png) no-repeat;
}

.ico-user01 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_user01.png) no-repeat;
}

.ico-user02 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_user02.png) no-repeat;
}

.ico-user03 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_user03.png) no-repeat;
}

.ico-user04 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_user04.png) no-repeat;
}

.ico-user05 {
  width: 28px;
  height: 20px;
  background: url(../../resources/images/common/ico_user05.png) no-repeat;
}

/* 04. Bedge*/
.bedge {
  display: inline-block;
  height: 17px;
  line-height: 16px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 30px;
}

.bedge-lg {
  display: inline-block;
  height: 27px;
  line-height: 25px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 30px;
  min-width:30px;
  text-align:center;
}

.bedge-grayL {
  font-size: 11px;
  color: #898989;
  border: 1px solid #898989;
  background-color: #fff;
  padding: 0 5px;
  height: 19px;
  line-height: 19px;
}

.bedge-blue {
  color: #fff;
  background-color: #4aa2ed;
}

.bedge-orange {
  color: #fff;
  background-color: #f58642;
}

.bedge-gray {
  color: #fff;
  background-color: #a7b8c4;
}

.bedge-gray02{
  font-size: 11px;
  color: #fff;
  background-color: #777;
  padding: 0 5px;
  height: 19px;
  line-height: 19px;
}

/* 05. Form*/
.checks {
  position: relative;
}

.form-control {
  width: 100%;
  height: 30px;
  border: 1px solid #b8c7d1;
  padding-left: 10px;
  line-height: 30px;
}

.form-control:read-only{
  color:#999;
}

.checks input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.checks input[type="checkbox"]+label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.check-style1 input[type="checkbox"]+label:before {
  content: ' ';
  display: inline-block;
  width: 11px;
  height: 11px;
  line-height: 11px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #4f4f4f;
}

.check-style1 input[type="checkbox"]:checked+label:before {
  background: url(../../resources/images/common/check_style1.png) #4f4f4f no-repeat center;
  background-size: 7px;
}

.check-style2 input[type="checkbox"]+label>span {
  vertical-align: baseline;
  height: 18px;
}

.check-style2 input[type="checkbox"]:checked+label>span {
  border-bottom: 1px solid #333;
}

.check-style2 input[type="checkbox"]+label:before {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #bbb;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

.check-style2 input[type="checkbox"]:checked+label:before {
  background: url(../../resources/images/common/check_style2.png) #07b8cf no-repeat center;
  border: 1px solid #07b8cf;
}


.check-style3 input[type="checkbox"] +label{
  width:18px;
  height:18px;
  background-color:#fff;
}

.check-style3 input[type="checkbox"]:checked +label{
  background:url(../../resources/images/common/check_style3.png) #fff no-repeat center;
}


.check-style4 input[type="checkbox"]+label>span {
  vertical-align: baseline;
  height: 18px;
}

.check-style4 input[type="checkbox"]:checked+label>span {
  border-bottom: 1px solid #333;
}

.check-style4 input[type="checkbox"]+label:before {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #bbb;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

.check-style4 input[type="checkbox"]:checked+label:before {
  background: url(../../resources/images/common/check_style2.png) #3194e8 no-repeat center;
  border: 1px solid #07b8cf;
}

/*
.check-style2 input[type="checkbox"]+label > span{
  border-bottom:1px solid #000;
}
*/

.check-week input[type="checkbox"]+label {
  width: 30px;
  height: 27px;
  line-height: 25px;
  border-radius: 30px;
  border: 1px solid #999;
  text-align: center;
  background-color: #fff;
  font-weight: bold;
}

.check-week input[type="checkbox"]:checked+label {
  border: 1px solid #01a8bd;
  background-color: #07b8cf;
  color: #fff;
}

.check-week.check-week-user input[type="checkbox"]:checked+label {
  border:1px solid #1b8ff1;
  background-color: #1b8ff1;
  color: #fff;
}



.check-style-disable input[type="checkbox"]+label>span {
  cursor:auto;
  vertical-align: baseline;
  height: 18px;
}

.check-style-disable input[type="checkbox"]:checked+label>span {
  border-bottom: none;
}

.check-style-disable input[type="checkbox"]+label:before {
  cursor:auto;
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #bbb;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #ddd;
}

.panel-wrap.open .panel-header .check-style-disable input[type="checkbox"]+label:before {
  background: url(../../resources/images/common/check_style2.png) #ddd no-repeat center !important;
}


.radios input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.radios input[type="radio"]+label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.radio-style1 input[type="radio"]+label:before {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #b8c7d1;
  border-radius: 100px;
}

.radio-style1 input[type="radio"]:checked+label:before {
  background: url(../../resources/images/common/radio_style1.png) #fff no-repeat center;
  background-size: 8px;
}


.radio-style2 input[type="radio"]+label:before {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #b8c7d1;
  border-radius: 100px;
}

.radio-style2 input[type="radio"]:checked+label:before {
  background: url(../../resources/images/common/radio_style2.png) #7e98ae no-repeat center;
  background-size: 6px;
}


.radios+.radios {
  margin-left: 25px;
}

.select-wrap {
  position: relative;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

.select-style1 {
  background-color: #777;
  color: #eee;
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.select-style1 .tit {
  background: url(../../resources/images/common/select_arrow_up1.png) no-repeat 95% center;
  height: 27px;
  line-height: 25px;
  display: block;
  width: 100%;
  color: #eee;
  text-align: left;
  padding-left: 18px;
  font-size: 12px;
}

.select-style1 .list {
  display: none;
  padding-bottom: 10px;
  padding-top: 15px;
}

.select-style1 .list li {
  margin-bottom: 10px;
  font-size: 12px;
}

.select-style1.open .tit {
  background: url(../../resources/images/common/select_arrow1.png) no-repeat 95% center;
  border-bottom: 1px solid #5f5e5e;
  height: 40px;
  line-height: 38px;
}

.select-style2 {
  border: 1px solid #07b8cf;
  display: table;
  width: 100%;
}

.select-style2 .left {
  width: 109px;
  position: relative;
  display: table-cell;
}

.select-style2 .left .selected {
  height: 30px;
  line-height: 30px;
  background: url(../../resources/images/common/select_arrow2.png) #fff no-repeat right center;
  background-size: 9px;
  padding-left: 10px;
  font-size: 12px;
  color: #666;
  font-family: 'NotoSans';
  cursor: pointer;
}

.select-style2 .left .select-list {
  position: absolute;
  z-index: 30;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  display: none;
}

.select-style2 .left .select-list li {
  border-bottom: 1px solid #e4e4e4;
}

.select-style2 .left .select-list li:last-child {
  border-bottom: none;
}

.select-style2 .left .select-list li a,
.select-style2 .left .select-list li button {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 12px;
  color: #666;
  font-family: 'NotoSans';
  height: 30px;
  line-height: 28px;
  padding-left: 10px;
  padding-right: 20px;
}

.select-style2 .left .select-list li:hover a,
.select-style2 .left .select-list li:hover button {
  color: #333;
  background-color: #fff;
}

.select-style2 .center {
  display: table-cell;
  width:auto;
}

.select-style2 .center input[type="text"] {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

.select-style2 .center input[type="text"]:focus {
  outline: none;
}

.select-style2 .right {
  width: 35px;
  display: table-cell;
  vertical-align: middle;
  background-color: #07b8cf;
}

.select-style2 .right button,
.select-style2 .right a {
  display: block;
  width: 100%;
  text-align: center;
}

.select-style3 {
  background-color: #8e9eaa;
  display: table;
  width: 100%;
}

.select-style3 .left {
  width: 109px;
  position: relative;
  display: table-cell;
}

.select-style3 .left .selected {
  height: 26px;
  line-height: 26px;
  background: url(../../resources/images/common/select_arrow3.png) #8e9eaa no-repeat right center;
  background-size: 9px;
  padding-left: 10px;
  font-size: 12px;
  color: #e8edee;
  font-family: 'NotoSans';
  cursor: pointer;
}

.select-style3 .left .select-list {
  position: absolute;
  z-index: 30;
  display: none;
}

.select-style3 .left .select-list li {
  width: 109px;
  padding-left: 10px;
  padding-right: 20px;
  border-bottom: 1px solid #99a7b1;
  background-color: #8e9eaa;
}

.select-style3 .left .select-list li:last-child {
  border-bottom: none;
}

.select-style3 .left .select-list li a,
.select-style3 .left .select-list li button {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 12px;
  color: #e8edee;
  font-family: 'NotoSans';
  height: 30px;
  line-height: 28px;
}

.select-style3 .left .select-list li:hover a,
.select-style3 .left .select-list li:hover button {
  color: #fff;
}

.select-style3 .left .select-list li:hover {
  background-color: #aabac6;
}

.select-style3 .center {
  display: table-cell width:auto;
}

.select-style3 .center input[type="text"] {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: transparent !important;
}

.select-style3 .center input[type="text"]:focus {
  outline: none;
  color: #e8edee;
}

.select-style3 .right {
  width: 35px;
  display: table-cell;
  vertical-align: middle;
  background-color: #8e9eaa;
}

.select-style3 .right button,
.select-style3 .right a {
  display: block;
  width: 100%;
  text-align: center;
}

.select-style4 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 36px;
  background: url(../../resources/images/common/select_arrow2.png) #fff no-repeat 90% center;
  border: 1px solid #b8c7d1;
  padding-left: 10px;
  padding-right: 23px;
  font-size: 12px;
}

.select-style5 {
  border: 3px solid #3194e8;
  display: table;
  width: 100%;
}

.select-style5 .left {
  width: 109px;
  position: relative;
  display: table-cell;
}

.select-style5 .left .selected {
  height: 39px;
  line-height: 37px;
  background: url(../../resources/images/common/select_arrow2.png) #fff no-repeat right center;
  background-size: 9px;
  padding-left: 10px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  text-align:left;
}

.select-style5 .left .select-list {
  position: absolute;
  z-index: 30;
  border: 1px solid #ccc;
  display: none;
}

.select-style5 .left .select-list li {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e4e4e4;
}

.select-style5 .left .select-list li:last-child {
  border-bottom: none;
}

.select-style5 .left .select-list li a,
.select-style5 .left .select-list li button {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 12px;
  color: #666;
  font-family: 'NotoSans';
  height: 30px;
  line-height: 28px;
  padding-left: 10px;
  padding-right: 20px;
}

.select-style5 .left .select-list li:hover a,
.select-style5 .left .select-list li:hover button {
  color: #333;
  background-color: #fff;
}

.select-style5 .center {
  display: table-cell;
  width: auto;
}

.select-style5 .center input[type="text"] {
  width: 100%;
  height: 39px;
  line-height: 39px;
  padding: 0 10px;
}

.select-style5 .center input[type="text"]:focus {
  outline: none;
}

.select-style5 .right {
  width: 40px;
  display: table-cell;
  vertical-align: middle;
  background-color: #3194e8;
}

.select-style5 .right button,
.select-style5 .right a {
  display: block;
  width: 100%;
  text-align: center;
}

.select-checkbox {
  position: relative;
  width: 100%;
}

.select-checkbox.top{
  z-index:100;
}

.select-checkbox-tit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #b8c7d1;
  background: url(../../resources/images/common/select_arrow2.png) #fff no-repeat 96% center;
  color: #666;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
  text-align: left;
}

.select-style6 {
  display: block;
  width: 100%;
  height: 26px;
  border: 1px solid #dadada;
  font-size: 12px;
  color: #666666;
  background: url(../../resources/images/common/select_arrow2.png) #fff no-repeat 96% center;
  padding: 0 10px;
}

.select-style7 {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid #b8c7d1;
  font-size: 12px;
  color: #333;
  background: url(../../resources/images/common/select_arrow2.png) #fff no-repeat 96% center;
  padding: 0 10px;
}

.select-checkbox-list {
  display: none;
  background-color: #fff;
  border: 1px solid #b8c7d1;
  position: absolute;
  width: 100%;
  top: 35px;
  left: 0;
  z-index:500;
}

.select-checkbox-list li {
  font-size: 12px;
  padding: 5px 10px;
  text-align: left;
}

#change-user .select-checkbox-list li {
  padding: 0px 10px;
}

.calender-input {
  border: 1px solid #b8c7d1;
  width: 100%;
}

.calender-input+.calender-input {
  margin-top: 5px;
}

.calender-input .icon {
  width: 35px;
  background-color: #e9f0f5;
  border-right: 1px solid #b8c7d1;
  vertical-align: middle;
  text-align: center;
}

.calender-input .input {
  width: auto;
  background-color: transparent;
  vertical-align: middle;
}

.calender-input .input input[type="text"] {
  width: 100%;
  height: 30px;
  padding-left: 17px;
}

/*   06. Button */
a {
  display: inline-block;
}

.btn-lg {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  padding: 0 28px;
  display: inline-block;
}

.btn-m {
  display: inline-block;
  height: 27px;
  line-height: 25px;
  font-size: 12px;
  padding: 0 45px;
  display: inline-block;
}

.btn {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  font-size: 12px;
  border-radius: 2px;
  padding: 0 8px;
  display: inline-block;
}

.btn-sm {
  display: inline-block;
  height: 19px;
  line-height: 17px;
  font-size: 11px;
  border-radius: 2px;
  padding: 0 5px;
  display: inline-block;
}

.span-pass-open{
	color : red;
	font-size : 12pt;
}

.btn-sm-hover:hover{
	color : #4aa2ed;
	border-color: #4aa2ed;
}


.btn-30 {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
}



.btn-num button {
  padding-right: 0;
}

.btn-num span {
  background-color: #f1f1f1;
  vertical-align: baseline;
  padding: 0 5px;
  margin-left: 5px;
}

.btn-num .on span {
  background-color: #fff;
}

.btn-blue1 {
  border: 1px solid #637d91;
  background-color: #637d91;
  color: #fff;
}

.btn-lB-orange {
  color: #1b8ff1;
  border: 1px solid #1b8ff1;
  background-color: #fff;
}

.btn-lB-orange:hover {
  border: 1px solid #f58642;
  background-color: #f58642;
  color: #fff;
}

.btn-lB-blue {
  color: #1b8ff1;
  border: 1px solid #1b8ff1;
  background-color: #fff;
}

.btn-lB-blue:hover {
  border: 1px solid #5baff7;
  background-color: #5baff7;
  color: #fff;
}

.btn-lG-orange {
  border: 1px solid #d4d4d4;
  color: #767d91;
  background-color: #fff;
}

.btn-lG-orange.on {
  border: 1px solid #fb8b46;
  color: #f2782e;
  background-color: #ffe7d8;
}

.btn-lG-blue {
  border: 1px solid #d4d4d4;
  color: #767d91;
  background-color: #fff;
}

.btn-lG-blue.on {
  border: 1px solid #4aa2ed;
  color: #4aa2ed;
  background-color: #d5e8f9;
}

.btn-lG-ornage2 {
  border: 1px solid #ccc;
  color: #6e7382;
  background-color: #fff;
}

.btn-lG-ornage2.on {
  border: 1px solid #e8722a;
  color: #fff;
  background-color: #f58642;
}

.btn-lG-blue2 {
  border: 1px solid #ccc;
  color: #6e7382;
  background-color: #fff;
}

.btn-lG-blue2.on {
  border: 1px solid #1b8ff1;
  color: #fff;
  background-color: #4aa2ed;
}

.btn-lB2 {
  border: 1px solid #12bdd3;
  color: #12bdd3;
  border-radius: 2px;
  background-color: #fff;
}

.btn-lB2:hover {
  background-color: #12bdd3;
  color: #fff;
}

.btn-blue2 {
  background-color: #07b8cf;
  color: #fff;
}

.btn-lG {
  border: 1px solid #999;
  color: #666;
  background-color: #fff;
}

.btn-lG:hover {
  border: 1px solid #999;
  color: #fff;
  background-color: #999;
}

.btn-gray {
  background-color: #707f81;
  color: #fff;
}

.btn-gray2 {
  background-color: #7e98ae;
  color: #fff;
}

.btn-blue3 {
  background-color: #3194e8;
  color: #fff;
}

/* 07. Tooltip*/
.tooltip-wrap {
  position: absolute;
  top: 0;
  background-color: #fff;
  display: none;
  z-index: 100;
}

.tooltip-wrap.on {
  display: block;
}

.tooltip-close {
  position: absolute;
  right: 15px;
  top: 10px;
}

.tooltip-style1 {
  width: 192px;
  border: 1px solid #9bacb9;
  text-align: left;
  padding: 10px;
}

.ico-tooltip.left .tooltip-style1:after {
  content: "";
  width: 11px;
  height: 9px;
  background: url(../../resources/images/common/tooltip1_arrow.png) no-repeat;
  position: absolute;
  right: -11px;
  top: 7px;
}

.ico-tooltip.right .tooltip-style1:after {
  content: "";
  width: 11px;
  height: 9px;
  background: url(../../resources/images/common/tooltip1_arrow_right.png) no-repeat;
  position: absolute;
  left: -11px;
  top: 7px;
}

.tooltip-style1 .tit {
  color: #333;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  padding-bottom: 5px;
}

.tooltip-style1 h5 {
  margin-bottom: 5px;
}

.tooltip-style1 p>span {
  margin-left: 5px;
}

.tooltip-style1 .tooltip-inner {
  font-size: 11px;
}

.tooltip-inner {
  margin-top: 10px;
}

.tooltip-inner+.tooltip-inner {
  margin-top: 20px;
}

.tooltip-style2{
  right:28px !important;
}
.tooltip-style2 .tooltip-con {
  z-index: 500;
  width: 219px;
  line-height: 20px;
  background-color: #fff;
  padding: 15px 0 15px 20px;
  border: 1px solid #4aa2ed;
}

.tooltip-style2 .tooltip-con:after {
  content: "";
  width: 11px;
  height: 9px;
  background: url(../../resources/images/common/tooltip2_arrow.png) no-repeat;
  position: absolute;
  right: -10px;
  top: 7px;
}

.tooltip-style2 .tooltip-con .tooltip-close {
  position: absolute;
  right: 10px;
  top: 10px
}

.tooltip-style2 p{
  font-size:12px;
}

.tooltip-style3{
  top:-260px;
  left:50%;
  margin-left:-155px;
}
.tooltip-style3 .tooltip-con {
  width: 340px;
  border: 1px solid #aaa;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 0px 5px 1px rgba(102, 102, 102, 0.4);
}

.tooltip-style3 .tooltip-con .tooltip-close {
  position: absolute;
  right: 10px;
  top: 10px
}

.tooltip-style3 .tooltip-header {
  padding:15px;
  background-color:#fff;
}

.tooltip-style3 .tooltip-header p span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #666;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.tooltip-style3 .tooltip-body {
  padding:15px;
  background-color:#f5f5f5;
  position:relative;
}

.tooltip03-btn{
  display:inline-block;
  width:25px;
  height:25px;
  background-image:url(../../resources/images/common/tooltip3_btn.png);
  background-repeat:no-repeat;
  background-position: center;
  background-color:#07b8cf;
  border-radius:100px;
  position:absolute;
  right:15px;
  bottom:15px;
}

.tooltip03-btn:hover{
  background-color:#f58642;
}


.tooltip-style3:after{
  content:"";
/*   display:inline-block; */
  width:28px;
  height:21px;
  background:url(../../resources/images/common/tooltip3_arrow.png) no-repeat center;
  position:absolute;
  bottom:-20px;
  z-index:65;
  left:50%;
  margin-left:-14px;
}

.tooltip-style3.hidden:after {
    display: none;
}

/* .tooltip-style3:before{ */
/*   content:""; */
/*   display:inline-block; */
/*   width:28px; */
/*   height:21px; */
/*   background:url(../../resources/images/common/tooltip3_arrow2.png) no-repeat center; */
/*   position:absolute; */
/*   bottom:206px; */
/*   z-index:65; */
/*   left:50%; */
/*   margin-left:-14px; */
/* } */



/* 08. tab */
.tab {
  display: table;
  width: 100%;
}

.tab li {
  vertical-align: bottom;
  display: table-cell;
}

.tab.col2 li {
  width: 50%;
}

.tab-style1 {
  border-bottom: 1px solid #03b0c7;
}

.tab-style1 a, .tab-style1 button {
  display: block;
  height: 35px;
  line-height: 33px;
  width: 100%;
  text-align: center;
  background-color: #e4e4e4;
  color: #777;
}

.tab-style1 li.on a, .tab-style1 li.on button {
  height: 40px;
  color: #fff;
  font-size: 16px;
  background-color: #07b8cf;
  line-height:40px;
}

/*  09. table*/
table {
  width: 100%;
  border-collapse: collapse;
}

.table-center th,
.table-center td {
  text-align: center;
}

.table-hover tr:hover {
  background-color: #f6f7f8;
}

.table-even th:nth-child(n+4), .table-even td:nth-child(n+4) {
  background-color: #f6f7f8;
}

.table-style1 th {
  font-size: 12px;
  color: #333333;
  padding: 2px 0;
}

.table-style1 td {
  font-size: 12px;
  padding: 2px 0;
}

.table-style1+div {
  margin-top: 15px;
}

.th-l th {
  text-align: left;
}

.t-bg1 {
  background-color: #f6f7f8;
}

.bb-none {
  border-bottom: none !important;
}

.table-style2 {
  border-top: 2px solid #555;
}

.table-style2 th {
  padding-left: 19px;
  font-size:13px;
}

.table-style2 td {
  padding: 10px 0;
  min-height: 40px;
}

.table-style2 .td-2 {
  height: 121px;
}

.table-style2 .top-margin30 {
  margin-top : 10px;
}

.table-style2 tr {
  border-bottom: 1px solid #cbd6dd;
}

.table-style2+div {
  margin-top: 30px;
}

.table-style3 {
  border-top: 2px solid #555;
  background-color: #f6f7f8;
  border-bottom: 1px solid #cbd6dd;
}

.table-style3 td, .table-style3 th {
  height: 60px;
}

.table-style3+div {
  margin-top: 15px;
}

/* 10. layer-popup */
.layer-popup {
  padding:40px;
  font-family: 'Nanum Gothic';
}

.layer-popup-content {
  max-height: 490px;
  overflow-y: auto
}

.layer-popup h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom:15px;
}

.layer-popup .md-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

/*layer-상세보기*/
.more-desc.md-modal {
  width: 580px;
}

/*layer-통제*/

.control-term.md-modal {
  width: 440px;
}

/*layer-iokey정보*/
.iokey-desc.md-modal {
  width: 580px;
}

.control-term td {
  padding-right: 20px;
}

.control-term .table-wrap{
  border-top:1px solid #333;
  background-color:#f6f7f8;
  padding:15px 0;
  margin-bottom:30px;
  border-bottom:1px solid #cbd6dd;
}

.control-term table th{
  padding:5px 0 5px 10px ;
}

.control-term table td{
  padding:5px 35px 5px 0;
}

.calender-input .cell.input{
  position:relative;
}

.calender-input .cell.input .btn-delete{
  position:absolute;
  right:0px;
  bottom:1px;
  width:30px;
  height:30px;
  line-height: 30px;
}

.input-blue-wrap input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.input-blue-wrap li{
  display:inline-block;
}

.input-blue-wrap li + li{
  margin-left:10px;
}

.input-blue-wrap input + label{
  display:inline-block;
  height:22px;
  line-height:22px;
  background-color:#bbb;
  color:#fff;
  text-align:center;
  border-radius:4px;
  padding:0 10px;
  cursor: pointer;
}

.input-blue1 input:checked + label{
  background-color:#07b8cf;
}

.input-blue2 input:checked + label{
  background-color:#4aa2ed;
}

/*layer-메세지*/
.send-message.md-modal {
  width: 640px;
}


.textarea-wrap textarea {
  width: 100%;
  resize: none;
}

.textarea-wrap-view {
  height: 80px;
  margin: 10px;
}


.send-message textarea {
  height: 179px;
  background-color: #f6f7f8;
  padding: 15px;
  border: 1px solid #b8c7d1;
}

/*사유 작성*/
.deny-message.md-modal {
  width: 400px;
}

.deny-message textarea {
  height: 70px;
  background-color: #f6f7f8;
  padding: 15px;
  border: 1px solid #b8c7d1;
}

/*layer-수동승인*/
.control-time.md-modal {
  width: 500px;
}

.check-week>span {
  margin-right: 10px;
}

.check-week>span:last-child {
  margin-right: 0;
}

.control-time .cell {
  padding-right: 4px;
}

.control-time select {
  width: 66px;
}

.control-time .select-ico {
  width: 33px;
  text-align: center;
}

.control-time-list {
  margin-top: 20px;
  border-top: 1px solid #cbd6dd;
}

.control-time-list li {
  border-bottom: 1px solid #cbd6dd;
  width: 100%;
  padding: 10px 20px;
  font-size: 12px;
}

.control-time-list li:hover {
  background-color: #f6f7f8;
}

.control-time-list .btn-area {
  width: 60px;
}

/* header_수동승인 */
.h-control.md-modal {
  width: 790px;
}

.h-control .table-style2 th,
.h-control .table-style2 td {
  padding: 9px 20px;
}

/*header_유저승인*/
.h-user.md-modal {
  width: 1552px;
}

.h-user.table-style2 th,
.h-user .table-style2 td {
  padding: 8px 15px;
}

.h-control span {
  vertical-align: baseline;
}

.h-user th {
  height: 40px;
}

.h-user.md-modal .layer-popup-content {
  overflow-x: hidden;
  max-height:600px;
}

.h-user.md-modal table{
  width:100%;
}

.h-user.md-modal .select-checkbox-list{
  top:29px;
}

.h-user .input-blue-wrap{
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
}

.h-user .calender-input{
  width:95%;

}

.h-user button.btn-30{
  width:60px;
}

/*유저정보*/
.h-userInfo.md-modal {
  width: 400px;
}

.h-userInfo .cell-wrap {
  width: 100%;
  border-bottom: 1px solid #cbd6dd;
  margin-bottom: 20px;
  padding: 20px 20px 15px;
}

.h-userInfo-img {
  width: 52px !important;
}

.h-userInfo-img>img {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.h-userInfo-text {
  padding-left: 26px;
  width:auto !important;
}

.h-userInfo-text p > span:before{
  content:"";
  width:1px;
  height:11px;
  background: #cbd6dd;
  display:inline-block;
  margin:0 5px;
  vertical-align:middle;
}

.h-userInfo.md-modal .layer-ft-btn {
  margin-top: 20px;
}

.layer-ft-btn {
  padding: 13px 0;
  background-color: #f6f7f8;
}

.h-userInfo .btn-area button {
  width: 140px;
  padding: 0;
}

.h-user .checks,
.h-user .radios{
  margin-bottom:5px;
  display:block;
}

/*메니저 정보*/
.manager-info.md-modal {
  width: 400px;
}

.manager-info th {
  padding: 15px 0 15px 20px;
}

.manager-info td {
  padding: 15px 20px 15px 0;
}

/*메니저 정보*/
.change-pw.md-modal {
  width: 480px;
}

.change-pw th {
  padding: 10px 0 10px 20px;
}

.change-pw td {
  padding: 10px 20px 10px 0;
}

.change-pw .text-error {
  margin-top: 5px;
}

/* Header */
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
  box-shadow:1px 0px 5px 1px rgba(102, 102, 102, 0.4);
  z-index: 1000;
  width: 100%;
  min-width: 1360px;
}

.header-inner {
  padding-left: 39px;
  padding-right: 33px;
  position: relative;
}

.logo {
  display: inline-block;
  line-height: 80px;
  position:relative;
  width:153px;
  height:49px;
}

.logo img{
  position:absolute;
  left:0;
  top:15px;
}
/*
.logo img.logo01 {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration:5s;
animation-direction: alternate;
z-index:30;
}

@keyframes cf3FadeInOut {
  0% {
  opacity:1;
  }
  45% {
  opacity:1;
  }
  55% {
  opacity:0;
  }
  100% {
  opacity:0;
  }
}
 */


header nav {
  display: inline-block;
  position: absolute;
  left: 400px;
  top: 28px;
}

header nav li {
  display: inline-block;
  margin-right: 30px;
}

header nav li:last-child {
  margin-right: 0;
}

header nav li a {
  font-size: 16px;
  position:relative;
  display:inline-block;
  padding:0 10px;
}

header nav li a:before{
  content:"";
  display:inline-block;
  width:100%;
  height:4px;
  background-color:#07b1c6;
  position:absolute;
  bottom:-29px;
  left:0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  visibility: hidden;
}

header nav li:hover a:before{
  visibility: visible;
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
}

header nav li.on a {
  color: #07b1c6;
}

header nav li.on a:before{
  -webkit-transform: scaleX(1) !important;
  transform: scaleX(1) !important;
  visibility: visible !important;
}

header .right {
  position: absolute;
  right: 33px;
  top: 18px;
  width: 334px;
}

header .right .cell{
  width:auto;
}

header .right .cell:last-child{
  width:44px;
}

header .right>div {
  font-size: 14px;
  cursor: pointer;
}

header .right>div b {
  vertical-align: inherit;
}


header .right>div.user-img {
  position:relative;
}

header .right>div.user-img .tooltip-bedge02{
  left:50%;
  margin-left:-46px;
  top:48px;
}

header .right>div.user-img img:hover + .tooltip-bedge02{
  display:block;
}

header .right .bedge-lg {
  margin-left: 8px;
}

header .right>div:.user-img{
  position:relative;
}

header .right>div:.user-img img {
  width: 44px;
  height: 44px;
  border-radius: 100px;
}

.slidePopup{
  position:absolute;
  background-color:#fff;
  width:400px;
  right:15px;
  top:49px;
  border:1px solid #999;
  display:none;
}

.slidePopup .slide-close{
  position:absolute;
  top:20px;
  right:20px;
}

.slidePopup .cell-wrap{
  padding:30px 40px 20px;
  width:calc(100% - 40px);
  margin:0 auto;
  border-bottom:1px solid #cbd6dd;
}

.slidePopup  .btn-area{
  padding:20px 0 30px;
}

.slidePopup  .btn-area button{
  border-radius:4px;
}

.sidenav {
  height: 100%;
  width: 360px;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  transition: 0.5s;
}

.sidenav-content-wrap {
  height: 100%;
  width: 360px;
  /*position: fixed;*/
  top: 0;
  background-color: #f2f4f6;
  box-shadow: 1px 0px 5px 1px rgba(102, 102, 102, 0.4);
}

.side-header {
  position: absolute;
  padding-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  z-index: 10;
  width:100%;
}

.side-content {
  position: absolute;
  width: 360px;
  height: 100%;
  top: 222px;
  bottom: 0;
  left: 0;
  right: 0;
  position:absolute;
  height:calc(100% - 349px);
  overflow-y:auto;
  overflow-x: hidden;
}


.side-content-addr {
  position: absolute;
  width: 360px;
  height: 100%;
  top: 185px;
  bottom: 0;
  left: 0;
  right: 0;
  height:calc(100% - 300px);
  overflow-y:auto;
  overflow-x: hidden;
}

.side-addr-box{
	background-color: #ffffff;
	width: 340px;
	height: 100px;
	color: #999;
	margin:5px auto;
	border-radius:10px;
	position: relative;
	padding:10px;
	border:1px solid #e1e6ea;

}

.side-addr-box:hover{
	background-color: #eff7ff;
	cursor: pointer;
}


.side-addr-box table tr td{
	padding:3px;
}


.side-addr-box table tr td.addr-style1{
	font-weight: bold;
	font-size: 11pt;
}


.side-content .hidden {
  overflow-y: hidden;
}

.scroll-wrap {
  width: 360px;
}

.panel-wrap:last-child{
  padding-bottom:50px;
}


.sidenav-search{
  left:-360px;
}

.side-btn-search{
  position: absolute;
  right: -17px;
  top: 312px;
  width: 17px;
  height: 48px;
  background-color: #fff;
  border: 1px solid #888;
  border-left:none;
}


.side-btn-address{
  position: absolute;
  right: -17px;
  top: 187px;
  width: 17px;
  height: 48px;
  background-color:#4aa2ed;
  border: 1px solid #888;
  border-left:none;
}

.side-btn-address .side-btn .ico_aside_arrow{
  width: 6px;
  height: 11px;
  background: url(../../resources/images/common/aside_arrow02.png) no-repeat;
  background-position: right;
}

.side-btn-address .side-btn.close-aside .ico_aside_arrow {
  background-position: left;
}

.side-btn {
  display:block;
  border-left: none !important;
  line-height: 44px;
  text-align: center;
}

.sidenav-search {
  z-index:500;
}

/*
.sidenav-search .side-btn{
  position: absolute;
  right: -17px;
  top: 187px;
  width: 17px;
  height: 48px;
  border-left: none !important;
  line-height: 44px;
  text-align: center;
  background-color:#4aa2ed;
}


*/

.sidenav-search .side-header{
  background-color:#4aa2ed;
  padding-bottom:25px;
  padding-left:20px;
  padding-right:20px;
}

.sidenav-search-top{
  position:relative;
}

.sidenav-search-top input[type="text"]{
  width:100%;
  height:44px;
  border-radius:30px;
  background-color:#fff;
  padding-left:18px;
  padding-right:48px;
}

.sidenav-search-btn{
  position:absolute;
  right:15px;
  top:10px;
}
.ico-search-blue{
  width:23px;
  height:24px;
  background:url(../../resources/images/common/ico_search_blue.png);
}

.no-content{
  text-align:center;
  color:#999;
  font-size:14px;
}

.no-content p{
  margin-top:10px;
}


.side-bottom {
  position: absolute;
  width: 360px;
  height: 75px;
  left: 0;
  bottom: 50px;
  background-color: #f5f5f5;
  padding-top: 20px;
  z-index: 4000;
}

.side-bottom .btn-wrap:after {
  content: "";
  display: block;
  clear: both;
}

.side-bottom .btn-wrap li {
  float: left;
}

.side-bottom .btn-wrap li:first-child {
  margin-right: 17px;
}

.side-bottom .btn-wrap li:last-child {
  float: right;
}

.side-bottom .btn-lg{
  border-radius:4px;
}

/* Footer */
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-width: 1360px;
  height: 50px;
  background-color: #4c4c4c;
  z-index: 2000;

}

.ft_inner {
  padding: 0 20px;
  position: relative;
}

.ft-content {
  display: inline-block;
  width: 465px;
  vertical-align: middle;
  line-height: 50px;
}

.ft-content li {
  display: inline-block;
  font-size: 13px;
  color: #f2f2f2;
}

.ft-content li button{
  color:#fff;
  height:25px;
  line-height:25px;
}
.ft-content li:hover button{
  border-bottom:1px solid #fff;
}

.ft-content li.on button{
    border-bottom:1px solid #fff;
}

.ft-content li:first-child:after {
  content: "/";
  display: inline-block;
  color: #f2f2f2;
  padding: 0 10px;
  background: transparent;
  vertical-align: baseline;
}

.ft-content li:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #909090;
  vertical-align: middle;
  margin: 0 10px;
}

.ft-content li:last-child:after {
  display: none;
}

.ft-content i {
  margin-right: 5px;
}

.ft-content li>span {
  vertical-align: baseline;
  margin-left: 10px;
}

.ft-user {
  width: 435px;
  position: absolute;
  right: 50%;
  margin-right: -56px;
}

.ft_inner .right {
  position: absolute;
  right: 20px;
  top: 0;
}

.ft_inner .ft-event {
  display: inline-block;
  vertical-align: middle;
}

.ft_inner .ft-event>p {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 50px;
}

.ft_inner .select-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  margin-top: 25px;
}

.ft_inner .ft-event .tit {
  color: #fff;
  margin-right: 15px;
}

.ft_inner .ft-event .tit i {
  margin-right: 5px;
}

.ft_inner .ft-event .desc {}

.ft_inner .ft-event .date {
  font-size: 12px;
  color: #bbb;
  margin-right: 40px;
}

@media (max-width:1400px) {
  .ft_inner .ft-event .date {
    font-size: 12px;
    color: #bbb;
    margin-right: 10px;
  }
}

.check-label span:first-child{
  cursor: pointer;
}

.check-label span:first-child:hover{
  border-bottom:1px solid #000;
  font-weight:bold;
}

.check-label span + span{
  margin-left:5px;
}

.hover-text:hover{
  border-bottom:1px solid #000;
  font-weight:bold;
}

.hover-text.on{
  border-bottom:1px solid #000;
  font-weight:bold;
}

/* 로그인 */
.login-wrap{
  position:fixed;
  width:100%;
  height:100%;
  animation: fading 28s infinite;
  -webkit-animation: fading 28s infinite;
}

@keyframes fading {
    0%   { background: #01a8bd; }
    50%  { background: #4b4a48; }
    75%  { background: #77aeef; }
    100% { background: #01a8bd; }
}

@-webkit-keyframes fading {
  0%   { background: #01a8bd; }
  50%  { background: #4b4a48; }
  75%  { background: #77aeef; }
  100% { background: #01a8bd; }
}


.login{
  width:474px;
  height:308px;
  position:absolute;
  left:50%;
  margin-left:-237px;
  top:40%;
  margin-top:-154px;
}

.login-logo{
  text-align:center;
  line-height:60px;
  margin-bottom:50px;
  height:100px;
  position:relative;
}


#login-img{
  position:relative;
  width:100%;
  height:88px;
}

#login-img img{
  /*display:none;*/
  position:absolute;
  opacity:0;
  transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.login-img01{
  left:0;
}

.login-img02{
  bottom:0;
  left:50%;
  margin-left:-154.5px;
}

.login-img03{
  bottom:-15px;
  left:50%;
  margin-left:-71px;
}

#login-img img.active{
  opacity:1;
  display:inline-block;
}

.login-from{
  width:300px;
  margin:0 auto;
}

.login-from input{
  width:100%;
  background:transparent;
  border-bottom:1px solid #fff;
  height:50px;
  line-height:40px;
  color:#fff;
  padding:0 12px;
  outline:none;
}

.login-from input[type="password"]{
  border-bottom:none;
}

.login-from  ::-webkit-input-placeholder {
  color: #fff;
}

.login-from  :-webkit-input-placeholder {
  color: #fff;
}

.login-from  ::-moz-placeholder {
  color: #fff;
}

.login-from button{
  background:transparent;
  border:1px solid #fff;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  display:block;
  width:100%;
  height:50px;
}

.login-from button:hover{
  background-color:#fff;
  color:#333;
}

.login-copyright{
  position:absolute;
  bottom:30px;
  text-align:center;
  width:100%;
  color:#fff;
  font-size:14px;
}

.login_lang{
  position:absolute;
  right:110px;
  top:40px;
}

.current-lang{
  font-family: 'NotoSans';
  color:#fff;
  font-size:18px;
  padding-right:25px;
  background:url(../../resources/images/common/arrow_w.png) no-repeat right center;
  cursor: pointer;
  white-space: nowrap;
}

.current-lang img{
  margin-right:9px;
}

.current-lang span{
  display:inline-block;
  width:35px;
}

.lang-list{
  margin-left:31px;
  display:none;
}

.lang-list li{
  width:46px;
  text-align:center;
  white-space: nowrap;
}


.lang-list li button{
  color:#fff;
  font-size:18px;
  font-family: 'NotoSans';
  margin-left:-5px;
  margin-top:10px;
  margin-bottom:10px;
  font-weight:400;
  width:43px;
}
.lang-list li:hover button{
  background-color:#fff;
  color:#333;
}

.error-bg{
  background-color:#ebeeef;
}

.error-wrap{
  text-align:center;
  font-family: 'NotoSans';
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-173px;
  margin-top:-228px;
}

.error-wrap p{
  font-size:30px;
  margin:30px 0 80px;
  font-weight:300;
}

.error-wrap a{
  display:inline-block;
  height:45px;
  line-height: 45px;
  background-color:#46595b;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  padding:0 40px;
  border-radius:4px;
}

.btn-forget{
  text-align:center;
  color:#fff;
  margin-top:25px;
}

.btn-forget button{
  color:#fff;
  display:inline-block;
}


.btn-forget button:hover{
  border-bottom:1px solid #fff;
}

/* 팝업 */
.report-popWrap{
  padding:40px;
}

.report-pop + .report-pop{
  margin-top:25px;
}

th.bg-white{
  background-color:#fff !important;
}
th.bg-gray{
  background-color:#efefef !important;
}
.popup-table{
  border-collapse: collapse;
  border:1px solid #9babba;
}

.popup-table tr{
  border-bottom:1px solid #9babba;
}

.popup-table th{
  text-align:center;
  background-color:#e0e7eb;
  border-right:1px solid #9babba;
  color:#333;
  font-size:13px;
  padding:5px 15px;
}

.popup-table td{
    padding:5px 15px;
    font-size:12px;
    border-right:1px solid #9babba;
}

.popup-table.td-c td{
  text-align:center;
}

.popup-table td span{
  vertical-align: baseline;
}

.report-pop-tit{
  text-align:center;
  font-size:18px;
  font-weight:bold;
  margin-bottom:10px;
}

.print-btn{
  position: fixed;
    right: 20px;
    top: 20px;
}

.print-btn a{
  display:inline-block;
  height:30px;
  line-height: 30px;
  color:#fff;
  background-color:#3194e8;
  border-radius:4px;
  padding:0 15px;
}

.side-panel-bottom-tit > img{
  width:16px;
  margin-right:5px;
}
.side-panel-bottom-tit > span{
  color:#07b1c6;
  border-bottom:1px solid #07b1c6;
  font-weight:bold;
}

.side-panel-bottom-tit2 > img{
  width:16px;
  margin-right:5px;
}
.side-panel-bottom-tit2 > span{
  color:#2685d7;
  border-bottom:1px solid #2685d7;
  font-weight:bold;
}


.login-modal.md-modal{
  width:400px;
}

.login-pop-wrap {
  position:relative;
  padding-top:64px;
  padding-bottom:30px;
}

.login-pop-wrap .md-close{
  position:absolute;
  right:20px;
  top:20px;
}

.login-pop{
  background-color:#f6f7f8;
  margin-bottom:20px;
}

.login-pop01 .login-pop{
  text-align:center;
  padding:33px 0;
  font-size:14px;
}

.text-border > span{
  border-bottom:1px solid #333;
}

.login-pop-ft{
  text-align:center;
}

.login-pop-ft button + button{
  margin-left:20px;
}

.login-btn1{
  display:inline-block;
  width:110px;
  height:27px;
  line-height:27px;
  border-radius:4px;
  background-color:#07b8cf;
  border:1px solid #07b8cf;
  color:#fff;
  text-align:center;
  vertical-align: middle;
}

.login-btn1:hover{
  background-color:#7e98ae;
  border:1px solid #7e98ae;
}

.login-btn2{
  display:inline-block;
  width:110px;
  height:27px;
  line-height:27px;
  border-radius:4px;
  background-color:#fff;
  border:1px solid #07b8cf;
  color:#07b8cf;
  text-align:center;
  vertical-align: middle;
}

.login-btn2:hover{
  background-color:#eeeeee;
  border:1px solid #cccccc;
}
.pw-pop{
  padding:30px 0;
}

.pw-pop .login-pop{
  padding:20px 60px;
}

.login-pop-tit{
  font-size:14px;
  text-align:center;
  margin-bottom:20px;
  font-weight:bold;
}
.pw-pop .form-control{
  border-radius:4px;
}

.pw-pop .form-control + .form-control,
.pw-pop p + .form-control{
  margin-top:10px;
}


/* 이용신 추가 */

.tui-datepicker {
	z-index:2;
}
.tui-calendar table th, .tui-calendar table td{
  padding:0px !important;
}
.tui-datepicker-input {
    display: block !important;
}
.tui-datepicker-input.tui-has-focus {
    border:none !important;
}

.tui-datepicker-input {
    height: 30px !important;
}

.layer-popup-content {

  overflow-y:visible !important;
}

.monitoring-aside .panel-btn {
	display:none !important;
}

#side-content1 .panel-body-top button {
    margin-right: 0px !important;
}

#side-content1  .panel-body-top .cell span {
    margin-right: 0px !important;
}
.file-tr .btn-delete{
	background-position:left 2px;
}
.ugf1, .ugf2, .ugf3, .ugf4 {
	margin-right:0px !important;
}
.minh-800 {
	min-height:800px;
}
.sidenav {
	position:absolute !important;
}
.icon-group-list img {
	width:18px;
	height:auto;
}
.icon-group-list {
	width:70px;
}
.num-group-list {
	width:70px;
}
.chk-group-list {
	width:70px;
}


/* 이하 류재원 추가 */
.th_facility {
	height: 23px !important;
}

.th_border-bottom {
border-bottom: 1px solid #FFF;
}

.user-form-head {
	border-bottom:0px !important;
}

.user-form-body {
	border-top:1px solid #bfbfbf !important;

}
.user-update-scroll {
	height:225px;
	overflow-y:scroll;
}

.tui-calendar .tui-calendar-body-header th {
	text-align:center !important;
}

#side-content1 .cell-wrap.col2 .cell {
    width: 70%;
}

.updatedefaultfile .btn-delete {
	background-position: left 2px;
}

.div_continue {
	display:inline-block;
}


.div_continue.result-check {
	visibility: hidden;
}
.div_continue.result-check.on {
	visibility: visible;
}



.div_continue.on {
	visibility: visible;
}

.div_continue span.checks {
    top: -2px;
    right: -10px;
}

.div_continue.search-txt-wrap {
	margin-left : 20px;
	visibility: hidden;
}

.div_continue.search-txt-wrap.on {
	visibility: visible;
}


.div_continue .search-txt{
	margin-bottom: 2px;
}

.div_continue .search-txt a {
	color : #4aa2ed;
	font-weight:bold;
}

.div_continue .search-txt:after {
	content : " ▷ ";
}


.boardHistory-calender {
	width:144px !important;
}
#map.bigmap {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

#map.smallmap{
	position: absolute;
    width: 500px;
    height: 400px;
    left: 50px;
    bottom: 200px;
    border-radius: 20px;
}


#roadmap {
	display:none;
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.loading{
	width: 100%;
	 height: 100%;
	 top: 0px;
	 left: 0px;
	 position: fixed;
	 display: none;
	 opacity: 0.7;
	 background-color: #000;
	 z-index: 2000;
	 text-align: center;
}
#loading-image {
 position: absolute;
 top: 50%;
 left: 50%;
 width:50px;
 height:50px;
}



.draw-locate-txt{
	margin-left : 10px;
	visibility: hidden;
}

.draw-locate-txt.on{
	visibility: visible;
}

/* 메세지용 추가 2020.04.22 */
#marginLeft10{
	margin-left : 30px;
	float : left;
}

.btn-group001 {
	width : 94px;
	padding : 0 0px;
}

#h-user .under-line{
/* 	border-bottom: 1px solid #e8e4e4; */
	text-align:left;
}
#h-user .under-line2{
	text-align:left;
}


/* ================================================== */
/* v20230718001 */
.prev_btn{width: 100px; height: 100px; background-color:#d1d1d1; position:absolute; top:45%;}
.prev_l{left: 0; background: url(../../resources/images/common/ico_img_left_arrow.png) no-repeat;}
.prev_r{right: 0; background: url(../../resources/images/common/ico_img_right_arrow.png) no-repeat;}

/* 1.2.2.504 */
.proloading{
	 width: 100%;
	 height: 100%;
	 top: 0px;
	 left: 0px;
	 position: fixed;
	 display: none;
	 opacity: 0.7;
	 background-color: #000;
	 z-index: 2000;
	 text-align: center;
	 justify-content: center;
     align-items: center;
}

.percentLoading{
	position: absolute;
    width: 400px;
    height: 100px;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-top: 160px;
}

.proloading #loading-image{
	left:49%;
}