diff --git a/Group 22.png b/Group 22.png
new file mode 100644
index 00000000..9c945d04
Binary files /dev/null and b/Group 22.png differ
diff --git a/Img_home_01.png b/Img_home_01.png
new file mode 100644
index 00000000..249652e3
Binary files /dev/null and b/Img_home_01.png differ
diff --git a/Img_home_02.png b/Img_home_02.png
new file mode 100644
index 00000000..84d8629f
Binary files /dev/null and b/Img_home_02.png differ
diff --git a/Img_home_03.png b/Img_home_03.png
new file mode 100644
index 00000000..eb0d6cd2
Binary files /dev/null and b/Img_home_03.png differ
diff --git a/Img_home_bottom.png b/Img_home_bottom.png
new file mode 100644
index 00000000..58b29043
Binary files /dev/null and b/Img_home_bottom.png differ
diff --git a/Img_home_top.png b/Img_home_top.png
new file mode 100644
index 00000000..c31164ab
Binary files /dev/null and b/Img_home_top.png differ
diff --git a/cacaotalk.png b/cacaotalk.png
new file mode 100644
index 00000000..bd767800
Binary files /dev/null and b/cacaotalk.png differ
diff --git a/google.png b/google.png
new file mode 100644
index 00000000..f75dc761
Binary files /dev/null and b/google.png differ
diff --git a/ic_facebook (1).png b/ic_facebook (1).png
new file mode 100644
index 00000000..a3e343c7
Binary files /dev/null and b/ic_facebook (1).png differ
diff --git a/ic_instagram.png b/ic_instagram.png
new file mode 100644
index 00000000..c47e044d
Binary files /dev/null and b/ic_instagram.png differ
diff --git a/ic_twitter.png b/ic_twitter.png
new file mode 100644
index 00000000..3f74b730
Binary files /dev/null and b/ic_twitter.png differ
diff --git a/ic_youtube.png b/ic_youtube.png
new file mode 100644
index 00000000..874150b0
Binary files /dev/null and b/ic_youtube.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..9ae760fc
--- /dev/null
+++ b/index.html
@@ -0,0 +1,93 @@
+
+
+
+
+
+ 판다마켓
+
+
+
+
+
+
+
+
+
+
+
Hot item
+
인기 상품을
+
+
확인해 보세요
+
+
가장 HOT한 중고거래 물품을 판다 마켓에서 확인해 보세요
+
+
+
+
+
+
+
Search
+
구매를 원하는
+
상품을 검색하세요
+
구매하고 싶은 물품은 검색해서 쉽게 찾아보세요
+
+
+
+
+
+
+
Register
+
판매를 원하는
+
상품을 등록하세요
+
어떤 물건이든 판매하고 싶은 상품을 쉽게 등록하세요
+
+
+
+
+
믿을 수 있는
+
판다마켓 중고 거래
+
로그인
+
+
+
+
+
diff --git a/reset.css b/reset.css
new file mode 100644
index 00000000..82935aec
--- /dev/null
+++ b/reset.css
@@ -0,0 +1,124 @@
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol,
+ul {
+ list-style: none;
+}
+blockquote,
+q {
+ quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: "";
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/sign_up.html b/sign_up.html
new file mode 100644
index 00000000..c671ca06
--- /dev/null
+++ b/sign_up.html
@@ -0,0 +1,48 @@
+
+
+
+
+
+ 회원가입
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 회원가입
+
+
+
+
+
diff --git "a/\353\241\234\352\267\270\354\235\270&\355\232\214\354\233\220\352\260\200\354\236\205.css" "b/\353\241\234\352\267\270\354\235\270&\355\232\214\354\233\220\352\260\200\354\236\205.css"
new file mode 100644
index 00000000..68cd2a53
--- /dev/null
+++ "b/\353\241\234\352\267\270\354\235\270&\355\232\214\354\233\220\352\260\200\354\236\205.css"
@@ -0,0 +1,104 @@
+@import "reset.css";
+#body {
+ display: flex;
+ height: 100vh;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+#main_header {
+ display: flex;
+ font-weight: 700;
+ width: 266px;
+ height: 100px;
+ margin: 70px;
+ margin-left: -50px;
+ left: 125.77px;
+ font-size: 66.34px;
+ line-height: 89.56px;
+ color: #3692ff;
+ text-wrap: nowrap;
+ gap: 20px;
+}
+#content {
+ display: block;
+}
+.label {
+ display: block;
+ width: 47px;
+ height: 26px;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 26px;
+ color: #1f2937;
+ text-wrap: nowrap;
+ margin-bottom: 10px;
+}
+.input {
+ width: 640px;
+ height: 46px;
+ border-radius: 12px;
+ padding: 16px 24px 16px 24px;
+ gap: 10px;
+ background-color: #f3f4f6;
+ border-style: none;
+ margin-bottom: 20px;
+}
+#a_tag {
+ text-decoration: none;
+}
+#a_tag:visited {
+ color: #3692ff;
+}
+#login_box {
+ display: flex;
+ width: 445px;
+ height: 46px;
+ border-radius: 40px;
+ padding: 16px 124px 16px 124px;
+ gap: 10px;
+ background-color: #9ca3af;
+ justify-content: center;
+ align-items: center;
+ font-weight: 600;
+ color: #f3f4f6;
+ font-size: 20px;
+ line-height: 32px;
+}
+#nav_footer_box {
+ display: flex;
+ width: 645px;
+ height: 54px;
+ border-radius: 8px;
+ background-color: #e6f2ff;
+ padding: 16px 23px 16px 23px;
+ margin-top: 20px;
+ justify-content: space-between;
+ align-items: left;
+}
+#nav_footer_p {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #1f2937;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 26px;
+}
+#easy_login {
+ display: flex;
+ width: auto;
+ height: 42px;
+ justify-content: flex-end;
+ gap: 16px;
+}
+#footer {
+ display: flex;
+ width: 300px;
+ height: 24px;
+ gap: 4px;
+ margin-top: 30px;
+}
+#gaip {
+ color: #3692ff;
+}
diff --git "a/\354\212\244\355\224\204\353\246\260\355\212\270\353\257\270\354\205\230.css" "b/\354\212\244\355\224\204\353\246\260\355\212\270\353\257\270\354\205\230.css"
new file mode 100644
index 00000000..6b8d7608
--- /dev/null
+++ "b/\354\212\244\355\224\204\353\246\260\355\212\270\353\257\270\354\205\230.css"
@@ -0,0 +1,266 @@
+body {
+ margin: 0;
+ margin-top: 20px;
+}
+header {
+ width: 100%;
+ height: 30px;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ border: 1px solid DFDFDF;
+}
+header > #panda {
+ position: absolute;
+ width: 60px;
+ height: 60px;
+ margin-left: 200px;
+}
+#pandamarket {
+ width: 103px;
+ height: 35px;
+ top: -15px;
+ left: 270px;
+ color: #3692ff;
+ text-wrap: nowrap;
+ font-family: ROKAF Sans;
+ font-weight: 700;
+ font-size: 25.63px;
+ line-height: 34.6px;
+}
+#pandamarket_p {
+ text-decoration: none;
+}
+.login {
+ right: 200px;
+ position: absolute;
+ text-align: center;
+ height: 25px;
+ border-radius: 8px;
+ background-color: #3692ff;
+ width: 88px;
+ padding: 12px 23px 12px 23px;
+ color: white;
+}
+#nav_panda {
+ position: absolute;
+ width: 746px;
+ height: 340px;
+ left: 600px;
+ background-color: #cfe5ff;
+ top: 290px;
+}
+nav {
+ width: 100%;
+ height: 540px;
+ background-color: #cfe5ff;
+}
+p {
+ font-family: pretendard;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 10px;
+ color: #374151;
+ width: 400px;
+ height: 20px;
+ position: relative;
+ left: 200px;
+ top: 250px;
+ z-index: 1;
+}
+#go {
+ width: 357px;
+ height: 56px;
+ border-radius: 40px;
+ background-color: #3692ff;
+ text-align: center;
+ color: white;
+ display: flex;
+ position: absolute;
+ left: 200px;
+ bottom: 450px;
+ text-decoration: none;
+}
+span {
+ padding: 16px 124px 16px 124px;
+ font-size: 17px;
+ font-weight: 600;
+}
+.main_container1,
+.main_container2,
+.main_container3 {
+ width: 1920px;
+ height: 720px;
+}
+.item1,
+.item2,
+.item3 {
+ width: 588px;
+ height: 444px;
+}
+.item1,
+.item3 {
+ position: relative;
+ top: 138px;
+ left: 360px;
+ gap: 64px;
+}
+.item2 {
+ position: relative;
+ top: 138px;
+ left: 969px;
+ gap: 64px;
+}
+.main_content1,
+.main_content3 {
+ width: 367px;
+ height: 444px;
+ position: absolute;
+ background-color: #fcfcfc;
+ top: 0;
+ left: 100%;
+}
+.main_p,
+.main_p3 {
+ position: relative;
+ width: 430px;
+ height: 0px;
+ font-size: 40px;
+ line-height: 0px;
+ font-weight: 700;
+ top: 30px;
+ left: -20px;
+ padding: 16px 50px 16px 50px;
+}
+#blue_p,
+#blue_p3 {
+ position: relative;
+ width: 720px;
+ height: 26px;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 26px;
+ color: #3692ff;
+ top: 50px;
+ left: 40px;
+}
+#main_span,
+#main_span3 {
+ position: absolute;
+ width: 330px;
+ height: 64px;
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 32px;
+ color: #374151;
+ top: 250px;
+ left: -90px;
+}
+.main_content2 {
+ width: 367px;
+ height: 444px;
+ position: absolute;
+ background-color: #fcfcfc;
+ left: -50%;
+ top: 0;
+}
+#blue_p2 {
+ position: relative;
+ width: 720px;
+ height: 26px;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 26px;
+ color: #3692ff;
+ top: 50px;
+ left: 260px;
+}
+.main_p2 {
+ position: relative;
+ width: 400px;
+ height: 0px;
+ font-size: 40px;
+ line-height: 0px;
+ font-weight: 700;
+ padding: 16px 70px 16px 70px;
+ top: 50px;
+ left: -150px;
+ text-align: right;
+}
+#main_span2 {
+ position: absolute;
+ width: 350px;
+ height: 64px;
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 32px;
+ color: #374151;
+ top: 300px;
+ right: -80px;
+ text-align: right;
+}
+#tail_banner {
+ width: 1920px;
+ height: 540px;
+ background-color: #cfe5ff;
+}
+#tail_panda {
+ position: relative;
+ width: 746px;
+ height: 340px;
+ left: 600px;
+ background-color: #cfe5ff;
+ top: 200px;
+}
+.tail_p {
+ font-family: pretendard;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 10px;
+ color: #374151;
+ width: 400px;
+ height: 20px;
+ position: relative;
+ top: -90px;
+}
+footer {
+ width: 1920px;
+ height: 160px;
+ background-color: #111827;
+}
+.footer_box {
+ position: relative;
+ display: flex;
+ width: 1120px;
+ height: 20px;
+ justify-content: right;
+ background-color: #111827;
+ top: 30px;
+ left: 25%;
+ gap: 12px;
+}
+.footer_p {
+ position: relative;
+ width: 100px;
+ height: 10px;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19.09px;
+ text-align: left;
+ color: #9ca3af;
+ top: -20px;
+ margin-right: 1200px;
+ text-wrap: nowrap;
+}
+.footer_link {
+ position: relative;
+ width: 100px;
+ height: 10px;
+ top: -10px;
+ right: 500px;
+ text-wrap: nowrap;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19.09px;
+ color: #e5e7eb;
+ text-decoration: none;
+}
diff --git "a/\355\214\220\353\213\244 \354\226\274\352\265\264.png" "b/\355\214\220\353\213\244 \354\226\274\352\265\264.png"
new file mode 100644
index 00000000..e74e7d91
Binary files /dev/null and "b/\355\214\220\353\213\244 \354\226\274\352\265\264.png" differ
+ 
+ 
+