.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%;  min-width: 870px;white-space: nowrap; border-collapse : collapse; border-spacing : 0;}
.han-table table tr {width: 100%;}

.han-table th {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 14px; background: #00407f; color: #fff; font-weight: 500; }
.han-table th:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.2);}
.han-table td {padding: 14px; 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; white-space: break-spaces;}
.han-table td.w-60 {background: #f1f8ff; color: #0054a7; font-weight: 600;}
.han-table th.t-left, .han-table td.t-left {text-align: left; padding-left: 20px;}
.han-table th.w-350.t-left, .han-table td.w-350.t-left {text-align: left; padding-left: 20px;}
.han-table th.w-60, .han-table td.w-60 { width:140px;}
.han-table td.empty {padding: 100px 20px;}

.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;}

.board-wrap .list-footer .btn-wrap { margin-bottom: 0px; }
.board-wrap .list-footer .paging-wrap { margin-bottom: 20px;}



@media screen and (max-width: 1025px){
	.han-table th {font-size: 15px; }
	.han-table td {font-size: 15px; }
	.han-table th.w-350, .han-table td.w-350 {max-width: 350px; width: 350px;}
	.han-table th.w-220, .han-table td.w-220 {max-width: 200px; width: 200px;}
	.han-tabe th.w-120, .han-table td.w-120 {min-width: 100px; width: 100px;}
	.han-tabe th.w-60, .han-table td.w-60 {min-width: 100px; width: 100px;}
   .han-table th.w-350.t-left, .han-table td.w-350.t-left { padding-left: 15px;}
}

@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 {width: 100%; overflow-x: scroll;}
  	.han-table th, .han-table td {white-space: nowrap;}

	.han-table th.w-350, .han-table td.w-350 {max-width: 350px; width: 350px;}
	.han-table th.w-220, .han-table td.w-220 {min-width: 170px; width: 170px;}
	.han-table th.w-140, .han-table td.w-140 {min-width: 120px; width: 120px;}
	.han-table th.w-60, .han-table td.w-60 {min-width: 90px; width: 90px;}
	.han-arrow {display: flex;}
    .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;}
}

@media screen and (max-width: 768px){	
    .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;}
}

@media screen and (max-width: 641px){	
	.han-table th {font-size: 14px;  padding: 14px 10px; }
	.han-table td {font-size: 14px; padding: 14px 10px;}
	.han-arrow { margin-bottom: 10px;}
	.han-table th.w-350, .han-table td.w-350 {max-width: 230px; width: 230px;}
	.han-table th.w-220, .han-table td.w-220 {min-width: 135px; width: 135px;}
   .han-table th.w-350.t-left, .han-table td.w-350.t-left { padding-left: 12px;}
}