footer 작업

src/app/components/AppFooter.tsx

@@ -1,7 +1,27 @@
 export function AppFooter() {
   return (
-    <footer style={{ padding: 12, borderTop: "1px solid #eee", marginTop: 24 }}>
-      © msg App
+    <footer className="py-[72px]">
+      <div className="text-[#626262] text-[16px] leading-[14px] flex flex-row mb-[30px]">
+        <div className="flex-1"></div>
+        <div className="border-r border-dotted border-[#626262] px-[8px] cursor-pointer hover:text-[#2BAF7E]">개인정보처리방침</div>
+        <div className="border-r border-dotted border-[#626262] px-[8px] cursor-pointer hover:text-[#2BAF7E]">이메일 무단수집거부</div>
+        <div className="border-r border-dotted border-[#626262] px-[8px] cursor-pointer hover:text-[#2BAF7E]">책임의 한계와 법적고지</div>
+        <div className="border-r border-dotted border-[#626262] px-[8px] cursor-pointer hover:text-[#2BAF7E]">이용안내</div>
+        <div className="px-[8px] cursor-pointer hover:text-[#2BAF7E]">문의하기</div>
+        <div className="flex-1"></div>
+      </div>
+      <div className="text-[#888] text-center font-[Pretendard] text-[16px] font-normal leading-[100%] mt-[24px]">
+        본 내용에는 청소년 유해매체물이 포함될 수 있어 성인인증을 거친 분만 회원 가입을 하실 수 있습니다 19세 미만 청소년은 이용할 수 없습니다.
+      </div>
+      <div className="text-center mt-[24px]">
+        <span className="text-[#525252] font-[Pretendard] text-[14px] font-normal leading-[12px] mr-[8px]">
+          암실소문ⓒ
+        </span>
+        <span className="text-[#888] font-[Pretendard] text-[14px] font-normal leading-[12px]">
+          All Rights Reserved.
+        </span>
+      </div>
+
     </footer>
   );
 }