<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<meta name="format-detection" content="telephone=no"/>
<head>
<script>
	$( document ).ready(function() {
	});
	
	function linkPageGo (){
	    location.href=$("#fammilyLink option:selected").val();
	}
	
</script>
</head>
</div>
<footer class="sft">
	<div class="ft_menu">
	<ul>
		<li><a href="/web/content.do?proFn=policy">이용약관</a></li>
		<li><a href="/web/content.do?proFn=copyrightView">저작권정책</a></li>
		<li><a href="/web/content.do?proFn=mailView">이메일무단수집거부</a></li>
		<li><a href="/web/content.do?proFn=downloadViewer">뷰어다운로드</a></li>
		<li><a href="/web/content.do?proFn=relatedSite">관련사이트</a></li>
		<li><a href="/web/content.do?proFn=privacyView" style="color:#ffd800; font-weight:bold">개인정보처리방침</a></li>
		<li><a href="/web/content.do?proFn=picture">영상정보처리기기 운영·관리 방침</a></li>
		<li class="facebook"><a href="https://www.facebook.com/korpola" target="_blank"><img src="/img/ft_facebook.png" alt="페이스북"></a></li>
	</ul>
	<!--1024 s-->
	<style>
      /* 개인정보처리방침 css */
      #fammilyLink option:nth-child(6) {color: #ffd800;font-weight: bold;}
      
      .footerSite_2{display:none;}
      
      /* footer 1280px */
      @media (max-width: 1280px) {
         .footerSiteGo{position:relative;width:34px; height:34px; top:-10px;display:inline-block;float:left;}
         
         .footerSite_2{
         	left:38.5%;
         	display:inline-block;
         }
         
         .footerSite_1{
         	left:18.5% !important;
         }
      }
      
      
      @media (max-width: 769px){
      	.footerSiteGo{position:relative; left:67px; width:34px; height:34px; top:-10px}
        .footerSite_2{
         	left:58.5% !important;
         	top:36.5% !important;
         }
         
        .footerSite_1{
         	left:190% !important;
         	margin-left:385%;
         }
         
         #footerSite{
         	left: 2.5%;
         }
      }
      
      /* footer 800px */
      @media (max-width: 800px) {
         .footerSiteGo{position:relative; left:67px; width:34px; height:34px; top:-10px}
         .footerSite_2{
         	left:74.5%;
         }
         
         .footerSite_1{
         	left:-188% !important;
         }
         
      }
      
      @media (max-width: 420px) {
         .footerSiteGo{position:relative; left:67px; width:34px; height:34px; top:-10px}
         .footerSite_2{
         	left:60%;
         	top:39% !important;
         }
         
         .footerSite_1{
         	left:107% !important;
         	margin-left:0%;
         }
         
      }
      
      @media (max-width: 321px) {
         .footerSiteGo{position:relative; left:67px; width:34px; height:34px; top:-10px}
         .footerSite_2{
         	left:60%;
         	top:39% !important;
         }
         
         .footerSite_1{
         	left:94% !important;
         	margin-left:0%;
         }
         
      }

   </style>
	<div class="privacy">
		<select name="fammilyLink" title="홈페이지 운용방침 및 페이스북 바로가기" id="fammilyLink">
			<option value="/web/content.do?proFn=policy" <c:if test="${loginLog.progrmFileNm=='policy'}">selected="selected"</c:if>>이용약관</option>
			<option value="/web/content.do?proFn=copyrightView" <c:if test="${loginLog.progrmFileNm=='copyrightView'}">selected="selected"</c:if> >저작권정책</option>
			<option value="/web/content.do?proFn=mailView" <c:if test="${loginLog.progrmFileNm=='mailView'}">selected="selected"</c:if>  >이메일무단수집거부</option>
			<option value="/web/content.do?proFn=downloadViewer" <c:if test="${loginLog.progrmFileNm=='downloadViewer'}">selected="selected"</c:if>  >뷰어다운로드</option>
			<option value="/web/content.do?proFn=relatedSite" <c:if test="${loginLog.progrmFileNm=='relatedSite'}">selected="selected"</c:if> >관련사이트</option>
			<option value="/web/content.do?proFn=privacyView" <c:if test="${loginLog.progrmFileNm=='privacyView'}">selected="selected"</c:if> >개인정보처리방침</option>
			<option value="/web/content.do?proFn=picture" <c:if test="${loginLog.progrmFileNm=='picture'}">selected="selected"</c:if> >영상정보처리기기 운영·관리 방침</option>
			<option value="https://www.facebook.com/korpola">페이스북</option>
		</select>
		<button onclick="linkPageGo ();" value="go" class="footerSite_1" style="position:relative; float:left; width:34px; height:34px; top:-10px;display:inline-block;">go</button>
		<div class="facebook"><a href="#" target="_blank"><img src="/img/ft_facebook.png" alt="페이스북"></a></div>
	</div>
	<!--e-->
	<select id="footerSite" name="footerSite" title="관련사이트" style="display:inline-block">
		<option title="선택하세요" selected="selected" value="">관련사이트</option>
		<option value="http://www.msit.go.kr/">과학기술정보통신부</option>
		<option value="http://www.koreapost.go.kr/">우정사업본부</option>
		<option value="http://www.posid.or.kr/">우체국금융개발원</option>
		<option value="http://www.posa.or.kr">한국우편사업진흥원</option>
		<option value="http://www.poma.or.kr">우체국시설관리단</option>
		<option value="http://www.popa.or.kr">별정우체국연금관리단</option>
		<option value="http://www.koreapost.go.kr">우정박물관</option>
	</select>
	<button onclick="if($('#footerSite').val()) window.open($('#footerSite').val());" value="go" class="footerSite_2" style="display:block; position:relative;width:34px; height:34px; top:-10px;float:right;">go</button>
</div>
<div>
	<div class="ft_left">
		<p class="ft_logo"><img src="/img/ft_logo.png" alt="우체국물류지원단"></p>
		<address>
			<span>서울특별시 광진구 자양 76(자양동 680-65) 우편번호 : 05050</span>
			<span>대표번호: 070-7202-1001</span>
			<span>택배민원: 070-4712-7834</span>
			<span>대형차량민원: 080-012-1472</span>
			<span>개인정보보호책임자 : 경영지원실장 김동배</span>
			<span>개인정보보호담당자 : 정보화센터 이재근(fruit@pola.or.kr)</span>
			<span>우체국물류지원단의 허락없이 무단으로 복제배포, 사용하실 수 없습니다.</span>
			<p class="copy">Copyright &copy; Korea Postal Logistics Agency. All Rights Reserved.</p>
		</address>
	</div>
	<div class="ft_right">
		<a href="#" class="gototop"><img src="/img/top_btn.png" alt="상단가기"></a>
		<script>
			$(".gototop").click(function(){
				 $("body,html").animate({scrollTop:0},400);
			})
			
			$( document ).ready(function() {  //게시판 경우 sub 매뉴 볼드채로 변경
				if($('#menuCours').length != 0){
					var tempArray =  $('#menuCours').text().split('>');
					var changeText = tempArray[tempArray.length-1];
					tempArray.splice(tempArray.length-1,1,"<span>"+changeText+"</span>");
					for(var i in tempArray){
						if(i != 0 ){
							tempArray.splice(i, 1 , " > "+tempArray[i])	
						}
			        }
					$('#menuCours').html(tempArray)
				}
			});
		</script>
	</div>
</div>
</footer>