		.sub {
			width: 100%;
			overflow: hidden;
		}
		.sub .sub_wrap{
			width: 100%;
			max-width: 1400px;
			padding: 120px 20px;
			box-sizing: border-box;
			margin: 0 auto;
		}		
		.sub .sub_wrap .title {
			width: 100%;
			display: flex;
			align-items: center;
			max-width: 1170px;
			margin: 0 auto 50px;
		}
		.sub .sub_wrap .title .tap_line {
			width:25px;
			height: 10px;
			background: #ffa208;
			margin-right: 7px;
		}	
		.sub .sub_wrap .title span {
			width:10px;
			height: 10px;
			background: #ff5908;
		}		
		.sub .sub_wrap .title h2 {
			font-family: 'NanumGothic';
			font-size: 30px;
			color: #353535;
		}			

		@media all and ( max-width:500px){
			.sub .sub_wrap {
				padding: 60px 20px;
			}	
		}
		.sub .sub_wrap .jobs {
			width: 100%;
			max-width: 1100px;
			margin: 0 auto 30px;
		}
		.sub .sub_wrap .jobs form {
			width: 100%;
			overflow: hidden;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			align-content: center;
		}
		.sub .sub_wrap .jobs .jobtab {
			width: 100%;
			max-width: 180px;
			margin-right: 2%;
		}
		.sub .sub_wrap .jobs .select_button {
			width: 100px;
			height: 30px;
			background-color: #ffffff;
			border: 1px solid #ffa208;
			font-family: 'NanumGothic';
			font-size: 16px;
			color: #262626;
			cursor: pointer;
			
		}
		.sub .sub_wrap .jobs .jobtab span {
			display: block;
			font-family: 'NanumGothic';
			font-size: 12px;
			color: #b4b4b4;
		}
		@media all and ( max-width:1100px){
			.sub .sub_wrap {
				padding: 90px 20px;
			}
			.sub .sub_wrap .jobs {
				margin: 0 auto 25px;
			}
			.sub .sub_wrap .title{
				margin-bottom: 30px;
			}	
		}	
		.sub .sub_wrap .jobs .jobtab select {
			width: 100%;
			border: none;
			border-bottom: 1px solid #aaaaaa;
			outline: none;
  			-moz-appearance:none; /* Firefox */ 
  			-webkit-appearance:none; /* Safari and Chrome */ 
  			appearance:none;
			font-size: 14px;
			padding:10px 0;
			box-sizing: border-box;
			color: #262626;
			font-family: 'NanumGothic';
			cursor: pointer;
			background-image: url(/images/select.png);
			background-repeat: no-repeat;
			background-size: auto;
			background-position: right;
			background-color: #ffffff;
			text-align: center;
		}
		select::-ms-expand { display:none; } 
		.sub .sub_wrap .jobs .jobtab select option {
			width: 100%;
			font-size: 14px;
			padding: 6px 0;
			color: #262626;
			font-family: 'NanumGothic';
			box-sizing: border-box;
		}		
		.sub .sub_wrap .jobs .jobtab img {
			margin-top: 20px;
		}		
		.sub .sub_wrap .table {
			width: 100%;
			max-width: 1130px;
			margin: 0 auto;
				
		}
		.sub .sub_wrap .table ul {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}
		.sub .sub_wrap .table ul li {
			width: 22%;
/*			max-width: 260px;*/
			padding: 25px 20px;
			box-sizing: border-box;
			border-bottom: 2px solid #ffa208;
			box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
			font-family: 'NanumGothic';
			margin:0 1.5% 1.5% 1.5% ;
		}
		.sub .sub_wrap .table ul li a {
			text-decoration: none;
		}
		.sub .sub_wrap .table ul li .status {
			width: 55px;
			font-size: 14px;
			color: #ffa208;
			border-bottom: 2px solid #ffa208;
			text-align: center;
			float: left;
		}
		.sub .sub_wrap .table ul li .new {
			float: left;
		}
		.sub .sub_wrap .table ul li .jobtitle{
			width: 100%;
			height: 32px;
			margin-top: 23px;
			font-size: 14px;
			color: #262626;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: normal;
			line-height: 1.2; 
			text-align: left; 
			word-wrap: break-word; 
			display: -webkit-box; 
			-webkit-line-clamp: 2; 
			-webkit-box-orient: vertical;
		}
		.sub .sub_wrap .table ul li span{
			font-size: 12px;
			color: #b7b7b7;
			margin-top:15px;
			display: inline-block;
		}		
		.sub .sub_wrap .table ul li .job_bottom {
			width: 100%;
			display: flex;
			justify-content: space-between;
			margin-top:33px;
		} 
		.sub .sub_wrap .table ul li .job_bottom .date {
			font-size: 12px;
			color: #b7b7b7;
		}		
		.sub .sub_wrap .table ul li .job_bottom .mail {
			width: 20px;
			height: 14px;
			overflow: hidden;
		}
		.sub .sub_wrap .table ul li .job_bottom .mail img {
			width: 100%;
		}	 
		@media all and ( max-width:1075px ){
			.sub .sub_wrap .table ul li {
				width:29.333%;
				margin: 2%;
			}
		}
		@media all and ( max-width:900px ){		
			.sub .sub_wrap .table ul li {
				width: 46%;
				margin: 2%;
			}
		}
		@media all and ( max-width:700px ){		
			.sub .sub_wrap {
				padding: 60px 20px;
			}
			.sub .sub_wrap .jobs form {
				flex-direction: column;
				align-content: flex-start;
				align-items: flex-start;
			}
			.sub .sub_wrap .jobs .jobtab {
				width: 100%;
				max-width: 300px;
				margin-right: 0;
				margin-top: 10px;
			}
			.sub .sub_wrap .jobs .select_button {
				margin-top: 10px;
			}
		}
		@media all and ( max-width:450px ){	
			.sub .sub_wrap .table ul li {
				max-width: 100%;
				width: 100%;
				padding: 10px;
			}
			.sub .sub_wrap .table ul li span{ 
				margin-top: 10px;
			}			
			.sub .sub_wrap .table ul li .job_bottom {
				margin-top: 15px;
			}		
		}
/*마감START*/
		.sub .sub_wrap .table ul .end{
			background-color: #f0f0f0;
			border-bottom: 2px solid #7f7f7f;
			box-shadow: none;
		}
		.sub .sub_wrap .table ul .end .status {
			color: #7f7f7f;
			border-bottom: 2px solid #7f7f7f;
		}
		.sub .sub_wrap .table ul .end .jobtitle {
			color: #b7b7b7;
		}
		.sub .sub_wrap .table ul .end .job_bottom .mail img {
			margin-top:-14px;
		}			
/*마감END*/
		.sub .sub_wrap .page {
			width: 100%;
			max-width: 1130px;
			margin: 30px auto 0;
		}		
		.sub .sub_wrap .page ul {
			width: 100%;
			max-width: 490px;
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0 auto;
		}
		.sub .sub_wrap .page ul li {
			height: 16px;
			width: 16px;
			line-height: 16px;
			font-size: 16px;
			font-family: 'NanumGothic';
			cursor: pointer;
			color: #262626;
			padding: 6px;
		}
		.sub .sub_wrap .page ul li a {
			color: #262626;
			font-family: 'NanumGothic';
		}
		.sub .sub_wrap .page ul li:hover {
			color: #ffa208;
		}