#page__recruit #page_header {
    background: #EAFFB1;
}

#recruit .top-sec-text {
    margin-bottom: 0;
}

#requirements .l-flex,
#walfare .l-flex,
#interview .l-flex{
	align-items:flex-start;
}

#walfare{
	background:#F5FBF1;
}

#requirements .l-flex .flex-l,
#walfare .l-flex .flex-l,
#interview .l-flex .flex-l{
	width:calc(25% - 2.5rem);
}

#requirements .l-flex .flex-r,
#walfare .l-flex .flex-r,
#interview .l-flex .flex-r{
	width:calc(75% - 2.5rem);	
}

.requirements-item{
border-top: 1px solid #707070;
    display: flex;
    gap: 5rem;
    padding: 2rem 0;
}

.requirements-title{
    width: calc(20% - 2.5rem);
}

.requirements-title h3{
font-family: var(--bold);
	font-size:1.6rem;
}

.requirements-text{
    width: calc(80% - 2.5rem);
}

#page__recruit .subtitle-wrap p{
	color:#1FBE59;
}

#walfare ul {
    width: calc(100% / 2 - 2.5rem);
}

.walfare-item li{
	padding: 1rem 0;
    border-top: 1px solid #707070;
}

.walfare-item li:last-child {
    border-bottom: 1px solid #707070;
}

.interview-item{
display: flex;
    gap: 5rem;
    flex-wrap: wrap;
    margin-bottom: 5rem;
}

.interview-item:last-child{
    margin-bottom: 0;
}

.interview-img{
    width: calc(40% - 2.5rem);
}

.interview-content{
    width: calc(60% - 2.5rem);
}

.interview-content h3{
font-size: 2rem;
    margin-bottom: 2rem;
    font-family: var(--bold);
}

@media screen and (max-width:1600px) {}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {
#requirements .l-flex .flex-r, #walfare .l-flex .flex-r, #interview .l-flex .flex-r {
    width: 100%;
}
#requirements .l-flex, #walfare .l-flex, #interview .l-flex {
    gap: 0;
}
#walfare .l-flex .flex-r p{
	margin-bottom:2rem;
	}
 #walfare .l-flex.walfare-wrap{
	gap:5rem;
	}
}

@media screen and (max-width:767px) {
.requirements-item {
    gap: 2rem;
}
.requirements-title{
    width: calc(30% - 1rem);
}
.requirements-title h3 {
    font-size: 1.4rem;
}
.requirements-text{
    width: calc(70% - 1rem);
}
#walfare ul {
    width: calc(100% / 2 - 1.5rem);
}
#walfare .l-flex.walfare-wrap {
        gap: 3rem;
    }
.interview-item {
    gap: 3rem;
    margin-bottom: 3rem;
}
.interview-img{
    width: 100%;
}

.interview-content{
    width: 100%;
}
.interview-content h3 {
    font-size:1.6rem;
}
}