diff --git a/design-system/ui/Button.tsx b/design-system/ui/Button.tsx
index 527acedc..25949228 100644
--- a/design-system/ui/Button.tsx
+++ b/design-system/ui/Button.tsx
@@ -12,7 +12,7 @@ const Button = ({ label, onClick, disabled = false, className = '', type = 'subm
     type={type} 
       onClick={onClick}
       disabled={disabled}
-      className={`py-2 px-4 text-white font-semibold transition text-base sm:text-xs md:text-sm lg:text-base
+      className={`inline-flex items-center justify-center py-2 px-4 sm:px-2 md:px-4 text-white font-semibold transition text-base sm:text-xs md:text-sm lg:text-base
         ${disabled ? 'bg-gray-400 cursor-not-allowed' : 'bg-main hover:bg-mainDark'} 
         ${className}`}
     >
diff --git a/design-system/ui/buttons/TertiaryButton.tsx b/design-system/ui/buttons/TertiaryButton.tsx
index cdb3e236..478b109a 100644
--- a/design-system/ui/buttons/TertiaryButton.tsx
+++ b/design-system/ui/buttons/TertiaryButton.tsx
@@ -24,11 +24,13 @@ const TertiaryButton = ({ label, type, color, size, disabled, onClick, className
       ? 'border-main text-main hover:bg-main hover:text-white hover:font-bold'
       : 'border-black text-black hover:bg-black hover:text-white hover:font-bold';
 
+      const disabledStyle = 'bg-gray-200 text-gray-400 border-gray-200 cursor-not-allowed';
+
   return (
     <button
       type={type}
       disabled={disabled}
-      className={`${baseStyle} ${sizeClasses[size]} ${colorStyle} ${className}`}
+      className={`${baseStyle} ${sizeClasses[size]} ${disabled ? disabledStyle : colorStyle} ${className}`}
       onClick={onClick}
     >
       {label}
diff --git a/src/entities/user/ui/ProfileInfo.tsx b/src/entities/user/ui/ProfileInfo.tsx
index 5670510e..53e68765 100644
--- a/src/entities/user/ui/ProfileInfo.tsx
+++ b/src/entities/user/ui/ProfileInfo.tsx
@@ -7,8 +7,10 @@ import ProfileCircle from '../../../../design-system/ui/Profile';
 import TertiaryButton from '../../../../design-system/ui/buttons/TertiaryButton';
 import DefaultTextField from '../../../../design-system/ui/textFields/DefaultTextField';
 import useAuthStore from '../../../app/provider/authStore';
-import { useUserInfo, useUserUpdate } from '../../../features/join/hooks/useUserHook';
+import { useUserInfo, useUserUpdate} from '../../../features/join/hooks/useUserHook';
 import { formatProfilName } from '../../../shared/lib/formatProfileName';
+import Button from '../../../../design-system/ui/Button';
+import { usePhoneVerification } from '../../../shared/utils/phoneVerification';
 
 const ProfileInfo = () => {
   const isLoggedIn = useAuthStore(state => state.isLoggedIn);
@@ -17,16 +19,31 @@ const ProfileInfo = () => {
   const { mutate: updateUser } = useUserUpdate();
   const [isEditing, setIsEditing] = useState(false);
 
+  const {
+    isVerified,
+    isVerifyVisible,
+    verificationCode,
+    setVerificationCode,
+    timer,
+    formatTime,
+    requestVerificationCode,
+    submitVerificationCode,
+    resetVerification,
+  } = usePhoneVerification();
+
   const {
     register,
     handleSubmit,
     formState: { errors },
     setValue,
+    watch
   } = useForm<{ name: string; phone: string }>({
     defaultValues: { name: data?.name || '', phone: data?.phoneNumber || '' },
     resolver: zodResolver(myPageSchema),
   });
 
+  const phoneValue = watch('phone');
+
   useEffect(() => {
     if (data) {
       setValue('name', data.name);
@@ -58,6 +75,7 @@ const ProfileInfo = () => {
         setName(name);
         refetch();
         setIsEditing(false);
+        alert('정보가 성공적으로 업데이트 되었습니다.')
       },
       onError: () => {
         alert('정보 업데이트에 실패했습니다. 다시 시도해주세요.');
@@ -65,13 +83,14 @@ const ProfileInfo = () => {
     });
   };
 
+
+
   if (isLoading) {
     return <div>로딩 중...</div>;
   }
   if (error) {
     return <div>정보를 불러오는데 실패했습니다. 다시 시도해주세요.</div>;
   }
-
   return (
     <div className="relative w-full h-52 md:h-56">
       <div className="absolute inset-0 bg-main rounded-[10px]" />
@@ -107,42 +126,97 @@ const ProfileInfo = () => {
                   name={formatProfilName(data?.name || '')}
                   className="w-16 h-16 md:w-18 md:h-18 text-xl md:text-2xl"
                 />
-                <div className="flex flex-col gap-1">
+                <div className="flex flex-col gap-1 flex-1">
                   <DefaultTextField
                     {...register('name')}
-                    errorPosition="right"
+                    errorPosition="bottom"
                     errorMessage={errors.name?.message}
                     className="h-9"
                   />
-                  <DefaultTextField
-                    {...register('phone')}
-                    onChange={handlePhoneChange}
-                    errorPosition="right"
-                    errorMessage={errors.phone?.message}
-                    className="h-9"
-                  />
+                  <div className="flex gap-2 items-center">
+                    <DefaultTextField
+                      {...register('phone')}
+                      onChange={handlePhoneChange}
+                      className="h-9 flex-1"
+                    />
+                    <Button
+                      type="button"
+                      label="인증하기"
+                      onClick={() => requestVerificationCode(phoneValue)}
+                      className="h-9 sm:h-8 rounded-md w-24"
+                    />
+                  </div>
+
+                  {isVerifyVisible && (
+                    <div className="mt-3 p-4 bg-white rounded-md shadow-md border border-gray-300">
+                      <div className="flex gap-2 mb-2">
+                        <DefaultTextField
+                          placeholder="인증번호 6자리"
+                          value={verificationCode}
+                          onChange={(e) => setVerificationCode(e.target.value)}
+                          className="h-9 flex-1"
+                        />
+                        <Button
+                          type="button"
+                          label="확인"
+                          onClick={() => submitVerificationCode(phoneValue)}
+                          className="h-9 px-3 rounded-md"
+                        />
+                      </div>
+                      <span className="text-xs text-gray-500 pl-1 mb-3 block">
+                        남은 시간: {formatTime(timer)}
+                      </span>
+                      <TertiaryButton
+                        label="취소하기"
+                        type="button"
+                        color="pink"
+                        size="full"
+                        onClick={() => {
+                          setIsEditing(false);
+                          setValue('name', data?.name || '');
+                          setValue('phone', data?.phoneNumber || '');
+                          resetVerification();
+                          setVerificationCode('');
+                        }}
+                      />
+                    </div>
+                  )}
+
+                  {!isVerifyVisible && (
+                    <div className="flex gap-2 mt-2">
+                      <TertiaryButton
+                        label="취소하기"
+                        type="button"
+                        color="pink"
+                        size="full"
+                        onClick={() => {
+                          setIsEditing(false);
+                          setValue('name', data?.name || '');
+                          setValue('phone', data?.phoneNumber || '');
+                          resetVerification();
+                          setVerificationCode('');
+                        }}
+                      />
+                      <TertiaryButton
+                        label="수정하기"
+                        type="submit"
+                        color="pink"
+                        size="full"
+                        disabled={
+                          phoneValue !== data?.phoneNumber && !isVerified
+                        }
+                      />
+                    </div>
+                  )}
                 </div>
               </div>
-              <div className="flex gap-2">
-                <TertiaryButton
-                  label="취소하기"
-                  type="button"
-                  color="pink"
-                  size="full"
-                  onClick={() => {
-                    setIsEditing(false);
-                    setValue('name', data?.name || '');
-                    setValue('phone', data?.phoneNumber || '');
-                  }}
-                />
-                <TertiaryButton label="수정하기" type="submit" color="pink" size="full" />
-              </div>
             </form>
           )}
         </div>
       </div>
     </div>
   );
+
 };
 
 export default ProfileInfo;
diff --git a/src/features/join/api/user.ts b/src/features/join/api/user.ts
index a66ca26d..87c249f0 100644
--- a/src/features/join/api/user.ts
+++ b/src/features/join/api/user.ts
@@ -24,11 +24,16 @@ export const agreeTerms = async (data: TermsAgreementRequest) => {
 };
 
 //인증번호 발급
-export const sendCertificationCode = async (phoneNum: string): Promise<void> => {
-  await axiosClient.post('/sms/send', { phoneNum });
+export const sendCertificationCode = async (data: { phoneNumber: string }) => {
+  const response = await axiosClient.post('/sms/send', data, {
+    headers: { isPublicApi: true },
+  });
+  return response.data;
 };
-
 //인증번호 검증 
-export const verifyCertificationCode = async (phoneNum: string, certificationCode: string): Promise<void> => {
-  await axiosClient.post('/sms/verify', { phoneNum, certificationCode });
+export const verifyCertificationCode = async (data: {phoneNumber: string, certificationCode: string}) => {
+  const response = await axiosClient.post('/sms/verify', data, {
+    headers: { isPublicApi: true },
+  });
+  return response.data;
 };
\ No newline at end of file
diff --git a/src/features/join/hooks/useUserHook.ts b/src/features/join/hooks/useUserHook.ts
index f6780339..a5e3a489 100644
--- a/src/features/join/hooks/useUserHook.ts
+++ b/src/features/join/hooks/useUserHook.ts
@@ -1,6 +1,7 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { agreeTerms, readUser, sendCertificationCode, updateUser, verifyCertificationCode } from '../api/user';
 import { UserInfoRequest, UserInfoResponse } from '../model/userInformation';
+import { AxiosError } from 'axios';
 
 export const useUserInfo = (enabled: boolean = true) => {
   return useQuery<UserInfoResponse>({
@@ -32,12 +33,17 @@ export const useAgreeTerms = () => {
 // 인증번호 발급
 export const useSendCertificationCode = () => {
   return useMutation({
-    mutationFn: (phoneNum: string) => sendCertificationCode(phoneNum),
+    mutationFn: (data: { phoneNumber: string }) => sendCertificationCode(data),
     onSuccess: () => {
       alert('인증번호를 발송했습니다.');
     },
-    onError: () => {
-      alert('인증번호 전송에 실패했습니다.');
+    onError: (error: AxiosError<any>) => {
+      if (error.result) {
+        const allMessages = Object.values(error.result).join('\n');
+        alert(allMessages);
+      } else {
+        alert(error.message || '인증번호 발송에 실패하였습니다.');
+      }
     },
   });
 };
@@ -45,13 +51,18 @@ export const useSendCertificationCode = () => {
 // 인증번호 확인 
 export const useVerifyCertificationCode = () => {
   return useMutation({
-    mutationFn: (params: { phoneNum: string; certificationCode: string }) =>
-      verifyCertificationCode(params.phoneNum, params.certificationCode),
+    mutationFn: (params: { phoneNumber: string; certificationCode: string }) =>
+      verifyCertificationCode(params),
     onSuccess: () => {
       alert('인증에 성공했습니다.');
     },
-    onError: () => {
-      alert('인증번호가 일치하지 않습니다.');
+    onError: (error: AxiosError<any>) => {
+      if (error.result) {
+        const allMessages = Object.values(error.result).join('\n');
+        alert(allMessages);
+      } else {
+        alert(error.message || '인증에 실패하였습니다.');
+      }
     },
   });
 }
\ No newline at end of file
diff --git a/src/pages/join/InfoInputPage.tsx b/src/pages/join/InfoInputPage.tsx
index 2e85f2a9..b70ead94 100644
--- a/src/pages/join/InfoInputPage.tsx
+++ b/src/pages/join/InfoInputPage.tsx
@@ -1,4 +1,4 @@
-import { useEffect} from 'react';
+import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useForm, SubmitHandler } from 'react-hook-form';
 import Header from '../../../design-system/ui/Header';
@@ -9,11 +9,22 @@ import { useAgreeTerms, useUserInfo, useUserUpdate } from '../../features/join/h
 import useAuthStore from '../../app/provider/authStore';
 import { formatPhoneNumber } from '../../shared/utils/phoneFormatter';
 import { useAgreementStore } from '../../features/join/model/agreementStore';
+import { usePhoneVerification } from '../../shared/utils/phoneVerification';
 
 const InfoInputPage = () => {
   const { data, isLoading } = useUserInfo();
   const { login, setName } = useAuthStore();
   const { mutate: updateUser } = useUserUpdate();
+  const {
+    isVerified,
+    isVerifyVisible,
+    verificationCode,
+    setVerificationCode,
+    timer,
+    formatTime,
+    requestVerificationCode,
+    submitVerificationCode,
+  } = usePhoneVerification();
 
   const {
     register,
@@ -34,6 +45,7 @@ const InfoInputPage = () => {
   const navigate = useNavigate();
 
   const phoneValue = watch('phone');
+
   const { getAgreementStates } = useAgreementStore();
   const { mutate: agreeTerms } = useAgreeTerms();
 
@@ -41,6 +53,7 @@ const InfoInputPage = () => {
     const formatted = formatPhoneNumber(e.target.value);
     setValue('phone', formatted, { shouldValidate: true });
   };
+
   const onSubmit: SubmitHandler<FormData> = formData => {
     const agreementStates = getAgreementStates();
     const updatedData = {
@@ -74,8 +87,9 @@ const InfoInputPage = () => {
   };
   useEffect(() => {
     if (data) {
+      const trimmedName = data.name ? data.name.slice(0, 10) : '';
       reset({
-        name: data.name || '',
+        name: trimmedName || '',
         email: data.email || '',
         phone: '',
       });
@@ -104,7 +118,7 @@ const InfoInputPage = () => {
         />
 
         {/* 연락처 필드 */}
-        <div className="flex items-end gap-3 pb-8">
+        <div className="flex items-end gap-3">
           <div className="flex-1">
             <UnderlineTextField
               label="연락처"
@@ -116,7 +130,37 @@ const InfoInputPage = () => {
               onChange={handlePhoneChange}
             />
           </div>
+          <Button
+            type='button'
+            label="인증하기"
+            onClick={() => requestVerificationCode(phoneValue)}
+            className="h-11 md:h-11 sm:h-8 px-4 rounded-md"
+          />
         </div>
+
+        {/* 인증번호 입력 필드 */}
+        {isVerifyVisible && (
+          <div className="flex flex-col gap-2">
+            <div className="flex items-end gap-3">
+              <div className="flex-1">
+                <UnderlineTextField
+                  placeholder="인증번호 6자리"
+                  value={verificationCode}
+                  onChange={(e) => setVerificationCode(e.target.value)}
+                  className="text-xl"
+                  label=""
+                />
+              </div>
+              <Button
+                type='button'
+                label="인증확인"
+                onClick={() => submitVerificationCode(phoneValue)}
+                className="h-11 md:h-11 sm:h-8 px-4 rounded-md"
+              />
+            </div>
+            <span className="text-sm text-gray-500 pl-1">남은 시간: {formatTime(timer)}</span>
+          </div>
+        )}
         {/* 이메일 필드 */}
         <UnderlineTextField
           label="이메일"
@@ -133,7 +177,7 @@ const InfoInputPage = () => {
         <Button
           label="시작하기"
           onClick={handleSubmit(onSubmit)}
-          disabled={!isValid}
+          disabled={!isValid || !isVerified}
           className="w-full h-12 rounded-full"
         />
       </div>
@@ -141,4 +185,4 @@ const InfoInputPage = () => {
   );
 };
 
-export default InfoInputPage;
+export default InfoInputPage;
\ No newline at end of file
diff --git a/src/pages/menu/ui/MyTicketPage.tsx b/src/pages/menu/ui/MyTicketPage.tsx
index c35b9496..5da22e48 100644
--- a/src/pages/menu/ui/MyTicketPage.tsx
+++ b/src/pages/menu/ui/MyTicketPage.tsx
@@ -133,6 +133,7 @@ const MyTicketPage = () => {
               host={ticket.event.hostChannelName}
               eventDate={ticket.event.startDate}
               location={ticket.event.address}
+              onlineType={ticket.event.onlineType}
               hashtags={ticket.event.hashtags}
               status={ticket.event.status}
               onClick={() => handleEventCardClick(ticket)}
diff --git a/src/shared/types/api/apiResponse.ts b/src/shared/types/api/apiResponse.ts
index 7273c8cb..d0d401bb 100644
--- a/src/shared/types/api/apiResponse.ts
+++ b/src/shared/types/api/apiResponse.ts
@@ -7,4 +7,5 @@ export interface ApiResponse<T> {
 export interface ApiErrorResponse {
   code?: string;
   message?: string;
+  result?: Record<string, string>;
 }
diff --git a/src/shared/types/api/http-client.ts b/src/shared/types/api/http-client.ts
index c8e50fdd..19f9f6bf 100644
--- a/src/shared/types/api/http-client.ts
+++ b/src/shared/types/api/http-client.ts
@@ -60,6 +60,7 @@ axiosClient.interceptors.response.use(
       status: error.response?.status || 'NETWORK_ERROR',
       message: error.response?.data?.message || error.message,
       code: error.response?.data.code,
+      result: error.response?.data.result
     };
 
     const originalRequest = error.config as AxiosRequestConfig & { _retry?: boolean };
diff --git a/src/shared/utils/phoneVerification.ts b/src/shared/utils/phoneVerification.ts
new file mode 100644
index 00000000..e7321388
--- /dev/null
+++ b/src/shared/utils/phoneVerification.ts
@@ -0,0 +1,86 @@
+import { useState, useEffect } from 'react';
+import { useSendCertificationCode, useVerifyCertificationCode } from '../../features/join/hooks/useUserHook';
+
+export const usePhoneVerification = () => {
+  const { mutate: sendCode } = useSendCertificationCode();
+  const { mutate: verifyCode } = useVerifyCertificationCode();
+
+  const [isVerified, setIsVerified] = useState(false);
+  const [isVerifyVisible, setIsVerifyVisible] = useState(false);
+  const [verificationCode, setVerificationCode] = useState('');
+  const [timer, setTimer] = useState(0);
+const resetVerification = () => {
+    setIsVerified(false);
+    setIsVerifyVisible(false);
+    setVerificationCode('');
+    setTimer(0);
+  };
+  // 인증번호 발송
+  const requestVerificationCode = (phone: string) => {
+    if (!phone) {
+      alert('연락처를 입력해주세요.');
+      return;
+    }
+
+    sendCode(
+      { phoneNumber: phone },
+      {
+        onSuccess: () => {
+          setIsVerifyVisible(true);
+          setTimer(180);
+        },
+      }
+    );
+  };
+
+  // 인증번호 확인
+  const submitVerificationCode = (phone: string) => {
+    if (!verificationCode || verificationCode.length !== 6) {
+      alert('6자리 인증번호를 입력해주세요.');
+      return;
+    }
+
+    verifyCode(
+      { phoneNumber: phone, certificationCode: verificationCode },
+      {
+        onSuccess: () => {
+          setIsVerifyVisible(false);
+          setIsVerified(true);
+        },
+      }
+    );
+  };
+
+  // 타이머 로직
+  useEffect(() => {
+    if (isVerifyVisible && timer > 0) {
+      const interval = setInterval(() => {
+        setTimer(prev => prev - 1);
+      }, 1000);
+      return () => clearInterval(interval);
+    } else if (isVerifyVisible && timer === 0) {
+      alert('인증 시간이 만료되었습니다. 다시 인증해주세요.');
+      setIsVerifyVisible(false);
+    }
+  }, [isVerifyVisible, timer]);
+
+  const formatTime = (seconds: number) => {
+    const m = String(Math.floor(seconds / 60)).padStart(2, '0');
+    const s = String(seconds % 60).padStart(2, '0');
+    return `${m}:${s}`;
+  };
+
+  return {
+    isVerified,
+    isVerifyVisible,
+    verificationCode,
+    setVerificationCode,
+    timer,
+    formatTime,
+    requestVerificationCode,
+    submitVerificationCode,
+    setIsVerified,
+    setIsVerifyVisible,
+    resetVerification
+  };
+};