@import url("/static/dgst/css/pages/communication.css");

.noticeTable thead tr,
.noticeTable tbody tr {
	grid-template-columns: 2fr 1fr;
}

.noticeTable tr th:not(:nth-child(2), :nth-child(5)),
.noticeTable tr td:not(:nth-child(2), :nth-child(5)) {
	display: none;
}

.iconPdf,
.iconXls {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: auto;
}

.iconPdf::before {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("/static/dgst/img/icon/ic_pdf.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.iconXls::before {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("/static/dgst/img/icon/ic_xls.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.noticeDetailTable.table-flex tr {
	flex-direction: row;
	align-items: stretch;
}

.noticeDetailTable.table-flex tr th {
	max-width: 5rem;
	height: auto;
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
	.noticeTable thead tr,
	.noticeTable tbody tr {
		grid-template-columns: 120px 800px 120px 120px 120px 120px;
	}

	.noticeTable tr th:not(:nth-child(2), :nth-child(5)),
	.noticeTable tr td:not(:nth-child(2), :nth-child(5)) {
		display: flex;
	}

	.noticeDetailTable tbody {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.noticeDetailTable tbody tr.flex-1 {
		flex: 1;
		height: 5rem;
	}
}

@media screen and (min-width: 1440px) {
}