diff --git a/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css b/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css
index 790c401..214e7ba 100644
--- a/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css
+++ b/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css
@@ -10,4 +10,62 @@
 }
 .mainbnt:hover{
     background-color: #212121;
-}
\ No newline at end of file
+}
+
+.code_list .head >span:nth-child(1),.code_list .result .List_Codes >div:nth-child(1){
+    text-align: left;
+    width: 12%;
+}
+.code_list .head >span:nth-child(2),.code_list .result .List_Codes >div:nth-child(2){
+    text-align: left;
+    width: 13%;
+}
+.code_list .head >span:nth-child(3),.code_list .result .List_Codes >div:nth-child(3){
+    text-align: left;
+    width: 10%;
+}
+.code_list .head >span:nth-child(4),.code_list .result .List_Codes >div:nth-child(4) {
+    width: 36%;
+    text-align: left;
+}
+.code_list .head >span:nth-child(5),.code_list .result .List_Codes >div:nth-child(5){
+    width: 7%;
+}
+.code_list .head >span:nth-child(6),.code_list .result .List_Codes >div:nth-child(6){
+    width: 7%;
+}
+.code_list .head > span:nth-child(7),.code_list .result .List_Codes >div:nth-child(7){
+    width: 7%;
+}
+.code_list .head >span:nth-child(8),.code_list .result .List_Codes >div:nth-child(8){
+    width: 8%;
+}
+.code_list .result .List_Codes >div:nth-child(1),
+.code_list .result .List_Codes >div:nth-child(2),
+.code_list .result .List_Codes >div:nth-child(3),
+.code_list .result .List_Codes >div:nth-child(4),
+.code_list .result .List_Codes >div:nth-child(5),
+.code_list .result .List_Codes >div:nth-child(6),
+.code_list .result .List_Codes >div:nth-child(7),
+.code_list .result .List_Codes >div:nth-child(8){
+    font-size: 14px;
+}
+.codelistcontent{
+    padding: 0 0;
+    width: 80%;
+}
+.StandardCodeList{
+    max-width: 100%;
+}
+.listtablediv{
+    padding: 0 !important;
+}
+
+
+
+
+
+
+
+
+
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
index b69755b..a979507 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
@@ -5,11 +5,11 @@ import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
 import { NOTICE_BBS_ID } from 'config';
 
-
 import EgovPaging from 'components/EgovPaging';
 import { itemIdxByPage } from 'utils/calc';
 
 import {StandardCodeListModal, StandardCodeListModalTable} from './StandardCodeListModal'
+import {AiFillFileMarkdown, AiFillStar} from "react-icons/ai";
 
 function StandardCodeList(props) {
     const {listCode} = useParams();
@@ -117,21 +117,14 @@ function StandardCodeList(props) {
                         <Link
                             key={listIdx}
                             className="list_item List_Codes" >
-                            <div>{item.mainCategory}</div>
-                            <div>{item.middleCategory}</div>
-                            <div>{item.kcscCd}</div>
-                            {(item.replyLc * 1 ? true : false) &&
-                            <div className="al reply">
-                                {item.groupNm}
-                            </div>}
-                            {(item.replyLc * 1 ? false : true) &&
-                            <div className="al">
-                                {item.groupNm}
-                            </div>}
-                            <div><button onClick={showhandling}  data-groupseq = {item.groupSeq}>개정이력</button></div>
-                            <div>{item.contentcount>0?<a href = {"/standardCode/viewer/"+item.kcscCd}>{item.kcscCd}</a>:null}</div>
-                            <div>{item.docFileGrpId}</div>
-                            <div></div>
+                            <div className="mainCategory">{item.mainCategory}</div>
+                            <div className="middleCategory">{item.middleCategory}</div>
+                            <div className="kcscCd">{item.kcscCd}</div>
+                            <div className="groupNm">{item.groupNm}</div>
+                            <div className="Revisionhistory"><button onClick={showhandling}  data-groupseq = {item.groupSeq}>개정이력</button></div>
+                            <div className="fille">{item.contentcount>0?<a className="vieweratag" href = {"/standardCode/viewer/"+item.kcscCd}>내용보기</a>:null}</div>
+                            <div className="viewer"><a href ={"https://www.kcsc.re.kr/file/DownloadGrp/"+item.docFileGrpId}><AiFillFileMarkdown/></a></div>
+                            <div className="star"><AiFillStar/></div>
 
                         </Link>
                     );
@@ -154,7 +147,7 @@ function StandardCodeList(props) {
     console.groupEnd("StandardCodeList");
     return (
         <div className="StandardCodeList container">
-            <div className="c_wrap">
+            <div className="c_wrap codelistcontent">
                 {/* <!-- Location --> */}
                 <div className="location">
                     <ul>
@@ -170,7 +163,7 @@ function StandardCodeList(props) {
 
                     {/* <!--// Navigation --> */}
 
-                    <div className="contents NOTICE_LIST" id="contents">
+                    <div className="contents NOTICE_LIST listtablediv" id="contents">
                         {/* <!-- 본문 --> */}
 
                         <div className="top_tit">
@@ -216,7 +209,7 @@ function StandardCodeList(props) {
                         {/* <!--// 검색조건 --> */}
 
                         {/* <!-- 게시판목록 --> */}
-                        <div className="board_list BRD002">
+                        <div className="board_list BRD002 code_list">
                             <div className="head">
                                 <span>대분류</span>
                                 <span>중분류</span>