160 lines
6.6 KiB
HTML
160 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>사용내역서</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/publish/css/reset.css">
|
|
<link rel="stylesheet" href="/publish/css/common.css">
|
|
<link rel="stylesheet" href="/publish/css/estimate.css">
|
|
<link rel="stylesheet" href="/publish/css/font.css">
|
|
<link rel="stylesheet" href="/publish/css/button.css">
|
|
|
|
<style type="text/css">
|
|
.blank {
|
|
margin: 0 11.5px;
|
|
}
|
|
|
|
.est_table2_wrap {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.est_table2 {
|
|
border: 0 none;
|
|
}
|
|
|
|
.est_table2 tbody td:first-child {
|
|
border-left: 0 none;
|
|
}
|
|
|
|
.est_table2 tbody tr:last-child th,
|
|
.est_table2 tbody tr:last-child td {
|
|
border-bottom: 0 none;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="estimate_wrap">
|
|
<div class="estimate">
|
|
<div class="est_head clearfix">
|
|
<img src="/publish/images/CI.png" alt="문자온 CI">
|
|
<div class="clearfix">
|
|
<p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
|
|
<p>TEL 1551-8011</p>
|
|
</div>
|
|
</div>
|
|
<div class="est_body">
|
|
<h2>사용내역서</h2>
|
|
<div class="cont1 tb_ver2">
|
|
<div>
|
|
<p>수신자</p>
|
|
<table class="est_table">
|
|
<caption>수신자 정보</caption>
|
|
<colgroup>
|
|
<col style="width: 50px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>등록번호</th>
|
|
<td>사업자등록번호(개인회원인 경우 하이픈(-) 처리)</td>
|
|
</tr>
|
|
<tr>
|
|
<th>상<span class="blank"></span>호</th>
|
|
<td>기업명 (개인회원인 경우 하이픈(-) 처리)</td>
|
|
</tr>
|
|
<tr>
|
|
<th>성<span class="blank"></span>명</th>
|
|
<td>가입자명</td>
|
|
</tr>
|
|
<tr>
|
|
<th>전화번호</th>
|
|
<td>가입자 연락처</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="letter-spacing:-0.85px;">이 메 일</th>
|
|
<td>가입자 이메일</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" style="text-align:center;"><span>주식회사OOO</span>님의 사용내역(2024-01-01~2024-07-19)을 아래와 같이 확인합니다.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="cont3">
|
|
<p>(단위 : 원, 건)</p>
|
|
<div class="est_table2_wrap">
|
|
<table class="est_table2">
|
|
<caption>사용일시, 문자유형, 발송건수, 사용금액을 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width:20%;">
|
|
<col style="width:20%;">
|
|
<col style="width:20%;">
|
|
<col style="width:auto;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">사용일시</th>
|
|
<th scope="col">문자유형</th>
|
|
<th scope="col">발송건수</th>
|
|
<th scope="col">사용금액</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>2024-07-18 12:11</td>
|
|
<td>단문</td>
|
|
<td>1</td>
|
|
<td>75</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2024-07-18 12:11</td>
|
|
<td>장문</td>
|
|
<td>2</td>
|
|
<td>64</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2024-07-18 12:11</td>
|
|
<td>그림</td>
|
|
<td>1</td>
|
|
<td>59</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2024-07-18 12:11</td>
|
|
<td>단문</td>
|
|
<td>1</td>
|
|
<td>75</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cont2 clearfix">
|
|
<p>총 사용금액 <span>(VAT 별도)</span></p>
|
|
<p><span>145.5</span>원</p>
|
|
</div>
|
|
<div class="cont5">
|
|
<p><span>2025 년 <span>4</span> 월 <span>28</span> 일</span></p>
|
|
<div>
|
|
<span>주식회사 아이티앤 대표이사</span>
|
|
<span>유 인 식</span>
|
|
<span class="big_stamp"><img src="/publish/images/content/big_stamp.png"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="est_btn_wrap" id="est_btn_wrap">
|
|
<button type="button" class="btnType"><i class="print_img"></i>인쇄하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |