diff --git a/_data/members.yml b/_data/members.yml
index 5f88f31..fdbfb86 100644
--- a/_data/members.yml
+++ b/_data/members.yml
@@ -1,81 +1,747 @@
 - name: 김남주
-  github: cmsong111
-  avatar: https://avatars.githubusercontent.com/u/23499675?v=4
   role: Lead
-  email: cmsong111@gmail.com
-  description: T자형 개발자를 희망하는 학생입니다.
+  chore: 
+    - 1기
+    - 2기
+    - 3기
+  status: active
+  github: cmsong111
+  email: cmsong111@naver.com
 
-- name: 정민규
-  github: tomorrow9913
-  avatar: https://avatars.githubusercontent.com/u/35493042?v=4
-  role: Core
-
-- name: 정예준
-  github: yejun614
-  avatar: https://avatars.githubusercontent.com/u/31740224?v=4
+- name: 김지홍
   role: Core
+  chore:
+    - 1기
+    - 3기
+  status: active
+  github: jihongeek
+  email: john_over2@naver.com
 
 - name: 조진혁
+  role: Core
+  chore:
+    - 1기
+    - 2기
+    - 3기
+  status: active
   github: Mina-1316
-  avatar: https://avatars.githubusercontent.com/u/74696602?v=4
+  email: mina1316.canreply@gmail.com
+
+- name: 정민규
   role: Core
+  chore: 
+    - 2기
+    - 3기
+  status: active
+  github: tomorrow9913
+  email: tomorrow9913@gmail.com
+
+- name: 송녕경
+  role: Core
+  chore:
+    - 2기
+  status: active
+  github: nyeonggyeong
+  email: suk22140@gmail.com
 
 - name: 최서윤
-  github: indevruis
-  avatar: https://avatars.githubusercontent.com/u/99643711?v=4
   role: Core
+  chore: 
+    - 2기
+    - 3기
+  status: active
+  github: indevruis
+  email: indevruis@gmail.com
+
+- name: 유동근
+  role: Member
+  chore: 
+    - 2기
+    - 3기
+  status: active
+  github: dongdong8343
+  email: fkdlem8343@naver.com
+
+- name: 남정욱
+  role: Member
+  chore: 
+    - 2기
+    - 3기
+  status: active
+  github: HelloWook
+  email: wookgod01@naver.com
+
+- name: 임도훈
+  role: Member
+  chore:
+    - 2기
+    - 3기
+  status: active
+  github: Hun3431
+  email: hun_3431@kakao.com
+
+- name: 강민정
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: im-in-105
+  email: alswjd100559@gmail.com
+
+- name: 문예진
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: wive10
+  email: immoonyejin@gmail.com
+
+- name: 박소은
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: Soeun0
+  email: qozjavostus@gmail.com
+
+- name: 박주용
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: ju1645
+  email: ju704164553@gmail.com
+
+- name: 이지현
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  email: hyeon7588@gmail.com
+
+- name: 최범준
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: "12050"
+  email: earthkorea1111@gmail.com
+
+- name: 강보민
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: borbbo
+  email: hlness0226@gmail.com
+
+- name: 강준화
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  email: rkdwnsghk12@naver.com
+
+- name: 김다봄
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: dabom10
+  email: dabom425@gmail.com
+
+- name: 김민경
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: mnmn05
+  email: mink0502k@gmail.com
+
+- name: 김민석
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: minseok419
+  email: minseok050419@gmail.com
+
+- name: 김비룡
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: biryeongtrain
+  email: kb1004326@naver.com
+
+- name: 김청해
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: "111jjj111"
+  email: rlacjdgo23@gmail.com
+
+- name: 신유진
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: syj318
+  email: syj31822@gmail.com
+
+- name: 양진원
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: chikchok1
+  email: tony.jinwonyang@gmail.com
+
+- name: 이도원
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: protectinghome
+  email: ldwlee03@gmail.com
+
+- name: 이은진
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: eunjingjing
+  email: dcbwww1@gmail.com
+
+- name: 이준혁
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  email: junhyeok0430@gmail.com
+
+- name: 임민욱
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: minyook
+  email: limminyuk0815@gmail.com
+
+- name: 임승진
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: SeungJin051
+  email: seungjin051@gmail.com
+
+- name: 장나라
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  email: fcf2377@gmail.com
+
+- name: 정채빈
+  role: Member
+  chore: 
+    - 3기
+  status: active
+  github: beantultulyee
+  email: chaebinjeong39@gmail.com
+
+- name: 김시현
+  role: Member
+  chore: 
+    - 2기
+  status: Freeze
+  email: abalon3@naver.com
+
+- name: 나승주
+  role: Member
+  chore: 
+    - 2기
+  status: Freeze
+  email: naseungju02@gmail.com
+
+- name: 박근민
+  role: Member
+  chore: 
+    - 2기
+  status: Freeze
+  github: surrin1008
+  email: 20213056@office.deu.ac.kr
+
+- name: 박무성
+  role: Member
+  chore: 
+    - 2기
+  status: Freeze
+  email: zenga85@naver.com
+
+- name: 이선학
+  role: Member
+  chore: 
+    - 2기
+  status: Freeze
+  github: sunbaklee
+  email: lsh6076@naver.com
+
+- name: 김동영
+  role: Lead
+  chore: 
+    - 1기
+  status: Finish
+  github: pers0n4
+  email: 31337.persona@gmail.com
 
 - name: 진희륜
