.paging_style { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  margin:10px 0; }
.paging_style span,
.paging_style a,
.paging_style strong { display:inline-block; padding:0px 3px; font-size:14px; white-space:nowrap; margin:0 0px; line-height:25px; height:25px;  min-width:25px; font-family:'Arial' ; text-align:center; letter-spacing:-1px; }
.paging_style strong { color:#fff; background:#aaa; }
.paging_style span { color:#999; }
.paging_style a { color:#444; }
.paging_style a:hover { background:#eee; }
.paging_style .paging_first,
.paging_style .paging_prev,
.paging_style .paging_next,
.paging_style .paging_end { margin:0; padding:0; opacity:0.5;  font-size:25px;line-height:22px; }
.paging_style .paging_first:hover,
.paging_style .paging_prev:hover,
.paging_style .paging_next:hover,
.paging_style .paging_end:hover { opacity:1; background:0; }


#sjsp_board{
	width:80%;
	margin:80px auto 80px;
}

#sjsp_board .titleLine{
	width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#sjsp_board .titleLine .title{
	font-size:24px;
	display:Inline-block;
}

/*
#sjsp_board .titleLine .searchArea{
	display:Inline-block;
	float:right;
	width:50%;
	text-align:right;
}
*/
#sjsp_board .titleLine .searchArea form{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#sjsp_board .titleLine .searchArea form *:not(:last-child){
    margin-right: 5px;
}

#sjsp_board .titleLine .searchArea .w20{
	display:inline-block;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	height:auto;
	padding:12px;
}

#sjsp_board .titleLine .searchArea .w30{
    font-size: 12px;
	display:inline-block;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	height:auto;
	
}

#sjsp_board .titleLine .searchArea .searchBTN{
	display:inline-block;
	background:#222;
	color:#fff;
	padding:10px;
	border:1px solid #222;
}

#sjsp_board .boardList{
	width:100%;
	margin-top:30px;
}

#sjsp_board .boardList table{
	width:100%;
	table-layout:fixed;
	border-top:1px solid #e5e5e5;

}

#sjsp_board .boardList table thead th{
	background:#f7f7f7;
}

#sjsp_board .boardList table th:first-child{
	border-left:1px solid #e5e5e5;
}

#sjsp_board .boardList table th{
	padding:12px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-weight:normal;
	font-family:'roboto','noto sans kr';
	font-size:15px;
}
#sjsp_board .boardList table td{
	padding:12px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-size:15px;
}


#sjsp_board .buttonList{
	width:100%;
	display:inline-block;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	
}

#sjsp_board .buttonList .leftArea{
	display:inline-block;
}



#sjsp_board .buttonList .rightArea{
	display:inline-block;
	float:right;
}


#sjsp_board .buttonList .bordBTN{
	width:80px;
	border:1px solid #222;
	text-align:center;
	display:inline-block;
	padding:10px;
	font-size:16px;
	color:#222;
	cursor:pointer;
}

#sjsp_board .buttonList .bordBTN a{
	color:#222;
}

#sjsp_board .buttonList .backBTN{
	width:80px;
	border:1px solid #222;
	background:#222;
	text-align:center;
	display:inline-block;
	padding:10px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
}

#sjsp_board .buttonList .backBTN a{
	color:#fff;
}




#sjsp_board .boardView{
	width:100%;
}

#sjsp_board .boardView .subjectArea{
	width:100%;
	background:#f7f7f7;
	padding:30px 20px 50px;
	box-sizing:border-box;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

#sjsp_board .boardView .subjectArea .flexBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#sjsp_board .boardView .subjectArea .date{
	font-family:'roboto','noto sans kr';
	font-size:14px;
}

#sjsp_board .boardView .subjectArea .subject{
	font-size:20px;
	color:#222;
}

#sjsp_board .boardView .subjectArea .opList{
	width:100%;
	margin-top:5px;
    padding: 0;
}

#sjsp_board .boardView .subjectArea .opList li{
	display:inline-block;
	font-size:14px;
	margin-right:10px;
	color:#777;
}

