@charset "utf-8";

a:link { color:white;text-decoration: none;}
  a:visited { text-decoration: none;}
  a:active { text-decoration: none;}
  a:hover {text-decoration:underline;}

.modalP .btn{cursor: pointer;border: 1px solid #999999;text-align: center;border-radius: 5px;outline: none;font-weight: 500;line-height: 10px;}
.dimLayer{display: block;width: 100%;background-color: rgba(0, 0, 0, 0.3);position: fixed;left: 0;top: 0px;margin: 0;padding: 0;z-index: 9998;}
.modalP{min-width: 450px;height: auto;border-radius: 10px;padding: 35px 24px;box-sizing: border-box;text-align: center;}
.modal-section{background: #ffffff;box-sizing: border-box;display: none;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;z-index: 9999;}
.menu_msg{font-size: 28px;font-weight: 500;}
.enroll_box p{ height: 160px; width: 400px; display: table-cell; vertical-align: middle; white-space:pre-line; word-break: keep-all;}
.enroll_btn {margin-top: 20px;}
.gray_btn {width: 90px;background: #ffffff;color: #999999;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;}
.pink_btn {width: 90px;background: #3e3a39;color: #fff;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;border: none;}

.modal-popup {
  display: none;
  z-index: 9997;
  position: fixed;
  top: 0;
  left: 50%;
  min-width: 1280px;
  width: 100%;
  height: 100%;
  min-height: 768px;
  margin: 0 0 0 -50%;
  /* background-color: rgba(0, 0, 0, 0.7); */
}

.modal-popup .modal-wrap .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  display: block;
  width: 62px;
  height: 62px;
  text-indent: -9999px;
  background: blue;
}


.quick-menu {
  width: 106px;
  height: 106px;
  position: fixed;
  right: 56px;
  bottom: 10px;
  z-index: 90;
/*   background: url(../img/bg_quick-menu.png) no-repeat center; */
  cursor: pointer;
}
.layer-popup-quick {
  position: fixed;
  width: 106px;
  height: 106px;
  right: 56px;
  bottom: -120px;
  z-index: 80;
  cursor: pointer;
  visibility: visible;
}
.quick-list {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
p.txt-quick {
  font-size: 14px;
  color: #222d3e;
}
.controllog {
  position: absolute;
  top: 170%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
/*   background-color: #cccdd8; */
  border-radius: 50%;
  box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.controllog-active {
  -webkit-transform: translateY(-730px);
  -moz-transform: translateY(-730px);
  -ms-transform: translateY(-730px);
  -o-transform: translateY(-730px);
  transform: translateY(-730px);
}
.errormanage {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-color: #cccdd8;
  border-radius: 50%;
  box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.errormanage-active {
  -webkit-transform: translateY(-125px);
  -moz-transform: translateY(-125px);
  -ms-transform: translateY(-125px);
  -o-transform: translateY(-125px);
  transform: translateY(-125px);
}
span.ic-quick {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -18px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
span.ic-quick-active {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1064px;
  height: 414px;
  margin-left: -532px;
  margin-top: -206px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layer01 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -760px;
  margin-top: -281px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}

.pop-layer02 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -764px;
  margin-top: -215px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layer03 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -839px;
  margin-top: -370px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layer04 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -763px;
  margin-top: -464px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layer05 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -136px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layer06 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -155px;
  margin-top: -181px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layer07 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -652px;
  margin-top: -175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layer08 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -652px;
  margin-top: -175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.pop-layerCenterAdd {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
  color: white;
  transform: translate(-50%, -50%);
  min-width:max-content;
}
.pop-layer09 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -652px;
  margin-top: -175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  background-color: #262f40;
  z-index: 10;
}
.dim-layer,
.dim-layer01 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimbg,
.dim-layer01 .dimbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.dim-layer .pop-layer,
.dim-layer01 .pop-layer01,
.dim-layer01 .pop-layer02 {
  display: block;
}

.pop-top {
  position: relative;
  height: 42px;
  background-color: #121519;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorlist-wrapper {
  width: 100%;
}
.pop-close {
  position: absolute;
  right: 20px;
  width: 30px;
  top: 8px;
}
p.txt-pop-title {
  font-size: 18px;
  font-family: "NotoKrM", sans-serif;
  color: #fff;
}
p.txt-pop-body-list {
  font-size: 16px;
  font-family: "NotoKrR", sans-serif;
  color: #fff;
  display: inline-block;
}
p.txt-pop-body-list-sub {
  font-size: 12px;
  font-family: "NotoKrR", sans-serif;
  color: #fff;
  float: right;
}
p.txt-pop-body-list-sub01 {
  font-size: 12px;
  font-family: "NotoKrR", sans-serif;
  color: #fff;
  text-align: right;
}
span.list-color.red {
  color: #d33926;
  font-size: 14px;
  font-family: "NotoKrM", sans-serif;
  padding-right: 5px;
}
p.txt-pop-body-list-sub::after {
  clear: both;
  content: "";
  display: block;
}
.pop-body {
	background-color: #1E2126;
 	padding: 40px;
}

.table-dashlist-pop {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  border-bottom: 1px solid #4f5969;
}
.table-dashlist-pop th {
  background-color: #354053;
  height: 50px;
  border-bottom: 1px solid #4e5868;
  font-size: 15px;
  font-family: "NotoKrL", sans-serif;
  color: #f7f7fb;
}
th.w-03 {
  width: 3%;
}
th.w-05 {
  width: 5%;
}
th.w-06 {
  width: 6%;
}
th.w-07 {
  width: 7%;
}
th.w-08 {
  width: 8%;
}
th.w-09 {
  width: 9%;
}
th.w-10 {
  width: 10%;
}
th.w-11 {
  width: 11%;
}
th.w-12 {
  width: 12%;
}
th.w-13 {
  width: 13%;
}
th.w-14 {
  width: 14%;
}
th.w-15 {
  width: 15%;
}
th.w-20 {
  width: 20%;
}
th.w-30 {
  width: 30%;
}
th.w-40 {
  width: 40%;
}
.table-dashlist-pop td {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrL", sans-serif;
  text-align: center;
}
.table-dashlist-pop td a {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: center;
}
.table-dashlist-pop td.txt-left {
  text-align: left;
}

.table-list-pop-re {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background-color: whitesmoke;
}
.table-list-pop-ree {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background-color: none;
}
.table-list-pop {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}
.table-list-pop th {
  background-color: #212937;
  width: 200px;
  height: 50px;
  border: 1px solid #343d4c;
  font-size: 15px;
  font-family: "NotoKrL", sans-serif;
  color: #f7f7fb;
  text-align: right;
  padding-right: 20px;
}
.table-list-pop th.h-40 {
  height: 40px;
}
.table-list-pop td {
  background-color: #222c3b;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  border: 1px solid #343d4c;
  text-align: left;
  padding: 0 30px;
}
.table-list-pop td.border-none {
  background-color: rgba(0,0,0,0);
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  border: none;
  text-align: left;
  padding: 0 5px;
}
.table-list-pop td.border-none.s-16 {
  font-size: 16px;
  text-align: center;
}
.table-list-pop td.border-none.s-16:hover {
  color: #fff;
  background-color: #377fa8;
}
.table-list-pop td a {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: center;
}
.table-list-pop td.txt-left {
  text-align: left;
}


.table-list-popRight {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}
.table-list-popRight th {
  background-color: #212937;
  height: 50px;
  border: 1px solid #343d4c;
  font-size: 15px;
  font-family: "NotoKrL", sans-serif;
  color: #f7f7fb;
  text-align: right;
  padding-right: 20px;
}
.table-list-popRight th.h-40 {
  height: 40px;
}
.table-list-popRight td {
  background-color: #222c3b;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  border: 1px solid #343d4c;
  text-align: left;
  padding: 0 10px;
}
.table-list-popRight td.border-none {
  background-color: rgba(0,0,0,0);
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  border: none;
  text-align: left;
  padding: 0 5px;
}
.table-list-popRight td.border-none.s-16 {
  font-size: 16px;
  text-align: center;
}
.table-list-popRight td.border-none.s-16:hover {
  color: #fff;
  background-color: #377fa8;
}
.table-list-popRight td a {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: center;
}
.table-list-popRight td.txt-left {
  text-align: left;
}

.dash-wrapper {
  padding: 0 60px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dash-wrapper01 {
  padding: 0 60px 90px 60px;
  flex-wrap: wrap;
}
.dash-wrapper01sub {
  padding: 0 60px 20px 60px;
  flex-wrap: wrap;
}
.dash-module01 {
  width: 1402px;
  height: 300px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module02 {
  width: 361px;
  height: 216px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module03 {
  width: 1402px;
  height: 271px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module03NoHeight {
  width: 1402px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module03NoHeight-re {
  width: 1402px;
  border-radius: 10px 10px 0 0;
}
.dash-module03all {
  width: 100%;
  /* height: 271px; */
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module04 {
  width: 361px;
  height: 356px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module04NoHeight {
  width: 361px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module05 {
  width: 1210px;
  /* height: 390px; */
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module0505 {
  width: 830px;
  /* height: 390px; */
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module06 {
  width: 553px;
 /*  height: 390px; */
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module07 {
  width: 892px;
  height: 390px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-module08 {
  width: 871px;
  height: 390px;
  background-color: #262f40;
  border-radius: 10px 10px 0 0;
}
.dash-top-re {
  height: 42px;
  border-radius: 10px 10px 0 0;
}
.dash-top {
  height: 42px;
  background-color: #314157;
  border-radius: 10px 10px 0 0;
}
.dash-top.calendar {
  height: 10px;
  background-color: #314157;
  border-radius: 10px 10px 0 0;
}
.dash-top-re.between {
  height: 42px;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
}
.dash-top.between {
  height: 42px;
  background-color: #314157;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
}
.module01-content {
  height: 258px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.module02-content {
  height: 174px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.module03-content {
  padding: 0 20px;
}

.resources-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.resources-wrapper-top {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.resources-wrapper-top01 {
  display: flex;
  justify-content: space-between;
  padding: 0 60px;
}
.chart-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin-top: 20px;
}
p.dash-title {
  font-size: 16px;
  line-height: 42px;
  color: #e2e3ee;
  padding-left: 15px;
  font-family: "NotoKrR", sans-serif;
  cursor: pointer;
}
p.chart-date {
  font-size: 16px;
  color: #e2e3ee;
  font-family: "NotoKrR", sans-serif;
}
p.dash-sub {
  font-size: 14px;
  line-height: 42px;
  color: #c7c9d5;
  padding-right: 15px;
}
.total {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.total-gauge {
  /*background: url(../img/bg_dashboard_gauge.png) no-repeat center;*/
  width: 180px;
  height: 105px;
  margin-top: 20px;
}
p.total-name {
  font-size: 20px;
  color: #e2e3ee;
  font-family: "NotoKrR", sans-serif;
}
p.resources-title {
  font-size: 20px;
  color: #e2e3ee;
  font-family: "NotoKrR", sans-serif;
}
p.totla-per {
  font-size: 28px;
  color: #e2e3ee;
  font-family: "NotoKrM", sans-serif;
}
p.totla-per span {
  font-size: 20px;
  color: #e2e3ee;
  font-family: "NotoKrR", sans-serif;
}

.resources-module {
  width: 154px;
  height: 160px;
  margin-top: 10px;
  background-color: #182433;
}
.resources-module-top {
  width: 154px;
  margin-top: 10px;
}
.resources-module-top01 {
  width: 194px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.resources-module-top01 .resources-body {
  background: #2e333f;
  background-image: linear-gradient(#636773, #353943),
    linear-gradient(#636773, #353943);
  border-top: 1px solid #636773;
  border-bottom: 1px solid #353943;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0;
  background-size: 1px 100%;
  padding: 0;
  margin: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  height: 74px;
  line-height: 69px;
}
.notice-module {
  width: 154px;
  height: 66px;
  margin-top: 10px;
  background-color: #182433;
}

.resources {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.resources-top.check {
  height: 4px;
  border-radius: 4px 4px 0 0;
  background-color: #f2542b;
}
.resources-top.ok {
  height: 4px;
  border-radius: 4px 4px 0 0;
  background-color: #1d9fd2;
}
.resources-top01.default {
  height: 4px;
  border-radius: 4px 4px 0 0;
  background-color: #1d9fd2;
}
.resources-top01.focus {
  height: 4px;
  border-radius: 4px 4px 0 0;
  background-color: #84914d;
}
.resources-body {
  text-align: center;
}
.resources-num.red {
  font-size: 50px;
  color: #f2542b;
  padding: 5px 0;
  font-family: "NotoKrM", sans-serif;
}
.resources-num.blue {
  font-size: 50px;
  color: #1d9fd2;
  padding: 5px 0;
  font-family: "NotoKrM", sans-serif;
}
.notice-num.red {
  font-size: 30px;
  font-family: "NotoKrB", sans-serif;
  color: #f2542b;
  padding: 5px 0;
}
.notice-num.blue {
  font-size: 40px;
  font-family: "NotoKrB", sans-serif;
  color: #1d9fd2;
  padding: 5px 0;
}
.resource-num.green {
  font-size: 40px;
  font-family: "NotoKrB", sans-serif;
  color: #a9c053;
  padding: 5px 0;
}
.resource-num.white {
  font-size: 40px;
  font-family: "NotoKrB", sans-serif;
  color: #fff;
  padding: 5px 0;
}
.resources-divider {
  height: 1px;
  width: 120px;
  background-color: #505967;
  margin: 0 auto;
}
p.resources-total {
  font-size: 20px;
  color: #b4b5be;
  font-family: "NotoKrR", sans-serif;
}
p.resources-total span {
  font-size: 20px;
  color: #f2f3f9;
  font-family: "NotoKrM", sans-serif;
}
p.resources-complete {
  font-size: 20px;
  color: #b4b5be;
  font-family: "NotoKrR", sans-serif;
}
p.resources-complete span {
  font-size: 20px;
  color: #1d9fd2;
  font-family: "NotoKrM", sans-serif;
}
.dash-legend {
  text-align: right;
  margin-top: 30px;
}
p.legend-first,
p.legend-end {
  display: inline-block;
  font-size: 12px;
  color: #cbcbd5;
}
p.legend-end {
  margin-left: 28px;
}
p.legend-first::before {
  content: "■";
  color: #f39924;
  padding-right: 4px;
}
p.legend-end::before {
  content: "■";
  color: #6ab621;
  padding-right: 4px;
}
.dash-legend-top {
  display: flex;
  align-items: center;
}

.dash-page-nav {
	display: flex;
 	align-items: center;
 	padding: 0px 60px;
}

p.legend-first-top,
p.legend-end-top {
  display: inline-block;
  font-size: 12px;
  color: #cbcbd5;
}
p.legend-end-top {
  margin-left: 28px;
}
p.legend-first-top::before {
  content: "●";
  color: #839345;
  padding-right: 4px;
}
p.legend-end-top::before {
  content: "●";
  color: #d6a02e;
  padding-right: 4px;
}
.year-num {
  font-size: 28px;
  font-family: "NotoKrR", sans-serif;
  color: #b7b9c4;
}
.month-num {
  font-size: 60px;
  color: #cccdd7;
  padding: 0 80px;
  font-family: "NotoKrM", sans-serif;
}
button.arrow-before.year,
button.arrow-after.year,
button.arrow-before.month,
button.arrow-after.month {
  display: flex;
  justify-content: center;
}
button {
  background: transparent;
  cursor: pointer;
}
span.before.year {
  width: 18px;
  height: 18px;
  background-image: url(../img/arrow-year-prev.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.after.year {
  width: 18px;
  height: 18px;
  background-image: url(../img/arrow-year-next.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.before.month {
  width: 24px;
  height: 24px;
  background-image: url(../img/arrow-month-prev.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.after.month {
  width: 24px;
  height: 24px;
  background-image: url(../img/arrow-month-next.png);
  background-repeat: no-repeat;
  background-position: center;
}
.calendar-year {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.calendar-yearcal {
  position:absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left:50px;
}
.calendar-month {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-monthcal {
  display: flex;
  align-items: center;
  justify-content: center;
  height:80px;
}
.table-calendar {
  width: 100%;
  text-align: center;
  padding: 0 30px;
  color: #cccdd7;
}
.table-calendar thead {
  font-size: 13px;
  vertical-align:top;text-align:left;background-color: #212937;border: 1px solid #343d4c;font-size: 20px;font-family: NotoKrL, sans-serif;color: #f7f7fb;padding-left: 20px;width:200px;
}
.table-calendar tr {
  height: 30px;
}

p.selected {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin: 0 auto;
  background-color: #839345;
  color: #fff;
}
p.selectedcal {
  width: 10px;
  height: 24px;
  border-radius: 12px;
  background-color: #839345;
  color: #fff;
}

p.selectedcal1 {
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background-color: red;
  color: #fff;
}

.dash-m01 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dash-m0101 {
  flex-direction: column;
  justify-content: space-between;
}
.dash-m02 {
  height: 592px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dash-m03 {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.dash-m03Master {
  width:370px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.dash-chart-bg {
  position: absolute;
  left: 0;
  display: flex;
}
.chart-first {
  width: 1308px;
  height: 29px;
  border-top: 1px solid #47505f;
}
.chart-mid {
  width: 1308px;
  height: 29px;
  border-top: 1px solid #47505f;
}
.chart-end {
  width: 1308px;
  height: 29px;
  border-top: 1px solid #47505f;
  border-bottom: 1px solid #747988;
}
.chart-num {
  font-size: 12px;
  font-family: "NotoKrR", sans-serif;
  color: #cbcbd5;
}
.chart-num li {
  height: 30px;
}
.chart-divider {
  margin: 10px 0 0 10px;
}
.chart-list {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  height: 120px;
}
.chart-module {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -604px;
  width: 1208px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.chart-gauge {
  width: 66px;
  text-align: center;
}
.gauge-wrapper {
  display: flex;
  align-items: flex-end;
}
.gauge.orange {
  background-image: linear-gradient(
    to bottom,
    rgba(239, 152, 49, 1),
    rgba(63, 60, 62, 0.5) 90%
  );
  margin-right: 2px;
}
.gauge.orange.count01 {
  width: 30px;
  height: 15px;
}
.gauge.orange.count02 {
  width: 30px;
  height: 30px;
}
.gauge.orange.count03 {
  width: 30px;
  height: 45px;
}
.gauge.orange.count04 {
  width: 30px;
  height: 60px;
}
.gauge.orange.count04 {
  width: 30px;
  height: 75px;
}
.gauge.orange.count06 {
  width: 30px;
  height: 90px;
}
.gauge.green.count01 {
  width: 30px;
  height: 15px;
}
.gauge.green.count02 {
  width: 30px;
  height: 30px;
}
.gauge.green.count03 {
  width: 30px;
  height: 45px;
}
.gauge.green.count04 {
  width: 30px;
  height: 60px;
}
.gauge.green.count05 {
  width: 30px;
  height: 75px;
}
.gauge.green.count06 {
  width: 30px;
  height: 90px;
}
.gauge.green {
  background-image: linear-gradient(
    to bottom,
    rgba(109, 178, 46, 1),
    rgba(49, 69, 60, 0.5) 90%
  );
  margin-left: 2px;
}
.chart-list-txt {
  position: absolute;
  width: 1208px;
  left: 50%;
  bottom: 18px;
  margin-left: -604px;
  display: flex;
  justify-content: space-between;
}
p.chart.list {
  font-size: 14px;
  font-family: "NotoKrR", sans-serif;
  width: 66px;
  text-align: center;
  color: #cbcbd5;
}
p.dash-state.on {
  width: 10px;
  height: 10px;
  background-color: #839345;
  border-radius: 5px;
  margin: 0 auto;
}
p.dash-state.away {
  width: 10px;
  height: 10px;
  background-color: #d6a02e;
  border-radius: 5px;
  margin: 0 auto;
}
p.dash-state.off {
  width: 10px;
  height: 10px;
  background-color: #828289;
  border-radius: 5px;
  margin: 0 auto;
}

.head {
  background: #3399cc;
  color: #fff;
  padding: 8px;
  cursor: pointer;
  margin-top: 3px;
  font-family: Arial, sans-serif;
  font-size: 24px;
}
.body {
  display: none;
  animation: anim 0.5s linear;
  transition: all 0.5s;
}

@keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ul.txt-left {
  text-align: left;
  border-left: 1px solid #1b222d;
}

td ul {
  background-color: #26354d;
  border-top: 1px solid #1b222d;
}
td ul li {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #1b222d;
}
ul.txt-left li {
  padding-left: 20px;
}

.login-header.type_a {
  font-size: 26px;
  color: #5b6574;
  text-align: center;
  margin-bottom: 40px;
}
.login-header.type_b {
  font-size: 40px;
  line-height: 60px;
  color: #e5e5e5;
  text-align: center;
  margin-bottom: 20px;
  text-shadow: 2px 0px 4px rgba(0, 0, 0, 0.4);
}
#nav_top1 .gnb_top li p,
#nav_top .gnb_top li p {
  font-family: "NotoKrR", sans-serif;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
}

::placeholder {
  color: #5c5c5c;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #5c5c5c !important;
}

::-ms-input-placeholder {
  color: #5c5c5c;
}

.login-wrapper {
  padding: 20px 0;
  border-top: 1px solid #2f3032;
  border-bottom: 1px solid #2f3032;
}

body {
  background-image: url(../img/bg_content.jpg);
  background-repeat: no-repeat;
  font-family: "NotoKrR", sans-serif;
  margin: 0 auto;
  max-width: 1920px;
  min-width: 1903px;
  opacity: 0;
  background-size: cover;
}
body.load {
  opacity: 1;
  background-color: #212227;

}
body.login {
  background-image: url(../img/bg_content.jpg);
  background-repeat: no-repeat;
  background-position: center;
  font-family: "NotoKrM", sans-serif;
  margin: 0 auto;
  background-size: cover;
  width: 100%;
}
header {
  height: 70px;
  background-color: #27292f;
  z-index: 20;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 10px 10px;
  max-width: 1920px;
  min-width: 1903px;
  display: flex;
  justify-content: center;
}

.flexbox {
  display: flex;
  display: -webkit-flex;
}
.flexbox.login.type_a {
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  height: 100vh;
}
.flexbox.login.type_b {
  align-items: center;
  -webkit-align-items: center;
  height: 100vh;
  overflow-y: hidden;
  width: 1920px;
  background-image: url(/rms/resources/img/login_img.png);
  background-repeat: no-repeat;
  background-position: center;
  font-family: "NotoKrM", sans-serif;
  margin: 0 auto;
  background-size: cover;
}
.login-bg.type_a {
  width: 780px;
  height: 400px;
  background-color: #262f3d;
  border-radius: 10px;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);
  display: flex;
  display: -webkit-flex;
}
.login-bg.type_b {
  width: 780px;
  height: 400px;
  display: flex;
  display: -webkit-flex;
}
.client-wrapper {
  width: 328px;
  height: 400px;
  background-color: #d4d4d4;
  border-radius: 10px 0 0 10px;
}
.client.logo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 328px;
  height: 100%;
}
.login-info {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 auto;
}
input[type="text"],
input[type="password"],
textarea {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  font-family: "Noto Sans KR", sans-serif;
  color: #fff;
  border: 1px solid #d3d3d3;
  background: #fff;
  padding: 0 0 0 50px;
  outline: none;
  vertical-align: top;
  vertical-align: middle;
}

input.login {
  width: 384px;
  height: 40px;
  font-size: 16px;
  background-color: #181a1d;
  border: 1px solid #343b47;
  background-image: url("../img/ic_login_id.png");
  background-repeat: no-repeat;
  background-position: left;
  box-shadow: inset 2px 2px 0 0 #0f1113;
  display: block;
  margin: 5px 0;
}
input.input-pop-top {
  width: 130px;
  height: 30px;
  font-size: 16px;
  background-color: #413D3C;
  box-shadow: inset 2px 2px 0 0 #0f1113;
  display: block;
  margin: 5px 0;
  border-radius: 0;
  padding: 0 0 0 20px;
}
input.input-pop-re {
  width: 200px;
  height: 30px;
  font-size: 16px;
  background-color: whitesmoke;
  display: block;
  margin: 1px 0;
  border-radius: 0;
  padding: 0 0 0 10px;
  border: 0;
  box-shadow: none;
  color:black;
}
input.input-pop {
  width: 200px;
  height: 36px;
  font-size: 16px;
  background-color: #181a1d;
  border: 1px solid #343b47;
  box-shadow: inset 2px 2px 0 0 #0f1113;
  display: block;
  margin: 5px 0;
  border-radius: 0;
  padding: 0 0 0 20px;
}
input.input-pop.w-310 {
  width: 310px;
}
input.input-pop-re.inline {
  display: inline-block;
}
input.input-pop.inline {
  display: inline-block;
}
textarea.txtarea-pop {
  width: 100%;
  height: 80%;
  font-size: 16px;
  background-color: #181a1d;
  border: 1px solid #343b47;
  box-shadow: inset 2px 2px 0 0 #0f1113;
  display: block;
  margin: 5px 0;
  border-radius: 0;
  padding: 10px 0 0 20px;
  resize: none;
}
textarea.txtarea-pop-re {
  width: 100%;
  height: 80%;
  font-size: 16px;
  background-color: whitesmoke;
  display: block;
  border-radius: 0;
  padding: 10px 0 0 20px;
  resize: none;
}
input.password {
  width: 384px;
  height: 40px;
  font-size: 16px;
  background-color: #181a1d;
  border: 1px solid #343b47;
  background-image: url("../img/ic_login_pw.png");
  background-repeat: no-repeat;
  background-position: left;
  box-shadow: inset 2px 2px 0 0 #0f1113;
  display: block;
  margin: 5px 0;
}
.loginBtn {
  text-align: center;
  display: block;
  width: 384px;
  height: 40px;
  vertical-align: baseline;
  margin: 0 auto;
  color: #fff;
  background: #26698c;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  margin-top: 8px;
  background-image: linear-gradient(#337aa0, #124a67),
    linear-gradient(#337aa0, #124a67);
  border-top: 1px solid #337aa0;
  border-bottom: 1px solid #124a67;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0;
  background-size: 1px 100%;
  padding: 0;
  margin: 10px 0;
  cursor: pointer;
}
.loginBtn:hover {
  text-align: center;
  display: block;
  width: 384px;
  height: 40px;
  vertical-align: baseline;
  margin: 0 auto;
  color: #fff;
  box-shadow: none;
  font-family: "NotoKrM", sans-serif;
  font-size: 16px;
  margin-top: 8px;
  border-style: none;
  background-image: linear-gradient(to top, #266688 0%, #1f5571 100%);
  padding: 0;
  margin: 10px 0;
  cursor: pointer;
}
.file_upload {
  text-align: center;
  display: block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  vertical-align: baseline;
  margin: 0 auto;
  color: #dadbe6;
  background: #2e333f;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-family: "NotoKrM", sans-serif;
  font-size: 14px;
  background-image: linear-gradient(#646875, #373b45),
    linear-gradient(#646875, #373b45);
  border-top: 1px solid #646875;
  border-bottom: 1px solid #373b45;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0;
  background-size: 1px 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

#file_upload {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.divider {
  margin-top: 50px;
  width: 100%;
  height: 1px;
  background: #1b212b;
  border-bottom: 1px solid #515964;
}
.divider40 {
  width: 1px;
  height: 40px;
  background: #141416;
  border-right: 1px solid #4a4b52;
}
.divider20 {
  width: 1px;
  height: 20px;
  background: #141416;
  border-right: 1px solid #4a4b52;
  margin: 0 10px;
}
.top_diveider {
  display: flex;
  align-items: center;
}
.login-bottom.type_a {
  font-size: 14px;
  color: #767b81;
  text-align: right;
  margin-top: 10px;
}
.login-bottom.type_b {
  font-size: 14px;
  color: #a6a6a6;
  font-family: "NotoKrR", sans-serif;
  text-align: right;
  margin-top: 10px;
}
.login-bottom.type_a > span {
  color: #e6e6e6;
}
.login-bottom.type_b > span {
  color: #a6a6a6;
  font-family: "NotoKrM", sans-serif;
}

#nav_top {
  height: 70px;
}

#nav_top .gnb_top {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  height: 70px;
  width: 1800px;
}
#nav_top .gnb_top .logo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
#nav_top .gnb_top ul {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
#nav_top .gnb_top li.top_info {
  margin-left: 10px;
}
.content_title {
  color: #fff;
  font-size: 18px;
  padding: 28px 60px 16px 60px;
  font-family: "NotoKrR", sans-serif;
}
.content_detail-re {
  padding:0 60px 0 60px;	
  height: 100%;
}
.content_detail {
  background: #262f40;
  width: 100%;
  height: 100%;
}
.content_bar {
  width: 100%;
  height: 1px;
  background: #3b7293;
}

span.calendar {
  position: absolute;
  top: 15px;
  right: 40px;
}

label {
  display: block;
}
input {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.1);
  width: 190px;
}

.content_detail_warrper-re {
  /* background: #262f40; */
  background-color : #C9CACA;
  padding: 0px 60px 0px 60px;
}
.content_detail_warrper {
  background: #262f40;
  padding: 0px 60px 0px 60px;
}

.table-wrapper {
  padding: 0px 7px 16px 7px;
}
.table-top-re {
  width: 100%;
  margin: 0 auto;
  background-color: #C9CACA;
  display: flex;
  align-items: center;
}
.table-top-detail {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: white;
  font-size: 13px;
}

.table-top {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  background-color: #222c3b;
  border: 1px solid #3b414f;
  display: flex;
  align-items: center;
}
.table-top-re tr th {
  color: black;
  font-family: KoPub돋움체 Medium;
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
}
.table-top tr th {
  color: #dadbe6;
  font-family: "NotoKrL", sans-serif;
  text-align: left;
  padding-left: 20px;
}

.table-header {
  display: flex;
  align-items: center;
  margin-top: 26px;
} 
.table-list {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  border-bottom: 1px solid #4f5969;
}
.table-dashlist {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  border-bottom: 1px solid #4f5969;
}
.table-dashlist-re {
  border-collapse: collapse;
  margin-top: 15px;
  border-bottom: 1px solid #4f5969;
}
.table-list th {
  background-color: #354053;
  height: 50px;
  border-bottom: 1px solid #4e5868;
	font-size: 15px;
	font-family: "NotoKrL", sans-serif;
  color: #f7f7fb;
}
.table-dashlist th {
  background-color: #354053;
  height: 50px;
  border-bottom: 1px solid #4e5868;
  font-size: 15px;
  font-family: "NotoKrL", sans-serif;
  color: #f7f7fb;
}
.table-dashlist-re th {
  background-color: #354053;
  height: 50px;
  border-bottom: 1px solid #4e5868;
  font-size: 15px;
  font-family: "NotoKrL", sans-serif;
  color: #f7f7fb;
}
.table-list td {
  background-color: #222d3e;
  height: 45px;
  font-size: 14px;
  color: #f7f7fb;
  font-family: "NotoKrL", sans-serif;
  text-align: center;
} 
.table-dashlist td {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrL", sans-serif;
  text-align: center;
}
.table-dashlist-re td {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrL", sans-serif;
  text-align: center;
}
.table-dashlist td a {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: center;
}
.table-dashlist-re td a {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: center;
}
.table-dashlist td.txt-left {
  text-align: left;
}
.list-info {
  font-size: 14px;
  color: #dadbe6;
  margin-right: 20px;
}
.list-info span {
  font-size: 14px;
  color: #3b9bd1;
}

.test11 {
  visibility: hidden;
}
.test11.active {
  visibility: visible;
}
.setpage-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  margin-top: 8px;
}
.setpage-wrapper.main {
  margin-top: 20px;
}
.setpage {
  display: table-cell;
  vertical-align: top;
}
.btn-center {
  display: flex;
}
.common-btn {
  width: 36px;
  height: 36px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
strong.num {
  width: 20px;
  height: 20px;
  background-color: #24739e;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "NotoKrM", sans-serif;
}
span.num {
  color: #a0a3af;
  font-family: "NotoKrM", sans-serif;
}
span.ic {
  cursor: pointer;
}
span.ic.arrstart {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-start.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.ic.arrprev {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-prev.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.ic.arrnext {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-next.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.ic.arrend {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-end.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.ic.arrstart:hover {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-start_sel.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.ic.arrprev:hover {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-prev_sel.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.ic.arrnext:hover {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-next_sel.png);
  background-repeat: no-repeat;
  background-position: center;
}
span.ic.arrend:hover {
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow-end_sel.png);
  background-repeat: no-repeat;
  background-position: center;
}

.custom-select-top {
  position: relative;
  font-family: KoPub돋움체 Light;
  font-size: 14px;
  background-color : #413D3C;
  color : white;
  height: 30px;
  width:110px;
  padding-left: 10px;
}
.custom-select {
  font-size: 14px;
  background-color : whitesmoke;
  height: 24px;
}

/* 체크박스 스타일 */
.custom-checkbox {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.custom-checkbox:checked {
  accent-color: #4CAF50;
}

.custom-select select {
  display: none;
}

.select-selected {
  background: #2e333f;
  background-image: linear-gradient(#636773, #353943),
    linear-gradient(#636773, #353943);
  border-top: 1px solid #636773;
  border-bottom: 1px solid #353943;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0;
  background-size: 1px 100%;
  padding: 0;
  margin: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 40%;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 30%;
}

.select-items div,
.select-selected {
  color: #b8b9c4;
  padding: 6px 16px;
  cursor: pointer;
  user-select: none;
}

.select-items {
  position: absolute;
  background-color: #2e333f;
  width: 100%;
  top: 100%;
  right: 0;
  z-index: 99;
  margin-top: 5px;
}

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: #377fa8;
  color: #fff;
}

table tr.test {
  transition: height 0.3s;
  display: none;
}
tr.test {
  display: none;
}

.table-top td {
  background-color: #C9CACA;
  height: 40px;
  font-size: 12px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: left;
  padding-left: 10px;
}
/* .table-top td { */
/*   background-color: #222c3b; */
/*   height: 40px; */
/*   font-size: 14px; */
/*   color: #b3b4bf; */
/*   font-family: "NotoKrR", sans-serif; */
/*   text-align: left; */
/*   padding-left: 10px; */
/* } */
input.input-main-top {
  width: 130px;
  height: 30px;
  font-size: 14px;
  background-color: #413D3C;
  border: 1px solid #343b47;
  box-shadow: inset 2px 2px 0 0 #0f1113;
  display: inline-block;
  margin: 5px 0;
  border-radius: 0;
  padding: 0 0 0 10px;
}
input.input-main {
  width: 130px;
  height: 36px;
  font-size: 14px;
  background-color: #181a1d;
  border: 1px solid #343b47;
  box-shadow: inset 2px 2px 0 0 #0f1113;
  display: inline-block;
  margin: 5px 0;
  border-radius: 0;
  padding: 0 0 0 10px;
}
span.calendar-main {
  position: absolute;
  top: 14px;
  right: 10px;
}
span.list-label {
  padding: 2px 4px;
  border-radius: 10px;
  color: #fff;
}
span.list-label.yellow {
  background-color: #d6a02e;
}
span.list-label.green {
  background-color: #839345;
}
span.list-label.red {
  background-color: #d33926;
}
.btn-main-search {
  width: 84px;
  height: 30px;
  color: black;
  font-size: 13px;
  font-family: KoPub돋움체 Bold;
  font-weight:bold;
  background-color: #FBBA3D;
  border-radius:50px;
  padding: 0;
  margin: 0;
}
.btn-main-search span {
  float: left;
  margin: 5px;
}
.btn-main-search div {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50px;
  float: left;
  margin: 2px;
  margin-left: 4px;
}
.btn-main-detail {
  width: 110px;
  height: 30px;
  color: white;
  font-size: 13px;
  font-family: KoPub돋움체 Bold;
  font-weight:bold;
  background-color: #8F1185;
  border-radius:50px;
  padding: 0;
  margin: 0;
}
.btn-main-detail span {
  float: left;
  margin: 5px;
}
.btn-main-detail div {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50px;
  float: left;
  margin: 2px;
  margin-left: 4px;
}
.btn-main-listmod {
  width: 110px;
  height: 30px;
  color: white;
  font-size: 13px;
  font-family: KoPub돋움체 Bold;
  font-weight:bold;
  background-color: #26698C;
  border-radius:50px;
  padding: 0;
  margin: 0;
}
.btn-main-listmod span {
  float: left;
  margin: 5px;
}
.btn-main-listmod div {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50px;
  float: left;
  margin: 2px;
  margin-left: 4px;
}
.btn-main-print {
  width: 110px;
  height: 30px;
  color: white;
  font-size: 13px;
  font-family: KoPub돋움체 Bold;
  font-weight:bold;
  background-color: #5CB531;
  border-radius:50px;
  padding: 0;
  margin: 0;
}
.btn-main-print span {
  float: left;
  margin: 5px;
}
.btn-main-print div {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50px;
  float: left;
  margin: 2px;
  margin-left: 4px;
}
.btn-main-updateall {
  width: 110px;
  height: 30px;
  color: white;
  font-size: 13px;
  font-family: KoPub돋움체 Bold;
  font-weight:bold;
  background-color: #E62681;
  border-radius:50px;
  padding: 0;
  margin: 0;
}
.btn-main-updateall span {
  float: left;
  margin: 5px;
}
.btn-main-updateall div {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50px;
  float: left;
  margin: 2px;
  margin-left: 4px;
}
.btn-main-default {
  width: 100px;
  height: 36px;
  color: #dadbe6;
  font-size: 14px;
  font-family: "NotoKrM", sans-serif;
  background: #2e333f;
  background-image: linear-gradient(#636773, #353943),
    linear-gradient(#636773, #353943);
  border-top: 1px solid #636773;
  border-bottom: 1px solid #353943;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0;
  background-size: 1px 100%;
  padding: 0;
  margin: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.btn-main-blue {
  width: 100px;
  height: 36px;
  color: #fff;
  font-size: 14px;
  font-family: "NotoKrM", sans-serif;
  background: #26698c;
  background-image: linear-gradient(#337aa0, #124a67),
    linear-gradient(#337aa0, #124a67);
  border-top: 1px solid #337aa0;
  border-bottom: 1px solid #124a67;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0;
  background-size: 1px 100%;
  padding: 0;
  margin: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.btn-main-red {
  width: 100px;
  height: 36px;
  color: #fff;
  font-size: 14px;
  font-family: "NotoKrM", sans-serif;
  background: #FF0000;
  background-image: linear-gradient(#337aa0, #124a67),
    linear-gradient(#337aa0, #124a67);
  border-top: 1px solid #337aa0;
  border-bottom: 1px solid #124a67;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0;
  background-size: 1px 100%;
  padding: 0;
  margin: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
section.content-warrper {
  background-image: url(../img/bg_content.jpg);
  background-repeat: no-repeat;
  background-position: center;
  font-family: KoPub돋움체 Medium;
  margin: 0 auto;
  background-size: cover;
}
.table-top {
	position: relative;
}
.table-top::after {
	clear: both;
	content: "";
	display: block;
}
.table-top td.th-btn {
	position:	absolute;
	right: 14px;
	top: 16px;
}
.flex {
	display: flex;
}
.bet {
	justify-content: space-between;
}
.header-left.flex {
	align-items: center;
}
.header-right {
	display: flex;
	align-items: center;
	margin-right: 14px;
}
p.empty {
	margin-top: 20px;
	font-family: "NotoKrL", sans-serif;
	font-size: 18px;
}
.list-divider {
	width: 100%;
	height: 2px;
	background-color: #4f5969;
	margin: 20px 0 5px 0;
}
.list-title {
	font-family: "NotoKrR", sans-serif;
	color: #f7f7fb;
	font-size: 18px;
}

.btn-bottom-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.btn-bottom-wrapper.center {
  justify-content: center;
  margin-top: 20px;
}
.w-250px {
  width: 250px;
}
p.txt-pop-title-sub {
  font-family: "NotoKrR", sans-serif;
	color: #f7f7fb;
	font-size: 16px;
}
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #242f46;
  min-width: 146px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border: 1px solid #3b414f;
  z-index: 1;
}

.dropdown-content a {
  color: #b8b9c4;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {
  background-color: #377fa8;
  color: #fff;
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.table-list-register {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  border: 1px solid #343d4c;
}
.table-list-register th {
  background-color: #222c3b;
  width: 200px;
  height: 50px;
  font-size: 15px;
  font-family: "NotoKrL", sans-serif;
  color: #dadbe6;
  text-align: right;
  padding-right: 20px;
}
.table-list-register th.h-40 {
  height: 40px;
}
.table-list-register td {
  background-color: #222c3b;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: left;
  padding: 0 30px;
}
.table-list-register td a {
  background-color: #222d3e;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: center;
}
.table-list-register td.txt-left {
  text-align: left;
}
.bg-empty {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 1903px;
  max-width: 1920px;
  height: 30vh;
  background: #262f40;
  z-index: -1;
}

.bg-emptysub {
 /*  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 1903px;
  max-width: 1920px;
  height: 60vh;
  background: #262f40;
  z-index: -1; */
}
.content_title_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
input[type=text]::-ms-clear {
	display: none;
}
.map-area-left,
.map-area-right {
  height: 603px;
}
.resource-list-wrapper-left {
  float: left;
  width: 885px;
}
.resource-list-wrapper-right {
  float: right;
  width: 885px;
}
.content_detail::after {
  clear: both;
  content: "";
  display: table;
}
.i-cal {width:65px; padding:0 3px; margin-right:4px; vertical-align: middle;}
 
.print span{color:white;}

.search-table-row{
	background-color: #C9CACA;
}

.page-nav {
	width: 100%;
	margin: 10px 0px;
	height: 20px;
	text-align: right;
	color: white;
	padding: 0px 60px;
}

.page-nav > font, .page-nav2 > font {
	color: white;
}

.quick-menu {
	position: absolute;
	height: 30px;
	width: 30px;
	right: 0px;
	bottom: 50%;
	z-index: 99;
}

.msg-menu {
	position: absolute;
	top: 90px;
	z-index: 99;
}

.quick-img {
	max-width: 180px;
	position: fixed;
	right: -126px;
	cursor: pointer;
}

.quick-msg {
	top: 34%;
}

.quick-img:hover {
	right: 0px;
	transition: all 0.5s;
}

.quick-img:not(:hover) {
	right: -126px;
	transition: all 0.5s;
}

.popup-btn {
	width: 130px;
    height: 40px;
    color: #fff;
    margin: 0px 5px;
    font-size: 17px;
    font-family: "NanumBarunGothicBold";
    background: #44465c;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}

.message-box {
	position: absolute;
    top: 168px;
    right: 0px;
    width: 500px;
    z-index: 99;
}

.message-box td {
    background-color: #fff;
    font-size: 15px;
    color: black;
}

#msgSeq {
    width: 100%;
    height: 30px;
    border: 1px solid black;
    font-size: 15px;
}

.table-list tr {
	border-bottom: 1px solid #464646;
}

.table-dashlist tr {
	border-bottom: 1px solid #464646;
}

.table-list tr:last-child {
	border-bottom: 0px;
}

.table-dashlist tr:last-child {
	border-bottom: 0px;
}

.table-dashlist-re tr {
	border-bottom: 1px solid #464646;
}

.table-dashlist-re tr:last-child {
	border-bottom: 0px;
}
.main-search-box { width: calc( 100% - 10px ); display: flex; margin: 10px 0; padding: 5px; font-family: "NotoKrR", sans-serif;}
.main-search-box > .main-search-box-row {width: 100%; display: flex;}
.main-search-box > .main-search-box-row > div { width: 20%; display: flex; align-items: center; border: 0.5px solid #464646;}
.main-search-box > .main-search-box-row > div > span{ width: 25%; color: white; font-weight: 900; height: 100%; display: flex; align-items: center; padding-left: 15px;}
.main-search-box > .main-search-box-row > div > div{ height: 100%; width: 75%;}
.main-search-box > .main-search-box-row > div > div > input[type='text']{ height: 100%; width: 100%; background-color: #c3c3c3;}
.main-search-box > .main-search-box-row > div > div > select{ height: 100%; width: 100%; background-color: #c3c3c3; display: block;}
.sub-search-box { width: calc( 100% - 10px); padding: 5px; background-color: #354053; font-family: "NotoKrR", sans-serif;}
.sub-search-box > .sub-search-box-row {width: 100%; display: flex; height: 30px;}
.sub-search-box > .sub-search-box-row > div { width: 20%; display: flex; align-items: center; border: 0.5px solid #464646;}
.sub-search-box > .sub-search-box-row > div >span { width: 25%; color: white; font-weight: 900; height: 100%; display: flex; align-items: center; padding-left: 15px; background-color: #222d3e}
.sub-search-box > .sub-search-box-row > div > div {height: 100%; width: 75%;}
.sub-search-box > .sub-search-box-row > div > div > input[type='text']{ height: 100%; margin: 0; width: 100%; background-color: #c3c3c3;}
.sub-search-box > .sub-search-box-row > div > div > select{ height: 100%; width: 100%; background-color: #c3c3c3; display: block;}
.pay-popup-row { width:100%; height: 50px; display: flex; align-items: center;}
.pay-popup-title { width: 30%; height: 70%; display: flex; align-items: center; padding-left: 15px; background-color: #424242; color: #b3b4bf; font-weight: 900;}
.pay-popup-cont { width: 70%; color: black; font-weight: 900; height: 70%; display: flex; align-items: center; padding-left: 10px;}
.data-list::-webkit-scrollbar{ width: 10px;}
.data-list::-webkit-scrollbar-thumb{ background-color: hsla(0, 0%, 42%, 0.49); border-radius: 100px;}
.status-tab { width:80px; height: 100%; border: 0.5px solid #C9C9C9;}
.status-tab > label { height: 100%;}
.status-tab > label > span{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; font-weight: 900;}