@charset "utf-8";

.recruit {}
.recruit .recruit-wrap {}
.recruit .recruit-tit {display:flex; gap:50px;}
.recruit .recruit-tit .txt {width:calc(55% - 50px);}
.recruit .recruit-tit .txt h3 {padding: 0 0 30px; color: var(--orange); font-size: var(--fs24); font-weight: 700; line-height: 1.8;}
.recruit .recruit-tit .txt p {font-size:var(--fs18);}
.recruit .recruit-tit .img {width:45%; aspect-ratio: 2 / 1; border-radius:10px; overflow:hidden;}

.recruit .recruit-wrap h4 {padding: 0 0 10px; font-size: var(--fs20); font-weight: 700;}
.recruit .recruit-con {padding:50px 0 20px; display:flex; gap:50px;}
.recruit .recruit-list {width:calc((100% - 50px)/2);}
.recruit .recruit-list .list {height:calc(100% - 42px); display:flex; flex-wrap:wrap; border:1px solid var(--gray); border-radius:10px;}
.recruit .recruit-list .list .item {width:50%; padding:30px 90px 30px 30px; position:relative;}
.recruit .recruit-list .list .item:nth-child(even) {border-left:1px solid var(--gray);}
.recruit .recruit-list .list .item:nth-child(1) {}
.recruit .recruit-list .list .item:nth-child(2)~.item {border-top:1px solid var(--gray);}
.recruit .recruit-list .list .item h5 {font-weight:500; color:var(--orange);}
.recruit .recruit-list .list .item p {padding:5px 0 0;}
.recruit .recruit-list .list .item img {width:50px; right:30px; top:30px; position:absolute;}

.recruit .recruit-list .list.type1 .item {}
.recruit .recruit-list .list.type2 .item {}

.recruit .recruit-process ul {display:flex; margin-bottom:20px;}
.recruit .recruit-process ul li {font-size:var(--fs18); width:250px; height:70px; display:flex; align-items:center; justify-content:center; text-align:center; background:var(--orange); border-radius:100px; color:#fff; line-height:1.3; position:relative;}
.recruit .recruit-process ul li:nth-child(2) {background:var(--blue);}
.recruit .recruit-process ul li:nth-child(3) {background-color:var(--dark);}
.recruit .recruit-process ul li+li{margin-left:100px;}
.recruit .recruit-process ul li+li:before {content:''; display:block; width:30px; height:30px; background:url(/images/common/process-arrow.svg)center /100% no-repeat; position:absolute; left:-65px; top:50%; transform:translateY(-50%);}

.recruit .recruit-process p {color:var(--red);font-size:var(--fs18); font-weight:500;}


/* ************************ 태블릿 이하(~1024) ************************ */
@media (max-width: 1024px) {
	
	.recruit {}
	.recruit .recruit-wrap {}
	.recruit .recruit-tit {flex-direction:column; gap:30px;}
	.recruit .recruit-tit .txt {width:100%;}
	.recruit .recruit-tit .txt h3 {padding:0 0 20px;}
	.recruit .recruit-tit .txt p {}	
	.recruit .recruit-tit .img {width:100%;}
	
	.recruit .recruit-con {padding:40px 0 20px; flex-direction:column;  gap:40px;}
	.recruit .recruit-list {width:100%;}
	
	.recruit .recruit-process ul li {width:calc((100% - 160px)/3);}
	.recruit .recruit-process ul li+li {margin-left:80px;}
	
	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	.recruit {}
	
	.recruit .recruit-list .list {}
	.recruit .recruit-list .list .item {padding:20px 80px 20px 20px; width:100%;}
	.recruit .recruit-list .list .item+.item {border-top:1px solid var(--gray);}
	.recruit .recruit-list .list .item:nth-child(even) {border-left:0;}
	.recruit .recruit-list .list .item img {width:40px; top:20px; right:20px;}
	
	.recruit .recruit-process ul {flex-direction:column;}
	.recruit .recruit-process ul li {width:100%;}
	.recruit .recruit-process ul li+li {margin-left:0; margin-top:50px;}
	.recruit .recruit-process ul li+li:before {width:25px; height:25px; left:50%; top:-37px; transform:translateX(-50%) rotate(90deg); }
	
	

}