<!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"> <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>