diff --git a/src/components/ConditionalFormInput/ConditionalFormInput.tsx b/src/components/ConditionalFormInput/ConditionalFormInput.tsx
index db6b16b1..3f77ad5d 100644
--- a/src/components/ConditionalFormInput/ConditionalFormInput.tsx
+++ b/src/components/ConditionalFormInput/ConditionalFormInput.tsx
@@ -1,4 +1,4 @@
-import { useFormContext } from 'react-hook-form';
+import { FieldValues, UseFormRegister } from 'react-hook-form';
 
 import { Modal } from '@components/Modal';
 import { Text } from '@components/shared/Text';
@@ -10,55 +10,68 @@ import {
 } from './ConditionalFormInput.styles';
 
 export type ConditionalFormInputProps = {
-  title: string;
-  inputLabel: string;
-  inputValue?: string;
+  label: string;
+  name: string;
+  register: UseFormRegister<FieldValues>;
+  required?: boolean;
+  isContainModal?: boolean;
   isModalOpen?: boolean;
-  isContainModal: boolean;
-  isRequired?: boolean;
-  children?: React.ReactNode;
-  inputOnChange?: (item: string) => void;
   closeModal?: () => void;
+  children?: React.ReactNode;
 };
 
 export const ConditionalFormInput = ({
-  title,
+  label,
+  name,
+  register,
+  required = false,
   isContainModal = false,
-  inputLabel,
-  inputOnChange,
   isModalOpen,
   closeModal,
-  isRequired,
   children,
   ...inputProps
 }: React.ComponentProps<'input'> & ConditionalFormInputProps) => {
-  const { register } = useFormContext();
   return (
     <>
-      <StyledSubTitle>
-        <Text size={16} weight={300}>
-          {title}
-        </Text>
-      </StyledSubTitle>
-      <StyledInput
-        {...register(inputLabel, { required: isRequired })}
-        {...inputProps}
-        onChange={(event) => inputOnChange && inputOnChange(event.target.value)}
-        onWheel={(event) => event.currentTarget.blur()}
-      />
-      {isContainModal && (
-        <Modal
-          isOpen={isModalOpen as boolean}
-          close={closeModal as VoidFunction}
-          header={true}
-        >
-          <StyledModalHeader>
-            <Text size={20} weight={700}>
-              {title}
+      {isContainModal ? (
+        <>
+          <StyledSubTitle>
+            <Text size={16} weight={300}>
+              {label}
+            </Text>
+          </StyledSubTitle>
+          <StyledInput
+            {...register(name, { required: required })}
+            {...inputProps}
+            onWheel={(event) => event.currentTarget.blur()}
+            readOnly={true}
+          />
+          <Modal
+            isOpen={isModalOpen as boolean}
+            close={closeModal as VoidFunction}
+            header={true}
+          >
+            <StyledModalHeader>
+              <Text size={20} weight={700}>
+                {label}
+              </Text>
+            </StyledModalHeader>
+            <Modal.Content>{children}</Modal.Content>
+          </Modal>
+        </>
+      ) : (
+        <>
+          <StyledSubTitle>
+            <Text size={16} weight={300}>
+              {label}
             </Text>
-          </StyledModalHeader>
-          <Modal.Content>{children}</Modal.Content>
-        </Modal>
+          </StyledSubTitle>
+          <StyledInput
+            {...register(name, { required: required })}
+            {...inputProps}
+            onWheel={(event) => event.currentTarget.blur()}
+          />
+        </>
       )}
     </>
   );
diff --git a/src/components/TextArea/TextArea.tsx b/src/components/TextArea/TextArea.tsx
index 3307edef..0e2527c2 100644
--- a/src/components/TextArea/TextArea.tsx
+++ b/src/components/TextArea/TextArea.tsx
@@ -1,36 +1,33 @@
-import { useForm } from 'react-hook-form';
+import { FieldValues, UseFormRegister } from 'react-hook-form';
 
 import { Text } from '@components/shared/Text';
 
 import { StyledSubTitle, StyledTextArea } from './TextArea.styles';
 
 type textAreaProps = {
-  title: string;
-  inputLabel: string;
+  label: string;
+  name: string;
   defaultValue?: string;
-  inputOnChange?: (item: string) => void;
+  register: UseFormRegister<FieldValues>;
 };
 
 export const TextArea = ({
-  title,
-  inputLabel,
+  label,
+  register,
+  name,
   defaultValue,
-  inputOnChange,
 }: textAreaProps) => {
-  const { register } = useForm();
-
   return (
     <>
       <StyledSubTitle>
         <Text size={16} weight={300}>
-          {title}
+          {label}
         </Text>
       </StyledSubTitle>
       <StyledTextArea
-        {...register(inputLabel)}
+        {...register(name)}
         maxLength={1000}
         defaultValue={defaultValue}
-        onChange={(event) => inputOnChange && inputOnChange(event.target.value)}
       />
     </>
   );
diff --git a/src/pages/CreateCrewPage/CreateCrewPage.styles.ts b/src/pages/CreateCrewPage/CreateCrewPage.styles.ts
index 731ad999..7e0b89fc 100644
--- a/src/pages/CreateCrewPage/CreateCrewPage.styles.ts
+++ b/src/pages/CreateCrewPage/CreateCrewPage.styles.ts
@@ -25,6 +25,21 @@ export const StyledCreateForm = styled.form`
   gap: 4px;
 `;
 
+export const StyledSubTitle = styled.div`
+  margin-bottom: 8px;
+`;
+
+export const StyledInput = styled.input<{ height?: number | string }>`
+  padding-left: 10px;
+  width: 100%;
+  height: 30px;
+  height: ${({ height }) =>
+    typeof height === 'number' ? `${height}px` : height};
+  border: 1px solid ${({ theme }) => theme.PALETTE.GRAY_300};
+  border-radius: 8px;
+  margin-bottom: 8px;
+`;
+
 export const StyledEmptyContainer = styled.div`
   height: 16px;
 `;
@@ -70,3 +85,12 @@ export const StyledModalContent = styled(Modal.Content)`
   ${({ theme }) => theme.STYLES.FLEX_CENTER}
   padding: 30px;
 `;
+
+export const StyledTextArea = styled.textarea`
+  border: 1px solid ${({ theme }) => theme.PALETTE.GRAY_300};
+  border-radius: 8px;
+  width: 100%;
+  height: 340px;
+  padding: 8px;
+  margin-bottom: 16px;
+`;
diff --git a/src/pages/CreateCrewPage/CreateCrewPage.tsx b/src/pages/CreateCrewPage/CreateCrewPage.tsx
index 14c8e333..efc7db94 100644
--- a/src/pages/CreateCrewPage/CreateCrewPage.tsx
+++ b/src/pages/CreateCrewPage/CreateCrewPage.tsx
@@ -36,8 +36,6 @@ export const CreateCrewPage = () => {
     methods,
     locations,
     onSubmit,
-    setName,
-    setContent,
     handleMaxMemberCount,
     handleToggleLocation,
     toggleMaxMemberCountModal,
@@ -45,7 +43,6 @@ export const CreateCrewPage = () => {
   } = useCreateCrewPage();
 
   const {
-    name,
     maxMemberCount,
     selectedLocation,
     selectedLocations,
@@ -58,7 +55,7 @@ export const CreateCrewPage = () => {
       <PageWrapper>
         <Header title={showHeaderTitle ? CREATE_CREW_STRINGS.TITLE : ''} />
         <FormProvider {...methods}>
-          <StyledCreateForm onSubmit={methods.handleSubmit(onSubmit)}>
+          <StyledCreateForm onSubmit={onSubmit}>
             <StyledTitle>
               <div ref={entryRef}>
                 <Text size={20} weight={700}>
@@ -67,24 +64,22 @@ export const CreateCrewPage = () => {
               </div>
             </StyledTitle>
             <ConditionalFormInput
-              title={CREATE_CREW_STRINGS.CREW_NAME}
-              isRequired={true}
-              isContainModal={false}
-              inputLabel="crew-name"
-              inputOnChange={setName}
-              value={name}
+              label={CREATE_CREW_STRINGS.CREW_NAME}
+              name="name"
+              register={methods.register}
+              required={true}
               minLength={1}
               maxLength={20}
             />
             <ConditionalFormInput
-              title={CREATE_CREW_STRINGS.CREW_MEMBER_COUNT}
-              readOnly={true}
+              label={CREATE_CREW_STRINGS.CREW_MEMBER_COUNT}
+              name="maxMemberCount"
+              register={methods.register}
               isContainModal={true}
-              inputLabel="crew-count"
-              onClick={toggleMaxMemberCountModal}
-              value={maxMemberCount}
               isModalOpen={isOpenMaxMemberCountModal}
               closeModal={toggleMaxMemberCountModal}
+              value={maxMemberCount}
+              onClick={toggleMaxMemberCountModal}
             >
               <VirtualScroll
                 width="100%"
@@ -131,9 +126,9 @@ export const CreateCrewPage = () => {
               </StyledModalContent>
             </Modal>
             <TextArea
-              title={CREATE_CREW_STRINGS.CREW_DESCRIPTION}
-              inputLabel="content"
-              inputOnChange={setContent}
+              label={CREATE_CREW_STRINGS.CREW_DESCRIPTION}
+              register={methods.register}
+              name="content"
             />
             <Button
               width="100%"
diff --git a/src/pages/CreateCrewPage/constants/createCrewOptions.ts b/src/pages/CreateCrewPage/constants/createCrewOptions.ts
index dacc780e..89466731 100644
--- a/src/pages/CreateCrewPage/constants/createCrewOptions.ts
+++ b/src/pages/CreateCrewPage/constants/createCrewOptions.ts
@@ -40,3 +40,8 @@ export const CREATE_CREW_STRINGS = {
   CREW_DESCRIPTION: '상세설명을 입력해 주세요!',
   CREATE: '만들기',
 } as const;
+
+export const CREATE_CREW_ERROR_MESSAGE = {
+  MAX_CREW_LIMIT_EXCEEDED: '최대 크루 생성 횟수 3회를 초과했습니다.',
+  DUPLICATE_CREW_NAME: '중복된 크루 이름 입니다.',
+};
diff --git a/src/pages/CreateCrewPage/hooks/useCreateCrewPage.ts b/src/pages/CreateCrewPage/hooks/useCreateCrewPage.ts
index 6d67e039..12f703f3 100644
--- a/src/pages/CreateCrewPage/hooks/useCreateCrewPage.ts
+++ b/src/pages/CreateCrewPage/hooks/useCreateCrewPage.ts
@@ -1,10 +1,12 @@
 import { useState } from 'react';
-import { useForm } from 'react-hook-form';
+import { FieldValues, useForm } from 'react-hook-form';
 import toast from 'react-hot-toast';
 import { useNavigate } from 'react-router-dom';
 
 import { AxiosError } from 'axios';
 
+import { CREATE_CREW_ERROR_MESSAGE } from '@pages/CreateCrewPage/constants/createCrewOptions';
+
 import { LoginRequireError } from '@routes/LoginRequireBoundary';
 
 import { useToggleButtons } from '@components/shared/ToggleButton';
@@ -27,41 +29,13 @@ export const useCreateCrewPage = () => {
 
   const navigate = useNavigate();
   const { data: locations } = useLocationsQuery();
-
   const { mutate } = useCrewMutation();
+
   const methods = useForm();
+  const { handleSubmit } = methods;
 
-  const [name, setName] = useState<string>('');
-  const [content, setContent] = useState<string>('');
   const [maxMemberCount, setMaxMemberCount] = useState<string>('');
   const [selectedLocation, setSelectedLocation] = useState<string[]>();
-
-  const onSubmit = () => {
-    const crewData: PostCrewRequest = {
-      name,
-      content,
-      maxMemberCount: parseInt(maxMemberCount),
-      addressDepth1: '서울시',
-      addressDepth2: selectedLocation![0],
-    };
-
-    mutate(crewData, {
-      onSuccess: ({ crewId }) => {
-        navigate(PATH_NAME.GET_CREWS_PATH(String(crewId)));
-      },
-      onError: (error) => {
-        if (error instanceof AxiosError) {
-          if (error.response?.data.code === 'CRE-012') {
-            return toast.error('최대 크루 생성 횟수 3회를 초과했습니다.');
-          }
-          if (error.response?.data.code === 'CRE-002') {
-            return toast.error('중복된 크루 이름 입니다.');
-          }
-        }
-      },
-    });
-  };
-
   const [isOpenMaxMemberCountModal, setIsOpenMaxMemberCountModal] =
     useState(false);
   const [isOpenAddressDepth2Modal, setIsOpenAddressDepth2Modal] =
@@ -87,20 +61,46 @@ export const useCreateCrewPage = () => {
     isOpenMaxMemberCountModal || setMaxMemberCount(maxMemberCount);
   };
 
+  const onSubmit = handleSubmit((data: FieldValues) => {
+    const addressDepth2 = selectedLocation![0];
+    const { name, content } = data;
+    const crewData: PostCrewRequest = {
+      name,
+      content,
+      maxMemberCount: parseInt(maxMemberCount),
+      addressDepth1: '서울시',
+      addressDepth2,
+    };
+    mutate(crewData, {
+      onSuccess: ({ crewId }) => {
+        navigate(PATH_NAME.GET_CREWS_PATH(String(crewId)));
+      },
+      onError: (error) => {
+        if (error instanceof AxiosError) {
+          if (error.response?.data.code === 'CRE-012') {
+            return toast.error(
+              CREATE_CREW_ERROR_MESSAGE.MAX_CREW_LIMIT_EXCEEDED
+            );
+          }
+          if (error.response?.data.code === 'CRE-002') {
+            return toast.error(CREATE_CREW_ERROR_MESSAGE.DUPLICATE_CREW_NAME);
+          }
+        }
+      },
+    });
+  });
+
   return {
     state: {
-      name,
       maxMemberCount,
       selectedLocation,
       selectedLocations,
       isOpenMaxMemberCountModal,
       isOpenAddressDepth2Modal,
     },
-    methods,
     locations,
+    methods,
     onSubmit,
-    setName,
-    setContent,
     handleMaxMemberCount,
     handleToggleLocation,
     toggleMaxMemberCountModal,
diff --git a/src/pages/CreateGamePage/CreateGamePage.tsx b/src/pages/CreateGamePage/CreateGamePage.tsx
index 4cb5f988..a5d7e481 100644
--- a/src/pages/CreateGamePage/CreateGamePage.tsx
+++ b/src/pages/CreateGamePage/CreateGamePage.tsx
@@ -39,15 +39,12 @@ export const CreateGamePage = () => {
     methods,
     onSubmit,
     handleAddressSelect,
-    handleCost,
     toggleGuestCountModal,
     toggleMatchDateModal,
     toggleStartTimeModal,
     togglePlayTimeModal,
     setPlayDate,
     setPositions,
-    setDetailAddress,
-    setContent,
     handleMaxMemberCount,
     handlePlayStartTimeHours,
     handlePlayStartTimeMinutes,
@@ -63,8 +60,6 @@ export const CreateGamePage = () => {
     playStartTimeMinutes,
     playTimeMinutes,
     mainAddress,
-    detailAddress,
-    cost,
     isGuestCountModalOpen,
     isMatchDateModalOpen,
     isStartTimeModalOpen,
@@ -76,7 +71,7 @@ export const CreateGamePage = () => {
       <PageWrapper>
         <Header title={showHeaderTitle ? CREATE_GAME_STRINGS.TITLE : ''} />
         <FormProvider {...methods}>
-          <StyledCreateForm onSubmit={methods.handleSubmit(onSubmit)}>
+          <StyledCreateForm onSubmit={onSubmit}>
             <StyledTitle>
               <div ref={entryRef}>
                 <Text size={20} weight={700}>
@@ -85,14 +80,15 @@ export const CreateGamePage = () => {
               </div>
             </StyledTitle>
             <ConditionalFormInput
-              title={CREATE_GAME_STRINGS.GUEST_COUNT}
+              label={CREATE_GAME_STRINGS.GUEST_COUNT}
               readOnly={true}
               isContainModal={true}
-              inputLabel="guest-count"
+              name="maxMemberCount"
               onClick={toggleGuestCountModal}
               value={maxMemberCount}
               isModalOpen={isGuestCountModalOpen}
               closeModal={toggleGuestCountModal}
+              register={methods.register}
             >
               <VirtualScroll
                 width="100%"
@@ -101,26 +97,28 @@ export const CreateGamePage = () => {
               />
             </ConditionalFormInput>
             <ConditionalFormInput
-              title={CREATE_GAME_STRINGS.MATCH_DATE}
+              label={CREATE_GAME_STRINGS.MATCH_DATE}
               readOnly={true}
               isContainModal={true}
-              inputLabel="match-date"
+              name="playDate"
               onClick={toggleMatchDateModal}
               value={playDate}
               isModalOpen={isMatchDateModalOpen}
               closeModal={toggleMatchDateModal}
+              register={methods.register}
             >
               <CalendarComponent setDate={setPlayDate} />
             </ConditionalFormInput>
             <ConditionalFormInput
-              title={CREATE_GAME_STRINGS.START_TIME}
+              label={CREATE_GAME_STRINGS.START_TIME}
               readOnly={true}
               isContainModal={true}
-              inputLabel="start-time"
+              name="playStartTime"
               onClick={toggleStartTimeModal}
               value={`${playStartTimeHours}:${playStartTimeMinutes}`}
               isModalOpen={isStartTimeModalOpen}
               closeModal={toggleStartTimeModal}
+              register={methods.register}
             >
               <StyledTimeSelector>
                 <VirtualScroll
@@ -137,14 +135,15 @@ export const CreateGamePage = () => {
               </StyledTimeSelector>
             </ConditionalFormInput>
             <ConditionalFormInput
-              title={CREATE_GAME_STRINGS.PLAY_TIME}
+              label={CREATE_GAME_STRINGS.PLAY_TIME}
               readOnly={true}
               isContainModal={true}
-              inputLabel="play-time"
+              name="playTimeMinutes"
               onClick={togglePlayTimeModal}
               value={playTimeMinutes}
               isModalOpen={isPlayTimeModalOpen}
               closeModal={togglePlayTimeModal}
+              register={methods.register}
             >
               <VirtualScroll
                 width="100%"
@@ -159,38 +158,34 @@ export const CreateGamePage = () => {
               <SelectPosition setPositions={setPositions} />
             </StyledPositionsWrapper>
             <ConditionalFormInput
-              title={CREATE_GAME_STRINGS.MAIN_ADDRESS}
-              isRequired={true}
+              label={CREATE_GAME_STRINGS.MAIN_ADDRESS}
+              required={true}
               readOnly={true}
-              isContainModal={false}
-              inputLabel="address"
+              name="mainAddress"
               onClick={handleAddressSelect}
               value={mainAddress}
+              register={methods.register}
             />
             <ConditionalFormInput
-              isRequired={true}
-              title={CREATE_GAME_STRINGS.DETAIL_ADDRESS}
-              isContainModal={false}
-              inputLabel="address-detail"
-              inputOnChange={setDetailAddress}
-              value={detailAddress}
+              required={true}
+              label={CREATE_GAME_STRINGS.DETAIL_ADDRESS}
+              name="detailAddress"
+              register={methods.register}
             />
             <ConditionalFormInput
-              title={CREATE_GAME_STRINGS.COST}
-              isContainModal={false}
-              inputLabel="cost"
-              inputOnChange={handleCost}
-              value={cost}
+              label={CREATE_GAME_STRINGS.COST}
+              name="cost"
               type="number"
               pattern="\d*"
-              min={'0'}
+              min={0}
               step={1000}
-              max={'100000'}
+              max={100000}
+              register={methods.register}
             />
             <TextArea
-              title={CREATE_GAME_STRINGS.CONTENT}
-              inputLabel="content"
-              inputOnChange={setContent}
+              label={CREATE_GAME_STRINGS.CONTENT}
+              name="content"
+              register={methods.register}
             />
             <Button
               width="100%"
diff --git a/src/pages/CreateGamePage/hooks/useCreateGamePage.ts b/src/pages/CreateGamePage/hooks/useCreateGamePage.ts
index 7919f944..ec865fd3 100644
--- a/src/pages/CreateGamePage/hooks/useCreateGamePage.ts
+++ b/src/pages/CreateGamePage/hooks/useCreateGamePage.ts
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useForm } from 'react-hook-form';
+import { FieldValues, useForm } from 'react-hook-form';
 import toast from 'react-hot-toast';
 import { useNavigate } from 'react-router-dom';
 
@@ -16,16 +16,20 @@ import { Position } from '@type/models/Position';
 
 import { PATH_NAME } from '@constants/pathName';
 
-import { formatDateToString } from '@utils/formatDateToString';
+import { validateStartTime } from '../utils/validateStartTime';
 
 export const useCreateGamePage = () => {
   const loginInfo = useLoginInfoStore((state) => state.loginInfo);
+
   if (!loginInfo?.id) {
     throw new LoginRequireError();
   }
+
   const { mutate } = useGameMutation();
   const navigate = useNavigate();
+
   const methods = useForm();
+  const { handleSubmit } = methods;
 
   const [maxMemberCount, setMaxMemberCount] = useState<string>('');
   const [playDate, setPlayDate] = useState<string>('');
@@ -34,10 +38,6 @@ export const useCreateGamePage = () => {
   const [playTimeMinutes, setPlayTimeMinutes] = useState<string>('');
   const [positions, setPositions] = useState<Position[]>([]);
   const [mainAddress, setMainAddress] = useState<string>('');
-  const [detailAddress, setDetailAddress] = useState<string>('');
-  const [cost, setCost] = useState<string>('0');
-  const [content, setContent] = useState<string>('');
-
   const [isGuestCountModalOpen, setIsGuestCountModalOpen] =
     useState<boolean>(false);
   const [isMatchDateModalOpen, setIsMatchDateModalOpen] =
@@ -71,14 +71,6 @@ export const useCreateGamePage = () => {
     }).open();
   };
 
-  const handleCost = (item: string) => {
-    if (parseInt(item) < 0) {
-      setCost('0');
-    } else if (parseInt(item) > 100000) {
-      setCost('100000');
-    } else setCost(item);
-  };
-
   const toggleGuestCountModal = () => {
     setIsGuestCountModalOpen((prev) => !prev);
   };
@@ -95,20 +87,23 @@ export const useCreateGamePage = () => {
     setIsPlayTimeModalOpen((prev) => !prev);
   };
 
-  const onSubmit = () => {
+  const onSubmit = handleSubmit((data: FieldValues) => {
+    const { detailAddress, cost, content } = data;
     const gameData: PostGameRequest = {
       maxMemberCount: parseInt(maxMemberCount),
-      playDate: playDate,
+      playDate,
       playStartTime: `${playStartTimeHours}:${playStartTimeMinutes}`,
       playTimeMinutes: parseInt(playTimeMinutes),
-      positions: positions,
-      mainAddress: mainAddress,
-      detailAddress: detailAddress,
+      positions,
+      mainAddress,
+      detailAddress,
       cost: parseInt(cost),
-      content: content,
+      content,
     };
 
-    if (!validateStartTime()) {
+    if (
+      !validateStartTime({ playDate, playStartTimeHours, playStartTimeMinutes })
+    ) {
       toast.error('현재시간 이전의 경기는\n생성할 수 없습니다.');
       throw new Error();
     }
@@ -124,37 +119,7 @@ export const useCreateGamePage = () => {
         }
       },
     });
-  };
-  const validateStartTime = () => {
-    const [playYear, playMonth, playDay] = playDate.split('-').map(Number);
-    const [currentYear, currentMonth, currentDay] = formatDateToString(
-      new Date()
-    )
-      .split('-')
-      .map(Number);
-    const currentHours = new Date().getHours();
-    const currentMinutes = new Date().getMinutes();
-
-    if (
-      playYear > currentYear ||
-      (playYear >= currentYear && playMonth > currentMonth) ||
-      (playYear >= currentYear &&
-        playMonth >= currentMonth &&
-        playDay > currentDay)
-    ) {
-      return true;
-    }
-
-    if (
-      Number(playStartTimeHours) > currentHours ||
-      (Number(playStartTimeHours) >= currentHours &&
-        Number(playStartTimeMinutes) > currentMinutes)
-    ) {
-      return true;
-    }
-
-    return false;
-  };
+  });
 
   return {
     state: {
@@ -164,8 +129,6 @@ export const useCreateGamePage = () => {
       playStartTimeMinutes,
       playTimeMinutes,
       mainAddress,
-      detailAddress,
-      cost,
       isGuestCountModalOpen,
       isMatchDateModalOpen,
       isStartTimeModalOpen,
@@ -174,15 +137,12 @@ export const useCreateGamePage = () => {
     methods,
     onSubmit,
     handleAddressSelect,
-    handleCost,
     toggleGuestCountModal,
     toggleMatchDateModal,
     toggleStartTimeModal,
     togglePlayTimeModal,
     setPlayDate,
     setPositions,
-    setDetailAddress,
-    setContent,
     handleMaxMemberCount,
     handlePlayStartTimeHours,
     handlePlayStartTimeMinutes,
diff --git a/src/pages/CreateGamePage/utils/validateStartTime.ts b/src/pages/CreateGamePage/utils/validateStartTime.ts
new file mode 100644
index 00000000..03d44fb9
--- /dev/null
+++ b/src/pages/CreateGamePage/utils/validateStartTime.ts
@@ -0,0 +1,40 @@
+import { formatDateToString } from '@utils/formatDateToString';
+
+type ValidateStartTimeProps = {
+  playDate: string;
+  playStartTimeHours: string;
+  playStartTimeMinutes: string;
+};
+
+export const validateStartTime = ({
+  playDate,
+  playStartTimeHours,
+  playStartTimeMinutes,
+}: ValidateStartTimeProps) => {
+  const [playYear, playMonth, playDay] = playDate.split('-').map(Number);
+  const [currentYear, currentMonth, currentDay] = formatDateToString(new Date())
+    .split('-')
+    .map(Number);
+  const currentHours = new Date().getHours();
+  const currentMinutes = new Date().getMinutes();
+
+  if (
+    playYear > currentYear ||
+    (playYear >= currentYear && playMonth > currentMonth) ||
+    (playYear >= currentYear &&
+      playMonth >= currentMonth &&
+      playDay > currentDay)
+  ) {
+    return true;
+  }
+
+  if (
+    Number(playStartTimeHours) > currentHours ||
+    (Number(playStartTimeHours) >= currentHours &&
+      Number(playStartTimeMinutes) > currentMinutes)
+  ) {
+    return true;
+  }
+
+  return false;
+};