#bskr-list{
	--bl-border:#dee2e6;
	--bl-soft:#f8f9fa;
	--bl-text:#212529;
	--bl-muted:#6c757d;
	--bl-primary:#0d6efd;
}

#bskr-list .bskr-list-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
	margin-bottom:18px;
	padding:16px 18px;
	border:1px solid var(--bl-border);
	border-radius:16px;
	background:#fff;
}

#bskr-list .bskr-list-info{
	font-size:.95rem;
	color:var(--bl-muted);
}

#bskr-list .bskr-list-info strong{
	color:var(--bl-text);
}

#bskr-list .bskr-list-actions{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

#bskr-list .bskr-gallery{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:20px;
}

#bskr-list .bskr-gallery-item{
	background:#fff;
	border:1px solid var(--bl-border);
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 0.25rem 1rem rgba(0,0,0,.04);
	transition:transform .2s ease, box-shadow .2s ease;
}

#bskr-list .bskr-gallery-item:hover{
	transform:translateY(-4px);
	box-shadow:0 0.75rem 1.25rem rgba(0,0,0,.08);
}

#bskr-list .bskr-gallery-link{
	display:block;
	text-decoration:none;
	color:inherit;
}

#bskr-list .bskr-thumb{
	position:relative;
	aspect-ratio:4 / 3;
	background:#f1f3f5;
	overflow:hidden;
}

#bskr-list .bskr-thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

#bskr-list .bskr-thumb-empty{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#adb5bd;
	font-size:2rem;
}

#bskr-list .bskr-card-body{
	padding:12px 14px 14px;
}

#bskr-list .bskr-card-title{
	font-size:.95rem;
	font-weight:600;
	line-height:1.5;
	color:var(--bl-text);
	margin:0;
	word-break:break-word;
}

#bskr-list .bskr-card-meta{
	margin-top:8px;
	font-size:.82rem;
	color:var(--bl-muted);
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

#bskr-list .bskr-empty{
	padding:48px 20px;
	text-align:center;
	color:var(--bl-muted);
	background:#fff;
	border:1px solid var(--bl-border);
	border-radius:16px;
}

#bskr-list .bskr-bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
	margin-top:22px;
}

#bskr-list .bskr-bottom-left,
#bskr-list .bskr-bottom-right{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}

#bskr-list .bskr-pagebox{
	margin-top:18px;
	text-align:center;
}

#bskr-list .bskr-searchform{
	margin-top:22px;
	padding:18px;
	border:1px solid var(--bl-border);
	border-radius:16px;
	background:#fff;
}

#bskr-list .dropdown-menu{
	min-width:220px;
}

@media (max-width: 991.98px){
	#bskr-list .bskr-gallery{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px){
	#bskr-list .bskr-gallery{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:14px;
	}
	#bskr-list .bskr-list-top,
	#bskr-list .bskr-searchform{
		padding:14px;
	}
}

@media (max-width: 575.98px){
	#bskr-list .bskr-gallery{
		grid-template-columns:1fr 1fr;
	}
	#bskr-list .bskr-card-body{
		padding:10px 12px 12px;
	}
	#bskr-list .bskr-card-title{
		font-size:.9rem;
	}
}
#bskr-view{
	--bv-border:#dee2e6;
	--bv-soft:#f8f9fa;
	--bv-text:#212529;
	--bv-muted:#6c757d;
	--bv-primary:#0d6efd;
	--bv-danger:#dc3545;
	--bv-warning:#ffc107;
	--bv-success:#198754;
}

#bskr-view .viewbox{
	background:#fff;
	border:1px solid var(--bv-border);
	border-radius:18px;
	box-shadow:0 .25rem 1rem rgba(0,0,0,.04);
	overflow:hidden;
}

#bskr-view .header{
	padding:24px;
	border-bottom:1px solid var(--bv-border);
}

#bskr-view .header-top{
	display:flex;
	align-items:flex-start;
	gap:16px;
}

#bskr-view .icon{
	width:56px;
	height:56px;
	border-radius:50%;
	overflow:hidden;
	flex:0 0 56px;
	background:#f1f3f5;
	border:1px solid #e9ecef;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}

