diff --git a/src/app/organisms/identityVerification/index.tsx b/src/app/organisms/identityVerification/index.tsx
index 8126ba1..ff554e9 100644
--- a/src/app/organisms/identityVerification/index.tsx
+++ b/src/app/organisms/identityVerification/index.tsx
@@ -2,19 +2,20 @@
 import React, { useState } from 'react';
 import { Provider } from 'jotai'
 import Box from "../../atoms/Box";
-import UserInformation from './userInformation';
-import Verification from './verification';
+import UserInformation from './userInformation/userInformation';
+import Verification from './verification/verification';
 
 import { flexColumnCentering } from "@/app/styles/flex";
 
 export default function IdentityVerification(){
-    const [state, setState] = useState<string>("profileEdit")
+    const [state, setState] = useState<string>("auth")
     const handleComponent = () => {
         switch (state) {
             case 'profileEdit':
-              return <UserInformation/>;
+                return <Verification/>;
             case 'auth':
-              return <Verification/>;
+              return <UserInformation/>;
+              
         }
     }
     return(
diff --git a/src/app/organisms/identityVerification/userInformation/JAtoms.ts b/src/app/organisms/identityVerification/userInformation/JAtoms.ts
index 4b9d691..067352b 100644
--- a/src/app/organisms/identityVerification/userInformation/JAtoms.ts
+++ b/src/app/organisms/identityVerification/userInformation/JAtoms.ts
@@ -1,6 +1,6 @@
 import { atom } from "jotai";
 
 
-export const userNameAtom = atom("");
+export const genderAtom = atom("");
 export const nickNameAtom = atom("");
 export const birthAtom = atom("");
\ No newline at end of file
diff --git a/src/app/organisms/identityVerification/userInformation/RandomIcon.js b/src/app/organisms/identityVerification/userInformation/RandomIcon.js
new file mode 100644
index 0000000..bff74f6
--- /dev/null
+++ b/src/app/organisms/identityVerification/userInformation/RandomIcon.js
@@ -0,0 +1,11 @@
+
+import React from 'react';
+
+const RandomIcon = () => (
+    <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="17" height="16" fill="#ffffff"/> {/* 배경화면 설정 */}
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.50043 1.43508C6.46036 1.43508 4.63586 2.36336 3.43049 3.82209C3.37666 3.89177 3.30936 3.94993 3.23258 3.99312C3.1558 4.0363 3.07111 4.06362 2.98355 4.07345C2.89599 4.08328 2.80734 4.07543 2.72288 4.05036C2.63841 4.02528 2.55986 3.9835 2.49189 3.92749C2.42392 3.87149 2.36792 3.8024 2.32721 3.72434C2.28651 3.64628 2.26193 3.56084 2.25495 3.47311C2.24796 3.38537 2.25871 3.29713 2.28655 3.21362C2.3144 3.13012 2.35876 3.05306 2.41702 2.98703C3.37947 1.82311 4.65636 0.959798 6.09581 0.499787C7.53526 0.0397763 9.0767 0.00242181 10.5368 0.392166C11.9969 0.781911 13.3142 1.58235 14.332 2.69829C15.3498 3.81422 16.0253 5.19869 16.2782 6.68702H14.9414C14.6379 5.20441 13.8311 3.87197 12.6575 2.91501C11.4839 1.95804 10.0154 1.43527 8.50043 1.43508ZM2.05948 9.31298C2.30833 10.527 2.89595 11.6459 3.75447 12.5405C4.61299 13.435 5.70737 14.0687 6.91118 14.3683C8.11498 14.668 9.37909 14.6213 10.5575 14.2337C11.7358 13.8461 12.7804 13.1334 13.5704 12.1779C13.6242 12.1082 13.6915 12.0501 13.7683 12.0069C13.8451 11.9637 13.9298 11.9364 14.0173 11.9265C14.1049 11.9167 14.1935 11.9246 14.278 11.9496C14.3625 11.9747 14.441 12.0165 14.509 12.0725C14.577 12.1285 14.633 12.1976 14.6737 12.2757C14.7144 12.3537 14.7389 12.4392 14.7459 12.5269C14.7529 12.6146 14.7422 12.7029 14.7143 12.7864C14.6865 12.8699 14.6421 12.9469 14.5838 13.013C13.6214 14.1769 12.3445 15.0402 10.9051 15.5002C9.46561 15.9602 7.92417 15.9976 6.46407 15.6078C5.00398 15.2181 3.68668 14.4176 2.66886 13.3017C1.65104 12.1858 0.97552 10.8013 0.722656 9.31298H2.05948Z" fill="black" fill-opacity="1"/> {/* 아이콘 색상 설정 */}
+    </svg>
+);
+
+export default RandomIcon;
\ No newline at end of file
diff --git a/src/app/organisms/identityVerification/userInformation/index.tsx b/src/app/organisms/identityVerification/userInformation/index.tsx
deleted file mode 100644
index f62121b..0000000
--- a/src/app/organisms/identityVerification/userInformation/index.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-/** @jsxImportSource @emotion/react */
-
-import Dropdown from "@/app/atoms/Dropdown"
-import TextInput from "@/app/atoms/Input"
-import Box from "@/app/atoms/Box"
-import Button from "@/app/atoms/Button"
-import Label from "@/app/atoms/Label"
-import { flexRowCentering, flexColumnCentering } from "@/app/styles/flex";
-import { useState } from "react"
-import {poppinsMediumFontStyle, poppinsLargeFontStyle,robotoMediumCenterFontStyle,poppinsSmallFontStyle} from "@/app/styles/font"
-import { userNameAtom, nickNameAtom, birthAtom } from './JAtoms';
-import { useAtom } from 'jotai/react';
-import useUserInformation from "./useUserInformation"
-
-
-export default function userInformation(){
-    const [userName] = useAtom(userNameAtom);
-    const [nickName] = useAtom(nickNameAtom);
-    const [birth] = useAtom(birthAtom);
-
-    const {
-        handleNameChange,
-        handleNickNameChange,
-        handleBirthChange
-    } = useUserInformation();
-
-    return(
-        <Box css={wrapperStyle}>
-            <Box>
-                <Label css={headerStyle}>회원정보 입력</Label>
-            </Box>
-            <Box css={textStyle}>
-                <Label>편리한 서비스 제공을 위한<br/>프로필 정보를 입력해주세요</Label>
-            </Box>
-            <Box>
-                <Label css={poppinsSmallFontStyle}>이름</Label>
-                <TextInput css ={InputStyle}
-                onChange={handleNameChange}
-                value={userName}
-                placeholder="이름"
-                width={341}
-                height={46}/>
-            </Box>
-            <Box>
-                <Label css={poppinsSmallFontStyle}>닉네임</Label>
-                <TextInput css={nickNameInputStyle}
-                onChange={handleNickNameChange}
-                value={nickName}
-                placeholder="세심한 빨간 사과"
-                width={341}
-                height={46}/>
-            </Box>
-            <Box>
-                <Label css={poppinsSmallFontStyle}>생년월일</Label>
-                <Box css={birthWrapperStyle}>
-                    <TextInput css={InputStyle}
-                        onChange={handleBirthChange}
-                        value={birth}
-                        placeholder="생년월일 6자리"
-                        width={341}
-                        height={46}/>
-                    <Button
-                        css={(birth.length === 6 && userName.length >= 1 && nickName.length >= 1) ? enabledBtnStyle : disabledBtnStyle}
-                        onClick={() => {}}
-                        disabled={!(birth.length === 6 && userName.length >= 1 && nickName.length >= 1)}>
-                        다음
-                    </Button>
-                </Box>
-                
-            </Box>
-        </Box>
-    )
-}
-
-const wrapperStyle = {
-    width: "480px",
-    height: "500px",
-    borderRadius: "15px",
-    backgroundColor: "rgba(255, 255, 255, 0.95)",
-    margin : "auto",
-    ...flexColumnCentering,
-}
-
-const headerStyle = {
-    marginTop : "15px",
-    ...poppinsLargeFontStyle
-}
-
-const textStyle = {
-    marginTop: "20px",
-    marginBottom : "10px",
-    ...flexRowCentering,
-    ...robotoMediumCenterFontStyle,
-}
-
-const InputStyle = {
-    gap : "30px",
-    border : "1px solid black",
-    borderRadius : "10px",
-    padding : "0px 0px 0px 5px",
-    marginBottom : "20px",
-    marginTop : "5px",
-    ...poppinsMediumFontStyle
-}
-
-const nickNameInputStyle = {
-    gap : "30px",
-    border : "1px solid black",
-    borderRadius : "10px",
-    padding : "0px 0px 0px 8px",
-    marginBottom : "20px",
-    marginTop : "5px",
-    ...poppinsMediumFontStyle
-}
-
-const birthWrapperStyle = {
-    ...flexColumnCentering
-}
-
-const enabledBtnStyle = {
-    width : "341px",
-    height : "40px",
-    gap : "8px",
-    background: "#3700B3", 
-    borderRadius : "30px",
-    color: "#FFFFFF",
-    padding: "6px 12px 6px 12px",
-    ...poppinsMediumFontStyle,
-    textAlign: "center" as const,
-    marginTop : "20px",
-}
-
-const disabledBtnStyle = {
-    width : "341px",
-    height : "40px",
-    gap : "8px",
-    background : "#FFFFFF" ,
-    borderRadius: "30px", 
-    color: "#575757",
-    padding: "6px 12px 6px 12px", 
-    ...poppinsMediumFontStyle,
-    textAlign: "center" as const,
-    marginTop : "20px",
-}
\ No newline at end of file
diff --git a/src/app/organisms/identityVerification/userInformation/useUserInformation.ts b/src/app/organisms/identityVerification/userInformation/useUserInformation.ts
index 267d5a4..325000b 100644
--- a/src/app/organisms/identityVerification/userInformation/useUserInformation.ts
+++ b/src/app/organisms/identityVerification/userInformation/useUserInformation.ts
@@ -1,13 +1,9 @@
 // userInformation/useUserInformation.ts
 
 import { useAtom } from "jotai";
-import { userNameAtom, nickNameAtom, birthAtom } from './JAtoms';
+import { nickNameAtom, genderAtom, birthAtom } from './JAtoms';
 
 export default function useUserInformation() {
-    const [userName, setUserName] = useAtom(userNameAtom);
-    const handleNameChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-        setUserName(event.target.value);
-    };
 
     const [nickName, setNickName] = useAtom(nickNameAtom);
     const handleNickNameChange = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -24,10 +20,28 @@ export default function useUserInformation() {
             }
         }
     };
