@charset "UTF-8";
.container,
.content-wrap {
  overflow: visible !important;
}

.content-wrap {
  margin-top: -16.75rem;
}
@media (max-width: 1200px) {
  .content-wrap {
    margin-top: 0;
  }
}

.content-location {
  display: none;
}

.snb + .content {
  margin-left: 0;
  width: 100%;
  background: #FFf;
  padding: 0 2.8125rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.1875rem #eeeeee;
  box-shadow: 0.1875rem 0.1875rem 0.1875rem #eeeeee;
}
.snb + .content .tab-nav {
  margin-top: 0;
  padding-top: 2rem;
}

.content-body {
  padding-top: 0;
}

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

/*
@media (max-width: 1024px) {

    .wrapper:not(.main) .container .content-wrap .content,
    .snb+.content {
        margin-top: -60px;
    }
}
*/
.post-content {
  margin-top: 2rem;
}

.bg-green {
  background-color: #06a89f;
  color: #fff;
}

.bg-red {
  background-color: #111;
  color: #fff;
}

.bg-blue {
  background-color: #333;
  color: #fff;
}

.bg-black {
  background-color: #555;
  color: #fff;
}

.btn-sm {
  padding: 10px 20px;
}

.btn-mid {
  padding: 20px 30px;
}

.btn-big {
  padding: 30px 40px;
}

.btn-bd-sm {
  border-radius: 5px;
}

.btn-bd-mid {
  border-radius: 10px;
}

.btn-bd-bg {
  border-radius: 15px;
}

.number1 {
  background: url("../img/background-img1.png") no-repeat;
}

.number2 {
  background: url("../img/background-img2.png") no-repeat;
}

.number3 {
  background: url("../img/background-img3.png") no-repeat;
}

.number4 {
  background: url("../img/background-img4.png") no-repeat;
}

.number5 {
  background: url("../img/background-img5.png") no-repeat;
}

/* .digit_0 { background-position: 0px 0; }

.digit_1 { background-position: -156px 0; }

.digit_2 { background-position: -312px 0; }

.digit_3 { background-position: -468px 0; }

.digit_4 { background-position: 0px -144px; }

.digit_5 { background-position: -156px -144px; }

.digit_6 { background-position: -312px -144px; }

.digit_7 { background-position: -468px -144px; }

.digit_8 { background-postion: 0px -287px; }

.digit_9 { background-postion: -156px -287px; }

.digit_10 { background-postion: -312px -287px; }

.digit_11 { background-postion: -468px -287px; } */
.red {
  color: #911c1c;
}

.green {
  color: #00ff00;
}

.black {
  color: #000;
}

.corona {
  background-image: url("../img/bg-corona.png");
  background-size: cover;
  background-position: center;
}

.about__left {
  background-image: url("../img/about-bg_left.png");
  background-size: cover;
  background-position: center;
}

.about__right {
  background-image: url("../img/about-bg_right.png");
  background-size: cover;
  background-position: center;
}

.news__left {
  background-image: url("../img/news-bg-left.png");
  background-size: cover;
  background-position: center;
}

.news__right {
  background-image: url("../img/news-bg-right.png");
  background-size: cover;
  background-position: center;
}

.now-column__left {
  background-image: url("../img/bg-now-left.png");
  background-size: cover;
  background-position: center;
}

.now-column__right {
  background-image: url("../img/bg-now-right.png");
  background-size: cover;
  background-position: center;
}

.city {
  background-image: url("../img/bg-city.png");
  background-size: cover;
  background-position: center;
}

.facebook__left {
  background-image: url("../img/fa-bg-left.png");
  background-size: cover;
  background-position: center;
}

.facebook__right {
  background-image: url("../img/fa-bg-right.png");
  background-size: cover;
  background-position: center;
}

.tab-box {
  display: none;
}

.tab-box:first-of-type {
  display: block;
}

