청구서_월세상세.html 3.23 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="Wrap" style="height:100%">

<!-- 헤드 -->
<header>
	<ul>
		<li><img src="img/btn_top_back_over.png" alt="back" width="20%"/></li>
		<li><p>2017.01</p></li><!-- 날짜 -->
		<li></li>
	</ul>
	<div style="clear:both;"></div>
</header>
<!-- 헤드 -->

<!-- 납부기한/금액 -->
<div class="contant con1">
	<dl>
		<dt>납부기한 : <span>2017.01.12</span></dt>
		<dd>총 금액은 <span style="font-size:15px; color:#ff0000; font-weight:bold";>150,000</span> 원 입니다.</dd>
	</dl>
</div>
<!-- 납부기한/금액 -->

<!-- 리스트 -->
<div class="contant con2">
	<ul>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>일반관리비</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>인터넷+케이블</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>렌트</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>기타</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>월세</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<li class="used rent">
			<a></a>
			<a>소계 <span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
	</ul>
</div>

<div class="contant con2">
	<ul>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>당월부과액</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>전월 미납액(연체료 포함)</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>납기 내 금액</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
	</ul>
</div>

<div class="contant con2">
	<ul>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>당월연체료</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>납기 후 금액</a><!-- 이름 -->
			<a><span>60,000</span></a><!-- 금액 -->
		</li>
		<div style="clear:both;"></div>
	</ul>
</div>
<!-- 리스트 -->

<!-- 계좌 -->
<div class="bank">
	<div>
		<ul class="text1">
			<li>입금은행</li>
			<li>계좌번호</li>
		</ul>
		<ul class="text2">
			<li>신한</li><!-- 은행 -->
			<li>111-111-111111 (최봉수)</li><!-- 계좌번호 -->
		</ul>
	</div>
</div>
<!-- 계좌 -->


</div>
</body>
</html>