@charset "utf-8";

table.job-list { clear: both; width: 100%; margin-top: 4px; /*margin-top: 9px;*/ }
table.job-list thead tr { height: 44px; }
table.job-list thead th {
	height: 38px; padding-top: 6px; font-size: 14px; background: #F7F7F7; border: 1px solid #EEE;
	font-family: OTWelcomeRA; border-left: 1px solid #EEE;
}
table.job-list thead tr th.left { border-left: 1px solid #EEE; }
table.job-list thead tr th.right { border-right: 1px solid #EEE; }
table.job-list tbody tr { height: 100px; border-bottom: 1px solid #E7E7E7; }
table.job-list tbody tr.recruit-title-tr { height: 44px; border: 1px solid #F9F9F9; background: #FBFBFB; }
table.job-list tbody td {
	height: 160px; text-align: center; font-size: 15px; font-family: Pretendard; border: 1px solid #FFF; border-bottom: 1px solid #E7E7E7;
}
table.job-list tbody td .face { width: 100%; }
table.job-list tbody td .picture-male, table.job-list tbody td .picture-female, table.job-list tbody td .picture-user {
	margin: 0 auto; width: 70px; height: 70px;
	background-size: 70px; background-position: center center;
	border: 1px solid #EEE; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
table.job-list tbody td .picture-male { background: url('/img/icon-male.png') no-repeat; background-size: 70px; }
table.job-list tbody td .picture-female { background: url('/img/icon-female.png') no-repeat; background-size: 70px; }

/*
table.job-list tbody td .picture { width: 100%; height: 70px; }
table.job-list tbody td .picture img {
	width: 68px; border: 1px solid #EEE; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
*/
table.job-list tbody td .name { clear: both; width: 100%; margin-top: 12px; text-align: center; font-size: 15px; color: #000; }
table.job-list tbody td .name span { padding-left: 4px; font-size: 14px; color: #555; }
table.job-list tbody td .career { clear: both; width: 100%; margin-top: 5px; color: #00A1EF; font-family: Pretendard400; font-size: 14px; }
table.job-list tbody td .resume-title { clear: both; width: 100%; margin-top: 4px; }
table.job-list tbody td .resume-title a { font-size: 16px; color: #333; }
table.job-list tbody td .resume-title a:hover, 
table.job-list tbody td .recruit-title:hover {
	text-decoration: underline; color: #000;
}
table.job-list tbody td .job-item {
	clear: both; width: 100%; margin-top: 7px; color: #FF6900; letter-spacing: 0; font-family: Pretendard400; font-size: 14px;
}
table.job-list tbody td .truck-info {
	clear: both; width: 100%; margin-top: 20px; font-family: Pretendard400; font-size: 13.5px; line-height: 1.5; color: #000;
}
table.job-list tbody td .truck-info span { color: #444; }
table.job-list tbody td .truck-info span.bar { color: #999; font-size: 12px; padding: 0 10px; }
table.job-list tbody td.region,
table.job-list tbody td.date,
table.job-list tbody td .recruit-title {
	font-size: 14px; font-family: Pretendard400; line-height: 1.5;
}
table.job-list tbody td .recruit-title { color: #333; }
table.job-list tbody td.icons { text-align: center; text-indent: 0; vertical-align: middle; }
table.job-list tbody td.icons img { width: 28px; margin-top: 3px; }

table.job-list tbody td .text { float: right; width: 90%; height: 140px; border: 1px solid #D2D2D2; background: #F8F8F8; }
table.job-list tbody td .text .top { clear: both; width: calc(100% - 24px); height: 100px; margin: 12px 0 0 12px; }
table.job-list tbody td .text .top textarea {
	width: 100%; height: 100px; border: 0; background: #F8F8F8; font-size: 14px; line-height: 1.4;
	font-family: Pretendard400; font-size: 13.5px;
}
table.job-list tbody td .text .bot { clear: both; width: calc(100% - 24px); height: 20px; margin: 4px 0 0 12px; text-align: right; }
table.job-list tbody td .text .bot a { text-decoration: none; color: #999; font-size: 14px; font-family: Pretendard400; }
table.job-list tbody td .text .bot a:hover { color: #000; }

table.job-list tbody td.None { height: 100px; text-align: center; font-size: 16px; color: #555; font-family: Pretendard400; }