.board-wrap.basic01 .list-body ul {display:table; table-layout:fixed; width:100%; font-size: 1em;}
.board-wrap.basic01 .list-body ul li {display:table-cell; text-align:center; overflow:hidden; text-overflow: ellipsis; color: #333; white-space:nowrap; }

.board-wrap.basic01 .list-body ul > li:nth-child(1) { width:100px; }
.board-wrap.basic01 .list-body ul > li:nth-child(2) { width:100%; text-align:left; flex:1; }
.board-wrap.basic01 .list-body ul > li:nth-child(3) { width:150px; }
.board-wrap.basic01 .list-body ul > li:nth-child(4) { width:100px; }
.board-wrap.basic01 .list-body ul > li:nth-child(5) { width:120px; }

.board-wrap.basic01 .list-body .row-header {font-size: 0.875em; font-weight:bold; padding:14px 0px; background: #f9f9f9; border-top: 1px solid #333; border-bottom:1px solid #333;}
.board-wrap.basic01 .list-body .row-body {border-top:1px solid #ddd;}
.board-wrap.basic01 .list-body .row-body:last-child { border-bottom:1px solid #ddd;}

.board-wrap.basic01 .row-body > li {position: relative; padding: 30px 20px;}
.board-wrap.basic01 .nLeft {width: calc(100% - 60px); float: left; text-align: left;}
.board-wrap.basic01 .nRight {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 30px;}
.board-wrap.basic01 .nRight img {transform: translateX(0px); transition: all .3s ease-in;}
.board-wrap.basic01 .row-body > li:hover .nRight img {transform: translateX(-20px);}
.board-wrap.basic01 .row-body > li:after {content: ""; display: block; clear: both;}

.board-wrap.basic01 .subject {display: block; margin-bottom: 5px; font-size: 1.25rem; font-weight: 600; color: #333; line-height: 1.3; overflow: hidden; text-overflow: ellipsis;}
.board-wrap.basic01 .subject > a {display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.board-wrap.basic01 .subject img {margin-right: 4px;}

.board-wrap.basic01 .noticeInfo span {font-size: 0.9375em;}
.board-wrap.basic01 .noticeInfo span:nth-child(1) {padding-right: 8px; margin-right: 8px; border-right: 1px solid #ccc;}

input, textarea, button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}


@media screen and (max-width: 991px){
	.board-wrap.basic01 .row-body > li {padding: 20px 10px;}
}

@media screen and (max-width: 767px){
	.board-wrap.basic01 .list-body .row-body {font-size: 0.875rem;}
	.board-wrap.basic01 .subject {font-size: 1rem;}
	.board-wrap.basic01 .nRight {width: 22px; right: 10px;}
}