diff --git a/pages/event/[id].tsx b/pages/event/[id].tsx
index 787e58f..06d3655 100644
--- a/pages/event/[id].tsx
+++ b/pages/event/[id].tsx
@@ -4,9 +4,7 @@ import { useRouter } from 'next/router'
 import styled from '@emotion/styled'
 import { DEFAULT_MARGIN } from '@utils/constants/sizes'
 import { EVENT_STATUS, EVENT_TEMPLATE, EVENT_TYPE } from 'types/event'
-import TimeInfo from './TimeInfo'
-import Cover from './Cover'
-import WinnerModal from './WinnerModal'
+import { TimeInfo, Cover, WinnerModal } from '@domains/EventDetail'
 
 const MOCK = {
   eventId: 0,
diff --git a/pages/event/Cover.tsx b/src/domains/EventDetail/Cover.tsx
similarity index 100%
rename from pages/event/Cover.tsx
rename to src/domains/EventDetail/Cover.tsx
diff --git a/pages/event/TimeInfo.tsx b/src/domains/EventDetail/TimeInfo.tsx
similarity index 100%
rename from pages/event/TimeInfo.tsx
rename to src/domains/EventDetail/TimeInfo.tsx
diff --git a/pages/event/WinnerModal.tsx b/src/domains/EventDetail/WinnerModal.tsx
similarity index 100%
rename from pages/event/WinnerModal.tsx
rename to src/domains/EventDetail/WinnerModal.tsx
diff --git a/src/domains/EventDetail/index.tsx b/src/domains/EventDetail/index.tsx
new file mode 100644
index 0000000..60194f9
--- /dev/null
+++ b/src/domains/EventDetail/index.tsx
@@ -0,0 +1,3 @@
+export { default as Cover } from './Cover'
+export { default as TimeInfo } from './TimeInfo'
+export { default as WinnerModal } from './WinnerModal'