#board_list { margin-top:40px; }

.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;  }


#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; }

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

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



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