+  role: Lead
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
   github: SerenityS
-  avatar: https://avatars.githubusercontent.com/u/3811039?v=4
+  email: jins4218@gmail.com
+
+- name: 김영주
+  role: Core
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: K-0joo
+  email: tyty4420@naver.com
+
+- name: 박중환
+  role: Core
+  chore: 
+    - 1기
+  status: Finish
+  github: park0923
+  email: wndgks6249@gmail.com
+
+- name: 박지윤
+  role: Core
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: jiy00nn
+  email: mkaidgic764@naver.com
+
+- name: 신동하
+  role: Core
+  chore: 
+    - 1기
+  status: Finish
+  github: Shin-Dong-Ha
+  email: trydio608@naver.com
+
+- name: 최정혜
+  role: Core
+  chore: 
+    - 1기
+  status: Finish
+  github: jeonghye-choi
+  email: ppllhm.0@gmail.com
+
+- name: 최주영
+  role: Core
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: yuw0l
+  email: cjy020718@gmail.com
+
+- name: 손진영
+  role: Core
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: jinyoung234
+  email: sm099@naver.com
+
+- name: 정예준
   role: Core
+  chore: 
+    - 1기
+    - 2기
+    - 3기
+  status: Finish
+  github: yejun614
+  email: yejun614@naver.com
+
+- name: 강대한
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: BLUEVERY8
+  email: bluevery818@gmail.com
+
+- name: 김민승
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  email: kms50000@naver.com
+
+- name: 김종운
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  email: senscalibur@gmail.com
+
+- name: 김준성
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: wnstjd5408
+  email: wnstjd5408@naver.com
+
+- name: 남유정
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: uzhjd
+  email: yujeong0528@naver.com
 
 - name: 박상현
+  role: Member
+  chore: 
+    - 1기
+    - 2기
+    - 3기
+  status: Finish
   github: thelight0804
-  avatar: https://avatars.githubusercontent.com/u/69424845?v=4
+  email: thelight0804@gmail.com
+
+- name: 박창주
   role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: pcj1505
+  email: bc5218j@naver.com
 
-- name: 김대규
-  github: ByeolNabi
-  avatar: https://avatars.githubusercontent.com/u/82073780?v=4
+- name: 송재백
   role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: thdwoqor
+  email: thdwoqor@naver.com
 
-- name: 박주용
-  github: ju1645
-  avatar: https://avatars.githubusercontent.com/u/74340864?v=4
+- name: 원지윤
   role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: sudhdkso
+  email: waga1009@gmail.com
 
-- name: 임도훈
-  github: Hun3431
-  avatar: https://avatars.githubusercontent.com/u/68728352?v=4
+- name: 윤채민
   role: Member
+  chore: 
+    - 1기
+    - 2기 
+    - 3기
+  status: Finish
+  github: cinnamein
+  email: cinnamein@gmail.com
 
-- name: 문예진
-  github: wive10
-  avatar: https://avatars.githubusercontent.com/u/70935978?v=4
+- name: 이설희
   role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: D0ri123
+  email: lsh8155@naver.com
 
-- name: 김권수
-  github: Kuneosu
-  avatar: https://avatars.githubusercontent.com/u/66168725?v=4
+- name: 최인수
   role: Member
+  c  chore: 
+    - 1기
+  status: Finish
+  github: Nifskor
+  email: insuchoiqq@naver.com
 
-- name: 최범준
-  github: 012050
-  avatar: https://avatars.githubusercontent.com/u/101517763?v=4
+- name: 추용혁
   role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: solo5star
+  email: solo_5@naver.com
 
-- name: 신승우
-  github: SeungWoo1121
-  avatar: https://avatars.githubusercontent.com/u/144456090?v=4
+- name: 허수민
   role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: heosumin518
+  email: heosumin518@gmail.com
 
-- name: 윤채민
-  github: oyune
-  avatar: https://avatars.githubusercontent.com/u/93826302?v=4
+- name: 김현지
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: Hyun-Jiii
+  email: hyunjiiiii.0105@gmail.com
+
+- name: 신채은
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  email: chaeeuns1021@gmail.com
+
+- name: 오진서
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  github: ohjinseo
+  email: ojs835@naver.com
+
+- name: 윤한영
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  email: dbsgksdud12@naver.com
+
+- name: 이수찬
+  role: Member
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: soochangoforit
+  email: tncksdl05@gmail.com
+
+- name: 이주혁
+  role: Member
+  chore: 
+    - 1기
+  status: Finish
+  email: joohyeok5118@naver.com
+
+- name: 이지호
+  role: Member
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: jiho9702
+  email: jiho9707@gmail.com
+
+- name: 정진희
+  role: Member
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: rhaehf
+  email: jda0526@naver.com
+
+- name: 최범진
+  role: Member
+  chore: 
+    - 1기
+    - 2기
+  status: Finish
+  github: bj0717
+  email: haorenbj@naver.com
+
+- name: 강인석
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: kis0062195@gmail.com
+
+- name: 김우진
   role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: woojin1354@gmail.com
