fix: 스타일 수정

apps/admin/app/global.css

@@ -8,3 +8,6 @@ body {
   flex-direction: row;
   min-height: 100vh;
 }
+::-webkit-scrollbar {
+  display: none;
+}

apps/admin/app/studies/[studyId]/page.tsx

@@ -11,7 +11,7 @@ import Header from "./_components/header/Header";
 const StudyPage = ({ params }: { params: { studyId: string } }) => {
   const { studyId } = params;
   return (
-    <Flex direction="column" gap="64px" overflow="scroll" scrollbarWidth="none">
+    <Flex direction="column" gap="64px">
       <Header studyId={studyId} />
       <CheckAttendanceNumber />
       <Divider style={MinHeightFullDividerStyle} />

apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/StudyTimeline.tsx

@@ -38,6 +38,4 @@ const CurriculumTimelineStyle = css({
   alignItems: "center",
   padding: "xs",
   gap: "xs",
-  borderRight: "1px solid",
-  borderColor: "outline",
 });

apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/index.tsx

@@ -31,8 +31,9 @@ const StudyInfoBox = ({
   return (
     <section aria-label="create-detailInfo-box" className={StudyInfoBoxStyle}>
       <div className={StudyInfoBoxWeekStyle}>{week}주차</div>
-      <Flex width="100%">
+      <Flex maxHeight={41} width="100%">
         <StudyTimeLine period={period} />
+        <div className={VerticalSectionStyle} />
         <StudyInfoStatus index={index} />
       </Flex>
       <StudyInfoDifficulty index={index} />
@@ -62,3 +63,9 @@ const StudyInfoBoxWeekStyle = css({
   alignItems: "center",
   padding: "xs",
 });
+
+const VerticalSectionStyle = css({
+  width: "1px",
+  height: "41px",
+  backgroundColor: "outline",
+});

apps/admin/app/studies/detail-info/[studyId]/layout.tsx

@@ -6,11 +6,16 @@ const StudyDetailInfoLayout = ({
   modal: React.ReactNode;
 }>) => {
   return (
-    <main>
+    <main style={MainLayoutStyle}>
       {children}
       {modal}
     </main>
   );
 };
 
 export default StudyDetailInfoLayout;
+
+const MainLayoutStyle = {
+  height: "100vh",
+  overflow: "auto",
+};