<!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>kg</title>
<link rel="stylesheet" href="./css/common.css" type="text/css">
<link rel="stylesheet" href="./css/main.css" type="text/css">
</head>
<body>
<div id="wrap">
<header id="header" class="inner">
<h1><a href="index.html"><img src="./images/logo.gif" alt="logo image"></a></h1>
<nav>
<ul class="gnb">
<li><a href="#">그룹소개</a>
<ul class="depth2">
<li><a href="#">인사말</a></li>
<li><a href="#">경영철학</a></li>
<li><a href="#">연혁</a></li>
<li><a href="#">오시는 길</a></li>
</ul>
</li>
<li><a href="#">사업영역</a>
<ul class="depth2">
<li><a href="#">화학</a></li>
<li><a href="#">철강</a></li>
<li><a href="#">컨설팅</a></li>
<li><a href="#">교육</a></li>
</ul>
</li>
<li><a href="#">사회공헌</a>
<ul class="depth2">
<li><a href="#">사회공헌철학</a></li>
<li><a href="#">사회공헌활동</a></li>
<li><a href="#">선현재단</a></li>
</ul>
</li>
<li><a href="#">홍보센터</a>
<ul class="depth2">
<li><a href="#">공지사항</a></li>
<li><a href="#">홍보자료</a></li>
<li><a href="#">페이스북</a></li>
</ul>
</li>
<li><a href="#">인재채용</a>
<ul class="depth2">
<li><a href="#">인재상</a></li>
<li><a href="#">채용제도</a></li>
<li><a href="#">채용공고</a></li>
</ul>
</li>
</ul>
</nav>
</header> <!-- header end -->
<article id="mainVisual">
<h2 class="inner">
thinK Great<br>
존경받는 기업, 자랑스런 회사
</h2>
<p class="inner">
A respected company, a proud company
</p>
</article> <!-- mainVisual end -->
<div id="contents" class="inner clearfix">
<div class="bizContents clearfix">
<div class="biz">
<h3>사업영역</h3>
<p>
KG그룹의 다양한<br>
사업영역을 소개합니다.
</p>
</div> <!-- biz end -->
<div class="bizIntro">
<div class="KGbiz KGbiz1">
<!-- <img src="./images/biz_01.png" alt="biz_01 image"> -->
<h4><a href="#">화학</a></h4>
</div>
<div class="KGbiz KGbiz2">
<h4><a href="#">철강</a></h4>
</div>
<div class="KGbiz KGbiz3">
<h4><a href="#">컨설팅</a></h4>
</div>
<div class="KGbiz KGbiz4">
<h4><a href="#">교육</a></h4>
</div>
</div> <!-- bizIntro -->
</div> <!-- bizContents end -->
<div class="promo clearfix">
<div class="promoVideo">
<iframe width="560" height="315" src="https://www.youtube.com/embed/wFRAAqp0_6c"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="KGpromo clearfix">
<h3>홍보영상</h3>
<p>
개인과 사회적 가치를 창조하는 기업<br>
KG그룹을 영상으로 만나보세요!
</p>
<div class="more">
<a href="#">더보기</a>
</div>
</div> <!-- KGpromo end -->
</div> <!-- promo end -->
</div> <!-- contents end -->
<footer id="footer">
<div class="inner clearfix">
<div class="footerLogo">
<img src="./images/foot_logo.png" alt="footerLogo image">
</div>
<address>
서울특별시 중구 통일로 92, KG타워 <span>대표전화 : 02-3772-0111</span>
</address>
<p class="copy">
COPYRIGHT © BY KG GROUP. ALL RIGHT RESERVED.
</p>
<ul class="sns">
<li><a href="#"><img src="./images/facebook.png" alt="facebook image"></a></li>
<li><a href="#"><img src="./images/blog.png" alt="blog image"></a></li>
<li><a href="#"><img src="./images/youtube.png" alt="youtube image"></a></li>
</ul>
</div>
</footer>
</div> <!-- wrap end -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.