https://www.ccreview.co.kr/member/login.html

1<!doctype html>
2<html class="no-js" lang="ko" dir="ltr" data-mobile="false">
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<link rel="shortcut icon" href="https://cdn.ccreview.co.kr/image/logo/favicon.ico">
8<title>로그인 - 충청리뷰</title>
9<link rel="canonical"  href="https://www.ccreview.co.kr/member/login.html" />
10<link rel="stylesheet" href="https://cdn.ccreview.co.kr/css/common.min.css">
11<link rel="stylesheet" href="https://cdn.ccreview.co.kr/css/font.style.css">
12<link rel="stylesheet" href="https://cdn.ccreview.co.kr/css/plugins.min.css">
13<link rel="stylesheet" href="https://cdn.ccreview.co.kr/css/member.min.css">
14<link rel="stylesheet" href="https://cdn.ccreview.co.kr/css/design.style.css">

15<script src="https://cdn.ccreview.co.kr/script/jquery.min.js"></script>

15

16<script src="https://cdn.ccreview.co.kr/script/what-input.min.js"></script>

16

17<script src="https://cdn.ccreview.co.kr/script/foundation.min.js"></script>

17

18<script src="https://cdn.ccreview.co.kr/script/jquery.rwdImageMaps.min.js"></script>

18

19<script src="https://cdn.ccreview.co.kr/script/md5.js"></script>

19

20<script src="https://cdn.ccreview.co.kr/script/js.cookie-2.2.1.min.js"></script>

20

21<script src="https://cdn.ccreview.co.kr/script/common.js"></script>

21

22<script src="https://cdn.ccreview.co.kr/script/Util.js"></script>

22
23<style>
24:root {
25	--nd-primary: #2e3e9f;
26	--nd-primary-hover: #29388f;
27	--nd-primary-active: #25327f;
28	--nd-primary-rgb: 46, 62, 159;
29}
30</style>

31<script>
32$(function(e) {
33	// 이미지맵
34	$('img[usemap]').rwdImageMaps();
35});
36
37// 도메인
38var SITE_DOMAIN = 'https://www.ccreview.co.kr'
39	,CDN_DOMAIN = 'https://cdn.ccreview.co.kr'
40	,___currentTime	= 1790968169;
41</script>

41
42</head>
43<body class="" >
44<nav class="skip-nav">
45	<a href="#user-wrap" onclick="document.getElementById('user-wrap').tabIndex = -1;document.getElementById('user-wrap').focus();return false;" class="skip-nav-item">본문 바로가기</a>
46</nav><!-- user wrap //-->
47<div id="user-wrap" class="mb-wrap login-page">
48	<div class="mb-wrapper">
49		<header class="mb-header">
50			<h1 class="logo">
51				<a href="http://www.ccreview.co.kr">
52					<img src="https://cdn.ccreview.co.kr/image/logo/toplogo_20241101022255.png" alt="충청리뷰" />				</a>
53			</h1>
54		</header>
55<div class="mb-container">
56	<h1 class="mb-titles">회원로그인</h1>
57	<!-- 로그인 폼 //-->
58	<form name="loginForm" id="loginForm" method="post" action="login.php" >
59		<input type="hidden" name="backUrl" value="">
60
61		<fieldset>
62			<label for="user_id" class="show-for-sr">로그인</label>
63			<input type="text" name="user_id" id="user_id" class="xlarge marbtm-5" tabindex="1" placeholder="아이디" title="아이디">
64		</fieldset>
65
66		<fieldset>
67			<label for="user_pw" class="show-for-sr">비밀번호</label>
68			<input type="password" name="user_pw" id="user_pw" class="xlarge marbtm-5" tabindex="2" placeholder="비밀번호" title="비밀번호">
69		</fieldset>
70		
71		<div id="chapcha_div"></div>
72
73		<div id="loginForm-div" class="success callout" style="display:none;" data-closable>
74			<p id="loginForm-div-p"></p>
75			<button class="close-button" aria-label="Dismiss alert" type="button" data-close>
76				<span>&times;</span>
77			</button>

