.page_title {margin-top:80px;}

.bod_list {width:100%; border-collapse:collapse; border-top:1px solid #000; border-bottom:1px solid #000 }
.bod_list thead {border-bottom:1px solid #d9d9d9}
.bod_list th {padding:20px 0; font-weight:bold; color:#191919; font-size:18px}
.bod_list td {padding:20px 0; font-size:18px; border-bottom:1px solid #d9d9d9 }
.bod_list tr:last-child td {border-bottom:0}
.td_num {width:100px; text-align:center; color:#888}
.td_name {width:140px; text-align:center; color:#888}
.td_date {width:180px; text-align:center; color:#888}
.td_title a {font-size:20px; font-weight:500}
.bod_list .bod_item.bod_reply a {color:#1d5981}
.bod_list .bod_title {font-weight:500; color:#191919;}


.bod_view {}
.bod_view_top {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:30px 0; text-align:left}
.bod_view_top .bod_cate {color:#666; margin-bottom:10px; font-weight:500; font-size:16px;} 
.bod_view_top .bod_info {color:#888; margin-top:20px; font-size:16px;} 
.bod_view_top .bod_info span.name {margin-right:10px}
.bod_view_top .bod_file {margin-top:10px;}
.bod_view_top .bod_file span.file {color:#1d5981; text-decoration:underline; display:inline-block;margin-right:10px}
.bod_view_body {border-bottom:1px solid #d9d9d9; min-height:250px}
.img_slide_wrap {max-width:1000px; margin:50px auto}
.slick-slide img {margin:0 auto; width:100%; max-width:1000px}
.img_slide_wrap .slick-prev, .slick-next {background:#191919; width:50px; height:50px; border-radius:50%}
.bod_view_bottom {padding:40px 0}
.bod_view_bottom .list_btn {padding:15px; 20px; color:#fff; background:#191919; border-radius:0; font-size:18px}

#secret {position:absolute; width:200px; height:80px; z-index:1; left: 50%; top: 50%; transform:translate(-50%,-50%);visibility: hidden; border: 1px solid black; background: white}
#secret table {max-width:200px; width:80vw;}
#edit {position:absolute; width:200px; height:80px; z-index:1; left: 50%; top: 50%; transform:translate(-50%,-50%);visibility: hidden; border: 1px solid black; background: white}
#edit table {max-width:200px; width:80vw;}
#Del {position:absolute; width:200px; height:80px; z-index:1; left: 50%; top: 50%; transform:translate(-50%,-50%);visibility: hidden; border: 1px solid black; background: white}
#Del table {max-width:200px; width:80vw;}

@media all and (max-width: 991px) {
	.page_title {margin-top:50px;margin-bottom:0}

	.bod_list thead {display:none}
	.bod_list td {display:inline-block; font-size:16px}	
	.bod_list .td_num {width:20%; text-align:center; color:#888; border-bottom:0}
	.bod_list .td_title {width:80%; border-bottom:0}
	.td_title a  {font-size:18px;}
	.td_name {width:20%; text-align:center; color:#888}
	.td_date {width:80%; text-align:left; color:#888}

	.bod_subject {font-size:20px}
	.bod_view_bottom .list_btn {font-size:16px}
}
@media all and (max-width: 768px) {
	.bod_list {display:block; border-bottom:1px solid #d9d9d9}
	.bod_list tbody, .bod_list tr {display:block; width:100%; height:auto; overflow:hidden}
	.bod_list thead {display:none}
	.bod_list td {display:inline-block; float:left; font-size:16px;overflow:hidden}	
	.bod_list .td_num {width:12%; text-align:left; color:#888; border-bottom:0; padding-left:10px;}
	.bod_list .td_title {width:88%; border-bottom:0}
	.td_title a  {font-size:18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100%;}
	.td_name {width:20%; text-align:center; color:#888; text-align:left; padding-left:10px;}
	.td_date {width:80%; text-align:left; color:#888l; text-align:left;}

	.bod_subject {font-size:20px}
	.bod_view_bottom .list_btn {font-size:16px}
}