/*-- board list --*/


.bbs_wrap{}
.bbs_item{padding:10px 0;}
@media screen and (min-width:400px){
	.bbs_item{padding:10px;}
}


.bbs_box{padding:0;background:#fff;border:1px solid #eee}
.bbs_box.bbs_note .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;}
.bbs_img{background-size:100% auto;background-repeat:no-repeat;}
.bbs_img img{width:100%;height:auto}



.bbs_writer{color:#999;padding:10px 15px 7px 15px;font-size:12px}
.bbs_writer span{color:#ddd;font-size:10px;line-height:1;display:inline-block;vertical-align:middle;padding:0 5px}
.bbs_subject{font-size:17px;line-height:1;padding:0 15px 10px 15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bbs_subject i{font-size:12px;line-height:1;}

.bbs_summary{color:#999;margin-bottom:8px;font-size:12px;padding:5px 15px;height:42px;overflow:hidden}
.bbs_infor{text-align:right;padding:10px 15px;border-top:1px solid #eee}
.bbs_infor > span{font-size:12px;display:inline-block;color:#888;line-height:1;padding:0 5px;}
.bbs_none{text-align:center;padding:20px}





.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:bold;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:bold;border-bottom:1px solid #eee;margin-bottom:5px;padding-bottom:5px}
.border_comment_list_title{font-size:17px;font-weight:bold;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:bold;}
.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:bold;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}