https://www.ypsori.com/member/login.html

1<!doctype html>
2<html class="no-js" lang="ko" dir="ltr">
3<head>
4<meta charset="utf-8">
5<meta http-equiv="x-ua-compatible" content="ie=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7<title>로그인 - 양평시민의소리</title>
8<link rel="canonical"  href="https://www.ypsori.com" />
9<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap">
10<link rel="stylesheet" href="https://cdn.ypsori.com/css/foundation.min.css">
11<link rel="stylesheet" href="https://cdn.ypsori.com/css/custom.foundation.min.css">
12<link rel="stylesheet" href="https://cdn.ypsori.com/css/webfonts.min.css">
13<link rel="stylesheet" href="https://cdn.ypsori.com/css/font.style.css">
14<link rel="stylesheet" href="https://cdn.ypsori.com/css/media.min.css">
15<link rel="stylesheet" href="https://cdn.ypsori.com/css/autobox.style.min.css">
16<link rel="stylesheet" href="https://cdn.ypsori.com/css/templates.style.min.css">
17<link rel="stylesheet" href="https://cdn.ypsori.com/css/member.style.min.css">
18<link rel="stylesheet" href="https://cdn.ypsori.com/css/style.min.css">
19<link rel="stylesheet" href="https://cdn.ypsori.com/css/design.style.css">

19<script src="https://cdn.ypsori.com/script/jquery.min.js"></script>

19

20<script src="https://cdn.ypsori.com/script/what-input.js"></script>

20

21<script src="https://cdn.ypsori.com/script/foundation.min.js"></script>

21

22<script src="https://cdn.ypsori.com/script/jquery.rwdImageMaps.min.js"></script>

22

23<script src="https://cdn.ypsori.com/script/md5.js"></script>

23

24<script src="https://cdn.ypsori.com/script/js.cookie-2.2.1.min.js"></script>

24

25<script src="https://cdn.ypsori.com/script/common.js"></script>

25
26
27<!--[if lt IE 10]>
28<link rel="stylesheet" href="https://cdn.ypsori.com/css/style.ie9.css">

29<script src="https://cdn.ypsori.com/script/html5shiv.min.js"></script>

