https://www.esgeconomy.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<link rel="shortcut icon" href="https://cdn.esgeconomy.com/image/logo/favicon.png">
8<title>로그인 - ESG경제</title>
9<link rel="canonical"  href="https://www.esgeconomy.com" />
10<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">
11<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/foundation.min.css">
12<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/custom.foundation.min.css">
13<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/webfonts.min.css">
14<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/font.style.css">
15<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/media.min.css">
16<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/autobox.style.min.css">
17<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/templates.style.min.css">
18<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/member.style.min.css">
19<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/style.min.css">
20<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/design.style.css">

20<script src="https://cdn.esgeconomy.com/script/jquery.min.js"></script>

20

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

21

22<script src="https://cdn.esgeconomy.com/script/foundation.min.js"></script>

22

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

23

24<script src="https://cdn.esgeconomy.com/script/md5.js"></script>

24

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

25

26<script src="https://cdn.esgeconomy.com/script/common.js"></script>

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

30<script src="https://cdn.esgeconomy.com/script/html5shiv.min.js"></script>

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

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

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

137		</div>
138		
139		<div class="row collapse small-up-1 medium-up-2 mary-15">
140			<div class="columns">
141				<label class="nd-checkbox check-pink">
142					<input type="checkbox" name="id_save" id="id_save"> 
143					<span class="nd-checked">아이디 저장</span>
144				</label>
145			</div>
146			<div class="columns">
147				<!-- 로그인메뉴 //-->
148				<div class="member-links">
149					<a href="/member/findMyInfo.html#find-id">아이디 찾기</a>
150					<a href="/member/findMyInfo.html#find-pw">비밀번호 찾기</a>
151				</div>
152				<!--// 로그인메뉴 -->
153			</div>
154		</div>
155
156		<button type="submit" class="button expanded large user-bg mary-25"  tabindex="3" onclick="javascript:loginform.checkLogin();return false;">로그인</button>
157	</form>
158	<!--// 로그인 폼 -->
159	
160	<a href="/member/" class="mb-joins-link">아직 ESG경제 회원이 아닌가요? <span class="user-point">회원가입</span></a>
161
162		<article class="plug-in">
163		<section class="btn-group">
164							<a href="javascript:snslogin('naver',	'/member/oauthLogin.php?service=naver',	'600', '800');" class="btn nv">
165					<i class="icon-naver"><span class="show-for-sr">네이버</span></i>
166				</a>
167			
168						
169			
170			
171							<a href="javascript:snslogin('kakao',	'/member/oauthLogin.php?service=kakao',	'600', '800');" class="btn kk">
172					<i class="icon-kakao"><span class="show-for-sr">카카오</span></i>
173				</a>
174					</section>
175		<footer class="plug-in-guide text-center">
176			SNS 계정으로 로그인하실 경우,<br> 일부 서비스 이용에 제한이 있을 수 있습니다.
177		</footer>
178	</article>
179	</div>
180

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

263
264
265		<footer class="mb-footer">
266			&copy;
267			<span class="user-point">ESG경제</span>			All rights reserved.
268		</footer>
269	</div>
270</div>
271<!--// user wrap -->
272
273
274</body>
275</html>
276