<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>KG</title>
<link href="css/common.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./css/slick.css" type="text/css">
<link rel="stylesheet" href="./css/slick-theme.css" type="text/css">
<link href="css/main.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="./js/slick.min.js" type="text/javascript"></script>
<script src="./js/main.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<header id="header">
<h1><a href="#"><img src="images/logo.gif" alt="KG"></a></h1>
<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>
</header>
<article id="main_visual">
<div class="banner">
<div class="ban1">
<div class="inner">
<h2>thinK Great<br>
존경받는 기업, 자랑스런 회사</h2>
<p class="eng">A respected company, a proud company.</p>
</div>
</div>
<div class="ban2">
<div class="inner">
<h2>thinK Great<br>
존경받는 기업, 자랑스런 회사</h2>
<p class="eng">A respected company, a proud company.</p>
</div>
</div>
<div class="ban3">
<div class="inner">
<h2>thinK Great<br>
존경받는 기업, 자랑스런 회사</h2>
<p class="eng">A respected company, a proud company.</p>
</div>
</div>
</div>
</article>
<div id="contents" class="inner">
<section class="biz clearfix">
<div class="biz_tit">
<h2>사업영역</h2>
<p>KG그룹의 다양한<br>
사업영역을 소개합니다.</p>
</div>
<ul class="biz_part">
<li><a href="#">화학</a></li>
<li><a href="#">철강</a></li>
<li><a href="#">컨설팅</a></li>
<li><a href="#">교육</a></li>
</ul>
</section>
<section class="pr clearfix">
<div class="pr_movie">
<iframe width="800" height="450" 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="pr_tit">
<h2>홍보영상</h2>
<p>개인과 사회적 가치를 창조하는 기업<br>KG그룹을 영상으로 만나보세요!</p>
<a href="#" class="detail">더보기</a>
</div>
</section>
</div>
<footer id="footer">
<div class="inner">
<p class="footer_logo"><img src="images/foot_logo.png" alt="KG"></p>
<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"></a></li>
<li><a href="#"><img src="images/blog.png" alt="blog"></a></li>
<li><a href="#"><img src="images/youtube.png" alt="youtube"></a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>