/* 새글 모음 스킨의 화면 서식 */

.devm_nw-basic{padding:0; background:var(--c-bg,#F8FAFC)}

.devm_nw-basic__wrap{width:100%; max-width:var(--wrap,1280px); margin:0 auto; padding:0 1.25rem}
@media (min-width:768px){.devm_nw-basic__wrap{padding:0 2rem}}

/* 검색 */
.devm_nw-basic__sch{
	margin:0 0 1.5rem; padding:1.15rem 1.25rem;
	border:1px solid var(--c-line,#DEE1E4); border-radius:var(--r-card,0);
	background:var(--c-surface,#fff);
}
.devm_nw-basic__sch form{display:flex; align-items:center; flex-wrap:wrap; gap:.5rem}
.devm_nw-basic__sch select,
.devm_nw-basic__sch .frm_input{
	height:2.75rem; padding:0 .85rem;
	border:1px solid var(--c-line,#DEE1E4); border-radius:var(--r-input,0);
	background:var(--c-surface,#fff); color:var(--c-fg,#16181A);
	font-family:inherit; font-size:var(--fs-sm,.875rem);
}
.devm_nw-basic__sch select{min-width:150px}
.devm_nw-basic__sch .frm_input{flex:1 1 200px; min-width:0}
.devm_nw-basic__sch .btn_submit{
	flex:0 0 auto; height:2.75rem; padding:0 1.25rem;
	border:0; border-radius:var(--r-input,0);
	background:var(--c-accent,#3A4E6B); color:var(--c-on-accent,#fff);
	font-family:inherit; font-size:var(--fs-sm,.875rem); font-weight:700; cursor:pointer;
}
.devm_nw-basic__sch .btn_submit:hover{background:var(--c-accent-deep,#2B3B52)}
.devm_nw-basic__hint{margin:.7rem 0 0; color:var(--c-fg-3,#6B7177); font-size:var(--fs-xs,.8125rem)}

/* 선택삭제 */
.devm_nw-basic .td_chk input[type=checkbox]{
	width:18px; height:18px; margin:0;
	accent-color:var(--c-accent,#3A4E6B); cursor:pointer;
}
.devm_nw-basic__admin{display:flex; justify-content:flex-end; margin:0 0 .75rem}
.devm_nw-basic__del{
	display:inline-flex; align-items:center; gap:.35rem;
	height:2.375rem; padding:0 .9rem;
	border:1px solid var(--c-line,#DEE1E4); border-radius:var(--r-input,0);
	background:var(--c-surface,#fff); color:var(--c-fg-2,#4A4F55);
	font-family:inherit; font-size:var(--fs-xs,.8125rem); font-weight:700; cursor:pointer;
}
.devm_nw-basic__del:hover{border-color:var(--c-accent,#3A4E6B); color:var(--c-accent,#3A4E6B)}

/* 목록 */
.devm_nw-basic__tbl{
	margin:0; overflow:hidden;
	border:1px solid var(--c-line,#DEE1E4); border-radius:var(--r-card,0);
	background:var(--c-surface,#fff);
}
.devm_nw-basic__tbl caption{position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0)}
.devm_nw-basic__tbl table{width:100%; border-collapse:collapse; font-size:var(--fs-sm,.875rem)}
.devm_nw-basic__tbl thead th{
	padding:.95rem .6rem;
	border-bottom:1px solid var(--c-line,#DEE1E4); background:var(--c-surface-2,#F6F7F8);
	color:var(--c-fg-2,#4A4F55); font-size:var(--fs-xs,.8125rem); font-weight:700; white-space:nowrap;
}
.devm_nw-basic__tbl td{
	padding:.9rem .6rem;
	border-bottom:1px solid var(--c-line-soft,#EDEFF1);
	color:var(--c-fg-2,#4A4F55); line-height:1.5; text-align:center;
}
.devm_nw-basic__tbl tbody tr:last-child td{border-bottom:0}
.devm_nw-basic__tbl tbody tr:hover td{background:var(--c-surface-2,#F6F7F8)}
.devm_nw-basic__tbl a{color:inherit; text-decoration:none}
.devm_nw-basic__tbl a:hover{color:var(--c-accent,#3A4E6B)}

.devm_nw-basic__subject{text-align:left !important; word-break:break-word}
.devm_nw-basic__subject a{color:var(--c-fg,#16181A); font-weight:600}
.devm_nw-basic .empty_table{padding:4rem 0 !important; color:var(--c-fg-3,#6B7177)}

/* 페이지 이동 */
.devm_nw-basic__paging{margin-top:1.75rem}
.devm_nw-basic__paging .pg{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.35rem}
.devm_nw-basic__paging .pg_page,
.devm_nw-basic__paging .pg_current{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:42px; height:42px; padding:0 .55rem;
	border:1px solid var(--c-line,#DEE1E4); border-radius:var(--r-input,0);
	background:var(--c-surface,#fff); color:var(--c-fg-2,#4A4F55);
	font-size:var(--fs-sm,.875rem); font-weight:700; text-decoration:none;
}
.devm_nw-basic__paging .pg_page i{font-size:1.05rem; line-height:1}
.devm_nw-basic__paging .pg_page:hover,
.devm_nw-basic__paging .pg_current{
	border-color:var(--c-accent,#3A4E6B); background:var(--c-accent,#3A4E6B); color:var(--c-on-accent,#fff);
}

@media (max-width:767px){
	.devm_nw-basic{padding:3rem 0}
	.devm_nw-basic__tbl .td_group,
	.devm_nw-basic__tbl .td_name{display:none}
}