CINXE.COM

<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>로그인 - 앳스타일</title> <link rel="canonical" href="http://www.atstar1.com" /> <link rel="stylesheet" href="https://cdn.atstar1.com/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/font.style.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/media.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/member.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/design.style.css"><script src="https://cdn.atstar1.com/script/jquery.min.js"></script> <script src="https://cdn.atstar1.com/script/what-input.js"></script> <script src="https://cdn.atstar1.com/script/foundation.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.rwdImageMaps.min.js"></script> <script src="https://cdn.atstar1.com/script/md5.js"></script> <script src="https://cdn.atstar1.com/script/js.cookie-2.2.1.min.js"></script> <script src="https://cdn.atstar1.com/script/common.js"></script>  <style type="text/css"> /* 사이트 기본 색 */ .user-point {color:#000 !important} .user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.join-type-a:hover, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#000 !important} .user-border {border-color:#000 !important} .nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, .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} .nd-checkbox.check-pink input[type="checkbox"] + .nd-checked::before, .nd-checkbox.check-pink input[type="radio"] + .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"] + .nd-checked::before, .nd-radio.radio-pink input[type="radio"] + .nd-checked::before, .checkbox-group.nd-pink input[type="radio"] + label::before, .checkbox-group.nd-pink input[type="checkbox"] + label::before, .radio-group.nd-pink input[type="radio"] + label::before, .radio-group.nd-pink input[type="checkbox"] + label::before {border-color:#000 !important;opacity:.5} .nd-checkbox.check-pink input[type="checkbox"]:checked + .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked + .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked + .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked + .nd-checked::before, .checkbox-group.nd-pink input[type="radio"]:checked + label::before, .checkbox-group.nd-pink input[type="checkbox"]:checked + label::before, .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} </style> <script type="text/javascript">  </script> </head> <body class="" > <nav class="skip-nav"> <a href="#user-wrap" onclick="document.getElementById('user-wrap').tabIndex = -1;document.getElementById('user-wrap').focus();return false;" class="user-border"><span>본문 바로가기</span></a> </nav> <div id="user-wrap" class="for-members login-page"> <div class="row expanded"> <header class="mb-header"> <h1 class="logo"> <a href="http://www.atstar1.com"> <img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일" /> </a> </h1> </header> <div class="mb-container"> <h1 class="mb-titles">회원로그인</h1>  <form name="loginForm" id="loginForm" method="post" action="login.php" > <input type="hidden" name="backUrl" value=""> <fieldset> <label for="user_id" class="show-for-sr">로그인</label> <input type="text" name="user_id" id="user_id" class="xlarge marbtm-5" tabindex="1" placeholder="아이디" title="아이디"> </fieldset> <fieldset> <label for="user_pw" class="show-for-sr">비밀번호</label> <input type="password" name="user_pw" id="user_pw" class="xlarge marbtm-5" tabindex="2" placeholder="비밀번호" title="비밀번호"> </fieldset> <div id="chapcha_div"></div> <div id="loginForm-div" class="success callout" style="display:none;" data-closable> <p id="loginForm-div-p"></p> <button class="close-button" aria-label="Dismiss alert" type="button" data-close> <span>×</span> </button> </div> <div class="row collapse small-up-1 medium-up-2 mary-15"> <div class="columns"> <label class="nd-checkbox check-pink"> <input type="checkbox" name="id_save" id="id_save"> <span class="nd-checked">아이디 저장</span> </label> </div> <div class="columns">  <div class="member-links"> <a href="/member/findMyInfo.html#find-id">아이디 찾기</a> <a href="/member/findMyInfo.html#find-pw">비밀번호 찾기</a> </div>  </div> </div> <button type="submit" class="button expanded large user-bg mary-25" tabindex="3" onclick="javascript:loginform.checkLogin();return false;">로그인</button> </form>  <a href="/member/" class="mb-joins-link">아직 앳스타일 회원이 아닌가요? <span class="user-point">회원가입</span></a> </div> <script> $(document).ready(function(){ loginform.getloadCookieId(); $('#id_save', 'form#loginForm').on('click', function(e) { loginform.alertIdSaveCookie(); }); }); var loginform = { cookieName:md5("userLoginKey"), $_user_id:$('#user_id', 'form#loginForm'), $_user_pw:$('#user_pw', 'form#loginForm'), $_id_save:$('#id_save', 'form#loginForm'), checkLogin:function(){ if(this.$_user_id.val() == ''){ $("#loginForm-div-p").html('아이디를 입력하세요'); $("#loginForm-div").removeClass('success').addClass('alert').show(); this.$_user_id.focus(); return false; } if(this.$_user_pw.val() == ''){ $("#loginForm-div-p").html('비밀번호를 입력하세요'); $("#loginForm-div").removeClass('success').addClass('alert').show(); this.$_user_pw.focus(); return false; } this.checkIdSaveCookie(this.$_user_id.val()); $("form[name=loginForm]").submit(); }, //쿠키에서 아이디 로드 getloadCookieId:function() { if(Cookies.get(this.cookieName)) { var jsonData = JSON.parse(Cookies.get(this.cookieName)); if(jsonData.bool === true && jsonData.key != "") { this.$_user_id.val(jsonData.key); this.$_id_save.attr("checked", true); } } if(this.$_user_id.val() == "") this.$_user_id.focus(); else this.$_user_pw.focus(); }, //아이디저장 추가 checkIdSaveCookie:function(cVal) { var checkbool = this.$_id_save.is(':checked'); if(checkbool === true) { var data = {'bool':checkbool, 'key':cVal}; Cookies.set(this.cookieName, data, {expires:7}); }else Cookies.remove(this.cookieName); }, //아이디 저장 사용시 경고문구 출력 alertIdSaveCookie:function() { var checkbool = this.$_id_save.is(':checked'); if(checkbool === true) { alert('공공장소 PC인 경우는 보안을 위해 사용을 자제해주세요.'); } } } function snslogin(tp, url, w, h) { window.open(url, "snslogin", "width="+w+", height="+h+", scrollbars=1"); } $.ajax({ type: "POST", url: "/member/loginFail.ajax.php", cache: false, dataType : 'html', data: {}, success: function(html){ $('#chapcha_div').html(html); return false; }, error:function(request,status,error){ //alert('ajax통신 오류!!!'); console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); //self.location.reload(); } }); </script> <footer class="mb-footer"> © <span class="user-point">앳스타일</span> All rights reserved. </footer> </div> </div>  </body> </html>