diff --git a/src/assets/icons/ic_back.svg b/src/assets/icons/ic_back.svg
index 9989dee1..eb81b631 100644
--- a/src/assets/icons/ic_back.svg
+++ b/src/assets/icons/ic_back.svg
@@ -1,3 +1,3 @@
-<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.0599 20.5009L18.8716 15.7408C18.9121 15.7017 18.9444 15.6542 18.9665 15.6013C18.9886 15.5484 19 15.4913 19 15.4336C19 15.3759 18.9886 15.3188 18.9665 15.2659C18.9444 15.213 18.9121 15.1655 18.8716 15.1263C18.787 15.0451 18.6763 15 18.5615 15C18.4467 15 18.336 15.0451 18.2514 15.1263L13.1285 20.1921C13.088 20.2313 13.0556 20.2789 13.0335 20.3318C13.0114 20.3848 13 20.4419 13 20.4997C13 20.5575 13.0114 20.6147 13.0335 20.6676C13.0556 20.7205 13.088 20.7681 13.1285 20.8073L18.2514 25.8731C18.3359 25.9547 18.4466 26 18.5615 26C18.6764 26 18.7871 25.9547 18.8716 25.8731C18.9121 25.8339 18.9444 25.7864 18.9665 25.7335C18.9886 25.6807 19 25.6236 19 25.5658C19 25.5081 18.9886 25.451 18.9665 25.3981C18.9444 25.3452 18.9121 25.2978 18.8716 25.2586L14.0599 20.5009Z" fill="white" stroke="#BEBEBE"/>
+<svg width="28" height="44" viewBox="0 0 28 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 16L11 22L17 28" stroke="#909090" stroke-width="1.4" stroke-linecap="square" stroke-linejoin="round"/>
 </svg>
diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts
index 56eb3664..2452d084 100644
--- a/src/assets/icons/index.ts
+++ b/src/assets/icons/index.ts
@@ -6,6 +6,7 @@ export { default as icBookmarkSelected } from './ic_bookmark_selected.svg';
 export { default as icBookmarkUnselected } from './ic_bookmark_unselected.svg';
 export { default as icSearch } from './ic_search.svg';
 export { ReactComponent as IcBack } from './ic_back.svg';
+export { default as icBack } from './ic_back.svg';
 export { ReactComponent as IcDelete } from './ic_delete.svg';
 export { default as icMemberAdd } from './ic_member_add.svg';
 export { default as icMemberAdded } from './ic_member_added.svg';
diff --git a/src/presentation/components/common/CommonNavigation/index.tsx b/src/presentation/components/common/CommonNavigation/index.tsx
new file mode 100644
index 00000000..5e284efc
--- /dev/null
+++ b/src/presentation/components/common/CommonNavigation/index.tsx
@@ -0,0 +1,25 @@
+import { useNavigate } from 'react-router-dom';
+
+import { icBack } from '@assets/icons';
+import { StBack, StCommonNavigation, StSubmitButton, StTitle } from './style';
+
+interface CommonNavigationProps {
+  isBack?: boolean;
+  onClickBack?: () => void;
+  title?: string;
+  submitButton?: { content: string; onClick: () => void };
+}
+
+export default function CommonNavigation(props: CommonNavigationProps) {
+  const { isBack = true, onClickBack, title, submitButton } = props;
+  const navigate = useNavigate();
+  return (
+    <StCommonNavigation>
+      {isBack && <StBack src={icBack} onClick={onClickBack ? onClickBack : () => navigate(-1)} />}
+      {title && <StTitle>{title}</StTitle>}
+      {submitButton && (
+        <StSubmitButton onClick={submitButton.onClick}>{submitButton.content}</StSubmitButton>
+      )}
+    </StCommonNavigation>
+  );
+}
diff --git a/src/presentation/components/common/CommonNavigation/style.ts b/src/presentation/components/common/CommonNavigation/style.ts
new file mode 100644
index 00000000..cdade016
--- /dev/null
+++ b/src/presentation/components/common/CommonNavigation/style.ts
@@ -0,0 +1,37 @@
+import { COLOR } from '@styles/common/color';
+import { FONT_STYLES } from '@styles/common/font-style';
+import styled from 'styled-components';
+
+export const StCommonNavigation = styled.div`
+  width: 100%;
+  height: 44px;
+  position: relative;
+  & > * {
+    position: absolute;
+  }
+`;
+
+export const StBack = styled.img`
+  margin-left: 14px;
+`;
+
+export const StTitle = styled.div`
+  top: 14px;
+  left: 50%;
+  transform: translate(-50%, 0%);
+  ${FONT_STYLES.SB_17_TITLE}
+  line-height: 100%;
+  letter-spacing: -0.01em;
+  color: ${COLOR.GRAY_8};
+`;
+
+export const StSubmitButton = styled.button`
+  top: 14.33px;
+  right: 0;
+  margin-right: 14.33px;
+  ${FONT_STYLES.M_15_TITLE}
+  line-height: 100%;
+  letter-spacing: -0.01em;
+  color: ${COLOR.CORAL_MAIN};
+  background-color: transparent;
+`;
diff --git a/src/presentation/pages/Team/Register/index.tsx b/src/presentation/pages/Team/Register/index.tsx
index 9ad7ee07..77906df5 100644
--- a/src/presentation/pages/Team/Register/index.tsx
+++ b/src/presentation/pages/Team/Register/index.tsx
@@ -20,6 +20,7 @@ import { useLoginUser } from '@hooks/useLoginUser';
 import { api } from '@api/index';
 import { useState } from 'react';
 import { useEffect } from 'react';
