From 65c708944437e5bcbaa5b619118a72af9b932a2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=86=8C=EC=9A=B8=EC=B9=98=ED=82=A8?=
 <90738604+soulchicken@users.noreply.github.com>
Date: Thu, 19 Oct 2023 21:35:16 +0900
Subject: [PATCH] =?UTF-8?q?Style:=20=EA=B2=8C=EC=8B=9C=EA=B8=80=20?=
 =?UTF-8?q?=EB=B6=84=EB=A6=AC=ED=95=98=EB=8A=94=20=EB=9D=BC=EC=9D=B8=20CSS?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/community/postList/Post.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/community/postList/Post.tsx b/src/components/community/postList/Post.tsx
index a3e39f9..a655634 100644
--- a/src/components/community/postList/Post.tsx
+++ b/src/components/community/postList/Post.tsx
@@ -2,7 +2,6 @@ import { postDateParse } from '@/utils/services/date';
 import FriendWrapper from '@/components/friends/friend/FriendWrapper';
 import HeartIcon from '@/components/icons/HeartIcon';
 import CommentIcon from '@/components/icons/CommentIcon';
-import DivideLine from '@/components/common/divideLine/DivideLine';
 import color from '@/styles/color';
 import { css } from '@emotion/react';
 import { FC } from 'react';
@@ -35,7 +34,9 @@ const Post: FC<PostStates> = ({ characterId, post }) => (
         </li>
       </ul>
     </FriendWrapper>
-    <DivideLine />
+    <div css={lineContainerCSS}>
+      <div css={lineCSS} />
+    </div>
   </>
 );
 
@@ -70,3 +71,20 @@ const statusCSS = css`
   font-weight: bold;
   color: ${color.black};
 `;
+
+const lineContainerCSS = css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  color:  ${color.lightGray};
+  font-size: 0.875rem;
+`;
+
+const lineCSS = css`
+  display: block;
+  margin: 0.625rem;
+  height: 1px;
+  background: ${color.lightGray};
+  width: 100%;
+`;