diff --git a/ajouthon/src/pages/help/Help.tsx b/ajouthon/src/pages/help/Help.tsx
index b1fa808b..2b2ad95f 100644
--- a/ajouthon/src/pages/help/Help.tsx
+++ b/ajouthon/src/pages/help/Help.tsx
@@ -24,23 +24,99 @@ const data = [
},
];
+const HelpOuterContainer = styled.div`
+ display: flex;
+ justify-content: space-evenly;
+ width: 1440px;
+ padding: 30px;
+ margin: 50px;
+ margin: 0 auto;
+`;
+
+const HelpTitle = styled.div`
+ font-size: 25px;
+ font-weight: bold;
+`;
+
+const HelpInnerContainer = styled.div`
+ display: flex;
+ margin: 20px;
+ flex-direction: column;
+ justify-content: space-evenly;
+ text-align: center;
+ padding: 30px;
+ border-radius: 40px;
+ background-color: #c1e1ff;
+ width: 650px;
+ height: 500px;
+ margin: 0 auto;
+`;
+
const CSVForm = styled(CSVLink)`
padding: 20px;
border-radius: 40px;
- background-color: #69f479;
+ width: 150px;
+ color: white;
+ background-color: #1890ff;
+ text-align: center;
+ font-weight: bolder;
+ margin: 0 auto;
`;
-const HelpContainer = styled.div`
- margin: 50px 20px;
+const HelpCommandContainer = styled.div`
+ display: flex;
+ flex-direction: column;
+`;
+const HelpCommand = styled.div`
+ margin: 20px;
+ font-weight: bold;
+ line-height: 25px;
`;
-
const Help = () => {
return (
-
-
- 양식 다운로드
-
-
+
+
+ 부원 자동 업로드 하는 법
+
+ 양식 다운로드
+
+
+ 1. 위 양식 파일을 다운로드 한다.
+ 2. 파일의 라벨에 따라 정보를 기입한다.
+
+ {" "}
+ (직책을 표기할 시 회장은 1, 부회장은 2, 총무는 3, 회원은 4로
+ 기입한다.)
+
+
+ 3. 모든 정보를 기입한 csv파일을 부원 관리 페이지에 업로드 한다.
+
+ 4. '학사서비스 등록' 버튼을 클릭한다.
+
+
+
+
+ 동아리 활동 관리 업로드 하는 법
+
+
+ {" "}
+ 1. 활동관리 페이지에서 활동내역추가 버튼을 클릭한다.{" "}
+
+
+ {" "}
+ 2. 정보를 기입하고 활동보고서 자동작성을 클릭한다.{" "}
+
+
+ {" "}
+ 3. AI가 작성한 보고서를 확인하고 저장 또는 저장 후 업로드 한다.{" "}
+
+
+ 4. 임시저장 후 업로드 할 시에는 원하는 활동을 선택하고
+ '학사서비스 등록' 버튼을 클릭한다.
+
+
+
+
);
};