2020-1-capstone-design2 / 2012104089

Go to a project
Toggle navigation Toggle navigation pinning
박정훈
7b402a81 1 parent 91132102

FishBook design v1.4 & 중간보고서

Expand all
Inline Side-by-side
Showing 34 changed files with 530 additions and 79 deletions
1 +fieldset {
2 + border-style: none;
3 +}
4 +
5 +#btn_login, #btn_join {
6 + font-size: 18px;
7 + font-weight: 700;
8 + line-height: 1em;
9 + width: 100%;
10 + height: 3em;
11 + margin: 16px 0 7px;
12 + text-align: center;
13 + color: #fff;
14 + border: none;
15 + border-radius: 0;
16 + background-color: #03aac7;
17 +}
18 +#header {
19 + box-sizing: border-box;
20 + height: 30%;
21 + padding: 46px 0 0;
22 + text-align: center;
23 +}
24 +
25 +.blind {
26 + overflow: hidden;
27 + height: 0px;
28 +}
29 +.error_next_box {
30 + margin: 0 0 8px 0;
31 +}
32 +.find_info {
33 + font-size: 12px;
34 + padding-top: 6px;
35 + text-align: center;
36 + color: #8e8e8e;
37 + border-top: 1px solid #e4e4e5;
38 +}
39 +.input_row {
40 + height: 29px;
41 + margin: 0 0 8px;
42 + padding: 5px 11px 5px 11px;
43 + border: solid 1px #dadada;
44 + background: #fff;
45 +}
46 +.int {
47 + padding: 7px 0 6px;
48 + width: 100%;
49 + height: 16px;
50 + border: none;
51 +}
52 +.wrapper {
53 + width: 96%;
54 + height: 96%;
55 + margin: 0 auto;
56 +}
57 +
58 +@media screen and (max-width: 360px){
59 + #content {
60 + width: 200px;
61 + height: 70%;
62 + margin: 0 auto;
63 + }
64 + #header img {
65 + display: inline-block;
66 + width: 120px;
67 + height: 48px;
68 + }
69 +}
70 +@media screen and (min-width: 361px) and (max-width: 768px){
71 + #content {
72 + width: 330px;
73 + height: 70%;
74 + margin: 0 auto;
75 + }
76 + #header img {
77 + display: inline-block;
78 + width: 150px;
79 + height: 60px;
80 + }
81 +}
82 +@media screen and (min-width: 769px){
83 + #content {
84 + width: 700px;
85 + height: 70%;
86 + margin: 0 auto;
87 + }
88 + #header img {
89 + display: inline-block;
90 + width: 150px;
91 + height: 60px;
92 + }
93 +}
94 +
95 +
96 +
1 +a {
2 + text-decoration: none;
3 + color: #848485;
4 +}
5 +fieldset {
6 + border-style: none;
7 +}
8 +
9 +#btn_login, #btn_join {
10 + font-size: 18px;
11 + font-weight: 700;
12 + line-height: 1em;
13 + width: 100%;
14 + height: 3em;
15 + margin: 16px 0 7px;
16 + text-align: center;
17 + color: #fff;
18 + border: none;
19 + background-color: #03aac7;
20 +}
21 +#header {
22 + box-sizing: border-box;
23 + height: 30%;
24 + padding: 46px 0 0;
25 + text-align: center;
26 +}
27 +
28 +.blind {
29 + overflow: hidden;
30 + height: 0px;
31 +}
32 +.find_info {
33 + font-size: 12px;
34 + padding-top: 6px;
35 + text-align: center;
36 + color: #8e8e8e;
37 + border-top: 1px solid #e4e4e5;
38 +}
39 +.input_row {
40 + height: 29px;
41 + margin: 0 0 8px;
42 + padding: 5px 11px 5px 11px;
43 + border: solid 1px #dadada;
44 + background: #fff;
45 +}
46 +.int {
47 + padding: 7px 0 6px;
48 + width: 100%;
49 + height: 16px;
50 + border: none;
51 +}
52 +.wrapper {
53 + width: 96%;
54 + margin: 0 auto;
55 +}
56 +
57 +
58 +@media screen and (max-width: 360px){
59 + #content {
60 + width: 200px;
61 + margin: 0 auto;
62 + }
63 + #header img {
64 + display: inline-block;
65 + width: 120px;
66 + height: 48px;
67 + }
68 +}
69 +@media screen and (min-width: 361px) and (max-width: 768px){
70 + #content {
71 + width: 330px;
72 + margin: 0 auto;
73 + }
74 + #header img {
75 + display: inline-block;
76 + width: 150px;
77 + height: 60px;
78 + }
79 +}
80 +@media screen and (min-width: 769px){
81 + #content {
82 + width: 700px;
83 + margin: 0 auto;
84 + }
85 + #header img {
86 + display: inline-block;
87 + width: 150px;
88 + height: 60px;
89 + }
90 +}
91 +
92 +
93 +
...@@ -3,54 +3,61 @@ ...@@ -3,54 +3,61 @@
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 - <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <title>FishBook : 회원가입</title> 6 <title>FishBook : 회원가입</title>
8 - <link rel="stylesheet" href="css/style.css"> 7 + <link rel="stylesheet" href="css/join/user_join.css">
8 + <script src="js/jquery.js"></script>
9 + <script src="js/join.js"></script>
9 </head> 10 </head>
10 <body> 11 <body>
11 - <div id="header"> 12 + <div id="wrapper">
12 - <h1> 13 + <div id="header">
13 - <a href="#" class="h_logo"> 14 + <h1>
14 - <img src="images/fish-4925732.png" id="h_logo_img" alt="logo"> 15 + <a href="#">
15 - </a> 16 + <img src="images/fish-4925732.png" alt="logo">
16 - </h1> 17 + </a>
17 - </div> 18 + </h1>
18 - <div id="container"> 19 + </div>
19 - <div id="content"> 20 + <div id="container">
20 - <form> 21 + <div id="content">
21 - <fieldset class="join_form"> 22 + <form id="join_f">
22 - <legend class="blind">회원가입</legend> 23 + <fieldset class="join_form">
23 - <div class="input_row" id="email_area"> 24 + <legend class="blind">회원가입</legend>
24 - <span class="input_box"> 25 + <div class="input_row" id="email_area">
25 - <label for="email" id="label_email_area"></label> 26 + <span class="input_box">
26 - <input type="text" id="email" name="email" class="int" placeholder="이메일" autofocus> 27 + <label for="email" id="label_email_area"></label>
27 - </span> 28 + <input type="text" id="email" name="email" class="int" placeholder="이메일" autofocus>
28 - <!-- 취소 버튼(쓴 내용 삭제)--> 29 + </span>
29 - </div> 30 + <!-- 취소 버튼(쓴 내용 삭제)-->
30 - <div class="input_row" id="id_area"> 31 + </div>
31 - <span class="input_box"> 32 + <div class="error_next_box" id="email_msg" style=""></div>
32 - <label for="id" id="label_id_area"></label> 33 + <div class="input_row" id="id_area">
33 - <input type="text" id="id" name="id" class="int" placeholder="아이디"> 34 + <span class="input_box">
34 - </span> 35 + <label for="id" id="label_id_area"></label>
35 - <!-- 취소 버튼(쓴 내용 삭제)--> 36 + <input type="text" id="id" name="id" class="int" placeholder="아이디">
36 - </div> 37 + </span>
37 - <div class="input_row" id="pw_area"> 38 + <!-- 취소 버튼(쓴 내용 삭제)-->
38 - <span class="input_box"> 39 + </div>
39 - <label for="pw" id="label_pw_area"></label> 40 + <div class="error_next_box" id="id_msg" style=""></div>
40 - <input type="text" id="pw" name="pw" class="int" placeholder="비밀번호"> 41 + <div class="input_row" id="pw_area">
41 - </span> 42 + <span class="input_box">
42 - <!-- 취소 버튼(쓴 내용 삭제)--> 43 + <label for="pw" id="label_pw_area"></label>
43 - </div> 44 + <input type="password" id="pw" name="pw" class="int" placeholder="비밀번호">
44 - <div class="input_row" id="pw_check_area"> 45 + </span>
45 - <span class="input_box"> 46 + <!-- 취소 버튼(쓴 내용 삭제)-->
46 - <label for="pw_check" id="label_pw_check_area"></label> 47 + </div>
47 - <input type="text" id="pw_check" name="pw_check" class="int" placeholder="비밀번호 확인"> 48 + <div class="error_next_box" id="pw_msg" style=""></div>
48 - </span> 49 + <div class="input_row" id="pw_check_area">
49 - <!-- 취소 버튼(쓴 내용 삭제)--> 50 + <span class="input_box">
50 - </div> 51 + <label for="pw_check" id="label_pw_check_area"></label>
51 - <input type="submit" title="회원가입" id="btn_join" alt="회원가입" value="회원가입"> 52 + <input type="password" id="pw_check" name="pw_check" class="int" placeholder="비밀번호 확인">
52 - </fieldset> 53 + </span>
53 - </form> 54 + <!-- 취소 버튼(쓴 내용 삭제)-->
55 + </div>
56 + <div class="error_next_box" id="pw_check_msg" style=""></div>
57 + <input type="submit" title="회원가입" id="btn_join" alt="회원가입" value="회원가입">
58 + </fieldset>
59 + </form>
60 + </div>
54 </div> 61 </div>
55 </div> 62 </div>
56 </body> 63 </body>
......
1 +
2 +$(function(){
3 + /*이메일 중복 or 탈퇴 확인*/
4 +
5 + /*이메일 형식 확인 */
6 + $("#email").keyup(function(){
7 + if (validateEmail($.trim($("#email").val()))){
8 + $("#email_msg").text("사용 가능한 이메일 입니다.")
9 + .attr("style", "color: green; font-size:15px")
10 + } else {
11 + $("#email_msg").text("이메일 형식이 틀렸습니다.")
12 + .attr("style", "color: red; font-size:15px;");
13 + }
14 +
15 + });
16 +
17 + /*id 형식 확인 */
18 + $("#id").keyup(function(){
19 + if(validateId($.trim($("#id").val()))){
20 + $("#id_msg").text("사용 가능한 아이디입니다.")
21 + .attr("style", "color: green; font-size:15px");
22 + } else{
23 + $("#id_msg").text("5자리 이상 입력")
24 + .attr("style", "color: red; font-size:15px");
25 + }
26 +});
27 + /* 비밀번호 형식 확인 */
28 + // 비밀번호 규칙 정규식
29 +// : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력
30 + $("#pw").keyup(function(){
31 + if(validatePassword($.trim($("#pw").val()))){
32 + $("#pw_msg").text("사용 가능한 비밀번호입니다.")
33 + .attr("style", "color: green; font-size:15px");
34 + } else{
35 + $("#pw_msg").text("숫자, 특수문자 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력")
36 + .attr("style", "color: red; font-size:15px");
37 + }
38 +});
39 +
40 +
41 +
42 + /*비밀번호 재확인*/
43 + $("#pw_check, #pw").keyup(function(){
44 + if($("#pw").val()==$('#pw_check').val()){
45 + $("#pw_check_msg").text("비밀번호가 일치합니다.")
46 + .attr("style", "color: green; font-size:15px");
47 + } else{
48 + $("#pw_check_msg").text("비밀번호가 일치하지 않습니다.")
49 + .attr("style", "color: red; font-size:15px");
50 + }
51 + });
52 +
53 +
54 + /*Ajax */
55 + var $form = $("#join_f");
56 + $form.on("submit", function(e){
57 + e.preventDefault();
58 + var newUser = $form.serialize();
59 +
60 + $.ajax({
61 + type:"POST",
62 + url: "js/user.json",
63 + data:newUser,
64 + success:function(res){
65 + if (validateEmail($.trim($("#email").val()))){
66 + $(".input_row #email")
67 + .attr("style", "border: 1px solid green;")
68 + } else {
69 + $(".input_row #email")
70 + .attr("style", "border: 1px solid red;")
71 + .focus();
72 + }
73 + },
74 + error:function(){
75 + if (validateEmail($.trim($("#email").val()))){
76 + $(".input_row #email")
77 + .attr("style", "border: 1px solid green;")
78 + } else {
79 + $(".input_row #email")
80 + .attr("style", "border: 1px solid red;")
81 + .focus();
82 + }
83 + }
84 + });
85 + });
86 +
87 +
88 + /* 정규표현식을 이용하여 email형식에 맞는지 확인하는 함수*/
89 + function validateEmail(email) {
90 + var re = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;
91 + return re.test(email);
92 + }
93 + /* 정규표현식을 이용하여 id형식에 맞는지 확인하는 함수*/
94 + function validateId(id) {
95 + var re = /[a-zA-Z0-9]{5,}/i;
96 + return re.test(id);
97 +}
98 + /* 정규표현식을 이용하여 password형식에 맞는지 확인하는 함수*/
99 + // : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력
100 + function validatePassword(pw) {
101 + var re = /(?=.*\d{1,50})(?=.*[~`!@#$%\^&*()-+=]{1,50})(?=.*[a-zA-Z]{2,50}).{8,50}$/;
102 + return re.test(pw);
103 +}
104 +});
105 +
This diff could not be displayed because it is too large.
...@@ -3,43 +3,44 @@ ...@@ -3,43 +3,44 @@
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 - <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <title>FishBook : 로그인</title> 6 <title>FishBook : 로그인</title>
8 - <link rel="stylesheet" href="css/style.css"> 7 + <link rel="stylesheet" href="css/login/user_login.css">
9 </head> 8 </head>
10 <body> 9 <body>
11 - <div id="header"> 10 + <div id="wrapper">
12 - <h1> 11 + <div id="header">
13 - <a href="#" class="h_logo"> 12 + <h1>
14 - <img src="images/fish-4925732.png" id="h_logo_img" alt="logo"> 13 + <a href="#">
15 - </a> 14 + <img src="images/fish-4925732.png" alt="logo">
16 - </h1> 15 + </a>
17 - </div> 16 + </h1>
18 - <div id="container"> 17 + </div>
19 - <div id="content"> 18 + <div id="container">
20 - <form> 19 + <div id="content">
21 - <fieldset class="login_form"> 20 + <form>
22 - <legend class="blind">로그인</legend> 21 + <fieldset class="login_form">
23 - <div class="input_row" id="id_area"> 22 + <legend class="blind">로그인</legend>
24 - <span class="input_box"> 23 + <div class="input_row" id="id_area">
25 - <label for="id" id="label_id_area"></label> 24 + <span class="input_box">
26 - <input type="text" id="id" name="id" class="int" placeholder="아이디" autofocus> 25 + <label for="id" id="label_id_area"></label>
27 - </span> 26 + <input type="text" id="id" name="id" class="int" placeholder="아이디" autofocus>
28 - <!-- 취소 버튼--> 27 + </span>
29 - </div> 28 + <!-- 취소 버튼-->
30 - <div class="input_row" id="pw_area"> 29 + </div>
31 - <span class="input_box"> 30 + <div class="input_row" id="pw_area">
32 - <label for="pw" id="label_pw_area"></label> 31 + <span class="input_box">
33 - <input type="text" id="pw" name="pw" class="int" placeholder="비밀번호"> 32 + <label for="pw" id="label_pw_area"></label>
34 - </span> 33 + <input type="text" id="pw" name="pw" class="int" placeholder="비밀번호">
35 - <!-- 취소 버튼--> 34 + </span>
36 - </div> 35 + <!-- 취소 버튼-->
37 - <input type="submit" title="로그인" id="btn_login" alt="로그인" value="로그인"> 36 + </div>
38 - </fieldset> 37 + <input type="submit" title="로그인" id="btn_login" alt="로그인" value="로그인">
39 - </form> 38 + </fieldset>
40 - <div class="find_info"> 39 + </form>
41 - <a>아이디, 비밀번호 찾기</a> 40 + <div class="find_info">
42 - <a>회원가입</a> 41 + <a href="#">아이디, 비밀번호 찾기</a>
42 + <a href="#">회원가입</a>
43 + </div>
43 </div> 44 </div>
44 </div> 45 </div>
45 </div> 46 </div>
......
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 +ARC-Seal: i=1; a=rsa-sha256; d=naver.com; s=arc-20180730; t=1586410876;
2 + cv=none; b=CtvLs7wnUo0dNbVu2VK8XyV0z+DKy/XjZb5hjSN6SGA79vf16J1wsxPDmdJb
3 + cev+9wxNJQ6mdY/APraCr0eR2nXSjkPFE7TKLAzRPNXsFkhjYUGk0hvcchKDTQRJAwO0mJ
4 + uooqBER1WhiTI5Rgs57KkKOEIUMwZ8wNLXhSzNvm+D7v435rGMz+3yikalBenld4D/bcjJ
5 + OkeNZv7dPDIj+vE4SOfbrvYqmyJODOtprBQ2cIytBByBlJln44bMHLWk/hhrv8EEMkpHDZ
6 + e+uyUTFJkrx5Iz3NjoZ/5ttQxJMw6HPlh2rrhrQvEVflKiLutX0hYoIq7T4zsoJX+eghgv
7 + kg==
8 +ARC-Message-Signature: i=1; a=rsa-sha256; d=naver.com; s=arc-20180730;
9 + t=1586410876; c=relaxed/relaxed;
10 + bh=qIBhY/ousEKKgS/YiOcRm6SfYreENEoACPAZymlPNvk=;
11 + h=dkim-signature:from:date:message-id:subject:to; b=Q6XrxXAw9pnJZYzZQky
12 + DIUlCLe5IW3z2+BBdltIYnjxmThI6CuFw3erINc9MKgD2vPBGcPiLAIgBBzFm1VX9HM7/b
13 + LVMwmnHPOqN6yjj1m6dH2oQhQtnFiIV6PzSXEBac32SYCBwdj9Szbh481DlhUsoyyC3rSj
14 + 6Zn0bBo4aicRZ3m1kmeAR2oBF8VUwetMV7liGxS9WCJGejBY7vLN8NiLO7f2/GrhoU2Oje
15 + i7bH8C9qHcrdkuTAcW1GIHc+lEWI9A016/ULgXD8QNfEZRtNAAoxjcuz3C/mYfIjaCjdls
16 + v1rnrte5JcpNWQfYu3PYtrFGmaS6VzVhOnrpkS4i7eQ==
17 +ARC-Authentication-Results: i=1; mx.naver.com;
18 + spf=pass (mx.naver.com: domain of jeon@khu.ac.kr designates 209.85.208.181 as permitted sender) smtp.mailfrom=jeon@khu.ac.kr;
19 + dkim=pass header.i=@khu-ac-kr.20150623.gappssmtp.com
20 +Return-Path: <jeon@khu.ac.kr>
21 +Received-SPF: pass (mx.naver.com: domain of jeon@khu.ac.kr designates 209.85.208.181 as permitted sender)
22 + client-ip=209.85.208.181; x-iptype=white;
23 +Authentication-Results: mx.naver.com;
24 + spf=pass (mx.naver.com: domain of jeon@khu.ac.kr designates 209.85.208.181 as permitted sender) smtp.mailfrom=jeon@khu.ac.kr;
25 + dkim=pass header.i=@khu-ac-kr.20150623.gappssmtp.com
26 +X-Naver-ESV: +/+YpB3G1H+YbXFCbHmZKAEdKxurjJ+Y
27 +X-Session-IP: 209.85.208.181
28 +Received: from mail-lj1-f181.google.com (mail-lj1-f181.google.com [209.85.208.181])
29 + by crcvmail31.nm.naver.com with ESMTP id s7gkHVFYRgWlOfd6DPCzxg
30 + for <kangtak6291@naver.com>;
31 + Thu, 09 Apr 2020 05:41:16 -0000
32 +Received: by mail-lj1-f181.google.com with SMTP id i20so10132768ljn.6
33 + for <kangtak6291@naver.com>; Wed, 08 Apr 2020 22:41:15 -0700 (PDT)
34 +DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed;
35 + d=khu-ac-kr.20150623.gappssmtp.com; s=20150623;
36 + h=mime-version:references:in-reply-to:from:date:message-id:subject:to;
37 + bh=qIBhY/ousEKKgS/YiOcRm6SfYreENEoACPAZymlPNvk=;
38 + b=v+VGP0v94hibdxgeP0TLnE68JmZU2YZFetNQl5IaNDJEMQRUU8d254DOggNfRkSJ7t
39 + Y1cbccv0Pu2U0nEMcpDIemuKHhzTfYVq3Ywl50N9+kd9BAuU43yWhzb7Jj45t2XuN5XS
40 + lhMKKUHEI5roKQdyWAYegSiQLnKhWvR3sh+ocAwcoNuikqMz8uB37hK4mv62gEZjsMqM
41 + irqdbYI2fkJ3iJmwAQUsS/Fnnr+LBR6y79/wSP32zhHDPxW299CpeqsRLucdosf7RTcn
42 + noY0fohhCg8DGprCNgp2w4YdC0ENw7IRvF1tXg70x7pMF/F08oPkNtJsgxhhTcgttscX
43 + gC2A==
44 +X-Google-DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed;
45 + d=1e100.net; s=20161025;
46 + h=x-gm-message-state:mime-version:references:in-reply-to:from:date
47 + :message-id:subject:to;
48 + bh=qIBhY/ousEKKgS/YiOcRm6SfYreENEoACPAZymlPNvk=;
49 + b=e4PWSy2UnbeivDqlymSMrT8UGD5RH1EEKpjWXAX6lfiP11M0450l8/jr+/Nr/PRsnr
50 + y5QlWO7RwijOwbaiFKhMSWU/fbKJxou/Im+8teoPPQ224e7zo/vBbTtlHX0YkbwUZHmJ
51 + YjmYtfItE/0hsNMCedYmA0F8CZAXIEyTHibId9BaNyx4Iw0boBvzG8QpDUIRtk24alEU
52 + 9NjWPz49/s1O4nkjo9CjpoAd8tGBViC8hJoGvc9uSokrIn2gschsNWLDAn1di+K2RUMt
53 + R+Udac7OWEwz626UlGPSR8ywg9qVaefhCrIV8JpjmgihsDm7maHKUx4wN2xb5mshLCfK
54 + bAJA==
55 +X-Gm-Message-State: AGi0PuYuU/CO1nvygnh/MjhGjpNhIGJEEnh1B5WqkbiNH/l5YjtGtn/+
56 + i+B3sIKAQYlha7kASrQ2MMOCUfciz1oxQTFDrKXhbfbwsYY=
57 +X-Google-Smtp-Source: APiQypJqUE71Gwmqe/iMSTpyCii8Zs710cGppmZWDgaTJeTigxBGrJmRtmFBfyRSuY7xsr/CYi+KsY06I3xfaz7/7iE=
58 +X-Received: by 2002:a2e:8195:: with SMTP id e21mr7056339ljg.49.1586410873181;
59 + Wed, 08 Apr 2020 22:41:13 -0700 (PDT)
60 +MIME-Version: 1.0
61 +References: <dd28bbfa339c89215601229fbe8c0d7@cweb001.nm.nfra.io>
62 +In-Reply-To: <dd28bbfa339c89215601229fbe8c0d7@cweb001.nm.nfra.io>
63 +From: =?UTF-8?B?4oCN7KCE7ISd7Z2sKOy7tO2TqO2EsOqzte2VmeqzvCk=?= <jeon@khu.ac.kr>
64 +Date: Thu, 9 Apr 2020 14:41:01 +0900
65 +Message-ID: <CAB9rnC3=W62fs7Pact6dtaKV41PDxuOPRC0UHsxrqrieSRg0RQ@mail.gmail.com>
66 +Subject: =?UTF-8?B?UmU6IOy7tO2TqO2EsOqzte2VmeqzvCAyMDEyMTA0MDg5IOuwleygle2biO2VmeyDneyehQ==?=
67 + =?UTF-8?B?64uI64ukLiDrqZTsnbzsnbQg64iE652965CcIOqxsCDqsJnslYQg64uk7IucIOuztOuCtOuTnOumvQ==?=
68 + =?UTF-8?B?64uI64ukLg==?=
69 +To: =?UTF-8?B?67CV7KCV7ZuI?= <kangtak6291@naver.com>
70 +Content-Type: multipart/alternative; boundary="00000000000090662e05a2d510bc"
71 +
72 +--00000000000090662e05a2d510bc
73 +Content-Type: text/plain; charset="UTF-8"
74 +Content-Transfer-Encoding: base64
75 +
76 +67CV7KCV7ZuIIO2VmeyDnSwNCg0KMTfsnbwg7Jik7ZuEIDPsi5wg6rSc7LCu7JWE7JqULiDqt7gg
77 +7KCE64Kg7JeQIOuLpOyLnO2VnOuyiCDrqZTsnbwg67aA7YOB7ZW07JqULg0KDQrsoITshJ3tnawN
78 +CjIwMjDrhYQgNOyblCA47J28ICjsiJgpIOyYpO2bhCAxMjo1Mywg67CV7KCV7ZuIIDxrYW5ndGFr
79 +NjI5MUBuYXZlci5jb20+64uY7J20IOyekeyEsToNCg0KPiDslYjrhZXtlZjshLjsmpQg7Lqh7Iqk
80 +7Yak65SU7J6Q7J24MuulvCDsiJjqsJXtlZjripQg7Lu07ZOo7YSw6rO17ZWZ6rO8IDIwMTIxMDQw
81 +ODkg67CV7KCV7ZuI7ZWZ7IOd7J6F64uI64ukLg0KPg0KPg0KPg0KPiDqtZDsiJjri5jqs7wg7Lqh
82 +7Iqk7Yak65SU7J6Q7J24Muq0gOugqOycvOuhnCDrr7jtjIXsnYQg7ZWY6rOgIOyLtuyKteuLiOuL
83 +pC4NCj4NCj4g7Y+J7J28IOyYpO2bhOyXkCDrqqjrkZAg6rCA64ql7ZWY64uk6rOgIO2VmOyFqOuK
84 +lOuNsCA0LzE3IOq4iOyalOydvCDsmKTtm4QgM+yLnCDslrTrlqDsi6DqsIDsmpQ/Pw0KPg0KPiDt
85 +mLnsi5wgM+yLnOqwgCDslYjrkJjsi5zrqbQgNC8xNyDquIjsmpTsnbzsl5Ag6rWQ7IiY64uY6ruY
86 +7IScIO2OuO2VmOyLoCDsi5zqsIQg66eQ7JSA7ZW07KO87Iuc66m0IOygnOqwgCDqt7gg7Iuc6rCE
87 +7JeQIOunnuy2lOqyoOyKteuLiOuLpC4NCj4NCj4NCj4NCj4g7JyE7JmAIOqwmeydgCDrgrTsmqns
88 +nLzroZwgNC82IOyblOyalOydvOyXkCDrqZTsnbzsnYQg67O064K065Oc66C464qU642wIOuLteye
89 +peydtCDsl4bsnLzshZTshJwg64uk7IucIOuplOydvCDrs7TrgrTrk5zrpr3ri4jri6QuDQo+DQo+
90 +DQo+DQo+IOyYpOuKmCDtlZjro6jrj4Qg7ZaJ67O17ZWcIO2VmOujqOuQmOyLnOq4uCDrsJTrnbzq
91 +sqDsirXri4jri6QhDQo+DQoNCg0KLS0gDQotLQ0KU2Vva2hlZSBKZW9uLCBQaC5ELg0KQXNzb2Np
92 +YXRlIFByb2Zlc3NvciwgRGVwdC4gQ29tcHV0ZXIgU2NpZW5jZSBhbmQgRW5naW5lZXJpbmcsIEt5
93 +dW5nIEhlZQ0KVW5pdmVyc2l0eQ0KKzgyLTEwLTY2OTctMTY5Mg0KaHR0cDovL2hhcHRpY3Mua2h1
94 +LmFjLmtyDQo=
95 +--00000000000090662e05a2d510bc
96 +Content-Type: text/html; charset="UTF-8"
97 +Content-Transfer-Encoding: base64
98 +
99 +PGRpdiBkaXI9Imx0ciI+67CV7KCV7ZuIIO2VmeyDnSw8ZGl2Pjxicj48L2Rpdj48ZGl2PjE37J28
100 +IOyYpO2bhCAz7IucIOq0nOywruyVhOyalC4g6re4IOyghOuCoOyXkCDri6Tsi5ztlZzrsogg66mU
101 +7J28IOu2gO2Dge2VtOyalC48L2Rpdj48ZGl2Pjxicj48L2Rpdj48ZGl2PuyghOyEne2drDxicj48
102 +ZGl2IGNsYXNzPSJnbWFpbF9xdW90ZSI+PGRpdiBkaXI9Imx0ciIgY2xhc3M9ImdtYWlsX2F0dHIi
103 +PjIwMjDrhYQgNOyblCA47J28ICjsiJgpIOyYpO2bhCAxMjo1Mywg67CV7KCV7ZuIICZsdDs8YSBo
104 +cmVmPSJtYWlsdG86a2FuZ3RhazYyOTFAbmF2ZXIuY29tIiB0YXJnZXQ9Il9ibGFuayI+a2FuZ3Rh
105 +azYyOTFAbmF2ZXIuY29tPC9hPiZndDvri5jsnbQg7J6R7ISxOjxicj48L2Rpdj48YmxvY2txdW90
106 +ZSBjbGFzcz0iZ21haWxfcXVvdGUiIHN0eWxlPSJtYXJnaW46MHB4IDBweCAwcHggMC44ZXg7Ym9y
107 +ZGVyLWxlZnQ6MXB4IHNvbGlkIHJnYigyMDQsMjA0LDIwNCk7cGFkZGluZy1sZWZ0OjFleCI+PGRp
108 +dj48ZGl2IHN0eWxlPSJmb250LXNpemU6MTBwdDtmb250LWZhbWlseTpHdWxpbSxzYW5zLXNlcmlm
109 +Ij48cCBzdHlsZT0iZm9udC1mYW1pbHk664+L7JuALERvdHVtLEhlbHZldGljYSwmcXVvdDtBcHBs
110 +ZSBTRCBHb3RoaWMgTmVvJnF1b3Q7LHNhbnMtc2VyaWY7Zm9udC1zaXplOjEycHgiPuyViOuFle2V
111 +mOyEuOyalCDsuqHsiqTthqTrlJTsnpDsnbgy66W8IOyImOqwle2VmOuKlCDsu7Ttk6jthLDqs7Xt
112 +lZnqs7wgMjAxMjEwNDA4OSDrsJXsoJXtm4jtlZnsg53snoXri4jri6QuPC9wPjxwIHN0eWxlPSJm
113 +b250LWZhbWlseTrrj4vsm4AsRG90dW0sSGVsdmV0aWNhLCZxdW90O0FwcGxlIFNEIEdvdGhpYyBO
114 +ZW8mcXVvdDssc2Fucy1zZXJpZjtmb250LXNpemU6MTJweCI+wqA8L3A+PHAgc3R5bGU9ImZvbnQt
115 +ZmFtaWx5OuuPi+ybgCxEb3R1bSxIZWx2ZXRpY2EsJnF1b3Q7QXBwbGUgU0QgR290aGljIE5lbyZx
116 +dW90OyxzYW5zLXNlcmlmO2ZvbnQtc2l6ZToxMnB4Ij7qtZDsiJjri5jqs7wg7Lqh7Iqk7Yak65SU
117 +7J6Q7J24Muq0gOugqOycvOuhnCDrr7jtjIXsnYQg7ZWY6rOgIOyLtuyKteuLiOuLpC48L3A+PHAg
118 +c3R5bGU9ImZvbnQtZmFtaWx5OuuPi+ybgCxEb3R1bSxIZWx2ZXRpY2EsJnF1b3Q7QXBwbGUgU0Qg
119 +R290aGljIE5lbyZxdW90OyxzYW5zLXNlcmlmO2ZvbnQtc2l6ZToxMnB4Ij7tj4nsnbwg7Jik7ZuE
120 +7JeQIOuqqOuRkCDqsIDriqXtlZjri6Tqs6Ag7ZWY7IWo64qU642wIDQvMTcg6riI7JqU7J28IOyY
121 +pO2bhCAz7IucIOyWtOuWoOyLoOqwgOyalD8/PC9wPjxwIHN0eWxlPSJmb250LWZhbWlseTrrj4vs
122 +m4AsRG90dW0sSGVsdmV0aWNhLCZxdW90O0FwcGxlIFNEIEdvdGhpYyBOZW8mcXVvdDssc2Fucy1z
123 +ZXJpZjtmb250LXNpemU6MTJweCI+7Zi57IucIDPsi5zqsIAg7JWI65CY7Iuc66m0IDQvMTcg6riI
124 +7JqU7J287JeQIOq1kOyImOuLmOq7mOyEnCDtjrjtlZjsi6Ag7Iuc6rCEIOunkOyUgO2VtOyjvOyL
125 +nOuptCDsoJzqsIAg6re4IOyLnOqwhOyXkCDrp57stpTqsqDsirXri4jri6QuPC9wPjxwIHN0eWxl
126 +PSJmb250LWZhbWlseTrrj4vsm4AsRG90dW0sSGVsdmV0aWNhLCZxdW90O0FwcGxlIFNEIEdvdGhp
127 +YyBOZW8mcXVvdDssc2Fucy1zZXJpZjtmb250LXNpemU6MTJweCI+wqA8L3A+PHAgc3R5bGU9ImZv
128 +bnQtZmFtaWx5OuuPi+ybgCxEb3R1bSxIZWx2ZXRpY2EsJnF1b3Q7QXBwbGUgU0QgR290aGljIE5l
129 +byZxdW90OyxzYW5zLXNlcmlmO2ZvbnQtc2l6ZToxMnB4Ij7snITsmYAg6rCZ7J2AIOuCtOyaqeyc
130 +vOuhnCA0LzYg7JuU7JqU7J287JeQIOuplOydvOydhCDrs7TrgrTrk5zroLjripTrjbAg64u17J6l
131 +7J20IOyXhuycvOyFlOyEnCDri6Tsi5wg66mU7J28IOuztOuCtOuTnOumveuLiOuLpC48L3A+PHAg
132 +c3R5bGU9ImZvbnQtZmFtaWx5OuuPi+ybgCxEb3R1bSxIZWx2ZXRpY2EsJnF1b3Q7QXBwbGUgU0Qg
133 +R290aGljIE5lbyZxdW90OyxzYW5zLXNlcmlmO2ZvbnQtc2l6ZToxMnB4Ij7CoDwvcD48cCBzdHls
134 +ZT0iZm9udC1mYW1pbHk664+L7JuALERvdHVtLEhlbHZldGljYSwmcXVvdDtBcHBsZSBTRCBHb3Ro
135 +aWMgTmVvJnF1b3Q7LHNhbnMtc2VyaWY7Zm9udC1zaXplOjEycHgiPuyYpOuKmCDtlZjro6jrj4Qg
136 +7ZaJ67O17ZWcIO2VmOujqOuQmOyLnOq4uCDrsJTrnbzqsqDsirXri4jri6QhPC9wPjwvZGl2Pjwv
137 +ZGl2Pjx0YWJsZSBzdHlsZT0iZGlzcGxheTpub25lIj48dGJvZHk+PHRyPjx0ZD48aW1nIHNyYz0i
138 +aHR0cHM6Ly9tYWlsLm5hdmVyLmNvbS9yZWFkUmVjZWlwdC9ub3RpZnkvP2ltZz1ybWVDJTJCeiUy
139 +QjVNNm5ZYXF1bEtvcE9wenRaYXppU3A0dXFLcTBvYUF2Wkt4RXJLQXVaS28wNE00RSUyRk1xSXZG
140 +ZElvJTJCcmtTS0Fndzc0bFI3NGw0YjR1NTE2WVFhckcwV3JsZzFyQzk3NEpvNzRSWi5naWYiIGJv
141 +cmRlcj0iMCI+PC90ZD48L3RyPjwvdGJvZHk+PC90YWJsZT48L2Jsb2NrcXVvdGU+PC9kaXY+PC9k
142 +aXY+PC9kaXY+PGJyIGNsZWFyPSJhbGwiPjxkaXY+PGJyPjwvZGl2Pi0tIDxicj48ZGl2IGRpcj0i
143 +bHRyIj48ZGl2IGRpcj0ibHRyIj48ZGl2PjxkaXYgZGlyPSJsdHIiPi0tPGRpdj5TZW9raGVlIEpl
144 +b24sIFBoLkQuPC9kaXY+PGRpdj5Bc3NvY2lhdGUgUHJvZmVzc29yLCBEZXB0LiBDb21wdXRlciBT
145 +Y2llbmNlIGFuZCBFbmdpbmVlcmluZywgS3l1bmcgSGVlIFVuaXZlcnNpdHk8L2Rpdj48ZGl2Pis4
146 +Mi0xMC02Njk3LTE2OTI8L2Rpdj48ZGl2PjxhIGhyZWY9Imh0dHA6Ly9oYXB0aWNzLmtodS5hYy5r
147 +ciIgdGFyZ2V0PSJfYmxhbmsiPmh0dHA6Ly9oYXB0aWNzLmtodS5hYy5rcjwvYT48L2Rpdj48L2Rp
148 +dj48L2Rpdj48L2Rpdj48L2Rpdj4NCg==
149 +--00000000000090662e05a2d510bc--
No preview for this file type