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 (
@@ -51,8 +52,12 @@ function Step3() {
이전 단계
-
- 제출 하기
+ router.push('/mypage')}
+ >
+ 제출하기
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 (
-