diff --git "a/\353\257\270\354\205\2301/1\353\262\210 \353\260\260\352\262\275\354\235\264\353\257\270\354\247\200.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/1\353\262\210 \353\260\260\352\262\275\354\235\264\353\257\270\354\247\200.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/1\353\262\210 \353\260\260\352\262\275\354\235\264\353\257\270\354\247\200.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/1\353\262\210 \353\260\260\352\262\275\354\235\264\353\257\270\354\247\200.png"
diff --git "a/\353\257\270\354\205\2301/1\353\262\210\355\216\234\353\215\224\354\235\264\353\257\270\354\247\200.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/1\353\262\210\355\216\234\353\215\224\354\235\264\353\257\270\354\247\200.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/1\353\262\210\355\216\234\353\215\224\354\235\264\353\257\270\354\247\200.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/1\353\262\210\355\216\234\353\215\224\354\235\264\353\257\270\354\247\200.png"
diff --git "a/\353\257\270\354\205\2301/FAQ.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/FAQ.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/FAQ.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/FAQ.png"
diff --git "a/\353\257\270\354\205\2301/desktop_01.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/desktop_01.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/desktop_01.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/desktop_01.png"
diff --git "a/\353\257\270\354\205\2301/index.html" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/index.html"
similarity index 100%
rename from "\353\257\270\354\205\2301/index.html"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/index.html"
diff --git "a/\353\257\270\354\205\2301/pp.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/pp.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/pp.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/pp.png"
diff --git "a/\353\257\270\354\205\2301/\352\265\254\352\262\275\355\225\230\353\237\254\352\260\200\352\270\260.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\352\265\254\352\262\275\355\225\230\353\237\254\352\260\200\352\270\260.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\352\265\254\352\262\275\355\225\230\353\237\254\352\260\200\352\270\260.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\352\265\254\352\262\275\355\225\230\353\237\254\352\260\200\352\270\260.png"
diff --git "a/\353\257\270\354\205\2301/\353\241\234\352\267\270\354\235\270.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\241\234\352\267\270\354\235\270.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\353\241\234\352\267\270\354\235\270.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\241\234\352\267\270\354\235\270.png"
diff --git "a/\353\257\270\354\205\2301/\353\257\270\354\205\230\353\260\260\352\262\2751.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\353\260\260\352\262\2751.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\353\257\270\354\205\230\353\260\260\352\262\2751.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\353\260\260\352\262\2751.png"
diff --git "a/\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2043.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2043.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2043.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2043.png"
diff --git "a/\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2044.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2044.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2044.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2044.png"
diff --git "a/\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2045.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2045.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2045.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2045.png"
diff --git "a/\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2046.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2046.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2046.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2046.png"
diff --git "a/\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2047.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2047.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\353\257\270\354\205\230\354\202\254\354\247\2047.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\353\257\270\354\205\230\354\202\254\354\247\2047.png"
diff --git "a/\353\257\270\354\205\2301/\354\234\240\355\212\234\353\270\214.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\234\240\355\212\234\353\270\214.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\354\234\240\355\212\234\353\270\214.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\234\240\355\212\234\353\270\214.png"
diff --git "a/\353\257\270\354\205\2301/\354\235\270\354\212\244\355\203\200\352\267\270\353\236\250.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\235\270\354\212\244\355\203\200\352\267\270\353\236\250.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\354\235\270\354\212\244\355\203\200\352\267\270\353\236\250.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\235\270\354\212\244\355\203\200\352\267\270\353\236\250.png"
diff --git "a/\353\257\270\354\205\2301/\354\235\274\354\203\201\354\235\230 \353\252\250\353\223\240 \353\254\274\352\261\264\354\235\204 \352\261\260\353\236\230\355\225\264 \353\263\264\354\204\270\354\232\224.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\235\274\354\203\201\354\235\230 \353\252\250\353\223\240 \353\254\274\352\261\264\354\235\204 \352\261\260\353\236\230\355\225\264 \353\263\264\354\204\270\354\232\224.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\354\235\274\354\203\201\354\235\230 \353\252\250\353\223\240 \353\254\274\352\261\264\354\235\204 \352\261\260\353\236\230\355\225\264 \353\263\264\354\204\270\354\232\224.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\235\274\354\203\201\354\235\230 \353\252\250\353\223\240 \353\254\274\352\261\264\354\235\204 \352\261\260\353\236\230\355\225\264 \353\263\264\354\204\270\354\232\224.png"
diff --git "a/\353\257\270\354\205\2301/\354\236\221\354\235\200\353\241\234\352\263\240.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\236\221\354\235\200\353\241\234\352\263\240.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\354\236\221\354\235\200\353\241\234\352\263\240.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\236\221\354\235\200\353\241\234\352\263\240.png"
diff --git "a/\353\257\270\354\205\2301/\354\275\224\353\223\234\354\236\207\353\247\210\355\201\254.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\275\224\353\223\234\354\236\207\353\247\210\355\201\254.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\354\275\224\353\223\234\354\236\207\353\247\210\355\201\254.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\354\275\224\353\223\234\354\236\207\353\247\210\355\201\254.png"
diff --git "a/\353\257\270\354\205\2301/\355\201\260\353\241\234\352\263\240.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\355\201\260\353\241\234\352\263\240.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\355\201\260\353\241\234\352\263\240.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\355\201\260\353\241\234\352\263\240.png"
diff --git "a/\353\257\270\354\205\2301/\355\212\270\354\234\204\355\204\260.png" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\355\212\270\354\234\204\355\204\260.png"
similarity index 100%
rename from "\353\257\270\354\205\2301/\355\212\270\354\234\204\355\204\260.png"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\355\212\270\354\234\204\355\204\260.png"
diff --git "a/\353\257\270\354\205\2301/\355\214\220\353\213\244\353\247\210\354\274\223.css" "b/\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\355\214\220\353\213\244\353\247\210\354\274\223.css"
similarity index 100%
rename from "\353\257\270\354\205\2301/\355\214\220\353\213\244\353\247\210\354\274\223.css"
rename to "\353\257\270\354\205\2301\353\236\234\353\224\251 \355\216\230\354\235\264\354\247\200/\355\214\220\353\213\244\353\247\210\354\274\223.css"
diff --git "a/\353\257\270\354\205\2302-1/btn_large (2).png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/btn_large (2).png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/btn_large (2).png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/btn_large (2).png"
diff --git "a/\353\257\270\354\205\2302-1/index.html" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/index.html"
similarity index 90%
rename from "\353\257\270\354\205\2302-1/index.html"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/index.html"
index 62658f5..b2ece16 100644
--- "a/\353\257\270\354\205\2302-1/index.html"
+++ "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/index.html"	
@@ -4,6 +4,7 @@
     <link rel="stylesheet" href="style.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="미션2.js" defer></script>
     <title>login2</title>
   </head>
   <body>
