Merge branch 'tolag3'
This commit is contained in:
parent
ae5a9a737b
commit
73c5765882
@ -2469,7 +2469,6 @@ public class EgovBBSManageController {
|
||||
SiteManagerVO siteManagerVO = new SiteManagerVO();
|
||||
siteManagerVO.setSiteId(siteId);
|
||||
setSiteinfo(siteManagerVO, model , request );
|
||||
//return "web/site/theme_"+siteManagerVO.getTheme()+"/"+siteManagerVO.getIsMobile()+"/cop/bbs/EgovNoticeUpdt";
|
||||
return "web/site/"+siteId+"/"+siteManagerVO.getIsMobile()+"/cop/bbs/EgovNoticeUpdt";
|
||||
}
|
||||
return "web/"+siteFolder+"/cop/bbs/EgovNoticeUpdt";
|
||||
|
||||
@ -535,12 +535,6 @@ public class EgovArticleCommentController {
|
||||
commentVO.setCommentCn(""); // 등록 후 댓글 내용 처리
|
||||
model.addAttribute("siteId", siteId);
|
||||
String siteFolder = "site/"+siteId ;
|
||||
/*if(!("linc".equals(siteId) || "klc".equals(siteId)) ){
|
||||
String theme = "01";
|
||||
String isMobile = "pc";
|
||||
setSiteinfo(siteId , theme , isMobile, model , request );
|
||||
return "web/site/"+siteId+"/"+isMobile+"/cop/cmt/EgovArticleCommentListWeb";
|
||||
}*/
|
||||
return "web/"+siteFolder+"/cop/cmt/EgovArticleCommentListWeb";
|
||||
}
|
||||
|
||||
@ -584,19 +578,4 @@ public class EgovArticleCommentController {
|
||||
}
|
||||
|
||||
|
||||
private void setSiteinfo(String siteId , String theme , String isMobile , ModelMap model , HttpServletRequest request) throws Exception{
|
||||
SiteManagerVO siteManagerVO = new SiteManagerVO();
|
||||
siteManagerVO.setSiteId(siteId);
|
||||
siteManagerVO = egovSiteManagerService.selectSiteManagerVO(siteManagerVO) ;
|
||||
if( !"".equals(siteManagerVO.getTheme()) && null != siteManagerVO.getTheme()){
|
||||
theme = siteManagerVO.getTheme() ;
|
||||
}
|
||||
WebUtil util = new WebUtil();
|
||||
if(util.isMobile(request)){
|
||||
isMobile = "mobile";
|
||||
}
|
||||
|
||||
model.addAttribute("siteId", siteId);
|
||||
model.addAttribute("site_path" , "/site/theme_"+theme+"/"+isMobile);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1437,24 +1437,6 @@ public class MainController {
|
||||
public String getDivTop(@PathVariable("siteId") String siteId , HttpServletRequest request,
|
||||
@RequestParam Map<String, Object> commandMap, ModelMap model)
|
||||
throws Exception {
|
||||
/*if(!("linc".equals(siteId) || "klc".equals(siteId)) ){
|
||||
SiteManagerVO siteManagerVO = new SiteManagerVO();
|
||||
siteManagerVO.setSiteId(siteId);
|
||||
siteManagerVO = egovSiteManagerService.selectSiteManagerVO(siteManagerVO) ;
|
||||
String theme = "01";
|
||||
String siteFolder = "site/"+siteId ;
|
||||
if( !"".equals(siteManagerVO.getTheme()) && null != siteManagerVO.getTheme()){
|
||||
theme = siteManagerVO.getTheme() ;
|
||||
siteFolder = "site/theme_"+theme ;
|
||||
}
|
||||
|
||||
String isMobile = "PC";
|
||||
WebUtil util = new WebUtil();
|
||||
if(util.isMobile(request)){
|
||||
isMobile = "MOBILE";
|
||||
}
|
||||
return "web/site/theme_"+theme+"/"+isMobile+"/main/mainPage";
|
||||
}*/
|
||||
return "blank";
|
||||
|
||||
}
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
1FB7198D23B120B9B281880F054640A80E557770084002DFF71F4D954E4CE898
|
||||
comodoca.com
|
||||
@ -1,68 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<link href="/css/style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.min.css">
|
||||
<script type="text/javascript" src="/js/tab.js"></script>
|
||||
<link href="/js/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="/css/page.css?ver=1" rel="stylesheet">
|
||||
<link href="/css/prettydropdowns.css" rel="stylesheet" type="text/css"><!-- sub navi select -->
|
||||
<link href="/css/board_basic.css" rel="stylesheet"><!-- 게시판 -->
|
||||
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>한국공예·디자인문화진흥원</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="description" content="한국공예·디자인문화진흥원에 대한 정보를 제공합니다.">
|
||||
<meta name="keywords" content="한국공예·디자인문화진흥원">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script type="text/javascript" src="/js/tab.js"></script>
|
||||
<link href="/css/style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.min.css">
|
||||
<link href="/js/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="/css/page.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="/css/flexslider.css" type="text/css" media="screen" /><!-- 이미지슬라이드 -->
|
||||
<script defer src="/js/jquery.flexslider.js"></script>
|
||||
<link href="/css/index.css" rel="stylesheet">
|
||||
<script type="text/javascript">
|
||||
</script>
|
||||
<style>
|
||||
.btn{ background: none;}
|
||||
.btn:hover {background:none;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="main">
|
||||
<!-- 메인비주얼 -->
|
||||
<!-- <div class="visual_txt"><img src="/img/index/visual_txt.png" alt="KCDF Korea Craft & Design Foundation"></div> -->
|
||||
<div id="slides" class="visual">
|
||||
<c:forEach var="result" items="${mainzoneList}" varStatus="status">
|
||||
<img alt="${result.content}" 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.jpg" alt="main_img1">
|
||||
<img src="/img/index/visual02.jpg" alt="main_img2">
|
||||
<img src="/img/index/visual03.jpg" alt="main_img3"> -->
|
||||
</div>
|
||||
<script src="/js/jquery.slides.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
document.body.style.background = "#323232";
|
||||
$('#slides').slidesjs({
|
||||
play: {
|
||||
active: true,
|
||||
auto: true,
|
||||
interval: 5000,
|
||||
navigation:false,
|
||||
swap: true,
|
||||
effect : "slide"
|
||||
},
|
||||
navigation: {
|
||||
active: true
|
||||
},
|
||||
});
|
||||
</script>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,681 +0,0 @@
|
||||
<%@ 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" %>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>한국공예·디자인문화진흥원</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="description" content="한국공예·디자인문화진흥원에 대한 정보를 제공합니다.">
|
||||
<meta name="keywords" content="한국공예·디자인문화진흥원">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script type="text/javascript" src="/js/tab.js"></script>
|
||||
<link href="/css/style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.min.css">
|
||||
<link href="/js/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="/css/page.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="/css/flexslider.css" type="text/css" media="screen" /><!-- 이미지슬라이드 -->
|
||||
<script defer src="/js/jquery.flexslider.js"></script>
|
||||
<link href="/css/index.css" rel="stylesheet">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
if($(window).width() < 701){
|
||||
$('.main_magazine').attr("onclick", "javascript:location.href='${popupzoneList_05[0].mlink}'");
|
||||
}
|
||||
|
||||
// 실서버
|
||||
if($(location).attr('host').indexOf("kcdf.or.kr") != -1){
|
||||
if($(location).attr('host').indexOf("www") == -1){
|
||||
var strurl = $(location).attr('href');
|
||||
strurl = strurl.replace("kcdf.or.kr", "www.kcdf.or.kr");
|
||||
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>
|
||||
|
||||
});
|
||||
|
||||
function fn_layerClose(popupId){
|
||||
$("#layer_pop_"+popupId).fadeOut();
|
||||
}
|
||||
|
||||
function fn_egov_inqire_notice(bbsId, nttId) {
|
||||
document.frm.bbsId.value = bbsId;
|
||||
document.frm.nttId.value = nttId;
|
||||
document.frm.method = "get";
|
||||
if("EXTBBSM_000000000002" == bbsId){ //입찰
|
||||
document.frm.action = "/web/cop/bbs/viewExtBoard.do";
|
||||
}else{
|
||||
document.frm.action = "/web/cop/bbsWeb/selectBoardArticle.do";
|
||||
}
|
||||
//document.frm.action = "/web/cop/bbsWeb/selectBoardArticle.do";
|
||||
document.frm.submit();
|
||||
}
|
||||
|
||||
function fn_egov_inqire_notice_secd(bbsId, nttId, seCd) {
|
||||
document.frmSecd.bbsId.value = bbsId;
|
||||
document.frmSecd.nttId.value = nttId;
|
||||
document.frmSecd.seCd.value = seCd;
|
||||
document.frmSecd.method = "get";
|
||||
if("EXTBBSM_000000000002" == bbsId){ //입찰
|
||||
document.frmSecd.action = "/web/cop/bbs/selectExtBbsList.do";
|
||||
document.frmSecd.submit();
|
||||
}else{
|
||||
document.frmSecd.action = "/web/cop/bbsWeb/selectBoardArticle.do";
|
||||
document.frmSecd.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();
|
||||
}
|
||||
|
||||
|
||||
/* ********************************************************
|
||||
* 팝업창 오픈 쿠키 정보 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()}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.btn{ background: none;}
|
||||
.btn:hover {background:none;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="main">
|
||||
<!-- 메인비주얼 -->
|
||||
<!-- <div class="visual_txt"><img src="/img/index/visual_txt.png" alt="한국공예디자인문화진흥원"></div> -->
|
||||
<div id="slides" class="visual" style="cursor:pointer;">
|
||||
<c:forEach var="result" items="${mainzoneList}" varStatus="status">
|
||||
<img alt="${result.mazNm}" onerror="this.src='/images/no_img.jpg'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'
|
||||
<c:if test="${not empty result.mlink}" >
|
||||
onclick="window.open('${result.mlink}', '_blank');"
|
||||
</c:if>
|
||||
/>
|
||||
</c:forEach>
|
||||
</div>
|
||||
<script src="/js/jquery.slides.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$('#slides').slidesjs({
|
||||
play: {
|
||||
active: true,
|
||||
auto: false,
|
||||
interval: 9000,
|
||||
navigation:false,
|
||||
swap: true,
|
||||
effect : "slide"
|
||||
},
|
||||
navigation: {
|
||||
active: true
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- 메인 공지글 -->
|
||||
<div class="main_board_pc">
|
||||
<div class="main_board">
|
||||
<div class="main_board_box">
|
||||
<div class="board_title">공지</div>
|
||||
<div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000122">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${noticeMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_board_box">
|
||||
<div class="board_title">사업</div>
|
||||
<div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000119&seCd=SE01">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${bizMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_board_box">
|
||||
<div class="board_title">입찰</div>
|
||||
<div class="board_more"><a href="/web/cop/bbs/selectExtBbsList.do?bbsId=EXTBBSM_000000000002">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${bidMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main_board_box">
|
||||
<div class="board_title">채용</div>
|
||||
<div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000124&seCd=SE01">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${hireMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main_board_mobile">
|
||||
<ul class="tab_main">
|
||||
<li class="current" data-tab="tab1">공지</li>
|
||||
<li data-tab="tab2">입찰</li>
|
||||
<li data-tab="tab3">사업</li>
|
||||
<li data-tab="tab4">채용</li>
|
||||
</ul>
|
||||
|
||||
<!--공지-->
|
||||
<div class="tabcontent current" id="tab1">
|
||||
<div class="main_board_box">
|
||||
<div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000122">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${noticeMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--입찰-->
|
||||
<div class="tabcontent" id="tab2">
|
||||
<div class="main_board_box">
|
||||
<div class="board_more"><a href="/web/cop/bbs/selectExtBbsList.do?bbsId=EXTBBSM_000000000002">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${bidMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}' );">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--사업-->
|
||||
<div class="tabcontent" id="tab3">
|
||||
<div class="main_board_box">
|
||||
<div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000119&seCd=SE01">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${bizMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('ul.tab_main li').click(function() {
|
||||
var activeTab = $(this).attr('data-tab');
|
||||
$('ul.tab_main li').removeClass('current');
|
||||
$('.tabcontent').removeClass('current');
|
||||
$(this).addClass('current');
|
||||
$('#' + activeTab).addClass('current');
|
||||
})
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<!--채용-->
|
||||
<div class="tabcontent" id="tab4">
|
||||
<div class="main_board_box">
|
||||
<div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000124&seCd=SE01">more +</a></div>
|
||||
<div class="board_list">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${hireMap}" varStatus="status">
|
||||
<li><span class="lt_list">
|
||||
<a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</a>
|
||||
</span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 메인 소식 -->
|
||||
<div class="main_notice">
|
||||
<div class="main_title_wr"><img src="/img/index/main_notice_icon.png" alt="아이콘"> 한국공예디자인문화진흥원 소식</div>
|
||||
<div class="flexslider main_notice_img">
|
||||
<ul class="slides">
|
||||
<c:forEach var="result" items="${popupzoneList_01}" varStatus="status">
|
||||
<li>
|
||||
<div alt="${result.pozNm}" style="background:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>); cursor:pointer;"
|
||||
<c:if test="${result.istarget eq 'C'}" >
|
||||
onclick="javascript:location.href='${result.mlink}';"
|
||||
</c:if>
|
||||
<c:if test="${result.istarget eq 'N'}" >
|
||||
onclick="window.open('${result.mlink}', '_blank');"
|
||||
</c:if>
|
||||
>
|
||||
</div>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- FlexSlider -->
|
||||
<script type="text/javascript">
|
||||
|
||||
(function() {
|
||||
|
||||
// store the slider in a local variable
|
||||
var $window = $(window),
|
||||
flexslider = { vars:{} };
|
||||
|
||||
// tiny helper function to add breakpoints
|
||||
function getGridSize() {
|
||||
return (window.innerWidth < 600) ? 1 :
|
||||
(window.innerWidth < 900) ? 2 : 3;
|
||||
}
|
||||
|
||||
|
||||
$window.load(function() {
|
||||
$('.flexslider').flexslider({
|
||||
slideshow: false,
|
||||
animation: "slide",
|
||||
animationSpeed: 400,
|
||||
animationLoop: false,
|
||||
itemWidth: 463,
|
||||
itemMargin: 46,
|
||||
minItems: getGridSize(), // use function to pull in initial value
|
||||
maxItems: getGridSize(), // use function to pull in initial value
|
||||
start: function(slider){
|
||||
$('body').removeClass('loading');
|
||||
flexslider = slider;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// check grid size on resize event
|
||||
$window.resize(function() {
|
||||
var gridSize = getGridSize();
|
||||
|
||||
flexslider.vars.minItems = gridSize;
|
||||
flexslider.vars.maxItems = gridSize;
|
||||
});
|
||||
}());
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="main_gal_wr">
|
||||
<div class="main_top_wr">
|
||||
<!-- KCDF 갤러리 안내 -->
|
||||
<div class="main_gal_left">
|
||||
<div class="main_title_wr"><img src="/img/index/main_notice_icon.png" alt="아이콘"> KCDF 갤러리 안내</div>
|
||||
<div class="main_gal_menu">
|
||||
<ul>
|
||||
<li><a href="/web/content.do?proFn=kcdf_gallery" target="_blank"><img src="/img/index/main_gallery_menu01.png" alt="KCDF 갤러리 소개"></a></li>
|
||||
<li><a href="/web/cop/resve/selectResveList.do?viewCnd=resveList" target="_blank"><img src="/img/index/main_gallery_menu02.png" alt="KCDF 갤러리 대관신청"></a></li>
|
||||
<li><a href="https://library.kcdf.kr/web/" target="_blank" ><img src="/img/index/main_gallery_menu03.png" alt="KCDF 도서관 바로가기"></a></li>
|
||||
<li><a href="http://kcdfshop.kr/" target="_blank" ><img src="/img/index/main_gallery_menu04.png" alt="KCDF 온라인샵 바로가기"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- KCDF 갤러리 전시 -->
|
||||
<div class="main_gal_right">
|
||||
<div class="main_title_wr"><img src="/img/index/main_gallery2_icon.png" alt="아이콘"> KCDF 갤러리 전시</div>
|
||||
<div class="flexslider02 main_gal_img">
|
||||
<ul class="slides">
|
||||
<c:forEach var="result" items="${popupzoneList_02}" varStatus="status">
|
||||
<li>
|
||||
<div alt="${result.pozNm}" style="cursor:pointer; background-image:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>);"
|
||||
<c:if test="${result.istarget eq 'C'}" >
|
||||
onclick="javascript:location.href='${result.mlink}';"
|
||||
</c:if>
|
||||
<c:if test="${result.istarget eq 'N'}" >
|
||||
onclick="window.open('${result.mlink}', '_blank');"
|
||||
</c:if>
|
||||
>
|
||||
</div>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- FlexSlider -->
|
||||
<script type="text/javascript">
|
||||
|
||||
(function() {
|
||||
|
||||
// store the slider in a local variable
|
||||
var $window = $(window),
|
||||
flexslider = { vars:{} };
|
||||
|
||||
// tiny helper function to add breakpoints
|
||||
function getGridSize() {
|
||||
return (window.innerWidth < 600) ? 1 :
|
||||
(window.innerWidth < 900) ? 1 : 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
$window.load(function() {
|
||||
$('.flexslider02').flexslider({
|
||||
slideshow: false,
|
||||
animation: "slide",
|
||||
animationSpeed: 400,
|
||||
animationLoop: false,
|
||||
itemWidth: 463,
|
||||
itemMargin: 10,
|
||||
minItems: getGridSize(), // use function to pull in initial value
|
||||
maxItems: getGridSize(), // use function to pull in initial value
|
||||
start: function(slider){
|
||||
$('body').removeClass('loading');
|
||||
flexslider = slider;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// check grid size on resize event
|
||||
$window.resize(function() {
|
||||
var gridSize = getGridSize();
|
||||
|
||||
flexslider.vars.minItems = gridSize;
|
||||
flexslider.vars.maxItems = gridSize;
|
||||
});
|
||||
}());
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="mobile_bottom">
|
||||
<!-- KCDF 블로그 -->
|
||||
<div class="main_blog">
|
||||
<div class="main_title_wr"><img src="/img/index/main_blog_icon.png" alt="아이콘"> 한국공예디자인문화진흥원 블로그</div>
|
||||
<ul class="main_blog_list">
|
||||
<c:forEach var="result" items="${popupzoneList_03}" varStatus="status">
|
||||
<li alt="${fn:substring(result.pozNm,0,7)}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>') no-repeat center #f3f3f3; background-size:cover;cursor:pointer;"
|
||||
<c:if test="${result.istarget eq 'C'}" >
|
||||
onclick="javascript:location.href='${result.mlink}';"
|
||||
</c:if>
|
||||
<c:if test="${result.istarget eq 'N'}" >
|
||||
onclick="window.open('${result.mlink}', '_blank');"
|
||||
</c:if>
|
||||
>
|
||||
<div class="blog_thum_bg" style="width: 100%;">${result.pozNm}</div></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 우수문화상품지정제 190207 수정s -->
|
||||
<c:if test="${not empty popupzoneList_04}" >
|
||||
<div class="main_kribbon"><!-- 190207 링크추가 수정-->
|
||||
<div class="kribbon_thumnail" alt="${popupzoneList_04[0].pozNm}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${popupzoneList_04[0].popupzoneImageFile}"/>') no-repeat center; background-size:contain;"></div>
|
||||
<div class="kribbon_left">
|
||||
<div class="btn">
|
||||
<a href="${popupzoneList_04[0].mlink}"
|
||||
<c:if test="${popupzoneList_04[0].istarget ne 'C'}" >
|
||||
target="_blank"
|
||||
</c:if>
|
||||
>바로가기</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kribbon_right">
|
||||
<div class="title">우수문화상품지정제</div>
|
||||
<div class="text">
|
||||
우수문화상품 지정제도는
|
||||
한국의 문화적 가치를 담은 우수문화상품을
|
||||
지정하여 한복의 옷고름 모양을 딴
|
||||
K-ribbon 마크를 부착하고, 체계적인
|
||||
관리와 브랜드마케팅을 통해
|
||||
‘코리아프리미엄’을 창출하고자 하는
|
||||
제도 입니다.
|
||||
<p class="maTop10">2015년 11월 부터 시행되었으며,
|
||||
문화콘텐츠, 한복, 공예품, 한식·식품 등
|
||||
한국을 대표할 수 있는 문화상품들을
|
||||
대상으로 합니다. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</c:if>
|
||||
<!-- 정기구독 s 190207 수정-->
|
||||
<c:if test="${not empty popupzoneList_05}" >
|
||||
<div class="main_magazine"><!-- 190207 링크추가 수정-->
|
||||
<div class="magazine_thumnail" alt="${popupzoneList_05[0].pozNm}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${popupzoneList_05[0].popupzoneImageFile}"/>') no-repeat center; background-size:contain"></div>
|
||||
<div class="btn">
|
||||
<a href="${popupzoneList_05[0].mlink}"
|
||||
<c:if test="${popupzoneList_05[0].istarget ne 'C'}" >
|
||||
target="_blank"
|
||||
</c:if>
|
||||
><img src="/img/index/main_magazine_btn.png" alt="정기구독신청"></a></div>
|
||||
<div class="text01">
|
||||
「공예+디자인」은<br>
|
||||
한국공예디자인문화진흥원이<br>
|
||||
격월로 발행하는 공예·디자인<br>
|
||||
전문간행물입니다.
|
||||
</div>
|
||||
<div class="text02">공예 + 디자인 격월발행</div>
|
||||
</div>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 배너 -->
|
||||
<div id="link_wrap">
|
||||
<div class="link_wrap_1300">
|
||||
<div class="flexslider03 banner_img">
|
||||
<!--190207 수정 s-->
|
||||
<ul class="slides">
|
||||
<c:forEach var="banner" items="${bannerList}" varStatus="status">
|
||||
<li>
|
||||
<div alt="${banner.bannerNm}" style="background:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${banner.bannerImageFile}"/>) no-repeat center; background-size:contain ;cursor: pointer;";
|
||||
<c:if test="${banner.istarget ne 'C'}" >
|
||||
onclick="window.open('${banner.linkUrl}', '_blank');"
|
||||
</c:if>
|
||||
<c:if test="${banner.istarget eq 'C'}" >
|
||||
onclick="window.open('${banner.linkUrl}', '_self');"
|
||||
</c:if>
|
||||
></div>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<!--190207 수정 e-->
|
||||
</div>
|
||||
<!-- FlexSlider -->
|
||||
<script type="text/javascript">
|
||||
(function() {
|
||||
// store the slider in a local variable
|
||||
var $window = $(window),
|
||||
flexslider = { vars:{} };
|
||||
|
||||
// tiny helper function to add breakpoints
|
||||
function getGridSize() {
|
||||
return (window.innerWidth < 500) ? 3 :
|
||||
(window.innerWidth < 900) ? 5 : 8;
|
||||
}
|
||||
|
||||
$window.load(function() {
|
||||
$('.flexslider03').flexslider({
|
||||
slideshow: false,
|
||||
animation: "slide",
|
||||
animationSpeed: 400,
|
||||
animationLoop: false,
|
||||
itemWidth: 140,
|
||||
itemMargin: 30, // 190207 수정
|
||||
minItems: getGridSize(), // use function to pull in initial value
|
||||
maxItems: getGridSize(), // use function to pull in initial value
|
||||
start: function(slider){
|
||||
$('body').removeClass('loading');
|
||||
flexslider = slider;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// check grid size on resize event
|
||||
$window.resize(function() {
|
||||
var gridSize = getGridSize();
|
||||
|
||||
flexslider.vars.minItems = gridSize;
|
||||
flexslider.vars.maxItems = gridSize;
|
||||
});
|
||||
}());
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<form name="frm" action="web/cop/bbsWeb/selectBoardArticle.do" method="get">
|
||||
<input type="hidden" name="bbsId" />
|
||||
<input type="hidden" name="nttId" value="0" />
|
||||
</form>
|
||||
|
||||
<form name="frmSecd" action="web/cop/bbsWeb/selectBoardArticle.do" method="get">
|
||||
<input type="hidden" name="bbsId" />
|
||||
<input type="hidden" name="nttId" value="0" />
|
||||
<input type="hidden" name="seCd" />
|
||||
</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;
|
||||
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>
|
||||
</html>
|
||||
@ -1,270 +0,0 @@
|
||||
<%@ 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" %>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>한국공예·디자인문화진흥원</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="description" content="한국공예·디자인문화진흥원에 대한 정보를 제공합니다.">
|
||||
<meta name="keywords" content="한국공예·디자인문화진흥원">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script type="text/javascript" src="/js/tab.js"></script>
|
||||
<%-- <link href="${site_path}/css/style.css" rel="stylesheet"> --%>
|
||||
<link href="${site_path}/css/style2.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.min.css">
|
||||
<link href="${site_path}/js/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="${site_path}/css/page.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="/css/flexslider.css" type="text/css" media="screen" /><!-- 이미지슬라이드 -->
|
||||
<script defer src="${site_path}/js/jquery.flexslider.js"></script>
|
||||
<link href="${site_path}/css/index.css" rel="stylesheet">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
if($(window).width() < 701){
|
||||
$('.main_magazine').attr("onclick", "javascript:location.href='${popupzoneList_05[0].mlink}'");
|
||||
}
|
||||
|
||||
// 실서버
|
||||
if($(location).attr('host').indexOf("kcdf.or.kr") != -1){
|
||||
if($(location).attr('host').indexOf("www") == -1){
|
||||
var strurl = $(location).attr('href');
|
||||
strurl = strurl.replace("kcdf.or.kr", "www.kcdf.or.kr");
|
||||
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>
|
||||
|
||||
});
|
||||
|
||||
function fn_layerClose(popupId){
|
||||
$("#layer_pop_"+popupId).fadeOut();
|
||||
}
|
||||
|
||||
function fn_egov_inqire_notice(bbsId, nttId) {
|
||||
document.frm.bbsId.value = bbsId;
|
||||
document.frm.nttId.value = nttId;
|
||||
document.frm.method = "get";
|
||||
if("EXTBBSM_000000000002" == bbsId){ //입찰
|
||||
document.frm.action = "/${siteId}/web/cop/bbs/viewExtBoard.do";
|
||||
}else{
|
||||
document.frm.action = "/${siteId}/web/cop/bbsWeb/selectBoardArticle.do";
|
||||
}
|
||||
//document.frm.action = "/web/cop/bbsWeb/selectBoardArticle.do";
|
||||
document.frm.submit();
|
||||
}
|
||||
|
||||
function fn_egov_inqire_notice_secd(bbsId, nttId, seCd) {
|
||||
document.frmSecd.bbsId.value = bbsId;
|
||||
document.frmSecd.nttId.value = nttId;
|
||||
document.frmSecd.seCd.value = seCd;
|
||||
document.frmSecd.method = "get";
|
||||
if("EXTBBSM_000000000002" == bbsId){ //입찰
|
||||
document.frmSecd.action = "/${siteId}/web/cop/bbs/selectExtBbsList.do";
|
||||
document.frmSecd.submit();
|
||||
}else{
|
||||
document.frmSecd.action = "/${siteId}/web/cop/bbsWeb/selectBoardArticle.do";
|
||||
document.frmSecd.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 = "/${siteId}/web/cop/bbs/addBoardArticle.do";
|
||||
document.frm.submit();
|
||||
}
|
||||
|
||||
|
||||
/* ********************************************************
|
||||
* 팝업창 오픈 쿠키 정보 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()}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.btn{ background: none;}
|
||||
.btn:hover {background:none;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="main">
|
||||
<div id="slides" class="visual" style="cursor:pointer;">
|
||||
<c:forEach var="result" items="${mainzoneList}" varStatus="status">
|
||||
<img alt="${result.mazNm}" onerror="this.src='${site_path}/images/no_img.jpg'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'
|
||||
<c:if test="${not empty result.mlink}" >
|
||||
onclick="window.open('${result.mlink}', '_blank');"
|
||||
</c:if>
|
||||
/>
|
||||
</c:forEach>
|
||||
</div>
|
||||
<script src="${site_path}/js/jquery.slides.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$('#slides').slidesjs({
|
||||
play: {
|
||||
active: true,
|
||||
auto: false,
|
||||
interval: 9000,
|
||||
navigation:false,
|
||||
swap: true,
|
||||
effect : "slide"
|
||||
},
|
||||
navigation: {
|
||||
active: true
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- 메인 conts -->
|
||||
<div id="#main_cont">
|
||||
<img alt="회사연혁" src="${site_path}/img/index/main_cont.jpg" style="width: 100%;" />
|
||||
</div>
|
||||
|
||||
<div id="#main_contmid">
|
||||
<img alt="회사연혁" src="${site_path}/img/index/main_contmid.jpg" style="width: 100%;" />
|
||||
</div>
|
||||
|
||||
<div id="#main_contlow">
|
||||
<img alt="회사연혁" src="${site_path}/img/index/main_contlow.jpg" style="width: 100%;" />
|
||||
</div>
|
||||
|
||||
<!-- 배너 -->
|
||||
<div id="link_wrap">
|
||||
<div class="link_wrap_1300">
|
||||
<div class="flexslider03 banner_img">
|
||||
<!--190207 수정 s-->
|
||||
<ul class="slides">
|
||||
<c:forEach var="banner" items="${bannerList}" varStatus="status">
|
||||
<li>
|
||||
<div alt="${banner.bannerNm}" style="background:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${banner.bannerImageFile}"/>) no-repeat center; background-size:contain ;cursor: pointer;";
|
||||
<c:if test="${banner.istarget ne 'C'}" >
|
||||
onclick="window.open('${banner.linkUrl}', '_blank');"
|
||||
</c:if>
|
||||
<c:if test="${banner.istarget eq 'C'}" >
|
||||
onclick="window.open('${banner.linkUrl}', '_self');"
|
||||
</c:if>
|
||||
></div>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<!--190207 수정 e-->
|
||||
</div>
|
||||
<!-- FlexSlider -->
|
||||
<script type="text/javascript">
|
||||
(function() {
|
||||
// store the slider in a local variable
|
||||
var $window = $(window),
|
||||
flexslider = { vars:{} };
|
||||
|
||||
// tiny helper function to add breakpoints
|
||||
function getGridSize() {
|
||||
return (window.innerWidth < 500) ? 3 :
|
||||
(window.innerWidth < 900) ? 5 : 8;
|
||||
}
|
||||
|
||||
$window.load(function() {
|
||||
$('.flexslider03').flexslider({
|
||||
slideshow: false,
|
||||
animation: "slide",
|
||||
animationSpeed: 400,
|
||||
animationLoop: false,
|
||||
itemWidth: 140,
|
||||
itemMargin: 30, // 190207 수정
|
||||
minItems: getGridSize(), // use function to pull in initial value
|
||||
maxItems: getGridSize(), // use function to pull in initial value
|
||||
start: function(slider){
|
||||
$('body').removeClass('loading');
|
||||
flexslider = slider;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// check grid size on resize event
|
||||
$window.resize(function() {
|
||||
var gridSize = getGridSize();
|
||||
|
||||
flexslider.vars.minItems = gridSize;
|
||||
flexslider.vars.maxItems = gridSize;
|
||||
});
|
||||
}());
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,416 +0,0 @@
|
||||
<%@ 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" %>
|
||||
<%pageContext.setAttribute("crlf", "\r\n"); %>
|
||||
<%pageContext.setAttribute("crlt", "<"); %>
|
||||
<%pageContext.setAttribute("crgt", ">"); %>
|
||||
<%
|
||||
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");
|
||||
%>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes">
|
||||
|
||||
<link rel="stylesheet" href="/kccadrPb/usr/css/swiper.css">
|
||||
<link rel="stylesheet" href="/kccadrPb/usr/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="/kccadrPb/usr/css/main.css">
|
||||
|
||||
<style>
|
||||
.today_close label{position: relative;}
|
||||
</style>
|
||||
|
||||
<script src="/kccadrPb/usr/script/swiper.min.js"></script>
|
||||
<script src="/kccadrPb/usr/script/main.js"></script>
|
||||
|
||||
<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>
|
||||
});
|
||||
|
||||
|
||||
/* ********************************************************
|
||||
* 팝업창 오픈 쿠키 정보 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();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<c:if test="${fn:length(popupList) > 0}" >
|
||||
<style>
|
||||
.pop-layer{left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3);}
|
||||
.pop-layer .pop-container {padding: 0px 0px;}
|
||||
.pop-layer p.ctxt {color: #666;line-height: 25px;}
|
||||
.pop-layer .btn-r {display: flex; width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right; justify-content: space-between; padding: 5px 10px; box-sizing: border-box; align-items: center;}
|
||||
.pop-layer {display: none;position: absolute;background-color: #fff;z-index: 999;}
|
||||
#tdCheck+label{overflow: hidden;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
|
||||
.btn-layerClose{width: 16px; height: 16px; background-image: url(/kccadrPb/usr/image/common/btn_close.png); background-repeat: no-repeat; background-size: 100%;}
|
||||
</style>
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
|
||||
<style>
|
||||
#layer_pop_<c:out value='${popupListData.popupId}' />{
|
||||
top: ${popupListData.popupVrticlLc}px;
|
||||
left: ${popupListData.popupWidthLc}px;
|
||||
/*width: ${popupListData.popupWidthSize}px; */
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="pop-layer">
|
||||
<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 class="btn-r">
|
||||
<div class="today_close">
|
||||
<c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
|
||||
<label for="chkPupup_${status.count}">하루동안 창을 열지 않음</label>
|
||||
<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">
|
||||
</c:if>
|
||||
</div>
|
||||
<a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"></a>
|
||||
</div>
|
||||
<!--// content-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<!-- 전자조정 메인 콘텐츠 시작 -->
|
||||
|
||||
<!-- 조정신청 URL -->
|
||||
<c:set var="adjstReqRegistInformation" value="/web/kccadr/adjst/adjstReqRegistInformation.do"/>
|
||||
<!-- 서류제출 URL ,진행상황 URL -->
|
||||
<c:set var="adjstIncidentList" value="/web/kccadr/accdnt/ai/adjstIncidentList.do"/>
|
||||
<!-- 기록발급 URL -->
|
||||
<%-- <c:set var="docIssReqList" value="/web/kccadr/payment/inipay/accdnt/ai/docIssReqList.do"/> --%>
|
||||
<c:set var="docIssReqList" value="/"/>
|
||||
<!-- 문의게시판 URL -->
|
||||
<c:set var="selectBoardList" value="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000654"/>
|
||||
|
||||
<main class="main" id="main">
|
||||
<!-- 메인 비주얼 -->
|
||||
<div class="main_visual">
|
||||
<div class="visual_wrap swiper-container">
|
||||
<ul class="visual_list swiper-wrapper">
|
||||
<c:forEach var="result" varStatus="status" items="${mainzoneList}">
|
||||
<li class="visual_img img01 swiper-slide" style="background-image:url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'); background-repeat: no-repeat; background-position: center;"></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<div class="visual_util">
|
||||
<c:if test="${fn:length(mainzoneList) > 1}" >
|
||||
<button class="visual_prev" title="비주얼 이미지 이전"></button>
|
||||
<button class="visual_next" title="비주얼 이미지 다음"></button>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p>분쟁을 신속하고 공정하게 해결해주는</p>
|
||||
<span>저작권 전자조정시스템</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //메인 비주얼 -->
|
||||
|
||||
<!-- 바로가기 -->
|
||||
<div class="baro_cont">
|
||||
<div class="inner">
|
||||
<div class="mask"></div>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="<c:out value='${adjstReqRegistInformation}'/>" title="조정신청 페이지 바로가기" id="first">
|
||||
<i class="baro_conciliate_apc"></i>조정신청
|
||||
</a>
|
||||
<div class="tooltip_box">
|
||||
<div class="tooltip_type01">
|
||||
<a href="<c:out value='${adjstReqRegistInformation}'/>" title="조정신청 페이지 바로가기" class="text_area">
|
||||
<p class="tooltip_tit01">
|
||||
저작권 분쟁조정 온라인 신청페이지<br>
|
||||
본인을 포함한 분쟁 당사자 정보, 청구취지, 청구이유 등을 작성하여 신청
|
||||
</p>
|
||||
<p class="tooltip_tit02">(정보입력, 불러오기, 제출하기 기능 제공)</p>
|
||||
</a>
|
||||
<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${adjstReqRegistInformation}'/>'">조정신청 바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<c:out value='${adjstIncidentList}'/>" title="서류제출 페이지 바로가기">
|
||||
<i class="baro_document_submit"></i>서류제출
|
||||
</a>
|
||||
<div class="tooltip_box">
|
||||
<div class="tooltip_type01">
|
||||
<a href="<c:out value='${adjstIncidentList}'/>" title="서류제출 페이지 바로가기" class="text_area">
|
||||
<p class="tooltip_tit01">
|
||||
조정 진행 관련 서류 제출 페이지<br>
|
||||
준비서면, 답변서, 기일변경 신청서, 취하신청서 등 서류 제출
|
||||
</p>
|
||||
<p class="tooltip_tit02">(정보입력, 불러오기, 제출하기 기능 제공)</p>
|
||||
</a>
|
||||
<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${adjstIncidentList}'/>'">서류제출 바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<c:out value='${adjstIncidentList}'/>" title="진행상황 페이지 바로가기">
|
||||
<i class="baro_progress"></i>진행상황
|
||||
</a>
|
||||
<div class="tooltip_box">
|
||||
<div class="tooltip_type01">
|
||||
<a href="<c:out value='${adjstIncidentList}'/>" title="진행상황 페이지 바로가기" class="text_area">
|
||||
<p class="tooltip_tit01">
|
||||
조정 진행현황 확인 페이지<br>
|
||||
사건접수, 조정진행, 조정종결 등 단계별 진행현황을 확인
|
||||
</p>
|
||||
<p class="tooltip_tit02"></p>
|
||||
</a>
|
||||
<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${adjstIncidentList}'/>'">진행상황 바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<%-- <a href="<c:out value='${docIssReqList}'/>" title="기록발급 페이지 바로가기"> --%>
|
||||
<a href="#" onclick="return false;">
|
||||
<i class="baro_issuance_records"></i>기록발급
|
||||
</a>
|
||||
<div class="tooltip_box">
|
||||
<div class="tooltip_type01">
|
||||
<%-- <a href="<c:out value='${docIssReqList}'/>" title="기록발급 페이지 바로가기" class="text_area"> --%>
|
||||
<a href="#" onclick="return false;" class="text_area">
|
||||
<p class="tooltip_tit01">
|
||||
종결된 사건기록 발급 페이지<br>
|
||||
조정종결통보서, 기일조서, 조정조서, 직권결정문, 직권결정문 송달 및 확정증명원 등 발급 신청(수수료 1,500원)
|
||||
</p>
|
||||
<p class="tooltip_tit02">
|
||||
오프라인 접수 사건 : 위원회 방문 예약 신청, 방문 발급<br />
|
||||
전자조정시스템 접수 사건 : 온라인 신청, 우편 발급
|
||||
</p>
|
||||
</a>
|
||||
<button type="button" onclick="location.href='<c:out value='${docIssReqList}'/>'" disabled="disabled">서비스 준비중</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<c:out value='${selectBoardList}'/>" title="1:1 문의 게시판 페이지 바로가기">
|
||||
<i class="baro_inquiry_board"></i>1:1 문의
|
||||
</a>
|
||||
<div class="tooltip_box">
|
||||
<div class="tooltip_type01">
|
||||
<a href="<c:out value='${selectBoardList}'/>" title="1:1 문의 게시판 페이지 바로가기" class="text_area">
|
||||
<p class="tooltip_tit01">
|
||||
조정신청 또는 진행 중 본인의 사건과<br>관련한 문의와 답변을 받을 수 있는 게시판
|
||||
</p>
|
||||
<p class="tooltip_tit02">- 전자조정시스템 회원가입 및 로그인 필수</p>
|
||||
</a>
|
||||
<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${selectBoardList}'/>'">1:1 문의 바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //바로가기 -->
|
||||
|
||||
<div class="btm_cont">
|
||||
<div class="inner">
|
||||
<!-- 조정신청 안내 -->
|
||||
<div class="area_info area_cont">
|
||||
<div class="area_top">
|
||||
<p class="tit">조정신청 안내</p>
|
||||
</div>
|
||||
<div class="cont">
|
||||
<div class="bnn_cont">
|
||||
<a href="/web/kccadr/adjst/adjstReqRegistInformation.do" title="조정신청 페이지 바로가기">
|
||||
<i></i>
|
||||
<span>전자조정 신청</span>
|
||||
<p>온라인상으로 구비서류 제출 및 수수료 결제</p>
|
||||
</a>
|
||||
<a href="/web/content.do?proFn=9150000" title="조정신청 이용안내 페이지 바로가기">
|
||||
<i></i>
|
||||
<span>오프라인 신청</span>
|
||||
<p>한국저작권위원회로 우편 송달 또는 방문</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="area_btm">
|
||||
<!-- <div class="tit">
|
||||
<i></i>
|
||||
<p>상담전화</p>
|
||||
</div>
|
||||
<p class="info">
|
||||
<span>02-2669-0043,0044</span>
|
||||
월~금(평일) 09:00~18:00
|
||||
</p> -->
|
||||
<dl>
|
||||
<dt><i class="info_icon info_icon04"></i>조정신청 문의</dt>
|
||||
<dd>02-2669-0043, 0044</dd>
|
||||
<dt><i class="info_icon info_icon05"></i>저작권 법률상담</dt>
|
||||
<dd>1800-5455</dd>
|
||||
<dt><i class="info_icon info_icon06"></i>이용시간</dt>
|
||||
<dd>월~금(평일) 09:00~17:00</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //조정신청 안내 -->
|
||||
|
||||
<!-- 게시판 -->
|
||||
<div class="area_cont area_list">
|
||||
<div class="area_top">
|
||||
<p class="tit">조정사례</p>
|
||||
<div class="cont_util">
|
||||
<button class="btn_plus" onclick="location.href='/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000651' " title="조정사례 더보기"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cont list_cont">
|
||||
<ul class="list">
|
||||
<c:forEach var="result" items="${bbsList}" varStatus="status">
|
||||
<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
|
||||
<a href="#" title="현재창 상세이동">
|
||||
<p class="list_top">
|
||||
<span class="list_tit">
|
||||
<c:if test="${status.count ne '1'}">
|
||||
·
|
||||
</c:if>
|
||||
<c:out value="${result.nttSj}" />
|
||||
</span>
|
||||
<span class="list_date"><c:out value="${result.frstRegisterPnttm}" /></span>
|
||||
</p>
|
||||
<c:if test="${status.count eq '1'}">
|
||||
<%-- <p class="list_info"><c:out value="${result.nttCn}" escapeXml="false;"/></p> --%>
|
||||
<%-- <div class="list_info"><c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}" escapeXml="false"/></div> --%>
|
||||
<%-- <div class="list_info"><c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}" escapeXml="false"/></div> --%>
|
||||
<div class="list_info">사건개요
|
||||
신청인은 외국 출판사와 본 건 관련 외국 서적 『BOOK』에 대하여 한국어판 독점출판계약을 </div>
|
||||
</c:if>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //게시판 -->
|
||||
|
||||
|
||||
<!-- 알림창 -->
|
||||
<div class="area_pz area_cont">
|
||||
<div class="area_top">
|
||||
<p class="tit">알림판</p>
|
||||
<div class="cont_util">
|
||||
<button type="button" class="btn_prev" title="이전알림판 이미지 이동"></button>
|
||||
<button type="button" class="btn_next" title="다음알림판 이미지 이동"></button>
|
||||
<button type="button" class="btn_ctl btn_pause" onclick="pz_ctl(this);" title="알림판 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont">
|
||||
<div class=" <c:if test="${fn:length(popupzoneList) > 1}">swiper-container</c:if> pz_wrap">
|
||||
<ul class="pz_list swiper-wrapper">
|
||||
<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 알림창 -->
|
||||
<li class="swiper-slide">
|
||||
<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('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');" title="새창열림" >
|
||||
<div>
|
||||
<img onerror="this.src='/images/no_img.jpg'" alt="<c:out value='${result.imgAlt}' /> 알림창" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
</a>
|
||||
</c:if>
|
||||
<c:if test="${result.istarget != 'N'}">
|
||||
<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');">
|
||||
<div>
|
||||
<img onerror="this.src='/images/no_img.jpg'" alt="<c:out value='${result.imgAlt}' /> 알림창" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
</a>
|
||||
</c:if>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //알림창 -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- //전자조정 메인 콘텐츠 종료 -->
|
||||
<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
|
||||
<input type="hidden" name="bbsId" value="" />
|
||||
<input type="hidden" name="nttId" value="" />
|
||||
</form>
|
||||
</html>
|
||||
@ -1,460 +0,0 @@
|
||||
<%--
|
||||
Class Name : EgovMainView.jsp
|
||||
Description : 메인화면
|
||||
Modification Information
|
||||
|
||||
수정일 수정자 수정내용
|
||||
------- -------- ---------------------------
|
||||
2011.08.31 JJY 경량환경 버전 생성
|
||||
|
||||
author : 실행환경개발팀 JJY
|
||||
since : 2011.08.31
|
||||
--%>
|
||||
<%@ 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" %>
|
||||
<%@ page import ="kcc.com.cmm.LoginVO" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="content-language" content="ko">
|
||||
<title>경량환경 템플릿 포털사이트</title>
|
||||
<link href="<c:url value='/'/>css/default.css" rel="stylesheet" type="text/css" >
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value="/css/main.css"/>" />
|
||||
<script type="text/javascript" src="<c:url value="/js/egovframework/com/cmm/banner.js" />"></script>
|
||||
<script type="text/javascript" src="<c:url value="/js/jquery-1.9.1.min.js" />"></script>
|
||||
<script type="text/javascript" src="<c:url value="/js/egovframework/com/main.js" />"></script>
|
||||
</head>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
bn_start(); //롤링배너
|
||||
|
||||
//animeList("main_zone",${random}); //메인존
|
||||
animeList("main_gallary",0); //갤러리
|
||||
animeList("main_popupZone",0); //팝업존
|
||||
|
||||
$(".goStop").click(function(){
|
||||
changeGoStopImgButton(this);
|
||||
});
|
||||
|
||||
$('#close').click(function() {
|
||||
$('#layer_pop').hide();
|
||||
});
|
||||
|
||||
//레이어 팝업 띄우기
|
||||
<c:if test="${fn:length(popupList) > 0 }">
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
|
||||
if(fnGetCookie('layer_${popupListData.popupId}') == null ){
|
||||
$("#layer_pop_${popupListData.popupId}").fadeIn();
|
||||
}
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
//윈도우 팝업 띄우기
|
||||
<c:if test="${fn:length(popupList) > 0 }">
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
|
||||
if(fnGetCookie('${popupListData.popupId}') == null ){
|
||||
fn_openPopup('${popupListData.popupId}', '${popupListData.sortNum}','${popupListData.popupWidthSize}','${popupListData.popupVrticlSize}','${popupListData.popupWidthLc}','${popupListData.popupVrticlLc}');
|
||||
}
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
});
|
||||
|
||||
/*********공통***********************************/
|
||||
function changeImage(imageObj, oriStr, newStr) {
|
||||
imageObj.attr("src", imageObj.attr("src").replace(oriStr, newStr));
|
||||
}
|
||||
function changeInnerImage(obj, oriStr, newStr) {
|
||||
changeImage($("img:first", obj), oriStr, newStr);
|
||||
}
|
||||
function changeGoStopImgButton(obj) {
|
||||
obj = $(obj);
|
||||
var oriStr = "stop";
|
||||
var newStr = "play";
|
||||
if($("img:first", obj).attr("src").indexOf(oriStr) < 0) { oriStr = "play"; newStr = "stop"; }
|
||||
changeInnerImage(obj, oriStr, newStr);
|
||||
}
|
||||
|
||||
function centerImage(obj,obj2) {
|
||||
var imageHeight, imageWidth, wrapperHeight, wrapperWidth;
|
||||
|
||||
var container = null;
|
||||
|
||||
if(obj.attr('id') == 'main_gallary'){
|
||||
container = obj2;
|
||||
}
|
||||
else
|
||||
return;
|
||||
|
||||
container.each(function(index){
|
||||
imageHeight = $(this).find('img').height();
|
||||
imageWidth = $(this).find('img').width();
|
||||
|
||||
|
||||
if(imageWidth < 196 && imageWidth > 0){
|
||||
$(this).find('img').css('width', "196px");
|
||||
|
||||
wrapperHeight = imageHeight*(196/imageWidth);
|
||||
|
||||
$(this).find('img').css('max-height', wrapperHeight);
|
||||
$(this).find('img').css('height', wrapperHeight);
|
||||
|
||||
$(this).find('img').css('margin-top', -((wrapperHeight-167)/2));
|
||||
}
|
||||
|
||||
if(imageHeight < 167 && imageHeight > 0){
|
||||
$(this).find('img').css('height', "167px");
|
||||
|
||||
wrapperWidth = imageWidth*(167/imageHeight);
|
||||
|
||||
$(this).find('img').css('max-width', wrapperWidth);
|
||||
$(this).find('img').css('width', wrapperWidth);
|
||||
|
||||
$(this).find('img').css('margin-left', -((wrapperWidth-196)/2));
|
||||
}
|
||||
$(this).find('img').css('display',"inline");
|
||||
});
|
||||
}
|
||||
|
||||
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='/sym/mms/EgovPopup.do'/>'+'?popupId='+popupId,
|
||||
'pop_'+popupId,'width='+width+',height='+height+',top='+y+',left='+x);
|
||||
if (window.focus) {openPopup.focus()}
|
||||
}
|
||||
|
||||
function fn_layerClose(popupId){
|
||||
$("#layer_pop_"+popupId).fadeOut();
|
||||
}
|
||||
|
||||
/* ********************************************************
|
||||
* 팝업창 오픈 쿠키 정보 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);
|
||||
}
|
||||
|
||||
/*********공통***********************************/
|
||||
</script>
|
||||
<body>
|
||||
<style>
|
||||
#popupTitle {
|
||||
padding: 2px 0 4px 4px;
|
||||
margin-bottom: 4px;
|
||||
background-color: #f1efef;
|
||||
}
|
||||
|
||||
#popupIcon {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<noscript><p>자바스크립트를 지원하지 않는 브라우저에서는 일부 기능을 사용하실 수 없습니다.</p></noscript>
|
||||
<!-- login status start -->
|
||||
<div id="login_area"><%-- <c:import url="/EgovPageLink.do?link=main/inc/EgovIncTborder" /> --%></div>
|
||||
<!-- //login status end -->
|
||||
<!-- wrap start -->
|
||||
<div id="wrap">
|
||||
<!-- header start -->
|
||||
<div id="header"><%-- <c:import url="/sym/mms/EgovMainMenuHead.do?flag=MAIN" /> --%></div>
|
||||
<!-- //header end -->
|
||||
<!-- 타이틀이미지, 로그인 시작 -->
|
||||
<div id="titlewrap">
|
||||
<div class="main_img"><img src="<c:url value='/'/>images/header/img_portal_title.gif" width="719" height="94" alt="" /></div>
|
||||
<div class="main_login">
|
||||
<%
|
||||
LoginVO loginVO = (LoginVO)session.getAttribute("LoginVO");
|
||||
if(loginVO != null){
|
||||
%>
|
||||
<ul>
|
||||
<li><h3>[로그인정보 제공(예시)]</h3></li>
|
||||
<li><%= loginVO.getName()%>님 로그인하셨습니다.</li>
|
||||
<li>로그인 :2011-08-30 12:45 (예)</li>
|
||||
<li>받은 쪽지 : 3건 (예)</li>
|
||||
</ul>
|
||||
<% } else { %>
|
||||
<!-- 메인화면 로그인위치를 사용하는 경우 -->
|
||||
<ul>
|
||||
<li>
|
||||
<input disabled="disabled" type="text" class="input_style" maxlength="25" title="아이디를 입력하세요." id="user_id" name="user_id" />
|
||||
</li>
|
||||
<li>
|
||||
<input disabled="disabled" type="password" autocomplete="off" class="input_style" maxlength="25" title="비밀번호를 입력하세요." id="user_password" name="user_password" />
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="btn_area">
|
||||
<li><input disabled="disabled" type="checkbox" id="idsave"><label for="idsave">아이디 저장</label></li>
|
||||
<li><a href="<c:url value='/uat/uia/egovLoginUsr.do'/>"><img alt="로그인" src="<c:url value='/'/>images/header/btn_login.gif" /></a></li>
|
||||
</ul>
|
||||
<div class="find_idpw">[메인화면 로그인위치 예시]</div>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //타이틀이미지, 로그인 끝 -->
|
||||
<div id="bodywrap">
|
||||
<div id="leftcontent_wrap">
|
||||
<!-- 한번에 신청하는 민원 시작 -->
|
||||
<div class="leftcontent01">
|
||||
<div class="leftcontent01_title"><img src="<c:url value='/'/>images/header/img_leftcontent_title01.gif" width="228" height="31" alt="한번에 신청하는 민원" /></div>
|
||||
<div class="btn_detail01"><a href="#LINK" onclick="javascript:goMenuPage('2000000'); return false;" ><img src="<c:url value='/'/>images/header/btn_detailview.gif" width="71" height="17" alt="자세히 보기" title="자세히 보기 링크를 통해 샘플화면으로 이동합니다.(민원)" /></a></div>
|
||||
<div class="leftcontent01_btn">
|
||||
<ul>
|
||||
<li><a href="#LINK"><img src="<c:url value='/'/>images/header/btn_leftcontent01.gif" width="70" height="87" alt="기술지원 필요 시 유지보수 민원" title="자세히 보기 링크를 통해 샘플화면으로 이동합니다.(민원)" /></a></li>
|
||||
<li><a href="#LINK"><img src="<c:url value='/'/>images/header/btn_leftcontent02.gif" width="67" height="87" alt="구매제품 A/S민원" title="자세히 보기 링크를 통해 샘플화면으로 이동합니다.(민원)" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //한번에 신청하는 민원 끝 -->
|
||||
<div class="leftcontent02">
|
||||
<div class="leftcontent02_title"><A HREF="#LINK"><img src="<c:url value='/'/>images/header/img_leftcontent_title02.gif" width="210" height="71" alt="홍보물 정보 보기" title="기타자료에 대한 샘플링크 위치 표시입니다.(이동, 기능 없음)" /></A></div>
|
||||
<div class="btn_detail02"><a href="#LINK"><img src="<c:url value='/'/>images/header/btn_detailview.gif" width="71" height="17" alt="자세히 보기" title="기타자료에 대한 샘플링크 위치 표시입니다.(이동, 기능 없음)" /></a></div>
|
||||
</div>
|
||||
<!-- 팝업존 -->
|
||||
<div class="leftcontent03">
|
||||
<div class="leftcontent03_title" style="width: 255px;height: 80px;">팝업존 예시 / ${fn:length(popupList)}개 <br/ >
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(popupList) > 0 }">
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
|
||||
<a href="javascript:fn_openPopup('<c:out value="${popupListData.popupId}"/>', '<c:out value="${popupListData.sortNum}"/>','${popupListData.popupWidthSize}','${popupListData.popupVrticlSize}','${popupListData.popupWidthLc}','${popupListData.popupVrticlLc}');" title="새창열림" >
|
||||
<img src="<c:url value='/'/>images/main/pop_icon_${status.count}.png" alt="${popupListData.popupTitleNm} 팝업창 보기" border="0"/>
|
||||
</a>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 팝업존 끝-->
|
||||
|
||||
<div class="leftcontent03">
|
||||
<div class="leftcontent03_title">
|
||||
<a href="<c:url value='/uss/olp/qnn/EgovQustnrRespondInfoManageList.do'/>">
|
||||
<img src="<c:url value='/'/>images/header/img_leftcontent_title03.gif" width="228" height="44" alt="포털설문참여" />
|
||||
</a>
|
||||
</div>
|
||||
<%-- <c:forEach var="result" items="${qriList}" varStatus="status">
|
||||
<div class="vote02">
|
||||
<ul>
|
||||
<li><h3>${result.qestnrSj}</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="<c:url value='/uss/olp/qnn/EgovQustnrRespondInfoManageList.do'/>">
|
||||
<img alt="참여하기" src="<c:url value='/'/>images/header/btn_vote.gif" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</c:forEach> --%>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- 중간 영역 시작 -->
|
||||
<div id="middlecontent_wrap">
|
||||
<div id="news">
|
||||
<ul>
|
||||
<li><img alt="공지사항" src="<c:url value='/'/>images/header/tab01_on.gif" /></li>
|
||||
<li><img alt="묻고답하기" src="<c:url value='/'/>images/header/tab02_off.gif" /></li>
|
||||
<li class="li_line" ><span class="btn_more_board"><a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_AAAAAAAAAAAA'/>"><img src="<c:url value='/'/>images/header/bg_more.gif" alt="게시물 더보기"/></a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="content01" style="display: visible; height:130px">
|
||||
<ul>
|
||||
<c:forEach var="result" items="${notiList}" varStatus="status">
|
||||
<li>
|
||||
<div class="boardtext">
|
||||
<a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_AAAAAAAAAAAA'/>">
|
||||
<c:if test="${result.replyLc!=0}">
|
||||
<c:forEach begin="0" end="${result.replyLc}" step="1">
|
||||
|
||||
</c:forEach>
|
||||
<img src="<c:url value='/images/reply_arrow.gif'/>" alt="reply arrow"/>
|
||||
</c:if>
|
||||
<c:choose>
|
||||
<c:when test="${result.isExpired=='Y' || result.useAt == 'N'}">
|
||||
<c:out value="${result.nttSj}" />
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:out value="${result.nttSj}" />
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</a></div>
|
||||
<div class="date"><c:out value="${result.frstRegisterPnttm}"/></div></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="content02" style="display:none;">
|
||||
<ul>
|
||||
<li><div class="boardtext"><a href="#LINK">7월보안점검행사안내입니다(행사장소:표준프레임워크 1층 로비) </a></div><div class="date">2011-07-29</div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="faq_div">
|
||||
<div class="faq_img1">
|
||||
<img alt="FAQ목록" src="<c:url value='/'/>images/header/img_middlecontent_title02.gif" />
|
||||
<span class="btn_more_board">
|
||||
<a href="<c:url value='/uss/olh/faq/FaqListInqire.do' />">
|
||||
<img src="<c:url value='/'/>images/header/bg_more.gif" alt="FAQ더보기"/>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="faq_img2"><img alt="프레임워크 경량화 서비스에 대해 자주 사용하는 질문 등에 대한 일반적인 답변들을 확인할 수 있습니다." src="<c:url value='/'/>images/header/img_middlecontent_subtitle.gif" /></div>
|
||||
<%-- <c:forEach var="result" items="${faqList}" varStatus="status">
|
||||
<div class="faq_list">
|
||||
<ul>
|
||||
<li class="q"><a href="<c:url value='/uss/olh/faq/FaqListInqire.do' />"><c:out value="${result.qestnSj}"/></a></li>
|
||||
<li class="a"><c:out value="${fn:substring(fn:escapeXml(result.answerCn), 0, 70)}" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
</c:forEach> --%>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //중간 영역 끝 -->
|
||||
<div id="rightcontent_wrap">
|
||||
<div id="download_div">
|
||||
<div class="download_img">
|
||||
<a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_BBBBBBBBBBBB'/>">
|
||||
<img alt="최신게시물 목록" src="<c:url value='/'/>images/header/img_rightcontent_title01.gif" />
|
||||
</a>
|
||||
</div>
|
||||
<ol>
|
||||
<c:set var="index" value="1"/>
|
||||
<c:forEach var="result" items="${bbsList}" varStatus="status">
|
||||
<li><img src="<c:url value='/'/>images/header/num0${index}.gif" alt="" />
|
||||
<a href="<c:url value='/cop/bbs/selectBoardList.do?bbsId=BBSMSTR_BBBBBBBBBBBB'/>">
|
||||
<c:out value="${fn:substring(fn:escapeXml(result.nttSj), 0, 18)}" />
|
||||
</a>
|
||||
</li>
|
||||
<c:set var="index" value="${index+1}"/>
|
||||
</c:forEach>
|
||||
<c:if test="${fn:length(bbsList) == 0}" >
|
||||
<li>최신 게시물이 없습니다.</li>
|
||||
</c:if>
|
||||
</ol>
|
||||
</div>
|
||||
<div id="banner_div">
|
||||
<div class="bnpadtop">링크</div>
|
||||
<div class="bnpadding"><a href="http://www.mois.go.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_mois.png" alt="행정안전부" /></a></div>
|
||||
<div class="bnpadding"><a href="http://www.nia.or.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_nia.png" alt="한국정보화진흥원" /></a></div>
|
||||
<div class="bnpadding"><a href="http://www.egovframe.go.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_egovportal.gif" alt="전자정부표준프레임워크 포털" /></a></div>
|
||||
<div class="bnpadding"><a href="http://open.egovframe.go.kr/" target="_blank"><img src="<c:url value='/'/>images/header/banner_opencmm.gif" alt="오픈커뮤니티" /></a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 배너존 -->
|
||||
<div id="main_banner">
|
||||
<div class="bannerTitle">
|
||||
<img src="/images/main/banner.png" border="0" alt="배너목록"/><br/>
|
||||
<a href="javascript:" class="left"><img src="/images/btn/icon_01pre.png" width="19" height="15" border="0" alt="이전 배너로 이동 버튼"/></a>
|
||||
<a href="javascript:" class="goStop"><img src="/images/btn/icon_01stop.png" width="19" height="15" border="0" alt="배너 움직임 멈춤,재생 버튼"/></a>
|
||||
<a href="javascript:" class="right"><img src="/images/btn/icon_01next.png" width="19" height="15" border="0" alt="다음 배너로 이동 버튼"/></a>
|
||||
</div>
|
||||
<div id="bannerList" class="bannerList">
|
||||
<ul>
|
||||
<c:forEach var="banner" items="${bannerList}" varStatus="status">
|
||||
<li>
|
||||
<a href="${banner.linkUrl}" target="_blank" title="새창열림">
|
||||
<%-- <img src="${banner.bannerImageFile}" border="0" width="160" height="40" alt="${banner.bannerDc}" /> --%>
|
||||
<img alt="${banner.bannerDc}" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${banner.bannerImageFile}"/>' border="0" width="160" height="40" />
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 레이어 팝업 -->
|
||||
<c:if test="${fn:length(popupList) > 0}" >
|
||||
<style type="text/css">
|
||||
.pop-layer .pop-container {
|
||||
padding: 20px 25px;
|
||||
}
|
||||
.pop-layer p.ctxt {
|
||||
color: #666;
|
||||
line-height: 25px;
|
||||
}
|
||||
.pop-layer .btn-r {
|
||||
width: 100%;
|
||||
margin: 10px 0 20px;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #DDD;
|
||||
text-align: right;
|
||||
}
|
||||
.pop-layer {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
border: 5px solid #3571B5;
|
||||
z-index: 10;
|
||||
}
|
||||
</style>
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
|
||||
<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:forEach>
|
||||
</c:if>
|
||||
<!-- 레이어 팝업 끝-->
|
||||
</div>
|
||||
<!-- footer 시작 -->
|
||||
<div id="footer"><%-- <c:import url="/EgovPageLink.do?link=main/inc/EgovIncFooter" /> --%></div>
|
||||
<!-- //footer 끝 -->
|
||||
</div>
|
||||
<!-- //wrap end -->
|
||||
</body>
|
||||
</html>
|
||||
<%
|
||||
|
||||
%>
|
||||
@ -1,11 +0,0 @@
|
||||
<%@ 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">
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img src="/img/index/main_pc10.jpg" alt="POPUP ZONE">
|
||||
</body>
|
||||
@ -1,910 +0,0 @@
|
||||
/*정기간행물 190112 pub_img_open 수정. 여현준*/
|
||||
/*갤러리대관-대관현황 190113 여현준 */
|
||||
|
||||
/* 공통 */
|
||||
.maTop10 {margin-top:10px !important;}
|
||||
.maTop12 {margin-top:12px !important;}
|
||||
.maTop14 {margin-top:14px !important;}
|
||||
.maTop20 {margin-top:20px !important;}
|
||||
.maTop30 {margin-top:30px !important;}
|
||||
.maTop50 {margin-top:64px !important;}
|
||||
.maTop60 {margin-top:60px !important;}
|
||||
.maBottom5 {margin-bottom:5px !important;}
|
||||
.maBottom10 {margin-bottom:10px !important;}
|
||||
.maBottom18 {margin-bottom:18px !important;}
|
||||
.maBottom20 {margin-bottom:20px !important;}
|
||||
.maBottom30 {margin-bottom:30px !important;}
|
||||
.maBottom40 {margin-bottom:40px !important;}
|
||||
.maBottom50 {margin-bottom:50px !important;}
|
||||
.maBottom60 {margin-bottom:60px !important;}
|
||||
.maBottom80 {margin-bottom:80px !important;}
|
||||
.maRight6 {margin-right:6px !important;}
|
||||
.maRight1per {margin-right:1% !important;}
|
||||
.paTop03 {padding-top:3px !important;}
|
||||
.paTop10 {padding-top:10px !important;}
|
||||
.paTop20 {padding-top:20px !important;}
|
||||
.paTop30 {padding-top:30px !important;}
|
||||
.paTop40 {padding-top:40px !important;}
|
||||
.paTop50 {padding-top:50px !important;}
|
||||
.paLeft16 {padding-left:16px !important;}
|
||||
.paLeft29 {padding-left:29px !important;}
|
||||
.paLeft52 {padding-left:52px !important;}
|
||||
.paTop10 {padding-top:10px !important;}
|
||||
.paBottom40 {padding-bottom:40px !important;}
|
||||
.fSize13 {font-size:13px !important;}
|
||||
.fSize14 {font-size:14px !important;}
|
||||
.fSize15 {font-size:15px !important;}
|
||||
.fSize16 {font-size:16px !important;}
|
||||
.fSize28 {font-size:28px !important;}
|
||||
.C2858ad {color:#2858ad !important;}
|
||||
.Cff3f3f {color:#ff3f3f !important;}
|
||||
.fLeft {float:left !important;}
|
||||
.fRight {float:right !important;}
|
||||
.vAlignM {vertical-align:middle !important;}
|
||||
.text_left {text-align:left !important}
|
||||
.text_right {text-align:right !important}
|
||||
.text_center {text-align:center !important}
|
||||
.bold {font-weight:bold}
|
||||
.red_ee1d25 {color:#ee1d25 !important}
|
||||
.overflow {overflow:hidden}
|
||||
.fSize01 {font-size:0}
|
||||
.color_9aa60f {color:#9aa60f}
|
||||
|
||||
.gradient_gr {border-radius:100px !important; color:#fff !important;
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
|
||||
background: #bfc01d !important; /* Old browsers */
|
||||
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%) !important; /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%) !important; /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
|
||||
}
|
||||
.gradient_gr a {border-radius:100px !important; color:#fff !important; padding:3px;
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
|
||||
background: #bfc01d !important; /* Old browsers */
|
||||
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%) !important; /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%) !important; /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
|
||||
}
|
||||
.gradient_gr a:hover { border-radius:100px !important; background:#8c9b25 !important}
|
||||
.border_3px2 {color:#9aa60f !important; border-radius:100px !important; border:3px solid #9aa60f !important}
|
||||
.border_3px a {color:#9aa60f !important; border-radius:100px !important; border:3px solid #9aa60f !important}
|
||||
.border_3px a:hover {border-radius:100px !important; background:#efefef !important}
|
||||
|
||||
.part_wrap {margin-bottom:30px;}
|
||||
|
||||
.con_list01 {color:#1b1b1b; font-size:21px; font-weight:600; margin-bottom:5px; background:url('/img/sub/con_list01.jpg') no-repeat 0 9px; padding-left:28px; letter-spacing:-1px }
|
||||
/* .con_list02 {color:#646464; font-size:17px; margin-left:20px} ITN 0220*/
|
||||
.con_list02 {color:#646464; font-size:16px; margin-left:20px}
|
||||
.con_list02 > li {background:url('/img/sub/list03.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:18px; font-size:15px}
|
||||
.con_list02 > li span {color:#222; font-weight:500}
|
||||
.con_list03 {color:#646464; font-size:15px; margin-left:20px; background:url('/img/sub/list03.png') no-repeat 0 8px; padding:0 0 5px 8px; }
|
||||
|
||||
.con_list02_link {overflow:hidden}
|
||||
.con_list02_link li {float:left; margin-right:5px; height:40px; width:150px; text-align:center; line-height:38px; border:1px solid #ddd; background:#f8f8f8; font-weight:500}
|
||||
.con_list02_link li a {display:block;}
|
||||
.con_list02_link li a:hover {background:#ededed;}
|
||||
.con_list02_link li i {color:#96a409}
|
||||
.con_list05 {color:#333; font-size:16px; font-weight:500; margin:0 0 5px 30px;}
|
||||
|
||||
.con_wr_text {color:#666; font-size:16px; line-height:22px; margin-left:20px;}
|
||||
.con_wr_text a:hover {color:#96a409}
|
||||
|
||||
|
||||
/* 이미지 */
|
||||
.content_img, .content_img2 {width:100%; text-align:center;}
|
||||
.content_img_1920, .content_img_1920_2 {width:100%; text-align:center;}
|
||||
.content_img_480 {display:none;}
|
||||
.content_img_900 {display:none;}
|
||||
|
||||
@media screen and (max-width: 1150px) {
|
||||
.content_img_1920 img, .content_img_1920_2 img {width:100%; padding:0 10px}
|
||||
}
|
||||
@media screen and (max-width:950px) {
|
||||
.content_img img {width:100%; padding:0}
|
||||
.content_img2 img {width:100%;}
|
||||
.content_img_1920_2 {display:none;}
|
||||
.content_img_900 {display:block;}
|
||||
.content_img_900 img {width:100%; padding:0 3%}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.content_img_1920, .content_img_1920_2 {display:none;}
|
||||
.content_img_480 {display:block; }
|
||||
.content_img_480 img {width:100%; padding:0 0px}
|
||||
}
|
||||
|
||||
/* 표1 */
|
||||
.tbl01_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; }
|
||||
.tbl01 {width:100%; border-collapse:collapse; border-top:2px solid #8db04b;}
|
||||
.tbl01 caption {height:0; text-indent:-9999px;}
|
||||
.tbl01 th, .tbl01 td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
||||
.tbl01 thead th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
||||
.tbl01 th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
||||
.tbl01 th:first-child, .tbl01 td:first-child {border-left:0px;}
|
||||
.tbl01 th:last-child, .tbl01 td:last-child {border-right:0px;}
|
||||
.tbl01 td {position:relative; text-align:center; color:#666;}
|
||||
.tbl01 td.tbl_left {text-align:left;}
|
||||
.tbl01_none {display:block; }
|
||||
.tbl01_block {display:none; }
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.tbl01_1014 {width:600px !important}
|
||||
.tbl01_none {display:none; }
|
||||
.tbl01_block {display:block; }
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.tbl01 th, .tbl01 td {padding:3px; font-size:14px; }
|
||||
}
|
||||
|
||||
|
||||
/* 표 레이어팝업 */
|
||||
.tbl_popup_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
|
||||
.tbl_popup {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; background:#fff; word-break:keep-all}
|
||||
.tbl_popup caption {height:0; text-indent:-9999px;}
|
||||
.tbl_popup th, .tbl_popup td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
||||
.tbl_popup th {color:#252a2b;background:#e9e9e9; font-weight:500; text-align:center;}
|
||||
.tbl_popup th:first-child, .tbl_popup td:first-child {border-left:0px;}
|
||||
.tbl_popup th:last-child, .tbl_popup td:last-child {border-right:0px;}
|
||||
.tbl_popup td {position:relative; text-align:center; color:#666;}
|
||||
@media screen and (max-width:610px) {
|
||||
.tbl_popup_wr {width:480px; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.tbl_popup_wr {width:320px; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; } /*수정 190108*/
|
||||
.tbl_popup th, .tbl_popup td {padding:3px; font-size:14px; }
|
||||
}
|
||||
|
||||
|
||||
/* 표1 td left */
|
||||
.tbl01_left {width:100%; border-collapse:collapse; border-top:2px solid #8db04b;}
|
||||
.tbl01_left caption {height:0; text-indent:-9999px;}
|
||||
.tbl01_left th, .tbl01_left td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
||||
@media screen and (max-width: 480px) {
|
||||
.tbl01_left th, .tbl01_left td {padding:3px; font-size:14px; }
|
||||
}
|
||||
.tbl01_left thead th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
||||
.tbl01_left th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:center;}
|
||||
.tbl01_left th:first-child, .tbl01_left td:first-child {border-left:0px;}
|
||||
.tbl01_left th:last-child, .tbl01_left td:last-child {border-right:0px;}
|
||||
.tbl01_left td {position:relative; text-align:left; color:#666;}
|
||||
|
||||
/* 입력표*/
|
||||
.tbl_input {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; background:#fff}
|
||||
.tbl_input caption {height:0; text-indent:-9999px;}
|
||||
.tbl_input th, .tbl_input td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
||||
.tbl_input th {color:#252a2b;background:#f9f9f9; line-height:18px; font-weight:500; text-align:left;}
|
||||
.tbl_input th.bg_e9e9e9 {background:#e9e9e9;}
|
||||
.tbl_input th:first-child, .tbl_input td:first-child {border-left:0px;}
|
||||
.tbl_input th:last-child, .tbl_input td:last-child {border-right:0px;}
|
||||
.tbl_input td {position:relative; text-align:left; color:#666;}
|
||||
|
||||
.tbl_input input[type='text'] {text-align:left; width:25%; height:40px; padding:5px; border:1px solid #ddd}
|
||||
.tbl_input input[type='radio'] { height:auto; }
|
||||
.tbl_input input.input_call {width:10%;}
|
||||
.tbl_input input.subject_wid {width:98%}
|
||||
.tbl_input input.wid40, .tbl_input select.wid40 {width:40%}
|
||||
.tbl_input input.name {width:25%}
|
||||
.tbl_input textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px;
|
||||
padding:10px; width: 100%; height:150px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
|
||||
.tbl_input select {width:25%; height:40px; border:1px solid #ddd; padding:5px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: url('/img/sub/select-input-arrow.png') no-repeat 95% 50% ; /* 화살표 아이콘 추가 */
|
||||
}
|
||||
.tbl_input select::-ms-expand {display: none;}
|
||||
.tbl_input td.set_period button {margin-left: -1px; width: 40px; height: 40px; border: 1px solid #d9d9d9;}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.tbl_input th, .tbl_input td { font-size:13px; }
|
||||
.tbl_input input {width:98%;}
|
||||
.tbl_input select {width:28.5%;}
|
||||
.tbl_input input.name {width:98%}
|
||||
.tbl_input input.wid402, .tbl_input select.wid402 {width:40%;}
|
||||
}
|
||||
|
||||
|
||||
/* 입찰공고문 표*/
|
||||
.tbl_bid_1920 {display:block; }
|
||||
.tbl_bid_700 {display:none;}
|
||||
.tbl_bid {width:100%; border-collapse:collapse; border-top:2px solid #8db04b; border-radius:20px;}
|
||||
.tbl_bid caption {height:0; text-indent:-9999px;}
|
||||
.tbl_bid th, .tbl_bid td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
||||
.tbl_bid th {color:#252a2b;background:#f9f9f9; font-weight:500; text-align:left;}
|
||||
.tbl_bid th:first-child, .tbl_bid td:first-child {border-left:0px;}
|
||||
.tbl_bid th:last-child, .tbl_bid td:last-child {border-right:0px;}
|
||||
.tbl_bid td {text-align:left; color:#666;}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.tbl_bid_1920 {display:none;}
|
||||
.tbl_bid_700 {display:block;}
|
||||
}
|
||||
|
||||
|
||||
/* 표2 */
|
||||
.tbl02 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d;}
|
||||
.tbl02 caption {height:0; text-indent:-9999px;}
|
||||
.tbl02 th, .tbl02 td {padding:10px; font-size:15px; border:1px solid #dedee1;}
|
||||
.tbl02 thead th {color:#000;background:#f7f7f9;}
|
||||
.tbl02 th:first-child, .tbl02 td:first-child {border-left:0px;}
|
||||
.tbl02 th:last-child, .tbl02 td:last-child {border-right:0px;}
|
||||
.tbl02 td {position:relative; text-align:center; color:#666;}
|
||||
.tbl02 td.tbl_left {text-align:left;}
|
||||
.tbl02 .link_icon {position:absolute; top:10px; right:10px; color:#b9c9e1}
|
||||
|
||||
@media screen and (max-width: 810px) {
|
||||
.tbl02 th, .tbl02 td {padding:5px; font-size:15px; border:0px solid #dedee1;}
|
||||
.tbl02 th {display:none}
|
||||
.tbl02 .subject_2 {display:block; border-bottom:1px solid #dedee1}
|
||||
.tbl02 .bottom {display:block; border-bottom:1px solid #dedee1; margin-bottom:10px}
|
||||
.tbl02 .link_icon {position:absolute; top:5px; right:10px; color:#b9c9e1}
|
||||
}
|
||||
|
||||
|
||||
/* 1.알림소식 */
|
||||
|
||||
/*뉴스레터*/
|
||||
.news_botton_wr {overflow:hidden}
|
||||
.news_botton_wr .news_botton {float:left; margin:0 10px 5px 0;border-radius:3px; border:1px solid #575757}
|
||||
.news_botton_wr a {display:block; color:#575757; font-weight:600; padding:7px 20px; }
|
||||
.news_botton_wr a:hover {display:block; color:#fff; background:#575757; font-weight:600; padding:7px 20px; }
|
||||
.news_cancel_tt {font-size:15px; border:1px solid #ddd; background:url('/img/sub/con16_icon3.png') no-repeat top 20px center #fff; text-align:center; padding:60px 20px 20px; margin-bottom:10px;}
|
||||
.news_cancel_text {font-size:14px; text-align:center; padding:10px;}
|
||||
|
||||
/*설문조사*/
|
||||
.poll_btn {display:block; text-align:center; margin:20px 0}
|
||||
.poll_btn li {display:inline-block; margin:3px}
|
||||
.btn_ok {padding:10px 40px; border:0; border-radius:4px; background:#99a610; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
|
||||
.btn_ok:hover {background:#95c636; color:#fff}
|
||||
.btn_list {padding:10px 40px; border:0; border-radius:4px; background:#717171; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
|
||||
.btn_list:hover {background:#575757; color:#fff}
|
||||
.btn_cancel {padding:10px 40px; border:0; border-radius:4px; background:#717171; color:#fff; cursor:pointer; font-weight:500; font-size:16px}
|
||||
.btn_cancel:hover {background:#575757; color:#fff}
|
||||
|
||||
.poll_text {border-radius:10px; color:#525252; border:1px solid #e0e0e0; background:#f7f7f7; padding:30px; width:100%; margin-bottom:20px; font-weight:500}
|
||||
.poll_q {font-size:18px; color:#2f2f2f; border-top:1px solid #d0d0d0; background:#f7f7f7; padding:20px; width:100%;}
|
||||
.poll_a {border-top:1px solid #d0d0d0; background:#fff; padding:20px; width:100%;}
|
||||
.poll_wr textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px;
|
||||
padding:10px; width: 100%; height:150px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.check_list {overflow:hidden; }
|
||||
.check_list li {float:left; margin-right:30px; vertical-align:middle}
|
||||
.check_list label {font-size:15px; color:#2f2f2f; }
|
||||
.check_list input[type='checkbox'] {
|
||||
display: none; /* 실제 체크박스 없애기 */
|
||||
}
|
||||
.check_list input[type='checkbox'] + label::before { /* 가짜 체크박스 만들기 */
|
||||
content: ' ';
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 22px;
|
||||
vertical-align: middle; /* img 아이콘 항상 세로정렬을 하기 위함 */
|
||||
margin: -5px 5px 0 0;
|
||||
background: url('/img/sub/checkbox-on-off.png'); /* 하위 브라우저용 img */
|
||||
background: url('/img/sub/checkbox-on-off.svg'); /* svg 파일 적용 */
|
||||
}
|
||||
.check_list input[type='checkbox']:checked + label::before { /* 가짜 체크박스 체크했을 때 */
|
||||
background: url('/img/sub/checkbox-on-off.png'); /* 하위 브라우저용 img */
|
||||
background: url('/img/sub/checkbox-on-off.svg'); /* svg 파일 적용 */
|
||||
background-position: 20px 0;
|
||||
}
|
||||
/*이용문의 수정190111*/
|
||||
.con16_text {border-radius:10px; color:#333; border:1px solid #e0e0e0; padding:30px; width:100%; margin-bottom:20px; font-weight:500; font-size:16px;
|
||||
background:url('/img/sub/con_tt_bg.png') center #fff; background-size:cover; text-align:center;} /*190111*/
|
||||
.con16_text ul li {text-align:left; font-size:14px; color:#333; font-weight:500; background:url('/img/sub/list02.png') no-repeat 0 10px; padding-left:10px;}
|
||||
.con16_text ul li span {color:#fe0d0d}
|
||||
.con16_title {font-size:20px; color:#303030; background:url('/img/sub/con16_icon.jpg') no-repeat 0 5px; padding:0 0 0 30px; margin-bottom:10px;}
|
||||
.con16_title2 {font-size:20px; color:#303030; background:url('/img/sub/con16_icon2.png') no-repeat 0 5px; padding:0 0 0 30px; margin-bottom:10px;}
|
||||
.cont16_text textarea {border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
|
||||
padding:10px; width: 100%; height:150px; font-size:15px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
|
||||
.cont16_check {font-weight:600; color:#000; margin:10px 0 20px}
|
||||
|
||||
.con162_box01 {border-top:1px solid #ddd; padding:30px 0; margin-top:10px;}
|
||||
.con162_box {width:100%; overflow:hidden}
|
||||
.con162_box .con162_left {background:#fff; float:left; width:48%; border:1px solid #ddd; padding:20px;} /*190111*/
|
||||
.con162_box .con162_right {background:#fff; float:right; width:48%; border:1px solid #ddd; padding:20px;} /*190111*/
|
||||
.con162_box .con162_tt {font-size:17px; color:#000; font-weight:600; margin-bottom:15px;}
|
||||
.con162_box .con162_text {font-size:14px; color:#666; margin-bottom:15px;}
|
||||
.con162_box .con162_list li {font-size:14px; color:#666; padding-left:10px; padding-bottom:5px; background:url('/img/sub/list02.png') no-repeat 0 10px;}
|
||||
.con162_box .con162_btn_small {display:inline-block; margin-left:10px; font-size:12px; font-weight:500; }
|
||||
.con162_box .con162_btn_small a {display:block; color:#fff; background:#9aa60f; padding:2px 8px; border-radius:4px; }
|
||||
.con162_box .con162_btn_small a:hover {display:block; color:#fff; background:#757f06; padding:2px 8px; border-radius:4px; }
|
||||
.con162_box .con162_btn {display:inline-block; width:100%; text-align:center; margin-top:20px}
|
||||
.con162_box .con162_btn a {display:block; color:#333; border:2px solid #ddd; padding:7px; font-weight:500; }
|
||||
.con162_box .con162_btn a:hover {display:block; color:#757f06; border:2px solid #9aa60f; padding:7px; font-weight:500; }
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.con162_box .con162_left, .con162_box .con162_right {float:none; width:100%; margin-bottom:10px;
|
||||
transition:width 200ms ease-out 0s;
|
||||
-webkit-transition: width 200ms ease-out 0s;
|
||||
-o-transition: width 200ms ease-out 0s;}
|
||||
}
|
||||
|
||||
|
||||
/* 2.자료실 */
|
||||
|
||||
/*정기간행물 20190212*/
|
||||
.width600 {width:600px;}
|
||||
@media screen and (max-width:600px) {
|
||||
.width600 {width:100%;}
|
||||
}
|
||||
.layer21_text {font-size:14px; color:#666; margin-bottom:10px; padding:10px; line-height:18px; border-bottom:1px solid #ddd; border-top:1px solid #ddd}
|
||||
.layer21_text span {color:#9aa60f}
|
||||
.layer21_text .tt {font-size:15px; font-weight:600; color:#000; margin-top:8px;}
|
||||
.layer21_tt {font-size:16px; font-weight:600; color:#000; margin-bottom:10px;}
|
||||
button.pos_search {border:1px solid #ddd; height:40px; padding:0 5px}
|
||||
|
||||
.year21_wrap {display:block; text-align:center; margin-bottom:10px;}
|
||||
button.pre_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/img/board/pre_year.png') no-repeat; border:0}
|
||||
button.next_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/img/board/next_year.png') no-repeat; border:0}
|
||||
.present_year {display:inline-block; vertical-align:middle; font-size:30px; color:#575757; font-weight:700; margin:0 20px;}
|
||||
.year21_list {width:100%; height:50px; line-height:48px; background:#fafafa; border:1px solid #e3e3e3; margin-top:10px;}
|
||||
.year21_list li {float:left; width:20%; text-align:center; font-size:20px; color:#575757; font-weight:600}
|
||||
.year21_list li:hover, .year21_list li.current {border-radius:100px; color:#fff; background:url('/img/board/year21_list_ov.png') center no-repeat; cursor:pointer}
|
||||
|
||||
/* 190226 수정 */
|
||||
.publication_left {float:left; width:49.5%; height:626px; border:1px solid #ddd; background:#fff; margin-bottom:10px}
|
||||
.publication_left .img {width:100%; height:460px}
|
||||
.publication_left .subject {padding:20px; font-size:17px; color:#000; font-weight:800; margin-bottom:7px; border-bottom:1px solid #ddd; width:100%; height:110px;}
|
||||
.pub_thum_text_wr {overflow:hidden; padding:10px 20px 15px; }
|
||||
.pub_thum_text_wr .date_list {float:left; font-size:12px; color:#838383; font-weight:300; }
|
||||
.pub_thum_text_wr .date_list li {float:left; margin-right:10px;}
|
||||
.pub_thum_text_wr .date_list span {font-size:12px; color:#000; font-weight:300; margin-right:5px;}
|
||||
.pub_thum_text_wr .more_list {float:right; margin-top:5px; }
|
||||
.pub_thum_text_wr .more_list li {float:left; margin-left:5px;}
|
||||
|
||||
/*버튼수정 190225*/
|
||||
.pub_thum_text_wr .more_list_text {float:right; }
|
||||
.pub_thum_text_wr .more_list_text li {float:left; margin-left:3px; font-weight:500 }
|
||||
.pub_thum_text_wr .more_list_text li a {font-size:13px; border:1px solid #ddd; background:#f8f8f8; padding:3px 7px; border-radius:3px; color:#99a610}
|
||||
.pub_thum_text_wr .more_list_text li a:hover {border:1px solid #666; color:#000; padding:3px 7px; border-radius:3px}
|
||||
|
||||
.publication_right {float:right; width:49.5%; height:626px; overflow-y:auto; border:1px solid #ddd; padding:20px; background:#fff; margin-bottom:10px}
|
||||
.publication_right .img {width:100%; height:0; padding-bottom:91%}
|
||||
.publication_right .pub_title1 {font-size:23px; font-weight:600; color:#2f2f2f; margin-bottom:10px;}
|
||||
.publication_right .pub_title2 {font-size:16px; font-weight:600; color:#2f2f2f;}
|
||||
.publication_right .pub_text {font-size:13px; font-weight:400; color:#878787; margin-bottom:10px;}
|
||||
|
||||
.pub_img_open {font-size:14px; width:100%; padding: 5px; border:1px solid #ddd; background:#fff; overflow:hidden; }
|
||||
.pub_img_open img {float:left; width:15%; margin-right: 10px;}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.publication_left {float:none; width:100%; height:auto;}
|
||||
.publication_left .img {width:100%; height:350px}
|
||||
.publication_right {float:none; width:100%; height:300px;}
|
||||
.publication_right .img {width:100%; height:0; padding-bottom:70%}
|
||||
.publication_right .maTop30 {margin-top:10px}
|
||||
.pub_img_open {font-size:13px}
|
||||
}
|
||||
|
||||
|
||||
/* 3.사업소개 */
|
||||
.business_list {overflow:hidden; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; margin-bottom:20px }
|
||||
.business_list li {float:left; line-height:47px; height:50px; text-align:center; margin-left:-1px; margin-top:-2px; font-size:16px; font-weight:500}
|
||||
.business_list li a {display:block; color:#5a5a5a; border:1px solid #d8d8d8; }
|
||||
.business_list li.current a, .business_list li a:hover {background:#99a610; color:#fff; border:1px solid #99a610; }
|
||||
.bus_wid1 li {width:100%;}
|
||||
.bus_wid2 li {width:50%;}
|
||||
.bus_wid3 li {width:33%;}
|
||||
.bus_wid4 li {width:33.4%;}
|
||||
.bus_wid5 li {width:20%;}
|
||||
.business_title {font-weight:300; font-size:30px;color:#333; margin:30px 0 20px; border-bottom:1px solid #ddd; padding-bottom:10px}
|
||||
|
||||
|
||||
/* 4.기관소개 */
|
||||
/*인사말*/
|
||||
.con41_bg {width:100%; background:url('/img/sub/img41_bg_1300.jpg') right top no-repeat; background-size:100%; letter-spacing:-1px; margin-bottom:30px}
|
||||
.con41_title {font-size:30px; font-weight:300; line-height:40px; padding:7% 0 0 4%;}
|
||||
.con41_title span.con41_title_bs {font-size:30px; font-weight:700}
|
||||
.con41_title span.con41_title_b {font-weight:700;}
|
||||
.con41_title_tt {padding:20px 0 17px}
|
||||
.con41_text {width:70%; font-size:17px; font-weight:300; padding:8% 0 0 4%;}
|
||||
.con41_title, .con41_text {
|
||||
transition:font-size 450ms ease-out 0s;
|
||||
-webkit-transition: font-size 450ms ease-out 0s;
|
||||
-o-transition: font-size 450ms ease-out 0s;
|
||||
}
|
||||
@media screen and (max-width: 860px) {
|
||||
.con41_bg {width:100%; background:url('/img/sub/img41_bg_800.jpg') right top no-repeat; background-size:100% }
|
||||
.con41_title {padding:56% 0 0 4%;}
|
||||
.con41_text {width:100%; padding:1% 0 0 4%;}
|
||||
|
||||
}
|
||||
@media screen and (max-width: 560px) {
|
||||
.con41_title {font-size:21px; line-height:27px; padding:50% 0 0 2%;}
|
||||
.con41_title span.con41_title_bs {font-size:22px;}
|
||||
.con41_text {font-size:15px; padding:0% 0 0 2%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 400px) {
|
||||
.con41_title {font-size:16px; line-height:22px; padding:45% 0 0 2%;}
|
||||
.con41_title span.con41_title_bs {font-size:19px;}
|
||||
}
|
||||
|
||||
/*기관소개-연혁*/
|
||||
.sub421_history {width:100%; margin-bottom:40px;background:url('/img/sub/hitory_bg.jpg') no-repeat top #fbfbfb; background-size:100%; overflow:hidden}
|
||||
.sub421_history .left_box {float:left; width:50%; padding-top:40px; }
|
||||
.sub421_history .top_box{width:100%; padding:30px 0 0 10%; }
|
||||
.sub421_history .bottom_box{width:90%; height:350px; padding:20px 0 0 10%; background:url('/img/sub/history_img.png') no-repeat bottom left 50px;}
|
||||
.sub421_history .right_box {float:right;width:50%; margin-top:40px;}
|
||||
.sub421_history .right_box ul {width:100%; background:url('/img/sub/history_line.png') no-repeat left top; padding-top:40px;}
|
||||
.sub421_history .right_box ul li {color:#555; padding:0 0 30px 30px;line-height:16px;font-size:16px;font-weight:500;background:url('/img/sub/li_bullet.png') no-repeat 4px 2px;}
|
||||
.sub421_history .right_box ul li p {font-size:23px;color:#9aa60f;font-weight:300; margin-bottom:10px;}
|
||||
.sub421_history .right_box ul li span {font-size:18px;line-height:30px;margin-right:7px;color:#000;font-weight:400;}
|
||||
|
||||
@media screen and (max-width: 730px) {
|
||||
.sub421_history .left_box {float:none; width:100%; padding-top:10px; }
|
||||
.sub421_history .bottom_box{height:auto; padding:20px 0 0 10%; background:none;}
|
||||
.sub421_history .right_box {float:none;width:100%; margin-top:30px;}
|
||||
.sub421_history .right_box {padding-left:10%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 390px) {
|
||||
.sub421_history .top_box{padding:30px 0 0 2%; }
|
||||
.sub421_history .top_box img {width:100%;}
|
||||
.sub421_history .bottom_box{padding:20px 0 0 2%;}
|
||||
.sub421_history .right_box {padding-left:2%;}
|
||||
}
|
||||
|
||||
/*기관소개-미션비젼 */
|
||||
.img422_00 {margin-bottom:30px; padding:30px 10px 20px; background:url('/img/sub/img422_tt_bg.png') no-repeat left 10% center #f6f6f6; background-size:20%}
|
||||
.img422_00 dl {padding-left:35%}
|
||||
.img422_00 dl dt {width:130px; text-align:center; font-size:18px; height:35px; line-height:31px; font-weight:800; }
|
||||
.img422_00 dl dd {padding:5px 0 10px 10px;}
|
||||
|
||||
.img422_01 {width:100%; height:0; padding-top:51%; background:url('/img/sub/img422_01.jpg') no-repeat center top; background-size:100%; }
|
||||
.img422_02 {width:100%; height:0; padding-top:30%; background:url('/img/sub/img422_02_1014.jpg') no-repeat center top; background-size:100%;}
|
||||
.img422_03 {width:100%; height:0; padding-top:50%; background:url('/img/sub/img422_03.jpg') no-repeat center top; background-size:100%;}
|
||||
.img422_04 {width:100%; height:0; padding-top:110%; background:url('/img/sub/img_mission_eng_pc.jpg') no-repeat center top; background-size:100%; }
|
||||
.img422_01, .img422_02, .img422_03, .img422_04 {font-size:0}
|
||||
|
||||
/*기관소개-미션비젼 190304 수정 s */
|
||||
.img422_copy_eng_01 {width:100%; height:0; padding-top:30%; background:url('/img/sub/img422_copy_eng_01.jpg') no-repeat center top; background-size:100%; }
|
||||
.img422_copy_eng_02 {width:100%; height:0; padding-top:45%; background:url('/img/sub/img422_copy_eng_02.jpg') no-repeat center top; background-size:100%;}
|
||||
.img422_copy_eng_03 {width:100%; height:0; padding-top:87%; background:url('/img/sub/img422_copy_eng_03.jpg') no-repeat center top; background-size:100%;}
|
||||
.img422_copy_eng_01, .img422_copy_eng_02, .img422_copy_eng_03 {font-size:0}
|
||||
@media screen and (max-width:800px) {
|
||||
.img422_copy_01 {padding-top:60%; background:url('/img/sub/img422_copy_01_mobile.jpg') no-repeat center top ;background-size:100%;}
|
||||
.img422_copy_02 {padding-top:65%; background:url('/img/sub/img422_copy_02_mobile.jpg') no-repeat center top ;background-size:100%;}
|
||||
.img422_copy_eng_01 {padding-top:60%; background:url('/img/sub/img422_copy_01_eng_mobile.jpg') no-repeat center top ;background-size:100%;}
|
||||
.img422_copy_eng_02 {padding-top:65%; background:url('/img/sub/img422_copy_02_eng_mobile.jpg') no-repeat center top ;background-size:100%;}
|
||||
}
|
||||
/*기관소개-미션비젼 190304 수정 e */
|
||||
|
||||
/*190226 미션수정 s*/
|
||||
.img422_copy_01 {width:100%; height:0; padding-top:24%; background:url('/img/sub/img422_copy_01.jpg') no-repeat center top; background-size:100%; }
|
||||
.img422_copy_02 {width:100%; height:0; padding-top:40%; background:url('/img/sub/img422_copy_02.jpg') no-repeat center top; background-size:100%;}
|
||||
.img422_copy_03 {width:100%; height:0; padding-top:87%; background:url('/img/sub/img422_copy_03.jpg') no-repeat center top; background-size:100%;}
|
||||
.img422_copy_01, .img422_copy_02, .img422_copy_03 {font-size:0}
|
||||
|
||||
@media screen and (max-width:800px) {
|
||||
.img422_copy_01 {padding-top:90%; background:url('/img/sub/img422_copy_01_mobile.jpg') no-repeat center top ;background-size:100%;}
|
||||
.img422_copy_02 {padding-top:55%; background:url('/img/sub/img422_copy_02_mobile.jpg') no-repeat center top ;background-size:100%;}
|
||||
}
|
||||
/*190226 미션수정 e*/
|
||||
|
||||
@media screen and (max-width:730px) {
|
||||
.img422_00 {margin-bottom:10px; padding:10px; background:url('/img/sub/img422_tt_bg.png') no-repeat center top 20px #f6f6f6; background-size:40%}
|
||||
.img422_00 dl {padding:20% 0 0 2%}
|
||||
.img422_02 {padding-top:40%; background:url('/img/sub/img422_02_730.jpg') no-repeat center top ;background-size:100%;}
|
||||
}
|
||||
/*기관소개-ci*/
|
||||
.img423_00 {margin-bottom:30px; padding:30px 10px 20px; background:url('/img/sub/img422_tt_bg2.png') no-repeat left 10% center #f6f6f6; background-size:20%}
|
||||
.img423_00 dl {padding-left:35%}
|
||||
.img423_00 dl dt {font-size:50px; color:#dedede; font-weight:800}
|
||||
.img423_00 dl dd {padding:5px 0 10px 0px;}
|
||||
.img423_part {width:100%; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden}
|
||||
.img423_part img {text-align:center;}
|
||||
.ci_left {float:left; width:50%;}
|
||||
.ci_right {float:right; width:50%;}
|
||||
.color_list ul {margin-top:40px;}
|
||||
.color_list ul li {padding:0 0 5px 35px; font-size:17px; color:#8a8a8a; background:url('/img/sub/img422_color_list.jpg') no-repeat 0 6px ;}
|
||||
.color_list ul li span {color:#494949; }
|
||||
.color_list2 {margin-top:20px;}
|
||||
.color_list2 li {float:left; width:31%; margin:1%;}
|
||||
.color_list2 li p {margin:10px 0 0 10px}
|
||||
.color_list2 .box_8d9a24 {background:#8d9a24; width:90%; height:0; padding-top:30%; border-radius:15px}
|
||||
.color_list2 .box_8a8c8f {background:#8a8c8f; width:90%; height:0; padding-top:30%; border-radius:15px}
|
||||
.color_list2 .box_444445 {background:#444445; width:90%; height:0; padding-top:30%; border-radius:15px}
|
||||
.img423_btn {display:block; text-align:center; margin:40px 0;}
|
||||
.img423_btn li {display:inline-block; vertical-align:middle; margin:5px 10px; width:260px; height:60px; line-height:53px;}
|
||||
.img423_btn li a {display:block; font-weight:500; font-size:17px;}
|
||||
|
||||
@media screen and (max-width:500px) {
|
||||
.ci_left {float:none; width:100%;}
|
||||
.ci_right {float:none; width:100%;}
|
||||
.color_list ul {margin-top:10px;}
|
||||
.color_list2 li {float:none; width:60%; margin:1% auto;}
|
||||
.color_list2 li p {font-size:13px; margin-bottom:10px}
|
||||
}
|
||||
|
||||
/*기관소개-찾아오시는길*/
|
||||
.map-container{position:relative; padding-bottom:50%; height:0; overflow:hidden;}
|
||||
.map-container iframe,.map-container object,.map-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
|
||||
|
||||
|
||||
/* 조직현황 0215 */
|
||||
.con43_org {position:relative; width:100%; height:0; padding-top:60%; background:url('/img/sub/img43_bg_1000.jpg') no-repeat top; background-size:100%; }
|
||||
.con43_org dl, .con43_org p {font-size:0;}
|
||||
.con43_org div {border:0px solid red}
|
||||
.con43_01 {position:absolute; top:40px; left:440px; width:140px; height:140px; }
|
||||
.con43_02 {position:absolute; top:292px; left:130px; width:135px; height:135px; }
|
||||
.con43_03 {position:absolute; top:445px; left:127px; width:138px; height:30px; }
|
||||
.con43_04 {position:absolute; top:482px; left:127px; width:138px; height:30px; }
|
||||
.con43_05 {position:absolute; top:292px; left:337px; width:135px; height:135px; }
|
||||
.con43_06 {position:absolute; top:445px; left:337px; width:138px; height:30px; }
|
||||
.con43_07 {position:absolute; top:482px; left:337px; width:138px; height:30px; }
|
||||
.con43_08 {position:absolute; top:522px; left:337px; width:138px; height:30px; }
|
||||
.con43_09 {position:absolute; top:560px; left:337px; width:138px; height:30px; }
|
||||
.con43_10 {position:absolute; top:292px; left:545px; width:135px; height:135px; }
|
||||
.con43_11 {position:absolute; top:445px; left:545px; width:138px; height:30px; }
|
||||
.con43_12 {position:absolute; top:482px; left:545px; width:138px; height:30px; }
|
||||
.con43_13 {position:absolute; top:522px; left:545px; width:138px; height:30px; }
|
||||
.con43_14 {position:absolute; top:292px; left:753px; width:135px; height:135px; }
|
||||
.con43_15 {position:absolute; top:445px; left:753px; width:138px; height:30px; }
|
||||
.con43_16 {position:absolute; top:482px; left:753px; width:138px; height:30px; }
|
||||
.con43_text {position:relative; font-size:15px; padding:18px; color:#333; text-align:center; width:80%; margin:20px auto; border:4px solid #ededed; border-radius:100px;}
|
||||
.con43_org_eng {position:relative; width:100%; height:0; padding-top:60%; background:url('/img/sub/img43_bg_1000_eng.jpg') no-repeat top; background-size:100%; }
|
||||
/*190115 수정전
|
||||
.con43_top_btn {position:fixed; bottom:50px; right:2%; background:#444; width:40px; height:40px; line-height:40px; text-align:center; z-index:99}
|
||||
.con43_top_btn a {display:block; color:#fff; font-weight:900; font-size:13px}
|
||||
.con43_01 {position:absolute; top:30px; left:230px; width:580px; height:150px;}
|
||||
.con43_02 {position:absolute; top:160px; left:67px; width:160px; height:260px;}
|
||||
.con43_03 {position:absolute; top:400px; left:280px; width:160px; height:320px;}
|
||||
.con43_04 {position:absolute; top:400px; left:560px; width:160px; height:280px;}
|
||||
.con43_05 {position:absolute; top:400px; left:845px; width:160px; height:240px;}
|
||||
*/
|
||||
|
||||
@media screen and (max-width: 1300px) {
|
||||
.tbl43_wid {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden;}
|
||||
.con43_org {padding-top:82%; background:url('/img/sub/img43_bg_743.jpg') no-repeat top; background-size:100%;}
|
||||
.con43_01 {position:absolute; top:4%; left:41%; width:18%; height:25%;}
|
||||
.con43_02 {position:absolute; top:45%; left:3%; width:17%; height:19%;}
|
||||
.con43_03 {position:absolute; top:67.5%; left:3%; width:17%; height:5%;}
|
||||
.con43_04 {position:absolute; top:73%; left:3%; width:17%; height:5%;}
|
||||
.con43_05 {position:absolute; top:45%; left:29%; width:17%; height:19%;}
|
||||
.con43_06 {position:absolute; top:67.5%; left:29%; width:17%; height:5%;}
|
||||
.con43_07 {position:absolute; top:73%; left:29%; width:17%; height:5%;}
|
||||
.con43_08 {position:absolute; top:79%; left:29%; width:17%; height:5%;}
|
||||
.con43_09 {position:absolute; top:85%; left:29%; width:17%; height:5%;}
|
||||
.con43_10 {position:absolute; top:45%; left:55%; width:17%; height:19%;}
|
||||
.con43_11 {position:absolute; top:67.5%; left:55%; width:17%; height:5%;}
|
||||
.con43_12 {position:absolute; top:73%; left:55%; width:17%; height:5%;}
|
||||
.con43_13 {position:absolute; top:79%; left:55%; width:17%; height:5%;}
|
||||
.con43_14 {position:absolute; top:45%; left:80.5%; width:17%; height:19%;}
|
||||
.con43_15 {position:absolute; top:67.5%; left:80.5%; width:17%; height:5%;}
|
||||
.con43_16 {position:absolute; top:73%; left:80.5%; width:17%; height:5%;}
|
||||
.con43_org_eng {padding-top: 82%;background: url(/img/sub/img43_bg_743_eng.jpg) no-repeat top;background-size: 100%;}
|
||||
}
|
||||
|
||||
/*kcdf 갤러리*/
|
||||
.kcdf_wrap {margin-bottom:30px; background:url('/img/sub/img4411_bg.jpg') no-repeat top; background-size:100%; overflow:hidden}
|
||||
.kcdf_left {float:left; width:46%; padding:28% 0 0 1%; font-size:16px; color:#494949; letter-spacing:-1px;}
|
||||
.kcdf_right {float:right; width:50%; padding-top:35px;}
|
||||
|
||||
@media screen and (max-width: 1300px) {
|
||||
.kcdf_right img {width:100%;}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.kcdf_left {float:none; width:100%; padding:15% 0 0 1%}
|
||||
.kcdf_right {float:none; width:100%; text-align:center}
|
||||
.kcdf_right img {width:70%; }
|
||||
}
|
||||
|
||||
.img4411_3_bg {position:relative; width:100%; height:0; padding-top:100%; background:url('/img/sub/img4411_3.jpg') no-repeat top; background-size:100%; }
|
||||
.img4411_3_bg dl {font-size:0;}
|
||||
.img4411_3_bg img {width:100%;}
|
||||
.img4411_3_rf {position:absolute; top:6%; left:30%; width:7%; height:7%;}
|
||||
.img4411_3_3f {position:absolute; top:22%; left:25%; width:7%; height:7%;}
|
||||
.img4411_3_2f {position:absolute; top:37%; left:25%; width:7%; height:7%;}
|
||||
.img4411_3_1f {position:absolute; top:54%; left:25%; width:7%; height:7%;}
|
||||
.img4411_3_b1f {position:absolute; top:68%; left:25%; width:7%; height:7%;}
|
||||
.img4411_3_b2f {position:absolute; top:85.5%; left:25%; width:7%; height:7%;}
|
||||
/* 0306 영문 */
|
||||
.img4411_3_bg_eng {position:relative; width:100%; height:0; padding-top:100%; background:url('/img/sub/img4411_3_eng.jpg') no-repeat top; background-size:100%; }
|
||||
.img4411_3_bg_eng dl {font-size:0;}
|
||||
.img4411_3_bg_eng img {width:100%;}
|
||||
.img4411_3_rf_eng {position:absolute; top:6%; left:40%; width:7%; height:7%;}
|
||||
.img4411_3_3f_eng {position:absolute; top:22%; left:35%; width:7%; height:7%;}
|
||||
.img4411_3_2f_eng {position:absolute; top:37%; left:35%; width:7%; height:7%;}
|
||||
.img4411_3_1f_eng {position:absolute; top:54%; left:35%; width:7%; height:7%;}
|
||||
.img4411_3_b1f_eng {position:absolute; top:68%; left:35%; width:7%; height:7%;}
|
||||
.img4411_3_b2f_eng {position:absolute; top:85.5%; left:35%; width:7%; height:7%;}
|
||||
|
||||
.img4411_box_title {font-size:20px; padding:5px; border-radius:10px; text-align:center; background:#9aa60f; color:#fff; margin:30px 0 10px}
|
||||
.img4411_box_text {width:510px; font-size:15px; color:888; margin:10px 0}
|
||||
|
||||
/*kcdf 도서관*/
|
||||
.list442 li {padding-bottom:10px}
|
||||
.list442 span {font-weight:600; margin-right:10px;}
|
||||
|
||||
/*문화역서울284*/
|
||||
.con443_wrap {position:relative; text-align:center; width:100%; height:0; padding:18% 0 50% 0; font-weight:500; color:#444; letter-spacing:-1px; background:url('/img/sub/img443_bg.jpg') no-repeat top; background-size:100%; }
|
||||
.con443_wrap_eng {position:relative; text-align:center; width:100%; height:0; padding:18% 0 50% 0; font-weight:500; color:#444; background:url('/img/sub/img443_bg_eng.jpg') no-repeat top; background-size:100%; }
|
||||
.con443_btn {position:relative; margin:20px auto; width:180px; height:40px; line-height:38px;}
|
||||
.con443_btn a {display:block; color:#fff; background:#85715c; border-radius:4px}
|
||||
.con443_btn a:hover {display:block; color:#fff; background:#5e4e3d; border-radius:4px}
|
||||
.con443_list ul {display:block; width:85%; margin:0 auto; text-align:center; }
|
||||
.con443_list ul li {display:inline-block; width:31%; margin:0 1% 30px; text-align:center; vertical-align:top}
|
||||
.con443_list ul li img { width:100%;}
|
||||
.con443_list .tt {font-size:18px; font-weight:700}
|
||||
.con443_list .text {font-size:13px; font-weight:500; color:#818181; line-height:15px}
|
||||
/* 영문 0306 */
|
||||
.img443_wrap_eng {overflow:hidden; width:100%; }
|
||||
.con443_wrap_eng {overflow:hidden; width:100%; }
|
||||
.seoul284_left_eng {float:left; width:67%; padding:20px;}
|
||||
.seoul284_left_eng img {width:100%;}
|
||||
.seoul284_right_eng {float:right; width:33%; }
|
||||
.seoul284_right_eng .seoul284_tt {margin:0; }
|
||||
.seoul284_right_eng .seoul284_tt img {width:100%;}
|
||||
.seoul284_right_eng .img443_f_list {width:100%; padding:10px 10px 20px; background:#f3f3f3; border-radius:0 0 10px 10px;}
|
||||
.seoul284_right_eng .img443_f_list li {width:100%; padding-left:10px; height:35px; line-height:35px; border-bottom:1px solid #cccccc;}
|
||||
.seoul284_right_eng .img443_f_list li span {color:#6c7f0b}
|
||||
|
||||
|
||||
.img443_wrap {overflow:hidden; width:100%; }
|
||||
.seoul284_left {float:left; width:70%; padding:20px;}
|
||||
.seoul284_left img {width:100%;}
|
||||
.seoul284_right {float:right; width:25%; }
|
||||
.seoul284_right .seoul284_tt {margin:0; }
|
||||
.seoul284_right .seoul284_tt img {width:100%;}
|
||||
.seoul284_right .img443_f_list {width:100%; padding:10px 10px 20px; background:#f3f3f3; border-radius:0 0 10px 10px;}
|
||||
.seoul284_right .img443_f_list li {width:100%; padding-left:10px; height:35px; line-height:35px; border-bottom:1px solid #cccccc;}
|
||||
.seoul284_right .img443_f_list li span {color:#6c7f0b}
|
||||
|
||||
@media screen and (max-width:790px) {
|
||||
.con443_list ul {width:100%;}
|
||||
.con443_list ul li {width:47%; margin:0 1% 30px;}
|
||||
.img443_wrap {overflow:hidden; width:100%; padding-bottom:20px;border-bottom:1px dotted #666}
|
||||
.seoul284_left {float:none; width:100%; padding:20px;}
|
||||
.seoul284_right {float:none; margin:0 auto; width:70%; }
|
||||
.con443_wrap_eng {overflow:hidden; width:100%; padding-bottom:20px;border-bottom:1px dotted #666}
|
||||
.seoul284_left_eng {float:none; width:100%; padding:20px;}
|
||||
.seoul284_right_eng {float:none; margin:0 auto; width:70%; }
|
||||
}
|
||||
|
||||
@media screen and (max-width:450px) {
|
||||
.con443_wrap {padding:25% 0 85% 0; background:url('/img/sub/img443_bg_800.jpg') no-repeat top; background-size:100%; }
|
||||
.con443_wrap_eng {padding:25% 0 85% 0; background:url('/img/sub/img443_bg_800_eng.jpg') no-repeat top; background-size:100%; }
|
||||
.con443_list .text {font-size:12px;}
|
||||
}
|
||||
|
||||
/*갤러리대관-대관안내 190131 수정 s*/
|
||||
.big_title {position:relative; margin:30px auto; width:200px; height:40px; line-height:38px; text-align:center; font-size:20px; font-weight:700;}
|
||||
.con_44121_box_1000 {position:relative; padding-bottom:5%; width:100%; height:auto; background:url('/img/sub/img44121bg_1000.jpg') no-repeat top; background-size:100%; overflow:hidden}
|
||||
.con_44121_box_1000 ul li {float:left; width:20%; padding:3.5% 1% 0 2.5%}
|
||||
.con_44121_box_1000 .title {font-size:20px; font-weight:800; color:#333; line-height:22px}
|
||||
.con_44121_box_1000 .text {padding-top:10%; font-size:15px; font-weight:500; color:#666; line-height:20px}
|
||||
.con_44121_box_700 {display:none;}
|
||||
|
||||
@media screen and (max-width:880px) {
|
||||
.con_44121_box_1000 {display:none;}
|
||||
.con_44121_box_700 {display:block;
|
||||
position:relative; padding-bottom:2%; width:100%; height:auto; background:url('/img/sub/img44121bg_700.jpg') no-repeat center top; background-size:100%; overflow:hidden}
|
||||
.con_44121_box_700 ul li {float:left; width:33%; border:0px solid red}
|
||||
.con_44121_box_700 ul li:nth-child(1) {padding:6% 0 0% 12%}
|
||||
.con_44121_box_700 ul li:nth-child(2) {padding:6% 0 15% 7%}
|
||||
.con_44121_box_700 ul li:nth-child(3) {padding:6% 0 0 1%}
|
||||
.con_44121_box_700 ul li:nth-child(4) {width:50%; padding:0 0 14% 27%}
|
||||
.con_44121_box_700 ul li:nth-child(5) {width:50%; padding:0 0 0 4%}
|
||||
.con_44121_box_700 .title {font-size:20px; font-weight:800; color:#333; line-height:22px}
|
||||
.con_44121_box_700 .text {padding-top:5%; font-size:15px; font-weight:500; color:#666; line-height:20px}
|
||||
}
|
||||
@media screen and (max-width:600px) {
|
||||
.con_44121_box_700 {display:block;
|
||||
position:relative; padding-bottom:2%; width:100%; height:auto; background:url('/img/sub/img44121bg_600.jpg') no-repeat center top; background-size:100%; overflow:hidden}
|
||||
/* .con_44121_box_700 ul li {float:left; width:50%; height:0; border:1px solid red} */
|
||||
.con_44121_box_700 ul li {float:left; width:50%; height:0;}
|
||||
.con_44121_box_700 ul li:nth-child(1) {padding:10% 0 34% 9%}
|
||||
.con_44121_box_700 ul li:nth-child(2) {padding:10% 0 34% 3%}
|
||||
.con_44121_box_700 ul li:nth-child(3) {padding:10% 0 32% 9%}
|
||||
.con_44121_box_700 ul li:nth-child(4) {padding:10% 0 32% 3%}
|
||||
.con_44121_box_700 ul li:nth-child(5) {padding:10% 0 34% 9%}
|
||||
.con_44121_box_700 .title {font-size:17px; font-weight:800; color:#333; line-height:20px}
|
||||
.con_44121_box_700 .text {padding-top:3%; font-size:13px; font-weight:500; color:#666; line-height:18px}
|
||||
.span_block {display:block;}
|
||||
}
|
||||
/* 190131 삭제
|
||||
@media screen and (max-width:480px) {
|
||||
.con_44121_box_700 {display:block;
|
||||
position:relative; padding-bottom:2%; width:100%; height:auto; background:none;overflow:hidden}
|
||||
.con_44121_box_700 ul li {float:left; width:48%; border-radius:10px; margin:1%; }
|
||||
.con_44121_box_700 ul li:nth-child(1) {padding:3%; background:#f4f0e7; border-top:3px solid #a7b578}
|
||||
.con_44121_box_700 ul li:nth-child(2) {padding:3%; background:#eff0e8; border-top:3px solid #9daf7b}
|
||||
.con_44121_box_700 ul li:nth-child(3) {padding:3% 3% 10% 3%; background:#e7f0ed; border-top:3px solid #7bb0a6}
|
||||
.con_44121_box_700 ul li:nth-child(4) {width:48%; padding:3% 3% 10% 3%; background:#e8edf1; border-top:3px solid #7b96b1}
|
||||
.con_44121_box_700 ul li:nth-child(5) {width:48%; padding:3%; background:#eff0e8; border-top:3px solid #9daf7b}
|
||||
.con_44121_box_700 .title {font-size:17px;}
|
||||
.con_44121_box_700 .text {font-size:14px;}
|
||||
}
|
||||
*/
|
||||
/*갤러리대관-대관안내 190131 수정 e*/
|
||||
|
||||
/*갤러리대관-대관현황 190113*/
|
||||
.month_wrap {display:block; text-align:center; margin-bottom:10px;}
|
||||
.month_wrap button.pre_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/img/board/pre_year.png') no-repeat; border:0}
|
||||
.month_wrap button.next_year {display:inline-block; vertical-align:middle; width:35px; height:35px; font-size:0; background:url('/img/board/next_year.png') no-repeat; border:0}
|
||||
.month_year {display:inline-block; vertical-align:middle; font-size:30px; color:#575757; font-weight:700; margin:0 20px;}
|
||||
.month_list {width:100%; padding:15px 0; background:#fafafa; border:1px solid #e3e3e3; margin:10px 0 20px 0; overflow:hidden}
|
||||
.month_list li {float:left; width:8%; padding:5px; text-align:center; font-size:15px; color:#575757; font-weight:600}
|
||||
.month_list li:hover, .month_list li.current {border-radius:100px; color:#fff; background:url('/img/board/year21_list_ov.png') center no-repeat; cursor:pointer}
|
||||
@media screen and (max-width: 540px) {
|
||||
.month_list li {width:16%; font-size:13px; }
|
||||
}
|
||||
|
||||
|
||||
.calendar_pyo {width:99%; border-top:2px solid #a4a4a4;}
|
||||
.calendar_pyo thead th {padding:10px 0; background:#d6d5d5; text-align:center;}
|
||||
.calendar_pyo th.sunday {color:#ff2727}
|
||||
.calendar_pyo th.saturday {color:#2773ff}
|
||||
.calendar_pyo tbody th {padding:7px 0; border:1px solid #eaeaea; background:#f4f4f4; color:#000; text-align:center;}
|
||||
|
||||
/*갤러리대관-대관현황 190113 여현준 */
|
||||
.calendar_pyo tbody td {padding: 5px 10px; border: 1px solid #eaeaea; text-align: center; height: 130px; vertical-align: top;}
|
||||
|
||||
.calendar_pyo a:hover {border-bottom:#ddd solid 1px; color:#9aa60f}
|
||||
@media screen and (max-width: 1000px) {
|
||||
.calendar_pyo_wr {width:100%; min-width:300px; height:auto; overflow-x: scroll; overflow-y:hidden; }
|
||||
}
|
||||
@media screen and (max-width:480px) {
|
||||
.calendar_pyo tbody td {font-size:12px}
|
||||
}
|
||||
.exbihition_wr {}
|
||||
.exbihition_wr {width:350px; padding:10px; margin-bottom:10px 20px; background:#ffffff; border-top:3px solid #95c636}
|
||||
.exbihition_wr dt {color:#95c636; font-size:18px; font-weight:600}
|
||||
.exbihition_wr dd {color:#3c3c3c; font-size:15px; }
|
||||
td.cal_ing {color:#ff9000; font-weight:700}
|
||||
td.cal_end {color:#000; font-weight:700}
|
||||
|
||||
/*대관신청*/
|
||||
.agreement_wr {overflow-y:auto; border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
|
||||
padding:10px; width:100%; height:250px; font-size:15px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
||||
}
|
||||
.con44123_check {font-weight:500; color:#000; margin:10px 0 20px}
|
||||
.con44123_check input {margin-left:20px}
|
||||
|
||||
.policy {color:#666}}
|
||||
.policy p {font-weight:600; margin-bottom:10px}
|
||||
.policy h4 {font-size:15px; color:#000}
|
||||
.policy h4 strong {font-size:17px; color:#000}
|
||||
.policy h5 {font-size:17px; color:#000}
|
||||
.policy h6 {font-size:17px; color:#333}
|
||||
.policy ol {margin:5px 0 10px 5px}
|
||||
.policy .mt10 {margin-top:10px}
|
||||
.exh_info_btn {background:#f4f4f4; border:1px solid #ddd; color:#5d5d5d; padding:0 10px; height:40px; font-weight:600}
|
||||
.exh_info_btn:hover {background:#719135; border:1px solid #64822a; color:#fff; padding:0 10px; height:40px; font-weight:600}
|
||||
|
||||
/*탭1*/
|
||||
.tab {list-style:none; margin-bottom:30px; overflow: hidden; background:#9aa60f; padding:5px 5px 0}
|
||||
.tab li{float:left; margin:0; cursor:pointer; height:40px; line-height:35px; background:url('/img/tab_bar.png') no-repeat 0 10px; color:#fff;
|
||||
display:inline-block; text-align:center; text-decoration:none; font-size:15px; transition:0.3s; }
|
||||
.tab li:first-child {background:none;}
|
||||
.tab li.current span.count {color:#fff; background:#9aa60f; border-radius:100px; padding:2px 7px; font-size:13px;
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfc01d+0,93a722+100 */
|
||||
background: #bfc01d; /* Old browsers */
|
||||
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
||||
}
|
||||
.tab li span.count {color:#9aa60f; background:#fff; border-radius:100px; padding:2px 7px; font-size:13px;}
|
||||
.tabcontent {display: none;}
|
||||
.tabcontent.current {display: block;}
|
||||
ul.tab li.current {color:#9aa60f; font-weight:500; font-size:16px; background: #fff;}
|
||||
ul.tab li a {display: block; color:#fff; }
|
||||
ul.tab li:hover {display: block; color:#9aa60f; font-weight:500; background: #fff;}
|
||||
ul.tab li a:hover {color:#9aa60f;}
|
||||
ul.tab li.current a {display: block; color:#9aa60f; font-weight:500; background: #fff;}
|
||||
|
||||
.tab_wid2 li {width:50%}
|
||||
.tab_wid3 li {width:33.3333%}
|
||||
.tab_wid4 li {width:25%}
|
||||
.tab_wid5 li {width:20%}
|
||||
.tab_wid6 li {width:16.6%}
|
||||
.tab_wid7 li {width:14%}
|
||||
.tab_wid8 li {width:12.5%}
|
||||
|
||||
.tab_pc {display:block}
|
||||
.tab_mobile {display:none}
|
||||
|
||||
@media screen and (max-width:800px) {
|
||||
.tab li span {display:none}
|
||||
}
|
||||
@media screen and (max-width:670px) {
|
||||
.tab_pc {display:none}
|
||||
.tab_mobile {display:block}
|
||||
}
|
||||
|
||||
@media screen and (max-width:400px) {
|
||||
.tab_pc {display:none}
|
||||
.tab_mobile {display:block}
|
||||
ul.tab li {font-size:13px;}
|
||||
ul.tab li.current {color:#9aa60f; font-weight:500; font-size:13px; background: #fff;}
|
||||
}
|
||||
|
||||
/*정보공개안내*/
|
||||
.con_list03 {color:#9aa60f; font-size:18px; font-weight:500; letter-spacing:-1px;margin-top:15px; margin-left:20px; background:url('/img/sub/list05.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:20px;}
|
||||
/* .con_wr_text span {font-weight:500;} 20190220 ITN*/
|
||||
|
||||
/*이메일무단수집거부*/
|
||||
.con_list04 {color:#9aa60f; font-size:14px; font-weight:400; letter-spacing:-1px;margin-top:15px; background:url('/img/sub/list05.png') no-repeat 0 8px; padding:0 0 5px 8px; line-height:20px;}
|
||||
.con_list04 a{color:#9aa60f;}
|
||||
.border_box {margin-top:10px; border:1px solid #828282; padding-bottom:15px;}
|
||||
|
||||
/*영상정보 처리기기 운영방침*/
|
||||
.sub66_title {text-align: center; line-height: 200%; letter-spacing:0pt; font-weight:600; font-size:20px}
|
||||
.sub66_period {text-align: right; margin-top:10px; line-height: 200%; font-weight:500; font-size:15px}
|
||||
.sub66_text {line-height: 200%; letter-spacing:0px; font-size:13px}
|
||||
|
||||
|
||||
/*정보공개 자료*/
|
||||
.bo_basic_list_02 {width:100%; font-size:15px}
|
||||
.bo_basic_list_02 th {height:36px; background:#eeeeee;}
|
||||
.bo_basic_list_02 td {height:36px; padding:12px 0 8px; border-bottom:2px solid #eeeeee; color:#666; text-align:center;}
|
||||
.bo_basic_list_02 td.tbl_left {text-align:left;}
|
||||
|
||||
/*기타*/
|
||||
.con_wr_text_02 {color:#666; font-size:15px; line-height:22px; margin-left:30px;}
|
||||
|
||||
|
||||
/* 경영공시 */
|
||||
.con553_wr {overflow:hidden}
|
||||
.con553_box {float:left; width:31.3%; margin:1%; border:1px solid #eeeeee}
|
||||
.con553_box dl dt {padding:20px 20px 0; color:#9ba50e; font-size:19px; font-weight:bold;}
|
||||
.con553_box dl dd {font-size:15px; padding-left:10px; margin:10px 0 0 30px }
|
||||
.con553_box dl dd ul li {line-height:18px; padding-bottom:6px;}
|
||||
.con553_box dl dd ul li a {color:#333;}
|
||||
.con553_box dl dd ul li a:hover {color:#9ba50e; font-weight:bold;}
|
||||
|
||||
.con553_box dl dd ul li ul {margin:5px 0 10px; font-size:14px}
|
||||
.con553_box dl dd ul li ul li {line-height:17px; padding:5px 0 0 15px; font-size:14px}
|
||||
.con553_box dl dd ul li ul li a {color:#777}
|
||||
|
||||
@media screen and (max-width: 770px) {
|
||||
.con553_box {float:left; width:48%; margin:1%; border:1px solid #eeeeee}
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
.con553_box {float:none; width:100%; margin:1% 0; border:1px solid #eeeeee}
|
||||
}
|
||||
|
||||
/*사이트맵*/
|
||||
.site_ul01 {display:block;width:100%;height:100%; padding:0 20px; margin-bottom:30px; overflow:hidden}
|
||||
.site_ul01 > li {float:left;width:20%; margin-bottom:30px; text-align:left;word-break:keep-all;}
|
||||
.site_ul01 li p {display:inline-block;font-size:24px;padding-bottom:20px;border-bottom:1px solid #dedede; color:#9aa60f;}
|
||||
.site_ul01 li a {color:#000;}
|
||||
.site_ul01 li a:hover {text-decoration:underline !important;}
|
||||
|
||||
.site_ul02 {margin-top:15px;}
|
||||
.site_ul02 > li {display:block;width:100%;margin-bottom:3px; font-size:16px;color:#000;}
|
||||
|
||||
.site_ul03 {margin:3px 0px 7px;}
|
||||
.site_ul03 > li{margin:0px 0 0px 10px; line-height:18px;}
|
||||
.site_ul03 > li:before {position:absolute; margin:8px 0 0 -8px; width: 4px; height: 4px; background: #9aa60f; content:''; border-radius: 50%;}
|
||||
.site_ul03 > li > a{font-size:13px; color:#444;}
|
||||
|
||||
.site_ul04 {margin:3px 0 7px;}
|
||||
.site_ul04 > li {font-size:12px !important; margin:0px 0 0px 5px; color:#666}
|
||||
.site_ul04 > li:before {position:absolute; margin:8px 0 0 -8px; width:3px; height:3px; background: #aaa; content:''; border-radius: 50%;}
|
||||
.site_ul04 > li > a{font-size:12px; color:#777;}
|
||||
|
||||
@media screen and (max-width:700px) {
|
||||
.site_ul01 > li {float:left;width:33%;}
|
||||
}
|
||||
@media screen and (max-width:480px) {
|
||||
.site_ul01 > li {float:left;width:50%;}
|
||||
}
|
||||
|
||||
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1 +0,0 @@
|
||||
google-site-verification: google4714787d62a7978c.html
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 150 B |
Binary file not shown.
|
Before Width: | Height: | Size: 102 B |
Binary file not shown.
|
Before Width: | Height: | Size: 332 B |
Binary file not shown.
|
Before Width: | Height: | Size: 50 B |
Binary file not shown.
|
Before Width: | Height: | Size: 43 B |
Binary file not shown.
|
Before Width: | Height: | Size: 51 B |
Binary file not shown.
|
Before Width: | Height: | Size: 46 B |
Binary file not shown.
|
Before Width: | Height: | Size: 321 B |
Binary file not shown.
|
Before Width: | Height: | Size: 110 B |
Binary file not shown.
|
Before Width: | Height: | Size: 121 B |
Binary file not shown.
|
Before Width: | Height: | Size: 56 B |
Binary file not shown.
|
Before Width: | Height: | Size: 429 B |
Binary file not shown.
|
Before Width: | Height: | Size: 313 B |
Binary file not shown.
|
Before Width: | Height: | Size: 311 B |
Binary file not shown.
|
Before Width: | Height: | Size: 400 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 933 B |
Binary file not shown.
|
Before Width: | Height: | Size: 984 B |
Binary file not shown.
|
Before Width: | Height: | Size: 999 B |
Binary file not shown.
|
Before Width: | Height: | Size: 997 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1018 B |
Binary file not shown.
|
Before Width: | Height: | Size: 563 B |
Binary file not shown.
|
Before Width: | Height: | Size: 565 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 415 B |
Binary file not shown.
|
Before Width: | Height: | Size: 411 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 655 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 157 B |
Binary file not shown.
|
Before Width: | Height: | Size: 573 B |
Binary file not shown.
|
Before Width: | Height: | Size: 99 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 329 B |
Binary file not shown.
|
Before Width: | Height: | Size: 323 B |
Binary file not shown.
|
Before Width: | Height: | Size: 722 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user