.career-page {
padding: 50px 0;
}
.career-page .ttl-blk {
display: flex;
justify-content: space-between;
align-items: center;
}
.career-page .ttl-blk .search-box input {
width: 300px;
padding: 16px 10px;
border-radius: 5px;
font-size: 14px;
border: 1px solid var(--txt-primary-color);
font-weight: 400;
outline: none !important;
height: auto !important;
}
.career-page .career-list {
padding: 50px 0;
}
.career-page .career-list li {
background-color: var(--bg-color);
padding: 30px;
margin-bottom: 20px;
}
.career-page .career-list li:hover {
border: 1px solid var(--primary-color);
}
.career-page .career-list li h5 {
width: 30%;
}
.career-page .career-list li:hover h5 {
color: var(--primary-color);
}
.career-page .career-list li .career-detail {
width: 30%;
}
.career-page .career-list li .job-detail {
padding-bottom: 5px;
}
.career-page .career-list li .job-detail:first-child {
font-weight: 500;
}
.career-page .career-list li .btn-secondary {
background-color: var(--secondary-color);
color: var(--txt-primary-color);
border: 1px solid var(--primary-color);
}
div.is-ajax-search-result {
width: 290px !important;
left: 1058px !important;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.career-page {
padding: 3.906vw 0;
}
.career-page .ttl-blk .search-box input {
width: 23.438vw;
padding: 1.25vw 0.781vw;
border-radius: 0.391vw;
font-size: 1.094vw;
}
.career-page .career-list {
padding: 3.906vw 0;
}
.career-page .career-list li {
padding: 2.344vw;
margin-bottom: 1.563vw;
}
.career-page .career-list li .job-detail {
padding-bottom: 0.391vw;
}
} @media all and (max-width:767.9px) {
.career-page {
padding: 13.333vw 0;
}
.career-page .ttl-blk .search-box input {
width: 66.667vw;
padding: 4.267vw 2.667vw;
border-radius: 1.333vw;
font-size: 3.733vw;
}
.career-page .career-list {
padding: 13.333vw 0;
}
.career-page .career-list li {
padding: 8vw;
margin-bottom: 5.333vw;
display: block;
}
.career-page .career-list li h5 {
width: 100%;
}
.career-page .career-list li .career-detail {
width: 100%;
margin: 4vw 0;
}
.career-page .career-list li .job-detail {
padding-bottom: 1.333vw;
}
}