134 lines
6.3 KiB
HTML
134 lines
6.3 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">
|
|
|
|
</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: 60px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>등록번호</th>
|
|
<td>123-45-67890</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="letter-spacing:-0.69px;">상    호</th>
|
|
<td>주식회사 OOO</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="letter-spacing:-0.69px;">성    명</th>
|
|
<td>홍길동</td>
|
|
</tr>
|
|
<tr>
|
|
<th>전화번호</th>
|
|
<td>02-000-1111</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="letter-spacing:-0.85px;">이 메 일</th>
|
|
<td>hgd@gmail.com</td>
|
|
</tr>
|
|
|
|
<tr style="border-bottom:0;">
|
|
<td colspan="2" class="colspan" style="padding:20px 0 0 0;"><span>주식회사 OOO </span>님의 사용내역(2024-01-01 ~ 2024-07-19)을 아래와 같이 확인합니다. </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="cont3">
|
|
<div class="est_table2_wrap" style="margin:-10px 0 0 0;">
|
|
<table class="est_table2">
|
|
<caption>사용일시, 문자유형, 발송건수, 사용금액(VAT 별도) 정보를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 25%;">
|
|
<col style="width: 25%;">
|
|
<col style="width: 25%;">
|
|
<col style="width: 25%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">사용일시</th>
|
|
<th scope="col">문자유형</th>
|
|
<th scope="col">발송건수</th>
|
|
<th scope="col">사용금액(VAT 별도)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>2024-07-18 12:11</td>
|
|
<td>단문</td>
|
|
<td>1</td>
|
|
<td>7.5</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>2</td>
|
|
<td>15</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="cont2 clearfix">
|
|
<p>총 사용금액<span style="font-size:12px;font-weight:300;">(세금계산서 발행 시 월단위 미만 절사)</span></p>
|
|
<p><span>385,000</span> 원</p>
|
|
</div>
|
|
</div>
|
|
<div class="cont5">
|
|
<p><span>2021</span> 년 <span>6</span> 월 <span>17</span> 일</p>
|
|
<div>
|
|
<span></span>
|
|
<span>주식회사 아이티앤</span>
|
|
<span>유 인 식 (인)</span>
|
|
</div>
|
|
</div>
|
|
</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>
|