diff --git a/school/static/css/club.css b/school/static/css/club.css
new file mode 100644
index 0000000..da1f678
--- /dev/null
+++ b/school/static/css/club.css
@@ -0,0 +1,217 @@
+ @font-face {
+        font-family: 'IM_Hyemin-Bold';
+        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
+        font-weight: normal;
+        font-style: normal;
+}
+html{
+    height: 100vh;
+    width: 100vw;
+    overflow: auto;
+}
+:root{
+    --maincolor: #CDF0FF;  /*메인 색상*/
+    --font50: 50px; /*메인 폰트 사이즈*/
+    --font30:30px;
+    --font15: 15px;
+    --fonit20:20px;
+    --font40:40px;
+
+}
+.pagination{
+    display: flex;
+    margin-top: 20px;
+    justify-content: center;
+}
+ .containner {
+      display: grid;
+      grid-template-areas:
+                         'marginL  header      marginR'
+                         'marginL  boardnav    marginR'
+                         'marginL  main        marginR'
+                         'marginL  undermargin marginR';
+
+      grid-template-columns: 1fr 1200px 1fr; /*세로 좌:300px고정 가운데 1fr: 유동식 우 300px 고정*/
+      grid-template-rows: 90px 160px 1fr 140px; /*가로 */
+  }
+.containner div {
+    display: grid;
+
+}
+
+.header {
+    grid-area: header;
+}
+
+.marginL {
+    grid-area: marginL;
+}
+
+.main {
+    grid-area: main;
+    margin-top: 2vh;
+}
+
+.marginR {
+    grid-area: marginR;
+    height: 100vh;
+}
+
+.undermargin {
+    grid-area: undermargin;
+}
+
+.navbr {
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+}
+.boardnav {   /*아직 안정함*/
+    grid-area: boardnav;
+    background-color: var(--maincolor);
+    border-radius: 10px;
+    padding: 8px;
+    margin-bottom: 20px;
+    height: 160px;
+}
+
+.middleboard{
+    padding: 8px;
+    background-color: white;
+
+}
+.mainboard{
+
+    background-color: var(--maincolor);
+}
+.introduce{
+
+}
+.writetext{
+    display: flex !important;
+    background-color: var(--maincolor);
+    border-radius: 30px;
+    height: 15vh;
+    padding : 1rem 0.8rem 1rem 0.8rem;
+    flex-direction: row ;
+}
+.writetext div{
+    border:  3px solid black;
+}
+.writeList{
+    overflow:auto;
+    height: auto;
+    border-bottom: black 1px solid ;
+    padding: 10px;
+    background-color: var(--maincolor);
+}
+
+.writeList > .title{
+        margin: 2vh 0 10px 1vh;
+        font-size: var(--fonit20);
+
+}
+.sort_bar{
+    background-color: var(--maincolor);
+}
+.writearea{
+
+        border-color: var(--maincolor);
+        font-family: 'IM_Hyemin-Bold';
+        font-size: var(--fonit20);
+}
+.test1{
+    height: 100%;
+    width: 100%;
+}
+.test1 button{
+    width: 100%;
+    height: 100%;
+}
+.writeList > .mainstory{
+    border: 1px solid black ;
+    position: relative;
+    height: 6vh;
+    border-radius: 10px;
+    margin: 0 1vw 1vh 1vw;
+    background-color: white;
+}
+.number{
+    background-color: var(--maincolor);
+     height: 120px;
+}
+
+.nextnav{
+    display: flex;
+    justify-content: center;
+}
+.nextnav span{
+    margin: 0 1vw 0 1vw;
+}
+.content{
+    font-family: 'IM_Hyemin-Bold';
+
+      display:flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 20px 0 20px;
+}
+.imagesize{
+    width: 40px;
+    height: 40px;
+    border: black 1px solid;
+}
+
+.mainboard{
+    height: 100%;
+    border-radius: 20px;
+}
+.content a{
+    margin: 0 3vw 0 3vw;
+    border-left:  solid white 2px;
+    border-right:  solid white 2px;
+    padding: 10px;
+}
+.h{
+    height: 50px;
+}
+.name{
+    font-size: 2.0vw;
+    vertical-align: center;
+    margin-top: 40px;
+}
+.mains{
+    display: flex !important;
+
+}
+
+
+.sub_1{
+    font-size: 15px;
+    margin-top: 10px;
+    margin-left: 50px;
+}
+.sort_bar{
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    margin-bottom: 15px;
+}
+/*.likebutton_bar  {*/
+/*    display: flex;*/
+/*}*/
+.writeconpent{
+    margin-bottom: 20px;
+    border-bottom: 1px solid white;
+}
+.look{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.notice_board{
+    background-color: white;
+    width: 90%;
+    display: flex;
+
+    flex-direction: row;
+}
\ No newline at end of file
diff --git a/school/static/css/contest.css b/school/static/css/contest.css
new file mode 100644
index 0000000..da1f678
--- /dev/null
+++ b/school/static/css/contest.css
@@ -0,0 +1,217 @@
+ @font-face {
+        font-family: 'IM_Hyemin-Bold';
+        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
+        font-weight: normal;
+        font-style: normal;
+}
+html{
+    height: 100vh;
+    width: 100vw;
+    overflow: auto;
+}
+:root{
+    --maincolor: #CDF0FF;  /*메인 색상*/
+    --font50: 50px; /*메인 폰트 사이즈*/
+    --font30:30px;
+    --font15: 15px;
+    --fonit20:20px;
+    --font40:40px;
+
+}
+.pagination{
+    display: flex;
+    margin-top: 20px;
+    justify-content: center;
+}
+ .containner {
+      display: grid;
+      grid-template-areas:
+                         'marginL  header      marginR'
+                         'marginL  boardnav    marginR'
+                         'marginL  main        marginR'
+                         'marginL  undermargin marginR';
+
+      grid-template-columns: 1fr 1200px 1fr; /*세로 좌:300px고정 가운데 1fr: 유동식 우 300px 고정*/
+      grid-template-rows: 90px 160px 1fr 140px; /*가로 */
+  }
+.containner div {
+    display: grid;
+
+}
+
+.header {
+    grid-area: header;
+}
+
+.marginL {
+    grid-area: marginL;
+}
+
+.main {
+    grid-area: main;
+    margin-top: 2vh;
+}
+
+.marginR {
+    grid-area: marginR;
+    height: 100vh;
+}
+
+.undermargin {
+    grid-area: undermargin;
+}
+
+.navbr {
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+}
+.boardnav {   /*아직 안정함*/
+    grid-area: boardnav;
+    background-color: var(--maincolor);
+    border-radius: 10px;
+    padding: 8px;
+    margin-bottom: 20px;
+    height: 160px;
+}
+
+.middleboard{
+    padding: 8px;
+    background-color: white;
+
+}
+.mainboard{
+
+    background-color: var(--maincolor);
+}
+.introduce{
+
+}
+.writetext{
+    display: flex !important;
+    background-color: var(--maincolor);
+    border-radius: 30px;
+    height: 15vh;
+    padding : 1rem 0.8rem 1rem 0.8rem;
+    flex-direction: row ;
+}
+.writetext div{
+    border:  3px solid black;
+}
+.writeList{
+    overflow:auto;
+    height: auto;
+    border-bottom: black 1px solid ;
+    padding: 10px;
+    background-color: var(--maincolor);
+}
+
+.writeList > .title{
+        margin: 2vh 0 10px 1vh;
+        font-size: var(--fonit20);
+
+}
+.sort_bar{
+    background-color: var(--maincolor);
+}
+.writearea{
+
+        border-color: var(--maincolor);
+        font-family: 'IM_Hyemin-Bold';
+        font-size: var(--fonit20);
+}
+.test1{
+    height: 100%;
+    width: 100%;
+}
+.test1 button{
+    width: 100%;
+    height: 100%;
+}
+.writeList > .mainstory{
+    border: 1px solid black ;
+    position: relative;
+    height: 6vh;
+    border-radius: 10px;
+    margin: 0 1vw 1vh 1vw;
+    background-color: white;
+}
+.number{
+    background-color: var(--maincolor);
+     height: 120px;
+}
+
+.nextnav{
+    display: flex;
+    justify-content: center;
+}
+.nextnav span{
+    margin: 0 1vw 0 1vw;
+}
+.content{
+    font-family: 'IM_Hyemin-Bold';
+
+      display:flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 20px 0 20px;
+}
+.imagesize{
+    width: 40px;
+    height: 40px;
+    border: black 1px solid;
+}
+
+.mainboard{
+    height: 100%;
+    border-radius: 20px;
+}
+.content a{
+    margin: 0 3vw 0 3vw;
+    border-left:  solid white 2px;
+    border-right:  solid white 2px;
+    padding: 10px;
+}
+.h{
+    height: 50px;
+}
+.name{
+    font-size: 2.0vw;
+    vertical-align: center;
+    margin-top: 40px;
+}
+.mains{
+    display: flex !important;
+
+}
+
+
+.sub_1{
+    font-size: 15px;
+    margin-top: 10px;
+    margin-left: 50px;
+}
+.sort_bar{
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    margin-bottom: 15px;
+}
+/*.likebutton_bar  {*/
+/*    display: flex;*/
+/*}*/
+.writeconpent{
+    margin-bottom: 20px;
+    border-bottom: 1px solid white;
+}
+.look{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.notice_board{
+    background-color: white;
+    width: 90%;
+    display: flex;
+
+    flex-direction: row;
+}
\ No newline at end of file
diff --git a/school/static/css/free.css b/school/static/css/free.css
new file mode 100644
index 0000000..da1f678
--- /dev/null
+++ b/school/static/css/free.css
@@ -0,0 +1,217 @@
+ @font-face {
+        font-family: 'IM_Hyemin-Bold';
+        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
+        font-weight: normal;
+        font-style: normal;
+}
+html{
+    height: 100vh;
+    width: 100vw;
+    overflow: auto;
+}
+:root{
+    --maincolor: #CDF0FF;  /*메인 색상*/
+    --font50: 50px; /*메인 폰트 사이즈*/
+    --font30:30px;
+    --font15: 15px;
+    --fonit20:20px;
+    --font40:40px;
+
+}
+.pagination{
+    display: flex;
+    margin-top: 20px;
+    justify-content: center;
+}
+ .containner {
+      display: grid;
+      grid-template-areas:
+                         'marginL  header      marginR'
+                         'marginL  boardnav    marginR'
+                         'marginL  main        marginR'
+                         'marginL  undermargin marginR';
+
+      grid-template-columns: 1fr 1200px 1fr; /*세로 좌:300px고정 가운데 1fr: 유동식 우 300px 고정*/
+      grid-template-rows: 90px 160px 1fr 140px; /*가로 */
+  }
+.containner div {
+    display: grid;
+
+}
+
+.header {
+    grid-area: header;
+}
+
+.marginL {
+    grid-area: marginL;
+}
+
+.main {
+    grid-area: main;
+    margin-top: 2vh;
+}
+
+.marginR {
+    grid-area: marginR;
+    height: 100vh;
+}
+
+.undermargin {
+    grid-area: undermargin;
+}
+
+.navbr {
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+}
+.boardnav {   /*아직 안정함*/
+    grid-area: boardnav;
+    background-color: var(--maincolor);
+    border-radius: 10px;
+    padding: 8px;
+    margin-bottom: 20px;
+    height: 160px;
+}
+
+.middleboard{
+    padding: 8px;
+    background-color: white;
+
+}
+.mainboard{
+
+    background-color: var(--maincolor);
+}
+.introduce{
+
+}
+.writetext{
+    display: flex !important;
+    background-color: var(--maincolor);
+    border-radius: 30px;
+    height: 15vh;
+    padding : 1rem 0.8rem 1rem 0.8rem;
+    flex-direction: row ;
+}
+.writetext div{
+    border:  3px solid black;
+}
+.writeList{
+    overflow:auto;
+    height: auto;
+    border-bottom: black 1px solid ;
+    padding: 10px;
+    background-color: var(--maincolor);
+}
+
+.writeList > .title{
+        margin: 2vh 0 10px 1vh;
+        font-size: var(--fonit20);
+
+}
+.sort_bar{
+    background-color: var(--maincolor);
+}
+.writearea{
+
+        border-color: var(--maincolor);
+        font-family: 'IM_Hyemin-Bold';
+        font-size: var(--fonit20);
+}
+.test1{
+    height: 100%;
+    width: 100%;
+}
+.test1 button{
+    width: 100%;
+    height: 100%;
+}
+.writeList > .mainstory{
+    border: 1px solid black ;
+    position: relative;
+    height: 6vh;
+    border-radius: 10px;
+    margin: 0 1vw 1vh 1vw;
+    background-color: white;
+}
+.number{
+    background-color: var(--maincolor);
+     height: 120px;
+}
+
+.nextnav{
+    display: flex;
+    justify-content: center;
+}
+.nextnav span{
+    margin: 0 1vw 0 1vw;
+}
+.content{
+    font-family: 'IM_Hyemin-Bold';
+
+      display:flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 20px 0 20px;
+}
+.imagesize{
+    width: 40px;
+    height: 40px;
+    border: black 1px solid;
+}
+
+.mainboard{
+    height: 100%;
+    border-radius: 20px;
+}
+.content a{
+    margin: 0 3vw 0 3vw;
+    border-left:  solid white 2px;
+    border-right:  solid white 2px;
+    padding: 10px;
+}
+.h{
+    height: 50px;
+}
+.name{
+    font-size: 2.0vw;
+    vertical-align: center;
+    margin-top: 40px;
+}
+.mains{
+    display: flex !important;
+
+}
+
+
+.sub_1{
+    font-size: 15px;
+    margin-top: 10px;
+    margin-left: 50px;
+}
+.sort_bar{
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    margin-bottom: 15px;
+}
+/*.likebutton_bar  {*/
+/*    display: flex;*/
+/*}*/
+.writeconpent{
+    margin-bottom: 20px;
+    border-bottom: 1px solid white;
+}
+.look{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.notice_board{
+    background-color: white;
+    width: 90%;
+    display: flex;
+
+    flex-direction: row;
+}
\ No newline at end of file
diff --git a/school/static/css/graduate.css b/school/static/css/graduate.css
new file mode 100644
index 0000000..da1f678
--- /dev/null
+++ b/school/static/css/graduate.css
@@ -0,0 +1,217 @@
+ @font-face {
+        font-family: 'IM_Hyemin-Bold';
+        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
+        font-weight: normal;
+        font-style: normal;
+}
+html{
+    height: 100vh;
+    width: 100vw;
+    overflow: auto;
+}
+:root{
+    --maincolor: #CDF0FF;  /*메인 색상*/
+    --font50: 50px; /*메인 폰트 사이즈*/
+    --font30:30px;
+    --font15: 15px;
+    --fonit20:20px;
+    --font40:40px;
+
+}
+.pagination{
+    display: flex;
+    margin-top: 20px;
+    justify-content: center;
+}
+ .containner {
+      display: grid;
+      grid-template-areas:
+                         'marginL  header      marginR'
+                         'marginL  boardnav    marginR'
+                         'marginL  main        marginR'
+                         'marginL  undermargin marginR';
+
+      grid-template-columns: 1fr 1200px 1fr; /*세로 좌:300px고정 가운데 1fr: 유동식 우 300px 고정*/
+      grid-template-rows: 90px 160px 1fr 140px; /*가로 */
+  }
+.containner div {
+    display: grid;
+
+}
+
+.header {
+    grid-area: header;
+}
+
+.marginL {
+    grid-area: marginL;
+}
+
+.main {
+    grid-area: main;
+    margin-top: 2vh;
+}
+
+.marginR {
+    grid-area: marginR;
+    height: 100vh;
+}
+
+.undermargin {
+    grid-area: undermargin;
+}
+
+.navbr {
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+}
+.boardnav {   /*아직 안정함*/
+    grid-area: boardnav;
+    background-color: var(--maincolor);
+    border-radius: 10px;
+    padding: 8px;
+    margin-bottom: 20px;
+    height: 160px;
+}
+
+.middleboard{
+    padding: 8px;
+    background-color: white;
+
+}
+.mainboard{
+
+    background-color: var(--maincolor);
+}
+.introduce{
+
+}
+.writetext{
+    display: flex !important;
+    background-color: var(--maincolor);
+    border-radius: 30px;
+    height: 15vh;
+    padding : 1rem 0.8rem 1rem 0.8rem;
+    flex-direction: row ;
+}
+.writetext div{
+    border:  3px solid black;
+}
+.writeList{
+    overflow:auto;
+    height: auto;
+    border-bottom: black 1px solid ;
+    padding: 10px;
+    background-color: var(--maincolor);
+}
+
+.writeList > .title{
+        margin: 2vh 0 10px 1vh;
+        font-size: var(--fonit20);
+
+}
+.sort_bar{
+    background-color: var(--maincolor);
+}
+.writearea{
+
+        border-color: var(--maincolor);
+        font-family: 'IM_Hyemin-Bold';
+        font-size: var(--fonit20);
+}
+.test1{
+    height: 100%;
+    width: 100%;
+}
+.test1 button{
+    width: 100%;
+    height: 100%;
+}
+.writeList > .mainstory{
+    border: 1px solid black ;
+    position: relative;
+    height: 6vh;
+    border-radius: 10px;
+    margin: 0 1vw 1vh 1vw;
+    background-color: white;
+}
+.number{
+    background-color: var(--maincolor);
+     height: 120px;
+}
+
+.nextnav{
+    display: flex;
+    justify-content: center;
+}
+.nextnav span{
+    margin: 0 1vw 0 1vw;
+}
+.content{
+    font-family: 'IM_Hyemin-Bold';
+
+      display:flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 20px 0 20px;
+}
+.imagesize{
+    width: 40px;
+    height: 40px;
+    border: black 1px solid;
+}
+
+.mainboard{
+    height: 100%;
+    border-radius: 20px;
+}
+.content a{
+    margin: 0 3vw 0 3vw;
+    border-left:  solid white 2px;
+    border-right:  solid white 2px;
+    padding: 10px;
+}
+.h{
+    height: 50px;
+}
+.name{
+    font-size: 2.0vw;
+    vertical-align: center;
+    margin-top: 40px;
+}
+.mains{
+    display: flex !important;
+
+}
+
+
+.sub_1{
+    font-size: 15px;
+    margin-top: 10px;
+    margin-left: 50px;
+}
+.sort_bar{
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    margin-bottom: 15px;
+}
+/*.likebutton_bar  {*/
+/*    display: flex;*/
+/*}*/
+.writeconpent{
+    margin-bottom: 20px;
+    border-bottom: 1px solid white;
+}
+.look{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.notice_board{
+    background-color: white;
+    width: 90%;
+    display: flex;
+
+    flex-direction: row;
+}
\ No newline at end of file
diff --git a/school/static/css/header.css b/school/static/css/header.css
index ebf1fa3..5be6cb7 100644
--- a/school/static/css/header.css
+++ b/school/static/css/header.css
@@ -7,7 +7,15 @@
         font-style: normal;
 }
 
+:root{
+    --maincolor: #CDF0FF;  /*메인 색상*/
+    --font50: 50px; /*메인 폰트 사이즈*/
+    --font30:30px;
+    --font15: 15px;
+    --fonit20:20px;
+    --font40:40px;
 
+}
 .navbar{
     display: flex;                   /*flex사용*/
     justify-content: space-between;  /*중심축 배치*/
diff --git a/school/static/css/market.css b/school/static/css/market.css
new file mode 100644
index 0000000..da1f678
--- /dev/null
+++ b/school/static/css/market.css
@@ -0,0 +1,217 @@
+ @font-face {
+        font-family: 'IM_Hyemin-Bold';
+        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
+        font-weight: normal;
+        font-style: normal;
+}
+html{
+    height: 100vh;
+    width: 100vw;
+    overflow: auto;
+}
+:root{
+    --maincolor: #CDF0FF;  /*메인 색상*/
+    --font50: 50px; /*메인 폰트 사이즈*/
+    --font30:30px;
+    --font15: 15px;
+    --fonit20:20px;
+    --font40:40px;
+
+}
+.pagination{
+    display: flex;
+    margin-top: 20px;
+    justify-content: center;
+}
+ .containner {
+      display: grid;
+      grid-template-areas:
+                         'marginL  header      marginR'
+                         'marginL  boardnav    marginR'
+                         'marginL  main        marginR'
+                         'marginL  undermargin marginR';
+
+      grid-template-columns: 1fr 1200px 1fr; /*세로 좌:300px고정 가운데 1fr: 유동식 우 300px 고정*/
+      grid-template-rows: 90px 160px 1fr 140px; /*가로 */
+  }
+.containner div {
+    display: grid;
+
+}
+
+.header {
+    grid-area: header;
+}
+
+.marginL {
+    grid-area: marginL;
+}
+
+.main {
+    grid-area: main;
+    margin-top: 2vh;
+}
+
+.marginR {
+    grid-area: marginR;
+    height: 100vh;
+}
+
+.undermargin {
+    grid-area: undermargin;
+}
+
+.navbr {
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+}
+.boardnav {   /*아직 안정함*/
+    grid-area: boardnav;
+    background-color: var(--maincolor);
+    border-radius: 10px;
+    padding: 8px;
+    margin-bottom: 20px;
+    height: 160px;
+}
+
+.middleboard{
+    padding: 8px;
+    background-color: white;
+
+}
+.mainboard{
+
+    background-color: var(--maincolor);
+}
+.introduce{
+
+}
+.writetext{
+    display: flex !important;
+    background-color: var(--maincolor);
+    border-radius: 30px;
+    height: 15vh;
+    padding : 1rem 0.8rem 1rem 0.8rem;
+    flex-direction: row ;
+}
+.writetext div{
+    border:  3px solid black;
+}
+.writeList{
+    overflow:auto;
+    height: auto;
+    border-bottom: black 1px solid ;
+    padding: 10px;
+    background-color: var(--maincolor);
+}
+
+.writeList > .title{
+        margin: 2vh 0 10px 1vh;
+        font-size: var(--fonit20);
+
+}
+.sort_bar{
+    background-color: var(--maincolor);
+}
+.writearea{
+
+        border-color: var(--maincolor);
+        font-family: 'IM_Hyemin-Bold';
+        font-size: var(--fonit20);
+}
+.test1{
+    height: 100%;
+    width: 100%;
+}
+.test1 button{
+    width: 100%;
+    height: 100%;
+}
+.writeList > .mainstory{
+    border: 1px solid black ;
+    position: relative;
+    height: 6vh;
+    border-radius: 10px;
+    margin: 0 1vw 1vh 1vw;
+    background-color: white;
+}
+.number{
+    background-color: var(--maincolor);
+     height: 120px;
+}
+
+.nextnav{
+    display: flex;
+    justify-content: center;
+}
+.nextnav span{
+    margin: 0 1vw 0 1vw;
+}
+.content{
+    font-family: 'IM_Hyemin-Bold';
+
+      display:flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 20px 0 20px;
+}
+.imagesize{
+    width: 40px;
+    height: 40px;
+    border: black 1px solid;
+}
+
+.mainboard{
+    height: 100%;
+    border-radius: 20px;
+}
+.content a{
+    margin: 0 3vw 0 3vw;
+    border-left:  solid white 2px;
+    border-right:  solid white 2px;
+    padding: 10px;
+}
+.h{
+    height: 50px;
+}
+.name{
+    font-size: 2.0vw;
+    vertical-align: center;
+    margin-top: 40px;
+}
+.mains{
+    display: flex !important;
+
+}
+
+
+.sub_1{
+    font-size: 15px;
+    margin-top: 10px;
+    margin-left: 50px;
+}
+.sort_bar{
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    margin-bottom: 15px;
+}
+/*.likebutton_bar  {*/
+/*    display: flex;*/
+/*}*/
+.writeconpent{
+    margin-bottom: 20px;
+    border-bottom: 1px solid white;
+}
+.look{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.notice_board{
+    background-color: white;
+    width: 90%;
+    display: flex;
+
+    flex-direction: row;
+}
\ No newline at end of file
diff --git a/school/static/css/notice_new.css b/school/static/css/notice_new.css
new file mode 100644
index 0000000..e086d80
--- /dev/null
+++ b/school/static/css/notice_new.css
@@ -0,0 +1,66 @@
+@font-face {
+    font-family: 'IM_Hyemin-Bold';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+:root{
+    --maincolor: #CDF0FF;  /*메인 색상*/
+    --font50: 50px; /*메인 폰트 사이즈*/
+    --font30:30px;
+    --font15: 15px;
+    --fonit20:20px;
+    --font40:40px;
+
+}
+/*헤더 css*/
+html{
+    font-size: 1.5vw;
+    font-family: 'IM_Hyemin-Bold';
+
+}
+body{
+    margin:0px;
+}
+
+
+
+.boardcontainner{
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    /*grid-template-areas:*/
+
+    /*        'LMarginLayout' 'main' 'RMarginLayout';*/
+    /*        ''*/
+    /*grid-template-rows: 600px;*/
+    /*grid-template-columns: 1fr 600px 1fr;*/
+}
+.main{
+    background-color: var(--maincolor);
+    border-radius: 40px;
+    width: 800px;
+    height: 618px;
+}
+.ll{
+    display: flex;
+    justify-content: center;
+    padding: 30px;
+}
+
+/*.LMarginLayout{*/
+/*    grid-area: LMarginLayout;*/
+/*    height: 100vh;*/
+/*}*/
+
+/*.main{*/
+/*    grid-area: main;*/
+/*    background-color: var(--maincolor);*/
+/*        height: 100vh;*/
+
+/*}*/
+/*.RMarginLayout{*/
+/*    grid-area:RMarginLayout ;*/
+/*        height: 100vh;*/
+
+/*}*/
\ No newline at end of file
diff --git a/school/static/css/study.css b/school/static/css/study.css
index 733046b..e086d80 100644
--- a/school/static/css/study.css
+++ b/school/static/css/study.css
@@ -1,13 +1,8 @@
- @font-face {
-        font-family: 'IM_Hyemin-Bold';
-        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
-        font-weight: normal;
-        font-style: normal;
-}
-html{
-    height: 100vh;
-    width: 100vw;
-    overflow: auto;
+@font-face {
+    font-family: 'IM_Hyemin-Bold';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
+    font-weight: normal;
+    font-style: normal;
 }
 :root{
     --maincolor: #CDF0FF;  /*메인 색상*/
@@ -18,170 +13,54 @@ html{
     --font40:40px;
 
 }
-.pagination{
-    display: flex;
-    margin-top: 20px;
-    justify-content: center;
-}
- .containner {
-      display: grid;
-      grid-template-areas:
-                         'marginL  header      marginR'
-                         'marginL  boardnav    marginR'
-                         'marginL  main        marginR'
-                         'marginL  undermargin marginR';
-
-      grid-template-columns: 1fr 1200px 1fr; /*세로 좌:300px고정 가운데 1fr: 유동식 우 300px 고정*/
-      grid-template-rows: 90px 160px 1fr 140px; /*가로 */
-  }
-.containner div {
-    display: grid;
-
-}
-
-.header {
-    grid-area: header;
-}
-
-.marginL {
-    grid-area: marginL;
-}
-
-.main {
-    grid-area: main;
-    margin-top: 2vh;
-}
-
-.marginR {
-    grid-area: marginR;
-    height: 100vh;
-}
-
-.undermargin {
-    grid-area: undermargin;
-}
+/*헤더 css*/
+html{
+    font-size: 1.5vw;
+    font-family: 'IM_Hyemin-Bold';
 
-.navbr {
-    justify-items: center;
-    align-items: center;
-    width: 100%;
 }
-.boardnav {   /*아직 안정함*/
-    grid-area: boardnav;
-    background-color: var(--maincolor);
-    border-radius: 10px;
-    padding: 8px;
-    margin-bottom: 20px;
-    height: 160px;
+body{
+    margin:0px;
 }
 
-.middleboard{
-    padding: 8px;
-    background-color: white;
 
-}
-.mainboard{
-
-    background-color: var(--maincolor);
-}
-.introduce{
 
-}
-.writetext{
-    display: flex !important;
-    background-color: var(--maincolor);
-    border-radius: 30px;
-    height: 15vh;
-    padding : 1rem 0.8rem 1rem 0.8rem;
-    flex-direction: row ;
-}
-.writetext div{
-    border:  3px solid black;
-}
-.writeList{
-    overflow:auto;
-    height: auto;
-    border-bottom: black 1px solid ;
-    padding: 10px;
-    background-color: var(--maincolor);
-}
-
-.writeList > .title{
-        margin: 2vh 0 10px 1vh;
-        font-size: var(--fonit20);
-
-}
-.sort_bar{
-    background-color: var(--maincolor);
-}
-.writearea{
+.boardcontainner{
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    /*grid-template-areas:*/
 
-        border-color: var(--maincolor);
-        font-family: 'IM_Hyemin-Bold';
-        font-size: var(--fonit20);
+    /*        'LMarginLayout' 'main' 'RMarginLayout';*/
+    /*        ''*/
+    /*grid-template-rows: 600px;*/
+    /*grid-template-columns: 1fr 600px 1fr;*/
 }
-.test1{
-    width: 95%;
-}
-.writeList > .mainstory{
-    border: 1px solid black ;
-    position: relative;
-    height: 6vh;
-    border-radius: 10px;
-    margin: 0 1vw 1vh 1vw;
-    background-color: white;
-}
-.number{
+.main{
     background-color: var(--maincolor);
-     height: 120px;
+    border-radius: 40px;
+    width: 800px;
+    height: 618px;
 }
-
-.nextnav{
+.ll{
     display: flex;
     justify-content: center;
+    padding: 30px;
 }
-.nextnav span{
-    margin: 0 1vw 0 1vw;
-}
-.content{
-    font-family: 'IM_Hyemin-Bold';
 
-      display:flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 20px 0 20px;
-}
-.imagesize{
-    width: 40px;
-    height: 40px;
-    border: black 1px solid;
-}
+/*.LMarginLayout{*/
+/*    grid-area: LMarginLayout;*/
+/*    height: 100vh;*/
+/*}*/
 
-.mainboard{
-    height: 100%;
-    border-radius: 20px;
-}
-.content a{
-    margin: 0 3vw 0 3vw;
-    border-left:  solid white 2px;
-    border-right:  solid white 2px;
-    padding: 10px;
-}
-.h{
-    height: 50px;
-}
-.name{
-    font-size: 2.0vw;
-    vertical-align: center;
-    margin-top: 40px;
-}
+/*.main{*/
+/*    grid-area: main;*/
+/*    background-color: var(--maincolor);*/
+/*        height: 100vh;*/
 
-.sort_bar{
-    display: flex;
-    flex-direction: row;
-    height: 100%;
-    margin-bottom: 15px;
-}
-/*.likebutton_bar  {*/
-/*    display: flex;*/
 /*}*/
+/*.RMarginLayout{*/
+/*    grid-area:RMarginLayout ;*/
+/*        height: 100vh;*/
+
+/*}*/
\ No newline at end of file
diff --git a/school/templates/base.html b/school/templates/base.html
index a36ed87..b2b6742 100644
--- a/school/templates/base.html
+++ b/school/templates/base.html
@@ -14,7 +14,7 @@
 </head>
 <body>
 {#헤더입니다#}
-    <nav class="navbar">
+    <ul class="navbar">
         <div class="navbar_logo">
             <i class="fab ba-amazon"></i>
             <img src = "{% static 'img/logo.png' %}" alt ="logo" width="60px">
@@ -27,143 +27,24 @@
             <li><a href="" class="navbar_menu_item">게임</a></li>
             <li><a href="" class="navbar_menu_item">중고 서적 장터</a></li>
         </ul>
+
         <ul class="navbar_icons">
-            
-    
             {% if user.is_authenticated %}
             <li><a>{{user.username}}[{{user.status}}]</a></li>
             <li><a href=""><img src = "{% static 'img/alarm.png' %}" alt ="logo" width="30px" height="30px"></a></li>
-            <li><a href="{%url 'logout'%}"><img src="{% static 'img/logout.png' %}"alt ="logout" width="30px" height="30px"></a></li>
+            <li><a href="{%url 'logout'%}"><img src="{% static 'img/logout.png' %}" alt ="logout" width="30px" height="30px"></a></li>
             {% else %}
             <li><a href="{%url 'login' %}"> <button>로그인</button></a></li>
             <a href = "{%url 'login' %}">
             {% endif %}
         </ul>
-    </nav>
+
+
+    </ul>
 {#헤더 끝입니다#}
     {% block content %}
     {% endblock %}
 
-<footer class="text-center text-white" style="background-color: #caced1;">
-    <!-- Grid container -->
-    <div class="container p-4">
-        <!-- Section: Images -->
-        <section class="">
-            <div class="row">
-                <div class="col-lg-2 col-md-12 mb-4 mb-md-0">
-                    <div
-                            class="bg-image hover-overlay ripple shadow-1-strong rounded"
-                            data-ripple-color="light"
-                    >
-                        <img
-                                src="https://mdbootstrap.com/img/new/fluid/city/113.jpg"
-                                class="w-100"
-                        />
-                        <a href="#!">
-                            <div
-                                    class="mask"
-                                    style="background-color: rgba(251, 251, 251, 0.2);"
-                            ></div>
-                        </a>
-                    </div>
-                </div>
-                <div class="col-lg-2 col-md-12 mb-4 mb-md-0">
-                    <div
-                            class="bg-image hover-overlay ripple shadow-1-strong rounded"
-                            data-ripple-color="light"
-                    >
-                        <img
-                                src="https://mdbootstrap.com/img/new/fluid/city/111.jpg"
-                                class="w-100"
-                        />
-                        <a href="#!">
-                            <div
-                                    class="mask"
-                                    style="background-color: rgba(251, 251, 251, 0.2);"
-                            ></div>
-                        </a>
-                    </div>
-                </div>
-                <div class="col-lg-2 col-md-12 mb-4 mb-md-0">
-                    <div
-                            class="bg-image hover-overlay ripple shadow-1-strong rounded"
-                            data-ripple-color="light"
-                    >
-                        <img
-                                src="https://mdbootstrap.com/img/new/fluid/city/112.jpg"
-                                class="w-100"
-                        />
-                        <a href="#!">
-                            <div
-                                    class="mask"
-                                    style="background-color: rgba(251, 251, 251, 0.2);"
-                            ></div>
-                        </a>
-                    </div>
-                </div>
-                <div class="col-lg-2 col-md-12 mb-4 mb-md-0">
-                    <div
-                            class="bg-image hover-overlay ripple shadow-1-strong rounded"
-                            data-ripple-color="light"
-                    >
-                        <img
-                                src="https://mdbootstrap.com/img/new/fluid/city/114.jpg"
-                                class="w-100"
-                        />
-                        <a href="#!">
-                            <div
-                                    class="mask"
-                                    style="background-color: rgba(251, 251, 251, 0.2);"
-                            ></div>
-                        </a>
-                    </div>
-                </div>
-                <div class="col-lg-2 col-md-12 mb-4 mb-md-0">
-                    <div
-                            class="bg-image hover-overlay ripple shadow-1-strong rounded"
-                            data-ripple-color="light"
-                    >
-                        <img
-                                src="https://mdbootstrap.com/img/new/fluid/city/115.jpg"
-                                class="w-100"
-                        />
-                        <a href="#!">
-                            <div
-                                    class="mask"
-                                    style="background-color: rgba(251, 251, 251, 0.2);"
-                            ></div>
-                        </a>
-                    </div>
-                </div>
-                <div class="col-lg-2 col-md-12 mb-4 mb-md-0">
-                    <div
-                            class="bg-image hover-overlay ripple shadow-1-strong rounded"
-                            data-ripple-color="light"
-                    >
-                        <img
-                                src="https://mdbootstrap.com/img/new/fluid/city/116.jpg"
-                                class="w-100"
-                        />
-                        <a href="#!">
-                            <div
-                                    class="mask"
-                                    style="background-color: rgba(251, 251, 251, 0.2);"
-                            ></div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <!-- Section: Images -->
-    </div>
-    <!-- Grid container -->
 
-    <!-- Copyright -->
-    <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
-        © 2020 Copyright:
-        <a class="text-white" href="https://mdbootstrap.com/">MDBootstrap.com</a>
-    </div>
-    <!-- Copyright -->
-</footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/school/templates/club.html b/school/templates/club.html
index e005c87..5d03df3 100644
--- a/school/templates/club.html
+++ b/school/templates/club.html
@@ -1,24 +1,91 @@
+{%  extends 'base.html' %}
 {% load static %}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{% static 'css/notice.css'%}"
-    <title>Document</title>
-</head>
-<body>
-    <p><공지사항 CRUD 테스트 중></p>
-    {%for a in Club_boards%}
-    <div>
-        <a href = "{%url 'new'%}">글쓰기</a>
-        <h2>{{a.Club_title}}</h2>
-        <h2>{{a.Club_pub_date}}</h2>
-        <h2>{{a.Club_author}}</h2>
-        <h2>{{a.Club_body}}</h2>
-        <p><img src="{{ a.Club_board_image.url }}" alt="X"/></p>
-    </div>
-    {%endfor%}
-</body>
-</html>
\ No newline at end of file
+{% block title %} 공부 게시판{% endblock %}
+{% block link %}{% static 'css/club.css' %}{% endblock %}
+
+{% block content %}
+  <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">동아리 게시판</div>
+                <div class="h"></div>
+
+                <div class="writetext">
+                    <div class="test1">
+                        <a href = "{%url 'club_post'%}"><button type="button" class="btn btn-light">글을 작성해 주세요</button></a>
+                    </div>
+                </div>
+
+                <div class="h"></div>
+
+                <div class="writeList">
+                    <div class="sort_bar">
+
+
+                        {% for a in Club_boards %}
+                            <div class="writeconpent">
+                                <div class="mains">
+                                    <h2>제목 : {{ a.club_title }}</h2> {# 제목 #}
+                                    <div class="sub">
+                                        <h2 class="sub_1"> 시간 : {{ a.club_pub_date }}</h2> {# 시간 #}
+                                        <h2 class="sub_1">작성자 :{{ a.club_author }}</h2> {# 작성자 #}
+                                    </div>
+                                </div>
+                                <div class="notice_board">
+                                    <h2> {{ a.club_body }}</h2> {# 본문 #}
+                                    </div>
+                                <a href="{% url 'club_detail' a.id %}" class="look">자세히 보기</a>
+                            </div>
+                            {%endfor%}
+                </div>
+            </div>
+
+      <div class="number">
+          <nav aria-label="Page navigation example">
+              <ul class="pagination">
+
+                  {% if Club_boards.has_previous %}
+                      <a href="?page={{ Club_boards.previous_page_number }}"><</a>
+                  {% endif %}
+
+                  <span>{{ Club_boards.number }}</span>
+                  <span>/</span>
+                  <span>{{ Club_boards.paginator.num_pages }}</span>
+
+                  {% if Club_boards.has_next %}
+                      <a href="?page={{ Club_boards.next_page_number }}">></a>
+                  {% endif %}
+
+              </ul>
+          </nav>
+      </div>
+            </div>
+           <div class="undermargin"></div>
+
+        </div>
+
+{% endblock %}
+
+
+
+
+
+
+
+
+
diff --git a/school/templates/club_detail.html b/school/templates/club_detail.html
new file mode 100644
index 0000000..831e26f
--- /dev/null
+++ b/school/templates/club_detail.html
@@ -0,0 +1,109 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %}글쓴 페이지 상세{% endblock %}
+{% block link %}{% static 'css/club_detail.css' %}{% endblock %}
+
+
+{% block content %}
+    <!--    메인 컨테이너 시작-->
+       <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">자유게시판</div>
+
+                <div class="h"></div>
+                <div class="mainboard">
+                <div class="writeList">
+                    <div class="introduce">
+                        {% if detail_club.Club_image %}
+                            <p><img  class="writeimg" src="{{ detail_club.Club_image.url }}" width="200px" height="200px" alt="X"/>
+                            </p>
+                        {% endif %}
+                        <div>
+                            <h2>작성자 : {{ detail_club.Club_author }}</h2>
+                            <h2>작성 시간 : {{ detail_club.Club_pub_date }}</h2>
+                        </div>
+                    </div>
+                    <div class="sort_bar">
+                        <div><h2> 제목 :{{detail_club.Club_title}}</h2></div>
+                    </div>
+                    <div class="mainstory"><h2>{{ detail_club.Club_body }}</h2></div>
+                    {% if user == detail_club.Club_author %}
+                        <div class="update">
+                        <a href="{% url 'club_edit' detail_club.id %}">
+                            <button type="submit">수정</button>
+                        </a>
+                        <a href="{% url 'club_delete' detail_club.id %}">
+                            <button type="submit">삭제</button>
+                        </a>
+                        </div>
+                    {% endif %}
+                </div>
+
+                    <div class="coment_text">
+                        <div class="usercoment">
+                            <form action="{% url 'create_club_comment' detail_club.id %}" method="POST"
+                                  enctype="multipart/form-data">
+                                {% csrf_token %}
+                                <!-- <p>작성자 : <input type="text" name="author"></p> -->
+                                <div class="commentline">
+                                <p> <textarea name="content" cols="150" rows="2" placeholder="댓글을 입력하세요"></textarea></p>
+                                <button type="submit">댓글작성</button>
+                                    </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="writeList">
+                        <div class="comment__box">
+                            {% for comment in detail_club.comments.all %}
+                                    <div class="comment_box_form">
+                                        <div class="user-id">
+                                          작성자 : {{ comment.club_author }}
+                                        </div>
+                                        <div class="user-comment"></div>
+                                        <sub class="comment-date">작성 시간 :{{ comment.club_at }}</sub>
+                                        <div class="coment_box">
+                                         <div class="mainstory">{{ comment.club_content|linebreaksbr }}</div>
+                                            </div>
+                                </div>
+
+                                <div class="commentupdate">
+                                <!-- 댓글 삭제 -->
+                                {% if user == comment.club_author %}
+                                    <a href="{% url 'delete_club_comment' detail_club.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>삭제</button>
+                                    </a>
+                                    <!-- 댓글 수정 -->
+                                    <a href="{% url 'update_club_comment' detail_club.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>수정</button>
+                                    </a>
+                                    </div>
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+           <div class="undermargin"></div>
+       </div>
+    <div>
+    </div>
+
+{% endblock %}
diff --git a/school/templates/contest.html b/school/templates/contest.html
index 9cc0405..6c93052 100644
--- a/school/templates/contest.html
+++ b/school/templates/contest.html
@@ -1,24 +1,91 @@
+{%  extends 'base.html' %}
 {% load static %}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{% static 'css/notice.css'%}"
-    <title>Document</title>
-</head>
-<body>
-    <p><공지사항 CRUD 테스트 중></p>
-    {%for a in Contest_boards%}
-    <div>
-        <a href = "{%url 'new'}">글쓰기</a>
-        <h2>{{a.Contest_title}}</h2>
-        <h2>{{a.Contest_pub_date}}</h2>
-        <h2>{{a.Contest_author}}</h2>
-        <h2>{{a.Contest_body}}</h2>
-        <p><img src="{{ a.Contest_board_image.url }}" alt="X"/></p>
-    </div>
-    {%endfor%}
-</body>
-</html>
\ No newline at end of file
+{% block title %} 공부 게시판{% endblock %}
+{% block link %}{% static 'css/market.css' %}{% endblock %}
+
+{% block content %}
+  <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">공모전 게시판</div>
+                <div class="h"></div>
+
+                <div class="writetext">
+                    <div class="test1">
+                        <a href = "{%url 'contest_post'%}"><button type="button" class="btn btn-light">글을 작성해 주세요</button></a>
+                    </div>
+                </div>
+
+                <div class="h"></div>
+
+                <div class="writeList">
+                    <div class="sort_bar">
+
+
+                        {% for a in Contest_boards %}
+                            <div class="writeconpent">
+                                <div class="mains">
+                                    <h2>제목 : {{ a.contest_title }}</h2> {# 제목 #}
+                                    <div class="sub">
+                                        <h2 class="sub_1"> 시간 : {{ a.contest_pub_date }}</h2> {# 시간 #}
+                                        <h2 class="sub_1">작성자 :{{ a.contest_author }}</h2> {# 작성자 #}
+                                    </div>
+                                </div>
+                                <div class="notice_board">
+                                    <h2> {{ a.contest_body }}</h2> {# 본문 #}
+                                    </div>
+                                <a href="{% url 'contest_detail' a.id %}" class="look">자세히 보기</a>
+                            </div>
+                            {%endfor%}
+                </div>
+            </div>
+
+      <div class="number">
+          <nav aria-label="Page navigation example">
+              <ul class="pagination">
+
+                  {% if Contest_boards.has_previous %}
+                      <a href="?page={{ Contest_boards.previous_page_number }}"><</a>
+                  {% endif %}
+
+                  <span>{{ Contest_boards.number }}</span>
+                  <span>/</span>
+                  <span>{{ Contest_boards.paginator.num_pages }}</span>
+
+                  {% if Contest_boards.has_next %}
+                      <a href="?page={{ Contest_boards.next_page_number }}">></a>
+                  {% endif %}
+
+              </ul>
+          </nav>
+      </div>
+            </div>
+           <div class="undermargin"></div>
+
+        </div>
+
+{% endblock %}
+
+
+
+
+
+
+
+
+
diff --git a/school/templates/contest_detail.html b/school/templates/contest_detail.html
new file mode 100644
index 0000000..92e92d8
--- /dev/null
+++ b/school/templates/contest_detail.html
@@ -0,0 +1,109 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %}글쓴 페이지 상세{% endblock %}
+{% block link %}{% static 'css/contest_detail.css' %}{% endblock %}
+
+
+{% block content %}
+    <!--    메인 컨테이너 시작-->
+       <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">자유게시판</div>
+
+                <div class="h"></div>
+                <div class="mainboard">
+                <div class="writeList">
+                    <div class="introduce">
+                        {% if detail_contest.Contest_image %}
+                            <p><img  class="writeimg" src="{{ detail_contest.Contest_image.url }}" width="200px" height="200px" alt="X"/>
+                            </p>
+                        {% endif %}
+                        <div>
+                            <h2>작성자 : {{ detail_contest.Contest_author }}</h2>
+                            <h2>작성 시간 : {{ detail_contest.Contest_pub_date }}</h2>
+                        </div>
+                    </div>
+                    <div class="sort_bar">
+                        <div><h2> 제목 :{{detail_contest.Contest_title}}</h2></div>
+                    </div>
+                    <div class="mainstory"><h2>{{ detail_contest.Contest_body }}</h2></div>
+                    {% if user == detail_contest.Contest_author %}
+                        <div class="update">
+                        <a href="{% url 'contest_edit' detail_contest.id %}">
+                            <button type="submit">수정</button>
+                        </a>
+                        <a href="{% url 'contest_delete' detail_contest.id %}">
+                            <button type="submit">삭제</button>
+                        </a>
+                        </div>
+                    {% endif %}
+                </div>
+
+                    <div class="coment_text">
+                        <div class="usercoment">
+                            <form action="{% url 'create_contest_comment' detail_contest.id %}" method="POST"
+                                  enctype="multipart/form-data">
+                                {% csrf_token %}
+                                <!-- <p>작성자 : <input type="text" name="author"></p> -->
+                                <div class="commentline">
+                                <p> <textarea name="content" cols="150" rows="2" placeholder="댓글을 입력하세요"></textarea></p>
+                                <button type="submit">댓글작성</button>
+                                    </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="writeList">
+                        <div class="comment__box">
+                            {% for comment in detail_contest.comments.all %}
+                                    <div class="comment_box_form">
+                                        <div class="user-id">
+                                          작성자 : {{ comment.contest_author }}
+                                        </div>
+                                        <div class="user-comment"></div>
+                                        <sub class="comment-date">작성 시간 :{{ comment.contest_at }}</sub>
+                                        <div class="coment_box">
+                                         <div class="mainstory">{{ comment.contest_content|linebreaksbr }}</div>
+                                            </div>
+                                </div>
+
+                                <div class="commentupdate">
+                                <!-- 댓글 삭제 -->
+                                {% if user == comment.contest_author %}
+                                    <a href="{% url 'delete_contest_comment' detail_contest.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>삭제</button>
+                                    </a>
+                                    <!-- 댓글 수정 -->
+                                    <a href="{% url 'update_contest_comment' detail_contest.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>수정</button>
+                                    </a>
+                                    </div>
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+           <div class="undermargin"></div>
+       </div>
+    <div>
+    </div>
+
+{% endblock %}
diff --git a/school/templates/free.html b/school/templates/free.html
index fbd9a03..6125cd3 100644
--- a/school/templates/free.html
+++ b/school/templates/free.html
@@ -1,24 +1,91 @@
+{%  extends 'base.html' %}
 {% load static %}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{% static 'css/notice.css'%}"
-    <title>Document</title>
-</head>
-<body>
-    <p><공지사항 CRUD 테스트 중></p>
-    {%for a in Free_boards%}
-    <div>
-        <a href = "{%url 'new'}">글쓰기</a>
-        <h2>{{a.Free_title}}</h2>
-        <h2>{{a.Free_pub_date}}</h2>
-        <h2>{{a.Free_author}}</h2>
-        <h2>{{a.Free_body}}</h2>
-        <p><img src="{{ a.Free_board_image.url }}" alt="X"/></p>
-    </div>
-    {%endfor%}
-</body>
-</html>
\ No newline at end of file
+{% block title %} 공부 게시판{% endblock %}
+{% block link %}{% static 'css/free.css' %}{% endblock %}
+
+{% block content %}
+  <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">자유게시판</div>
+                <div class="h"></div>
+
+                <div class="writetext">
+                    <div class="test1">
+                        <a href = "{%url 'free_post'%}"><button type="button" class="btn btn-light">글을 작성해 주세요</button></a>
+                    </div>
+                </div>
+
+                <div class="h"></div>
+
+                <div class="writeList">
+                    <div class="sort_bar">
+
+
+                        {% for a in Free_boards %}
+                            <div class="writeconpent">
+                                <div class="mains">
+                                    <h2>제목 : {{ a.free_title }}</h2> {# 제목 #}
+                                    <div class="sub">
+                                        <h2 class="sub_1"> 시간 : {{ a.free_pub_date }}</h2> {# 시간 #}
+                                        <h2 class="sub_1">작성자 :{{ a.free_author }}</h2> {# 작성자 #}
+                                    </div>
+                                </div>
+                                <div class="notice_board">
+                                    <h2> {{ a.free_body }}</h2> {# 본문 #}
+                                    </div>
+                                <a href="{% url 'free_detail' a.id %}" class="look">자세히 보기</a>
+                            </div>
+                            {%endfor%}
+                </div>
+            </div>
+
+      <div class="number">
+          <nav aria-label="Page navigation example">
+              <ul class="pagination">
+
+                  {% if Free_boards.has_previous %}
+                      <a href="?page={{ Free_boards.previous_page_number }}"><</a>
+                  {% endif %}
+
+                  <span>{{ Free_boards.number }}</span>
+                  <span>/</span>
+                  <span>{{ Free_boards.paginator.num_pages }}</span>
+
+                  {% if Free_boards.has_next %}
+                      <a href="?page={{ Free_boards.next_page_number }}">></a>
+                  {% endif %}
+
+              </ul>
+          </nav>
+      </div>
+            </div>
+           <div class="undermargin"></div>
+
+        </div>
+
+{% endblock %}
+
+
+
+
+
+
+
+
+
diff --git a/school/templates/free_detail.html b/school/templates/free_detail.html
new file mode 100644
index 0000000..a0adf86
--- /dev/null
+++ b/school/templates/free_detail.html
@@ -0,0 +1,109 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %}글쓴 페이지 상세{% endblock %}
+{% block link %}{% static 'css/free_detail.css' %}{% endblock %}
+
+
+{% block content %}
+    <!--    메인 컨테이너 시작-->
+       <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">자유게시판</div>
+
+                <div class="h"></div>
+                <div class="mainboard">
+                <div class="writeList">
+                    <div class="introduce">
+                        {% if detail_free.Free_image %}
+                            <p><img  class="writeimg" src="{{ detail_free.Free_image.url }}" width="200px" height="200px" alt="X"/>
+                            </p>
+                        {% endif %}
+                        <div>
+                            <h2>작성자 : {{ detail_free.Free_author }}</h2>
+                            <h2>작성 시간 : {{ detail_free.Free_pub_date }}</h2>
+                        </div>
+                    </div>
+                    <div class="sort_bar">
+                        <div><h2> 제목 :{{detail_free.Free_title}}</h2></div>
+                    </div>
+                    <div class="mainstory"><h2>{{ detail_free.Free_body }}</h2></div>
+                    {% if user == detail_free.Free_author %}
+                        <div class="update">
+                        <a href="{% url 'free_edit' detail_free.id %}">
+                            <button type="submit">수정</button>
+                        </a>
+                        <a href="{% url 'free_delete' detail_free.id %}">
+                            <button type="submit">삭제</button>
+                        </a>
+                        </div>
+                    {% endif %}
+                </div>
+
+                    <div class="coment_text">
+                        <div class="usercoment">
+                            <form action="{% url 'create_free_comment' detail_free.id %}" method="POST"
+                                  enctype="multipart/form-data">
+                                {% csrf_token %}
+                                <!-- <p>작성자 : <input type="text" name="author"></p> -->
+                                <div class="commentline">
+                                <p> <textarea name="content" cols="150" rows="2" placeholder="댓글을 입력하세요"></textarea></p>
+                                <button type="submit">댓글작성</button>
+                                    </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="writeList">
+                        <div class="comment__box">
+                            {% for comment in detail_free.comments.all %}
+                                    <div class="comment_box_form">
+                                        <div class="user-id">
+                                          작성자 : {{ comment.free_author }}
+                                        </div>
+                                        <div class="user-comment"></div>
+                                        <sub class="comment-date">작성 시간 :{{ comment.free_at }}</sub>
+                                        <div class="coment_box">
+                                         <div class="mainstory">{{ comment.free_content|linebreaksbr }}</div>
+                                            </div>
+                                </div>
+
+                                <div class="commentupdate">
+                                <!-- 댓글 삭제 -->
+                                {% if user == comment.free_author %}
+                                    <a href="{% url 'delete_free_comment' detail_free.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>삭제</button>
+                                    </a>
+                                    <!-- 댓글 수정 -->
+                                    <a href="{% url 'update_free_comment' detail_free.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>수정</button>
+                                    </a>
+                                    </div>
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+           <div class="undermargin"></div>
+       </div>
+    <div>
+    </div>
+
+{% endblock %}
diff --git a/school/templates/graduate.html b/school/templates/graduate.html
index c2114ee..d925e8e 100644
--- a/school/templates/graduate.html
+++ b/school/templates/graduate.html
@@ -1,24 +1,91 @@
+{%  extends 'base.html' %}
 {% load static %}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{% static 'css/notice.css'%}"
-    <title>Document</title>
-</head>
-<body>
-    <p><공지사항 CRUD 테스트 중></p>
-    {%for a in Graduate_boards%}
-    <div>
-        <a href = "{%url 'new'}">글쓰기</a>
-        <h2>{{a.Graduate_title}}</h2>
-        <h2>{{a.Graduate_pub_date}}</h2>
-        <h2>{{a.Graduate_author}}</h2>
-        <h2>{{a.Graduate_body}}</h2>
-        <p><img src="{{ a.Graduate_board_image.url }}" alt="X"/></p>
-    </div>
-    {%endfor%}
-</body>
-</html>
\ No newline at end of file
+{% block title %} 공부 게시판{% endblock %}
+{% block link %}{% static 'graduate/free.css' %}{% endblock %}
+
+{% block content %}
+  <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">졸업생 게시판</div>
+                <div class="h"></div>
+
+                <div class="writetext">
+                    <div class="test1">
+                        <a href = "{%url 'graduate_post'%}"><button type="button" class="btn btn-light">글을 작성해 주세요</button></a>
+                    </div>
+                </div>
+
+                <div class="h"></div>
+
+                <div class="writeList">
+                    <div class="sort_bar">
+
+
+                        {% for a in Graduate_boards %}
+                            <div class="writeconpent">
+                                <div class="mains">
+                                    <h2>제목 : {{ a.graduate_title }}</h2> {# 제목 #}
+                                    <div class="sub">
+                                        <h2 class="sub_1"> 시간 : {{ a.graduate_pub_date }}</h2> {# 시간 #}
+                                        <h2 class="sub_1">작성자 :{{ a.graduate_author }}</h2> {# 작성자 #}
+                                    </div>
+                                </div>
+                                <div class="notice_board">
+                                    <h2> {{ a.graduate_body }}</h2> {# 본문 #}
+                                    </div>
+                                <a href="{% url 'graduate_detail' a.id %}" class="look">자세히 보기</a>
+                            </div>
+                            {%endfor%}
+                </div>
+            </div>
+
+      <div class="number">
+          <nav aria-label="Page navigation example">
+              <ul class="pagination">
+
+                  {% if Graduate_boards.has_previous %}
+                      <a href="?page={{ Graduate_boards.previous_page_number }}"><</a>
+                  {% endif %}
+
+                  <span>{{ Graduate_boards.number }}</span>
+                  <span>/</span>
+                  <span>{{ Graduate_boards.paginator.num_pages }}</span>
+
+                  {% if Graduate_boards.has_next %}
+                      <a href="?page={{ Graduate_boards.next_page_number }}">></a>
+                  {% endif %}
+
+              </ul>
+          </nav>
+      </div>
+            </div>
+           <div class="undermargin"></div>
+
+        </div>
+
+{% endblock %}
+
+
+
+
+
+
+
+
+
diff --git a/school/templates/graduate_detail.html b/school/templates/graduate_detail.html
new file mode 100644
index 0000000..5233f4d
--- /dev/null
+++ b/school/templates/graduate_detail.html
@@ -0,0 +1,109 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %}글쓴 페이지 상세{% endblock %}
+{% block link %}{% static 'css/graduate_detail.css' %}{% endblock %}
+
+
+{% block content %}
+    <!--    메인 컨테이너 시작-->
+       <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">자유게시판</div>
+
+                <div class="h"></div>
+                <div class="mainboard">
+                <div class="writeList">
+                    <div class="introduce">
+                        {% if detail_graduate.Graduate_image %}
+                            <p><img  class="writeimg" src="{{ detail_graduate.Graduate_image.url }}" width="200px" height="200px" alt="X"/>
+                            </p>
+                        {% endif %}
+                        <div>
+                            <h2>작성자 : {{ detail_graduate.Graduate_author }}</h2>
+                            <h2>작성 시간 : {{ detail_graduate.Graduate_pub_date }}</h2>
+                        </div>
+                    </div>
+                    <div class="sort_bar">
+                        <div><h2> 제목 :{{detail_graduate.Graduate_title}}</h2></div>
+                    </div>Graduate
+                    <div class="mainstory"><h2>{{ detail_graduate.Graduate_body }}</h2></div>
+                    {% if user == detail_graduate.Graduate_author %}
+                        <div class="update">
+                        <a href="{% url 'graduate_edit' detail_graduate.id %}">
+                            <button type="submit">수정</button>
+                        </a>
+                        <a href="{% url 'graduate_delete' detail_graduate.id %}">
+                            <button type="submit">삭제</button>
+                        </a>
+                        </div>
+                    {% endif %}
+                </div>
+
+                    <div class="coment_text">
+                        <div class="usercoment">
+                            <form action="{% url 'create_graduate_comment' detail_graduate.id %}" method="POST"
+                                  enctype="multipart/form-data">
+                                {% csrf_token %}
+                                <!-- <p>작성자 : <input type="text" name="author"></p> -->
+                                <div class="commentline">
+                                <p> <textarea name="content" cols="150" rows="2" placeholder="댓글을 입력하세요"></textarea></p>
+                                <button type="submit">댓글작성</button>
+                                    </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="writeList">
+                        <div class="comment__box">
+                            {% for comment in detail_graduate.comments.all %}
+                                    <div class="comment_box_form">
+                                        <div class="user-id">
+                                          작성자 : {{ comment.graduate_author }}
+                                        </div>
+                                        <div class="user-comment"></div>
+                                        <sub class="comment-date">작성 시간 :{{ comment.graduate_at }}</sub>
+                                        <div class="coment_box">
+                                         <div class="mainstory">{{ comment.graduate_content|linebreaksbr }}</div>
+                                            </div>
+                                </div>
+
+                                <div class="commentupdate">
+                                <!-- 댓글 삭제 -->
+                                {% if user == comment.graduate_author %}
+                                    <a href="{% url 'delete_graduate_comment' detail_graduate.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>삭제</button>
+                                    </a>
+                                    <!-- 댓글 수정 -->
+                                    <a href="{% url 'update_graduate_comment' detail_graduate.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>수정</button>
+                                    </a>
+                                    </div>
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+           <div class="undermargin"></div>
+       </div>
+    <div>
+    </div>
+
+{% endblock %}
diff --git a/school/templates/market.html b/school/templates/market.html
index 0896f1e..b92f369 100644
--- a/school/templates/market.html
+++ b/school/templates/market.html
@@ -1,24 +1,91 @@
+{%  extends 'base.html' %}
 {% load static %}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="{% static 'css/notice.css'%}"
-    <title>Document</title>
-</head>
-<body>
-    <p><공지사항 CRUD 테스트 중></p>
-    {%for a in Market_boards%}
-    <div>
-        <a href = "{%url 'new'}">글쓰기</a>
-        <h2>{{a.Market_title}}</h2>
-        <h2>{{a.Market_pub_date}}</h2>
-        <h2>{{a.Market_author}}</h2>
-        <h2>{{a.Market_body}}</h2>
-        <p><img src="{{ a.Market_board_image.url }}" alt="X"/></p>
-    </div>
-    {%endfor%}
-</body>
-</html>
\ No newline at end of file
+{% block title %} 공부 게시판{% endblock %}
+{% block link %}{% static 'css/market.css' %}{% endblock %}
+
+{% block content %}
+  <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">중고 마켓 게시판</div>
+                <div class="h"></div>
+
+                <div class="writetext">
+                    <div class="test1">
+                        <a href = "{%url 'market_post'%}"><button type="button" class="btn btn-light">글을 작성해 주세요</button></a>
+                    </div>
+                </div>
+
+                <div class="h"></div>
+
+                <div class="writeList">
+                    <div class="sort_bar">
+
+
+                        {% for a in Market_boards %}
+                            <div class="writeconpent">
+                                <div class="mains">
+                                    <h2>제목 : {{ a.market_title }}</h2> {# 제목 #}
+                                    <div class="sub">
+                                        <h2 class="sub_1"> 시간 : {{ a.market_pub_date }}</h2> {# 시간 #}
+                                        <h2 class="sub_1">작성자 :{{ a.market_author }}</h2> {# 작성자 #}
+                                    </div>
+                                </div>
+                                <div class="notice_board">
+                                    <h2> {{ a.market_body }}</h2> {# 본문 #}
+                                    </div>
+                                <a href="{% url 'market_detail' a.id %}" class="look">자세히 보기</a>
+                            </div>
+                            {%endfor%}
+                </div>
+            </div>
+
+      <div class="number">
+          <nav aria-label="Page navigation example">
+              <ul class="pagination">
+
+                  {% if Market_boards.has_previous %}
+                      <a href="?page={{ Market_boards.previous_page_number }}"><</a>
+                  {% endif %}
+
+                  <span>{{ Market_boards.number }}</span>
+                  <span>/</span>
+                  <span>{{ Market_boards.paginator.num_pages }}</span>
+
+                  {% if Market_boards.has_next %}
+                      <a href="?page={{ Market_boards.next_page_number }}">></a>
+                  {% endif %}
+
+              </ul>
+          </nav>
+      </div>
+            </div>
+           <div class="undermargin"></div>
+
+        </div>
+
+{% endblock %}
+
+
+
+
+
+
+
+
+
diff --git a/school/templates/market_detail.html b/school/templates/market_detail.html
new file mode 100644
index 0000000..a772159
--- /dev/null
+++ b/school/templates/market_detail.html
@@ -0,0 +1,109 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %}글쓴 페이지 상세{% endblock %}
+{% block link %}{% static 'css/market_detail.css' %}{% endblock %}
+
+
+{% block content %}
+    <!--    메인 컨테이너 시작-->
+       <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">자유게시판</div>
+
+                <div class="h"></div>
+                <div class="mainboard">
+                <div class="writeList">
+                    <div class="introduce">
+                        {% if detail_market.Market_image %}
+                            <p><img  class="writeimg" src="{{ detail_market.Market_image.url }}" width="200px" height="200px" alt="X"/>
+                            </p>
+                        {% endif %}
+                        <div>
+                            <h2>작성자 : {{ detail_market.Market_author }}</h2>
+                            <h2>작성 시간 : {{ detail_market.Market_pub_date }}</h2>
+                        </div>
+                    </div>
+                    <div class="sort_bar">
+                        <div><h2> 제목 :{{detail_market.Market_title}}</h2></div>
+                    </div>
+                    <div class="mainstory"><h2>{{ detail_market.Market_body }}</h2></div>
+                    {% if user == detail_market.Market_author %}
+                        <div class="update">
+                        <a href="{% url 'market_edit' detail_market.id %}">
+                            <button type="submit">수정</button>
+                        </a>
+                        <a href="{% url 'market_delete' detail_market.id %}">
+                            <button type="submit">삭제</button>
+                        </a>
+                        </div>
+                    {% endif %}
+                </div>
+
+                    <div class="coment_text">
+                        <div class="usercoment">
+                            <form action="{% url 'create_market_comment' detail_market.id %}" method="POST"
+                                  enctype="multipart/form-data">
+                                {% csrf_token %}
+                                <!-- <p>작성자 : <input type="text" name="author"></p> -->
+                                <div class="commentline">
+                                <p> <textarea name="content" cols="150" rows="2" placeholder="댓글을 입력하세요"></textarea></p>
+                                <button type="submit">댓글작성</button>
+                                    </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="writeList">
+                        <div class="comment__box">
+                            {% for comment in detail_market.comments.all %}
+                                    <div class="comment_box_form">
+                                        <div class="user-id">
+                                          작성자 : {{ comment.market_author }}
+                                        </div>
+                                        <div class="user-comment"></div>
+                                        <sub class="comment-date">작성 시간 :{{ comment.market_at }}</sub>
+                                        <div class="coment_box">
+                                         <div class="mainstory">{{ comment.market_content|linebreaksbr }}</div>
+                                            </div>
+                                </div>
+
+                                <div class="commentupdate">
+                                <!-- 댓글 삭제 -->
+                                {% if user == comment.market_author %}
+                                    <a href="{% url 'delete_market_comment' detail_market.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>삭제</button>
+                                    </a>
+                                    <!-- 댓글 수정 -->
+                                    <a href="{% url 'update_market_comment' detail_market.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>수정</button>
+                                    </a>
+                                    </div>
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+           <div class="undermargin"></div>
+       </div>
+    <div>
+    </div>
+
+{% endblock %}
diff --git a/school/templates/notice_detail.html b/school/templates/notice_detail.html
index 9d26ce8..c9e0ee5 100644
--- a/school/templates/notice_detail.html
+++ b/school/templates/notice_detail.html
@@ -102,19 +102,8 @@ <h2>작성 시간 : {{ detail_notice.Notice_pub_date }}</h2>
                 </div>
             </div>
            <div class="undermargin"></div>
-
        </div>
-
-
-
-
-
-
-    <div>    
-
-
-
-
+    <div>
     </div>
 
 {% endblock %}
diff --git a/school/templates/notice_new.html b/school/templates/notice_new.html
index 551e03c..0e37e2c 100644
--- a/school/templates/notice_new.html
+++ b/school/templates/notice_new.html
@@ -2,7 +2,7 @@
 {% load static %}
 
 {% block title %} 공지게시판 업로드{% endblock %}
-{% block link %}{% static 'css/boardform.css' %}{% endblock %}
+{% block link %}{% static 'css/notice_new.css' %}{% endblock %}
 
 {% block content %}
 
@@ -11,37 +11,35 @@ <h2>공지게시판 업로드</h2>
     </div>
 
     <div class="boardcontainner">
-    <form id="form" action = "{%url 'notice_post'%}"  method="post" enctype="multipart/form-data">
-        {% csrf_token %}
-        <div id="title">
-            <a>제목</a>
-            <input id="input" type="text" name="title">
-        </div>
-        <div class="imageset">
-            <label for="chooseFile">
-                👉 CLICK HERE! 👈
-            </label>
-        </div>
-        <input type="file" id="chooseFile" name="image" accept="image/*" onchange="loadFile(this)">
 
-        <div id="text">
-            <div id="atag"><a>본문</a></div>
-            <textarea style="resize: none" rows="20" cols="30" name="body"></textarea>
-        </div>
-        <div id="submit">
-            <input type="submit" value="글쓰기">
-        </div>
-    </form>
+        <div class="LMarginLayout"></div>
+        <div class="main">
+            <div   class="ll">
+            <form id="form" action="{% url 'notice_post' %}" method="post" enctype="multipart/form-data">
+                {% csrf_token %}
+                <div id="title">
+                    <a>제목</a>
+                    <input id="input" type="text" name="title">
+                </div>
+                <div class="imageset">
+                    <label for="chooseFile">
+                        👉 CLICK HERE! 👈
+                    </label>
+                </div>
+                <input type="file" id="chooseFile" name="image" accept="image/*" onchange="loadFile(this)">
+
+                <div id="text">
+                    <div id="atag"><a>본문</a></div>
+                    <textarea style="resize: none" rows="13" cols="40" name="body"></textarea>
+                </div>
+                <div id="submit">
+                    <input type="submit" value="글쓰기">
+                </div>
+            </form>
+                </div>
         </div>
+            <div class="RMarginLayout"></div>
+
+    </div>
 
-</div>
-    <!-- <form action = "{%url 'notice_post'%}" method = "POST" enctype = "multipart/form-data">
-        {% csrf_token %}
-        <input type = "text" name = "title" placeholder="제목">
-        <!-- <input type = "text" name = "author" placeholder="작성자"> -->
-        <!-- <textarea name = "body" cols = "100" row = "100" placeholder="내용"></textarea>
-        첨부파일: <input type = "file" name = "image">
-        <button type = "submit">작성하기</button>
-    </form>
-</body> -->
 {% endblock %}
\ No newline at end of file
diff --git a/school/templates/study.html b/school/templates/study.html
index e2045b3..7f76f4d 100644
--- a/school/templates/study.html
+++ b/school/templates/study.html
@@ -22,12 +22,12 @@
             </div>
             <div class="marginR"></div>
             <div class="main">
-                <div class="name">자유게시판</div>
+                <div class="name">스터디</div>
                 <div class="h"></div>
 
                 <div class="writetext">
                     <div class="test1">
-                  <button type="button" class="btn btn-light">   글을 작성해주세요 </a></button>
+                        <a href = "{%url 'study_post'%}"><button type="button" class="btn btn-light">글을 작성해 주세요</button></a>
                     </div>
                 </div>
 
@@ -35,47 +35,45 @@
 
                 <div class="writeList">
                     <div class="sort_bar">
-                        <form id="form" method="post" enctype="multipart/form-data">
-                            {% for a in Study_boards %}
-                                <div>
-                                    <a>제목</a>
-                                     <a href= "{% url 'new'%}">
-                                    <h2>{{ a.Study_title }}</h2>
-                                </div>
 
-                                <h2>{{ a.Study_pub_date }}</h2>
-                                <h2>{{ a.Study_author }}</h2>
-                                <h2>{{ a.Study_body }}</h2>
-                                <p><img src="{{ a.Study_board_image.url }}" alt="X"/></p>
-                                </div>
-                            {% endfor %}
-                    </form>
 
+                        {% for a in Study_boards %}
+                            <div class="writeconpent">
+                                <div class="mains">
+                                    <h2>제목 : {{ a.Study_title }}</h2> {# 제목 #}
+                                    <div class="sub">
+                                        <h2 class="sub_1"> 시간 : {{ a.Study_pub_date }}</h2> {# 시간 #}
+                                        <h2 class="sub_1">작성자 :{{ a.Study_author }}</h2> {# 작성자 #}
+                                    </div>
+                                </div>
+                                <div class="notice_board">
+                                    <h2> {{ a.Study_body }}</h2> {# 본문 #}
+                                    </div>
+                                <a href="{% url 'study_detail' a.id %}" class="look">자세히 보기</a>
+                            </div>
+                            {%endfor%}
                 </div>
-                <div class="mainstory">help...</div>
             </div>
 
       <div class="number">
-                    <nav aria-label="Page navigation example">
-                        <ul class="pagination">
-                            <li class="page-item">
-                                <a class="page-link" href="#" aria-label="Previous">
-                                    <span aria-hidden="true">&laquo;</span>
-                                    <span class="sr-only"></span>
-                                </a>
-                            </li>
-                            <li class="page-item"><a class="page-link" href="#">1</a></li>
-                            <li class="page-item"><a class="page-link" href="#">2</a></li>
-                            <li class="page-item"><a class="page-link" href="#">3</a></li>
-                            <li class="page-item">
-                                <a class="page-link" href="#" aria-label="Next">
-                                    <span aria-hidden="true">&raquo;</span>
-                                    <span class="sr-only"></span>
-                                </a>
-                            </li>
-                        </ul>
-                    </nav>
-                </div>
+          <nav aria-label="Page navigation example">
+              <ul class="pagination">
+
+                  {% if Study_boards.has_previous %}
+                      <a href="?page={{ Study_boards.previous_page_number }}"><</a>
+                  {% endif %}
+
+                  <span>{{ Study_boards.number }}</span>
+                  <span>/</span>
+                  <span>{{ Study_boards.paginator.num_pages }}</span>
+
+                  {% if Study_boards.has_next %}
+                      <a href="?page={{ Study_boards.next_page_number }}">></a>
+                  {% endif %}
+
+              </ul>
+          </nav>
+      </div>
             </div>
            <div class="undermargin"></div>
 
@@ -91,4 +89,3 @@ <h2>{{ a.Study_body }}</h2>
 
 
 
-
diff --git a/school/templates/study_detail.html b/school/templates/study_detail.html
new file mode 100644
index 0000000..c1cdb6c
--- /dev/null
+++ b/school/templates/study_detail.html
@@ -0,0 +1,109 @@
+{% extends 'base.html' %}
+{% load static %}
+{% block title %}글쓴 페이지 상세{% endblock %}
+{% block link %}{% static 'css/notice_detail.css' %}{% endblock %}
+
+
+{% block content %}
+    <!--    메인 컨테이너 시작-->
+       <div class="containner">
+            <div class="header"></div>
+            <div class="marginL"></div>
+            <div class="boardnav">
+                <div class="middleboard">
+                    <div class="mainboard">
+                          <i class="content">
+                              <a>자유 게시판</a>
+                              <a>스터디 게시판</a>
+                              <a>공모전 게시판</a>
+                              <a>졸업생 게시판</a>
+                              <a>동아리 게시판</a>
+                          </i>
+                    </div>
+                </div>
+            </div>
+            <div class="marginR"></div>
+            <div class="main">
+                <div class="name">자유게시판</div>
+
+                <div class="h"></div>
+                <div class="mainboard">
+                <div class="writeList">
+                    <div class="introduce">
+                        {% if detail_study.Study_image %}
+                            <p><img  class="writeimg" src="{{ detail_study.Study_image.url }}" width="200px" height="200px" alt="X"/>
+                            </p>
+                        {% endif %}
+                        <div>
+                            <h2>작성자 : {{ detail_study.Study_author }}</h2>
+                            <h2>작성 시간 : {{ detail_study.Study_pub_date }}</h2>
+                        </div>
+                    </div>
+                    <div class="sort_bar">
+                        <div><h2> 제목 :{{detail_study.Study_title}}</h2></div>
+                    </div>
+                    <div class="mainstory"><h2>{{ detail_study.Study_body }}</h2></div>
+                    {% if user == detail_study.Study_author %}
+                        <div class="update">
+                        <a href="{% url 'notice_edit' detail_study.id %}">
+                            <button type="submit">수정</button>
+                        </a>
+                        <a href="{% url 'notice_delete' detail_study.id %}">
+                            <button type="submit">삭제</button>
+                        </a>
+                        </div>
+                    {% endif %}
+                </div>
+
+                    <div class="coment_text">
+                        <div class="usercoment">
+                            <form action="{% url 'create_study_comment' detail_study.id %}" method="POST"
+                                  enctype="multipart/form-data">
+                                {% csrf_token %}
+                                <!-- <p>작성자 : <input type="text" name="author"></p> -->
+                                <div class="commentline">
+                                <p> <textarea name="content" cols="150" rows="2" placeholder="댓글을 입력하세요"></textarea></p>
+                                <button type="submit">댓글작성</button>
+                                    </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="writeList">
+                        <div class="comment__box">
+                            {% for comment in detail_study.comments.all %}
+                                    <div class="comment_box_form">
+                                        <div class="user-id">
+                                          작성자 : {{ comment.study_author }}
+                                        </div>
+                                        <div class="user-comment"></div>
+                                        <sub class="comment-date">작성 시간 :{{ comment.study_at }}</sub>
+                                        <div class="coment_box">
+                                         <div class="mainstory">{{ comment.study_content|linebreaksbr }}</div>
+                                            </div>
+                                </div>
+
+                                <div class="commentupdate">
+                                <!-- 댓글 삭제 -->
+                                {% if user == comment.study_author %}
+                                    <a href="{% url 'delete_notice_comment' detail_study.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>삭제</button>
+                                    </a>
+                                    <!-- 댓글 수정 -->
+                                    <a href="{% url 'update_notice_comment' detail_study.id comment.id %}"
+                                       method="POST" enctype="multipart/form-data">
+                                        <button>수정</button>
+                                    </a>
+                                    </div>
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+           <div class="undermargin"></div>
+       </div>
+    <div>
+    </div>
+
+{% endblock %}