From 24a82949828bb9f17fa7308153a4744531cab8df Mon Sep 17 00:00:00 2001
From: Doyun Lee <doyn511@ajou.ac.kr>
Date: Thu, 18 Jan 2024 18:35:29 +0900
Subject: [PATCH 1/2] =?UTF-8?q?style:=20=ED=99=95=EC=84=B1=EA=B8=B0=20?=
 =?UTF-8?q?=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=A0=95=EB=A0=AC=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Home/components/NavigateLecueBook/NavigateLecueBook.style.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Home/components/NavigateLecueBook/NavigateLecueBook.style.ts b/src/Home/components/NavigateLecueBook/NavigateLecueBook.style.ts
index badf074f..f0f50e8e 100644
--- a/src/Home/components/NavigateLecueBook/NavigateLecueBook.style.ts
+++ b/src/Home/components/NavigateLecueBook/NavigateLecueBook.style.ts
@@ -10,6 +10,7 @@ export const IconWrapper = styled.section`
   display: flex;
   gap: 15.7rem;
   align-items: baseline;
+  justify-content: space-between;
 
   width: 100%;
   padding: 6rem 1.6rem 5rem;

From e98cd39d10f1e331164b91e801d5b7ac1b39e73e Mon Sep 17 00:00:00 2001
From: Doyun Lee <doyn511@ajou.ac.kr>
Date: Thu, 18 Jan 2024 18:35:41 +0900
Subject: [PATCH 2/2] =?UTF-8?q?style:=20grid,=20=EC=A0=84=EC=B2=B4=20heigh?=
 =?UTF-8?q?t=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Home/components/LecueBookList/LecueBookList.style.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/Home/components/LecueBookList/LecueBookList.style.ts b/src/Home/components/LecueBookList/LecueBookList.style.ts
index fe87b1cd..64f6bdcd 100644
--- a/src/Home/components/LecueBookList/LecueBookList.style.ts
+++ b/src/Home/components/LecueBookList/LecueBookList.style.ts
@@ -5,6 +5,8 @@ export const LecueBookListWrapper = styled.div`
   flex-direction: column;
 
   width: 100%;
+  height: 100dvh;
+  background-color: ${({ theme }) => theme.colors.key};
 `;
 
 export const Title = styled.header`
@@ -17,6 +19,7 @@ export const Title = styled.header`
   color: ${({ theme }) => theme.colors.BG};
   ${({ theme }) => theme.fonts.Title1_SB_16};
 
+  background-color: ${({ theme }) => theme.colors.white};
   text-align: center;
 `;
 
@@ -26,18 +29,18 @@ export const LecueBookList = styled.section`
   grid-template-columns: repeat(3, 1fr);
 
   width: 100%;
-  padding: 3rem 1.6rem 2.2rem;
 
-  background-color: ${({ theme }) => theme.colors.key};
+  padding: 3rem 1.6rem 2.2rem;
 `;
 
 export const LecueBook = styled.li`
   display: flex;
   gap: 1rem;
   align-items: center;
+  justify-content: center;
   flex-direction: column;
 
-  width: 10rem;
+  width: 100%;
   height: 14rem;
 
   cursor: pointer;