feat: 메인 배경 이미지

app/[locale]/page.tsx

@@ -1,3 +1,4 @@
+import Image from 'next/image';
 import Link from 'next/link';
 
 import { getMain } from '@/apis/main';
@@ -22,8 +23,12 @@ export default async function MainPage() {
   const data = await getMain();
 
   return (
-    <div className="sm:min-w-[1024px]">
+    <div className="relative sm:min-w-[1024px]">
       <Header />
+      <div className="absolute left-0 right-0 top-0 -z-50 hidden aspect-[1336/800] sm:block">
+        {/* 자글자글해져서 unoptimized */}
+        <Image src="/image/main/background.png" fill alt="" className="object-cover" unoptimized />
+      </div>
       <GraphicSection />
       <NewsSection mainNews={data.slides} />
       <ImportantSection importantList={data.importants} />
@@ -141,7 +146,7 @@ const RightArrow = () => (
     <path
       d="M12.011 4.28529L19.7188 11.9931M19.7188 11.9931L12.011 19.7139M19.7188 11.9931L4.29018 11.9931"
       stroke="white"
-      stroke-width="1.5"
+      strokeWidth="1.5"
       className="group-hover:fill-main-orange"
     />
   </svg>

app/[locale]/reservations/introduction/page.tsx

@@ -44,5 +44,5 @@ const htmlContents = {
   '실습실 예약':
     '<p><span style="background-color: transparent">로그인 후 하위 메뉴에서 원하는 실습실을 선택한 뒤 신청서를 제출하면 관리자가 검토한 후 승인해 드립니다.</span><br></p><p><span style="color:red">실습실 예약 권한은 각 연구실의 실습 조교에게만 부여되어 있습니다.</span></p><p>각 연구실의 영문 약자는&nbsp;<a href="https://cse.snu.ac.kr/sites/all/libraries/mediawiki/index.php?title=/research/labs&amp;action=edit&amp;redlink=1">연구실 목록</a>을 참고하세요.</p><ul><li>이곳에서는 실습실 상시 예약이 이루어지며, 학기 예약은 아래와 같이 진행되니 참고 바랍니다.</li></ul><ul><li>세미나실 학기 예약 안내<ul><li>년 2회 실시: 봄학기 (3~6월), 가을학기 (9~12월)</li><li>학부 담당자가 모든 연구실에 학기예약신청 안내 메일 발송 (예를 들어, 3~6월 학기 예약은 2월 초 시작)</li></ul></li></ul><ul><li>실습실 계정 및 소프트웨어 담당 연락처: [email protected] (Bacchus)<ul><li>2020년 1학기부터 소프트웨어실습실에 더 이상 PC가 설치되어 있지 않습니다. 따라서 소프트웨어실습실 PC의 계정 및 실습 환경 문의는 접수하지 않습니다.</li></ul></li></ul>',
   '공과대학 강의실 예약':
-    '<p><span style="background-color: transparent">로그인 후 하위 메뉴에서 원하는 공간을 선택하여 예약하시면 됩니다.</span><br></p><p><strong>공과대학 강의실 예약 권한은 컴퓨터공학부 대학원생 및 연구원에게 부여되어 있습니다(학번 필요).<br></strong></p><p><strong><span style="color:red">코로나-19 상황으로 인하여 한시적으로 중간.기말고사 장소로 운영할 예정입니다.</span><br><span style="color:#3c7de4">2022년 2학기 중간.기말 고사 시험이 진행되는 일정의 사용에 대해서만 예약 및 사용이 가능하오니 참고하여 주시기 바랍니다.</span><br>(문의: 컴퓨터공학부 행정실 박서현 02-880-1850)</strong><br><br></p><ul><li>공과대학 강의실 예약 (중간, 기말고사 용도로만 사용가능)<br><ul><li>301-101 (54석) - 마이스누 예약하샤 시스템 이용<br></li><li>301-203 (72석) - 마이스누 예약하샤 시스템 이용<br></li><li>302-106 (52석) - 마이스누 예약하샤 시스템 이용<br></li><li>302-107 (55석) - 마이스누 예약하샤 시스템 이용<br></li><li>302-208 (78석) - 컴퓨터공학부 홈페이지 공과대학 강의실 예약 이용<br></li><li>302-209 (70석) - 컴퓨터공학부 홈페이지 공과대학 강의실 예약 이용<br></li></ul></li></ul><p>공과대학 강의실에서는 연구실 세미나를 진행하실 수 없으니 참고 바랍니다.<br><br><span style="color:blue">세미나는 컴퓨터공학부 세미나실(<a rel="nofollow" href="https://cse.snu.ac.kr/seminar-room-reservations">https://cse.snu.ac.kr/seminar-room-reservations</a>) 을 이용하여 주시기 바랍니다.</span></p>',
+    '<p><span style="background-color: transparent">로그인 후 하위 메뉴에서 원하는 공간을 선택하여 예약하시면 됩니다.</span><br></p><p><strong>공과대학 강의실 예약 권한은 컴퓨터공학부 대학원생 및 연구원에게 부여되어 있습니다(학번 필요).<br></strong></p><p><strong><span style="color:red">코로나-19 상황으로 인하여 한시적으로 중간.기말고사 장소로 운영할 예정입니다.</span><br><span style="color:#3c7de4">2022년 2학기 중간.기말 고사 시험이 진행되는 일정의 사용에 대해서만 예약 및 사용이 가능하오니 참고하여 주시기 바랍니다.</span><br>(문의: 컴퓨터공학부 행정실 박서현 02-880-1850)</strong><br><br></p><ul><li>공과대학 강의실 예약 (중간, 기말고사 용도로만 사용가능)<br><ul><li>301-101 (54석) - 마이스누 예약하샤 시스템 이용<br></li><li>301-203 (72석) - 마이스누 예약하샤 시스템 이용<br></li><li>302-106 (52석) - 마이스누 예약하샤 시스템 이용<br></li><li>302-107 (55석) - 마이스누 예약하샤 시스템 이용<br></li><li>302-208 (78석) - 컴퓨터공학부 홈페이지 공과대학 강의실 예약 이용<br></li><li>302-209 (70석) - 컴퓨터공학부 홈페이지 공과대학 강의실 예약 이용<br></li></ul></li></ul><p>공과대학 강의실에서는 연구실 세미나를 진행하실 수 없으니 참고 바랍니다.<br><br><span>세미나는 <a rel="nofollow" href="/reservations/introduction?selected=세미나실-예약">컴퓨터공학부 세미나실</a> 을 이용하여 주시기 바랍니다.</span></p>',
 } as const;

components/layout/header/Header.tsx

@@ -12,7 +12,7 @@ import MobileNavButton from './MobileNavButton';
 export default function Header() {
   return (
     <header
-      className={`flex h-[68px] shrink-0 items-center justify-between bg-[#2d2d30] px-5 sm:h-auto sm:bg-transparent sm:px-[3.75rem] sm:pb-[2.44rem] sm:pt-12`}
+      className={`flex h-[68px] shrink-0 items-center justify-between px-5 sm:h-auto sm:bg-transparent sm:px-[3.75rem] sm:pb-[2.44rem] sm:pt-12`}
     >
       <HeaderLeft />