.board-wrap.basic02 .list-header {border-bottom: 2px solid #333;}
.board-wrap.basic02 .list-body ul {display:table; table-layout:fixed; width:100%; font-size: 1em;}
.board-wrap.basic02 .list-body ul li {display:table-cell; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.board-wrap.basic02 .list-body ul li a {display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%;}

.board-wrap.basic02 .list-body .row-body { border-top:1px solid #ddd; }
.board-wrap.basic02 .list-body .row-body:last-child { border-bottom:1px solid #ddd;}

.board-wrap.basic02 .b-date {display: flex; flex-direction: column-reverse; width: 150px; text-align: center; color: #797979;}
.board-wrap.basic02 .b-date strong {margin-bottom: 5px; font-size: 2.5em; font-weight: 800; line-height: 1; color: #333;}
.board-wrap.basic02 .b-content {width: calc(100% - 150px); padding: 50px 0;}
.board-wrap.basic02 .b-content h3 {display: block; width: 100%; font-size: 1.325em; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-wrap.basic02 .b-content h3 img {margin-right: 5px;}
.board-wrap.basic02 .b-content p {font-size: 1rem; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}

@media screen and (max-width: 991px){
    .board-wrap.basic02 .list-body ul > li { width:auto !important; margin-right:10px;}
}

@media screen and (max-width: 767px){
	.board-wrap.basic02 .list-body .row-body {font-size: 0.875rem;}
	.board-wrap.basic02 .list-body ul > li > a {padding: 30px 10px;}
	.board-wrap.basic02 .b-date {display: flex; flex-direction: row; width: 100%;}
	.board-wrap.basic02 .b-date strong, .board-wrap.basic02 .b-date span {margin-bottom: 6px; font-size: 0.9rem; line-height: 1; font-weight:normal; color: #797979;}
	.board-wrap.basic02 .b-date span {margin-right: 7px;}
	.board-wrap.basic02 .b-date span:after {content: '.'; display: inline-block;}

	.board-wrap.basic02 .b-content {width: 100%; padding: 0;}
}