fix: 영역 좁히도록 수정

src/views/CompletePage/index.tsx

@@ -48,7 +48,7 @@ const CompletePage = () => {
               key={v}
               className={pointBoxVar[v === point ? 'selected' : 'default']}
               onClick={() => handleClickPoint(v)}>
-              {v}
+              <span>{v}</span>
             </li>
           ))}
         </ul>

src/views/CompletePage/style.css.ts

@@ -23,23 +23,23 @@ export const icon = style({
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
-  marginBottom: '32px',
+  marginBottom: 20,
   width: 66,
   height: 66,
   borderRadius: '50%',
   background: theme.color.primaryLinear,
 });
 
 export const mainText = style({
-  marginBottom: 24,
+  marginBottom: 8,
   color: theme.color.baseText,
   textAlign: 'center',
   whiteSpace: 'pre-line',
   ...theme.font.HEADING_2_32_B,
 });
 
 export const subText = style({
-  marginBottom: 50,
+  marginBottom: 30,
   color: theme.color.baseText,
   textAlign: 'center',
   ...theme.font.BODY_1_18_M,
@@ -50,9 +50,9 @@ export const surveyBox = style({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  gap: 16,
-  padding: '30px 55px',
-  marginTop: 90,
+  gap: 12,
+  padding: '22px 75px',
+  marginTop: 50,
   color: theme.color.lightestText,
   ...theme.font.BODY_2_16_M,
   border: `1px solid ${theme.color.border}`,
@@ -68,9 +68,9 @@ const pointBox = style({
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
-  width: 32,
-  height: 40,
-  borderRadius: 8,
+  width: 28,
+  height: 36,
+  borderRadius: 6,
   transition: 'all 0.3s ease',
   cursor: 'pointer',
 });