-    
+    const [, setGender] = useAtom(genderAtom);
+    const handleGenderChange = (newGender: 'male' | 'female') => {
+       setGender(newGender);
+    };
+    const adjectives = ["심심한", "열심히하는", "유능한", "창조적인", "재미있는"];
+    const nouns = ["사과", "사자", "컴퓨터", "공학자", "음악가"];
+    function generateRandomNickname() {
+        const randomAdjective = adjectives[Math.floor(Math.random() * adjectives.length)];
+        const randomNoun = nouns[Math.floor(Math.random() * nouns.length)];
+        const randomNumber = Math.floor(Math.random() * 100) + 1; // 1 ~ 100 사이의 랜덤 정수
+
+        return `${randomAdjective} ${randomNoun}${randomNumber}`; 
+    }
+    function handleRandomNickNameChange(){
+        setNickName(generateRandomNickname());
+     }
    return{
-       handleNameChange,
+
        handleNickNameChange,
        handleBirthChange,
+       handleGenderChange,
+       generateRandomNickname,
+       handleRandomNickNameChange,
    }
 }
diff --git a/src/app/organisms/identityVerification/userInformation/userInformation.tsx b/src/app/organisms/identityVerification/userInformation/userInformation.tsx
new file mode 100644
index 0000000..40b3452
--- /dev/null
+++ b/src/app/organisms/identityVerification/userInformation/userInformation.tsx
@@ -0,0 +1,194 @@
+/** @jsxImportSource @emotion/react */
+
+import Dropdown from "@/app/atoms/Dropdown"
+import TextInput from "@/app/atoms/Input"
+import Box from "@/app/atoms/Box"
+import Button from "@/app/atoms/Button"
+import Label from "@/app/atoms/Label"
+import { flexRowCentering, flexColumnCentering } from "@/app/styles/flex";
+import { useState } from "react"
+import {poppinsMediumFontStyle, poppinsLargeFontStyle,robotoMediumCenterFontStyle,poppinsSmallFontStyle} from "@/app/styles/font"
+import { nickNameAtom, genderAtom , birthAtom, } from './JAtoms';
+import { useAtom } from 'jotai/react';
+import useUserInformation from "./useUserInformation"
+import RandomIcon from './RandomIcon';
+
+export default function userInformation(){
+    const [nickName] = useAtom(nickNameAtom);
+    const [gender, setGender] = useAtom(genderAtom);
+    const [birth] = useAtom(birthAtom);
+    
+    const {
+        handleNickNameChange,
+        handleGenderChange,
+        handleBirthChange,
+        generateRandomNickname,
+        handleRandomNickNameChange
+    } = useUserInformation();
+
+    return(
+        <Box css={wrapperStyle}>
+            <Box>
+                <Label css={headerStyle}>회원정보 입력</Label>
+            </Box>
+            <Box css={textStyle}>
+                <Label>편리한 서비스 제공을 위한 프로필 정보를 입력해주세요</Label>
+            </Box>
+            <Box css={nickNameWrapperStyle}>
+                <Label css={poppinsSmallFontStyle}>닉네임</Label>
+                <div style={{ position: 'relative', display: 'inline-block' }}>
+                    <TextInput 
+                        css={{...nickNameInputStyle, paddingRight: '0px'}}  // 아이콘 위치를 위해 패딩 추가
+                        onChange={handleNickNameChange}
+                        value={nickName}
+                        placeholder="닉네임을 설정해주세요"
+                        width={314}
+                        height={46} />
+                    <Button onClick={handleRandomNickNameChange} style={{ position: 'absolute', right: 10, top: 16 }}>
+                    <RandomIcon />
+                    </Button>
+                </div>
+            </Box>
+            <Box>
+                <Label css={poppinsSmallFontStyle}>성별</Label>
+                <Button onClick={() => handleGenderChange('male')} style={gender === 'male' ? {...selectedGenderStyle, ...manBtnStyle} : {...unselectedGenderStyle, ...manBtnStyle}}>남자</Button>
+                <Button onClick={() => handleGenderChange('female')} style={gender === 'female' ? selectedGenderStyle : unselectedGenderStyle}>여자</Button>
+            </Box>
+            <Box>
+                <Label css={poppinsSmallFontStyle}>생년월일</Label>
+                <Box css={birthWrapperStyle}>
+                    <TextInput css={InputStyle}
+                        onChange={handleBirthChange}
+                        value={birth}
+                        placeholder="생년월일 6자리"
+                        width={314}
+                        height={46}/>
+                </Box>
+            </Box>
+            <Box css={btnWrapperStyle}>
+                <Label>
+                    뒤로 가기     
+                </Label>
+                <div style={spacerStyle} />
+                <Button
+                    css={(birth.length === 6  && nickName.length >= 1 && gender) ? enabledBtnStyle : disabledBtnStyle}
+                    onClick={() => {}}
+                    disabled={!(birth.length === 6  && nickName.length >= 1 && gender)}>
+                    다음
+                </Button>
+            </Box>
+        </Box>
+    )
+}
+
+const wrapperStyle = {
+    borderRadius: "15px",
+    backgroundColor: "rgba(255, 255, 255, 0.95)",
+    margin : "auto",
+    ...flexColumnCentering,
+}
+
+const headerStyle = {
+    marginTop : "38px",
+    ...poppinsLargeFontStyle
+}
+
+const textStyle = {
+    marginTop: "20px",
+    marginBottom : "58px",
+    ...flexRowCentering,
+    ...robotoMediumCenterFontStyle,
+}
+const nickNameWrapperStyle = {
+    marginLeft : "84px",
+    marginRight : "84px"
+}
+
+const InputStyle = {
+    gap : "30px",
+    border: "1px solid #0000001A",
+    borderRadius : "10px",
+    padding : "0px 0px 0px 5px",
+    marginBottom : "20px",
+    marginTop : "5px",
+    
+    ...poppinsMediumFontStyle
+}
+
+const nickNameInputStyle = {
+    gap : "30px",
+    border: "1px solid #0000001A",
+    borderRadius : "10px",
+    padding : "0px 0px 0px 8px",
+    marginBottom : "10px",
+    marginTop : "4px",
+    ...poppinsMediumFontStyle
+}
+const genderButtonStyle = {
+    width : "158px",
+    height : "36px",
+    borderRadius: "10px", 
+    border: "1px solid #0000001A",
+    gap : "30px", 
+    marginTop : "4px",
+    marginBottom : "10px",
+  };
+const manBtnStyle = {
+    marginRight : "10px",
+    ...genderButtonStyle
+}
+  const selectedGenderStyle = {
+     ...genderButtonStyle,
+     background:'#3700B3', 
+     color:'#FFFFFF'
+  };
+  
+  const unselectedGenderStyle = { 
+     ...genderButtonStyle,
+     background:'#FFFFFF', 
+     color:'#575757'  
+  };
+
+const birthWrapperStyle = {
+    ...flexColumnCentering
+}
+
+const btnWrapperStyle = {
+    marginTop : "79px",
+    marginBottom:  "30px",
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center', // 이 부분 추가
+    ...robotoMediumCenterFontStyle
+}
+
+const enabledBtnStyle = {
+    width : "123px",
+    height : "40px",
+    gap : "8px",
+    background: "#3700B3", 
+    borderRadius : "30px",
+    color: "#FFFFFF",
+    padding: "6px 12px 6px 12px",
+    ...poppinsMediumFontStyle,
+    textAlign: "center" as const,
+    border: "1px solid #0000001A",
+
+}
+
+const disabledBtnStyle = {
+    width : "123px",
+    height : "40px",
+    gap : "8px",
+    background : "#D9D9D9" ,
+    borderRadius: "30px", 
+    color: "#FFFFFF",
+    padding: "6px 12px 6px 12px", 
+    ...poppinsMediumFontStyle,
+    textAlign: "center" as const,
+    border: "1px solid #0000001A",
+
+}
+const spacerStyle = {
+    width: '229px',
+}
\ No newline at end of file
diff --git a/src/app/organisms/identityVerification/verification/JAtoms.ts b/src/app/organisms/identityVerification/verification/JAtoms.ts
new file mode 100644
index 0000000..c83fe64
--- /dev/null
+++ b/src/app/organisms/identityVerification/verification/JAtoms.ts
@@ -0,0 +1,5 @@
+import { atom } from "jotai";
+
+export const selectedTelecomAtom = atom('');
+export const phoneNumberAtom = atom('');
+export const authCodeAtom = atom('');
\ No newline at end of file
diff --git a/src/app/organisms/identityVerification/verification/useVerification.ts b/src/app/organisms/identityVerification/verification/useVerification.ts
new file mode 100644
index 0000000..e544da7
--- /dev/null
+++ b/src/app/organisms/identityVerification/verification/useVerification.ts
@@ -0,0 +1,43 @@
+import { useAtom } from 'jotai';
+import { selectedTelecomAtom, phoneNumberAtom, authCodeAtom } from './JAtoms';
+
+export default function useVerification() {
+    const [selectedTelecom, setSelectedTelecom] = useAtom(selectedTelecomAtom);
+    const [phoneNumber, setPhoneNumber] = useAtom(phoneNumberAtom);
+    const [authCode, setAuthCode] = useAtom(authCodeAtom);
+
+    const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
+        setSelectedTelecom(event.target.value);
+    };
+
+    const handlePhoneChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+        const value = event.target.value;
+        // 숫자만 입력 가능하도록 처리
+        if (!value || /^[0-9\b]+$/.test(value)) {
+            // 11자리 제한 추가
+            if (value.length <= 11) {
+                setPhoneNumber(value);
+            }
+        }
+    };
+
+    const handleAuthChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+        const value = event.target.value;
+        // 숫자만 입력 가능하도록 처리
+        if (!value || /^[0-9\b]+$/.test(value)) {
+            // 6자리 제한 추가
+            if (value.length <= 6) {
+                setAuthCode(value);
+            }
+        }
+    };
+    
+   return{
+       selectedTelecom,
+       phoneNumber,
+       authCode,
+       handleChange,
+       handlePhoneChange,
+       handleAuthChange,
+   }
+}
\ No newline at end of file
diff --git a/src/app/organisms/identityVerification/verification/index.tsx b/src/app/organisms/identityVerification/verification/verification.tsx
similarity index 60%
rename from src/app/organisms/identityVerification/verification/index.tsx
rename to src/app/organisms/identityVerification/verification/verification.tsx
index e952843..3594865 100644
--- a/src/app/organisms/identityVerification/verification/index.tsx
+++ b/src/app/organisms/identityVerification/verification/verification.tsx
@@ -8,44 +8,24 @@ import Label from "@/app/atoms/Label"
 import { flexRowCentering, flexColumnCentering } from "@/app/styles/flex";
 import { useState } from "react"
 import {poppinsMediumFontStyle, poppinsLargeFontStyle,robotoMediumCenterFontStyle,poppinsSmallFontStyle} from "@/app/styles/font"
