CINXE.COM
중앙선거관리위원회 온라인투표시스템 / 서비스 신청>온라인투표 신청>서비스 이용절차
<!-- Custom tag lib --> <!DOCTYPE html> <html lang="ko" class="oacxHtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0, user-scalable=yes"> <title>중앙선거관리위원회 온라인투표시스템 / 서비스 신청>온라인투표 신청>서비스 이용절차</title> <!-- <title>서비스 신청>온라인투표 신청>서비스 이용절차</title>--> <!-- Custom tag lib --> <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' data: fonts.gstatic.com fonts.googleapis.com *.youtube.com *.daumcdn.net *.daum.net;" /> <!-- Injeinc Library ================================================== --> <script type="text/javascript" src="/resources/js/injeinc/jquery.min.js"></script> <script type="text/javascript" src="/resources/js/injeinc/jquery-ui.min.js"></script> <script type="text/javascript" src="/resources/js/injeinc/jquery.plugin.js"></script> <script type="text/javascript" src="/resources/js/injeinc/common.js?t=202410220000"></script> <script type="text/javascript" src="/resources/js/popup.js?t=202408061100"></script> <link rel="shortcut icon" type="image/x-icon" href="/resources/images/favicon2.ico"/> <!-- Plug-In Common ================================================== --> <script type="text/javascript" src="/resources/js/cmmn/total_search.js"></script> <!-- Plug-In css ================================================== --> <link rel="stylesheet" type="text/css" href="/resources/css/ui_base2.css?t=202411190900" /> <link rel="stylesheet" type="text/css" href="/resources/css/ui_mobile2.css?t=202406271500" /> <!-- Front-UI JS ================================================== --> <script type="text/javascript" src="/resources/js/ui_common.js?t=202411190000"></script> <script type="text/javascript"> function windowOpen(name, data) { window.open("https://nice.checkplus.co.kr/CheckPlusSafeModel/checkplus.cb?m=checkplusSerivce&EncodeData="+ data, "nicePopup", 'width=550, height=550, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, scrollbar=no'); } function showAlert(title, message, fn, url) { console.log("showAlert"); popup["alert"]({ title: title , message: message , btnClass: "btn_modalOpen" }); $("#alertBtn").unbind("click"); let func = undefined; if ( fn == undefined ) { func = function() { if ( url != undefined && url != "" ) { location.href = url; } //injeinc.modalClose(); //2depth레이어팝업 버튼 클릭 시 1depth레이어팝업도 같이 close돼서 주석 처리함. 추후에도 필요없으면 삭제 예정 } } else { func = function() { injeinc.modalClose(); fn(); } } $("#alertBtn").unbind("click"); $("#alertBtn").on('click', func ); } function showConfirm(title, message, confirmFn, cancelFn) { popup["confirm"]({ title: title , message: message , cancelBtnClass: "cancel" , confirmBtnClass: "confirm" }); $("#confirmBtn").unbind("click"); $("#cancelBtn").unbind("click"); if ( !confirmFn ) { confirmFn = function() { injeinc.modalClose(); } } $("#confirmBtn").click(function () { injeinc.modalClose();//호출하는 함수보다 먼저 현재모달을 닫아줘야함 confirmFn(); }); if ( !cancelFn ) { cancelFn = function() { injeinc.modalClose(); } } $("#cancelBtn").click(function () { cancelFn(); injeinc.modalClose(); }); } function showChkConfirm(title, message, chkMessage, confirmFn, cancelFn) { popup["chkConfirm"]({ title: title , message: message , chkMessage : chkMessage , cancelBtnClass: "cancel" , confirmBtnClass: "confirm" }); $("#chkConfirmBtn").unbind("click"); $("#chkCancelBtn").unbind("click"); if ( !confirmFn ) { confirmFn = function() { injeinc.modalClose(); } } $("#chkConfirmBtn").click(function () { injeinc.modalClose();//호출하는 함수보다 먼저 현재모달을 닫아줘야함 confirmFn(); }); if ( !cancelFn ) { cancelFn = function() { injeinc.modalClose(); } } $("#chkCancelBtn").click(function () { cancelFn(); injeinc.modalClose(); }); } $().ready(function() { }); </script> </head> <body> <div id=oacxDiv></div> <dl id="skipLink"> <dt>바로가기 메뉴</dt> <dd><a href="#subContent">본문 바로가기</a></dd> <dd><a href="#gnb">주메뉴 바로가기</a></dd> </dl> <div id="wrap"> <!-- Custom tag lib --> <!-- header.jsp --> <script> function showConfirm(title, message, confirmFn, cancelFn) { popup["confirm"]({ title: title , message: message , cancelBtnClass: "cancel" , confirmBtnClass: "confirm" }); $("#confirmBtn").unbind("click"); $("#cancelBtn").unbind("click"); if ( !confirmFn ) { confirmFn = function() { injeinc.modalClose(); } } $("#confirmBtn").click(function () { injeinc.modalClose(); confirmFn(); }); if ( !cancelFn ) { cancelFn = function() { injeinc.modalClose(); } } $("#cancelBtn").click(function () { cancelFn(); injeinc.modalClose(); }); } function setMobileLnb(){ let html = ""; /* 3depth 가 있으면 3depth, 없으면 2depth */ html += "<li class='active'>"; html += "<a href='/vote/apply/voteProc.do'>서비스 이용절차</a>"; html += "</li>"; html += "<li class=''>"; html += "<a href='/vote/apply/applyAgree.do'>서비스 이용신청</a>"; html += "</li>"; html += "<li class=''>"; html += "<a href='/vote/apply/voteRequestEdit.do'>서비스 이용신청(조회/수정)</a>"; html += "</li>"; html += "<li class=''>"; html += "<a href='/vote/apply/voteFee.do'>서비스 이용수수료</a>"; html += "</li>"; $("#mobileLnb").append(html); } $(window).load(function(){ setMobileLnb(); var test1 = document.getElementById("content"); test1.style.removeProperty("height"); }); </script> <script type="text/javascript" src="/resources/js/cmmn/common_func.js"></script> <script type="text/javascript" src="/resources/js/rsa/rsa.js"></script> <!-- mainHeader.jsp --> <script> let _isHideAllMenu = false; function _hideAllMenu(){ if( _isHideAllMenu){ $(".btn_allMenuOpen").css("display", "none"); } } // 헬프데스크 메뉴가 있으면 검색버튼 노출 let _isShowSearch = false; function _showSearch(){ if( _isShowSearch){ $(".btn_totalSearchOpen").css("display", "block"); } } function escapeText(data) { var tmp = data.split('&').join("&"); tmp = tmp.split("'").join("'"); tmp = tmp.split('"').join('"'); tmp = tmp.split('<').join("<"); tmp = tmp.split('>').join(">"); return tmp; }; $(document).ready(function() { $(".login").on('click', function(event){ location.href=$(this).data("landingurl"); }); $("input[name=selfUsrPwd]").on("keypress", e => { if(e.which === 13) { e.preventDefault(); getSelfInfo(); } }); }); function numCheck(el, event){ let value = $(el).val(); if(isNumberKeyCode(event)){ } else if(isFunctionKeyCode(event)){ } else { $(el).val(returnOnlyNumValue(value)); } if(!isNumber($(el).val())){ $(el).val(returnOnlyNumValue($(el).val())); } } $(window).load(function(){ _showSearch(); _hideAllMenu(); }); // 2023. 02. 16 LHN - 모바일 유권자 메뉴 중 '선거개요' 버튼인 경우 선거개요 화면으로 이동하도록 기능 추가 function toLink(link) { if (link.indexOf('voteinfo/smmry/view.do') !== -1) { location.href = link; } } </script> <!-- 본인확인 레이어팝업 --> <div class="modalWrap small" id="_confirmUserMoal"> <div class="modalTitle"> <strong class="title">본인 확인</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <div class="tableBox"> <table class="list"> <caption>본인 확인 입력표입니다. 아이디, 비밀번호 항목으로 구성됩니다.</caption> <colgroup> <col style="width:20%;"> <col> </colgroup> <tbody> <tr> <th scope="col">아이디</th> <td><input type="text" name="_confirmUsrId" value="" title="아이디입력" placeholder="아이디입력"></td> </tr> <tr> <th scope="col">비밀번호</th> <td><input type="password" name="_confirmUsrPwd" value="" title="비밀번호입력" placeholder="비밀번호입력"></td> </tr> </tbody> </table> </div> <div class="btnArea"> <a href="javascript:void(0)" class="btn inline focus" onclick="_validateConfirmUser()">확인</a> <a href="#" class="btn inline line btn_modalClose">취소</a> </div> </div> </div> <!-- //본인확인 레이어팝업 --> <!-- 우편번호찾기 레이어팝업 --> <div class="modalWrap" id="_searchPostModal"> <div class="modalTitle"> <strong class="title">주소 검색</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <div class="searchWrap"> <input type="text" id="_addressSearchKeyword" class="w350" placeholder="검색할 주소를 입력하세요" onkeyup="enterkey(this, function() {_searchAddrs(1,this)});" title="검색할 주소를 입력하세요"> <input type="button" class="btnSearch" value="검색" onclick="_searchAddrs(1);"> <ul class="listCon dot"> <li><b>정확한 주소를 모르시는 경우</b> <ul class="listCon minus"> <li>시/군/구 + 도로명, 동명 또는 건물명 <span class="txtBlue">예) 동해시 중앙로, 여수 중앙동, 대전 현대아파트</span></li> </ul> </li> <li><b>정확한 주소를 아시는 경우</b> <ul class="listCon minus"> <li>도로명 + 건물번호 <span class="txtBlue">예) 도움5로 19</span></li> <li>읍/면/동/리 + 지번 <span class="txtBlue">예) 어진동 307-19</span></li> </ul> </li> </ul> </div> <div class="postBox"> <p class="desc"><b class="txtRed">"주소"</b> 검색결과 : <b class="txtRed" id="_totalAddrCnt">0</b> 건</p> <ul class="postList" id="_postList"> <li class="empty">데이터가 없습니다.</li> </ul> <div class="paging" id="_addrPage"></div> </div> <div class="btnArea"> <!-- <a href="#" class="btn focus">확인</a> --> <a href="#" class="btn btn_modalClose">취소</a> </div> </div> </div> <!-- //우편번호찾기 레이어팝업 --> <ul id="_addrTemplate" style="display:none"> <li> <a href="javascript:void 0;" onclick="_setCallbackData(this);"> <span class="num"> <b id="_zipCd"></b> </span> <span> <b id="_newAddrStr"></b><br /> <span id="_oldAddrStr"></span> </span> </a> </li> </ul> <!-- 비밀번호 변경 레이어팝업 --> <div class="modalWrap" id="_changePasswordModal"> <div class="modalTitle"> <strong class="title">비밀번호 변경</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div style="padding-left:30px;"> <p>※ 새비밀번호 영문+숫자+특수문자 8자리 이상 12자리 이하로 입력해 주세요.</p> </div> <div class="modalContent" style="padding-top:15px;"> <input type="hidden" name="_changePasswdDistcmteCd" /> <div class="tableBox"> <table class="form"> <caption>비밀번호변경 등록폼입니다. 현재 비밀번호, 새 비밀번호, 비밀번호 확인 항목으로 구성됩니다.</caption> <colgroup> <col style="width:40%;"> <col> </colgroup> <tbody> <tr> <th scope="row">현재 비밀번호</th> <td><input type="password" name="_curUsrPwd" value="" title="현재 비밀번호" class="w90p"> <p class="descMsg txtRed" style="display:none">비밀번호를 확인해 주세요.</p> </td> </tr> <tr> <th scope="row">새 비밀번호</th> <td><input type="password" name="_newUsrPwd" value="" title="새 비밀번호" class="w90p"> <p class="descMsg txtRed" style="display:none">영문+숫자+특수문자 8자리 이상 12자리 이하로 입력해 주세요.</p> </td> </tr> <tr> <th scope="row">비밀번호 확인</th> <td><input type="password" name="_chkUsrPwd" value="" title="비밀번호 확인" class="w90p"> <p class="descMsg txtRed" style="display:none">재확인을 위하여 입력하신 비밀번호를 다시 한번 입력해 주세요.</p> </td> </tr> </tbody> </table> </div> <div class="btnArea"> <a href="javascript:void(0)" class="btn focus" onclick="_changeUsrPasswd()">수정</a> <a href="#" class="btn btn_modalClose">취소</a> </div> </div> </div> <!-- //비밀번호 변경 레이어팝업 --> <!-- 위원회 정보변경 레이어팝업 --> <div class="modalWrap" id="_distcmteModal"> <div class="modalTitle"> <strong class="title">위원회 정보변경</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent" style="padding-top: 10px;"> <div class="titleArea alignRight" id="_modalManagePassword"> <a href="javascript:void(0)" id="_modalChangePassword" class="btn inline focus btn_modalOpen">비밀번호 변경</a> <a href="javascript:void(0)" id="_modalResetPassword" class="btn inline">비밀번호 초기화</a> </div> <div class="tableBox"> <!-- <input type="hidden" id="distcmteCd" name="distcmteCd" /> --> <table class="form topline-none" id="_distcmteModInfoTable"> <caption></caption> <colgroup> <col style="width:30%;"> <col> </colgroup> <tbody> <tr id="_trModalDistcmteCd"> <th scope="row">위원회 코드<span class="required">필수입력</span></th> <td id="_modalDistcmteCd"></td> </tr> <tr> <th scope="row">위원회명<span class="required">필수입력</span></th> <td><input type="text" name="_modalDistcmteCdNm" value="" title="위원회명" class="w90p"></td> </tr> <tr> <th scope="row">구분<span class="required">필수입력</span></th> <td id="_modalDistcmteTpNm"></td> </tr> <tr id="_trModalHighDistcmteCdNm"> <th scope="row">상위 소속<span class="required">필수입력</span></th> <td id="_modalHighDistcmteCdNm"></td> </tr> <tr> <th scope="row">전화<span class="required">필수입력</span></th> <td> <select name="_modalDistcmteTelno" class="w80" title="연락처(유선) 앞번호 선택"> <option value="02">02</option> <option value="031">031</option> <option value="032">032</option> <option value="033">033</option> <option value="041">041</option> <option value="042">042</option> <option value="043">043</option> <option value="044">044</option> <option value="051">051</option> <option value="052">052</option> <option value="053">053</option> <option value="054">054</option> <option value="055">055</option> <option value="061">061</option> <option value="062">062</option> <option value="063">063</option> <option value="064">064</option> <option value="070">070</option> <option value="0505">0505</option> </select> - <input name="_modalDistcmteTelno" maxlength="4" onkeyup="numCheck(this, event);" type="text" class="w80" title="연락처(유선) 중간번호"> - <input name="_modalDistcmteTelno" maxlength="4" onkeyup="numCheck(this, event);" type="text" class="w80" title="연락처(유선) 뒤번호"> </td> </tr> <tr> <th scope="row">팩스<span class="required">필수입력</span></th> <td> <select name="_modalDistcmteFaxno" class="w80" title="팩스 앞번호 선택"> <option value="02">02</option> <option value="031">031</option> <option value="032">032</option> <option value="033">033</option> <option value="041">041</option> <option value="042">042</option> <option value="043">043</option> <option value="044">044</option> <option value="051">051</option> <option value="052">052</option> <option value="053">053</option> <option value="054">054</option> <option value="055">055</option> <option value="061">061</option> <option value="062">062</option> <option value="063">063</option> <option value="064">064</option> <option value="0303">0303</option> <option value="0505">0505</option> </select> - <input name="_modalDistcmteFaxno" maxlength="4" onkeyup="numCheck(this, event);" type="text" class="w80" title="팩스 중간번호"> - <input name="_modalDistcmteFaxno" maxlength="4" onkeyup="numCheck(this, event);" type="text" class="w80" title="팩스 뒤번호"> </td> </tr> <tr> <th scope="row">주소<span class="required">필수입력</span></th> <td> <input name="_modalDistcmtePostno" type="text" class="w100 readOnly" title="우편번호" readonly="readonly"><a href="javascript:void(0)" id="_modalSearchPost" onclick="findOfficeAddr(this)" class="btn inline btn_modalOpen" title="새창열림">우편번호 찾기</a> <input name="_modalDistcmteBaseAddr" type="text" class="w90p readOnly" title="기본주소" readonly="readonly"> <input name="_modalDistcmteDetlAddr" type="text" class="w90p" title="상세주소"> </td> </tr> <tr> <th scope="row">홈페이지</th> <td><input type="text" name="_modalHmpgUrl" value="" title="홈페이지" class="w90p"></td> </tr> <tr id="_trModalAccessIp"> <th scope="row">접근IP (외부)<span class="required">필수입력</span></th> <td><input type="text" name="_modalAccessIp" value="" title="접근IP (외부)" class="w90p"></td> </tr> <tr id="_trModalInAccessIp"> <th scope="row">접근IP (내부)<span class="required">필수입력</span></th> <td><input type="text" name="_modalInAccessIp" value="" title="접근IP (내부)" class="w90p"></td> </tr> </tbody> </table> </div> <div id="picList"> <h6>담당자 정 <a href="javascript:void(0);" id="_modalAddPic" class="btn_icon plus" onclick="addPic(this);">추가</a></h6> <div class="tableBox"> <table class="form" id="picMainTable"> <caption>담당자 정 등록폼입니다. 담당자명, 연락처(유선), 연락처(무선), 이메일 항목으로 구성됩니다.</caption> <colgroup> <col style="width:30%;"> <col> </colgroup> <tbody> <tr> <th scope="row">담당자명<span class="required">필수입력</span></th> <td><input type="text" name="_modalPicNm" /></td> </tr> <tr> <th scope="row">연락처(유선)<span class="required">필수입력</span></th> <td> <select name="_modalPicTelno" class="w80" title="연락처(유선) 앞번호 선택"> <option value="02">02</option> <option value="031">031</option> <option value="032">032</option> <option value="033">033</option> <option value="041">041</option> <option value="042">042</option> <option value="043">043</option> <option value="044">044</option> <option value="051">051</option> <option value="052">052</option> <option value="053">053</option> <option value="054">054</option> <option value="055">055</option> <option value="061">061</option> <option value="062">062</option> <option value="063">063</option> <option value="064">064</option> <option value="070">070</option> <option value="0505">0505</option> </select> - <input type="text" name="_modalPicTelno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(유선) 중간번호"> - <input type="text" name="_modalPicTelno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(유선) 뒤번호"> </td> </tr> <tr> <th scope="row">연락처(무선)<span class="required">필수입력</span></th> <td> <select name="_modalPicCellno" class="w80" title="연락처(무선) 앞번호 선택"> <option value="010">010</option> <option value="011">011</option> <option value="016">016</option> <option value="017">017</option> <option value="018">018</option> <option value="019">019</option> </select> - <input type="text" name="_modalPicCellno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(무선) 중간번호"> - <input type="text" name="_modalPicCellno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(무선) 뒤번호"> </td> </tr> <tr> <th scope="row">이메일<span class="required">필수입력</span></th> <td> <input type="text" name="_modalPicEmailAddr" class="w100" title="이메일 아이디"> @ <input type="text" name="_modalPicEmailAddr" class="w150" title="이메일 도메인"> <select name="_modalPicEmailAddrSelect" class="w120" title="이메일 주소 직접선택" onchange='$(this).siblings().eq(1).val(this.value)'> <option value="">직접입력</option> <option value="naver.com">네이버</option> <option value="hanmail.net">한메일(다음)</option> <option value="nate.com">네이트</option> <option value="gmail.com">구글</option> <option value="korea.kr">공직자통합메일</option> <option value="nec.go.kr">선관위메일</option> </select> </td> </tr> </tbody> </table> </div> </div> <div class="btnArea"> <a href="javascript:void(0)" id="_submitButton" class="btn focus" onclick="_validateDistcmteInfo()">등록</a> <a href="#" class="btn btn_modalClose">취소</a> </div> </div> </div> <!-- //위원회 정보변경 레이어팝업 --> <!-- 상단 --> <div id="header"> <div class="inner"> <h1><a href="/main.do"><img src="/resources/images/img_logo.png" alt="중앙선거관리위원회 온라인투표시스템"></a></h1> <div class="hTop"> <a href="#" data-landingurl="/loginVoteAdmin.do" class="login">로그인</a> </div> <div id="gnb"> <ul> <li style="display: none"> <a href="/main.do">메인</a></li> <li class="active" style="display: block"> <a href="/vote/apply/voteProc.do">서비스 신청</a></li> <li style="display: block"> <a href="/loginVoter.do">투표·설문 참여</a></li> <li style="display: block"> <a href="/serviceInfo/internetVote.do">투표·설문 참여안내</a></li> <script>_isShowSearch = true;</script> <li style="display: block"> <a href="/helpdesk/notice.do">헬프데스크</a></li> <li style="display: block"> <a href="/serviceIntroduce/onlineVote.do">서비스 소개</a></li> <li style="display: none"> <a href="/loginReset.do">로그인</a></li> <li style="display: none"> <a href="/loginVoteAdmin.do">로그인</a></li> <li style="display: none"> <a href="/siteInfo/personalInfoProc.do">사이트 안내</a></li> </ul> </div> <div class="hTop-btns"> <a href="#" class="btn_allMenuOpen">전체메뉴 열기</a> <!-- 전체메뉴 --> <div id="allMenu" tabindex="0"> <div class="top"> <a href="#" data-landingurl="/loginVoteAdmin.do" class="login">로그인</a> </div> <ul class="menu col5"> <li style="display: none" class=""> <a href="/main.do" onclick="toLink(this.href);">메인</a> </li> <li style="display: block" class="active"> <a href="/vote/apply/voteProc.do" onclick="toLink(this.href);">서비스 신청</a> <ul> <li class="active"> <a href="javascript:void(0);" title="선택됨">>온라인투표 신청</a> <ul> <li class="active"> <a href="/vote/apply/voteProc.do" title="선택됨">>서비스 이용절차 </a> </li> <li class=""> <a href="/vote/apply/applyAgree.do" >서비스 이용신청 </a> </li> <li class=""> <a href="/vote/apply/voteRequestEdit.do" >서비스 이용신청(조회/수정) </a> </li> <li class=""> <a href="/vote/apply/voteFee.do" >서비스 이용수수료 </a> </li> </ul> </li> <li class=""> <a href="/vote/apply/voteMockFee.do">이용수수료 모의산정</a> </li> </ul> </li> <li style="display: block" class=""> <a href="/loginVoter.do" onclick="toLink(this.href);">투표·설문 참여</a> <ul> <li class=""> <a href="/loginVoter.do">온라인투표 참여</a> </li> </ul> </li> <li style="display: block" class=""> <a href="/serviceInfo/internetVote.do" onclick="toLink(this.href);">투표·설문 참여안내</a> <ul> <li class=""> <a href="javascript:void(0);" >온라인투표 참여안내</a> <ul> <li class=""> <a href="/serviceInfo/internetVote.do" >웹투표(PC) </a> </li> <li class=""> <a href="/serviceInfo/smartPhoneVote.do" >웹투표(스마트폰) </a> </li> <li class=""> <a href="/serviceInfo/messageVote.do" >문자 투표 </a> </li> <li class=""> <a href="/serviceInfo/siteVote.do" >PC현장 투표 </a> </li> </ul> </li> <li class=""> <a href="javascript:void(0);" >온라인설문 참여안내</a> <ul> <li class=""> <a href="/serviceInfo/internetPoll.do" >인터넷 설문 </a> </li> <li class=""> <a href="/serviceInfo/mobilePoll.do" >모바일 설문 </a> </li> </ul> </li> </ul> </li> <li style="display: block" class=""> <a href="/helpdesk/notice.do" onclick="toLink(this.href);">헬프데스크</a> <ul> <li class=""> <a href="/helpdesk/notice.do">공지사항</a> </li> <li class=""> <a href="/helpdesk/faq.do">자주묻는질문</a> </li> <li class=""> <a href="/helpdesk/reflib.do">자료실</a> </li> <li class=""> <a href="/helpdesk/distcmte.do">관할선관위 찾기</a> </li> </ul> </li> <li style="display: block" class=""> <a href="/serviceIntroduce/onlineVote.do" onclick="toLink(this.href);">서비스 소개</a> <ul> <li class=""> <a href="javascript:void(0);" >서비스 개요</a> <ul> <li class=""> <a href="/serviceIntroduce/onlineVote.do" >온라인투표 </a> </li> <li class=""> <a href="/serviceIntroduce/onlinePoll.do" >온라인설문 </a> </li> </ul> </li> <li class=""> <a href="/serviceIntroduce/offeredTo.do">서비스 제공대상</a> </li> <li class=""> <a href="javascript:void(0);" >모의투표 체험</a> <ul> <li class=""> <a href="/serviceIntroduce/manager.do" >이용기관 관리자 </a> </li> <li class=""> <a href="/serviceIntroduce/elector.do" >선거인 </a> </li> </ul> </li> </ul> </li> <li style="display: none" class=""> <a href="/loginReset.do" onclick="toLink(this.href);">로그인</a> <ul> <li class=""> <a href="javascript:void(0);" >이용기관 관리자</a> <ul> <li class=""> <a href="/loginReset.do" >아이디/비밀번호 재발급 </a> </li> </ul> </li> <li class=""> <a href="/loginVoter.do">선거인</a> </li> </ul> </li> <li style="display: none" class=""> <a href="/loginVoteAdmin.do" onclick="toLink(this.href);">로그인</a> <ul> <li class=""> <a href="/loginVoteAdmin.do">투표관리자ㆍ참관인</a> </li> <li class=""> <a href="/loginPoll.do">설문관리자</a> </li> </ul> </li> <li style="display: none" class=""> <a href="/siteInfo/personalInfoProc.do" onclick="toLink(this.href);">사이트 안내</a> <ul> <li class=""> <a href="/siteInfo/personalInfoProc.do">개인정보처리방침</a> </li> <li class=""> <a href="/siteInfo/confirmReUse.do">이용에 관한 확인 사항</a> </li> </ul> </li> </ul> <a href="#" class="btn_allMenuClose">전체메뉴 닫기</a> </div> <!-- // 전체 메뉴 끝 --> <a href="#" class="btn_totalSearchOpen" style="display:none">검색영역 열기</a> </div> <div id="totalSearchWrap"> <div class="totalSearch"> <input type="text" id="totalSearchWord" name="searchWord" onkeypress="totalSearchEnter(event)" placeholder="검색어를 입력해 주세요." title="검색어"> <input type="button" class="btn_totalSearch" onclick="totalSearch()" value="검색" title="새창열림"> </div> <a href="#" class="btn_totalSearchClose">검색 닫기</a> </div> </div> </div> <!-- //상단 --> <form id='doSmmryForm' action='/voteinfo/smmry/viewSmmryType.do' method='post'> <input type='hidden' id='smmryElecSeqno' name='smmryElecSeqno' value=""/> <input type='hidden' id='smmryItemSeqno' name='smmryItemSeqno' value=""/> </form> <form id='doSmmryResultForm' action='/voteinfo/smmry/viewCountResult.do' method='post'> <input type='hidden' id='smmryResultElecSeqno' name='elecSeqno' value=""/> <input type='hidden' id='smmryResultItemSeqno' name='itemSeqno' value=""/> <input type='hidden' id='smmryResultMenuName' name='smmryMenuName' value=""/> </form> <form id='doOpenedChangeForm' action='/delegatemng/viewOpenedChange.do' method='post'> <input type='hidden' id='oenedChangeElecSeqno' name='elecSeqno' value=""/> </form> <form id='pageMoveForm' method='post'> </form> <!-- //전체메뉴 --> <!-- 담당자 템플릿 --> <div class="picTemplate" id="picTemplate_0" style="display:none;"> <h6>담당자 부 <a href="javascript:void(0);" id="_modalDelPic" class="btn_icon minus" onclick="delPic(this);">삭제</a></h6> <div class="tableBox"> <table class="form"> <caption>담당자 부 등록폼입니다. 담당자명, 연락처(유선), 연락처(무선), 이메일 항목으로 구성됩니다.</caption> <colgroup> <col style="width:30%;"> <col> </colgroup> <tbody> <tr> <th scope="row">담당자명<span class="required">필수입력</span></th> <td><input type="text" name="_modalPicNm" /></td> </tr> <tr> <th scope="row">연락처(유선)</th> <td> <select name="_modalPicTelno" class="w80" title="연락처(유선) 앞번호 선택"> <option value="02">02</option> <option value="031">031</option> <option value="032">032</option> <option value="033">033</option> <option value="041">041</option> <option value="042">042</option> <option value="043">043</option> <option value="044">044</option> <option value="051">051</option> <option value="052">052</option> <option value="053">053</option> <option value="054">054</option> <option value="055">055</option> <option value="061">061</option> <option value="062">062</option> <option value="063">063</option> <option value="064">064</option> <option value="070">070</option> <option value="0505">0505</option> </select> - <input type="text" name="_modalPicTelno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(유선) 중간번호"> - <input type="text" name="_modalPicTelno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(유선) 뒤번호"> </td> </tr> <tr> <th scope="row">연락처(무선)<span class="required">필수입력</span></th> <td> <select name="_modalPicCellno" class="w80" title="연락처(무선) 앞번호 선택"> <option value="010">010</option> <option value="011">011</option> <option value="016">016</option> <option value="017">017</option> <option value="018">018</option> <option value="019">019</option> </select> - <input type="text" name="_modalPicCellno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(무선) 중간번호"> - <input type="text" name="_modalPicCellno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(무선) 뒤번호"> </td> </tr> <tr> <th scope="row">이메일<span class="required">필수입력</span></th> <td> <input type="text" name="_modalPicEmailAddr" class="w100" title="이메일 아이디"> @ <input type="text" name="_modalPicEmailAddr" class="w150" title="이메일 도메인"> <select name="_modalPicEmailAddrSelect" class="w120" title="이메일 주소 직접선택" onchange='$(this).siblings().eq(1).val(this.value)'> <option value="">직접입력</option> <option value="naver.com">네이버</option> <option value="hanmail.net">한메일(다음)</option> <option value="nate.com">네이트</option> <option value="gmail.com">구글</option> <option value="korea.kr">공직자통합메일</option> <option value="nec.go.kr">선관위메일</option> </select> </td> </tr> </tbody> </table> </div> </div> <!-- 사용자추가 레이어팝업 --> <div class="modalWrap" id="_selfModal"> <div class="modalTitle"> <strong class="title">사용자 정보변경</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <div class="titleArea alignRight"> <a href="javascript:void(0);" id="selfChangePasswd" class="btn inline focus" onclick="_selfChangePasswd()">비밀번호 변경</a> </div> <h5>기본정보</h5> <div class="tableBox"> <table class="form"> <caption>사용자 정보 등록폼입니다. 아이디, 이름, 연락처(유선), 연락처(무선), 이메일 항목으로 구성됩니다.</caption> <colgroup> <col style="width:30%;"> <col> </colgroup> <tbody> <tr> <th scope="row">아이디</th> <td><input type="text" name="selfUsrId" title="아이디" class="w200"></td> </tr> <tr> <th scope="row">담당자명<span class="required">필수입력</span></th> <td><input type="text" name="selfUsrNm" value="" title="이름" class="w200"></td> </tr> <tr> <th scope="row">연락처(유선)<span class="required">필수입력</span></th> <td> <select name="selfUsrTelno" class="w80" title="연락처(유선) 앞번호 선택"> <option value="02">02</option> <option value="031">031</option> <option value="032">032</option> <option value="033">033</option> <option value="041">041</option> <option value="042">042</option> <option value="043">043</option> <option value="044">044</option> <option value="051">051</option> <option value="052">052</option> <option value="053">053</option> <option value="054">054</option> <option value="055">055</option> <option value="061">061</option> <option value="062">062</option> <option value="063">063</option> <option value="064">064</option> <option value="070">070</option> <option value="0505">0505</option> </select> - <input type="text" name="selfUsrTelno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(유선) 중간번호"> - <input type="text" name="selfUsrTelno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(유선) 뒤번호"> </td> </tr> <tr> <th scope="row">연락처(무선)<span class="required">필수입력</span></th> <td> <select name="selfUsrCellno" class="w80" title="연락처(무선) 앞번호 선택"> <option value="010">010</option> <option value="011">011</option> <option value="016">016</option> <option value="017">017</option> <option value="018">018</option> <option value="019">019</option> </select> - <input type="text" name="selfUsrCellno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(무선) 중간번호"> - <input type="text" name="selfUsrCellno" maxlength="4" onkeyup="numCheck(this, event);" class="w80" title="연락처(무선) 뒤번호"> </td> </tr> <tr> <th scope="row">이메일<span class="required">필수입력</span></th> <td> <input type="text" name="selfUsrEmailAddr" class="w100" title="이메일 아이디"> @ <input type="text" name="selfUsrEmailAddr" class="w150" title="이메일 도메인"> <select name="selfUsrEmailAddrSelect" class="w120" title="이메일 주소 직접선택" onchange='$("input[name=selfUsrEmailAddr]").eq(1).val(this.value)'> <option value="">직접입력</option> <option value="naver.com">네이버</option> <option value="hanmail.net">한메일(다음)</option> <option value="nate.com">네이트</option> <option value="gmail.com">구글</option> <option value="korea.kr">공직자통합메일</option> <option value="nec.go.kr">선관위메일</option> </select> </td> </tr> </tbody> </table> </div> <div class="btnArea"> <a href="javascript:void(0);" class="btn focus" onclick="_validateSelfInfo()">확인</a> <a href="#" class="btn btn_modalClose">취소</a> </div> </div> </div> <!-- //사용자추가 레이어팝업 --> <!-- 선거 개설정보 변경 레이어팝업 --> <div class="modalWrap small" id="reopenConfirmModal"> <div class="modalTitle"> <strong class="title">확인해 주세요</strong> <a href="javascript:void(0);" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <b class="title">선거 개설정보 변경 시</b> <div class="con"> <ul class="listCon num"> <li>① 선거인명부는 초기화되어 재개설하여야 합니다</li> <li>② 개설을 완료하지 않으면 투표가 시작되지 않습니다.</li> </ul> </div> 선거 개설정보 변경 화면으로 이동하시겠습니까? <div class="btnArea"> <a href="javascript:void(0);" class="btn focus">확인</a> <a href="javascript:void(0);" class="btn line btn_modalClose">취소</a> </div> </div> </div> <!-- //선거 개설정보 변경 레이어팝업 --> <div class="modalWrap" id="_selfPwdModal" style="width: 650px;"> <div class="modalTitle"> <strong class="title">비밀번호 입력</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <div class="topInfoBox" style="padding-top: 0px;"> <ul class="listCon dot"> <li>로그인 비밀번호를 입력해 주십시오.</li> </ul> </div> <div class="tableBox"> <form id="usrInfoForm"> <table class="form"> <caption>로그인 비밀번호 입력폼 입니다.</caption> <colgroup> <col style="width:30%;"> <col> </colgroup> <tbody> <tr> <th scope="row">아이디</th> <td></td> </tr> <tr> <th scope="row">비밀번호</th> <td><input type="password" name="selfUsrPwd" value="" title="비밀번호 입력" class="w200"></td> </tr> </tbody> </table> </form> </div> <div class="btnArea"> <a href="javascript:void(0);" class="btn focus" onclick="getSelfInfo()">확인</a> <a href="#" class="btn btn_modalClose">취소</a> </div> </div> </div> <!-- 컨테이너 --> <div id="container"> <div class="inner"> <!-- 좌측메뉴 --> <div id="leftMenu"> <h2>서비스 신청</h2> <ul class="menu"> <li class="active"> <a href="/vote/apply/voteProc.do">온라인투표 신청</a> <ul> <li class="active"> <a href="/vote/apply/voteProc.do">서비스 이용절차 </a> </li> <li class=""> <a href="/vote/apply/applyAgree.do">서비스 이용신청 </a> </li> <li class=""> <a href="/vote/apply/voteRequestEdit.do">서비스 이용신청(조회/수정) </a> </li> <li class=""> <a href="/vote/apply/voteFee.do">서비스 이용수수료 </a> </li> </ul> </li> <li class=""> <a href="/vote/apply/voteMockFee.do">이용수수료 모의산정</a> </li> </ul> </div> <!-- //좌측메뉴 --> <!-- Custom tag lib --> <!-- 컨텐츠 --> <div id="content"> <!-- 웹 타이틀 --> <div id="conTop"> <h3>서비스 이용절차</h3> </div> <!-- //웹 타이틀 --> <!-- 모바일 타이틀 --> <div id="mConTop"> <h3><a href="#" class="btn_mConTopOpen">서비스 이용절차<span class="soundOnly">메뉴 열기</span></a></h3> <ul id="mobileLnb"></ul> </div> <!-- //모바일 타이틀 --> <!-- 본문 --> <div id="subContent"> <script> function playVideo(url, videoType) { if (videoType === 1) { $('.youtubeIFrame').attr('title', 'K-Voting 온라인투표시스템 이용방법 안내 - 01. 서비스 이용신청 관련 동영상'); } else if (videoType === 2) { $('.youtubeIFrame').attr('title', 'K-Voting 온라인투표시스템 이용방법 안내 - 02. 선거개설 관련 동영상'); } else if (videoType === 3) { $('.youtubeIFrame').attr('title', 'K-Voting 온라인투표시스템 이용방법 안내 - 03. 투개표 관리 관련 동영상'); } document.getElementById('movieClose').addEventListener('click', function(event) { const iFrame = document.getElementsByClassName('youtubeIFrame')[0]; iFrame.src = iFrame.src; }); $('.youtubeIFrame').attr('src', url); injeinc.modalOpen(moviePopup); } </script> <div class="modalWrap" id="moviePopup"> <div class="modalTitle"> <strong class="title">동영상 보기</strong> <a href="javascript:void(0);" class="btn_modalClose" id="movieClose">팝업 닫기</a> </div> <div class="modalContent"> <div class="video"> <div class="video-container"> <iframe class="youtubeIFrame" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> <ul class="stepList"> <li><span class="step">STEP 01</span><span class="icon"><img src="/resources/images/icon_servicePro1.png" alt=""></span><span class="txt">서비스 이용신청</span><br><span><a href="https://www.youtube.com/embed/ki97KEntd78" onclick="playVideo(this.href, 1);return false;" id="ytbIcon1" class="ytbIcon" title="서비스 이용신청 절차 유튜브 영상보기"><img src="/resources/images/icon_youtube2.jpg" alt="유튜브 영상보기"></a></span></li> <li><span class="step">STEP 02</span><span class="icon"><img src="/resources/images/icon_servicePro2.png" alt=""></span><span class="txt">선거개설</span><br><span><a href="https://www.youtube.com/embed/2mly5Qm8vQY" onclick="playVideo(this.href, 2);return false;" id="ytbIcon2" class="ytbIcon" title="선거 개설 절차 유튜브 영상보기"><img src="/resources/images/icon_youtube2.jpg" alt="유튜브 영상보기"></a></span></li> <li><span class="step">STEP 03</span><span class="icon"><img src="/resources/images/icon_servicePro3.png" alt=""></span><span class="txt">투표</span><br><span><a href="https://www.youtube.com/embed/t4YOsDGmgdE" onclick="playVideo(this.href, 3);return false;" id="ytbIcon3" class="ytbIcon" title="투표 절차 유튜브 영상보기"><img src="/resources/images/icon_youtube2.jpg" alt="유튜브 영상보기"></a></span></li> <li><span class="step">STEP 04</span><span class="icon"><img src="/resources/images/icon_servicePro4.png" alt=""></span><span class="txt">개표</span><br><span><a href="https://www.youtube.com/embed/t4YOsDGmgdE?start=347" onclick="playVideo(this.href, 3);return false;" id="ytbIcon4" class="ytbIcon" title="개표 절차 유튜브 영상보기"><img src="/resources/images/icon_youtube2.jpg" alt="유튜브 영상보기"></a></span></li> </ul> <div class="serviceProce"> <div class="left item1"> <b class="title">이용기관</b> <ul> <li class="rightArrow"> <span class="arrow">이용신청서 작성 후 선거관리 위원회로 전달</span> <b>이용신청서 작성</b> <p>이용기관 정보, 관리자 정보 작성, <br /> 선거옵션 신청, 선거정보 작성, <br /> 증빙서류 첨부 등</p> </li> <li class="arrow"><b>선거개설</b> <p>선거정보, 후보자/안건 정보, <br /> 투표화면 설정, 보안방식 설정, <br /> 투표참여 채널 지정</p> </li> <li class="arrow"><b>선거관리</b> <p>선거정보, 후보자/안건 정보, <br /> 투표화면 관리, <br /> 선거인명부 관리</p> </li> <li class="arrow"><b>투표관리</b> <p>투표개시 문자/예약발송, <br /> 투표 진행 상황 조회, 투표참여 독려 문자 <br /> 발송 및 발송 이력 관리</p> </li> <li class="arrow"><b>개표관리</b> <p>개표 진행, 개표결과 화면 <br /> 투표참여현황 및 <br /> 개표결과 저장</p> </li> <li><b>수수료 납부</b> <p>수수료 사용 정보 <br /> 확인 및 납부</p> </li> </ul> </div> <div class="right item2"> <b class="title">선거관리위원회</b> <ul> <li class="arrow"><b>이용신청 배정</b> <p>지역별 관할 위원회 배정</p> </li> <li class="leftArrow"> <span class="arrow">선거관리위원회 이용신청 승인 후 이용기관 선거개설</span> <b>이용신청 승인(비대면 협약체결)</b> <p>첨부 증빙서류 확인 <br /> 이용신청 승인(협약체결)</p> </li> <li class="arrow"><b>투표 진행 모니터링</b> <p>투표 참여율 정보 모니터링</p> </li> <li><b>개표 진행 모니터링</b> <p>개표 진행 모니터링 <br /> 개표 검증</p> </li> </ul> </div> </div> </div> <!-- //본문 --> </div> <!-- //컨텐츠 --> <!-- Custom tag lib --> </div> <!-- Custom tag lib --> <script type="text/javascript"> $().ready(function() { }); </script> <div class="modalWrap small" id="alertPopup"> <div class="modalTitle"> <strong class="title" id="alertTitle"></strong> <a href="javascript:void(0);" class="btn_modalClose" id="subClose">팝업 닫기</a> </div> <div class="modalContent"> <p class="msg"><b id="alertMsg"></b></p> <div class="btnArea"> <a href="javascript:void(0);" class="btn focus btn_modalClose" id="alertBtn">확인</a> </div> </div> </div> <div class="modalWrap small" id="confirmPopup"> <div class="modalTitle"> <strong class="title" id="confirmTitle">확인해주세요.</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <p class="msg"><b id="confirmMsg"></b></p> <div class="btnArea"> <a href="javascript:void(0);" class="btn focus" id="confirmBtn">확인</a> <a href="javascript:void(0);" class="btn line btn_modalClose" id="cancelBtn">취소</a> </div> </div> </div> <div class="modalWrap small" id="chkConfirmPopup"> <div class="modalTitle"> <strong class="title" id="chkConfirmTitle">확인해주세요.</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <p class="msg"><b id="chkConfirmMsg"></b></p> <div style="text-align: center; margin-top: 20px;"> <label> <input type="checkbox" name="chkSmsSend" checked="checked" style="cursor: pointer;"> </label> <span id="chkMsg"></span> </div> <div class="btnArea"> <a href="javascript:void(0);" class="btn focus" id="chkConfirmBtn">확인</a> <a href="javascript:void(0);" class="btn line btn_modalClose" id="chkCancelBtn">취소</a> </div> </div> </div> <div class="modalWrap small" id="progressPopup"> <div class="modalTitle"> <strong class="title" id="progressTitle">확인</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <p class="msg"><b id="progressMsg">요청중입니다. 잠시만 기다려주세요.</b></p> <div class="btnArea"> </div> </div> </div> <!-- progress bar --> <div class="modalWrap small" id="progressBar"> <div class="modalTitle"> <strong class="title">알림</strong> <a href="#" class="btn_modalClose">팝업 닫기</a> </div> <div class="modalContent"> <!-- 로딩 --> <div class="loadingBox"> <div class="loading"><div id="progress"></div></div> <p class="message">작업을 수행중입니다. 잠시 기다려주세요.</p> <p class="delay" style="display: none; margin: 0;"> Delay <select class="delaySelect" style="height: fit-content"> </select> ms </p> </div> <!-- //로딩 --> </div> </div> <!-- Custom tag lib --> </div> <!-- //컨테이너 --> <!-- 하단 --> <div id="footer"> <div class="inner"> <ul class="fMenu"> <li><a href="/siteInfo/personalInfoProc.do">개인정보처리방침</a></li> <li><a href="/siteInfo/confirmReUse.do">이용에 관한 확인사항</a></li> </ul> <p>(13809) 경기도 과천시 홍촌말로 44 중앙선거관리위원회 문의전화 : 02-3679-1390</p> <p>COPYRIGHTⓒNational Election Commission. All Right Reserved.</p> <!--// 웹접근성 인증 마크 추가 --> <!-- 2022.12.05 khy 웹접근성평가 받은 후 주석 풀기 --> <span class="mark"><a title="한국웹접근성평가센터 인증현황_바로가기_새창" href="http://www.wa.or.kr/board/list.asp?search=link_url&SearchString=bc.kvoting.go.kr&BoardID=0006" target="_blank"><img src="/resources/images/img_kwaccmark_2023.png" alt="국가공인 웹 접근성 품질인증마크"></a></span> </div> </div> <!-- //하단 --> </div> <div id="overlay"></div> </body> </html>