[RESOURCE::css/login_style3.css]

<script type="text/javascript">
    $(function(){
        var uid = bm.cookie.getCookie("uid");
        $("#myId").val(uid);

        if($("#myId").val() != ""){
            $("#idSave").attr("checked", true);
        }

        $("#idSave").change(function(){
            if($("#idSave").is(":checked")){
                var uid = $("#myId").val();
                bm.cookie.setCookie("uid", uid, 7);
            }else{
                bm.cookie.deleteCookie("uid");
            }
        });
    })

    function login(){
        var pass = encrypt( $('input[name="input_pass"]').val(), decodeURI("[SECURE_KEY::]"));
        $('input[name="pass"]').val( pass );

        if($("#idSaveCheck").is(":checked")){
            var uid = $("#myId").val();
            bm.cookie.setCookie("uid", uid, 7);
        }
    }
</script>
<div class="col-12 h-100 show-table login_bg_wrap">
    <div class="col-12 show-tablecell pt50 pb50 pl20 pr20 vm fn">
        <div class="col-12 col-center show-table pt30 pb30 pt-sm-78 contents_wrap">
            <div class="col-12 col-sm-6 show-sm-tablecell vt fn tc pr10 pl10 left_wrap">
                <div class="mb47"><img src="[RESOURCE::img/style2_logo.png]" alt="1967 SCIENCE ANDONG COLLEGE"/></div>
                <h1 class="fontsize30 mb14">안동과학대학교</h1>
                <div class="fontsize15 mb45 mb-sm-0 info">
                    안동과학대학교에 오신 것을 환영합니다.<br/>
                    서비스 이용을 위해서는 로그인이 필요합니다.
                </div>
            </div>
            <div class="col-12 col-sm-6 col-center show-sm-tablecell vt fn pl20 pr20 pl-sm-60 pr-sm-60 right_wrap">
                <div class="mb30 mb-sm-75 tc fontsize0">
                    <h2 class="fontsize30 pt16">로그인</h2>
                </div>
                <div class="form_wrap col-center">
                    <form id="formLogin" action="[WEB_ROOT]login" method="post" name="loginForm" onsubmit="login()">
                        <input type="hidden" name="pass" value=""/>
                        <ul>
                            <li class="pt15 li_border">
                                <label class="show vm ml5 mr15" for="myId"><i class="ion-person fontsize30 icon_color"></i></label>
                                <input type="text" id="myId" class="mb5 fontsize15 input_80 input_id" name="id" placeholder="아이디"/>
                            </li>
                            <li class="pt15 mb28 li_border">
                                <label class="show vm ml7 mr15" for="myPassword"><i class="ion-android-lock fontsize30 icon_color"></i></label>
                                <input type="text" id="myPassword" class="mb5 show bm fontsize15 input_80 input_pw" name="input_pass" placeholder="비밀번호"/>
                            </li>
                            <li class="mb40 fontsize13">
                                <input type="checkbox" name="" id="save" class="mt0 ml3 mr8 input_save"/><label class="mr10 save_label" for="idSave">로그인 기억하기</label>
                                <a class="show search" href="javascript:void(0);">아이디/비밀번호 찾기</a>
                            </li>
                            <li class="">
                                <input type="submit" class="input_100 tc pt16 pb16 fontsize18 login_btn" value="로그인"/>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
            <div class="col-6 h-100 hidden show-sm bg_img"></div>
            <div class="col-12 col-sm-6 h-100 show-sm bg_white"></div>
        </div>
        <ul class="col-12 col-center pt17 pl10 fontsize13 lineheight22 login_info_con">
            <li class="pl12 login_info_list">보다 안전한 데이터 관리 및 회원님께 유익한 정보를   제공하기 위하여 로그인 후 사용하여 주시기 바랍니다.</li>
            <li class="pl12 login_info_list">아이디는 <span class="point_color">학번/교번, 최초 비밀번호</span>는 주민등록번호 뒷자리입니다. 아이디와 비밀번호 분실 시,개인정보관련 서비스를 이용해 주시기 바랍니다.</li>
            <li class="pl12 login_info_list">서비스 이용을 끝낸 후에는 <span class="point_color">개인정보보호</span>를 위하여 반드시 <span class="point_color">로그아웃</span>을 해주시기 바랍니다.</li>
        </ul>
    </div>
</div>