diff --git a/app/(route)/indicators/_components/result/index.tsx b/app/(route)/indicators/_components/result/index.tsx
index 9d8bdc4..3352f8f 100644
--- a/app/(route)/indicators/_components/result/index.tsx
+++ b/app/(route)/indicators/_components/result/index.tsx
@@ -1,17 +1,39 @@
 import Nav from '@/app/_common/nav'
 import Title from '@/app/_common/text/title'
+import { investmentItemAtom, totalinputValueAtom } from '@/app/_store/atom'
+import { useRecoilValue } from 'recoil'
 import S from './result.module.css'
 
+//* 결과페이지 입니다.
 //TODO: 사용자가 클릭한 아이디어 이름과 해당 툴을 사용한 사용자 수가 보여집니다.
 function Result() {
+  const selectedItem = useRecoilValue(investmentItemAtom)
+  const totalinputValue = parseInt(useRecoilValue(totalinputValueAtom))
+
   return (
     <div className={S.wrapper}>
       <Nav />
       <div>
         <Title title="검증 결과" />
+
         <div>
-          <Title title="아이디어 이름" />
-          <span>전체 사용자 162명</span>
+          <span className={S.title}>아이디어 이름</span>
+          <p className={S.subTitle}>전체 사용자 162명</p>
+        </div>
+
+        <div>
+          <span className={S.title}>검증 지표</span>
+          <p className={S.subTitle}>계산 결과지입니다.</p>
+
+          <p>전체 이용자 수 : {totalinputValue}</p>
+
+          {selectedItem.map((item) => (
+            <span key={item.id}>
+              <p>선택한 아이템 이름: {item.name}</p>
+              <p>선택한 아이템 점수: {item.score}</p>
+              <p>최종 점수: {item.score && item.score * totalinputValue}</p>
+            </span>
+          ))}
         </div>
       </div>
     </div>
diff --git a/app/(route)/indicators/_components/result/result.module.css b/app/(route)/indicators/_components/result/result.module.css
index 5d37d8f..9b75633 100644
--- a/app/(route)/indicators/_components/result/result.module.css
+++ b/app/(route)/indicators/_components/result/result.module.css
@@ -4,3 +4,13 @@
   padding-bottom: 50px;
   padding: 0 18px;
 }
+
+.title {
+  font-size: 1.2rem;
+  font-weight: 700;
+}
+
+.subTitle {
+  font-size: 0.9rem;
+  font-weight: 400;
+}
diff --git a/app/(route)/indicators/indicators.module.css b/app/(route)/indicators/indicators.module.css
index c317b80..e78b008 100644
--- a/app/(route)/indicators/indicators.module.css
+++ b/app/(route)/indicators/indicators.module.css
@@ -22,7 +22,11 @@
   overflow: auto;
   height: 690px;
   width: 100%;
-  gap: 14px;
+  gap: 6px;
+}
+
+.marginWrapper {
+  margin-bottom: 50px;
 }
 
 .bottomWrapper {
diff --git a/app/(route)/indicators/page.tsx b/app/(route)/indicators/page.tsx
index 3381b47..0b15a40 100644
--- a/app/(route)/indicators/page.tsx
+++ b/app/(route)/indicators/page.tsx
@@ -1,32 +1,41 @@
 'use client'
 
 import Title from '@/app/_common/text/title'
+import { totalinputValueAtom } from '@/app/_store/atom'
 import { useRouter } from 'next/navigation'
 import { useState } from 'react'
+import { useRecoilState } from 'recoil'
 import Nav from '../list/_components/nav'
+import ActiveInvestmentList from '../verification/ibulsin/_components/ActiveInvestmentList'
 import FormTitle from './_components/form/FormTitle'
 import FormS from './_components/form/form.module.css'
 import S from './indicators.module.css'
 
 //* 투자 지표 입력 페이지입니다.
 //TODO: title에 사용자가 입력했던 요소들이 보여지게 됩니다.
-//TODO: recoil 사용
-//? 피기님이 하신 투자지표 툴로 변경 예정
 function Indicators() {
   const router = useRouter()
-  const [inputValue, setInputValue] = useState('')
+  const [inputValue, setInputValue] = useRecoilState(totalinputValueAtom)
   const [error, setError] = useState('')
+  const [checkError, setCheckError] = useState('')
+  const [selectedIndex, setSelectedIndex] = useState<number | null>(null)
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setInputValue(e.target.value)
     setError('')
   }
 
-  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault()
-    if (!/^\d+$/.test(inputValue)) {
+  const handleSubmit = () => {
+    if (!/^\d+$/.test(inputValue) && selectedIndex === null) {
       setError('숫자만 입력 가능합니다.')
+      setCheckError('지표 항목을 한가지 선택해야 합니다.')
+    } else if (!/^\d+$/.test(inputValue)) {
+      setError('숫자만 입력 가능합니다.')
+    } else if (selectedIndex === null) {
+      setCheckError('지표 항목을 한가지 선택해야 합니다.')
     } else {
+      setError('')
+      setCheckError('')
       router.push('/result')
     }
   }
@@ -38,33 +47,50 @@ function Indicators() {
         <div className={S.paddingWrapper}>
           <Title title="아이디어 제목" />
         </div>
-        <form className={S.formWrapper} onSubmit={handleSubmit}>
+
+        <div className={S.formWrapper}>
           <div className={S.overflowWrapper}>
-            <FormTitle
-              title="전체 이용자 수"
-              subTitle="전체 이용자 수를 가지고 총 결과 지표가 계산됩니다."
-            />
+            <div className={S.marginWrapper}>
+              <FormTitle
+                title="전체 이용자 수"
+                subTitle="전체 이용자 수를 가지고 총 결과 지표가 계산됩니다."
+              />
 
-            <div className={FormS.inputWrapper}>
-              <input
-                className={FormS.input}
-                placeholder="수치를 입력해 주세요."
-                value={inputValue}
-                onChange={handleChange}
+              <div className={FormS.inputWrapper}>
+                <input
+                  className={FormS.input}
+                  placeholder="수치를 입력해 주세요."
+                  value={inputValue}
+                  onChange={handleChange}
+                />
+              </div>
+              {error && <span className={FormS.error}>{error}</span>}
+            </div>
+            <div className={S.marginWrapper}>
+              <FormTitle
+                title="지표 항목"
+                subTitle="점수 환산의 기준이 되는 한가지의 항목을 골라주세요."
               />
+              <ActiveInvestmentList
+                selectedIndex={selectedIndex}
+                onSelect={(index: number) => {
+                  setSelectedIndex(index)
+                  setCheckError('')
+                }}
+              />
+              {checkError && <span className={FormS.error}>{checkError}</span>}
             </div>
-
-            {error && (
-              <span className={FormS.error}>숫자만 입력 가능합니다.</span>
-            )}
           </div>
-
           <div className={S.bottomWrapper}>
-            <button type="submit" className={S.submitBtnWrapper}>
+            <button
+              type="submit"
+              className={S.submitBtnWrapper}
+              onClick={handleSubmit}
+            >
               제출하기
             </button>
           </div>
-        </form>
+        </div>
       </div>
     </>
   )
diff --git a/app/(route)/toolDetail/[toolId]/page.tsx b/app/(route)/toolDetail/[toolId]/page.tsx
index 8c3263b..79d053c 100644
--- a/app/(route)/toolDetail/[toolId]/page.tsx
+++ b/app/(route)/toolDetail/[toolId]/page.tsx
@@ -4,8 +4,9 @@ import Nav from '@/app/_common/nav'
 import Title from '@/app/_common/text/title'
 import { useState } from 'react'
 import S from './toolDetail.module.css'
+import Link from 'next/link'
 
-//
+//TODO: 검증하기 누를 시 해당 아이디어 툴의 id로 이동하기
 //TODO: 주석 처리 실제 데이터로 변경하기
 function ToolDetail() {
   const [clickBtn, setClickBtn] = useState(false)
@@ -77,9 +78,9 @@ function ToolDetail() {
         )}
       </div>
 
-      {/* <Link href={`/verification/${toolId}`}>
-          <div>검증하기</div>
-        </Link> */}
+      <Link href={`/verification/ibulsin?step=1`}>
+        <div>검증하기</div>
+      </Link>
     </div>
   )
 }
