Code - chominsoo4245/mjon

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>문자온 KISA 신고 관리대장</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> <style> *{margin:0;padding:0;border:0;font-family:'Noto Sans KR', sans-serif;box-sizing:border-box;vertical-align: baseline;color: inherit;font-weight: inherit;word-break: keep-all;} ul,li{list-style:none;} table{border-collapse:collapse;border-spacing:0;} select, input {vertical-align: middle;} .estimate_wrap {width: 820px; margin: 0 auto; position: relative; color: #222; letter-spacing: -0.5px;} .estimate_wrap::after {content: ""; background-color: #e5e5e5; width: 100%; height: 117px; position: absolute; top: 0; left: 0; z-index: -1;} .estimate {padding: 0 67px; box-sizing: border-box;} .est_body {padding: 30px 0 25px 0; box-sizing: border-box;} .est_body h2 {font-size: 35px; font-weight: 700; text-align: center;} .stamp {position: absolute; top: 79px; right: 70px;} /* 문자온 KISA 신고 관리대장(시작) */ .kisa_management::after{background:none;} .kisa_table table{width:100%;border-top:2px solid #000;text-align:left;font-size:14px;vertical-align:middle;} .kisa_table table tr{border-bottom:1px solid #d5d5d5;} .kisa_table table th{height:25px;background:#efefef;padding:10px 0 0 10px;font-weight:500;} .kisa_table table th[rowspan]{writing-mode:vertical-lr;border-right:1px solid #d5d5d5;} .kisa_table table td{text-align:center;padding:10px;} .kisa_table table .bgYellow{background:orange} .kisa_table table input+label{margin:0 0 0 4px;vertical-align:middle;} .kisa_table table td span{font-size:13px;line-height:1.4;} .kisa_table .sub_table table thead th{text-align:center;border-right:1px solid #d5d5d5;} .kisa_table .sub_table table thead th:last-child{border-right:0;} .kisa_table .sub_table table tbody tr td{border-right:1px solid #d5d5d5;} .kisa_table .sub_table table tbody tr td:last-child{border-right:0;} .kisa_table tfoot .date{margin:20px 0 0 0;font-size:16px;} .kisa_table tfoot img{margin:50px;} .est_btn_wrap {margin: 30px auto 40px auto; text-align: center;} .est_btn_wrap button {width: 120px; height: 42px; border-radius: 5px; border: 1px solid #ccc; font-size: 16px; color: #555;} .est_btn_wrap button:nth-child(2) {margin: 0 3px 0 1px;} .btnType {text-align: center;font-size: 16px;border-radius: 5px;} .btnType:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);} button.print_btn {border: 1px solid #b1b1b1; color: #555;} i.print_img {display:inline-block;background-image: url(/publish/images/content/print_icon.png); background-position:center center;width: 15px;height: 15px;margin:0 3px 1px 0;vertical-align:middle;} .est_btn_wrap button i.pdf_img {margin: 0 3px 0 0;} .est_btn_wrap button i.print_img {margin: 0 5px 1px 0;} /* 문자온 KISA 신고 관리대장(끝) */ </style> </head> <body>  <div class="estimate_wrap kisa_management"> <div class="estimate"> <div class="est_body"> <h2>문자온 KISA 신고 관리대장</h2> </div> <div class="kisa_table"> <table> <colgroup> <col style="width:5%;"> <col style="width:15%;"> <col style="width:30%;"> <col style="width:15%;"> <col style="width:30%;"> </colgroup> <tbody> <tr> <th colspan="2">관리번호</th> <td colspan="3"> <b>2021-01-1-0262</b> </td> </tr> <tr> <th rowspan="6">요청사항</th> <th>요청일시</th> <td class="bgYellow">2024-07-20, 09:23</td> <th>요청형태</th> <td> <ul style="display:flex;gap:10px;align-items:center;justify-content:center;"> <li><input type="checkbox" id="email"><label for="email">이메일</label></li> <li><input type="checkbox" id="phone"><label for="phone">전화</label></li> <li><input type="checkbox" id="fax"><label for="fax">팩스</label></li> </ul> </td> </tr> <tr> <th>기관</th> <td>다우기술</td> <th>요청부서</th> <td>메세징사업1팀</td> </tr> <tr> <th>담당자</th> <td>장지윤 차장</td> <th>연락처</th> <td>010-8760-0640</td> </tr> <tr> <th>이메일</th> <td>abcd@naver.com</td> <th>비고</th> <td>-</td> </tr> <tr> <th>요청내역</th> <td class="bgYellow" colspan="4" style="text-align:left;"> <ul class="request_history"> <li> <p>· KISA 신고 접수 건 전달 및 광고표기 준수 안내 요청</p> <span style="padding:6px 0 0 10px;">- 개인 고객 스팸 신고(3건) 및 KISA 스팸 분류</span> </li> </ul> </td> </tr> <tr> <th>발송문구</th> <td colspan="4"> <div class="sub_table"> <table> <colgroup> <col style="width:35%;"> <col style="width:65%;"> </colgroup> <thead> <tr> <th>아이디</th> &ensp; <th>문자내용</th> </tr> </thead> <tbody> <tr> <td class="bgYellow">dfkajdkfjal</td> <td class="bgYellow">오늘 인터넷 dkfjadlkfjadlkfjadfkljadfaㅇ</td> </tr> </tbody> </table> </div> </td> </tr> <tr> <th rowspan="4">처리내역</th> <th>처리일시</th> <td>2024-07-20, 09:23</td> <th>회신형태</th> <td> <ul style="display:flex;gap:10px;align-items:center;justify-content:center;"> <li><input type="checkbox" id="email"><label for="email">이메일</label></li> <li><input type="checkbox" id="phone"><label for="phone">전화</label></li> <li><input type="checkbox" id="fax"><label for="fax">팩스</label></li> </ul> </td> </tr> <tr> <th>처리부서</th> <td>경영기획팀</td> <th>담당자</th> <td>정다은 대리</td> </tr> <tr> <th>연락처</th> <td>-</td> <th>이메일</th> <td>abcd@naver.com</td> </tr> <tr> <th>처리내역</th> <td colspan="4"> <div class="sub_table"> <table> <colgroup> <col style="width:35%;"> <col style="width:65%;"> </colgroup> <thead> <tr> <th>아이디</th> <th>문자내용</th> </tr> </thead> <tbody> <tr> <td>dfkajdkfjal</td> <td>오늘 인터넷 dkfjadlkfjadlkfjadfkljadfaㅇ</td> </tr> </tbody> </table> <p style="margin:10px 0 0 0;text-align:left;font-size:13px;">(주)다우기술 해당 ID KISA 광고규정 및 수신동의 안내 문자 발송 등 조치내용 송부(24.07.22 메일)</p> </div> </td> </tr> <tr> <th rowspan="3">첨부</th> <th>첨부1</th> <td colspan="3" style="text-align:left;"> · 다우기술 요청 메일 1부 </td> </tr> <tr> <th>첨부2</th> <td colspan="3" style="text-align:left;"> · 다우기술 요청 메일 1부 </td> </tr> <th>첨부3</th> <td colspan="3" style="text-align:left;"> · 다우기술 요청 메일 1부 </td> </tbody> <tfoot> <tr> <td colspan="5"> <p class="date">2024년 07월 22일</p> <img src="/publish/images/itn_logo_black.png" alt="" style="width:150px"> </td> </tr> </tfoot> </table> </div> <div class="est_btn_wrap"> <button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button> </div> </div> </div>  </body> </html>