diff --git a/components/atoms/AtomDropDownItem/AtomDropDownItem.tsx b/components/atoms/AtomDropDownItem/AtomDropDownItem.tsx
new file mode 100644
index 0000000..2a41186
--- /dev/null
+++ b/components/atoms/AtomDropDownItem/AtomDropDownItem.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import styled from "styled-components";
+
+export interface AtomDropDownItemProps {
+  text: string;
+}
+
+const AtomDropDownItem = ({ text }: AtomDropDownItemProps) => {
+  return <DropDownItem>{text}</DropDownItem>;
+};
+
+export default AtomDropDownItem;
+
+const DropDownItem = styled.div`
+  padding: 16px 20px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 22px;
+  letter-spacing: -0.03em;
+  color: #000000;
+  cursor: pointer;
+
+  &:hover {
+    background-color: #ebebeb;
+  }
+`;