From 78969ae87e5d268acc09788a9d89a5c2ae4f82b9 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 13 Jun 2024 17:43:34 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/css/base.css                          |   5 +-
 .../src/css/page.css                          |   8 +
 .../src/pages/main/EgovMain.jsx               |  14 +-
 .../standardCode/info/StandardCodeInfo.jsx    | 304 +++++++++++++++++-
 4 files changed, 310 insertions(+), 21 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/css/base.css b/egovframe-template-simple-react-contribution/src/css/base.css
index 10f0462..b96a3da 100644
--- a/egovframe-template-simple-react-contribution/src/css/base.css
+++ b/egovframe-template-simple-react-contribution/src/css/base.css
@@ -87,7 +87,7 @@ button {cursor: pointer;}
 .h_50 {height: 50px;}
 .h_100 {height: 100px;}
 .h_300 {height: 300px;}
-.h-100 {height: 100%;}
+/*.h-100 {height: 100%;}*/
 
 .f_11 {font-size: 11px;}
 .f_12 {font-size: 12px;}
@@ -106,10 +106,11 @@ button {cursor: pointer;}
 .pb10 {padding-bottom: 10px !important;}
 
 .bg-fa {background: #FAFAFA !important;}
+.bg-224 {background: #22498E !important;}
 
 .text-4c6 {color: #4C6C84 !important;}
 .text-224 {color: #22498E !important;}
 
 .clickable{cursor: pointer;}
 
-.MuiTab-root.Mui-selected { color: #22498E; }
+/*.MuiTab-root.Mui-selected { color: #22498E; }*/
diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 3e2fe35..60fcde3 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -543,3 +543,11 @@
     .docInfoRow > div{--bs-gutter-x: 0.5rem;}
     .bookmarkModalHeader{--bs-modal-title-line-height:1;}
     .optionBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; margin-right: 7px;}
+
+
+    /* 건설기준코드 안내*/
+    .code_border {border: 1px solid #22498E;}
+    .code_circle {width: 100px; height: 100px; border-radius: 50%; background: #E2E9F6; text-align: center; }
+    .code_table {border: 1px solid #222;}
+    .code_table_bottom {border-bottom: 1px solid #EAEAEA;}
+    .code_table_right {border-right: 1px solid #EAEAEA;}
diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
index 59617e3..5449a29 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -346,14 +346,14 @@ function EgovMain(props) {
                                 value={value}
                                 onChange={handleChange}
                                 indicatorColor="secondary"
-                                textColor="secondary"
+                                textColor="#22498E"
                             >
-                                <Tab value={0} {...a11yProps(0)} sx={{ fontSize: value === 0 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준고시" wrapped />
-                                <Tab value={1} {...a11yProps(1)} sx={{ fontSize: value === 1 ? '1.5rem' : '1rem', fontWeight: 700}} label="공지사항" />
-                                <Tab value={2} {...a11yProps(2)} sx={{ fontSize: value === 2 ? '1.5rem' : '1rem', fontWeight: 700}} label="위원회 진행현황" />
-                                <Tab value={3} {...a11yProps(3)} sx={{ fontSize: value === 3 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준연구" />
-                                <Tab value={4} {...a11yProps(4)} sx={{ fontSize: value === 4 ? '1.5rem' : '1rem', fontWeight: 700}} label="기술자료" />
-                                <Tab value={5} {...a11yProps(5)} sx={{ fontSize: value === 5 ? '1.5rem' : '1rem', fontWeight: 700}} label="보도자료" />
+                                <Tab value={0} {...a11yProps(0)} sx={{ fontSize: value === 0 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 0 ? '#22498E' : 'secondary'}} label="건설기준고시" wrapped />
+                                <Tab value={1} {...a11yProps(1)} sx={{ fontSize: value === 1 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 1 ? '#22498E' : 'secondary'}} label="공지사항" />
+                                <Tab value={2} {...a11yProps(2)} sx={{ fontSize: value === 2 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 2 ? '#22498E' : 'secondary'}} label="위원회 진행현황" />
+                                <Tab value={3} {...a11yProps(3)} sx={{ fontSize: value === 3 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 3 ? '#22498E' : 'secondary'}} label="건설기준연구" />
+                                <Tab value={4} {...a11yProps(4)} sx={{ fontSize: value === 4 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 4 ? '#22498E' : 'secondary'}} label="기술자료" />
+                                <Tab value={5} {...a11yProps(5)} sx={{ fontSize: value === 5 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 5 ? '#22498E' : 'secondary'}} label="보도자료" />
                                 <Tab value="" label="+" sx={{ fontSize: '1.75rem', ml: 'auto' }} onClick={handlePlusClick} />
                             </Tabs>
                         </Box>
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
index b0eed43..ed548b5 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
@@ -34,23 +34,23 @@ function StandardCodeInfo({}){
 
                 <div className="layout">
 
-                    <div className="contents NOTICE_LIST" id="contents">
+                    <div className="contents" id="contents">
                         {/* <!-- 본문 --> */}
                         <h1 className="tit_3">건설기준코드 안내</h1>
 
                         <div className="">
                             <div className="">
-                                <Box sx={{ borderBottom: 2, borderColor: 'divider' }}>
+                                <Box sx={{ borderBottom: 2, borderColor: '#22498E' }}>
                                     <Tabs
                                         value={value}
                                         onChange={handleChange}
                                         indicatorColor="secondary"
-                                        textColor="secondary"
+                                        textColor="#fff"
                                     >
-                                        <Tab value={0} {...a11yProps(0)} sx={{ fontWeight: 700, backgroundColor: value === 3 ? 'primary.main' : 'transparent', color: value === 3 ? 'white' : 'text.primary', }} label="건설기준 코드체계 표준화" wrapped />
-                                        <Tab value={1} {...a11yProps(1)} sx={{ fontWeight: 700 }} label="건설기준코드 개편 효과" />
-                                        <Tab value={2} {...a11yProps(2)} sx={{ fontWeight: 700 }} label="건설기준 코드체계로 개편" />
-                                        <Tab value={3} {...a11yProps(3)} sx={{ fontWeight: 700 }} label="건설기준 코드 현황" />
+                                        <Tab value={0} {...a11yProps(0)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 0 ? '#22498E' : '#fff', color: value === 0 ? '#fff' : 'secondary', }} label="건설기준 코드체계 표준화" wrapped />
+                                        <Tab value={1} {...a11yProps(1)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 1 ? '#22498E' : '#fff', color: value === 1 ? '#fff' : 'secondary', }} label="건설기준코드 개편 효과" />
+                                        <Tab value={2} {...a11yProps(2)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 2 ? '#22498E' : '#fff', color: value === 2 ? '#fff' : 'secondary', }} label="건설기준 코드체계로 개편" />
+                                        <Tab value={3} {...a11yProps(3)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 3 ? '#22498E' : '#fff', color: value === 3 ? '#fff' : 'secondary', }} label="건설기준 코드 현황" />
                                     </Tabs>
                                 </Box>
                                 <TabPanel value={value} index={0}>
@@ -68,7 +68,7 @@ function StandardCodeInfo({}){
                                                         <Col>설계기준코드, 표준시방서 두 분류로 코드 통폐합</Col>
                                                     </Row>
                                                 </Col>
-                                                <Col xs={1}><img src={"/assets/images/arrow_right.png"} /></Col>
+                                                <Col xs={1} className={"text-center"}><img src={"/assets/images/arrow_right.png"} /></Col>
                                                 <Col xs={3} className={"text-center"}>
                                                     <Row className={"h_300 align-items-center"}>
                                                         <Col><img src={"/assets/images/code_2.png"} /></Col>
@@ -77,7 +77,7 @@ function StandardCodeInfo({}){
                                                         <Col>공통편, 시설물편, 사업 분야편으로 구분</Col>
                                                     </Row>
                                                 </Col>
-                                                <Col xs={1}><img src={"/assets/images/arrow_right.png"} /></Col>
+                                                <Col xs={1} className={"text-center"}><img src={"/assets/images/arrow_right.png"} /></Col>
                                                 <Col xs={4} className={"text-center"}>
                                                     <Row className={"h_300 align-items-center"}>
                                                         <Col><img src={"/assets/images/code_3.png"} /></Col>
@@ -90,9 +90,289 @@ function StandardCodeInfo({}){
                                         </Col>
                                     </Row>
                                 </TabPanel>
-                                <TabPanel value={value} index={1}>222</TabPanel>
-                                <TabPanel value={value} index={2}>건설기준고시 리스트 출력</TabPanel>
-                                <TabPanel value={value} index={3}>건설기준연구 리스트 출력</TabPanel>
+                                <TabPanel value={value} index={1}>
+                                    <Row className={"h_100 pt-5 mt-5"}>
+                                        <Col xs={2} className={"h-100 pt-5"}>
+                                            <Row>
+                                                <Col className={"code_border"}></Col>
+                                            </Row>
+                                        </Col>
+                                        <Col xs={8} className={"h-100"}>
+                                            <Row>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>개정 <br />용이성</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>중복성 <br />최소화</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>상층성 <br />해결</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>사용자 <br />편의성</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>코드추가 <br />확장성</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>성능 <br />중심지향</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                            </Row>
+                                        </Col>
+                                        <Col xs={2} className={"h-100 pt-5"}>
+                                            <Row>
+                                                <Col className={"code_border"}></Col>
+                                            </Row>
+                                        </Col>
+                                    </Row>
+                                </TabPanel>
+                                <TabPanel value={value} index={2}>
+                                    <Row className={"pt-5 mt-5"} className={"text-center align-items-center"}>
+                                        <Col xs={5}>
+                                            <Row>
+                                                <Col className={"f_16 fw-bold py-2"}>코드체계 개편 전</Col>
+                                            </Row>
+                                            <Row>
+                                                <Col className={"code_table"}>
+                                                    <Row className={"code_table_bottom"}>
+                                                        <Col className={"code_table_right p-2"}>현행설계기준 21종</Col>
+                                                        <Col className={"p-2"}>현행시공기준 21종</Col>
+                                                    </Row>
+                                                    <Row className={"text-start"}>
+                                                        <Col className={"code_table_right p-3"}>콘크리트구조 설계기준<br />강구조설계기준 (허용응력설계법)<br />강구조설계기준 (하중저항설계법)<br />구조물기초설계기준<br />
+                                                            건설공사비탈면 설계기준<br />건축구조 설계기준<br />도로교 설계기준 (일반설계법)<br />도로교 설계기준 (한계상태설계법)<br />터널 설계기준<br />
+                                                            도로 설계기준<br />공동구 설계기준<br />철도 설계기준<br />하천 설계기준<br />댐 설계기준<br />항만 및 어항 설계기준<br />건축전기설비 설계기준<br />
+                                                            건축기계설비 설계기준<br />조경 설계기준<br />상수도 시설기준<br />하수도 시설기준<br />농업생산기반정비사업계획 설계기준</Col>
+                                                        <Col className={"p-3"}>가설공사 표준시방서<br />강구조공사 표준시방서<br />건설공사 비탈면 표준시방서<br />건설환경관리 표준시방서<br />건축공사 표준시방서<br />
+                                                            건축기계설비공사 표준시방서 건축전기설비공사 표준시방서<br />공동구 표준시방서<br />농업토목공사 표준시방서<br />도로공사 표준시방서<br />도로교 표준시방서<br />
+                                                            도시철도공사(지하철) 표준시방서<br />산업환경설비공사 표준시방서<br />상수도공사 표준시방서<br />조경공사 표준시방서<br />콘크리트 표준시방서<br />
+                                                            터널 표준시방서<br />토목공사 표준일반시<br />방서하수관거공사 표준시방서<br />하천공사 표준시방서<br />항만 및 어항공사 표준시방서</Col>
+                                                    </Row>
+                                                </Col>
+                                            </Row>
+                                        </Col>
+                                        <Col xs={2}><img src={"/assets/images/arrow_up_right.png"} className={"img-fluid w-25"}/></Col>
+                                        <Col xs={5}>
+                                            <Row>
+                                                <Col className={"f_16 fw-bold py-2"}>코드체계 개편 후</Col>
+                                            </Row>
+                                            <Row>
+                                                <Col className={"code_table"}>
+                                                    <Row className={"code_table_bottom bg-224 text-white"}>
+                                                        <Col xs={2} className={"code_table_right p-2"}></Col>
+                                                        <Col xs={5} className={"code_table_right p-2"}>현행설계기준 21종</Col>
+                                                        <Col xs={5} className={"p-2"}>현행시공기준 21종</Col>
+                                                    </Row>
+                                                    <Row className={"code_table_bottom text-start"}>
+                                                        <Col xs={2} className={"code_table_right p-3 text-center"}>공통편</Col>
+                                                        <Col xs={5} className={"code_table_right p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                        <Col xs={5} className={"p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                        </Col>
+                                                    </Row>
+                                                    <Row className={"code_table_bottom text-start"}>
+                                                        <Col xs={2} className={"code_table_right p-3 text-center"}>시설물편</Col>
+                                                        <Col xs={5} className={"code_table_right p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                        <Col xs={5} className={"p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                    </Row>
+                                                    <Row className={"text-start"}>
+                                                        <Col xs={2} className={"code_table_right p-3 text-center"}>사업편</Col>
+                                                        <Col xs={5} className={"code_table_right p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                        <Col xs={5} className={"p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                            </Row>
+                                        </Col>
+                                    </Row>
+                                </TabPanel>
+                                <TabPanel value={value} index={3}>
+                                    <Row>
+                                        <Col className={"f_16 fw-bold py-2 text-center"}>코드체계 개편 후</Col>
+                                    </Row>
+                                    <Row>
+                                        <Col className={"code_table text-center"}>
+                                            <Row className={"code_table_bottom bg-224 text-white"}>
+                                                <Col xs={2} className={"code_table_right p-2"}>기준명</Col>
+                                                <Col xs={5} className={"code_table_right p-2"}>현행설계기준 21종</Col>
+                                                <Col xs={5} className={"p-2"}>현행시공기준 21종</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>합계</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>100</Col>
+                                                <Col xs={5} className={"py-2"}>1900</Col>
+                                            </Row>
+                                            <Row className={"code_table text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>총계</Col>
+                                                <Col xs={10} className={"code_table_right py-2"}>19000</Col>
+                                            </Row>
+                                        </Col>
+                                    </Row>
+                                </TabPanel>
                             </div>
                         </div>