@charset "UTF-8";
/*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
* {
  word-break: keep-all; }

@media (max-width: 1024px) {
  html.m-scroll-lock, body.m-scroll-lock {
    overflow: hidden;
    touch-action: none;
    /* 이외의 브라우저 */
    overscroll-behavior: none; }
    html.m-scroll-lock .container, body.m-scroll-lock .container {
      touch-action: none;
      /* 이외의 브라우저 */
      overscroll-behavior: none; }
  .map_bottom_tool {
    bottom: unset;
    top: 70px;
  }
}

body.scrollHidden {
  overflow: hidden;
  touch-action: none;
  /* 이외의 브라우저 */
  overscroll-behavior: none; }
  body.scrollHidden .container {
    touch-action: none;
    /* 이외의 브라우저 */
    overscroll-behavior: none; }

.inner {
  max-width: 1180px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .inner {
      padding: 0 16px; } }

.overlay:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  position: fixed;
  z-index: 500; }

.container {
  min-width: 1400px;
  position: relative;
  min-height: 100%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .container {
      padding-bottom: 0;
      padding-top: 56px; } }
  .container.fullpage {
    padding-top: 0; }
  @media (max-width: 1024px) {
    .container {
      min-width: 100%;
      width: 100%;
      overflow: hidden; } }

.web {
  display: block; }
  .web.web-inline {
    display: inline; }
  @media (max-width: 1024px) {
    .web {
      display: none; } }

.mobile {
  display: none; }
  @media (max-width: 1024px) {
    .mobile {
      display: block; } }

@media (max-width: 1024px) {
  .mobile-enter {
    display: block; } }

