#recruitment {width: 100%; margin: 100px 0;}

/*일신테크 채용안내*/
.recruitment_info {width: 100%; height: 700px; background-image: url(../img/recruitment_back.jpg); background-size: cover; background-attachment: fixed; margin: 100px 0; color: #fff; line-height: 90px; background-position: center;}
.recruitment_info_con {width: 1200px; margin: 0 auto; padding: 100px 0;}
.recruitment_info_con h1 {font-size: 36px; font-weight: 500}
.recruitment_info_con h2 {font-size: 86px; font-weight: 600;}
.recruitment_info_con h3 {font-size: 76px;}
.recruitment_info_con a {vertical-align: bottom}
.recruitment_info_con a i {vertical-align: middle; font-size: 22px;}

/*일신테크 인재상*/
.recruitment_talent {width: 1200px; margin: 100px auto;}
.recruitment_talent_title {line-height: 80px; border-bottom: 1px solid #ddd; padding-bottom: 50px;}
.recruitment_talent_title img {width: 150px;}
.recruitment_talent_title h1 {font-size: 72px;}
.recruitment_talent_title h2 {font-size: 72px; font-weight: 300}
.recruitment_talent_con {width: 100%;}
.recruitment_talent_con li {width: 50%; float: left; position: relative;padding: 70px;height: 350px;}
.recruitment_talent_con h1 {position: absolute;font-size: 105px; color: #ebebec; font-weight: 600; z-index: -1; top: 0; left: 0;}
.recruitment_talent_con h2 {font-size: 32px; color: #0a4e98; font-weight: 600; margin-bottom: 10px;}
.recruitment_talent_con h3 {font-size: 18px; color: #777;}

/*복리후생*/
.recruitment_welfare {width: 100%; margin: 0 auto; background-color: #f8f8f9; padding: 50px 0;}
.recruitment_welfare_con {width: 1200px; position: relative; margin: 0 auto;}
.recruitment_welfare_con strong {font-size: 20px; padding: 10px 0 50px; display: block;}
.recruitment_welfare_con ul {width: 100%;}
.recruitment_welfare_con ul li {padding: 15px 0; border-bottom: 1px solid #ddd;}
.recruitment_welfare_con ul li h1 {width: 20%; float: left; color: #0a4e98; font-weight: 700; padding-right: 10px;}
.recruitment_welfare_con ul li h2 {width: 80%; float: left;  color: #6d6e71}

/*채용절차*/
.recruitment_procedure {width: 1200px; margin: 100px auto;}
.recruitment_procedure_step {width: 100%; background-color: #fff; margin: 50px 0;}
.recruitment_procedure_step li {width: 100%; padding: 30px 0; border-bottom: 1px solid #eee}
.recruitment_procedure_step li:last-child {border: none;}
.recruitment_procedure_step li h1 {float: left; width: 100%; font-size: 22px; color: #0a4e98; opacity: .5}
.recruitment_procedure_step li h2 {float: left; width: 15%; font-size: 20px; font-weight: 700;}
.recruitment_procedure_step li h3 {float: left; width: 85%; color: #6d6e71;}

.form_down {width: 250px; height: auto; margin: 0 auto; display: block; text-align: center; background-color: #0a4e98;color: #fff; font-size: 24px; padding: 20px; border: 1px solid #0a4e98;transition: .2s}
.form_down:hover {background-color: #fff; color: #888}


@media (max-width: 1199px) {
	#recruitment {margin: 50px 0;}
	
	.recruitment_info {margin: 50px 0; background-attachment: inherit; height: 400px; line-height: 40px}
	.recruitment_info_con {width: 100%; padding: 50px 30px;}
	.recruitment_info_con h1 {font-size: 16px;}
	.recruitment_info_con h2 {font-size: 40px}
	.recruitment_info_con h3 {font-size: 36px}
	.recruitment_info_con a {width: 150px;}
	
	.recruitment_talent {width: 100%; padding: 0 30px; margin: 50px 0;}
	.recruitment_talent_title {line-height: 40px;}
	.recruitment_talent_title h1 {font-size: 40px;}
	.recruitment_talent_title h2 {font-size: 40px;}
	.recruitment_talent_con {padding-top: 50px;}
	.recruitment_talent_con li {width: 100%; padding: 30px; height: auto;}
	.recruitment_talent_con li h1 {font-size: 55px}
	.recruitment_talent_con li h2 {font-size: 20px;}
	.recruitment_talent_con li h3 {font-size: 14px;}
	
	.recruitment_welfare_con {width: 100%; margin-top: 0;}
	.recruitment_welfare_con strong {font-size: 14px; padding: 0 30px}
	.rwc_back {display: none;}
	.recruitment_welfare_con ul {padding-top: 30px}
	.recruitment_welfare_con ul li {padding: 15px 30px;;}
	.recruitment_welfare_con ul li h1 {width: 100%; margin-bottom: 10px;}
	.recruitment_welfare_con ul li h2 {width: 100%; font-size: 14px;}
	
	.recruitment_procedure {width: 100%; margin: 50px 0}
	.recruitment_procedure_step {margin: 20px 0;}
	.recruitment_procedure_step li {padding: 30px;}
	.recruitment_procedure_step li h1 {width: 70px; font-size: 18px;}
	.recruitment_procedure_step li h2 {width: auto; margin-bottom: 10px; font-size: 18px;}
	.recruitment_procedure_step li h3 {width: 100%; font-size: 14px;}
}

@media (max-width: 767px) {
	.recruitment_talent {width: 100%;}
	.recruitment_welfare {width: 100%;}
	.recruitment_procedure {width: 100%;}
}