@charset "utf-8";

.contents.recruit {position:relative; background:var(--bg1);}
.contents.recruit .deco {left:0; top:0; position:absolute;}
.contents.recruit .contents-wrap {position:relative;}

/* 리스트 */
.recruitList {}
.recruitList-tit {text-align: center;}
.recruitList-tit h3 {color: var(--base1);font-size:var(--fs40);font-weight: 700;line-height: normal;}
.recruitList-tit p {padding:10px 0 0; color: #666;font-weight: 400;line-height: 120%;}

.recruitList-search {padding:50px 0 40px;}
.recruitList-search .inputWrap {display:flex; gap:5px;}
.recruitList-search .inputWrap>* {background-color:#fff; border-radius:10px; border:1px solid var(--border1);}
.recruitList-search .inputWrap select {width:150px; }
.recruitList-search .inputWrap input {width:calc(100% - 210px);}
.recruitList-search .inputWrap button {width:50px; height:50px; background:#fff url(/images/common/icon_search.svg)center no-repeat;}
.recruitList-search p {padding:20px 0 0;color: #333;line-height: normal;}
.recruitList-search p b {color:#000;}

.recruitList-list {display:flex; width:100%; flex-wrap:wrap; gap:20px;}
.recruitList-list a {position:relative; padding:40px; display:flex; gap:10px; flex-direction:column; width:calc((100% - 60px)/4); border-radius: 15px; background: #FFF; box-shadow:20px 20px 20px 0 rgba(21, 61, 128, 0.05); border:2px solid #fff;}

.recruitList-list a.special {border-color:var(--base1);}
.recruitList-list a.special:after {content:"스페셜 채용"; display:block; padding:7px 12px; background:var(--base1); border-radius:100px; color:#fff; font-size:13px; line-height:1; position:absolute; right:5px; top:5px;}

.recruitList-list a .img {height:70px; padding:12px;}
.recruitList-list a .img img {width:100%; height:100%; object-fit:scale-down;}
.recruitList-list a .tit {
	overflow: hidden; color: #000; text-overflow: ellipsis;
	font-size:var(--fs18); font-weight: 500; line-height: 120%;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.recruitList-list a ul {display:flex; gap:5px; flex-direction:column;}
.recruitList-list a ul li {padding:0 0 0 14px; color: #666;line-height: normal; position:relative;}
.recruitList-list a ul li:before {width:4px; height:4px; background:#D9D9D9; border-radius:50%; left:0; top:7px; position:absolute; display:block; content:'';}

.recruitList-list a:hover {box-shadow:20px 20px 20px 0 rgba(21, 61, 128, 0.2);}




/* 뷰 */
.recruitView {padding:70px; display:flex; gap:70px;border-radius: 20px; background: #FFF; box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.07); word-break:break-all;}
.recruitView .titType1 {padding:0 0 10px 17px; color: var(--base4);font-size:var(--fs18);font-weight: 700; line-height: normal; position:relative;}
.recruitView .titType1:before {width:12px; height:12px; border:3px solid var(--base4); border-radius:50%;left:0; top:4px; position:absolute; display:block; content:'';}

.recruitView-tit .recruitView-tit-inner {width:300px; display:flex; flex-direction:column; gap:20px; position:sticky; top:120px;}
.recruitView-tit .img {display: flex;height: 160px;padding: 50px 0;justify-content: center;align-items: center;border-radius: 20px;background: #F7F7F7;}
.recruitView-tit .img img  {width:100%; height:100%; object-fit:scale-down; mix-blend-mode:multiply;}
.recruitView-tit h3 {color: #000;font-size:var(--fs30);font-weight: 600;line-height: 120%;}
.recruitView-tit p {color: #666;font-size:var(--fs18);line-height: 160%;}

.recruitView-con {width:calc(100% - 370px);display:flex; flex-direction:column; gap:50px;}
.recruitView-con-item {}
.recruitView-con-item-inner {padding:30px; display:flex; flex-direction:column; gap:20px;border-radius: 20px; border: 1px solid var(--border1); background: #FFF;}
.recruitView-con-item-inner ul {display:grid; grid-template-columns:1fr 1fr; gap:10px 20px;}
.recruitView-con-item-inner .double-subj {display:grid; grid-template-columns:1fr 1fr; align-items:flex-start; gap:10px 20px;} 
.recruitView-con-item-inner .double-subj ul {grid-template-columns:1fr;}
.recruitView-con-item-inner ul li {font-size:var(--fs18); color: #333; display:grid; grid-template-columns:100px auto; gap:10px; }
.recruitView-con-item-inner ul li span {width:100px; font-weight:600; color:var(--base4);}
.recruitView-con-item-inner ul li a:hover {color:var(--base1);}
.recruitView-con-item-inner ul.type1 {flex-wrap:wrap;}
.recruitView-con-item-inner ul.type1 li {}
.recruitView-con-item-inner ul.type2 {}
.recruitView-con-item-inner ul.type2 li {}

.recruitView-contents {font-size:var(--fs18);}
.recruitView-contents p {}
.recruitView-contents br {}

.recruitView-con-btn {display:flex;}
.recruitView-con-btn a {font-size:var(--fs18);display: flex; height:60px; padding: 0 50px; justify-content: center; align-items:center; gap: 62px;border-radius: 10px; background: #333; color:#fff;}




/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	
	.recruitList-search {padding:40px 0 30px;}
	
	.recruitList-list {}
	.recruitList-list a {width:calc((100% - 20px)/2);}
	
	
	.recruitView {padding:40px; gap:20px; flex-direction:column;}
	.recruitView-tit .recruitView-tit-inner {width:100%; position:relative; top:auto;         flex-direction:row; align-items:center; gap:30px;}
	/*.recruitView-tit .img {width:300px; position:absolute; left:0; top:0;}*/
	.recruitView-tit .img {width:300px;}
	.recruitView-tit h3 {}
	.recruitView-tit p {}
	
	.recruitView-con {width:100%; gap:30px;}
	
	
	.recruitView-con-btn {justify-content:center;}
	
	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.recruitList-search {padding:30px 0 20px;}
	
	.recruitList-list {gap:10px;}
	.recruitList-list a .img {height:50px;}
	.recruitList-list a {padding:30px; width:calc((100% - 10px)/2);}
	
	.recruitView {padding:30px;}
	.recruitView-tit {padding:0; gap:10px;}
	.recruitView-tit .img {position:static; max-width:100%;}
	/*.recruitView-tit h3 {padding:20px 0 0;}*/
	.recruitView-tit .recruitView-tit-inner {flex-direction:column; gap:20px; align-items:flex-start;}

	
	.recruitView-con {gap:20px;}
	.recruitView-con-item-inner {padding:30px 20px;}
	.recruitView-con-item-inner .double-subj {grid-template-columns:1fr;} 
	.recruitView-con-item-inner ul {grid-template-columns:1fr;}
	.recruitView-con-item-inner ul.type1 {}
	.recruitView-con-item-inner ul.type1 li {width:100%;}
	
	.recruitView-con-btn a {height:50px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	.recruitView {padding:30px 20px;}
	
	.recruitList-list a {width:100%;}
	.recruitList-search .inputWrap {flex-wrap:wrap;}
	.recruitList-search .inputWrap select {width:100%;}
	.recruitList-search .inputWrap input {width:calc(100% - 55px);}
	.recruitView-con-item-inner {padding:30px 20px 30px 30px;}
	.recruitView-con-item-inner.auto-form {padding:30px 20px;}
	.recruitView-con-item-inner ul li {grid-template-columns:1fr; gap:0;}
	.recruitView-con-item-inner ul li span {transform:translateX(-14px);}
}