diff --git a/src/components/session/SessionDetailSection.tsx b/src/components/session/SessionDetailSection.tsx
index 33911e43..de0c2d1d 100644
--- a/src/components/session/SessionDetailSection.tsx
+++ b/src/components/session/SessionDetailSection.tsx
@@ -25,12 +25,12 @@ const SessionDetailSection = ({ sessionDetail }: { sessionDetail: ISessionDetail
 
         <DescriptionBox>{sessionDetail.description}</DescriptionBox>
 
-        {sessionDetail.reference ? (
+        {/* {sessionDetail.reference ? (
           <ReferenceBox>
             <b> 세션 자료 </b>
             <div>{sessionDetail.reference}</div>
           </ReferenceBox>
-        ) : null}
+        ) : null} */}
       </RightWrapper>
     </Wrapper>
   );
@@ -42,8 +42,9 @@ const Wrapper = styled.div`
   display: flex;
   justify-content: center;
   gap: 3rem;
-
-  @media (max-width: 900px){
+  /* width: 30%; */
+  margin-top: 3rem;
+  @media (max-width: 900px) {
     flex-direction: column;
     align-items: start;
     gap: 1rem;
@@ -54,8 +55,7 @@ const LeftWrapper = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  /* margin-top: 5rem; */
-
+  gap: 1.5rem;
   @media (max-width: 900px) {
     padding: 2rem;
   }
@@ -66,15 +66,18 @@ const LeftWrapper = styled.div`
 `;
 
 const RightWrapper = styled.div`
-  flex-basis: 70%;
-
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  margin-left: 2rem;
+  margin-top: 2rem;
 `;
 
 const TitleText = styled.div`
   font-family: 'GmarketSans';
   font-style: normal;
   font-weight: 900;
-  font-size: 3rem;
+  font-size: 2.3rem;
   margin-bottom: 0.7rem;
   color: ${Basic.default};
 `;
@@ -97,8 +100,8 @@ const PresenterText = styled.div`
 const TopicText = styled.div`
   display: flex;
   gap: 2rem;
-  padding: 3rem 3rem 0 3rem;
-  font-size: 2rem;
+  /* padding: 3rem 3rem 0 3rem; */
+  font-size: 1.8rem;
   color: ${Basic.default};
   font-weight: 500;
   line-height: 2.5rem;
@@ -106,12 +109,12 @@ const TopicText = styled.div`
   font-style: normal;
 
   @media (max-width: 900px) {
-    padding: 0rem 3rem;
+    /* padding: 0rem 3rem; */
   }
 `;
 
 const DescriptionBox = styled.div`
-  padding: 3rem;
+  /* padding: 3rem; */
   font-size: 1.4rem;
   color: ${Basic.default};
   font-weight: 500;
diff --git a/src/pages/gallery/[gallery_id].tsx b/src/pages/gallery/[gallery_id].tsx
index 460ebd6e..ce09d298 100644
--- a/src/pages/gallery/[gallery_id].tsx
+++ b/src/pages/gallery/[gallery_id].tsx
@@ -14,7 +14,7 @@ import { getIdFromAsPath, getPaths } from '@utils/index';
 import DetailPageHead from 'src/components/meta/DetailPageHead';
 import { ARCHIVING } from '@utils/constant';
 
-const GalleryDetail = ({ galleryDetailStaticData }: { galleryDetailStaticData: IGalleryDetail; }) => {
+const GalleryDetail = ({ galleryDetailStaticData }: { galleryDetailStaticData: IGalleryDetail }) => {
   const router = useRouter();
   const { data, isLoading } = useQuery<IGalleryDetail>(['galleryDeatil', router.asPath], () =>
     getGalleryDetail(getIdFromAsPath(router.asPath, 'gallery')),
@@ -30,7 +30,8 @@ const GalleryDetail = ({ galleryDetailStaticData }: { galleryDetailStaticData: I
         canoUrl={`https://cau-likelion.org/gallery/${data?.id}`}
         img={data?.thumbnail}
         category={ARCHIVING.GALLERY}
-        description={data?.subtitle} />
+        description={data?.subtitle}
+      />
       <Wrapper>
         <Carousel images={isLoading ? galleryDetailStaticData.image : data!.image} />
         <GalleryDetailSection galleryDetail={isLoading ? galleryDetailStaticData : data!} />
@@ -53,7 +54,7 @@ export const getStaticPaths: GetStaticPaths = async () => {
   };
 };
 
-export async function getStaticProps({ params }: { params: { gallery_id: string; }; }) {
+export async function getStaticProps({ params }: { params: { gallery_id: string } }) {
   const galleryDeatilStaticData = await getGalleryDetail(params.gallery_id);
   return {
     props: {
@@ -69,6 +70,7 @@ const Wrapper = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
   &hr {
diff --git a/src/pages/project/[project_id].tsx b/src/pages/project/[project_id].tsx
index 321c8484..c81e7d3c 100644
--- a/src/pages/project/[project_id].tsx
+++ b/src/pages/project/[project_id].tsx
@@ -16,7 +16,7 @@ import { getIdFromAsPath, getPaths } from '@utils/index';
 import DetailPageHead from 'src/components/meta/DetailPageHead';
 import { ARCHIVING } from '@utils/constant';
 
-const ProjectDetail = ({ projectDetailStaticData }: { projectDetailStaticData: IProjectDetail; }) => {
+const ProjectDetail = ({ projectDetailStaticData }: { projectDetailStaticData: IProjectDetail }) => {
   const router = useRouter();
   const { data, isLoading } = useQuery<IProjectDetail>(['projectDeatil', router.query.project_id], () =>
     getProjectDetail(getIdFromAsPath(router.asPath, 'project')),
@@ -32,7 +32,8 @@ const ProjectDetail = ({ projectDetailStaticData }: { projectDetailStaticData: I
         canoUrl={`https://cau-likelion.org/project/${data?.id}`}
         img={data?.thumbnail}
         category={ARCHIVING.PROJECT}
-        description={data?.subtitle} />
+        description={data?.subtitle}
+      />
       <Wrapper>
         <Carousel images={isLoading ? projectDetailStaticData.image : data!.image} />
         <DetailMainSection data={isLoading ? projectDetailStaticData : data!} />
@@ -55,7 +56,7 @@ export const getStaticPaths: GetStaticPaths = async () => {
   };
 };
 
-export async function getStaticProps({ params }: { params: { project_id: string; }; }) {
+export async function getStaticProps({ params }: { params: { project_id: string } }) {
   const projectDetailStaticData = await getProjectDetail(params.project_id);
   return {
     props: {
@@ -70,6 +71,10 @@ export default ProjectDetail;
 const Wrapper = styled.div`
   width: 100%;
   height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
   &hr {
     background: ${GreyScale.light};
   }
diff --git a/src/pages/session/[session_id].tsx b/src/pages/session/[session_id].tsx
index feffefe4..80729ea8 100644
--- a/src/pages/session/[session_id].tsx
+++ b/src/pages/session/[session_id].tsx
@@ -13,7 +13,7 @@ import { getIdFromAsPath, getPaths } from '@utils/index';
 import DetailPageHead from 'src/components/meta/DetailPageHead';
 import { ARCHIVING } from '@utils/constant';
 
-const SessionDetail = ({ sessionDetailStaticData }: { sessionDetailStaticData: ISessionDetail; }) => {
+const SessionDetail = ({ sessionDetailStaticData }: { sessionDetailStaticData: ISessionDetail }) => {
   const router = useRouter();
   const { data, isLoading } = useQuery<ISessionDetail>(['sessionDetail', router.query.project_id], () =>
     getSessionDetail(getIdFromAsPath(router.asPath, 'session')),
@@ -29,7 +29,8 @@ const SessionDetail = ({ sessionDetailStaticData }: { sessionDetailStaticData: I
         canoUrl={`https://cau-likelion.org/session/${data?.id}`}
         img={data?.thumbnail}
         category={ARCHIVING.SESSION}
-        description={data?.subtitle} />
+        description={data?.subtitle}
+      />
       <Wrapper>
         <StCarousel images={isLoading ? sessionDetailStaticData.image : data!.image} />
         <SessionDetailSection sessionDetail={sessionDetailStaticData} />
@@ -51,7 +52,7 @@ export const getStaticPaths: GetStaticPaths = async () => {
   };
 };
 
-export async function getStaticProps({ params }: { params: { session_id: string; }; }) {
+export async function getStaticProps({ params }: { params: { session_id: string } }) {
   const sessionDeatilStaticData = await getSessionDetail(params.session_id);
   return {
     props: {
@@ -67,6 +68,7 @@ const Wrapper = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
   &hr {
diff --git a/src/pages/session/index.tsx b/src/pages/session/index.tsx
index 41b4d7d8..f7b92ec9 100644
--- a/src/pages/session/index.tsx
+++ b/src/pages/session/index.tsx
@@ -9,45 +9,40 @@ import { useQuery } from 'react-query';
 import styled from 'styled-components';
 import ListPageHead from 'src/components/meta/ListPageHead';
 
-const SessionList = ({ sessionStaticData }: { sessionStaticData: ArchivingArrayType<ISessionData>; }) => {
-    const { data, isLoading } = useQuery(['sessionData'], getSessions);
+const SessionList = ({ sessionStaticData }: { sessionStaticData: ArchivingArrayType<ISessionData> }) => {
+  const { data, isLoading } = useQuery(['sessionData'], getSessions);
 
-    return (
-        <>
-            <ListPageHead
-                category={ARCHIVING.SESSION}
-                canoUrl={'https://cau-likelion.org/session'}
-            />
-            <Header pageName="세션" introduce="멋사에서 진행한 세션" />
-            <Wrapper>
-                {Object.values(isLoading ? sessionStaticData : data!).map((data, i) => {
-                    return (
-                        <SessionSection key={i} trackName={TRACK_NAME[i]} trackData={data} />
-                    );
-                })}
-            </Wrapper>
-        </>
-    );
+  return (
+    <>
+      <ListPageHead category={ARCHIVING.SESSION} canoUrl={'https://cau-likelion.org/session'} />
+      <Header pageName="세션" introduce="멋사에서 진행한 세션" />
+      <Wrapper>
+        {Object.values(isLoading ? sessionStaticData : data!).map((data, i) => {
+          return <SessionSection key={i} trackName={TRACK_NAME[i]} trackData={data} />;
+        })}
+      </Wrapper>
+    </>
+  );
 };
 
 SessionList.getLayout = function getLayout(page: ReactElement) {
-    return <LayoutArchiving>{page}</LayoutArchiving>;
+  return <LayoutArchiving>{page}</LayoutArchiving>;
 };
 
-export async function getStaticProps({ params }: { params: { track: string; }; }) {
-    const sessionStaticData = await getSessions();
-    return {
-        props: {
-            sessionStaticData,
-        },
-        revalidate: 86400,
-    };
+export async function getStaticProps({ params }: { params: { track: string } }) {
+  const sessionStaticData = await getSessions();
+  return {
+    props: {
+      sessionStaticData,
+    },
+    revalidate: 86400,
+  };
 }
 
 export default SessionList;
 
 const Wrapper = styled.div`
-    display: flex;
-    flex-direction: column;
-    margin: 3rem;
-`;
\ No newline at end of file
+  display: flex;
+  flex-direction: column;
+  margin: 3rem;
+`;