78		</div>
79		
80		<div class="hstack gap-3 mary-15">
81							<label class="nd-checkbox">
82					<input type="checkbox" name="id_save" id="id_save"> 
83					<span class="nd-checked">아이디 저장</span>
84				</label>
85						<div class="mb-link ms-auto">
86				<a href="https://www.ccreview.co.kr/member/findMyInfo.html#find-id" class="mb-link-item">아이디 찾기</a>
87				<a href="https://www.ccreview.co.kr/member/findMyInfo.html#find-pw" class="mb-link-item">비밀번호 찾기</a>
88			</div>
89		</div>
90
91		<button type="submit" class="button expanded large user-bg mary-25"  tabindex="3" onclick="javascript:loginform.checkLogin();return false;">로그인</button>
92	</form>
93	<!--// 로그인 폼 -->
94	
95	<a href="https://www.ccreview.co.kr/member/" class="mb-link-join">아직 충청리뷰 회원이 아닌가요? <strong class="text-primary text-underline">회원가입</strong></a>
96
97	</div>
98

99<script>
100
101	$(document).ready(function(){
102		loginform.getloadCookieId();
103		$('#id_save', 'form#loginForm').on('click', function(e) {
104			loginform.alertIdSaveCookie();	
105		});
106	});
107	
108	var loginform = {
109		cookieName:md5("userLoginKey"),
110		$_user_id:$('#user_id', 'form#loginForm'),
111		$_user_pw:$('#user_pw', 'form#loginForm'),
112		$_id_save:$('#id_save', 'form#loginForm'),
113		checkLogin:function(){
114			if(this.$_user_id.val() == ''){
115				$("#loginForm-div-p").html('아이디를 입력하세요');
116				$("#loginForm-div").removeClass('success').addClass('alert').show();
117				this.$_user_id.focus();
118				return false;
119			}
120			if(this.$_user_pw.val() == ''){
121				$("#loginForm-div-p").html('비밀번호를 입력하세요');
122				$("#loginForm-div").removeClass('success').addClass('alert').show();
123				this.$_user_pw.focus();
124				return false;
125			}
126	
127			this.checkIdSaveCookie(this.$_user_id.val());
128			$("form[name=loginForm]").submit();
129		},
130		//쿠키에서 아이디 로드
131		getloadCookieId:function() {		
132			if(Cookies.get(this.cookieName)) {
133			    var jsonData = JSON.parse(Cookies.get(this.cookieName));
134			    if(jsonData.bool === true && jsonData.key != "") {
135			    	this.$_user_id.val(jsonData.key);
136			    	this.$_id_save.attr("checked", true);
137			    }
138			}
139			
140			if(this.$_user_id.val() == "") this.$_user_id.focus();
141			else this.$_user_pw.focus();
142		},
143		//아이디저장 추가
144		checkIdSaveCookie:function(cVal) {
145			var checkbool = this.$_id_save.is(':checked');
146			if(checkbool === true) {
147				var data = {'bool':checkbool, 'key':cVal};
148				Cookies.set(this.cookieName, data, {expires:7});
149			}else Cookies.remove(this.cookieName);
150		},
151		//아이디 저장 사용시 경고문구 출력
152		alertIdSaveCookie:function() {
153			var checkbool = this.$_id_save.is(':checked');
154			if(checkbool === true) {
155				alert('공공장소 PC인 경우는 보안을 위해 사용을 자제해주세요.');
156			}
157		}
158	}
159	
160	function snslogin(tp, url, w, h) {
161		window.open(url, "snslogin", "width="+w+", height="+h+", scrollbars=1");
162	}
163	
164		function loginCaptcha() { 
165		$.ajax({
166			type: "POST",
167			url:  "/member/loginFail.ajax.php",
168			cache: false,
169			dataType : 'html',
170			data: {},
171			success: function(html){ 
172				$('#chapcha_div').html(html);
173				return false;
174			},
175			error:function(request,status,error){
176				//alert('ajax통신 오류!!!');
177				console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
178				//self.location.reload();
179			}
180		});
181	}
182	
183	if (document.addEventListener) {
184		window.addEventListener('pageshow', function(e) {
185			if (e.persisted || (window.performance&&window.performance.navigation.type==2)) {
186				location.reload();
187			} else loginCaptcha();
188		},
189		false);
190	}
191	
192</script>

192
193
194		<footer class="mb-footer">
195			&copy;
196			<span class="user-point">충청리뷰</span>			All rights reserved.
197		</footer>
198	</div>
199</div>
200<!--// user wrap -->
201
202
203</body>
204</html>
205