@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.mt-1 {
  margin-top: 0.25rem; }

.mb-1 {
  margin-bottom: 0.25rem; }

.pt-1 {
  padding-top: 0.25rem; }

.ob-1 {
  padding-bottom: 0.25rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

.pt-2 {
  padding-top: 0.5rem; }

.ob-2 {
  padding-bottom: 0.5rem; }

.mt-3 {
  margin-top: 0.75rem; }

.mb-3 {
  margin-bottom: 0.75rem; }

.pt-3 {
  padding-top: 0.75rem; }

.ob-3 {
  padding-bottom: 0.75rem; }

.mt-4 {
  margin-top: 1rem; }

.mb-4 {
  margin-bottom: 1rem; }

.pt-4 {
  padding-top: 1rem; }

.ob-4 {
  padding-bottom: 1rem; }

.mt-5 {
  margin-top: 1.25rem; }

.mb-5 {
  margin-bottom: 1.25rem; }

.pt-5 {
  padding-top: 1.25rem; }

.ob-5 {
  padding-bottom: 1.25rem; }

.mt-6 {
  margin-top: 1.5rem; }

.mb-6 {
  margin-bottom: 1.5rem; }

.pt-6 {
  padding-top: 1.5rem; }

.ob-6 {
  padding-bottom: 1.5rem; }

.mt-7 {
  margin-top: 1.75rem; }

.mb-7 {
  margin-bottom: 1.75rem; }

.pt-7 {
  padding-top: 1.75rem; }

.ob-7 {
  padding-bottom: 1.75rem; }

.mt-8 {
  margin-top: 2rem; }

.mb-8 {
  margin-bottom: 2rem; }

.pt-8 {
  padding-top: 2rem; }

.ob-8 {
  padding-bottom: 2rem; }

.mt-9 {
  margin-top: 2.25rem; }

.mb-9 {
  margin-bottom: 2.25rem; }

.pt-9 {
  padding-top: 2.25rem; }

.ob-9 {
  padding-bottom: 2.25rem; }

.mt-10 {
  margin-top: 2.5rem; }

.mb-10 {
  margin-bottom: 2.5rem; }

.pt-10 {
  padding-top: 2.5rem; }

.ob-10 {
  padding-bottom: 2.5rem; }

.catch-cover__back {
  position: relative;
  width: 100%;
  padding: 50px 0;
  z-index: 0;
  background-color: #0693e3; }
  .catch-cover__back .section-title {
    color: #fff; }
    .catch-cover__back .section-title .jp {
      font-size: 32px;
      font-weight: bold;
      letter-spacing: .2em; }
    .catch-cover__back .section-title .en {
      font-size: 20px; }

.filtering-job__page {
  font-family: var(--font-base);
  --border-color: #e9e9e9;
  --gray-back-color: #f9f9f9;
  --text-color: #333;
  --gray-text-color: #7b7b7b;
  --main-blue: #014C96;
  --main-green: #27a41d;
  --light-blue: #125ca7;
  --main-orange: #FF832B;
  --main-yellow: #fda724; }
  .filtering-job__page .flex {
    display: flex; }
  .filtering-job__page .flex-wrap {
    flex-wrap: wrap; }
  .filtering-job__page .flex-auto {
    flex: auto; }
  .filtering-job__page .w-full {
    width: 100%; }
  .filtering-job__page .job-search {
    background-color: #fff;
    padding: 30px 0; }
    .filtering-job__page .job-search .filter-container {
      display: flex;
      gap: 20px; }
      @media screen and (max-width: 768px) {
        .filtering-job__page .job-search .filter-container {
          flex-direction: column; } }
      .filtering-job__page .job-search .filter-container .filter-area {
        position: sticky;
        background-color: #fff;
        top: 100px;
        width: 250px;
        height: fit-content;
        flex-shrink: 0; }
        @media screen and (max-width: 768px) {
          .filtering-job__page .job-search .filter-container .filter-area {
            width: 100%;
            position: relative;
            top: 0; } }
        .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group {
          background-color: var(--gray-back-color);
          border: 1px solid var(--border-color);
          margin-bottom: 14px; }
          .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-label span {
            display: block;
            padding: 10px;
            background-color: #719fe440;
            font-weight: bold; }
          .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner {
            padding: 15px 12px;
            background-color: #fff; }
            .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item {
              margin-bottom: 10px; }
              .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .filter-item__label {
                position: relative;
                display: flex;
                align-items: center;
                gap: 4px;
                font-weight: bold;
                font-size: 14px; }
                .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .filter-item__label::before {
                  position: relative;
                  display: block;
                  font-family: "Font Awesome 5 Free";
                  font-weight: bold;
                  line-height: 1; }
                .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .filter-item__label.location::before {
                  content: "\f3c5"; }
                .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .filter-item__label.category::before {
                  content: "\f109"; }
                .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .filter-item__label.hire-type::before {
                  content: "\f21d"; }
                .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .filter-item__label.free-word::before {
                  content: "\f303"; }
              .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .choose-item {
                margin-top: 6px; }
                .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .choose-item .input-field {
                  width: 100%;
                  background-color: #fff;
                  border: 1px solid var(--border-color);
                  border-radius: 4px;
                  padding: 10px;
                  color: var(--gray-text-color);
                  font-size: 14px;
                  cursor: pointer; }
                  .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .choose-item .input-field#area-preview, .filtering-job__page .job-search .filter-container .filter-area__inner .filter-group .group-inner .filter-item__inner .choose-item .input-field#category-preview {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis; }
        .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group {
          margin-top: 30px; }
          .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group button {
            padding: 14px;
            text-align: center;
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            font-size: 16px;
            border-radius: 3px;
            transition: .2s ease; }
            .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group button::before {
              position: relative;
              display: block;
              font-family: "Font Awesome 5 Free";
              font-weight: 700;
              font-size: 16px;
              line-height: 1; }
            .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group button:hover {
              opacity: .7; }
            .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group button.submit-btn {
              background-color: var(--main-blue);
              color: #fff; }
              .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group button.submit-btn::before {
                content: "\f002"; }
            .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group button.clear-btn {
              padding: 8px 14px;
              margin-top: 14px;
              background-color: var(--gray-back-color);
              border: 1px solid var(--border-color); }
              .filtering-job__page .job-search .filter-container .filter-area__inner .btn-group button.clear-btn::before {
                content: "\f057"; }
      .filtering-job__page .job-search .filter-container .result-area {
        width: 100%;
        flex: auto; }
        .filtering-job__page .job-search .filter-container .result-area .result-header .recruit-count {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 20px; }
          .filtering-job__page .job-search .filter-container .result-area .result-header .recruit-count .count-label {
            font-size: 15px;
            font-weight: bold;
            line-height: 1.1; }
            .filtering-job__page .job-search .filter-container .result-area .result-header .recruit-count .count-label .gray-txt {
              color: var(--gray-text-color);
              font-size: 12px; }
          .filtering-job__page .job-search .filter-container .result-area .result-header .recruit-count .total-count {
            font-size: 15px; }
            .filtering-job__page .job-search .filter-container .result-area .result-header .recruit-count .total-count .count-number {
              font-weight: bold;
              font-size: 40px;
              color: var(--main-orange);
              font-family: "Montserrat", sans-serif; }
        .filtering-job__page .job-search .filter-container .result-area .result-list {
          margin-top: 30px; }
          .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item {
            background-color: #fff;
            border: 1px solid var(--border-color);
            border-radius: 3px;
            margin-bottom: 20px; }
            .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-header {
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
              background-color: #d7d7d7;
              border-bottom: 1px solid var(--border-color);
              padding: 10px 14px; }
              .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-header .detail-link a {
                display: block;
                padding: 4px 14px;
                background: linear-gradient(to right, var(--main-orange), var(--main-yellow));
                color: #fff;
                font-size: 14px;
                border-radius: 3px;
                text-decoration: none; }
            .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner {
              padding: 20px; }
              .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info {
                margin-bottom: 16px;
                display: flex;
                gap: 20px; }
                .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info__label {
                  width: 80px;
                  flex-shrink: 0;
                  font-weight: bold; }
                .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info__content {
                  flex: auto; }
                  .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info__content .flex {
                    gap: 5px; }
                .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info .tag {
                  display: block;
                  width: fit-content;
                  padding: 3px 10px;
                  border-radius: 20px;
                  font-size: 12px;
                  color: #fff; }
                  .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info .tag.orange-tag {
                    background-color: var(--main-orange); }
                  .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info .tag.blue-tag {
                    background-color: var(--main-blue); }
                .filtering-job__page .job-search .filter-container .result-area .result-list ul.result-items li.item .item-wrap .item-inner .item-info.eligibility-info .desc {
                  display: -webkit-box;
                  line-clamp: 5;
                  -webkit-line-clamp: 5;
                  -webkit-box-orient: vertical;
                  overflow: hidden; }
          .filtering-job__page .job-search .filter-container .result-area .result-list .pagination {
            margin-top: 20px; }
            .filtering-job__page .job-search .filter-container .result-area .result-list .pagination .pagination-inner .page-links {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              gap: 10px; }
              .filtering-job__page .job-search .filter-container .result-area .result-list .pagination .pagination-inner .page-links .link {
                display: block;
                padding: 10px 12px;
                background-color: #fff;
                border: 1px solid var(--main-blue);
                border-radius: 3px;
                color: var(--main-blue);
                line-height: 1;
                font-family: "Montserrat";
                text-decoration: none !important; }
                .filtering-job__page .job-search .filter-container .result-area .result-list .pagination .pagination-inner .page-links .link.active {
                  background-color: var(--main-blue);
                  color: #fff; }
          .filtering-job__page .job-search .filter-container .result-area .result-list .no-job-data {
            padding: 40px;
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            color: #777; }

.filter-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000b7;
  z-index: 9999;
  display: none; }
  .filter-modal .filter-modal__container {
    position: absolute;
    max-width: 900px;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .filter-modal .filter-modal__container .modal-close__btn {
      position: absolute;
      right: -40px;
      top: -20px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .filter-modal .filter-modal__container .modal-close__btn::before {
        content: "\f00d";
        font-family: "Font Awesome 5 Free";
        font-size: 30px;
        color: #fff;
        font-weight: bold; }
    .filter-modal .filter-modal__container .filter-modal__header {
      position: relative; }
      .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar {
        display: flex;
        align-items: flex-end;
        gap: 4px; }
        .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar .nav-item {
          flex-grow: 1;
          background-color: var(--gray-back-color);
          padding: 10px 20px;
          border-radius: 6px 6px 0 0;
          text-align: center;
          height: fit-content;
          transition: .2 ease-in; }
          .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar .nav-item.active {
            background-color: var(--light-blue);
            border: 1px solid #fff;
            border-bottom-width: 0;
            color: #fff;
            padding: 12px 20px 10px 20px; }
          .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar .nav-item .nav-label {
            width: 100%;
            position: relative; }
            .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar .nav-item .nav-label::before {
              position: relative;
              display: inline-block;
              font-family: "Font Awesome 5 Free";
              font-weight: bold;
              font-size: 16px;
              padding-right: 5px; }
            .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar .nav-item .nav-label.location-tab::before {
              content: ""; }
            .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar .nav-item .nav-label.category-tab::before {
              content: ""; }
            .filter-modal .filter-modal__container .filter-modal__header .filter-option__navbar .nav-item .nav-label.hire-tab::before {
              content: "\f21d"; }
    .filter-modal .filter-modal__container .filter-modal__inner {
      position: relative;
      background-color: #fff;
      height: calc(100% - 140px);
      overflow-y: auto;
      border-top: 2px solid var(--light-blue);
      padding: 30px; }
      .filter-modal .filter-modal__container .filter-modal__inner .target-group {
        height: 0;
        visibility: hidden;
        overflow: hidden; }
        .filter-modal .filter-modal__container .filter-modal__inner .target-group.active {
          height: auto;
          visibility: visible;
          overflow: auto; }
        .filter-modal .filter-modal__container .filter-modal__inner .target-group .filter-target__field__inner {
          border: 1px solid var(--border-color);
          border-radius: 3px; }
          .filter-modal .filter-modal__container .filter-modal__inner .target-group .filter-target__field__inner .filter-item .all-select {
            padding: 10px 20px;
            background-color: var(--gray-back-color); }
            .filter-modal .filter-modal__container .filter-modal__inner .target-group .filter-target__field__inner .filter-item .all-select label span {
              font-size: 14px;
              font-weight: bold;
              color: var(--main-blue); }
          .filter-modal .filter-modal__container .filter-modal__inner .target-group .filter-target__field__inner .filter-item .child-list {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            padding: 10px 20px;
            border-bottom: 1px solid var(--border-color); }
    .filter-modal .filter-modal__container .filter-modal__footer {
      background-color: #d9d9d9;
      border-radius: 0 0 6px 6px;
      padding: 16px 30px; }
      .filter-modal .filter-modal__container .filter-modal__footer .btn-group {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px; }
        @media screen and (max-width: 576px) {
          .filter-modal .filter-modal__container .filter-modal__footer .btn-group {
            flex-direction: column;
            gap: 10px; } }
        .filter-modal .filter-modal__container .filter-modal__footer .btn-group button {
          padding: 12px 20px;
          position: relative;
          font-weight: bold;
          font-size: 18px;
          border-radius: 4px; }
          .filter-modal .filter-modal__container .filter-modal__footer .btn-group button::before {
            content: "\f013";
            font-family: "Font Awesome 5 Free";
            font-weight: bold;
            font-size: 16px;
            padding-right: 8px;
            position: relative; }
          .filter-modal .filter-modal__container .filter-modal__footer .btn-group button.search_set_button {
            background-color: var(--main-blue);
            border: 2px solid var(--main-blue);
            color: #fff; }
            .filter-modal .filter-modal__container .filter-modal__footer .btn-group button.search_set_button::before {
              content: "\f013"; }
          .filter-modal .filter-modal__container .filter-modal__footer .btn-group button.search_clear_button {
            background-color: #fff;
            color: var(--main-blue);
            border: 2px solid var(--main-blue); }
            .filter-modal .filter-modal__container .filter-modal__footer .btn-group button.search_clear_button::before {
              content: "\f057"; }

.checkbox-field {
  display: flex;
  align-items: center; }
  .checkbox-field input[type="checkbox"] {
    width: 15px;
    height: 15px;
    flex-shrink: 0; }
  .checkbox-field label {
    padding-left: 6px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 400; }

.job-detail__page .job-detail .wrap-item {
  margin-top: 20px; }
  .job-detail__page .job-detail .wrap-item .wrap-title {
    position: relative;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: var(--main-blue); }
    .job-detail__page .job-detail .wrap-item .wrap-title::before, .job-detail__page .job-detail .wrap-item .wrap-title::after {
      content: "";
      position: relative;
      flex: auto;
      width: 100%;
      max-width: 200px;
      height: 2px; }
    .job-detail__page .job-detail .wrap-item .wrap-title::before {
      background: linear-gradient(to left, var(--main-blue), var(--main-yellow));
      right: 30px; }
    .job-detail__page .job-detail .wrap-item .wrap-title::after {
      background: linear-gradient(to right, var(--main-blue), var(--main-yellow));
      left: 30px; }
  .job-detail__page .job-detail .wrap-item .wrap-item__content {
    margin-top: 16px;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 #0000001a; }
    .job-detail__page .job-detail .wrap-item .wrap-item__content .sub-content {
      padding-bottom: 20px;
      margin-top: 20px; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .sub-content:not(:last-child) {
        margin-bottom: 20px;
        border-bottom: 1px solid #d7d7d7; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .sub-content.company-info .company-name {
        font-size: 22px;
        font-weight: bold; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .sub-content.company-info .comp-detail {
        margin-top: 6px;
        font-size: 13px; }
    .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content {
      margin-top: 20px;
      padding: 10px;
      border-radius: 5px;
      background-color: #fdf9ec;
      border: 1px solid var(--main-yellow);
      box-shadow: 0 0 2px 1px #35303030; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content .border-content-label {
        position: relative;
        margin-bottom: 6px;
        font-size: 16px;
        font-weight: bold; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content .border-content-label.icon-label::before {
          position: relative;
          display: inline;
          font-family: "Font Awesome 5 Free";
          font-weight: 700;
          color: var(--main-green);
          margin-right: 4px;
          font-size: 16px; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content .border-content-label.area-bc-label::before {
          content: "\f3c5"; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content .border-content-label.category-bc-label::before {
          content: "\f109"; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content .border-content-label.category-summary-bc-label::before {
          content: "\f0b1"; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content .border-content-label.working-hours-bc-label::before {
          content: "\f073"; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .border-content .border-content-label.kind-bc-label::before {
          content: "\f1ad"; }
    .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item {
      margin-bottom: 16px; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .item-label {
        font-weight: 600;
        margin-bottom: 5px; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .item-value {
        font-weight: 400; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .flex {
        display: flex; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .flex.flex-wrap {
          flex-wrap: wrap; }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .tag {
        padding: 2px 8px 3px 8px;
        color: #fff;
        font-size: 12px;
        border-radius: 3px;
        font-weight: 500; }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .tag.blue-tag {
          background-color: var(--light-blue); }
        .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .tag.orange-tag {
          background-color: var(--main-orange); }
      .job-detail__page .job-detail .wrap-item .wrap-item__content .row-item .area-field {
        gap: 6px; }
.job-detail__page .job-detail .top-page__link a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  padding: 10px 20px;
  background-color: var(--main-blue);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: auto;
  margin-top: 30px;
  text-align: center;
  box-shadow: 0px 4px 0 0 #002130;
  text-decoration: none;
  border-radius: 3px;
  transition: .3s ease-in-out; }
  .job-detail__page .job-detail .top-page__link a:active {
    box-shadow: unset;
    transform: translateY(4px); }
  .job-detail__page .job-detail .top-page__link a::before {
    content: "\f002";
    position: relative;
    display: inline;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px; }

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