-
+import useVerification from "./useVerification"
+import { useAtom } from 'jotai';
+import { selectedTelecomAtom, phoneNumberAtom, authCodeAtom } from './JAtoms';
 
 export default function verification(){
-    const [selectedTelecom, setSelectedTelecom] = useState('');
-
+    
     const telecomOptions = [
         { value: 'skt', label: 'SKT' },
         { value: 'lg', label: 'LG U+' },
         { value: 'kt', label: 'KT' }
     ];
-    
-    const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-        setSelectedTelecom(event.target.value);
-    };
-
-    const [phoneNumber, setPhoneNumber] = useState("")
-    const handlePhoneChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-        const value = event.target.value;
-        // 숫자만 입력 가능하도록 처리
-        if (!value || /^[0-9\b]+$/.test(value)) {
-            // 11자리 제한 추가
-            if (value.length <= 11) {
-                setPhoneNumber(value);
-            }
-        }
-    };
-
-    const [authCode, setAuthCode] = useState("")
-    const handleAuthChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-        const value = event.target.value;
-        // 숫자만 입력 가능하도록 처리
-        if (!value || /^[0-9\b]+$/.test(value)) {
-            // 6자리 제한 추가
-            if (value.length <= 6) {
-                setAuthCode(value);
-            }
-        }
-    };
+    const {selectedTelecom,
+        phoneNumber,
+        authCode,
+        handleChange,
+        handlePhoneChange,
+        handleAuthChange} 
+      = useVerification();
     return(
         <Box css={wrapperStyle}>
             <Box>
@@ -54,7 +34,8 @@ export default function verification(){
             <Box css={textStyle}>
                 <Label>가입을 위해 본인의<br />휴대폰 번호를 인증해 주세요.</Label>
             </Box>
-            <Box css={phoneBoxStyle}>
+            
+            <Box>
                 <Label css={poppinsSmallFontStyle}>통신사</Label>
                 <Dropdown css={dropdownStyle}
                 onChange={handleChange}
@@ -66,11 +47,16 @@ export default function verification(){
                 onChange={handlePhoneChange}
                 value={phoneNumber}
                 placeholder="휴대폰 번호 11자리"
-                width={189} 
+                width={174} 
                 height={46}                 
                 />
+                <Button css={phoneNumberBtn}
+                    onClick={() => {}}
+                    disabled={phoneNumber.length !== 11}>
+                    전송
+                </Button>
             </Box>
-            <Box >
+            <Box>
                 <Label css={poppinsSmallFontStyle}>인증번호</Label>
                 <Box  css={authCodeWrapperStyle}>
                     <TextInput css={authCodeStyle}
@@ -80,13 +66,21 @@ export default function verification(){
                     width={314}
                     height={46}
                     />
-                    <Button css={(phoneNumber.length === 11 && authCode.length === 6) ?         enabledBtnStyle : disabledBtnStyle}
+                    
+                </Box>
+            </Box>
+            <Box css={btnWrapperStyle}>
+            <Label>
+                뒤로 가기     
+            </Label>
+                <div style={spacerStyle} />
+                <Button css={(phoneNumber.length === 11 && authCode.length === 6) ?         enabledBtnStyle : disabledBtnStyle}
                         onClick={() => {}}
                         disabled={authCode.length !== 6 || phoneNumber.length !== 11}>
                         다음
                     </Button>
-                </Box>
             </Box>
+            
         </Box>
     )
 }
@@ -96,47 +90,67 @@ const wrapperStyle = {
     height: "500px",
     borderRadius: "15px",
     backgroundColor: "rgba(255, 255, 255, 0.95)",
-    margin : "auto",
     ...flexColumnCentering,
 }
 
 const headerStyle = {
+    marginTop : "38px",
     ...poppinsLargeFontStyle
 }
 const textStyle = {
     marginTop: "20px",
-    marginBottom : "20px",
+    marginBottom : "38px",
     ...flexRowCentering,
     ...robotoMediumCenterFontStyle,
 }
-
 const phoneBoxStyle = {
-    marginBottom : "10px"
+    marginBottom : "10px",
+    marginLeft : "83px",
+    marginRight : "83px",
+    ...flexRowCentering
 }
 const dropdownStyle = {
-    width : "105px",
-    height : "71px",
+    
+    width : "68px",
+    height : "46px",
     borderRadius : "8px",
+    border: "1px solid #0000001A",
+    marginTop : "10px",
+    marginBottom :"10px",
     ...poppinsMediumFontStyle
 }
 
 
 const phoneNumberInputStyle = {
-    gap : "8px",
-    marginLeft :"20px",
+    width : "174px",
+    height : "46px",
+    marginLeft :"6px",
+    marginRight : "6px",
+    padding : "0px",
+    paddingLeft : "6px",
+    border: "1px solid #0000001A",
     ...poppinsMediumFontStyle,
 }
+const phoneNumberBtn = {
+    width : "59px",
+    height : "46px",
+    borderRadius : "10px",
+    border: "1px solid #0000001A",
+}
 const authCodeWrapperStyle = {
+    width : "314px",
     ...flexColumnCentering
 }
 const authCodeStyle = {
+    width: "314px",
+    height : "46px",
     marginTop:  "10px",
-    marginBottom : "80px",
-    padding: "6px 12px 6px 12px",
+    padding : "0px",
+    paddingLeft : "6px",
 
 }
 const enabledBtnStyle = {
-    width : "341px",
+    width : "123px",
     height : "40px",
     gap : "8px",
     background: "#3700B3", 
@@ -144,17 +158,38 @@ const enabledBtnStyle = {
     color: "#FFFFFF",
     padding: "6px 12px 6px 12px",
     ...poppinsMediumFontStyle,
+    border: "1px solid #0000001A",
+
     textAlign: "center" as const,
 }
 
 const disabledBtnStyle = {
-    width : "341px",
+    width : "123px",
     height : "40px",
     gap : "8px",
-    background: "#DBDBDB", 
+    background : "#D9D9D9" ,
     borderRadius: "30px", 
-    color: "#575757",
+    color: "#FFFFFF",
     padding: "6px 12px 6px 12px", 
     ...poppinsMediumFontStyle,
+    border: "1px solid #0000001A",
+
     textAlign: "center" as const,
+}
+const flexColumn = {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+ };
+ 
+ const btnWrapperStyle = {
+    marginTop : "79px",
+    marginBottom:  "30px",
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center', 
+    ...robotoMediumCenterFontStyle
+}
+const spacerStyle = {
+    width: '229px',
 }
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9af0064..42c5b0d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,9 @@
 "use client"
 import React from "react";
 import UserForm from "./organisms/userForm";
-import Verification from "./organisms/identityVerification/verification";
+import Verification from "./organisms/identityVerification/verification/verification";
 import IdentityVerification from "./organisms/identityVerification";
-import UserInformation from "./organisms/identityVerification/userInformation";
+import UserInformation from "./organisms/identityVerification/userInformation/userInformation";
 import "./page.css"
 import { css, Global } from '@emotion/react';
 import Account from "./organisms/userForm/signin/accountInfo/accountInfo";