.board-wrap.basic03 .list-body ul {float: left; width: calc(33.33% - 14px); margin-right: 20px; margin-bottom: 20px; padding: 50px 30px; border: 1px solid #ddd; background: #fff; transition: all .3s ease;overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.board-wrap.basic03 .list-body:after {content: ""; display: block; clear: both;}
.board-wrap.basic03 .list-body ul > a {display: block; width: 100%; height: 100%;  overflow: hidden; cursor: pointer;}
.board-wrap.basic03 .list-body ul:nth-child(3n) {margin-right: 0;}

.board-wrap.basic03 .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.basic03 .list-body .row-body:last-child { border-bottom:1px solid #ddd;}

.board-wrap.basic03 .list-body ul small {font-size: 0.875em; color: #797979;}
.board-wrap.basic03 .list-body ul h3 {display: block; margin: 6px 0 14px; font-size: 1.2em; line-height:1.3; font-weight: 700; height: 50px; overflow: hidden; white-space: normal;}
.board-wrap.basic03 .list-body ul span {font-size: 1em; font-weight: 700; opacity: 0.4;}

@media screen and (max-width: 991px){
    .board-wrap.basic03 .list-body ul > li { width:auto !important; display:unset;}
	.board-wrap.basic03 .list-body ul {width: calc(50% - 5px); margin-right:10px; margin-bottom: 10px;}
	.board-wrap.basic03 .list-body ul:nth-child(3n) {margin-right: 10px;}
	.board-wrap.basic03 .list-body ul:nth-child(2n) {margin-right: 0;}
}

@media screen and (max-width: 640px){
    .board-wrap.basic03 .list-body ul {width: 100%; margin-right: 0;}
	.board-wrap.basic03 .list-body ul:nth-child(3n) {margin-right: 0;}
}