.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:98%;
	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;
}



#sjsp_board .boardView .contents{
	width:100%;
	padding:50px 20px;
	box-sizing:border-box;
	margin-bottom:50px;
}
#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%;
	margin-bottom:30px;
}

#sjsp_board .boardView .commentArea .commentForm li{
	width:100%;
}

#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 .commentForm .memo_list { 
	padding:30px ;
	border-bottom:1px solid #ccc;
	position:relative;
	width:100%; 
	font-size:18px;
	background:#f5f5f5;
}


#sjsp_board .boardView .commentArea .commentForm .memo_list:first-child { 
	border-top:1px solid #ccc;
}

#sjsp_board .boardView .commentArea .commentForm .memo_list strong span { 
	margin-left:10px; font-weight:normal; font-size:13px; 
	color:#999;
}

#sjsp_board .boardView .commentArea .commentForm .memo_list p { padding-right:50px; }

#sjsp_board .boardView .commentArea .commentForm .memo_list .btn_memo_del {
	position:absolute; right:30px; top:30px;
	color:#fff; background:rgba(0,0,0,0.3); width:20px; height:20px;
	text-align:center; border-radius:15px; font-size:15px;
	display:flex; align-items:center; justify-content:center; padding:0;
	z-index:9; margin:0;
}
#sjsp_board .boardView .commentArea .commentForm .memo_list .btn_memo_del:hover { 
	background:rgba(0,0,0,0.6); 
}

#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:32%;
	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: underline;}