<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!-- 레이어 팝업 -->
<c:if test="${fn:length(popupList) > 0}" >
<style>
   .pop-layer .pop-container {padding: 0px 0px;}
   .pop-layer p.ctxt {color: #666;line-height: 25px;}
   .pop-conts>p {padding:5px;}
   .pop-layer .btn-r {width: 100%; padding: 10px 0;border-top: 1px solid #DDD;text-align: right;}
   .pop-layer .btn-r p {font-size: 14px;vertical-align:middle; display:inline-block;}
   .pop-layer .btn-r a {background-color: #eee; border: 1px solid #dadada; font-size: 14px; padding:3px 10px; margin: 0 10px 0 5px; vertical-align:middle;}
   .pop-layer .btn-r input[type="checkbox"] {vertical-align:middle;}
   .pop-layer {display: none;position: absolute;background-color: #fff;border: 1px solid #d5d5d5;z-index: 10;box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.1);}
   #tdCheck+label{overflow: hidden;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
</style>
	<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
		<c:if test="${popupListData.popupType eq 'L'}">
			<style>
				#layer_pop_${popupListData.popupId}{
					top: ${popupListData.popupVrticlLc}px;
				  	left: ${popupListData.popupWidthLc}px;
				  /* 	width: ${popupListData.popupWidthSize}px; */
				  	height: auto;
				}	
			</style>
			<div id="layer_pop_${popupListData.popupId}"class="pop-layer chart-pop chart01" tabindex="0" data-tooltip-con="chart01" data-focus="chart01" data-focus-prev="chart01-close">
			    <div class="pop-container">
			        <div class="pop-conts">
			            <!--content //-->
			            ${popupListData.nttCn}
			            <div class="btn-r">
			            	<p>하루동안 창을 열지 않음</p>  <input type="checkbox" name="chkPopup" onClick="fnPopupCheck('${popupListData.popupId}' , 'layer')" onkeypress="fnPopupCheck('${popupListData.popupId}' , 'layer')" id="tdCheck">
		                	<label for="tdCheck">하루동안 창 열지않기 체크</label>
		                	<a href="#none" onclick="fn_layerClose('${popupListData.popupId}'); return false;" title="닫기" class="btn-layerClose chart-close01 tooltip-close" data-focus="chart01-close" data-focus-next="chart01">닫기</a>
			            </div>
			            <!--// content-->
			        </div>
			    </div>
			</div>
		</c:if>
	</c:forEach>
</c:if>
<!-- 레이어 팝업 끝-->
<div class="skip_menu"><a href="#con_wrapper">본문 바로가기</a></div>
<div class="hd_top">
    <h1><a href="/web/main/mainPage.do"><img src="/img/logo.png" alt="우체국 물류지원단 로고"></a></h1>
    <div id="nav">
        <ul class="select">
            <li><a href="/web/content.do?proFn=mainProject01" title="주요사업"><b>주요사업</b></a>
                <div class="sub">
                    <div class="sub_right">
                        <ul>
                            <li><a href="/web/content.do?proFn=mainProject01" title="우편물 운송">우편물 운송</a></li>
                            <li><a href="/web/content.do?proFn=mainProject03" title="소포배달">소포배달</a></li>
                            <li><a href="/web/content.do?proFn=mainProject02" title="우편물류센터 운영">우편물류센터 운영</a></li>
                            <li><a href="/web/content.do?proFn=mainProject04" title="국제물류">국제물류</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000058" title="사업실명제">사업실명제</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="/web/content.do?proFn=serviceCharter" title="참여마당"><b>참여마당</b></a>
                <div class="sub">
                    <div class="sub_right">
                        <ul>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">고객만족</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/content.do?proFn=serviceCharter" title="고객서비스 헌장">고객서비스 헌장</a></li>
                                                <li><a href="/web/content.do?proFn=serviceAction" title="서비스 이행표준">서비스 이행표준</a></li>
                                                <li><a href="/web/content.do?proFn=cs_service" title="서비스 매뉴얼">서비스 매뉴얼</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000020" title="CS 교육 및 활동">CS 교육 및 활동</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">공익신고</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/content.do?proFn=publicReport" title="공익신고 안내">공익신고안내</a></li>
                                                <li><a href="/web/content.do?proFn=claimantProtection" title="신고자 보호 안내">신고자 보호 안내</a></li>
                                                <li><a href="/web/content.do?proFn=compensationPaid" title="보상금 지급 안내">보상금 지급 안내</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000151&reportIntroYn=Y" title="클린신고센터">클린신고센터</a></li>
                            <li><a href="/web/survey/surveyList.do" title="설문조사">설문조사</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221" title="칭찬합시다">칭찬합시다</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000540&reportIntroYn=Y" title="갑질 우체통">갑질 우체통</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000541&reportIntroYn=Y" title="소극행정 신고센터">소극행정 신고센터</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000570&reportIntroYn=Y" title="안전보건 소통광장">안전보건 소통광장</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201" title="알림마당"><b>알림마당</b></a>
                <div class="sub">
                    <div class="sub_right">
                        <ul>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018" title="공지사항">공지사항</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201" title="뉴스와 화제">뉴스와 화제</a></li>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">인사채용</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029" title="채용공고">채용공고</a></li>
                                                <li><a href="/web/content.do?proFn=recruit" title="인재상">인재상</a></li>
                                                <li><a href="/web/content.do?proFn=jobTitle" title="직급&middot;직무 소개">직급&middot;직무 소개</a></li>
                                                <li><a href="/web/content.do?proFn=recruitmentProcess" title="채용절차">채용절차</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">입찰공고</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019" title="입찰공고">입찰공고</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000060" title="계약심의회">계약심의회</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="/web/content.do?proFn=alio" title="열린경영"><b>열린경영</b></a>
                <div class="sub">
                    <div class="sub_right">
                        <ul>
                            <li><a href="/web/content.do?proFn=alio" title="경영공시">경영공시</a></li>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">일반공시</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
<%--                                                 <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022" title="기관규정">기관규정</a></li> --%>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000038" title="공무국외 여행보고서">공무국외 여행보고서</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000039" title="공용차량 운영현황">공용차량 운영현황</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000040" title="소송관리 운영현황">소송관리 운영현황</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000043" title="상품권 구매현황">상품권 구매현황</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000030" title="부서장 업무추진비">부서장 업무추진비</a></li>
                                                <li><a href="/web/content.do?proFn=greenhouseGas" title="온실가스 감축현황">온실가스 감축현황</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000056" title="금품처리 공개">금품처리 공개</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">윤리경영</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/content.do?proFn=ethicalCharter" title="윤리헌장">윤리헌장</a></li>
                                                <li><a href="/web/content.do?proFn=codeOfEthics" title="윤리실천강령">윤리실천강령</a></li>
                                                <li><a href="/web/content.do?proFn=codeOf365" title="365안전운행 실천강령">365안전운행 실천강령</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000037" title="반부패 청렴활동">반부패 청렴활동</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000048" title="부패행위 징계처분자 정보공개">부패행위 징계처분자 정보공개</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000014" title="감사결과">감사결과</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">사회공헌</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/content.do?proFn=socialContribution" title="사회공헌">사회공헌</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000049" title="사회공헌활동">사회공헌활동</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="deth3_plus_sub"><button href="#" onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">기관활동</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041" title="수의계약현황">수의계약현황</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000035" title="제·개정 예고">제ㆍ개정 예고</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000057" title="정부권장정책 현황">정부권장정책 현황</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="/web/content.do?proFn=information" title="정보공개"><b>정보공개</b></a>
                <div class="sub">
                    <div class="sub_right">
                        <ul>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">정보공개</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/content.do?proFn=information" title="정보공개제도 안내">정보공개제도 안내</a></li>
                                                <li><a href="/web/content.do?proFn=informationFlow" title="정보공개제도 흐름도">정보공개제도 흐름도</a></li>
                                                <li><a href="/web/content.do?proFn=closedInfo" title="비공개 세부기준">비공개 세부기준</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000500" title="정보목록">정보목록</a></li>
                                                <li><a href="/web/content.do?proFn=informationSigned" title="정보공개 신청">정보공개신청</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">공공데이터 개방</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/content.do?proFn=introOpenData" title="개방안내">개방안내</a></li>
                                                <li><a href="/web/content.do?proFn=informationList" title="제공목록">제공목록</a></li>
                                                <li><a href="https://www.data.go.kr" target="_blank" title="새창열림" class="link">이용신청</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000520&reportIntroYn=Y" title="사용후기 및 건의사항">사용후기 및 건의사항</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="deth3_plus_sub"><button onclick="menuOn1(this);" onKeyPress="menuOn2(this);"><img src="/img/3deth_plus.png" alt="하위메뉴 열기">사전정보공표</button></div>
                                <div class="deth3_wrap">
                                    <div class="deth3_con">
                                        <div class="deth3_menu" style="display:none">
                                            <ul>
                                                <li><a href="/web/cop/bbs/selectAdvanceInfoList.do" title="공표목록">공표목록</a></li>
                                                <li><a href="/web/content.do?proFn=bookMarkInfo" title="즐겨찾기 정보">즐겨찾기 정보</a></li>
                                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000231" title="사전정보 점검">사전정보 점검</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="/web/content.do?proFn=intro" title="기관소개"><b>기관소개</b></a>
                <div class="sub">
                    <div class="sub_right">
                        <ul>
                            <li><a href="/web/content.do?proFn=intro" title="인사말">인사말</a></li>
                            <li><a href="/web/content.do?proFn=history" title="기관연혁">기관연혁</a></li>
                            <li><a href="/web/content.do?proFn=generation" title="역대기관장">역대기관장</a></li>
                            <li><a href="/web/content.do?proFn=vision" title="미션·비전">미션ㆍ비전</a></li>
                            <li><a href="/web/content.do?proFn=ci" title="CI">CI</a></li>
                            <li><a href="/web/org/userOrgChart.do" title="조직도">조직도</a></li>
                            <li><a href="/web/content.do?proFn=map00" title="오시는 길">오시는 길</a></li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>
        <script>
            function menuOn(item) {
                $(item).parent().parent().siblings().children(".deth3_wrap").children(".deth3_plus").children().attr("src", "/img/3deth_plus.png");
                $(item).parent().parent().siblings().children(".deth3_wrap").children(".deth3_con").children().hide();
                $(item).parent().next().children().next().children(".deth3_menu").toggle();

                if ($(item).parent().next().children(".deth3_con").children(".deth3_menu").css("display") == "block") {
                    $(item).parent().next().children(".deth3_plus").children("img").attr("src", "/img/3deth_minus.png");
                } else {
                    $(item).parent().next().children(".deth3_plus").children("img").attr("src", "/img/3deth_plus.png");
                }
            }
            function menuOn1(item2) {
            	$(item2).parent().next(".deth3_wrap").children(".deth3_con").children(".deth3_menu").toggle();
            	if ($(item2).parent().next(".deth3_wrap").children(".deth3_con").children(".deth3_menu").is(":visible")== true ) {
                    $(item2).children("img").attr("src", "/img/3deth_minus.png");
                    $(item2).children("img").attr("alt", "하위메뉴 닫기");
                } else {
                    $(item2).children("img").attr("src", "/img/3deth_plus.png");
                    $(item2).children("img").attr("alt", "하위메뉴 열기");
                }
            	
            	$(item2).parent().parent().siblings("li").children(".deth3_wrap").children(".deth3_con").children(".deth3_menu").hide()
            	$(item2).parent().parent().siblings("li").children(".deth3_plus_sub").children("button").children("img").attr("src","/img/3deth_plus.png");
            	$(item2).parent().parent().siblings("li").children(".deth3_plus_sub").children("button").children("img").attr("alt","하위메뉴 열기");
                /* $(item2).parent().parent().children(".deth3_wrap").children(".deth3_con").children().hide();
                $(item2).parent().parent().siblings("li").children(".deth3_wrap").children(".deth3_con").children(".deth3_menu").hide(); */
                
            }
            function menuOn2(item1) {
            	/* $(item1).children("img").attr("src", "/img/3deth_minus.png");
                $(item1).children("img").attr("alt", "하위메뉴 닫기");
                $(item1).parent().parent().children(".deth3_wrap").children(".deth3_con").children().hide(); */
                $(item1).parent().parent().siblings("li").children(".deth3_wrap").children(".deth3_con").children(".deth3_menu").hide();
                if ($(item1).parent().next(".deth3_wrap").children(".deth3_con").children(".deth3_menu").is(":visible")== true) {
                    $(item1).children("img").attr("src", "/img/3deth_minus.png");
                } else {
                    $(item1).children("img").attr("src", "/img/3deth_plus.png");
                    $(item1).children("img").attr("alt", "하위메뉴 열기");
                }
            }
            $('.deth3_plus').click(function() {
                //$('.deth3_plus').children().attr("src","/img/3deth_plus.png");
                //$('.deth3_plus').next().children().hide();

                //$(this).children().attr("src","/img/3deth_minus.png");
                //$(this).next().children().show();
                h1 = 290;
                h2 = $(this).parent().parent().parent().height();
                h3 = h2 + 40;
                if (h2 > 240) {
                    $(this).parent().parent().parent().parent().parent().parent().css("height", h3 + "px");
                    $(this).parent().parent().parent().parent().parent().css("height", (h3 - 1) + "px");
                    $(this).parent().parent().parent().parent().css("height", (h3) + "px");
                } else {
                    $(this).parent().parent().parent().parent().parent().parent().css("height", h1 + "px");
                    $(this).parent().parent().parent().parent().parent().css("height", (h1 - 1) + "px");
                    $(this).parent().parent().parent().parent().css("height", (h1 - 1) + "px");
                }

                //var hd_top = window.getComputedStyle(document.querySelector(".hd_top.on"),"::before").getPropertyValue("height")
                var hei = $(this).parent().parent().parent().parent().height();
                var maxHei = hei;
                //$(hd_top).height(maxHei);

                document.styleSheets[0].addRule('.hd_top.on::before', 'height: ' + maxHei + 'px;');
            });
            $(".deth3_plus_sub p").keydown(function(k){
            	if(k.keyCode == 13){
            		h1 = 290;
                    h2 = $(this).parent().parent().parent().height();
                    h3 = h2 + 40;
                    if (h2 > 240) {
                        $(this).parent().parent().parent().parent().parent().parent().css("height", h3 + "px");
                        $(this).parent().parent().parent().parent().parent().css("height", (h3 - 1) + "px");
                        $(this).parent().parent().parent().parent().css("height", (h3) + "px");
                    } else {
                        $(this).parent().parent().parent().parent().parent().parent().css("height", h1 + "px");
                        $(this).parent().parent().parent().parent().parent().css("height", (h1 - 1) + "px");
                        $(this).parent().parent().parent().parent().css("height", (h1 - 1) + "px");
                    }

                    //var hd_top = window.getComputedStyle(document.querySelector(".hd_top.on"),"::before").getPropertyValue("height")
                    var hei = $(this).parent().parent().parent().parent().height();
                    var maxHei = hei;
                    //$(hd_top).height(maxHei);

                    document.styleSheets[0].addRule('.hd_top.on::before', 'height: ' + maxHei + 'px;');
            	}
            });

            $('.deth3_plus_sub').click(function() {
                //$('.deth3_plus_sub').next().children().next().children().hide();
                //$(this).next().children().next().children().show();
                h1 = 290;
                h2 = $(this).parent().parent().height();
                h3 = h2 + 40;
                if (h2 > 240) {
                    $(this).parent().parent().parent().parent().parent().css("height", h3 + "px");
                    $(this).parent().parent().parent().parent().css("height", (h3 - 1) + "px");
                    $(this).parent().parent().parent().css("height", (h3) + "px");
                } else {
                    $(this).parent().parent().parent().parent().parent().css("height", h1 + "px");
                    $(this).parent().parent().parent().parent().css("height", (h1 - 1) + "px");
                    $(this).parent().parent().parent().css("height", (h1 - 1) + "px");
                }
                /* 메뉴 높이 제일 긴거
                $("ul li").each(function(index,item){
                	var hei = $("ul li").map(function(){
                		return $(this).height();
                	}).get();
                	var maxHei = Math.max.apply(Math,hei)
                	console.log(maxHei);
                	$(".hd_top").height(369+maxHei);
                })
                */
                //var hd_top = window.getComputedStyle(document.querySelector(".hd_top.on"),"::before").getPropertyValue("height")
                var hei = $(this).parent().parent().parent().height();
                var maxHei = hei;
                //$(".hd_top").height(maxHei);

                document.styleSheets[0].addRule('.hd_top.on::before', 'height: ' + maxHei + 'px;');

            })
        </script>
    </div>
    
    <div class="utill">
        <ul>
            <li><button onclick="window.location.href='/web/search/search.do'" title="통합검색페이지 이동"><img src="/img/top_search_btn.png" alt="검색"></button></li>
            <li id="utill_ct"><button title="전체메뉴 열기"><img src="/img/top_list_btn.png" alt="전체매뉴"></button></li>
        </ul>
        <div id="utill_sitemap">
            <div class="us_wr">
                <div class="us_tbx">
                    <ul class="us_tbx_ul01">
                        <li>
                            <a href="/web/content.do?proFn=mainProject01" title="주요사업" class="stmTitle">주요사업</a>
                            <ul class="us_tbx_ul02">
                                <li><a href="/web/content.do?proFn=mainProject01" title="우편물 운송">우편물 운송</a></li>
                                <li><a href="/web/content.do?proFn=mainProject03" title="소포배달">소포배달</a></li>
                                <li><a href="/web/content.do?proFn=mainProject02" title="우편물류센터 운영">우편물류센터 운영</a></li>
                                <li><a href="/web/content.do?proFn=mainProject04" title="국제물류">국제물류</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000058" title="사업실명제">사업실명제</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="/web/content.do?proFn=serviceCharter" title="참여마당 " class="stmTitle">참여마당</a>
                            <ul class="us_tbx_ul02">
                                <li><a href="/web/content.do?proFn=serviceCharter" title="고객만족">고객만족</a>
                                    <ul>
                                        <li><a href="/web/content.do?proFn=serviceCharter" title="고객서비스 헌장">고객서비스 헌장</a></li>
                                        <li><a href="/web/content.do?proFn=serviceAction" title="서비스 이행표준">서비스 이행표준</a></li>
                                        <li><a href="/web/content.do?proFn=cs_service" title="서비스 매뉴얼 ">서비스 매뉴얼</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000020" title="CS 교육 및 활동">CS 교육 및 활동</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/content.do?proFn=publicReport" title="공익신고">공익신고</a>
                                    <ul>
                                        <li><a href="/web/content.do?proFn=publicReport" title="공익신고안내">공익신고안내</a></li>
                                        <li><a href="/web/content.do?proFn=claimantProtection" title="신고자 보호 안내">신고자 보호 안내</a></li>
                                        <li><a href="/web/content.do?proFn=compensationPaid" title="보상금 지급 안내">보상금 지급 안내</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000151&reportIntroYn=Y" title="클린신고센터">클린신고센터</a></li>
                                <li><a href="/web/survey/surveyList.do" title="설문조사 ">설문조사</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221" title="칭찬합시다">칭찬합시다</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000540&reportIntroYn=Y" title="갑질 우체통">갑질 우체통</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000541&reportIntroYn=Y" title="소극행정 신고센터">소극행정 신고센터</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000570&reportIntroYn=Y" title="안전보건 소통광장">안전보건 소통광장</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018" title="알림마다" class="stmTitle">알림마당</a>
                            <ul class="us_tbx_ul02">
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018" title="공지사항">공지사항</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201" title="뉴스와 화제">뉴스와 화제</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029" title="">인사채용</a>
                                    <ul>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029" title="채용공고">채용공고</a></li>
                                        <li><a href="/web/content.do?proFn=recruit" title="인재상">인재상</a></li>
                                        <li><a href="/web/content.do?proFn=jobTitle" title="직급&middot;직무 소개">직급&middot;직무 소개</a></li>
                                        <li><a href="/web/content.do?proFn=recruitmentProcess" title="채용절차">채용절차</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019" title="입찰공고">입찰공고</a>
                                    <ul>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019" title="입찰공고">입찰공고</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000060" title="계약심의회">계약심의회</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="/web/content.do?proFn=alio" title="열린경영" class="stmTitle">열린경영</a>
                            <ul class="us_tbx_ul02">
                                <li><a href="/web/content.do?proFn=alio" title="경영공시">경영공시</a></li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022" title="일반공시">일반공시</a>
                                    <ul>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022" title="기관규정">기관규정</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000038" title="공무국외 여행보고서">공무국외 여행보고서</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000039" title="공용차량 운영현황">공용차량 운영현황</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000040" title="소송관리 운영현황">소송관리 운영현황</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000043" title="상품권 구매현황">상품권 구매현황</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000030" title="부서장 업무추진비">부서장 업무추진비</a></li>
                                        <li><a href="/web/content.do?proFn=greenhouseGas" title="온실가스 감축현황">온실가스 감축현황</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000056" title="금품처리 공개">금품처리 공개</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/content.do?proFn=ethicalCharter" title="윤리경영">윤리경영</a>
                                    <ul>
                                        <li><a href="/web/content.do?proFn=ethicalCharter" title="윤리헌장">윤리헌장</a></li>
                                        <li><a href="/web/content.do?proFn=codeOfEthics" title="윤리실천강령">윤리실천강령</a></li>
                                        <li><a href="/web/content.do?proFn=codeOf365" title="365안전운행 실천강령">365안전운행 실천강령</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000037" title="반부패 청렴활동">반부패 청렴활동</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000048" title="부패행위 징계처분자 정보공개">부패행위 징계처분자 정보공개</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000014" title="감사결과">감사결과</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/content.do?proFn=socialContribution" title="사회공헌">사회공헌</a>
                                    <ul>
                                        <li><a href="/web/content.do?proFn=socialContribution" title="사회공헌">사회공헌</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000049" title="사회공헌활동">사회공헌활동</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041" title="기관활동">기관활동</a>
                                    <ul>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041" title="수의계약현황">수의계약현황</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000035" title="제·개정 예고">제ㆍ개정 예고</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000057" title="정부권장정책 현황">정부권장정책 현황</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="/web/content.do?proFn=information" title="정보공개" class="stmTitle">정보공개</a>
                            <ul class="us_tbx_ul02">
                                <li><a href="/web/content.do?proFn=information" title="정보공개">정보공개</a>
                                    <ul>
                                        <li><a href="/web/content.do?proFn=information" title="정보공개제도 안내">정보공개제도 안내</a></li>
                                        <li><a href="/web/content.do?proFn=informationFlow" title="정보공개제도 흐름도">정보공개제도 흐름도</a></li>
                                        <li><a href="/web/content.do?proFn=closedInfo" title="비공개 세부기준">비공개 세부기준</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000500" title="정보목록">정보목록</a></li>
                                        <li><a href="/web/content.do?proFn=informationSigned" title="정보공개신청">정보공개신청</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/content.do?proFn=introOpenData" title="공공데이터 개방">공공데이터 개방</a>
                                    <ul>
                                        <li><a href="/web/content.do?proFn=introOpenData" title="개방안내">개방안내</a></li>
                                        <li><a href="/web/content.do?proFn=informationList" title="제공목록">제공목록</a></li>
                                        <li><a href="https://www.data.go.kr" target="_blank" title="새창열림" class="link_m">이용신청</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000520&reportIntroYn=Y" title="사용후기 및 건의사항">사용후기 및 건의사항</a></li>
                                    </ul>
                                </li>
                                <li><a href="/web/content.do?proFn=announcement" title="사전정보공표">사전정보공표</a>
                                    <ul>
                                        <li><a href="/web/cop/bbs/selectAdvanceInfoList.do" title="공표목록">공표목록</a></li>
                                        <li><a href="/web/content.do?proFn=bookMarkInfo" title="즐겨찾기 정보">즐겨찾기 정보</a></li>
                                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000231" title="사전정보 점검">사전정보 점검</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="/web/content.do?proFn=intro" title="기관소개" class="stmTitle">기관소개</a>
                            <ul class="us_tbx_ul02">
                                <li><a href="/web/content.do?proFn=intro" title="인사말">인사말</a></li>
                                <li><a href="/web/content.do?proFn=history" title="기관연혁">기관연혁</a></li>
                                <li><a href="/web/content.do?proFn=generation" title="역대기관장">역대기관장</a></li>
                                <li><a href="/web/content.do?proFn=vision" title="미션 · 비전">미션ㆍ비전</a></li>
                                <li><a href="/web/content.do?proFn=ci" title="CI">CI</a></li>
                                <li><a href="/web/org/userOrgChart.do" title="조직도">조직도</a></li>
                                <li><a href="/web/content.do?proFn=map00" title="오시는 길">오시는 길</a></li>
                            </ul>
                        </li>
                    </ul>
                    <button type="button" class="pop_close stmClose" title="닫기" onclick="stmClose(this);" onkeypress="stmClose(this);"><span class="sound_only">전체메뉴 </span>닫기</button>
                </div>
            </div>
        </div>
        <script>
            $(function() {
                var $category = $("#utill_sitemap");

                $("#utill_ct").on("click", function() {
                    $category.css("display", "block");
                    $category.css("opacity","1");
                	$category.css("height","100%");
                });
            });
            
            function stmClose(itm23){
            	//$(".us_wr").css("display","none");
            	$("#utill_sitemap").css("opacity","0");
            	$("#utill_sitemap").css("height","0");
            }
            
        </script>
    </div>
    
    <script>
        function scPdfDown() {
            window.open('/cmm/fms/FileDown.do?atchFileId=FILE_000000000011231&fileSn=0');
        }

        $(document).ready(function() { //li_two_depth 하위 href 있으면 첫번째 가져오기
            $("#nav > ul.select > li").focusin(function() {
                $(".hd_top").addClass("on");
                $("#nav > ul.select > li").removeClass("active");
                $("#nav > ul.select > li").addClass("active");
            });
            $("#nav > ul.select > li").mouseenter(function() {
                $(".hd_top").addClass("on");
                $("#nav > ul.select > li").removeClass("active");
                $("#nav > ul.select > li").addClass("active");
                $("#nav .select li.active .sub").css("height", "100% !important;");
                var subHei = $("#nav .select li.active .sub").height()
                document.styleSheets[0].addRule('.hd_top.on::before', 'height: ' + subHei + 'px;');
            });
            $("#nav > ul.select > li").mouseleave(function() {
                $(".hd_top").removeClass("on");
                $("#nav > ul.select > li").removeClass("active");
                $(".deth3_plus_sub button img").attr("src", "/img/3deth_plus.png");
                //$(".hd_top").height(80);
                $(".deth3_menu").hide();
                $("#nav > ul.select > li").children(".sub").css("height", "289px");
                
            });
        });
    </script>
    <button type="button" title="통합검색" id="hd_search" onclick="window.location.href='/web/search/search.do'">통합검색</button>
    <button type="button" id="hd_ct" title="전체메뉴">전체메뉴</button>
    
    <div id="category">
        <div class="category_logo">
            <h1><a href="/web/main/mainPage.do"><img src="/img/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="/web/content.do?proFn=mainProject01" class="c-tabs-nav__link is-active">주요사업</a>
                        <div class="tab_list">
	                        <div class="c-tab is-active">
		                        <ul class="ct_wr_lists">
		                            <li><a href="/web/content.do?proFn=mainProject01">우편물 운송</a></li>
		                            <li><a href="/web/content.do?proFn=mainProject03">소포배달</a></li>
		                            <li><a href="/web/content.do?proFn=mainProject02">우편물류센터 운영</a></li>
		                            <li><a href="/web/content.do?proFn=mainProject04">국제물류</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000058">사업실명제</a></li>
		                        </ul>
	                    	</div>
                        </div>
                        </li>
                        <li><a href="/web/content.do?proFn=serviceCharter" class="c-tabs-nav__link">참여마당</a>
                        <div class="tab_list">
	                        <div class="c-tab">
		                        <ul class="ct_wr_lists">
		                            <li><a href="/web/content.do?proFn=serviceCharter">고객만족</a>
		                                <ul>
		                                    <li><a href="/web/content.do?proFn=serviceCharter">고객서비스 헌장</a></li>
		                                    <li><a href="/web/content.do?proFn=serviceAction">서비스 이행표준</a></li>
		                                    <li><a href="/web/content.do?proFn=cs_service">서비스 매뉴얼</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000020">CS 교육 및 활동</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/content.do?proFn=publicReport">공익신고</a>
		                                <ul>
		                                    <li><a href="/web/content.do?proFn=publicReport">공익신고안내</a></li>
		                                    <li><a href="/web/content.do?proFn=claimantProtection">신고자 보호 안내</a></li>
		                                    <li><a href="/web/content.do?proFn=compensationPaid">보상금 지급 안내</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000151&reportIntroYn=Y">클린신고센터</a></li>
		                            <li><a href="/web/survey/surveyList.do">설문조사</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221">칭찬합시다</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000540&reportIntroYn=Y">갑질 우체통</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000541&reportIntroYn=Y">소극행정 신고센터</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000570&reportIntroYn=Y">안전보건 소통광장</a></li>
		                        </ul>
	                    	</div>
                        </div></li>
                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201" class="c-tabs-nav__link">알림마당</a>
                        <div class="tab_list">
	                        <div class="c-tab">
		                        <ul class="ct_wr_lists">
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018">공지사항</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201">뉴스와 화제</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029">인사채용</a>
		                                <ul>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029">채용공고</a></li>
		                                    <li><a href="/web/content.do?proFn=recruit">인재상</a></li>
		                                    <li><a href="/web/content.do?proFn=jobTitle">직급&middot;직무 소개</a></li>
		                                    <li><a href="/web/content.do?proFn=recruitmentProcess">채용절차</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019">입찰공고</a>
		                                <ul>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019">입찰공고</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000060">계약심의회</a></li>
		                                </ul>
		                            </li>
		                        </ul>
	                    	</div>
                        </div>
                        </li>
                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022" class="c-tabs-nav__link">열린경영</a>
                        <div class="tab_list">
	                        <div class="c-tab">
		                        <ul class="ct_wr_lists">
		                            <li><a href="/web/content.do?proFn=alio">경영공시</a></li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022">일반공시</a>
		                                <ul>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022">기관규정</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000038">공무국외 여행보고서</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000039">공용차량 운영현황</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000040">소송관리 운영현황</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000043">상품권 구매현황</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000030">부서장 업무추진비</a></li>
		                                    <li><a href="/web/content.do?proFn=greenhouseGas">온실가스 감축현황</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000056">금품처리 공개</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/content.do?proFn=ethicalCharter">윤리헌장>윤리경영</a>
		                                <ul>
		                                    <li><a href="/web/content.do?proFn=ethicalCharter">윤리헌장</a></li>
		                                    <li><a href="/web/content.do?proFn=codeOfEthics">윤리실천강령</a></li>
		                                    <li><a href="/web/content.do?proFn=codeOf365">365안전운행 실천강령</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000037">반부패 청렴활동</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000048">부패행위 징계처분자 정보공개</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000014">감사결과</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/content.do?proFn=socialContribution">사회공헌</a>
		                                <ul>
		                                    <li><a href="/web/content.do?proFn=socialContribution">사회공헌</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000049">사회공헌활동</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041">기관활동</a>
		                                <ul>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041">수의계약현황</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000035">제ㆍ개정 예고</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000057">정부권장정책 현황</a></li>
		                                </ul>
		                            </li>
		                        </ul>
	                    	</div>
                        </div>
                        </li>
                        <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022" class="c-tabs-nav__link">정보공개</a>
                        <div class="tab_list">
	                        <div class="c-tab">
		                        <ul class="ct_wr_lists">
		                            <li><a href="/web/content.do?proFn=information">정보공개</a>
		                                <ul>
		                                    <li><a href="/web/content.do?proFn=information">정보공개제도 안내</a></li>
		                                    <li><a href="/web/content.do?proFn=informationFlow">정보공개제도 흐름도</a></li>
		                                    <li><a href="/web/content.do?proFn=closedInfo">비공개 세부기준</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000500">정보목록</a></li>
		                                    <li><a href="/web/content.do?proFn=informationSigned">정보공개신청</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/content.do?proFn=introOpenData">공공데이터 개방</a>
		                                <ul>
		                                    <li><a href="/web/content.do?proFn=introOpenData">개방안내</a></li>
		                                    <li><a href="/web/content.do?proFn=informationList">제공목록</a></li>
		                                    <li><a href="https://www.data.go.kr" target="_blank" title="새창열림" class="link_m">이용신청</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000520&reportIntroYn=Y">사용후기 및 건의사항</a></li>
		                                </ul>
		                            </li>
		                            <li><a href="/web/content.do?proFn=announcement">사전정보공표</a>
		                                <ul>
		                                    <li><a href="/web/cop/bbs/selectAdvanceInfoList.do">공표목록</a></li>
		                                    <li><a href="/web/content.do?proFn=bookMarkInfo">즐겨찾기 정보</a></li>
		                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000231">사전정보 점검</a></li>
		                                </ul>
		                            </li>
		                        </ul>
	                    	</div>
                        </div>
                        </li>
                        <li><a href="/web/content.do?proFn=intro" class="c-tabs-nav__link">기관소개</a>
                        <div class="tab_list">
	                        <div class="c-tab">
		                        <ul class="ct_wr_lists">
		                            <li><a href="/web/content.do?proFn=intro">인사말</a></li>
		                            <li><a href="/web/content.do?proFn=history">기관연혁</a></li>
		                            <li><a href="/web/content.do?proFn=generation">역대기관장</a></li>
		                            <li><a href="/web/content.do?proFn=vision">미션ㆍ비전</a></li>
		                            <li><a href="/web/content.do?proFn=ci">CI</a></li>
		                            <li><a href="/web/org/userOrgChart.do">조직도</a></li>
		                            <li><a href="/web/content.do?proFn=map00">오시는 길</a></li>
		                        </ul>
	                    	</div>
                        </div>
                        </li>
                    </ul>
                </div>
                <%-- <div class="tab_list">
                    <div class="c-tab is-active">
                        <ul class="ct_wr_lists">
                            <li><a href="/web/content.do?proFn=mainProject01">우편물 운송</a></li>
                            <li><a href="/web/content.do?proFn=mainProject03">소포배달</a></li>
                            <li><a href="/web/content.do?proFn=mainProject02">우편물류센터 운영</a></li>
                            <li><a href="/web/content.do?proFn=mainProject04">국제물류</a></li>
                        </ul>
                    </div>
                    <div class="c-tab">
                        <ul class="ct_wr_lists">
                            <li><a>고객만족</a>
                                <ul>
                                    <li><a href="/web/content.do?proFn=serviceCharter">고객서비스 헌장</a></li>
                                    <li><a href="/web/content.do?proFn=serviceAction">서비스 이행표준</a></li>
                                    <li><a href="/web/content.do?proFn=cs_service">서비스 매뉴얼</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000020">CS 교육 및 활동</a></li>
                                </ul>
                            </li>
                            <li><a>공익신고</a>
                                <ul>
                                    <li><a href="/web/content.do?proFn=publicReport">공익신고안내</a></li>
                                    <li><a href="/web/content.do?proFn=claimantProtection">신고자 보호 안내</a></li>
                                    <li><a href="/web/content.do?proFn=compensationPaid">보상금 지급 안내</a></li>
                                </ul>
                            </li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000151&reportIntroYn=Y">클린신고센터</a></li>
                            <li><a href="/web/survey/surveyList.do">설문조사</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000221">칭찬합시다</a></li>
                        </ul>
                    </div>
                    <div class="c-tab">
                        <ul class="ct_wr_lists">
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000018">공지사항</a></li>
                            <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000201">뉴스와 화제</a></li>
                            <li><a>인사채용</a>
                                <ul>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000029">채용공고</a></li>
                                    <li><a href="/web/content.do?proFn=recruit">인재상</a></li>
                                </ul>
                            </li>
                            <li><a>입찰공고</a>
                                <ul>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000019">입찰공고</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000060">계약심의회</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="c-tab">
                        <ul class="ct_wr_lists">
                            <li><a href="/web/content.do?proFn=alio">경영공시</a></li>
                            <li><a>일반공시</a>
                                <ul>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000022">기관규정</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000038">공무국외 여행보고서</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000039">공용차량 운영현황</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000040">소송관리 운영현황</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000043">상품권 구매현황</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000030">부서장 업무추진비</a></li>
                                    <li><a href="/web/content.do?proFn=greenhouseGas">온실가스 감축현황</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000056">금품처리 공개</a></li>
                                </ul>
                            </li>
                            <li><a>윤리경영</a>
                                <ul>
                                    <li><a href="/web/content.do?proFn=ethicalCharter">윤리헌장</a></li>
                                    <li><a href="/web/content.do?proFn=codeOfEthics">윤리실천강령</a></li>
                                    <li><a href="/web/content.do?proFn=codeOf365">365안전운행 실천강령</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000037">반부패 청렴활동</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000048">부패행위 징계처분자 정보공개</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000014">감사결과</a></li>
                                </ul>
                            </li>
                            <li><a>사회공헌</a>
                                <ul>
                                    <li><a href="/web/content.do?proFn=socialContribution">사회공헌 개요</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000049">사회공헌활동 요청</a></li>
                                </ul>
                            </li>
                            <li><a>기관활동</a>
                                <ul>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000041">수의계약현황</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000035">제ㆍ개정 예고</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000057">정부권장정책 현황</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000058">사업실명제</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="c-tab">
                        <ul class="ct_wr_lists">
                            <li><a>정보공개</a>
                                <ul>
                                    <li><a href="/web/content.do?proFn=information">정보공개제도 안내</a></li>
                                    <li><a href="/web/content.do?proFn=informationFlow">정보공개제도 흐름도</a></li>
                                    <li><a href="/web/content.do?proFn=closedInfo">비공개 세부기준</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000500">정보목록</a></li>
                                    <li><a href="/web/content.do?proFn=informationSigned">정보공개신청</a></li>
                                </ul>
                            </li>
                            <li><a>공공데이터 개방</a>
                                <ul>
                                    <li><a href="/web/content.do?proFn=introOpenData">개방안내</a></li>
                                    <li><a href="/web/content.do?proFn=informationList">제공목록</a></li>
                                    <li><a href="https://www.data.go.kr" target="_blank" title="새창열림" >이용신청</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000520&reportIntroYn=Y">사용후기 및 건의사항</a></li>
                                </ul>
                            </li>
                            <li><a>사전정보공표</a>
                                <ul>
                                    <li><a href="/web/content.do?proFn=announcement">공표목록</a></li>
                                    <li><a href="/web/content.do?proFn=bookMarkInfo">즐겨찾기 목록</a></li>
                                    <li><a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000231">사전정보 점검</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="c-tab">
                        <ul class="ct_wr_lists">
                            <li><a href="/web/content.do?proFn=intro">인사말</a></li>
                            <li><a href="/web/content.do?proFn=history">기관연혁</a></li>
                            <li><a href="/web/content.do?proFn=generation">역대기관장</a></li>
                            <li><a href="/web/content.do?proFn=vision">미션ㆍ비전</a></li>
                            <li><a href="/web/content.do?proFn=ci">CI</a></li>
                            <li><a href="/web/org/userOrgChart.do">조직도</a></li>
                            <li><a href="/web/content.do?proFn=map00">오시는 길</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">카테고리 </span>닫기</button>
        </div>
    </div>
    <script>
        $(function() {
            var $category1 = $("#category");

            $("#hd_ct").on("click", function() {
                $category1.css("display", "block");
                $("#con_wrapper").css("display", "none");
                $("footer").css("display", "none");
            });

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

        });
    </script>
</div>

<div id="con_wrapper">