#board_list { margin-top:40px; }

#board_list .infobox { display:flex; gap:10px; }

.jw-tableA { margin-top:10px; }
.jw-tableA tr { height:50px; }
.jw-tableA .num { width:100px; text-align:center; }
.jw-tableA .author { width:150px; text-align:center; }
.jw-tableA .date { width:150px; text-align:center; }
.jw-tableA .views { width:100px; text-align:center;  }
.jw-tableA .title { cursor:pointer; }
#board_list .controller { display:flex; justify-content:flex-end; gap:10px; }
#board_list .jw-button { width:100px; height:30px; --btn-bgcolor:#222; --btn-font-color:#fff; }
#board_list .sicon { margin-right:10px; font-size:12px; border-radius:5px; border: 1px solid #ff0000; color:#ff0000; padding:2px 10px; }

#board_read { margin-top:40px;  }

#board_read .board-title { height:60px; background:#F9F9F9; padding-left:16px; font-size:18px; font-weight:bold; display:flex; align-items:center; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#board_read .board-info { height:40px; display:flex; justify-content:flex-end; align-items:center; padding-right:16px; gap:21px; }
#board_read .board-info > span { position:relative; }

#board_read .board-info > span:not(:last-child):after { content:""; position:absolute; width:1px; height:16px; background:#D8D8D8; right:-10px; top:50%; transform:translateY(-50%); }
#board_read .board-attachments { background:#F5F8FA; min-height:64px; padding:18px 16px; display:flex; align-items:center; border-bottom: 1px solid #000; gap:21px; line-height:200%; }
#board_read .board-attachments h3 { font-size:18px; font-weight:bold; }
#board_read .board-content { line-height:180%; min-height:200px; border-bottom: 1px solid #D8D8D8; padding-top:50px; padding-bottom:50px; }

#board_read .jw-button { width:150px; height:40px; --btn-bgcolor:#222; --btn-font-color:#fff; }

#board_read ol { list-style:decimal; line-height:200%; margin-left:40px; }
#board_read ul { list-style:disc; line-height:200%; margin-left:40px; }


#board_update .controller { margin-top:40px; display:flex; justify-content:center; gap:10px; }
#board_update .jw-tableB { margin-top:20px; }
#board_update .jw-button { width:100px; height:30px; --btn-bgcolor:#222; --btn-font-color:#fff; }
#board_update input { height:100%; }
#board_update textarea { padding:20px; height:250px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#board_update #inputFilebox { display:flex; flex-direction:column; gap:5px; }
#board_update #inputFilebox .inputFile { height:28px; }
#board_update #inputFilebox .inputFile .value { position:relative; }
#board_update .field {  }



#board_password form { margin-top:40px; display:grid; gap:10px; width:100%; max-width:350px; place-self:center; }
#board_password form .field { height:40px; }
#board_password form .field input { width:100%; height:100%; border: 1px solid #ccc; padding-left:10px; -webkit-text-security: disc;  text-security: disc;}
#board_password form .jw-button { width:100%; height:40px; --btn-bgcolor:#222; --btn-font-color:#fff; }



@media screen  and  (max-width : 400px) {
	.num { display:none; }
}