#bskr-view .icon img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

#bskr-view .icon .fa-user{
	font-size:1.25rem;
	color:#adb5bd;
}

#bskr-view .subject{
	flex:1 1 auto;
	min-width:0;
}

#bskr-view .subject h1{
	margin:0;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.45;
	color:var(--bv-text);
	word-break:keep-all;
}

#bskr-view .subject .cat{
	color:var(--bv-primary);
}

#bskr-view .notice-badge{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-right:8px;
	padding:4px 10px;
	border-radius:999px;
	background:#fff3cd;
	color:#856404;
	font-size:.85rem;
	font-weight:700;
	vertical-align:middle;
}

#bskr-view .info{
	margin-top:14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
}

#bskr-view .xleft{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	font-size:.92rem;
	color:var(--bv-muted);
}

#bskr-view .xleft .split{
	color:#adb5bd;
}

#bskr-view .xright{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

#bskr-view .xright ul{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
}

#bskr-view .xright li{
	margin:0;
}

#bskr-view .xright a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:7px 10px;
	border:1px solid var(--bv-border);
	border-radius:10px;
	background:#fff;
	color:#495057;
	text-decoration:none;
	font-size:.875rem;
}

#bskr-view .xright a:hover{
	background:#f8f9fa;
}

#bskr-view .font-tools{
	display:flex;
	align-items:center;
	gap:6px;
}

#bskr-view #fontface{
	position:relative;
}

#bskr-view #fontface ul{
	position:absolute;
	right:0;
	top:100%;
	z-index:20;
	min-width:140px;
	margin:6px 0 0;
	padding:0;
	list-style:none;
	background:#fff;
	border:1px solid var(--bv-border);
	border-radius:12px;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.12);
	overflow:hidden;
}

#bskr-view #fontface li{
	padding:10px 12px;
	cursor:pointer;
	font-size:.9rem;
}

#bskr-view #fontface li:hover{
	background:#f8f9fa;
}

#bskr-view .content{
	padding:28px 24px;
	color:var(--bv-text);
	line-height:1.8;
	word-break:break-word;
}

#bskr-view .content img{
	max-width:100%;
	height:auto;
}

#bskr-view .hidden-content{
	padding:16px 18px;
	margin-bottom:18px;
	border:1px solid #f5c2c7;
	background:#fff5f5;
	color:#842029;
	border-radius:14px;
}

#bskr-view .scorebox,
#bskr-view .tag,
#bskr-view .attach,
#bskr-view .snsbox{
	margin-top:24px;
	padding-top:18px;
	border-top:1px solid var(--bv-border);
}

#bskr-view .scorebox{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

#bskr-view .tag{
	color:var(--bv-muted);
}

#bskr-view .tag a{
	display:inline-flex;
	align-items:center;
	margin:0 6px 6px 0;
	padding:6px 10px;
	border-radius:999px;
	background:#f1f3f5;
	color:#495057;
	text-decoration:none;
	font-size:.875rem;
}

#bskr-view .tag a:hover{
	background:#e9ecef;
}

#bskr-view .attach ul{
	list-style:none;
	padding:0;
	margin:0;
}

#bskr-view .attach li{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	padding:8px 0;
	border-top:1px dashed #e9ecef;
}

#bskr-view .attach li:first-child{
	border-top:0;
	padding-top:0;
}

#bskr-view .attach a{
	text-decoration:none;
}

#bskr-view .attach .size,
#bskr-view .attach .down{
	color:var(--bv-muted);
	font-size:.88rem;
}

#bskr-view .snsbox{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

#bskr-view .sns-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	border:1px solid var(--bv-border);
	border-radius:10px;
	background:#fff;
	cursor:pointer;
	font-size:.9rem;
}

#bskr-view .bottom{
	margin-top:18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:10px;
}

#bskr-view .bottom-left,
#bskr-view .bottom-right{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

#bskr-view .comment{
	margin-top:20px;
	padding:14px 18px;
	border:1px solid var(--bv-border);
	border-radius:14px;
	background:#fff;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
}

#bskr-view .comment a{
	text-decoration:none;
	font-weight:600;
}

#bskr-view .comment .icon1{
	display:none;
}

