/**
 * Board list page layout fixes.
 *
 * @package AriawellTheme
 */

body.ms-board-list {
	background: #fff;
}

body.ms-board-list #header {
	position: sticky;
}

body.ms-board-list #main-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.ms-board-list #wrap > .container.wrap-medium,
body.ms-board-list .container.wrap-medium {
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 120px 20px 0;
}

body.ms-board-list .xans-board-listpackage {
	width: 100%;
}

body.ms-board-list .path + .titleArea h2::before {
	content: '법무법인 이엘 성범죄 센터';
}

body.ms-board-list .xans-board-listpackage .xans-board-listheader {
	display: table-header-group;
}

body.ms-board-list .ms-table {
	width: 100%;
}

body.ms-board-list .xans-board-listpackage table {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

body.ms-board-list .xans-board-listpackage table col.col-number {
	width: 80px;
}

body.ms-board-list .xans-board-listpackage table col.col-author {
	width: 100px;
}

body.ms-board-list .xans-board-listpackage table col.col-subject {
	width: auto;
}

body.ms-board-list .xans-board-listpackage thead th:nth-child(1),
body.ms-board-list .xans-board-listpackage tbody td.number {
	width: 80px;
	white-space: nowrap;
}

body.ms-board-list .xans-board-listpackage thead th:nth-child(3),
body.ms-board-list .xans-board-listpackage tbody td:nth-child(3) {
	width: 100px;
	white-space: nowrap;
}

body.ms-board-list .xans-board-listpackage thead th:nth-child(2),
body.ms-board-list .xans-board-listpackage tbody td.subject {
	width: auto;
}

body.ms-board-list .xans-board-listpackage tbody {
	display: table-row-group;
}

body.ms-board-list .xans-board-listpackage thead {
	display: table-header-group;
}

body.ms-board-list .xans-board-listpackage tbody tr {
	display: table-row;
	float: none;
	padding: 0;
	overflow: visible;
}

body.ms-board-list .xans-board-listpackage tbody tr td {
	display: table-cell;
	float: none;
	padding: 14px 10px;
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid #e8e8e8;
}

body.ms-board-list .xans-board-listpackage tbody tr td.number {
	font-size: 14px;
}

body.ms-board-list .xans-board-listpackage tbody tr td span::before {
	content: none !important;
}

body.ms-board-list .ms-paginate {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 100px auto 0;
	padding: 0 20px;
	max-width: 1200px;
}

body.ms-board-list .ms-paginate > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 35px;
	font-size: 0;
}

body.ms-board-list .ms-paginate > a svg {
	width: 22px;
	height: 22px;
	stroke: #6d747b;
}

body.ms-board-list .ms-paginate > ol {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.ms-board-list .ms-paginate > ol > li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	text-decoration: none;
}

body.ms-board-list .ms-paginate > ol > li a.this {
	font-weight: 700;
}

body.ms-board-list .boardSearch {
	margin: 30px auto 120px;
	padding: 0 20px;
	max-width: 1200px;
}

body.ms-board-list .boardSearch button.ms-button {
	border: 1rem solid #bbb;
	background: #fff;
	cursor: pointer;
}

@media all and (max-width: 1023px) {
	body.ms-board-list #wrap > .container.wrap-medium,
	body.ms-board-list .container.wrap-medium {
		padding-top: 70px;
	}
}

@media all and (max-width: 660px) {
	body.ms-board-list .xans-board-listpackage tbody tr td.number {
		display: table-cell;
	}

	body.ms-board-list .ms-paginate {
		margin-top: 60px;
	}

	body.ms-board-list .boardSearch {
		margin-bottom: 80px;
	}
}