diff --git a/src/app/artwork/upload/page.tsx b/src/app/artwork/upload/page.tsx
new file mode 100644
index 0000000..d90fc58
--- /dev/null
+++ b/src/app/artwork/upload/page.tsx
@@ -0,0 +1,260 @@
+'use client';
+
+import { ChangeEvent, useState } from 'react';
+
+import OvalButton from '@/components/Button/OvalButton';
+import FilterDropdown from '@/components/FilterDropdown';
+import Icon from '@/components/Icon/Icon';
+import BasicInput from '@/components/Input/BasicInput';
+import ARTWORK_FIELDS from '@/constants/artworkFields';
+
+import Textarea from '../../../components/Input/Textarea';
+
+interface ArtworkFieldsErrors {
+  artworkTitleError?: string;
+  selectedArtworkFieldError?: string;
+  uploadedImageError?: string;
+}
+
+const MAX_TITLE_LENGTH = 50;
+const MAX_DESCRIPTION_LENGTH = 1000;
+const REQUIRED_FIELDS_ERROR_MESSAGE = '필수 항목입니다.';
+
+const PRIVACY_SETTING_OPTIONS = [
+  { name: '전체공개', value: 'PUBLIC' },
+  { name: '비공개', value: 'PRIVATE' },
+];
+
+const ArtworkUpload = () => {
+  const [artworkTitle, setArtworkTitle] = useState('');
+  const [selectedArtworkField, setSelectedArtworkField] = useState('');
+  const [privacySetting, setPrivacySetting] = useState<'전체공개' | '비공개'>(
+    '전체공개',
+  );
+  const [uploadedImage, setUploadedImage] = useState<string>('');
+  const [artworkDescription, setArtworkDescription] = useState('');
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [errors, setErrors] = useState<ArtworkFieldsErrors>({
+    artworkTitleError: '',
+    selectedArtworkFieldError: '',
+    uploadedImageError: '',
+  });
+
+  const clearErrorMessage = (targetField: string) => {
+    setErrors((prevErrors) => ({ ...prevErrors, [targetField]: '' }));
+  };
+
+  const handleArtworkTitleChanged = (e: ChangeEvent<HTMLInputElement>) => {
+    setArtworkTitle(e.target.value);
+
+    if (errors.artworkTitleError) clearErrorMessage('artworkTitleError');
+  };
+
+  const handleArtworkDescriptionOnChange = (
+    e: ChangeEvent<HTMLTextAreaElement>,
+  ) => {
+    setArtworkDescription(e.target.value);
+  };
+
+  const handleArtworkFieldClick = (artworkField: string) => {
+    setSelectedArtworkField(artworkField);
+
+    if (!artworkTitle.trim()) {
+      setErrors((prevErrors) => ({
+        ...prevErrors,
+        artworkTitleError: REQUIRED_FIELDS_ERROR_MESSAGE,
+      }));
+    } else {
+      clearErrorMessage('artworkTitleError');
+    }
+
+    if (errors.selectedArtworkFieldError)
+      clearErrorMessage('selectedArtworkFieldError');
+  };
+
+  const handlePrivacySettingChange = (
+    newPrivacySetting: '전체공개' | '비공개',
+  ) => {
+    setPrivacySetting(newPrivacySetting);
+  };
+
+  const handleImageUpload = () => {
+    // TODO: 실제 이미지 업로드 로직 구현
+    setUploadedImage('uploaded-image-url'); // 테스트용
+
+    if (errors.uploadedImageError) clearErrorMessage('uploadedImageError');
+  };
+
+  const validateArtworkUploadForm = () => {
+    const newErrors: ArtworkFieldsErrors = {};
+
+    if (!artworkTitle.trim())
+      newErrors.artworkTitleError = REQUIRED_FIELDS_ERROR_MESSAGE;
+    if (!selectedArtworkField.trim())
+      newErrors.selectedArtworkFieldError = REQUIRED_FIELDS_ERROR_MESSAGE;
+    if (!uploadedImage)
+      newErrors.uploadedImageError = REQUIRED_FIELDS_ERROR_MESSAGE;
+    setErrors(newErrors);
+
+    return Object.keys(newErrors).length === 0;
+  };
+
+  const isRequiredFieldsValid =
+    artworkTitle && selectedArtworkField && uploadedImage && !isSubmitting;
+
+  const handleScrollToTop = () => {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  const handleRequiredFieldsNotFilledOut = () => {
+    validateArtworkUploadForm();
+    handleScrollToTop();
+  };
+
+  const handleArtworkUpload = () => {
+    setIsSubmitting(true);
+
+    console.log('업로드 완료'); // [테스트용] 업로드 처리 (API 호출)
+    // TODO: 작성한 글 상세 페이지로 이동
+  };
+
+  return (
+    <div className='max-w-[1920px] m-auto px-[36px] py-[70px] lg:px-[140px]'>
+      <h1>작품 업로드</h1>
+      <div className='pt-[70px] pb-[58px] md:pb-[40px]'>
+        <BasicInput
+          type='text'
+          label='작품 제목'
+          placeholder='작품 제목을 입력하세요.'
+          value={artworkTitle}
+          onChange={handleArtworkTitleChanged}
+          showTextLength={true}
+          maxLength={MAX_TITLE_LENGTH}
+          isInvalid={!!errors.artworkTitleError}
+          errorMessage={errors.artworkTitleError}
+        />
+      </div>
+
+      <div className='flex flex-col md:flex-row items-start self-stretch gap-[38px] md:gap-[50px] pb-[78px]'>
+        <FilterDropdown
+          label='작품 카테고리'
+          placeholder='카테고리 선택'
+          options={ARTWORK_FIELDS.map((field) => field.name)}
+          selected={selectedArtworkField}
+          onChange={(value) => handleArtworkFieldClick(value)}
+          isInvalid={!!errors.selectedArtworkFieldError}
+          errorMessage={errors.selectedArtworkFieldError}
+          className='w-full'
+        />
+
+        <FilterDropdown
+          label='공개범위'
+          options={PRIVACY_SETTING_OPTIONS.map((option) => option.name)}
+          selected={privacySetting}
+          onChange={() => handlePrivacySettingChange(privacySetting)}
+          className='w-full'
+        />
+      </div>
+
+      <div className='relative pb-[70px]'>
+        <div
+          className='flex flex-col justify-center items-center gap-[15px] p-[140px] h-[511px] md:h-[853px]'
+          style={{
+            border: '2px dashed transparent',
+            borderImage:
+              'repeating-linear-gradient(45deg, gray 0, gray 10px, transparent 10px, transparent 20px) 1',
+          }}
+        >
+          <p className='body2 text-center text-gray-500 self-stretch'>
+            첨부할 작품 이미지를 끌어오거나,
+            <br />
+            작품 업로드 버튼을 눌러 이미지를 선택하세요.
+          </p>
+          <OvalButton
+            variant='primary'
+            buttonSize='s'
+            onClick={handleImageUpload}
+          >
+            <Icon name='UploadShare' size='m' className='mr-2.5' />
+            이미지 업로드
+          </OvalButton>
+          <p className='button-s text-center text-gray-500'>
+            작품 이미지는 1장만 업로드 가능합니다.
+          </p>
+
+          {errors.uploadedImageError && (
+            <div className='flex items-center'>
+              <Icon
+                name='AlertCircle'
+                size='s'
+                className='text-system-error mr-2'
+              />
+              <p className='button-s text-system-error'>
+                {errors.uploadedImageError}
+              </p>
+            </div>
+          )}
+
+          {uploadedImage && (
+            <img
+              src={uploadedImage}
+              alt='Uploaded Artwork'
+              className='mt-4 max-h-[200px] object-contain'
+            />
+          )}
+
+          <button
+            aria-label='Button to change artwork image'
+            className='flex justify-center items-center w-[57px] h-[57px] md:w-[77px] md:h-[77px]
+            absolute right-[30px] bottom-[30px] rounded-full
+            bg-[rgba(35,34,37,0.5)] backdrop-blur-[12px]
+            shadow-lg hover:bg-[rgba(35,34,37,0.7)] transition'
+          >
+            <Icon name='Image' size='m' className='block md:hidden' />
+            <Icon name='Image' size='l' className='hidden md:block' />
+          </button>
+        </div>
+      </div>
+
+      <Textarea
+        label='작품 설명'
+        placeholder='작품 설명을 입력하세요.'
+        value={artworkDescription}
+        onChange={handleArtworkDescriptionOnChange}
+        showTextLength={true}
+        maxLength={MAX_DESCRIPTION_LENGTH}
+      />
+
+      <div className='pt-[30px] flex justify-end items-center gap-[20px]'>
+        <button
+          className='button-s text-gray-300 flex items-center justify-center rounded-full
+            gap-[10px] px-[28px] leading-[50px]
+            transition-all duration-300 ease-in-out active:scale-95 hover:opacity-70'
+        >
+          취소
+        </button>
+
+        {!isSubmitting && isRequiredFieldsValid ? (
+          <OvalButton
+            variant='primary'
+            buttonSize='s'
+            onClick={handleArtworkUpload}
+          >
+            업로드
+          </OvalButton>
+        ) : (
+          <button
+            onClick={handleRequiredFieldsNotFilledOut}
+            className='button-s text-gray-300 bg-gray-700 px-[28px] leading-[50px]
+            flex items-center justify-center rounded-full gap-[10px]
+            transition-all duration-300 ease-in-out active:scale-95 hover:opacity-70 hover:cursor-not-allowed'
+          >
+            업로드
+          </button>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default ArtworkUpload;
diff --git a/src/components/ArtworkPage/ArtworkFilter.tsx b/src/components/ArtworkPage/ArtworkFilter.tsx
index fd383b4..3f9c826 100644
--- a/src/components/ArtworkPage/ArtworkFilter.tsx
+++ b/src/components/ArtworkPage/ArtworkFilter.tsx
@@ -1,3 +1,6 @@
+import { ArtworkField } from '@/types';
+
+import ARTWORK_FIELDS from '../../constants/artworkFields';
 import OvalButton from '../Button/OvalButton';
 import DefaultCarousel from '../Carousel/DefaultCarousel';
 import FilterDropdown from '../FilterDropdown';
@@ -10,23 +13,11 @@ interface ArtworkFilterProps {
   setCurrentPage: (value: number | ((prev: number) => number)) => void;
 }
 
-interface ArtworkField {
-  name: string;
-  value: string;
-}
-
-const ARTWORK_FIELDS = [
+const ARTWORK_FIELDS_WITH_ALL_OPTION = [
   { name: '전체', value: 'ALL' },
-  { name: '회화', value: 'PAINTING' },
-  { name: '공예/조각', value: 'CRAFTSCULPTURE' },
-  { name: '드로잉', value: 'DRAWING' },
-  { name: '판화', value: 'PRINTMAKING' },
-  { name: '서예', value: 'CALLIGRAPHY' },
-  { name: '일러스트', value: 'ILLUSTRATION' },
-  { name: '디지털아트', value: 'DIGITALART' },
-  { name: '사진', value: 'PHOTOGRAPHY' },
-  { name: '기타', value: 'OTHERS' },
+  ...ARTWORK_FIELDS,
 ];
+
 const FILTER_OPTIONS = ['최신순', '인기순', '조회순'];
 
 const ArtworkFilter = ({
@@ -37,8 +28,9 @@ const ArtworkFilter = ({
   setCurrentPage,
 }: ArtworkFilterProps) => {
   const selectedArtworkFieldName =
-    ARTWORK_FIELDS.find((field) => field.value === selectedArtworkField)
-      ?.name || '전체';
+    ARTWORK_FIELDS_WITH_ALL_OPTION.find(
+      (field) => field.value === selectedArtworkField,
+    )?.name || '전체';
 
   const handleArtworkFieldClick = (artworkField: string) => {
     setSelectedArtworkField(artworkField);
@@ -53,7 +45,7 @@ const ArtworkFilter = ({
     <>
       <div className='flex w-full justify-between items-end pb-[59px] overflow-x-auto'>
         <DefaultCarousel
-          slides={ARTWORK_FIELDS}
+          slides={ARTWORK_FIELDS_WITH_ALL_OPTION}
           renderSlide={(artworkField: ArtworkField) => (
             <OvalButton
               key={artworkField.value}
@@ -77,6 +69,7 @@ const ArtworkFilter = ({
           options={FILTER_OPTIONS}
           selected={selectedFilter}
           onChange={handleFilterChange}
+          className='w-[149px]'
         />
       </div>
     </>
diff --git a/src/components/Button/OvalButton.tsx b/src/components/Button/OvalButton.tsx
index 58aea34..2b0976c 100644
--- a/src/components/Button/OvalButton.tsx
+++ b/src/components/Button/OvalButton.tsx
@@ -4,8 +4,10 @@ const OvalButton = ({
   variant = 'primary',
   buttonSize,
   children,
-
   onClick,
+
+  className,
+  disabled,
   ariaLabel,
 }: OvalButtonProps) => {
   const bgColorClasses = {
@@ -27,21 +29,23 @@ const OvalButton = ({
   };
 
   const buttonSizeClasses = {
-    m: 'h-[69px] px-[46px] py-[17px]',
-    s: 'h-[50px] px-[34px] py-[20px]',
+    m: 'px-[46px] leading-[69px]',
+    s: 'px-[28px] leading-[50px]',
   };
 
   return (
     <button
       onClick={onClick}
+      disabled={disabled}
       aria-label={ariaLabel}
       className={`
         flex items-center justify-center rounded-full gap-[10px]
-        transition-all duration-300 ease-in-out active:scale-95 w-full
+        transition-all duration-300 ease-in-out active:scale-95
         ${bgColorClasses[variant]}
         ${hoverBgColorClasses[variant]}
         ${textColorClasses[variant]}
         ${buttonSizeClasses[buttonSize]}
+        ${className}
       `}
     >
       {buttonSize === 'm' ? (
diff --git a/src/components/FilterDropdown/index.tsx b/src/components/FilterDropdown/index.tsx
index b555b95..9138684 100644
--- a/src/components/FilterDropdown/index.tsx
+++ b/src/components/FilterDropdown/index.tsx
@@ -10,12 +10,23 @@ interface FilterDropdownProps {
   options: string[];
   selected: string;
   onChange: (value: string) => void;
+
+  label?: string;
+  placeholder?: string;
+  isInvalid?: boolean;
+  errorMessage?: string;
+  className?: string;
 }
 
 const FilterDropdown = ({
   options,
   selected,
   onChange,
+  label,
+  placeholder,
+  isInvalid = false,
+  errorMessage,
+  className,
 }: FilterDropdownProps) => {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
 
@@ -29,16 +40,29 @@ const FilterDropdown = ({
   };
 
   return (
-    <div className='body2 relative inline-block text-left' ref={dropdownRef}>
+    <div
+      className={`body2 relative inline-block text-left ${className}`}
+      ref={dropdownRef}
+    >
+      {label && (
+        <label className='placeholder block pb-[7px] text-gray-400'>
+          {label}
+        </label>
+      )}
+
       <button
         onClick={() => setIsDropdownOpen(!isDropdownOpen)}
-        aria-label={`Currently selected filter: ${selected}`}
+        aria-label={`Currently selected filter: ${selected || placeholder}`}
         aria-expanded={isDropdownOpen}
-        className='flex items-center justify-between w-[149px] h-[44px] px-[23px] py-[10px]
+        className={`flex items-center justify-between px-[20px] leading-[60px]
         text-white bg-gray-900 rounded-[5px] gap-[36px] shadow-sm
-        hover:bg-gray-800 focus:outline-none'
+        hover:bg-gray-800 focus:outline-none
+        ${className}
+        `}
       >
-        {selected}
+        {selected || (
+          <span className='placeholder text-gray-700'>{placeholder}</span>
+        )}
         <span className='text-gray-700'>
           {isDropdownOpen ? (
             <Icon name='Dropup' size='m' />
@@ -50,7 +74,7 @@ const FilterDropdown = ({
 
       {isDropdownOpen && (
         <div
-          className='absolute z-10 w-full mt-3 bg-gray-900 rounded-[5px] shadow-lg'
+          className={`absolute z-10 mt-3 bg-gray-900 rounded-[5px] shadow-lg ${className}`}
           role='menu'
         >
           <ul className='py-1'>
@@ -59,7 +83,7 @@ const FilterDropdown = ({
                 key={index}
                 onClick={() => handleOptionSelect(option)}
                 aria-current={option === selected ? 'true' : undefined}
-                className={`block w-[149px] h-[44px] px-[23px] py-[10px]
+                className={`block px-[23px] leading-[60px]
                   text-gray-400 cursor-pointer
                   ${option === selected && isDropdownOpen ? 'text-white' : 'text-gray-400'}
                   hover:bg-background-overlay`}
@@ -70,6 +94,19 @@ const FilterDropdown = ({
           </ul>
         </div>
       )}
+
+      <div className='flex items-center mt-[3px] h-[26px]'>
+        {isInvalid && errorMessage && (
+          <>
+            <Icon
+              name='AlertCircle'
+              size='s'
+              className='text-system-error mr-2'
+            />
+            <p className='button-s text-system-error'>{errorMessage}</p>
+          </>
+        )}
+      </div>
     </div>
   );
 };
diff --git a/src/components/Input/BasicInput.tsx b/src/components/Input/BasicInput.tsx
index f81f424..4930ebc 100644
--- a/src/components/Input/BasicInput.tsx
+++ b/src/components/Input/BasicInput.tsx
@@ -54,7 +54,7 @@ const BasicInput = ({
         : 'text-white';
 
   return (
-    <div>
+    <>
       <Input
         type={showEyeIcon && isPasswordVisible ? 'text' : type || 'text'}
         label={label}
@@ -74,6 +74,7 @@ const BasicInput = ({
                 aria-label='toggle password visibility'
                 onClick={togglePasswordVisibility}
                 disabled={value === ''}
+                className='px-[10px]'
               >
                 <Icon
                   name={isPasswordVisible ? 'Eye' : 'EyeOff'}
@@ -84,7 +85,7 @@ const BasicInput = ({
             )}
 
             {showTextLength && maxLength && (
-              <div className='flex items-center'>
+              <div className='flex items-center px-[10px]'>
                 <span className={`placeholder ${textLengthColor}`}>
                   {currentTextLength}
                 </span>
@@ -94,16 +95,17 @@ const BasicInput = ({
           </>
         }
         classNames={{
-          label: ['custom-label', 'top-5', '!text-gray-400'],
-          input: 'placeholder:text-gray-700',
-          inputWrapper: ['bg-gray-900', 'rounded-md', 'h-15'],
+          label: ['!placeholder', '!top-5', '!text-gray-400'],
+          input: ['!placeholder', 'placeholder:text-gray-700', 'px-[10px]'],
+          inputWrapper: ['bg-gray-900', 'rounded-md', 'h-15', 'leading-[60px]'],
         }}
       />
+
       <div className='flex items-center mt-[3px] h-[26px]'>
         {isInvalid && errorMessage ? (
           <>
             <Icon
-              name='CheckCircleFilled'
+              name='AlertCircle'
               size='s'
               className='text-system-error mr-2'
             />
@@ -113,7 +115,7 @@ const BasicInput = ({
           successMessage && (
             <>
               <Icon
-                name='AlertCircle'
+                name='CheckCircleFilled'
                 size='s'
                 className='text-gray-400 mr-2'
               />
@@ -122,7 +124,7 @@ const BasicInput = ({
           )
         )}
       </div>
-    </div>
+    </>
   );
 };
 
diff --git a/src/components/Input/EmailInput.tsx b/src/components/Input/EmailInput.tsx
index f3822d3..0d368b1 100644
--- a/src/components/Input/EmailInput.tsx
+++ b/src/components/Input/EmailInput.tsx
@@ -45,7 +45,7 @@ const EmailInput = ({ mode }: EmailInputProps) => {
         placeholder='이메일을 입력해주세요.'
         isInvalid={false}
         classNames={{
-          label: 'custom-label',
+          label: 'placeholder',
           input: 'placeholder:text-gray-700',
           inputWrapper: ['bg-gray-900', 'rounded-md'],
         }}
diff --git a/src/components/Input/NicknameInput.tsx b/src/components/Input/NicknameInput.tsx
index 813f59c..9fac990 100644
--- a/src/components/Input/NicknameInput.tsx
+++ b/src/components/Input/NicknameInput.tsx
@@ -48,7 +48,7 @@ const NicknameInput = () => {
         placeholder='닉네임을 입력해주세요.'
         maxLength={MAX_NICKNAME_LENGTH}
         classNames={{
-          label: 'custom-label',
+          label: 'placeholder',
           input: 'placeholder:text-gray-700',
           inputWrapper: ['bg-gray-900', 'rounded-md'],
         }}
diff --git a/src/components/Input/PasswordInput.tsx b/src/components/Input/PasswordInput.tsx
index 868af71..1cf5c21 100644
--- a/src/components/Input/PasswordInput.tsx
+++ b/src/components/Input/PasswordInput.tsx
@@ -45,7 +45,7 @@ const PasswordInput = ({ mode }: PasswordnputProps) => {
         labelPlacement='outside'
         placeholder='비밀번호를 입력해주세요.'
         classNames={{
-          label: 'custom-label',
+          label: 'placeholder',
           input: 'placeholder:text-gray-700',
           inputWrapper: ['bg-gray-900', 'rounded-md'],
         }}
diff --git a/src/components/Input/Textarea.tsx b/src/components/Input/Textarea.tsx
new file mode 100644
index 0000000..2d4f064
--- /dev/null
+++ b/src/components/Input/Textarea.tsx
@@ -0,0 +1,77 @@
+import { ChangeEvent, useRef } from 'react';
+
+interface TextareaProps {
+  label?: string;
+  placeholder?: string;
+
+  value: string;
+  onChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+
+  showTextLength?: boolean;
+  isInvalid?: boolean;
+  maxLength?: number;
+  errorMessage?: string;
+}
+
+const Textarea = ({
+  label,
+  placeholder,
+  value,
+  onChange,
+  maxLength,
+  showTextLength,
+}: TextareaProps) => {
+  const textareaRef = useRef<HTMLTextAreaElement | null>(null);
+
+  const currentTextLength = value.length;
+  const textLengthColor =
+    currentTextLength === 0
+      ? 'text-gray-700'
+      : maxLength && currentTextLength > maxLength
+        ? 'text-system-error'
+        : 'text-white';
+
+  const handleInputChange = (e: ChangeEvent<HTMLTextAreaElement>) => {
+    onChange(e);
+
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+      textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+    }
+  };
+
+  return (
+    <>
+      <label className='placeholder block pb-[7px] text-gray-400'>
+        {label}
+      </label>
+      <div className='relative w-full h-auto'>
+        <textarea
+          ref={textareaRef}
+          value={value}
+          onChange={handleInputChange}
+          placeholder={placeholder}
+          maxLength={maxLength}
+          className={`placeholder bg-gray-900 rounded-md w-full h-auto resize-none
+                ${value.length ? 'text-white' : 'placeholder:text-gray-700'}
+                focus:outline-none focus:ring-0 bg-gray-900 hover:bg-[#18181b] focus:bg-[#18181b]
+                `}
+          style={{
+            minHeight: '256px',
+            padding: '20px',
+          }}
+        />
+        {showTextLength && maxLength && (
+          <div className='absolute bottom-[20px] right-[20px]'>
+            <span className={`placeholder ${textLengthColor}`}>
+              {currentTextLength}
+            </span>
+            <span className='placeholder text-gray-700'>/{maxLength}</span>
+          </div>
+        )}
+      </div>
+    </>
+  );
+};
+
+export default Textarea;
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index e3de8e6..74640ff 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -101,11 +101,9 @@ const Navbar = () => {
                   <OvalButton
                     variant='primary'
                     buttonSize='s'
-                    onClick={moveToArtworkList}
+                    onClick={moveToArtworkUpload}
                   >
-                    <p className='placholder' onClick={moveToArtworkUpload}>
-                      작품 업로드
-                    </p>
+                    <p className='placholder'>작품 업로드</p>
                   </OvalButton>
                 </>
               ) : (
diff --git a/src/constants/artworkFields.ts b/src/constants/artworkFields.ts
new file mode 100644
index 0000000..5ef04b2
--- /dev/null
+++ b/src/constants/artworkFields.ts
@@ -0,0 +1,13 @@
+const ARTWORK_FIELDS = [
+  { name: '회화', value: 'PAINTING' },
+  { name: '공예/조각', value: 'CRAFTSCULPTURE' },
+  { name: '드로잉', value: 'DRAWING' },
+  { name: '판화', value: 'PRINTMAKING' },
+  { name: '서예', value: 'CALLIGRAPHY' },
+  { name: '일러스트', value: 'ILLUSTRATION' },
+  { name: '디지털아트', value: 'DIGITALART' },
+  { name: '사진', value: 'PHOTOGRAPHY' },
+  { name: '기타', value: 'OTHERS' },
+];
+
+export default ARTWORK_FIELDS;
diff --git a/src/constants/routes.ts b/src/constants/routes.ts
index 5007b5b..b8ddb09 100644
--- a/src/constants/routes.ts
+++ b/src/constants/routes.ts
@@ -3,6 +3,7 @@ const ROUTE = {
   signIn: '/auth/sign-in',
   signUp: '/auth/sign-up',
   artworkList: '/artwork/list',
+  artworkUpload: '/artwork/upload',
 };
 
 export default ROUTE;
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 464618a..24244b6 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -51,8 +51,7 @@
   }
 
   .body2,
-  .placeholder,
-  .custom-label {
+  .placeholder {
     font-size: 1rem; /* 16px */
   }
 
@@ -72,7 +71,6 @@
     font-weight: 600; /* SemiBold */
   }
 
-  .custom-label,
   .subtitle2,
   .placeholder,
   .button-l,
diff --git a/src/types/artwork.ts b/src/types/artwork.ts
index 67aab4d..824a6a8 100644
--- a/src/types/artwork.ts
+++ b/src/types/artwork.ts
@@ -24,3 +24,8 @@ export interface ArtworkListResponse {
   data: ArtworkInfoType[];
   page: PaginationType;
 }
+
+export interface ArtworkField {
+  name: string;
+  value: string;
+}
diff --git a/src/types/buttons/OvalButtonProps.ts b/src/types/buttons/OvalButtonProps.ts
index db5789f..57c3f0b 100644
--- a/src/types/buttons/OvalButtonProps.ts
+++ b/src/types/buttons/OvalButtonProps.ts
@@ -1,9 +1,7 @@
 import { BaseButtonProps } from './BaseButtonProps';
 
 export interface OvalButtonProps
-  extends Omit<
-    BaseButtonProps,
-    'disabled' | 'loading' | 'icon' | 'iconPosition' | 'type'
-  > {
+  extends Omit<BaseButtonProps, 'loading' | 'icon' | 'iconPosition' | 'type'> {
   buttonSize: 's' | 'm';
+  className?: string;
 }