diff --git a/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.module.css b/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.module.css
index a419c59..ee5d02a 100644
--- a/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.module.css
@@ -1,21 +1,25 @@
 .item_container {
   display: flex;
-  /* justify-content: space-between; */
-  justify-content: center;
-  margin-bottom: 8px;
+  justify-content: space-between;
+  margin-bottom: 3px;
+  height: 50px;
 }
 .item_input_wrapper {
   display: flex;
 }
 .input {
   all: unset;
-  font-size: 12px;
+  font-size: 0.83rem;
   padding: 8px;
-  border: 1px solid #CDCDCD;
-  border-radius: 4px;
+  padding: 14px 20px;
+  border: 1px solid #efefef;
+  border-radius: 15px;
+  width: 100%;
+  height: auto;
 }
+
 .item_name_input {
-  width: 100px;
+  width: 200px;
   margin-right: 16px;
 }
 .score_container {
@@ -33,12 +37,28 @@
   padding: 4px 8px;
   background-color: rgb(248, 64, 64);
   color: #ffffff;
-  font-size: 12px;
+  font-size: 0.7rem;
+  font-weight: 600;
   border-radius: 8px;
+  width: 30px;
+  height: 20px;
+  text-align: center;
+}
+
+.columnWrapper {
+  display: flex;
+  flex-direction: column;
+
+  gap: 3px;
 }
 
 .input::-webkit-outer-spin-button,
 .input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