+
+- name: 김원
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: ksknk67@gmail.com
+
+- name: 문장혁
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: john04004@naver.com
+
+- name: 박병주
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: zkakcnd@naver.com
+
+- name: 박유정
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: jeny2003@naver.com
+
+- name: 박윤재
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: yunjae1204@gmail.com
+
+- name: 박창준
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: pcj0331@naver.com
+
+- name: 손정민
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: fkdlem8343@naver.com
+
+- name: 이혜리
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  github: l-hyeri
+  email: hyeri6318@gmail.com
+
+- name: 이호영
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: win_dy1207@naver.com
 
 - name: 장현제
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
   github: Hyeonje09
-  avatar: https://avatars.githubusercontent.com/u/104563212?v=4
+  email: 20203209@office.deu.ac.kr
+
+- name: 전진호
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  github: right5625
+  email: right5625@naver.com
+
+- name: 최동우
+  role: Member
+  chore: 
+    - 2기
+  github: dongwoochoi
+  status: Finish
+  email: dong99woo@gmail.com
+
+- name: 최민
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: rmdwjd76@naver.com
+
+- name: 허동훈
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: tjdqls412@naver.com
+
+- name: 강해성
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  github: koh1260
+  email: k001206666@gmail.com
+
+- name: 김권수
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  github: Kuneosu
+  email: kks92155784@gmail.com
+
+- name: 엄예진
+  role: Member
+  chore: 
+    - 2기
+  status: Finish
+  email: yejin-e
+  email: kgb9326@naver.com
+
+- name: 조은지
+  role: Member
+  chore: 2.5기
+  status: Finish
+  email: eunji3314@naver.com
+
+- name: 진민정
+  role: Member
+  chore: 2.5기
+  status: Finish
+  github: Jung2312
+  email: 20212856@office.deu.ac.kr
+
+- name: 최종학
+  role: Member
+  chore: 2.5기
+  status: Finish
+  github: JongHak19
+  email: cj855695@gmail.com
+
+- name: 김대규
+  role: Member
+  chore: 
+    - 3기
+  status: Finish
+  github: ByeolNabi
+  email: lemoncastella@gmail.com
+
+- name: 신승우
+  role: Member
+  chore: 
+    - 3기
+  status: Finish
+  github: SeungWoo1121
+  email: sseungu23@gmail.com
+
+- name: 장민서
   role: Member
+  chore: 3기
+  status: Finish
+  github: m1no3o
+  email: wkdalstj2004@gmail.com
diff --git a/_data/navigation.yml b/_data/navigation.yml
index 04a7ee6..28bd95f 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -6,7 +6,7 @@
   link: /project/
 - name: Member
   link: /member/
-- name: Contact Us
-  link: /contact-us/
+- name: Study
+  link: /study/
 - name: About Us
   link: /about-us/
diff --git a/_layouts/default.html b/_layouts/default.html
index 9a7f2e9..55dcd43 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,8 +1,1038 @@
 <!DOCTYPE html>
 <html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=978">
+    <title>{{ site.title }}</title>
     {% include head.html %}
