@charset "utf-8";
@font-face{
    font-family: KOPUBDOTUMMEDIUM;
    src: url(../fonts/KOPUBDOTUMMEDIUM.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: Modern H;
    src: url(../fonts/MODERNH-BOLE.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 배달의민족 한나체 Pro;
    src: url(../fonts/한나체PRO.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: Tmon몬소리OTF;
    src: url(../fonts/TMONMONSORI.OTF.OTF);
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 에스코어 드림;
    src: url(../fonts/SCDREAM5.OTF);
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: NEWHDR;
    src: url(../fonts/NewHDR.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: NewHDR;
    src: url(../fonts/NewHDR.ttf);
    font-weight: normal;
    font-style: normal;
}

.modal-popup {
  display: none;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  min-width: 300px;
  width: 100%;
  height: 100%;
  min-height: 300px;
  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: 10px;
  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: 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.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(-225px);
  -moz-transform: translateY(-225px);
  -ms-transform: translateY(-225px);
  -o-transform: translateY(-225px);
  transform: translateY(-225px);
}
.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-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: #3a799e;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorlist-wrapper {
  width: 100%;
}
.pop-close {
  position: absolute;
  right: 20px;
  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 {
  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-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 {
  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;
}

.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-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-module04 {
  width: 361px;
  height: 356px;
  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-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 {
  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.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;
}
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;
  padding-right: 15px;
}
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-month {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-calendar {
  width: 100%;
  text-align: center;
  padding: 0 30px;
  color: #cccdd7;
}
.table-calendar thead {
  font-size: 13px;
}
.table-calendar tr {
  height: 30px;
}

p.selected {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin: 0 auto;
  background-color: #839345;
  color: #fff;
}
.dash-m01 {
  display: flex;
  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-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;
  opacity: 0;
  background-size: cover;
}
body.load {
  opacity: 1;
}
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;
  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;
  min-height: 100vh;
}
.flexbox.login.type_b {
  align-items: center;
  -webkit-align-items: center;
  height: 100vh;
  overflow-y: hidden;
  width: 1920px;
  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;
}
.login-bg.type_a {
  background-color: #262f3d;
  border-radius: 10px;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  height:600px; width:500px; margin-top:20px; position: relative;
}
.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;
}
.loginFrm{
	display: flex; 
	flex-direction: column; 
/* 	justify-content: flex-end;  */
/* 	align-items: center;  */
	height: 100%;
}
#loginfrm{
	height:80px;
  width:197px;
  position: absolute;
  bottom: 158px;
  left: 134px;
}
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: 'NewHDR';
/*   color: #fff; */
  border: 1px solid #d3d3d3;
  background: #fff;
  padding: 0 0 0 10px;
  outline: none;
  vertical-align: top;
  vertical-align: middle;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { 
	transition: background-color 5000s ease-in-out 0s; 
	-webkit-transition: background-color 9999s ease-out; 
	-webkit-box-shadow: none !important;
}
input.login {
  height: 40px;
  font-size: 16px;
  background:none;
  border:none;
  display: block;
  padding-left: 20%;
  color: black;
  box-shadow: none;
  position: absolute; width:224px;
}
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.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;
}
input.password {
  height: 37px;
  font-size: 16px;
  background:none;
  border:none;
  display: block;
  padding-left: 20%;
  color: black;
  box-shadow: none;
  position: absolute;
    top: 46px;
    width: 224px;
}
.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: 'NewHDR';
  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;
  margin-right: 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: 10px 5px 10px 5px;
  font-family: "NotoKrR", sans-serif;
}
.content_detail {
  background: #262f40;
  width: 100%;
  height: 100%;
}
.content_bar {
  width: 100%;
  height: 1px;
  background: #3b7293;
}

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

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 {
  background: #262f40;
  padding: 5px 5px 5px 5px;
}

.table-wrapper {
  padding: 28px 20px 16px 20px;
}
.table-top {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  background-color: #222c3b;
  border: 1px solid #3b414f;
  display: flex;
  align-items: center;
}
.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: 15px;
}
.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-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-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 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 {
  position: relative;
  font-family: "NotoKrM", sans-serif;
  font-size: 14px;
}

.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: #222c3b;
  height: 40px;
  font-size: 14px;
  color: #b3b4bf;
  font-family: "NotoKrR", sans-serif;
  text-align: left;
  padding-left: 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-default {
  width: 100px;
  height: 36px;
  color: #dadbe6;
  font-size: 14px;
  font-family: "NewHDR";
  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);
  border-radius : 5px;
}

.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);
}
section.content-warrper {
  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;
}
.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;
}
.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;
}
.min{
	min-width: 100%;display: flex;justify-content: center;
}
.loginBodyImg{
	background-image: url('../img/Body.png');background-size: cover;
}
.loginHeader{
	width: 1400px;height: 130px;position: relative; display: flex; justify-content: center; align-items: center;
}
.loginLogo{
	width: 20%;height: 100%;background-image: url('../img/LOGO.png');background-size: 100%;background-position: center;background-repeat: no-repeat;position: absolute;left: 4%;
}
.loginLogo2{
	width: 20%;height: 100%;background-image: url('../img/LOGO2.png');background-size: 100%;background-position: center;background-repeat: no-repeat;position: absolute;left: 4%;
}
.loginBody{
	width: 1400px;height: 600px;display: flex;justify-content: center; align-items: center;
}
.loginFrmImg{
	background-image: url('../img/loginBody.png');background-size: 105% 105%;width: 100%;box-shadow: 0px 8px 20px 10px #00000082; background-position: center;
}
.loginId{
	width: 55%;height: 10%;
/* 	background-image: url('../img/ID.png'); */
	background-size: 100% 100%;margin: 5px 0;
}
.loginPw{
	width: 55%;height: 10%;
/* 	background-image: url('../img/PW.png'); */
	background-size: 100% 100%;margin: 5px 0;
}	
.loginButton{
/* 	background-image: url('../img/LOGIN.png'); */
	background-size: 100% 100%; width: 60%;height: 12%;
	position: absolute; width:228px; height:38px; top:94px; border-radius: 10px; color:white; font-family: 'NewHDR';
}
.signUpBtn{
	position:absolute; top:144px; width:228px; height:38px; background: transparent; border: transparent; color:white; font-family: 'NewHDR'; cursor:pointer;box-shadow: none;
}
.loginFooter{
	width: 1200px;height: 150px;background-image: url('../img/footer.png');background-size: 1200px;background-repeat: no-repeat;background-position: left;
}
.loginFooterKr{
	width: 1200px;height: 150px;background-image: url('../img/footerKr.png');background-size: 1200px;background-repeat: no-repeat;background-position: left;
}
.selectDiv{
	min-height: 1050px; width: 1000px; margin:auto; margin-bottom: 150px;
}