@@ -13,16 +14,20 @@
           ><img src="판다로고.png" alt="팬더logo"
         /></a>
       </div>
+      
       <div class="email">
-        <label for="name"><strong>이메일</strong></label>
+        <label class="fogns" for="name"><strong>이메일</strong></label>
       </div>
+      <form>
       <div class="email1">
+        
         <input
           placeholder="이메일을 입력해주세요."
           type="email"
-          name="email"
+          name="username"
           id="name"
         />
+      </form>
       </div>
       <div class="password">
         <label for="password"><strong>비밀번호</strong></label>
diff --git "a/\353\257\270\354\205\2302-1/style.css" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/style.css"
similarity index 99%
rename from "\353\257\270\354\205\2302-1/style.css"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/style.css"
index 963da0e..5624e2b 100644
--- "a/\353\257\270\354\205\2302-1/style.css"
+++ "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/style.css"	
@@ -44,6 +44,8 @@ section {
   position: relative;
   right: 290px;
 }
+
+
 .email1 {
   position: relative;
   top: 20px;
diff --git "a/\353\257\270\354\205\2302-1/\352\260\204\355\216\270 \353\241\234\352\267\270\354\235\270\355\225\230\352\270\260.png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\352\260\204\355\216\270 \353\241\234\352\267\270\354\235\270\355\225\230\352\270\260.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/\352\260\204\355\216\270 \353\241\234\352\267\270\354\235\270\355\225\230\352\270\260.png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\352\260\204\355\216\270 \353\241\234\352\267\270\354\235\270\355\225\230\352\270\260.png"
diff --git "a/\353\257\270\354\205\2302-1/\352\265\254\352\270\200.png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\352\265\254\352\270\200.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/\352\265\254\352\270\200.png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\352\265\254\352\270\200.png"
diff --git "a/\353\257\270\354\205\2302-1/\353\241\234\352\267\270\354\235\270.png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\353\241\234\352\267\270\354\235\270.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/\353\241\234\352\267\270\354\235\270.png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\353\241\234\352\267\270\354\235\270.png"
diff --git "a/\353\257\270\354\205\2302-1/\353\241\234\352\267\270\354\235\2701.png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\353\241\234\352\267\270\354\235\2701.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/\353\241\234\352\267\270\354\235\2701.png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\353\241\234\352\267\270\354\235\2701.png"
diff --git "a/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\353\257\270\354\205\2302.js" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\353\257\270\354\205\2302.js"
new file mode 100644
index 0000000..0ae9eea
--- /dev/null
+++ "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\353\257\270\354\205\2302.js"	
@@ -0,0 +1,2 @@
+let name = document.querySelector('#name');
+
diff --git "a/\353\257\270\354\205\2302-1/\354\271\264\354\271\264\354\230\244.png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\354\271\264\354\271\264\354\230\244.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/\354\271\264\354\271\264\354\230\244.png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\354\271\264\354\271\264\354\230\244.png"
diff --git "a/\353\257\270\354\205\2302-1/\355\214\220\353\213\244\353\241\234\352\263\240.png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\355\214\220\353\213\244\353\241\234\352\263\240.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/\355\214\220\353\213\244\353\241\234\352\263\240.png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\355\214\220\353\213\244\353\241\234\352\263\240.png"
diff --git "a/\353\257\270\354\205\2302-1/\355\216\230\353\266\201.png" "b/\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\355\216\230\353\266\201.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-1/\355\216\230\353\266\201.png"
rename to "\353\257\270\354\205\2302-1\354\233\271 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/\355\216\230\353\266\201.png"
diff --git "a/\353\257\270\354\205\2302-2/index.html" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/index.html"
similarity index 100%
rename from "\353\257\270\354\205\2302-2/index.html"
rename to "\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/index.html"
diff --git "a/\353\257\270\354\205\2302-2/staly.css" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/staly.css"
similarity index 100%
rename from "\353\257\270\354\205\2302-2/staly.css"
rename to "\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/staly.css"
diff --git "a/\353\257\270\354\205\2302-2/\352\265\254\352\270\200.png" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\352\265\254\352\270\200.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-2/\352\265\254\352\270\200.png"
rename to "\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\352\265\254\352\270\200.png"
diff --git "a/\353\257\270\354\205\2302-2/\353\210\210\353\252\250\354\226\221.png" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\353\210\210\353\252\250\354\226\221.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-2/\353\210\210\353\252\250\354\226\221.png"
rename to "\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\353\210\210\353\252\250\354\226\221.png"
diff --git "a/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\353\257\270\354\205\2302-2.js" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\353\257\270\354\205\2302-2.js"
new file mode 100644
index 0000000..e69de29
diff --git "a/\353\257\270\354\205\2302-2/\354\271\264\354\271\264\354\230\244.png" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\354\271\264\354\271\264\354\230\244.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-2/\354\271\264\354\271\264\354\230\244.png"
rename to "\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\354\271\264\354\271\264\354\230\244.png"
diff --git "a/\353\257\270\354\205\2302-2/\355\214\220\353\213\244\353\241\234\352\263\240.png" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\355\214\220\353\213\244\353\241\234\352\263\240.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-2/\355\214\220\353\213\244\353\241\234\352\263\240.png"
rename to "\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\355\214\220\353\213\244\353\241\234\352\263\240.png"
diff --git "a/\353\257\270\354\205\2302-2/\355\232\214\354\233\220\352\260\200\354\236\205.png" "b/\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\355\232\214\354\233\220\352\260\200\354\236\205.png"
similarity index 100%
rename from "\353\257\270\354\205\2302-2/\355\232\214\354\233\220\352\260\200\354\236\205.png"
rename to "\353\257\270\354\205\2302-2\354\233\271 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/\355\232\214\354\233\220\352\260\200\354\236\205.png"
diff --git "a/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/c.css" "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/c.css"
new file mode 100644
index 0000000..aaae46f
--- /dev/null
+++ "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/c.css"	
@@ -0,0 +1,90 @@
+.background{
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  justify-content: center;
+  align-items: center;
+}
+
+.pandalogo{
+  position: relative;
+  top: -200px;
+  left: 120px;
+  
+}
+.password_text,.email_text{
+  position: relative;
+  top: -180px
+}
+
+
+input{
+  position: relative;
+  top:-200px;
+  width: 620px;
+  height: 56px;
+  border-radius: 20px;
+  border-color: #F3F4F6;
+  background-color: #F3F4F6;
+  border: solid 1px #F3F4F6;
+  padding-left: 20px;
+  margin-top: 30px;
+  }
+  input:focus{
+  outline-style: solid;
+  outline-color: #3692ff;
+  }
+  input:hover{
+    border: solid 1px #3692ff;
+  }
+
+  .login_button{
+    position: relative;
+    top: -180px;
+    width: 640px;
+    height: 56px;
+    border-radius: 30px;
+    background: #9CA3AF;
+    border-color: #9CA3AF;
+    border: solid 1px #9CA3AF;
+    font-size: 17px;
+    font-weight: 900;
+    color: aliceblue;
+  }
+  .login_button:hover{
+    background: #3692ff;
+  }
+  .Easy_login{
+    position: relative;
+    margin-top: -175px;
+    background-color:#E6F2FF;
+    width: 640px;
+    height: 75px;
+    border-radius: 10px;
+  }
+  .member{
+    position: relative;
+    margin-top: 30px;
+    left: 180px;
+  }
+  .member a{
+    color: blue;
+  }
+  .kakao_button{
+    position: relative;
+    left: 530px;
+    bottom: 23px;
+  }
+  .google_button{
+    position: relative;
+    right: -515px;
+    bottom: 21px;
+  }
+  .Easy_login p{
+    position: relative;
+    left: 25px;
+    top: 25px
+  }
+  
+  
+  
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/c.js" "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/c.js"
new file mode 100644
index 0000000..824d625
--- /dev/null
+++ "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/c.js"	
@@ -0,0 +1,43 @@
+'use strict'
+// let email = document.querySelector('#email1');
+// email.addEventListener('keydown', (e) => {
+//   if (e.key === 'Enter') {
+//     alert('비밀번호를 입력해주세요.')
+//  }});
+// let password = document.querySelector('#password');
+
+// password.addEventListener('keydown', function(r){
+//   let pp = password.value;
+//   if (pp.key === 'Enter'){
+//     ((pp.length > 7 && pp.length <= 16) === false)
+//     alert('비밀번호는 8~16자 입니다.')
+  // btn.addEventListener('click', (e) => {
+  //   if (!email.includes('@')) {
+  // alert('이메일 형식이 잘못되었습니다.')
+  // } else { 
+  //   alert('비밀번호를 입력해주세요')
+  // }})
+/**조금 지저분해 보이지만 나중에 복습할겸 보려고 남겨둡니다  */
+
+let btn = document.querySelector('#btn');
+let emailo = document.querySelector('#email1');
+let passwordo = document.querySelector('#password');
+
+btn.addEventListener('click', () => {
+  let email = emailo.value;
+  let password = passwordo.value;
+  console.log(email)
+  console.log(password)
+  if (email === '') {
+    alert('이메일을 입력해 주세요.');
+  } else if (!email.includes('@')){
+    alert('이메일 형식이 올바르지 않습니다.')
+  } else if ((password.length <= 8 && password.length <= 16) === true){
+      alert('비밀번호는 8~16자 입니다.')
+  } else {
+    alert('로그인 성공!')
+  }
+  } 
+    );
+
+
diff --git "a/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/googlebutton.png" "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/googlebutton.png"
new file mode 100644
index 0000000..431a956
Binary files /dev/null and "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/googlebutton.png" differ
diff --git "a/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/index.html" "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/index.html"
new file mode 100644
index 0000000..531b3ea
--- /dev/null
+++ "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/index.html"	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="c.js" defer></script>
+  <link rel="stylesheet" href="c.css" />
+  <title>태블릿</title>
+</head>
+<body>
+  <section class="background">
+    <form action="">
+  <div class="pandalogo"><a href="https://kaleidoscopic-heliotrope-3e1f4a.netlify.app/"><img src="pandalogo.png" alt="pandalogo"></a>
+  </div>
+  
+    <label class="email_text" for="email"><strong>이메일</strong></label>
+    <div class="email">
+    <input type="email" name="email" id="email1" placeholder="이메일을 입력해주세요.">
+    </div>
+ 
+  
+    <label class="password_text"  for="password"><strong>비밀번호</strong></label>
+    <div class="password">
+    <input type="password" name="password" id="password" placeholder="비밀번호를 입력해주세요.">
+    </div>
+    <button class="login_button" type="button" id="btn">로그인</button>
+  
+  <div class="Easy_login"><p>간편 로그인하기</p>
+    <span class="google_button"><a href="http://www.google.com"><img src="googlebutton.png" alt="googlebutton"></a> </span>
+    <span class="kakao_button"><a href="http://www.kakaocorp.com"><img src="kakaobutton.png" alt="kakaobutton"></a></span>
+  </div>
+  <div class="member">판다마켓이 처음이신가요?<a href="https://glowing-liger-05520f.netlify.app/">회원가입</a>
+</div>
+</form>
+</section>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/kakaobutton.png" "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/kakaobutton.png"
new file mode 100644
index 0000000..a6833c9
Binary files /dev/null and "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/kakaobutton.png" differ
diff --git "a/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/pandalogo.png" "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/pandalogo.png"
new file mode 100644
index 0000000..8433e03
Binary files /dev/null and "b/\353\257\270\354\205\2303 \355\203\234\353\270\224\353\246\277\353\241\234\352\267\270\354\235\270 \355\216\230\354\235\264\354\247\200/pandalogo.png" differ
diff --git "a/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/google.png" "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/google.png"
new file mode 100644
index 0000000..431a956
Binary files /dev/null and "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/google.png" differ
diff --git "a/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/index.html" "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/index.html"
new file mode 100644
index 0000000..dfb4513
--- /dev/null
+++ "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/index.html"	
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="태블릿.css">
+  <script src="태블릿.js" defer></script>
+  <title>tablet</title>
+</head>
+<body>
+  <head>
+    <section class="container">
+      <span class="logo"><a href="https://jrhmission.netlify.app/"
+          ><img src="logo.png" alt="팬더로고" /></a></span>
+      <div class="email">
+        <form>
+        <label for="email"><h4>이메일</h4></label>
+      </div>
+      <div class="email2">
+        <input
+          type="email"
+          name="email"
+          id="email"
+          placeholder="이메일을 입력해주세요"
+        /></form>
+      </div>
+
+      <div class="nickname">
+        <form>
+        <label for="nickname"><h4>닉네임</h4></label>
+      </div>
+      <div class="nickname2">
+        <input placeholder="닉네임을 입력해주세요" id="nickname" type="text" /></form>
+      </div>
+      
+      <div class="password">
+        <label for="passwor2"><h4>&nbsp;&nbsp;&nbsp;비밀번호</h4></label>
+      </div>
+      <div class="password2">
+        <input type="password" id="passwor2" placeholder="비밀번호를 입력해주세요" />
+        </div>
+      <div class="password3">
+        <label for="password3_1"><h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;비밀번호 확인</h4></label>
+      </div>
+      <div>
+        <input
+          placeholder="비밀번호를 다시 한 번 입력해주세요"
+          type="password"
+        />
+      </div>
+      <div>
+        <a href="https://phenomenal-nougat-11f3af.netlify.app/"></a>
+        <button type="button" class="new_member">회원가입</button></a
+        >
+      </div>
+      <div class="login2">
+        <span class="qq"> 간편 로그인하기</span>
+        <span class="google">
+          <a href="http://google.com"
+            ><img width="42px" height="42px" src="google.png" alt="구글홈페이지"
+          /></a>
+        </span>
+        <span class="kakao">
+          <a href="https://www.kakaocorp.com/"
+            ><img width="42px" height="42px" src="kakao.png" alt="카카오 홈페이지"
+          /></a>
+        </span>
+      </div>
+      <span class="aa"
+        >판다마켓이 처음이신가요?
+        <a href="https://frolicking-tartufo-dd3812.netlify.app/">회원가입</a></span
+      >
+      </div>
+    </section>
+  </body>
+</html>
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/kakao.png" "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/kakao.png"
new file mode 100644
index 0000000..a6833c9
Binary files /dev/null and "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/kakao.png" differ
diff --git "a/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/logo.png" "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/logo.png"
new file mode 100644
index 0000000..0e0e0d4
Binary files /dev/null and "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/logo.png" differ
diff --git "a/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/\355\203\234\353\270\224\353\246\277.css" "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/\355\203\234\353\270\224\353\246\277.css"
new file mode 100644
index 0000000..a34868d
--- /dev/null
+++ "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/\355\203\234\353\270\224\353\246\277.css"	
@@ -0,0 +1,87 @@
+.container{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  
+}
+
+
+
+.login2{
+  position: relative;
+  width: 640px;
+  height: 74px;
+  background-color: #E6F2FF;
+  border-radius: 8px;
+  
+}
+
+
+input{
+  width: 620px;
+  height: 56px;
+  border-radius: 20px;
+  background-color: #F3F4F6;
+  border-color: #F3F4F6;
+  border: solid 1px #F3F4F6;
+  padding-left: 20px;
+}
+input:focus {
+  outline-color: #3692ff;
+}
+input:hover{
+  border-color: #3692ff;
+}
+
+
+.new_member{
+  position: relative;
+  width: 640px;
+  height: 56px;
+  border-radius: 30px;
+  background-color: #9CA3AF;
+  font-size: 17px;
+  font-weight: 900;
+  color: #F3F4F6;
+  border: solid 1px #F3F4F6;
+  margin: 30px auto;
+}
+.new_member:hover{
+  background-color: #3692ff;
+}
+
+.aa a {
+  color: blue;
+}
+
+H4{
+position: relative;
+right: 140px;
+top: 10px;
+}
+
+.kakao{
+  position: relative;
+  left: 400px;
+  top: 15px
+}
+.google{
+  position: relative;
+  left: 390px;
+  top: 16px
+}
+.qq{
+  position: relative;
+ 
+  left: 20px;
+}
+
+.aa{
+  position: relative;
+  top: 30px;
+}
+h4{
+  position: relative;
+  left: -280px;
+}
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/\355\203\234\353\270\224\353\246\277.js" "b/\353\257\270\354\205\2303-1\355\203\234\353\270\224\353\246\277 \355\232\214\354\233\220\352\260\200\354\236\205 \355\216\230\354\235\264\354\247\200/\355\203\234\353\270\224\353\246\277.js"
new file mode 100644
index 0000000..e69de29
diff --git "a/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/3-2.css" "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/3-2.css"
new file mode 100644
index 0000000..90535fa
--- /dev/null
+++ "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/3-2.css"	
@@ -0,0 +1,109 @@
+.background{
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  justify-content: center;
+  align-items: center;
+}
+
+.pandalogo{
+  position: relative;
+  left: 60px;
+  bottom: 160px;
+  
+}
+.email_text{
+  position: relative;
+  bottom: 165px;
+  left: 10px;
+}
+.password_text{
+  position: relative;
+  bottom: 150px;
+  left: 10px;
+}
+#password{
+  position: relative;
+  top: -18px;
+  right: 11px;
+  
+}
+#email1{
+  position: relative;
+  bottom: 180px;
+}
+
+
+input{
+  position: relative;
+  width: 323px;
+  height: 56px;
+  border-radius: 20px;
+  border-color: #F3F4F6;
+  background-color: #F3F4F6;
+  border: solid 1px #F3F4F6;
+  padding-left: 20px;
+ 
+  }
+  input:focus{
+  outline-style: solid;
+  outline-color: #3692ff;
+  }
+  input:hover{
+    border: solid 1px #3692ff;
+  }
+
+  .login_button{
+    position: relative;
+    width: 343px;
+    height: 56px;
+    border-radius: 30px;
+    background: #9CA3AF;
+    border-color: #9CA3AF;
+    border: solid 1px #9CA3AF;
+    font-size: 17px;
+    font-weight: 900;
+    color: aliceblue;
+    top: 20px;
+    right: 10px;
+  }
+  .login_button:hover{
+    background: #3692ff;
+  }
+  .Easy_login{
+    position: relative;
+    background-color:#E6F2FF;
+    width: 343px;
+    height: 75px;
+    border-radius: 10px;
+    top: 35px;
+    right: 10px;
+  }
+  .member{
+    position: relative;
+    left: 26px;
+    top: 70px;
+   
+  }
+  .member a{
+    color: blue;
+  }
+  .kakao_button{
+    position: relative;
+    left: 230px;
+    bottom: 22px;
+  }
+  .google_button{
+    position: relative;
+    left: 220px;
+    bottom: 19px;
+   
+  }
+  .Easy_login p{
+    position: relative;
+    left: 25px;
+    top: 25px
+  }
+
+  
+  
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/3-2.js" "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/3-2.js"
new file mode 100644
index 0000000..6b05317
--- /dev/null
+++ "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/3-2.js"	
@@ -0,0 +1,20 @@
+let btn = document.querySelector('#btn');
+let emailo = document.querySelector('#email1');
+let passwordo = document.querySelector('#password');
+
+btn.addEventListener('click', () => {
+  let email = emailo.value;
+  let password = passwordo.value;
+  console.log(email)
+  console.log(password)
+  if (email === '') {
+    alert('이메일을 입력해 주세요.');
+  } else if (!email.includes('@')){
+    alert('이메일 형식이 올바르지 않습니다.')
+  } else if ((password.length <= 8 && password.length <= 16) === true){
+      alert('비밀번호는 8~16자 입니다.')
+  } else {
+    alert('로그인 성공!')
+  }
+  } 
+    );
diff --git "a/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/eye.png" "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/eye.png"
new file mode 100644
index 0000000..55fd283
Binary files /dev/null and "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/eye.png" differ
diff --git "a/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/googlebutton(mobile).png" "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/googlebutton(mobile).png"
new file mode 100644
index 0000000..431a956
Binary files /dev/null and "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/googlebutton(mobile).png" differ
diff --git "a/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/index.html" "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/index.html"
new file mode 100644
index 0000000..9c7b444
--- /dev/null
+++ "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/index.html"	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="3-2.js" defer></script>
+  <link rel="stylesheet" href="3-2.css" />
+  <title>mobile_login</title>
+</head>
+<body>
+  <section class="background">
+    <form action="">
+  <div class="pandalogo"><a href="https://kaleidoscopic-heliotrope-3e1f4a.netlify.app/"><img src="logo(mobile).png" alt="pandalogo"></a>
+  </div>
+  
+    <label class="email_text" for="email"><h5>이메일</h5></label>
+    <div class="email">
+    <input type="email" name="email" id="email1" placeholder="이메일을 입력해주세요.">
+    </div>
+ 
+  
+    <label class="password_text"  for="password"><h5>비밀번호</h5><label>
+    <div class="password">
+    <input type="password" name="password" id="password" placeholder="비밀번호를 입력해주세요.">
+    </div>
+    <button class="login_button" type="button" id="btn">로그인</button>
+  
+  <div class="Easy_login"><p>간편 로그인하기</p>
+    <span class="google_button"><a href="http://www.google.com"><img src="googlebutton(mobile).png" alt="googlebutton"></a> </span>
+    <span class="kakao_button"><a href="http://www.kakaocorp.com"><img src="kakaobutton(mobile).png" alt="kakaobutton"></a></span>
+  </div>
+  <div class="member">판다마켓이 처음이신가요?<a href="https://glowing-liger-05520f.netlify.app/">회원가입</a>
+</div>
+</form>
+</section>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/kakaobutton(mobile).png" "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/kakaobutton(mobile).png"
new file mode 100644
index 0000000..a6833c9
Binary files /dev/null and "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/kakaobutton(mobile).png" differ
diff --git "a/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/logo(mobile).png" "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/logo(mobile).png"
new file mode 100644
index 0000000..a1551ed
Binary files /dev/null and "b/\353\257\270\354\205\2303-2 \353\252\250\353\260\224\354\235\274 \353\241\234\352\267\270\354\235\270\355\216\230\354\235\264\354\247\200/logo(mobile).png" differ
diff --git "a/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/3-3.css" "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/3-3.css"
new file mode 100644
index 0000000..b4907b3
--- /dev/null
+++ "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/3-3.css"	
@@ -0,0 +1,84 @@
+
+.container{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  
+}
+
+
+
+.login2{
+  position: relative;
+  width: 343px;
+  height: 56px;
+  background-color: #E6F2FF;
+  border-radius: 8px;
+  
+}
+
+
+input{
+  width: 323px;
+  height: 56px;
+  border-radius: 20px;
+  background-color: #F3F4F6;
+  border-color: #F3F4F6;
+  border: solid 1px #F3F4F6;
+  padding-left: 20px;
+}
+input:focus {
+  outline-color: #3692ff;
+}
+input:hover{
+  border-color: #3692ff;
+}
+
+
+.new_member{
+  position: relative;
+  width: 343px;
+  height: 56px;
+  border-radius: 30px;
+  background-color: #9CA3AF;
+  font-size: 17px;
+  font-weight: 900;
+  color: #F3F4F6;
+  border: solid 1px #F3F4F6;
+  margin: 30px auto;
+}
+.new_member:hover{
+  background-color: #3692ff;
+}
+
+.aa a {
+  color: blue;
+}
+
+H4{
+position: relative;
+right: 140px;
+top: 10px;
+}
+
+.kakao{
+  position: relative;
+  left: 110px;
+  top: 7px
+}
+.google{
+  position: relative;
+  left: 105px;
+  top: 7px
+}
+.qq{
+  position: relative;
+  bottom: 9px;
+  left: 5px;
+}
+
+.aa{
+  position: relative;
+  top: 20px;
+}
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/3-3.js" "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/3-3.js"
new file mode 100644
index 0000000..e69de29
diff --git "a/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/googlebutton(mobile).png" "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/googlebutton(mobile).png"
new file mode 100644
index 0000000..431a956
Binary files /dev/null and "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/googlebutton(mobile).png" differ
diff --git "a/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/index.html" "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/index.html"
new file mode 100644
index 0000000..45066a7
--- /dev/null
+++ "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/index.html"	
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="3-3.css">
+  <script src="3-3.js" defer></script>
+  <title>mobile members</title>
+</head>
+<body>
+  <head>
+    <section class="container">
+      <span class="logo"><a href="https://jrhmission.netlify.app/"
+          ><img src="logo(mobile).png" alt="팬더로고" /></a></span>
+      <div class="email">
+        <form>
+        <label for="email"><h4>이메일</h4></label>
+      </div>
+      <div class="email2">
+        <input
+          type="email"
+          name="email"
+          id="email"
+          placeholder="이메일을 입력해주세요"
+        /></form>
+      </div>
+
+      <div class="nickname">
+        <form>
+        <label for="nickname"><h4>닉네임</h4></label>
+      </div>
+      <div class="nickname2">
+        <input placeholder="닉네임을 입력해주세요" id="nickname" type="text" /></form>
+      </div>
+      
+      <div class="password">
+        <label for="passwor2"><h4>&nbsp;&nbsp;&nbsp;비밀번호</h4></label>
+      </div>
+      <div class="password2">
+        <input type="password" id="passwor2" placeholder="비밀번호를 입력해주세요" />
+        </div>
+      <div class="password3">
+        <label for="password3_1"><h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;비밀번호 확인</h4></label>
+      </div>
+      <div>
+        <input
+          placeholder="비밀번호를 다시 한 번 입력해주세요"
+          type="password"
+        />
+      </div>
+      <div>
+        <a href="https://phenomenal-nougat-11f3af.netlify.app/"></a>
+        <button type="button" class="new_member">회원가입</button></a
+        >
+      </div>
+      <div class="login2">
+        <span class="qq"> 간편 로그인하기</span>
+        <span class="google">
+          <a href="http://google.com"
+            ><img width="42px" height="42px" src="googlebutton(mobile).png" alt="구글홈페이지"
+          /></a>
+        </span>
+        <span class="kakao">
+          <a href="https://www.kakaocorp.com/"
+            ><img width="42px" height="42px" src="kakaobutton(mobile).png"
+          /></a>
+        </span>
+      </div>
+      <span class="aa"
+        >이미 회원이신가요?
+        <a href="https://frolicking-tartufo-dd3812.netlify.app/">로그인</a></span
+      >
+      </div>
+    </section>
+  </body>
+</html>
\ No newline at end of file
diff --git "a/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/kakaobutton(mobile).png" "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/kakaobutton(mobile).png"
new file mode 100644
index 0000000..a6833c9
Binary files /dev/null and "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/kakaobutton(mobile).png" differ
diff --git "a/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/logo(mobile).png" "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/logo(mobile).png"
new file mode 100644
index 0000000..a1551ed
Binary files /dev/null and "b/\353\257\270\354\205\2303-3 \353\252\250\353\260\224\354\235\274 \355\232\214\354\233\220\352\260\200\354\236\205\355\216\230\354\235\264\354\247\200/logo(mobile).png" differ