-    <body>
-        {% include header.html %}
+    <style>
+        body {
+            background-color: #FFFFFF;
+            margin: 0;
+            padding: 0;
+        }
+
+        @media print {
+            @page {
+                margin: 0;
+                size: 8.5in 11in;
+            }
+        }
+
+        /*  https://github.com/sindresorhus/github-markdown-css
+
+    MIT License
+
+    Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ */
+        .markdown-body {
+            box-sizing: border-box;
+            width: 978px;
+            margin: 0 auto;
+            padding: 32px;
+        }
+
+        .markdown-body .octicon {
+            display: inline-block;
+            fill: currentColor;
+            vertical-align: text-bottom;
+        }
+
+        .markdown-body .anchor {
+            float: left;
+            line-height: 1;
+            margin-left: -20px;
+            padding-right: 4px;
+        }
+
+        .markdown-body .anchor:focus {
+            outline: none;
+        }
+
+        .markdown-body h1 .octicon-link,
+        .markdown-body h2 .octicon-link,
+        .markdown-body h3 .octicon-link,
+        .markdown-body h4 .octicon-link,
+        .markdown-body h5 .octicon-link,
+        .markdown-body h6 .octicon-link {
+            color: #1b1f23;
+            vertical-align: middle;
+            visibility: hidden;
+        }
+
+        .markdown-body h1:hover .anchor,
+        .markdown-body h2:hover .anchor,
+        .markdown-body h3:hover .anchor,
+        .markdown-body h4:hover .anchor,
+        .markdown-body h5:hover .anchor,
+        .markdown-body h6:hover .anchor {
+            text-decoration: none;
+        }
+
+        .markdown-body h1:hover .anchor .octicon-link,
+        .markdown-body h2:hover .anchor .octicon-link,
+        .markdown-body h3:hover .anchor .octicon-link,
+        .markdown-body h4:hover .anchor .octicon-link,
+        .markdown-body h5:hover .anchor .octicon-link,
+        .markdown-body h6:hover .anchor .octicon-link {
+            visibility: visible;
+        }
+
+        .markdown-body h1:hover .anchor .octicon-link:before,
+        .markdown-body h2:hover .anchor .octicon-link:before,
+        .markdown-body h3:hover .anchor .octicon-link:before,
+        .markdown-body h4:hover .anchor .octicon-link:before,
+        .markdown-body h5:hover .anchor .octicon-link:before,
+        .markdown-body h6:hover .anchor .octicon-link:before {
+            width: 16px;
+            height: 16px;
+            content: ' ';
+            display: inline-block;
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E");
+        }
+
+        .markdown-body {
+            -ms-text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+            line-height: 1.5;
+            color: #24292e;
+            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+            font-size: 16px;
+            line-height: 1.5;
+            word-wrap: break-word;
+        }
+
+        .markdown-body details {
+            display: block;
+        }
+
+        .markdown-body summary {
+            display: list-item;
+        }
+
+        .markdown-body a {
+            background-color: initial;
+        }
+
+        .markdown-body a:active,
+        .markdown-body a:hover {
+            outline-width: 0;
+        }
+
+        .markdown-body strong {
+            font-weight: inherit;
+            font-weight: bolder;
+        }
+
+        .markdown-body h1 {
+            font-size: 2em;
+            margin: .67em 0;
+        }
+
+        .markdown-body img {
+            border-style: none;
+        }
+
+        .markdown-body code,
+        .markdown-body kbd,
+        .markdown-body pre {
+            font-family: monospace, monospace;
+            font-size: 1em;
+        }
+
+        .markdown-body hr {
+            box-sizing: initial;
+            height: 0;
+            overflow: visible;
+        }
+
+        .markdown-body input {
+            font: inherit;
+            margin: 0;
+        }
+
+        .markdown-body input {
+            overflow: visible;
+        }
+
+        .markdown-body [type=checkbox] {
+            box-sizing: border-box;
+            padding: 0;
+        }
+
+        .markdown-body * {
+            box-sizing: border-box;
+        }
+
+        .markdown-body input {
+            font-family: inherit;
+            font-size: inherit;
+            line-height: inherit;
+        }
+
+        .markdown-body a {
+            color: #0366d6;
+            text-decoration: none;
+        }
+
+        .markdown-body a:hover {
+            text-decoration: underline;
+        }
+
+        .markdown-body strong {
+            font-weight: 600;
+        }
+
+        .markdown-body hr {
+            height: 0;
+            margin: 15px 0;
+            overflow: hidden;
+            background: transparent;
+            border: 0;
+            border-bottom: 1px solid #dfe2e5;
+        }
+
+        .markdown-body hr:after,
+        .markdown-body hr:before {
+            display: table;
+            content: "";
+        }
+
+        .markdown-body hr:after {
+            clear: both;
+        }
+
+        .markdown-body table {
+            border-spacing: 0;
+            border-collapse: collapse;
+        }
+
+        .markdown-body td,
+        .markdown-body th {
+            padding: 0;
+        }
+
+        .markdown-body details summary {
+            cursor: pointer;
+        }
+
+        .markdown-body kbd {
+            display: inline-block;
+            padding: 3px 5px;
+            font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+            line-height: 10px;
+            color: #444d56;
+            vertical-align: middle;
+            background-color: #fafbfc;
+            border: 1px solid #d1d5da;
+            border-radius: 3px;
+            box-shadow: inset 0 -1px 0 #d1d5da;
+        }
+
+        .markdown-body h1,
+        .markdown-body h2,
+        .markdown-body h3,
+        .markdown-body h4,
+        .markdown-body h5,
+        .markdown-body h6 {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        .markdown-body h1 {
+            font-size: 32px;
+        }
+
+        .markdown-body h1,
+        .markdown-body h2 {
+            font-weight: 600;
+        }
+
+        .markdown-body h2 {
+            font-size: 24px;
+        }
+
+        .markdown-body h3 {
+            font-size: 20px;
+        }
+
+        .markdown-body h3,
+        .markdown-body h4 {
+            font-weight: 600;
+        }
+
+        .markdown-body h4 {
+            font-size: 16px;
+        }
+
+        .markdown-body h5 {
+            font-size: 14px;
+        }
+
+        .markdown-body h5,
+        .markdown-body h6 {
+            font-weight: 600;
+        }
+
+        .markdown-body h6 {
+            font-size: 12px;
+        }
+
+        .markdown-body p {
+            margin-top: 0;
+            margin-bottom: 10px;
+        }
+
+        .markdown-body blockquote {
+            margin: 0;
+        }
+
+        .markdown-body ol,
+        .markdown-body ul {
+            padding-left: 0;
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        .markdown-body ol ol,
+        .markdown-body ul ol {
+            list-style-type: lower-roman;
+        }
+
+        .markdown-body ol ol ol,
+        .markdown-body ol ul ol,
+        .markdown-body ul ol ol,
+        .markdown-body ul ul ol {
+            list-style-type: lower-alpha;
+        }
+
+        .markdown-body dd {
+            margin-left: 0;
+        }
+
+        .markdown-body code,
+        .markdown-body pre {
+            font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+            font-size: 12px;
+        }
+
+        .markdown-body pre {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        .markdown-body input::-webkit-inner-spin-button,
+        .markdown-body input::-webkit-outer-spin-button {
+            margin: 0;
+            -webkit-appearance: none;
+            appearance: none;
+        }
+
+        .markdown-body :checked+.radio-label {
+            position: relative;
+            z-index: 1;
+            border-color: #0366d6;
+        }
+
+        .markdown-body .border {
+            border: 1px solid #e1e4e8 !important;
+        }
+
+        .markdown-body .border-0 {
+            border: 0 !important;
+        }
+
+        .markdown-body .border-bottom {
+            border-bottom: 1px solid #e1e4e8 !important;
+        }
+
+        .markdown-body .rounded-1 {
+            border-radius: 3px !important;
+        }
+
+        .markdown-body .bg-white {
+            background-color: #fff !important;
+        }
+
+        .markdown-body .bg-gray-light {
+            background-color: #fafbfc !important;
+        }
+
+        .markdown-body .text-gray-light {
+            color: #6a737d !important;
+        }
+
+        .markdown-body .mb-0 {
+            margin-bottom: 0 !important;
+        }
+
+        .markdown-body .my-2 {
+            margin-top: 8px !important;
+            margin-bottom: 8px !important;
+        }
+
+        .markdown-body .pl-0 {
+            padding-left: 0 !important;
+        }
+
+        .markdown-body .py-0 {
+            padding-top: 0 !important;
+            padding-bottom: 0 !important;
+        }
+
+        .markdown-body .pl-1 {
+            padding-left: 4px !important;
+        }
+
+        .markdown-body .pl-2 {
+            padding-left: 8px !important;
+        }
+
+        .markdown-body .py-2 {
+            padding-top: 8px !important;
+            padding-bottom: 8px !important;
+        }
+
+        .markdown-body .pl-3,
+        .markdown-body .px-3 {
+            padding-left: 16px !important;
+        }
+
+        .markdown-body .px-3 {
+            padding-right: 16px !important;
+        }
+
+        .markdown-body .pl-4 {
+            padding-left: 24px !important;
+        }
+
+        .markdown-body .pl-5 {
+            padding-left: 32px !important;
+        }
+
+        .markdown-body .pl-6 {
+            padding-left: 40px !important;
+        }
+
+        .markdown-body .f6 {
+            font-size: 12px !important;
+        }
+
+        .markdown-body .lh-condensed {
+            line-height: 1.25 !important;
+        }
+
+        .markdown-body .text-bold {
+            font-weight: 600 !important;
+        }
+
+        .markdown-body .pl-c {
+            color: #6a737d;
+        }
+
+        .markdown-body .pl-c1,
+        .markdown-body .pl-s .pl-v {
+            color: #005cc5;
+        }
+
+        .markdown-body .pl-e,
+        .markdown-body .pl-en {
+            color: #6f42c1;
+        }
+
+        .markdown-body .pl-s .pl-s1,
+        .markdown-body .pl-smi {
+            color: #24292e;
+        }
+
+        .markdown-body .pl-ent {
+            color: #22863a;
+        }
+
+        .markdown-body .pl-k {
+            color: #d73a49;
+        }
+
+        .markdown-body .pl-pds,
+        .markdown-body .pl-s,
+        .markdown-body .pl-s .pl-pse .pl-s1,
+        .markdown-body .pl-sr,
+        .markdown-body .pl-sr .pl-cce,
+        .markdown-body .pl-sr .pl-sra,
+        .markdown-body .pl-sr .pl-sre {
+            color: #032f62;
+        }
+
+        .markdown-body .pl-smw,
+        .markdown-body .pl-v {
+            color: #e36209;
+        }
+
+        .markdown-body .pl-bu {
+            color: #b31d28;
+        }
+
+        .markdown-body .pl-ii {
+            color: #fafbfc;
+            background-color: #b31d28;
+        }
+
+        .markdown-body .pl-c2 {
+            color: #fafbfc;
+            background-color: #d73a49;
+        }
+
+        .markdown-body .pl-c2:before {
+            content: "^M";
+        }
+
+        .markdown-body .pl-sr .pl-cce {
+            font-weight: 700;
+            color: #22863a;
+        }
+
+        .markdown-body .pl-ml {
+            color: #735c0f;
+        }
+
+        .markdown-body .pl-mh,
+        .markdown-body .pl-mh .pl-en,
+        .markdown-body .pl-ms {
+            font-weight: 700;
+            color: #005cc5;
+        }
+
+        .markdown-body .pl-mi {
+            font-style: italic;
+            color: #24292e;
+        }
+
+        .markdown-body .pl-mb {
+            font-weight: 700;
+            color: #24292e;
+        }
+
+        .markdown-body .pl-md {
+            color: #b31d28;
+            background-color: #ffeef0;
+        }
+
+        .markdown-body .pl-mi1 {
+            color: #22863a;
+            background-color: #f0fff4;
+        }
+
+        .markdown-body .pl-mc {
+            color: #e36209;
+            background-color: #ffebda;
+        }
+
+        .markdown-body .pl-mi2 {
+            color: #f6f8fa;
+            background-color: #005cc5;
+        }
+
+        .markdown-body .pl-mdr {
+            font-weight: 700;
+            color: #6f42c1;
+        }
+
+        .markdown-body .pl-ba {
+            color: #586069;
+        }
+
+        .markdown-body .pl-sg {
+            color: #959da5;
+        }
+
+        .markdown-body .pl-corl {
+            text-decoration: underline;
+            color: #032f62;
+        }
+
+        .markdown-body .mb-0 {
+            margin-bottom: 0 !important;
+        }
+
+        .markdown-body .my-2 {
+            margin-bottom: 8px !important;
+        }
+
+        .markdown-body .my-2 {
+            margin-top: 8px !important;
+        }
+
+        .markdown-body .pl-0 {
+            padding-left: 0 !important;
+        }
+
+        .markdown-body .py-0 {
+            padding-top: 0 !important;
+            padding-bottom: 0 !important;
+        }
+
+        .markdown-body .pl-1 {
+            padding-left: 4px !important;
+        }
+
+        .markdown-body .pl-2 {
+            padding-left: 8px !important;
+        }
+
+        .markdown-body .py-2 {
+            padding-top: 8px !important;
+            padding-bottom: 8px !important;
+        }
+
+        .markdown-body .pl-3 {
+            padding-left: 16px !important;
+        }
+
+        .markdown-body .pl-4 {
+            padding-left: 24px !important;
+        }
+
+        .markdown-body .pl-5 {
+            padding-left: 32px !important;
+        }
+
+        .markdown-body .pl-6 {
+            padding-left: 40px !important;
+        }
+
+        .markdown-body .pl-7 {
+            padding-left: 48px !important;
+        }
+
+        .markdown-body .pl-8 {
+            padding-left: 64px !important;
+        }
+
+        .markdown-body .pl-9 {
+            padding-left: 80px !important;
+        }
+
+        .markdown-body .pl-10 {
+            padding-left: 96px !important;
+        }
+
+        .markdown-body .pl-11 {
+            padding-left: 112px !important;
+        }
+
+        .markdown-body .pl-12 {
+            padding-left: 128px !important;
+        }
+
+        .markdown-body hr {
+            border-bottom-color: #eee;
+        }
+
+        .markdown-body kbd {
+            display: inline-block;
+            padding: 3px 5px;
+            font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+            line-height: 10px;
+            color: #444d56;
+            vertical-align: middle;
+            background-color: #fafbfc;
+            border: 1px solid #d1d5da;
+            border-radius: 3px;
+            box-shadow: inset 0 -1px 0 #d1d5da;
+        }
+
+        .markdown-body:after,
+        .markdown-body:before {
+            display: table;
+            content: "";
+        }
+
+        .markdown-body:after {
+            clear: both;
+        }
+
+        .markdown-body>:first-child {
+            margin-top: 0 !important;
+        }
+
+        .markdown-body>:last-child {
+            margin-bottom: 0 !important;
+        }
+
+        .markdown-body a:not([href]) {
+            color: inherit;
+            text-decoration: none;
+        }
+
+        .markdown-body blockquote,
+        .markdown-body details,
+        .markdown-body dl,
+        .markdown-body ol,
+        .markdown-body p,
+        .markdown-body pre,
+        .markdown-body table,
+        .markdown-body ul {
+            margin-top: 0;
+            margin-bottom: 16px;
+        }
+
+        .markdown-body hr {
+            height: .25em;
+            padding: 0;
+            margin: 24px 0;
+            background-color: #e1e4e8;
+            border: 0;
+        }
+
+        .markdown-body blockquote {
+            padding: 0 1em;
+            color: #6a737d;
+            border-left: .25em solid #dfe2e5;
+        }
+
+        .markdown-body blockquote>:first-child {
+            margin-top: 0;
+        }
+
+        .markdown-body blockquote>:last-child {
+            margin-bottom: 0;
+        }
+
+        .markdown-body h1,
+        .markdown-body h2,
+        .markdown-body h3,
+        .markdown-body h4,
+        .markdown-body h5,
+        .markdown-body h6 {
+            margin-top: 24px;
+            margin-bottom: 16px;
+            font-weight: 600;
+            line-height: 1.25;
+        }
+
+        .markdown-body h1 {
+            font-size: 2em;
+        }
+
+        .markdown-body h1,
+        .markdown-body h2 {
+            padding-bottom: .3em;
+            border-bottom: 1px solid #eaecef;
+        }
+
+        .markdown-body h2 {
+            font-size: 1.5em;
+        }
+
+        .markdown-body h3 {
+            font-size: 1.25em;
+        }
+
+        .markdown-body h4 {
+            font-size: 1em;
+        }
+
+        .markdown-body h5 {
+            font-size: .875em;
+        }
+
+        .markdown-body h6 {
+            font-size: .85em;
+            color: #6a737d;
+        }
+
+        .markdown-body ol,
+        .markdown-body ul {
+            padding-left: 2em;
+        }
+
+        .markdown-body ol ol,
+        .markdown-body ol ul,
+        .markdown-body ul ol,
+        .markdown-body ul ul {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        .markdown-body li {
+            word-wrap: break-all;
+        }
+
+        .markdown-body li>p {
+            margin-top: 16px;
+        }
+
+        .markdown-body li+li {
+            margin-top: .25em;
+        }
+
+        .markdown-body dl {
+            padding: 0;
+        }
+
+        .markdown-body dl dt {
+            padding: 0;
+            margin-top: 16px;
+            font-size: 1em;
+            font-style: italic;
+            font-weight: 600;
+        }
+
+        .markdown-body dl dd {
+            padding: 0 16px;
+            margin-bottom: 16px;
+        }
+
+        .markdown-body table {
+            display: block;
+            width: 100%;
+            overflow: auto;
+        }
+
+        .markdown-body table th {
+            font-weight: 600;
+        }
+
+        .markdown-body table td,
+        .markdown-body table th {
+            padding: 6px 13px;
+            border: 1px solid #dfe2e5;
+        }
+
+        .markdown-body table tr {
+            background-color: #fff;
+            border-top: 1px solid #c6cbd1;
+        }
+
+        .markdown-body table tr:nth-child(2n) {
+            background-color: #f6f8fa;
+        }
+
+        .markdown-body img {
+            max-width: 100%;
+            box-sizing: initial;
+            background-color: #fff;
+        }
+
+        .markdown-body img[align=right] {
+            padding-left: 20px;
+        }
+
+        .markdown-body img[align=left] {
+            padding-right: 20px;
+        }
+
+        .markdown-body code {
+            padding: .2em .4em;
+            margin: 0;
+            font-size: 85%;
+            background-color: rgba(27, 31, 35, .05);
+            border-radius: 3px;
+        }
+
+        .markdown-body pre {
+            word-wrap: normal;
+        }
+
+        .markdown-body pre>code {
+            padding: 0;
+            margin: 0;
+            font-size: 100%;
+            word-break: normal;
+            white-space: pre;
+            background: transparent;
+            border: 0;
+        }
+
+        .markdown-body .highlight {
+            margin-bottom: 16px;
+        }
+
+        .markdown-body .highlight pre {
+            margin-bottom: 0;
+            word-break: normal;
+        }
+
+        .markdown-body .highlight pre,
+        .markdown-body pre {
+            padding: 16px;
+            overflow: auto;
+            font-size: 85%;
+            line-height: 1.45;
+            background-color: #f6f8fa;
+            border-radius: 3px;
+        }
+
+        .markdown-body pre code {
+            display: inline;
+            max-width: auto;
+            padding: 0;
+            margin: 0;
+            overflow: visible;
+            line-height: inherit;
+            word-wrap: normal;
+            background-color: initial;
+            border: 0;
+        }
+
+        .markdown-body .commit-tease-sha {
+            display: inline-block;
+            font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+            font-size: 90%;
+            color: #444d56;
+        }
+
+        .markdown-body .full-commit .btn-outline:not(:disabled):hover {
+            color: #005cc5;
+            border-color: #005cc5;
+        }
+
+        .markdown-body .blob-wrapper {
+            overflow-x: auto;
+            overflow-y: hidden;
+        }
+
+        .markdown-body .blob-wrapper-embedded {
+            max-height: 240px;
+            overflow-y: auto;
+        }
+
+        .markdown-body .blob-num {
+            width: 1%;
+            min-width: 50px;
+            padding-right: 10px;
+            padding-left: 10px;
+            font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+            font-size: 12px;
+            line-height: 20px;
+            color: rgba(27, 31, 35, .3);
+            text-align: right;
+            white-space: nowrap;
+            vertical-align: top;
+            cursor: pointer;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+
+        .markdown-body .blob-num:hover {
+            color: rgba(27, 31, 35, .6);
+        }
+
+        .markdown-body .blob-num:before {
+            content: attr(data-line-number);
+        }
+
+        .markdown-body .blob-code {
+            position: relative;
+            padding-right: 10px;
+            padding-left: 10px;
+            line-height: 20px;
+            vertical-align: top;
+        }
+
+        .markdown-body .blob-code-inner {
+            overflow: visible;
+            font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+            font-size: 12px;
+            color: #24292e;
+            word-wrap: normal;
+            white-space: pre;
+        }
+
+        .markdown-body .pl-token.active,
+        .markdown-body .pl-token:hover {
+            cursor: pointer;
+            background: #ffea7f;
+        }
+
+        .markdown-body .tab-size[data-tab-size="1"] {
+            -moz-tab-size: 1;
+            tab-size: 1;
+        }
+
+        .markdown-body .tab-size[data-tab-size="2"] {
+            -moz-tab-size: 2;
+            tab-size: 2;
+        }
+
+        .markdown-body .tab-size[data-tab-size="3"] {
+            -moz-tab-size: 3;
+            tab-size: 3;
+        }
+
+        .markdown-body .tab-size[data-tab-size="4"] {
+            -moz-tab-size: 4;
+            tab-size: 4;
+        }
+
+        .markdown-body .tab-size[data-tab-size="5"] {
+            -moz-tab-size: 5;
+            tab-size: 5;
+        }
+
+        .markdown-body .tab-size[data-tab-size="6"] {
+            -moz-tab-size: 6;
+            tab-size: 6;
+        }
+
+        .markdown-body .tab-size[data-tab-size="7"] {
+            -moz-tab-size: 7;
+            tab-size: 7;
+        }
+
+        .markdown-body .tab-size[data-tab-size="8"] {
+            -moz-tab-size: 8;
+            tab-size: 8;
+        }
+
+        .markdown-body .tab-size[data-tab-size="9"] {
+            -moz-tab-size: 9;
+            tab-size: 9;
+        }
+
+        .markdown-body .tab-size[data-tab-size="10"] {
+            -moz-tab-size: 10;
+            tab-size: 10;
+        }
+
+        .markdown-body .tab-size[data-tab-size="11"] {
+            -moz-tab-size: 11;
+            tab-size: 11;
+        }
+
+        .markdown-body .tab-size[data-tab-size="12"] {
+            -moz-tab-size: 12;
+            tab-size: 12;
+        }
+
+        .markdown-body .task-list-item {
+            list-style-type: none;
+        }
+
+        .markdown-body .task-list-item+.task-list-item {
+            margin-top: 3px;
+        }
+
+        .markdown-body .task-list-item input {
+            margin: 0 .2em .25em -1.6em;
+            vertical-align: middle;
+        }
+    </style>
+</head>
+
+<body>
+    {% include header.html %}
+    <article class="markdown-body">
         {{ content }}
-    </body>
+    </article>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/_pages/member.html b/_pages/member.html
index ffb63ab..2924416 100644
--- a/_pages/member.html
+++ b/_pages/member.html
@@ -4,18 +4,99 @@
 permalink: /member/
 ---
 
-<div id="member-wrap">
-  <div class="wrap">
+<script>
+  // Axios를 활용해서 https://api.github.com/users/<username>에서 데이터를 가져오는 함수를 작성해줘
+  function getGithubProfile(githubId) {
+    const response = axios.get("https://api.github.com/users/" + githubId);
+    console.log(response)
+  }
+  <style>
+    /* 추가적인 미디어 쿼리를 통한 반응형 조정 */
+    @media (min-width: 576px) {
+      .row - cols - sm - 2 >.col {
+      flex: 0 0 50%;
+    max-width: 50%;
+      }
+    }
+
+    @media (min-width: 768px) {
+      .row - cols - md - 3 >.col {
+      flex: 0 0 33.333%;
+    max-width: 33.333%;
+      }
+    }
+
+    @media (min-width: 992px) {
+      .row - cols - lg - 4 >.col {
+      flex: 0 0 25%;
+    max-width: 25%;
+      }
+    }
+
+    @media (min-width: 1200px) {
+      .row - cols - xl - 5 >.col {
+      flex: 0 0 20%;
+    max-width: 20%;
+      }
+    }
+  </style>
+</script>
+
+
+<div id="member-wrap" class="container">
+  <div class="jumbotron text-center py-4 mb-4">
+    <h1 class="display-4">멤버</h1>
+    <p class="lead">우리 팀 멤버들을 소개합니다.</p>
+  </div>
+
+  <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-3">
+    {% for member_info in site.data.members %}
+    {% if member_info.status == "active" %}
+    <div class="col">
+      <div class="card">
+        <img src="https://avatars.githubusercontent.com/{{ member_info.github }}" alt="{{ member_info.name }}"
+          class="card-img-top member-avatar">
+        <div class="card-body">
+          <h5 class="card-title">{{ member_info.name }}</h5>
+          <p class="card-text">{{ member_info.role }}</p>
+          <a href="https://github.com/{{ member_info.github }}" class="btn btn-primary member-link"
+            target="_blank">GitHub</a>
+          <a href="mailto:{{ member_info.email }}" class="btn btn-secondary member-link" target="_blank">Email</a>
+        </div>
+      </div>
+    </div>
+    {% endif %}
+    {% endfor %}
+  </div>
+</div>
+
+<br>
+<br>
+<br>
+
+<div id="member-wrap" class="container">
+  <div class="jumbotron text-center py-4 mb-4">
+    <h1 class="display-4">졸업생</h1>
+    <p class="lead">GDSC DEU에서 활동한 멤버분들입니다! </p>
+  </div>
+
+  <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-3">
     {% for member_info in site.data.members %}
-    <div class="card col">
-      <img src="{{ member_info.avatar }}" alt="{{ member_info.name }}" class="card-img-top member-avatar">
-      <div class="card-body">
-        <h5 class="card-title">{{ member_info.name }}</h5>
-        <p class="card-text">{{ member_info.role }}</p>
-        <a href="https://github.com/{{ member_info.github }}" class="btn btn-primary member-link"
-          target="_blank">Link</a>
+    {% if member_info.status != "active" %}
+    <div class="col">
+      <div class="card">
+        <img src="https://avatars.githubusercontent.com/{{ member_info.github }}" alt="{{ member_info.name }}"
+          class="card-img-top member-avatar">
+        <div class="card-body">
+          <h5 class="card-title">{{ member_info.name }}</h5>
+          <p class="card-text">{{ member_info.role }}</p>
+          <a href="https://github.com/{{ member_info.github }}" class="btn btn-primary member-link"
+            target="_blank">GitHub</a>
+          <a href="mailto:{{ member_info.email }}" class="btn btn-secondary member-link" target="_blank">Email</a>
+        </div>
       </div>
     </div>
+    {% endif %}
     {% endfor %}
   </div>
 </div>
\ No newline at end of file