@charset "utf-8";

#svisual_layout .svisual_wrap{width:100%;height:100%;background-image:url('/images/usw/recruit/sub_visual.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;}

/* 타이틀박스 */
.content_top_alert {position:relative;margin-bottom:50px;padding:50px 30px 50px 200px;border:1px solid #ddd;overflow:hidden; border-radius:10px 10px;-webkit-border-radius:10px 10px;}
.content_top_alert h4 {margin-bottom:20px;font-size:22px;color:#5a67ac;}
.content_top_alert p {line-height:24px;color:#666;}
	.alert01:before {position:absolute;display:block;content:'';top:50%;left:55px;margin-top:-50px;width:100px;height:100px;background:url('/images/usw/recruit/alert_ico01.png') 0 0 no-repeat;}
	.alert02:before {position:absolute;display:block;content:'';top:50%;left:55px;margin-top:-50px;width:100px;height:100px;background:url('/images/usw/recruit/alert_ico02.png') 0 0 no-repeat;}
	.alert03:before {position:absolute;display:block;content:'';top:50%;left:55px;margin-top:-50px;width:100px;height:100px;background:url('/images/usw/recruit/alert_ico03.png') 0 0 no-repeat;}
	.alert04:before {position:absolute;display:block;content:'';top:50%;left:55px;margin-top:-50px;width:100px;height:100px;background:url('/images/usw/recruit/alert_ico04.png') 0 0 no-repeat;}

@media all and (max-width:1023px){
	
}	
@media all and (max-width:746px){	
	.content_top_alert {margin-bottom:30px;padding:130px 20px 50px;text-align:center;}
	.content_top_alert strong {font-size:18px;}
	.content_top_alert span {line-height:20px;}	
	.alert01:before,
	.alert02:before,
	.alert03:before,
	.alert04:before {top:30px;left:50%;margin-top:0;width:80px;height:80px;margin-left:-40px;background-size:cover;}
}

/* 절차  */
.process {display:table;table-layout: fixed;border-collapse:separate;border-spacing:10px 0;width:100%;margin:0;text-align:center;}
.process li{position:relative;display:table-cell;padding:35px 0;vertical-align: middle;font-size:16px;font-weight:700;color:#fff; border-radius:10px 10px;-webkit-border-radius:10px 10px;}
.process li:before {content:"";display:block;position:absolute;right:-20px;top:50%;margin-top:-15px;background:#fff;width:30px;height:30px;border-radius:50%;z-index:99}
.process li:after {content:"";display:block;position:absolute;right:-8px;top:50%;margin-top:-5px;border-width:0 2px 2px 0;border-style:solid;border-color:#333;width:10px;height:10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);z-index:99}
.process li.last {border-right:0;}
.process li.last:before,
.process li.last:after {display:none;}
.process li:nth-child(1) {background:#2f4175;}
.process li:nth-child(2) {background:#4c69a4;}
.process li:nth-child(3) {background:#6a79d9;}
.process li:nth-child(4) {background:#8e80d5;}
.process li:nth-child(5) {background:#ae80d5;}
.process li:nth-child(6) {background:#d58093;}
.process li:nth-child(7) {background:#d59080;}



@media all and (max-width:1023px){
	.process li{display:block;width:100% !important;padding:20px 0;border-right:0;border-bottom:5px solid #fff;font-size:15px;}
	.process li:before {right:50%;top:100%;margin-right:-15px;width:30px;height:30px;}
	.process li:after {right:50%;top:100%;margin-right:-5px;border-width:2px 0 0 2px;width:10px;height:10px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
	.process li.last {border-bottom:0;}
}	
@media all and (max-width:746px){	
	
}

/* 구인정보, 구직정보 */
.rec_write {width:100%;border-collapse:collapse;word-break:break-all;border-spacing:0;border-top:2px solid #464646;}
.rec_write th {padding:10px 10px;word-break:break-all;background:#f9f9f9;color:#000;font-weight:500;border-bottom:1px solid #ccc;letter-spacing:-0.05em;}
.rec_write td {padding:10px 10px;border-bottom:1px solid #ccc;}
.rec_write textarea {resize:vertical;min-height:180px;height:180px;border:1px solid #ccc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
.rec_write input[type=text] {height:32px;line-height:32px;}
.rec_write select {height:32px;line-height:32px;}

@media all and (max-width:746px){
	.rec_write col {display:block;}
	.rec_write th {display:block;width:100%;}
	.rec_write td {display:block;width:100%;}
}
.ing {display:inline-block;font-size:14px;font-weight:500;background:#3980da;color:#fff;width:60px;text-align:center;line-height: 28px;border-radius:5px;}
.end {display:inline-block;font-size:14px;font-weight:500;background:#ed613b;color:#fff;width:60px;text-align:center;line-height: 28px;border-radius:5px;}


/* 사후관리 */
.rec_box {width:100%;margin-bottom:50px;}
.rec_box:after {content:"";display:block;clear:both;}
.rec_box li {width:32%;float:left;margin:0 2% 10px 0;padding:30px 20px 30px 85px;border:1px solid #ddd;font-size:16px;font-weight:600;
background-image:url('/images/usw/recruit/chk_ico.png');background-position: 20px 50%;background-repeat: no-repeat;
border-radius:10px 10px;-webkit-border-radius:10px 10px;}
.rec_box li:hover {background-color:#f6f6f6;}
.rec_box li:nth-child(3n) {margin-right:0;}

@media all and (max-width:1023px){	
	.rec_box li {width:49%;margin:0 2% 10px 0;padding:25px 20px 25px 80px;font-size:16px;background-position: 15px 50%;}
	.rec_box li:nth-child(3n) {margin-right:2%;}
	.rec_box li:nth-child(2n) {margin-right:0;}
}
@media all and (max-width:746px){	
	.rec_box li {width:100%;margin:0 0 10px;padding:20px 15px 20px 60px;font-size:15px;background-position: 15px 50%;background-size:35px;}
}