.covid__header {
  height: 35.625rem;
  background-image: url("../img/bg-header.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media all and (max-width: 1200px) {
  .covid__header {
    height: auto;
  }
}

.covid__header-inner {
  max-width: 1172px;
  margin: 0 auto;
  padding: 2rem 0;
  /*
  @media all and (max-width:769px) {
      padding: 1.0rem;
  }*/
}
@media all and (max-width: 1200px) {
  .covid__header-inner {
    padding: 2rem;
  }
}
@media all and (max-width: 1024px) {
  .covid__header-inner {
    padding: 2rem 4vw;
  }
}

.covid__tit {
  font-size: 1.125rem;
  color: #7f7f7f;
  text-align: center;
}

.covid__logo {
  margin-top: 1.9375rem;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 769px) {
  .covid__logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.covid__logo a.covid-logo-link img {
  opacity: 1;
  width: 26em;
  text-align: center;
  width: 40em;
}
.covid__logo a.corona-banner__link {
  position: relative;
}
.covid__logo a.corona-banner__link img {
  width: 210px;
}

/*
.covid__tit {
    font-size: 1.125rem;
    color: #7f7f7f;
}

.covid__logo {
    opacity: 1;
}

.covid__logo img {
    opacity: 1;
    margin-top: 1.9375rem;
    width: 40em;
}*/
.covid__main-tab {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -0.3125rem;
  margin-top: 2.5em;
}

.covid__tab-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin: 0 0.3125rem;
}

.covid__tab-link {
  display: inline-block;
  width: 100%;
  height: 4.5rem;
  background: #9d9d9d;
  border-radius: 0.3125rem;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  line-height: 4.5rem;
  text-align: center;
  color: #fff;
  font-size: 1.3875rem;
  font-weight: 500;
}
@media all and (max-width: 769px) {
  .covid__tab-link {
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.25rem;
  }
}

.covid__tab-link.is-active {
  opacity: 1;
  background: #0272bf;
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.1875rem #7daecf;
  box-shadow: 0.1875rem 0.1875rem 0.1875rem #7daecf;
}

.covid__tab-link:hover {
  background: #0272bf;
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.1875rem #7daecf;
  box-shadow: 0.1875rem 0.1875rem 0.1875rem #7daecf;
}

.covid-contents {
  opacity: 1;
  width: 73.3125rem;
  background: #fff;
  margin: 0 auto;
  padding: 2rem 2.8125rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 2px 11px #ddd;
  box-shadow: 1px 2px 11px #ddd;
  border-radius: 0.3125rem;
  margin-bottom: 3em;
}
@media all and (max-width: 1200px) {
  .covid-contents {
    width: 100%;
    margin-top: 0;
    padding: 2rem 2rem;
  }
}
@media all and (max-width: 769px) {
  .covid-contents {
    padding: 1rem;
  }
}

.covid-contents__info {
  opacity: 1;
}

.covid-contents__column {
  opacity: 1;
  margin-bottom: 2rem;
}

.covid-contents__confirm-case {
  opacity: 1;
  width: 100%;
  text-align: center;
  border: 0.25rem solid #0272bf;
  vertical-align: middle;
  -webkit-box-shadow: 0.125rem 0.1875rem 0.875rem rgba(0, 0, 0, 0.35);
  box-shadow: 0.125rem 0.1875rem 0.875rem rgba(0, 0, 0, 0.35);
  /*
      colgroup {
          @media all and (max-width:480px) {
              display: none !important;
          }
      }

      tr {
          @media all and (max-width:480px) {
              display: block;
          }
      }
  */
}
.covid-contents__confirm-case th,
.covid-contents__confirm-case td {
  border: 0.0625rem solid #0272bf;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*
  @media all and (max-width:480px) {
      display: block;
  }
  */
}
.covid-contents__confirm-case th {
  height: 4.6875rem;
  background: #0050a2;
  color: #fff;
  font-size: 1.5625rem;
  font-weight: 500;
}
@media all and (max-width: 1024px) {
  .covid-contents__confirm-case th {
    font-size: clamp(16px, 0.5rem + 1.6vw, 20px);
  }
}
.covid-contents__confirm-case th:first-of-type {
  background: #0272bf;
  color: #fff04b;
  font-weight: 600;
}
.covid-contents__confirm-case td {
  font-weight: 500 !important;
  height: 5.3125rem;
  font-size: 2.0625rem;
  color: #313131;
  font-weight: bold;
}
@media all and (max-width: 1024px) {
  .covid-contents__confirm-case td {
    font-size: clamp(16px, 0.5rem + 1.6vw, 20px);
  }
}
.covid-contents__confirm-case td span {
  display: inline-block;
  font-size: 1.625rem;
  color: #727272;
  font-weight: 300;
}
@media all and (max-width: 1024px) {
  .covid-contents__confirm-case td span {
    font-size: 1rem;
  }
}
@media all and (max-width: 480px) {
  .covid-contents__confirm-case td span {
    display: block;
  }
}
.covid-contents__confirm-case td:first-of-type {
  font-size: 2.75rem;
  font-weight: 600 !important;
}
@media all and (max-width: 1024px) {
  .covid-contents__confirm-case td:first-of-type {
    font-size: clamp(16px, 0.5rem + 2vw, 24px);
  }
}

.covid-contents__data {
  opacity: 1;
  text-align: right;
  margin-top: 0.6875rem;
  font-size: 1rem;
  color: #707070;
}

.covid-contents__data b {
  opacity: 1;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  display: inline-block;
  background: #eee;
  padding: 0 0.3125rem;
}

.covid-contents__situation {
  opacity: 1;
  width: 100%;
  border: 0.0625rem solid #adadad;
  border-bottom: 0.125rem solid #adadad;
  border-top: 2px solid #6582D7;
}

.covid-contents__situation th {
  opacity: 1;
  background: #e3ecf4;
}

.covid-contents__situation th,
.covid-contents__situation td {
  border-bottom: 0.0625rem solid #adadad;
  border-top: 0.0625rem solid #adadad;
  height: 3.875rem;
  vertical-align: middle;
  text-align: center;
  font-weight: 400;
  color: #000;
  font-size: 1.125rem;
}

.covid-contents__situation th .bold,
.covid-contents__situation td .bold {
  opacity: 1;
}

.covid-contents__situation th.bold,
.covid-contents__situation td.bold {
  border-right: 0.0313rem solid #adadad;
  border-left: 0.0313rem solid #adadad;
  font-weight: 600;
  color: #000;
  font-size: 1.125rem;
}

.covid-contents__area {
  width: 100%;
  border-bottom: 0.125rem solid #adadad;
  border-top: 2px solid #555555;
}

.covid-contents__area th {
  opacity: 1;
  background: #eeeeee;
}

.covid-contents__area th,
.covid-contents__area td {
  border: 0.0625rem solid #adadad;
  height: 3.875rem;
  vertical-align: middle;
  text-align: center;
  font-weight: 400;
  color: #000;
  font-size: 1.125rem;
}

.covid-contents th.bold,
.covid-contents td.bold {
  border-right: 0.0313rem solid #adadad;
  border-left: 0.0313rem solid #adadad;
  font-weight: 600;
  color: #000;
  font-size: 1.25rem;
}

.covid-sub-tab {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.covid-sub-tab__item {
  opacity: 1;
  /* width: 100%; */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.covid-sub-tab__btn {
  display: inline-block;
  width: 100%;
  height: 4.5rem;
  background: #fff;
  border-bottom: 0.0625rem solid #0272bf;
  font-size: 1.2875rem;
  color: #6d6d6d;
  cursor: pointer;
}

.covid-sub-tab__btn.is-active {
  opacity: 1;
  border-bottom: 0.0625rem solid #fff;
  border: 0.0625rem solid #0272bf;
  border-bottom: 0.0625rem solid #fff;
  color: #0272bf;
  font-weight: 600;
}

.section4-head {
  margin-bottom: 1.5em;
}

.search-wrap {
  opacity: 1;
  margin-top: 1.375rem;
  width: 100%;
  padding: 1.0625rem 1.93rem;
  background: #eeeeee;
}

.search-wrap__box {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
}

.search-wrap__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 1.5625rem;
}

.search-wrap__column:last-of-type {
  width: 15%;
}

.search-wrap__tit {
  font-size: 1.3125rem;
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.search-wrap__select {
  width: 60%;
}

.search-wrap__select select {
  display: inline-block;
  width: 100%;
  height: 2.8125rem;
  font-size: 1.1125rem;
}

.search-wrap__search {
  width: 83%;
}

.search-wrap__search .main-search-wrap {
  position: relative;
}

.search-wrap__search .main-search-wrap .search-input-group {
  position: relative;
  height: 3.3125rem;
  background: #fff;
}

.search-wrap__search .main-search-wrap .search-input-group label {
  opacity: 1;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.3125rem;
  color: #b1b0b0;
  z-index: 1;
}

.search-wrap__search .main-search-wrap .search-input-group input {
  position: absolute;
  padding-left: 2rem;
  left: 0rem;
  top: 0;
  bottom: 0;
  right: 0;
  width: 80%;
  font-size: 1.3125rem;
  color: #000;
  height: 100%;
}

.search-wrap__search .main-search-wrap .search-input-group input ::-webkit-input-placeholder {
  color: #b1b0b0;
}

.search-wrap__search .main-search-wrap .search-input-group input :-ms-input-placeholder {
  color: #b1b0b0;
}

.search-wrap__search .main-search-wrap .search-input-group input ::-ms-input-placeholder {
  color: #b1b0b0;
}

.search-wrap__search .main-search-wrap .search-input-group input ::-moz-placeholder {
  color: #b1b0b0;
}

.search-wrap__search .main-search-wrap .search-input-group input ::placeholder {
  color: #b1b0b0;
}

.search-wrap__search .main-search-wrap .search-btns-group {
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.25rem;
}

.search-wrap__search .main-search-wrap .search-btns-group a {
  opacity: 1;
  display: inline-block;
  width: 39px;
  height: 32px;
  background: url(../img/search-icon.png) no-repeat;
  background-size: cover;
}

.search-wrap__search .main-search-wrap .search-btns-group a span {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  left: -100000000000000000px;
  font-size: 0;
}

.table-list {
  width: 100%;
  margin-top: 1.0625rem;
  border-top: 0.125rem solid #555;
}

.table-list th,
.table-list td {
  opacity: 1;
  height: 2.875rem;
  vertical-align: middle;
  text-align: center;
  border-bottom: 0.0625rem solid #eeeeee;
}

.table-list th {
  background: #eeeeee;
  font-size: 1.1125rem;
  color: #888888;
  font-weight: 500;
}

.table-list td {
  opacity: 1;
  font-size: 1.05rem;
  color: #000000;
}

.table-list td.link {
  opacity: 1;
}

.table-list td.link a {
  color: #3e7bdf;
  -webkit-text-decoration: revert;
  text-decoration: revert;
  display: inline-block;
}

.tab-basic ul li.is-selected a {
  background: #1c226c !important;
  color: #fff !important;
}

.com-tit {
  background-image: url(../image/common/blt-h4.png);
  background-size: 1.625rem 1.375rem;
  background-repeat: no-repeat;
  background-position: 0.1875rem;
  padding-left: 1.2em;
  font-size: 1.8125rem;
  color: #1c236c;
  font-weight: 600;
  margin-bottom: 0.6em;
}

@media (max-width: 1200px) {
  /*
  html,
  body {
      font-size: 14px;
  }*/
  .covid__main-tab {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .covid__tab-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin: 0 0.3125rem;
    width: 33.3%;
    -ms-flex: 1 1 33.3%;
    flex: 1 1 33.3%;
    margin-bottom: 5px;
  }
  /*.covid-contents {
      margin-top: -5em;
  }

  .covid-contents {
      width: 100%;
  }
  */
}
@media (max-width: 769px) {
  .search-wrap__search .main-search-wrap .search-input-group input {
    padding-left: 13px;
  }
  .post-content span img {
    height: auto !important;
  }
  .search-wrap__search .main-search-wrap .search-btns-group a {
    width: 2em;
    height: 2em;
  }
  .search-wrap__column:first-of-type {
    margin-right: 10px;
  }
  .search-wrap__tit {
    margin-right: 5px;
    min-width: 40px;
  }
  .search-wrap__column {
    margin-right: 0;
  }
  .search-wrap__box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .search-wrap__column:last-of-type {
    width: 50%;
    padding: 0px;
  }
  /*
  .covid-contents__confirm-case td span {
      font-size: 1rem;
  }
  */
  /*
  html,
  body {
      font-size: 12px !important;
  }*/
  /*
  .covid__header-inner {
      padding-top: 4.3125rem;
  }*/
  /*
  .covid__tit {
      text-align: center;
  }

  .covid__logo {
      text-align: center;

      a {
          display: block;
      }

      img {
          opacity: 1;
          width: 26em;
          text-align: center;
          margin: 0 auto;
          margin-top: 1.9375rem;
      }

      .corona-banner__link {
          margin: 20px 0 0 20px;
          position: relative;

      }
  }*/
  /*
  .covid__main-tab {
      padding: 0 10px;
  }*/
  /*
  .covid__tab-link {
      height: 3.5rem;
      line-height: 3.5rem;
      font-size: 1.4875rem;
  }*/
  /*
  .covid-contents {
      padding: 10px;
  }*/
  /*
  .tab-nav.tab-flex ul li a span {
      vertical-align: middle;
      letter-spacing: -1px;
      word-break: keep-all;
  }
  */
  .btn {
    font-size: 12px !important;
  }
  .scroll-tbl-wrap,
  .scroll-wrap {
    display: block;
    position: relative;
    width: 100%;
  }
  .scroll-tbl-wrap .tbl,
  .scroll-tbl-wrap > div,
  .scroll-wrap > div {
    position: relative;
    width: 100%;
    overflow-x: auto;
  }
  .scroll-tbl-wrap .tbl table,
  .scroll-tbl-wrap > div table,
  .scroll-wrap > div table,
  .scroll-wrap > div > iframe {
    position: relative;
    width: 100%;
    min-width: 49rem;
    max-width: 80rem;
  }
  .scroll-wrap:before,
  .scroll-tbl-wrap:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 999;
    width: 43px;
    height: 12px;
    color: #333;
    font-size: 14px;
    background: url(/humanframe/globaltheme/assets/image/common/hint-table-scroll.png) no-repeat 0 0;
  }
  .scroll-wrap:after,
  .scroll-tbl-wrap:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0.75rem;
    background-image: url("/humanframe/globaltheme/assets/image/common/scroll-gradient-white.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  /*
  .covid-contents__confirm-case td:first-of-type {
      font-size: 1.75em;
  }

  .covid-contents__confirm-case td {
      font-size: 1.4em;
  }

  .covid-contents__confirm-case th:first-of-type {
      font-size: 1.2625rem;
      word-break: keep-all;
      line-height: 1.4;
  }

  .covid-contents__confirm-case th {
      font-size: 1.3625rem;
      word-break: keep-all;
      padding: 0 5px;
  }
  */
}
@media all and (max-width: 1151px) {
  .iframe_container {
    background: #fff !important;
  }
  .iframe_container > .content {
    top: 0 !important;
  }
}
.organ * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

/* common */
.tstyle09 {
  border: 1px solid #c8c8c8;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tstyle09 thead th,
.tstyle09 tbody td {
  padding: 13px 10px 13px 20px;
  border-bottom: 1px solid #c8c8c8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tstyle09 thead th {
  background: #f5f5f5;
  border-left: 1px solid #c8c8c8;
}

.tstyle09 thead th:first-child {
  border-left: 0;
}

.tstyle09 tbody tr td {
  border-left: 1px solid #ddd;
  line-height: 1.6;
}

.tstyle09 tbody tr td:first-child {
  border-left: 0;
}

/* organ search */
.search-box {
  margin-bottom: 40px;
}

.search-box select,
.search-box input[type=text] {
  background-color: #fff;
  color: #797979;
}

.search-box label {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
}

.search-box select {
  width: 155px;
}

.search-box input[type=text] {
  width: 475px;
  ime-mode: active;
}

.search-box {
  padding: 25px 40px 25px;
  background: #f4f6f7;
  border: 1px solid #ddd;
}

.search-box label .point {
  font-size: 14px;
  font-weight: bold;
  font-size: 14px;
}

.search-box .btn-group {
  margin-top: 0;
}

.search-box .tiny {
  height: 40px;
  background: #fff;
}

.btn.icon-search span:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background: url(/user/images/btn_search.png) no-repeat 0 0;
  vertical-align: middle;
}

/* organ-nav */
.organ-nav {
  position: relative;
  display: block;
  padding: 0 0 10px;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
}

.organ-nav .bt-back {
  position: absolute;
  left: 0;
  display: inline-block;
  height: 35px;
  background: url(/user/images/icon_prev.png) no-repeat left center;
  padding-left: 45px;
  line-height: 35px;
  vertical-align: middle;
}

.organ-nav strong {
  display: block;
  font-size: 18px;
  line-height: 35px;
}

.organ-nav .organ-tabs {
  position: absolute;
  right: 0;
  bottom: -1px;
  font-size: 0;
  margin-bottom: 0;
}

.organ-nav .organ-tabs:after {
  display: block;
  clear: both;
  content: "";
}

.organ-nav .organ-tabs li {
  position: relative;
  display: inline-block;
  text-align: center;
  background: #ebebeb;
  margin-right: 2px;
  border-top: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ-nav .organ-tabs li:after {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  display: block;
  background: #fff;
  content: "";
}

.organ-nav .organ-tabs li.on {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-bottom: 1px solid #fff;
}

.organ-nav .organ-tabs li.on a {
  font-weight: 600;
}

.organ-nav .organ-tabs li a {
  display: block;
  padding: 6px 20px;
}

.organ-map {
  height: 488px;
  background: #dceefe;
  margin-top: 40px;
}

/*.address {margin-top:20px;}*/
.address strong:before {
  display: inline-block;
  background: url(/user/images/icon_pin.png) no-repeat;
  width: 13px;
  height: 19px;
  margin-right: 5px;
  content: "";
  vertical-align: top;
}

/* organ */
.lineclear {
  clear: both !important;
}

.organ {
  position: relative;
  margin-top: 40px;
}

.organ:after {
  display: block;
  clear: both;
  content: "";
}

.organ a {
  position: relative;
  padding: 5px 2px 7px;
  display: inline-block;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 8px;
  letter-spacing: -0.5px;
}

.organ .seoulite > li > a {
  background: #2e99f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#2e99f8), to(#0d82e9));
  background: linear-gradient(to bottom, #2e99f8 0%, #0d82e9 100%);
  color: #fff;
}

/* shape */
.organ.vtype .shape1 {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
  width: 197px;
}

/*.organ.vtype .shape2{background:#7e7e7e;background: linear-gradient(#727272, #545454);border: 1px solid #5b5b5b;color: #fff;width:197px;height:28px;}*/
.organ.vtype .shape2 {
  width: 197px;
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ.vtype .shape3 {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #12477b;
  color: #222;
}

.organ.vtype .shape4 {
  background: #f4f9ff;
  border: 1px solid #7ebbf3;
  color: #222;
}

.organ.vtype .shape5 {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #4d4d4d;
  color: #222;
  height: 187px !important;
}

.organ.htype .shape1 {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #014081;
  color: #222;
  width: 197px;
  padding: 3px 5px;
}

.organ.htype .shape2 {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
  width: 197px;
  height: 28px;
  padding: 2px 0;
}

/*.organ.htype .shape3{background:#7e7e7e;background: linear-gradient(#727272, #545454);border: 1px solid #5b5b5b;color: #fff;padding:3px 0;}*/
.organ.htype .shape3 {
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ.htype .shape4 {
  background: #fff;
  border: 1px solid #c8c8c8;
  padding: 2px 0;
  min-height: 28px;
  margin-bottom: 2px;
  letter-spacing: -1px;
}

.organ.htype .shape5,
.organ.htype .shape6 {
  background: #ebebeb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#e1e1e1));
  background: linear-gradient(#ebebeb, #e1e1e1);
  border: 1px solid #5b5b5b;
  min-height: 28px;
  padding: 2px 0;
  color: #222;
  letter-spacing: -1px;
}

.organ.htype .shape5,
.organ.htype .shape6 {
  color: #222;
  background: #f4f9ff;
  border: 1px solid #7ebbf3;
}

.organ.htype .shape5 {
  margin-bottom: 5px;
}

.organ.htype .shape6 {
  margin-bottom: 5px;
  margin-top: 32px;
}

.organ.htype .shape6:before {
  content: "";
  position: absolute;
  top: -34px;
  left: 50%;
  width: 1px;
  height: 33px;
  background: #ddd;
}

.organ.htype .level3 a {
  display: block;
}

.organ.btype .shape1 {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
  width: 197px;
}

/*.organ.btype .shape2{background:#7e7e7e;background: linear-gradient(#727272, #545454);border: 1px solid #5b5b5b;color: #fff;width:197px;height:28px;}*/
.organ.btype .shape2 {
  width: 197px;
  height: 28px;
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ.ltype .shape1 {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #12477b;
  color: #222;
}

.organ.ltype .shape2 {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
}

/*.organ.ltype .shape3{background:#7e7e7e;background: linear-gradient(#727272, #545454);border: 1px solid #5b5b5b;color:#fff;}*/
.organ.ltype .shape3 {
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ.ltype .shape4 {
  background: #fff;
  border: 1px solid #c8c8c8;
  margin-bottom: 8px;
  letter-spacing: -1px;
}

.organ.ltype .shape5,
.organ.ltype .shape6 {
  color: #222;
  background: #f4f9ff;
  border: 1px solid #7ebbf3;
}

.organ.ltype .shape5 {
  margin-bottom: 10px;
}

.organ.ltype .shape6 {
  margin-top: 32px !important;
}

.organ.ltype .shape6:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -34px;
  width: 1px;
  height: 33px;
  background: #ddd;
}

/* 2019-07-29 4depth가 2개있을때 상위꺼 빼고 라인 없게 처리 */
.organ.ltype .shape6.shape6_other {
  margin-top: 5px !important;
}

.organ.ltype .shape6.shape6_other:before {
  background: transparent;
}

.organ.ltype .shape6 {
  margin-top: 32px !important;
}

.organ.ltype .shape6:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -34px;
  width: 1px;
  height: 33px;
  background: #ddd;
}

.organ.ltype .level3 a {
  display: block;
}

.organ.mo .shape1 {
  background: #2e99f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#2e99f8), to(#0d82e9));
  background: linear-gradient(to bottom, #2e99f8 0%, #0d82e9 100%);
  color: #fff;
}

.organ.mo .shape2 {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
  width: 130px;
}

.organ.mo .shape3 {
  width: 140px;
  min-height: 28px;
  line-height: 1;
  padding: 6px 0 4px;
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lv1 > li > a {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
}

/*.lv2>li>a{background:#7e7e7e;background: linear-gradient(#727272, #545454);border: 1px solid #5b5b5b;color: #fff;}*/
.lv2 > li > a {
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lv3 > li > a {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
}

.lv4 > li > a {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #4d4d4d;
  color: #222;
}

.lv5 > li > a {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
}

/*.lv6>li>a{background:#7e7e7e;background: linear-gradient(#727272, #545454);border: 1px solid #5b5b5b;color: #fff;}*/
.lv6 > li > a {
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lv7 > li > a {
  background: #fff;
  border: 1px solid #c8c8c8;
}

.organ.htype .level1 > li > a,
.organ.htype .level2 > li > a {
  margin-bottom: 30px;
}

.organ.vtype a,
.organ.htype a {
  margin-bottom: 5px;
  margin-top: 0;
}

.organ.vtype li,
.organ.htype li {
  position: relative;
  text-align: center;
}

.organ.vtype .level3 > li > a {
  width: 33px;
  height: 137px;
  text-align: center;
  padding: 6px 8px;
}

.organ.vtype .level4 > li > a {
  width: 33px;
  height: 117px;
  text-align: center;
  padding: 8px;
}

.organ.vtype .level1 > li > a:before,
.organ.vtype .level2 > li > a:before,
.organ.vtype .level4 > li > a:before,
.organ.htype .level1 > li > a:before,
.organ.htype .level2 > li > a:before {
  position: absolute;
  left: 50%;
  width: 1px;
  height: 32px;
  background: #dadada;
  content: "";
}

.organ.vtype .level1 > li > a:before {
  top: 27px;
}

.organ.vtype .level2 > li > a:before {
  top: 27px;
}

.organ.htype .level1 > li > a:before {
  top: 24px;
}

.organ.htype .level2 > li > a:before {
  top: 24px;
}

.organ.vtype .level4 > li > a:before {
  top: -6px;
  height: 5px;
}

/* organ vtype */
.organ.vtype a {
  line-height: 1.2em;
}

.organ.vtype .level1 > li > a,
.organ.vtype .level2 > li > a {
  margin-bottom: 30px;
}

.organ.vtype .level3 > li {
  float: left;
  text-align: center;
  padding-top: 20px;
  background: url(/user/images/organ/bg_orgvtype.png) no-repeat center top;
}

.organ.vtype .level3 > li:first-child {
  background: url(/user/images/organ/bg_orgvtype_l.png) no-repeat center top;
}

.organ.vtype .level3 > li:last-child {
  background: url(/user/images/organ/bg_orgvtype_r.png) no-repeat center top;
}

.organ.vtype.type2 .level3 > li {
  width: 50%;
}

.organ.vtype.type3 .level3 > li {
  width: 33.3333%;
}

.organ.vtype.type4 .level3 > li {
  width: 25%;
}

.organ.vtype.type5 .level3 > li {
  width: 20%;
}

.organ.vtype.type6 .level3 > li {
  width: 16.6666%;
}

.organ.vtype.type7 .level3 > li {
  width: 14.2857%;
}

.organ.vtype.type8 .level3 > li {
  width: 12.5%;
}

.organ.vtype.type9 .level3 > li {
  width: 11.1111%;
}

.organ.vtype.type2,
.organ.vtype.type3,
.organ.vtype.type4,
.organ.vtype.type5,
.organ.vtype.type6,
.organ.vtype.type5,
.organ.vtype.type7,
.organ.vtype.type8,
.organ.vtype.type9 {
  padding: 0 200px;
}

.organ.vtype .unique {
  margin-top: 50px;
}

.organ.vtype .unique {
  position: absolute;
  right: 0;
}

/* 시민감사옴부즈만 */
.organ.vtype .long3 .shape1 {
  margin-bottom: 100px;
}

.organ.vtype .long3 .shape1:before {
  height: 100px;
  top: 28px;
}

.organ.vtype .unique2 {
  position: absolute;
  right: 0;
  top: 70px;
}

.organ.vtype .unique2:before {
  content: "";
  position: absolute;
  left: -59px;
  top: 14px;
  height: 1px;
  width: 60px;
  background: #ddd;
  display: inline-block;
}

/* organ htype */
.organ.htype {
  margin: 40px auto 0;
}

.organ.htype.type2 {
  width: 300px;
}

.organ.htype.type3 {
  width: 451px;
}

.organ.htype.type4 {
  width: 650px;
}

.organ.htype.type5 {
  width: 721px;
}

.organ.htype.type6,
.organ.htype.type7 {
  width: 750px;
}

.organ.htype .level3 > li {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ.htype.type6 .level3 > li,
.organ.htype.type7 .level3 > li {
  padding: 20px 5px 0;
}

.organ.htype li {
  text-align: center;
}

.organ.htype .level3:after {
  display: block;
  clear: both;
  content: "";
}

.organ.htype .level3 > li {
  float: left;
  text-align: center;
  margin-bottom: 40px;
}

.organ.htype .level3 > li > a,
.organ.htype .special > li > a {
  margin-bottom: 5px;
}

.organ.htype .level4 {
  position: relative;
}

.organ.htype .special > li {
  margin-top: 40px;
}

.organ.htype .special > li:before {
  position: absolute;
  top: -50px;
  left: 50%;
  display: inline-block;
  content: "";
  width: 1px;
  height: 50px;
  background: #dadada;
}

.organ.htype.type2 .level3 > li {
  width: 50%;
}

.organ.htype.type3 .level3 > li {
  width: 33.3333%;
}

.organ.htype.type6 .level3 > li,
.organ.htype.type7 .level3 > li {
  width: 16.6666%;
}

.organ.htype.type4 .level3 > li,
.organ.htype.type8 .level3 > li {
  width: 25%;
}

.organ.htype.type5 .level3 > li,
.organ.htype.type9 .level3 > li,
.organ.htype.type10 .level3 > li {
  width: 20%;
}

.organ.htype .level4 > li > a,
.organ.htype .level5 > li > a {
  margin-bottom: 2px;
}

.organ.htype .level3 > li {
  display: inline-block;
  text-align: center;
  padding-top: 20px;
  background: url(/user/images/organ/bg_orgvtype.png) no-repeat center top;
}

.organ.htype .level3 > li:first-child,
.organ.htype.type8 .level3 > li:nth-child(5),
.organ.htype.type9 .level3 > li:nth-child(6) {
  background: url(/user/images/organ/bg_orgvtype_l.png) no-repeat center top;
}

.organ.htype .level3 > li:last-child,
.organ.htype.type7 .level3 > li:nth-child(6),
.organ.htype.type8 .level3 > li:nth-child(4),
.organ.htype.type9 .level3 > li:nth-child(5) {
  background: url(/user/images/organ/bg_orgvtype_r.png) no-repeat center top;
}

.organ.htype.type7 .level3 > li:nth-child(7) {
  background: none;
  clear: both;
}

.organ.htype.type7 .level3 > li:nth-child(5),
.organ.htype.type7 .level3 > li:nth-child(6),
.organ.htype.type7 .level3 > li:nth-child(7),
.organ.htype.type8 .level3 > li:nth-child(5),
.organ.htype.type8 .level3 > li:nth-child(6),
.organ.htype.type8 .level3 > li:nth-child(7),
.organ.htype.type8 .level3 > li:nth-child(8),
.organ.htype.type9 .level3 > li:nth-child(6),
.organ.htype.type9 .level3 > li:nth-child(7),
.organ.htype.type9 .level3 > li:nth-child(8),
.organ.htype.type9 .level3 > li:nth-child(9) {
  height: auto !important;
}

.organ.htype.type2 .midline,
.organ.htype.type3 .midline,
.organ.htype.type4 .midline,
.organ.htype.type5 .midline,
.organ.htype.type6 .midline {
  display: none;
}

.organ.htype.type7 .midline,
.organ.htype.type8 .midline,
.organ.htype.type9 .midline {
  position: absolute;
  top: 104px;
  left: 50%;
  width: 1px;
  background: #dadada;
}

/* 문화본부 */
.organ.htype .level1 .long .shape1 {
  margin-bottom: 320px;
}

/* 2020-01-13 margin-bottom:284px; */
.organ.htype .level1 .long .shape1:before {
  height: 437px;
  top: 24px;
}

.long div {
  position: absolute;
  right: 10px;
  top: 50px;
}

.long .uniquelv1 > li > a {
  width: 192px;
  padding: 3px 5px;
  margin-bottom: 20px;
}

.long .uniquelv1 > li:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 29px;
  width: 1px;
  height: 20px;
  background: #dadada;
}

.long .uniquelv1:after {
  content: "";
  position: absolute;
  left: -70px;
  top: 15px;
  width: 112px;
  height: 1px;
  background: #dadada;
}

.long .uniquelv1 {
  width: 100%;
}

.long .uniquelv2:after {
  display: block;
  clear: both;
  content: "";
}

.long .uniquelv2 > li {
  width: 50%;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.long .uniquelv2 > li a {
  width: 120px;
  display: block;
}

.long .uniquelv2 > li {
  padding: 20px 10px 0;
  background: url(/user/images/organ/bg_orgvtype_r.png) no-repeat center top;
}

.long .uniquelv2 > li:first-child {
  background: url(/user/images/organ/bg_orgvtype_l.png) no-repeat center top;
}

/* 푸른 도시국 */
.long2 div {
  position: absolute;
  right: 90px;
  top: 50px;
}

.long2 .uniquelv1 > li {
  padding-top: 30px;
}

.long2 .uniquelv1 > li > a {
  width: 120px;
  padding: 3px 5px;
  margin-bottom: 20px;
}

.long2 .uniquelv1 > li:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 1px;
  height: 20px;
  background: #dadada;
}

.long2 .uniquelv1:after {
  content: "";
  position: absolute;
  left: -150px;
  top: 10px;
  width: 210px;
  height: 1px;
  background: #dadada;
}

.long2 .uniquelv1 {
  width: 100%;
}

.long2 .uniquelv2:after {
  display: block;
  clear: both;
  content: "";
}

.long2 .uniquelv2 > li {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.long2 .uniquelv2 > li a {
  display: block;
}

.organ.htype .level1 .long2 .shape1:before {
  height: 114px;
  top: 24px;
}

/* 지역발전본부 */
.level1_inner {
  position: relative;
}

.level1_inner > a {
  position: absolute;
  left: 50%;
  top: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

.level1_inner .level3 {
  position: relative;
}

.level1_inner .level3 > li {
  position: relative;
  padding-top: 50px !important;
  background-image: none !important;
}

.level1_inner .level3 > li:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 50px;
  background: #ddd;
  content: "";
  z-index: 5;
}

.level1_inner .level3 > li:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  content: "";
  z-index: 5;
}

.level1_inner .level3 > li:nth-child(1):after {
  left: auto;
  right: 0;
  width: 50%;
}

.level1_inner .level3 > li:nth-last-child(1):after {
  width: 50%;
}

/*
.organ.htype .levelwrap:after, .organ.htype .levelwrap .branch:after{display:block;clear:both;content:'';}
.organ.htype .levelwrap .in1, .organ.htype .levelwrap .in2 {position:relative;float:left;padding-top:30px;}
.organ.htype .levelwrap {margin:0 auto;width:700px;}
.organ.htype .levelwrap .in3 {position:relative;margin-top:67px;float:left;}
.organ.htype .levelwrap .branch>li{float:left;margin-top:55px;}
.organ.htype .levelwrap:after {content:'';position:absolute;left:50%;width:487px;height:1px;background:#dadada;transform:translateX(-42.3%); }
.organ.htype .levelwrap a{position:relative;width:120px; margin-left:10px; margin-right:10px; }
.organ.htype .levelwrap div:before, .organ.htype2 .levelwrap div:after, .organ.htype .levelwrap div>a:before, .organ.htype2 .levelwrap div>a:after,.branch:before,.branch>li:before{content:'';position:absolute;width:1px;background:#dadada;}
.organ.htype .levelwrap .in1:before {left:144px;top:0;height:30px;}
.organ.htype .levelwrap .in2:before {left:70px;top:0;height:30px;}
.organ.htype .levelwrap .in1>a:before {top:31px;height:32px;left:62px;}
.organ.htype .levelwrap .in2>a:before {top:31px;height:70px;left:59px;}
*/
.branch > li:before {
  left: 50%;
  height: 30px;
  top: -30px;
}

.in3 .branch > li:before {
  height: 130px;
  top: -119px;
}

.in1 .branch:before {
  top: 94px;
  left: 70px;
  right: 70px;
  height: 1px;
  width: auto;
}

.organ.mo {
  margin-top: 0;
  padding-top: 20px;
}

.organ.mo a {
  padding: 5px 0 7px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -1px;
}

.organ.mo .level1 > li {
  position: relative;
}

.organ.mo .level1 > li > a:after {
  position: absolute;
  top: 32px;
  left: 68px;
  bottom: 0;
  width: 1px;
  height: auto;
  background: #c8c8c8;
  content: "";
}

.organ.mo .level1 > li > a {
  margin-top: 0;
}

.organ.mo .org_top {
  display: block;
  width: 130px;
  padding: 5px 0 7px;
  text-align: center;
}

.organ.mo .level1 > li > a,
.organ.mo .level2 > li > a,
.organ.mo .hasul.unique .level3 a {
  width: 130px;
}

.organ.mo .hasul {
  margin-top: 25px;
  background: url(/user/images/organ/bg_orgmo_l.png) repeat-x top;
}

.organ.mo .level2 > li {
  position: relative;
}

.organ.mo .level2 > li:before {
  position: absolute;
  top: 39px;
  left: 68px;
  bottom: -32px;
  width: 1px;
  height: auto;
  background: #c8c8c8;
  content: "";
}

.organ.mo .level2 > li:last-child::before {
  display: none;
}

.organ.mo .level2 > li:first-child {
  margin-top: 0;
}

.organ.mo .level2 > li:after {
  display: block;
  clear: both;
  content: "";
}

.organ.mo .level3 {
  float: right;
  margin-top: 2px;
}

.organ.mo .level3 > li:first-child {
  background: url(/user/images/organ/bg_orgmo_first.png) no-repeat left center;
}

.organ.mo .level3 > li:last-child {
  background: url(/user/images/organ/bg_orgmo_last.png) no-repeat left center;
}

.organ.mo .level3 > li:only-child {
  background: none;
}

.organ.mo .level3 > li {
  padding-left: 10px;
  background: url(/user/images/organ/bg_orgmo.png) no-repeat left center;
}

.organ.mo .hasul.unique {
  background: none;
  margin-top: 0;
}

.organ.mo .unique .level3 {
  float: none;
}

.organ.mo .unique .level3 li {
  background: none;
  padding-left: 0;
}

/* 2018-07-10 추가 (글자가 너무 밑으로 떨어져서 추가함)*/
/* .organ.mo .shape3{padding:3px 0 7px;} */
/* organ detail */
.organ-detail {
  margin-top: 40px;
}

.organ-detail .detail-box {
  display: table;
  width: 100%;
  table-layout: fixed;
  border: 1px solid #c8c8c8;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ-detail dl {
  display: table-row;
}

.organ-detail dt,
.organ-detail dd {
  display: table-cell;
  padding: 7px 10px;
  vertical-align: middle;
  border-bottom: 1px solid #c8c8c8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ-detail dt {
  width: 237px;
  background: #f5f5f5;
  border-right: 1px solid #c8c8c8;
}

.organ-detail dd {
  background: #fff;
}

.organ-detail h4 {
  padding: 22px 0 10px;
}

.organ-detail h4 strong {
  font-weight: 600;
  font-size: 16px;
}

.organ-detail h4 span {
  font-size: 14px;
}

.organ-detail h4 strong:after {
  display: inline-block;
  margin: 0 8px 0 14px;
  border-left: 1px solid #dcdcdc;
  width: 0;
  height: 13px;
  content: "";
  vertical-align: middle;
}

.organ-detail dt strong,
.organ-detail dt span {
  display: block;
  font-size: 14px;
}

.organ-detail .listtype1 li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.6em;
}

/* 2018-07-10 content - 삭제 */
/* .organ-detail .listtype1 li:before{content:'-';position:absolute;left:0;} */
.organ-detail .listtype1 li:before {
  content: "";
  position: absolute;
  left: 0;
}

.organ-detail .btn-view {
  display: inline-block;
  background: #ebebeb;
  border: 1px solid #767676;
  padding: 2px 12px 1px;
  font-size: 14px;
}

.organ-detail .bt_none {
  border-top: none;
}

.organ-detail.type2 {
  margin-top: 20px;
}

.organ-detail.type2 dt,
.organ-detail.type2 dd {
  padding: 20px 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ-detail.type2 dt {
  width: 15%;
  vertical-align: middle;
  border-left: 1px solid #dcdcdc;
  text-align: center;
}

.organ-detail.type2 dt:first-child {
  border-left: 0;
}

/*
.organ-detail.type2 dd{width:35%;vertical-align:middle;}
.organ-detail.type2 dd:last-child {width:42%;}
*/
.organ-detail.type2 .desc {
  display: block;
  padding: 20px;
  border: 1px solid #c8c8c8;
  border-top: 0;
}

.organ-detail.type2 .desc li {
  font-size: 1em;
}

/* organ3 ltype*/
.organ.ltype {
  position: relative;
  margin: 40px auto 0;
  display: block;
  width: 750px;
}

.organ.ltype li {
  position: relative;
}

.organ.ltype li:before,
.organ.ltype li:after {
  position: absolute;
  width: 1px;
  background: #dadada;
  content: "";
}

.organ.ltype a {
  position: relative;
  display: inline-block;
  padding: 2px 5px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
}

/*.organ.ltype .type6 .clear, .organ.ltype .type7 .clear, .organ.ltype .type8 .clear {clear:both;}*/
.organ.ltype .level1 > li > a {
  width: 120px;
  margin-bottom: 28px;
  margin-top: 0;
}

.organ.ltype .level2 > li > a {
  width: 120px;
}

.organ.ltype .level3 > li > a {
  height: 24px;
  line-height: 20px;
  padding: 0;
}

.organ.ltype .level3 > li a {
  width: 130px;
  margin-top: 10px;
}

.organ.ltype .level4 {
  margin-top: 5px;
}

.organ.ltype .level4 > li > a {
  margin: 2px 0;
  padding: 3px 0;
  letter-spacing: -1px;
}

.organ.ltype .level4 > li:last-child > a {
  margin-bottom: 40px;
}

.organ.ltype .level5 {
  margin-top: 5px;
}

.organ.ltype .level5 > li > a {
  margin: 2px 0;
  padding: 3px 0;
  letter-spacing: -1px;
}

.organ.ltype .level5 > li > ul > li > a {
  margin: 2px 0;
}

/*.organ.ltype .type5 .level3 a{width:110px;}*/
.organ.ltype .type6 .clear:before {
  display: none;
}

.organ.ltype .level2 > li.type1:after,
.organ.ltype .level2 > li.type3:after,
.organ.ltype .level2 > li.type3:after,
.organ.ltype .level2 > li.type4:after,
.organ.ltype .level2 > li.type5:after {
  display: none;
}

.organ.ltype .level2 > li {
  display: block;
  overflow: hidden;
  min-height: 38px;
}

.organ.ltype .level1 > li:before {
  top: 15px;
  left: 60px;
  height: 58px;
}

.organ.ltype .level2 > li:before {
  top: 23px;
  left: 60px;
  bottom: -8px;
  height: auto;
}

.organ.ltype .level2 > li:last-child::before {
  display: none;
}

.organ.ltype .level2 > li > a:before {
  content: "";
  position: absolute;
  right: -25px;
  top: 11px;
  bottom: 0;
  height: 1px;
  width: 25px;
  background: #dadada;
}

.organ.ltype .level2 > li:before {
  display: block;
  clear: both;
  content: "";
}

.organ.ltype .level1 > .type1:before {
  height: 90px;
}

.organ.ltype .level1 > li > .level3 > li > a {
  margin-bottom: 20px;
}

.organ.ltype .level1 > li > .level3:after {
  content: "";
  position: absolute;
  left: 0;
  height: 300px;
  width: 1px;
  background: #ddd;
}

.organ.ltype .level3 {
  position: relative;
  margin-left: 130px;
  margin-top: -34px;
  clear: both;
}

.organ.ltype .level3:after {
  display: block;
  content: "";
  clear: both;
}

.organ.ltype .level3 > li {
  position: relative;
  float: left;
  margin-left: 13px;
  vertical-align: top;
}

.organ.ltype .level3 > li:before {
  content: "";
  position: absolute;
  left: -13px;
  top: 21px;
  bottom: 0;
  height: 1px;
  width: 13px;
  background: #dadada;
}

.organ.ltype .level3 > li:nth-child(1):before {
  display: none;
}

.organ.ltype [class^=midline],
.organ.ltype[class*=midline],
.organ.ltype [class^=midline]:before,
.organ.ltype[class*=midline]:before {
  position: absolute;
  background: #dadada;
}

.organ.ltype .midline2 {
  height: 300px;
  left: 85px;
  top: 80px;
  width: 1px;
}

.organ.ltype .midline2:before {
  display: block;
  height: 1px;
  top: 300px;
  width: 100px;
  content: "";
}

.organ.ltype .midline3 {
  height: 265px;
  left: 70px;
  top: 77px;
  width: 1px;
}

.organ.ltype .midline3:before {
  display: block;
  height: 1px;
  top: 265px;
  width: 100px;
  content: "";
}

.organ.ltype .midline4 {
  height: 235px;
  left: 183px;
  top: 70px;
  width: 1px;
}

.organ.ltype .midline5 {
  height: 537px;
  left: 70px;
  top: 50px;
  width: 1px;
}

.organ.ltype .level1 > li > .level3 > li:first-child::before {
  width: 80px;
  left: -82px;
}

.organ.ltype .level1 > li > .level3:after {
  height: 100%;
  top: 22px;
}

.orgline {
  position: absolute;
  background: #ddd;
  width: 1px;
}

.organ.ltype .level3 .unique:before,
.organ.ltype .level3 .unique:after {
  content: "";
  position: absolute;
  display: inline-block;
  background: #dadada;
}

.organ.ltype .level3 .unique:before {
  left: -75px;
  width: 110px;
  top: 25px;
  height: 1px;
}

.organ.ltype .level3 .unique:after {
  height: 19px;
  width: 1px;
  left: -75px;
  top: 17px;
}

.organ.ltype .level3 .unique,
.organ3.ltype .level3 .unique3 {
  margin-top: 22px;
}

.organ.ltype .level3 .unique .level4 {
  margin-top: 5px;
}

/* 기획조정실 1인가구특별대책추진 TF */
.organ.ltype .level3.tf {
  margin-top: -52px;
}

.organ.ltype .level3.tf > li > a {
  letter-spacing: -0.1em;
}

.organ2 .org_top {
  display: block;
  width: 197px;
  height: 50px;
  padding: 12px 5px 7px;
  color: #fff;
  text-align: center;
  background: #2d2a6f !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ2 a {
  display: inline-block;
  width: 187px;
  height: 32px;
  padding: 5px 5px 7px;
  text-align: center;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.organ2 .seoulite {
  width: 910px;
  height: 100%;
  margin: 0 auto;
  background: url("/user/images/organ/bg_atp1_new_20190104.gif") no-repeat center top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.organ2 .seoulite > li {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.organ2 .seoulite > li > a {
  color: #fff;
  background: #2e99f8;
  background: #2d2a6f !important;
}

.organ2 .level1 > li > a {
  background: #f0f0f0;
  background: linear-gradient(-45deg, #00a1ab, #0086ba) !important;
  color: #fff;
  border: 1px solid #c4c4c4;
}

.organ2 .level2 > li > a {
  background: #7e7e7e;
  background: #fff;
  border: 1px solid #c4c4c4;
  color: #222;
}

.organ2 .level3 > li > a {
  background: #f0f0f0;
  background: #0070bc !important;
  color: #fff;
  border: 1px solid #c4c4c4;
}

.organ2 .level4 > li > a {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #12477b;
  width: 33px;
  height: 198px;
  text-align: center;
  padding: 6px 8px;
  line-height: 1.2rem;
}

/* 본청 */
.organ2.atp1 {
  position: relative;
  width: auto;
  min-width: 912px;
  height: 665px;
  margin: 40px auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ2.atp1 .seoulite > li > a,
.organ2.atp1 .level1 > li > a {
  width: 197px;
  height: 50px;
  margin-top: 0;
  /* line-height: 41px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.organ2.atp1 .level2 > li > a {
  width: 157px;
  height: 28px;
  line-height: 24px;
  padding: 0 5px;
  border: 1px solid #ccc;
  background: #9d9d9d;
  color: #fff;
}

.organ2.atp1 .level2 > li > a.bg-none {
  background: #fff;
  color: #333;
}

.organ2.atp1 .level3 > li > a {
  width: 197px;
  height: 32px;
  margin-top: 0;
}

.organ2.atp1 .org0 {
  position: absolute;
  left: 357px;
  top: 0;
}

.organ2.atp1 .org1 {
  position: absolute;
  left: 357px;
  top: 65px;
  background: #0070bc !important;
}

.organ2.atp1 .org2 {
  position: absolute;
  left: 144px;
  top: 234px;
}

.organ2.atp1 .org3 {
  position: absolute;
  left: 357px;
  top: 234px;
}

.organ2.atp1 .org4 {
  position: absolute;
  left: 620px;
  top: 234px;
}

/* .organ2.atp1 .str_4-1 { position:absolute; left:110px; top:400px; } */
.organ2.atp1 .str_4-1 {
  position: absolute;
  left: 135px;
  top: 391px;
}

.organ2.atp1 .str_4-1:after {
  display: block;
  content: "";
  clear: both;
}

.organ2.atp1 .str_4-1 > li {
  float: left;
  margin-right: 8px;
}

.organ2.atp1 .str_4-1 > li:not(.str),
.organ2.atp1 .str_4-2 > li:not(.str) {
  position: relative;
  top: 20px;
}

.organ2.atp1 .str_4-1 > li:not(.str) a,
.organ2.atp1 .str_4-2 > li:not(.str) a {
  border-top: 4px solid darkgreen;
}

.organ2.atp1 .str_4-2.sec > li:not(.str-2) {
  position: relative;
  top: 40px;
}

.organ2.atp1 .str_4-2.sec > li:not(.str-2) a {
  border-top: 1px solid #aaa;
}

.organ2.atp1 .str_4-0 {
  position: absolute;
  left: 0px;
  top: 393px;
}

.organ2.atp1 .str_4-0 > li {
  float: left;
  margin-right: 8px;
}

.organ2.atp1 .str_4-0 > li:not(:first-of-type) {
  position: relative;
  top: 20px;
}

.organ2.atp1 .str_4-0 > li:not(:first-of-type) a {
  border-top: 4px solid darkgreen;
}

/* .organ2.atp1 .str_4-2 { position:absolute; right:11px; top:400px; } */
.organ2.atp1 .str_4-2 {
  position: absolute;
  right: 20px;
  top: 390px;
}

.organ2.atp1 .str_4-2:after {
  display: block;
  content: "";
  clear: both;
}

.organ2.atp1 .str_4-2 > li {
  float: left;
  margin-left: 8px;
}

.organ2.atp1 .str_4-3 {
  position: absolute;
  right: 7px;
  top: 415px;
}

.organ2.atp1 .str_4-3:after {
  display: block;
  content: "";
  clear: both;
}

.organ2.atp1 .str_4-3 > li {
  float: left;
  margin-left: 8px;
}

.organ2 .level4.str_4-3 > li > a {
  width: 30px;
  height: 122px;
}

.organ2.atp1 .org1_1 {
  position: absolute;
  left: 270px;
  top: 91px;
}

.organ2.atp1 .org1_2 {
  position: absolute;
  left: 477px;
  top: 91px;
}

.organ2.atp1 .org1_3 {
  position: absolute;
  left: 270px;
  top: 124px;
}

.organ2.atp1 .org1_4 {
  position: absolute;
  left: 477px;
  top: 124px;
}

.organ2.atp1 .org1_5 {
  position: absolute;
  left: 270px;
  top: 157px;
}

.organ2.atp1 .org1_6 {
  position: absolute;
  left: 477px;
  top: 157px;
}

.organ2.atp1 .org2_1 {
  position: absolute;
  left: 82px;
  top: 300px;
  width: 140px !important;
}

.organ2.atp1 .org2_2 {
  position: absolute;
  left: 255px;
  top: 298px;
  width: 140px !important;
}

.organ2.atp1 .org2_2:before {
  position: absolute;
  left: -18px;
  top: 50%;
  width: 17px;
  height: 1px;
  background: #ddd;
  content: "";
}

.organ2.atp1 .org2_3 {
  position: absolute;
  left: 82px;
  top: 294px;
  width: 140px !important;
}

.organ2.atp1 .org2_3:after {
  position: absolute;
  right: -18px;
  top: 50%;
  width: 17px;
  height: 1px;
  background: #ddd;
  content: "";
}

.organ2.atp1 .org2_4 {
  position: absolute;
  left: 255px;
  top: 294px;
  width: 140px !important;
}

.organ2.atp1 .org2_4:before {
  position: absolute;
  left: -18px;
  top: 50%;
  width: 17px;
  height: 1px;
  background: #ddd;
  content: "";
}

.organ2.atp1 .org2_5 {
  position: absolute;
  left: 82px;
  top: 327px;
  width: 140px !important;
}

.organ2.atp1 .org2_5:after {
  position: absolute;
  right: -18px;
  top: 50%;
  width: 17px;
  height: 1px;
  background: #ddd;
  content: "";
}

.organ2.atp1 .org2_6 {
  position: absolute;
  left: 255px;
  top: 327px;
  width: 140px !important;
}

.organ2.atp1 .org2_6:before {
  position: absolute;
  left: -18px;
  top: 50%;
  width: 17px;
  height: 1px;
  background: #ddd;
  content: "";
}

.organ2.atp1 .org3_1 {
  position: absolute;
  left: 470px;
  top: 261px;
  width: 140px !important;
}

.organ2.atp1 .org3_2 {
  position: absolute;
  left: 470px;
  top: 294px;
  width: 140px !important;
}

.organ2.atp1 .org3_3 {
  position: absolute;
  left: 470px;
  top: 327px;
  width: 140px !important;
}

.organ2.atp1 .org4_1 {
  position: absolute;
  left: 684px;
  top: 261px;
  width: 140px !important;
}

/* 정무부시장 2019-01-04 */
.organ2.atp1 .org1_9 {
  position: absolute;
  left: 5px;
  top: 485px;
}

/* 합의제 행정기관 추가 2019-07-23 */
/* .organ2.atp0723 .seoulite {background:url("/user/images/organ/bg_atp1_new_20190723.png") no-repeat center top; } */
.organ2.atp0723 .seoulite {
  background: url("/user/images/organ/bg_atp1_new_20200402.png") no-repeat center top;
}

/* 2020-04-02 소방재난본부 위치 변경 */
.organ2.atp0723 .org1_1,
.organ2.atp0723 .org1_2 {
  top: 129px;
}

.organ2.atp0723 .org1_3,
.organ2.atp0723 .org1_4 {
  top: 162px;
}

.organ2.atp0723 .level1_another {
  position: absolute;
  top: 50px;
  right: 0;
  background: #fff;
  border: 1px solid #89c2f6;
  padding: 10px;
}

.organ2.atp0723 .level1_another > strong {
  display: block;
  text-align: center;
}

.organ2.atp0723 .level1_another ul li {
  margin-top: 5px;
}

/* 2020-04-02 소방재난본부 위치 변경 */
.organ2.atp1 .level1 > li > a.org6 {
  position: absolute;
  top: 370px;
  right: 2px;
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #12477b;
  width: 33px;
  height: 137px;
  text-align: center;
  padding: 6px 8px;
  line-height: 1.2rem;
}

@media all and (max-width: 1150px) {
  .organ2.atp1 {
    min-width: 990px;
  }
}
@media all and (max-width: 990px) {
  .organ2.atp1 {
    width: 100%;
    min-width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: auto;
  }
}
.organ.btype {
  margin-left: 20px;
}

.organ.btype a {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 0;
}

.organ.btype .golink {
  float: left;
}

.organ.btype .level1 > li {
  position: relative;
}

.organ.btype .level1 > li > a,
.organ.btype .level1 > li > strong {
  display: inline-block;
  margin-top: 10px;
  width: 187px;
  height: 32px;
  font-weight: 400;
}

.organ.btype .level1 > li > strong {
  position: relative;
  padding: 2px 0;
  text-align: center;
  letter-spacing: -0.5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 26px;
}

/* 2019-10-14 */
.organ.btype .level2 {
  position: relative;
  margin-left: 213px;
  margin-top: -33px;
}

.organ.btype .level2 li {
  width: 660px;
}

.organ.btype .level2:before {
  position: absolute;
  left: -26px;
  top: 18px;
  display: inline-block;
  content: "";
  width: 26px;
  height: 1px;
  background: #dadada;
}

.organ.btype .level2 > li > a {
  float: left;
  display: inline-block;
  height: 28px;
  margin-right: 20px;
}

.organ.btype .level2 > li .golink {
  height: 28px;
  min-width: 250px;
  background: #fff;
  border: 0;
  color: #222;
  text-align: left;
}

.organ.btype .level2 > li:first-child {
  background: url(/user/images/organ/bg_orgmo_first.png) no-repeat 0 center;
}

.organ.btype .level2 > li:last-child {
  background: url(/user/images/organ/bg_orgmo_last.png) no-repeat 0 center;
}

.organ.btype .level2 > li {
  float: left;
  padding-left: 27px;
  background: url(/user/images/organ/bg_orgmo.png) no-repeat 0 center;
}

.organ.btype2 {
  position: relative;
  margin-left: 0px;
  min-height: 400px;
  overflow-x: auto;
}

/* 2019-01-29 margin-left: 20px */
.organ.btype2 li a {
  position: relative;
  border: 1px solid #cacaca;
  padding: 3px 16px;
  width: 150px;
  height: 30px;
  margin-right: 40px;
}

.organ.btype2 li {
  display: table;
}

.organ.btype2 li {
  /* padding-right:20px; */
}

.organ.btype2 > ul > li > a {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f0f0f0));
  background: linear-gradient(to bottom, white 0%, #f0f0f0 100%);
  border: 1px solid #c4c4c4;
}

/*.organ.btype2 ul ul a{width:187px;height:28px;background:rgba(126,126,126,1);background: linear-gradient(to bottom, rgba(126,126,126,1) 0%, rgba(84,84,84,1) 100%);border:1px solid #5b5b5b;color:#fff;}*/
.organ.btype2 ul ul a {
  width: 187px;
  height: 28px;
  color: #222;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organ.btype2 .level1 a {
  text-align: center;
}

.organ.btype2 .level1 > li > a {
  padding: 3px 12px;
}

.organ.btype2 .has-sub > a:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/user/images/organ/icon_tree.png) no-repeat 0 100%;
}

.organ.btype2 .has-sub > a.active {
  background: #fff;
  border: 1px solid #222;
  color: #222;
}

.organ.btype2 .has-sub > a.active:after {
  background-position: 0 0;
}

.organ.btype2 .level1 ul {
  display: table-cell;
  width: 100%;
  position: relative;
}

.organ.btype2 .level1 ul:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 22px;
  height: 1px;
  width: 20px;
  background: #dadada;
}

.organ.btype2 .level2 ul {
  display: none;
}

.organ.btype2 .level2 a {
  text-align: left;
}

.organ.btype2 .level2 li {
  position: relative;
}

/* .organ.btype2 .level2 li a:{background:url(/user/images/organ/bg_orgmo.png) no-repeat left center;} */
.organ.btype2 .level2 li:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  height: auto;
  width: 1px;
  background: #dadada;
}

.organ.btype2 .level1 ul > li:first-child:before {
  top: 22px;
}

.organ.btype2 .level1 ul > li:only-child:before {
  display: none;
}

.organ.btype2 .level1 ul > li:last-child:before {
  height: 22px;
}

.organ.btype2 .level2 li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -21px;
  width: 20px;
  height: 1px;
  background: #dadada;
}

.organ.btype2 .level2 ul.active {
  display: table-cell;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* 아동복지센터 2줄 수정 */
.organ.btype2 .level2#a6110540 li:last-child a {
  height: auto;
}

.organ.btype2 .level1 ul.level2#a6110540 > li:last-child:before {
  height: 32px;
}

/* organ box */
.lv1 > li > a {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
}

.lv2 > li > a {
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(#545454));
  background: linear-gradient(#727272, #545454);
  border: 1px solid #5b5b5b;
  color: #fff;
}

.lv3 > li > a {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
}

.lv4 > li > a {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #4d4d4d;
  color: #222;
}

.lv5 > li > a {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #c4c4c4;
}

.lv6 > li > a {
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(#545454));
  background: linear-gradient(#727272, #545454);
  border: 1px solid #5b5b5b;
  color: #fff;
}

.lv7 > li > a {
  background: #fff;
  border: 1px solid #c8c8c8;
}

/* other */
.organ .other ul li {
  display: inline-block;
  text-align: center;
  background: none;
}

.organ .other ul li,
.organ .other ul li:first-child,
.organ .other ul li:last-child {
  background: none;
}

.organ .other {
  display: block;
  text-align: right;
}

.organ .other ul {
  float: right;
  position: relative;
  width: 127px;
}

.organ .other ul:before {
  display: none;
}

.organ .other {
  margin-top: 40px;
  background: url(/user/images/organ/bg_dotted.png) repeat-x top;
  padding-top: 20px;
}

.organ .other a {
  display: inline-block;
  margin-bottom: 8px;
  width: 124px;
  margin-left: 0;
}

.organ .other > a {
  text-align: center;
  margin-left: 10px;
  width: 137px;
  padding: 3px 5px 2px;
  background: #d7eeff;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7eeff), to(#afd6ff));
  background: linear-gradient(to bottom, #d7eeff 0%, #afd6ff 100%);
  border: 1px solid #89c2f6;
  color: #222;
}

.organ .other ul > li > a {
  margin-bottom: 20px;
}

/* mobile */
/* organ-nav */
.mobile .organ-nav {
  position: relative;
  display: block;
  padding: 15px 0 10px 40px;
  border-bottom: 0;
}

/* 2019-01-23 수정 padding: 15px 0 10px; */
.mobile .organ-nav .bt-back {
  position: absolute;
  left: 0;
  padding: 0;
  display: inline-block;
  width: 35px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.mobile .organ-nav strong {
  display: block;
  text-align: center;
  margin-bottom: 15px;
  padding-top: 8px;
  padding-right: 30px;
  font-size: 18px;
  line-height: 1.3;
}

/* 2019-01-23 수정 */
.mobile .organ-nav .organ-tabs {
  position: static;
}

.mobile .organ-nav .organ-tabs:after {
  display: block;
  clear: both;
  content: "";
}

.mobile .organ-nav .organ-tabs li {
  float: left;
  width: 50%;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #797979;
  margin-right: 0;
}

.mobile .organ-nav .organ-tabs li.on {
  background: #f4f9ff;
  border: 1px solid #0d82e9;
}

.mobile .organ-nav .organ-tabs li.on a {
  color: #0d82e9;
  font-weight: 600;
}

.mobile .organ-nav .organ-tabs li:after {
  display: none;
}

/* organ-list */
.mobile .organ-list li a {
  position: relative;
  display: block;
  border-bottom: 1px solid #797979;
  padding: 12px 10px;
}

.mobile .organ-list li a:after {
  display: inline-block;
  position: absolute;
  width: 7px;
  height: 14px;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  background: url(/user/images/icon_link_m.png) no-repeat center center;
  content: "";
}

.mobile .organ-detail {
  margin-top: 10px;
  border-top: 1px solid #747474;
}

.mobile .organ-detail h4 {
  padding: 15px 10px;
  border-top: 0;
}

.mobile .organ-detail h4 strong {
  margin-right: 20px;
  color: #0c82e9;
}

.mobile .organ-detail .organ-detail-inner {
  background: #f5f5f5;
  padding: 0 15px;
  border-bottom: 1px solid #747474;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mobile .organ-detail .location {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-weight: normal;
  color: #747474;
}

.mobile .organ-detail .location p,
.mobile .organ-detail .location span {
  line-height: 1.6em;
  color: #747474;
}

.mobile .organ-detail .location strong {
  color: #222;
}

.mobile .detail-list > li {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.mobile .detail-list > li > h5 {
  display: inline-block;
  padding: 0 0 5px;
  font-size: 16px;
}

.mobile .detail-list > li:last-child {
  border-bottom: 0;
}

.mobile .detail-list a {
  display: inline-block;
  /*border-bottom:1px solid #0c83e9;*/
  color: #0c83e9;
}

.mobile .detail-list span {
  display: inline-block;
  margin-left: 10px;
  color: #747474;
  vertical-align: middle;
}

.mobile .search-box {
  position: relative;
  margin-bottom: 30px;
  padding: 17px;
}

.mobile .btline:after {
  position: absolute;
  left: -15px;
  right: -15px;
  bottom: -30px;
  width: auto;
  height: 0;
  border-bottom: 10px solid #f4f6f7;
  display: block;
  clear: both;
  content: "";
}

.mobile .search-box label {
  visibility: hidden;
  font-size: 0;
  height: 0;
  display: block;
}

.mobile .search-box select,
.mobile .search-box input[type=text] {
  display: inline-block;
  color: #797979;
}

.mobile .search-box select {
  width: 100%;
  display: block;
  margin-bottom: 8px;
}

.mobile .search-box input[type=text] {
  width: calc(100% - 90px);
}

.mobile .search-box .tiny {
  float: right;
  vertical-align: top;
  height: 50px;
  width: auto;
}

.mobile .search-box .tiny span:before {
  display: none;
}

.mobile .organ-map {
  background: #ccc;
  width: 100%;
  height: 300px;
  margin-top: 10px;
}

.mobile .mobox > li {
  position: relative;
  padding: 10px 0;
  margin-bottom: 20px;
}

.mobile .mobox > li:after {
  position: absolute;
  left: -15px;
  right: -15px;
  bottom: -10px;
  width: auto;
  height: 0;
  border-bottom: 10px solid #f4f6f7;
  display: block;
  clear: both;
  content: "";
}

.mobile .mobox:first-child {
  padding-top: 0;
}

.mobile .mobox h4 {
  padding: 15px 0;
  /*border-bottom:1px solid #ddd*/
  margin-bottom: 10px;
}

.mobile .mobox h5 {
  font-size: 18px;
  line-height: 1.6;
}

.mobile .mobox span {
  display: block;
}

.mobile .mobox span,
.mobile .mobox span a {
  color: #0c82e9;
  line-height: 1.6;
}

.mobile .mobox ul {
  display: block;
  /*border-top:1px solid #ddd*/
  padding-top: 15px;
  margin-top: 15px;
}

.mobile .mobox li {
  position: relative;
  padding-left: 10px;
  line-height: 1.6;
}

/* 2018-07-10 content - 삭제 */
/* .mobile .mobox li:before{content:'-';position:absolute;left:0;} */
.mobile .mobox li:before {
  content: "";
  position: absolute;
  left: 0;
}

.mobile .mobox p,
.mobile .mobox li {
  color: #555;
}

.btmap:after {
  content: "";
  display: block;
  clear: both;
}

.btmap .left-img {
  float: left;
  width: 47%;
  margin-right: 3%;
}

.btmap .left-img img {
  width: 100%;
}

.btmap .right-desc {
  float: left;
  width: 50%;
}

.tabcont {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

@media all and (max-width: 990px) {
  .tabcont {
    width: 100%;
    min-width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: auto;
  }
}
.tabcont.m {
  border: 0px;
}

/* 조직도 */
.chart_area {
  overflow: hidden;
}

.chart_area ul {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
}

.chart_area li {
  position: relative;
  margin: 0;
  padding: 1px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.chart_area li > a {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chart_area li > a:before {
  z-index: 1;
}

.chart_area li > a:after {
  z-index: 1;
}

/* 조직도 : Horizen Type */
.type_h a {
  width: 80%;
  padding: 4px 3px !important;
}

.type_h > li > a {
  width: 200px;
  background: #fff;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #4d4d4d;
}

.type_h .step_1 {
  position: relative;
  margin: 60px auto 0;
}

.type_h .step_1:before {
  position: absolute;
  left: 50%;
  top: -60px;
  width: 1px;
  height: 60px;
  background: #ddd;
  content: "";
}

.type_h .step_1:after {
  display: block;
  content: "";
  clear: both;
}

.type_h .step_1 > li {
  float: left;
  overflow: visible;
}

.type_h .step_1 > li > a {
  color: #fff;
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(#545454));
  background: linear-gradient(#727272, #545454);
  border: 1px solid #5b5b5b;
}

.type_h .step_1 > li:before {
  position: absolute;
  left: 50%;
  top: -30px;
  width: 1px;
  height: 29px;
  background: #ddd;
  content: "";
}

.type_h .step_1 > li:after {
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  height: 1px;
  background: #ddd;
  content: "";
}

.type_h .step_1 > li:nth-child(1):after {
  left: auto;
}

.type_h .step_1 > li:nth-last-child(1):after {
  left: 0;
  width: 50%;
}

.type_h .step_2 {
  margin-top: 10px;
}

/* 조직도 : Vertical Type */
.type_v a {
  width: 80%;
  height: 28px;
}

.type_v a > span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 10;
}

.type_v a > span > em {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.type_v > li > a {
  width: 130px;
  margin-left: 0;
  border: 1px solid #c8c8c8;
  border-top: 4px solid #4d4d4d;
}

.type_v > li > a:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 50px;
  margin-bottom: -51px;
  background: #ddd;
  content: "";
}

.type_v > li > a > span {
  background: #fff;
}

.type_v > li > a > span > em {
  color: #222;
}

.type_v .step_1 {
  margin-top: 50px;
}

.type_v .step_1 > li > a {
  float: left;
  width: 130px;
  border: 1px solid #c4c4c4;
}

.type_v .step_1 > li > a:after {
  position: absolute;
  right: -100%;
  top: 54%;
  width: 100%;
  height: 1px;
  background: #ddd;
  content: "";
}

.type_v .step_1 > li > a > span {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: linear-gradient(#fff, #f0f0f0);
}

.type_v .step_1 > li .v_line {
  position: absolute;
  left: 200px;
  top: 16px;
  width: 1px;
  height: 100%;
  background: #ddd;
}

.type_v .step_2 {
  float: right;
  width: calc(100% - 200px);
}

.type_v .step_2 > li {
  float: left;
  width: 25%;
}

.type_v .step_2 > li > a {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #5b5b5b;
}

.type_v .step_2 > li > a > span {
  background: #7e7e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(#545454));
  background: linear-gradient(#727272, #545454);
}

.type_v .step_2 > li > a > span > em {
  color: #fff;
}

.type_v .step_2 > li > a:before {
  position: absolute;
  left: -100%;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #ddd;
  z-index: -1;
  content: "";
}

.type_v .step_2 > li > a:after {
  position: absolute;
  right: -100%;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #ddd;
  z-index: -1;
  content: "";
}

.type_v .step_2 > li:nth-child(4n+1) {
  clear: both;
}

.type_v .step_2 > li:nth-child(4n+4) a:after {
  display: none;
}

.type_v .step_3 {
  margin: 10px 0;
}

.type_v .step_3 > li {
  overflow: visible;
}

.chart_area .point_1 {
  margin-top: 30px;
  border: 1px solid #5b5b5b;
}

.chart_area .point_1:before {
  position: absolute;
  left: 50%;
  top: -32px;
  width: 1px;
  height: 31px;
  background: #ddd;
  content: "";
}

.chart_area .point_1 > span {
  background: #ebebeb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#e1e1e1));
  background: linear-gradient(#ebebeb, #e1e1e1);
}

.chart_area .point_1 > span > em {
  color: #222;
}

/* 2019-01-28 서북병원 조직도 level4 스타일 수정 */
#content > .organ.btype2 ul.level3 ul.active {
  display: block;
}

#content > .organ.btype2 ul.level3 ul:before {
  left: 50%;
  width: 1px;
  height: 22px;
  top: 0;
  margin-left: -11px;
}

#content > .organ.btype2 ul.level3.active ul.active li:before {
  left: 50%;
  margin-left: -11px;
}

#content > .organ.btype2 ul.level3.active ul.active li a:before {
  background: transparent;
}

/* 부서 iframe용 resonse css */
#content.content-response {
  top: 10px;
  padding: 0;
}

#content.content-response a {
  font-size: 13px;
}

#content.content-response .organ.htype .level1 > li > a:before {
  top: 27px;
}

#content.content-response .organ.htype.type4,
#content.content-response .organ.htype.type5,
#content.content-response .organ.htype.type6,
#content.content-response .organ.htype.type7 {
  width: 100%;
}

/* 2019-03-12 도시교통실 교통지도과 교통사범경찰반 조직도 추가 */
/*
#deptList.city-traffic .level2>li:last-child>ul>li:nth-child(4)>ul>li:last-child>a {
color:#222;background: #f4f9ff;border:1px solid #7ebbf3;margin: 5px 0;
}
*/
.organ.ltype .shape10 {
  margin: 5px 0;
  color: #222;
  background: #f4f9ff;
  border: 1px solid #7ebbf3;
}

/* =================== base =================== */
/* html, body, a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, button, canvas, caption, center, circle, cite, clipPath, code, col, colgroup, cursor, data, datalist, dd, defs, del, desc, details, dfn, dialog, div, dl, dt, ellipse, em, embed, fieldset, figcaption, figure, filter, footer, foreignObject, form, g, h1, h2, h3, h4, h5, h6, hatch, hatchpath, head, header, hgroup, i, iframe, image, img, input, ins, kbd, keygen, label, legend, li, line, link, main, map, mark, marker, mask, menu, menuitem, mesh, meshpatch, meshrow, nav, object, ol, optgroup, option, output, p, param, path, pattern, picture, pre, progress, q, rb, rect, rp, rt, rtc, ruby, s, samp, section, 
, set, small, source, span, strike, strong, sub, summary, svg, symbol, sup, table, tbody, td, template, text, textarea, textPath, tfoot, th, thead, time, title, tr, tspan, u, ul, use, video, view, wbr { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.04em; stroke-width: 0; word-break: break-all; }
 */
/* global base와 중복내용
html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    scroll-behavior: smooth;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #4d4d4d;
    cursor: pointer;
}

ol,
ul,
dl {
    list-style: none;
}

select {
    padding: 5px 10px;
}


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

address {
    font-style: normal;
}

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

*/
/* =================== typo =================== */
/* ---------- noto sans kr ---------- */
/* @font-face { font-family: "notosans"; font-weight: 800; src: local("noto sans kr black"), local("Noto Sans KR Black"), url("../fonts/notosanskr/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/notosanskr/NotoSansKR-Black.woff") format("woff"), url("../fonts/notosanskr/NotoSansKR-Black.ttf") format("truetype"), url("../fonts/notosanskr/NotoSansKR-Black.otf") format("opentype"); }

@font-face { font-family: "notosans"; font-weight: 600; src: local("noto sans kr bold"), local("Noto Sans KR Bold"), url("../fonts/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/notosanskr/NotoSansKR-Bold.woff") format("woff"), url("../fonts/notosanskr/NotoSansKR-Bold.ttf") format("truetype"), url("../fonts/notosanskr/NotoSansKR-Bold.otf") format("opentype"); }

@font-face { font-family: "notosans"; font-weight: 500; src: local("noto sans kr medium"), local("Noto Sans KR Medium"), url("../fonts/notosanskr/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/notosanskr/NotoSansKR-Medium.woff") format("woff"), url("../fonts/notosanskr/NotoSansKR-Medium.ttf") format("truetype"), url("../fonts/notosanskr/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: "notosans"; font-weight: 400; src: local("noto sans kr regular"), local("Noto Sans KR Regular"), url("../fonts/notosanskr/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/notosanskr/NotoSansKR-Regular.woff") format("woff"), url("../fonts/notosanskr/NotoSansKR-Regular.ttf") format("truetype"), url("../fonts/notosanskr/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: "notosans"; font-weight: 300; src: local("noto sans kr light"), local("Noto Sans KR Light"), url("../fonts/notosanskr/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/notosanskr/NotoSansKR-Light.woff") format("woff"), url("../fonts/notosanskr/NotoSansKR-Light.ttf") format("truetype"), url("../fonts/notosanskr/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: "notosans"; font-weight: 200; src: local("noto sans kr demilight"), local("Noto Sans KR DemiLight"), url("../fonts/notosanskr/NotoSansKR-DemiLight.woff2") format("woff2"), url("../fonts/notosanskr/NotoSansKR-DemiLight.woff") format("woff"), url("../fonts/notosanskr/NotoSansKR-DemiLight.ttf") format("truetype"), url("../fonts/notosanskr/NotoSansKR-DemiLight.otf") format("opentype"); }

@font-face { font-family: "notosans"; font-weight: 100; src: local("noto sans kr thin"), local("Noto Sans KR Thin"), url("../fonts/notosanskr/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/notosanskr/NotoSansKR-Thin.woff") format("woff"), url("../fonts/notosanskr/NotoSansKR-Thin.ttf") format("truetype"), url("../fonts/notosanskr/NotoSansKR-Thin.otf") format("opentype"); }

@font-face { font-family: "gmarket"; font-weight: 600; src: local("gmarket bold"), local("gmarket bold"), url("../fonts/GmarketSansTTFBold.woff") format("woff"), url("../fonts/GmarketSansTTFBold.ttf") format("truetype"), url("../fonts/GmarketSansBold.otf") format("opentype"); }

@font-face { font-family: "gmarket"; font-weight: 500; src: local("gmarket Medium"), local("gmarket Medium"), url("../fonts/GmarketSansTTFMedium.woff") format("woff"), url("../fonts/GmarketSansTTFMedium.ttf") format("truetype"), url("../fonts/GmarketSansMedium.otf") format("opentype"); }

@font-face { font-family: "gmarket"; font-weight: 300; src: local("gmarket light"), local("gmarket light"), url("../fonts/GmarketSansTTFLight.woff") format("woff"), url("../fonts/GmarketSansTTFLight.ttf") format("truetype"), url("../fonts/GmarketSansLight.otf") format("opentype"); }

@font-face { font-family: "GmarketSansMedium"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff"); font-weight: normal; font-style: normal; }
 */
/* =================== helper =================== */
.none {
  display: none;
}

.is-mon {
  font-family: "Montserrat", sans-serif;
}

.is-gma {
  font-family: "gmarket", sans-serif;
}

.is-tab-show {
  display: none;
}

@media all and (max-width: 900px) {
  .is-tab-show {
    display: block;
  }
}
@media all and (max-width: 900px) {
  .is-tab-hide {
    display: none;
  }
}
.is-mo-show {
  display: none;
}

@media all and (max-width: 600px) {
  .is-mo-show {
    display: block;
  }
}
@media all and (max-width: 600px) {
  .is-mo-hide {
    display: none;
  }
}
.is-mo-sm-show {
  display: none;
}

@media all and (max-width: 360px) {
  .is-mo-sm-show {
    display: block;
  }
}
@media all and (max-width: 360px) {
  .is-mo-sm-hide {
    display: none;
  }
}
.is-mo-xsm-show {
  display: none;
}

@media all and (max-width: 320px) {
  .is-mo-xsm-show {
    display: block;
  }
}
@media all and (max-width: 320px) {
  .is-mo-xsm-hide {
    display: none;
  }
}
.img-box__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.scroll-custom {
  overflow-y: auto;
}

.scroll-custom::-webkit-scrollbar {
  width: 5px;
}

.scroll-custom::-webkit-scrollbar-thumb {
  background-color: #531717;
}

/* 
html.ie .scroll-custom { scrollbar-arrow-color: #531717; scrollbar-face-color: #531717; scrollbar-track-color: #0042da; }
 */
/* =================== card =================== */
/* =================== popup =================== */
/* =================== animation =================== */
@-webkit-keyframes ani-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ani-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ani-down {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes ani-down {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
}
/* =================== layout =================== */
/* =================== header =================== */
/* =================== footer =================== */
/* =================== common =================== */
.com-slide-prev,
.com-slide-next {
  -webkit-box-shadow: 11px 14px 17px rgba(0, 0, 0, 0.19);
  box-shadow: 11px 14px 17px rgba(0, 0, 0, 0.19);
}

.none {
  display: none;
}

.is-mon {
  font-family: "Montserrat", sans-serif;
}

.is-gma {
  font-family: "gmarket", sans-serif;
}

.hidden,
.blind,
.hd-element {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -10000000000000000px;
  top: -999999px;
  width: 0;
  height: 0;
  font-size: 1px;
}

.com-title {
  padding-left: 2.5rem;
  font-size: 3.125rem;
  font-weight: bold;
  line-height: 3.75rem;
  font-family: "gmarket";
}

.com-link {
  position: relative;
  left: 1em;
  display: inline-block;
  width: 11.5625rem;
  height: 3.25rem;
  line-height: 3.25rem;
  background: #084185;
  text-align: center;
  border-radius: 2.0625rem;
  color: #fff;
  font-family: "gmarket";
  font-size: 1.125rem;
  font-weight: 500;
  font-family: "GmarketSansMedium" !important;
  margin-top: 1.375rem;
  border: 1px solid #fff;
}

.facebook .com-link {
  background: #495ed3;
}

.news .com-link {
  background: #1d93c9;
}

.com-slide-btn-wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* 
.com-slide-prev { background: url(../img/bg-now-left-btn.svg) no-repeat; background-size: cover; width: 4rem; height: 4rem; -webkit-box-shadow: rgba(0, 0, 0, 0.74); box-shadow: rgba(0, 0, 0, 0.74); position: relative; border-radius: 50%; cursor: pointer; }
 */
.news-slide .com-slide-prev {
  left: -2rem;
}

.facebook .com-slide-prev {
  left: -2rem;
}

.now .com-slide-prev {
  left: 17rem;
}

/* 
.com-slide-next { background: url(../img/bg-now-right-btn.svg) no-repeat; background-size: cover; width: 4rem; height: 4rem; -webkit-box-shadow: rgba(0, 0, 0, 0.74); box-shadow: rgba(0, 0, 0, 0.74); position: relative; border-radius: 50%; cursor: pointer; }
 */
.news-slide .com-slide-next {
  right: -2rem;
}

.facebook .com-slide-next {
  right: -2rem;
}

.now .com-slide-next {
  right: -2rem;
}

.swiper-slide {
  border-radius: 15px;
  overflow: hidden;
}

.swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.hidden,
.blind,
.hd-element {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -10000000000000000px;
  top: -999999px;
  width: 0;
  height: 0;
  font-size: 1px;
}

/* global module 정의 따라감
.tab-nav.tabs9,
.tab-nav.tabs8{padding-top:2.2rem}
.tab-nav.tabs9 ul li.is-selected a, 
.tab-nav.tabs8 ul li.is-selected a {
    background: #1c226c!important;
    color: #fff!important;
}
.tab-nav.tabs8 ul li{width:16.666666%;}
.tab-nav.tabs8 ul li:nth-of-type(3){display:none;}
.tab-nav.tabs8 ul li:nth-of-type(6){display:none;}



.tab-nav.tabs9 ul li{// width:calc( 100% / 7 );}
.tab-nav.tabs9 ul li:nth-of-type(3),
.tab-nav.tabs9 ul li:nth-of-type(6){display:none;}


@media (max-width: 600px){
	.tab-nav.tabs9,
	.tab-nav.tabs8{margin-bottom:0;}
	.tab-nav.tabs9 ul,
	.tab-nav.tabs8 ul {display:flex;flex-wrap:wrap;}
	.tab-nav.tabs9 ul li,
	.tab-nav.tabs8 ul li {flex:1 1 33%;}
	.tab-nav.tabs9 ul li a,
	.tab-nav.tabs8 ul li a {
	    height: 35px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.tab-nav.tabs9 ul li a  span,
	.tab-nav.tabs8 ul li a  span{
		font-size: 1.1rem;
	    line-height: 1.3;
	    word-break: keep-all;
	}
	.content-location .content-location-inner{display:none;}
	.dv-mobile .content-location{display:none!important;}

}
*/
@media (max-width: 600px) {
  .content-location .content-location-inner {
    display: none;
  }
  .dv-mobile .content-location {
    display: none !important;
  }
}
.c-red {
  color: #b22222;
  font-size: 1.2rem;
}

.section4-body .list-h5 li {
  word-break: keep-all;
}

.section4-body .box-content {
  margin: 1.875rem 0;
  padding: 1.875rem;
  background: #eef5ff;
}

.section4-body h5 {
  margin: 1.25rem 0 0.9375rem;
  font-size: 1.575rem;
  font-weight: 700;
  color: #333;
}

.section4-body h6 {
  margin: 1.25rem 0 0.9375rem;
  font-size: 1.325rem;
  font-weight: 700;
  color: #333;
}

.section4-body .box-content p {
  margin: 0.125rem 0 0.3125rem;
  font-size: 1.15rem;
}

.section4-body .indent20 {
  padding-left: 1.25rem;
  text-indent: -1.25rem;
}

.section4 .section4-body {
  padding-top: 0;
}

.btn2-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.6rem;
}

.btn2 span {
  display: block;
  height: 2.75rem;
  line-height: 2.625rem;
  text-align: center;
  margin: 0 auto;
  padding: 0 1.25rem;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #00213d;
  color: #fff;
  font-size: 0.9rem;
  border-radius: 10px;
  margin-right: 0.6rem;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

@media (max-width: 600px) {
  .btn2-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .faq-wrap .faq-section dt {
    min-height: 4rem;
    height: auto;
    padding-left: 0;
    padding-right: 1.2rem;
  }
  .faq-wrap .faq-section dt {
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .faq-wrap .faq-section dd {
    padding: 1rem;
  }
  .faq-wrap .faq-section dt::after {
    right: 0px;
  }
  .faq-wrap .faq-section dt image {
    width: 1.6rem;
  }
  .faq-wrap .faq-section dt svg {
    min-width: 25px;
  }
  .faq-wrap .faq-section dt {
    font-size: 1.2rem;
    line-height: 1.4;
    padding: 0.6rem 0;
    padding-right: 1rem;
  }
  .mo-show .form-input {
    font-size: 11px !important;
  }
}
/* box */
.box-content {
  margin: 30px 0;
  padding: 30px;
  background: #eef5ff;
}

.box-content p {
  margin: 2px 0 5px;
}

.box-content-gray {
  background: #f5f5f5;
}

.vaccine-cont-wrap .box-content {
  background: #fbf7ff;
}