CINXE.COM
로그인 | 한국경제
<!DOCTYPE html> <html lang="ko"> <head> <!-- Title --> <!-- 트래킹 코드 title value --> <!-- 20240827 페이지 차단 --> <!-- <title>로그인 | 한국경제</title> --> <title>로그인 | 한국경제</title> <script>window.GATrackingData = {title:`로그인`}</script> <!-- Title End --> <!-- HK Traking Code --> <script src="https://static.hankyung.com/js/ga/googleTagManager.js?v=20240725" defer></script> <script src="https://static.hankyung.com/resource/www/common/js/gtm/memberTracking.js?v=20240725" defer></script> <!-- no cache --> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="-1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="color-scheme" content="dark light"> <!-- common script --> <script src="/js/login.js?v=20240828" charset="utf-8"></script> <script src="/js/josa.js" charset="utf-8"></script> <script src="/js/common.js?v=20230503" charset="utf-8"></script> <script src="/js/validation.js?v=20221027" charset="utf-8"></script> <script src="/js/sns/snsCommon.js?v=20240828" charset="utf-8"></script> <!-- 페이지 차단 --> <link rel="icon" href="https://static.hankyung.com/hk-favicon.svg"> <link rel="shortcut icon" hef="https://www.hankyung.com/favicon.ico"> <link rel="apple-touch-icon" href="https://static.hankyung.com/hk-apple-touch-icon-180x180.png"> <link rel="apple-touch-icon-precomposed" href="https://img.hankyung.com/m/img/hk_favo_web.png"> <link rel="stylesheet" href="https://static.hankyung.com/css/id/common.css?v=20230905"> <!-- jquery --> <script src="/js/jquery/jquery-3.1.1.min.js"></script> <script src="/js/jquery/jquery.cookie.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script type="text/javascript"> //초기실행 $(document).ready(function() { // 최근 로그인 표시 setCurrentLoginType(); $("#userId").bind('paste',function(e){ var el = $(this); setTimeout(function(){ if(!checkEmptyStr($(el).val())) $("#userId").val(""); },100); }); $("#loginKeep").change(function() { if($("#loginKeep").is(":checked")) { $("#loginKeepTip").show(); } else { $("#loginKeepTip").hide(); } }); $("#userId").focus(); }); //로그인 function fn_login(){ if (gfn_validateInput("userId", {required2: true, label: "아이디"})) {return;} if (gfn_validateInput("userPass", {required2: true, label: "비밀번호"})) {return;} if(!checkEmptyStr($("#userId").val())) { alert("아이디에 공백을 입력하실 수 없습니다."); return; } if($("#userPass").val().length < 4) { alert("아이디 또는 비밀번호를 다시 입력하세요.\n통합회원에 등록되지 않은 아이디이거나, 아이디 또는 비밀번호를 잘못 입력하셨습니다.") return; } if('app' == $("#user_agent").val()) { $("#loginKeep").prop('checked', true); } $("#loadingDiv").css('display','flex'); $("#userId").val($.trim($("#userId").val())); $("#userPass").val($.trim($("#userPass").val())); fn_ajaxActionLogin(); } function fn_ajaxActionLogin(){ var formData = $("#frm").serialize(); $.ajax({ url : "/login/ajaxActionLogin.do;jsessionid=5E8F0B95BD5CE04772B4A127486C2E4E", type : "POST", data : formData, dataType : "json", async : false, success: function(data) { if (data.errorCode == 'done') { //gfn_setCurrentLoginType($("#login_type").val()); gfn_setCurrentLoginType('email'); setCurrentLoginType(); var params = fn_setSubmitData(data, '0100', data.unlimitedFlag); gfn_formSubmit(data.callbackUrl, params); }else if (data.errorCode == 'dorm') { fn_dormUserPage(); }else{ alert(data.errorMsg); $("#frm").attr('action', '/login/login.do').submit(); } }, error : function(request,status,error) { alert("code:" + request.status + "\n" + "error:" + error); } }); } </script> </head> <body> <form id="frm" name="frm" method="post"> <!-- headerWrap --> <input type="hidden" id="key" name="key" value="a8bdf898783883b64503b8915deeb57767f935a24daf44150723299c01c8898a"/> <input type="hidden" id="callbackUrl" name="callbackUrl" value="https://member.hankyung.com/apps.frame/sso.callback.login"/> <input type="hidden" id="returnUrl" name="returnUrl" value="https://www.hankyung.com"/> <input type="hidden" id="user_agent" name="user_agent" value="web"/> <input type="hidden" id="login_type" name="login_type" value=""/> <input type="hidden" id="etc1" name="etc1" value=""/> <input type="hidden" id="etc2" name="etc2" value=""/> <input type="hidden" id="etc3" name="etc3" value=""/> <input style="display:none;visibility:hidden;width:0px;" title="자동submit방지"><!-- 자동submit 방지 --> <input type="hidden" id="hk_csrf_" name="hk_csrf_" value="90b3cf6ba07110a09112914835381fd34d31e239eb8a87ca7257a382cfb75473"/><div id="wrap"> <div class="inner"> <div class="top-area"> <a href="https://www.hankyung.com/" class="logo-hk"> <span class="blind">한국경제</span> </a> </div> <header class="header"> <h1 class="logo-section"> <span class="section-title">로그인</span> </h1> </header> <main class="contents"> <div class="login-contents"> <div class="login-form"> <fieldset> <legend>로그인 입력양식</legend> <div class="input-wrap"> <input type="email" name="userId" id="userId" placeholder="이메일" class="inp-txt" aria-label="이메일"> </div> <div class="input-wrap"> <input type="password" name="userPass" id="userPass" placeholder="비밀번호" class="inp-txt" aria-label="비밀번호" onKeypress="javascript:if(event.keyCode==13) {fn_login();}"> </div> <div class="login-option"> <div class="form-check"> <input type="checkbox" id="loginKeep" name="loginKeep" value="Y"/> <label for="loginKeep">로그인 상태 유지</label> </div> <p class="txt-accent" id="loginKeepTip" style="display: none;"> 개인정보 보호를 위해 공용기기에서는 사용에 유의해 주시기 바랍니다. </p> </div> <div class="btn-wrap"> <button type="button" class="btn-primary btn-lg" onClick="javascript:fn_login();">이메일로 로그인</button> </div> </fieldset> </div> <div class="rel-links"> <a href="javascript:fn_joinPage();" id="mobilehkJoin">회원가입</a> <a href="javascript:fn_findUserId();">계정 찾기</a> </div> </div> <section class="social-area social-login"> <h2 class="tit">소셜로 로그인</h2> <ul class="social-list"> <li> <button type="button" class="btn-social-kakao" onclick="javascript:fn_redirectKakaoLogin();"><span class="blind">카카오로 로그인</span></button> </li> <li> <button type="button" class="btn-social-naver" onClick="javascript:fn_redirectNaverLogin();"><span class="blind">네이버로 로그인</span></button> </li> <li> <button type="button" class="btn-social-google" onClick="javascript:fn_redirectGoogleLogin();"><span class="blind">구글로 로그인</span></button> </li> <li> <button type="button" class="btn-social-apple" onClick="javascript:fn_redirectAppleLogin();"><span class="blind">애플로 로그인</span></button> </li> </ul> </section> </main> <footer class="footer"> <div class="service-link"> <a href="https://www.hankyung.com/help/faq/webservice" class="link-faq" target="_blank">회원 FAQ</a> </div> </footer></div> </div> </form> <div class="loading-spinner" id="loadingDiv" style="display: none;"> <img src="https://static.hankyung.com/resource/common/img/icon/icon-spinner-w.svg" alt="Loading"> </div> <!-- [2024.01.09] 로딩 스피너 추가 --> </body> </html>