fix: 스크롤 이상현상 수정 + 페이지 레이아웃 수정

* fix: 스크롤 이상현상 수정

* fix: 페이지 레이아웃 수정

Author: limtjdghks

src/assets/styles/index.css

@@ -92,5 +92,8 @@
     }
     body {
       @apply font-sans antialiased bg-background text-foreground;
+      overflow: hidden;
+      position: fixed;
+      width: 100%;
     }
   }

src/pages/CoreMembers.tsx

@@ -64,7 +64,7 @@ const GitHubLinkUrl = ({ username }: { username: string }) => {
 const CoreMembers: React.FC = () => {
   return (
     <MobileLayout>
-      <div className='mt-[28px] ml-[12px] flex'>
+      <div className='mt-16 ml-[12px] flex'>
           <img
               className='w-[21px] h-[24px] cursor-pointer'
               alt='logo'

src/pages/Main.tsx

@@ -168,7 +168,7 @@ const Main: React.FC = () => {
         </div>
 
         {/* 바텀마진용용 */}
-        <div className='flex w-full bg-mainBlack min-h-[2px]' />
+        <div className='flex w-full bg-mainBlack min-h-[60px]' />
       </div>
     </MobileLayout>
   )

src/pages/Recruit.tsx

@@ -77,7 +77,7 @@ const Recruit: React.FC = () => {
     <MobileLayout>
       <RecruitHeader title="컴퓨터 소프트웨어 공학과 전공 동아리 다솜 34기 모집 폼" />
       <RecruitUI />
-      <div className=" flex flex-col items-center gap-6 ">
+      <div className=" flex flex-col items-center gap-6 mb-40 ">
         <form className="mt-3 bg-mainBlack w-full px-2" onSubmit={handleSubmit}>
           <InputField label="이름" required />
           <InputField label="학번" required />

src/pages/RecruitMeeting.tsx

@@ -38,7 +38,7 @@ const RecruitMeeting: React.FC = () => {
 		<MobileLayout>
 			<RecruitHeader title='컴퓨터 소프트웨어 공학과 전공 동아리 다솜 34기 모집 폼' />
 			<RecruitUI />
-			<div className='flex flex-col items-center w-full'>
+			<div className='flex flex-col items-center w-full mb-40'>
 				<p className='font-pretendardBold text-white text-center bg-mainColor max-w-[90%] w-full mt-6'>
 					1차 서류에 합격되신 점 다시 한번 축하드리며,
 					<br />
@@ -51,7 +51,7 @@ const RecruitMeeting: React.FC = () => {
 					<MeetingTimeSelector onSelect={handleTimeSelect} />
 				</div>
 				<button
-					className={`font-pretendardBold text-white text-center mt-20 mb-20 p-1 w-[140px] h-[40px] ${activebtn ? 'bg-mainColor' : 'bg-subGrey3 opacity-30'}`}
+					className={`font-pretendardBold text-white text-center mt-20 p-1 w-[140px] h-[40px] ${activebtn ? 'bg-mainColor' : 'bg-subGrey3 opacity-30'}`}
 					onClick={handleSubmit}
 					disabled={!activebtn}>
 					면접일정 예약하기

src/pages/RecruitSubmitMeeting.tsx

@@ -2,14 +2,17 @@ import React from 'react'
 import { useLocation } from 'react-router-dom'
 import MobileLayout from '../components/layout/MobileLayout'
 import { Header } from '../components/UI/Header'
+import { RecruitHeader, RecruitUI } from '../components/UI/RecruitUI'
 
 const RecruitSubmitMeeting: React.FC = () => {
 	const location = useLocation()
 	const { date, time } = location.state as { date: string; time: string }
 
 	return (
 		<MobileLayout>
-			<div className='flex flex-col items-center w-full mt-6'>
+			<RecruitHeader title='컴퓨터 소프트웨어 공학과 전공 동아리 다솜 34기 모집 폼' />
+			<RecruitUI />
+			<div className='flex flex-col items-center w-full mt-12'>
 				<p className='font-pretendardBold text-white text-center bg-mainColor w-[90%]'>
 					면접일 제출이 완료되었습니다.
 					<br />