담양군청

<html lang="ko" data-theme="light"> <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" /> <meta name="description" content="전남 담양군 소개, 군정소식, 특산물 정보, 민원 및 여권발급 등 안내." /> <meta name="keywords" content="담양, 담양군, 담양군청"/> <meta name="author" content="" /> <title>담양군청</title>  <link rel="stylesheet" href="/css/ezss_v0_2.css?v=230720" /> <link rel="stylesheet" href="/css/common.css?v=230720" />  <script src="/js/lib/jquery-3.6.4.min.js"></script> <script src="/js/commonFn.js"></script>  <link rel="shortcut icon" href="/assets/image/common/favicon.ico" type="images/ico" />  <link rel="stylesheet" href="/css/contents.css?v=230720"> <link rel="stylesheet" type="text/css" href="/css/slick.css?v=230720" /> </head> <body>  <div class="skipNav"> <a href="#content">메인컨텐츠 바로가기</a> <a href="#quickMenu">빠른메뉴 바로가기</a> </div>  <header class="header"> <div class="moblieHeader"> <a href="/login/cert?domainId=DOM_0000001&contentsSid=203">로그인</a> <button class="mobileHeaderClose"> <img src="/assets/icon/fastmenu/03_close.svg" alt=""/> </button> </div> <nav> <ul id="dev-menuListArea"> <li class="headerLogo"> <h1> <a href="/index.damyang"> <img src="/assets/image/common/nav/gnb_logo.png" alt="담양군" /> </a> </h1> </li> </ul> </nav> </header> <div class="lnbBg" style="display: none;"></div> <div class="searchBar"> <div class="container"> <div class="searchBox"> <form id="searchForm" name="searchForm" method="post" action="/search"> <input type="hidden" name="CSRF_TOKEN" value="26c48412-f8e8-4a5f-8fa0-c5202915c78a"> <input type="hidden" name="view" value="DOM_0000001"> <input type="hidden" name="searchCate" id="searchCate" value="ALL"/> <input type="hidden" name="searchField" id="searchField" value="sch_sco1"/> <input type="search" name="searchWord" id="searchWord" placeholder="담양의 모든 것을 검색해보세요." title="담양의 모든 것을 검색해보세요."/> <button class="searchIcon"> <img src="/assets/icon/top/search.svg" alt="검색"/> </button> </form> </div> <div class="searchBorButton"> <h1 class="mobileLogo"> <a href="/index.damyang"> <img src="/assets/image/main/footerLogo.png" alt="담양군"/> </a> </h1> <div class="languageBox"> <div class="dropdown-area"> <div class="dropdown"> <a href="#!" class="dropdownBtn"> 언어선택 </a> <div class="dropdownCon dev-btnGoPageArea"> <a target="_blank" href="/eng/index.damyang" title="새창열림">English</a> <a target="_blank" href="/jp/index.damyang" title="새창열림">日本語</a> <a target="_blank" href="/cn/index.damyang" title="새창열림">中国话</a> </div> </div> </div> </div> <div class="loginBox"> <a href="/login/cert?domainId=DOM_0000001&contentsSid=203"> 로그인 </a> </div> <div class="sitemapBox"> <a href="/sitemap?domainId=DOM_0000001&contentsSid=204"> <img src="/assets/icon/top/menu.svg" alt="사이트맵"/> </a> </div> <div class="mobileMenuBtn"> <a href="#" class="hamBtn"> <img src="/assets/icon/top/menu.svg" alt="모바일메뉴열기"/> </a> <a href="#" class="txtBtn">메뉴 열기</a> </div> </div> </div> </div>  <script> var menuProcess = (function () { /* 자주 호출되는 요소들(S) */ var $menuListAppendArea = $('#dev-menuListArea'); /* 자주 호출되는 요소들(E) */ /* 이벤트 정의(S) */ // 유지보수요청 버튼 var setItsmMenu = function() { if ('false' === 'true') { $('.headerLogo').append('<h4><a href="/board/list?boardId=BBS_9000010&domainId=DOM_0000001&contentsSid=2000&menuCd=DOM_000000190010000000&boardType=special&categoryCode1=null"><span>유지보수요청</span></a></h4>'); } if ('false' === 'true') { $('.headerLogo').append('<h4 style="margin-top: 10px"><a href="gunmin/list"><span>군민의소리 테스트</span></a></h4>'); } }; // 바로가기 버튼 $(document).on('click', '.dev-btnGoPageArea', function(event) { var eTarget = event.target; var eTargetBtn = eTarget.closest('a'); var eTargetBtnDataset = eTargetBtn.dataset; var pageUrl = eTargetBtnDataset.url; var isNewWindow = eTargetBtnDataset.target; var activeSid = eTargetBtnDataset.sid; if(pageUrl.indexOf("OLD_HOME_URL/") > -1) { // TODO: 9월 사이트 전면 개편 이후 해당 코드 블록 삭제 pageUrl = ComUtils.oldHomeUrl + pageUrl.substring(pageUrl.indexOf("/") + 1) } if(isNewWindow == '_blank') { ComUtils.goLinkPage(pageUrl, {}, '', true); return; } if(activeSid != undefined) { ComUtils.goLinkPage(pageUrl, {activeSid: activeSid}, 'activeTab', false); return; } ComUtils.goLinkPage(pageUrl); }); // 로그아웃 버튼 $(document).on('click', '#dev-btnLogout', function() { if(confirm('로그아웃 하시겠습니까?')) { var logoutLink = '/logout/cert' ComUtils.goLinkPage(logoutLink); } }); // 메뉴 버튼 $(document).on('click', 'nav > ul', function(event) { var eTarget = event.target.closest('li') var menuCd = eTarget.id.substring(7); var parentMenuId = eTarget.parentNode.parentNode.id; if(!menuCd) return; var isContentsLink = false; if(eTarget.dataset.conType == 'link') { isContentsLink = true; } goMenuLinkPage(menuCd, isContentsLink, eTarget.id, parentMenuId); return; }); /* 이벤트 정의(E) */ var domainId = 'DOM_0000001'; var setMenu3ListData = function (listData) { var listDataLen = listData.length; if (listDataLen > 0) { var $depth3ListAppendArea = $('[id^="mDept2-"]'); for (var $appendArea of $depth3ListAppendArea) { var parentElemId = $appendArea.id; var parentCd = parentElemId.substring(7); var listCnt = 0; var $frag = $(document.createDocumentFragment()); for (var i = 0; i < listDataLen; i++) { var listItem = listData[i]; var listTag = ''; var menuParentCd = listItem['MENU_PARENT_CD']; if (parentCd == menuParentCd) { var contentsType = listItem['CONTENTS_TYPE'] listTag += '<li id="mDept3-' + listItem['MENU_CD'] + '" data-con-type="' + contentsType +'">'; listTag += (contentsType == 'link')?'<a href="javascript:void(0)" title="새창열림">':'<a href="javascript:void(0)">'; listTag += listItem['MENU_NM']; if(contentsType == 'link') { listTag += '<img class="dev-linkImg" src="/assets/icon/top/open_new.svg" alt="" /></a>'; } listTag += '</li>'; $frag.append(listTag); listCnt++; } } if(listCnt > 0) { var selector = '#' + parentElemId; var $selector = $(selector); if($selector.parent().hasClass('icons')) { // 분야별 정보 메뉴일 때 $selector.append('<ul class="lnb icons" style="display: none;"></ul>'); } else { $selector.append('<ul class="depth3" style="display: none;"></ul>'); $(selector + ' > a ').append('<img src="/assets/icon/top/nav_dropdown.svg" alt="" />'); } $(selector + ' > .depth3').append($frag); } listCnt = 0; } // 선택한 메뉴 활성화 var curMenuDataStr = ComUtils.getSessionStorage('curMenu'); if(curMenuDataStr == undefined || curMenuDataStr == null || curMenuDataStr == '') return; var curMenu = $.parseJSON(curMenuDataStr); if(curMenu['curMenuId'] != undefined) { $('#' + curMenu['parentMenuId']).parent().css('display', 'block'); $('#' + curMenu['curMenuId']).parent().css('display', 'block'); $('#' + curMenu['curMenuId']).parent().parent().addClass('on'); $('.lnbBg').css('display', ''); } //ComUtils.setSessionStorage('curMenu', ''); } /*setTimeout(function () { ComUtils.progress(false); }, 300);*/ } var setMenu2ListData = function (listData, RLST_DATA) { var listDataLen = listData.length; if (listDataLen > 0) { var $depth2ListAppendArea = $('[id^="mDept1-"]'); for (var $appendArea of $depth2ListAppendArea) { var parentElemId = $appendArea.id; var parentCd = parentElemId.substring(7); var $frag = $(document.createDocumentFragment()); for (var i = 0; i < listDataLen; i++) { var listItem = listData[i]; var listTag = ''; var menuParentCd = listItem['MENU_PARENT_CD']; if (parentCd == menuParentCd) { var contentsType = listItem['CONTENTS_TYPE']; listTag += '<li id="mDept2-' + listItem['MENU_CD'] + '" data-con-type="' + contentsType + '">'; listTag += (contentsType == 'link')?'<a href="javascript:void(0)" title="새창열림">':'<a href="javascript:void(0)">'; var logoImg = listItem['MENU_LOGO_IMG']; if (logoImg != undefined && logoImg != '') { listTag += '<img src="' + logoImg + '" alt=""/>'; } listTag += listItem['MENU_NM']; if(contentsType == 'link') { listTag += '<img class="dev-linkImg" src="/assets/icon/top/open_new.svg" alt="" /></a>'; } listTag += '</li>'; $frag.append(listTag); } } var selector = '#' + parentElemId; var ulTagStr = '<ul class="lnb"></ul>'; if (logoImg != undefined && logoImg != '') { ulTagStr = '<ul class="lnb icons"></ul>'; } $(selector).append(ulTagStr); selector += ' > .lnb'; $(selector).append($frag); } } if (RLST_DATA['depth3MenuList'] != undefined) { setMenu3ListData(RLST_DATA['depth3MenuList'], RLST_DATA); } } var setMenu1ListData = function (listData, RLST_DATA) { //ComUtils.progress(true); var listDataLen = listData.length; if (listDataLen > 0) { var $frag = $(document.createDocumentFragment()); for (var i = 0; i < listDataLen; i++) { var listItem = listData[i]; var listTag = ''; var menuCd = listItem['MENU_CD']; var logoImg = listItem['MENU_LOGO_IMG']; var contentsType = listItem['CONTENTS_TYPE'] if(i == 0) { // 모바일 첫 메뉴 활성화 listTag += '<li id="mDept1-' + menuCd + '" data-con-type="' + contentsType + '"><a href="javascript:void(0);" class="on">'; } else { listTag += '<li id="mDept1-' + menuCd + '" data-con-type="' + contentsType + '">'; listTag += (contentsType == 'link')?'<a href="javascript:void(0)" title="새창열림">':'<a href="javascript:void(0)">'; } if (logoImg != undefined && logoImg != '') { listTag += '<img src="' + logoImg + '" alt=""/>'; } listTag += '<span>' + listItem['MENU_NM'] + '</span></a>'; $frag.append(listTag); } $menuListAppendArea.append($frag); } if (RLST_DATA['depth2MenuList'] != undefined) { setMenu2ListData(RLST_DATA['depth2MenuList'], RLST_DATA); } } var getMenuListData = function (menuDp) { var strUrl = '/menu/getHomeAllMenuList', bProgress = false, jPaging = {}, jParam = { domainId: domainId, menuDp: menuDp }, fnCallback = function (RLST_DATA, RSLT_CD, RSLT_MSG, REQ_DATA) { if (RSLT_CD === ComUtils.comResultCodeSucc) { var listData = RLST_DATA['depth1MenuList']; if (listData != undefined) { setMenu1ListData(listData, RLST_DATA); } } } ComUtils.cmmAjax(strUrl, jParam, fnCallback, bProgress, jPaging, null, 'get'); } var goMenuLinkPage = function(menuCd, isContentsLink, targetId, parentMenuId) { var strUrl = '/menu/goToMenuLinkPage', bProgress = false, jPaging = {}, jParam = { domainId: domainId, menuCd: menuCd }, fnCallback = function (RLST_DATA, RSLT_CD, RSLT_MSG, REQ_DATA) { if (RSLT_CD === ComUtils.comResultCodeSucc) { var menuLinkPageUrl = RLST_DATA['menuLinkPageUrl']; if (menuLinkPageUrl != undefined && menuLinkPageUrl != 'none') { var isNewWindow = false; if(isContentsLink) isNewWindow = true; ComUtils.goLinkPage(menuLinkPageUrl, {curMenuId: targetId, parentMenuId: parentMenuId}, 'curMenu', isNewWindow); } } } ComUtils.cmmAjax(strUrl, jParam, fnCallback, bProgress, jPaging, null, 'get'); } // init getMenuListData(1); setItsmMenu(); return { getListData: getMenuListData, }; })(); </script> <div class="mobileQuickMenu-Box"> <ul class="mobileQuickMenu"> <li class="quickmenu"> <a href="#!" class="mobileQuickMenuBtn"> <img src="/assets/image/main/botImg.png" alt="대돌이"> 퀵메뉴 </a> <ul class="mobileQuickMenuItem"> <li> <a href="#" class="quickCon5"> <img src="/assets/icon/main/quickMenu05.svg" alt="" /> AI 챗봇 </a> </li> <li> <a href="#" class="quickCon4"> <img src="/assets/icon/main/quickMenu04.svg" alt="" /> 조직도 </a> </li> <li> <a href="#" class="quickCon3"> <img src="/assets/icon/main/quickMenu03.svg" alt="" /> 똑똑메뉴 </a> </li> </ul> </li> <li class="topBtnBox"> <a href="#" class="topBtn"> <img src="/assets/icon/top/top.svg" alt="최상단으로 이동" /> </a> </li> </ul> </div>  <div class="quickMenuWrap"> <button class="quickMenuBtn" id="quickMenu"> 퀵메뉴 <img src="/assets/image/main/botImg.png" alt="" /> </button> <nav class="quickMenu"> <button class="quickMenuTab"> <img src="/assets/icon/main/quickMenu01.svg" alt="" /> 담양군<br />홈페이지<br />한눈에보기 </button> <button class="quickMenuTab"> <img src="/assets/icon/main/quickMenu02.svg" alt="" /> 통합검색 </button> <button class="quickMenuTab"> <img src="/assets/icon/main/quickMenu03.svg" alt="" /> 나에게 맞춘<br />똑똑메뉴 </button> <button class="quickMenuTab"> <img src="/assets/icon/main/quickMenu04.svg" alt="" /> 담당부서찾기 </button> <button class="quickMenuTab"> <img src="/assets/icon/main/quickMenu05.svg" alt="" /> 담양군<br />Ai 상담사<br />대돌이 </button> </nav> </div> <div class="quickMenuCon">  <div class="conWrap quickCon1"> <div class="conBox"> <h4> <img src="/assets/icon/main/quickMenuTit.svg" alt="" /> 담양군 통합 누리집 </h4> <div class="famliySiteBox"> <a href="http://dycouncil.go.kr/main" class="focusFirts"> <img src="/assets/image/main/famliySite01.jpg" alt="" /> 담양군의회 </a> <a href="/atc/index.damyang"> <img src="/assets/image/main/famliySite02.jpg" alt="" /> 농업기술센터 </a> <a href="/water/index.damyang"> <img src="/assets/image/main/famliySite03.jpg" alt="" /> 물순환사업소 </a> <a href="/tour/index.damyang"> <img src="/assets/image/main/famliySite04.jpg" alt="" /> 문화관광 </a> <a href="https://www.juknokwon.go.kr/index.juknok"> <img src="/assets/image/main/famliySite05.jpg" alt="" /> 죽녹원 </a> <a href="http://www.bamboofestival.co.kr/index.do"> <img src="/assets/image/main/famliySite06.jpg" alt="" /> 대나무축제 </a> <a href="/museum/index.damyang"> <img src="/assets/image/main/famliySite07.jpg" alt="" /> 한국대나무박물관 </a> <a href="http://www.gasa.go.kr/"> <img src="/assets/image/main/famliySite08.jpg" alt="" /> 한국가사문학 </a> <a href="/gihoo/index.damyang"> <img src="/assets/image/main/famliySite09.jpg" alt="" /> 에코센터 </a> <a href="https://www2.damyang.go.kr/youth/index.damyang"> <img src="/assets/image/main/famliySite10.jpg" alt="" /> 담빛청소년문화의집 </a> <a href="http://dy.gnch.or.kr/"> <img src="/assets/image/main/famliySite11.jpg" alt="" /> 담양군 공무원노동조합 </a> <a href="https://www2.damyang.go.kr/safe/index.damyang"> <img src="/assets/image/main/famliySite12.jpg" alt="" /> 재난안전대책본부 </a> <a href="http://damyangbamboo.org/"> <img src="/assets/image/main/famliySite13.jpg" alt="" /> 세계중요농업유산 </a> <a href="/stat/index.damyang"> <img src="/assets/image/main/famliySite14.jpg" alt="" /> 통계 </a> <a href="http://bigdata.damyang.go.kr/"> <img src="/assets/image/main/famliySite15.jpg" alt="" /> 빅데이터플랫폼 </a> <a href="https://www.damyang.go.kr/town/index.damyang"> <img src="/assets/image/main/famliySite16.jpg" alt="" /> 읍면포털 </a> <a href="/health/index.damyang"> <img src="/assets/image/main/familySite20.jpg" alt="" /> 보건소 </a> <a href="/edu/index.damyang"> <img src="/assets/image/main/familySite21.jpg" alt="" /> 평생학습센터 </a> <a href="https://www2.damyang.go.kr/reserve/index.damyang"> <img src="/assets/image/main/familySite22.jpg" alt="" /> 담양군 통합예약시스템 </a> </div> <h4> <img src="/assets/icon/main/quickMenuTit.svg" alt="" /> 산하기관 </h4> <div class="famliySiteBox"> <a href="https://www.damyangcf.or.kr/"> <img src="/assets/image/main/famliySite17.jpg" alt="" /> 담양군 문화재단 </a> <a href="http://www.dy-welfare.or.kr/"> <img src="/assets/image/main/famliySite18.jpg" alt="" /> 담양군 복지재단 </a> <a href="http://nanum.damyang.jeonnam.kr/vol/gov/mogaha/ntis/web/vol/portal/action/VolHomeAction.do?method=executes"> <img src="/assets/image/main/famliySite19.jpg" alt="" /> 담양군 자원봉사센터 </a> </div> <h4> <img src="/assets/icon/main/quickMenuTit.svg" alt="" /> 유관기관 </h4> <div class="rltSiteBox"> <a href="http://www.jnpolice.go.kr/?pid=DYP040101">담양경찰서</a> </div> <h4> <img src="/assets/icon/main/quickMenuTit.svg" alt="" /> 읍면사무소 </h4> <div class="rltSiteBox"> <a href="/town/index.damyang">담양읍</a> <a href="/town/index.damyang">봉산면</a> <a href="/town/index.damyang">고서면</a> <a href="/town/index.damyang">가사문학면</a> <a href="/town/index.damyang">창평면</a> <a href="/town/index.damyang">대덕면</a> <a href="/town/index.damyang">무정면</a> <a href="/town/index.damyang">금성면</a> <a href="/town/index.damyang">용면</a> <a href="/town/index.damyang">월산면</a> <a href="/town/index.damyang">수북면</a> <a href="/town/index.damyang">대전면</a> </div> <button class="quickMenuClose"> <img src="/assets/icon/main/quickMenuClose.svg" alt="담양군 홈페이지 한눈에보기 닫기" /> </button> </div> </div>  <div class="conWrap quickCon2"> <div class="conBox"> <div class="helpBox"> <h4>담양군<br /><strong>통합메뉴란?</strong></h4> <p> 우리군에서 서비스중인 모든 홈페이지의 메뉴를<br />한 곳에 모아 분류별로 구성되어있으며<br /> <span class="highlight">초성검색, 단어검색, 분류검색</span>을 통해<br /> 찾고자 하는 정보를 손쉽게 찾을 수 있습니다. </p> <a href="#" class="helpBoxClose focusFirts"> <img src="/assets/icon/main/quickMenuClose.svg" alt="" /> 설명 다시보지 않기 </a> </div> <div class="searchBox"> <h4>담양군 <strong>통합메뉴</strong></h4> <div class="divider"></div> <div class="searchInput"> <input type="search" name="" id="" placeholder="초성 또는 단어를 입력하세요" title="초성 또는 단어를 입력하세요" /> <img src="/assets/icon/fastmenu/02_search.svg" alt="" /> </div> <ul class="searchRst"> <li> <a href="#" >군수실·정책·행정<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >건강·보건<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >교육·문화·체육<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >복지·환경·안전<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >산업·경제·일자리<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >민원·신고·참여<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >담양군·읍면동·부서<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >정보공개<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> <li> <a href="#" >교통·자동차<img src="/assets/icon/fastmenu/02_arrow.svg" alt="" /></a> </li> </ul> </div> <div class="searchRstBox"> <div class="searchOnly">검색결과</div> <ul class="searchRst"> <li> <a href="#">검색결과 메뉴</a> <img src="/assets/icon/fastmenu/02_arrow_black.svg" alt="" /> </li> <li> <a href="#">검색결과 메뉴</a> <img src="/assets/icon/fastmenu/02_arrow_black.svg" alt="" /> </li> <li> <a href="#">검색결과 메뉴</a> <img src="/assets/icon/fastmenu/02_arrow_black.svg" alt="" /> </li> <li> <a href="#">검색결과 메뉴</a> <img src="/assets/icon/fastmenu/02_arrow_black.svg" alt="" /> </li> <li> <a href="#">검색결과 메뉴</a> <img src="/assets/icon/fastmenu/02_arrow_black.svg" alt="" /> </li> </ul> </div> <button class="quickMenuClose"> <img src="/assets/icon/main/quickMenuClose.svg" alt="통합겁색 닫기" /> </button> </div> </div>  <div class="conWrap quickCon3"> <div class="conBox"> <h4> <img src="/assets/icon/fastmenu/03_addStar.svg" alt="" />나의 즐겨찾기 </h4> <ul id="dev-bookmarkUl" class="content"></ul> <h4> <img src="/assets/icon/fastmenu/03_menu.svg" alt="" />최근 접속메뉴 </h4> <ul id="dev-recentMenu" class="content"></ul> <h4> <img src="/assets/icon/fastmenu/03_ranking.svg" alt="" />실시간 인기메뉴 TOP 5 </h4> <ul id="dev-rankBox" class="content rankBox"> <li> <p class="rank">1</p> <a href="/board/list?boardId=BBS_0000003&domainId=DOM_0000001&contentsSid=4&menuCd=DOM_000000190001003001">알림마당 > 행사•강좌 > 문화•행사</a> </li> <li> <p class="rank">2</p> <a href="/board/list?boardId=BBS_0000029&domainId=DOM_0000001&contentsSid=19&menuCd=DOM_000000190002002002">소통과참여 > 군민참여 > 자유게시판</a> </li> <li> <p class="rank">3</p> <a href="/menu/goToContentsPage?contentsSid=35&domainId=DOM_0000001&menuCd=DOM_000000190002007000">소통과 참여 > 고향사랑기부제</a> </li> <li> <p class="rank">4</p> <a href="/eminwon/searchList?domainId=DOM_0000001&contentsSid=3&menuCd=DOM_000000190001002002&boardType=special&listType=05">알림마당 > 공고 > 채용공고</a> </li> <li> <p class="rank">5</p> <a href="/board/list?boardId=BBS_0000001&domainId=DOM_0000001&contentsSid=1&menuCd=DOM_000000190001001000">알림마당 > 공지사항</a> </li> </ul> </div> <button class="quickMenuClose"> <img src="/assets/icon/main/quickMenuClose.svg" alt="나에게 맞춘 똑똑메뉴 닫기" /> </button> </div> <script> $(function() { var bookmarkLiHtml = ''; var bookmarkList = JSON.parse(localStorage.getItem("bookmarkList")); if(bookmarkList == null) { return; } for (var i=0; i<bookmarkList.length; i++) { bookmarkLiHtml += '<li>' + '<p class="txt">' + '<span class="boxbg">담양군청</span>' + '<a href="#" class="focusFirts">' + bookmarkList[i]['contentTitle'] + '</a>' + '</p>' + '<div class="action">' + '<button id="dev-bookmarkDeleteBtn" value="' + i + '">삭제</button>' + '<button id="dev-bookmarkOpenBtn" value="' + i + '">새창 열기</button>' + '</div>' + '</li>' } $('#dev-bookmarkUl').html(bookmarkLiHtml); }); function removeBookmark(num) { if(!confirm('해당 메뉴를 "나의 즐겨찾기"에서 삭제하시겠습니까?')) return; var bookmarkList = JSON.parse(localStorage.getItem("bookmarkList")); bookmarkList.splice(num, 1); localStorage.setItem("bookmarkList", JSON.stringify(bookmarkList)); alert('"나의 즐겨찾기"에서 삭제되었습니다.'); location.reload(); } function movePage(localStorageType, num) { if (localStorageType === 'bookmark') { var resultList = JSON.parse(localStorage.getItem("bookmarkList")); } else { var resultList = JSON.parse(localStorage.getItem("recentMenuList")); } window.open(resultList[num]['url']); } $('#dev-bookmarkUl').on('click', '#dev-bookmarkDeleteBtn', function() { removeBookmark(this.value); }); $('#dev-bookmarkUl').on('click', '#dev-bookmarkOpenBtn', function() { movePage('bookmark', this.value); }); $('#dev-recentMenu').on('click', '#dev-bookmarkOpenBtn', function() { movePage('recentMenu', this.value); }); var setRecentMenu = function() { var recentMenuList = JSON.parse(localStorage.getItem("recentMenuList") || "[]"); var $frag = $(document.createDocumentFragment()); for (var i=0; i<recentMenuList.length; i++) { var listTag = ''; listTag += '<li>'; listTag += '<p class="txt">'; listTag += '<span>' + recentMenuList[i]['storeDate'] + '</span>'; if(i==0){ listTag += '<a href="#" class="focusFirts">' + recentMenuList[i]['contentTitle'] + '</a>'; }else{ listTag += '<a href="#">' + recentMenuList[i]['contentTitle'] + '</a>'; } listTag += '</p>'; listTag += '<div class="action">'; listTag += '<button id="dev-bookmarkOpenBtn" value="' + i + '">새창 열기</button>'; listTag += '</div>'; listTag += '</li>'; $frag.append(listTag); } $('#dev-recentMenu').empty(); $('#dev-recentMenu').append($frag); } (); </script>  <div class="conWrap quickCon4"> <div class="conBox"> <div class="searchBox"> <h4>조직도</h4> <a href="/soap/orgList">조직도로 이동</a> <ul class="searchRst"> <li> <a href="/soap/userList?orgId=4850162"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 기획예산실 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/soap/userList?orgId=4850158"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 참여소통실 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/soap/userList?orgId=4850161"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 행정국 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/soap/userList?orgId=4850159"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 미래성장국 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/soap/userList?orgId=4850160"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 산업안전국 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/menu/goToContentsPage?contentsSid=692&domainId=DOM_0000005&menuCd=DOM_000000501003000000&viewId=organization"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 보건소 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/menu/goToContentsPage?contentsSid=219&domainId=DOM_0000004&menuCd=DOM_000000401002000000&viewId=organization"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 농업기술센터 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/soap/userList?orgId=4850165"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 공공시설사업소 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> <li> <a href="/menu/goToContentsPage?contentsSid=295&domainId=DOM_0000008&menuCd=DOM_000000801002000000&viewId=organization"> <div class="txtBox"> <img src="/assets/icon/fastmenu/04_group.svg" alt="" /> 물순환사업소 </div> <img src="/assets/icon/fastmenu/04_arrow.svg" alt="" /> </a> </li> </ul> </div> <button class="quickMenuClose"> <img src="/assets/icon/main/quickMenuClose.svg" alt="담당부서찾기 닫기" /> </button> </div> </div> <script> // $('#dev-searchInput').on('focusin', function() { // window.open("about:blank").location.href='https://www2.damyang.go.kr/index.damyang?menuCd=DOM_000000103007004000'; // $(this).blur(); // 개발팀: 키보드 접근에 따른 로직 수정(23.10.05) // }); $('#dev-searchInput4+a').on('click', function(){ window.open("about:blank").location.href="https://www2.damyang.go.kr/index.damyang?menuCd=DOM_000000103007004000"; }); $('#dev-searchInput4+a').on('keydown', function(event){ if (event.which === 13) { window.open("about:blank").location.href = "https://www2.damyang.go.kr/index.damyang?menuCd=DOM_000000103007004000"; } }); $('.quickCon4>.conBox>.quickMenuClose').on('keydown',function(event){ if (event.which === 9){ $('#dev-searchInput4').focus(); } }); </script>  <div class="conWrap quickCon5"> <div class="conBox"> <div class="searchBox"> <h4>담양군 Ai 상담사 <span class="highlight">대돌이</span></h4> <div class="chatinput"> <input type="text" placeholder="질문을 입력해주세요" class="focusFirts" title="질문을 입력해주세요" id="dev-searchInput5" /> <div class="autoComplete"></div> <button> <img src="/assets/icon/fastmenu/05_arrow.svg" alt=""/>입력하기 </button> </div>  <div class="chatList scrollCustom">  <div class="chatGroup bot"> <div class="profile"> <a class="dev-showMenu" href="javascript:void(0)"><img src="/assets/image/common/juksun_img.png" alt="" /></a> 대돌이 </div> <div id="dev-chatbotIntro" class="chatBubble"> 안녕하세요.<br />담양군 Ai 상담사, <span class="highlight">대돌이</span> 입니다.<br />궁금하신 내용을 자유롭게 물어보세요.<br />아래 각 영역 메뉴를 통해 세부 정보를 확인할 수도 있어요. </div> <div class="row"> <div class="col sm6"> <a href="#!" class="chatInfoBox" id="dev-go_sejung"> <img src="/assets/image/main/userMenu04.png" alt="세정"> <p>세정</p> </a> </div> <div class="col sm6"> <a href="#!" class="chatInfoBox" id="dev-go_hangjung"> <img src="/assets/image/main/userMenu07.png" alt="행정일반"> <p>행정일반</p> </a> </div> <div class="col sm6"> <a href="#!" class="chatInfoBox" id="dev-go_health"> <img src="/assets/image/main/userMenu03.png" alt="보건복지"> <p>보건복지</p> </a> </div> <div class="col sm6"> <a href="#!" class="chatInfoBox" id="dev-go_environment"> <img src="/assets/image/main/userMenu09.png" alt="환경"> <p>환경</p> </a> </div> <div class="col sm6"> <a href="#!" class="chatInfoBox" id="dev-go_traffic"> <img src="/assets/image/main/userMenu11.png" alt="교통·차량"> <p>교통·차량</p> </a> </div> <div class="col sm6"> <a href="#!" class="chatInfoBox" id="dev-go_etc"> <img src="/assets/image/main/userMenu13.png" alt="기타"> <p>기타</p> </a> </div> </div> <div class="time">오전 11:20</div> </div> </div>  <div class="feedbackPopup"> <div class="popupBox"> <h5>서비스 만족도 평가</h5> <p> 더 나은 서비스를 위해<br />만족도 및 의견을 듣고 있습니다.<br />의견 입력 후 보내기 버튼을 클릭해주세요. </p> <div class="starRate"> <span class="star on" tabindex="0"> <span class="blind">총 5점 중 1점</span> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"> <path d="M11 16.854L15.9071 19.8158C16.6644 20.2728 17.5987 19.5939 17.3977 18.7324L16.0955 13.1503L20.4317 9.39386C21.1003 8.81465 20.7429 7.71639 19.8615 7.64161L14.1527 7.15728L11.9207 1.89107C11.5761 1.07804 10.4239 1.07804 10.0793 1.89107L7.8473 7.15728L2.13855 7.64161C1.25712 7.71639 0.899715 8.81465 1.56831 9.39386L5.90451 13.1503L4.60228 18.7324C4.40132 19.5939 5.33555 20.2728 6.09287 19.8158L11 16.854Z" fill="currentColor" stroke="currentColor" /> </svg> </span> <span class="star" tabindex="0"><span class="blind">총 5점 중 2점</span> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"> <path d="M11 16.854L15.9071 19.8158C16.6644 20.2728 17.5987 19.5939 17.3977 18.7324L16.0955 13.1503L20.4317 9.39386C21.1003 8.81465 20.7429 7.71639 19.8615 7.64161L14.1527 7.15728L11.9207 1.89107C11.5761 1.07804 10.4239 1.07804 10.0793 1.89107L7.8473 7.15728L2.13855 7.64161C1.25712 7.71639 0.899715 8.81465 1.56831 9.39386L5.90451 13.1503L4.60228 18.7324C4.40132 19.5939 5.33555 20.2728 6.09287 19.8158L11 16.854Z" fill="currentColor" stroke="currentColor" /> </svg> </span> <span class="star" tabindex="0"><span class="blind">총 5점 중 3점</span> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"> <path d="M11 16.854L15.9071 19.8158C16.6644 20.2728 17.5987 19.5939 17.3977 18.7324L16.0955 13.1503L20.4317 9.39386C21.1003 8.81465 20.7429 7.71639 19.8615 7.64161L14.1527 7.15728L11.9207 1.89107C11.5761 1.07804 10.4239 1.07804 10.0793 1.89107L7.8473 7.15728L2.13855 7.64161C1.25712 7.71639 0.899715 8.81465 1.56831 9.39386L5.90451 13.1503L4.60228 18.7324C4.40132 19.5939 5.33555 20.2728 6.09287 19.8158L11 16.854Z" fill="currentColor" stroke="currentColor" /> </svg> </span> <span class="star" tabindex="0"><span class="blind">총 5점 중 4점</span> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"> <path d="M11 16.854L15.9071 19.8158C16.6644 20.2728 17.5987 19.5939 17.3977 18.7324L16.0955 13.1503L20.4317 9.39386C21.1003 8.81465 20.7429 7.71639 19.8615 7.64161L14.1527 7.15728L11.9207 1.89107C11.5761 1.07804 10.4239 1.07804 10.0793 1.89107L7.8473 7.15728L2.13855 7.64161C1.25712 7.71639 0.899715 8.81465 1.56831 9.39386L5.90451 13.1503L4.60228 18.7324C4.40132 19.5939 5.33555 20.2728 6.09287 19.8158L11 16.854Z" fill="currentColor" stroke="currentColor" /> </svg> </span> <span class="star" tabindex="0"><span class="blind">총 5점 중 5점</span> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"> <path d="M11 16.854L15.9071 19.8158C16.6644 20.2728 17.5987 19.5939 17.3977 18.7324L16.0955 13.1503L20.4317 9.39386C21.1003 8.81465 20.7429 7.71639 19.8615 7.64161L14.1527 7.15728L11.9207 1.89107C11.5761 1.07804 10.4239 1.07804 10.0793 1.89107L7.8473 7.15728L2.13855 7.64161C1.25712 7.71639 0.899715 8.81465 1.56831 9.39386L5.90451 13.1503L4.60228 18.7324C4.40132 19.5939 5.33555 20.2728 6.09287 19.8158L11 16.854Z" fill="currentColor" stroke="currentColor" /> </svg> </span> </div> <textarea name="" id="" cols="10" rows="10" placeholder="답변에 대한 의견을 자유롭게 남겨주세요 (500자 제한)" title="답변에 대한 의견을 자유롭게 남겨주세요 (500자 제한)" ></textarea> <button type="submit" class="feedbackSend"> 만족도 및 의견 보내기 </button> <button class="popupCloseBtn"> <img src="/assets/icon/fastmenu/popup_close.svg" alt="서비스 만족도 평가 닫기" /> </button> </div> </div> </div> <button class="quickMenuClose"> <img src="/assets/icon/main/quickMenuClose.svg" alt="담양군 Ai상담사 대돌이 닫기" /> </button> </div> </div>  <script> var chatBotProcess = (function() { /* 자주 호출되는 요소들(S) */ var $focusFirts = $('#dev-searchInput5'); /* 챗봇검색 오류 개발팀 수정(23.10.05)*/ var $chatList = $('.chatList.scrollCustom'); /* 시연용 카테고리 추가(S) */ // var $dev_sejung_depth_1 = $('#dev-sejung_depth_1'); // var $dev_sejung_depth_2 = $('#dev-sejung_depth_2'); /* 시연용 카테고리 추가(E) */ /* 자주 호출되는 요소들(E) */ var oldVal = ''; /* 이벤트 정의(S) */ $focusFirts.on('keypress', function(){ if(event.keyCode === 13) { event.preventDefault(); sendChat(); } }); $('.chatinput > button').on('click', function(){ sendChat(); }); $focusFirts.on('change keyup paste', function(){ var currentVal = $(this).val(); if(currentVal == oldVal) { return; } oldVal = currentVal; getRelatedList(); }); $('.feedbackSend').on('click', function () { sendUserReview(); }); // 대메뉴에서 불러오기 $(document).on('click', '.dev-open_wetax', function () { //위택스 window.open('http://www.wetax.go.kr/main.do', '_blank'); }); $(document).on('click', '.dev-open_hometax', function () { //홈텍스 window.open('https://www.hometax.go.kr/websquare/websquare.html?w2xPath=/ui/pp/index_pp.xml', '_blank'); }); $(document).on('click', '.dev-open_gov24', function () { //정부24 window.open('https://www.gov.kr/portal/main/nologin', '_blank'); }); $(document).on('click', '.dev-open_ecar', function () { //자동차 대국민 포털 window.open('https://www.car365.go.kr/', '_blank'); }); $(document).on('click', '.dev-open_iros', function () { //법원 인터넷 등기소 window.open('http://www.iros.go.kr', '_blank'); }); $(document).on('click', '.dev-open_kras', function () { //일사편리 window.open('https://www.kras.go.kr/mainView.do', '_blank'); }); $(document).on('click', '.dev-open_zero', function () { //인터넷 지로 window.open('https://www.giro.or.kr/', '_blank'); }); $(document).on('click', '.dev-open_safe', function () { //국민 안전 재난 포털 window.open('https://www.safekorea.go.kr/idsiSFK/neo/main/main.html', '_blank'); }); $(document).on('click', '.dev-open_cdec', function () { //민방위 window.open('https://www.cdec.kr/', '_blank'); }); $(document).on('click', '.dev-open_water', function () { // 상하수도요금 }); $(document).on('click', '.dev-open_damyang', function () { //담양군 window.open('https://www.damyang.go.kr/index.damyang', '_blank'); }); $(document).on('click', '.dev-open_family', function () { //전자가족관계등록시스템 window.open('https://efamily.scourt.go.kr/index.jsp', '_blank'); }); $(document).on('click', '.dev-open_plus', function () { //기업지원플러스 window.open('https://www.g4b.go.kr:441/svc/main.do', '_blank'); }); $(document).on('click', '#dev-go_hangjung', function () { $focusFirts.val("행정일반 관련 정보"); sendChat(); }); $(document).on('click', '#dev-go_sejung', function () { $focusFirts.val("세정업무 관련 정보"); sendChat(); }); $(document).on('click', '#dev-go_environment', function () { $focusFirts.val("환경 관련 정보"); sendChat(); }); $(document).on('click', '#dev-go_health', function () { $focusFirts.val("보건복지 관련 정보"); sendChat(); }); $(document).on('click', '#dev-go_traffic', function () { $focusFirts.val("교통 차량 관련 정보"); sendChat(); }); $(document).on('click', '#dev-go_etc', function () { $focusFirts.val("기타 정보"); sendChat(); }); $(document).on('click', '.dev-showMenu', function(){ $chatList.find(".chatGroup").first().before('<div class="chatGroup bot"><div class="profile"><a class="dev-showMenu" href="javascript:void(0)"><img src="/assets/image/common/juksun_img.png" alt="" /></a>대돌이</div><div id="dev-chatbotIntro" class="chatBubble">' + '안녕하세요.<br />담양군 Ai 상담사, <span class="highlight">대돌이</span> 입니다.<br />궁금하신 내용을 자유롭게 물어보세요.<br />아래 각 영역 메뉴를 통해 세부 정보를 확인할 수도 있어요. </div><div class="row"><div class="col sm6">' + '<a href="#!" class="chatInfoBox" id="dev-go_sejung"><img src="/assets/image/main/userMenu04.png" alt="세정"><p>세정</p></a></div><div class="col sm6"><a href="#!" class="chatInfoBox" id="dev-go_hangjung">' + '<img src="/assets/image/main/userMenu07.png" alt="행정일반"><p>행정일반</p></a></div><div class="col sm6"><a href="#!" class="chatInfoBox" id="dev-go_health"><img src="/assets/image/main/userMenu03.png" alt="보건복지">' + '<p>보건복지</p></a></div><div class="col sm6"><a href="#!" class="chatInfoBox" id="dev-go_environment"><img src="/assets/image/main/userMenu09.png" alt="환경"><p>환경</p></a></div><div class="col sm6">' + '<a href="#!" class="chatInfoBox" id="dev-go_traffic"><img src="/assets/image/main/userMenu11.png" alt="교통·차량"><p>교통·차량</p></a></div><div class="col sm6"><a href="#!" class="chatInfoBox" id="dev-go_etc">' + '<img src="/assets/image/main/userMenu13.png" alt="기타"><p>기타</p></a></div></div><div class="time">'+formatAMPM(new Date())+'</div></div>'); $focusFirts.val(''); }); // 소메뉴 슬라이드에서 메뉴 선택시 챗봇 활성화 $(document).on('click', '.searchSlideLink a', function (event) { var eTarget = event.target; var aQuestion = $(eTarget).text(); // console.log(aQuestion); $focusFirts.val(aQuestion); sendChat(); }); // 바로가기 제외한 버튼 검색 $(document).on('click', '.lineBtn', function (event) { var eTarget = event.target; var aQuestion = $(eTarget).text(); //console.log(aQuestion) if(aQuestion.includes('바로가기')===false & aQuestion.includes('바로 가기')===false) { $focusFirts.val(aQuestion); sendChat(); } }); // 대돌이 답변 "처음으로" 버튼 $(document).on('click', '.dev-btnChatbotGoTop', function () { $('html, body').animate({scrollTop: $(this.hash).offset.top}, 300); }); // 입력창으로 초점이동 $('.quickCon5>.conBox>.quickMenuClose').on('keydown',function(event){ if (event.which === 9){ $focusFirts.focus();`` } }); /* 이벤트 정의(E) */ var boardId = ''; var domainId = 'DOM_0000001'; var strUrl = '/devGuide/getContentsList', jParam = { domainId: domainId, boardId: boardId, searchCondition: 'USER_NICK', searchKeyword: '관리자' }, fnCallback = null, bProgress = true, jPaging = {}; var init = function() { $chatList.find(".chatGroup").last().find('div.time').text(formatAMPM(new Date())); // $dev_sejung_depth_1.hide(); // $dev_sejung_depth_2.hide(); }; var initializeSlick = function(){ var $newSlickElements = $('.quickCon5 .searchSlide'); // 슬라이드 초기화 에러 방지 const sliders = document.querySelectorAll('.slick-initialized'); sliders.forEach(item => { if($(item).attr('class').includes('searchSlide')){ $(item).slick('unslick'); } }); $newSlickElements.each(function(index, element){ // 기존의 num Class 제거 $(element).removeClass(function(index, className) { return (className.match(/\bnum\S+/g) || []).join(' '); }); // 새로운 num Class 추가 var newSearchSlide = $(element).addClass('num'+index); var newPrevArrow = newSearchSlide.next('.searchSlideControl').find('.prev'); var newNextArrow = newSearchSlide.next('.searchSlideControl').find('.next'); // console.log(newSearchSlide); newSearchSlide.slick({ dots: false, infinite: false, speed: 300, slidesToShow: 1.5, slidesToScroll: 1, prevArrow: newPrevArrow, nextArrow: newNextArrow, responsive: [ { breakpoint: 1480, settings: { slidesToShow: 2, }, }, ], }); }); }; var sendChat = function () { var content = $focusFirts.val(); if (content === undefined || content === '') { alert('질문을 입력해주세요.'); return; } $chatList.find(".chatGroup").first().before('<div class="chatGroup user"><div class="chatBubble">' + content + '</div><div class="time">' + formatAMPM(new Date()) + '</div></div>'); $focusFirts.val(''); // $('.chatList.scrollCustom').scrollTop($('.chatList.scrollCustom')[0].scrollHeight); strUrl = '/chatBot/analyzeChat'; jParam = { content: content }; fnCallback = function(RLST_DATA) { // console.log(RLST_DATA);이 // var totalSearchUI = ''; // totalSearchUI += '' // } //console.log(RLST_DATA.responseChat.content); $chatList.find(".chatGroup").first().before('<div class="chatGroup bot"><div class="profile"><a class="dev-showMenu" href="javascript:void(0)"><img src="/assets/image/common/juksun_img.png" alt=""></a>대돌이 </div><div class="chatBubble">' + RLST_DATA.responseChat.content + '</div><div class="time">' + formatAMPM(new Date()) + '</div></div>'); $chatList.scrollTop($chatList[0].scrollHeight); initializeSlick(); // keyDownMove(); if (RLST_DATA.responseChat.content === '죄송합니다. 제가 아직 답변할 수 없는 내용이에요.<br/>의견을 남겨주시면 더 공부하고 오겠습니다.<br/>') { $chatList.find(".chatGroup > div.time").first().before('<button class="feedbackBtn dev-opn">의견남기기</button>'); // common.js 적용 이후 생성된 버튼에 이벤트 바인드 $(".dev-opn").focus(); $(".dev-opn").on("click", function () { $(".feedbackPopup").addClass("active"); }); $(".dev-opn").on("keydown", function (event) { if (event.which === 9){ event.preventDefault(); $('#dev-searchInput5').focus(); } }); $("#dev-searchInput5~button").on("keydown", function (event) { if (event.which === 9){ event.preventDefault(); $('.quickCon5 .quickMenuClose').focus(); } }); } $chatList.find(".chatGroup").first().find(".chatBubble").after($chatList.find(".chatGroup").first().find(".chatBubble > .chatRst")); $chatList.find(".chatGroup").first().find(".chatRst > a").on('click', sendRequest); ComUtils.progress(false); // 마지막 콜백 함수 실행 완료 후 해제 }; ComUtils.cmmAjax(strUrl, jParam, fnCallback, bProgress, jPaging, null, 'post'); }; var sendRequest = function(event) { let request = event.target.textContent; $focusFirts.val(request); sendChat(); $('.autoComplete > a').remove(); } /* 검색 후 초점이동 TODO: 추후 로직 수정(버튼 링크 순서 고려) */ var keyDownMove = function(){ var $chatBubbleLink = $('.chatBubble > a:first'); var $chatBubbleButton = $('.chatBubble+button:first'); if($chatBubbleLink.length>0){ $chatBubbleLink.focus(); }else if($chatBubbleButton.length>0){ $chatBubbleButton.focus(); } $chatBubbleLink.on('keydown',function(event){ if (event.which === 9){ event.preventDefault(); $('#dev-searchInput5').focus(); } }); $('#dev-btnChatbotGoTop').on('keydown',function(event){ if (event.which === 9){ event.preventDefault(); $('#dev-searchInput5').focus(); } }); $("#dev-searchInput5~button").on("keydown", function (event) { if (event.which === 9){ event.preventDefault(); $('.quickCon5 .quickMenuClose').focus(); } }); }; var getRelatedList = function () { var content = $focusFirts.val(); $('.autoComplete > a').remove(); if (content) { $.ajax({ type: 'post', url: '/chatBot/related', data: JSON.stringify({content: content}), enctype: "application/x-www-form-urlencoded", contentType: "application/json; charset=utf-8", processData: false, async: false, success: function (json) { var RSLT_DATA = json['RSLT_DATA']; //console.log(RSLT_DATA); for (var i = 0; i < RSLT_DATA['relatedResponse'].length; i++) { const search_keyword = content.split(/\s+/); for (var j = 0; j < search_keyword.length; j++) { RSLT_DATA['relatedResponse'][i]['request'] = RSLT_DATA['relatedResponse'][i]['request'].replace(search_keyword[j], "<span>" + search_keyword[j] + "</span>") } $('.autoComplete').append('<a href="#">' + RSLT_DATA['relatedResponse'][i]['request'] + '</a>'); } $chatList.scrollTop($chatList[0].scrollHeight); $('.autoComplete > a').on('click', sendRequest); } }); } } var formatAMPM = function (date) { var hours = date.getHours(); var minutes = date.getMinutes(); var ampm = hours >= 12 ? '오후' : '오전'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' minutes = minutes < 10 ? '0'+minutes : minutes; var strTime = ampm + ' ' + hours + ':' + minutes; return strTime; } var sendUserReview = function () { var content = $('div.popupBox > textarea').val(); var starRating = $('div.popupBox > div.starRate > span.star.on').length; if (content === undefined || content === '') { alert('문의 내용을 입력해주세요.'); return; } else if (content.length > 500) { alert('문의 내용은 최대 500자까지 입력할 수 있습니다.'); return; } strUrl = '/userReview/register'; jParam = { content: content, starRating: starRating }; fnCallback = function(RLST_DATA) { //console.log(RLST_DATA); // var totalSearchUI = ''; // totalSearchUI += '' // } if (RLST_DATA.responseReview.status == 'success') { alert('소중한 의견을 남겨주셔서 감사합니다.'); $(".feedbackPopup").removeClass("active"); } else if (RLST_DATA.responseReview.status == 'error') { alert('문의 등록에 실패하였습니다. 잠시 후 다시 시도해주세요.') } ComUtils.progress(false); // 마지막 콜백 함수 실행 완료 후 해제 }; ComUtils.cmmAjax(strUrl, jParam, fnCallback, bProgress, jPaging, null, 'post'); } // init init(); return {}; })(); </script> </div>   <div class="flotingBanner"> <a href="/menu/goToContentsPage?contentsSid=35&domainId=DOM_0000001&menuCd=DOM_000000190002007000" class="adBanner"> <img src="/assets/image/common/dy_popup_20230410.png" alt="고향사랑 기부하기" /> </a> <a href="#" class="topBtn"> <img src="/assets/icon/top/top.svg" alt="최상단으로 이동" /> </a> </div>  <div class="wrapper"> <div class="sub-tit-area"> <section> <div class="container"> <div class="row"> <div class="col sm12"> <div class="breadcrumb-area"> <ul id="dev-breadcrumb" class="breadcrumb"> <li class="breadcrumbItem"> <a href="#!"></a> </li> </ul> </div> <div class="tit-area sns"> <h2 id="dev-pageTitle" class="tit-txt"></h2> <div class="sns-area"> <div class="sub-sns"> <a id="dev-btnNaver" href="javascript:void(0)" class="snsItem blog i-blog" target="_blank" title="새창열림"> <img src="/assets/icon/sub/blog_color.svg" alt="네이버블로그" /> </a> <a id="dev-btnFacebook" href="javascript:void(0)" class="snsItem facebook" title="새창열림"> <img src="/assets/icon/sub/facebook_color.svg" alt="페이스북" /> </a> <a id="dev-btnKaKao" href="javascript:void(0)" class="snsItem facebook" title="새창열림"> <img src="/assets/icon/sub/kakao_color.svg" alt="카카오톡" /> </a> <a id="dev-btnShare" href="javascript:void(0)" class="snsItem facebook"> <img src="/assets/icon/sub/share.svg" alt="공유" /> </a> <a href="javascript:window.print();" class="snsItem facebook"> <img src="/assets/icon/sub/print.svg" alt="인쇄" /> </a> <a href="javascript:void(0)" id="dev-bookmark" class="snsItem bookmark"> <img src="/assets/image/sub/bookmark.png" alt="즐겨찾기" /> </a> <input type="text" hidden="hidden" id="dev-contentTitle"> </div> </div> </div> </div> </div> </div> </section> </div> <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script> var breadcrumbProcess = (function() { /* 자주 호출되는 요소들(S) */ var $contentsArea = $('#dev-contentsArea'); var $breadCrumb = $('#dev-breadcrumb'); var $pageTitle = $('#dev-pageTitle'); var $contentTitle = $('#dev-contentTitle'); /* 자주 호출되는 요소들(E) */ var url = encodeURIComponent(document.URL); var title = encodeURIComponent(document.title); /* 이벤트 정의(S) */ $('#dev-btnNaver').on('click', function() { window.open('https://share.naver.com/web/shareView.nhn?url='+url+ '&title=' + title, 'naversharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); }); $('#dev-btnFacebook').on('click', function() { window.open('https://www.facebook.com/sharer/sharer.php?u=' +url+'&t='+title, 'facebooksharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); }); $('#dev-btnKaKao').on('click', function () { Kakao.Link.sendDefault({ objectType: 'feed', content: { title: title, imageUrl: '/assets/image/common/nav/gnb_logo.png', link: { mobileWebUrl: url, webUrl: url //mobileWebUrl: 'https://developers.kakao.com', //webUrl: 'https://developers.kakao.com' } }, buttons: [ { title: '웹으로 보기', link: { mobileWebUrl: url, webUrl: url } } ] }); }); $('#dev-btnShare').on('click', function() { const shareObject = { title: '담양군', text: 'https://www.damyang.go.kr/', url: window.location.href, }; if (navigator.share) { // Navigator를 지원하는 경우만 실행 navigator .share(shareObject) .then(() => { // 정상 동작할 경우 실행 alert('공유하기 성공') }) .catch((error) => { alert('에러가 발생했습니다.') }) } else { // navigator를 지원하지 않는 경우 alert('페이지 공유를 지원하지 않는 브라우저입니다.'); } }); $('#dev-bookmark').on('click', function() { if(!confirm('해당 메뉴를 "나의 즐겨찾기"에 추가하시겠습니까?')) return; var bookmarkList = JSON.parse(localStorage.getItem("bookmarkList") || "[]"); if (bookmarkList.length > 3) { alert("4개 이상 추가할 수 없습니다"); return false; } var bookmark = { url: window.location.pathname + window.location.search, contentTitle: $contentTitle.text() } for (var i=0; i<bookmarkList.length; i++) { if (bookmarkList[i].url === bookmark.url) { alert("이미 등록된 즐겨찾기입니다."); return false; } } bookmarkList.push(bookmark) localStorage.setItem("bookmarkList", JSON.stringify(bookmarkList)); alert('"나의 즐겨찾기"에 추가되었습니다.'); location.reload(); }); /* 이벤트 정의(E) */ var domainId = 'DOM_0000001'; var contentsSid = '35'; var setTitle = function(contentsTitle) { // 현재 경로 var pathname = window.location.pathname; // 경로에 따라 제목 수정 if (pathname.includes("write")) { contentsTitle += " > 글쓰기"; } else if (pathname.includes("update")) { contentsTitle += " > 글수정"; } else if (pathname.includes("detail")) { contentsTitle += " > 상세"; } // 제목 설정 document.title = contentsTitle; }; var setContentsData = function(contentsData) { ComUtils.progress(true); $contentsArea.after(contentsData['CONTENTS_CONTENT']); $contentsArea.remove(); var contentsTitle = contentsData['CONTENTS_TITLE']; /* 즐겨찾기용 hidden input value(S) */ $contentTitle.append(contentsTitle); /* 즐겨찾기용 hidden input value(S) */ setTitle(contentsTitle); var breadCrumbArr = contentsTitle.split('>'); contentsTitle = breadCrumbArr.pop(); $pageTitle.text(contentsTitle); var $frag = $(document.createDocumentFragment()); $frag.append('<li class="breadcrumbItem"><a href="/index.damyang">홈</a> </li>'); for(var item of breadCrumbArr) { var breadCrumbItemStr = '<li class="breadcrumbItem"><a href="javascript:void(0)">' + item + '</a> </li>' $frag.append(breadCrumbItemStr); } $breadCrumb.empty(); $breadCrumb.append($frag); //qr 이미지 alt 변경 $('#dev-qrImg > img').attr("alt",contentsTitle+" QR코드"); setTimeout(function() { ComUtils.progress(false); }, 300); } // 최근 접속 메뉴 저장 var storeRecentMenu = function(contentsTitle) { var recentMenuList = JSON.parse(localStorage.getItem("recentMenuList") || "[]"); var recentMenu = { contentTitle: contentsTitle, url: window.location.pathname + window.location.search, storeDate: new Date().toLocaleDateString() } // 중복 검사 for (var i=0; i<recentMenuList.length; i++) { if (recentMenuList[i].url === recentMenu.url) { localStorage.setItem('recentMenuList', JSON.stringify(recentMenuList.splice(i, 1))); } } // 5개초과 검사 if (recentMenuList.length > 4) { recentMenuList.splice(0, 1); } recentMenuList.push(recentMenu) localStorage.setItem('recentMenuList', JSON.stringify(recentMenuList)); } var getContentsData = function() { var strUrl = '/menu/getMenuContents', jParam = { domainId: domainId, menuContentsSid: contentsSid, }, bProgress = false, jPaging = {}; var fnCallback = function(RLST_DATA, RSLT_CD, RSLT_MSG, REQ_DATA) { //console.log(RLST_DATA); //console.log(RSLT_CD); //console.log(RSLT_MSG); //console.log(REQ_DATA); if(RSLT_CD === ComUtils.comResultCodeSucc) { var contentsData = RLST_DATA['menuContents']; if(contentsData != undefined) { setContentsData(contentsData); storeRecentMenu(contentsData['CONTENTS_TITLE']); } } } ComUtils.cmmAjax(strUrl, jParam, fnCallback, bProgress, jPaging, null, 'get'); } // init getContentsData(); // // 사용할 앱의 JavaScript 키를 설정해 주세요. Kakao.init('cf19327d5b744d11f5826a1e9b5ce794'); // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다. return { getContentsData: getContentsData, }; })(); </script> <section class="con-wrap" id="content"> <div class="container">  <div class="sub-contents"> <div class="row"> <div class="col sm12"> <div class="tab-area"> <ul id="dev-tabArea" class="tab full fit" style="display: none"></ul> <div class="tabCon"> <div id="dev-contentsArea"></div> </div> </div> </div> </div> <div class="row"> <div class="col sm12"> <div class="sub-FooterCommon"> <div class="topItem"> <img src="/assets/image/sub/img_opentype04.png" alt="공공누리 공공저작물 자유이용허락" /> <p> 본 저작물은 “공공누리” <span >공공누리 제4유형 마크:출처표시+상업적이용금지+변경금지</span > 조건에 따라 이용할 수 있습니다. </p> </div> <div class="bodyItem row"> <div class="col t8 st12 sm12"> <div class="leftItem"> <div class="info-area"> <div class="tit-area"> <img src="/assets/icon/sub/footer_commonUser.svg" alt="" /> <p>담당부서</p> </div> <div class="part-area"> <p id="dev-pcode">행정과</p> </div> </div> <div class="rdo-area"> <div class="titItem"> <p>이 페이지에서 제공하는 정보에 만족하십니까?</p> <a href="#!" class="opn" role="button" aria-level="의견남기기" aria-expanded="false" aria-controls="opnBtn" onclick="opnBtn()">의견남기기 </a> <div class="inputField opn-input" id="opnBtn" aria-hidden="true"> <input type="text" placeholder="의견을 남겨주세요." title="의견을 남겨주세요." /> </div> </div> <div class="rdoItem"> <div id="dev-menuGradeRadio" class="radio-area"> <label class="radioBtn"> <input type="radio" class="radioItem" name="radio" value="5" title="매우만족" /> <span>매우만족</span> </label> <label class="radioBtn"> <input type="radio" class="radioItem" name="radio" value="4" title="만족" /> <span>만족</span> </label> <label class="radioBtn"> <input type="radio" class="radioItem" name="radio" value="3" title="보통" /> <span>보통</span> </label> <label class="radioBtn"> <input type="radio" class="radioItem" name="radio" value="2" title="불만족" /> <span>불만족</span> </label> <label class="radioBtn"> <input type="radio" class="radioItem" name="radio" value="1" title="매우불만족" /> <span>매우불만족</span> </label> </div> <a href="#!" id="dev-sbm" role="button" class="sbm">제출하기</a> <a href="#!" id="dev-rslViewBtn" role="button" aria-label="결과보기" title="새창으로열기" class="rslView">결과보기</a>  <div class="modal rslView-modal show" aria-hidden="true"> <div class="modalCon"> <div class="modalTop"> <img src="/assets/image/sub/rslView_modal_img01.png" alt=""> <h1 class="tit">만족도조사 결과</h1> </div> <div class="modalBody"> <div class="rslViewchartBox"> <ul> <li>매우만족</li> <li id="dev-rsl5">0명 (0%)</li> <li class="rslChart"> <div id="dev-bar5" class="bar"></div> </li> </ul> <ul> <li>만족</li> <li id="dev-rsl4">0명 (0%)</li> <li class="rslChart"> <div id="dev-bar4" class="bar"></div> </li> </ul> <ul> <li>보통</li> <li id="dev-rsl3">0명 (0%)</li> <li class="rslChart"> <div id="dev-bar3" class="bar"></div> </li> </ul> <ul> <li>불만족</li> <li id="dev-rsl2">0명 (0%)</li> <li class="rslChart"> <div id="dev-bar2" class="bar"></div> </li> </ul> <ul> <li>매우불만족</li> <li id="dev-rsl1">0명 (0%)</li> <li class="rslChart"> <div id="dev-bar1" class="bar"></div> </li> </ul> </div> <div class="opn-area"> <div class="topItem"> <img src="/assets/image/sub/rslView_modal_img02.png" alt="의견"> <h2 class="tit">의견</h2> </div> <ul id="dev-memoArea" class="opnBox"> </ul> </div> </div> <div class="modalFooter"> <button class="btn grayBtn closeBtn">닫기</button> </div> </div> <div class="modalBg"></div> </div> </div> </div> </div> </div> <div class="col t4 st12 sm12"> <div class="rightItem"> <div id="dev-qrImg" class="qrImg"></div> <p class="qrTxt"> QR CODE 이미지를<br /> 스마트폰에 인식시키면<br /> 자동으로 이 페이지로 연결됩니다. </p> </div> </div> </div> </div> </div> </div> <script src="../../../../../../js/commonQr.js"></script> <script> var domainId = "DOM_0000001"; var boardId = ""; var contentsSid = "35"; var menuCd = ""; var dataSid = ''; /* 탭 컨텐츠 담당자 바꾸는 로직 */ $(document).on("click", '[class*="tabBtn"]', function () { if(domainId ==='DOM_0000001' && boardId === '') { // 대표홈페이지 컨텐츠만 해당 var $this = $(this); if(contentsSid==='113'){ var title = $this.find("a").text(); if(title==='기본현황'){ $('#dev-pcode').text('참여소통실'); }else{ $('#dev-pcode').text('-'); } }else { contentsSid = $this.find("a").attr("data-sid"); getOfficeNm(); } } }); /* 담당자 가져오는 로직 */ var getOfficeNm = function(){ if(contentsSid !== undefined&&contentsSid!=='') { var strUrl = '/menu/getOfficeNm'; var jParam = {contentsSid: contentsSid}; var fnCallback = function (RLST_DATA, RSLT_CD, RSLT_MSG, REQ_DATA) { if (RSLT_CD === ComUtils.comResultCodeSucc) { $('#dev-pcode').text(RLST_DATA['officeNm'] || '-'); } } ComUtils.cmmAjax(strUrl, jParam, fnCallback, false, null, null, 'get'); } }; $("#dev-rslViewBtn").on("click", function openResearchResult() { var setListData = function (listData) { var listDataLen = listData.length; if(listDataLen > 0) { for(var i = 0; i < listDataLen; i++) { var menuGrade = listData[i]['menuGrade']; var menuGradeCount = listData[i]['menuGradeCount']; var menuGradeTotalCount = listData[i]['userCount']; var menuGradePercent = ((menuGradeCount / menuGradeTotalCount) * 100).toFixed(0); $('#dev-rsl' + menuGrade).text(menuGradeCount + '명 (' + menuGradePercent + '%)'); $('#dev-bar' + menuGrade).css('width', menuGradePercent + '%'); } } } var setListMemo = function (listMemo) { var listMemoLen = listMemo.length; if(listMemoLen > 0) { for(var i = 0; i < listMemoLen; i++) { var menuMemo = listMemo[i]['menuMemo']; var userName = listMemo[i]['userName']; var regDate = listMemo[i]['regDate']; if(menuMemo.trim()!=''){ var $frag = '<li class="opnBoxItem"><div class="name"><p>'+userName+'</p></div>'; $frag += '<div class="opnCon"><p class="conTxt">'+menuMemo+'</p>'; $frag += '<div class="date"><p class="dateTxt">'+regDate['year']+'-'+regDate['monthValue']+'</p>' + '<p class="timeTxt">'+regDate['hour']+':'+regDate['minute']+':'+regDate['second']+'</p></div></div></li>'; $('#dev-memoArea').append($frag); } } } } var getMenuGradeList = function() { var menuCd = ''; var strUrl = '/board/getMenuGrade'; var jParam = { menuCd: menuCd }; var fnCallback = function(RLST_DATA, RSLT_CD, RSLT_MSG, REQ_DATA) { if(RSLT_CD === ComUtils.comResultCodeSucc) { var listData = RLST_DATA['menuGradeList']; var listMemo = RLST_DATA['menuMemoList']; if(listData != undefined) { setListData(listData); } if(listMemo != undefined){ setListMemo(listMemo); } } } ComUtils.cmmAjax(strUrl, jParam, fnCallback, false, null, null, "get"); } // init getMenuGradeList(); return { getMenuGradeList: getMenuGradeList, }; }); $("#dev-sbm").on("click", function () { var menuGradeCount = $("input[name='radio']:checked").val(); var menuGradeMemo = $("#opnBtn input").val(); var menuCd = ''; var strUrl = '/board/insertMenuGrade'; var jParam = { menuCd: menuCd, menuGradeCount: menuGradeCount, menuGradeMemo: menuGradeMemo }; if (!menuGradeCount) { alert("만족도 평가에 체크해주세요."); return false; } if (!confirm("만족도 평가를 완료하시겠습니까?")) { return false; } ComUtils.cmmAjax(strUrl, jParam, null, false, null, null, "post"); alert("만족도 평가가 완료되었습니다."); }); $("#dev-qrImg").html(getQrCode(domainId, boardId, contentsSid, menuCd, dataSid)); // init getOfficeNm(); </script> </div>  </div> </section> </div>  <footer> <div class="siteLinkWrap"> <div class="siteLinkBox"> <div class="siteLinkControl"> <h5>배너모음</h5> <button class="prev"> <img src="/assets/icon/main/sns_slide_prev.svg" alt="이전 버튼"> </button> <button class="next"> <img src="/assets/icon/main/sns_slide_next.svg" alt="다음 버튼"> </button> <button class="stop"> <img src="/assets/icon/main/sns_slide_stop.svg" alt="일시정지 버튼"> </button> <button class="play"> <img src="/assets/icon/main/sns_slide_play.svg" alt="재생 버튼"> </button> </div> <ul class="siteLink"> <li> <a href="https://map.jeonnam.go.kr/" target="_blank"><img src="/assets/image/banner/166193506905730.gif" alt="전라남도 공간정보참여마당" /></a> </li> <li> <a href="https://www.mois.go.kr/frt/sub/popup/p_taegugki_banner/screen.do" target="_blank"><img src="/assets/image/banner/158260645287676.gif" alt="국가상징 알아보기" /></a> </li> <li> <a href="https://www.sinmungo.go.kr/" target="_blank"><img src="/assets/image/banner/157612432097071.gif" alt="규제개혁 신문고" /></a> </li> <li> <a href="http://www.mois.go.kr/localselfgov/" target="_blank"><img src="/assets/image/banner/151269776891461.jpg" alt="자치분권 로드맵" /></a> </li> <li> <a href="http://1398.acrc.go.kr/case/ISGAcase" target="_blank"><img src="/assets/image/banner/150596796527063.jpg" alt="청탁금지법 통합검색" /></a> </li> <li> <a href="http://helpcall.mnd.mil.kr" target="_blank"><img src="/assets/image/banner/150224349013260.jpg" alt="국방헬프콜1303" /></a> </li> <li> <a href="http://www.ehaneul.go.kr" target="_blank"><img src="/assets/image/banner/149637026438570.jpg" alt="e하늘 장사정보시스템" /></a> </li> <li> <a href="http://www.juso.go.kr" target="_blank"><img src="/assets/image/banner/148842031765351.jpg" alt="도로명주소" /></a> </li> <li> <a href="https://www.laiis.go.kr" target="_blank"><img src="/assets/image/banner/153136004171604.jpg" alt="중앙부처 법령 유권 해석" /></a> </li> <li> <a href="https://1398.acrc.go.kr/hpg/cmm/min/hpgMain.do" target="_blank"><img src="/assets/image/banner/143589040886562.jpg" alt="공직비리 익명신고" /></a> </li> <li> <a href="http://www.g-pin.go.kr" target="_blank"><img src="/assets/image/banner/143087885185692.gif" alt="공공 I-PIN 재인증" /></a> </li> <li> <a href="https://www.safetyreport.go.kr/#main" target="_blank"><img src="/assets/image/banner/142165278955819.jpg" alt="안전신문고" /></a> </li> <li> <a href="http://www.wetax.go.kr/" target="_blank"><img src="/assets/image/banner/142044925498269.jpg" alt="위택스" /></a> </li> <li> <a href="http://www.jnpolice.go.kr/?pid=DYP040101" target="_self"><img src="/assets/image/banner/159013446115207.jpg" alt="담양경찰서" /></a> </li> <li> <a href="https://baro.lx.or.kr/main.do" target="_self"><img src="/assets/image/banner/158468930763852.jpg" alt="지적측량바로처리센터" /></a> </li> <li> <a href="https://cleanbudongsan.go.kr/" target="_self"><img src="/assets/image/banner/158285091860074.png" alt="부동산거래질서교란행위 신고센터" /></a> </li> <li> <a href="http://www.jeonnam.go.kr/M6801/boardList.do?menuId=jeonnam0101070100" target="_blank"><img src="/assets/image/banner/145863577301489.jpg" alt="사전 컨설팅 감사" /></a> </li> <li> <a href="http://www.law.go.kr" target="_blank"><img src="/assets/image/banner/144902416082773.jpg" alt="법령-조례 원클릭서비스" /></a> </li> <li> <a href="http://www.iapc.or.kr" target="_blank"><img src="/assets/image/banner/143833227099961.gif" alt="스마트쉼센터" /></a> </li> <li> <a href="http://www.jares.go.kr/" target="_blank"><img src="/assets/image/banner/146777133872544.jpg" alt="전라남도농업기술원" /></a> </li> <li> <a href="http://www.fbo.or.kr/index.do" target="_blank"><img src="/assets/image/banner/139176201635236.gif" alt="농지은행" /></a> </li> <li> <a href="http://www.dyhanmaum.com" target="_blank"><img src="/assets/image/banner/139148972233987.png" alt="담양 한마음연수원" /></a> </li> <li> <a href="http://www.jecec.kr" target="_blank"><img src="/assets/image/banner/146777092249402.jpg" alt="전라남도 비정규직노동센터" /></a> </li> <li> <a href="http://www.airkorea.or.kr/" target="_blank"><img src="/assets/image/banner/138016937033296.jpg" alt="대기오염정보" /></a> </li> <li> <a href="http://www.re.or.kr/" target="_blank"><img src="/assets/image/banner/138016926594954.jpg" alt="순환자원거래소" /></a> </li> <li> <a href="http://www.1365.go.kr/" target="_blank"><img src="/assets/image/banner/138016923773948.jpg" alt="1365자원봉사" /></a> </li> <li> <a href="http://www.lx.or.kr/" target="_blank"><img src="/assets/image/banner/143399829292812.jpg" alt="한국국토정보공사" /></a> </li> <li> <a href="http://www.nps.or.kr/" target="_blank"><img src="/assets/image/banner/138016900785994.gif" alt="국민연금공단" /></a> </li> <li> <a href="http://www.humanrights.go.kr/" target="_blank"><img src="/assets/image/banner/154276631168163.jpg" alt="국가인권위원회" /></a> </li> <li> <a href="http://www.passport.go.kr/" target="_blank"><img src="/assets/image/banner/154276642473701.jpg" alt="외교부 여권과" /></a> </li> <li> <a href="http://www.110.go.kr/" target="_blank"><img src="/assets/image/banner/138016856555559.jpg" alt="정부민원안내콜센터" /></a> </li> <li> <a href="http://www.epost.go.kr/" target="_blank"><img src="/assets/image/banner/138016851452780.jpg" alt="인터넷우체국" /></a> </li> <li> <a href="http://www.sacamp.co.kr/" target="_blank"><img src="/assets/image/banner/138016848243279.gif" alt="담양청소년수련관" /></a> </li> <li> <a href="http://www.jntv.go.kr/kr/board/picture_list.php?category=6&bid=ecology&menuid=7&page=1" target="_blank"><img src="/assets/image/banner/138016840305558.gif" alt="전라남도 생태환경 디지털 사진공모전" /></a> </li> <li> <a href="http://www.bokjiro.go.kr/apl/aplMain.do" target="_blank"><img src="/assets/image/banner/138016832764815.jpg" alt="보육료, 양육수당, 유아학비 온라인신청" /></a> </li> <li> <a href="http://www.airport.co.kr/" target="_blank"><img src="/assets/image/banner/138016827557657.jpg" alt="한국공항공사 무안국제공항" /></a> </li> <li> <a href="https://www.share.go.kr/main_2018.jsp" target="_blank"><img src="/assets/image/banner/138016688840371.jpg" alt="행정정보공동이용" /></a> </li> <li> <a href="http://www.moel.go.kr/" target="_blank"><img src="/assets/image/banner/138016650112179.gif" alt="고용노동부" /></a> </li> <li> <a href="http://www.minwon.go.kr/main?a=AA020InfoMainApp" target="_blank"><img src="/assets/image/banner/138016625197673.gif" alt="민원24" /></a> </li> <li> <a href="http://www.mfds.go.kr/index.do?mid=752" target="_blank"><img src="/assets/image/banner/138016620350877.gif" alt="식품의약품안전청 식품긴급회수" /></a> </li> <li> <a href="http://www.childcare.go.kr/" target="_blank"><img src="/assets/image/banner/138016563765691.gif" alt="아이사랑 보육포털" /></a> </li> <li> <a href="http://www.kostat.go.kr/hnro/" target="_blank"><img src="/assets/image/banner/146094529208182.jpg" alt="호남지방통계청" /></a> </li> <li> <a href="http://www.tago.go.kr/" target="_blank"><img src="/assets/image/banner/138016532561606.gif" alt="전국대중교통정보" /></a> </li> <li> <a href="http://nonpoint.me.go.kr/" target="_blank"><img src="/assets/image/banner/138016513333976.gif" alt="빗물오염 바로알고 제대로 실천합시다" /></a> </li> <li> <a href="http://www.safekorea.go.kr/" target="_blank"><img src="/assets/image/banner/138016507563006.gif" alt="국가재난정보센터" /></a> </li> <li> <a href="http://g.nts.go.kr/bgj" target="_blank"><img src="/assets/image/banner/138016479974705.gif" alt="북광주세무서" /></a> </li> <li> <a href="http://www.moleg.go.kr/" target="_blank"><img src="/assets/image/banner/138016476128177.gif" alt="법제처" /></a> </li> <li> <a href="http://www.laiis.go.kr/" target="_blank"><img src="/assets/image/banner/142744544278201.gif" alt="내고장알리미" /></a> </li> <li> <a href="http://www.mma.go.kr/index.do" target="_blank"><img src="/assets/image/banner/138016420073878.gif" alt="병무청" /></a> </li> <li> <a href="http://www.nis.go.kr/" target="_blank"><img src="/assets/image/banner/138016394619616.gif" alt="국가정보원" /></a> </li> <li> <a href="http://www.elis.go.kr/" target="_blank"><img src="/assets/image/banner/138016391238249.gif" alt="자치법규정보시스템(ELIS)" /></a> </li> <li> <a href="http://www.klac.or.kr/" target="_blank"><img src="/assets/image/banner/138016374474857.gif" alt="대한법률구조공단" /></a> </li> <li> <a href="http://www.knto.or.kr/" target="_blank"><img src="/assets/image/banner/138016371250474.gif" alt="한국관광공사" /></a> </li> <li> <a href="http://www.jeonnam.go.kr/" target="_blank"><img src="/assets/image/banner/146770911474501.jpg" alt="전라남도청" /></a> </li> <li> <a href="http://www.open.go.kr/" target="_blank"><img src="/assets/image/banner/138016363165919.gif" alt="정보공개" /></a> </li> <li> <a href="http://www.kesco.or.kr/" target="_blank"><img src="/assets/image/banner/138016336790011.gif" alt="한국전기안전공사" /></a> </li> <li> <a href="http://www.moel.go.kr/local/gwangju/index.do" target="_blank"><img src="/assets/image/banner/138016332693863.gif" alt="광주지방노동청" /></a> </li> <li> <a href="http://nip.cdc.go.kr/" target="_blank"><img src="/assets/image/banner/138016327349558.gif" alt="예방접종도우미" /></a> </li> <li> <a href="http://www.kemco.or.kr/" target="_blank"><img src="/assets/image/banner/138016315547720.gif" alt="에너지관리공단" /></a> </li> <li> <a href="http://www.knps.or.kr/" target="_blank"><img src="/assets/image/banner/138016298887580.gif" alt="국립공원" /></a> </li> <li> <a href="http://www.ekr.or.kr/Kkrpub/index.krc" target="_blank"><img src="/assets/image/banner/138016256555166.gif" alt="한국농어촌공사" /></a> </li> <li> <a href="http://www.jeonnam1366.or.kr/kr/" target="_blank"><img src="/assets/image/banner/146485484907500.jpg" alt="1366 여성긴급전화 전남센터" /></a> </li> <li> <a href="http://www.kcomwel.or.kr/" target="_blank"><img src="/assets/image/banner/138016243487082.gif" alt="근로복지공단" /></a> </li> <li> <a href="http://gwangju.kma.go.kr/" target="_blank"><img src="/assets/image/banner/138016234036727.gif" alt="광주지방기상청" /></a> </li> <li> <a href="http://kostat.go.kr" target="_blank"><img src="/assets/image/banner/138016219190625.gif" alt="통계청" /></a> </li> <li> <a href="https://www.easylaw.go.kr/CSP/Main.laf" target="_blank"><img src="/assets/image/banner/138016210199227.gif" alt="생활법령정보" /></a> </li> <li> <a href="https://www.budongsan24.kr/" target="_blank"><img src="/assets/image/banner/20240612banner.png" alt="부동산불법행위통합신고센터" /></a> </li> <li> <a href="https://www.osmb.go.kr/main" target="_blank"><img src="/assets/image/banner/20240704banner.png" alt="중소기업옴부즈만" /></a> </li> </ul> </div> </div> <div class="footerWrap"> <div class="footerInfo"> <img src="/assets/image/main/footerLogo.png" alt="담양군" /> <div class="infoBox"> <div class="footerLink">   <div class="dropdown-area"> <div class="dropdown"> <a href="#!" class="dropdownBtn"> 읍면 홈페이지 </a> <div class="dropdownCon"> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=494&domainId=DOM_0000007&menuCd=DOM_000000701001000000" target="_blank">담양읍</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=508&domainId=DOM_0000007&menuCd=DOM_000000702001000000" target="_blank">봉산면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=522&domainId=DOM_0000007&menuCd=DOM_000000703001000000" target="_blank">고서면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=536&domainId=DOM_0000007&menuCd=DOM_000000704001000000" target="_blank">가사문학면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=550&domainId=DOM_0000007&menuCd=DOM_000000705001000000" target="_blank">창평면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=565&domainId=DOM_0000007&menuCd=DOM_000000706001000000" target="_blank">대덕면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=579&domainId=DOM_0000007&menuCd=DOM_000000707001000000" target="_blank">무정면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=593&domainId=DOM_0000007&menuCd=DOM_000000708001000000" target="_blank">금성면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=607&domainId=DOM_0000007&menuCd=DOM_000000709001000000" target="_blank">용면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=621&domainId=DOM_0000007&menuCd=DOM_000000710001000000" target="_blank">월산면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=635&domainId=DOM_0000007&menuCd=DOM_000000711001000000" target="_blank">수북면</a> <a href="https://www.damyang.go.kr/menu/goToContentsPage?contentsSid=650&domainId=DOM_0000007&menuCd=DOM_000000712001000000" target="_blank">대전면</a> </div> </div> </div> <div class="dropdown-area"> <div class="dropdown"> <a href="#!" class="dropdownBtn"> 관련사이트 </a> <div class="dropdownCon"> <a href="http://dycouncil.go.kr" target="_blank">담양군의회</a> <a href="https://www.damyang.go.kr/tour/index.damyang" target="_blank">문화관광</a> <a href="https://www.damyang.go.kr/stat/index.damyang" target="_blank">통계사이트</a> <a href="https://www.juknokwon.go.kr/index.juknok" target="_blank">담양죽녹원</a> <a href="http://www.bamboofestival.co.kr/index.do" target="_blank">대나무축제</a> <a href="https://www.damyang.go.kr/museum/index.damyang" target="_blank">한국대나무박물관</a> <a href="http://www.gasa.go.kr/" target="_blank">한국가사문학</a> <a href="https://www.1365.go.kr/vols/main.do" target="_blank">담양군 자원봉사센터</a> <a href="http://dy.gnch.or.kr/" target="_blank">담양군 공무원노동조합</a> <a href="https://www.damyang.go.kr/gihoo/index.damyang" target="_blank">담양에코센터</a> <a href="https://www2.damyang.go.kr:443/safe/" target="_blank">재난안전대책본부</a> <a href="http://dycf.or.kr/" target="_blank">담양군 문화재단</a> <a href="http://www.dy-welfare.or.kr" target="_blank">담양군 복지재단</a> <a href="http://damyangbamboo.org" target="_blank">세계중요농업유산</a> </div> </div> </div> <div class="dropdown-area"> <div class="dropdown"> <a href="#!" class="dropdownBtn"> 유관기관 </a> <div class="dropdownCon"> <a href="http://www.jnpolice.go.kr/?pid=DYP040101" target="_blank">담양경찰서</a> </div> </div> </div> </div> <nav class="footerNav dev-btnGoPageArea"> <a href="/terms/terms1?domainId=DOM_0000001" title="새창열림">저작권보호정책</a> <a href="/terms/terms2?domainId=DOM_0000001" style="color: var(--Primary-darken);" title="새창열림">개인정보처리방침</a> <a href="/terms/terms3?domainId=DOM_0000001" title="새창열림">이메일무단수집거부</a> </nav> <p class="localInfo"> (57339)전라남도 담양군 담양읍 추성로 1371 / 대표전화 061-380-3114<br /> Copyright by Damyang-Gun. All Right Reserved. </p> </div> </div> <div class="wmark"> <a title="새창" href="http://www.wa.or.kr/board/list.asp?BoardID=0006" target="_blank"> <img class="wa" alt="(사)한국장애인단체총연합회 한국웹접근성인증평가원 웹 접근성 우수사이트 인증마크(WA인증마크).png" src="/assets/image/main/webMark2023.png" alt="(사)한국장애인단체총연합회 한국웹접근성인증평가원 웹 접근성 우수사이트 인증마크(WA인증마크)" width="200px" height="140px" /> </a> </div> </div> </footer>  <script src="/js/ui.js"></script> <script src="/js/common.js"></script> <script src="/js/content.js"></script> <script src="/js/lib/slick.min.js"></script> <script> var process = (function() { /* 자주 호출되는 요소들(S) */ var $tabArea = $('#dev-tabArea'); var $contentsArea = $('#dev-contentsArea'); /* 자주 호출되는 요소들(E) */ var domainId = 'DOM_0000001'; var contentsSid = '35'; var boardId = ''; var setTabTitle = function(){ var $mainTitle = $('li.breadcrumbItem>a').text().substring(1)+'>'+$('#dev-pageTitle').text(); document.title = $mainTitle; }; var setTabListData = function (listData) { ComUtils.progress(true); var listDataLen = listData.length; if (listDataLen > 0) { var $frag = $(document.createDocumentFragment()); var $frag2 = $(document.createDocumentFragment()); for (var i = 0; i < listDataLen; i++) { var listItem = listData[i]; var listTag = ''; var menuContentsSid = listItem['CONTENTS_SID'] var contentsType = listItem['CONTENTS_TYPE'] var menuNm = listItem['MENU_NM']; if(i === 0) { listTag += '<li class="tabBtn active full">'; if(contentsType === 'link') { listTag += '<a href="' + listItem['CONTENTS_LINK_URL'] +'" target="_blank" data-sid="' + listItem['CONTENTS_SID'] + '" title="'+menuNm+' 선택됨">' + menuNm + '<img src="/assets/icon/sub/open_in_new.svg" alt="페이지 링크"></a></li>'; } else if(contentsType === 'page_link') { listTag += '<a href="' + listItem['CONTENTS_LINK_URL'] +'" target="_self" data-sid="' + listItem['CONTENTS_SID'] + '" title="'+menuNm+' 선택됨">' + menuNm + '</a></li>'; } /*else if(contentsType === 'board') { listTag += '<a href="javascript:void(0);" data-board-id="' + listItem['CONTENTS_BOARDID'] + '" data-sid="' + listItem['CONTENTS_SID'] + '">' + menuNm + '</a></li>'; }*/ else { listTag += '<a href="javascript:void(0);" data-sid="' + listItem['CONTENTS_SID'] +'" title="'+menuNm+' 선택됨">' + menuNm + '</a></li>'; } } else { listTag += '<li class="tabBtn full">'; if(contentsType === 'link') { listTag += '<a href="' + listItem['CONTENTS_LINK_URL'] +'" target="_blank" data-sid="' + listItem['CONTENTS_SID'] + '">' + menuNm + '<img src="/assets/icon/sub/open_in_new.svg" alt="페이지 링크"></a></li>'; } else if(contentsType === 'page_link') { listTag += '<a href="' + listItem['CONTENTS_LINK_URL'] +'" target="_self" data-sid="' + listItem['CONTENTS_SID'] + '">' + menuNm + '</a></li>'; } /*else if(contentsType === 'board') { listTag += '<a href="javascript:void(0);" data-board-id="' + listItem['CONTENTS_BOARDID'] + '" data-sid="' + listItem['CONTENTS_SID'] + '">' + menuNm + '</a></li>'; }*/ else { listTag += '<a href="javascript:void(0);" data-sid="' + listItem['CONTENTS_SID'] +'">' + menuNm + '</a></li>'; } } $frag.append(listTag); $frag2.append(listItem['CONTENTS_CONTENT']); } $tabArea.empty(); $tabArea.append($frag); $contentsArea.after($frag2); $contentsArea.remove(); $tabArea.css('display', ''); } var activeSid = ''; if(activeSid != undefined && activeSid != null) { $('[data-sid="' + activeSid + '"]').trigger('click'); } else { var activeTab = ComUtils.getSessionStorage('activeTab'); if(activeTab != undefined && activeTab != null) { var activeTabInfoObj = $.parseJSON(activeTab); if(activeTabInfoObj['activeSid']) { $('[data-sid="' + activeTabInfoObj['activeSid'] + '"]').trigger('click'); ComUtils.removeSessionStorage('activeTab'); } } } setTabTitle(); setTimeout(function () { ComUtils.progress(false); }, 300); } var setContentsData = function(contentsData) { ComUtils.progress(true); $contentsArea.after(contentsData['CONTENTS_CONTENT']); $contentsArea.remove(); var tabTit = $(".tab .tabBtn.active a").html(); $(".tab .tabBtn.active a").attr("title", tabTit + " 선택됨"); setTimeout(function() { ComUtils.progress(false); }, 300); }; var getSubContentsData = function() { var strUrl = '/menu/getMenuContents', jParam = { domainId: domainId, menuContentsSid: contentsSid, }, bProgress = true, jPaging = {}; var fnCallback = function(RLST_DATA, RSLT_CD, RSLT_MSG, REQ_DATA) { if(RSLT_CD === ComUtils.comResultCodeSucc) { var contentsData = RLST_DATA['menuContents']; var tabList = RLST_DATA['tabList']; if(tabList != undefined) { setTabListData(tabList); } else if(contentsData != undefined) { setContentsData(contentsData); } } } ComUtils.cmmAjax(strUrl, jParam, fnCallback, bProgress, jPaging, null, 'get'); } // init getSubContentsData(); /*TODO: 고향사랑기부제 페이지에만 적용 추후(8월 31일 이후) 주석화 하기*/ if(contentsSid==='35'){ function openPopup(url, winName, width, height, status, scrollbars, resizable) { var top = 0; var left = 0; var settings = 'height=' + height + ', width=' + width + ', top=' + top + ', left=' + left + ', status=' + status + ', scrollbars=' + scrollbars + ', resizable=' + resizable; window.open(url, winName, settings); } function getCookie(name){ var nameOfCookie = name + "="; var x = 0; while (x <= document.cookie.length){ var y = (x + nameOfCookie.length); if (document.cookie.substring(x, y) === nameOfCookie){ if ((endOfCookie = document.cookie.indexOf(";", y)) === -1){ endOfCookie = document.cookie.length; } return unescape (document.cookie.substring(y, endOfCookie)); } x = document.cookie.indexOf (" ", x) + 1; if (x === 0) break; } return ""; } var autoPopup = function(){ var today = new Date(); var startDate = new Date(2024,4,14,0,0,0); var endDate = new Date(2024,7,31,0,0,0); if (getCookie("honorPopup") !== "done"){ if(today > startDate && today < endDate) { openPopup('/popup/temp?honor', 'honorPopup', '800', '400', 'yes', 'yes', 'yes'); } } }; autoPopup(); } return { getContentsData: getSubContentsData, }; })(); </script> </body> </html>

CINXE.COM

담양군청