mjon_git/src/main/webapp/WEB-INF/jsp/web/com/engWebCommonHeader.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="hd_top" style="background: white;">
			<h1><a href="/eng/main.do"><img src="/img/eng_logo.png" alt="home"></a></h1>
			<!-- <div id="skip_to_container"><a href="#container">main go</a></div> -->
			<div class="utill">
				<div class="eng_top gradient_gr"><a href="/" target="_blank">Korea</a></div>
				<ul>
					<li id="utill_ct"><a href="#"><img src="/img/top_list_btn.png" alt="sitemap"></a></li>
				</ul>
				<div id="utill_sitemap">
					<div class="us_wr">
						<div class="us_tbx">
							<ul class="us_tbx_ul01">
								<li>
									<p>MAIN INITIATIVES</p>
									<ul class="us_tbx_ul02">
										<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=01">Promotion of Korea Culture</a></li>
										<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=02">Increasing Industrial Competition</a></li>
										<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=03">Exchanges and Cooperations</a></li>
										<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=04">Additional Initiatives</a></li>
									</ul>
								</li>
								<li>
									<p>ABOUT KCDF</p>
									<ul class="us_tbx_ul02">
										<li><a href="/eng/web/content.do?proFn=eng_President">Message from the President</a></li>
										<li><a href="/eng/web/content.do?proFn=eng_Establishment">Establishment & History</a></li>
										<li><a href="/eng/web/content.do?proFn=eng_Mission">Mission & Vision</a></li>
										<li><a href="/eng/web/content.do?proFn=eng_Organization">Organization Chart</a></li>
									</ul>
								</li>
								
								<li>
									<p>FACILITIES</p>
									<ul class="us_tbx_ul02">
										<li><a href="/eng/web/content.do?proFn=eng_Gallery">KCDF Gallery</a></li>
										<li><a href="/eng/web/content.do?proFn=eng_Culture">Culture Station Seoul 284</a></li>
									</ul>
								</li>
								
								<li>
									<p>CONTACT DETAILS</p>
									<ul class="us_tbx_ul02">
										<li><a href="/eng/web/content.do?proFn=eng_Contact">CONTACT DETAILS</a></li>
									</ul>
								</li>
							</ul>
							<button type="button" class="pop_close"><span class="sound_only">category </span>close</button>
						</div>
					</div>
				</div>
				<script>
					$(function (){
						var $category = $("#utill_sitemap");

						$("#utill_ct").on("click", function() {
							$category.css("display","block");
						});

						$("#utill_sitemap .pop_close").on("click", function(){
							$category.css("display","none");
						});
					});

				</script>
			</div>
			<button type="button" id="hd_ct">category</button>
			<div id="category">
				<div class="category_logo"><h1><a href="/eng/main.do"><img src="/img/eng_logo.png" alt="home"></a></h1></div>
				<div class="ct_wr">
					<div id="tabs">
						<div class="tab_btn c-tabs-nav">
							<ul>
								<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=01" class="c-tabs-nav__link">MAIN INITIATIVES</a></li>
								<li><a href="/eng/web/content.do?proFn=eng_President"" class="c-tabs-nav__link">ABOUT KCDF</a></li>
							</ul>
						</div>
						<div class="tab_list">
							<div class="c-tab is-active">
								<ul class="ct_wr_lists">
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=01">Promotion of Korea Culture</a></li>
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=02">Increasing Industrial Competition</a></li>
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=03">Exchanges and Cooperations</a></li>
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=04">Additional Initiatives</a></li>
								</ul>
							</div>
							<div class="c-tab">
								<ul class="ct_wr_lists">
									<li><a href="/eng/web/content.do?proFn=eng_President"">Message from the President</a></li>
									<li><a href="/eng/web/content.do?proFn=eng_Establishment">Establishment & History</a></li>
									<li><a href="/eng/web/content.do?proFn=eng_Mission">Mission & Vision</a></li>
									<li><a href="/eng/web/content.do?proFn=eng_Organization">Organization Chart</a></li>
								</ul>
							</div>
						</div>
					</div>
					<script>
					  var myTabs = tabs({
						el: '#tabs',
						tabNavigationLinks: '.c-tabs-nav__link',
						tabContentContainers: '.c-tab'
					  });

					  myTabs.init();
					</script>
					<button type="button" class="pop_close"><span class="sound_only">category </span>close</button>
				</div>
			</div>
			<script>
				$(function (){
					var $category = $("#category");

					$("#hd_ct").on("click", function() {
						$category.css("display","block");
					});

					$("#category .pop_close").on("click", function(){
						$category.css("display","none");
					});

					
				});

			</script>
		</div>
		<div id="nav">
			<ul class="select">
				<li style="margin-left: 1px;"><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=01"><b>MAIN INITIATIVES</b></a>
					<div class="sub">
						<div class="sub_bx">
							<div class="sub_left haed_left_icon3">
								<p class="hight_tit">MAIN INITIATIVES</p>
								<p class="hight_txt">KCDF Business</p>
							</div>
							<div class="sub_right">
								<ul>
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=01">Promotion of Korea Culture</a></li>
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=02">Increasing Industrial Competition</a></li>
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=03">Exchanges and Cooperations</a></li>
									<li><a href="/eng/web/cop/bbs/selectBizIntroList.do?bizCode=04">Additional Initiatives</a></li>
									
								</ul>
							</div>

						</div>
					</div>
				</li>
				<li style="margin-left: 80px;"><a href="/eng/web/content.do?proFn=eng_President"><b>ABOUT KCDF</b></a>
					<div class="sub">
						<div class="sub_bx">
							<div class="sub_left haed_left_icon4">
								<p class="hight_tit">ABOUT KCDF </p>
								<p class="hight_txt">About KCDF INSTITUTIONAL</p>
							</div>
							<div class="sub_right">
								<ul>
									<li><a href="/eng/web/content.do?proFn=eng_President">Message from the President</a></li>
									<li><a href="/eng/web/content.do?proFn=eng_Establishment">Establishment & History</a></li>
									<li><a href="/eng/web/content.do?proFn=eng_Mission">Mission & Vision</a></li>
									<li><a href="/eng/web/content.do?proFn=eng_Organization">Organization Chart</a></li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				
				<li ><a href="/eng/web/content.do?proFn=eng_President"><b>FACILITIES</b></a>
					<div class="sub">
						<div class="sub_bx">
							<div class="sub_left haed_left_icon2">
								<p class="hight_tit">FACILITIES </p>
								<p class="hight_txt"></p>
							</div>
							<div class="sub_right">
								<ul>
									<li><a href="/eng/web/content.do?proFn=eng_Gallery">KCDF Gallery</a></li>
									<li><a href="/eng/web/content.do?proFn=eng_Culture">Culture Station Seoul 284</a></li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				
				
				<li ><a href="/eng/web/content.do?proFn=eng_Contact"><b>CONTACT DETAILS</b></a>
					<div class="sub">
						<div class="sub_bx">
							<div class="sub_left haed_left_icon5">
								<p class="hight_tit">CONTACT DETAILS</p>
								<p class="hight_txt"></p>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>