fairnet/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp
2024-09-23 16:40:04 +09:00

345 lines
13 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
<%@ page import="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
<%@ page import="kcc.com.cmm.LoginVO" %>
<script type="text/javascript">
$(document).ready(function (){
// 탑메뉴
$("nav#menu ul.depth01").find('li').each(function (index, item){
$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
});
//사이트맵
$('.full_menu ul.depth01').find('li').each(function (index, item){
$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
});
});
/* 화면 확대 축소 */
var nowZoom = 100;
function zoomOut() { // 화면크기축소
nowZoom = nowZoom - 10;
if(nowZoom <= 70) nowZoom = 70; // 화면크기 최대 축소율 70%
zooms();
}
function zoomIn() { // 화면크기확대
nowZoom = nowZoom + 20;
if(nowZoom >= 200) nowZoom = 200; // 화면크기 최대 확대율 200%
zooms();
}
function zooms() {
document.body.style.zoom = nowZoom + "%";
}
</script>
<!-- 전자조정 헤더HTML 시작 -->
<div class="skip_menu">
<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
</div>
<header class="header">
<div class="inner pc_header">
<h1 class="logo">
<a href="/" title="메인으로 이동">
<img src="/kofair_case_seed/usr/images/layout/header_logo.png" alt="한국공정거래조정원 KOREA FAIR TRADE MEDIATION AGENCY">
</a>
</h1>
<div class="util_bar">
<div class="search_area">
<input type="text" class="input_text input_search" title="검색어 입력">
<button type="button" class="btn btn_icon btn_search" title="검색버튼">
<i class="icon search"></i>
</button>
</div>
<div class="util_btn_area">
<button type="button" class="btn btn_text btn_40 blue_fill><i class="icon sertification"></i>본인인증</button>
<button type="button" class="btn btn_text btn_40 blue_fill hide"><i class="icon sertification_out"></i>인증해제</button>
<button type="button" class="btn btn_text btn_40 gray_border only_icon" title="페이지 확대" onClick="zoomIn();"><i class="icon plus"></i></button>
<button type="button" class="btn btn_text btn_40 gray_border only_icon" title="페이지 축소" onClick="zoomOut();"><i class="icon minus"></i></button>
</div>
</div>
</div>
<nav class="nav pc_header">
<div class="inner">
<ul class="menu_ul">
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
<c:if test="${resultListOne.depths eq '1' }">
<li class="menu_depth01">
<a href="#" id="${resultListOne.menuNo}">
<c:out value="${resultListOne.menuNm}" />
</a>
<div class="sub_menu_wrap">
<div class="sub_menu">
<div class="sub_menu_title_wrap">
<h2>
<c:out value="${resultListOne.menuNm}" />
<span>korea fair trade mediation agency</span>
</h2>
</div>
<ul class="sub_menu_ul">
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
<li class="menu_depth02">
<a href="#" class="sub_menu_title"><c:out value="${resultListTwo.menuNm}" /></a>
<ul class="menu_depth03">
<c:forEach var="resultListThree" items="${menuResultList}" varStatus="status">
<c:if test="${resultListThree.depths eq '3' && resultListTwo.menuNo eq resultListThree.upperMenuId }">
<li>
<a href="${empty resultListThree.url ? '#' : resultListThree.url }" ${resultListThree.menuType eq 'O' ? 'target="_blank"' : ""} >
<c:out value="${resultListThree.menuNm}" />
</a>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
</c:forEach>
</ul>
</div>
</div>
</li>
</c:if>
</c:forEach>
</ul>
<button type="button" class="btn btn_40 only_icon btn_all_menu">
<i class="icon menu"></i>
</button>
</div>
</nav>
<!-- 전체메뉴 -->
<!-- <div class="full_menu">
<div class="inner">
<h1 class="logo"><img src="/kccadrPb/usr/image/common/top_logo.png"
alt="저작권 전자조정시스템 Copyright Electronic Coordination System"></h1>
<ul class="depth01">
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
<c:if test="${resultListOne.depths eq '1' }">
<li class="depth01_li">
<a href="#" class="menu_link">
<c:out value="${resultListOne.menuNm}" />
</a>
<ul class="depth02">
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
<li>
<a href="${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
<c:out value="${resultListTwo.menuNm}" />
</a>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
</c:forEach>
</ul>
<button type="button" class="btn_close" title="전체메뉴 닫기"></button>
</div>
</div> -->
<!-- //전체메뉴 -->
<div class="mobile_header">
<div class="header_wrap">
<h1 class="logo">
<a href="./index.html" title="메인으로 이동">
<img src="/kofair_case_seed/usr/images/layout/header_logo_m.png" alt="한국공정거래조정원 KOREA FAIR TRADE MEDIATION AGENCY">
</a>
</h1>
<div class="header_util">
<button type="button" class="btn only_icon btn_sertification"><i></i></button>
<button type="button" class="btn only_icon btn_sertification_out hide"><i></i></button>
<button type="button" class="btn only_icon btn_search"><i></i></button>
<button type="button" class="btn only_icon btn_menu"><i></i></button>
</div>
</div>
<div class="search_area">
<input type="text" class="input_text input_search">
<button type="button" class="btn_search"><i></i></button>
</div>
<div class="all_menu_wrap">
<div class="top_area">
<h1 class="logo">
<a href="./index.html" title="메인으로 이동">
<img src="/kofair_case_seed/usr/images/layout/header_logo_m.png" alt="한국공정거래조정원 KOREA FAIR TRADE MEDIATION AGENCY">
</a>
</h1>
<button type="button" class="btn btn_menu_close"><i></i></button>
</div>
<nav class="mobile_menu">
<ul class="mobile_ul">
<li class="m_menu_depth01_li">
<button type="button" class="m_menu_depth01">분쟁조정 안내 <i></i></button>
<ul class="m_sub_menu">
<li>
<a href="#" class="title">분쟁조정 안내</a>
<ul class="m_sub_depth02">
<li><a href="#">분쟁조정제도</a></li>
<li><a href="#">분쟁조정절차</a></li>
<li><a href="#">분쟁조정관련서식</a></li>
<li><a href="#">법령자료실</a></li>
<li><a href="#">자료실</a></li>
</ul>
</li>
<li>
<a href="#" class="title">자주 묻는 질문</a>
<ul class="m_sub_depth02">
<li><a href="#">조정신청 관련 질문</a></li>
<li><a href="#">절차 진행 관련 질문</a></li>
<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
<li><a href="#">(기타)절차종결 관련 질문</a></li>
</ul>
</li>
<li>
<a href="#" class="title">뉴스레터</a>
<ul class="m_sub_depth02">
<li><a href="#">뉴스레터</a></li>
<li><a href="#">뉴스레터 서비스</a></li>
</ul>
</li>
<li><a href="#" class="title">공지사항</a></li>
<li><a href="#" class="title">오시는 길</a></li>
</ul>
</li>
<li class="m_menu_depth01_li">
<button type="button" class="m_menu_depth01">분쟁조정 신청 <i></i></button>
<ul class="m_sub_menu">
<li>
<a href="#" class="title">분쟁조정 안내</a>
<ul class="m_sub_depth02">
<li><a href="#">분쟁조정제도</a></li>
<li><a href="#">분쟁조정절차</a></li>
<li><a href="#">분쟁조정관련서식</a></li>
<li><a href="#">법령자료실</a></li>
<li><a href="#">자료실</a></li>
</ul>
</li>
<li>
<a href="#" class="title">자주 묻는 질문</a>
<ul class="m_sub_depth02">
<li><a href="#">조정신청 관련 질문</a></li>
<li><a href="#">절차 진행 관련 질문</a></li>
<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
<li><a href="#">(기타)절차종결 관련 질문</a></li>
</ul>
</li>
<li>
<a href="#" class="title">뉴스레터</a>
<ul class="m_sub_depth02">
<li><a href="#">뉴스레터</a></li>
<li><a href="#">뉴스레터 서비스</a></li>
</ul>
</li>
<li><a href="#" class="title">공지사항</a></li>
<li><a href="#" class="title">오시는 길</a></li>
</ul>
</li>
<li class="m_menu_depth01_li">
<button type="button" class="m_menu_depth01">분쟁조정 상담 <i></i></button>
<ul class="m_sub_menu">
<li>
<a href="#" class="title">분쟁조정 안내</a>
<ul class="m_sub_depth02">
<li><a href="#">분쟁조정제도</a></li>
<li><a href="#">분쟁조정절차</a></li>
<li><a href="#">분쟁조정관련서식</a></li>
<li><a href="#">법령자료실</a></li>
<li><a href="#">자료실</a></li>
</ul>
</li>
<li>
<a href="#" class="title">자주 묻는 질문</a>
<ul class="m_sub_depth02">
<li><a href="#">조정신청 관련 질문</a></li>
<li><a href="#">절차 진행 관련 질문</a></li>
<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
<li><a href="#">(기타)절차종결 관련 질문</a></li>
</ul>
</li>
<li>
<a href="#" class="title">뉴스레터</a>
<ul class="m_sub_depth02">
<li><a href="#">뉴스레터</a></li>
<li><a href="#">뉴스레터 서비스</a></li>
</ul>
</li>
<li><a href="#" class="title">공지사항</a></li>
<li><a href="#" class="title">오시는 길</a></li>
</ul>
</li>
<li class="m_menu_depth01_li">
<button type="button" class="m_menu_depth01">분쟁조정 사례 <i></i></button>
<ul class="m_sub_menu">
<li>
<a href="#" class="title">분쟁조정 안내</a>
<ul class="m_sub_depth02">
<li><a href="#">분쟁조정제도</a></li>
<li><a href="#">분쟁조정절차</a></li>
<li><a href="#">분쟁조정관련서식</a></li>
<li><a href="#">법령자료실</a></li>
<li><a href="#">자료실</a></li>
</ul>
</li>
<li>
<a href="#" class="title">자주 묻는 질문</a>
<ul class="m_sub_depth02">
<li><a href="#">조정신청 관련 질문</a></li>
<li><a href="#">절차 진행 관련 질문</a></li>
<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
<li><a href="#">(기타)절차종결 관련 질문</a></li>
</ul>
</li>
<li>
<a href="#" class="title">뉴스레터</a>
<ul class="m_sub_depth02">
<li><a href="#">뉴스레터</a></li>
<li><a href="#">뉴스레터 서비스</a></li>
</ul>
</li>
<li><a href="#" class="title">공지사항</a></li>
<li><a href="#" class="title">오시는 길</a></li>
</ul>
</li>
<li class="m_menu_depth01_li">
<button type="button" class="m_menu_depth01">마이페이지 <i></i></button>
<ul class="m_sub_menu">
<li>
<a href="#" class="title">분쟁조정 안내</a>
<ul class="m_sub_depth02">
<li><a href="#">분쟁조정제도</a></li>
<li><a href="#">분쟁조정절차</a></li>
<li><a href="#">분쟁조정관련서식</a></li>
<li><a href="#">법령자료실</a></li>
<li><a href="#">자료실</a></li>
</ul>
</li>
<li>
<a href="#" class="title">자주 묻는 질문</a>
<ul class="m_sub_depth02">
<li><a href="#">조정신청 관련 질문</a></li>
<li><a href="#">절차 진행 관련 질문</a></li>
<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
<li><a href="#">(기타)절차종결 관련 질문</a></li>
</ul>
</li>
<li>
<a href="#" class="title">뉴스레터</a>
<ul class="m_sub_depth02">
<li><a href="#">뉴스레터</a></li>
<li><a href="#">뉴스레터 서비스</a></li>
</ul>
</li>
<li><a href="#" class="title">공지사항</a></li>
<li><a href="#" class="title">오시는 길</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</header>