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

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

.reply-img {width: 42px; margin: 0 8px 0 0;}
.secret-img { margin: 0 8px 0 0;}

.board-wrap.basic .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.basic .list-body .row-body { border-top:1px solid #ddd; padding: 22px 5px; }
.board-wrap.basic .list-body .row-body:nth-child(2) {border-top: 0;}
.board-wrap.basic .list-body .row-body:last-child { border-bottom:1px solid #ddd;}

.han-table {width: 100%;}
.han-table table {width: 100%;white-space: nowrap; border-collapse : collapse; border-spacing : 0;}
.han-table table tr {width: 100%;}

.han-table th {border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 14px 10px; background: #e5ebf9; }
.han-table td {padding: 16px 10px; text-align: center; border-bottom: 1px solid #ddd; word-break: keep-all; line-height: 1.4; /*white-space: break-spaces;*/}
.han-table td:not(:last-child) {border-right: 1px solid #ddd;}
.han-table td a {display: block;}

.han-arrow p {display: inline-block; font-size: 14px; margin-left: 8px;}
.han-arrow {display: none; justify-content: center; align-items: center; float: center; margin-bottom: 13px;}


@media screen and (max-width: 1025px){
	.han-table th {font-size: 15px; }
	.han-table td {font-size: 15px; }
	.han-table th.w-450, .han-table td.w-450 {max-width: 450px; width: 450px;}
	.han-tabe th.w-60, .han-table td.w-60 {min-width: 100px; width: 100px;}
}

@media screen and (max-width: 991px){
    .board-wrap.basic .list-body .row-header {display:none !important;}
    .board-wrap.basic .list-body ul > li:nth-child(1) { display: none; }
    .board-wrap.basic .list-body ul > li:nth-child(2){display: block; width:100% !important; white-space:normal; color: #333; font-weight: 600;}
    .board-wrap.basic .list-body ul > li { width:auto !important; display:unset; margin-right:10px; }
	.board-wrap.basic .list-body .row-body {font-size: 0.875rem;}
	.han-table {overflow: auto;}
	.han-table th.w-450, .han-table td.w-450 {min-width: 300px; width: 300px;}
	.han-table th.w-200, .han-table td.w-200 {min-width: 180px; width: 180px;}
	.han-table th.w-60, .han-table td.w-60 {min-width: 80px; width: 80px;}
	.han-arrow {display: flex;}
}

@media screen and (max-width: 767px){	
    .board-wrap.basic .list-body ul > li:nth-child(2){display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:unset; margin-bottom: 5px; font-size: 1rem;}
	.han-table th.w-30, .han-table td.w-30 {min-width: 110px; width: 110px;}
}

@media screen and (max-width: 641px){	
	.han-table th {font-size: 14px;  padding: 13px 10px; }
	.han-table td {font-size: 14px; padding: 19px 10px;}
	.han-arrow { margin-bottom: 10px;}
}