29
30<![endif]-->
31
32<style type="text/css">
33/* 사이트 기본 색 */
34.user-point {color:#c41916 !important}
35.user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.join-type-a:hover,
36.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label,
37.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before,
38.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label
39{background-color:#c41916 !important}
40.user-border {border-color:#c41916 !important}
41.nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, 
42.nd-radio.radio-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked ~ .nd-checked::before {background-color:#c41916 !important;border-color:#c41916 !important}
43.nd-checkbox.check-pink input[type="checkbox"] + .nd-checked::before, .nd-checkbox.check-pink input[type="radio"] + .nd-checked::before, 
44.nd-radio.radio-pink input[type="checkbox"] + .nd-checked::before, .nd-radio.radio-pink input[type="radio"] + .nd-checked::before,
45.checkbox-group.nd-pink input[type="radio"] + label::before, .checkbox-group.nd-pink input[type="checkbox"] + label::before,
46.radio-group.nd-pink input[type="radio"] + label::before, .radio-group.nd-pink input[type="checkbox"] + label::before {border-color:#c41916 !important;opacity:.5}
47.nd-checkbox.check-pink input[type="checkbox"]:checked + .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked + .nd-checked::before, 
48.nd-radio.radio-pink input[type="checkbox"]:checked + .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked + .nd-checked::before,
49.checkbox-group.nd-pink input[type="radio"]:checked + label::before, .checkbox-group.nd-pink input[type="checkbox"]:checked + label::before,
50.radio-group.nd-pink input[type="radio"]:checked + label::before, .radio-group.nd-pink input[type="checkbox"]:checked + label::before {background:#c41916 !important;border-color:transparent !important;opacity:1}
51
52</style>

53<script type="text/javascript">
54<!--
55$(document).ready(function(e) {
56	// 이미지맵
57	$('img[usemap]').rwdImageMaps();
58	bannerpop.banner(".banner_event_box");					// 기능성배너 이벤트
59});
60
61// 도메인
62var SITE_DOMAIN = 'https://www.ypsori.com'
63,___currentTime	= 1791120307;
64//-->
65</script>

65
66</head>
67<body class="" >
68<nav class="skip-nav">
69	<a href="#user-wrap" onclick="document.getElementById('user-wrap').tabIndex = -1;document.getElementById('user-wrap').focus();return false;" class="user-border"><span>본문 바로가기</span></a>
70</nav><!--[if lt IE 10]>
71<div id="ie9-guide">
72	<div class="ie9-wrapper border-box">
73		<p class="guide-txt">
74		잠깐! 현재 Internet Explorer 8이하 버전을 이용중이십니다. 최신 브라우저(Browser) 사용을 권장드립니다!
75		</p>
76
77		<div class="guide-right">
78			<dl class="ie9-down nobr">
79				<dt><i class="icon ie-logo">ie</i></dt>
80				<dd>
81					<span>인터넷 익스플로러 11</span>
82					<a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">다운로드</a>
83				</dd>
84			</dl>
85
86			<dl class="ie9-down">
87				<dt><i class="icon cr-logo">chrome</i></dt>
88				<dd>
89					<span>구글 크롬</span>
90					<a href="http://www.google.com/chrome/" target="_blank">다운로드</a>
91				</dd>
92			</dl>
93
94			<dl class="ie9-down">
95				<dt><i class="icon ff-logo">firefox</i></dt>
96				<dd>
97					<span>모질라 파이어폭스</span>
98					<a href="http://www.mozilla.or.kr/" target="_blank">다운로드</a>
99				</dd>
100			</dl>
101		</div>
102	</div>
103</div>
104<![endif]--><!-- user wrap //-->
105<div id="user-wrap" class="for-members login-page">
106	<div class="row expanded">
107		<header class="mb-header">
108			<h1 class="logo">
109				<a href="http://www.ypsori.com">
110					<img src="https://cdn.ypsori.com/image/logo/toplogo_20220221031523.png" alt="양평시민의소리" />				</a>
111			</h1>
112		</header>
113<div class="mb-container">
114	<h1 class="mb-titles">회원로그인</h1>
115	<!-- 로그인 폼 //-->
116	<form name="loginForm" id="loginForm" method="post" action="login.php" >
117		<input type="hidden" name="backUrl" value="">
118
119		<fieldset>
120			<label for="user_id" class="show-for-sr">로그인</label>
121			<input type="text" name="user_id" id="user_id" class="xlarge marbtm-5" tabindex="1" placeholder="아이디" title="아이디">
122		</fieldset>
123
124		<fieldset>
125			<label for="user_pw" class="show-for-sr">비밀번호</label>
126			<input type="password" name="user_pw" id="user_pw" class="xlarge marbtm-5" tabindex="2" placeholder="비밀번호" title="비밀번호">
127		</fieldset>
128		
129		<div id="chapcha_div"></div>
130
131		<div id="loginForm-div" class="success callout" style="display:none;" data-closable>
132			<p id="loginForm-div-p"></p>
133			<button class="close-button" aria-label="Dismiss alert" type="button" data-close>
134				<span>×</span>
135			</button>

136		</div>
137		
138		<div class="row collapse small-up-1 medium-up-2 mary-15">
139			<div class="columns">
140								<label class="nd-checkbox check-pink">
141					<input type="checkbox" name="id_save" id="id_save"> 
142					<span class="nd-checked">아이디 저장</span>
143				</label>
144							</div>
145			<div class="columns">
146				<!-- 로그인메뉴 //-->
147				<div class="member-links">
148					<a href="/member/findMyInfo.html#find-id">아이디 찾기</a>
149					<a href="/member/findMyInfo.html#find-pw">비밀번호 찾기</a>
150				</div>
151				<!--// 로그인메뉴 -->
152			</div>
153		</div>
154
155		<button type="submit" class="button expanded large user-bg mary-25"  tabindex="3" onclick="javascript:loginform.checkLogin();return false;">로그인</button>
156	</form>
157	<!--// 로그인 폼 -->
158	
159	<a href="/member/" class="mb-joins-link">아직 양평시민의소리 회원이 아닌가요? <span class="user-point">회원가입</span></a>
160
161	</div>
162

163<script>
164
165	$(document).ready(function(){
166		loginform.getloadCookieId();
167		$('#id_save', 'form#loginForm').on('click', function(e) {
168			loginform.alertIdSaveCookie();	
169		});
170	});
171	
172	var loginform = {
173		cookieName:md5("userLoginKey"),
174		$_user_id:$('#user_id', 'form#loginForm'),
175		$_user_pw:$('#user_pw', 'form#loginForm'),
176		$_id_save:$('#id_save', 'form#loginForm'),
177		checkLogin:function(){
178			if(this.$_user_id.val() == ''){
179				$("#loginForm-div-p").html('아이디를 입력하세요');
180				$("#loginForm-div").removeClass('success').addClass('alert').show();
181				this.$_user_id.focus();
182				return false;
183			}
184			if(this.$_user_pw.val() == ''){
185				$("#loginForm-div-p").html('비밀번호를 입력하세요');
186				$("#loginForm-div").removeClass('success').addClass('alert').show();
187				this.$_user_pw.focus();
188				return false;
189			}
190	
191			this.checkIdSaveCookie(this.$_user_id.val());
192			$("form[name=loginForm]").submit();
193		},
194		//쿠키에서 아이디 로드
195		getloadCookieId:function() {		
196			if(Cookies.get(this.cookieName)) {
197			    var jsonData = JSON.parse(Cookies.get(this.cookieName));
198			    if(jsonData.bool === true && jsonData.key != "") {
199			    	this.$_user_id.val(jsonData.key);
200			    	this.$_id_save.attr("checked", true);
201			    }
202			}
203			
204			if(this.$_user_id.val() == "") this.$_user_id.focus();
205			else this.$_user_pw.focus();
206		},
207		//아이디저장 추가
208		checkIdSaveCookie:function(cVal) {
209			var checkbool = this.$_id_save.is(':checked');
210			if(checkbool === true) {
211				var data = {'bool':checkbool, 'key':cVal};
212				Cookies.set(this.cookieName, data, {expires:7});
213			}else Cookies.remove(this.cookieName);
214		},
215		//아이디 저장 사용시 경고문구 출력
216		alertIdSaveCookie:function() {
217			var checkbool = this.$_id_save.is(':checked');
218			if(checkbool === true) {
219				alert('공공장소 PC인 경우는 보안을 위해 사용을 자제해주세요.');
220			}
221		}
222	}
223	
224	function snslogin(tp, url, w, h) {
225		window.open(url, "snslogin", "width="+w+", height="+h+", scrollbars=1");
226	}
227	
228			$.ajax({
229			type: "POST",
230			url:  "/member/loginFail.ajax.php",
231			cache: false,
232			dataType : 'html',
233			data: {},
234			success: function(html){ 
235				$('#chapcha_div').html(html);
236				return false;
237			},
238			error:function(request,status,error){
239				//alert('ajax통신 오류!!!');
240				console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
241				//self.location.reload();
242			}
243		});
244	
245</script>

245
246
247		<footer class="mb-footer">
248			&copy;
249			<span class="user-point">양평시민의소리</span>			All rights reserved.
250		</footer>
251	</div>
252</div>
253<!--// user wrap -->
254
255
256</body>
257</html>
258