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" %>
<head>
<script type="text/javascript" src="/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//모바일경우 팝업 없음.
//레이어 팝업 띄우기
<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 이부분 수정으로 커스터마이징 가능함
}
});
}
else if(601>winWid){
$('.link_banner').bxSlider({
auto: true,
minSlides: 1,
maxSlides: 1,
slideWidth: 180,
slideMargin: 6,
speed: 6000,
pager: false,
// 웹접근성 추가
onSliderLoad: function(){
//$(".link_banner").find("a").prop("tabIndex","-1");
$(".link_banner").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
}
else if(winWid>601){
$('.link_banner').bxSlider({
auto: false,
minSlides: 3,
maxSlides: 6,
slideWidth: 180,
slideMargin: 6,
speed: 6000,
pager: false,
// 웹접근성 추가
onSliderLoad: function(){
//$(".link_banner").find("a").prop("tabIndex","-1");
$(".link_banner").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
}
})
/* ********************************************************
* 팝업창 오픈 쿠키 정보 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>
</head>
<body>
<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>
<img src="/img/index/visual01.png" alt="우편물운송" onclick="location.href='/web/content.do?proFn=mainProject01'">
<img src="/img/index/e_visual02_1.png" alt="소포배달" onclick="location.href='/web/content.do?proFn=mainProject03'">
<img src="/img/index/e_visual03.png" alt="우편물류센터 운영" onclick="location.href='/web/content.do?proFn=mainProject02'">
<img src="/img/index/visual04.png" alt="국제물류" onclick="location.href='/web/content.do?proFn=mainProject04'">
</div>
<div class="visualWrap">
<ul>
<li class="vulImg1"><a href="/web/content.do?proFn=mainProject01" tabindex="0"><div><img src="/img/index/p_visual01.png" alt="우편물 운송"></div></a></li>
<li class="vulImg2"><a href="/web/content.do?proFn=mainProject03" tabindex="0"><div><img src="/img/index/p_visual02.png" alt="소포배달"></div></a></li>
<li class="vulImg3"><a href="/web/content.do?proFn=mainProject02" tabindex="0"><div><img src="/img/index/p_visual03.png" alt="우편물류센터 운영"></div></a></li>
<li class="vulImg4"><a href="/web/content.do?proFn=mainProject04" tabindex="0"><div><img src="/img/index/p_visual04.png" alt="국제물류"></div></a></li>
</ul>
</div>
<script src="/js/jquery.slides.min.js"></script>
<script type="text/javascript">
//기본 슬라이드 주석
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 이부분 수정으로 커스터마이징 가능함
}
});
}
</script>
<div class="main_board_wr">
<div class="main_board_01"><!-- 공지사항 -->
<div class="main_board_tt" ><p>공지사항</p><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}'"><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"><p>뉴스와 화제</p><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}'"><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"><p>채용공고</p><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}'" ><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"><p>입찰공고</p><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}'" ><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="경보단계 정상 이미지">
</div>
<ul class="popup_list">
<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 팝업존 -->
<li>
<img onkeypress="window.open('${result.mlink}'<c:if test="${result.istarget != 'N'}">, '_self'</c:if>);" 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>
<script type="text/javascript" src="/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(function() {
$('.popup_list').bxSlider({
auto: true,
minSlides: 1,
maxSlides: 3,
slideWidth: 300,
slideMargin:20,
speed: 1000,
pager: false,
autoControls:true,
// 웹접근성 추가
onSliderLoad: function(){
//$(".link_banner").find("a").prop("tabIndex","-1");
$(".popup_list").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
});
</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 type="text/javascript" src="/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(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">
<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>
</div>
<script type="text/javascript" src="/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(function() {
var winWid = $("body").width();
if(winWid>601){
$('.link_banner').bxSlider({
auto: false,
minSlides: 3,
maxSlides: 6,
slideWidth: 180,
slideMargin: 6,
speed: 6000,
pager: false,
// 웹접근성 추가
onSliderLoad: function(){
//$(".link_banner").find("a").prop("tabIndex","-1");
$(".link_banner").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
}
else if(601>winWid){
$(function() {
$('.link_banner').bxSlider({
auto: true,
minSlides: 1,
maxSlides: 3,
slideWidth: 180,
slideMargin: 6,
speed: 6000,
pager: false,
// 웹접근성 추가
onSliderLoad: function(){
//$(".link_banner").find("a").prop("tabIndex","-1");
$(".link_banner").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
});
}
});
$('.mainSlider a').focusin(function () {
mainSlider.stopAuto();
});
$(".link_wrap_1300 .bx-wrapper").css("max-width","1051px");
$(".link_wrap_1300 .bx-wrapper .bx-viewport").css("width","130%");
</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>
<!-- 레이어 팝업 -->
<c:if test="${fn:length(popupList) > 0}" >
<style type="text/css">
.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;}
</style>
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
<c:if test="${popupListData.popupType eq 'L'}">
<style type="text/css">
#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="#" onclick="fn_layerClose('${popupListData.popupId}'); return false;" class="btn-layerClose">Close</a>
<br/>
하루동안 창을 열지 않음 <input type="checkbox" name="chkPopup" value="" onClick="fnPopupCheck('${popupListData.popupId}' , 'layer')" title="하루동안창열지않기체크">
</div>
<!--// content-->
</div>
</div>
</div>
</c:if>
</c:forEach>
</c:if>
<!-- 레이어 팝업 끝-->
</body>