<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>해외사업</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "맑은 고딕";
font-size: 16px;
line-height: 1.5;
}
table {
border-collapse: collapse;
}
ol, ul {
list-style: none;
}
#wrap {
padding: 50px;
width: 900px;
height: 835px;
border: 1px solid #017db9;
}
#wrap h1 {
color: #017db9;
}
#wrap p {
background-color: #cde5f1;
}
#wrap h2 {
color: #fff;
background-color: #017db9;
}
.bot {
float: left;
}
.contents {
float: left;
}
.imgBiz {
float: left;
}
</style>
</head>
<body>
<div id="wrap">
<h1>해외사업</h1>
<p>
전세계에 다양한 물 사업을 폭넓게 펼치는 곳에 K-water가 있습니다. <br>
K-water가 해외사업으로 세계와 하나되는 멋진 기술을 가득 담고 있습니다.
</p>
<div class="bot">
<div class="contents">
<h2>파키스탄 Patrind 수력발전 BOT 사업</h2>
<ul>
<li>시설용량 : 150MW</li>
<li>총사업비 : 436백만 USD</li>
<li>사업기간 : 34년(건설 4년, 운영관리 30년)</li>
<li>사업위치 : 파키스탄 AJ&K주</li>
</ul>
</div>
<div class="imgBiz">
<img src="./images/global_01.png" alt="k-water image">
</div>
</div>
<div class="manage">
<div class="contents">
<h2>상수도운영관리사업</h2>
<ul>
<li>시설용량 : 7,220m<sup>2</sup>일</li>
<li>총사업비 : 416억원</li>
</ul>
</div>
<div class="imgBiz">
<img src="./images/global_02.png" alt="manage image">
</div>
</div>
<div class="MandA">
<div class="contents">
<h2>필리핀 Angat 수력발전 사업 (M&A)</h2>
<ul>
<li>시설용량 : 218MW</li>
<li>총사업비 : 469백만 USD</li>
<li>사업기간 : 50년(2014.11 ~ 2064.10)</li>
<li>사업위치 : 필리핀 Bulacan 주</li>
</ul>
</div>
<div class="imgBiz">
<img src="./images/global_03.png" alt="M&A image">
</div>
</div>
</div> <!-- wrap end -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.