diff --git a/home.css b/home.css
new file mode 100644
index 0000000..b92e5d9
--- /dev/null
+++ b/home.css
@@ -0,0 +1,33 @@
+body {
+ background-color: beige;
+ display: flex;
+ flex-direction: column; /* 세로 방향 */
+ justify-content: center; /* 수평 가운데 정렬 */
+ align-items: center; /* 수직 가운데 정렬 */
+ height: 100vh; /* 화면 전체 높이에 맞춤 */
+ margin: 0; /* margin 제거 */
+}
+
+h1 {
+ text-align: center;
+ top: 10px;
+
+}
+
+#join{
+ background-color: rgb(249, 229, 229);
+ font-size: large;
+ text-align: center;
+ border-radius: 10px; /* 버튼 테두리 둥글게 */
+ padding: 9px; /* 버튼 크기 키우기 */
+ width: 300px; /* 버튼의 고정된 너비 */
+}
+
+#login{
+ background-color: rgb(249, 229, 229);
+ font-size: large;
+ border-radius: 10px; /* 버튼 테두리 둥글게 */
+ padding: 9px; /* 버튼 크기 키우기 */
+ width: 300px; /* 버튼의 고정된 너비 */
+
+}
diff --git a/home.html b/home.html
new file mode 100644
index 0000000..1dd2c0c
--- /dev/null
+++ b/home.html
@@ -0,0 +1,17 @@
+
+
+
+
+ 홈페이지
+
+
+
+ 홈페이지
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/join_membership.css b/join_membership.css
new file mode 100644
index 0000000..97347ac
--- /dev/null
+++ b/join_membership.css
@@ -0,0 +1,48 @@
+body {
+ margin: 0; /* margin 제거 */
+ background-color: beige;
+}
+
+nav {
+ text-align: right;
+}
+
+.center {
+ display: flex; /* flex 박스 사용 */
+ flex-direction: column; /* 세로 방향 */
+ justify-content: center; /* 수평 가운데 정렬 */
+ align-items: center; /* 수직 가운데 정렬 */
+ height: 100vh; /* 화면 전체 높이에 맞춤 */
+
+}
+
+#id_new, #pw_new, #pw_c {
+ height: 4vh;
+ width: 50vw;
+ border-radius: 10px;
+
+}
+
+#major_new {
+ height: 4vh;
+ width: 50vw;
+ border-radius: 10px;
+}
+
+#signup {
+ background-color: rgb(249, 229, 229);
+ font-size: large;
+ border-radius: 10px; /* 버튼 테두리 둥글게 */
+ padding: 3px; /* 버튼 크기 키우기 */
+ width: 200px; /* 버튼의 고정된 너비 */
+}
+
+#cancel {
+ background-color: rgb(249, 229, 229);
+ font-size: large;
+ border-radius: 10px; /* 버튼 테두리 둥글게 */
+ padding: 3px; /* 버튼 크기 키우기 */
+ width: 200px; /* 버튼의 고정된 너비 */
+
+}
+
diff --git a/join_membership.html b/join_membership.html
new file mode 100644
index 0000000..bf6af33
--- /dev/null
+++ b/join_membership.html
@@ -0,0 +1,40 @@
+
+
+
+
+ 회원가입 페이지
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/login.css b/login.css
new file mode 100644
index 0000000..247b293
--- /dev/null
+++ b/login.css
@@ -0,0 +1,40 @@
+body {
+ margin: 0;
+ background-color: beige;
+
+}
+
+nav {
+ text-align: right;
+}
+
+.center_m {
+
+ display: flex;
+ flex-direction: column; /* 세로 방향 */
+ justify-content: center; /* 수평 가운데 정렬 */
+ align-items: center; /* 수직 가운데 정렬 */
+ height: 100vh; /* 화면 전체 높이에 맞춤 */
+
+}
+
+#id_input {
+ height: 4vh;
+ width: 50vw;
+ border-radius: 10px;
+
+}
+
+#pw_input {
+ height: 4vh;
+ width: 50vw;
+ border-radius: 10px;
+}
+
+#ok {
+ background-color: rgb(249, 229, 229);
+ font-size: large;
+ border-radius: 10px; /* 버튼 테두리 둥글게 */
+ padding: 2px; /* 버튼 크기 키우기 */
+ width: 100px; /* 버튼의 고정된 너비 */
+}
\ No newline at end of file
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..da9b7a7
--- /dev/null
+++ b/login.html
@@ -0,0 +1,27 @@
+
+
+
+
+ 로그인 페이지
+
+
+
+
+
+
로그인
+
+ 아이디:
+
+
+
+ 비밀번호:
+
+
+
+