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" %>
<%
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragma","no-cache");
response.setDateHeader("Expires",0);
if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache");
%>
<script type="text/javascript">
$(document).ready(function (){
// <c:if test="${message != null}">
// alert("<c:out value='${message}' />");
// </c:if>
//레이어 팝업 띄우기
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
if(fnGetCookie("layer_<c:out value='${popupListData.popupId}' />") == null){
$("#layer_pop_<c:out value='${popupListData.popupId}' />").fadeIn();
};
</c:forEach>
// 팝업 위치 조정
var bdWidth = $("body").width();
popupSet(bdWidth);
});
$(window).on("resize",function(){
var bdWidth = $("body").width();
popupSet(bdWidth);
})
// 팝업 css 설정
function popupSet(bodyWidth){
let offset = 30;
if(bodyWidth>1199){
$(".popup").each(function(idx,itm) {
$(this).css({
top: '60px', // 화면 중앙에 위치
left: offset + 'px', // 각 팝업을 가로로 정렬
/* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
position: 'absolute' // 부모 요소 기준으로 위치 설정
});
offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
});
}else{
$(".popup").each(function(idx,itm) {
var zIndex = 1000 - idx;
var topPosi = idx * 45;
$(this).css({
top: 'calc(1% + '+topPosi+'px)', // 화면 중앙에 위치
left: '30px', // 각 팝업을 가로로 정렬
/* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
position: 'absolute', // 부모 요소 기준으로 위치 설정
"z-index":zIndex
});
offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
});
}
}
/* ********************************************************
* 팝업창 오픈 쿠키 정보 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_layerClose(popupId){
$("#layer_pop_"+popupId).fadeOut();
}
function popzoneOpen(url,target){
var vTarget;
if(target != "N"){
vTarget = "_self";
}else{
vTarget = "_blank";
}
window.open(url,vTarget);
}
function fn_egov_inqire_notice(bbsId, nttId) {
document.frm.nttId.value = nttId;
document.frm.bbsId.value = bbsId;
document.frm.method = "post";
document.frm.action = "<c:url value='/web/cop/bbsWeb/selectBoardDetail.do'/>?pubDetail=Y";
document.frm.submit();
}
function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
if (popupwidth > screen.width)
popupwidth = screen.width;
if (popupheight > screen.height)
popupheight = screen.height;
var top = 0;
var left = 0;
if (isNaN(parseInt(popupwidth))) {
top = (screen.availHeight - 600) / 2;
left = (screen.availWidth - 800) / 2;
} else {
top = (screen.availHeight - popupheight) / 2;
left = (screen.availWidth - popupwidth) / 2;
}
if (top < 0) top = 0;
if (left < 0) left = 0;
var option = "dependent=yes,fullscreen=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,left=" + left + ",top=" + top + ",width=" + popupwidth + ",height=" + popupheight;
if (name == null || name == "") { name = "Popup"; }
window.open("", name, option);
frm.attr('target', name);
frm.attr('action', surl);
frm.method = "post";
frm.submit();
// 초기화..
frm.attr('target', '_self');
}
</script>
<!-- 비주얼 -->
<c:choose>
<c:when test="${not empty mainzoneImg}">
<c:set var="backgroundUrl" value="/uss/ion/pwm/getImage.do?atchFileId=${mainzoneImg.mainzoneImageFile}" />
</c:when>
<c:otherwise>
<c:set var="backgroundUrl" value="/kofair_case_seed/usr/images/main/main_visual.jpg" />
</c:otherwise>
</c:choose>
<%-- <div class="visual" style="
width: 100%;
padding: 70px 0;
background: url('${backgroundUrl}') no-repeat center center;
text-align: center;
background-size: cover;
">
</div> --%>
<!-- ============== 메인비주얼 ============== -->
<div class="main_visual">
<div class="inner">
<div class="visual_slide swiper">
<div class="swiper-wrapper">
<a href="#" class="swiper-slide">1</a>
<a href="#" class="swiper-slide">2</a>
<a href="#" class="swiper-slide">3</a>
</div>
</div>
</div>
</div>
<!-- ============== 메인비주얼 끝 ============== -->
<!-- ============== section01 ============== -->
<section class="section section01">
<div class="inner">
<!-- ======= 이번달 교육일정 ======= -->
<div class="sch_cont">
<div class="title_wrap">
<h2 class="main_title">이번달 교육 일정</h2>
</div>
<div class="cont_wrap">
<ul class="tabs">
<li>
<button type="button" class="tab active" title="활성화됨">전체</button>
<div class="tab_content">
<div class="sch_title">
<strong class="current_date">2025년 08월</strong>
</div>
<ul class="list">
<li>
<a href="#">
<div class="list_left">
<p class="title">
<em class="status green">접수중</em>
상표권 위조상품 기소유예
</p>
<ul class="list_info">
<li><p><em>· 접수기간</em>2025-08-18 ~ 2025-08-20</p></li>
<li><p><em>· 교육기간</em>2025-08-18 ~ 2025-08-20</p></li>
</ul>
</div>
<span class="text_move">교육신청하기<i></i></span>
</a>
</li>
<li>
<a href="#">
<div class="list_left">
<p class="title">
<em class="status gray">마감</em>
상표권 위조상품 기소유예
</p>
<ul class="list_info">
<li><p><em>· 접수기간</em>2025-08-18 ~ 2025-08-20</p></li>
<li><p><em>· 교육기간</em>2025-08-18 ~ 2025-08-20</p></li>
</ul>
</div>
<span class="text_move">교육신청하기<i></i></span>
</a>
</li>
<li>
<a href="#">
<div class="list_left">
<p class="title">
<em class="status gray">마감</em>
상표권 위조상품 기소유예
</p>
<ul class="list_info">
<li><p><em>· 접수기간</em>2025-08-18 ~ 2025-08-20</p></li>
<li><p><em>· 교육기간</em>2025-08-18 ~ 2025-08-20</p></li>
</ul>
</div>
<span class="text_move">교육신청하기<i></i></span>
</a>
</li>
</ul>
<a href="#" class="btn_more" title="더보기">자세히보기<i></i></a>
</div>
</li>
<li>
<button type="button" class="tab" title="비활성화됨">기소유예 교육</button>
<div class="tab_content">
<div class="sch_title">
<strong class="current_date">2025년 08월</strong>
</div>
<ul class="list">
<li>
<a href="#">
<div class="list_left">
<p class="title">
<em class="status green">접수중</em>
상표권 위조상품 기소유예
</p>
<ul class="list_info">
<li><p><em>· 접수기간</em>2025-08-18 ~ 2025-08-20</p></li>
<li><p><em>· 교육기간</em>2025-08-18 ~ 2025-08-20</p></li>
</ul>
</div>
<span class="text_move">교육신청하기<i></i></span>
</a>
</li>
<li>
<a href="#">
<div class="list_left">
<p class="title">
<em class="status gray">마감</em>
상표권 위조상품 기소유예
</p>
<ul class="list_info">
<li><p><em>· 접수기간</em>2025-08-18 ~ 2025-08-20</p></li>
<li><p><em>· 교육기간</em>2025-08-18 ~ 2025-08-20</p></li>
</ul>
</div>
<span class="text_move">교육신청하기<i></i></span>
</a>
</li>
<li>
<a href="#">
<div class="list_left">
<p class="title">
<em class="status gray">마감</em>
상표권 위조상품 기소유예
</p>
<ul class="list_info">
<li><p><em>· 접수기간</em>2025-08-18 ~ 2025-08-20</p></li>
<li><p><em>· 교육기간</em>2025-08-18 ~ 2025-08-20</p></li>
</ul>
</div>
<span class="text_move">교육신청하기<i></i></span>
</a>
</li>
</ul>
<a href="#" class="btn_more" title="더보기">자세히보기<i></i></a>
</div>
</li>
</ul>
</div>
</div>
<!-- ======= 이번달 교육일정 끝 ======= -->
<!-- ======= 알림판 ======= -->
<div class="allim_cont">
<div class="allim_slide swiper">
<div class="swiper-wrapper">
<a href="#" class="swiper-slide">1</a>
<a href="#" class="swiper-slide">2</a>
<a href="#" class="swiper-slide">3</a>
</div>
</div>
<div class="allim_bottom">
<p class="title">알림판</p>
<div class="allim_util">
<p><em class="current_num">4</em>/5</p>
<div class="btn_wrap">
<button type="button" class="btn_prev"><i></i></button>
<button type="button" class="btn_pause"><i></i></button>
<button type="button" class="btn_play hide"><i></i></button>
<button type="button" class="btn_next"><i></i></button>
</div>
</div>
</div>
</div>
<!-- ======= 알림판 끝 ======= -->
</div>
</section>
<!-- ============== section01 끝============== -->
<!-- ============== section02 ============== -->
<section class="section section02">
<div class="inner">
<div class="title_wrap">
<h2 class="main_title">NOTICE</h2>
</div>
<div class="cont_wrap">
<ul class="tabs">
<li>
<button type="button" class="tab active" title="활성화됨">전체</button>
<div class="tab_content">
<ul class="card_list">
<li class="part_notice">
<a href="#">
<span class="part"><i></i>공지사항</span>
<span class="title">2025년 하반기 의약품 허가 특허 연계제도 교육 모집 공고</span>
<span class="summary">2025년 하반기 의약품 허가특허연계제도 교육을 실시하오니 관심 있는 분들의 많은 참여 바랍니다. 가. 교육명: 2025년도 하반기 의약품 허가특허연계제도 교육</span>
<ul class="list_util">
<li><i class="icon calendar"></i>2025-08-19</li>
<li><i class="icon writer"></i>관리자</li>
<li><i class="icon view"></i>434</li>
</ul>
</a>
</li>
<li class="part_data">
<a href="#">
<span class="part"><i></i>교육자료실</span>
<span class="title">2025년 하반기 의약품 허가 특허 연계제도 교육 모집 공고</span>
<span class="summary">2025년 하반기 의약품 허가특허연계제도 교육을 실시하오니 관심 있는 분들의 많은 참여 바랍니다. 가. 교육명: 2025년도 하반기 의약품 허가특허연계제도 교육</span>
<ul class="list_util">
<li><i class="icon calendar"></i>2025-08-19</li>
<li><i class="icon writer"></i>관리자</li>
<li><i class="icon view"></i>434</li>
</ul>
</a>
</li>
<li class="part_data">
<a href="#">
<span class="part"><i></i>교육자료실</span>
<span class="title">2025년 하반기 의약품 허가 특허 연계제도 교육 모집 공고</span>
<span class="summary">2025년 하반기 의약품 허가특허연계제도 교육을 실시하오니 관심 있는 분들의 많은 참여 바랍니다. 가. 교육명: 2025년도 하반기 의약품 허가특허연계제도 교육</span>
<ul class="list_util">
<li><i class="icon calendar"></i>2025-08-19</li>
<li><i class="icon writer"></i>관리자</li>
<li><i class="icon view"></i>434</li>
</ul>
</a>
</li>
<li class="part_data">
<a href="#">
<span class="part"><i></i>교육자료실</span>
<span class="title">2025년 하반기 의약품 허가 특허 연계제도 교육 모집 공고</span>
<span class="summary">2025년 하반기 의약품 허가특허연계제도 교육을 실시하오니 관심 있는 분들의 많은 참여 바랍니다. 가. 교육명: 2025년도 하반기 의약품 허가특허연계제도 교육</span>
<ul class="list_util">
<li><i class="icon calendar"></i>2025-08-19</li>
<li><i class="icon writer"></i>관리자</li>
<li><i class="icon view"></i>434</li>
</ul>
</a>
</li>
</ul>
<a href="#" class="btn_more" title="더보기">자세히보기<i></i></a>
</div>
</li>
<li>
<button type="button" class="tab" title="비활성화됨">기소유예 교육</button>
<div class="tab_content">
<a href="#" class="btn_more" title="더보기">자세히보기<i></i></a>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- ============== section02 끝============== -->
<!-- ============== section03 ============== -->
<section class="section section03">
<div class="inner">
<div class="faq_cont">
<div class="title_wrap">
<h2 class="main_title">자주묻는 질문</h2>
<a href="#" class="btn_more" title="더보기">자세히보기<i></i></a>
</div>
<ul class="box_list">
<li>
<a href="#">
<span class="question">
<em>Q.</em>조정제도가 무엇이며, 어떤 장점이 있나요?
</span>
<span class="answer">
<em>A.</em><span>조정이란 전문가로 구성된 조정위원들의 의견을 바탕으로 양당사자간에 충분한 대화 및 의견조율을 통해 분쟁을 자율적으로 해결하는 제도입니다. 통상 산업재산권 분쟁은 대부분 조정을 통해 해결이 가능함에도 불구하고 심판이나 소송으로 진행될 경우 많은 비용과 시간이 투입되게 되어 불필요한 사회적 비용이 발생하게 됩니다. 또한 우리 위원회를 통해 조정절차를 거쳐 조정이 성립되게 되면 양당사자에게 조정조서가 발급되고
조정조서는 재판상 화해와 같은 효력을 갖게 됩니다. 조정은 3개월이내에 분쟁을 종결 지을 수 있고, 절차 진행에 비용이 전혀 들지 않습니다. 또한 모든 절차는 비공개로
진행되어 보안을 유지할 수 있는 장점이 있습니다.</span>
</span>
</a>
</li>
<li>
<a href="#">
<span class="question">
<em>Q.</em>조정신청은 어떻게 하나요?
</span>
</a>
</li>
<li>
<a href="#">
<span class="question">
<em>Q.</em>조정비용은 얼마인가요?
</span>
</a>
</li>
<li>
<a href="#">
<span class="question">
<em>Q.</em>조정대상은 무엇입니까?
</span>
</a>
</li>
</ul>
</div>
<div class="qna_cont">
<div class="title_wrap">
<h2 class="main_title">Q&A</h2>
</div>
<div class="cont_wrap">
<p class="title">교육문의</p>
<span class="summary">
교육과정의 신청 방법, 이수 기준 등에 대해 궁금한 사항을 안내해드립니다.
</span>
<strong>02-2183-5880</strong>
<span class="info">평일 <em>09:00 ~ 18:00</em> / 토,일 공휴일 휴무</span>
</div>
</div>
</div>
</section>
<!-- ============== section03 끝============== -->
<c:if test="${fn:length(popupList) > 0}" >
<style>
.popup {
display: none; /* 처음에는 보이지 않도록 설정 */
position: fixed; /* 화면에 고정 */
left: 0; /* 초기 위치 설정 */
top: 50%; /* 화면 중앙에 위치 */
min-width: 400px; /* 팝업 너비 */
height: auto; /* 높이를 내용에 맞게 자동 조정 */
border: 1px solid #e5e5e5;
background-color: #f4f5f6;
text-align: center;
z-index: 1000; /* 다른 요소들 위에 표시되도록 설정 */
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* 그림자 효과 */
}
.popup_wrap{padding:100px 30px;left:0;top:0;z-index:10;}
.pop-conts{background:#fff;min-height:250px;font-size:1.4rem;justify-content:center;align-items:center;}
.pop-conts a{width:100%;padding:20px;word-break:break-word;}
.btn-r{display:flex;height:45px;padding:0 15px;justify-content:space-between;align-items:center;}
.today_close{display:flex;font-size:1.5rem;color:#222;gap:6px;}
.today_close [type="checkbox"]{width:16px;height:16px;}
.btn-layerClose{width:16px;height:16px;margin:2px 0 0 0;}
.icon.popup_close{width:16px;height:16px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;background-size:100% auto;}
@media screen and (max-width: 1199px){
.popup{width:95%;min-width:auto;}
.pop-conts{min-height:auto;}
.popup_wrap img{height:auto !important;object-fit:contain;}
}
@media screen and (max-width: 640px){
.popup{width:95% !important;left:50% !important;transform:translateX(-50%);}
}
</style>
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="popup">
<div class="pop-container">
<div class="pop-conts">
<c:choose>
<c:when test="${not empty popupListData.fileUrl}">
<a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
${popupListData.nttCn}
</a>
</c:when>
<c:otherwise>
<a href="#">
${popupListData.nttCn}
</a>
</c:otherwise>
</c:choose>
</div>
<div class="btn-r">
<div class="today_close">
<c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
<input type="checkbox" id="chkPupup_${status.count}" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
<label for="chkPupup_${status.count}">하루동안 창을 열지 않음</label>
</c:if>
</div>
<a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"><i class="icon popup_close"></i></a>
</div>
</div>
</div>
</c:forEach>
</c:if>