diff --git a/src/components/post/SelectedPostList.vue b/src/components/post/SelectedPostList.vue
index 03a4518..78a7cde 100644
--- a/src/components/post/SelectedPostList.vue
+++ b/src/components/post/SelectedPostList.vue
@@ -44,7 +44,7 @@
{{ post.title }}
-
{{ stripHtmlTags(post.content) }}
+
{{ stripHtmlTags(post.content) }}
@@ -319,28 +319,4 @@ function zergRush() {
diff --git a/src/styles/post/PostList.css b/src/styles/post/PostList.css
index 807937b..2f5a565 100644
--- a/src/styles/post/PostList.css
+++ b/src/styles/post/PostList.css
@@ -4,10 +4,18 @@
/* 두 줄을 표시하고 넘어가면 말줄임표 표시 */
-webkit-box-orient: vertical;
overflow: hidden;
+ white-space: normal;
text-overflow: ellipsis;
min-height: 50px;
margin-top: 10px;
margin-bottom: 10px;
+ max-width: 100%;
+ line-height: 1.8em;
+}
+
+.content-preview.no-postImg{
+ -webkit-line-clamp: 9;
+ min-height: 260px;
}
.card-title {
@@ -101,4 +109,29 @@
bottom: 20px;
right: 20px;
color: #042444;
-}
\ No newline at end of file
+}
+
+
+.zerg-unit {
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ background-color: white;
+ border: 3px solid navy;
+ border-radius: 50%;
+ position: absolute;
+ cursor: pointer;
+ animation: zergAnimation 20s linear infinite; /* 애니메이션 적용 */
+ }
+
+ @keyframes zergAnimation {
+ 0% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(50vh); /* 바닥까지 떨어지는 위치로 변경 */
+ }
+ 100% {
+ transform: translateY(100vh); /* 바닥까지 떨어지는 위치로 변경 */
+ }
+ }
\ No newline at end of file