<!doctype html>
<html lang="ko">

<head>
    <meta charset="utf-8">
    <meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1" />
    <meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta property="fb:app_id" content="961578337335000" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://crossmap.co.kr/web/register" />
    <meta property="og:title" content="크로스맵 (회원가입) - 기독교 종합 포털" />
    <meta property="og:description" content="크로스맵은 일상 속에서 은혜를 구하는 크리스천을 위한 기독교 종합 포털사이트입니다." />
    <meta property="og:image" content="https://crossmap.co.kr" />
    <meta name="description" content="크로스맵은 일상 속에서 은혜를 구하는 크리스천을 위한 기독교 종합 포털사이트입니다.">
    <meta name="keywords" content="크로스맵 회원가입">
    <title>크로스맵 (로그인) - 기독교 종합 포털</title>
    <link rel="shortcut icon" href="<?php echo THEME_FOLDER; ?>/img/shortcut_icon.png">
    <link rel="apple-touch-icon" href="<?php echo THEME_FOLDER; ?>/img/shortcut_icon.png">
    <link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER; ?>/img/shortcut_icon.png">
    <link rel="shortcut icon" href="<?php echo THEME_FOLDER; ?>/img/favicon.ico" type="image/x-icon" />

    <!-- css -->
    <link rel="stylesheet" href="<?php echo THEME_FOLDER; ?>/css/main.css">
    <link rel="stylesheet" href="<?php echo THEME_FOLDER; ?>/css/popup.css">
    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
        integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>

<body>
    <div id="login_layer" style="display:block;">
        <div class="popup_wrap">
            <div class="popupbox">
                <div class="popuptop2 ">
                    <div class="logo" style="text-align:center"><a href="/"><img
                                src="<?php echo THEME_FOLDER; ?>/img/logo-b.gif" alt="크로스맵"></a></div>
                </div>
                <div class="popupbody">
                    <form name="login_form" id="login_form" method="post">
                        <input type="hidden" name="redirect" value="<?php echo $_SERVER['HTTP_REFERER']?>">
                        <div class="p_login">
                            <fieldset>
                                <div class="input_box">
                                    <input type="text" name="login_member_id" id="login_member_id" class="int"
                                        placeholder="아이디를 입력하세요.">
                                </div>
                                <div class="input_box">
                                    <input type="password" name="login_member_pwd" id="login_member_pwd" class="int"
                                        placeholder="비밀번호를 입력하세요">
                                </div>

                            </fieldset>
                            <div class="chk_id_login">
                                <input type="checkbox" name="save_login" id="save_login" value="Y"
                                    style="margin-right:5px;">로그인 상태 유지
                                <span style="float:right;"><a href="/user/find/id">아이디</a>/ <a
                                        href="/user/find/password">비밀번호
                                        찾기</a><span><img src="<?php echo THEME_FOLDER; ?>/img/mypage_bar.gif" alt=""
                                            style="padding:0 8px;"></span><a href="/user/register">회원가입</a></span>
                            </div>
                        </div>

                        <div class="form-group"
                            style="margin:10px 0 20px 0; padding-bottom: 20px; display:block; text-align:center">
                            <button type="submit" class="btn br5 m_email">로그인 </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="<?php echo THEME_FOLDER; ?>/js/jquery-3.3.1.min.js"></script>
    <script>
    $(function() {
        $('#login_form').on('submit', function(e) {
            e.preventDefault();
            var params = {
                keep: this.save_login.checked,
                userName: this.login_member_id.value,
                userPasswd: this.login_member_pwd.value,
                refer: this.redirect.value
            }
            if (!params.userName) {
                alert("아이디를 입력해주세요.");
                this.login_member_id.focus();
                return;
            }
            if (!params.userPasswd) {
                alert("비밀번호를 입력해주세요.");
                this.login_member_pwd.focus();
                return;
            }
            $.post('/user/auth', params, function(res) {
                if (res.code == 200) {
                    location.href = params.refer;
                } else {
                    alert('아이디와 비밀번호를 확인해주세요');
                }
            })
        })
    })
    </script>
</body>

</html>