.recruitDoc {
  background: #f5f5f5;
  padding   : 100px 0;
}

.recruitDoc .cards {
  background   : #ffffff;
  border       : 1px solid #e3e3e3;
  border-radius: 8px;
  padding      : 16px;
}

.recruitDoc .cards .--title {
  padding-bottom: 16px;
  margin-bottom : 16px;
  border-bottom : 1px solid #e3e3e3;
}

.recruitDoc .cards .--title img {
  width       : 16px;
  margin-right: 4px;
}

.recruitDoc .cards .--title .--name {
  font-weight: 600;
  font-size  : 18px;
}

.recruitDoc .cards .--title .--refesh {
  font-size: 15px;
  cursor   : pointer;
}

.recruitDoc .cards label {
  font-size: 15px;
}

.recruitDoc .cards .nice-select {
  font-size: 15px;
}

.recruitDoc .--right {
  background   : #ffffff;
  border       : 1px solid #ffffff;
  border-radius: 8px;
  padding      : 20px;
}

.recruitDoc .--right ::-webkit-scrollbar {
  width: 6px;
}

.recruitDoc .--right ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.recruitDoc .--right ::-webkit-scrollbar-thumb {
  background: #888;
}

.recruitDoc .--right .--listRecruit {
  max-height   : 600px;
  height       : -moz-max-content;
  height       : max-content;
  overflow-y   : auto;
  padding-right: 20px;
}

.recruitDoc .--right .itemRecruit {
  padding-bottom: 20px;
  border-bottom : 1px solid #dcdcdc;
  margin-bottom : 20px;
}

.recruitDoc .--right .itemRecruit:last-child {
  padding-bottom: 0;
  margin-bottom : 0;
  border        : none;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .recruitDoc {
    padding: 60px 0;
  }

  .recruitDoc .cards .nice-select {
    font-size: 12px;
  }

  .recruitDoc .cards label {
    font-size: 13px;
  }

  .recruitDoc .cards .--title .--refesh {
    font-size: 12px;
  }

  .recruitDoc .cards .--title .--name {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .recruitDoc {
    padding: 60px 0;
  }

  .recruitDoc .cards {
    padding      : 0;
    background   : unset;
    border-radius: unset;
    border       : none;
  }

  .recruitDoc .cards .--title {
    display: none !important;
  }

  .recruitDoc .form {
    background: #fff;
    padding   : 16px;
    display   : none;
  }

  .recruitDoc .form.mobi {
    display: block;
  }

  .recruitDoc .--showfilter {
    display      : flex !important;
    border-radius: 6px;
    border       : 1px solid var(--line, #dcdcdc);
    padding      : 10px 16px;
    gap          : 8px;
    align-items  : center;
    background   : none;
  }

  .recruitDoc .--showfilter:focus {
    outline: none;
  }

  .recruitDoc .--showfilter span {
    color: #000;
  }

  .recruitDoc .collapse {
    margin-top: 16px;
  }

  .recruitDoc .--right {
    margin-top   : 10px;
    padding-right: 0;
  }

  .recruitDoc .--right .--listRecruit {
    max-height: 1000px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .recruitDoc .--showfilter {
    width: 100%;
  }

  .recruitDoc .--right {
    margin-top: 0;
  }
}

@media (max-width: 1023px) {
  #recruitment {
    padding-top: 100px;
  }
}

#dtrecruit {
  background: #f5f5f5;
}

@media (max-width: 1023px) {
  #dtrecruit {
    padding-top: 100px;
  }
}

.dtrecruitContent {
  margin-top: -50px;
  position  : relative;
}

.dtrecruitContent .--content {
  padding   : 60px;
  background: #fff;
  margin-top: -50px;
  border-top: 5px solid var(--color-1);
}

.dtrecruitContent .--subTitle {
  font-size    : 15px;
  text-align   : center;
  margin-bottom: 4px;
}

.dtrecruitContent .segTitle {
  text-align   : center;
  margin-bottom: 44px;
}

.dtrecruitContent .--info {
  display      : flex;
  font-size    : 15px;
  margin-bottom: 44px;
  gap          : 44px;
  background   : #f9f9f9;
  border       : 1px solid #e8e8e8;
  padding      : 24px;
  border-radius: 8px;
}

.dtrecruitContent .--info i {
  color       : #c0c0c0;
  width       : 15px;
  flex        : 0 0 auto;
  margin-right: 5px;
  padding-top : 4px;
}

.dtrecruitContent .--info .--item {
  width   : calc(100% - 28px);
  position: relative;
}

.dtrecruitContent .--info .--item::after {
  content    : "";
  position   : absolute;
  top        : 50%;
  left       : calc(100% + 22px);
  transform  : translate(0, -50%);
  border-left: 1px dashed #000;
  height     : 100%;
}

.dtrecruitContent .--info .--item:last-child::after {
  display: none;
}

.dtrecruitContent .--info .--item:nth-child(2) li:last-child span:nth-child(3) {
  color: var(--color-2);
}

