diff --git a/packages/app/package.json b/packages/app/package.json
index 40e61a79..243fec55 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
+    "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.4.2",
     "@reduxjs/toolkit": "^1.9.3",
     "@sms/shared": "workspace:*",
diff --git a/packages/app/src/features/global/Header/index.tsx b/packages/app/src/features/global/Header/index.tsx
index 670f458b..82166d8a 100644
--- a/packages/app/src/features/global/Header/index.tsx
+++ b/packages/app/src/features/global/Header/index.tsx
@@ -6,7 +6,8 @@ import useLogout from '@features/auth/hook/useLogout'
 import useMyPage from '@features/student/hooks/useMyPage'
 import useProfileImgQuery from '@features/auth/queries/useProfileImgQuery'
 import useLoggedInQuery from '@features/auth/queries/useLoggedInQuery'
-// import useGSMInfo from '@features/student/hooks/useGSMInfo'
+import useAuthenticationRedirect from '@features/student/hooks/useAuthenticationRedirect'
+import Role from 'types/Role'
 
 import * as S from './style'
 
@@ -18,7 +19,7 @@ interface Props {
 const Header = ({ onFilter }: Props) => {
   const { onLogout } = useLogout()
   const { redirectMyPage } = useMyPage()
-  // const { redirectGSMInfo } = useGSMInfo()
+  const { redirectAuthentication } = useAuthenticationRedirect()
   const [isShow, setIsShow] = useState<boolean>(false)
   const { data: loggedInData } = useLoggedInQuery()
   const { data } = useProfileImgQuery()
@@ -59,16 +60,22 @@ const Header = ({ onFilter }: Props) => {
             </S.UserCircle>
 
             <S.DropdownMenu isShow={isShow} onClose={() => setIsShow(false)}>
-              {/* <S.DropdownItem onClick={redirectGSMInfo}>
-                <Icon.Document color='var(--N50)' /> 인증제
-              </S.DropdownItem> */}
-
               <S.DropdownItem onClick={redirectMyPage}>
                 <Icon.Person color='var(--N50)' /> 마이페이지
               </S.DropdownItem>
 
               <S.Line />
 
+              {loggedInData.role === Role.ROLE_STUDENT && (
+                <>
+                  <S.DropdownItem onClick={redirectAuthentication}>
+                    <Icon.Bag color='var(--N50)' /> 인증제
+                  </S.DropdownItem>
+
+                  <S.Line />
+                </>
+              )}
+
               <S.DropdownItem onClick={onLogout}>
                 <Icon.Out color='var(--N50)' /> 로그아웃
               </S.DropdownItem>
diff --git a/packages/app/src/features/register/molecules/AuthenticationInputs/index.tsx b/packages/app/src/features/register/molecules/AuthenticationInputs/index.tsx
deleted file mode 100644
index e57a05a2..00000000
--- a/packages/app/src/features/register/molecules/AuthenticationInputs/index.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import HideAbleWrapper from '@features/register/atoms/HideAbleWrapper'
-import { InputColumn } from '@features/register/atoms'
-import { ImageInput, Input, Textarea } from '@sms/shared'
-import { RegisterFormType } from '@features/register/type'
-import * as Icon from '@sms/shared/src/icons'
-import {
-  Control,
-  FieldErrors,
-  UseFormGetValues,
-  UseFormRegister,
-  UseFormSetError,
-  UseFormSetValue,
-  useFieldArray,
-  UseFormClearErrors,
-} from 'react-hook-form'
-import { useState } from 'react'
-import useImageUpload from '@features/register/hooks/useImageUpload'
-import * as S from './style'
-
-interface Props {
-  idx: number
-  control: Control<RegisterFormType>
-  register: UseFormRegister<RegisterFormType>
-  errors: FieldErrors<RegisterFormType>
-  setValue: UseFormSetValue<RegisterFormType>
-  watch: UseFormGetValues<RegisterFormType>
-  setError: UseFormSetError<RegisterFormType>
-  clearErrors: UseFormClearErrors<RegisterFormType>
-}
-
-const AuthenticationInput = ({
-  idx,
-  control,
-  register,
-  errors,
-  setValue,
-  watch,
-  setError,
-  clearErrors,
-}: Props) => {
-  const { fields, remove, append } = useFieldArray({
-    name: 'activities',
-    control,
-  })
-
-  const { onChange } = useImageUpload({
-    setValue: (value: string) => {
-      setValue(`activities.${idx}.previewImage`, [value])
-      setMinLength(200)
-    },
-    setError: (message) => {
-      setError(`activities.${idx}.previewImage`, { message })
-      setMinLength(400)
-    },
-    clearError: () => {
-      clearErrors(`activities.${idx}.previewImage`)
-      setMinLength(400)
-    },
-  })
-
-  const onClick = () =>
-    append({
-      name: '',
-      myActivity: '',
-      description: '',
-      previewImage: [],
-    })
-
-  const [minLength, setMinLength] = useState<number>(400)
-
-  return (
-    <S.Wrapper>
-      <S.ProjectList>
-        {fields.map((field, idx) => (
-          <div key={field.id}>
-            <HideAbleWrapper
-              title={watch(`activities.${idx}.name`)}
-              onDelete={() => remove(idx)}
-            >
-              <InputColumn comment='활동 사진'>
-                <S.ImageInput>
-                  <ImageInput
-                    isPreview
-                    onChange={onChange}
-                    value={watch(`activities.${idx}.previewImage`)}
-                    error={errors?.activities?.[idx]?.previewImage?.message}
-                  />
-                </S.ImageInput>
-              </InputColumn>
-
-              <InputColumn comment='활동 제목'>
-                <Input
-                  {...register(`activities.${idx}.name`, {
-                    required: {
-                      value: true,
-                      message: '필수 값입니다',
-                    },
-                    maxLength: {
-                      value: 30,
-                      message: '최대 30자까지 가능합니다',
-                    },
-                  })}
-                  placeholder='활동 제목 입력'
-                  error={errors.activities?.[idx]?.name?.message}
-                />
-              </InputColumn>
-
-              <InputColumn comment='활동 설명'>
-                <Textarea
-                  {...register(`activities.${idx}.description`, {
-                    required: { value: true, message: '필수 값입니다' },
-                    minLength: {
-                      value: minLength,
-                      message: `최소 ${minLength}자 이상 작성해야 합니다.`,
-                    },
-                    maxLength: {
-                      value: 1000,
-                      message: '최대 1000자까지 가능합니다',
-                    },
-                  })}
-                  placeholder='활동 내용 입력'
-                  error={errors.activities?.[idx]?.description?.message}
-                />
-              </InputColumn>
-            </HideAbleWrapper>
-
-            <S.Hr />
-          </div>
-        ))}
-      </S.ProjectList>
-
-      {fields.length === 0 && <S.Title>인증제</S.Title>}
-
-      <S.ButtonWrapper>
-        <S.AddButton onClick={onClick}>
-          <Icon.SmallPlus type='outline' /> 추가
-        </S.AddButton>
-      </S.ButtonWrapper>
-    </S.Wrapper>
-  )
-}
-
-export default AuthenticationInput
diff --git a/packages/app/src/features/register/molecules/AuthenticationInputs/style.ts b/packages/app/src/features/register/molecules/AuthenticationInputs/style.ts
deleted file mode 100644
index dc3d8b77..00000000
--- a/packages/app/src/features/register/molecules/AuthenticationInputs/style.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import styled from '@emotion/styled'
-
-export { Wrapper } from '@features/register/atoms/FormWrapper/style'
-
-export const ProjectList = styled.div`
-  display: flex;
-  flex-direction: column;
-
-  & div:last-of-type hr {
-    margin-bottom: 0;
-  }
-`
-
-export const ImageInput = styled.div`
-  width: 15.375rem;
-`
-
-export const Hr = styled.hr`
-  border: none;
-  border-top: 0.0625rem solid var(--N20);
-  margin: 2.5rem 0;
-`
-
-export const Title = styled.h3`
-  ${({ theme }) => theme.title1}
-`
-
-export const ButtonWrapper = styled.div`
-  display: flex;
-  justify-content: end;
-`
-
-export const AddButton = styled.span`
-  ${({ theme }) => theme.title2}
-  display: flex;
-  align-items: center;
-  margin-top: 1rem;
-  cursor: pointer;
-`
diff --git a/packages/app/src/features/register/molecules/index.ts b/packages/app/src/features/register/molecules/index.ts
index aea7a37e..c673518a 100644
--- a/packages/app/src/features/register/molecules/index.ts
+++ b/packages/app/src/features/register/molecules/index.ts
@@ -6,4 +6,3 @@ export { default as CertificateInputs } from './CertificateInputs'
 export { default as LanguageInputs } from './LanguageInputs'
 export { default as ProjectsInput } from './ProjectsInput'
 export { default as PrizeInputs } from './PrizeInputs'
-export { default as AuthenticationInputs } from './AuthenticationInputs'
diff --git a/packages/app/src/features/register/queries/usePostFileMutation.tsx b/packages/app/src/features/register/queries/usePostFileMutation.tsx
new file mode 100644
index 00000000..8a9d437f
--- /dev/null
+++ b/packages/app/src/features/register/queries/usePostFileMutation.tsx
@@ -0,0 +1,21 @@
+import { UseMutationOptions, useMutation } from '@tanstack/react-query'
+import { PostFileService } from '@features/register/services'
+
+interface Param {
+  file: File
+  isImage?: boolean
+}
+
+interface Props
+  extends UseMutationOptions<string | undefined, Error, Param, unknown> {}
+
+const usePostFileMutation = ({ ...props }: Props) => {
+  return useMutation({
+    mutationKey: ['post-file'],
+    mutationFn: ({ file, isImage }: Param) =>
+      PostFileService(file, isImage ?? false),
+    ...props,
+  })
+}
+
+export default usePostFileMutation
diff --git a/packages/app/src/features/register/services/PostFileService/index.tsx b/packages/app/src/features/register/services/PostFileService/index.tsx
index 391f9ffe..d9234f4a 100644
--- a/packages/app/src/features/register/services/PostFileService/index.tsx
+++ b/packages/app/src/features/register/services/PostFileService/index.tsx
@@ -5,19 +5,15 @@ const PostFileService = async (file: File, isImage: boolean) => {
   const formData = new FormData()
   formData.append('file', file)
 
-  try {
-    const { data } = await axiosApi.post<Response>(
-      `/api/server/file${isImage ? '/image' : ''}`,
-      formData,
-      {
-        headers: { 'Content-Type': 'multipart/form-data' },
-      }
-    )
+  const { data } = await axiosApi.post<Response>(
+    `/api/server/file${isImage ? '/image' : ''}`,
+    formData,
+    {
+      headers: { 'Content-Type': 'multipart/form-data' },
+    }
+  )
 
-    return data.fileUrl
-  } catch (e) {
-    return
-  }
+  return data.fileUrl
 }
 
 export default PostFileService
diff --git a/packages/app/src/features/student/atoms/ArrayController/index.tsx b/packages/app/src/features/student/atoms/ArrayController/index.tsx
new file mode 100644
index 00000000..405e71cc
--- /dev/null
+++ b/packages/app/src/features/student/atoms/ArrayController/index.tsx
@@ -0,0 +1,25 @@
+import { Chip, DeleteButton } from '@sms/shared'
+import * as S from './style'
+
+interface Props {
+  onAddClick?: () => void
+  onRemoveClick?: () => void
+  disableAdd?: boolean
+}
+
+const ArrayController = ({ onAddClick, onRemoveClick, disableAdd }: Props) => {
+  return (
+    <S.Wrapper>
+      <Chip
+        disabled={disableAdd}
+        style={{ opacity: disableAdd ? 0 : undefined }}
+        onClick={onAddClick}
+      >
+        추가
+      </Chip>
+      <DeleteButton type='button' onClick={onRemoveClick} />
+    </S.Wrapper>
+  )
+}
+
+export default ArrayController
diff --git a/packages/app/src/features/student/atoms/ArrayController/style.ts b/packages/app/src/features/student/atoms/ArrayController/style.ts
new file mode 100644
index 00000000..3bbb8ce4
--- /dev/null
+++ b/packages/app/src/features/student/atoms/ArrayController/style.ts
@@ -0,0 +1,7 @@
+import styled from '@emotion/styled'
+
+export const Wrapper = styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`
diff --git a/packages/app/src/features/student/atoms/BooleanInput/index.tsx b/packages/app/src/features/student/atoms/BooleanInput/index.tsx
new file mode 100644
index 00000000..f7e63edb
--- /dev/null
+++ b/packages/app/src/features/student/atoms/BooleanInput/index.tsx
@@ -0,0 +1,36 @@
+import { SegmentedControl } from '@sms/shared'
+import { useFormContext } from 'react-hook-form'
+import ErrorWrapper from '@sms/shared/src/atoms/ErrorWrapper'
+import { ErrorMessage } from '@hookform/error-message'
+import type { Field } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+interface Props {
+  field: Field
+  name: string
+}
+
+const BooleanInput = ({ field, name }: Props) => {
+  const {
+    register,
+    formState: { errors },
+  } = useFormContext()
+
+  return (
+    <ErrorWrapper error={<ErrorMessage name={name} errors={errors} />}>
+      <SegmentedControl.Root {...register(name)}>
+        {
+          field.values?.map((value) => (
+            <SegmentedControl.Option
+              key={value.selectId}
+              value={value.selectId}
+            >
+              {value.value}
+            </SegmentedControl.Option>
+          )) as []
+        }
+      </SegmentedControl.Root>
+    </ErrorWrapper>
+  )
+}
+
+export default BooleanInput
diff --git a/packages/app/src/features/student/atoms/FileUpload/index.tsx b/packages/app/src/features/student/atoms/FileUpload/index.tsx
new file mode 100644
index 00000000..ec84cefe
--- /dev/null
+++ b/packages/app/src/features/student/atoms/FileUpload/index.tsx
@@ -0,0 +1,52 @@
+import usePostFileMutation from '@features/register/queries/usePostFileMutation'
+import { DescriptionWrapper, FileInput, ErrorWrapper } from '@sms/shared'
+import { ChangeEvent } from 'react'
+import { ErrorMessage } from '@hookform/error-message'
+import { useFormContext } from 'react-hook-form'
+import type { Field } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+interface Props {
+  name: string
+  field: Field
+  onChange: (value?: string) => void
+  onBlur?: () => void
+}
+
+const FileUpload = ({ name, field, onChange, onBlur }: Props) => {
+  const {
+    formState: { errors },
+  } = useFormContext()
+
+  const { mutateAsync } = usePostFileMutation({
+    onSuccess: (data) => {
+      onChange(data)
+    },
+  })
+
+  const onUpload = async (e: ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0]
+    if (!file) return undefined
+
+    try {
+      await mutateAsync({ file, isImage: file.type.includes('image') })
+      return file.name
+    } catch (e) {
+      return undefined
+    }
+  }
+
+  return (
+    <DescriptionWrapper description={field.scoreDescription}>
+      <ErrorWrapper error={<ErrorMessage name={name} errors={errors} />}>
+        <FileInput
+          name={name}
+          placeholder={field.placeholder}
+          onChange={onUpload}
+          onBlur={onBlur}
+        />
+      </ErrorWrapper>
+    </DescriptionWrapper>
+  )
+}
+
+export default FileUpload
diff --git a/packages/app/src/features/student/atoms/NumberInput/index.tsx b/packages/app/src/features/student/atoms/NumberInput/index.tsx
new file mode 100644
index 00000000..3abf0457
--- /dev/null
+++ b/packages/app/src/features/student/atoms/NumberInput/index.tsx
@@ -0,0 +1,33 @@
+import { DescriptionWrapper, Input, ErrorWrapper } from '@sms/shared'
+import { useFormContext } from 'react-hook-form'
+import { ErrorMessage } from '@hookform/error-message'
+import type { Field } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+interface Props {
+  field: Field
+  name: string
+}
+
+const NumberInput = ({ field, name }: Props) => {
+  const {
+    register,
+    formState: { errors },
+  } = useFormContext()
+
+  return (
+    <DescriptionWrapper description={field.scoreDescription}>
+      <ErrorWrapper error={<ErrorMessage name={name} errors={errors} />}>
+        <Input
+          {...register(name, {})}
+          placeholder={field.placeholder}
+          type='number'
+          onWheel={(e) => {
+            e.currentTarget.blur()
+          }}
+        />
+      </ErrorWrapper>
+    </DescriptionWrapper>
+  )
+}
+
+export default NumberInput
diff --git a/packages/app/src/features/student/atoms/SelectInput/index.tsx b/packages/app/src/features/student/atoms/SelectInput/index.tsx
new file mode 100644
index 00000000..c1b0f956
--- /dev/null
+++ b/packages/app/src/features/student/atoms/SelectInput/index.tsx
@@ -0,0 +1,53 @@
+import { DescriptionWrapper, NewSelect, ErrorWrapper } from '@sms/shared'
+import { Controller, useFormContext } from 'react-hook-form'
+import { ErrorMessage } from '@hookform/error-message'
+import type { Field } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+interface Props {
+  field: Field
+  name: string
+}
+
+const SelectInput = ({ field, name }: Props) => {
+  const {
+    control,
+    formState: { errors },
+  } = useFormContext()
+
+  return (
+    <DescriptionWrapper description={field.scoreDescription}>
+      <ErrorWrapper error={<ErrorMessage name={name} errors={errors} />}>
+        <Controller
+          name={name}
+          control={control}
+          render={({ field: { onChange, value, onBlur } }) => (
+            <NewSelect.Root
+              onValueChange={onChange}
+              value={value}
+              onBlur={onBlur}
+            >
+              <NewSelect.SelectTrigger>
+                <NewSelect.SelectValue placeholder={field.placeholder} />
+              </NewSelect.SelectTrigger>
+
+              <NewSelect.SelectContent>
+                {
+                  field.values?.map((value) => (
+                    <NewSelect.SelectItem
+                      key={value.selectId}
+                      value={value.selectId}
+                    >
+                      {value.value}
+                    </NewSelect.SelectItem>
+                  )) as []
+                }
+              </NewSelect.SelectContent>
+            </NewSelect.Root>
+          )}
+        />
+      </ErrorWrapper>
+    </DescriptionWrapper>
+  )
+}
+
+export default SelectInput
diff --git a/packages/app/src/features/student/atoms/TextInput/index.tsx b/packages/app/src/features/student/atoms/TextInput/index.tsx
new file mode 100644
index 00000000..78e5c7a8
--- /dev/null
+++ b/packages/app/src/features/student/atoms/TextInput/index.tsx
@@ -0,0 +1,26 @@
+import { DescriptionWrapper, Input, ErrorWrapper } from '@sms/shared'
+import { useFormContext } from 'react-hook-form'
+import { ErrorMessage } from '@hookform/error-message'
+import type { Field } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+interface Props {
+  field: Field
+  name: string
+}
+
+const TextInput = ({ field, name }: Props) => {
+  const {
+    register,
+    formState: { errors },
+  } = useFormContext()
+
+  return (
+    <DescriptionWrapper description={field.scoreDescription}>
+      <ErrorWrapper error={<ErrorMessage name={name} errors={errors} />}>
+        <Input {...register(name)} placeholder={field.placeholder} />
+      </ErrorWrapper>
+    </DescriptionWrapper>
+  )
+}
+
+export default TextInput
diff --git a/packages/app/src/features/student/dtos/common/SectionTypeSchema.ts b/packages/app/src/features/student/dtos/common/SectionTypeSchema.ts
new file mode 100644
index 00000000..244b1c4b
--- /dev/null
+++ b/packages/app/src/features/student/dtos/common/SectionTypeSchema.ts
@@ -0,0 +1,10 @@
+import { z } from 'zod'
+
+export const FieldTypeSchema = z.enum([
+  'SELECT',
+  'BOOLEAN',
+  'TEXT',
+  'NUMBER',
+  'FILE',
+])
+export type FieldType = z.infer<typeof FieldTypeSchema>
diff --git a/packages/app/src/features/student/dtos/form/AuthenticationFormDto.ts b/packages/app/src/features/student/dtos/form/AuthenticationFormDto.ts
new file mode 100644
index 00000000..28cd6c8e
--- /dev/null
+++ b/packages/app/src/features/student/dtos/form/AuthenticationFormDto.ts
@@ -0,0 +1,48 @@
+import { z } from 'zod'
+import { FieldTypeSchema } from '@features/student/dtos/common/SectionTypeSchema'
+
+export const ValueFieldSchema = z.object({
+  fieldId: z.string(),
+  fieldType: z.enum([
+    FieldTypeSchema.enum.TEXT,
+    FieldTypeSchema.enum.FILE,
+    FieldTypeSchema.enum.NUMBER,
+  ]),
+  value: z.string().min(1, { message: '값을 입력해주세요' }),
+})
+export type ValueFieldType = z.infer<typeof ValueFieldSchema>
+
+export const SelectIdFieldSchema = z.object({
+  fieldId: z.string(),
+  fieldType: z.enum([
+    FieldTypeSchema.enum.SELECT,
+    FieldTypeSchema.enum.BOOLEAN,
+  ]),
+  selectId: z.string().min(1, { message: '값을 입력해주세요' }),
+})
+export type SelectIdField = z.infer<typeof SelectIdFieldSchema>
+
+export const FieldSchema = z.union([ValueFieldSchema, SelectIdFieldSchema])
+export type Field = z.infer<typeof FieldSchema>
+
+export const GroupSchema = z.object({
+  groupId: z.string(),
+  fields: z.array(z.array(FieldSchema)),
+})
+export type Group = z.infer<typeof GroupSchema>
+
+export const SectionSchema = z.object({
+  sectionId: z.string(),
+  groups: z.array(GroupSchema),
+})
+export type Section = z.infer<typeof SectionSchema>
+
+export const ContentSchema = z.object({
+  sections: z.array(SectionSchema),
+})
+export type Content = z.infer<typeof ContentSchema>
+
+export const AuthenticationFormDtoSchema = z.object({
+  contents: z.array(ContentSchema),
+})
+export type AuthenticationFormDto = z.infer<typeof AuthenticationFormDtoSchema>
diff --git a/packages/app/src/features/student/dtos/req/AuthenticationFormReqDto.ts b/packages/app/src/features/student/dtos/req/AuthenticationFormReqDto.ts
new file mode 100644
index 00000000..e75068dc
--- /dev/null
+++ b/packages/app/src/features/student/dtos/req/AuthenticationFormReqDto.ts
@@ -0,0 +1,45 @@
+import { z } from 'zod'
+import { FieldTypeSchema } from '@features/student/dtos/common/SectionTypeSchema'
+
+export const ValueFieldSchema = z.object({
+  fieldId: z.string(),
+  fieldType: z.enum([
+    FieldTypeSchema.enum.TEXT,
+    FieldTypeSchema.enum.FILE,
+    FieldTypeSchema.enum.NUMBER,
+  ]),
+  value: z.string().min(1, { message: '값을 입력해주세요' }),
+})
+export type ValueFieldType = z.infer<typeof ValueFieldSchema>
+
+export const SelectIdFieldSchema = z.object({
+  fieldId: z.string(),
+  fieldType: z.enum([
+    FieldTypeSchema.enum.SELECT,
+    FieldTypeSchema.enum.BOOLEAN,
+  ]),
+  selectId: z.string().min(1, { message: '값을 입력해주세요' }),
+})
+export type SelectIdField = z.infer<typeof SelectIdFieldSchema>
+
+export const FieldSchema = z.union([ValueFieldSchema, SelectIdFieldSchema])
+export type Field = z.infer<typeof FieldSchema>
+
+export const ObjectElementSchema = z.object({
+  groupId: z.string(),
+  fields: z.array(FieldSchema),
+})
+export type ObjectElement = z.infer<typeof ObjectElementSchema>
+
+export const ContentSchema = z.object({
+  sectionId: z.string(),
+  objects: z.array(ObjectElementSchema),
+})
+export type Content = z.infer<typeof ContentSchema>
+
+export const AuthenticationFormReqDtoSchema = z.object({
+  contents: z.array(ContentSchema),
+})
+export type AuthenticationFormReqDto = z.infer<
+  typeof AuthenticationFormReqDtoSchema
+>
diff --git a/packages/app/src/features/student/dtos/res/AuthenticationFromResDto.ts b/packages/app/src/features/student/dtos/res/AuthenticationFromResDto.ts
new file mode 100644
index 00000000..5d99c856
--- /dev/null
+++ b/packages/app/src/features/student/dtos/res/AuthenticationFromResDto.ts
@@ -0,0 +1,52 @@
+import { z } from 'zod'
+import { FieldTypeSchema } from '@features/student/dtos/common/SectionTypeSchema'
+
+export const ValueSchema = z.object({
+  selectId: z.string(),
+  value: z.string(),
+})
+export type Value = z.infer<typeof ValueSchema>
+
+export const FileSchema = z.object({
+  name: z.string(),
+  url: z.string(),
+})
+export type File = z.infer<typeof FileSchema>
+
+export const FieldSchema = z.object({
+  fieldId: z.string(),
+  fieldType: FieldTypeSchema,
+  scoreDescription: z.string(),
+  values: z.array(ValueSchema).nullable(),
+  placeholder: z.string(),
+})
+export type Field = z.infer<typeof FieldSchema>
+
+export const GroupSchema = z.object({
+  groupId: z.string(),
+  maxScore: z.number(),
+  fields: z.array(FieldSchema),
+})
+export type Group = z.infer<typeof GroupSchema>
+
+export const SectionSchema = z.object({
+  sectionId: z.string(),
+  sectionName: z.string(),
+  maxCount: z.number(),
+  groups: z.array(GroupSchema),
+})
+export type Section = z.infer<typeof SectionSchema>
+
+export const ContentSchema = z.object({
+  title: z.string(),
+  sections: z.array(SectionSchema),
+})
+export type Content = z.infer<typeof ContentSchema>
+
+export const AuthenticationFormResDtoSchema = z.object({
+  files: z.array(FileSchema),
+  contents: z.array(ContentSchema),
+})
+export type AuthenticationFormResDto = z.infer<
+  typeof AuthenticationFormResDtoSchema
+>
diff --git a/packages/app/src/features/student/dtos/res/AuthenticationVerifyResDto.ts b/packages/app/src/features/student/dtos/res/AuthenticationVerifyResDto.ts
new file mode 100644
index 00000000..cde7dc98
--- /dev/null
+++ b/packages/app/src/features/student/dtos/res/AuthenticationVerifyResDto.ts
@@ -0,0 +1,16 @@
+import z from 'zod'
+
+export const AuthenticationVerifyResDtoSchema = z.object({
+  name: z.string(),
+  score: z.number(),
+  grader: z.string(),
+  markingBoardType: z.enum([
+    'NOT_SUBMITTED',
+    'PENDING_REVIEW',
+    'UNDER_REVIEW',
+    'COMPLETED',
+  ]),
+})
+export type AuthenticationVerifyResDto = z.infer<
+  typeof AuthenticationVerifyResDtoSchema
+>
diff --git a/packages/app/src/features/student/hooks/useAuthenticationForm.tsx b/packages/app/src/features/student/hooks/useAuthenticationForm.tsx
new file mode 100644
index 00000000..09df0fd1
--- /dev/null
+++ b/packages/app/src/features/student/hooks/useAuthenticationForm.tsx
@@ -0,0 +1,37 @@
+import { useRouter } from 'next/router'
+import { useForm } from 'react-hook-form'
+import usePostAuthenticationFormMutation from '@features/student/queries/usePostAuthenticationFormMutation'
+import {
+  AuthenticationFormDto,
+  AuthenticationFormDtoSchema,
+} from '@features/student/dtos/form/AuthenticationFormDto'
+import ResToAuthenticationForm from '@features/student/lib/ResToAuthenticationForm'
+import { zodResolver } from '@hookform/resolvers/zod'
+import formToAuthenticationFormReq from '@features/student/lib/formToAuthenticationFormReq'
+import { AuthenticationFormResDto } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+interface Props {
+  data?: AuthenticationFormResDto
+}
+
+const useAuthenticationForm = ({ data }: Props) => {
+  const router = useRouter()
+  const { mutate, isPending } = usePostAuthenticationFormMutation({
+    onSuccess: () => {
+      router.push('/')
+    },
+  })
+
+  const methods = useForm<AuthenticationFormDto>({
+    values: data ? ResToAuthenticationForm(data) : undefined,
+    resolver: zodResolver(AuthenticationFormDtoSchema),
+  })
+
+  const onSubmit = methods.handleSubmit(async (data) => {
+    mutate(formToAuthenticationFormReq(data))
+  })
+
+  return { onSubmit, methods, isPending }
+}
+
+export default useAuthenticationForm
diff --git a/packages/app/src/features/student/hooks/useAuthenticationRedirect.tsx b/packages/app/src/features/student/hooks/useAuthenticationRedirect.tsx
new file mode 100644
index 00000000..d211a151
--- /dev/null
+++ b/packages/app/src/features/student/hooks/useAuthenticationRedirect.tsx
@@ -0,0 +1,14 @@
+import { useRouter } from 'next/router'
+
+const useAuthenticationRedirect = () => {
+  const router = useRouter()
+  const redirectAuthentication = () => {
+    router.push('/authentication')
+  }
+
+  return {
+    redirectAuthentication,
+  }
+}
+
+export default useAuthenticationRedirect
diff --git a/packages/app/src/features/student/lib/ResToAuthenticationForm.ts b/packages/app/src/features/student/lib/ResToAuthenticationForm.ts
new file mode 100644
index 00000000..4cd66c4c
--- /dev/null
+++ b/packages/app/src/features/student/lib/ResToAuthenticationForm.ts
@@ -0,0 +1,30 @@
+import {
+  AuthenticationFormDto,
+  Content,
+} from '@features/student/dtos/form/AuthenticationFormDto'
+import { AuthenticationFormResDto } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+const ResToAuthenticationForm = (
+  data: AuthenticationFormResDto
+): AuthenticationFormDto => {
+  return {
+    contents: data.contents.map<Content>((content) => ({
+      sections: content.sections.map((section) => ({
+        sectionId: section.sectionId,
+        groups: section.groups.map((group) => ({
+          groupId: group.groupId,
+          fields: [
+            group.fields.map((field) => ({
+              fieldId: field.fieldId,
+              fieldType: field.fieldType,
+              value: '',
+              selectId: '',
+            })),
+          ],
+        })),
+      })),
+    })),
+  }
+}
+
+export default ResToAuthenticationForm
diff --git a/packages/app/src/features/student/lib/formToAuthenticationFormReq.ts b/packages/app/src/features/student/lib/formToAuthenticationFormReq.ts
new file mode 100644
index 00000000..fa7290ee
--- /dev/null
+++ b/packages/app/src/features/student/lib/formToAuthenticationFormReq.ts
@@ -0,0 +1,33 @@
+import {
+  AuthenticationFormReqDto,
+  Content,
+  Field,
+} from '@features/student/dtos/req/AuthenticationFormReqDto'
+import { AuthenticationFormDto } from '@features/student/dtos/form/AuthenticationFormDto'
+
+const formToAuthenticationFormReq = (
+  form: AuthenticationFormDto
+): AuthenticationFormReqDto => {
+  const contents = form.contents.reduce<Content[]>((prev, curr) => {
+    const sections = curr.sections.map((section) => ({
+      sectionId: section.sectionId,
+
+      objects: section.groups.map((group) => ({
+        groupId: group.groupId,
+        fields: group.fields.reduce((prev, curr) => {
+          prev.push(...curr)
+          return prev
+        }, [] as Field[]),
+      })),
+    }))
+
+    prev.push(...sections)
+    return prev
+  }, [] as Content[])
+
+  return {
+    contents,
+  }
+}
+
+export default formToAuthenticationFormReq
diff --git a/packages/app/src/features/student/molecules/AuthenticationArrayField/index.tsx b/packages/app/src/features/student/molecules/AuthenticationArrayField/index.tsx
new file mode 100644
index 00000000..08e4b342
--- /dev/null
+++ b/packages/app/src/features/student/molecules/AuthenticationArrayField/index.tsx
@@ -0,0 +1,123 @@
+import { CertificationForm, Chip } from '@sms/shared'
+import { Group } from '@features/student/dtos/res/AuthenticationFromResDto'
+import { useFieldArray, useFormContext, Controller } from 'react-hook-form'
+import TextInput from '@features/student/atoms/TextInput'
+import ArrayController from '@features/student/atoms/ArrayController'
+import { Fragment } from 'react'
+import BooleanInput from '@features/student/atoms/BooleanInput'
+import NumberInput from '@features/student/atoms/NumberInput'
+import SelectInput from '@features/student/atoms/SelectInput'
+import FileUpload from '@features/student/atoms/FileUpload'
+import { Field } from '@features/student/dtos/form/AuthenticationFormDto'
+
+interface Props {
+  group: Group
+  maxCount: number
+  sectionName: string
+  sectionIndex: number
+  contentIndex: number
+  groupIndex: number
+}
+
+const AuthenticationArrayField = ({
+  group,
+  maxCount,
+  sectionName,
+  sectionIndex,
+  contentIndex,
+  groupIndex,
+}: Props) => {
+  const { control } = useFormContext()
+
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: `contents.${contentIndex}.sections.${sectionIndex}.groups.${groupIndex}.fields`,
+  })
+
+  const arrayDefaultValue: Field[][] = [
+    group.fields.map((field) => ({
+      fieldId: field.fieldId,
+      fieldType: field.fieldType,
+      selectId: '',
+      value: '',
+    })),
+  ]
+
+  return (
+    <CertificationForm.Field label={sectionName}>
+      {fields.map((arrayField, arrayIndex) => (
+        <Fragment key={arrayField.id}>
+          {group.fields.map((field, fieldIndex) => {
+            const name = `contents.${contentIndex}.sections.${sectionIndex}.groups.${groupIndex}.fields.${arrayIndex}.${fieldIndex}`
+
+            if (field.fieldType === 'BOOLEAN')
+              return (
+                <BooleanInput
+                  key={field.fieldId}
+                  field={field}
+                  name={`${name}.selectId`}
+                />
+              )
+
+            if (field.fieldType === 'NUMBER')
+              return (
+                <NumberInput
+                  key={field.fieldId}
+                  name={`${name}.value`}
+                  field={field}
+                />
+              )
+
+            if (field.fieldType === 'TEXT')
+              return (
+                <TextInput
+                  key={field.fieldId}
+                  field={field}
+                  name={`${name}.value`}
+                />
+              )
+
+            if (field.fieldType === 'SELECT')
+              return (
+                <SelectInput
+                  key={field.fieldId}
+                  field={field}
+                  name={`${name}.selectId`}
+                />
+              )
+
+            if (field.fieldType === 'FILE')
+              return (
+                <Controller
+                  name={`${name}.value`}
+                  control={control}
+                  key={field.fieldId}
+                  render={({ field: { name, onChange, onBlur } }) => (
+                    <FileUpload
+                      name={name}
+                      field={field}
+                      onChange={onChange}
+                      onBlur={onBlur}
+                    />
+                  )}
+                />
+              )
+
+            return null
+          })}
+          <ArrayController
+            disableAdd={maxCount <= fields.length}
+            onAddClick={() => append(arrayDefaultValue)}
+            onRemoveClick={() => remove(arrayIndex)}
+          />
+        </Fragment>
+      ))}
+
+      {fields.length <= 0 && (
+        <Chip onClick={() => append(arrayDefaultValue)}>추가</Chip>
+      )}
+    </CertificationForm.Field>
+  )
+}
+
+export default AuthenticationArrayField
diff --git a/packages/app/src/features/student/molecules/AuthenticationField/index.tsx b/packages/app/src/features/student/molecules/AuthenticationField/index.tsx
new file mode 100644
index 00000000..b8d73e76
--- /dev/null
+++ b/packages/app/src/features/student/molecules/AuthenticationField/index.tsx
@@ -0,0 +1,91 @@
+import { Controller, useFormContext } from 'react-hook-form'
+import { CertificationForm } from '@sms/shared'
+import BooleanInput from '@features/student/atoms/BooleanInput'
+import FileUpload from '@features/student/atoms/FileUpload'
+import TextInput from '@features/student/atoms/TextInput'
+import NumberInput from '@features/student/atoms/NumberInput'
+import SelectInput from '@features/student/atoms/SelectInput'
+import { Group } from '@features/student/dtos/res/AuthenticationFromResDto'
+
+interface Props {
+  group: Group
+  sectionName: string
+  sectionIndex: number
+  contentIndex: number
+  groupIndex: number
+}
+
+const AuthenticationField = ({
+  group,
+  sectionName,
+  sectionIndex,
+  contentIndex,
+  groupIndex,
+}: Props) => {
+  const { control } = useFormContext()
+
+  return (
+    <CertificationForm.Field label={sectionName}>
+      {group.fields.map((field, fieldIndex) => {
+        const name = `contents.${contentIndex}.sections.${sectionIndex}.groups.${groupIndex}.fields.0.${fieldIndex}`
+
+        if (field.fieldType === 'BOOLEAN')
+          return (
+            <BooleanInput
+              key={field.fieldId}
+              field={field}
+              name={`${name}.selectId`}
+            />
+          )
+
+        if (field.fieldType === 'NUMBER')
+          return (
+            <NumberInput
+              key={field.fieldId}
+              field={field}
+              name={`${name}.value`}
+            />
+          )
+
+        if (field.fieldType === 'TEXT')
+          return (
+            <TextInput
+              key={field.fieldId}
+              field={field}
+              name={`${name}.value`}
+            />
+          )
+
+        if (field.fieldType === 'SELECT')
+          return (
+            <SelectInput
+              key={field.fieldId}
+              field={field}
+              name={`${name}.selectId`}
+            />
+          )
+
+        if (field.fieldType === 'FILE')
+          return (
+            <Controller
+              name={`${name}.value`}
+              control={control}
+              key={field.fieldId}
+              render={({ field: { name, onChange, onBlur } }) => (
+                <FileUpload
+                  name={name}
+                  field={field}
+                  onChange={onChange}
+                  onBlur={onBlur}
+                />
+              )}
+            />
+          )
+
+        return null
+      })}
+    </CertificationForm.Field>
+  )
+}
+
+export default AuthenticationField
diff --git a/packages/app/src/features/student/molecules/GSMInfo/index.tsx b/packages/app/src/features/student/molecules/GSMInfo/index.tsx
deleted file mode 100644
index f3375638..00000000
--- a/packages/app/src/features/student/molecules/GSMInfo/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import useModifyProfile from '@features/student/hooks/useModifyProfile'
-import { AuthenticationInputs } from '@features/register/molecules'
-import { RegisterFormType } from '@features/register/type'
-import * as S from './style'
-
-interface Props {
-  defaultValue?: Partial<RegisterFormType>
-}
-
-const GSMInfoForm = ({ defaultValue }: Props) => {
-  const {
-    control,
-    register,
-    onSubmit,
-    errors,
-    setError,
-    setValue,
-    watch,
-    clearErrors,
-  } = useModifyProfile({ defaultValue })
-
-  return (
-    <S.Wrapper onSubmit={onSubmit}>
-      <S.Title>인증제</S.Title>
-      <AuthenticationInputs
-        idx={1}
-        control={control}
-        register={register}
-        errors={errors}
-        setValue={setValue}
-        watch={watch}
-        setError={setError}
-        clearErrors={clearErrors}
-      />
-
-      <S.ButtonWrapper>
-        <S.SubmitBtn type='submit'>채점요청</S.SubmitBtn>
-      </S.ButtonWrapper>
-    </S.Wrapper>
-  )
-}
-
-export default GSMInfoForm
diff --git a/packages/app/src/features/student/molecules/GSMInfo/style.ts b/packages/app/src/features/student/molecules/GSMInfo/style.ts
deleted file mode 100644
index 6d3dbed3..00000000
--- a/packages/app/src/features/student/molecules/GSMInfo/style.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Button } from '@sms/shared'
-import styled from '@emotion/styled'
-
-export const Wrapper = styled.form`
-  max-width: 44rem;
-  margin: 4.87rem auto 7.25rem;
-  width: 100%;
-
-  @media (max-width: 41.5rem) {
-    margin: 1.88rem auto 7.25rem;
-  }
-`
-
-export const Title = styled.h2`
-  ${({ theme }) => theme.headline3}
-  margin-bottom: 1.5rem;
-
-  @media (max-width: 44rem) {
-    padding: 0 1.25rem;
-  }
-`
-
-export const ButtonWrapper = styled.div`
-  width: 100%;
-  display: flex;
-
-  @media (max-width: 44rem) {
-    justify-content: center;
-
-    button {
-      max-width: 90%;
-    }
-  }
-`
-
-export const SubmitBtn = styled(Button)`
-  max-width: 11.75rem;
-`
diff --git a/packages/app/src/features/student/organisms/AuthenticationForm/index.tsx b/packages/app/src/features/student/organisms/AuthenticationForm/index.tsx
new file mode 100644
index 00000000..292ac2cf
--- /dev/null
+++ b/packages/app/src/features/student/organisms/AuthenticationForm/index.tsx
@@ -0,0 +1,82 @@
+import { CertificationForm, DownloadList } from '@sms/shared'
+import { AuthenticationFormResDto } from '@features/student/dtos/res/AuthenticationFromResDto'
+import { saveAs } from 'file-saver'
+import { FormProvider } from 'react-hook-form'
+import AuthenticationField from '@features/student/molecules/AuthenticationField'
+import AuthenticationArrayField from '@features/student/molecules/AuthenticationArrayField'
+import useAuthenticationForm from '@features/student/hooks/useAuthenticationForm'
+import { Fragment } from 'react'
+import * as S from './style'
+
+interface Props {
+  data?: AuthenticationFormResDto
+}
+
+const AuthenticationForm = ({ data }: Props) => {
+  const { methods, onSubmit, isPending } = useAuthenticationForm({ data })
+
+  return (
+    <FormProvider {...methods}>
+      <S.Wrapper onSubmit={onSubmit}>
+        {!!data?.files.length && (
+          <DownloadList>
+            {data?.files.map((file) => (
+              <DownloadList.File
+                key={file.name}
+                filename={file.name}
+                onClick={() => saveAs(file.url)}
+              />
+            ))}
+          </DownloadList>
+        )}
+
+        {data?.contents.map((content, contentIndex) => (
+          <CertificationForm key={content.title}>
+            <CertificationForm.Header>
+              <CertificationForm.Title>{content.title}</CertificationForm.Title>
+            </CertificationForm.Header>
+
+            {content.sections.map((section, sectionIndex) => (
+              <Fragment key={section.sectionId}>
+                {section.groups.map((group, groupIndex) => {
+                  if (section.maxCount > 1) {
+                    return (
+                      <AuthenticationArrayField
+                        key={group.groupId}
+                        group={group}
+                        maxCount={section.maxCount}
+                        sectionName={section.sectionName}
+                        contentIndex={contentIndex}
+                        sectionIndex={sectionIndex}
+                        groupIndex={groupIndex}
+                      />
+                    )
+                  }
+
+                  return (
+                    <AuthenticationField
+                      key={group.groupId}
+                      group={group}
+                      sectionName={section.sectionName}
+                      contentIndex={contentIndex}
+                      sectionIndex={sectionIndex}
+                      groupIndex={groupIndex}
+                    />
+                  )
+                })}
+              </Fragment>
+            ))}
+          </CertificationForm>
+        ))}
+
+        <S.Bottom>
+          <S.SubmitButton disabled={isPending} type='submit'>
+            저장
+          </S.SubmitButton>
+        </S.Bottom>
+      </S.Wrapper>
+    </FormProvider>
+  )
+}
+
+export default AuthenticationForm
diff --git a/packages/app/src/features/student/organisms/AuthenticationForm/style.ts b/packages/app/src/features/student/organisms/AuthenticationForm/style.ts
new file mode 100644
index 00000000..402412ef
--- /dev/null
+++ b/packages/app/src/features/student/organisms/AuthenticationForm/style.ts
@@ -0,0 +1,26 @@
+import styled from '@emotion/styled'
+import { Button } from '@sms/shared'
+
+export const Wrapper = styled.form`
+  max-width: 44rem;
+  width: 100%;
+  margin: 4.87rem auto 7.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+`
+
+export const Bottom = styled.footer`
+  @media (max-width: 41.5rem) {
+    padding: 0 1.25rem;
+  }
+`
+
+export const SubmitButton = styled(Button)`
+  ${({ theme }) => theme.body1}
+  width: 11rem;
+
+  @media (max-width: 41.5rem) {
+    width: 100%;
+  }
+`
diff --git a/packages/app/src/features/student/queries/useAuthenticationFormQuery.tsx b/packages/app/src/features/student/queries/useAuthenticationFormQuery.tsx
new file mode 100644
index 00000000..5be6342d
--- /dev/null
+++ b/packages/app/src/features/student/queries/useAuthenticationFormQuery.tsx
@@ -0,0 +1,12 @@
+import { useQuery } from '@tanstack/react-query'
+import fetchAuthenticationForm from '@features/student/service/fetchAuthenticationForm'
+
+const useAuthenticationFormQuery = () => {
+  return useQuery({
+    queryKey: ['authentication-form'],
+    queryFn: fetchAuthenticationForm,
+    refetchOnWindowFocus: false,
+  })
+}
+
+export default useAuthenticationFormQuery
diff --git a/packages/app/src/features/student/queries/useAuthenticationVerify.tsx b/packages/app/src/features/student/queries/useAuthenticationVerify.tsx
new file mode 100644
index 00000000..f688ce68
--- /dev/null
+++ b/packages/app/src/features/student/queries/useAuthenticationVerify.tsx
@@ -0,0 +1,12 @@
+import { useQuery } from '@tanstack/react-query'
+import authenticationVerify from '@features/student/service/authenticationVerify'
+
+const useAuthenticationVerify = () => {
+  return useQuery({
+    queryKey: ['authentication-verify'],
+    queryFn: authenticationVerify,
+    retry: false,
+  })
+}
+
+export default useAuthenticationVerify
diff --git a/packages/app/src/features/student/queries/usePostAuthenticationFormMutation.tsx b/packages/app/src/features/student/queries/usePostAuthenticationFormMutation.tsx
new file mode 100644
index 00000000..e39aa65a
--- /dev/null
+++ b/packages/app/src/features/student/queries/usePostAuthenticationFormMutation.tsx
@@ -0,0 +1,15 @@
+import { UseMutationOptions, useMutation } from '@tanstack/react-query'
+import postAuthenticationForm from '@features/student/service/postAuthenticationForm'
+import { AuthenticationFormReqDto } from '@features/student/dtos/req/AuthenticationFormReqDto'
+
+const usePostAuthenticationFormMutation = (
+  props: UseMutationOptions<unknown, Error, AuthenticationFormReqDto, unknown>
+) => {
+  return useMutation({
+    mutationKey: ['post-authentication-form'],
+    mutationFn: postAuthenticationForm,
+    ...props,
+  })
+}
+
+export default usePostAuthenticationFormMutation
diff --git a/packages/app/src/features/student/service/authenticationVerify.ts b/packages/app/src/features/student/service/authenticationVerify.ts
new file mode 100644
index 00000000..0a25dee1
--- /dev/null
+++ b/packages/app/src/features/student/service/authenticationVerify.ts
@@ -0,0 +1,11 @@
+import { axiosApi } from '@api'
+import { AuthenticationVerifyResDto } from '@features/student/dtos/res/AuthenticationVerifyResDto'
+
+const authenticationVerify = async () => {
+  const { data } = await axiosApi.get<AuthenticationVerifyResDto>(
+    `api/server/authentication/verify`
+  )
+  return data
+}
+
+export default authenticationVerify
diff --git a/packages/app/src/features/student/service/fetchAuthenticationForm.ts b/packages/app/src/features/student/service/fetchAuthenticationForm.ts
new file mode 100644
index 00000000..27e801e8
--- /dev/null
+++ b/packages/app/src/features/student/service/fetchAuthenticationForm.ts
@@ -0,0 +1,21 @@
+import { axiosApi } from '@api'
+import {
+  AuthenticationFormResDto,
+  AuthenticationFormResDtoSchema,
+} from '@features/student/dtos/res/AuthenticationFromResDto'
+
+const fetchAuthenticationForm = async () => {
+  try {
+    const { data } = await axiosApi.get<AuthenticationFormResDto>(
+      `/api/server/authentication/form`
+    )
+
+    const { data: result } = AuthenticationFormResDtoSchema.safeParse(data)
+
+    return result
+  } catch (e) {
+    return null
+  }
+}
+
+export default fetchAuthenticationForm
diff --git a/packages/app/src/features/student/service/postAuthenticationForm.ts b/packages/app/src/features/student/service/postAuthenticationForm.ts
new file mode 100644
index 00000000..d4468a74
--- /dev/null
+++ b/packages/app/src/features/student/service/postAuthenticationForm.ts
@@ -0,0 +1,8 @@
+import { axiosApi } from '@api'
+import { AuthenticationFormReqDto } from '@features/student/dtos/req/AuthenticationFormReqDto'
+
+const postAuthenticationForm = async (data: AuthenticationFormReqDto) => {
+  await axiosApi.post(`/api/server/authentication/submit`, data)
+}
+
+export default postAuthenticationForm
diff --git a/packages/app/src/features/student/templates/AuthenticationFormTemplate/index.tsx b/packages/app/src/features/student/templates/AuthenticationFormTemplate/index.tsx
new file mode 100644
index 00000000..8512b723
--- /dev/null
+++ b/packages/app/src/features/student/templates/AuthenticationFormTemplate/index.tsx
@@ -0,0 +1,22 @@
+import Header from '@features/global/Header'
+import { NotFound } from '@features/global'
+import AuthenticationForm from '@features/student/organisms/AuthenticationForm'
+import { AuthenticationFormResDto } from '@features/student/dtos/res/AuthenticationFromResDto'
+import useAuthenticationFormQuery from '@features/student/queries/useAuthenticationFormQuery'
+import * as S from './style'
+
+const AuthenticationFormTemplate = () => {
+  const { data } = useAuthenticationFormQuery()
+
+  if (data === null) return <NotFound />
+
+  return (
+    <S.Wrapper>
+      <Header />
+
+      <AuthenticationForm data={data as AuthenticationFormResDto} />
+    </S.Wrapper>
+  )
+}
+
+export default AuthenticationFormTemplate
diff --git a/packages/app/src/features/student/templates/AuthenticationFormTemplate/style.ts b/packages/app/src/features/student/templates/AuthenticationFormTemplate/style.ts
new file mode 100644
index 00000000..cc410cf2
--- /dev/null
+++ b/packages/app/src/features/student/templates/AuthenticationFormTemplate/style.ts
@@ -0,0 +1,10 @@
+import styled from '@emotion/styled'
+
+export const Wrapper = styled.div`
+  width: 100%;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 3rem;
+  background: var(--N10);
+`
diff --git a/packages/app/src/features/student/templates/AuthenticationResultTemplate/index.tsx b/packages/app/src/features/student/templates/AuthenticationResultTemplate/index.tsx
new file mode 100644
index 00000000..de62010d
--- /dev/null
+++ b/packages/app/src/features/student/templates/AuthenticationResultTemplate/index.tsx
@@ -0,0 +1,38 @@
+import Header from '@features/global/Header'
+import { AuthenticationVerifyResDto } from '@features/student/dtos/res/AuthenticationVerifyResDto'
+import * as S from './style'
+
+interface Props {
+  data?: AuthenticationVerifyResDto
+}
+
+const AuthenticationResultTemplate = ({ data }: Props) => {
+  return (
+    <S.Wrapper>
+      <Header />
+
+      <S.Content>
+        <S.Title>인증제</S.Title>
+        <S.Section>
+          {data?.markingBoardType === 'COMPLETED' && (
+            <>
+              <S.Name>{data?.name}의 인증 점수는</S.Name>
+              <S.Score>{data?.score}점 입니다.</S.Score>
+              <S.Description>채점 : {data?.grader}선생님</S.Description>
+            </>
+          )}
+
+          {data?.markingBoardType === 'UNDER_REVIEW' && (
+            <S.Pending>{data?.name}의 인증제는 현재 채점 전입니다.</S.Pending>
+          )}
+
+          {data?.markingBoardType === 'PENDING_REVIEW' && (
+            <S.Pending>{data?.name}의 인증제는 현재 채점 중입니다.</S.Pending>
+          )}
+        </S.Section>
+      </S.Content>
+    </S.Wrapper>
+  )
+}
+
+export default AuthenticationResultTemplate
diff --git a/packages/app/src/features/student/templates/AuthenticationResultTemplate/style.ts b/packages/app/src/features/student/templates/AuthenticationResultTemplate/style.ts
new file mode 100644
index 00000000..42e66ac9
--- /dev/null
+++ b/packages/app/src/features/student/templates/AuthenticationResultTemplate/style.ts
@@ -0,0 +1,51 @@
+import styled from '@emotion/styled'
+
+export const Wrapper = styled.div`
+  width: 100%;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 3rem;
+  background: var(--N10);
+`
+
+export const Content = styled.div`
+  max-width: 44rem;
+  width: 100%;
+  margin: 4.87rem auto 7.25rem;
+`
+
+export const Title = styled.h1`
+  ${({ theme }) => theme.headline3}
+  margin-bottom: 1.25rem;
+`
+
+export const Section = styled.section`
+  background: #ffffff;
+  border-radius: 1rem;
+  padding: 2.5rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`
+
+export const Name = styled.h4`
+  ${({ theme }) => theme.title2}
+  margin-bottom: 0.25rem;
+`
+
+export const Score = styled.h1`
+  ${({ theme }) => theme.headline3}
+  color: var(--P2);
+  margin-bottom: 0.75rem;
+`
+
+export const Description = styled.p`
+  ${({ theme }) => theme.body2}
+  color: var(--N40);
+`
+
+export const Pending = styled.h4`
+  ${({ theme }) => theme.title2}
+  color: var(--N40);
+`
diff --git a/packages/app/src/features/student/templates/GSMInfoTemplate/index.tsx b/packages/app/src/features/student/templates/GSMInfoTemplate/index.tsx
deleted file mode 100644
index adf3150a..00000000
--- a/packages/app/src/features/student/templates/GSMInfoTemplate/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { RegisterFormType } from '@features/register/type'
-import GSMInfoForm from '@features/student/molecules/GSMInfo'
-import StudentExitButton from '@features/student/atoms/StudentExitButton'
-import Header from '@features/global/Header'
-import * as S from './style'
-
-interface Props {
-  defaultValue?: Partial<RegisterFormType>
-}
-
-const GSMInfoTemplate = ({ defaultValue }: Props) => {
-  return (
-    <S.Wrapper>
-      <Header />
-      <GSMInfoForm defaultValue={defaultValue} />
-      <StudentExitButton />
-    </S.Wrapper>
-  )
-}
-
-export default GSMInfoTemplate
diff --git a/packages/app/src/features/student/templates/GSMInfoTemplate/style.ts b/packages/app/src/features/student/templates/GSMInfoTemplate/style.ts
deleted file mode 100644
index 112ed3da..00000000
--- a/packages/app/src/features/student/templates/GSMInfoTemplate/style.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import styled from '@emotion/styled'
-
-export const Wrapper = styled.main`
-  min-height: 100%;
-  padding: 2.5rem 0;
-  margin: 0 auto;
-  background: var(--N10);
-  display: flex;
-  flex-direction: column;
-
-  @media (max-width: 41.5rem) {
-    padding: 0 0 2.5rem 0;
-  }
-`
diff --git a/packages/app/src/pages/authentication.tsx b/packages/app/src/pages/authentication.tsx
new file mode 100644
index 00000000..6874cb45
--- /dev/null
+++ b/packages/app/src/pages/authentication.tsx
@@ -0,0 +1,20 @@
+import { SEO } from '@features/global'
+import useAuthenticationVerify from '@features/student/queries/useAuthenticationVerify'
+import AuthenticationFormTemplate from '@features/student/templates/AuthenticationFormTemplate'
+import AuthenticationResultTemplate from '@features/student/templates/AuthenticationResultTemplate'
+
+const AuthenticationFormPage = () => {
+  const { data } = useAuthenticationVerify()
+
+  if (data?.markingBoardType !== 'NOT_SUBMITTED')
+    return <AuthenticationResultTemplate data={data} />
+
+  return (
+    <>
+      <SEO title='인증제 폼' />
+      <AuthenticationFormTemplate />
+    </>
+  )
+}
+
+export default AuthenticationFormPage
diff --git a/packages/app/src/pages/gsminfo.tsx b/packages/app/src/pages/gsminfo.tsx
deleted file mode 100644
index c6bb9e46..00000000
--- a/packages/app/src/pages/gsminfo.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { SEO } from '@features/global'
-import GSMInfoTemplate from '@features/student/templates/GSMInfoTemplate'
-
-const GSMInfoPage = () => {
-  return (
-    <>
-      <SEO title='인증제페이지' />
-      <GSMInfoTemplate />
-    </>
-  )
-}
-
-export default GSMInfoPage
diff --git a/packages/shared/src/atoms/DescriptionWrapper/index.stories.tsx b/packages/shared/src/atoms/DescriptionWrapper/index.stories.tsx
new file mode 100644
index 00000000..67f159d6
--- /dev/null
+++ b/packages/shared/src/atoms/DescriptionWrapper/index.stories.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import { Meta, StoryObj } from '@storybook/react'
+import DescriptionWrapper from './index'
+
+const config: Meta<typeof DescriptionWrapper> = {
+  title: 'DescriptionWrapper',
+  component: DescriptionWrapper,
+  args: {},
+}
+
+export default config
+
+type Story = StoryObj<typeof DescriptionWrapper>
+
+export const Primary: Story = {
+  args: {
+    children: <input />,
+  },
+}
diff --git a/packages/shared/src/atoms/DescriptionWrapper/index.tsx b/packages/shared/src/atoms/DescriptionWrapper/index.tsx
new file mode 100644
index 00000000..9457bd1c
--- /dev/null
+++ b/packages/shared/src/atoms/DescriptionWrapper/index.tsx
@@ -0,0 +1,18 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react'
+import * as S from './style'
+
+interface Props
+  extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+  description?: ReactNode
+}
+
+const DescriptionWrapper = ({ description, children, ...props }: Props) => {
+  return (
+    <div {...props}>
+      {children}
+      {description && <S.Description>{description}</S.Description>}
+    </div>
+  )
+}
+
+export default DescriptionWrapper
diff --git a/packages/shared/src/atoms/DescriptionWrapper/style.ts b/packages/shared/src/atoms/DescriptionWrapper/style.ts
new file mode 100644
index 00000000..abe1aee2
--- /dev/null
+++ b/packages/shared/src/atoms/DescriptionWrapper/style.ts
@@ -0,0 +1,7 @@
+import styled from '@emotion/styled'
+
+export const Description = styled.p`
+  ${({ theme }) => theme.caption1}
+  color: var(--N30);
+  margin-top: 0.5rem;
+`
diff --git a/packages/shared/src/atoms/Select/Context.ts b/packages/shared/src/atoms/Select/Context.ts
index be9c80b5..699dd1b9 100644
--- a/packages/shared/src/atoms/Select/Context.ts
+++ b/packages/shared/src/atoms/Select/Context.ts
@@ -9,6 +9,7 @@ export interface InitialValue {
   onOpenChange: (open: boolean) => void
   label?: string
   onLabelChange: (label: string) => void
+  onBlur?: () => void
   name?: string
   disabled?: boolean
   required?: boolean
diff --git a/packages/shared/src/atoms/Select/SelectItem.tsx b/packages/shared/src/atoms/Select/SelectItem.tsx
index 522a2771..9478c9c6 100644
--- a/packages/shared/src/atoms/Select/SelectItem.tsx
+++ b/packages/shared/src/atoms/Select/SelectItem.tsx
@@ -15,6 +15,7 @@ export const SelectItem = ({ children, value, name }: Props) => {
     onValueChange,
     onOpenChange,
     onLabelChange,
+    onBlur,
     disabled,
     defaultValue,
   } = useContext(Context)
@@ -41,6 +42,7 @@ export const SelectItem = ({ children, value, name }: Props) => {
         checked={value === innerValue}
         id={id}
         onClick={handleClick}
+        onBlur={onBlur}
       />
       <S.SelectItem htmlFor={id}>{children}</S.SelectItem>
     </>
diff --git a/packages/shared/src/atoms/index.ts b/packages/shared/src/atoms/index.ts
index aaca9172..54f2d537 100644
--- a/packages/shared/src/atoms/index.ts
+++ b/packages/shared/src/atoms/index.ts
@@ -22,3 +22,5 @@ export { default as Textarea } from './Textarea'
 export { default as SegmentedControl } from './SegmentedControl'
 export { default as NewSelect } from './Select'
 export { default as FileInput } from './FileInput'
+export { default as ErrorWrapper } from './ErrorWrapper'
+export { default as DescriptionWrapper } from './DescriptionWrapper'
\ No newline at end of file
diff --git a/packages/shared/src/icons/Bag.tsx b/packages/shared/src/icons/Bag.tsx
new file mode 100644
index 00000000..7bed01c4
--- /dev/null
+++ b/packages/shared/src/icons/Bag.tsx
@@ -0,0 +1,33 @@
+interface Props {
+  color?: string
+}
+
+const Bag = ({ color = '#62636A' }: Props) => {
+  return (
+    <svg
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path
+        d='M2 18V9.00024C2 7.89572 2.89536 7.00031 3.99988 7.00024L7.55844 7.00003L16.4444 7L20.0001 7.00021C21.1046 7.00028 22 7.89569 22 9.00021V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18Z'
+        fill='#E1E2E4'
+      />
+      <path
+        d='M18 11L16 11.5L12.2425 12.4394C12.0833 12.4792 11.9167 12.4792 11.7575 12.4394L8 11.5L6 11'
+        stroke={color}
+        strokeWidth='2'
+        strokeLinecap='round'
+      />
+      <path
+        d='M15 7V6C15 5.44772 14.5523 5 14 5H10C9.44772 5 9 5.44772 9 6V7'
+        stroke={color}
+        strokeWidth='2'
+      />
+    </svg>
+  )
+}
+
+export default Bag
diff --git a/packages/shared/src/icons/index.mdx b/packages/shared/src/icons/index.mdx
index 594da14f..a1808d8d 100644
--- a/packages/shared/src/icons/index.mdx
+++ b/packages/shared/src/icons/index.mdx
@@ -20,6 +20,7 @@ import Bars3 from './Bars3'
 import Document from './Document'
 import File from './File'
 import Folder from './Folder'
+import Bag from './Bag'
 
 ### SMS
 
@@ -57,4 +58,5 @@ import Folder from './Folder'
   <Document />
   <File />
   <Folder />
-</div>
\ No newline at end of file
+  <Bag />
+</div>
diff --git a/packages/shared/src/icons/index.ts b/packages/shared/src/icons/index.ts
index 76668425..a2ad8a70 100644
--- a/packages/shared/src/icons/index.ts
+++ b/packages/shared/src/icons/index.ts
@@ -21,3 +21,4 @@ export { default as Bars3 } from './Bars3'
 export { default as Document } from './Document'
 export { default as File } from './File'
 export { default as Folder } from './Folder'
+export { default as Bag } from './Bag'
diff --git a/packages/shared/src/molecules/CertificationForm/style.ts b/packages/shared/src/molecules/CertificationForm/style.ts
index 24f11bd1..961e93e9 100644
--- a/packages/shared/src/molecules/CertificationForm/style.ts
+++ b/packages/shared/src/molecules/CertificationForm/style.ts
@@ -32,11 +32,16 @@ export const Title = styled.h3`
 `
 
 export const Field = styled.section`
-  display: flex;
-  align-items: start;
   display: grid;
+  align-items: start;
   grid-template-columns: 1fr 3fr;
   gap: 1rem;
+
+  @media (max-width: 30rem) {
+    grid-template-columns: none;
+    grid-template-rows: 1fr 100%;
+    width: 100%;
+  }
 `
 
 export const Label = styled.label`
diff --git a/packages/shared/src/molecules/DownloadList/File.tsx b/packages/shared/src/molecules/DownloadList/File.tsx
index fce9ea71..c4d9bc47 100644
--- a/packages/shared/src/molecules/DownloadList/File.tsx
+++ b/packages/shared/src/molecules/DownloadList/File.tsx
@@ -19,7 +19,12 @@ const File = ({ filename, onClick, ...props }: Props) => {
         <S.FileName>{filename}</S.FileName>
       </S.FileInfo>
 
-      <Button theme='white' onClick={onClick} style={{ width: 'min-content' }}>
+      <Button
+        type='button'
+        theme='white'
+        onClick={onClick}
+        style={{ width: 'min-content' }}
+      >
         다운로드
       </Button>
     </S.File>
diff --git a/packages/shared/src/molecules/DownloadList/style.ts b/packages/shared/src/molecules/DownloadList/style.ts
index cca274ee..87424d32 100644
--- a/packages/shared/src/molecules/DownloadList/style.ts
+++ b/packages/shared/src/molecules/DownloadList/style.ts
@@ -31,6 +31,10 @@ export const File = styled.li`
   justify-content: space-between;
   align-items: center;
   gap: 0.5rem;
+
+  button {
+    ${({ theme }) => theme.body1}
+  }
 `
 
 export const FileInfo = styled.div`
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7893ce77..2a269071 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -95,6 +95,9 @@ importers:
       '@emotion/styled':
         specifier: ^11.10.6
         version: 11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.2.0))(@types/react@18.3.3)(react@18.2.0)
+      '@hookform/error-message':
+        specifier: ^2.0.1
+        version: 2.0.1(react-dom@18.2.0(react@18.2.0))(react-hook-form@7.52.0(react@18.2.0))(react@18.2.0)
       '@hookform/resolvers':
         specifier: ^3.4.2
         version: 3.6.0(react-hook-form@7.52.0(react@18.2.0))
@@ -1199,6 +1202,13 @@ packages:
   '@floating-ui/utils@0.2.2':
     resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
 
+  '@hookform/error-message@2.0.1':
+    resolution: {integrity: sha512-U410sAr92xgxT1idlu9WWOVjndxLdgPUHEB8Schr27C9eh7/xUnITWpCMF93s+lGiG++D4JnbSnrb5A21AdSNg==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+      react-hook-form: ^7.0.0
+
   '@hookform/resolvers@3.6.0':
     resolution: {integrity: sha512-UBcpyOX3+RR+dNnqBd0lchXpoL8p4xC21XP8H6Meb8uve5Br1GCnmg0PcBoKKqPKgGu9GHQ/oygcmPrQhetwqw==}
     peerDependencies:
@@ -7694,6 +7704,12 @@ snapshots:
 
   '@floating-ui/utils@0.2.2': {}
 
+  '@hookform/error-message@2.0.1(react-dom@18.2.0(react@18.2.0))(react-hook-form@7.52.0(react@18.2.0))(react@18.2.0)':
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-hook-form: 7.52.0(react@18.2.0)
+
   '@hookform/resolvers@3.6.0(react-hook-form@7.52.0(react@18.2.0))':
     dependencies:
       react-hook-form: 7.52.0(react@18.2.0)