<!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>건물현황</p></li><!-- 날짜 -->
<li></li>
</ul>
<div style="clear:both;"></div>
</header>
<!-- 헤드 -->
<!-- 네비게이션 -->
<nav>
<ul>
<li class="active"><a>건물정보</a></li><!-- 선택 된 상태일때 addClass 'active'-->
<li><a>호실별정보</a></li>
<li><a>임대료내역</a></li>
</ul>
<div style="clear:both;"></div>
</nav>
<!-- 네비게이션 -->
<!-- 리스트 -->
<div class="contant con2 buil_list">
<ul>
<li>
<a></a>
<a style="font-weight:bold;">건물정보</a>
<a></a>
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></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><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>건물주소</a><!-- 이름 -->
<a>서울시 강남구 학동로 19길 5</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>계약만기</a><!-- 이름 -->
<a>2020.08.11</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
</ul>
</div>
<div class="contant con2 buil_list">
<ul>
<li>
<a></a>
<a style="font-weight:bold;">호실정보</a>
<a></a>
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>호실수</a><!-- 이름 -->
<a>30호</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>입주수</a><!-- 이름 -->
<a>20호</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>공실수</a><!-- 이름 -->
<a>2호</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>퇴실예정</a><!-- 이름 -->
<a>6호</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>입실예정</a><!-- 이름 -->
<a>7호</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
</ul>
</div>
<div class="contant con2 buil_list">
<ul>
<li>
<a></a>
<a style="font-weight:bold;">건물주정보</a>
<a></a>
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></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>01012345678</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>주소</a><!-- 이름 -->
<a>서울시 강남구 논현동 19길 5</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>건물주계좌</a><!-- 이름 -->
<a>신한 110-000-000000</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
</ul>
</div>
<div class="contant con2 buil_list">
<ul>
<li>
<a></a>
<a style="font-weight:bold;">기타정보</a>
<a></a>
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></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>20일</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>공실율</a><!-- 이름 -->
<a style="background:url('img/ic_list_arrow.png') no-repeat center right; padding-right:8%;">5.67%</a><!-- 내용 -->
</li>
<div style="clear:both;"></div>
</ul>
</div>
<!-- 리스트 -->
<!-- 비고 -->
<div class="note">
<div>
<ul class="text1">
<li>비고</li>
<li>비고내용입니다.</li><!-- 비고내용 -->
</ul>
</div>
</div>
<!-- 비고 -->
</div>
</body>
</html>