@charset "utf-8";

.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%; display: inline-block; margin-bottom: 10px; }
.Recruit-Search .Inside .right dt { float: left; width: 100px; font-family: Pretendard400; 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; font-size: 18px; color: #000; margin-top: 48px; font-family: Pretendard300; }
.Wrap-Prime { /*412px*/
	float: left; width: 411px;/*623px;*/ height: 203px; margin: 10px 0 0 10px; border: 1px solid #B0D6FD;/*#E0E0E0;*/ /*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;/*#CECECE;*/ 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: 371px; height: 140px; margin: 20px 0 0 20px; }
.Wrap-Prime .container .left { float: left; width: 70px; height: 140px; }


.Wrap-Prime .container .left .picture-male, .Wrap-Prime .container .left .picture-female, .Wrap-Prime .container .left .picture-user {
	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%;
}
.Wrap-Prime .container .left .picture-male { background: url('/img/icon-male.png') no-repeat; background-size: 70px; }
.Wrap-Prime .container .left .picture-female { background: url('/img/icon-female.png') no-repeat; background-size: 70px; }
.Wrap-Prime .container .left .name { clear: both; width: 100%; margin-top: 13px; text-align: center; font-size: 15px; }
.Wrap-Prime .container .left .age { clear: both; width: 100%; margin-top: 5px; text-align: center; font-size: 14px; }
.Wrap-Prime .container .right { float: left; width: 280px; height: 140px; margin-left: 20px; position: relative; }
.Wrap-Prime .container .right .vehicle { position: absolute; right: 0; bottom: 17px; }
.Wrap-Prime .container .right .vehicle img { height: 30px; }
.Wrap-Prime .container .right .career { clear: both; width: 100%; height: 22px; color: #00A1EF; font-family: Pretendard400; }
.Wrap-Prime .container .right .career div { float: left; }
.Wrap-Prime .container .right .career img { height: 24px; padding-left: 5px; margin-top: -4px; }
.Wrap-Prime .container .right .career div.icons { float: right; }
.Wrap-Prime .container .right .career div.icons div { float: right; margin-left: 2px; }
.Wrap-Prime .container .right .career div.icons div img { height: 20px; }

.Wrap-Prime .container .right .resume-title { clear: both; width: 100%; margin-top: 4px; }
.Wrap-Prime .container .right .resume-title a { font-size: 18px; color: #000; }
.Wrap-Prime .container .right .resume-title a:hover { text-decoration: underline; }
.Wrap-Prime .container .right .job-item { clear: both; width: 100%; margin-top: 10px; color: #FF6900; letter-spacing: 0; }
.Wrap-Prime .container .right .truck-info { clear: both; width: 100%; margin-top: 10px; letter-spacing: 0; }
.Wrap-Prime .bottom { clear: both; width: 411px; height: 39px; border-top: 1px solid #B0D6FD; margin-top: 0; padding-top: 0; }
.Wrap-Prime .bottom .region { float: left; width: 290px; margin-left: 20px; margin-top: 13px; font-family: Pretendard400; }
.Wrap-Prime .bottom .date { float: right; width: 81px; margin-right: 20px; margin-top: 13px; text-align: right; font-family: Pretendard400; }


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: 15px; font-family: Pretendard; font-weight: 500;
}
.job-list-more a:hover { color: #000; }