Feat: 체크박스의 label 복구

Author: xxinzzi

src/pages/AccountCancel/index.tsx

@@ -96,10 +96,12 @@ const AccountCancel: React.FC = () => {
 					</InfoItem>
 				</InfoBox>
 				<CheckboxWrapper as="div">
-					<CheckboxInput type="checkbox" checked={isChecked} onChange={handleCheckboxChange} />
-					<StyledText as="span" $textTheme={{ style: 'body4-light', lineHeight: 1 }} color={theme.colors.gray3}>
-						안내사항을 모두 확인하였으며, 이에 동의합니다.
-					</StyledText>
+					<label style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }}>
+						<CheckboxInput type="checkbox" checked={isChecked} onChange={handleCheckboxChange} />
+						<StyledText as="span" $textTheme={{ style: 'body4-light', lineHeight: 1 }} color={theme.colors.gray3}>
+							안내사항을 모두 확인하였으며, 이에 동의합니다.
+						</StyledText>
+					</label>
 				</CheckboxWrapper>
 			</CancelContainer>
 			<div

src/pages/AccountCancel/styles.tsx

@@ -8,7 +8,6 @@ export const CancelContainer = styled.div`
 	margin: 0 auto;
 	width: 100%;
 	flex-grow: 1; /* flexbox에서 공간을 채우도록 설정 */
-	//padding: 1.25rem; /* 20px */
 	display: flex;
 	flex-direction: column;
 `;
@@ -42,7 +41,7 @@ export const InfoBox = styled.div`
 export const InfoItem = styled.p`
 	font-size: 0.875rem; /* 14px */
 	margin-bottom: 0.625rem; /* 10px */
-	padding: 2px 10px; 
+	padding: 2px 10px;
 	display: flex;
 	justify-content: center;
 	align-items: center;