diff --git a/src/app/mypage/edit/changepassword/page.tsx b/src/app/mypage/edit/changepassword/page.tsx
index 8e075ec..ca41492 100644
--- a/src/app/mypage/edit/changepassword/page.tsx
+++ b/src/app/mypage/edit/changepassword/page.tsx
@@ -10,7 +10,7 @@ const ChangePasswordPage = () => {
   const [step, setStep] = useState(0);
   return (
     <div>
-      <div className="max-w-[640px] w-full mx-auto">
+      <div className="px-5 mt-5 w-full mx-auto sm:max-w-[640px] sm:mt-10 sm:px-0">
         {step === 2 ? null : (
           <div onClick={() => router.back()} className="py-[14px]">
             <img
diff --git a/src/app/mypage/edit/changephone/page.tsx b/src/app/mypage/edit/changephone/page.tsx
index 5ed83de..7757370 100644
--- a/src/app/mypage/edit/changephone/page.tsx
+++ b/src/app/mypage/edit/changephone/page.tsx
@@ -132,7 +132,7 @@ const ChangePhonePage = () => {
 
   return (
     <div>
-      <div className="max-w-[640px] w-full mx-auto">
+      <div className="px-5 mt-5 w-full mx-auto sm:max-w-[640px] sm:mt-10 sm:px-0">
         <div onClick={() => router.back()} className="py-[14px]">
           <img src="/images/mypage/left_password.svg" alt="" className="cursor-pointer" />
         </div>
diff --git a/src/app/mypage/edit/page.tsx b/src/app/mypage/edit/page.tsx
index 41a69a7..6d79d5d 100644
--- a/src/app/mypage/edit/page.tsx
+++ b/src/app/mypage/edit/page.tsx
@@ -73,7 +73,7 @@ const Editpage = () => {
   }, [open]);
 
   return (
-    <div className="max-w-[640px] w-full mx-auto">
+    <div className="px-5 mt-5 w-full mx-auto sm:max-w-[640px] sm:mt-10 sm:px-0">
       <div onClick={() => router.back()} className="py-[14px]">
         <img src="/images/mypage/left.svg" alt="" className="cursor-pointer" />
       </div>
diff --git a/src/app/mypage/page.tsx b/src/app/mypage/page.tsx
index 996c5a5..4c55784 100644
--- a/src/app/mypage/page.tsx
+++ b/src/app/mypage/page.tsx
@@ -37,7 +37,7 @@ const Mypage = () => {
   }
 
   return (
-    <div className="max-w-[640px] w-full mx-auto mt-10">
+    <div className="px-5 mt-5 w-full mx-auto sm:max-w-[640px] sm:mt-10 sm:px-0">
       <header>
         <MypageHeader />
       </header>
diff --git a/src/app/payment/layout.tsx b/src/app/payment/layout.tsx
index af942f9..f49ddcb 100644
--- a/src/app/payment/layout.tsx
+++ b/src/app/payment/layout.tsx
@@ -7,7 +7,7 @@ export default function PaymentLayout({
 }>) {
   return (
     <Suspense>
-      <div className="max-w-[640px] w-full mx-auto">{children}</div>
+      <div className="px-5 mt-5 w-full mx-auto sm:max-w-[640px] sm:mt-10 sm:px-0">{children}</div>
     </Suspense>
   );
 }
diff --git a/src/components/common/Gnb.tsx b/src/components/common/Gnb.tsx
index 8ae7be2..65b658e 100644
--- a/src/components/common/Gnb.tsx
+++ b/src/components/common/Gnb.tsx
@@ -54,7 +54,7 @@ const Gnb = () => {
             className="cursor-pointer">
             <img src="/images/gnb/alert.svg" alt="alert" className="w-6 h-6" />
           </div>
-          <div className="hidden items-center min-w-[123px] min-h-[35px] sm:flex">
+          <div className="hidden items-center min-h-[35px] sm:flex">
             {isLoggedIn ? (
               <Link href={'/mypage'}>
                 <img src="/images/gnb/mypage.svg" alt="mypage" className="w-6 h-6" />
diff --git a/src/components/find/FindEmail.tsx b/src/components/find/FindEmail.tsx
index 61791e7..43dc873 100644
--- a/src/components/find/FindEmail.tsx
+++ b/src/components/find/FindEmail.tsx
@@ -138,7 +138,7 @@ const FindEmail = () => {
   }, [isError]);
 
   return (
-    <div className='find-inner-container flex flex-col items-center min-h-[calc(100vh-220px)] w-[340px]'>
+    <div className='min-h-[calc(100vh-220px)] flex flex-col items-center justify-between w-[340px] sm:min-h-0 sm:justify-center'>
       {!showUserEmail && (
       <><section className="w-full mx-auto mt-[30px]">
           <div className="text-heading3">
@@ -266,7 +266,7 @@ const FindEmail = () => {
             가입하신<br />
             <span className="text-purple-600">이메일 정보</span>입니다
           </h2>
-          <div className="w-full py-8 px-4 text-center rounded-lg my-10 text-black">{userEmail ? userEmail : 'No email available'}</div>
+          <div className="w-full py-8 px-4 bg-gray-100 text-center rounded-lg my-10 text-black">{userEmail ? userEmail : 'No email available'}</div>
           </section>
         </motion.div>
         <motion.div
diff --git a/src/components/find/FindPassword.tsx b/src/components/find/FindPassword.tsx
index 0c0b17d..540fd38 100644
--- a/src/components/find/FindPassword.tsx
+++ b/src/components/find/FindPassword.tsx
@@ -128,7 +128,7 @@ const FindPassword = () => {
 
 
   return (
-    <div className='find-inner-container flex flex-col items-center min-h-[calc(100vh-220px)] w-[340px]'>
+    <div className='min-h-[calc(100vh-220px)] flex flex-col items-center justify-between w-[340px] sm:min-h-0 sm:justify-center'>
        {!showPasswordReset && (
       <><section className="w-full mx-auto mt-[30px]">
           <div className="text-heading3">
diff --git a/src/components/find/FindTabs.tsx b/src/components/find/FindTabs.tsx
index ed41f88..17ed23e 100644
--- a/src/components/find/FindTabs.tsx
+++ b/src/components/find/FindTabs.tsx
@@ -16,10 +16,10 @@ const FindTabs = () => {
   const router = useRouter();
 
   return (
-    <div className='flex flex-col items-center justify-center'>
+    <div className='min-h-[calc(100vh-100px)] flex flex-col items-center justify-between mb-[100px] sm:min-h-[100vh] sm:justify-center sm:mb-0'>
         <>
-        <div className="custom-container flex flex-col items-center overflow-y-auto w-full mb-[90px]">
-          <div className='max-w-[340px] w-full mx-auto mt-[30px] sm:mt-[100px]'>
+        <div className="flex flex-col items-center overflow-y-auto w-full">
+          <div className='max-w-[340px] w-full mx-auto mt-[30px] sm:mt-0'>
           <div className="self-start">
             <Image
               src={'/sign/LeftArrowIcon.svg'}
diff --git a/src/components/mypage/CertifyPassword.tsx b/src/components/mypage/CertifyPassword.tsx
index 3d907ab..b5fcbce 100644
--- a/src/components/mypage/CertifyPassword.tsx
+++ b/src/components/mypage/CertifyPassword.tsx
@@ -34,7 +34,7 @@ const CertifyPassword = ({ setStep }: CertifyPasswordType) => {
       setIsSubmitting(true);
       const result = await checkPassword(passwordValue);
 
-      if (result === 'success') {
+      if (result === '인증에 성공했습니다.') {
         setStep(1);
       } else {
         alert('비밀번호가 올바르지 않습니다. 다시 시도해주세요.');
diff --git a/src/components/sign/SignLayout.tsx b/src/components/sign/SignLayout.tsx
index 1f3d5b1..c6748f5 100644
--- a/src/components/sign/SignLayout.tsx
+++ b/src/components/sign/SignLayout.tsx
@@ -23,7 +23,7 @@ const SignLayout = () => {
   }, 1000); 
 
   return (
-    <div className="min-h-[calc(100vh-75px)] flex flex-col items-center justify-center">
+    <div className="min-h-[calc(100vh-75px)] flex flex-col items-center justify-center sm:min-h-[100vh]">
       <section className="flex mt-8 mb-6">
         <Link href={'/'} className='cursor-pointer'>
           <img src="/images/logo.svg" alt="logo" className="w-[202px] h-[28px]" />
diff --git a/src/components/signup/Step1.tsx b/src/components/signup/Step1.tsx
index a4f28f9..addf9d3 100644
--- a/src/components/signup/Step1.tsx
+++ b/src/components/signup/Step1.tsx
@@ -56,10 +56,10 @@ const Step1: React.FC<StepProps> = ({ onNext, onUpdate }) => {
   };
 
   const isNextEnabled = checks.privacy && checks.service && checks.age;
-
+  // min-h-[calc(100vh-75px)] flex flex-col items-center justify-center sm:min-h-[100vh]
   return (
-    <div className="custom-container flex flex-col items-center min-h-[calc(100vh-100px)] overflow-y-auto mb-[90px]">
-      <div className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-[100px]">
+    <div className="min-h-[calc(100vh-100px)] flex flex-col items-center justify-between mb-[100px] sm:min-h-[100vh] sm:justify-center sm:mb-0">
+      <div className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-0">
         <Image
           src={'/sign/LeftArrowIcon.svg'}
           alt='뒤로가기'
diff --git a/src/components/signup/Step3.tsx b/src/components/signup/Step3.tsx
index 4c890ce..d7debe5 100644
--- a/src/components/signup/Step3.tsx
+++ b/src/components/signup/Step3.tsx
@@ -40,8 +40,8 @@ const Step3: React.FC<StepProps> = ({ onNext, onUpdate }) => {
   const isFormValid = email && passwordValid && passwordMatch;
 
   return (
-    <div className="custom-container flex flex-col items-center min-h-[calc(100vh-100px)] overflow-y-auto mb-[90px]">
-      <div className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-[100px]">
+    <div className="min-h-[calc(100vh-100px)] flex flex-col items-center justify-between mb-[100px] sm:min-h-[100vh] sm:justify-center sm:mb-0">
+      <div className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-0">
       <Image
           src={'/sign/LeftArrowIcon.svg'}
           alt='뒤로가기'
diff --git a/src/components/signup/Step4.tsx b/src/components/signup/Step4.tsx
index d3d1dca..cfa6705 100644
--- a/src/components/signup/Step4.tsx
+++ b/src/components/signup/Step4.tsx
@@ -102,8 +102,8 @@ const Step4: React.FC<StepProps> = ({ onNext, onUpdate }) => {
   };
 
   return (
-    <div className="custom-container flex flex-col items-center min-h-[calc(100vh-100px)] overflow-y-auto mb-[90px]">
-      <div className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-[100px]">
+    <div className="min-h-[calc(100vh-100px)] flex flex-col items-center justify-between mb-[100px] sm:min-h-[100vh] sm:justify-center sm:mb-0">
+      <div className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-0">
         <Image
           src={'/sign/LeftArrowIcon.svg'}
           alt='뒤로가기'
diff --git a/src/components/signup/modal/PhoneVerification.tsx b/src/components/signup/modal/PhoneVerification.tsx
index eba82da..217f432 100644
--- a/src/components/signup/modal/PhoneVerification.tsx
+++ b/src/components/signup/modal/PhoneVerification.tsx
@@ -133,8 +133,8 @@ const PhoneVerification: React.FC<PhoneVerificationProps> = ({ onNext, onPhoneNu
   }, [isError]);
 
   return (
-    <div className="custom-container flex flex-col items-center min-h-[calc(100vh-100px)] overflow-y-auto mb-[90px]">
-      <section className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-[100px]">
+    <div className="min-h-[calc(100vh-100px)] flex flex-col items-center justify-between mb-[100px] sm:min-h-[100vh] sm:justify-center sm:mb-0">
+      <section className="max-w-[340px] w-full mx-auto mt-[30px] sm:mt-0">
         <Image
           src={'/sign/LeftArrowIcon.svg'}
           alt='뒤로가기'