#board-form { padding:20px; background:#fff; border-radius:10px; }

.controller {  }

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

.jw-board-gallery-list { margin-top: 10px; }
.jw-board-gallery-grid { display:grid; grid-template-columns:repeat(1, minmax(0, 1fr)); gap:10px; }
.jw-board-gallery-item { text-align: center; }
.jw-board-gallery-thumb { position:relative; height:150px; overflow:hidden; background:#f3f4f6; }
.jw-board-gallery-thumb img, .jw-board-gallery-thumb .no-thumb { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; }
.jw-board-gallery-thumb iframe, .jw-board-gallery-thumb video { position:absolute; top:0; left:0; width:100%; height:100%; }
.jw-board-gallery-thumb .jw-thumb-video { width:100%; height:100%; object-fit:cover; display:block; }

.jw-board-gallery-thumb .no-thumb-media { display:flex; align-items:center; justify-content:center; font-size:12px; color:#fff; background:#111827; }
.jw-board-gallery-thumb .no-thumb { display: flex; align-items: center; justify-content: center; font-size: 12px; color: #9ca3af; }
.jw-board-gallery-info { padding-top: 10px; }
.jw-board-gallery-title a { font-size: 14px; font-weight: 600; color: #111827; text-decoration: none; }
.jw-board-gallery-title a:hover { text-decoration: underline; }
.jw-board-gallery-meta { margin-top: 4px; font-size: 12px; color: #6b7280; }
.jw-board-gallery-meta .meta-sep { margin: 0 4px; }



@media (min-width:640px) { .jw-board-gallery-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (min-width:960px) { .jw-board-gallery-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (min-width:1200px) { .jw-board-gallery-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); } }


.jw-board-view-title { font-size:20px; margin:0 0 10px; }

.jw-board-view-meta {
    padding:8px 12px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-size:13px;
	background:#F4F4F4;
}
.jw-board-view-cat { font-weight:600; margin-right:20px; }
.jw-board-view-label { margin:0 6px 0 20px; color:#777; }
.jw-board-view-email { margin-left:6px; color:#555; }
.jw-board-view-views { font-weight:600; }
.jw-board-view-content { padding:20px 0; min-height:200px; }
.jw-board-view-attach { margin-top:15px; }
.jw-board-view-attach-label { display:inline-block; margin-right:10px; }
.jw-board-view-controller { margin-top:20px; }
.jw-board-view-comments { margin-top:30px; }

.jw-board-view { padding:20px; background: #fff; color:222; }
.jw-board-view > h2 { font-size: 22px; font-weight: 700; color: #111; }
.jw-board-view .content { margin-top: 10px; }
.jw-board-view section { margin: 20px 0; }
.jw-board-view section h2 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: #222; }
.jw-board-view p { margin: 8px 0; }
.jw-board-view ul, .jw-board-view ol { margin: 8px 0 8px 20px; padding: 0; }
.jw-board-view li { margin: 4px 0; }
.jw-board-view blockquote { margin: 10px 0; padding: 10px 12px; border-left: 3px solid #ccc; background: #f9f9f9; color: #444; }
.jw-board-view a:not(.jw-button) { color: #2563eb; text-decoration: none; }
.jw-board-view a:not(.jw-button):hover { text-decoration: underline; }
.jw-board-view hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; }
.jw-board-view img, .jw-board-view video { max-width: 100%; height: auto; }
.jw-board-view .wp-video { width: 100% !important; max-width: 100%; height: auto !important; }
.jw-board-view .wp-video video { width: 100% !important; height: auto !important; }

.jw-board-view table { width: 100%; border-collapse: collapse; margin: 10px 0; background: #fff; border: 1px solid #ddd; }
.jw-board-view th, .jw-board-view td { padding: 8px 10px; border: 1px solid #ddd; text-align: left; }
.jw-board-view thead th { background: #f5f5f5; }

.jw-board-view h1 { font-size:24px; font-weight:bold; }
.jw-board-view h2 { font-size:20px; font-weight:bold; }
.jw-board-view h3 { font-size:18px; font-weight:bold; }
.jw-board-view h4 { font-size:16px; font-weight:bold; }


@media (max-width:600px) { 
	.jw-board-view { padding:0; } }
	iframe[src*="youtube.com"] { width: 100% !important; height: auto; aspect-ratio: 16 / 9; }
}