/*-- board list --*/
.board_list_box{}
.border_list_table{width:100%;max-width:100%;margin-bottom:15px;}
.border_list_table th, .border_list_table td{padding:8px;border-bottom:1px solid #eee;}
.border_list_table thead tr td {border-top:2px solid #eee;border-bottom:3px double #ddd;}
.border_list_table thead tr td.bbs_num {width:60px;}


.border_list_table tbody tr td.none-content{padding-top:70px;padding-bottom:80px;}
.border_list_table tbody tr td.bbs_subject span{background:#f39800;border-radius:4px;color:#fff;line-height:1;padding:2px 3px;margin-right:5px;font-size:11px;display:inline-block;vertical-align:middle;}
.border_list_table tbody tr td.bbs_subject{text-align:left;}


/*-- 모바일 페이지 에서 감추기*/
@media screen and (max-width:400px){
	.border_list_table thead tr td {border-top:1px solid #eee;border-bottom:3px double #ddd;}
	.border_list_table thead tr td.mobile-hidden, .border_list_table tbody tr td.mobile-hidden{display:none}
}



.board_search_box{padding-top:40px;}
.board_paging_box{margin-top:10px;border-top:1px solid #ddd}
/* 페이저*/
.board_paging_box > .pager > li > a, .pager > li > span{border-color:#ddd;background:#eee;color:#333}
.board_paging_box > .pager li > a:hover, .pager li > a:focus{background-color:#ccc;}

/* 페이징 */
.board_paging_box > .pagination > li > a, .board_paging_box > .pagination > li > span{color:#333;border-color:#eee;}
.board_paging_box > .pagination > li:first-child > a, .board_paging_box > .pagination > li:first-child > span{margin-left:0;}
.board_paging_box > .pagination > li > a:hover, .board_paging_box > .pagination > li > span:hover,
.board_paging_box > .pagination > li > a:focus, .pagination > li > span:focus{color:#333;background-color:#eee;border-color:#ddd;z-index:2}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus{z-index:1;color:#333;cursor:default;background-color:#ddd;border-color:#ddd;}


/*-- board view --*/
.board_view_wrap{background:#fff;margin-bottom:25px}
.border_view_box{background:#fff}
.border_view_title{font-size:22px;font-weight:700;padding:0 0 5px 0;border-bottom:1px solid #eee}
.border_view_option{color:#b6b6b6;padding:10px 0;text-align:right;border-bottom:1px solid #eee}
.border_view_option span{margin-left:10px;font-size:12px}
.border_view_sns{text-align:right;margin-top:8px}
.border_view_sns .snsbtn{background:#aaa;text-align:center;width:28px;height:28px;border-radius:50%;color:#fff;line-height:32px;font-size:16px;margin-left:5px}
.border_view_content{padding:20px 0}



.border_view_black{height:30px}
.border_view_file{border:1px solid #eee;background:#f9f9f9;padding:15px}
.border_view_file li{padding:2px}

.border_view_file span{margin-right:5px}
.border_view_file span.file,.border_view_file span.down {font-size:12px;color:#aaa}
.border_view_file a{margin-right:5px;margin:0;padding:0}

.border_view_btn{font-size:0;text-align:center;border-top:1px solid #eee;padding-top:10px;margin-top:5px}

.board_write_wrap{background:#fff;margin-bottom:25px}




/*-- board comment --*/
.border_comment_box{margin-top:30px;}
.border_comment_title{font-size:17px;font-weight:700;border-bottom:1px solid #eee;margin-bottom:5px;padding-bottom:5px}
.border_comment_list_title{font-size:17px;font-weight:700;border-bottom:1px solid #eee;margin-top:20px;padding-bottom:5px}

.border_comment_write{background:#f9f9f9;padding:8px;border:1px solid #eee}
.border_comment_write div{padding:3px 0;display:table;width:100%}
.border_comment_write div label{display:table-cell;vertical-align:middle;width:50px;}

.board_comment_list{}
.board_comment_list ul{border-bottom:1px solid #eee;padding:12px 5px}
.board_comment_list ul li.subject{font-size:14px;font-weight:700;}
.board_comment_list ul li.writer{padding-bottom:8px;font-size:12px;}
.board_comment_list ul li.writer span{display:inline-block;padding-right:10px}
.board_comment_list ul li.writer span.date{font-family:"arial";color:#aaa}

.board_non_comment{height:100px;text-align:center}

/*-- board comment paging --*/
.comment_paging{margin-top:15px}
.comment_paging div{border:1px solid #eee;border-radius:10px;box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);overflow:hidden;display:inline-block;margin:0 auto;}
.comment_paging div span{border-right:1px solid #eee;display:inline-block;float:left;color:#7e7e7e;padding:6px 10px;cursor:pointer;line-height:1em}
.comment_paging div span:last-child{border-right:none;}
.comment_paging div span.active{color:#e24536;}
.comment_paging div span:hover{box-shadow:inset 0 0 8px #b84030;background:#e24536;color:#fff}
.comment_paging div span.block{background:#f5f5f5;color:#ccc;box-shadow:none}

/*-- board file --*/
.board_file_box{border:1px solid #eee;background:#f9f9f9;padding:15px}
.upload_input{}
.board_file_result_box{margin:10px 0;border:1px solid #eee;background:#fff;color:#777;padding:10px;text-align:center}
.board_file_list_box{border:1px solid #eee;background:#fff;padding:10px}
.board_file_list{width:100%}
.board_file_list tr{border-bottom:1px solid #eee}
.board_file_list tr td{padding:5px;text-align:left}

.board_file_list tr td img{width:30px}
.board_file_list tr td.b_img{width:40px}
.board_file_list tr td.b_delete{width:60px}
.board_file_list tr td.b_editor{width:110px}
.board_file_list tr td.b_size{width:80px}




.spam_code{border:1px solid #ddd;vertical-align:middle;padding:3px 10px;font-size:16px;font-weight:700;color:#007c3d;}

/*-- 비밀번호 확인 --*/
.board_pwd_box{display:none;width:100%;height:100%;z-index:100;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);text-align:center}
.pwd_box_block{width:400px;max-width:80%;display:inline-block;position:relative;top:35%;margin:0 auto;background:#fff;padding:10px;border-radius:10px;}
.board_pwd_btngroup{padding:10px;font-size:0}