/* 전체 */
#kboard-sshot-list{
	width:100%;
	margin:0 auto;
	padding:20px 0 60px;
	    padding: 38px;
    box-sizing: border-box;
    border-radius: 20px;
    background: radial-gradient(circle at top, rgba(120, 70, 20, .08), transparent 45%), linear-gradient(to bottom, rgba(24, 14, 8, .97), rgba(9, 5, 2, .99));
    border: 1px solid rgba(168, 112, 38, .28);
    box-shadow: 0 0 45px rgba(0, 0, 0, .72), inset 0 1px 0 rgba(255, 220, 140, .05);
    overflow: hidden;
}

/* 상단 */
.kboard-list-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:25px;
	flex-wrap:wrap;
	gap:15px;
}

.kboard-total-count{
	color:#d4a45b;
	font-size:14px;
	font-weight:bold;
}

/* 검색 */
.kboard-search{
	margin-bottom:35px;
}

.kboard-search form{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}

.kboard-search select,
.kboard-search input,
.kboard-sort select{
	height:44px;
	border:none;
	outline:none;
	border-radius:10px;
	background:#1a0c05;
	border:1px solid #5c3613;
	color:#f1c27a;
	padding:0 14px;
}

.kboard-search input{
	width:260px;
}

/* 버튼 */
.kboard-sshot-button-small,
.sshot-more-btn{
	height:44px;
	padding:0 26px;
	border:none;
	border-radius:10px;
	cursor:pointer;
	font-weight:bold;
	color:#2d1800;
	background:
	linear-gradient(to bottom,
	#ffde8d,
	#c17f1f);
	transition:all .25s ease;
}

.kboard-sshot-button-small:hover,
.sshot-more-btn:hover{
	transform:translateY(-2px);
	box-shadow:0 0 14px rgba(255,180,70,.4);
}

/* 그리드 */
.kboard-sshot-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}

/* 카드 */
.sshot-card{
	display:block;
	background:
	linear-gradient(to bottom,
	rgba(28,12,5,.95),
	rgba(12,5,2,.95));
	border:1px solid #4f2b0d;
	border-radius:14px;
	overflow:hidden;
	text-decoration:none;
	transition:all .25s ease;
}

.sshot-card:hover{
	transform:translateY(-5px);
	border-color:#ffbe57;
	box-shadow:0 0 20px rgba(255,170,40,.2);
}

/* 숨김 */
.hidden-card{
	display:none;
}

/* 썸네일 */
.sshot-thumb{
	position:relative;
	overflow:hidden;
}

.sshot-thumb img{
	width:100%;
	height:220px;
	object-fit:cover;
	display:block;
	transition:transform .4s ease;
}

.sshot-card:hover img{
	transform:scale(1.06);
}

/* NEW */
.sshot-new{
	position:absolute;
	top:12px;
	right:12px;
	padding:6px 10px;
	border-radius:30px;
	background:#ff4d4d;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

/* 내용 */
.sshot-content{
	padding:16px;
}

.sshot-title{
	color:#ffe0aa;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.4;
	height:42px;
	overflow:hidden;
}

.sshot-meta{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:12px;
	color:#b98c50;
}

.dot{
	width:4px;
	height:4px;
	border-radius:50%;
	background:#7b5529;
}

/* 더보기 */
.sshot-more-wrap{
	display:flex;
	justify-content:center;
	margin-top:40px;
}

/* 페이지 */
.kboard-pagination{
	margin-top:45px;
}

.kboard-pagination-pages{
	display:flex;
	justify-content:center;
	gap:10px;
	padding:0;
	margin:0;
	list-style:none;
}

.kboard-pagination-pages li a,
.kboard-pagination-pages li span{
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	background:#160904;
	border:1px solid #5d3915;
	color:#d9a960;
	text-decoration:none;
}

.kboard-pagination-pages li.active span{
	background:
	linear-gradient(to bottom,
	#ffdd8d,
	#be7c1f);
	color:#2a1500;
	font-weight:bold;
}

/* 글쓰기 */
.kboard-control{
	margin-top:35px;
}

/* 모바일 */
@media(max-width:1024px){

	.kboard-sshot-grid{
		grid-template-columns:repeat(2,1fr);
	}

}

@media(max-width:640px){

	.kboard-sshot-grid{
		grid-template-columns:1fr;
	}

	.kboard-search input{
		width:100%;
	}

}