테이블 - 타입1 <div class="basic_table"> <table> <caption>코드 관리 테이블</caption> <colgroup> <col style="width:10%"> <col style="width:auto"> <col style="width:20"> <col style="width:12%"> <col style="width:12%"> <col style="width:12%"> </colgroup> <thead> <tr> <th scope="col">No</th> <th scope="col">코드명</th> <th scope="col">상위코드</th> <th scope="col">코드레벨</th> <th scope="col">사용여부</th> <th scope="col">등록일</th> </tr> </thead> <tbody> <tr> <td>119</td> <td>이사</td> <td>직위코드</td> <td>2</td> <td>사용</td> <td>2015-09-04</td> </tr> <tr> <td>118</td> <td>부장</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> <tr> <td>117</td> <td>차장</td> <td>직위코드</td> <td>2</td> <td>사용</td> <td>2015-09-04</td> </tr> <tr> <td>116</td> <td>과장</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> <tr> <td>115</td> <td>팀장</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> <tr> <td>114</td> <td>팀원</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> <tr> <td>113</td> <td>주임</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> <tr> <td>112</td> <td>책임</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> <tr> <td>111</td> <td>선임</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> <tr> <td>110</td> <td>네이버(주)</td> <td>직위코드</td> <td>2</td> <td>미사용</td> <td>2015-09-04</td> </tr> </tbody> </table> </div> 테이블 - 타입2 <div class="basic_table gray_table_ver"> <table> <caption>자막제작상담 상세 테이블</caption> <tbody> <tr> <th scope="row" class="td_left">문의일자</th> <td class="td_left">2015-10-14 23:52:20</td> </tr> <tr> <th scope="row" class="td_left">이름</th> <td class="td_left">박하선</td> </tr> <tr> <th scope="row" class="td_left">회사명</th> <td class="td_left">E2L</td> </tr> <tr> <th scope="row" class="td_left">직위</th> <td class="td_left">팀장</td> </tr> <tr> <th scope="row" class="td_left">연락처</th> <td class="td_left">010-0000-0000</td> </tr> <tr> <th scope="row" class="td_left">이메일</th> <td class="td_left">0100@naver.com</td> </tr> <tr> <th scope="col" colspan="3" class="td_left">남기실 말</th> </tr> <tr> <td colspan="3" class="td_left td_textarea"> 안녕하세요<br/> 잘 부탁드리겠습니다.<br/><br/> 감사합니다. </td> </tr> </tbody> </table> </div> 테이블 - 타입3( 테이블 두개 나열할때 ) <div class="basic_table gray_table_ver"> <table> <caption>브라더 텐더프로그램관리 등록 테이블</caption> <tbody> <tr> <th scope="row">대상 채널</th> <td colspan="3" class="td_left"> <span class="blind">채널 검색</span> <input type="text" id="" class="search_input"> <a href="javascript:openLay('chanel');"class="btn_button2 btn_type01">채널 검색</a> </td> </tr> <tr> <th scope="row"> <span class="red">*</span> 매입 총판 </th> <td colspan="3" class="td_left"> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>총판1</span> </label> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>총판2</span> </label> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>총판3</span> </label> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>총판4</span> </label> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>총판5</span> </label> </td> </tr> <tr> <th scope="row">FT</th> <td colspan="3" class="td_left"> <span class="blind">FT</span> <input type="text" id="" class="search_input"> <a href="javascript:openLay('searchFT');"class="btn_button2 btn_type01">FT 검색</a> <div class="search_list mt5"> <span class="result">검색결과1 <a href="#none" class="icon_delete_btn">삭제</a></span> <span class="result">검색결과2 <a href="#none" class="icon_delete_btn">삭제</a></span> <span class="result">검색결과3 <a href="#none" class="icon_delete_btn">삭제</a></span> </div> </td> </tr> <tr> <th scope="row"><span class="red">*</span>거래처</th> <td colspan="3" class="td_left"> <span class="blind">거래처 검색</span> <input type="text" id="" class="search_input"> <a href="javascript:openLay('customer');"class="btn_button2 btn_type01">거래처 검색</a> </td> </tr> <tr> <th scope="row"> <span class="red">*</span> 매입기간 </th> <td colspan="3" class="td_left"> <!-- [dev] 클릭시 달력 레이어팝업--> <input type="text" class="cal_input" /> <span> ~ </span> <input type="text" class="cal_input" /> <!-- // [dev] 클릭시 달력 레이어팝업--> </td> </tr> <tr> <th scope="row"> <span class="red">*</span> 매입제품 </th> <td colspan="3" class="td_left"> <div class="product_select"> <div class="default"> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <input type="text" placeholder="매입수량" class="sel_six" /> <input type="text" placeholder="텐더가격" class="sel_six" onclick="javascript:openLay('tenderPrice')"/> <a href="#none" class="button_plus">추가버튼</a> <!-- [dev] 추가버튼 클릭시 하위 delete 가 추가됩니다 --> </div> <!-- 반복 --> <div class="delete"> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <select id="" class="sel_six" aria-disabled="false"> <option selected="">선택</option> <option value="">1</option> </select> <input type="text" placeholder="매입수량" class="sel_six"/> <input type="text" placeholder="텐더가격" class="sel_six"/> <a href="#none" class="button_delete">삭제버튼</a> </div> <!-- //반복 --> </div> </td> </tr> </tbody> </table> <div class="table2"> <table > <caption>브라더 텐더프로그램관리 등록 테이블</caption> <tbody> <tr> <th scope="row">사용여부</th> <td class="td_left"> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>사용</span> </label> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>미사용</span> </label> </td> <th scope="row">진행여부</th> <td class="td_left"> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>진행중</span> </label> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>종료</span> </label> <label class="check_notice" for=""> <input id="" class="" type="radio"> <span>강제종료</span> </label> </td> </tr> <tr> <th scope="row">설명</th> <td colspan="3" class="td_left td_textarea"> <div class="t_area"> <!-- 에디터 영역 --> <!-- //에디터 영역 --> </div> </td> </tr> </tbody> </table> </div> <div class="btn_basic"> <button type="button" class="btn_button btn_type02">취소</button> <button type="button" class="btn_button btn_type01">등록</button> </div> </div>