@charset "utf-8";

table.job-list { clear: both; width: 100%; /*margin-top: -3px;*/ margin-top: 9px; }
table.job-list thead tr { height: 40px; }
table.job-list thead th {
	font-size: 14px; background: #F7F7F7; border: 1px solid #EEE;
	font-family: OTWelcomeRA; border-left: 1px solid #EEE; padding-top: 7px;
}
table.job-list tbody tr { height: 110px; border-bottom: 1px solid #E7E7E7; }
table.job-list tbody td {
	text-align: center; font-size: 15px; font-family: Pretendard; border: 1px solid #FFF; border-bottom: 1px solid #E7E7E7;
}
table.job-list tbody td.t12 { text-align: left; text-indent: 12px; }
table.job-list tbody td.fs14,
table.job-list tbody td .job-pay {
	font-size: 14px; font-family: Pretendard400;
}
table.job-list tbody td .pay-type { clear: both; font-family: Pretendard400; padding-bottom: 4px; font-size: 14px; }
table.job-list tbody td .job-company { clear: both; font-family: Pretendard400; color: #425AD4; font-size: 14px; }
table.job-list tbody td .job-company2 { clear: both; font-family: Pretendard400; color: #000; font-size: 14px; }
table.job-list tbody td .job-title { clear: both; font-size: 16px; padding-top: 6px; }
table.job-list tbody td .job-title a { font-size: 16px; color: #333; }
table.job-list tbody td .job-title a:hover { text-decoration: underline; color: #000; }
table.job-list tbody td.icon-cargo,
table.job-list tbody td.icon-driver,
table.job-list tbody td.icon-bike {
	text-align: center; text-indent: 0;
}
table.job-list tbody td.icon-cargo img,
table.job-list tbody td.icon-driver img,
table.job-list tbody td.icon-bike img {
	width: 24px;
}
table.job-list tbody td.icons { text-align: center; text-indent: 0; }
table.job-list tbody td.icons img { width: 26px; }
table.job-list tbody td .job-item { 
	clear: both; width: 100%; margin-top: 10px; color: #FF6900; letter-spacing: 0; font-family: Pretendard400; font-size: 14px;
}
table.job-list tbody td .job-etc { clear: both; padding-top: 10px; height: 18px; }
table.job-list tbody td .job-etc div {
	float: left; padding: 3px 5px 3px 4px; font-family: Margun Gothic; font-size: 11px; text-indent: 0; cursor: pointer;
	border: 1px solid #E0E0E0; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; color: #555;
}
table.job-list tbody td .job-etc div.jot-etc-1 {
	background: url('/img/icon-scrap-off.png') no-repeat; background-size: 14px;
	background-position: 4px 3px; padding-left: 20px; margin: 0 2px 0 13px;
}
table.job-list tbody td .job-etc div.jot-etc-2 {
	background: url('/img/icon-pre-view-off.png') no-repeat; background-size: 14px;
	background-position: 4px 3px; padding-left: 20px; margin-right: 2px;
}
table.job-list tbody td .job-etc div.jot-etc-3 {
	background: url('/img/icon-new-window.png') no-repeat; background-size: 14px;
	background-position: 4px 3px; padding-left: 20px; margin-right: 2px;
}
table.job-list tbody tr.preview { display: none; }
table.job-list tbody tr.preview td {
	/*border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7;*/
	background-color: #FCFCFC;
	background: url('/img/progress_overlay.png'), -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F8F8F8));
	background: url('/img/progress_overlay.png'), -webkit-linear-gradient(top, #FCFCFC, #F8F8F8);
	background: url('/img/progress_overlay.png'), -moz-linear-gradient(top, #FCFCFC, #F8F8F8);
	background: url('/img/progress_overlay.png'), -ms-linear-gradient(top, #FCFCFC, #F8F8F8);
	background: url('/img/progress_overlay.png'), -o-linear-gradient(top, #FCFCFC, #F8F8F8);
	background: url('/img/progress_overlay.png'), linear-gradient(to bottom, #FCFCFC, #F8F8F8);
}
table.job-list tbody tr.preview td .pre-close { 
	position: absolute; width: 13px; height: 13px; background: url('/img/close.png') no-repeat; background-size: 13px;
	margin: 20px 0 0 18px; cursor: pointer;
}
table.job-list tbody tr.preview td dl { width: 1210px; margin: 18px 0 5px 50px; display: inline-block; }
table.job-list tbody tr.preview td dt { float: left; width: 100px; height: 25px; font-family: Pretendard400; font-size: 14px; text-align: left; }
table.job-list tbody tr.preview td dd {
	float: left; width: calc(100% - 100px); height: 25px; font-family: Pretendard400; font-size: 14px; text-align: left; color: #000;
}
table.job-list tbody tr.preview td dd span { font-family: gulim; font-size: 11px; color: #999; padding: 0 6px; }