diff --git a/components/artwork/ArtworkCommentList.tsx b/components/artwork/ArtworkCommentList.tsx
index 86878f6..b29febd 100644
--- a/components/artwork/ArtworkCommentList.tsx
+++ b/components/artwork/ArtworkCommentList.tsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useRouter } from "next/router";
 import { toast } from "react-toastify";
 import { useQueryClient } from "@tanstack/react-query";
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import httpClient from "@/apis";
 import useAuthUser from "@/hooks/useAuthUser";
 import KEY from "@/key";
diff --git a/components/artwork/ArtworkDetail.tsx b/components/artwork/ArtworkDetail.tsx
index bdc9087..d25f679 100644
--- a/components/artwork/ArtworkDetail.tsx
+++ b/components/artwork/ArtworkDetail.tsx
@@ -1,4 +1,4 @@
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import { toast } from "react-toastify";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { useRouter } from "next/router";
diff --git a/components/artwork/ArtworkPlayer.tsx b/components/artwork/ArtworkPlayer.tsx
index 35f64b9..dd58099 100644
--- a/components/artwork/ArtworkPlayer.tsx
+++ b/components/artwork/ArtworkPlayer.tsx
@@ -1,4 +1,4 @@
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import Image from "next/image";
 import * as S from "./ArtworkPlayer.style";
 