header {
  z-index: 1000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  background-color: #fff; }
  header.full .inner {
    max-width: 100%; }
  header:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #F1F3F5; }
  header .wrap {
    position: relative;
    display: flex;
    height: 88px;
    justify-content: center;
    align-items: center; }
    @media (max-width: 1024px) {
      header .wrap {
        height: 56px; } }
    header .wrap .logo-box {
      display: inline-flex;
      position: absolute;
      left: 24px;
      top: 50%;
      transform: translateY(-50%); }
      @media (max-width: 1024px) {
        header .wrap .logo-box {
          left: 16px; } }
      header .wrap .logo-box a {
        width: 154px;
        height: 72px; }
        @media (max-width: 1024px) {
          header .wrap .logo-box a {
            width: 100px;
            height: 56px; } }
    header .wrap .option-box {
      z-index: 1;
      position: absolute;
      right: 0;
      top: 0;
      display: flex; }
      header .wrap .option-box .nav-box {
        display: inline-flex; }
        header .wrap .option-box .nav-box .nav-btn {
          width: 56px;
          height: 56px;
          background: url("../img/ic_menu.webp") no-repeat center; }
      header .wrap .option-box .lang-box {
        display: inline-flex; }
        header .wrap .option-box .lang-box #lang-select-box {
          display: flex;
          align-items: center;
          cursor: pointer;
          padding-left: 20px;
          padding-right: 40px;
          -webkit-appearance: none;
          -moz-appearance: none;
          -o-appearance: none;
          appearance: none;
          background: #F8F9FA url("../img/ic_lang.png") no-repeat center right 16px;
          background-size: 27px;
          width: 96px;
          margin: 22px 0;
          height: 44px;
          background-color: #fff;
          color: #000;
          outline: none;
          font-size: 18px;
          line-height: 24px;
          font-weight: 800; }
        header .wrap .option-box .lang-box #lang-select-box:hover {
          background-color: #e4e4e4;
        }
        #lang-box {
          top: 74%;
          position: absolute;
          cursor: pointer;
          width: 96px;
          background-color: #169E5C;
          color: #fff;
          outline: none;
          font-size: 18px;
          line-height: 25px;
          font-weight: 800; }
        @media (max-width: 1024px) {
          header .wrap .option-box .lang-box {
             }
          #lang-box {
            top: 83%;
          }
        }
        @media (max-width: 1024px) {
          header .wrap .option-box .lang-box #lang-select-box {
            margin: 6px 0;
          }
        }
        header .wrap .option-box .lang-box .lang-btn {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 96px;
          height: 88px;
          background-color: #169E5C; }
          header .wrap .option-box .lang-box .lang-btn .txt {
            color: #fff;
            font-size: 18px;
            line-height: 24px;
            font-weight: 800; }
          header .wrap .option-box .lang-box .lang-btn .ic-lang {
            background: url("../img/ic_lang.webp") no-repeat center/cover;
            width: 16px;
            height: 16px;
            margin-left: 8px; }
    @media (max-width: 1024px) {
      header .wrap nav {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        flex-direction: column;
        min-height: 100vh;
        width: 295px;
        background: #fff;
        padding-top: 56px;
        z-index: 501; } }
    @media (max-width: 1024px) {
      header .wrap nav .nav-info-box {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 24px 32px; }
        header .wrap nav .nav-info-box .nav-logo-box img {
          max-width: 50%; }
        header .wrap nav .nav-info-box .nav-con-box {
          padding-top: 32px;
          font-size: 14px;
          line-height: 22px;
          color: #878E95; } }
    @media (max-width: 1024px) {
      header .wrap nav .nav-close-btn {
        background: url("../img/ic_close.webp") no-repeat center/cover;
        width: 24px;
        height: 24px;
        top: 16px;
        right: 24px;
        position: absolute;
      }

      .cs-call {
        margin: 0 auto;
        width: fit-content;

      }
    }
    header .wrap nav ul.menu-list {
      display: flex;
      justify-content: center; }
      @media (max-width: 1024px) {
        header .wrap nav ul.menu-list {
          flex-direction: column; } }
      header .wrap nav ul.menu-list li.menu-box {
        display: inline-flex; }
        @media (max-width: 1024px) {
          header .wrap nav ul.menu-list li.menu-box {
            width: 100%; } }
        header .wrap nav ul.menu-list li.menu-box a.menu-btn {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 88px;
          position: relative;
          padding: 0 24px;
          font-size: 16px;
          line-height: 22px;
          font-weight: bold; }
        header .wrap nav ul.menu-list li.menu-box a.menu-logout {
          color: red;
        }
          @media (max-width: 1024px) {
            header .wrap nav ul.menu-list li.menu-box a.menu-btn {
              justify-content: flex-start;
              width: 100%;
              height: 60px; } }
          header .wrap nav ul.menu-list li.menu-box a.menu-btn:hover {
            color: #0CA678; }
          header .wrap nav ul.menu-list li.menu-box a.menu-btn.on {
            color: #0CA678; }
            header .wrap nav ul.menu-list li.menu-box a.menu-btn.on:after {
              content: '';
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              height: 4px;
              background: #0CA678; }

footer {
  padding: 10px 0;
  background-color: #142D40; }

footer div > a {
  line-height: 22px;
  }
@media (max-width: 1024px) {
  footer div > a {
    line-height: 22px;
    width: 100%;
    text-align: center;
  }
}

  footer .footer-info-box {
    color: #CFD4D9;
    font-size: 16px;
    line-height: 22px; }
    @media (max-width: 1024px) {
      footer .footer-info-box {
        text-align: center;
        font-size: 14px;
        line-height: 22px; } }
  footer .footer-copyright-box {
    color: #878E95;
    font-size: 16px;
    line-height: 22px;
    padding-top: 8px; }

  .cs-call {
    padding-left: 20px;
    background-image: url("../img/icon_cs.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px;
    white-space: nowrap;
  }
    @media (max-width: 1024px) {
      footer .footer-copyright-box {
        text-align: center;
        font-size: 14px;
        line-height: 22px; } }

section.main-visual {
  position: relative;
  font-size: 0; }
  section.main-visual .visual-box {
    /*background: url("../img/img_main_visual.webp") no-repeat center/cover;*/
    height: 550px; }
    @media (max-width: 1024px) {
      section.main-visual .visual-box {
        height: auto;
        width: 100%;
        padding-bottom: 45%;
        /*background: url("../img/img_main_visual_m.webp") no-repeat center/cover;*/
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } }
    section.main-visual .visual-box .visual-txt-box {
      position: absolute;
      left: 0;
      right: 0;
      top: 60%;
      transform: translateY(-50%);
      z-index: 100;
      text-align: center; }
      @media (max-width: 1024px) {
        section.main-visual .visual-box .visual-txt-box {
          top: 56%;
          transform: none; } }
      section.main-visual .visual-box .visual-txt-box .main-box {
        color: #fff;
        font-size: 56px;
        font-weight: 800; }
        @media (max-width: 1024px) {
          section.main-visual .visual-box .visual-txt-box .main-box {
            font-size: 30px;
            line-height: 39px;
            letter-spacing: -0.02em; } }
      section.main-visual .visual-box .visual-txt-box .sub-box {
        color: #fff;
        padding-top: 24px;
        font-size: 16px;
        line-height: 22px; }
        @media (max-width: 1024px) {
          section.main-visual .visual-box .visual-txt-box .sub-box {
            padding-top: 16px;
            font-size: 14px;
            line-height: 18px; } }

article.main-search-form {
  z-index: 100;
  position: absolute;
  left: 50%;
  bottom: 67px;
  transform: translateX(-50%);
  max-width: 1180px;
  width: 100%; }
  article.main-search-form.type-static {
    background-color: #fff;
    position: relative;
    transform: none;
    margin: 0 auto 80px;
    bottom: auto;
    left: auto; }
    @media (max-width: 1024px) {
      article.main-search-form.type-static {
        margin-bottom: 0; } }
  @media (max-width: 1024px) {
    article.main-search-form {
      position: static;
      transform: none; } }
  article.main-search-form .form-wrap {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column; }
    @media (max-width: 1024px) {
      article.main-search-form .form-wrap {
        box-shadow: none;
        padding: 0 16px; } }
    article.main-search-form .form-wrap .form-head-box .form-tabs-list {
      padding: 0 32px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #F1F3F5; }
      @media (max-width: 1024px) {
        article.main-search-form .form-wrap .form-head-box .form-tabs-list {
          justify-content: center; } }
      article.main-search-form .form-wrap .form-head-box .form-tabs-list li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 24px;
        height: 72px;
        position: relative;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px; }
        @media (max-width: 1024px) {
          article.main-search-form .form-wrap .form-head-box .form-tabs-list li a {
            font-size: 15px;
            height: 56px; } }
        article.main-search-form .form-wrap .form-head-box .form-tabs-list li a.on {
          color: #0CA678; }
          article.main-search-form .form-wrap .form-head-box .form-tabs-list li a.on:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 4px;
            background: #0CA678; }
            @media (max-width: 1024px) {
              article.main-search-form .form-wrap .form-head-box .form-tabs-list li a.on:after {
                height: 2px; } }
    article.main-search-form .form-wrap .form-body-box .tabs-box {
      padding: 24px 32px 24px;
      display: none; }
      @media (max-width: 1024px) {
        article.main-search-form .form-wrap .form-body-box .tabs-box {
          padding: 24px 0; } }
      article.main-search-form .form-wrap .form-body-box .tabs-box[data-tabs=tabs1] {
        display: block; }
      article.main-search-form .form-wrap .form-body-box .tabs-box .form-box {
        align-items: center;
        display: flex; }
        @media (max-width: 1024px) {
          article.main-search-form .form-wrap .form-body-box .tabs-box .form-box {
            flex-direction: column; }
            article.main-search-form .form-wrap .form-body-box .tabs-box .form-box div {
              width: 100%; } }
        article.main-search-form .form-wrap .form-body-box .tabs-box .form-box div + div {
          margin-left: 8px; }
          @media (max-width: 1024px) {
            article.main-search-form .form-wrap .form-body-box .tabs-box .form-box div + div {
              margin: 8px 0 0; } }
        article.main-search-form .form-wrap .form-body-box .tabs-box .form-box .sbox {
          display: inline-flex; }
        article.main-search-form .form-wrap .form-body-box .tabs-box .form-box .tbox {
          flex: 1; }
        article.main-search-form .form-wrap .form-body-box .tabs-box .form-box .search-box {
          width: 90px; }
          @media (max-width: 1024px) {
            article.main-search-form .form-wrap .form-body-box .tabs-box .form-box .search-box {
              width: 100%; } }
          article.main-search-form .form-wrap .form-body-box .tabs-box .form-box .search-box .search-btn {
            border-radius: 4px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #0CA678;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            width: 100%; }
            @media (max-width: 1024px) {
              article.main-search-form .form-wrap .form-body-box .tabs-box .form-box .search-box .search-btn {
                font-size: 15px;
                height: 48px; } }

article.section-tit-box {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  article.section-tit-box .tit-box {
    display: flex;
    align-items: center; }
    article.section-tit-box .tit-box .ic {
      margin-right: 12px;
      width: 40px;
      height: 40px; }
      @media (max-width: 1024px) {
        article.section-tit-box .tit-box .ic {
          width: 32px;
          height: 32px; } }
      article.section-tit-box .tit-box .ic.ic-help {
        background: url("../img/ic_help.webp") no-repeat center/cover; }
      article.section-tit-box .tit-box .ic.ic-notice {
        background: url("../img/ic_notice.webp") no-repeat center/cover; }
    article.section-tit-box .tit-box .tit-txt {
      font-size: 32px;
      line-height: 42px;
      font-weight: 800; }
      @media (max-width: 1024px) {
        article.section-tit-box .tit-box .tit-txt {
          font-size: 24px;
          line-height: 32px; } }
        article.section-tit-box .option-box .more-btn {
          font-size: 16px;
          line-height: 22px; }

section.main-help {
  padding: 20px 0;
  background: url('/resources/img/kw/img_main_help_bg.webp') no-repeat 30% 100% /cover;
  height: 400px; }

  @media (max-width: 1024px) {
    section.main-help {
      padding: 20px 0;
      height: auto;
      background: #099268; } }
  section.main-help .list-box {
    padding-top: 15px; }
    @media (max-width: 1024px) {
      section.main-help .list-box {
        padding-top: 16px; } }
    section.main-help .list-box .list-wrap ul {
      display: flex; }
      @media (max-width: 1024px) {
        section.main-help .list-box .list-wrap ul {
          flex-direction: column; } }
      section.main-help .list-box .list-wrap ul li {
        width: 33.33%; }
        @media (max-width: 1024px) {
          section.main-help .list-box .list-wrap ul li {
            width: 100%; } }
        section.main-help .list-box .list-wrap ul li + li {
          margin-left: 24px; }
          @media (max-width: 1024px) {
            section.main-help .list-box .list-wrap ul li + li {
              margin: 16px 0 0; } }
        section.main-help .list-box .list-wrap ul li .item-box {
          width: 100%;
          height: 300px;
          padding: 30px 28px;
          background: #FFFFFF;
          border-radius: 24px; }
          @media (max-width: 1024px) {
            section.main-help .list-box .list-wrap ul li .item-box {
              display: flex;
              height: auto;
              padding: 3px 10px; } }
          @media (max-width: 1024px) {
            section.main-help .list-box .list-wrap ul li .item-box .ic-box {
              text-align: center;
              width: 80px;
              line-height: 80px;
            }
            section.main-help .list-box .list-wrap ul li .item-box .ic-box img {
              max-width: 64px;
              vertical-align: middle;
            } }
          section.main-help .list-box .list-wrap ul li .item-box .txt-box {
            padding-top: 12px; }
            section.main-help .list-box .list-wrap ul li .item-box .txt-box .subject-box {
              font-size: 20px;
              line-height: 31px;
              font-weight: 800; }
            section.main-help .list-box .list-wrap ul li .item-box .txt-box .con-box {
              padding-top: 5px;
              font-size: 14px;
              line-height: 22px;
              font-weight: 500; }
            @media (max-width: 1024px) {
              section.main-help .list-box .list-wrap ul li .item-box .txt-box .subject-box {
                font-size: 18px;
                line-height: 18px;
              }
              section.main-help .list-box .list-wrap ul li .item-box .txt-box {
                padding-top: 5px;
                padding-left: 15px;
                section.main-help .list-box .list-wrap ul li .item-box .txt-box .con-box {
                padding-top: 5px;
                }
              }
            }
          section.main-help .list-box .list-wrap ul li .item-box .link-box {
            padding-top: 39px; }
            @media (max-width: 1024px) {
              section.main-help .list-box .list-wrap ul li .item-box .link-box {
                padding-top: 48px; } }
            section.main-help .list-box .list-wrap ul li .item-box .link-box .link-txt {
              color: #0070F0;
              font-weight: 500;
              font-size: 14px;
              line-height: 22px; }

section.main-notice {
  padding: 30px 0; }
  @media (max-width: 1024px) {
    section.main-notice {
      padding: 30px 0; } }
  section.main-notice .table-area {
    padding-top: 32px; }
    @media (max-width: 1024px) {
      section.main-notice .table-area {
        padding-top: 16px; } }

article.table-layout-form1 .table-box {
  border-top: 1px solid #353A3F; }
  article.table-layout-form1 .table-box .head-box {
    background-color: #F8F9FA; }
    @media (max-width: 1024px) {
      article.table-layout-form1 .table-box .head-box {
        display: none; } }
    article.table-layout-form1 .table-box .head-box .row {
      border-bottom: 1px solid #EAECEF;
      display: flex; }
      article.table-layout-form1 .table-box .head-box .row .cell-box {
        min-height: 45px;
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        text-align: center;
      }
        article.table-layout-form1 .table-box .head-box .row .cell-box.full {
          flex: 1; }
        article.table-layout-form1 .table-box .head-box .row .cell-box.num-box {
          width: 100px; }
        article.table-layout-form1 .table-box .head-box .row .cell-box.date-box {
          width: 200px; }
  article.table-layout-form1 .table-box .body-box .row {
    border-bottom: 1px solid #EAECEF;
    display: flex; }
    @media (max-width: 1024px) {
      article.table-layout-form1 .table-box .body-box .row {
        flex-direction: column;
        padding: 16px; } }
    article.table-layout-form1 .table-box .body-box .row .cell-box {
      min-height: 72px;
      min-width: 0; }
      @media (max-width: 1024px) {
        article.table-layout-form1 .table-box .body-box .row .cell-box {
          min-height: auto; }
          article.table-layout-form1 .table-box .body-box .row .cell-box.m-hide {
            display: none; } }
      article.table-layout-form1 .table-box .body-box .row .cell-box.full {
        flex: 1; }
      article.table-layout-form1 .table-box .body-box .row .cell-box .num-box {
        width: 100px;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #4A5056;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500; }
      article.table-layout-form1 .table-box .body-box .row .cell-box .date-box {
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        color: #878E95; }
        @media (max-width: 1024px) {
          article.table-layout-form1 .table-box .body-box .row .cell-box .date-box {
            padding-top: 8px;
            width: auto;
            font-size: 15px;
            line-height: 22px; } }
      article.table-layout-form1 .table-box .body-box .row .cell-box .subject-box {
        min-width: 0;
        height: 100%;
        align-items: center; }
        article.table-layout-form1 .table-box .body-box .row .cell-box .subject-box .txt-box {
          align-items: center;
          display: flex;
          min-width: 0;
          height: 100%;
          padding: 0 16px; }
          @media (max-width: 1024px) {
            article.table-layout-form1 .table-box .body-box .row .cell-box .subject-box .txt-box {
              padding: 0; } }
          article.table-layout-form1 .table-box .body-box .row .cell-box .subject-box .txt-box .txt,
          .qna_status {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px; }
          .qna_status {
            color: #a5a5a5;
            margin-left: 5px;
          }

            @media (max-width: 1024px) {
              article.table-layout-form1 .table-box .body-box .row .cell-box .subject-box .txt-box .txt,
              .qna_status {
                font-size: 15px; }
            }
          article.table-layout-form1 .table-box .body-box .row .cell-box .subject-box .txt-box .file-mark {
            flex-shrink: 0;
            background: url("../img/ic_atch.webp") no-repeat center/cover;
            width: 16px;
            height: 16px;
            margin-left: 10px; }
            @media (max-width: 1024px) {
              article.table-layout-form1 .table-box .body-box .row .cell-box .subject-box .txt-box .file-mark {
                margin-left: 8px; } }

@media (max-width: 1024px) {
  article.table-layout-form2 .table-box {
    margin-right: -16px;
    overflow: auto;
    padding-right: 0px;
  }

}

  @media (max-width: 1024px) {
    article.table-layout-form2 .table-box table {
      width: 100%;
      white-space: nowrap;
      table-layout: fixed; } }
  article.table-layout-form2 .table-box table thead tr th {
    height: 62px;
    border-bottom: 1px solid #EAECEF;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    background-color: #169E5C;
    width: 12.5555%;
    color: #fff;
  }
    @media (max-width: 1024px) {
      article.table-layout-form2 .table-box table thead tr th {
        font-size: 0.8rem;
        height: 48px;
        padding: 0 5px !important;
        text-wrap: wrap;
      }
      article.table-layout-form2 .table-box table thead tr th:nth-child(1) {
        min-width: 50px;
      }
      article.table-layout-form2 .table-box table tbody tr:hover .file-down-btn {
        /*background: url("../img/ic_download_on.webp") no-repeat center/cover;*/

      }
    }
  article.table-layout-form2 .table-box table tbody tr {
    border-bottom: 1px solid #EAECEF; }
    article.table-layout-form2 .table-box table tbody tr:hover {
      background-color: #F8F9FA; }
      article.table-layout-form2 .table-box table tbody tr:hover .file-down-btn {
        /*background: url("../img/ic_download_on.webp") no-repeat center/cover; */
      }
    article.table-layout-form2 .table-box table tbody tr td {
      text-align: center;
      height: 72px;
      font-size: 14px;
      line-height: 22px;
      font-weight: 500;
      padding: 0 10px;
    }
      @media (max-width: 1024px) {
        article.table-layout-form2 .table-box table tbody tr td {
          font-size: 0.8rem;
          height: 48px;
          padding: 0 5px;
          line-height: 1;
          text-wrap: wrap;
        } }
      article.table-layout-form2 .table-box table tbody tr td .file-down-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: url("../img/icon_download.png") no-repeat center/cover;
        width: 25px;
        height: 25px; }

@media (max-width: 1024px) {
  article.table-layout-form3 .table-box {
    margin-right: -16px;
    overflow: auto;
    padding-right: 16px; } }

article.table-layout-form3 .table-box table {
  border-top: 1px solid #353A3F; }
  article.table-layout-form3 .table-box table.fix {
    table-layout: fixed; }
  article.table-layout-form3 .table-box table .left {
    text-align: left; }
  article.table-layout-form3 .table-box table thead tr th {
    height: 72px;
    border-bottom: 1px solid #EAECEF;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    background-color: #F8F9FA;
    padding: 0 12px; }
    @media (max-width: 1024px) {
      article.table-layout-form3 .table-box table thead tr th {
        font-size: 15px;
        height: 48px; } }
  article.table-layout-form3 .table-box table tbody tr {
    border-bottom: 1px solid #EAECEF; }
    article.table-layout-form3 .table-box table tbody tr th {
      height: 72px;
      border-bottom: 1px solid #EAECEF;
      font-size: 16px;
      line-height: 22px;
      font-weight: 500;
      text-align: center;
      background-color: #F8F9FA;
      padding: 0 12px; }
    article.table-layout-form3 .table-box table tbody tr td {
      text-align: center;
      height: 72px;
      font-size: 16px;
      line-height: 22px;
      font-weight: 500;
      padding: 0 12px; }
      @media (max-width: 1024px) {
        article.table-layout-form3 .table-box table tbody tr td {
          padding: 13px 8px;
          font-size: 15px;
          height: 48px; }
          article.table-layout-form3 .table-box table tbody tr td.type-price {
            width: 40%; }
            article.table-layout-form3 .table-box table tbody tr td.type-price + td {
              width: 35%; }
              article.table-layout-form3 .table-box table tbody tr td.type-price + td + td {
                width: 20%; } }
      article.table-layout-form3 .table-box table tbody tr td .ellipsis-box {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        word-wrap: normal;
        width: 100%;
        max-width: 100%; }

@media (max-width: 1024px) {
  article.table-layout-form4 .table-box {
    margin-right: -16px;
    overflow: auto;
    padding-right: 16px; } }

article.table-layout-form4 .table-box table {
  border-top: 1px solid #353A3F; }
  article.table-layout-form4 .table-box table.fix {
    table-layout: fixed; }
  article.table-layout-form4 .table-box table .left {
    text-align: left; }
  article.table-layout-form4 .table-box table thead tr th {
    height: 40px;
    border-bottom: 1px solid #EAECEF;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    background-color: #F8F9FA;
    padding: 0 12px; }
    @media (max-width: 1024px) {
      article.table-layout-form4 .table-box table thead tr th {
        font-size: 15px;
        height: 48px; } }
  article.table-layout-form4 .table-box table tbody tr {
    border-bottom: 1px solid #EAECEF; }
    article.table-layout-form4 .table-box table tbody tr th {
      height: 40px;
      border-bottom: 1px solid #EAECEF;
      font-size: 12px;
      line-height: 22px;
      font-weight: 500;
      text-align: center;
      background-color: #F8F9FA;
      padding: 0 12px; }
    article.table-layout-form4 .table-box table tbody tr td {
      text-align: left;
      height: 40px;
      font-size: 12px;
      line-height: 22px;
      font-weight: 500;
      padding: 0 12px; }
      @media (max-width: 1024px) {
        article.table-layout-form4 .table-box table tbody tr td {
          padding: 0px 8px;
          font-size: 15px;
          height: 48px; }
          article.table-layout-form4 .table-box table tbody tr td.type-price {
            width: 40%; }
            article.table-layout-form4 .table-box table tbody tr td.type-price + td {
              width: 35%; }
              article.table-layout-form4 .table-box table tbody tr td.type-price + td + td {
                width: 20%; } }
      article.table-layout-form4 .table-box table tbody tr td .ellipsis-box {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        word-wrap: normal;
        width: 100%;
        max-width: 100%;
        line-height: 20px;
        margin-bottom: 10px;
      }
      article.table-layout-form4 .table-box table tbody tr .bus-route-nm-box {
        font-size: 23px;
        line-height: 50px;
        color: #0CA678;
      }
      article.table-layout-form4 .table-box table tbody tr .bus-comp-nm-box {
        line-height: 20px;
      }

      article.table-layout-form4 .table-box table tbody tr .bus-count-box {
        width: 30%;
      }

article.table-layout-form5 .total-box {
  padding: 16px 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  border-bottom: 1px solid #f1f3f5; }

article.table-layout-form5 .table-box .row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 12px 0; }
  article.table-layout-form5 .table-box .row .subject-box {
    display: inline-flex;
    padding-right: 20px;
    width: 100%;
    }
    article.table-layout-form5 .table-box .row .subject-box .txt-box {
      font-weight: 500;
      font-size: 16px;
      line-height: 16px;
      color: #0CA678;
    }
    article.table-layout-form5 .table-box .row .subject-box .direction-box {
      padding-left: 17px;
      color: #339AF0;
      font-weight: 500;
      font-size: 13px;
      line-height: 17px;
      position: relative; }
      article.table-layout-form5 .table-box .row .subject-box .direction-box:after {
        content: '';
        position: absolute;
        left: 8px;
        top: 2px;
        width: 1px;
        height: 16px;
        background: #EAECEF; }
  article.table-layout-form5 .table-box .row .con-box .num-box {
    color: #878E95;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500; }

/*section .inner {*/
/*  margin-top: 10px;*/
/*}*/
article.table-set-layout-form1 .table-box {
  border-top: 1px solid #353A3F; }
  article.table-set-layout-form1 .table-box .row {
    display: flex;
    border-bottom: 1px solid #EAECEF; }
    @media (max-width: 1024px) {
      article.table-set-layout-form1 .table-box .row {
        flex-direction: column; } }
    article.table-set-layout-form1 .table-box .row .head-box {
      display: inline-flex;
      align-items: center;
      min-width: 200px;
      justify-content: center;
      background-color: #F8F9FA; }
      @media (max-width: 1024px) {
        article.table-set-layout-form1 .table-box .row .head-box {
          height: 56px;
          min-width: 100%;
          border-bottom: 1px solid #EAECEF; } }
      article.table-set-layout-form1 .table-box .row .head-box .head-txt-box {
        font-size: 16px;
        line-height: 22px;
        font-weight: 500; }
        @media (max-width: 1024px) {
          article.table-set-layout-form1 .table-box .row .head-box .head-txt-box {
            font-size: 15px; } }
    article.table-set-layout-form1 .table-box .row .body-box {
      flex: 1; }
      article.table-set-layout-form1 .table-box .row .body-box .body-row {
        padding: 21px 16px; }
        @media (max-width: 1024px) {
          article.table-set-layout-form1 .table-box .row .body-box .body-row {
            padding: 17px 16px; } }
        article.table-set-layout-form1 .table-box .row .body-box .body-row + .body-row {
          border-top: 1px solid #EAECEF; }
        article.table-set-layout-form1 .table-box .row .body-box .body-row .label-box {
          margin-right: 12px;
          display: inline;
          padding: 5px 6px;
          color: #228BE6;
          background: #E7F5FF;
          border-radius: 4px;
          font-size: 12px;
          letter-spacing: -0.02em;
          vertical-align: middle; }
        article.table-set-layout-form1 .table-box .row .body-box .body-row .txt-box {
          vertical-align: middle;
          display: inline;
          font-size: 18px;
          line-height: 28px;
          font-weight: 500;
          color: #4A5056; }
          @media (max-width: 1024px) {
            article.table-set-layout-form1 .table-box .row .body-box .body-row .txt-box {
              font-size: 15px;
              line-height: 24px; } }

article.schedule-filter-form {
  padding: 28px;
  background-color: #F8F9FA;
  border: 1px solid #F1F3F5;
  border-radius: 8px;
  margin-bottom: 24px; }
  @media (max-width: 1024px) {
    article.schedule-filter-form {
      padding: 10px; } }
  article.schedule-filter-form .filter-list {
    display: flex; }
    @media (max-width: 1024px) {
      article.schedule-filter-form .filter-list {
        flex-flow: row wrap;
        /*margin: -5px;*/
      } }
    @media (max-width: 1024px) {
      article.schedule-filter-form .filter-list .filter-box {
        /*width: calc(50% - 10px);*/
        margin: 5px; } }
    /*article.schedule-filter-form .filter-list .filter-box + .filter-box {*/
    /*  margin-left: 32px; }*/

    article.schedule-filter-form .filter-list .filter-box label {
      cursor: pointer;
      display: inline-flex;
      align-items: center; }
      article.schedule-filter-form .filter-list .filter-box label input {
        position: absolute;
        left: -99999px; }
        article.schedule-filter-form .filter-list .filter-box label input:checked ~ i {
          background: url("../img/ic_rbox_on.webp") no-repeat center/cover; }
      article.schedule-filter-form .filter-list .filter-box label i {
        background: url("../img/ic_rbox_off.webp") no-repeat center/cover;
        width: 24px;
        height: 24px; }
      article.schedule-filter-form .filter-list .filter-box label .txt {
        padding-left: 8px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500; }
        article.schedule-filter-form .filter-list .filter-box label .txt.type-1 {
          color: #1C7ED6; }
        article.schedule-filter-form .filter-list .filter-box label .txt.type-2 {
          color: #EA3255; }
    @media (max-width: 1024px) {
      article.schedule-filter-form .filter-list .filter-box {
        margin: 0; }
      article.schedule-filter-form .filter-list .filter-box label i {
        width: 15px;
        height: 15px; }
      article.schedule-filter-form .filter-list .filter-box label .txt {
        padding-left: 5px;
        font-size: 0.7rem;
        line-height: 12px;
      }
      .filter-box {
        padding: 5px !important;
      }
    }
.mPop {
  display: none;
}

@media (max-width: 1024px) {
  .wPop {
    display: none;
  }

  .mPop {
    display: table-cell;
  }
}


section.foot-service {
  padding: 160px 0 160px;
  /*background: url("../img/img_main_service_bg.webp") no-repeat center/cover;*/ }
  @media (max-width: 1024px) {
    section.foot-service {
      height: auto;
      padding: 0;
      /*background: url("../img/img_main_service_bg_m.webp") no-repeat center/100% 100%;*/ } }
  section.foot-service .list-box {
    display: flex;
    padding: 64px 0; }
    @media (max-width: 1024px) {
      section.foot-service .list-box {
        flex-direction: column; } }
    section.foot-service .list-box .item-box {
      padding: 32px;
      width: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      background: #FFFFFF;
      border-radius: 8px; }
      @media (max-width: 1024px) {
        section.foot-service .list-box .item-box {
          width: 100% !important;
          margin-left: 0 !important;
          margin-bottom: 0 !important;
        } }
      section.foot-service .list-box .item-box + .item-box {
        margin-left: 16px; }
        @media (max-width: 1024px) {
          section.foot-service .list-box .item-box + .item-box {
            margin: 8px 0 0 0; } }
      section.foot-service .list-box .item-box .txt-box {
        min-height: 56px;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500; }
        @media (max-width: 1024px) {
          section.foot-service .list-box .item-box .txt-box {
            font-size: 16px;
            line-height: 24px;
            min-height: 48px; } }
      section.foot-service .list-box .item-box .menu-box .menu-txt {
        width: 48px;
        height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #FF872C;
        border-radius: 50%;
        font-weight: 700; }

section.page-visual {
  position: relative;
  font-size: 0; }
  section.page-visual .visual-box {
    height: 200px;
    margin-bottom: 15px;
  }
      @media (max-width: 1024px) {
        section.page-visual .visual-box.visual-1 {
          background: url('/resources/img/kw/img_main_visual.webp') no-repeat 30% 62% /cover; } }
    @media (max-width: 1024px) {
      section.page-visual .visual-box {
        height: auto;
        width: 100%;
        padding-bottom: 35%;
        background: url('/resources/img/kw/img_main_visual.webp') no-repeat center/cover;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } }
    section.page-visual .visual-box .visual-txt-box {
      position: absolute;
      left: 0;
      right: 0;
      top: 56%;
      z-index: 100;
      text-align: center; }
      @media (max-width: 1024px) {
        section.page-visual .visual-box .visual-txt-box {
          /*top: 142px;*/
          transform: none; } }
      section.page-visual .visual-box .visual-txt-box .main-box {
        color: #fff;
        font-size: 56px;
        font-weight: 800; }
        @media (max-width: 1024px) {
          section.page-visual .visual-box .visual-txt-box .main-box {
            font-size: 30px;
            line-height: 39px;
            letter-spacing: -0.02em; } }
      section.page-visual .visual-box .visual-txt-box .sub-box {
        color: #fff;
        padding-top: 24px;
        font-size: 16px;
        line-height: 22px; }
        @media (max-width: 1024px) {
          section.page-visual .visual-box .visual-txt-box .sub-box {
            padding-top: 16px;
            font-size: 14px;
            line-height: 18px; } }

section.page-contents {
  margin-bottom: 60px; }
  @media (max-width: 1024px) {
    section.page-contents {
      margin: 0 0 10px; } }

@media (max-width: 1024px) {
  section.introduce {
    padding: 24px 0 0; } }

section.introduce .head-box .top-box {
  font-size: 40px;
  line-height: 52px;
  font-weight: 800; }
  @media (max-width: 1024px) {
    section.introduce .head-box .top-box {
      font-size: 26px;
      line-height: 34px;
      letter-spacing: -0.02em; } }

section.introduce .head-box .mid-box {
  padding-top: 8px;
  font-size: 24px;
  line-height: 31px;
  color: #1971C2;
  font-weight: 800; }
  @media (max-width: 1024px) {
    section.introduce .head-box .mid-box {
      font-size: 22px;
      line-height: 28px;
      letter-spacing: -0.01em; } }

section.introduce .head-box .bottom-box {
  padding-top: 8px;
  font-size: 18px;
  line-height: 28px;
  color: #4A5056; }
  @media (max-width: 1024px) {
    section.introduce .head-box .bottom-box {
      font-size: 15px;
      line-height: 22px; } }

section.introduce .body-box {
  padding-top: 72px; }
  section.introduce .body-box .img-box {
    text-align: center; }
    section.introduce .body-box .img-box img {
      max-width: 100%; }

article.table-view-form1 .head-box {
  border-top: 1px solid #353A3F;
  padding: 32px;
  background-color: #F8F9FA; 
  position: relative;
}
  @media (max-width: 1024px) {
    article.table-view-form1 .head-box {
      padding: 24px 16px; }
  }
  @media (max-width: 1024px) {
    article.table-view-form1 .head-box {
      padding: 24px 16px;!important; }
  }
  article.table-view-form1 .head-box .head-txt-box {
    font-size: 22px;
    font-weight: 800;
    line-height: 28px; }
    @media (max-width: 1024px) {
      article.table-view-form1 .head-box .head-txt-box {
        font-size: 20px;
        line-height: 26px; } }
  .opt-list-box {
    position: absolute;
    right: 0;
  }

  .opt-list-box > div {
    justify-content: end;
    height: 20px;
    padding: 0!important;
  }

  article.table-view-form1 .head-box .option-list {
    display: flex;
    padding-top: 8px; }
    article.table-view-form1 .head-box .option-list .option-box {
      display: inline-flex; }
      article.table-view-form1 .head-box .option-list .option-box + .option-box {
        position: relative;
        margin-left: 33px; }
        article.table-view-form1 .head-box .option-list .option-box + .option-box:after {
          content: '';
          position: absolute;
          left: -17px;
          top: 50%;
          transform: translateY(-50%);
          width: 1px;
          height: 16px;
          background-color: #EAECEF; }
      article.table-view-form1 .head-box .option-list .option-box .subject-box {
        color: #AEB5BC;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500; }
        @media (max-width: 1024px) {
          article.table-view-form1 .head-box .option-list .option-box .subject-box {
            font-size: 0.75em;
          }
          .con-box-userId {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 50px;
          }
        }
      article.table-view-form1 .head-box .option-list .option-box .con-box {
        padding-left: 8px;
        font-size: 16px;
        line-height: 22px;
        color: #878E95; }
        @media (max-width: 1024px) {
          article.table-view-form1 .head-box .option-list .option-box .con-box {
            font-size: 0.75em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }

article.table-view-form1 .body-box {
  border-bottom: 1px solid #EAECEF; }
  article.table-view-form1 .body-box .con-area {
    padding: 32px; }
    @media (max-width: 1024px) {
          article.table-view-form1 .head-box,
      article.table-view-form1 .body-box .con-area {
        padding: 16px!important;
      }
    }
    article.table-view-form1 .body-box .con-area .txt-box {
      font-size: 16px;
      line-height: 22px;
      color: #4A5056;
      font-weight: 500; }
      @media (max-width: 1024px) {
        article.table-view-form1 .body-box .con-area .txt-box {
          font-size: 15px; } }
  article.table-view-form1 .body-box .file-area {
    padding: 16px 225px;
    background-color: #fff;
    border-bottom: 1px solid #EAECEF;
  }
    @media (max-width: 1024px) {
      article.table-view-form1 .body-box .file-area {
        padding: 16px 16px!important;
      }
    }
    article.table-view-form1 .body-box .file-area .row {
      display: flex;
      align-items: center;
      min-width: 0; }
      article.table-view-form1 .body-box .file-area .row + .row {
        margin-top: 16px; }
      article.table-view-form1 .body-box .file-area .row .ic-box {
        background: url("../img/ic_atch.webp") no-repeat center/cover;
        min-width: 16px;
        height: 16px;
        margin-left: 10px; }
        @media (max-width: 1024px) {
          article.table-view-form1 .body-box .file-area .row .ic-box {
            margin-left: 8px; } }
      article.table-view-form1 .body-box .file-area .row .file-box {
        padding-left: 16px;
        min-width: 0; }
        article.table-view-form1 .body-box .file-area .row .file-box .file-item {
          align-items: center;
          display: flex;
          min-width: 0;
          height: 100%;
          font-size: 16px;
          line-height: 22px; }
          @media (max-width: 1024px) {
            article.table-view-form1 .body-box .file-area .row .file-box .file-item {
              font-size: 15px;
              padding: 0; } }
          article.table-view-form1 .body-box .file-area .row .file-box .file-item .file-name-box {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px; }
            @media (max-width: 1024px) {
              article.table-view-form1 .body-box .file-area .row .file-box .file-item .file-name-box {
                font-size: 15px; } }
          article.table-view-form1 .body-box .file-area .row .file-box .file-item .file-extend-box {
            flex-shrink: 0; }
  article.table-view-form1 .body-box .nav-area .row {
    border-bottom: 1px solid #EAECEF;
    display: flex;
    align-items: center;
    padding: 16px 32px; }
    @media (max-width: 1024px) {
      article.table-view-form1 .body-box .nav-area .row {
        padding: 16px; } }
    article.table-view-form1 .body-box .nav-area .row .direction-box {
      width: 100px;
      color: #878E95;
      line-height: 22px; }
      @media (max-width: 1024px) {
        article.table-view-form1 .body-box .nav-area .row .direction-box {
          width: 48px;
          font-size: 15px; } }
    article.table-view-form1 .body-box .nav-area .row .subject-box {
      display: inline-flex;
      flex: 1;
      font-weight: 500;
      min-width: 0; }
      @media (max-width: 1024px) {
        article.table-view-form1 .body-box .nav-area .row .subject-box {
          padding: 0 0 0 8px; } }
      article.table-view-form1 .body-box .nav-area .row .subject-box .link-txt {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px;
        line-height: 22px;
        color: #4A5056; }
        @media (max-width: 1024px) {
          article.table-view-form1 .body-box .nav-area .row .subject-box .link-txt {
            font-size: 15px; } }
    article.table-view-form1 .body-box .nav-area .row .date-box {
      width: 120px;
      text-align: center;
      line-height: 22px; }
      @media (max-width: 1024px) {
        article.table-view-form1 .body-box .nav-area .row .date-box {
          display: none; } }

article.table-view-form1 .foot-box {
  padding-top: 24px;
  display: flex;
  justify-content: center; }
  article.table-view-form1 .foot-box .menu-box {
    display: inline-flex; }
    article.table-view-form1 .foot-box .menu-box .menu-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 56px;
      width: 170px;
      background-color: #F1F3F5;
      border-radius: 4px;
      font-size: 16px;
      line-height: 22px;
      font-weight: 500; }
      @media (max-width: 1024px) {
        article.table-view-form1 .foot-box .menu-box .menu-btn {
          height: 48px; } }

article.table-search-form {
  max-width: 540px;
  margin: 0 auto;
  padding-top: 40px; }
  @media (max-width: 1024px) {
    article.table-search-form {
      display: none; } }
  article.table-search-form .form-box {
    align-items: center;
    display: flex; }
    @media (max-width: 1024px) {
      article.table-search-form .form-box {
        flex-direction: column; }
        article.table-search-form .form-box div {
          width: 100%; } }
    article.table-search-form .form-box div + div {
      margin-left: 8px; }
      @media (max-width: 1024px) {
        article.table-search-form .form-box div + div {
          margin: 8px 0 0; } }
    article.table-search-form .form-box .sbox {
      display: inline-flex; }
    article.table-search-form .form-box .tbox {
      flex: 1; }
    article.table-search-form .form-box .search-box {
      width: 76px; }
      @media (max-width: 1024px) {
        article.table-search-form .form-box .search-box {
          width: 100%; } }
      article.table-search-form .form-box .search-box .search-btn {
        border-radius: 4px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #0CA678;
        color: #fff;
        font-size: 16px;
        font-weight: 500; }

@media (max-width: 1024px) {
  article.page-tabs-list {
    padding-top: 32px; } }

article.page-tabs-list ul.tabs-list {
  display: flex; }
  article.page-tabs-list ul.tabs-list li.tabs-box {
    width: 100%; }
    article.page-tabs-list ul.tabs-list li.tabs-box .tabs-btn {
      cursor: pointer;
      justify-content: center;
      display: flex;
      align-items: center;
      height: 64px;
      font-size: 18px;
      font-weight: 500;
      background-color: #F1F3F5;
      color: #878E95;
      border: 1px solid #DFE2E6;
      width: 100%;
    }
      @media (max-width: 1024px) {
        article.page-tabs-list ul.tabs-list li.tabs-box .tabs-btn {
          height: 48px;
          font-size: 15px;
          line-height: 22px; } }
      article.page-tabs-list ul.tabs-list li.tabs-box .tabs-btn.on {
        background-color: #0CA678;
        color: #fff;
        border: 1px solid #0CA678; }

section.information .tabs-group {
  padding-top: 80px; }
  @media (max-width: 1024px) {
    section.information .tabs-group {
      padding-top: 32px; } }
  section.information .tabs-group .tabs-box {
    display: none; }
    section.information .tabs-group .tabs-box[data-tabs=tabs1] {
      display: block; }

section.information .information-notice-box {
  padding: 17px;
  background: #F8F9FA;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #4A5056;
  text-align: center;
  margin-bottom: 80px; }
  @media (max-width: 1024px) {
    section.information .information-notice-box {
      padding: 16px;
      font-size: 15px;
      line-height: 22px;
      margin-bottom: 64px; }
      section.information .information-notice-box br {
        display: none; } }

section.information .information-form-list .information-form-box + .information-form-box {
  margin-top: 80px; }
  @media (max-width: 1024px) {
    section.information .information-form-list .information-form-box + .information-form-box {
      margin-top: 64px; } }

section.information .information-form-list .information-form-box .form-head-box {
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    section.information .information-form-list .information-form-box .form-head-box {
      padding-bottom: 16px; } }
  section.information .information-form-list .information-form-box .form-head-box .tit-box {
    font-size: 22px;
    line-height: 28px;
    font-weight: 800; }
    @media (max-width: 1024px) {
      section.information .information-form-list .information-form-box .form-head-box .tit-box {
        font-size: 20px;
        line-height: 26px; } }

section.information .information-form-list .information-form-box .form-body-box .information-list-box .row {
  position: relative;
  padding-left: 28px; }
  @media (max-width: 1024px) {
    section.information .information-form-list .information-form-box .form-body-box .information-list-box .row {
      padding-left: 20px; } }
  section.information .information-form-list .information-form-box .form-body-box .information-list-box .row:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #4a5056; }
    @media (max-width: 1024px) {
      section.information .information-form-list .information-form-box .form-body-box .information-list-box .row:after {
        left: 8px;
        top: 8px; } }
  section.information .information-form-list .information-form-box .form-body-box .information-list-box .row + .row {
    margin-top: 4px; }
  section.information .information-form-list .information-form-box .form-body-box .information-list-box .row .txt-box {
    color: #4A5056;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500; }
    @media (max-width: 1024px) {
      section.information .information-form-list .information-form-box .form-body-box .information-list-box .row .txt-box {
        font-size: 15px;
        line-height: 22px; } }

section.information .information-form-list .information-form-box .form-body-box .form-file-area {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center; }
  @media (max-width: 1024px) {
    section.information .information-form-list .information-form-box .form-body-box .form-file-area {
      border-bottom: 1px solid #EAECEF;
      align-items: flex-start;
      flex-direction: column; } }
  section.information .information-form-list .information-form-box .form-body-box .form-file-area .file-txt {
    font-size: 16px;
    line-height: 22px;
    color: #4A5056;
    padding-right: 8px; }
    @media (max-width: 1024px) {
      section.information .information-form-list .information-form-box .form-body-box .form-file-area .file-txt {
        text-align: center;
        width: 100%;
        padding: 0 0 8px; } }
  section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list {
    display: inline-flex;
    align-items: center; }
    @media (max-width: 1024px) {
      section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list {
        flex-direction: column;
        align-items: flex-start; } }
    section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list li.file-box + li.file-box {
      margin-left: 8px; }
      @media (max-width: 1024px) {
        section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list li.file-box + li.file-box {
          margin: 8px 0 0 0; } }
    section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list li.file-box a.file-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px 16px;
      height: 40px;
      background: #F8F9FA;
      border: 1px solid #EAECEF;
      border-radius: 4px; }
      @media (max-width: 1024px) {
        section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list li.file-box a.file-btn {
          padding: 5px 12px;
          height: 32px; } }
      section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list li.file-box a.file-btn .ic-download {
        background: url("../img/ic_download2.webp") no-repeat center/cover;
        width: 16px;
        height: 16px;
        margin-right: 8px; }
      section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list li.file-box a.file-btn .txt {
        color: #4A5056;
        font-size: 16px;
        line-height: 22px; }
        @media (max-width: 1024px) {
          section.information .information-form-list .information-form-box .form-body-box .form-file-area ul.file-list li.file-box a.file-btn .txt {
            font-size: 15px; } }

section.map {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  @media (max-width: 1024px) {
    section.map {
      height: calc(100vh - 56px); } }
  section.map .map-area {
    height: calc(100% - 80px); }
    section.map .map-area img {
      height: 100%;
      width: 100%; }

section.map-floating-menu {
  padding-top: 88px;
  width: 390px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  background-color: #fff;
  z-index: 100; }
  section.map-floating-menu .ui-resizable-n {
    height: 40px;
}
  section.map-floating-menu .bar-box {
    display: none; }
  @media (max-width: 1024px) {
    section.map-floating-menu {
      padding-top: 0;
      height: 0;
      width: 100%;
      top: auto;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 100;
      background-color: #fff;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      min-height: 84px;
      box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.16); }
    .mapCont {
        margin-left: 0 !important;
    }
  }
  @media (max-width: 1024px) {
    section.map-floating-menu .map-floating-wrap {
      padding-top: 28px;
      position: relative;
      height: 100%; }
      section.map-floating-menu .map-floating-wrap:after {
        content: '';
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        top: 10px;
        width: 56px;
        height: 4px;
        background: #D0D0D0;
        border-radius: 999px; } }
  section.map-floating-menu .map-floating-head {
    padding: 0 16px; }
    section.map-floating-menu .map-floating-head ul.map-tabs-list {
      width: 100%;
      padding: 0 29px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #F1F3F5; }
      @media (max-width: 1024px) {
        section.map-floating-menu .map-floating-head ul.map-tabs-list {
          justify-content: center; } }
      section.map-floating-menu .map-floating-head ul.map-tabs-list li {
        width: 100%; }
        section.map-floating-menu .map-floating-head ul.map-tabs-list li a {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 24px;
          height: 72px;
          position: relative;
          font-weight: 500;
          font-size: 16px;
          line-height: 22px; }
          @media (max-width: 1024px) {
            section.map-floating-menu .map-floating-head ul.map-tabs-list li a {
              font-size: 15px;
              height: 36px; } }
          section.map-floating-menu .map-floating-head ul.map-tabs-list li a.on {
            color: #0CA678; }
            section.map-floating-menu .map-floating-head ul.map-tabs-list li a.on:after {
              content: '';
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              height: 4px;
              background: #0CA678; }
              @media (max-width: 1024px) {
                section.map-floating-menu .map-floating-head ul.map-tabs-list li a.on:after {
                  height: 2px; } }
  @media (max-width: 1024px) {
    section.map-floating-menu .map-floating-body {
      height: 100%; } }
  section.map-floating-menu .map-floating-body .map-tabs-box {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 161px); }
    @media (max-width: 1024px) {
      section.map-floating-menu .map-floating-body .map-tabs-box {
        height: 100%; } }
    section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box {
      padding: 24px 0 0;
      display: none;
      flex-direction: column;
      height: calc(100vh - 161px); }
      @media (max-width: 1024px) {
        section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box {
          height: calc(100% - 56px);
          padding: 8px 0 0;
        }
      }
      section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box[data-tabs=tabs1] {
        display: flex; }
      section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box {
        padding: 0 16px 24px;
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%; }
        @media (max-width: 1024px) {
          section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box {
            padding-bottom: 8px; } }
        section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box div + div {
          margin: 8px 0 0; }
        section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box .sbox {
          display: inline-flex;
          width: 100%; }
        section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box .tbox {
          flex: 1; }
        section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box .search-box {
          width: 100%; }
          section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box .search-box .search-btn {
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #0CA678;
            color: #fff;
            font-size: 15px;
            height: 48px;
            font-weight: 500; }
    section.map-floating-menu .map-floating-body .map-tabs-box .map-contents-box {
      padding: 0 24px 16px;
      overflow-x: hidden;
      height: 100%;
    }

    section.map-floating-menu .map-floating-body .map-tabs-box .map-contents-box::-webkit-scrollbar-thumb,
    .m-table {
      background-color: #ddd;
      border-radius: 4px
    }

    section.map-floating-menu .map-floating-body .map-tabs-box .map-contents-box::-webkit-scrollbar,
    .m-table {
      width: 10px;
      background-color: white;
      border-radius: 4px;
    }

      @media (max-width: 1024px) {
        section.map-floating-menu .map-floating-body .map-tabs-box .map-contents-box {
          height: auto;
          padding: 0 16px 16px; }
        section.map-floating-menu .map-floating-body .map-tabs-box .tabs-box .form-box .search-box .search-btn {
          height: 36px;
        }
      }

.tooltip {
    position: absolute;
    border: 1px solid #5d636c;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
    z-index: 10000;
    border-radius: 10px;
    /*left: 0px!important;*/
}

.tooltip>article {
    background: #FFF;
    padding: 12px 10px;
    text-align: center;
    line-height: 150%;
    font-size: 0.9rem;
    border-radius: 10px;
}

.tooltip>article strong {
    display: block;
    letter-spacing: -0.1em;
}



.tooltip a.close {
  font-weight: 200;
  position: absolute;
  top: -5px;
  right: 5px;
  color: #000000;
  padding: 5px 5px;
  font-size: 25px;
}

.board .wrap-btn {
    margin-bottom: 10px;
}

.board .write-btn {
    border-radius: 4px;
    width: 100px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0CA678;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.map-contents-box > detail {
    display: flex;
    flex-direction: column;
    letter-spacing: -0.1em;
    font-size: 0.9rem;
    margin-top: 3px;
}

.map-contents-box detail .busNo {
  float: left;
  display: inline-block;
  color: #0CA678;
  font-size: 2.3rem;
  font-weight: 800;
}

.map-contents-box detail .run {
    position: relative;
    top: 5px;
    left: 8px;
    color: #fc6e51;
    border-radius: 30px;
    border: 1px dashed #fc6e51;
    padding: 8px 15px;
    font-size: 0.9rem;
    min-width: 96px;
}

.map-contents-box detail .run i {
    font-size: 1.5rem;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    color: #fc6e51;
}

.map-contents-box detail button.mapBtn {
    display: none;
}

.map-contents-box detail button.infoBtn {
    display: none;
}

.map-contents-box detail button, .map-contents-box button.mapBtn {
    position: relative;
    float: right;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    width: 36px;
    height: 36px;
    font-size: 0;
    margin-left: 5px;
    background: -webkit-linear-gradient(#f6f8f9, #e2e6e9);
    background: -o-linear-gradient(#f6f8f9, #e2e6e9);
    background: -moz-linear-gradient(#f6f8f9, #e2e6e9);
    background: linear-gradient(#f6f8f9, #e2e6e9);
}

.map-contents-box detail button.stop {
    display: none;
}

.map-contents-box detail button.timer {
    display: none;
}

.map-contents-box detail .info {
    clear: both;
    display: block;
    overflow: hidden;
    letter-spacing: -1px;
    color: #787878;
    padding: 8px 0 5px;
    line-height: 160%;
}

.mr15 {
    margin-right: 15px !important;
}

.map-contents-box detail .info .company {
    display: inline-block;
    padding: 0px 5px;
    background: #e3e8ed;
    color: #295280;
    letter-spacing: -1px;
    margin-right: 5px;
    border-radius: 1px;
}

.map-contents-box detail .info tt {
    color: #000;
    padding: 0 3px 0 0;
}


.map-contents-box detail .info em {
    color: #fc6e51;
}

em {
    font-style: normal;
}
#routeList {
    margin-top: -20px;
    height: auto;
}
.map-contents-box .tabWay {
    clear: both;
    display: block;
    height: 30px;
    width: 380px;
    font-size: 0.90rem;
    margin-left: -42px;
} @media(max-width: 1024px) {
	.map-contents-box .tabWay {
    width: 100%;
    font-size: 1rem;
    margin-left: 0; } }

.map-contents-box .tabWay li:first-child {
    margin-left: 0;
    width: 16%;
}

.map-contents-box .tabWay li {
    display: inline-block;
    float: left;
    width: calc(82.5% / 2);
    text-align: center;
    background: #e7eaec;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 9px 2px 4px;
    margin-left: 2px;
    text-overflow: ellipsis;
    cursor: pointer;
} @media(max-width:1024px) {
	.map-contents-box .tabWay li {
    /*margin-left: 2.3px; */
    }
}

.map-contents-box .tabWay li:hover a, .map-contents-box .tabWay li.on a {
    color: #FFF;
}

.map-contents-box .tabWay li:hover, .map-contents-box .tabWay li.on {
    background: #5296e2;
}

.map-contents-box .route {
    clear: both;
    position: relative;
    display: block;
    overflow-x: hidden;
    overflow-y: unset;
    border-top: 2px solid #5296e2;
    margin-top: -20px;
    width: 339px;
    margin-left: -2px;
} @media (max-width: 1024px) {
    .map-contents-box .route {
	   width: 100%;
	   margin-left: 0.4px; } }


#ArrivalInfoRoute {
    width: 1250px;
    height: auto;
    max-height: 760px;
    top: 100px;
    left: 430px;
    z-index: 999999999999999999;
} @media(max-width:1024px) {
	#ArrivalInfoRoute {
    display: none; } }


.map-contents-box .route li {
    position: relative;
    display: block;
    border-bottom: 1px solid #d5d5d5;
    padding: 9px 0;
    letter-spacing: -1px;
    font-size: 0.84rem;
    width: 100%;
    height: 35px;
}

.map-contents-box .route .start li em {
  width: 50px;
  height: 18px;
  top: 50%;
  color: #5296e2;
  background: url(../img/ico_map.webp) no-repeat 30px -1px;
  margin-left: 10px;
  margin-top: -4px;
  transform: translateY(-50%);
}

.map-contents-box .route .start li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 48px;
    height: 35px;
    width: 5px;
    background: #cfe0f3;
}

.map-contents-box .route .start li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50px;
  width: 12px;
  height: 13px;
  background: url(../img/ico_map.webp) no-repeat -23px 0px;
  transform: translate(-50%, -50%);
}

.map-contents-box .route .finish li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 48px;
    height: 35px;
    width: 5px;
    background: #f2dcd2;
}

.map-contents-box .route .finish li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50px;
  width: 12px;
  height: 12px;
  background: url('../img/ico_map.webp')no-repeat -35px -1px;
  transform: translate(-50%, -50%);
}

.map-contents-box .route li,
.map-contents-box .route .start li::before,
.map-contents-box .route .finish li::before {
    height: 100%!important;
    min-height: 35px;
}

.map-contents-box .route li a {
    color: #333;
}

.map-contents-box .route .start li:first-child::after {
    background: none;
}

.map-contents-box .route li a strong {
    margin-left: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

#routeList > ul.start > li > a > strong,
#routeList > ul.finish > li > a > strong {
  margin-left: 70px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  font-size: 17px;
}

#routeList > ul.start > li > a > strong {
  color: #5296e2;
}

#routeList > ul.finish > li > a > strong {
  color: #f0862d;
}

.map-contents-box .route .return {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 51px;
  top: 50%;
  z-index: 10;
  background: url(../img/ico_map.webp) no-repeat 0 -41px;
  transform: translate(-50%, -50%);
}

.map-contents-box .route .finish li em {
    width: 50px;
    height: 18px;
    top: 50%;
    left: 10px;
    color: #f6997d;
    background: url('../img/ico_map.webp')no-repeat 30px -21px;
    transform: translateY(-50%);
}

.map-contents-box .route li dl {
    position: absolute;
    top: 0px;
    left: 5px;
    display: inline-block;
    z-index: 15;
    transform: translate(-50%, -50%);
}

.map-contents-box .route li dt {
    position: absolute;
    left: 30px;
    margin: 5px 0 0 2px;
}

.map-contents-box .route li dt span.ic_bus_up {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url('../img/ico_map.webp')no-repeat 0 -80px;
    margin-top: -33px;
    margin-left: 2px;
}

.map-contents-box .route li dd {
  position: absolute;
  top: 9px;
  left: -5px;
  display: block;
  width: 33px;
  height: 16px;
  background: #e7eaec;
  color: #000;
  font-size: 0.64rem;
  text-align: center;
  padding: 2px 2px;
  border-radius: 4px 0 0 4px;
  /*border: 1px solid #9e9e9e;*/
  border-right: 0;

}

.jeosang {
  height: 26px !important;
  font-size: 0.7rem !important;
  font-weight: bold;
}

/*.jeosang::after {*/
/*  border-width: 11.75px 3.75px 11.75px 0!important;;*/
/*}*/

.jeosang::after {
  border-width: 13px 5px 13px 0!important;;
}

.route li dd::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 100%;
  transform: scale(-1, 1);
  border-width: 8px 5px 8px 0;
  border-style: solid;
  border-color: transparent #e7eaec transparent transparent;
}

/*.route li dd::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: -2.5%;*/
/*  left: 100%;*/
/*  transform: scale(-1, 1);*/
/*  border-width: 8px 5px 8px 0;*/
/*  border-style: solid;*/
/*  border-color: transparent #9e9e9e transparent transparent;*/
/*}*/

.map-contents-box .route li dt span.ic_bus_down {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url('../img/ico_map.webp')no-repeat -24px -80px;
    margin-top: -33px;
    margin-left: 2px;
}

.map-contents-box detail button.routeBtn::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 5px;
    width: 26px;
    height: 26px;
    /*background: url('../img/route-solid.webp')no-repeat center/cover;;*/
    background: url('../img/icon_arrival.png')no-repeat center/cover;
}

.map-contents-box detail button.backBtn::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 26px;
  height: 26px;
  /*background: url('../img/circle-left-solid.webp')no-repeat center/cover;*/
  background: url('../img/icon_back.png')no-repeat center/cover;
}

.lyroute {
	position: absolute;
    background: #FFF;
    height: auto;
    border: 2px solid #5d636c;
    z-index: 99;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
}

.lyroute h3 {
    width: 100%;
    height: 36px;
    background: #295280;
    color: #FFF;
    line-height: 32px;
    padding: 3px 0 0 6px;
}

.lyroute h3 span {
    font-size: 1.8rem;
    line-height: 30px;
}

.lyroute h3 span {
    font-size: 1.8rem;
    line-height: 30px;
}

.fr {
    float: right;
}

/*.lyroute h3>a.close {*/
/*    position: absolute;*/
/*    top: -2px;*/
/*    right: 5px;*/
/*    width: 34px;*/
/*    height: 37px;*/
/*    line-height: 36px;*/
/*    background: #295280;*/
/*    font-size: 1rem;*/
/*    padding-left: 8px;*/
/*}*/

section .route {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 40px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#busRoute {
  min-height: 140px;
  max-height: 700px;
}

section .route ol:nth-child(odd) {
    margin-left: 30px;
}

section .route ol:nth-child(even) {
    float: right;
    margin-right: 85px;
    margin-top: -2px;
}
section .route ol {
    width: 100%;
}

section .route ol:nth-child(even) li {
    float: right;
}

section .route li {
    position: relative;
    display: inline-block;
    height: 45px;
    width: 82px;
}


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

section .route li em.ico_pointer_start {
    width: 18px;
    height: 18px;
    background-position: -1px -1px;
}



section .route li em {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 1;
    background: url('../img/ico_map.webp')no-repeat;
}

em {
    font-style: normal;
}

section .route ol:nth-child(odd) li:first-child span {
    position: absolute;
    top: 14px;
    left: -63px;
    width: 60px;
    text-align: right;
}

section .route li span {
    position: absolute;
    top: 35px;
    width: 60px;
    left: -40%;
    display: block;
    color: #222;
    font-size: 0.75rem;
    width: 100%;
    text-align: center;
    letter-spacing: -1px;
    line-height: 130%;
}

section .route ol:nth-child(even) li em {
    position: absolute;
    top: 13px;
    left: 90%;
}

section .route li em.ico_direction_start_right {
    width: 15px;
    height: 15px;
    background-position: -51px -1px;
}

section .route li em.ico_direction_start_left {
    width: 15px;
    height: 15px;
    background-position: -70px -1px;
}

section .route li em.ico_direction_finish_left {
    width: 15px;
    height: 15px;
    background-position: -70px -21px;
}

section .route li em.ico_direction_finish_right {
    width: 15px;
    height: 15px;
    background-position: -51px -21px;
}

section .route li em.ico_pointer_finish2 {
    width: 18px;
    height: 18px;
    background-position: -1px -21px;
}

section .route li div {
    position: absolute;
    top: 20px;
    left: 5px;
    display: block;
    height: 5px;
    width: 78px;
    background: #d6d6d6;
}


section .route li em.ico_pointer_finish {
    width: 18px;
    height: 18px;
    background-position: -1px -1px;
}

section .route ol:nth-child(odd) li:last-child div {
    display: block;
    height: 70px;
    width: 5px;
}

section .route ol:nth-child(even) li:last-child div {
    position: absolute;
    top: 20px;
    left: 78px;
    display: block;
    height: 65px;
    width: 5px;
}

section .route ol:nth-child(even) li:last-child span {
    position: absolute;
    top: 16px;
    left: 8px;
    width: 63px;
    display: block;
    text-align: right;
    letter-spacing: -1px;
}

section .route ol:nth-child(odd) li:last-child span {
    position: absolute;
    width: 60px;
    top: 17px;
    left: 18px;
    display: block;
    color: #000;
    text-align: left;
    letter-spacing: -1px;
}

section .route li img.turn {
    position: absolute;
    top: 8px;
    left: -5px;
    margin-left: -5px;
    z-index: 3;
}

.lybox .tbl td em {
    background: #e3e8ed;
    font-size: 0.7rem;
    padding: 2px 3px;
    margin-left: 1px;
}

section .route li img {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 5;
    z-index: 1;

}

section .route ol:nth-child(even) li:last-child span {
    position: absolute;
    top: 16px;
    left: 8px;
    width: 63px;
    display: block;
    text-align: right;
    letter-spacing: -1px;
}

section .route li.last div {
    display: none !important;
}

section .route ol:nth-child(even) li:last-child div {
    position: absolute;
    top: 20px;
    left: 78px;
    display: block;
    height: 65px;
    width: 5px;
}

section .route ol:nth-child(even) li p.bus {
    position: absolute;
    top: -4px;
    left: 55px;
}


section .route li p.bus {
    position: absolute;
    z-index: 100;
    top: -5px;
    left: -14px;
    height: 24px;
    width: 46px;
    background: url(../img/ico_route_bus.webp)no-repeat 0 0;
}

section .route li p.route_bus_up_right {
    background-position: 0 -220px;
}

section .route li p.route_bus_up_left {
    background-position: 0 -176px;
}

section .route li p.route_bus_down_left {
    background-position: 0 0;
}

section .route li p.route_bus_down_right {
    background-position: 0 -44px;
}

section .route li i {
    position: absolute;
    top: 16px;
    left: -10px;
    color: #000;
    background: #FFF;
    opacity: 0.9;
    border: 1px solid #b0b0b0;
    padding: 1px 3px;
    font-size: 0.72rem;
    z-index: 100;
    padding: 2px 4px;
}

section .route li i {
    position: absolute;
    top: 16px;
    left: -10px;
    color: #000;
    background: #FFF;
    opacity: 0.9;
    border: 1px solid #b0b0b0;
    padding: 1px 3px;
    font-size: 0.72rem;
    z-index: 100;
    padding: 2px 4px;
}

section .route ol:nth-child(even) li i {
    left: 60px;
}

section .route ol:nth-child(even) li span {
    position: absolute;
    top: 35px;
    left: 50%;
}

section .route li span.on {
    top: 31px;
    background: #295280;
    border-radius: 1px;
    color: #FFF !important;
    padding: 3px 2px;
}
section .route li span {
    position: absolute;
    top: 35px;
    width: 60px;
    left: -40%;
    display: block;
    color: #222;
    font-size: 0.75rem;
    width: 100%;
    text-align: center;
    letter-spacing: -1px;
    line-height: 130%;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
} @media (max-width:1024px) {
	ol {
    padding-inline-start: 0px; } }

.lyroute h3 {
    width: 100%;
    height: 36px;
    background: #295280;
    color: #FFF;
    line-height: 32px;
    padding: 3px 0 0 6px;
}

.lyroute h3 big {
    font-size: 0.9rem;
    padding: 5px 7px;
    vertical-align: middle;
    line-height: 30px;
    color : white;
}

.lyroute h3 em {
    background: rgba(255,255,255,0.2);
    color: #FFF;
    font-size: 0.9rem;
    margin-left: 8px;
    padding: 2px 5px;
    vertical-align: middle;
    border-radius: 1px;
}

.lypop>h3 {
    display: table;
    width: 100%;
    background: #5d636c;
    color: #FFF;
    padding: 8px 11px;
    font-size: 1.1rem;
    height: 35px;
}

.lypop>h3>span {
    float: left;
}

.lypop>h3>em {
    color: rgba(255,255,255,0.5);
    padding-left: 5px;
    font-size: 0.8rem;
    line-height: 20px;
}

.lypop>h3 a.close,
.lyroute h3>a.close {
  position: absolute;
  right: 5px;
  top: 0px;
  background: #5d636c;
  color: #FFF;
  width: 30px;
  font-size: 50px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 100;
  cursor: pointer;
}

@media (max-width: 1024px) {
    .lypop>h3 a.close {
      right: 8px;
      top: 3px;
      box-shadow: none;
    }
}

.lybox {
    padding: 10px 10px 15px;
}

.lybox h4 {
    float: left;
    color: #444;
    font-size: 14px;
    margin: 7px 0 0 0;
}

.lybox h4 strong {
    font-size: 16px;
}


.fcb {
    color: #659fd5 !important;
}

.fcgr {
    color: #74c64e !important;
}

.fcr {
    color: #d84130 !important;
}

.lybox .tbl {
    overflow-y: scroll;
}

.tbl {
    width: 100%;
    overflow-x: hidden;
}

.lybox hr {
    border: 0;
    height: 1px;
    background: #333;
    margin: 15px 0 10px;
    background-image: linear-gradient(to top, #bbb, #ececec);
}

.lybox .tbl {
    overflow-y: scroll;
}

.tbl table {
    width: 100%;
}


.lybox .tbl thead tr {
    position: relative;
}

.lybox .tbl th {
    background: #295280;
    color: #FFF;
    font-size: 0.9rem;
    padding: 5px 0px;
}

.lybox .tbl tbody {
    font-size: 0.9rem;
}

@media (max-width: 1024px) {
  .lybox .tbl td {
    font-size: 0.7rem;
    word-break: normal;
  }

  .lybox .tbl mark {
    font-size: 0.7rem;
  }

  .lybox .tbl th {
    font-size: 0.7rem;
  }

  .lybox .tbl tbody {
    font-size: 0.7rem;
  }
}

.lybox .tbl td {
    padding: 6px 2px;
    border: 1px solid #d5d5d5;
    text-align: center;
}

.lybox #passbyList td {
  text-align: left;
}

.tbl .tblList td a {
    position: relative;
}


.trasnfer {
    position: relative;
    height: auto;
    overflow: hidden;
}


.popMap {
    position: absolute;
}


.lybox .tbl td mark {
    color: #222;
    padding-right: 3px;
    background: none;
}

.lypop {
    position: absolute;
    background: #FFF;
    height: auto;
    border: 2px solid #5d636c;
    z-index: 99;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
}

.mapCont {
    position: relative;
    clear: both;
    width: calc(100% - 390px);
    top: 88px;
    margin-left: 390px;
    overflow: hidden;
} @media(max-width: 1024px) {
	.mapCont {
    position: relative;
    clear: both;
    width: 100%;
    top: 55px;
    margin-left: 390px;
    overflow: hidden; }  }

#arrivalInfoDiv {
  position: absolute;
  width: 460px;
    top: 125px;
    left: 430px;
    z-index: 100;
    display: block;
}   @media (max-width: 1024px) {
         #arrivalInfoDiv {
           position: absolute;
           display: block;
		    width: 100%;
		    top: 50px;
		    left: 0px;
		    z-index: 9999;} }

#timeTable {
    width: 650px;
    top: 150px;
    left: 430px;
    z-index: 100;
} @media (max-width: 1024px) {
	#timeTable {
		width: 100%;
	    top: 50px;
	    left: 0;
	    height: auto;
	    z-index: 99999; } }

.time td button, .lybox button {
    border: 1px solid #cdcdcd;
    color: #686868;
    border-radius: 3px;
    background: -webkit-linear-gradient(#f5f7f8, #e3e7e9);
    background: -o-linear-gradient(#f5f7f8, #e3e7e9);
    background: -moz-linear-gradient(#f5f7f8, #e3e7e9);
    background: linear-gradient(#f5f7f8, #e3e7e9);
}

.lybox select {
    border: 1px solid #a2a2a2;
    height: 23px;
    margin-right: 2px;
    cursor: pointer;
}

.timetbl td:first-child, .timetbl td:nth-child(4), .timetbl td:nth-child(7)
, .timetbl td:nth-child(10), .timetbl td:nth-child(13), .timetbl td:nth-child(16){
    background: #f2f2f2 !important;
    color: #888 !important;
}

.timetbl td:last-child {
    border-right: none;
}


.map-contents-box detail button.timeBtn::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 5px;
    width: 26px;
    height: 26px;
    /*background: url('../img/clock-solid.webp')no-repeat center/cover;*/
  background: url('../img/icon_schedule.png')no-repeat center/cover;
}

.notice-write-warp {
    text-align: center;
    margin-bottom : 10px;
}

#notice-write-btn {
  display: inline-block;
  border-radius: 4px;
  width: 250px;
  height: 40px;
  line-height: 40px;
  background-color: #169E5C;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  background-image: url(/resources/img/write_stop.png);
  padding-left: 15px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: 55px;
 }

#notice-write-btn:hover {
  background-image: url('/resources/img/write_animate.gif');
  background-size: 33px;
  background-position: 56px;
}

 #notice-title {
 border-radius: 4px;
     height: 40px;
     outline: none;
     box-sizing: border-box;
     padding: 0 16px;
     font-size: 16px;
     width: 100%;
     background-color: rgba(0,0,0,.03);
     border: 1px solid #EAECEF;
     margin-bottom: 5px;
 }
 article.table-layout-form1 .foot-box .menu-box .menu-btn{
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    height: 56px;
    width: 100%;
    background-color: #0CA678;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
 }
  @media (max-width: 1024px) {
    .transfer {
        margin-top: 56px !important;
    }
}

.sbox input {
    border-radius: 4px;
    height: 56px;
    outline: none;
    box-sizing: border-box;
    padding: 0 16px;
    font-size: 16px;
    width: 100%;
    background-color: #F8F9FA;
    border: 1px solid #EAECEF;
}

/*# sourceMappingURL=style.css.map */

@media (max-width: 1024px) {
  #mobileMenu {
    height: 100%;
  }
}

.moService {
  width: 1100px;
  padding: 10px 20px;
  text-align: center;
  margin-top: 20px;
  overflow: hidden;
}@media screen and (max-width: 1024px) {
  .moService {
    width: 100%;
    height: 100%;
    padding: 0;
  }
}


.moService>li {
  float: left;
  width: 225px;
  height: 500px;
  position: relative;
  margin: 0 20px 20px;
} @media(max-width: 1024px) {
  .moService > li {
    width: 25%;
    /*height: 418px;*/
    height: 400px ;
    margin: 0 0px 0px;
    background-size: 75% !important;
    background-position: 30px 26px !important;
  }
} @media(max-width: 700px) {
  .moService > li {
    height: 320px !important;
  }
} @media(max-width: 800px) {
  .moService > li {
    height: 360px;
  }
} @media(max-width: 600px) {
  .moService > li {
    height: 280px !important;
  }
} @media(max-width: 500px) {
  .moService > li {
    height: 260px !important;
  }
} @media(max-width: 400px) {
  .moService > li {
    height: 240px !important;
  }
} @media(max-width: 300px) {
  .moService > li {
    height: 250px !important;
  }
}

.moService li strong {
  display: block;
  color: #111;
}

.moService li span {
  display: block;
  height: 60px;
  position: absolute;
  bottom: 0;
  letter-spacing: -1px;
  word-break: keep-all;
  text-align: center;
  font-size: 0.9rem;
}

.moService>.step01 {
  background: url(../img/info_mobile01.webp) no-repeat 0 25px;
}

.moService>.step02 {
  background: url(../img/info_mobile02.webp) no-repeat 0 25px;
}

.moService>.step03 {
  background: url(../img/info_mobile03.webp) no-repeat 0 25px;
}

.moService>.step04 {
  background: url(../img/info_mobile04.webp) no-repeat 0 25px;
}

.moService>.step05 {
  background: url(../img/info_mobile05.webp) no-repeat 0 25px;
}

.moService>.step06 {
  background: url(../img/info_mobile06.webp) no-repeat 0 25px;
}

.moService>.step07 {
  background: url(../img/info_mobile07.webp) no-repeat 0 25px;
}

.moService>.step08 {
  background: url(../img/info_mobile08.webp) no-repeat 0 25px;
}

.fcr {
  color: #d84130 !important;
}

#qna-title {
  border-radius: 4px;
  height: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 16px;
  width: 60%;
  background-color: rgba(0,0,0,.03);
  border: 1px solid #EAECEF;
  margin-bottom: 5px;
} @media(max-width: 1024px) {
  #qna-title {
    width: 100%;
  }
}

.reply-title {
  width: 100% !important;
}@media(max-width: 1024px) {
  #reply-title {
    width: 100%;
  }
}

#qna-id {
  border-radius: 4px;
  height: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 16px;
  width: 20%;
  background-color: rgba(0,0,0,.03);
  border: 1px solid #EAECEF;
  margin-bottom: 5px;
} @media(max-width: 1024px) {
  #qna-id {
    width: 49%;
  }
}

#qna-pwd {
  border-radius: 4px;
  height: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 16px;
  width: 19%;
  background-color: rgba(0,0,0,.03);
  border: 1px solid #EAECEF;
  margin-bottom: 5px;
} @media(max-width: 1024px) {
  #qna-pwd {
    width: 49%;
  }
}

.option-list .option-btn,
.option-list .option-admin-btn,
.table-view-form1 .opt-list-box-notice .option-admin-btn  {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 65px;
  background-color: white;
  color: gray;
  font-size: 13px;
  line-height: 22px;
  float: right;
  font-weight: 450;
  margin-right: 10px;
  border: 1px solid gray;
  border-radius: 4px;
}
.opt-list-box-qna .option-list  {
  display: flex;
}

.body-box .opt-list-box-qna {
  width: auto;
  height: 30px;
  position: relative;
}

.opt-list-box-qna #edit-qna-form {
  float: right;
  padding-right: 8px;
  height: 30px;
}

.table-view-form1 .opt-list-box-notice  {
  width: auto;
  height: 30px;
  position: relative;
}
.table-view-form1 .opt-list-box-notice .option-list  {
  display: flex;
}


.qna-edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 50px;
  background-color: white;
  color: gray;
  font-size: 13px;
  line-height: 22px;
  float: right;
  font-weight: 450;
  margin-right: 2px;
  border: 1px solid gray;
  border-radius: 4px;
  margin-top: 15px;
}

.edit-input {
  border-radius: 4px;
  height: 25px;
  outline: none;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 13px;
  width: 100%;
  background-color: white;
  border: 1px solid #EAECEF;
  margin-bottom: 5px;
  margin-top: 15px;
  margin-right: 2px;
}

.reply-box {
  border-radius: 4px;
  height: auto;
  outline: none;
  box-sizing: border-box;
  padding: 15px 16px;
  font-size: 16px;
  background-color: rgba(0,0,0,.03);
  border: 1px solid #EAECEF;
  margin-bottom: 5px;
}

.reply-items {
  margin-bottom: 20px;
}

.mapRemark {
  position: absolute;
  top: 10px;
  left: 11%;
  background: #169E5C;
  padding: 3px 3px;
  z-index: 10;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,.4);
  width: 110px;
} @media(max-width: 1024px) {
  .mapRemark {
    left: 2%;
  }
}

.mapRemark a {
  float: left;
  cursor: pointer;
  margin-right: 2px;
  margin-left: 2px;
  display: inline-block;
}

.mapRemark a.timer {
  position: relative;
  width: 97%;
  height: auto;
  font-size: 0;
}

.mapRemark a.timer::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0px;
  left: 6px;
  background: url(../img/ico_map.webp)no-repeat -30px -39px;
}

.mapRemark a.timer strong {
  font-size: 1.2rem;
  color: #FFF;
  padding-left: 30px;
  line-height: 30px;
}

.mapRemark a.stop {
  width: 30px;
  height: 28px;
  background: rgba(255,255,255,0.25) url(../img/ico_map.webp)no-repeat -49px -40px;
  font-size: 0;
}

.mapRemark a.play {
  width: 30px;
  height: 28px;
  background: rgba(255,255,255,0.25) url(../img/ico_map.webp)no-repeat -70px -40px;
  font-size: 0;
}

.tbox select {
  width: 33%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #F8F9FA url("../img/ic_select_arrow.webp") no-repeat center right 16px;
  border: 1px solid #EAECEF;
  outline: none;
  padding: 0 44px 0 16px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  color: #4A5056;
}

.filter-list select {
  width: 10%;
  margin-right: 3%;
  border: 1px solid #EAECEF;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  color: #4A5056;
} @media(max-width: 1024px) {
  .filter-list select {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
    height: 2rem;
  }
}

.foot-service .inner .list-box {
  flex-wrap: wrap;
}

.foot-service .inner .list-box .item-box{
  width: 30%;
  margin-left: 16px;
  margin-bottom: 2%;
}

.info-edit-btn {
  border-radius: 4px;
  width: 100px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F1F3F5;
  color: #878E95;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.info-edit-btn.on{
  background-color: #0CA678;
  color: #fff;
}

article.table-layout-form3 .table-box table tbody input {
  text-align: center;
  height: 45px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  border-radius: 8px;
  border: 2px solid #0CA678;
} @media(max-width: 1024px) {
  article.table-layout-form3 .table-box table tbody input{
    padding: 13px 8px;
    font-size: 15px;
    height: 48px;
    width: 100%;
  }
}

article.table-layout-form3 .table-box table tbody input:focus {
  border: 2px solid #0CA678;
  outline: none;
}

.container.fullpage {
  padding-top: 0;
}

section.login .login-group-box {
  background: #FFFFFF;
  padding: 10.5%;
  display: flex;
  justify-content: center;
} @media(max-width: 1024px) {
  .login-group-box {
    margin-top: 15%
  }
}

section.login .login-group-box .logo-box {
  text-align: center;
}


section.login .login-group-box .form-box .row {
  display: flex;
  align-items: center;
  margin-bottom: 2%;
}

section.login .login-group-box .form-box .row .subject-box {
  width: 95px;
  font-weight: 700;
}

section.login .login-group-box .form-box .row .con-box {
  flex: 1;
}

section.login .login-group-box .form-box .row .con-box input {
  outline: none;
  height: 40px;
  padding: 0 16px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}

section.login .login-group-box .form-btn-box {
  display: flex;
  padding-top: 30px;
}

section.login .row .form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 55px;
  background: #169E5C;
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}

.login-form {
  display: flex;
  align-items: center;
  padding: 5%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
} @media (max-width: 1024px) {
  .login-form {
    box-shadow: none;
    border: none;
  }
}

.login {
  padding-top: 5%;
}

@media(max-width: 1024px) {
  .routeBtn {
    display: none;
  }
}

.file-upload-btn {
  cursor: pointer;
}

.popup-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("../img/icon_schedul.png") no-repeat center/cover;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .popup-btn {
    width: 15px;
    height: 15px;
  }
}

.manage {
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
  position: relative;
}

.manage-side {
  width: 250px;
  padding: 10px;
  position: absolute;
  left: 5px;
  top: 5px;
}

.manage-nav li {
  padding: 10px;
}

.manage-container {
  width: calc(100% - 250px);
  margin-left: 250px;
  padding: 10px;
}

.frmManage input[type=text],
.frmManage input[type=date] {
  border-radius: 4px;
  height: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 16px;
  background-color: rgba(0,0,0,.03);
  border: 1px solid #EAECEF;
  margin-bottom: 5px;
}

.manage-tool .menu-btn {
  display: flex;
  margin-top: 10px;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 100%;
  background-color: #0CA678;
  border-radius: 4px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #fff;
}

.popup-frame {
  border: 1px solid;
  border-radius: 10px;
  background-color: white;
  position: absolute;
  top: 88px;
  width: 300px;
  height: auto;
  display: block;
  z-index: 999;
}

.admin-btn-popup, .admin-btn-login {
  width: auto;
  float: right;
  transform: translate(10%, -100%);
}

.admin-btn-login {
  font-size: 13px;
}

.popup-content * {
  width: 100%!important;
}


.popup-footer a {
  font-size: 13px;
}

.switch-container {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch-input {
  display: none;
}

.switch-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 34px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.switch-label:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
}

.switch-input:checked + .switch-label {
  background-color: #4CAF50; /* On 상태의 배경색 */
}

.switch-input:checked + .switch-label:before {
  transform: translateX(26px) translateY(-50%); /* On 상태에서는 오른쪽으로 이동 */
}

input[type="file"] {
  display: none; /* 기본 파일 업로드 버튼 감춤 */
}

/* 사용자 정의 스타일링 */
.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  font-size: 16px;
}

.custom-file-upload:hover {
  background-color: #f0f0f0;
}

/* 파일 업로드 버튼이 선택되었을 때 스타일 변경 (옵션) */
input[type="file"]:focus + .custom-file-upload {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.fileList {
  margin: 10px 0;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}
.fileList .row {
  padding: 5px;
}

.fileList p {
  height: 25px;
  line-height: 25px;
}

.fileList p a {
  border: 1px solid #e4e4e4;
  padding: 10px;
  width: 25px;
  height: 25px;
  background: url(/resources/img/ic_close.webp) no-repeat center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

#countBox {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 10px 0;
}

@media(max-width: 1024px) {
  #countBox {
    position: relative;
  }
}

#countBox p,
#countBox p span {
  color: #000;
}

.inner {
  position: relative;
}

.popup-hidden {
  color: white;
  height: 25px;
  float: left;
  font-size: 13px;
}

.popup-content {
  text-align: left;
  line-height: 22px;
  font-size: 14px;
}

.popup-tit {
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  padding: 15px 0 25px 0;
  border-bottom: 1px solid white;
}

.popup-subtit {
  padding: 5px 0px;
  text-align: center;
}

.popup-con {
  text-align: center;
  padding: 0px 20px;
  height: 97%;
}

.popup-footer {
  border-radius: 0 0 10px 10px;
  color: white;
  background-color: #2ed6a0;
  padding: 0px 20px;
  width: 100%;
  line-height: 25px;
  display: flex;
  justify-content: space-between;
}

.popup-frame .tit-box {
  border-radius: 10px 10px 0 0;
  margin-bottom: 10px;
  color: white;
  background-color: #2ed6a0;
}

.popup-frame .popup-con img {
  margin-top: 30px;
}

@media(max-width: 1024px) {
  .popup-frame {
    top : 55px;
    width: 200px;
  }
  .popup-tit {
    padding: 10px 0 15px 0;
    font-size: 15px;
  }
  .popup-subtit , .popup-content, .popup-footer button, .popup-footer a, .popup-content p span, .popup-content p b, .popup-content p{
    font-size: 9px !important;
  }
  .popup-content {
    line-height: 12px;
  }
  .popup-frame .popup-con img {
    margin-top: 10px !important;
    width: 70px !important;
  }

  .popup-hidden {
    height: 27px;
  }
}

.table-set-layout-form1 .table-box .row .body-row .txt-box {
  line-height: 22px;
}

.map_bottom_tool {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 999;
  height: fit-content;
}

.map_bottom_tool ul li {
  display: inline-block;
  font-size: 11px;
  color: #a9a9a9;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.map_bottom_tool ul li:hover,
.map_bottom_tool ul li.active {
  color: #169E5C;
  cursor: pointer;
}

.map_bottom_tool ul li:last-child {
  margin-right: 0;
}

.delete-btn {
  font-size: 13px;
  border-radius: 8px;
  padding: 8px;
  background-color: #EAECEF;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

.delete-btn:hover {
  background-color: black;
  color: #EAECEF;
}

@media (max-width: 600px) {
  .bus-route-close {
    display: block !important;
  }
}

.header-depth1,
.header-depth1-info {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 155px;
  display: none;
  z-index: 5;
}

.header-depth1-info {
    // left: 36.5%;
}

.header-depth2 {
  position: absolute;
  right: -75px;
  top: 0;
  width: 75px;
  display: none;
}

.header-depth-menu {
  position: absolute;
  right: -75px;
  top: 0;
  width: 75px;
  display: none;
}

.header-depth-menu > li,
.header-depth1-info > li {
  padding: 0px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: #169E5C;
  border-radius: 15px;
  margin-top: 2px;
}

.header-depth-menu > li > a,
.header-depth1-info > li > a{
  height: 100%;
  vertical-align: baseline;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 16px;
  color: #fff;
}

.header-depth-menu > li:hover {
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid #169E5C;
}

.header-depth-menu > li:hover > a {
  color: #000;
}

.header-depth1 > li,
.header-depth2 > li,
.header-depth1-info > li {
  padding: 0px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: #169E5C;
  border-radius: 15px;
  margin-top: 2px;
}

.header-depth1 > li > a,
.header-depth2 > li > a,
.header-depth1-info > li > a{
  height: 100%;
  vertical-align: baseline;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 16px;
  color: #fff;
}

.header-depth1 > li:hover,
.header-depth1-info > li:hover{
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid #169E5C;
}

.header-depth1 > li:hover > a,
.header-depth1-info > li:hover > a {
  color: #000;
}

.header-depth2 > li:hover {
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid #169E5C;
}

.header-depth2 > li:hover > a {
  color: #000;
}

.schedule-frame {
  display: flex;
  justify-content: space-between;
  background: #fff;
  height: fit-content;
  padding: 20px;
  box-shadow: 0 0.225rem 1.25rem #0000001a;
  border-radius: 15px;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
}

.schedule-name {
  display: flex;
  width: 195px;
  justify-content: flex-start;
  padding: 10px;
}

.schedule-name span {
  font-size: 18px;
  font-weight: bold;
  height: fit-content;
  border-left: 10px solid #169E5C;
  padding-left: 10px;
  font-size: 22px;
}

.schedule-list {
  display: flex;
  max-width: 85%;
  background: #fff;
  padding: 10px;
  padding-bottom: 0;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  flex-wrap: wrap;
}
.schedule-list-item {
  display: inline-block;
  background-color: #169E5C;
  color: #fff;
  padding: 3px 5px;
  height: fit-content;
  margin-right:10px;
  margin-bottom:10px;
}

.schedule-list-li {
  text-align: center;
  display: flex;
}

.schedule-pc-container {
  display: grid;
  text-align: left;
}

.schedule-item-empty {
  color : transparent;
}

@media (max-width: 1024px) {
  .schedule-pc-container {
    display: block;
  }
  .schedule-list-m {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    max-width: 100%;
    align-items: center;
    justify-content: space-evenly;
  }

  .schedule-list-item-m {
    font-size: 13px !important;
  }


  .schedule-title-m {
    font-size: 13px;
  }

  .schedule-list-m:nth-child(1) {
    margin-top: 10px;
  }

  .schedule-list-li-m {
    display: block !important;
  }

  .schedule-list-item-m {
    margin-left: 5px !important;
  }
}

.margin-left-10 {
  margin-left: 10px;
}

.schedule-title {
  margin-bottom: 10px;
  font-weight: bold;
}

.bus-name-red {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #FFF!important;
  color: #ff0000!important;
  font-size: 14px;
}

.bus-name-green {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #fff!important;
  color: #009b65!important;
}
.bus-name-blue {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #fff!important;
  color: #0057ff!important;
}
.bus-name-orange {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #fff!important;
  color: #FF7B00!important;
}
.bus-name-yellow {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #fff!important;
  color: #FF7B00!important;
}
.bus-name-up {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #fff!important;
  color: #0057ff!important;
}
.bus-name-down {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #fff!important;
  color: #ff0000!important;
}
.bus-name-navy {
  text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #fff!important;
  color: #345b8c!important;
}

.bus-name-green,
.bus-name-blue,
.bus-name-up,
.bus-name-down,
.bus-name-navy,
.bus-name-orange,
.bus-name-yellow {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: 'Pretendard', sans-serif;
}

/*모바일*/
@media (max-width: 1024px) {
  body > header > div > nav > ul > li:nth-child(4) {
    display: block!important;
  }
  .header-depth1,
  .header-depth2,
  .header-depth3,
  .header-depth1-info{
    position: unset;
    transform: unset;
    background-color: #169E5C;
    width: 100%;
    border-radius: unset;
    display: none;
  }

  .header-depth1 > li,
  .header-depth2 > li,
  .header-depth1-info > li{
    height: 100%;
    padding: 0;
    border-radius: 0;
  }

  .header-depth1 > li > a,
  .header-depth2 > li > a,
  .header-depth1-info > li > a{
    text-align: left;
    display: block;
    margin: 0 25px;
    color: #fff;
  }

  .header-depth1 > li > a,
  .header-depth2 > li > a,
  .header-depth1-info > li > a{
    border-bottom: 1px solid #fff;
  }

  .header-depth1 > li:last-child > a,
  .header-depth2 > li:last-child > a,
  .header-depth1-info > li:last-child > a{
    border-bottom: none;
  }

  .header-depth1 > li:hover,
  .header-depth1-info > li:hover{
    background-color: #169E5C;
    border-radius: 0px;
  }

  .header-depth1 > li:hover > a,
  .header-depth1-info > li:hover > a {
    color: #fff;
  }

  .schedule-name {
    padding: 10px 5px 0 10px;
    width: auto;
  }

  .schedule-name span {
    font-size: 16px;
  }

  .schedule-frame {
    justify-content: flex-start;
    padding: 5px;
  }

  .schedule-list-item {
    font-size: 14px;
  }

  .schedule-list-li {
    text-align: center;
    display: flex;
  }

  .bus-name-green,
  .bus-name-blue,
  .bus-name-yellow,
  .bus-name-up,
  .bus-name-down  {
    font-size: 14px;
  }

}

.tooltiptxt {
  font-size: 12px;
  left: -25%;
  top: 35px;
  visibility: hidden;
  width: auto;
  background-color: #f6f8f9;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
}

.timeBtn:hover .tooltiptxt, .backBtn:hover .tooltiptxt, .routeBtn:hover .tooltiptxt  {
  visibility: visible;
}

.timeBtn > .tooltiptxt {
    left: -40%!important;
}

.busToinfo {
  font-size : 12px;
  color : red;
  font-weight: bold;
}

.arrivalInfoTableHead {
  position: sticky;
  top: 0;
}

@media (max-width: 1024px) {
  .m-table {
    overflow: auto;
    height: 450px;
  }
  .m-thead {
    position: sticky;
    top: -1px;
  }
}

.hidden {
  display: none;
}

.lang-option {
  padding: 5px 0px 5px 20px;
}

.lang-option:hover {
  background-color: #0b7af3;
}

.lang-option:nth-child(1) {
  border-top: 1px solid #ccc
}

.width-auto {
  width: auto !important;
}

.tabs-box {
  display: flex;
}

.leaflet-popup {
  bottom: 0px !important;
}

.time-box {
  position: absolute;
  top : 10%;
  right : 2%;
  z-index: 999;
}

#time-select-box {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 96px;
  margin: 22px 0;
  height: 44px;
  background-color: #169E5C;
  color: #fff;
  outline: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  justify-content: center;
}

#time-box {
  text-align: center;
  top: 74%;
  position: absolute;
  cursor: pointer;
  width: 50px;
  background-color: #169E5C;
  color: #fff;
  outline: none;
  font-size: 18px;
  line-height: 25px;
  font-weight: 800;
}

#bus-time-box {
  display: none;
}

@media (max-width: 1024px) {
  .time-box {
    top : 6%;
  }
  #time-select-box {
    width: 78px;
    height: 28px;;
    font-size: 12px;
  }
  #time-box {
    top: 67%;
    font-size: 12px;
    width: 40px;
  }
}

.m-thead {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 10px;
}

.m-table {
  height: 650px;
  width: 100%;
  overflow-y: auto;
  border-top: 1px solid #353A3F;
  border-bottom: 1px solid #353A3F;
  border-radius: 0;
}

.m-table::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 4px
}

.m-table::-webkit-scrollbar {
  width: 10px;
  background-color: white;
  border-radius: 4px;
}

span.back-close {
  position: absolute;
  right: -35px;
  top: 215px;
  background: rgb(12, 166, 120);
  color: rgb(255, 255, 255);
  cursor: pointer;
  font-size: 30px;
  font-weight: 100;
  width: 35px;
  height: 35px;
  text-align: center;
  display: none;
}

.head-box .cell-box {
  background-color: #169E5C;
  font-size: 18px;
  color: #fff;
}

.schedule-tr td:first-child {
  color: #169E5C!important;
  font-weight: bold!important;
  font-size: 18px!important;
}

.schedule-tr td:nth-child(2),
.schedule-tr td:nth-child(3),
.schedule-tr td:nth-child(4) {
  font-size: 14px!important;
}


.schedule-tr td:nth-child(5) {
  color: blue;
}

.schedule-tr td:nth-child(6) {
  color: red;
}

article.table-layout-form1 .table-box .head-box .head-txt-box {
  font-size: 18px;
}

.bg-pricing,
.bg-card,
.bg-benefits,
.bg-transfer,
.bg-company,
.bg-wawa {
  background-repeat: no-repeat;
  background-size: 28px;
  padding-left: 40px;
}

.bg-pricing {
  background-image: url('/resources/img/icon_pricing.png');
}

.bg-card {
  background-image: url('/resources/img/icon_card_way.png');
}

.bg-benefits {
  background-image: url('/resources/img/icon_card.png');
}

.bg-transfer {
  background-image: url('/resources/img/icon_card.png');
}

.bg-company {
  background-image: url('/resources/img/icon_comp.png');
}

.bg-wawa {
  background-image: url('/resources/img/icon_wawa.png');
}

.station-list-item {
  background: url('/resources/img/pin_station.png') no-repeat;
  padding-left: 25px !important;
  background-size: 25px;
  background-position: 0px 12px;
}

.aFile {
  background: #169E5C;
}

.qna-img {
  width: 15px;
  height: 15px;
  margin-left: 10px;
}

.notice-icon {
  padding-left: 30px !important;
  background: url(/resources/img/icon_notice.png) no-repeat;
  background-size: 20px;
  background-position: left center;
}

.qna-icon {
  padding-left: 35px !important;
  background: url(/resources/img/icon_qna.png) no-repeat;
  background-size: 25px;
  background-position: left;
}

.notice-title {
  padding-right: 40px;
  background: url('/resources/img/icon_new_notice.png') no-repeat;
  background-size: 35px;
  background-position: right;
}

.notice-pin {
  background: url(/resources/img/jeongseon/icon_notice_pin.png) no-repeat;
  padding-left: 30px !important;
  background-size: 20px;
  background-position: left center;
  margin-left: -15px;
}

.route-point {
  font-size: 15px;
  color: #FFF!important;
  text-shadow: unset !important;
  font-weight: bold !important;
  font-family: 'Pretendard';
  text-align: center;
}

.gnb-qna {
  width: 35px;
  height: 35px;
  transition: filter 0.0s ease;
}

.gnb-qna:hover {
  filter: invert(38%) sepia(79%) saturate(627%) hue-rotate(140deg) brightness(92%) contrast(91%);
}

.arrivalPassList tr td:first-child,
.arrivalPassList tr td:last-child {
  text-align: center!important;
}
@media (max-width: 1024px) {
 .con-area img {
   width: 100%!important;
 }
}
@media (max-width: 1024px) {
  .file-down-btn {
    white-space: nowrap;         /* 텍스트를 한 줄로 유지 */
    overflow: hidden;           /* 넘치는 텍스트를 숨김 */
    text-overflow: ellipsis;
  }
}

#schedule-container img {
  width: 100%;
}

#publicDate {
  height: 28px;
  line-height: 28px;
  margin-right: 7.5px;
  color: #c3161c;
}

@media (max-width: 1024px) {
    #bInfo span {
        opacity: 0;
    }
    #bInfo span:after {
	content: "";
  	display: block;
    }
}
.popup-frame .popup-con p img {
    width : 100%!important;
}