@charset "utf-8";
/**
 * 게시판 전용 태블릿 CSS
 * - 프론트/관리자 공용
 * - @media (min-width:768px) and (max-width:1024px) 범위에서 적용
 */

@media (min-width:768px) and (max-width:1024px) {

/* ── 탭메뉴 (flex-wrap 추가) ── */
#dkboard .tabmenu ul {display:flex; flex-wrap: wrap; gap:5px;}

/* ── 이전/다음글 (flex 레이아웃) ── */
#dkboard .prevnext li {display:flex; align-items:center;}
#dkboard .prevnext li strong {width:100px; text-align:center;}
#dkboard .prevnext li a {width:calc(100% - 100px);}

/* ── dk_view h2 ── */
#dkboard .dk_view h2 {padding:20px; font-size:24px;}

/* ── box-group-area gap 축소 ── */
#dkboard .box-group-area {gap: var(--krds-gap-4);}
#dkboard .box-group-area.col2 > li {width:calc(50% - var(--krds-gap-4) / 2);}
#dkboard .box-group-area > li a p {overflow:hidden;}

/* ── KRDS 검색 — 태블릿: 가로 유지, 폭 압축 ── */
#dkboard .search-top-box{
	flex-wrap:wrap;
	align-items:center;
	gap:var(--krds-gap-4, 0.6rem);
	margin-bottom:14px;
}
#dkboard .search-top-box .board-list-count{
	flex:1 1 40%;
	min-width:10rem;
}
#dkboard .search-top-box .board-list-count__text,
#dkboard .search-top-box .board-list-count h3{
	font-size:1.8rem;
}
#dkboard .search-top-box .form-group{
	flex:1 1 55%;
	min-width:16rem;
	max-width:100%;
}
#dkboard .search-top-box .sch-form-wrap{
	width:100%;
	flex-wrap:nowrap;
	justify-content:flex-end;
	gap:var(--krds-gap-4, 0.6rem);
}
#dkboard .search-top-box .sch-form-wrap .krds-form-select{
	min-width:7.5rem;
	flex:0 0 auto;
}
#dkboard .search-top-box .sch-input{
	min-width:0;
	flex:1 1 auto;
	max-width:none;
}

}