.fieldfile { display:grid; gap:10px; grid-template-columns:1fr 120px ; }
.fieldfile .buttonwrap { display:flex; justify-content:center; align-items:flex-end; padding-bottom:5px; }

.fieldfile .jw-button { min-width:100px; height:48px; }
#inputFile-wrap { display:flex; flex-direction:column; gap:5px; }


.jw-board-list { width:min(1280px, calc(100% - 40px)); margin:0 auto; padding:20px 0 40px; }
.jw-board-list .board-list { border-top:0; }
.jw-board-list .board-list .jw-tableA { border-top:1px solid #222; }
.jw-board-list .board-list .jw-tableA th { height:52px; background:#fff; border-top:0; border-bottom:1px solid #dcdcdc; font-size:16px; font-weight:600; }
.jw-board-list .board-list .jw-tableA td { height:56px; border-bottom:1px solid #e9e9e9; font-size:15px; color:#333; }
.jw-board-list .board-list .jw-tableA .board-subject { padding:0 10px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.jw-board-list .board-list .jw-tableA .board-subject-inner { display:flex; align-items:center; gap:8px; min-width:0; }
.jw-board-list .board-list .jw-tableA .board-subject-inner > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jw-board-list .board-list .jw-tableA .board-subject-inner .new { display:inline-flex; align-items:center; justify-content:center; height:18px; padding:0 6px; border-radius:9px; background:#ff4d4f; color:#fff; font-size:11px; font-style:normal; font-weight:normal; line-height:1; letter-spacing:.2px; }
.jw-board-list .board-list .jw-tableA .board-row { cursor:pointer; }
.jw-board-list .board-bottom { margin-top:20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.jw-board-list .board-bottom .jw-pagebox { margin-top:0; flex:1; }
.jw-board-list .board-bottom .jw-pagebox > .info.right { min-width:0; }
.jw-board-list .board-bottom .board-write .jw-button { min-width:100px; }
.jw-board-list .empty { border:1px solid #e7dfd9; border-radius:16px; background:#fff; padding:90px 20px; box-shadow:0 10px 30px rgba(0,0,0,.04); }
.jw-board-list .empty-inner { display:flex; flex-direction:column; align-items:center; }
.jw-board-list .empty-title { font-size:20px; font-weight:700; color:#2a2320; }
.jw-board-list .empty-desc { margin-top:10px; font-size:14px; color:#9a8f85; }
.jw-board-list .empty-actions { margin-top:22px; }


/* ################################################# read #############################################*/
#board_read { max-width: 900px; margin: 20px auto 0 auto; padding: 18px 0 60px 0; width: 100%; }
#board_read > h1 { margin: 0; padding: 10px 0 12px 0; font-size: 24px; font-weight: 700; letter-spacing: -0.3px; line-height: 1.25; color: #111; display: block; }
#board_read > h2 { margin: 20px 0 0 0; font-size: 20px; font-weight: 500; display: flex; justify-content: center; align-items: center; }

#board_read .board-info { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 20px; padding: 10px 0 16px 0; border-bottom: 1px solid rgba(0,0,0,.12); color: rgba(0,0,0,.55); font-size: 12px; }
#board_read .board-info span { display: inline-flex; align-items: center; }
#board_read .board-info span + span::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: rgba(0,0,0,.25); margin: 0 10px; }

#board_read .board-attachments { margin: 18px 0 0 0; padding: 16px 16px; border: 1px solid rgba(0,0,0,.08); border-radius: 12px; background: rgba(0,0,0,.02); }
#board_read .board-attachments h3 { margin: 0 0 10px 0; font-size: 14px; font-weight: 800; color: #111; }
#board_read .board-attachments ul { margin: 0; padding: 0 0 0 16px; }
#board_read .board-attachments li { margin: 6px 0; padding: 0; }
#board_read .board-attachments a { color: #2b6cff; text-decoration: none; word-break: break-all; }
#board_read .board-attachments a:hover { text-decoration: underline; }

#board_read .board-content { margin: 18px 0 0 0; padding: 18px 18px; border: 1px solid rgba(0,0,0,.08); border-radius: 12px; background: #fff; line-height: 2; color: rgba(0,0,0,.86); font-size: 14px; }
#board_read .board-content h1 { border-left: 5px solid #999; padding-left: 20px; display: block; font-size: 20px; font-weight: 700; margin: 20px 0; color: #222; }
#board_read .board-content h2 { margin: 24px 0 10px 0; font-size: 18px; font-weight: 600; color: #444; }
#board_read .board-content p { margin: 20px 0; font-size: 14px; }
#board_read .board-content .summery { background-color: #f0f4f8; font-style: italic; color: #2a2a2a; padding: 20px; border-radius: 12px; }
#board_read .board-content .summary { background-color: #f0f4f8; font-style: italic; color: #2a2a2a; padding: 20px; border-radius: 12px; }
#board_read .board-content .conclusion { font-weight: 500; background-color: #f9f9f9; padding: 16px; border-top: 1px solid rgba(0,0,0,.18); border-bottom: 1px solid rgba(0,0,0,.18); color: #1e1e1e; border-radius: 12px; }
#board_read .board-content img { max-width: 100%; height: auto; display: block; border-radius: 10px; margin: 10px auto; }
#board_read .board-content pre { margin: 16px 0; padding: 14px 14px; border: 1px solid rgba(0,0,0,.10); border-radius: 12px; background: rgba(0,0,0,.03); overflow: auto; }
#board_read .board-content code { padding: 2px 6px; border-radius: 8px; background: rgba(0,0,0,.05); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 13px; }
#board_read .board-content pre code { padding: 0; background: transparent; border-radius: 0; display: block; white-space: pre; }

#board_read .board-controller { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 18px 0 0 0; }
#board_read .board-controller button { width: 90px; height: 35px; }

form[name='comment-form'] .actions { margin-top:10px; display:flex; justify-content:flex-end; align-items:center; gap:10px; }
form[name='comment-form'] .actions button { height:30px; padding:0 10px; font-size:12px; }
form[name='comment-form-sub'] .actions { margin-top:10px; display:flex; justify-content:flex-end; align-items:center; gap:10px; }
form[name='comment-form-sub'] .actions button { height:30px; padding:0 10px; font-size:12px; }

.board-comment-list { display:flex; flex-direction:column; gap:20px; }
.board-comment-list .comment { display:flex; flex-direction:column; gap:5px; }
.board-comment-list .user-info { font-size:11px; color:#999; }
.board-comment-list .actions { display:flex; align-items:center; gap:10px; }
.board-comment-list .actions button { height:25px; padding:0 10px; font-size:12px; }

#board_password { max-width: 520px; margin: 80px auto; padding: 30px; border: 1px solid rgba(0,0,0,.10); border-radius: 16px; background: #fff; }
#board_password .title { font-size: 22px; font-weight: 700; color: #222; margin: 0 0 10px 0; }
#board_password .desc { font-size: 14px; color: #666; margin: 0 0 20px 0; }
#board_password .field { margin: 0 0 20px 0; }
#board_password input[type="password"] { width: 100%; height: 44px; padding: 0 14px; border: 1px solid rgba(0,0,0,.18); border-radius: 10px; font-size: 14px; outline: 0; box-sizing: border-box; }
#board_password input[type="password"]:focus { border-color: rgba(0,0,0,.45); }
#board_password .controller { display:flex; gap:10px; justify-content:flex-end; }



#board_update { width:100%; max-width:900px; place-self:center; }

.jw-tableB td input { height:100%; }
.jw-tableB td input:focus { box-shadow:none; border:0; outline:none;  }
.jw-tableB .field { display:flex; align-items:center; gap:10px; }

.inputFile .value { width:320px; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  word-break: break-all; }

@media (max-width: 700px) {
	.jw-board-list { width:calc(100% - 24px); padding:16px 0 36px; }
	.jw-board-list .board-list .jw-tableA th { font-size:13px; }
	.jw-board-list .board-list .jw-tableA td { font-size:13px; }
	.jw-board-list .board-bottom { flex-direction:column; align-items:stretch; }
	.jw-board-list .board-bottom .board-write { display:flex; justify-content:flex-end; }
	.jw-board-list .empty { padding:70px 14px; }
	.jw-board-list .empty-title { font-size:18px; }
	#board_read { padding: 12px 0 50px 0; }
	#board_read > h1 { font-size: 22px; }
	#board_read .board-content { padding: 14px 14px; }
	#board_read .board-attachments { padding: 14px 14px; }
	#board_read .board-comment-list { padding: 12px 12px; }
	form[name='comment-form'] { flex-direction: column; align-items: stretch; }
	form[name='comment-form'] button { width: 100%; height: 46px; }
	form[name='comment-form-sub'] { flex-direction: column; align-items: stretch; }
	form[name='comment-form-sub'] button { width: 100%; height: 46px; }
}
/* ################################################# update #############################################*/