JSFiddle - React, Tailwind, and code Playground

by ha ha

HTML

<div class="container manpower" id="D_2">
            <div class="cont_wrap">
                <div class="inner_right">
                   <div class="inner_cont2">
                        <div class="inner_cont">
                            <div class="board_wrap">
                                <table class="tbl_list16 mb10">
                                    <thead>
                                        <tr>
                                            <th scope="col" rowspan="2">
                                                <p class="tbl_tit">분소</p>
                                            </th>
                                            <th scope="col" rowspan="2">
                                                <p class="tbl_tit">구분</p>
                                            </th>
                                            <th scope="col" colspan="3">
                                                <p class="tbl_tit">이용횟수(회)</p>
                                            </th>
                                            <th scope="col" rowspan="2">
                                                <p class="tbl_tit">이용 실인원(명)</p>
                                            </th>
                                        </tr>
                                        <tr>
                                            <th scope="col">
                                                <p class="tbl_tit">계</p>
                                            </th>
                                             <th scope="col">
                                                <p class="tbl_tit">50인 미만</p>
                                            </th>
                                             <th scope="col">
                                                <p class="tbl_tit">50인 이상</p>
                                            </th>
                                        </tr>
                                    </thead>
                               ...

CSS

.manpower .board_wrap .tbl_list16 {width:100%;text-align:center;box-sizing:border-box;border-radius:5px;overflow:hidden;border-collapse:collapse;margin-top:10px;}
.manpower .board_wrap .tbl_list16 thead{width:100%;border-collapse: collapse;display:block}
.manpower .board_wrap .tbl_list16 thead tr{background: #07415e;height: 35px;}
.manpower .board_wrap .tbl_list16 thead tr th{color: #fff;font-weight: 500;font-size: 15px;word-break: keep-all;line-height:1.1;width:200px;}
.manpower .board_wrap .tbl_list16 tbody{height:540px;overflow-y:auto;min-height:540px;display:block;border:1px solid #ddd}
.manpower .board_wrap .tbl_list16 tbody tr{width:100%;border-bottom:1px solid #ddd}
.manpower .board_wrap .tbl_list16 tbody tr:nth-of-type(6n+1){background: #fff}
.manpower .board_wrap .tbl_list16 tbody tr:nth-of-type(6n+2){background: #fff}
.manpower .board_wrap .tbl_list16 tbody tr:nth-of-type(6n+3){background: #fff}
.manpower .board_wrap .tbl_list16 tbody tr:nth-of-type(6n-1){background: #f4f4f4}
.manpower .board_wrap .tbl_list16 tbody tr:nth-of-type(6n){background: #f4f4f4}
.manpower .board_wrap .tbl_list16 tbody tr:nth-of-type(6n-2){background: #f4f4f4}
.manpower .board_wrap .tbl_list16 tbody tr td {font-weight:400;font-size:14px;color:#5b5b5b;text-align: center;padding:5px;word-break:keep-all;white-space:normal;line-height:1.1;width:200px}
.manpower .board_wrap .tbl_list16 tbody tr .txt_l{text-align: left;}
.manpower .board_wrap .tbl_list16 thead tr:first-child th:nth-of-type(3){border-bottom:1px solid #336178}