#bskr-view .comment-frame{
	margin-top:12px;
}

@media (max-width: 767.98px){
	#bskr-view .header,
	#bskr-view .content{
		padding:18px 16px;
	}
	#bskr-view .header-top{
		gap:12px;
	}
	#bskr-view .icon{
		width:46px;
		height:46px;
		flex-basis:46px;
	}
	#bskr-view .subject h1{
		font-size:1.2rem;
	}
}
#bskr-write,
#bbswrite{
	--bw-border:#dee2e6;
	--bw-soft:#f8f9fa;
	--bw-text:#212529;
	--bw-muted:#6c757d;
	--bw-primary:#0d6efd;
}

#bskr-write .bskr-write-card,
#bbswrite .bskr-write-card{
	background:#fff;
	border:1px solid var(--bw-border);
	border-radius:18px;
	box-shadow:0 .25rem 1rem rgba(0,0,0,.04);
	padding:24px;
}

#bskr-write .bskr-form-section,
#bbswrite .bskr-form-section{
	margin-bottom:18px;
}

#bskr-write .bskr-form-label,
#bbswrite .bskr-form-label{
	display:block;
	margin-bottom:8px;
	font-size:.95rem;
	font-weight:600;
	color:#495057;
}

#bskr-write .bskr-guide,
#bbswrite .bskr-guide{
	margin-top:8px;
	padding:10px 12px;
	border:1px solid #ffe69c;
	background:#fff8e1;
	border-radius:10px;
	font-size:.875rem;
	color:#7a5d00;
}

#bskr-write .bskr-admin-note,
#bbswrite .bskr-admin-note{
	margin:20px 0;
	padding:18px;
	border:1px solid var(--bw-border);
	background:var(--bw-soft);
	border-radius:12px;
	color:#495057;
}

#bskr-write .editbox,
#bbswrite .editbox{
	border:1px solid var(--bw-border);
	border-radius:14px;
	overflow:hidden;
	background:#fff;
	margin-bottom:18px;
}

#bskr-write .iconbox,
#bbswrite .iconbox{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	padding:12px;
	background:var(--bw-soft);
	border-bottom:1px solid var(--bw-border);
}

#bskr-write .iconbox a,
#bbswrite .iconbox a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:7px 11px;
	border:1px solid #d0d7de;
	border-radius:10px;
	background:#fff;
	color:#495057;
	text-decoration:none;
	font-size:.875rem;
}

#bskr-write .iconbox a:hover,
#bbswrite .iconbox a:hover{
	background:#f1f3f5;
	color:#212529;
}

#bskr-write .iconbox .split,
#bbswrite .iconbox .split{
	display:none;
}

#bskr-write .bskr-help-link,
#bbswrite .bskr-help-link{
	margin-top:6px;
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:.875rem;
	text-decoration:none;
}

#bskr-write .guide,
#bbswrite .guide{
	margin-top:8px;
	padding:10px 12px;
	border:1px solid #cfe2ff;
	background:#f0f7ff;
	border-radius:10px;
	font-size:.875rem;
	color:#084298;
}

#bskr-write .guide.hide,
#bbswrite .guide.hide{
	display:none;
}

#bskr-write .check-row,
#bbswrite .check-row{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
}

#bskr-write .after,
#bbswrite .after{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:14px;
	color:#495057;
}

#bskr-write .bottombox,
#bbswrite .bottombox{
	display:flex;
	justify-content:flex-end;
	gap:10px;
	padding-top:8px;
}

#bskr-write .bskr-sns-box,
#bbswrite .bskr-sns-box{
	padding:12px 14px;
	border:1px dashed #ced4da;
	background:#f8f9fa;
	border-radius:12px;
}

#bskr-write .bskr-row-gap,
#bbswrite .bskr-row-gap{
	row-gap:16px;
}

@media (max-width: 767.98px){
	#bskr-write .bskr-write-card,
	#bbswrite .bskr-write-card{
		padding:16px;
	}
	#bskr-write .bottombox,
	#bbswrite .bottombox{
		flex-direction:column;
	}
	#bskr-write .bottombox .btn,
	#bbswrite .bottombox .btn{
		width:100%;
	}
}