@charset "UTF-8";

article.main-content div.content nav {
	width : 600px;
	height : 40px;
	margin : 0px auto;
	position : relative;
	overflow-y : hidden;
	overflow-x : hidden;
}

article.main-content div.content nav div#nav-left {
	top : 0px;
	left : 0px;
	width : 36px;
	height : 28px;
	padding-top : 8px;
	display : none;
	position : absolute;
	text-align : center;
	background-color : #FFFFFF;
	border : 2px solid #909090;
	border-radius : 18px;
	font-size : 20px;
	cursor : pointer;
	z-index : 100;
}

article.main-content div.content nav div#nav-right {
	top : 0px;
	right : 0px;
	width : 36px;
	height : 28px;
	padding-top : 8px;
	display : none;
	position : absolute;
	text-align : center;
	background-color : #FFFFFF;
	border : 2px solid #909090;
	border-radius : 18px;
	font-size : 20px;
	cursor : pointer;
	z-index : 100;
}

article.main-content div.content nav ul#career-list {
	top : 0px;
	left : 0px;
	width : 600px;
	margin : 0px;
	padding : 10px 0px 10px 0px;
	position : absolute;
	list-style : none;
}

article.main-content div.content nav ul#career-list li {
	width : 100px;
	margin : 0px;
	padding : 0px;
	list-style-type : none;
	display : table-cell;
	text-align : center;
	font-size : 16px;
	font-weight : bold;
	cursor : pointer;
	border-bottom : none;
}

article.main-content div.content nav ul#career-list li.out {
	color : #000000;
	border-bottom : none;
}

article.main-content div.content nav ul#career-list li.over {
	color : #FF7F50;
	border-bottom : 2px solid #FF7F50;
}

article.main-content div.content nav ul#career-list li.checked {
	color : #FF7F50;
	border-bottom : none;
}


article.main-content div.content div#career-tables {
	width : 1000px;
	height : 500px;
	margin : 0px auto;
	padding : 0px 0px 0px 0px;
	position : relative;
	overflow-x : hidden;
}

article.main-content div.content div#career-tables table.career-table {
	width : 1000px;
	margin : 0px auto;
	margin-bottom: 20px;
	border:1px solid #217B39;
}

article.main-content div.content div#career-tables table.career-table caption {
	font-size : 14px;
	text-align : right;
	position: sticky;
	top: 0px;
	left: 0px;
	bottom: 20px;
	background-color : #FFFFFF;
}

article.main-content div.content div#career-tables table.career-table tr.over {
	background-color : #F8F6CA;
}

article.main-content div.content div#career-tables table.career-table th {
	padding : 10px;
	font-size : 14px;
	color : #FFFFFF;
	background-color : #217B39;
	border:1px solid #217B39;
position: sticky;
top: 21px;
&:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #217B39;
  border-bottom: 1px solid #217B39;
  z-index: -1;
}

}

article.main-content div.content div#career-tables table.career-table th.ste {
	width : 120px;
}

article.main-content div.content div#career-tables table.career-table th.ord {
	width : 220px;
}

article.main-content div.content div#career-tables table.career-table th.rcv {
	width : 180px;
}
article.main-content div.content div#career-tables table.career-table th.set {
	width : 140px;
}

article.main-content div.content div#career-tables table.career-table td {
	padding : 5px;
	font-size : 14px;
	border:1px solid #217B39;
}

@media (max-width : 375px) {

	article.main-content div.content nav div#nav-left {
		display : block;
	}

	article.main-content div.content nav div#nav-right {
		display : block;
	}

	article.main-content div.content nav {
		width : 372px;
	}

	article.main-content div.content nav ul#career-list {
		left : 38px;
	}

	article.main-content div.content div#career-tables {
		width : 375px;
		height : 850px;
	}

	article.main-content div.content div#career-tables table.career-table {
		width : 375px;
	}

	article.main-content div.content div#career-tables table.career-table th {
		font-size : 10px;
	}

	article.main-content div.content div#career-tables table.career-table th.ste {
		display : none;
	}

	article.main-content div.content div#career-tables table.career-table th.ord {
		width : 110px;
	}

	article.main-content div.content div#career-tables table.career-table th.rcv {
		width : 90px;
	}

	article.main-content div.content div#career-tables table.career-table td {
		font-size : 10px;
	}

	article.main-content div.content div#career-tables table.career-table td.ste {
		display : none;
	}

}