diff --git a/components/artwork/Comment.tsx b/components/artwork/Comment.tsx
index fe998ba..a4634e7 100644
--- a/components/artwork/Comment.tsx
+++ b/components/artwork/Comment.tsx
@@ -1,4 +1,4 @@
-import { Artwork, Comment } from "@/types/artwork.interface";
+import type { Artwork, Comment } from "@/types/artwork.interface";
 import styled from "styled-components";
 import { useReducer, useRef, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
diff --git a/components/atoms/Artwork.tsx b/components/atoms/Artwork.tsx
index 01560ef..5a4286e 100644
--- a/components/atoms/Artwork.tsx
+++ b/components/atoms/Artwork.tsx
@@ -1,6 +1,6 @@
 import { toast } from "react-toastify";
 import { useQueryClient } from "@tanstack/react-query";
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import config from "@/config";
 import { useState } from "react";
 import KEY from "@/key";
diff --git a/components/atoms/ArtworkList.tsx b/components/atoms/ArtworkList.tsx
index 7ba00a1..6a15f76 100644
--- a/components/atoms/ArtworkList.tsx
+++ b/components/atoms/ArtworkList.tsx
@@ -2,8 +2,8 @@ import { useInView } from "react-intersection-observer";
 import styled from "styled-components";
 import { useEffect } from "react";
 import theme from "@/styles/theme";
-import { FetchNextPageType } from "@/types/common.interface";
-import { Artwork } from "@/types/artwork.interface";
+import type { FetchNextPageType } from "@/types/common.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import ButtonList from "../app/ButtonList";
 import ArtworkView from "./Artwork";
 import * as S from "./Artwork.style";
diff --git a/components/atoms/Button.style.ts b/components/atoms/Button.style.ts
index 237eb4d..c210f29 100644
--- a/components/atoms/Button.style.ts
+++ b/components/atoms/Button.style.ts
@@ -1,5 +1,5 @@
 import theme from "@/styles/theme";
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import styled from "styled-components";
 
 interface StyledButtonProps {
diff --git a/components/atoms/Button.tsx b/components/atoms/Button.tsx
index a1d958b..f0d2cff 100644
--- a/components/atoms/Button.tsx
+++ b/components/atoms/Button.tsx
@@ -1,4 +1,4 @@
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import * as S from "./Button.style";
 
diff --git a/components/atoms/Input.style.ts b/components/atoms/Input.style.ts
index 731c6a9..d5b19ed 100644
--- a/components/atoms/Input.style.ts
+++ b/components/atoms/Input.style.ts
@@ -1,5 +1,5 @@
 import theme from "@/styles/theme";
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import styled from "styled-components";
 
 interface InputProps {
diff --git a/components/atoms/Input.tsx b/components/atoms/Input.tsx
index 10a5049..7c7b20d 100644
--- a/components/atoms/Input.tsx
+++ b/components/atoms/Input.tsx
@@ -1,4 +1,4 @@
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import { InputHTMLAttributes } from "react";
 import { UseFormRegisterReturn } from "react-hook-form";
 import * as S from "./Input.style";
diff --git a/components/atoms/TagList.tsx b/components/atoms/TagList.tsx
index 1387e78..12f588d 100644
--- a/components/atoms/TagList.tsx
+++ b/components/atoms/TagList.tsx
@@ -1,5 +1,5 @@
 import { useRouter } from "next/router";
-import { Tag } from "@/types/artwork.interface";
+import type { Tag } from "@/types/artwork.interface";
 import TagView from "./Tag";
 import * as S from "./TagList.style";
 
diff --git a/components/common/Header/LoginedUser.tsx b/components/common/Header/LoginedUser.tsx
index 5aa4fc7..4cb2527 100644
--- a/components/common/Header/LoginedUser.tsx
+++ b/components/common/Header/LoginedUser.tsx
@@ -1,5 +1,5 @@
 import Button from "@/components/atoms/Button";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import * as S from "./LoginedUser.style";
diff --git a/components/common/Modal/View.tsx b/components/common/Modal/View.tsx
index 14a1f82..1a04d35 100644
--- a/components/common/Modal/View.tsx
+++ b/components/common/Modal/View.tsx
@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { ModalState } from "@/types/modal.interface";
+import type { ModalState } from "@/types/modal.interface";
 import XIcon from "@/components/icons/common/XIcon";
 
 interface ModalViewProps extends ModalState {
diff --git a/components/editor/Toolbar.tsx b/components/editor/Toolbar.tsx
index 4fb6c57..95ee009 100644
--- a/components/editor/Toolbar.tsx
+++ b/components/editor/Toolbar.tsx
@@ -1,4 +1,4 @@
-import { EditButtonArgument, ShortCut } from "@/types/editor.interface";
+import type { EditButtonArgument, ShortCut } from "@/types/editor.interface";
 import { useRouter } from "next/router";
 import { toast } from "react-toastify";
 import {
diff --git a/components/editor/ToolbarButton.tsx b/components/editor/ToolbarButton.tsx
index 7d858d9..8e8410e 100644
--- a/components/editor/ToolbarButton.tsx
+++ b/components/editor/ToolbarButton.tsx
@@ -1,4 +1,4 @@
-import { EditButtonArgument } from "@/types/editor.interface";
+import type { EditButtonArgument } from "@/types/editor.interface";
 import * as S from "./ToolbarButton.style";
 
 export default function ToolbarButtonView({
diff --git a/components/editor/edit/DragDropView.tsx b/components/editor/edit/DragDropView.tsx
index 148da96..c54d14e 100644
--- a/components/editor/edit/DragDropView.tsx
+++ b/components/editor/edit/DragDropView.tsx
@@ -1,4 +1,4 @@
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import { deepcopy, reorder } from "@/utils/array";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 import { DragDropContext, Droppable, DropResult } from "react-beautiful-dnd";
diff --git a/components/editor/edit/EditorEditApp.tsx b/components/editor/edit/EditorEditApp.tsx
index 4fa1e2a..9c96104 100644
--- a/components/editor/edit/EditorEditApp.tsx
+++ b/components/editor/edit/EditorEditApp.tsx
@@ -2,7 +2,7 @@ import { toast } from "react-toastify";
 import { useEffect, useState } from "react";
 import { useShortCutList } from "@/model/editor";
 import { useQueryClient } from "@tanstack/react-query";
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import httpClient from "@/apis";
 import KEY from "@/key";
 import DragDropView from "./DragDropView";
diff --git a/components/profile/ProfileInfo.tsx b/components/profile/ProfileInfo.tsx
index 0da61c1..637a623 100644
--- a/components/profile/ProfileInfo.tsx
+++ b/components/profile/ProfileInfo.tsx
@@ -1,6 +1,6 @@
 import { useRouter } from "next/router";
 import config from "@/config";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import Avatar from "../atoms/Avatar";
 import Button from "../atoms/Button";
 import * as S from "./ProfileInfo.style";
diff --git a/components/upload/ArtworkForm.tsx b/components/upload/ArtworkForm.tsx
index a9d6374..2b68aa1 100644
--- a/components/upload/ArtworkForm.tsx
+++ b/components/upload/ArtworkForm.tsx
@@ -1,4 +1,4 @@
-import { ArtworkForm } from "@/types/artwork.interface";
+import type { ArtworkForm } from "@/types/artwork.interface";
 import { UseFormRegister } from "react-hook-form";
 import Input from "../atoms/Input";
 import TextArea from "../atoms/TextArea";
diff --git a/components/upload/ArtworkTypeRadio.tsx b/components/upload/ArtworkTypeRadio.tsx
index 4a9f28a..9a41b5d 100644
--- a/components/upload/ArtworkTypeRadio.tsx
+++ b/components/upload/ArtworkTypeRadio.tsx
@@ -1,4 +1,4 @@
-import { ArtworkForm } from "@/types/artwork.interface";
+import type { ArtworkForm } from "@/types/artwork.interface";
 import { UseFormRegister } from "react-hook-form";
 import Radio from "../atoms/Radio";
 
diff --git a/components/upload/index.tsx b/components/upload/index.tsx
index 1dc3f5c..2dbaa25 100644
--- a/components/upload/index.tsx
+++ b/components/upload/index.tsx
@@ -1,4 +1,4 @@
-import { ArtworkForm } from "@/types/artwork.interface";
+import type { ArtworkForm } from "@/types/artwork.interface";
 import { useEffect, useState } from "react";
 import { SubmitErrorHandler, SubmitHandler, useForm } from "react-hook-form";
 import useFileDrop from "@/hooks/useFileDrop";
diff --git a/context/modal.tsx b/context/modal.tsx
index 5397bb8..abac3ac 100644
--- a/context/modal.tsx
+++ b/context/modal.tsx
@@ -1,4 +1,4 @@
-import { ModalState } from "@/types/modal.interface";
+import type { ModalState } from "@/types/modal.interface";
 import { atom } from "recoil";
 
 const modalState = atom<ModalState>({
diff --git a/fixture/index.ts b/fixture/index.ts
index 4b8725b..8ff53ca 100644
--- a/fixture/index.ts
+++ b/fixture/index.ts
@@ -1,6 +1,6 @@
-import { Artwork, Tag } from "@/types/artwork.interface";
-import { ShortCut } from "@/types/editor.interface";
-import { Member } from "@/types/user.interface";
+import type { Artwork, Tag } from "@/types/artwork.interface";
+import type { ShortCut } from "@/types/editor.interface";
+import type { Member } from "@/types/user.interface";
 
 const shortCutList: ShortCut[] = [
   { shortcutId: 0, content: "미카모" },
diff --git a/fixture/property.tsx b/fixture/property.tsx
index e306462..c96598f 100644
--- a/fixture/property.tsx
+++ b/fixture/property.tsx
@@ -9,12 +9,11 @@ import H4Icon from "@/components/icons/editor/H4Icon";
 import H5Icon from "@/components/icons/editor/H5Icon";
 import H6Icon from "@/components/icons/editor/H6Icon";
 import HrIcon from "@/components/icons/editor/HrIcon";
-import ImageIcon from "@/components/icons/editor/ImageIcon";
 import ItalicIcon from "@/components/icons/editor/ItalicIcon";
 import OrderedListIcon from "@/components/icons/editor/OrderedListIcon";
 import ParagraphIcon from "@/components/icons/editor/ParagraphIcon";
 import UnOrderedListIcon from "@/components/icons/editor/UnOrderedListIcon";
-import { EditButtonArgument } from "@/types/editor.interface";
+import type { EditButtonArgument } from "@/types/editor.interface";
 
 export const editButtonArgumentList: EditButtonArgument[] = [
   { id: 0, cmd: "justifyCenter", icon: <AlignCenterIcon /> },
diff --git a/hooks/useAuthUser.ts b/hooks/useAuthUser.ts
index aebc922..98ec96f 100644
--- a/hooks/useAuthUser.ts
+++ b/hooks/useAuthUser.ts
@@ -2,7 +2,7 @@ import httpClient, { HttpClient } from "@/apis/httpClient";
 import fixture from "@/fixture";
 import KEY from "@/key";
 import Storage from "@/storage";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import { useQuery } from "@tanstack/react-query";
 import { AxiosError } from "axios";
 import { useRouter } from "next/router";
diff --git a/hooks/useModal.ts b/hooks/useModal.ts
index 7d7249d..01286fb 100644
--- a/hooks/useModal.ts
+++ b/hooks/useModal.ts
@@ -1,5 +1,5 @@
 import modalState from "@/context/modal";
-import { ModalState } from "@/types/modal.interface";
+import type { ModalState } from "@/types/modal.interface";
 import { useCallback } from "react";
 import { useRecoilState } from "recoil";
 
diff --git a/model/artwork/index.ts b/model/artwork/index.ts
index 71a5208..ea48a38 100644
--- a/model/artwork/index.ts
+++ b/model/artwork/index.ts
@@ -2,7 +2,12 @@ import httpClient from "@/apis";
 import fixture from "@/fixture";
 import useBrowserWidth from "@/hooks/useBrowserWidth";
 import KEY from "@/key";
-import { Artwork, ArtworkType, Comment, Tag } from "@/types/artwork.interface";
+import type {
+  Artwork,
+  ArtworkType,
+  Comment,
+  Tag,
+} from "@/types/artwork.interface";
 import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
 import { toast } from "react-toastify";
 
diff --git a/model/editor/index.ts b/model/editor/index.ts
index 993bbe6..57ec00e 100644
--- a/model/editor/index.ts
+++ b/model/editor/index.ts
@@ -1,6 +1,6 @@
 import httpClient from "@/apis";
 import KEY from "@/key";
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import { useQuery } from "@tanstack/react-query";
 import { toast } from "react-toastify";
 
diff --git a/model/oauth/index.ts b/model/oauth/index.ts
index 0777f9d..1d8c261 100644
--- a/model/oauth/index.ts
+++ b/model/oauth/index.ts
@@ -1,7 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import httpClient from "@/apis";
 import KEY from "@/key";
-import { Token } from "@/types/user.interface";
+import type { Token } from "@/types/user.interface";
 import { toast } from "react-toastify";
 
 const useOauth = (authCode: string) => {
diff --git a/model/user/index.ts b/model/user/index.ts
index f826f4a..c251a85 100644
--- a/model/user/index.ts
+++ b/model/user/index.ts
@@ -1,7 +1,7 @@
 import httpClient from "@/apis";
 import fixture from "@/fixture";
 import KEY from "@/key";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import { useQuery } from "@tanstack/react-query";
 import { toast } from "react-toastify";
 
diff --git a/pages/artwork/[artworkId].tsx b/pages/artwork/[artworkId].tsx
index 2c0bff4..07bb8ac 100644
--- a/pages/artwork/[artworkId].tsx
+++ b/pages/artwork/[artworkId].tsx
@@ -4,7 +4,7 @@ import ArtworkComment from "@/components/artwork/ArtworkCommentList";
 import ArtworkDetail from "@/components/artwork/ArtworkDetail";
 import ArtworkPlayer from "@/components/artwork/ArtworkPlayer";
 import ArtworkDetailLayout from "@/layout/ArtworkDetailLayout";
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import { deepcopy } from "@/utils/array";
 import { GetStaticProps } from "next";
 import Page404 from "../404";
diff --git a/pages/editor/index.tsx b/pages/editor/index.tsx
index 84eff6f..1332807 100644
--- a/pages/editor/index.tsx
+++ b/pages/editor/index.tsx
@@ -4,7 +4,7 @@ import { editButtonArgumentList } from "@/fixture/property";
 import { editorHotkeyRange } from "@/key/editor.index";
 import EditorLayout from "@/layout/EditorLayout";
 import { useShortCutList } from "@/model/editor";
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import { useEffect, useMemo, useState } from "react";
 import { HotkeysProvider, useHotkeys } from "react-hotkeys-hook";
 
diff --git a/types/user.interface.ts b/types/user.interface.ts
index 9288282..e3584da 100644
--- a/types/user.interface.ts
+++ b/types/user.interface.ts
@@ -1,4 +1,4 @@
-import { Artwork } from "./artwork.interface";
+import type { Artwork } from "./artwork.interface";
 
 export interface Token {
   accessToken: string;