.job-box {
  width: 680px;
  height: 539px;
  border: 2px solid var(--main-color-light);
  margin-bottom: 40px;
}

.job-up-area{
  border-bottom: 2px solid var(--main-color-light);
  padding: 21px 30px;
  background: var(--main-color-lighter);
  
}
.job-down-area{
  padding: 0 30px 21px 30px;
  
}

.job-name{
  flex: 0 0 35%;
  margin-right: 10px;
  font-size: 24px;
  font-weight: 700;
  color: var(--main-color);
}

.job-name-decoration{
  border-bottom: 10px solid var(--main-color-bright);
  width: 100%;
  margin-top: -7px;
}

.job-up-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--main-color-light);
  margin-bottom: 5px;
}

.job-up-value {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
}

.job-down-label{
  font-size: 14px;
  font-weight: 400;
  padding: 3px 9px;
  border: 2px solid var(--main-color-light);
  margin: 25px 0 20px 0;
  width: fit-content;
  color: var(--main-color-light);
  background: var(--main-color-lighter);
}

.detail-text {
  white-space: break-spaces;
  font-size: 16px;
  font-weight: 400;
  color: rgba(102, 107, 122, 1);
}