<!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 style="background:#444"> <div class="Wrap" style="height:100%"> <div class="pop pop3_1"> <ul class="head"> <li>o</li> <li class="title">세부 사용량</li> <li style="text-align:right;"><img src="img/btn_pop_x.png" alt="esc" width="30%" style="padding:9px 12px 0px 0px;"/></li> <div style="clear:both;"></div> </ul> <!-- 리스트 --> <div class="contant pop3"> <ul> <li> <a></a> <a></a> <a></a> <a>전월</a> <a>당월</a> </li> <div style="clear:both;"></div> <li> <a><img src="img/circle_bg.png" width="100%"/></a> <a>가스</a><!-- 이름 --> <a></a> <a>600</a><!-- 사용량 --> <a>600</a> </li> <div style="clear:both;"></div> <li> <a><img src="img/circle_bg.png" width="100%"/></a> <a>전기</a><!-- 이름 --> <a></a> <a>600</a><!-- 사용량 --> <a>600</a> </li> <div style="clear:both;"></div> <li> <a><img src="img/circle_bg.png" width="100%"/></a> <a>수도</a><!-- 이름 --> <a></a> <a>600</a><!-- 사용량 --> <a>600</a> </li> <div style="clear:both;"></div> </ul> <ul> <li> <a></a> <a></a> <a></a> <a></a> <a>사용량</a> </li> <div style="clear:both;"></div> <li> <a><img src="img/circle_bg.png" width="100%"/></a> <a>가스</a><!-- 이름 --> <a></a> <a></a> <a>600</a><!-- 사용량 --> </li> <div style="clear:both;"></div> <li> <a><img src="img/circle_bg.png" width="100%"/></a> <a>전기</a><!-- 이름 --> <a></a> <a></a> <a>600</a><!-- 사용량 --> </li> <div style="clear:both;"></div> <li> <a><img src="img/circle_bg.png" width="100%"/></a> <a>수도</a><!-- 이름 --> <a></a> <a></a> <a>600</a><!-- 사용량 --> </li> <div style="clear:both;"></div> </ul> </div> <!-- 리스트 --> </div> </div> </body> </html>