-=[ Mr. Bumblebee ]=-
_Indonesia_

Path : /var/www/html/z_product.bk.230817/
File Upload :
Current File : /var/www/html/z_product.bk.230817/print_transact.html

<!doctype html>
<html>
<head>
<meta charset="euc-kr">
<title>축구반티 싸커넷</title>
<style>
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-size:9pt;
	font-family:dotum, gulim, sans-serif;
	font-weight:normal;
	color:#000000;
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#wrapper {
	margin:0;
	padding:0;
}
#Paper {
	width: 128mm;
	min-height:182mm;
	padding: 5mm;
	margin: 10mm auto;
	border:0;
	border-radius: 0;
	background: #ffffff;
}
@Paper {
	size: B6;
	margin: 0;
}

@media print {
html, body {
	width: 128mm;
	height: 182mm;        
}
#Paper {
	margin: 0;
	border: initial;
	border-radius: initial;
	width: initial;
	min-height: initial;
	box-shadow: initial;
	background: initial;
	page-break-after: always;
}
}

.head {
	clear:both;
	margin-bottom:10px;
	line-height:1;
	text-align:center;
	font-size:18pt;
	font-weight:bold;
	letter-spacing:20px;
}

.Transact-Form {
	width:100%;
}
.Transact-Form table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.Transact-Form table > * {
	border:1px solid #333;
}
.Transact-Form table > :not(caption) > *  {
	border-bottom:1px solid #c0c0c0;
}
.Transact-Form table > :not(caption) > tr:last-child {
	border-bottom:0px;
}
.Transact-Form table._detail > tbody > *  {
	border-bottom-style:dashed;
}
.Transact-Form table > * > * > * {
	padding:6px 4px;
	vertical-align:middle;
	border-right:1px solid #c0c0c0;
}
.Transact-Form table > * > * > :last-child {
	border-color:#333333;
}
.Transact-Form td {
	font-size:inherit;
}
.Transact-Form th {
	text-align:center;
	font-weight:bold;
}
.Transact-Form .table-head {}
.Transact-Form .table-body {
	margin-top:-1px;
}

.txtcenter {text-align:center;}
.txtleft {text-align:left;}
.txtright {text-align:right;}

.total {
	font-size:10pt;
	font-weight:bold;
}
.total-fleft {
	float:left;
}
.total-fright {
	float:right;
}

.bill_sign {
	position:relative;
	padding-right:35px;
}
.bill_sign::after {
	content:'';
	display:block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-20px;
	width:33px;
	height:40px;
	vertical-align:middle;
	padding-right:30px;
	background:url(/product/img/soccernet_bill_sign.png) no-repeat 100% 50%;
	background-size:33px 40px;
}

.button-group {
	clear:both;
	margin:20px 0px;
	text-align:center;
}
.button-group > * {
	margin-left:5px;
	margin-right:5px;
}
.bt_print {
	cursor:pointer;
	padding:7px 12px;
	text-align:center;
	font-size:14px;
	color:#000;
	background-color:#c7dbfa;
	border:1px solid #a7b9d5;
	border-radius:3px;
}
.bt_print:focus {
	outline:none;
}
.btprint_Business {
	background-color:#eddafb;
	border-color:#dacae6;
}
.btprint_Bank {
	background-color:#ffd738;
	border-color:#f3b805;
}
</style>
</head>

<body>
<div id="wrapper">
  <div id="Paper">
      <div class="head">견적서</div>
      <div class="Transact-Form">
          <div class="table-head">
          <table cellspacing="0" cellpadding="0">
          <colgroup>
          <col width="32%">
          <col width="6%">
          <col width="16%">
          <col width="16%">
          <col width="6%">
          <col width="24%">
          </colgroup>
            <tbody>
              <tr>
                <td class="txtcenter">2021년&nbsp;10월&nbsp;14일</td>
                <td rowspan="4" class="txtcenter">공 급 자</td>
                <td class="txtcenter">등록번호</td>
                <td colspan="3" class="txtcenter"><strong>808-30-00231</strong></td>
              </tr>
              <tr>
                <td class="txtcenter">상호//이름</td>
                <td class="txtcenter">상&nbsp;호</td>
                <td class="txtcenter">싸커넷</td>
                <td class="txtcenter">성명</td>
                <td class="txtcenter"><div class="bill_sign">김복순</div></td>
              </tr>
              <tr>
                <td class="txtcenter">귀하</td>
                <td class="txtcenter">사 업 장<br>
                  소 재 지</td>
                <td colspan="3" class="txtleft">서울 중구 청구로21길 41-9 B동 401호</td>
              </tr>
              <tr>
                <td class="txtcenter">아래와 같이 견적합니다.</td>
                <td class="txtcenter">업&nbsp;태</td>
                <td class="txtcenter">소매업</td>
                <td class="txtcenter">종목</td>
                <td class="txtcenter">전자상거래업</td>
              </tr>
            </tbody>
          </table>
          </div>
          <div class="table-body">
          <table cellspacing="0" cellpadding="0">
          <colgroup>
          <col width="23%">
          <col width="77%">
          </colgroup>
            <tbody>
              <tr>
                <td class="txtcenter">합계금액<br>(공급가액+세액)</td>
                <td class="total"><div class="total-fleft">일금 :  합계금액 정</div><div class="total-fright">(\&nbsp;합계금액)</div></td>
              </tr>
            </tbody>
          </table>
          </div>
          <div class="table-body">
          <table cellspacing="0" cellpadding="0" class="_detail">
          <colgroup>
          <col width="36%">
          <col width="17%">
          <col width="17%">
          <col width="17%">
          <col width="13%">
          </colgroup>
            <thead>
              <tr>
                <th class="txtcenter">품&nbsp;&nbsp;&nbsp;&nbsp;명</th>
                <th class="txtcenter">수량</th>
                <th class="txtcenter">단가</th>
                <th class="txtcenter">금액</th>
                <th class="txtcenter">비고</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="txtcenter">모델명상의/긴팔</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">VAT포함</td>
              </tr>
              <tr>
                <td class="txtcenter">모델명상의/반팔</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">VAT포함</td>
              </tr>
              <tr>
                <td class="txtcenter">모델명하의</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">VAT포함</td>
              </tr>
              <tr>
                <td class="txtcenter">인쇄비합계</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">VAT포함</td>
              </tr>
              <tr>
                <td class="txtcenter">양말</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">VAT포함</td>
              </tr>
              <tr>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
              <tr>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
              <tr>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
              <tr>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
              <tr>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
              <tr>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
              <tr>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
            </tbody>
            <tfoot>
              <tr>
                <th class="txtcenter">합계</th>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
                <td class="txtcenter">&nbsp;</td>
              </tr>
            </tfoot>
          </table>
          </div>
      </div>
  </div>
  <div class="button-group">
  <button type="button" class="bt_print">견적서 인쇄</button>
  <button type="button" class="bt_print btprint_Business">사업자등록증 인쇄</button>
  <button type="button" class="bt_print btprint_Bank">통장사본 인쇄</button>
  </div>
</div>
</body>
</html>

Copyright © 2017 || Recoded By Mr.Bumblebee