-}
\ No newline at end of file
+}
+
+.checkbox {
+  accent-color: var(--purple-700);
+  margin-bottom: 20px;
+}
diff --git a/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.tsx b/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.tsx
index 1bd9e2b..afc5b2d 100644
--- a/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.tsx
+++ b/app/(route)/verification/ibulsin/_components/ActiveInvestmentItem/index.tsx
@@ -1,20 +1,40 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 
-import React, { useState } from 'react'
-import S from './index.module.css'
+import { ActiveInvestmentItemType, investmentItemAtom } from '@/app/_store/atom'
 import cn from 'classnames'
+import { ChangeEvent, useState } from 'react'
 import { useRecoilState } from 'recoil'
-import investmentItemAtom, { ActiveInvestmentItemType } from '@/app/_store/atom'
+import ItemAddBtn from '../ItemAddBtn'
+import S from './index.module.css'
 
 interface ActiveInvestmentItemProps {
   item: ActiveInvestmentItemType
+  index: number
+  selectedIndex: number | null
+  onSelect: (index: number) => void
 }
 
-function ActiveInvestmentItem({ item }: ActiveInvestmentItemProps) {
+function ActiveInvestmentItem({
+  item,
+  index,
+  selectedIndex,
+  onSelect,
+}: ActiveInvestmentItemProps) {
   const [investmentItem, setInvestmentItem] = useRecoilState(investmentItemAtom)
   const [itemName, setItemName] = useState(item?.name ?? '')
-  const [itemScore, setItemScore] = useState(item?.score ?? 0)
+  const [itemScore, setItemScore] = useState<number | undefined>(
+    item?.score ?? undefined,
+  )
+
+  const isChecked = selectedIndex === index
+
+  const handleCheckboxChange = () => {
+    onSelect(index)
+    const selectedInvestmentItem = investmentItem[index]
+    setItemName(selectedInvestmentItem.name)
+    setItemScore(selectedInvestmentItem?.score ?? undefined)
+  }
 
   const handleDeleteItem = () => {
     if (investmentItem.length <= 1) {
@@ -25,7 +45,6 @@ function ActiveInvestmentItem({ item }: ActiveInvestmentItemProps) {
       const next = prev.filter(
         (investmentItem) => investmentItem.id !== item.id,
       )
-      console.log(next)
 
       return next
     })
@@ -43,43 +62,57 @@ function ActiveInvestmentItem({ item }: ActiveInvestmentItemProps) {
       ),
     )
   }
-  const handleChangeScoreInput = (e: any) => {
-    const { value } = e.target
-    setItemScore(value)
 
+  const handleChangeScoreInput = (e: ChangeEvent<HTMLInputElement>) => {
+    const value = parseInt(e.target.value)
+    setItemScore(isNaN(value) ? undefined : value)
     setInvestmentItem((prev) =>
       prev.map((investmentItem) =>
         investmentItem.id === item.id
-          ? { ...item, name: value }
+          ? { ...item, score: value }
           : investmentItem,
       ),
     )
   }
 
   return (
-    <div className={S.item_container}>
-      <div className={S.item_input_wrapper}>
-        <input
-          className={cn(S.item_name_input, S.input)}
-          placeholder="아이템1"
-          value={itemName}
-          onChange={(e) => handleChangeNameInput(e)}
-        />
-        <div className={S.score_container}>
+    <>
+      <div className={S.item_container}>
+        <div className={S.item_input_wrapper}>
           <input
-            className={cn(S.item_score_input, S.input)}
-            type="number"
-            placeholder="2"
-            value={itemScore}
-            onChange={(e) => handleChangeScoreInput(e)}
+            className={cn(S.item_name_input, S.input)}
+            placeholder="아이템 이름을 입력해 주세요."
+            value={itemName}
+            onChange={(e) => handleChangeNameInput(e)}
           />
-          <span>점</span>
+          <div className={S.score_container}>
+            <input
+              className={cn(S.item_score_input, S.input)}
+              type="number"
+              value={itemScore ?? ''}
+              onChange={(e) => handleChangeScoreInput(e)}
+            />
+            <span>점</span>
+          </div>
+        </div>
+        <div className={S.columnWrapper}>
+          <button
+            type="button"
+            className={S.delete_btn}
+            onClick={handleDeleteItem}
+          >
+            삭제
+          </button>
+          <ItemAddBtn />
         </div>
       </div>
-      <button className={S.delete_btn} onClick={handleDeleteItem}>
-        삭제
-      </button>
-    </div>
+      <input
+        type="checkbox"
+        className={S.checkbox}
+        checked={isChecked}
+        onChange={handleCheckboxChange}
+      />
+    </>
   )
 }
 
diff --git a/app/(route)/verification/ibulsin/_components/ActiveInvestmentList/index.tsx b/app/(route)/verification/ibulsin/_components/ActiveInvestmentList/index.tsx
index bc0f42c..52d68f6 100644
--- a/app/(route)/verification/ibulsin/_components/ActiveInvestmentList/index.tsx
+++ b/app/(route)/verification/ibulsin/_components/ActiveInvestmentList/index.tsx
@@ -1,18 +1,30 @@
 'use client'
 
-import React from 'react'
-import S from './index.module.css'
-import ActiveInvestmentItem from '../ActiveInvestmentItem'
+import { investmentItemAtom } from '@/app/_store/atom'
 import { useRecoilValue } from 'recoil'
-import investmentItemAtom from '@/app/_store/atom'
+import ActiveInvestmentItem from '../ActiveInvestmentItem'
+import S from './index.module.css'
+
+interface Props {
+  selectedIndex: number | null
+  onSelect: (index: number) => void
+}
 
-function ActiveInvestmentList() {
+function ActiveInvestmentList({ selectedIndex, onSelect }: Props) {
   const investmentItem = useRecoilValue(investmentItemAtom)
 
   return (
     <div className={S.main}>
-      {investmentItem.map((item) => {
-        return <ActiveInvestmentItem key={item.id} item={item} />
+      {investmentItem.map((item, index) => {
+        return (
+          <ActiveInvestmentItem
+            key={item.id}
+            item={item}
+            index={index}
+            selectedIndex={selectedIndex}
+            onSelect={onSelect}
+          />
+        )
       })}
     </div>
   )
diff --git a/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.module.css b/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.module.css
index 21eb28b..b99ac0c 100644
--- a/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.module.css
@@ -1,8 +1,11 @@
 .btn {
-  font-size: 12px;
   background-color: var(--purple-700);
-  color: #FFFFFF;
-  border-radius: 4px;
+  color: #ffffff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  border-radius: 8px;
   padding: 4px 8px;
+  width: 30px;
   height: 20px;
+  text-align: center;
 }
diff --git a/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.tsx b/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.tsx
index 861145e..060bc92 100644
--- a/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.tsx
+++ b/app/(route)/verification/ibulsin/_components/ItemAddBtn/index.tsx
@@ -1,9 +1,8 @@
 'use client'
 
-import React from 'react'
-import S from './index.module.css'
+import { ActiveInvestmentItemType, investmentItemAtom } from '@/app/_store/atom'
 import { useSetRecoilState } from 'recoil'
-import investmentItemAtom, { ActiveInvestmentItemType } from '@/app/_store/atom'
+import S from './index.module.css'
 
 function ItemAddBtn() {
   const setInvestmentItem = useSetRecoilState(investmentItemAtom)
@@ -12,7 +11,7 @@ function ItemAddBtn() {
     const newItem: ActiveInvestmentItemType = {
       id: new Date().toISOString(),
       name: '',
-      score: 0,
+      score: null,
     }
     setInvestmentItem((prev) => [...prev, newItem])
   }
diff --git a/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.module.css b/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.module.css
index 949cfe6..1572271 100644
--- a/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.module.css
@@ -1,11 +1,11 @@
 .toggle_container {
-  position:absolute;
+  position: absolute;
   width: 240px;
   top: 20px;
-  left:10px;
+  left: 10px;
   background-color: white;
   z-index: 999;
-  border: 1px solid #c9c9c9;
+  border: 1px solid #ececec;
   border-radius: 4px;
   padding: 8px;
 }
diff --git a/app/(route)/verification/ibulsin/_components/Step/index.module.css b/app/(route)/verification/ibulsin/_components/Step/index.module.css
index 279627c..43ef1d5 100644
--- a/app/(route)/verification/ibulsin/_components/Step/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/Step/index.module.css
@@ -11,6 +11,8 @@
   padding: 12px;
   align-items: center;
   justify-content: space-between;
+
+  font-weight: 700;
 }
 .main_container > .survey_header > .fake {
   width: 24px;
diff --git a/app/(route)/verification/ibulsin/_components/Step1/index.module.css b/app/(route)/verification/ibulsin/_components/Step1/index.module.css
index 31d78e2..f081a35 100644
--- a/app/(route)/verification/ibulsin/_components/Step1/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/Step1/index.module.css
@@ -3,6 +3,14 @@
   flex-direction: column;
   justify-content: space-between;
 }
+.step {
+  font-weight: 700;
+}
+
+.step_explain {
+  font-weight: 700;
+  line-height: 38px;
+}
 .step_info {
   color: #ffffff;
   margin: 24px;
@@ -10,29 +18,32 @@
 }
 .step_info > h3 {
   padding: 12px 0;
-  font-weight: 500;
-  font-size: 24px;
+  font-weight: 600;
+  font-size: 1.78rem;
 }
 .step_info > p {
-  font-size: 24px;
+  font-size: 1.78rem;
 }
 .survey_container {
   background-color: #ffffff;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
-  padding: 12px;
+  padding: 12px 19px;
 }
 .input_container {
-  margin-bottom: 8px;
+  margin-bottom: 13px;
 }
 .input_container > .input_title {
-  font-size: 16px;
-  padding: 12px 0;
+  font-size: 1.19rem;
+  padding-top: 12px;
 }
+
 .input_container > .input_explain {
-  font-size: 12px;
-  margin-bottom: 8px;
+  font-size: 0.75rem;
+  margin-bottom: 11px;
+  color: rgb(28, 28, 28);
 }
+
 .input_container > .input_textarea {
   font-size: 14px;
   width: 100%;
diff --git a/app/(route)/verification/ibulsin/_components/Step1/index.tsx b/app/(route)/verification/ibulsin/_components/Step1/index.tsx
index 43ecb93..e2bdff9 100644
--- a/app/(route)/verification/ibulsin/_components/Step1/index.tsx
+++ b/app/(route)/verification/ibulsin/_components/Step1/index.tsx
@@ -1,9 +1,8 @@
 'use client'
 
-import React from 'react'
-import style from './index.module.css'
 import Link from 'next/link'
 import Textarea from '../Textarea'
+import style from './index.module.css'
 
 function Step1() {
   return (
@@ -13,7 +12,7 @@ function Step1() {
         <p className={style.step_explain}>
           생각한 아이디어를
           <br />
-          작성해주세요
+          작성해 주세요.
         </p>
       </div>
       <div className={style.survey_container}>
diff --git a/app/(route)/verification/ibulsin/_components/Step2/index.module.css b/app/(route)/verification/ibulsin/_components/Step2/index.module.css
index fdff868..b86e4ef 100644
--- a/app/(route)/verification/ibulsin/_components/Step2/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/Step2/index.module.css
@@ -3,41 +3,54 @@
   flex-direction: column;
   justify-content: space-between;
 }
+.step {
+  font-weight: 700;
+}
+
+.step_explain {
+  font-weight: 700;
+  line-height: 38px;
+}
+
 .step_info {
-  color: #FFFFFF;
+  color: #ffffff;
   margin: 24px;
   margin-bottom: 32px;
 }
 .step_info > h3 {
   padding: 12px 0;
   font-weight: 500;
-  font-size: 24px;
+  font-size: 1.78rem;
 }
 .step_info > p {
-  font-size: 24px;
+  font-size: 1.78rem;
 }
 .survey_container {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
-  padding: 12px;
+  padding: 12px 19px;
 }
 .input_container {
-  margin-bottom: 8px;
+  margin-bottom: 13px;
 }
 .input_title_container {
   display: flex;
+  flex-direction: row;
   align-items: center;
+  padding-top: 12px;
 }
+
 .input_title_container > .input_title {
-  font-size: 16px;
-  padding:12px 0;
+  font-size: 1.19rem;
   margin-right: 8px;
 }
 .input_container > .input_explain {
-  font-size: 12px;
-  margin-bottom: 8px;
+  font-size: 0.75rem;
+  margin-bottom: 11px;
+  color: rgb(28, 28, 28);
 }
+
 .direction_btns {
   display: flex;
   align-items: center;
@@ -47,16 +60,16 @@
   margin: 0 8px;
 }
 .prev_btn {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   padding: 12px 20px;
   font-size: 14px;
   font-weight: bold;
-  border: 1px solid #DCDCDC;
+  border: 1px solid #dcdcdc;
   border-radius: 8px;
 }
 .next_btn {
   background-color: var(--purple-700);
-  color: #FFFFFF;
+  color: #ffffff;
   padding: 12px 20px;
   font-size: 14px;
   font-weight: bold;
diff --git a/app/(route)/verification/ibulsin/_components/Step3/index.module.css b/app/(route)/verification/ibulsin/_components/Step3/index.module.css
index 20c4973..07aed0a 100644
--- a/app/(route)/verification/ibulsin/_components/Step3/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/Step3/index.module.css
@@ -13,23 +13,32 @@
   align-items: center;
 }
 .step_info {
-  color: #FFFFFF;
+  color: #ffffff;
   margin: 24px;
   margin-bottom: 32px;
 }
 .step_info > h3 {
   padding: 12px 0;
-  font-weight: 500;
-  font-size: 24px;
+  font-weight: 600;
+  font-size: 1.78rem;
 }
 .step_info > p {
-  font-size: 24px;
+  font-size: 1.78rem;
 }
+.step {
+  font-weight: 700;
+}
+
+.step_explain {
+  font-weight: 700;
+  line-height: 38px;
+}
+
 .survey_container {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
-  padding: 12px;
+  padding: 12px 19px;
 }
 .input_container {
   margin-bottom: 8px;
@@ -37,15 +46,16 @@
 .input_title_container {
   display: flex;
   align-items: center;
+  padding-top: 12px;
 }
 .input_title {
-  font-size: 16px;
-  padding:12px 0;
+  font-size: 1.19rem;
   margin-right: 8px;
 }
 .input_explain {
-  font-size: 12px;
-  margin-bottom: 8px;
+  font-size: 0.75rem;
+  margin-bottom: 11px;
+  color: rgb(28, 28, 28);
 }
 .direction_btns {
   display: flex;
@@ -56,16 +66,16 @@
   margin: 0 8px;
 }
 .prev_btn {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   padding: 12px 20px;
   font-size: 14px;
   font-weight: bold;
-  border: 1px solid #DCDCDC;
+  border: 1px solid #dcdcdc;
   border-radius: 8px;
 }
 .next_btn {
   background-color: var(--purple-700);
-  color: #FFFFFF;
+  color: #ffffff;
   padding: 12px 20px;
   font-size: 14px;
   font-weight: bold;
diff --git a/app/(route)/verification/ibulsin/_components/Step3/index.tsx b/app/(route)/verification/ibulsin/_components/Step3/index.tsx
index 8de3ae7..93c3535 100644
--- a/app/(route)/verification/ibulsin/_components/Step3/index.tsx
+++ b/app/(route)/verification/ibulsin/_components/Step3/index.tsx
@@ -1,14 +1,15 @@
 'use client'
 
-import React from 'react'
-import S from './index.module.css'
+import { ibulsinVariants } from '@/app/_constants/ibulsin'
 import Link from 'next/link'
-import Textarea from '../Textarea'
+import { useRouter } from 'next/navigation'
 import MoreExplainBtn from '../MoreExplainBtn'
-import { ibulsinVariants } from '@/app/_constants/ibulsin'
+import Textarea from '../Textarea'
+import S from './index.module.css'
 
 function Step3() {
   const { xyz, pretotyping } = ibulsinVariants
+  const router = useRouter()
 
   return (
     <div className={S.main_container}>
@@ -51,8 +52,12 @@ function Step3() {
           <Link className={S.prev_btn} href={'/verification/ibulsin?step=2'}>
             이전 단계
           </Link>
-          <button className={S.next_btn} type="button">
-            제출 하기
+          <button
+            className={S.next_btn}
+            type="button"
+            onClick={() => router.push('/mypage')}
+          >
+            제출하기
           </button>
         </div>
       </div>
diff --git a/app/(route)/verification/ibulsin/_components/Textarea/index.module.css b/app/(route)/verification/ibulsin/_components/Textarea/index.module.css
index 2d194bd..ccb57e1 100644
--- a/app/(route)/verification/ibulsin/_components/Textarea/index.module.css
+++ b/app/(route)/verification/ibulsin/_components/Textarea/index.module.css
@@ -1,16 +1,18 @@
 .textarea_container {
   position: relative;
-  padding: 12px;
+  padding: 12px 15px;
   padding-bottom: 28px;
-  border: 1px solid #ccc;
-  border-radius: 8px;
+  border: 1px solid #efefef;
+  border-radius: 10px;
+
+  font-size: rgb(16, 16, 16);
 }
 .textarea_container:focus-within {
-  border: 1px solid #000000;
+  border: 1px solid #dcdcdc;
 }
 .textarea_container > textarea {
   width: 100%;
-  height: 80px;
+  height: 100px;
   border: none;
   outline: none;
   resize: none;
diff --git a/app/(route)/verification/ibulsin/_components/Textarea/index.tsx b/app/(route)/verification/ibulsin/_components/Textarea/index.tsx
index ad2fa2b..c00dfd1 100644
--- a/app/(route)/verification/ibulsin/_components/Textarea/index.tsx
+++ b/app/(route)/verification/ibulsin/_components/Textarea/index.tsx
@@ -1,9 +1,8 @@
 'use client'
 
-import React from 'react'
-import S from './index.module.css'
 import cn from 'classnames'
 import { useForm } from 'react-hook-form'
+import S from './index.module.css'
 
 interface TextAreaProps {
   fieldKey: 'outline' | 'why' | 'marketResponse' | 'XYZ' | 'xyz' | 'pretotyping'
diff --git a/app/(route)/verification/ibulsin/page.tsx b/app/(route)/verification/ibulsin/page.tsx
index ec8da15..e5a62a4 100644
--- a/app/(route)/verification/ibulsin/page.tsx
+++ b/app/(route)/verification/ibulsin/page.tsx
@@ -1,13 +1,11 @@
-import React, { Suspense } from 'react'
+import { Suspense } from 'react'
 import Step from './_components/Step'
 
 function page() {
   return (
-    <div>
-      <Suspense fallback={<div>loading...</div>}>
-        <Step />
-      </Suspense>
-    </div>
+    <Suspense fallback={<div>loading...</div>}>
+      <Step />
+    </Suspense>
   )
 }
 
diff --git a/app/_store/atom.ts b/app/_store/atom.ts
index 41cd9b5..a7664b0 100644
--- a/app/_store/atom.ts
+++ b/app/_store/atom.ts
@@ -3,22 +3,25 @@ import { atom } from 'recoil'
 export interface ActiveInvestmentItemType {
   id: string
   name: string
-  score: number
+  score: number | null
 }
 
 // type ActiveType = Omit<ActiveInvestmentItemType, 'id'>
 // 시온 그는 신이야...
 // 고오급 타입 스크립트,,,
 
-const investmentItemAtom = atom<ActiveInvestmentItemType[]>({
+export const totalinputValueAtom = atom({
+  key: 'totalinputValueAtom',
+  default: '',
+})
+
+export const investmentItemAtom = atom<ActiveInvestmentItemType[]>({
   key: 'investmentItemAtom',
   default: [
     {
       id: new Date().toISOString(),
       name: '',
-      score: 0,
+      score: null,
     },
   ],
 })
-
-export default investmentItemAtom