@charset "utf-8";

h3.h3-search { font-size: 18px; font-weight: 500; margin-top: 30px; color: #391B1B; }


.Search-Tab { clear: both; width: 100%; margin-top: 10px; height: 229px; }
.Search-Tab .srcSubject { clear: both; width: 100%; height: 42px; }
.Search-Tab .srcTab {
	float: left; width: calc(20% - 1px); height: 30px; padding-top: 10px; cursor: pointer;
	border: 1px solid #DFC7C7; border-right: 0; text-indent: 12px; font-size: 14px; font-weight: 500;
}
.Search-Tab .srcSubject .selected { width: calc(20% - 2px); color: #FFF; background: #391B1B; border: 1px solid #391B1B; }
.Search-Tab .srcContent { width: 100%; height: 187px; }
.Search-Tab .srcContent ul {
	float: left; width: calc(20% - 1px); height: 186px; cursor: pointer;
	border: 1px solid #DFC7C7; border-bottom: 1px solid #C9A9A9; border-right: 0; border-top: 0; overflow-y: auto;
}
.Search-Tab .srcContent ul li { width: 100%; height: 26px; padding-top: 5px; cursor: pointer; text-indent: 16px; font-size: 14px; color: #333; }
.Search-Tab .srcContent .selected { clear: both; width: calc(100% - 2px); height: 200px; border-top: 0; }
.Search-Tab .srcContent ul li.li-select { background: #F3EFEF; color: #000; font-weight: 500; }
.Search-Tab .srcContent ul::-webkit-scrollbar { width: 10px; height: 187px; box-sizing: border-box; display: block; }
.Search-Tab .srcContent ul::-webkit-scrollbar-thumb { background-color: #E3D8D7; }
.Search-Tab .srcContent ul::-webkit-scrollbar-track { background-color: #F3EFEF; }


.srcCargo { position: absolute; display: none; width: 1260px; height: 186px; margin-top: 52px; background: #FBF7F7; z-index: 500; }
.srcCargo .srcCargoContent { width: 100%; height: 187px; }
.srcCargo .srcCargoContent ul {
	float: left; width: calc(20% - 1px); height: 186px; cursor: pointer;
	border: 1px solid #A07575; border-bottom: 1px solid #A07575; border-right: 0; border-top: 0; overflow-y: auto;
}
.srcCargo .srcCargoContent ul li { width: 100%; height: 26px; padding-top: 5px; cursor: pointer; text-indent: 16px; font-size: 14px; color: #333; }
.srcCargo .srcCargoContent .selected { clear: both; width: calc(100% - 2px); height: 200px; border-top: 0; }
.srcCargo .srcCargoContent ul li.li-select { background: #F3EFEF; color: #000; font-weight: 500; }
.srcCargo .srcCargoContent ul::-webkit-scrollbar { width: 10px; height: 187px; box-sizing: border-box; display: block; }
.srcCargo .srcCargoContent ul::-webkit-scrollbar-thumb { background-color: #E3D8D7; }
.srcCargo .srcCargoContent ul::-webkit-scrollbar-track { background-color: #F3EFEF; }


.Search-Btn { clear: both; width: calc(100% - 2px); height: 78px; border: 1px solid #C9A9A9; border-top: 0; }
.Search-Btn button.search { 
	float: right; margin: 14px 1px 0 0; color: #FFF; border: 0; cursor: pointer;
	font-weight: bold; font-size: 14px; padding: 0 20px; height: 51px;
	background-color: #FF7A01; box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 10%);
}
.Search-Btn button.search:hover { color: #FFF; }
.Search-Btn button.clear { 
	float: right; margin: 14px 17px 0 0; color: #FFF; border: 0; cursor: pointer;
	font-weight: bold; font-size: 14px; padding: 0 20px; height: 51px;
	background-color: #777; box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 10%);
}
.Search-Btn button.clear:hover { color: #FFF; }


.Recruit-Search {
	clear: both; width: calc(100% - 2px); display: inline-block; margin-top: 30px;
	 border: 1px solid #F5F5F5; background: #FCFCFC;
}
.Recruit-Search .Inside { width: 1208px; margin: 25px 0 0 25px; display: inline-block; position: relative; }
.Recruit-Search .Inside .left { float: left; width: 160px; /*height: 200px;*/ }
.Recruit-Search .Inside .right { float: right; width: 1022px; /*height: 129px;*/ display: inline-block; border-left: 1px solid #EAEAEA; padding-left: 25px; }
.Recruit-Search .Inside .left dt { clear: both; font-family: Pretendard; color: #000; margin-bottom: 5px; }
.Recruit-Search .Inside .left dd { font-family: Pretendard; font-size: 28px; color: #FB2626; }
.Recruit-Search .Inside .right dl { clear: both; width: 100%; font-family: Pretendard400; display: inline-block; margin-bottom: 10px; }
.Recruit-Search .Inside .right dt { float: left; width: 100px; font-size: 14px; color: #000; }
.Recruit-Search .Inside .right dd {
	float: left; width: calc(100% - 130px); font-size: 14px; color: #333; font-family: Pretendard; line-height: 1.5;
	margin-top: -2px;
}
.Recruit-Search .Inside .right dd span { font-size: 13px; /*padding-right: 4px;*/ color: #FB2626; }
/*
.Recruit-Search .Inside .right dd { float: left; height: 15px; margin: 0 15px 8px 0; }
.Recruit-Search .Inside .right dd a { color: #444; font-size: 15px; font-family: Pretendard400; cursor: pointer; }
.Recruit-Search .Inside .right dd a:hover, .Recruit-Search .Inside .right dd a.checked { color: #FF6900; }
.Recruit-Search .Inside .right dd span { font-size: 14px; }
*/
.Recruit-Search .Inside .category { clear: both; width: 100%; margin: 35px 0 22px; display: inline-block; }
.Recruit-Search .Inside .category .keyword {
	float: left; width: calc(100% - 436px); height: 18px; /*display: inline-block;*/ line-height: 1.5; margin-left: 186px;
}
.Recruit-Search .Inside .category .keyword .text-region { width: 100%; height: 18px; /*display: inline-block;*/ }
.Recruit-Search .Inside .category .keyword .text-jobmodel { clear: both; width: 100%; height: 18px; /*display: inline-block;*/ margin-top: 8px; }
.Recruit-Search .Inside .category .keyword span { font-size: 15px; color: #FF6900; padding-right: 15px; font-family: Pretendard400; cursor: pointer; }
.Recruit-Search .Inside .category .btn { float: right; width: 500px;/*width: 200px;*/ height: 40px; margin-top: 4px; }
.Recruit-Search .Inside .category .blue, .Recruit-Search .Inside .category .gray, .Recruit-Search .Inside .category .save,
.btn-Blue, .btn-Gray {
	float: right; height: 40px; padding: 0 12px; display: table; background: #000; margin-left: 2px;
	-webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em;
}
.Recruit-Search .Inside .category .blue a, .Recruit-Search .Inside .category .gray a, .Recruit-Search .Inside .category .save a,
.btn-Blue a, .btn-Gray a {
	height: 40px; display: table-cell; vertical-align: middle; padding: 0 12px;
	font-family: Pretendard400; font-size: 14px; color: #EFEFEF; cursor: pointer;
}
.Recruit-Search .Inside .category .blue a:hover, .Recruit-Search .Inside .category .gray a:hover,
.Recruit-Search .Inside .category .save a:hover, .btn-Blue a:hover, .btn-Gray a:hover {
	color: #FFF;
}
.Recruit-Search .Inside .category .gray { background: #999; color: #FFF; }
.Recruit-Search .Inside .category .save { background: #0080FF; color: #FFF; }
.Recruit-Search .Inside .close a { width: 20px; height: 20px; position: absolute; right: 0; margin: -12px -12px 0 0; }


.Prime, .Premium, .Spceial, .Newest {
	clear: both; width: 100%; height: 20px; margin-top: 48px;
	font-size: 18px; color: #000; font-weight: normal; font-family: Pretendard;
}
.Wrap-Prime { /*412px*/
	float: left; width: 242px; height: 221px; margin: 10px 0 0 10px; border: 1px solid #B0D6FD; /*border-top: 1px solid #999;*/
	-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; background: #F8FCFF;
}
.Wrap-Prime:hover {
	border: 1px solid #87C2FD; background: #F5FAFF;/*border-top: 1px solid #555;*/ box-shadow: 5px 5px 5px 0 rgb(0 0 0 / 12%);
	-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}
.Wrap-Prime .container { width: 212px; margin: 20px 0 0 15px; display: inline-block; position: relative; }
.Wrap-Prime .container .vehicle, .Wrap-Prime .container .vehicle2 { position: absolute; right: 0; bottom: 0; }
.Wrap-Prime .container .vehicle img { height: 30px; }
.Wrap-Prime .container .vehicle2 img { width: 30px; }
.Wrap-Prime .logo { width: 100%; height: 31px; text-align: center; display: table; }
.Wrap-Prime .logo a { height: 31px; display: table-cell; vertical-align: middle; }
.Wrap-Prime .logo img { height: 28px; }
.Wrap-Prime .company { clear: both; width: 100%; height: 20px; display: table; margin-top: 13px; }
.Wrap-Prime .company a { height: 20px; display: table-cell; vertical-align: middle; color: #425AD4; }
.Wrap-Prime .title { clear: both; width: 100%; height: 48px; display: table; margin-top: 2px; }
.Wrap-Prime .title a {
	height: 48px; display: table-cell; vertical-align: top; color: #222; font-family: Pretendard; font-size: 16px;
	line-height: 1.5;
}
.Wrap-Prime .category, .Wrap-Prime .category-truck { clear: both; width: 100%; height: 20px; margin-top: 8px; color: #FF6900; }
.Wrap-Prime .category-truck { background: url('/img/icon-truck.png') no-repeat 0 0; background-size: 16px; text-indent: 20px; }
.Wrap-Prime .region { clear: both; width: 100%; height: 20px; margin-top: 2px; }
.Wrap-Prime .pay { clear: both; width: 100%; height: 20px; margin-top: 2px; }
.Wrap-Prime .pay span.pay-type { font-size: 14px; }
.Wrap-Prime .pay span.pay { color: #E20000; padding-left: 6px; font-size: 15px; }


.Wrap-Premium { /*412px*/
	float: left; width: 242px; height: 173px; margin: 9px 0 0 10px; border: 1px solid #E0E0E0; /*border-top: 1px solid #999;*/
	-webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em;
}
.Wrap-Premium:hover {
	border: 1px solid #CECECE; /*border-top: 1px solid #555;*/ box-shadow: 5px 5px 5px 0 rgb(0 0 0 / 8%);
	-webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em;
}
.Wrap-Premium .container { width: 212px; margin: 16px 0 0 15px; display: inline-block; position: relative; }
.Wrap-Premium .container .vehicle, .Wrap-Premium .container .vehicle2 { position: absolute; right: 0; bottom: 0; }
.Wrap-Premium .container .vehicle img { height: 30px; }
.Wrap-Premium .container .vehicle2 img { width: 30px; }
.Wrap-Premium .company { clear: both; width: 100%; height: 20px; display: table; }
.Wrap-Premium .company a { height: 20px; display: table-cell; vertical-align: middle; color: #425AD4; }
.Wrap-Premium .title { clear: both; width: 100%; height: 48px; display: table; margin-top: 2px; }
.Wrap-Premium .title a {
	height: 48px; display: table-cell; vertical-align: top; color: #222; font-family: Pretendard; font-size: 16px;
	line-height: 1.5;
}
.Wrap-Premium .category, .Wrap-Premium .category-truck { clear: both; width: 100%; height: 20px; margin-top: 8px; color: #FF6900; }
.Wrap-Premium .category-truck { background: url('/img/icon-truck.png') no-repeat 0 0; background-size: 16px; text-indent: 20px; }
.Wrap-Premium .region { clear: both; width: 100%; height: 20px; margin-top: 2px; }
.Wrap-Premium .pay { clear: both; width: 100%; height: 20px; margin-top: 2px; }
.Wrap-Premium .pay span.pay-type { font-size: 14px; }
.Wrap-Premium .pay span.pay { color: #E20000; padding-left: 6px; font-size: 15px; }


.job-tab {
	float: left; width: 156px; height: 50px; display: table; background: #EEE; text-align: center; margin-left: 1px;
	-webkit-border-radius: .3em .3em 0 0; -moz-border-radius: .3em .3em 0 0; border-radius: .3em .3em 0 0;
}
.job-tab a { display: table-cell; vertical-align: middle; color: #777; font-size: 15px; font-weight: 500; }
.job-tab a:hover { background: #1E3547; color: #FFF; -webkit-border-radius: .3em .3em 0 0; -moz-border-radius: .3em .3em 0 0; border-radius: .3em .3em 0 0; }
.job-tab-select { background: #1E3547; color: #FFF; }
.job-tab-select a { color: #FFF; font-size: 15px; font-weight: 500; }
.job-tab-select a:hover { background: #1E3547; color: #FFF; }


h2.job-list-subject { clear: both; width: 100%; height: 26px; display: inline-block; font-weight: 500; font-size: 15px; margin-top: 20px; }
h2.job-list-subject span.company { font-weight: 500; font-size: 15px; color: blue; }
h2.job-list-subject span.qty { font-weight: 500; font-size: 15px; color: red; }
.job-list-more {
	clear: both; width: calc(100% - 2px); height: 38px; margin-top: 4px; text-align: center; display: table;
	background: #FAFAFA; border: 1px solid #EAEAEA;
}
.job-list-more:hover { background: #F0F0F0; border: 1px solid #E0E0E0; }
.job-list-more a {
	width: 100%; height: 38px; display: table-cell; vertical-align: middle; color: #666;
	font-size: 14px; font-family: Pretendard400;
}
.job-list-more a:hover { color: #000; }