<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>회사개요</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
}
a {
color: #000;
text-decoration: none;
}
#container {
margin: 45px auto;
width: 1200px;
}
.contents {
width: 950px;
float: left;
}
.contents h1 {
margin-bottom: 15px;
padding-bottom: 15px;
font-size: 40px;
border-bottom: 3px solid #ccc;
}
.contents img {
margin-bottom: 35px;
}
.tbCompany {
width: 450px;
float: left;
border-top: 3px solid #02ac91;
}
.tbCompany th {
padding: 10px 40px;
width: 150px;
background-color: #eee;
border-bottom: 1px solid #ccc;
}
.tbCompany td {
padding: 10px 20px;
width: 300px;
border-bottom: 1px solid #ccc;
}
.txtCompany {
width: 450px;
float: right;
}
.txtCompany span {
color: #02ac91;
}
.lnb {
width: 200px;
float: right;
}
.lnb ul {
margin-top: 30px;
}
.lnb ul li a {
padding: 10px;
display: block;
background: #eee;
border-bottom: 1px solid #fff;
}
.lnb ul li a:hover, .lnb ul li a.on {
color: #fff;
background: #02ac91;
}
</style>
</head>
<body>
<div id="container">
<!-- width: 1200px; -->
<div class="contents">
<!-- width: 950px; float:left; -->
<h1>회사개요</h1>
<img src="images/gc_company.jpg" alt="녹십자 전경 이미지">
<div class="tbCompany">
<table>
<tr>
<th>기업명</th>
<td>(주)녹십자</td>
</tr>
<tr>
<th>설립일</th>
<td>1969년 11월 01일</td>
</tr>
<tr>
<th>대표이사</th>
<td>허은철 사장</td>
</tr>
<tr>
<th>대표업종</th>
<td>의약품 제조 및 판매 등</td>
</tr>
</table>
</div>
<div class="txtCompany">
<p>지난 반세기 동안 국내 생명공학산업을 선도해 왔던 녹십자가 이제 인류 모두의 행복한 내일을 위한 <span>‘건강산업의 글로벌 리더’</span>로 새롭게 거듭나고 있습니다.
이를 위해 녹십자는 창의와 도전의 정신을 바탕으로 녹색의 십자가 의미하는 <span>봉사와 배려, 정도와 정의</span>를 지키고 <span>인간을 존중</span>할 것을 약속합니다.
</p>
</div><!-- txtCompany end -->
</div> <!-- contents end -->
<div class="lnb">
<!-- width:200px; float:right; -->
<ul>
<li><a class="on" href="#">회사개요</a></li>
<li><a href="#">기업정신</a></li>
<li><a href="#">연구개발</a></li>
<li><a href="#">투자정보</a></li>
</ul>
</div> <!-- lnb end -->
</div> <!-- container end -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.