<!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;
}
#wrap {
margin: 0 auto;
padding: 50px;
width: 900px;
border: 1px solid #ddd;
}
#wrap::after {
content: "";
clear: both;
display: block;
}
#wrap h1 {
font-size: 45px;
}
#wrap h2 {
font-size: 20px;
}
h2 span {
color: #007ac2;
}
.contents h3 {
font-size: 20px;
border-bottom: 3px solid #000;
}
.RandD_Center {
padding: 20px 0px 25px;
}
.RandD_Center .imgRD {
float: left;
}
.RandD_Center .txtRD {
float: right;
}
.Leadership_Center {
padding-top: 145px;
}
.Leadership_Center .imgLC {
float: left;
}
.Leadership_Center .txtLC {
float: right;
}
#wrap h4{
color: #fff;
background-color: #007ac2;
}
#wrap ul {
padding: 10px 25px;
}
</style>
</head>
<body>
<div id="wrap">
<h1>건축사업</h1>
<h2>ONLYONE 건축물 창조로 <span>새로운 문화</span>를 만듭니다.</h2>
<p>
하나의 빌딩을 짓는 것은 단순한 공간을 만드는 것이 아니라 새로운 역사를 만들어가는 것입니다.
세상을 놀라게 하는 CJ건설의 ONLYONE 건축물은 새로운 문화를 창조합니다.
</p>
<div class="contents">
<h3>교육연구시설</h3>
<div class="RandD_Center">
<div class="imgRD">
<img src="./images/building_01.jpg" alt="CJ R&D Center image">
</div>
<div class="txtRD">
<h4>CJ제일제당 R&D센터</h4>
<ul>
<li><strong>위치</strong> : 경기도 수원시 영통구</li>
<li><strong>공사기간</strong> : 2012년 4월 ~ 2014년 8월</li>
<li><strong>규모</strong> : 지하3층 ~ 지상12층</li>
</ul>
</div> <!-- txtRD end -->
</div> <!-- RandD_Center end -->
<div class="Leadership_Center">
<div class="imgLC">
<img src="./images/building_02.jpg" alt="CJ Leadership Center image">
</div>
<div class="txtLC">
<h4>CJ인재원 Leadership Center</h4>
<ul>
<li><strong>위치</strong> : 서울시 중구 필동</li>
<li><strong>공사기간</strong> : 2006년 4월 ~ 2008년 4월</li>
<li><strong>규모</strong> : 지하5층 ~ 지상4층</li>
</ul>
</div> <!-- txtLC end -->
</div> <!-- Leadership_Center end -->
</div> <!-- contents end -->
</div> <!-- wrap end -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.