.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);
}