http://sealab.or.kr/bbs/login.php

1<!doctype html>
2<html lang="ko">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
6<meta http-equiv="imagetoolbar" content="no">
7<meta http-equiv="X-UA-Compatible" content="IE=edge">
8<title>로그인 | SEALAB</title>
9<link rel="stylesheet" href="http://sealab.or.kr/theme/fastic_t01/css/default.css?ver=220620">
10<link rel="stylesheet" href="http://sealab.or.kr/js/font-awesome/css/font-awesome.min.css?ver=220620">
11<link rel="stylesheet" href="http://sealab.or.kr/_publishing/member/member_05/style.css?ver=220620" />
12
13<!-- style sheets and font icons  -->
14<!--<link rel="stylesheet" type="text/css" href="http://sealab.or.kr/theme/fastic_t01/css/font-icons.min.css">-->
15<link rel="stylesheet" type="text/css" href="http://sealab.or.kr/theme/fastic_t01/css/theme-vendors.min.css">
16<link rel="stylesheet" type="text/css" href="http://sealab.or.kr/theme/fastic_t01/css/style.css" />
17<link rel="stylesheet" type="text/css" href="http://sealab.or.kr/theme/fastic_t01/css/responsive.css" />
18
19
20
21<!--[if lte IE 8]>

22<script src="http://sealab.or.kr/js/html5.js"></script>

22
23<![endif]-->

24<script>
25// 자바스크립트에서 사용하는 전역변수 선언
26var g5_url       = "http://sealab.or.kr";
27var g5_bbs_url   = "http://sealab.or.kr/bbs";
28var g5_is_member = "";
29var g5_is_admin  = "";
30var g5_is_mobile = "";
31var g5_bo_table  = "";
32var g5_sca       = "";
33var g5_editor    = "";
34var g5_cookie_domain = "";
35</script>

35

36<script src="http://sealab.or.kr/js/jquery-1.12.4.min.js?ver=220620"></script>

36

37<script src="http://sealab.or.kr/js/jquery-migrate-1.4.1.min.js?ver=220620"></script>

37

38<script src="http://sealab.or.kr/js/jquery.menu.js?ver=220620"></script>

38

39<script src="http://sealab.or.kr/js/common.js?ver=220620"></script>

39

40<script src="http://sealab.or.kr/js/wrest.js?ver=220620"></script>

40

41<script src="http://sealab.or.kr/js/placeholders.min.js?ver=220620"></script>

41
42</head>
43<body >
44<style>
45    /* 공통 */
46.check_box input[type="checkbox"]{display:none;}
47.check_box input[type="checkbox"] + label{position:relative;font-size:15px;margin-left:30px}
48.check_box input[type="checkbox"] + label:before{content:"";display:block;background: url('http://sealab.or.kr/skin/member/basic/img/check.svg') no-repeat center;background-size:100%;position:absolute;width:23px;height:23px;border:solid 2px #dddddd;border-radius:50%;top:-3px;left:-30px; }
49.check_box input[type="checkbox"]:checked + label:before{border-color:#ccc;background-image:url('http://sealab.or.kr/skin/member/basic/img/check_on.svg');background-color:#ccc;}
50.btn_submit {width:calc(100% - 60px);height:60px;background:#333;border:solid 1px #333;color:#ffffff;margin:30px 0 20px;font-size:18px;transition:all .2s}
51
52/* 로그인 */
53.mem05_skin {width:420px;background:#ffffff;border:solid 1px #dddddd;padding-bottom:50px;margin:80px auto 0}
54.mem05_skin .logo {text-align:center; padding: 30px 0; font-size: 1.5em; font-weight: 700;}
55.mem05_skin .logo img {height:90px}
56
57#login_fs {text-align:center;}
58#login_fs .frm_input {width:calc(100% - 60px);height:50px;border:solid 1px transparent;background:#f6f6f6;padding-left:25px;font-size:16px;}
59#login_fs .frm_input:focus {border:solid 1px #1d73f3}
60#login_fs .frm_input::placeholder {color:#999999}
61#login_fs #login_pw {margin-top:15px}
62#login_fs .info_wrap {display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:0 30px}
63#login_fs .info_wrap #lost_password a {font-size:14px;color:#999999;position:relative}
64#login_fs .info_wrap #lost_password #join:hover {color:#1d73f3}
65
66.join {display:flex;justify-content:center;color:#999999;font-size:15px}
67.join a {margin-left:10px;transition:all .2s}
68.join a:hover {color:#1d73f3}
69
70</style>
71<div id="" class="mem05_skin">
72    <div class="inner">
73        <div class="logo">
74            SEALAB
75        </div>
76
77        <form name="flogin" action="http://sealab.or.kr/bbs/login_check.php" onsubmit="return flogin_submit(this);" method="post" autocomplete="off">
78            <input type="hidden" name="url" value="http%3A%2F%2Fsealab.or.kr">
79            <fieldset id="login_fs">
80
81                <label for="login_id" class="sound_only">회원아이디<strong class="sound_only"> 필수</strong></label>
82                <input type="text" name="mb_id" id="login_id" required class="frm_input required" size="20" maxLength="20" placeholder="아이디">
83                <label for="login_pw" class="sound_only">비밀번호<strong class="sound_only"> 필수</strong></label>
84                <input type="password" name="mb_password" id="login_pw" required class="frm_input required" size="20" maxLength="20" placeholder="비밀번호">
85
86                <div class="info_wrap">
87                    <div id="login_info" class="check_box">
88                        <input type="checkbox" name="auto_login" id="login_auto_login" class="select_chk">
89                        <label for="login_auto_login">자동로그인</label>
90                    </div>
91                    <div id="lost_password">
92                        <a href="http://sealab.or.kr/bbs/password_lost.php" class="family_medium" id="login_password_lost">아이디/비밀번호 찾기</a>
93                    </div>
94                </div>
95
96                <button type="submit" class="btn_submit family_medium">로그인</button>
97            </fieldset>
98        </form>
99
100        <div class="join">
101            <p>아직 회원이 아니신가요?<a href="http://sealab.or.kr/bbs/password_lost.php" class="family_medium" id="join">회원가입</a></p>
102        </div>
103
104    </div>
105</div>
106

107<script>
108jQuery(function($){
109    $("#login_auto_login").click(function(){
110        if (this.checked) {
111            this.checked = confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?");
112        }
113    });
114});
115
116function flogin_submit(f)
117{
118    if( $( document.body ).triggerHandler( 'login_sumit', [f, 'flogin'] ) !== false ){
119        return true;
120    }
121    return false;
122}
123</script>

123
124
125
126
127
128</body>
129</html>