From a71e141df641029cd94f44ba93c1a7015e9d6372 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Thu, 16 Nov 2023 16:00:53 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AF=BC=EC=9B=90=EC=8B=A0=EA=B3=A0=EB=8B=B5?=
 =?UTF-8?q?=EB=B3=80=EB=AC=B8=EA=B5=AC=EA=B4=80=EB=A6=AC=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp  | 49 ++++++++++++-------
 1 file changed, 32 insertions(+), 17 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
index f703941b..b211b75a 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
@@ -28,18 +28,41 @@
 			<div class="container-page-btn mt-3">
 		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark" 
 		        title="초기화">초기화</button>
-		        <button type="button" id="btnAnsBasicTab--${pageName}" class="btn btn-blue btn-tab" 
-		        title="머리말/꼬리말">머리말/꼬리말</button>
-		        <button type="button" id="btnLevyAnsBodyTab--${pageName}" class="btn btn-blue btn-tab" 
-		        title="부과건 답변내용">부과건 답변내용</button>
-		        <button type="button" id="btnWarningAnsBodyTab--${pageName}" class="btn btn-blue btn-tab" 
-		        title="계도건 답변내용">계도건 답변내용</button>
-		        <button type="button" id="btnNonlevyAnsBodyTab--${pageName}" class="btn btn-blue btn-tab" 
-		        title="미부과처리건 답변내용">미부과처리건 답변내용</button>
 		        <span class="container-window-btn-right"></span>
 		    </div>
 		    
-		    <div class="h-px-500 mt-4">
+		    <span style="display: flex;justify-content: center">
+			    <div class="nav-align-top mb-1 w-px-1300">
+					<ul class="nav nav-tabs" role="tablist">
+						<li class="nav-item">
+							<button type="button" id="btnAnsBasicTab--${pageName}" class="nav-link active" 
+							role="tab" data-bs-toggle="tab">
+								머리말/꼬리말
+							</button>
+						</li>
+						<li class="nav-item">
+							<button type="button" id="btnLevyAnsBodyTab--${pageName}" class="nav-link" 
+							role="tab" data-bs-toggle="tab">
+								부과건 답변내용
+							</button>
+						</li>
+						<li class="nav-item">
+							<button type="button" id="btnWarningAnsBodyTab--${pageName}" class="nav-link" 
+							role="tab" data-bs-toggle="tab">
+								계도건 답변내용
+							</button>
+						</li>
+						<li class="nav-item">
+							<button type="button" id="btnNonlevyAnsBodyTab--${pageName}" class="nav-link" 
+							role="tab" data-bs-toggle="tab">
+								미부과처리건 답변내용
+							</button>
+						</li>
+					</ul>
+				</div>
+		    </span>
+		    
+		    <div class="h-px-500 mt-1">
 		    
 		    	<!-- 머리말,꼬리말 영역 -->
 		    	<span class="area-answerbasic">
@@ -671,8 +694,6 @@ $(document).ready(function(){
 	
 	//탭 버튼
     $('#btnAnsBasicTab--${pageName}').on('click', (event) => {
-    	$(event.target).addClass("active");
-    	$(event.target).siblings(".btn-tab").removeClass("active");
 		
     	$("#wrapper--${pageName}").find(".area-answerbasic").show();
     	$("#wrapper--${pageName}").find(".area-answerbody").hide();
@@ -683,8 +704,6 @@ $(document).ready(function(){
     });
     
 	$('#btnLevyAnsBodyTab--${pageName}').on('click', (event) => {
-		$(event.target).addClass("active");
-    	$(event.target).siblings(".btn-tab").removeClass("active");
 		
 		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
 		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
@@ -704,8 +723,6 @@ $(document).ready(function(){
 		$("#macroTarget--${pageName}").attr("for","");
 	});
 	$('#btnWarningAnsBodyTab--${pageName}').on('click', (event) => {
-		$(event.target).addClass("active");
-    	$(event.target).siblings(".btn-tab").removeClass("active");
 		
 		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
 		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){
@@ -725,8 +742,6 @@ $(document).ready(function(){
 		$("#macroTarget--${pageName}").attr("for","");
 	});
 	$('#btnNonlevyAnsBodyTab--${pageName}').on('click', (event) => {
-		$(event.target).addClass("active");
-    	$(event.target).siblings(".btn-tab").removeClass("active");
 		
 		$("#wrapper--${pageName}").find(".area-answerbasic").hide();
 		$("#wrapper--${pageName}").find(".area-answerbody").each(function(){