#sjsp_board .boardView .contents{
	width:100%;
	padding:50px 20px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
}



#sjsp_board .boardView .contents{
	width:100%;
	padding:50px 20px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
}
#sjsp_board .boardView  li{
	list-style:none;
}


#sjsp_board .boardView .commentArea{
	width:100%;
	border-bottom:1px solid #222;
	padding-bottom:20px;
	padding-top:10px;
}

#sjsp_board .boardView .commentArea .commentForm{
	width:100%;
	padding-top:10px;
}

#sjsp_board .boardView .commentArea .commentForm li{
	width:100%;
	margin-top;10px;
}

#sjsp_board .boardView .commentArea .commentForm li .w48{
	width:48.8%;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	margin-left:2%;
	padding:10px;
}

#sjsp_board .boardView .commentArea .commentForm li .w100{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:10px;
	margin-top:10px;
}


#sjsp_board .boardView .commentArea .commentForm li .w48:first-child{
	margin-left:0%;
}


#sjsp_board .boardView .commentArea .commentSubmit{
	width:100%;
	text-align:right;
}

#sjsp_board .boardView .commentArea .commentSubmit .commentSubmitBTN{
	display:inline-block;
	padding:10px 20px;
	background:#222;
	color:#fff;
	margin-top:10px;
}



#sjsp_board .boardWrite{
	width:100%;
	border-top:1px solid #e5e5e5;
}


#sjsp_board .boardWrite .formList li{
	width:100%;
	margin-top:20px;
	font-size:14px;
}

#sjsp_board .boardWrite .formList li input{
	margin-top:10px;
}
#sjsp_board .boardWrite .formList li span{
	margin-top:10px;
	display:inline-block;
	vertical-align:Middle;
	margin-left:5px;
}

#sjsp_board .boardWrite .formList li label{
	font-size:15px;
	display:block;
}

#sjsp_board .boardWrite .formList li .w30{
	width:30%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:10px;
	height:auto;
	vertical-align:middle;
}

#sjsp_board .boardWrite .formList li .w100{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:10px;
	height:auto;
}


#sjsp_board .boardWrite .commentSubmit{
	width:100%;
	text-align:center;
	margin-top:50px;
}

#sjsp_board .boardWrite .commentSubmit .commentSubmitBTN{
	display:inline-block;
	padding:15px 50px;
	background:#222;
	color:#fff;
	font-size:18px;
	border:0;
}

#sjsp_board .galleryList{
	width:100%;
	display:Inline-block;
	padding-bottom:20px;
	border-bottom:1px solid #222;
	margin-top:20px;
	border-top:1px solid #e5e5e5;
	padding-top:20px;
}

#sjsp_board .galleryList li{
	width:406px;
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
}

#sjsp_board .galleryList li:nth-child(3n+1){
	margin-left:0px;
}
#sjsp_board .galleryList li .thum{
	width:406px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sjsp_board .galleryList li .thum img{
	width:100%;
}

#sjsp_board .galleryList li .subject{
	width:100%;
	margin-top:10px;
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}




#sjsp_board .buttonArea{
	width:100%;
	margin-top:50px;
	padding-top:50px;
	border-top:1px solid #e5e5e5;
	box-sizing:border-box;
	text-align:center;
}

#sjsp_board .buttonArea .cancle{
	width:200px;
	background:#e5e5e5;
	padding:15px 0px;
	font-size:16px;
	text-align:center;
	color:#222;
	display:inline-block;
}

#sjsp_board .buttonArea .cancle a{
	color:#222;
}


#sjsp_board .buttonArea .save{
	width:200px;
	background:#222;
	padding:15px 0px;
	font-size:16px;
	text-align:center;
	color:#fff;
	display:inline-block;
}

#sjsp_board .buttonArea .save a{
	color:#fff;
}




#sjsp_board  a:active {  text-decoration: none}
#sjsp_board  a:visited, a:link{ text-decoration:none;color:#000;}
#sjsp_board  a:hover {  text-decoration: underline;}