File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<%@ 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" %>
<body>
<%-- <!-- 레이어 팝업 -->
<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-layer .btn-r {width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {display: none;position: absolute;background-color: #fff;border: 1px solid #3571B5;z-index: 10;}
#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">
<div class="pop-container">
<div class="pop-conts">
<!--content //-->
${popupListData.nttCn}
<div class="btn-r">
<a href="#" tabindex="0" onclick="fn_layerClose('${popupListData.popupId}'); return false;" class="btn-layerClose" title="Close">Close</a>
<br/>
하루동안 창을 열지 않음 <input type="checkbox" name="chkPopup" tabindex="1" onClick="fnPopupCheck('${popupListData.popupId}' , 'layer')" onkeypress="fnPopupCheck('${popupListData.popupId}' , 'layer')" id="tdCheck" title="하루동안창열지않기체크">
<label for="tdCheck">하루동안 창 열지않기 체크</label>
</div>
<!--// content-->
</div>
</div>
</div>
</c:if>
</c:forEach>
</c:if>
<!-- 레이어 팝업 끝--> --%>
<script src="/js/jquery.bxslider.min.js"></script>
<script>
$(document).ready(function(){
// if($(location).attr('host').indexOf("www") == -1){
// strurl = "https://www.pola.or.kr/web/main/mainPage.do" ;
// window.location.replace(strurl);
// }
//모바일경우 팝업 없음.
//레이어 팝업 띄우기
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
<c:if test="${popupListData.popupType eq 'L'}">
if(fnGetCookie('layer_${popupListData.popupId}') == null){
$("#layer_pop_${popupListData.popupId}").fadeIn();
}
</c:if>
</c:forEach>
//윈도우 팝업 띄우기
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
<c:if test="${popupListData.popupType eq 'W'}">
if(fnGetCookie('${popupListData.popupId}') == null ){
fn_openPopup('${popupListData.popupId}', '${popupListData.sortNum}','${popupListData.popupWidthSize}','${popupListData.popupVrticlSize}','${popupListData.popupWidthLc}','${popupListData.popupVrticlLc}');
}
</c:if>
</c:forEach>
});
/* resize 끝나고 */
$(window).resize(function () {
if (this.resizeTO) {
clearTimeout(this.resizeTO);
}
this.resizeTO = setTimeout(function () {
$(this).trigger("resizeEnd");
}, 500);
});
$(window).on("resizeEnd", function () {
//기본 슬라이드 주석
var winWid = window.innerWidth; //브라우저 width
//모바일에서만
if(951 > winWid){
$("#slides").show();
$('#slides').slidesjs({
play: {
active: true,
auto: true,
interval: 5000,
navigation:false,
swap: true,
effect : "slide"
},
navigation: {
active: true
},pagination: {
active: false, //페이징
effect: "slide" //숫자 눌렀을때 효과 슬라이드(slide) 페이드효과(fade)
//css slidesjs-pagination 이부분 수정으로 커스터마이징 가능함
}
});
}
})
/* ********************************************************
* 팝업창 오픈 쿠키 정보 OPEN
******************************************************** */
function fnGetCookie(name) {
var prefix = name + "=";
var cookieStartIndex = document.cookie.indexOf(prefix);
if (cookieStartIndex == -1) return null;
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}
/* ********************************************************
* 쿠키설정
******************************************************** */
function fnSetCookiePopup( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
/* ********************************************************
* 체크버튼 클릭시
******************************************************** */
function fnPopupCheck(popupId , typeFlag) {
fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1);
fn_layerClose(popupId);
}
function fn_openPopup(popupId,seq,width,height,x,y){
if(width < 200){
width = 200;
}
if(height < 200){
height = 200;
}
var openPopup = window.open('<c:url value='/web/main/EgovPopup.do'/>'+'?popupId='+popupId,
'pop_'+popupId,'width='+width+',height='+height+',top='+y+',left='+x);
if(openPopup != null){
if (window.focus) {openPopup.focus()}
}
}
function fn_layerClose(popupId){
$("#layer_pop_"+popupId).fadeOut();
}
function fn_egov_inqire_notice(bbsId, nttId) {
document.frm.nttId.value = nttId;
document.frm.bbsId.value = bbsId;
document.frm.method = "get";
document.frm.action = "/web/cop/bbs/selectBoardArticle.do";
document.frm.submit();
}
function checkMobileDevice() {
var mobileKeyWords = new Array('Android', 'iPhone', 'iPod', 'BlackBerry', 'Windows CE', 'SAMSUNG', 'LG', 'MOT', 'SonyEricsson');
for (var info in mobileKeyWords) {
if (navigator.userAgent.match(mobileKeyWords[info]) != null) {
return true;
}
}
return false;
}
function fn_egov_addNotice() {
document.frm.method = "get";
document.frm.bbsId.value = "BBSMSTR_000000000153";
document.frm.action = "/web/cop/bbs/addBoardArticle.do";
document.frm.submit();
}
</script>
<section class="main">
<%-- <div id="slides" class="visual">
<c:forEach var="result" items="${mainzoneList}" varStatus="status">
<img tabindex="0" alt="우체국물류지원단은 살아있다 라이브 POLA | ${result.imgAlt} KOREA POSTAL LOGISTICS AGENCY 자세히보기" onkeypress="location.href='${result.mlink}'" onclick="location.href='${result.mlink}'" onerror="this.src='/images/no_img.jpg'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>' />
</c:forEach>
<a href="/web/content.do?proFn=mainProject01"><img src="/img/index/visual01.png" alt="우편물운송"></a>
<a href="/web/content.do?proFn=mainProject03"><img src="/img/index/e_visual02_1.png" alt="소포배달"></a>
<a href="/web/content.do?proFn=mainProject02"><img src="/img/index/e_visual03.png" alt="우편물류센터 운영"></a>
<a href="/web/content.do?proFn=mainProject04"><img src="/img/index/visual04.png" alt="국제물류"></a>
</div> --%>
<div class="visualWrap">
<ul>
<li class="vulImg1"><a href="/web/content.do?proFn=mainProject01" title="페이지 이동"><span><img src="/img/index/p_visual01.png" alt="우편물 운송"></span></a></li>
<li class="vulImg2"><a href="/web/content.do?proFn=mainProject03" title="페이지 이동"><span><img src="/img/index/p_visual02.png" alt="소포배달"></span></a></li>
<li class="vulImg3"><a href="/web/content.do?proFn=mainProject02" title="페이지 이동"><span><img src="/img/index/p_visual03.png" alt="우편물류센터 운영"></span></a></li>
<li class="vulImg4"><a href="/web/content.do?proFn=mainProject04" title="페이지 이동"><span><img src="/img/index/p_visual04.png" alt="국제물류"></span></a></li>
</ul>
</div>
<!-- <script src="/js/jquery.slides.min.js"></script>
<script>
//기본 슬라이드 주석
var winWid = window.innerWidth; //브라우저 width
//모바일에서만
if(951 > winWid){
$("#slides").show();
$('#slides').slidesjs({
play: {
active: true,
auto: true,
interval: 5000,
navigation:false,
swap: true,
effect : "slide"
},
navigation: {
active: true
},pagination: {
active: false, //페이징
effect: "slide" //숫자 눌렀을때 효과 슬라이드(slide) 페이드효과(fade)
//css slidesjs-pagination 이부분 수정으로 커스터마이징 가능함
},
start : function(number){
console.log(number);
}
});
}
</script> -->
<div class="main_board_wr">
<div class="main_board_01"><!-- 공지사항 -->
<div class="main_board_tt" ><h2>공지사항</h2><button onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${noticeMap[0].bbsId}'"
onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${noticeMap[0].bbsId}'" title="공지사항"><img src="/img/index/main_board_more.png" alt="더보기"></button></div>
<div class="main_board_list">
<ul>
<c:forEach var="result" items="${noticeMap}" varStatus="status">
<c:if test="${status.index < 3}" >
<li><a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');"><span class="lt_list">
<c:if test="${result.newFlag=='Y'}">
<span class="new_icon">NEW</span>
</c:if>
<c:out value="${result.nttSj}" />
</span><span class="lt_date">${result.frstRegisterPnttm}</span></a></li>
</c:if>
</c:forEach>
</ul>
</div>
</div>
<div class="main_board_02"><!-- 뉴스와 화제 -->
<div class="main_board_tt"><h2>뉴스와 화제</h2><button onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${newsIssuesMap[0].bbsId}'"
onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${newsIssuesMap[0].bbsId}'" title="뉴스와화제 "><img src="/img/index/main_board_more.png" alt="더보기"></button></div>
<div class="main_board_list">
<ul>
<c:forEach var="result" items="${newsIssuesMap}" varStatus="status">
<c:if test="${status.index < 3}" >
<li><a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');"><span class="lt_list">
<c:if test="${result.newFlag=='Y'}">
<span class="new_icon">NEW</span>
</c:if>
<c:out value="${result.nttSj}" />
</span><span class="lt_date">${result.frstRegisterPnttm}</span></a></li>
</c:if>
</c:forEach>
</ul>
</div>
</div>
<div class="main_board_03">
<div class="main_board_tt"><h2>채용공고</h2><button onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${hireMap[0].bbsId}'" onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${hireMap[0].bbsId}'" title="채용공고"><img src="/img/index/main_board_more.png" alt="더보기"></button></div>
<div class="main_board_list">
<ul>
<c:forEach var="result" items="${hireMap}" varStatus="status">
<c:if test="${status.index < 3}" >
<li><a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');"><span class="lt_list">
<c:if test="${result.newFlag=='Y'}">
<span class="new_icon">NEW</span>
</c:if>
<c:out value="${result.nttSj}" />
</span><span class="lt_date">${result.frstRegisterPnttm}</span></a></li>
</c:if>
</c:forEach>
</ul>
</div>
</div>
<div class="main_board_04">
<div class="main_board_tt"><h2>입찰공고</h2><button onkeypress="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${bidMap[0].bbsId}'" onclick="location.href='/web/cop/bbs/selectBoardList.do?bbsId=${bidMap[0].bbsId}'" title="입찰공고"><img src="/img/index/main_board_more.png" alt="더보기"></button></div>
<div class="main_board_list">
<ul>
<c:forEach var="result" items="${bidMap}" varStatus="status">
<c:if test="${status.index < 3}" >
<li><a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');"><span class="lt_list">
<c:if test="${result.newFlag=='Y'}">
<span class="new_icon">NEW</span>
</c:if>
<c:out value="${result.nttSj}" />
</span><span class="lt_date">${result.frstRegisterPnttm}</span></a></li>
</c:if>
</c:forEach>
</ul>
</div>
</div>
</div>
<div class="main_pop_wrap">
<div class="mainpopNew">
<div class="main_tile10">
<div class="title">인터넷침해사고 <span>경보단계</span></div>
<img src="/img/index/main_tile10_krcert${cyberAlerMap.caLevel}.png" alt="경보단계 <c:if test="${cyberAlerMap.caLevel eq '1'}">정상</c:if><c:if test="${cyberAlerMap.caLevel eq '2'}">관심</c:if><c:if test="${cyberAlerMap.caLevel eq '3'}">주의</c:if><c:if test="${cyberAlerMap.caLevel eq '4'}">경계</c:if><c:if test="${cyberAlerMap.caLevel eq '5'}">심각</c:if> 이미지">
</div>
<ul class="popup_list">
<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 팝업존 -->
<li>
<c:set var="popzATitle"></c:set>
<c:if test="${result.istarget == 'N'}">
<c:set var="popzATitle">새창열림</c:set>
</c:if>
<c:if test="${result.istarget == 'N'}">
<a href="javascript:popzoneOpen('${result.mlink}','${result.istarget}');" title="새창열림" >
</c:if>
<c:if test="${result.istarget != 'N'}">
<a href="javascript:popzoneOpen('${result.mlink}','${result.istarget}');">
</c:if>
<img style="cursor:pointer"
onerror="this.src='/images/no_img.jpg'" alt="${result.imgAlt} 팝업"
src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
</a>
</li>
</c:forEach>
</ul>
<div class="slideBtn">
<button class="popBefore" style="display:inline-block" title="이전"><img src="/img/index/larr.png" alt="이전"></button>
<button class="popNext" style="display:inline-block" title="다음"><img src="/img/index/rarr.png" alt="다음"></button>
<button class="popStop" style="display:inline-block" title="정지"><img src="/img/index/slide_stop.png" alt="정지"></button>
<button class="popPlay" style="display:inline-block" title="재생"><img src="/img/index/slide_play.png" alt="재생"></button>
</div>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" href="/css/slick.css">
<script>
var popupSlide;
$(document).ready(function(){
popupSlide = $(".popup_list").slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
nextArrow: '.popNext',
prevArrow: '.popBefore',
autoplaySpeed: 3000,
speed: 2000
});
$('.popStop').click(function() {
$('.popup_list').slick('slickPause');
});
$('.popPlay').click(function() {
$('.popup_list').slick('slickPlay');
});
/* 웹접근성 숨긴 콘텐츠 포커스 안가게 */
$(".popup_list").on("beforeChange",function(event, slick, currentSlide, nextSlide){
var curSlide = $(".slick-active");
curSlide.eq(0).children("div").children("li").children("a").attr("tabindex","-1");
})
});
function popzoneOpen(url,target){
var vTarget;
if(target != "N"){
vTarget = "_self";
}else{
vTarget = "_blank";
}
window.open(url,vTarget);
}
</script>
</div>
<div class="main_pop_wrap_600">
<ul class="popup_list_600"><!--모바일-->
<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 팝업존 -->
<li>
<img onclick="javascript:;window.open('${result.mlink}'<c:if test="${result.istarget != 'N'}">, '_self'</c:if>);" style="cursor:pointer"
onerror="this.src='/images/no_img.jpg'" alt="${result.imgAlt} 팝업"
src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
</li>
</c:forEach>
</ul>
</div>
<script src="/js/jquery.bxslider.min.js"></script>
<script>
$(function() {
$('.popup_list_600').bxSlider({
auto: true,
minSlides: 2,
maxSlides: 2,
slideWidth: 300,
slideMargin:15,
speed: 1000,
pager: false
});
});
</script>
</div>
<div id="link_wrap">
<div class="link_wrap_1300">
<div class="linkBtn">
<button class="linkBefore" style="display:inline-block" title="이전"><img src="/img/index/larr.png" alt="이전"></button>
<button class="linkNext" style="display:inline-block" title="다음"><img src="/img/index/rarr.png" alt="다음"></button>
</div>
<ul class="link_banner">
<c:forEach var="banner" items="${bannerList}" varStatus="status">
<li>
<a href="${banner.linkUrl}" target="_blank" title="새창열림">
<img alt="${banner.bannerDc}" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${banner.bannerImageFile}"/>'/>
</a>
</li>
</c:forEach>
</ul>
</div>
<a href="/web/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_000000000540&reportIntroYn=Y" target="_blank" title="새창열림">
<img src="/img/sub/banner_1.png" alt="갑질우체통">
</a>
</div>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" href="/css/slick.css">
<script>
var BnnSlide;
$(document).ready(function(){
BnnSlide = $(".link_banner").slick({
infinite: true,
slidesToShow: 5,
slidesToScroll: 1,
autoplay: false,
nextArrow: '.linkNext',
prevArrow: '.linkBefore',
speed: 1000,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 3
}
},{
breakpoint: 986,
settings: {
slidesToShow: 2
}
},{
breakpoint: 640,
settings: {
slidesToShow: 1
}
}]
})
})
</script>
</section>
<form name="frm" action="/web/cop/bbs/selectBoardArticle.do" method="get">
<input type="hidden" name="bbsId" />
<input type="hidden" name="nttId" value="0" />
<input name="pageIndex" type="hidden" value="1" />
</form>
</body>