@charset "utf-8";


/*----- 공통 -----*/

#sub_menu > ul > li{
	width:20%;
}

#sub_content.sub4 h1{
	width:350px;
}


/*----- 공통 -----*/


#sub_content.sub2 h1{
	width:450px;
}

#sub_content.sub2 h2{
	margin:50px 0 20px 0;
}


#sub_content2{
	overflow:hidden;
	margin-bottom:100px;
	font-size:1.2em;
}
#sub_content2 h1{
	margin:50px auto;
	padding:20px 0 5px 0;
	width:200px;
	font-size:2em;
	border-bottom:3px solid #a1a1a1;
	text-align:center;
}
#sub_content2.sub2 h1{
	width:450px;
}

#sub_content2.sub2 h2{
	margin:50px 0 20px 0;
}

#sub_content2 table{
	border-collapse:collapse;
}
#sub_content2 table td{
	/*text-align:center;*/
	padding:10px;
}



/*----- list -----*/

#list > li{
	display:grid;
	/*grid-template-columns:50px 750px 150px 150px 100px;*/
	grid-template-columns:2fr 15fr 3fr 3fr 3fr;
	border-bottom:1px solid #a7a7a7;
	padding:10px;
	text-align:center;
}

#list > li.list_top{
	border-top:1px solid #a7a7a7;
	background:#e7e7e7;
}

#list > li:nth-child(n+2) > div:nth-child(2){
	text-align:left;
}

/*-----jobInfo--------*/

#joblist > li{
	display:grid;
	/*grid-template-columns:50px 750px 150px 150px 100px;*/
	grid-template-columns:2fr 3fr 5fr 13fr 3fr;
	border-bottom:1px solid #a7a7a7;
	padding:10px;
	text-align:center;
}

#joblist > li.list_top{
	border-top:1px solid #a7a7a7;
	background:#e7e7e7;
}

#joblist > li > div:nth-child(4), #joblist > li > div:nth-child(3){
	text-align:left;
}




/*----- view -----*/

#view{
	border-top:1px solid #a7a7a7;
	padding-left: 0;
}

#view > li{
	display:grid;
	border-bottom:1px solid #a7a7a7;
}
#view > li > div{
	padding:10px;
	text-align:center;
}
#view > li > div:nth-child(odd){
	background:#e7e7e7;
}

#view > li:first-child{
	grid-template-columns:1fr 12fr;
}

#view > li:nth-child(2){
	grid-template-columns:3fr 10fr 3fr 10fr 3fr 10fr;
}
#view > li:nth-child(3){
	grid-template-columns:1fr 12fr;
}

#view > li:nth-child(4){
	text-align:left;
	padding:20px;
}

#view > li:first-child > div:last-child{
	font-size:1.3em;
	text-align:left;
}


#view > li:nth-child(3) > div:last-child{
	text-align:left;
}

/*----- write -----*/



#write{
	border-top:1px solid #a7a7a7;
    padding-left: 0;
}

#write > li{
	display:grid;
	border-bottom:1px solid #a7a7a7;
}
#write > li > div{
	padding:10px;
	text-align:center;
}


#write input[type=text], #write input[type=password]{
	font-size:1.1em;
	border:1px solid #a7a7a7;
	border-radius:5px;
}


#write input[type=text], #write input[type=password], #write textarea{
    padding-left: 10px;
}

#write textarea{
	width:100%;
	height:400px;
	font-size:1em;
	border:1px solid #a7a7a7;
	border-radius:5px;
}
#write > li:first-child{
	grid-template-columns:3fr 23fr;
}

#write > li:nth-child(2){
	grid-template-columns:3fr 10fr 3fr 10fr
}

#write > li:nth-child(3){
	grid-template-columns:3fr 10fr 3fr 10fr
}
#write > li:nth-child(4){
	text-align:left;
	padding:20px;
}
#write > li:last-child{
	grid-template-columns:3fr 23fr;
}

#write > li > div:nth-child(odd){
	background:#e7e7e7;
}
#write > li > div:nth-child(even){
	text-align:left;
}


#write > li:first-child > div:last-child{
	text-align:left;
	input[type=text]{
		width:100%;
	}
}



/*----- 버튼들 ------*/

#btn_box{
	margin:20px 0;
	overflow:hidden;
}

.board_btn{
	display:inline-block;
	padding:10px 30px;
	margin:0 10px;
	border-radius:10px;
}
.btn_color1{
	background:#0099ff;
	color:white;
}
.btn_color2{
	background:#e7e7e7;
	color:black;
}

.btn_align_left{
	float:left;
}

.btn_align_right{
	float:right;
}


/*----- secret ------*/
.secret {
	position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
}

.container_password{
	width:500px;
	margin:100px auto;
}
.container_password li{
	margin-bottom:20px;
}



/* 구인등록신청 */
.rr{
	color:red;
	font-weight:700;
}

	
#step1 input[type=text]{
	font-size:1.2em;
}

#step1 >  a{
	display:block;
	padding:20px;
	margin:20px 0;
	background-color:#e7e7e7;
	border-radius:10px;
	text-align:center;
	cursor:hand;
}
#step1 > table > tbody > tr > td > button{
	display:inline-block;
	padding:0 20px;
	margin-left: 20px;
	background-color:#ffcaca;
	border-radius:4px;
	text-align:center;
	cursor:hand;
	border-color: #e7e7e7;
    font-size: 1em;
}


#btnSubmit{
	display:block;
	padding:20px;
	margin:20px 0;
	background-color:#e7e7e7;
	border-radius:4px;
	text-align:center;
	cursor:hand;
	width: 100%;
	border-color: #e7e7e7;
    font-size: 1em;
}


#step1 table th{
	text-align:center;
	border:1px solid #808080;
}


#step1 table td{
	text-align:left;
	border:1px solid #808080;
}

h2{
	border:1px solid #e7e7e7;
	background-color:#f4f4f4;
	padding:10px;
	color:#999999;
}

h2 span{
	font-size:1rem;
	font-weight:500;
}

#step1 >  label{
	display:block;
	padding:20px;
	margin:20px 0;
	background-color:#e7e7e7;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
}

#step1 > input{
	display:none;
}
.chk{
	background-color:#0099ff;
	color:white;
}



/*----- write -----*/



#step1{
	/*border-top:1px solid #a7a7a7;*/
    padding-left: 0;
}

#step1 > li{
	display:grid;
	border-bottom:1px solid #a7a7a7;
}
#step1 > li > div{
	padding:10px;
	text-align:center;
}


#step1 input[type=text], #step1 input[type=password], #step1 input[type=number]{
	font-size:1.1em;
	border:1px solid #a7a7a7;
	border-radius:5px;
}


#step1 input[type=text], #step1 input[type=password], #step1 input[type=number], #step1 textarea{
    padding-left: 10px;
}

#step1 textarea{
	width:100%;
	height:100px;
	font-size:1em;
	border:1px solid #a7a7a7;
	border-radius:5px;
}


#step1 select{
	/*width:100%;
	height:100px;*/
	font-size:1em;
	border:1px solid #a7a7a7;
	border-radius:5px;
}



@media (max-width:1200px){
	

}