From bb200ffbca5f82c15988451604588e4db79d4b9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B0=95=EC=84=9D=20=EC=B5=9C?= <cks0504_p@daum.net>
Date: Wed, 18 Oct 2023 16:19:00 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B8=B0=EC=A4=80=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=EB=B7=B0=EC=96=B4=20=EB=AA=A9=EC=B0=A8,=20=EB=82=B4=EC=9A=A9?=
 =?UTF-8?q?=20css=20=EC=B6=94=EA=B0=80.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/standardCode/Sb.style.js          | 12 ++++++++++++
 .../src/pages/standardCode/viewer.js            | 17 +++++++++++------
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js
index a8274b0..582e6cc 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js
@@ -29,6 +29,18 @@ export const SbTitle = styled.div`
   }
 `;
 
+export const VwDiv = styled.div`
+  display: flex;
+  align-items: center;
+  padding-left: ${props => (props.depth * 10)}px;
+  color: ${props => (props.isTitle?'darkcyan':'black')};
+  padding-top: ${props => (props.isTitle?'10':'')}px;
+`;
+
+export const VwPtag = styled.p`
+  cursor: ${props => (props.isTitle?'pointer':'')};
+`;
+
 // 제일 하위메뉴에서 클릭할 Link
 export const SbLink = styled(Link)`
   color: inherit;
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
index de5271c..f5a5333 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { useLocation } from 'react-router-dom';
 import SbItem from './SbItem'
-import {SbContainer} from './Sb.style'
+import {SbContainer, VwDiv, VwPtag} from './Sb.style'
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import * as EgovNet from 'api/egovFetch';
@@ -84,15 +84,20 @@ function CodeViewer(props) {
                 let detailTag = [];
                 if(resp.result.document.length>0){
                     resp.result.document.forEach(function (item, index){
-                        if(item.full_content.includes(item.group_title)){
+                        const isTitle = item.full_content.includes(item.group_title);
+                        if(isTitle){
                             summaryTag.push(
-                                <div><p href="#" onClick={() => {
-                                    document.location.hash="#"+item.cont_type_cd;
-                                }}>{item.group_title}</p></div>
+                                <VwDiv depth={item.cont_level} isTitle={isTitle}>
+                                    <VwPtag href="#" isTitle={isTitle} onClick={() => {
+                                        document.location.hash="#"+item.cont_type_cd;
+                                    }}>
+                                        {item.group_title}
+                                    </VwPtag>
+                                </VwDiv>
                             )
                         }
                         detailTag.push(
-                            <div id={item.cont_type_cd} dangerouslySetInnerHTML={ {__html: item.full_content} }></div>
+                            <VwDiv depth={item.cont_level} isTitle={isTitle} id={item.cont_type_cd} dangerouslySetInnerHTML={ {__html: item.full_content} }></VwDiv>
                         )
                     })
                 }else{