.dtrecruitContent .--info ul {
  list-style   : none;
  padding-left : 0;
  margin-bottom: 0;
  display      : flex;
  flex-flow    : column;
  gap          : 16px;
}

.dtrecruitContent .--info span:nth-child(2) {
  color: #5c5c5c;
}

.dtrecruitContent .--info span:nth-child(3) {
  font-weight: 600;
  margin-left: 4px;
}

.dtrecruitContent .--info li {
  display: flex;
}

.dtrecruitContent .--left {
  padding-right: 30px;
}

.dtrecruitContent article {
  text-align: justify;
}

.dtrecruitContent article img {
  max-width    : 100%;
  height       : auto;
  -o-object-fit: contain;
  object-fit   : contain;
}

.dtrecruitContent article a {
  color          : var(--color-1);
  text-decoration: none;
  transition     : all 0.15s ease;
}

.dtrecruitContent article a:hover {
  color: var(--color-2);
}

.dtrecruitContent .--form {
  border       : 1px solid #e8e8e8;
  box-shadow   : 0px 4px 40px rgba(0, 0, 0, 0.05);
  overflow     : hidden;
  border-radius: 8px;
}

.dtrecruitContent .--form .--title {
  text-align    : center;
  padding       : 16px 20px;
  text-transform: uppercase;
  font-size     : 18px;
  background    : var(--color-1);
  color         : #fff;
}

.dtrecruitContent .--form .form {
  padding: 24px 16px;
}

.dtrecruitContent .--form .form label {
  color: #5c5c5c;
}

.dtrecruitContent .--form .form .--upfile {
  border       : 1px dashed #e8e8e8;
  border-radius: 6px;
  font-size    : 12px;
  padding      : 24px 16px;
  text-align   : center;
  background   : #f8f8f8;
  position     : relative;
  cursor       : pointer;
  transition   : all 0.15s ease;
}

.dtrecruitContent .--form .form .--upfile:hover {
  border: 1px dashed var(--color-1);
}

.dtrecruitContent .--form .form .--upfile:hover span {
  color: var(--color-1);
}

.dtrecruitContent .--form .form .--upfile img {
  margin-bottom: 6px;
  margin-bottom: 6px;
  position     : relative;
  top          : unset;
  right        : unset;
  transform    : none;
}

.dtrecruitContent .--form .form .--upfile span {
  transition     : all 0.15s ease;
  text-decoration: underline;
}

.dtrecruitContent .--form .form .--upfile input {
  opacity : 0;
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
  padding : 0 16px;
}

.dtrecruitContent .--form .btn-1 {
  border-radius: 6px;
  margin       : 32px auto 0;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtrecruitContent .--content {
    padding: 40px;
  }

  .dtrecruitContent .segTitle {
    margin-bottom: 32px;
  }

  .dtrecruitContent .--info {
    font-size: 12px;
  }

  .dtrecruitContent .--info ul {
    gap: 8px;
  }

  .dtrecruitContent .--form .--title {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .dtrecruitContent .--listTab {
    margin-bottom: 12px;
  }

  .dtrecruitContent .--info {
    flex-flow: column;
  }

  .dtrecruitContent .--content {
    padding: 40px 16px;
  }

  .dtrecruitContent .segTitle {
    margin-bottom: 24px;
  }

  .dtrecruitContent .--left {
    padding-right: 0;
  }

  .dtrecruitContent .--info {
    gap: 0;
  }

  .dtrecruitContent .--info li {
    flex-wrap: wrap;
  }

  .dtrecruitContent .--info .--item {
    border-bottom : 1px dashed #000;
    padding-bottom: 16px;
    margin-bottom : 16px;
    width         : 100%;
  }

  .dtrecruitContent .--info .--item:last-child {
    padding-bottom: 0;
    margin-bottom : 0;
    border-bottom : none;
  }

  .dtrecruitContent .--info .--item::after {
    display: none;
  }
}

.dtrecruitOrther {
  padding: 80px 0;
}

.dtrecruitOrther .segTitle {
  margin-bottom: 44px;
}

.dtrecruitOrther .--listrecruit {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
}

.dtrecruitOrther .itemRecruit {
  width         : calc(50% - 40px);
  border-bottom : 1px solid #dcdcdc;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.dtrecruitOrther .itemRecruit .--data {
  flex-flow    : column;
  align-items  : flex-start;
  gap          : 6px;
  margin-bottom: 6px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtrecruitOrther {
    padding: 60px 0;
  }

  .dtrecruitOrther .segTitle {
    margin-bottom: 24px;
  }
}

@media (max-width: 1023px) {
  .dtrecruitOrther {
    padding: 60px 0;
  }

  .dtrecruitOrther .--listrecruit {
    flex-flow: column;
  }

  .dtrecruitOrther .itemRecruit {
    width: 100%;
  }

  .dtrecruitOrther .itemRecruit:last-child {
    padding-bottom: 0;
    margin-bottom : 0;
    border-bottom : none;
  }
}

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