/*reset*/
body, section, aside, ul, li, h1, h2, h3, h4, p, footer, dl, dd, dt, fieldset, input, button, ol {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section {
  display: block; }

em, address {
  font-style: normal; }

textarea, textarea:active, textarea:visited {
  font-size: 11px;
  padding: 10px;
  margin: 0; }

a {
  text-decoration: none; }

img {
  vertical-align: bottom; }

input[type=radio], input[type=checkbox] {
  vertical-align: middle; }

fieldset {
  border: 0; }

input:not([type=radio]):not([type=checkbox]) {
  -webkit-appearance: none; }

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

body {
  font-family: "Noto Sans KR";
  font-size: 12px;
  color: #555;
  letter-spacing: -0.5px; }

html, body {
  height: 100%;
  min-height: 100%;
  overflow-x: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

button {
  cursor: pointer;
  white-space: nowrap;
  border: 0 none;
  outline: none;
  background: transparent; }

.sr-only {
  overflow: hidden;
  display: none; }

.cf::after {
  display: block;
  content: '';
  clear: both; }

.d-flex {
  display: flex; }

.justify-content-between {
  justify-content: space-between; }

.justify-content-start {
  justify-content: flex-start; }

.justify-content-end {
  justify-content: flex-end; }

.align-items-center {
  align-items: center; }

.align-items-end {
  align-items: flex-end; }

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

.text-right {
  text-align: right; }

.mt0 {
  margin-top: 0 !important; }

.my-5px {
  margin: 5px 0 !important; }

.mt-10px {
  margin-top: 10px !important; }

.mt35 {
  margin-top: 35px; }

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

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

.mb15 {
  margin-bottom: 15px !important; }

.mx0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.p0 {
  padding: 0px !important; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.px10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.px15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.color-pink {
  color: #d57987; }

.color-red {
  color: #ff5c5e; }

.color-blue {
  color: #5d8fc9; }

.color-green {
  color: #3aa4b5; }

.color-gray {
  color: #585f6e; }

.font-small {
  font-size: 11px; }

.font-large {
  font-size: 18px; }

.fw400 {
  font-weight: 400; }

.fwbold {
  font-weight: bold; }

.bg-blue {
  background-color: #003f71 !important; }

.bg-red {
  background-color: #ef595c !important;
  color: #fff !important; }

.bg-purple {
  background-color: #8481e8 !important;
  color: #fff !important; }

.bg-green {
  background-color: #60bc4c !important;
  color: #fff !important; }

.bg-orange {
  background-color: #ffaa01 !important;
  color: #fff !important; }

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

.border-r {
  border-right: 1px solid #d9d9d9; }

.border-b-line {
  border-bottom: 1px solid #dfdfdf; }

.col-2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.col-2 > * {
  width: 50%; }

.w100 {
  width: 100% !important; }

.w50 {
  width: 50% !important; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

p {
  color: #585f6e; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

/* =====================
    common
===================== */
.btn {
  width: 50%;
  padding: 12px 0;
  font-size: 16px;
  text-align: center; }

.btn-wrap--one > * {
  width: 100%;
  border-bottom-left-radius: 8px; }

.btn.btn__cancel {
  border-bottom-left-radius: 8px;
  background-color: #dbdbdb; }

.btn.btn__submit {
  border-bottom-right-radius: 8px;
  background-color: #404040;
  color: #fff; }

.btn__zoom {
  width: 40px;
  height: 40px;
  background-size: 100% 100%; }

.btn__zoom--in {
  background-image: url(../img/map/i_zoom--in.png); }

.btn__zoom--out {
  background-image: url(../img/map/i_zoom--out.png); }

.btn-close {
  display: block;
  width: 15px;
  height: 15px;
  background-repeat: repeat;
  background-position: center;
  background-size: cover; }

.btn-close--white {
  background-image: url(../img/dashboard/i_close--w.png); }

.btn-close--black {
  background-image: url(../img/dashboard/i_close--b.png); }

.form-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #c4c4c4;
  font-size: 13px; }

.form-select {
  width: 100%;
  padding: 10px;
  border: 1px solid #c4c4c4;
  font-size: 13px; }

.form-radio {
  display: none;
  visibility: hidden; }

.form-radio + label {
  display: flex;
  align-items: center; }

.form-radio + label span {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border-radius: 50%;
  border: 5px solid #ebebeb;
  background-color: #fff; }

.form-radio:checked + label span {
  border-color: #2FBFDE; }

.select-ui button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 15px;
  color: #000;
  font-size: 14px; }

.select-ui img {
  width: 12px;
  vertical-align: middle; }

.notice {
  height: 24px;
  line-height: 24px;
  padding-left: 25px !important;
  background-size: 20px 20px;
  background-position: left center;
  background-repeat: no-repeat; }

.notice--red {
  background-image: url(../img/i_notice--red.png); }

.notice--gray {
  background-image: url(../img/i_notice--gray.png); }

.icon-info {
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  background-image: url(../img/map/img_info.png);
  background-repeat: no-repeat;
  background-size: 28px 26px; }

.icon-point {
  display: inline-block;
  height: 17px;
  line-height: 17px;
  margin: 8px 0;
  margin-right: 15px;
  padding-left: 18px;
  background: no-repeat left/14px 17px url(../img/dashboard/i_point.png);
  font-size: 14px;
  color: #000; }

.state {
  padding-left: 5px;
  padding-right: 15px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 13px 15px; }

.state-up {
  color: #d67c89;
  background-image: url(../img/dashboard/i_state-up.png); }

.state-down {
  color: #41a8b8;
  background-image: url(../img/dashboard/i_state-down.png); }

.state::before {
  content: none !important; }

.administration__tab {
  display: flex;
  align-items: center;
  justify-content: center; }

.administration__tab.col-2 li {
  width: 50%; }

.administration__tab.col-3 li {
  width: 33.333%; }

.administration__tab.col-6 li {
  width: calc(100% / 6); }

.administration__tab li {
position: relative;
    font-size: 14px;
    background-color: #FBFBFB;
    box-sizing: border-box;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #e0e0e0; }

.administration__tab li:first-child {
  border-radius: 5px 0 0 5px;}

.administration__tab li:last-child {
  border-radius: 0 5px 5px 0; }

.administration__tab li.on {
color: #fff;
    background-color: #112B48;
    border: 1px solid #112B48; }

.administration__sub-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;  }

.administration__sub-tab li {
  position: relative;
   font-size: 12px; background-color:#FBFBFB; box-sizing:border-box; padding:7px; text-align:center; font-weight:bold; border:1px solid #e0e0e0; }

.administration__sub-tab li::before {
   }

.administration__sub-tab li:first-child {
 
 border-radius:5px 0 0 5px;
 }
.administration__sub-tab li:last-child {
 
 border-radius:0 5px 5px 0;
 }
.administration__sub-tab li:first-child::before {
  content: none; }

.administration__sub-tab li.on {
  color: #fff; background-color:#112B48; border:1px solid #112B48; }

.administration__sub-tab li.on::after {
   }

.administration__average {
  text-align: center; }

.administration__average p {
  display: inline-block;
  min-width: 130px;
  margin: 10px 0;
  padding: 5px;
  border-radius: 3px;
  background-color: #e3e8f1;
  color: #000;
  font-size: 16px; }

.administration__average p span {
  position: relative;
  padding: 0 10px 0 15px;
  color: #d57987;
  font-size: 14px; }

.administration__average p span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50%;
  background-color: #d57987;
  width: 8px;
  height: 8px; }

.administration__below {
  display: none; }

.administration__below .dashboard__map {
  height: calc(100% - 105px); }

.administration__below .save__map {
  height: 105px;
  padding-top: 9px;
  background-color: #3d4353;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center; }

.administration__statistics {
  width: 100%; }

.administration__statistics > div {
  display: flex;
  justify-content: space-between; }

.administration__statistics > div > p:first-child {
  position: relative; }

.administration__statistics > div > p:first-child::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 1px;
  border: 1px solid #585f6e;
  border-radius: 50%; }

.administration__statistics .btn__cancel {
  top: 8px;
  right: 8px; }

.administration__city {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 10px; }

.administration__city > * {
  display: block;
  margin-left: 5px;
  padding: 5px 8px;
  border-radius: 3px;
  background-color: #3d4353;
  color: #fff;
  font-size: 14px; }

.administration__city > *:first-child:hover, .administration__city > *:first-child:active, .administration__city > *:first-child:focus, .administration__city > *:first-child.on {
  background-color: #b66247; }

.administration__city > *:nth-child(2):hover, .administration__city > *:nth-child(2):active, .administration__city > *:nth-child(2):focus, .administration__city > *:nth-child(2).on {
  background-color: #22277a; }

.administration__city > *:last-child:hover, .administration__city > *:last-child:active, .administration__city > *:last-child:focus, .administration__city > *:last-child.on {
  background-color: #265415; }

.data-year__option {
  position: relative; }

.data-year__option > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  border-radius: 3px;
  background-color: #3d4353;
  color: #fff;
  font-size: 14px; }

.data-year__option > a img {
  width: 12px;
  vertical-align: middle; }

.data-year__option > a span:first-child {
  margin-right: 5px; }

.data-year__option > a:hover img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.data-year__option__con {
  z-index: 99;
/*   position: absolute; */  /* 2022-11-28 수정 */
  top: 100px;
  right: 10px;
  width: 85px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fff; 
  border: 1px solid #757678;
 
  }

.data-year__option__con > a {
  display: block;
/*   padding: 8px 10px;
  border-top: 1px solid #596072;
  color: #b0b2b6;
  font-size: 14px; 
  color: #4f4f4f; */
  
  padding: 5px 10px;
  border-radius: 1px;
  background-color: #fff;
  color: #4f4f4f !important;
  border: 1px solid #e0e0e0;
  font-size: 12px !important;
  
  }

@media screen and (max-width: 380px) {
  .administration__sub-tab li {
    font-size: 12px;
    letter-spacing: -1.5px; } }

/*# sourceMappingURL=maps/administration.css.map */