+import CommonNavigation from '@components/common/CommonNavigation';
 
 function TeamRegister() {
   const [isMemberSelectMode, setIsMemberSelectMode] = useState(false);
@@ -53,46 +54,49 @@ function TeamRegister() {
   return (
     <StTeamRegister>
       {isMemberSelectMode && <TeamMembers onClickSubmitButton={closeMembers} />}
-      <StTeamRegisterWrapper>
-        <StTitle>팀 등록하기</StTitle>
-        <StAbsoluteWrapper>
-          <PhotoUpload width="104px" height="104px" borderRadius="36px" setFile={setImage}>
-            <ImgTeamAdd />
-          </PhotoUpload>
-          {!image && <StIcPencil />}
-        </StAbsoluteWrapper>
-        <CommonLabel content="팀 이름" marginTop="32px" marginBottom="18px" />
-        <CommonInput
-          value={name}
-          width="100%"
-          placeholder="팀 이름을 입력해주세요"
-          onChange={(name) => setName(name)}
-        />
-        <CommonLabel content="팀에 관해 간략히 설명해주세요" marginTop="44px" />
-        <StTextarea
-          placeholder="설명을 입력해주세요"
-          value={description}
-          onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setDescription(e.target.value)}
-        />
-        <CommonLabel content="팀원을 추가해주세요" marginTop="44px" marginBottom="18px" />
-        <ProfileList
-          isSquare={false}
-          profileList={[
-            { id: id, profileName: username, profileImage: profileImage ?? imgEmptyProfile },
-            ...selectedUserList,
-          ]}
-          onAddClick={() => setIsMemberSelectMode(true)}
-        />
-        <StSubmitButton
-          onClick={() => {
-            submitTeamInfo();
-            navigate('/home/team');
-          }}
-          isActive={name.length > 0}
-        >
-          완료
-        </StSubmitButton>
-      </StTeamRegisterWrapper>
+      <>
+        <CommonNavigation />
+        <StTeamRegisterWrapper>
+          <StTitle>팀 등록하기</StTitle>
+          <StAbsoluteWrapper>
+            <PhotoUpload width="104px" height="104px" borderRadius="36px" setFile={setImage}>
+              <ImgTeamAdd />
+            </PhotoUpload>
+            {!image && <StIcPencil />}
+          </StAbsoluteWrapper>
+          <CommonLabel content="팀 이름" marginTop="32px" marginBottom="18px" />
+          <CommonInput
+            value={name}
+            width="100%"
+            placeholder="팀 이름을 입력해주세요"
+            onChange={(name) => setName(name)}
+          />
+          <CommonLabel content="팀에 관해 간략히 설명해주세요" marginTop="44px" />
+          <StTextarea
+            placeholder="설명을 입력해주세요"
+            value={description}
+            onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setDescription(e.target.value)}
+          />
+          <CommonLabel content="팀원을 추가해주세요" marginTop="44px" marginBottom="18px" />
+          <ProfileList
+            isSquare={false}
+            profileList={[
+              { id: id, profileName: username, profileImage: profileImage ?? imgEmptyProfile },
+              ...selectedUserList,
+            ]}
+            onAddClick={() => setIsMemberSelectMode(true)}
+          />
+          <StSubmitButton
+            onClick={() => {
+              submitTeamInfo();
+              navigate('/home/team');
+            }}
+            isActive={name.length > 0}
+          >
+            완료
+          </StSubmitButton>
+        </StTeamRegisterWrapper>
+      </>
     </StTeamRegister>
   );
 }
diff --git a/src/presentation/pages/Team/Register/style.ts b/src/presentation/pages/Team/Register/style.ts
index 1bc56178..942dd768 100644
--- a/src/presentation/pages/Team/Register/style.ts
+++ b/src/presentation/pages/Team/Register/style.ts
@@ -24,7 +24,7 @@ export const StTitle = styled.div`
   font-weight: 600;
   font-size: 24px;
   color: ${COLOR.GRAY_8};
-  margin-top: 42px;
+  margin-top: 68px;
   margin-bottom: 30px;
 `;