diff --git a/app/[locale]/community/news/NewsPageContent.tsx b/app/[locale]/community/news/NewsPageContent.tsx
index f79198813..3f6cc8819 100644
--- a/app/[locale]/community/news/NewsPageContent.tsx
+++ b/app/[locale]/community/news/NewsPageContent.tsx
@@ -2,6 +2,7 @@
 
 import NewsRow from '@/app/[locale]/community/news/NewsRow';
 
+import LoginStaffVisible from '@/components/common/auth/LoginStaffVisible';
 import Pagination from '@/components/common/Pagination';
 import SearchBox from '@/components/common/search/SearchBox';
 import PageLayout from '@/components/layout/pageLayout/PageLayout';
@@ -15,7 +16,6 @@ import { getPath } from '@/utils/page';
 import { news } from '@/utils/segmentNode';
 
 import AdminFeatures from './AdminFeatures';
-import LoginStaffVisible from '../../../../components/common/auth/LoginStaffVisible';
 
 const POST_LIMIT = 10;
 const newsPath = getPath(news);
@@ -40,7 +40,7 @@ export default function NewsPageContent({
         initKeyword={keyword ?? ''}
         setSearchParams={setSearchParams}
       />
-      <div className="flex flex-col gap-6 mt-10 mb-8 mx-16">
+      <div className="flex flex-col gap-5 mt-10 mb-8 sm:mx-16">
         {searchList.length > 0 ? (
           searchList.map((post) => (
             <NewsRow
diff --git a/app/[locale]/community/news/NewsRow.tsx b/app/[locale]/community/news/NewsRow.tsx
index 7baf17ee1..54ca85d12 100644
--- a/app/[locale]/community/news/NewsRow.tsx
+++ b/app/[locale]/community/news/NewsRow.tsx
@@ -1,12 +1,11 @@
 import { Link } from '@/navigation';
 
+import ImageWithFallback from '@/components/common/ImageWithFallback';
 import Tags from '@/components/common/Tags';
 
 import { getPath } from '@/utils/page';
 import { news } from '@/utils/segmentNode';
 
-import ImageWithFallback from '../../../../components/common/ImageWithFallback';
-
 export interface NewsRowProps {
   href: string;
   title: string;
@@ -45,39 +44,50 @@ export default function NewsRow({
 
   return (
     <article
-      className={`text-neutral-700 flex pb-6 ${
-        hideDivider ? '' : 'border-neutral-200 border-b-[1px]'
+      className={`text-neutral-700 flex flex-col-reverse sm:flex-row pb-5 ${
+        hideDivider ? '' : 'border-neutral-100 border-b'
       }`}
     >
-      <div className="flex flex-col flex-1 mr-[2.5rem] justify-between p-1">
-        <Link href={href} className="hover:underline font-noto ">
-          <h3 className="text-base font-bold mb-[.69rem]">{title}</h3>
-        </Link>
+      <div className="flex flex-col flex-1 mr-[3.75rem] break-keep justify-between">
+        <time className="mt-5 mb-2.5 sm:hidden text-md text-neutral-800">{dateStr}</time>
 
-        <Link href={href} className="hover:cursor-pointer grow">
-          <p className="text-md leading-[160%] text-justify [text-align-last:left] font-normal text-neutral-500 mb-[.69rem] line-clamp-2 tracking-[0.01rem]">
-            {descriptionBold ? (
-              <>
-                {description.slice(0, descriptionBold.startIndex)}
-                <span className="font-noto font-bold">
-                  {description.slice(descriptionBold.startIndex, descriptionBold.endIndex)}
-                </span>
-                {description.slice(descriptionBold.endIndex)}
-              </>
-            ) : (
-              description
-            )}
-          </p>
-        </Link>
+        <div className="flex flex-col items-start">
+          <Link href={href} className="hover:underline">
+            <h3 className="text-base font-bold mb-2.5">{title}</h3>
+          </Link>
 
-        <div className="w-full flex justify-between items-center mt-auto">
+          <Link href={href} className="hover:cursor-pointer">
+            <p className="text-md font-normal text-neutral-500 mb-3 sm:mb-8 line-clamp-3 leading-[1.6]">
+              {descriptionBold ? (
+                <>
+                  {description.slice(0, descriptionBold.startIndex)}
+                  <span className="font-bold">
+                    {description.slice(descriptionBold.startIndex, descriptionBold.endIndex)}
+                  </span>
+                  {description.slice(descriptionBold.endIndex)}
+                </>
+              ) : (
+                description
+              )}
+            </p>
+          </Link>
+        </div>
+        <div className="flex justify-between items-center sm:gap-2.5">
           <Tags tags={tags} searchPath={newsPath} />
-          <time className="text-md text-neutral-500">{dateStr}</time>
+          <time className="hidden sm:inline self-end text-sm leading-[26px] text-neutral-800 whitespace-nowrap">
+            {dateStr}
+          </time>
         </div>
       </div>
 
-      <Link href={href} className="h-[9.375rem] aspect-[4/3] relative flex">
-        <ImageWithFallback alt="포스트 대표 이미지" src={imageURL} fill className="object-cover" />
+      <Link href={href} className="h-[280px] sm:h-[9.375rem] aspect-[4/3] relative flex">
+        <ImageWithFallback
+          alt="포스트 대표 이미지"
+          src={imageURL}
+          fill
+          className="object-fill"
+          sizes="12.5rem"
+        />
       </Link>
     </article>
   );
diff --git a/app/[locale]/community/news/create/page.tsx b/app/[locale]/community/news/create/page.tsx
index e781b776d..ad8c44d35 100644
--- a/app/[locale]/community/news/create/page.tsx
+++ b/app/[locale]/community/news/create/page.tsx
@@ -11,7 +11,6 @@ import PageLayout from '@/components/layout/pageLayout/PageLayout';
 
 import { NEWS_TAGS } from '@/constants/tag';
 
-
 import { validateNewsForm } from '@/utils/formValidation';
 import { getPath } from '@/utils/page';
 import { news } from '@/utils/segmentNode';
diff --git a/app/[locale]/community/notice/NoticeListHeader.tsx b/app/[locale]/community/notice/NoticeListHeader.tsx
index b53eac9d0..145c5ec8a 100644
--- a/app/[locale]/community/notice/NoticeListHeader.tsx
+++ b/app/[locale]/community/notice/NoticeListHeader.tsx
@@ -5,7 +5,7 @@ export default function NoticeListHeader({ isEditMode }: { isEditMode: boolean }
 
   return (
     <h5
-      className={`h-11 ${paddingLeft} flex text-[15px] items-center border-b border-neutral-200 text-neutral-800`}
+      className={`h-11 ${paddingLeft} hidden sm:flex text-[15px] items-center border-b border-neutral-200 text-neutral-800`}
     >
       <span className={`${NOTICE_ROW_CELL_WIDTH.title} pl-3 tracking-wide`}>제목</span>
       <span className={`${NOTICE_ROW_CELL_WIDTH.date} pl-8 tracking-wide`}>날짜</span>
diff --git a/app/[locale]/community/notice/NoticeListRow.tsx b/app/[locale]/community/notice/NoticeListRow.tsx
index bd3e82317..a518c3bf5 100644
--- a/app/[locale]/community/notice/NoticeListRow.tsx
+++ b/app/[locale]/community/notice/NoticeListRow.tsx
@@ -17,10 +17,10 @@ interface NoticeListRowProps {
 }
 
 export const NOTICE_ROW_CELL_WIDTH = {
-  check: 'w-[3.125rem]',
-  pin: 'w-[3.125rem]',
-  title: 'w-[35.625rem]',
-  date: 'w-auto',
+  check: 'sm:w-[3.125rem]',
+  pin: 'sm:w-[3.125rem]',
+  title: 'sm:w-[35.625rem]',
+  date: 'sm:w-auto',
 } as const;
 
 export default function NoticeListRow({
@@ -31,9 +31,11 @@ export default function NoticeListRow({
 }: NoticeListRowProps) {
   return (
     <li
-      className={`flex items-center text-[14px] h-11 py-2.5 ${post.isPinned && 'font-semibold'} ${
-        !isEditMode && (post.isPrivate ? 'bg-neutral-200' : 'odd:bg-neutral-50')
-      } ${isSelected && 'bg-neutral-100'} `}
+      className={`flex flex-col gap-2.5 sm:gap-0 sm:flex-row sm:items-center text-[14px] sm:h-11 py-6 sm:py-2.5 px-7 sm:px-0 sm:pr-4 ${
+        post.isPinned && 'font-semibold'
+      } ${!isEditMode && (post.isPrivate ? 'bg-neutral-200' : 'odd:bg-neutral-50')} ${
+        isSelected && 'bg-neutral-100'
+      } `}
     >
       {isEditMode && (
         <CheckboxCell
@@ -47,6 +49,7 @@ export default function NoticeListRow({
         hasAttachment={post.hasAttachment}
         id={post.id}
         isEditMode={isEditMode}
+        isPinned={post.isPinned}
       />
       <DateCell date={post.createdAt} />
     </li>
@@ -60,7 +63,7 @@ interface CheckboxCellProps {
 
 function CheckboxCell({ isChecked, toggleCheck }: CheckboxCellProps) {
   return (
-    <span className={`${NOTICE_ROW_CELL_WIDTH.check} flex justify-center`}>
+    <span className={`${NOTICE_ROW_CELL_WIDTH.check} hidden sm:flex justify-center`}>
       {isChecked ? (
         <CheckboxOrange className="cursor-pointer" onClick={toggleCheck} />
       ) : (
@@ -77,7 +80,7 @@ function CheckboxCell({ isChecked, toggleCheck }: CheckboxCellProps) {
 
 function PrivateOrPinCell({ isPrivate, isPinned }: { isPrivate: boolean; isPinned: boolean }) {
   return (
-    <span className={`${NOTICE_ROW_CELL_WIDTH.pin} px-[0.8125rem] shrink-0`}>
+    <span className={`${NOTICE_ROW_CELL_WIDTH.pin} sm:px-[0.8125rem] shrink-0`}>
       {isPrivate ? <LockIcon /> : isPinned && <PinIcon />}
     </span>
   );
@@ -88,11 +91,12 @@ interface TitleCellProps {
   hasAttachment: boolean;
   id: number;
   isEditMode: boolean;
+  isPinned: boolean;
 }
 
 const noticePath = getPath(notice);
 
-function TitleCell({ title, hasAttachment, id, isEditMode }: TitleCellProps) {
+function TitleCell({ title, hasAttachment, id, isEditMode, isPinned }: TitleCellProps) {
   if (isEditMode) {
     return (
       <span className={`${NOTICE_ROW_CELL_WIDTH.title} pl-3 flex gap-1.5`}>
@@ -104,12 +108,16 @@ function TitleCell({ title, hasAttachment, id, isEditMode }: TitleCellProps) {
     );
   } else {
     return (
-      <span className={`${NOTICE_ROW_CELL_WIDTH.title} pl-3`}>
+      <span className={`${NOTICE_ROW_CELL_WIDTH.title} sm:pl-3`}>
         <Link
           href={`${noticePath}/${id}`}
-          className="flex max-w-fit items-center gap-1.5 hover:text-main-orange"
+          className="font-semibold sm:font-normal flex max-w-fit items-center gap-1.5 hover:text-main-orange"
         >
-          <span className="whitespace-nowrap text-ellipsis overflow-hidden tracking-wide">
+          <span
+            className={`${
+              isPinned && 'text-main-orange sm:text-neutral-800'
+            } sm:whitespace-nowrap text-ellipsis overflow-hidden tracking-wide`}
+          >
             {title}
           </span>
           {hasAttachment && <ClipIcon className="shrink-0" />}
@@ -121,7 +129,7 @@ function TitleCell({ title, hasAttachment, id, isEditMode }: TitleCellProps) {
 
 function DateCell({ date }: { date: string }) {
   return (
-    <span className={`${NOTICE_ROW_CELL_WIDTH.date} pl-8 tracking-wide`}>
+    <span className={`${NOTICE_ROW_CELL_WIDTH.date} sm:pl-8 tracking-wide`}>
       {formatDate(new Date(date))}
     </span>
   );
diff --git a/app/[locale]/community/notice/NoticePageContent.tsx b/app/[locale]/community/notice/NoticePageContent.tsx
index c04ab7c6f..8b84041b5 100644
--- a/app/[locale]/community/notice/NoticePageContent.tsx
+++ b/app/[locale]/community/notice/NoticePageContent.tsx
@@ -4,6 +4,7 @@ import { useReducer } from 'react';
 
 import NoticeList from '@/app/[locale]/community/notice/NoticeList';
 
+import LoginStaffVisible from '@/components/common/auth/LoginStaffVisible';
 import Pagination from '@/components/common/Pagination';
 import SearchBox from '@/components/common/search/SearchBox';
 import PageLayout from '@/components/layout/pageLayout/PageLayout';
@@ -15,7 +16,6 @@ import { NoticePreviewList } from '@/types/notice';
 import { useCustomSearchParams } from '@/utils/hooks/useCustomSearchParams';
 
 import AdminFeatures from './AdminFeatures';
-import LoginStaffVisible from '../../../../components/common/auth/LoginStaffVisible';
 
 const POST_LIMIT = 20;
 
diff --git a/app/[locale]/community/notice/create/page.tsx b/app/[locale]/community/notice/create/page.tsx
index 91099c308..cdd8f2c3d 100644
--- a/app/[locale]/community/notice/create/page.tsx
+++ b/app/[locale]/community/notice/create/page.tsx
@@ -12,7 +12,6 @@ import PageLayout from '@/components/layout/pageLayout/PageLayout';
 
 import { NOTICE_TAGS } from '@/constants/tag';
 
-
 import { validateNoticeForm } from '@/utils/formValidation';
 import { getPath } from '@/utils/page';
 import { notice } from '@/utils/segmentNode';
diff --git a/app/[locale]/community/seminar/SeminarRow.tsx b/app/[locale]/community/seminar/SeminarRow.tsx
index 0bf38727a..01917dde6 100644
--- a/app/[locale]/community/seminar/SeminarRow.tsx
+++ b/app/[locale]/community/seminar/SeminarRow.tsx
@@ -3,13 +3,13 @@ import Distance from '@/public/image/about/distance.svg';
 import Calendar from '@/public/image/calendar.svg';
 import Person from '@/public/image/person.svg';
 
+import ImageWithFallback from '@/components/common/ImageWithFallback';
+
 import { SeminarPreview } from '@/types/seminar';
 
 import { getPath } from '@/utils/page';
 import { seminar } from '@/utils/segmentNode';
 
-import ImageWithFallback from '../../../../components/common/ImageWithFallback';
-
 export interface SeminarRowProps {
   seminar: SeminarPreview;
   hideDivider: boolean;
@@ -24,18 +24,19 @@ export default function SeminarRow({
   const seminarPostPath = `${seminarPath}/${id}`;
 
   return (
-    <Link
-      href={seminarPostPath}
-      className={`group flex py-[1.2rem] border-neutral-200 ${
-        !isYearLast && !hideDivider ? 'border-t' : null
-      }`}
-    >
-      <ImageCell imageURL={imageURL} />
-      <div className="pl-5">
-        <TitleCell title={title} />
-        <HostInformationCell host={name} company={affiliation} />
-        <DateAndLocationCell date={new Date(startDate)} location={location} />
-      </div>
+    <Link href={seminarPostPath}>
+      <article
+        className={`group flex flex-col sm:flex-row py-[1.2rem] gap-4 sm:gap-5 border-neutral-200 ${
+          !isYearLast && !hideDivider ? 'border-t' : null
+        }`}
+      >
+        <ImageCell imageURL={imageURL} />
+        <div className="flex flex-col gap-1 sm:gap-0 items-start break-all">
+          <TitleCell title={title} />
+          <HostInformationCell host={name} company={affiliation} />
+          <DateAndLocationCell date={new Date(startDate)} location={location} />
+        </div>
+      </article>
     </Link>
   );
 }
@@ -43,25 +44,27 @@ export default function SeminarRow({
 function ImageCell({ imageURL }: { imageURL: string | null }) {
   return (
     // title에 밀리는 것을 막기 위해 shrink-0 사용
-    <div className={'h-[6.25rem] w-[6.25rem] relative shrink-0'}>
-      <ImageWithFallback alt="대표 이미지" fill src={imageURL} className="object-cover" />
+    <div
+      className={`h-[160px] w-[160px] sm:h-[6.25rem] sm:w-[6.25rem] relative shrink-0 ${
+        !imageURL && 'bg-neutral-100'
+      }`}
+    >
+      <ImageWithFallback alt="대표 이미지" src={imageURL} fill className="object-cover" />
     </div>
   );
 }
 
 function TitleCell({ title }: { title: string }) {
-  return (
-    <h3 className="group-hover:underline font-bold mb-5 max-w-[calc(100% - 6.25rem)]">{title}</h3>
-  );
+  return <h3 className="group-hover:underline font-bold mb-1 sm:mb-5">{title}</h3>;
 }
 
 function HostInformationCell({ host, company }: { host: string; company: string }) {
   return (
-    <div className="hover:cursor-pointer flex gap-0.5 items-center">
+    <div className="cursor-pointer flex flex-wrap gap-0.5 items-center">
       <Person />
-      <span className="text-md font-normal text-neutral-500">{host}</span>
+      <Text text={host} />
       <VerticalDivider />
-      <span className="text-md font-normal text-neutral-500">{company}</span>
+      <Text text={company} />
     </div>
   );
 }
@@ -70,16 +73,20 @@ function DateAndLocationCell({ date, location }: { date: Date; location: string
   return (
     <div className="hover:cursor-pointer flex gap-0.5 items-center">
       <Calendar />
-      <span className="text-md font-normal text-neutral-500">{formatDateWithDays(date)}</span>
+      <Text text={formatDateWithDays(date)} />
       <VerticalDivider />
       <Distance />
-      <span className="text-md font-normal text-neutral-500">{location}</span>
+      <Text text={location} />
     </div>
   );
 }
 
+function Text({ text }: { text: string }) {
+  return <span className="text-md font-normal text-neutral-500">{text}</span>;
+}
+
 function VerticalDivider() {
-  return <span className="text-md font-normal w-5 text-center text-neutral-500">|</span>;
+  return <span className="text-md font-normal w-4 sm:w-5 text-center text-neutral-500">|</span>;
 }
 
 const DAYS = ['일', '월', '화', '수', '목', '금', '토'];
diff --git a/app/[locale]/community/seminar/create/page.tsx b/app/[locale]/community/seminar/create/page.tsx
index 9ec016e4a..31dc00d60 100644
--- a/app/[locale]/community/seminar/create/page.tsx
+++ b/app/[locale]/community/seminar/create/page.tsx
@@ -11,7 +11,6 @@ import SeminarEditor from '@/components/editor/SeminarEditor';
 import { SeminarEditorContent } from '@/components/editor/SeminarEditorProps';
 import PageLayout from '@/components/layout/pageLayout/PageLayout';
 
-
 import { validateSeminarForm } from '@/utils/formValidation';
 import { getPath } from '@/utils/page';
 import { seminar } from '@/utils/segmentNode';
diff --git a/app/[locale]/reservations/introduction/page.tsx b/app/[locale]/reservations/introduction/page.tsx
index af8c4c072..ff33227cc 100644
--- a/app/[locale]/reservations/introduction/page.tsx
+++ b/app/[locale]/reservations/introduction/page.tsx
@@ -3,7 +3,6 @@ import SelectionTitle from '@/components/common/selection/SelectionTitle';
 import HTMLViewer from '@/components/editor/HTMLViewer';
 import PageLayout from '@/components/layout/pageLayout/PageLayout';
 
-
 import { getPath } from '@/utils/page';
 import { replaceDashWithSpace } from '@/utils/replaceCharacter';
 import { reservationIntroduction } from '@/utils/segmentNode';
diff --git a/app/[locale]/search/SearchPageContent.tsx b/app/[locale]/search/SearchPageContent.tsx
index 195ec7760..27d857ba8 100644
--- a/app/[locale]/search/SearchPageContent.tsx
+++ b/app/[locale]/search/SearchPageContent.tsx
@@ -12,7 +12,6 @@ import SearchBox from '@/components/common/search/SearchBox';
 import Header from '@/components/layout/header/Header';
 import PageTitle from '@/components/layout/pageLayout/PageTitle';
 
-
 import { SEARCH_TAGS } from '@/constants/tag';
 
 import { NoticeSearchResult, NewsSearchResult } from '@/types/search';
diff --git a/components/academics/ScholarshipRow.tsx b/components/academics/ScholarshipRow.tsx
index 611de43ce..d33473f59 100644
--- a/components/academics/ScholarshipRow.tsx
+++ b/components/academics/ScholarshipRow.tsx
@@ -4,7 +4,6 @@ import { Link } from '@/navigation';
 import { getPath } from '@/utils/page';
 import { graduateScholarship, undergraduateScholarship } from '@/utils/segmentNode';
 
-
 export interface ScholarshipRowProps {
   id: number;
   name: string;
diff --git a/components/admin/important/ImportantListRow.tsx b/components/admin/important/ImportantListRow.tsx
index 0ea1f7f3b..809386915 100644
--- a/components/admin/important/ImportantListRow.tsx
+++ b/components/admin/important/ImportantListRow.tsx
@@ -6,7 +6,6 @@ import { ImportantPostIdentifier, ImportantPreview } from '@/types/admin';
 import { getPath } from '@/utils/page';
 import { news, notice, seminar } from '@/utils/segmentNode';
 
-
 interface ImportantListRowProps {
   index: number;
   post: ImportantPreview;
diff --git a/components/admin/slide/SlideListRow.tsx b/components/admin/slide/SlideListRow.tsx
index dfff7902e..a7cd84f7c 100644
--- a/components/admin/slide/SlideListRow.tsx
+++ b/components/admin/slide/SlideListRow.tsx
@@ -6,7 +6,6 @@ import { SlidePreview } from '@/types/admin';
 import { getPath } from '@/utils/page';
 import { news } from '@/utils/segmentNode';
 
-
 interface SlideListRowProps {
   index: number;
   post: SlidePreview;
diff --git a/components/layout/footer/Footer.tsx b/components/layout/footer/Footer.tsx
index f23bafd5b..29de18bcc 100644
--- a/components/layout/footer/Footer.tsx
+++ b/components/layout/footer/Footer.tsx
@@ -65,6 +65,7 @@ function LinkGroup({ groupName, links, width, mode }: LinkGroupProps) {
   const t = useTranslations('Footer');
 
   const titleColor = mode === 'light' ? 'text-neutral-600' : 'text-neutral-200 sm:text-white';
+  const itemColor = mode === 'light' ? 'text-neutral-500' : 'text-neutral-300 sm:text-neutral-500';
 
   return (
     <section className={width}>
@@ -74,7 +75,7 @@ function LinkGroup({ groupName, links, width, mode }: LinkGroupProps) {
         {t(groupName)}
       </h3>
 
-      <ul className="text-neutral-300 font-light sm:text-neutral-500 text-sm sm:font-normal flex flex-col gap-[0.63rem]">
+      <ul className={`${itemColor} font-light text-sm sm:font-normal flex flex-col gap-[0.63rem]`}>
         {links.map((link, i) => (
           <li key={i}>
             <Link href={link.href}>{t(link.title)}</Link>
@@ -119,14 +120,14 @@ function FooterBottomLeft() {
 
 function FooterBottomRight() {
   return (
-    <div className="flex items-center gap-7 mt-7 sm:mt-0">
-      <Link href={snucomLink}>
+    <div className="flex flex-wrap sm:flex-nowrap items-center gap-7 mt-7 sm:mt-0">
+      <Link href={snucomLink} className="w-[86px] sm:w-[111px]">
         <SnucomIcon />
       </Link>
-      <Link href={snuEngLink}>
+      <Link href={snuEngLink} className="w-[92px] sm:w-[126px]">
         <SnuEngineeringIcon />
       </Link>
-      <Link href={snuLink}>
+      <Link href={snuLink} className="w-[113px] sm:w-[159px]">
         <SnuLogoWithText />
       </Link>
     </div>
diff --git a/components/layout/footer/useFooterDesignMode.ts b/components/layout/footer/useFooterDesignMode.ts
index 717508a2a..8238ddb6a 100644
--- a/components/layout/footer/useFooterDesignMode.ts
+++ b/components/layout/footer/useFooterDesignMode.ts
@@ -11,7 +11,6 @@ import {
   reservations,
 } from '@/utils/segmentNode';
 
-
 export type FooterMode = 'light' | 'dark';
 
 // TODO: 페이지별 모드 적용하기
diff --git a/components/layout/header/Header.tsx b/components/layout/header/Header.tsx
index 0002c035a..a384b8d11 100644
--- a/components/layout/header/Header.tsx
+++ b/components/layout/header/Header.tsx
@@ -25,7 +25,7 @@ export default function Header() {
 
   return (
     <header
-      className={`h-[68px] px-5 sm:h-auto sm:px-[3.75rem] sm:pt-12 sm:pb-[2.44rem] items-center flex justify-between`}
+      className={`bg-[#2d2d30] sm:bg-transparent h-[68px] px-5 sm:h-auto sm:px-[3.75rem] sm:pt-12 sm:pb-[2.44rem] items-center flex justify-between`}
     >
       <div onClick={goToMainPage} className="cursor-pointer">
         <HeaderLogo className="hidden sm:block" />
diff --git a/components/layout/navbar/Navbar.tsx b/components/layout/navbar/Navbar.tsx
index 084c373e5..b1015bf61 100644
--- a/components/layout/navbar/Navbar.tsx
+++ b/components/layout/navbar/Navbar.tsx
@@ -5,7 +5,6 @@ import { useNavbarContext } from '@/contexts/NavbarContext';
 import useCurrentSegmentNode from '@/utils/hooks/useCurrentSegmentNode';
 import { main } from '@/utils/segmentNode';
 
-
 import NavbarDetail from './NavbarDetail';
 import NavbarRoot from './NavbarRoot';
 
diff --git a/components/layout/navbar/NavbarDetail.tsx b/components/layout/navbar/NavbarDetail.tsx
index f7e44d80f..975cc5492 100644
--- a/components/layout/navbar/NavbarDetail.tsx
+++ b/components/layout/navbar/NavbarDetail.tsx
@@ -1,7 +1,6 @@
 import useCurrentSegmentNode from '@/utils/hooks/useCurrentSegmentNode';
 import { SegmentNode } from '@/utils/segmentNode';
 
-
 import NavTreeRow from './NavtreeRow';
 
 export default function NavbarDetail({ segmentNode }: { segmentNode: SegmentNode }) {
diff --git a/components/layout/navbar/NavtreeRow.tsx b/components/layout/navbar/NavtreeRow.tsx
index 7ee8016e1..20b96d804 100644
--- a/components/layout/navbar/NavtreeRow.tsx
+++ b/components/layout/navbar/NavtreeRow.tsx
@@ -9,7 +9,6 @@ import { StraightNode } from '@/components/common/Nodes';
 import { getPath } from '@/utils/page';
 import { SegmentNode } from '@/utils/segmentNode';
 
-
 type NavTreeRowProps = {
   segmentNode: SegmentNode;
   highlight: boolean;
diff --git a/components/layout/pageLayout/PageLayout.tsx b/components/layout/pageLayout/PageLayout.tsx
index 14c753316..3f29b9dc7 100644
--- a/components/layout/pageLayout/PageLayout.tsx
+++ b/components/layout/pageLayout/PageLayout.tsx
@@ -19,7 +19,7 @@ interface PageLayoutProps {
 }
 
 export const PAGE_PADDING_LEFT_PX = 100;
-export const PAGE_PADDING_RIGHT_PX = 350;
+export const PAGE_PADDING_RIGHT_PX = 360;
 export const PAGE_PADDING_TOP_PX = 44;
 export const PAGE_PADDING_BOTTOM_PX = 150;
 
@@ -35,7 +35,7 @@ export const PAGE_PADDING_BOTTOM_PX = 150;
 export default function PageLayout({
   title,
   titleType,
-  titleMargin = 'mb-[44px]',
+  titleMargin = 'mb-6 sm:mb-11',
   bodyStyle,
   children,
 }: PageLayoutProps) {
@@ -53,7 +53,9 @@ export default function PageLayout({
         margin={titleMargin}
       />
       <div
-        className="bg-white relative pl-[100px] pr-[360px] pt-[44px] pb-[150px]"
+        className={
+          'bg-white px-5 py-7 sm:pl-[100px] sm:pr-[360px] sm:pt-[44px] sm:pb-[150px] relative'
+        }
         style={bodyStyle}
       >
         {children}
diff --git a/components/layout/pageLayout/PageTitle.tsx b/components/layout/pageLayout/PageTitle.tsx
index e28c62554..95d3f3579 100644
--- a/components/layout/pageLayout/PageTitle.tsx
+++ b/components/layout/pageLayout/PageTitle.tsx
@@ -25,13 +25,7 @@ export default function PageTitle({ title, currentPage, titleType, margin }: Pag
   const titleStyle = titleType === 'big' ? 'text-2xl font-bold' : 'text-lg font-medium';
 
   return (
-    <div
-      className="pt-[54px]"
-      style={{
-        paddingLeft: PAGE_TITLE_LEFT_MARGIN_PX,
-        paddingRight: PAGE_TITLE_LEFT_MARGIN_PX,
-      }}
-    >
+    <div className="pt-[54px] px-5 sm:px-[100px]">
       <div
         className={`w-fit min-w-[15.625rem] max-w-[51.875rem] row-start-1 col-start-1 ${margin}`}
       >
@@ -39,7 +33,9 @@ export default function PageTitle({ title, currentPage, titleType, margin }: Pag
           <Breadcrumb currentPage={currentPage} />
           <CurvedHorizontalNodeGray />
         </div>
-        <h3 className={`mr-[100px] ${titleStyle} text-[32px] break-keep text-white tracking-wide`}>
+        <h3
+          className={`mr-[100px] ${titleStyle} text-[24px] sm:text-[32px] break-keep text-white tracking-wide `}
+        >
           {title}
         </h3>
       </div>
@@ -83,7 +79,7 @@ interface LoactionText {
 }
 
 function LocationText({ path, name, isCurrent }: LoactionText) {
-  const textStyle = 'text-[14px] font-yoon font-normal tracking-[.02em]';
+  const textStyle = 'text-md font-normal tracking-[.02em]';
 
   return isCurrent ? (
     <button className={`${textStyle} hover:text-main-orange`} onClick={refreshPage}>
diff --git a/components/layout/pageLayout/SubNavbar.tsx b/components/layout/pageLayout/SubNavbar.tsx
index 714be9609..e6b3240fe 100644
--- a/components/layout/pageLayout/SubNavbar.tsx
+++ b/components/layout/pageLayout/SubNavbar.tsx
@@ -7,7 +7,6 @@ import { CurvedVerticalNode } from '@/components/common/Nodes';
 import { getAllSubTabs, getDepth, getPath, getRootTab } from '@/utils/page';
 import { SegmentNode } from '@/utils/segmentNode';
 
-
 interface SubNavbarProps {
   currentTab: SegmentNode;
 }
@@ -22,7 +21,7 @@ export default function SubNavbar({ currentTab }: SubNavbarProps) {
   const height = `${(subTabs.length + 1) * ITEM_HEIGHT}px`;
 
   return (
-    <div className="absolute top-0 right-[80px] h-full">
+    <div className="hidden sm:block absolute top-0 right-[80px] h-full">
       <div
         className="flex row-span-full col-start-2 mt-[3.25rem] mb-8 sticky top-20"
         style={{ height }}
diff --git a/components/main/NoticeListMain.tsx b/components/main/NoticeListMain.tsx
index c88521f41..b9606db42 100644
--- a/components/main/NoticeListMain.tsx
+++ b/components/main/NoticeListMain.tsx
@@ -5,7 +5,6 @@ import { NoticeMain } from '@/types/main';
 import { getPath } from '@/utils/page';
 import { notice } from '@/utils/segmentNode';
 
-
 interface NoticeListMainProps {
   selectedNotices: NoticeMain[];
 }
diff --git a/components/main/Notices.tsx b/components/main/Notices.tsx
index ff614c25d..1e35bfb57 100644
--- a/components/main/Notices.tsx
+++ b/components/main/Notices.tsx
@@ -8,7 +8,6 @@ import { NoticeCategoryType, NoticeListMainType } from '@/types/main';
 import { getPath } from '@/utils/page';
 import { notice } from '@/utils/segmentNode';
 
-
 import NoticeCategory from './NoticeCategory';
 import NoticeListMain from './NoticeListMain';
 
diff --git a/components/main/SlideGroups.tsx b/components/main/SlideGroups.tsx
index 709c7ee2f..b4f2695ae 100644
--- a/components/main/SlideGroups.tsx
+++ b/components/main/SlideGroups.tsx
@@ -5,7 +5,6 @@ import { SlideMain } from '@/types/main';
 import { getPath } from '@/utils/page';
 import { news } from '@/utils/segmentNode';
 
-
 import ImageWithFallback from '../common/ImageWithFallback';
 
 interface SlideGroupsProps {
diff --git a/components/reservations/modals/useAddReservation.ts b/components/reservations/modals/useAddReservation.ts
index ac5994483..67a217b74 100644
--- a/components/reservations/modals/useAddReservation.ts
+++ b/components/reservations/modals/useAddReservation.ts
@@ -3,7 +3,6 @@ import { useReducer, useState, FormEventHandler } from 'react';
 import { postReservation } from '@/actions/reservation';
 import { NetworkError } from '@/apis';
 
-
 import { ReservationPostBody } from '@/types/reservation';
 
 import { isSameDay } from '@/utils/date';
diff --git a/constants/footer.ts b/constants/footer.ts
index 65874c132..c1e9bc95f 100644
--- a/constants/footer.ts
+++ b/constants/footer.ts
@@ -17,7 +17,6 @@ import {
   privacyPolicy,
 } from '@/utils/segmentNode';
 
-
 export interface FooterLink {
   href: string;
   title: string;
diff --git a/contexts/NavbarContext.tsx b/contexts/NavbarContext.tsx
index 75fead080..8fd7fd0b8 100644
--- a/contexts/NavbarContext.tsx
+++ b/contexts/NavbarContext.tsx
@@ -6,7 +6,6 @@ import { ReactNode, createContext, useContext, useState } from 'react';
 import useCurrentSegmentNode from '@/utils/hooks/useCurrentSegmentNode';
 import { SegmentNode, main } from '@/utils/segmentNode';
 
-
 export type NavbarState =
   | {
       // 접힌 상태
diff --git a/public/image/SNUCOM.svg b/public/image/SNUCOM.svg
index 00b78f335..0bd910996 100644
--- a/public/image/SNUCOM.svg
+++ b/public/image/SNUCOM.svg
@@ -1,4 +1,4 @@
-<svg width="111" height="33" viewBox="0 0 111 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="current" height="33" viewBox="0 0 111 33" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.2033 5.56341C11.1568 5.48454 10.9941 5.36623 10.7153 5.2085C10.4364 5.03498 10.0878 4.85359 9.66954 4.6643C9.25125 4.47501 8.79423 4.30939 8.29848 4.16742C7.80273 4.02546 7.30698 3.95447 6.81123 3.95447C6.16056 3.95447 5.65706 4.07278 5.30074 4.30939C4.94442 4.53022 4.76626 4.87725 4.76626 5.35046C4.76626 5.72903 4.89795 6.02874 5.16131 6.24957C5.44017 6.47041 5.83522 6.66758 6.34647 6.84109C6.85771 6.99883 7.48514 7.18812 8.22877 7.40895C9.28223 7.69288 10.1963 8.0399 10.9709 8.45002C11.7455 8.84437 12.3342 9.35702 12.737 9.98798C13.1553 10.6189 13.3644 11.4549 13.3644 12.496C13.3644 13.4425 13.194 14.2469 12.8532 14.9094C12.5124 15.5561 12.0476 16.0846 11.4589 16.4947C10.8857 16.889 10.2273 17.1809 9.48363 17.3701C8.74001 17.5437 7.97314 17.6304 7.18304 17.6304C6.37745 17.6304 5.54862 17.5515 4.69655 17.3938C3.85997 17.2203 3.05438 16.9837 2.27977 16.684C1.50516 16.3685 0.792517 15.9899 0.141846 15.5483L1.815 12.1648C1.87697 12.2436 2.07837 12.3935 2.4192 12.6143C2.76002 12.8194 3.17831 13.0402 3.67406 13.2768C4.18531 13.4977 4.75077 13.6948 5.37046 13.8683C5.99014 14.0419 6.61758 14.1286 7.25276 14.1286C7.93441 14.1286 8.43791 14.0182 8.76324 13.7974C9.10407 13.5765 9.27449 13.2689 9.27449 12.8746C9.27449 12.4487 9.09633 12.1174 8.74001 11.8808C8.39918 11.6442 7.92667 11.4313 7.32247 11.242C6.73377 11.0527 6.05211 10.8398 5.2775 10.6032C4.27051 10.2877 3.43393 9.93277 2.76777 9.53842C2.1171 9.14407 1.6291 8.66297 1.30376 8.09511C0.993916 7.52725 0.838994 6.81743 0.838994 5.96564C0.838994 4.7826 1.11011 3.78885 1.65233 2.98438C2.21005 2.16414 2.95368 1.54896 3.88321 1.13884C4.81274 0.712947 5.82748 0.5 6.92742 0.5C7.70203 0.5 8.44565 0.594643 9.1583 0.783929C9.88643 0.973215 10.5603 1.20982 11.18 1.49375C11.8152 1.77768 12.3807 2.06161 12.8764 2.34554L11.2033 5.56341Z" fill="#737373"/>
 <path d="M21.2709 7.83484V17.4411H17.4598V0.641964H20.4808L28.1262 10.5322V0.641964H31.9373V17.4411H28.8233L21.2709 7.83484Z" fill="#737373"/>
 <path d="M44.0395 17.5831C42.7227 17.5831 41.5995 17.3623 40.6699 16.9206C39.7404 16.4631 38.9813 15.848 38.3926 15.075C37.8194 14.2864 37.3933 13.3951 37.1145 12.4014C36.8511 11.3918 36.7194 10.335 36.7194 9.23083V0.641964H40.5305V9.23083C40.5305 9.86178 40.5925 10.477 40.7164 11.0764C40.8404 11.66 41.0418 12.1805 41.3206 12.638C41.5995 13.0954 41.9558 13.4582 42.3896 13.7264C42.8388 13.9945 43.3888 14.1286 44.0395 14.1286C44.7057 14.1286 45.2634 13.9945 45.7126 13.7264C46.1619 13.4425 46.5182 13.0718 46.7816 12.6143C47.045 12.1411 47.2386 11.6127 47.3626 11.029C47.4865 10.4454 47.5485 9.84601 47.5485 9.23083V0.641964H51.3595V9.23083C51.3595 10.3981 51.2124 11.4865 50.918 12.496C50.6392 13.5055 50.2054 14.3968 49.6167 15.1697C49.028 15.9268 48.2689 16.5184 47.3393 16.9442C46.4253 17.3701 45.3253 17.5831 44.0395 17.5831Z" fill="#737373"/>
diff --git a/public/image/SNU_Engineering.svg b/public/image/SNU_Engineering.svg
index 8e94b5fab..13e1995f6 100644
--- a/public/image/SNU_Engineering.svg
+++ b/public/image/SNU_Engineering.svg
@@ -1,4 +1,4 @@
-<svg width="126" height="33" viewBox="0 0 126 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="current" height="33" viewBox="0 0 126 33" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.29513 18.2664C3.97359 18.0772 3.60644 17.978 3.23266 17.9792C2.04362 17.9792 1.25322 18.8305 1.25322 19.9825C1.25322 21.1842 2.12455 21.9824 3.19564 21.9824C3.565 21.9824 4.06008 21.885 4.31666 21.732L4.36229 22.4431C3.97054 22.6063 3.49096 22.6268 3.18875 22.6268C1.55543 22.6268 0.471436 21.585 0.471436 19.9586C0.471436 18.3835 1.62259 17.3348 3.19564 17.3348C3.59428 17.3348 3.98603 17.3946 4.35368 17.5553L4.29513 18.2664Z" fill="#737373"/>
 <path d="M9.04621 21.9824C10.2353 21.9824 10.7432 21.0013 10.7432 19.9825C10.7432 18.9407 10.1827 17.9732 9.04621 17.9792C7.90797 17.9732 7.34746 18.9407 7.34746 19.9825C7.34746 21.0013 7.85717 21.9824 9.04621 21.9824ZM9.04621 17.3348C10.6115 17.3348 11.5268 18.4638 11.5268 19.9825C11.5268 21.5354 10.6184 22.6268 9.04621 22.6268C7.47403 22.6268 6.56567 21.5354 6.56567 19.9825C6.56567 18.4638 7.48092 17.3348 9.04621 17.3348Z" fill="#737373"/>
 <path d="M14.1528 17.4229H14.889V21.8961H17.0449V22.5405H14.1528V17.4229Z" fill="#737373"/>
diff --git a/public/image/SNU_Logo_with_Text.svg b/public/image/SNU_Logo_with_Text.svg
index 7a8f7952e..3a697bd1a 100644
--- a/public/image/SNU_Logo_with_Text.svg
+++ b/public/image/SNU_Logo_with_Text.svg
@@ -1,4 +1,4 @@
-<svg width="159" height="37" viewBox="0 0 159 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="current" height="37" viewBox="0 0 159 37" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M48.4079 29.9753C48.4079 29.9753 46.902 29.1121 46.8205 28.973C46.8205 28.973 46.6622 28.8339 46.6622 28.6229C46.6622 28.6229 46.6047 28.1433 46.9979 27.9419C46.9979 27.9419 47.1658 27.7357 47.818 27.7357C47.818 27.7357 48.3216 27.7405 48.7388 28.0186L48.7004 27.4287C48.7004 27.4287 47.5015 27.141 46.854 27.4575C46.2018 27.7836 46.0483 28.268 46.0483 28.6181C46.0483 28.9586 46.245 29.4622 46.7629 29.7499C46.7629 29.7499 48.1058 30.4213 48.4367 30.8242C48.4367 30.8242 48.7484 31.2558 48.4463 31.8025C48.4463 31.8025 48.1154 32.2725 47.3912 32.2725C47.3912 32.2725 46.5999 32.2725 46.1107 31.9896L46.1586 32.5411C46.1586 32.5411 46.8732 32.6514 47.4008 32.6514C47.4008 32.6514 48.264 32.6802 48.6909 32.3445C48.6909 32.3445 49.2424 31.9272 49.2424 31.2846C49.2376 31.2798 49.3479 30.5221 48.4079 29.9753Z" fill="#737373"/>
 <path d="M51.0167 32.1286V29.8937H52.6521C52.8104 29.8937 52.8919 29.9609 52.8919 29.9609V29.5005H51.0167V27.7979H52.7097C52.8583 27.7979 52.9782 27.889 52.9782 27.889L52.959 27.3375H50.3501C50.3501 27.3375 50.446 27.5102 50.446 27.726V32.2053C50.446 32.2053 50.4652 32.2773 50.3501 32.541H53.1605L53.2372 32.0327C53.1173 32.1334 52.7336 32.1238 52.7336 32.1238H51.0167V32.1286Z" fill="#737373"/>
 <path d="M56.7286 32.1238C55.6112 32.1238 54.7048 31.1407 54.7048 29.9225C54.7048 28.7044 55.6112 27.7164 56.7286 27.7164C57.846 27.7164 58.7525 28.6996 58.7525 29.9225C58.7573 31.1359 57.8508 32.1238 56.7286 32.1238ZM56.7286 27.3136C55.3042 27.3136 54.1484 28.479 54.1484 29.9225C54.1484 31.3613 55.3042 32.5267 56.7286 32.5267C58.153 32.5267 59.3088 31.3613 59.3088 29.9225C59.3136 28.479 58.1578 27.3136 56.7286 27.3136Z" fill="#737373"/>
diff --git a/public/image/about/distance.svg b/public/image/about/distance.svg
index fd5b47df5..06643dce5 100644
--- a/public/image/about/distance.svg
+++ b/public/image/about/distance.svg
@@ -1,3 +1,8 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.74997 21.5C4.06024 21.5 2.67948 21.2448 1.60768 20.7346C0.535892 20.2243 0 19.5628 0 18.75C0 18.2628 0.2048 17.8298 0.6144 17.451C1.02402 17.0721 1.58972 16.7609 2.3115 16.5173L2.74225 17.9461C2.42687 18.0615 2.16212 18.1913 1.94802 18.3356C1.73392 18.4798 1.59483 18.6179 1.53073 18.75C1.69611 19.1064 2.18809 19.4038 3.00668 19.6423C3.82528 19.8808 4.73971 20 5.74997 20C6.75382 20 7.66922 19.8808 8.49615 19.6423C9.32308 19.4038 9.81923 19.1064 9.9846 18.75C9.9205 18.6179 9.7814 18.4814 9.5673 18.3404C9.3532 18.1993 9.08846 18.0679 8.77308 17.9461L9.21345 16.5173C9.93523 16.7609 10.4968 17.0721 10.898 17.451C11.2993 17.8298 11.5 18.2628 11.5 18.75C11.5 19.5628 10.9641 20.2243 9.89228 20.7346C8.82048 21.2448 7.43971 21.5 5.74997 21.5ZM5.74997 15.5943C6.04997 15.025 6.38587 14.4728 6.75767 13.9375C7.12947 13.4022 7.50256 12.891 7.87693 12.4038C8.50641 11.5846 9.00929 10.8429 9.38558 10.1788C9.76186 9.51473 9.95 8.68844 9.95 7.69998C9.95 6.53588 9.54103 5.54484 8.72308 4.72688C7.90511 3.90893 6.91407 3.49995 5.74997 3.49995C4.58587 3.49995 3.59484 3.90893 2.77687 4.72688C1.95892 5.54484 1.54995 6.53588 1.54995 7.69998C1.54995 8.68844 1.7397 9.51473 2.1192 10.1788C2.49868 10.8429 2.99996 11.5846 3.62302 12.4038C3.99739 12.891 4.37047 13.4022 4.74227 13.9375C5.11407 14.4728 5.44997 15.025 5.74997 15.5943ZM5.74997 18.1923C5.58587 18.1923 5.43523 18.1381 5.29805 18.0298C5.16088 17.9214 5.05897 17.782 4.9923 17.6115C4.58332 16.4922 4.09678 15.5535 3.53268 14.7952C2.96858 14.0368 2.42434 13.3102 1.89997 12.6154C1.39229 11.9205 0.957041 11.2006 0.594225 10.4557C0.231408 9.71086 0.05 8.79228 0.05 7.69998C0.05 6.10383 0.600958 4.75479 1.70287 3.65288C2.80479 2.55096 4.15382 2 5.74997 2C7.34612 2 8.69516 2.55096 9.79707 3.65288C10.899 4.75479 11.45 6.10383 11.45 7.69998C11.45 8.79228 11.2727 9.71086 10.9182 10.4557C10.5637 11.2006 10.1243 11.9205 9.59997 12.6154C9.09227 13.3102 8.55221 14.0368 7.97978 14.7952C7.40734 15.5535 6.91663 16.4922 6.50765 17.6115C6.44098 17.782 6.33907 17.9214 6.2019 18.0298C6.06472 18.1381 5.91407 18.1923 5.74997 18.1923ZM5.74997 9.52688C6.25637 9.52688 6.68746 9.34899 7.04322 8.99322C7.39899 8.63746 7.57687 8.20638 7.57687 7.69998C7.57687 7.19358 7.39899 6.76249 7.04322 6.40673C6.68746 6.05096 6.25637 5.87308 5.74997 5.87308C5.24357 5.87308 4.81249 6.05096 4.45672 6.40673C4.10096 6.76249 3.92308 7.19358 3.92308 7.69998C3.92308 8.20638 4.10096 8.63746 4.45672 8.99322C4.81249 9.34899 5.24357 9.52688 5.74997 9.52688Z" fill="#A3A3A3"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_6117_117142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+<rect width="20" height="20" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_6117_117142)">
+<path d="M10 17.3333C8.82453 17.3333 7.86399 17.1589 7.11839 16.81C6.3728 16.4611 6 16.0088 6 15.453C6 15.1199 6.14247 14.8238 6.42741 14.5648C6.71236 14.3057 7.10589 14.0929 7.60801 13.9264L7.90766 14.9033C7.68826 14.9822 7.50409 15.071 7.35515 15.1696C7.20621 15.2682 7.10945 15.3627 7.06486 15.453C7.17991 15.6967 7.52216 15.9001 8.09161 16.0631C8.66107 16.2262 9.2972 16.3077 10 16.3077C10.6983 16.3077 11.3351 16.2262 11.9104 16.0631C12.4857 15.9001 12.8308 15.6967 12.9458 15.453C12.9012 15.3627 12.8045 15.2693 12.6555 15.1729C12.5066 15.0765 12.3224 14.9866 12.103 14.9033L12.4094 13.9264C12.9115 14.0929 13.3021 14.3057 13.5813 14.5648C13.8604 14.8238 14 15.1199 14 15.453C14 16.0088 13.6272 16.4611 12.8816 16.81C12.136 17.1589 11.1755 17.3333 10 17.3333ZM10 13.2952C10.2087 12.906 10.4424 12.5284 10.701 12.1624C10.9597 11.7964 11.2192 11.4469 11.4796 11.1137C11.9175 10.5536 12.2674 10.0465 12.5291 9.59237C12.7909 9.13828 12.9218 8.5733 12.9218 7.89742C12.9218 7.10146 12.6373 6.42383 12.0683 5.86453C11.4992 5.30525 10.8098 5.02561 10 5.02561C9.19019 5.02561 8.50077 5.30525 7.93175 5.86453C7.36274 6.42383 7.07823 7.10146 7.07823 7.89742C7.07823 8.5733 7.21023 9.13828 7.47423 9.59237C7.73822 10.0465 8.08694 10.5536 8.52038 11.1137C8.78081 11.4469 9.04034 11.7964 9.29899 12.1624C9.55763 12.5284 9.7913 12.906 10 13.2952ZM10 15.0716C9.88584 15.0716 9.78105 15.0346 9.68562 14.9605C9.5902 14.8865 9.5193 14.7911 9.47292 14.6745C9.18841 13.9092 8.84994 13.2673 8.45752 12.7488C8.0651 12.2303 7.68651 11.7335 7.32173 11.2584C6.96855 10.7832 6.66577 10.291 6.41338 9.7817C6.16098 9.27239 6.03478 8.6443 6.03478 7.89742C6.03478 6.80604 6.41806 5.88362 7.18461 5.13017C7.95117 4.37672 8.88963 4 10 4C11.1104 4 12.0488 4.37672 12.8154 5.13017C13.5819 5.88362 13.9652 6.80604 13.9652 7.89742C13.9652 8.6443 13.8419 9.27239 13.5953 9.7817C13.3487 10.291 13.043 10.7832 12.6783 11.2584C12.3251 11.7335 11.9494 12.2303 11.5512 12.7488C11.153 13.2673 10.8116 13.9092 10.5271 14.6745C10.4807 14.7911 10.4098 14.8865 10.3144 14.9605C10.219 15.0346 10.1142 15.0716 10 15.0716ZM10 9.14659C10.3523 9.14659 10.6522 9.02496 10.8997 8.7817C11.1471 8.53844 11.2709 8.24368 11.2709 7.89742C11.2709 7.55117 11.1471 7.25641 10.8997 7.01315C10.6522 6.76989 10.3523 6.64826 10 6.64826C9.64772 6.64826 9.34783 6.76989 9.10034 7.01315C8.85285 7.25641 8.72911 7.55117 8.72911 7.89742C8.72911 8.24368 8.85285 8.53844 9.10034 8.7817C9.34783 9.02496 9.64772 9.14659 10 9.14659Z" fill="#737373"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/public/image/lock_icon.svg b/public/image/lock_icon.svg
index fb99bf50b..18c2adbbc 100644
--- a/public/image/lock_icon.svg
+++ b/public/image/lock_icon.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.125 20C6.81562 20 6.55078 19.8881 6.33047 19.6643C6.11016 19.4405 6 19.1714 6 18.8571V10.5905C6 10.2762 6.11016 10.0071 6.33047 9.78333C6.55078 9.55952 6.81562 9.44762 7.125 9.44762H8.4375V7.61905C8.4375 6.61778 8.78504 5.76429 9.48011 5.05857C10.1752 4.35286 11.0158 4 12.002 4C12.9882 4 13.8281 4.35286 14.5219 5.05857C15.2156 5.76429 15.5625 6.61778 15.5625 7.61905V9.44762H16.875C17.1844 9.44762 17.4492 9.55952 17.6695 9.78333C17.8898 10.0071 18 10.2762 18 10.5905V18.8571C18 19.1714 17.8898 19.4405 17.6695 19.6643C17.4492 19.8881 17.1844 20 16.875 20H7.125ZM9.5625 9.44762H14.4375V7.61905C14.4375 6.93121 14.2007 6.34656 13.7272 5.86509C13.2537 5.3836 12.6787 5.14286 12.0022 5.14286C11.3257 5.14286 10.75 5.3836 10.275 5.86509C9.8 6.34656 9.5625 6.93121 9.5625 7.61905V9.44762Z" fill="#E5E5E5"/>
+<path d="M7.125 20C6.81562 20 6.55078 19.8881 6.33047 19.6643C6.11016 19.4405 6 19.1714 6 18.8571V10.5905C6 10.2762 6.11016 10.0071 6.33047 9.78333C6.55078 9.55952 6.81562 9.44762 7.125 9.44762H8.4375V7.61905C8.4375 6.61778 8.78504 5.76429 9.48011 5.05857C10.1752 4.35286 11.0158 4 12.002 4C12.9882 4 13.8281 4.35286 14.5219 5.05857C15.2156 5.76429 15.5625 6.61778 15.5625 7.61905V9.44762H16.875C17.1844 9.44762 17.4492 9.55952 17.6695 9.78333C17.8898 10.0071 18 10.2762 18 10.5905V18.8571C18 19.1714 17.8898 19.4405 17.6695 19.6643C17.4492 19.8881 17.1844 20 16.875 20H7.125ZM9.5625 9.44762H14.4375V7.61905C14.4375 6.93121 14.2007 6.34656 13.7272 5.86509C13.2537 5.3836 12.6787 5.14286 12.0022 5.14286C11.3257 5.14286 10.75 5.3836 10.275 5.86509C9.8 6.34656 9.5625 6.93121 9.5625 7.61905V9.44762Z" fill="#a3a3a3"/>
 </svg>
diff --git a/public/image/pin_icon.svg b/public/image/pin_icon.svg
index 0135438c5..e7a130ac3 100644
--- a/public/image/pin_icon.svg
+++ b/public/image/pin_icon.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M28.8616 27.1126L30.1875 31.283L29.222 32.9552L22.2639 28.9379L17.5708 37.0666L16.252 37.42L15.8986 36.1012L20.5917 27.9724L13.6336 23.9552L14.599 22.283L18.7092 21.2511L25.6704 9.19402L23.9273 8.18766L24.8928 6.51544L38.5313 14.3897L37.5659 16.0619L35.8228 15.0555L28.8616 27.1126Z" fill="#e9390b"/>
+<path d="M28.8616 27.1126L30.1875 31.283L29.222 32.9552L22.2639 28.9379L17.5708 37.0666L16.252 37.42L15.8986 36.1012L20.5917 27.9724L13.6336 23.9552L14.599 22.283L18.7092 21.2511L25.6704 9.19402L23.9273 8.18766L24.8928 6.51544L38.5313 14.3897L37.5659 16.0619L35.8228 15.0555L28.8616 27.1126Z" fill="#ff6914"/>
 </svg>