.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:100%;
	max-width:1380px;
	margin:20px auto 80px;
}

#sjsp_board b * { font-weight:bold; }
#sjsp_board b span { font-weight:bold; }

#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 .title { color:#222; }

#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:85px;
	white-space:nowrap;
	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:flex;
	flex-wrap:wrap;
	padding-bottom:20px;
	border-bottom:1px solid #222;
	margin-top:20px;
	border-top:1px solid #e5e5e5;
}

#sjsp_board .galleryList li{
	vertical-align:middle;
	padding-top:20px;
}

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

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

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

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


#sjsp_board .galleryList li.td2{
	width:49%;
	margin-left:2%;
}

#sjsp_board .galleryList li.td2:nth-child(2n+1){
	margin-left:0px;
}

#sjsp_board .galleryList li.td3{
	width:33.3%;
	padding:2% 1%;
	box-sizing:border-box;

	/*
	margin-left:2%;
	*/
}

#sjsp_board .galleryList li.td3:nth-child(3n+1){
	margin-left:0px;
}


#sjsp_board .galleryList li.td4{
	width:24%;
	margin-left:1.333%;
}

#sjsp_board .galleryList li:nth-child(4n+1){
	margin-left:0px;
}


#sjsp_board .galleryList li.td1 .thum iframe{
	height:800px; 
}


#sjsp_board .galleryList li.td2 .thum iframe{
	height:380px; 
}


#sjsp_board .galleryList li.td3 .thum iframe{
	height:240px; 
}
#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:none; }










#sjsp_board .category{
	width:100%;
	border:1px solid #e5e5e5;
	margin-bottom:10px;
	padding:10px;
	box-sizing:border-box;
	font-size:0;
}

#sjsp_board .category { display:flex;
flex-wrap:wrap;
}

#sjsp_board .category li{
	display:inline-block;
	font-size:14px;
	color:#222;
	/*margin-right:20px;*/
	padding:0 5px;
	box-sizing:border-box;
	width:16.666%;
}

#sjsp_board .category li a { 
	display:block;
	padding:5px;
	font-size:14px;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#sjsp_board .category li a.on {
	color:#dc0000;
}

#sjsp_board .category li:hover { 
text-decoration:none;
	background:#eee;
}







#sjsp_board .board_list_title { font-size:20px; font-weight:normal; color:#111; padding:5px; margin-bottom:5px; }


#sjsp_board .category2{
	width:100%;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	border-left:0;
	border-right:0;
	margin-bottom:10px;
	padding:10px 20px;
	box-sizing:border-box;
	font-size:0;
}

#sjsp_board .category2 { display:flex;
flex-wrap:wrap;
	font-size:17px;
}


#sjsp_board .category2 span { 	font-size:17px; color:#555; padding:50px 0; text-align:center; display:block; width:100%; }

#sjsp_board .category2 li{
	display:inline-block;
	color:#222;
	/*margin-right:20px;*/
	padding:0px;
	box-sizing:border-box;
	width:calc(100% / 5);
}

#sjsp_board .category2 li a { 
position:relative;
	display:block;
	padding:5px 0 5px 15px;
	font-size:17px;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


#sjsp_board .category2 li a::after { position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:3px; content:""; display:block; background:#aaa; }

#sjsp_board .category2 li a.on {
	color:#dc0000;
}

#sjsp_board .category2 li:hover { 
text-decoration:none;
}