diff --git a/src/components/ui/input/Input.tsx b/src/components/ui/input/Input.tsx
new file mode 100644
index 0000000..ad8a472
--- /dev/null
+++ b/src/components/ui/input/Input.tsx
@@ -0,0 +1,5 @@
+import * as S from "./inputStyle";
+
+export default function Input({ type }: IInputProps) {
+  return <S.input type={type}></S.input>;
+}
diff --git a/src/components/ui/input/inputStyle.ts b/src/components/ui/input/inputStyle.ts
new file mode 100644
index 0000000..49aa0ea
--- /dev/null
+++ b/src/components/ui/input/inputStyle.ts
@@ -0,0 +1,16 @@
+import styled from "styled-components";
+
+export const input = styled.input`
+  width: 100%;
+  height: 40px;
+  border-radius: 14px;
+  padding: 16px;
+  background-color: #f8f8f8;
+  font-weight: 400;
+  font-size: 14px;
+  color: #000000;
+
+  &:focus {
+    border: 1px solid #44ff92;
+  }
+`;
diff --git a/src/components/ui/input/input_porps.d.ts b/src/components/ui/input/input_porps.d.ts
new file mode 100644
index 0000000..717dfb0
--- /dev/null
+++ b/src/components/ui/input/input_porps.d.ts
@@ -0,0 +1,3 @@
+interface IInputProps {
+  type: "text";
+}