<div class="col-12 contents_con">
    <div class="col-12 tc">
        <div class="col-12 tc" style="height: 100%; margin-top:130px; padding-top:50px; background-color: #fff;">
            <h1 class="font_roboto mb20">STYLE GUIDE (layout.sub.css)</h1>
            <h3 class="mb40">
                배경이 투명이고 텍스트가 흰색인 버튼은 보여지기 위해 회색 배경을 깔아둠
            </h3>
            <div class="col-12 mb30">
                <table>
                    <colgroup>
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                    </colgroup>
                    <tbody>
                    <tr>
                        <th></th>
                        <th>auto</th>
                        <th>type_2</th>
                        <th>transparent</th>
                    </tr>
                    <tr>
                        <td rowspan="3">btn_style_1</td>
                        <td>
                            <div class="show">
                                <div class="btn_style_1_con">
                                    <a href="javascript:void(0);" class="btn_style_1 auto">
                                        트래픽 리셋
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="show">
                                <div class="btn_style_1_con">
                                    <a href="javascript:void(0);" class="btn_style_1 type_2 excel_download">
                                        <span>엑셀 다운로드</span>
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="show">
                                <div class="btn_style_1_con">
                                    <a href="javascript:void(0);" class="btn_style_1 transparent group_manage">
                                        <span>엑셀 다운로드</span>
                                    </a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-12 mb30">
                <table>
                    <colgroup>
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                    </colgroup>
                    <tbody>
                    <tr>
                        <th></th>
                        <th>auto</th>
                        <th>type_2</th>
                        <th>auto icon</th>
                    </tr>
                    <tr>
                        <td rowspan="3">btn_style_2</td>
                        <td>
                            <div class="show">
                                <div class="btn_style_2_con">
                                    <a href="javascript:void(0);" class="btn_style_2 auto">
                                        그룹관리
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="show">
                                <div class="btn_style_2_con">
                                    <a href="javascript:void(0);" class="btn_style_2 type_2 sms">
                                        <span><span class="font_roboto">SMS</span> 발송</span>
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="show">
                                <div class="btn_style_2_con">
                                    <a href="javascript:void(0);" class="btn_style_2 auto search">
                                        <span>검색</span>
                                    </a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-12 mb30">
                <table>
                    <colgroup>
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                        <col width="150px">
                    </colgroup>
                    <tbody>
                    <tr>
                        <th></th>
                        <th>auto</th>
                        <th>type_2</th>
                        <th>type_3</th>
                    </tr>
                    <tr>
                        <td rowspan="3">btn_style_3</td>
                        <td>
                            <div class="show">
                                <div class="btn_style_3_con">
                                    <a href="javascript:void(0);" class="btn_style_3 auto">
                                        기능안내 보기
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="show">
                                <div class="btn_style_3_con">
                                    <a href="javascript:void(0);" class="btn_style_3 type_2">
                                        원본사용하기
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="show">
                                <div class="btn_style_3_con">
                                    <a href="javascript:void(0);" class="btn_style_3 type_3">
                                        원본 사용하기
                                    </a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-12 mb30">
                <table>
                    <colgroup>
                        <col width="150px">
                        <col width="400px">
                    </colgroup>
                    <tbody>
                    <tr>
                        <th></th>
                        <th>input_style_1</th>
                    </tr>
                    <tr>
                        <td rowspan="3">input_style_1</td>
                        <td>
                            <div class="col-12 mw-350">
                                <div class="col-12 input_style_0_con">
                                    <input type="text" class="input_style_0 search type_eng" placeholder="검색하실 제목을 입력해주세요">
                                    <input type="submit" value="" data-wv-filtersubmit>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>