diff --git a/css/login.css b/css/login.css
new file mode 100644
index 00000000..c98cfd6e
--- /dev/null
+++ b/css/login.css
@@ -0,0 +1,67 @@
+body, html{
+ height: 100%;
+ background-repeat: no-repeat;
+}
+
+.main{
+ margin-top: 70px;
+}
+
+h1.title {
+ font-size: 50px;
+ font-family: 'Passion One', cursive;
+ font-weight: 400;
+}
+
+hr{
+ width: 10%;
+ /*color: #fff;*/
+}
+
+.form-group{
+ margin-bottom: 15px;
+}
+
+label{
+ margin-bottom: 15px;
+}
+
+input,
+input::-webkit-input-placeholder {
+ font-size: 11px;
+ padding-top: 3px;
+}
+
+.main-login{
+ /*background-color: #fff;*/
+ /* shadows and rounded borders */
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+
+}
+
+.main-center{
+ margin-top: 30px;
+ margin: 0 auto;
+ max-width: 330px;
+ padding: 40px 40px;
+
+}
+
+.login-button{
+ margin-top: 5px;
+}
+
+.login-register{
+ font-size: 11px;
+ text-align: center;
+}
+
+
+.terms{
+ max-height: 200px; overflow: auto;
+}
diff --git a/tmp_kakao/join.js b/js/join.js
similarity index 100%
rename from tmp_kakao/join.js
rename to js/join.js
diff --git a/js/login.js b/js/login.js
new file mode 100644
index 00000000..e69de29b
diff --git a/tmp_kakao/join.css b/tmp_kakao/join.css
index 0110454a..76822f61 100644
--- a/tmp_kakao/join.css
+++ b/tmp_kakao/join.css
@@ -1,11 +1,3 @@
-/*
-/* Created by Filipe Pina
- * Specific styles of signin, register, component
- */
-/*
- * General styles
- */
-
body, html{
height: 100%;
background-repeat: no-repeat;
diff --git a/tmp_kakao/join.php b/tmp_kakao/join.php
index f317665e..8ec977f5 100644
--- a/tmp_kakao/join.php
+++ b/tmp_kakao/join.php
@@ -31,9 +31,9 @@ if($canJoin != 'Y'){
-
+
-
+
@@ -110,11 +110,5 @@ if($canJoin != 'Y'){
-
-
-
-
-
-