From 573343ba2dbf14852f6121c2201b39db3f884591 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?ITN=5F=EB=94=94=EC=9E=90=EC=9D=B8=ED=8C=80?=
 <ITN_디자인팀@ITN>
Date: Wed, 22 Nov 2023 14:05:35 +0900
Subject: [PATCH] =?UTF-8?q?2023/11/22=20=EC=B0=BE=EC=95=84=EA=B0=80?=
 =?UTF-8?q?=EB=8A=94=20=EC=A0=80=EC=9E=91=EA=B6=8C=20=EA=B5=90=EC=9C=A1=20?=
 =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=9E=90=20=ED=8E=98=EC=9D=B4=EC=A7=80=20>?=
 =?UTF-8?q?=20=EA=B2=8C=EC=8B=9C=ED=8C=90=20=EC=83=81=EB=8B=A8=20=ED=83=AD?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80=20=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngList.jsp    |  6 ++++++
 .../jsp/oprtn/cndtnSspnIdtmt/trgtMngList.jsp        |  5 +++++
 .../webapp/visitEdu/adm/publish/css/content.css     | 13 ++++++++++++-
 .../webapp/visitEdu/adm/publish/script/content.js   |  9 +++++++++
 4 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngList.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngList.jsp
index 12ca31a9..c9d8a13c 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngList.jsp
@@ -150,6 +150,12 @@
 	<input type="hidden" id="prcsSortNo" name="prcsSortNo" value="" />
 
 	<div class="cont_wrap">
+		<!--tap 추가-->
+		<ul class="tab_wrap">
+			<li class="tab active"><button type="button" onclick="TabWrap(this,'1');">과정신청기간관리목록</button></li>
+			<li class="tab"><button type="button" onclick="TabWrap(this,'2');">과정관리목록</button></li>
+			<li class="tab"><button type="button" onclick="TabWrap(this,'3');">교육확정관리목록</button></li>
+		</ul>	
 		<div class="box">
 
 			<!-- cont_tit -->
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMngList.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMngList.jsp
index b01cba08..3d281687 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMngList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMngList.jsp
@@ -231,6 +231,11 @@
 	<input type="hidden" id="searchSelStatus" name="searchSelStatus" value="" />
 
 	<div class="cont_wrap">
+		<!--tap 추가-->
+		<ul class="tab_wrap">
+			<li class="tab active"><button type="button" onclick="TabWrap(this,'1');">대상자관리</button></li>
+			<li class="tab"><button type="button" onclick="TabWrap(this,'2');">수료자관리</button></li>
+		</ul>
 		<div class="box">
 
 			<!-- cont_tit -->
diff --git a/src/main/webapp/visitEdu/adm/publish/css/content.css b/src/main/webapp/visitEdu/adm/publish/css/content.css
index 7a38940d..d0d3c1cb 100644
--- a/src/main/webapp/visitEdu/adm/publish/css/content.css
+++ b/src/main/webapp/visitEdu/adm/publish/css/content.css
@@ -443,4 +443,15 @@ input[type="text"].input_time {width: 50px;}
 .sch_wrap .sch_day{width: 4%; min-width: 70px; padding-right: 20px; box-sizing: border-box;}
 
 .sch_wrap p.day_sun{color: #e40000;}
-.sch_wrap p.day_sat{color: #0b5bff;}
\ No newline at end of file
+.sch_wrap p.day_sat{color: #0b5bff;}
+
+/*tab 추가*/
+.tab_wrap{background-color: #fff;width: 100%;border-radius: 5px; display: flex;text-align: center;margin-bottom: 20px;border:1px solid #dbdcdd;}
+.tab_wrap li{flex-basis: calc(100%/2); position: relative;}
+.tab_wrap li:after{position:absolute;content: "";width: 1px;height: 27px;background-color: #dbdcdd;right: 0;margin: 13px 0 0 0;}
+.tab_wrap li:last-child:after{width: 0;}
+.tab_wrap li button{width: 100%;padding: 13px 0;font-size: 18px;position:relative;z-index:1;}
+.tab_wrap li.active{background-color: #46484a;}
+.tab_wrap li.active:after{content:'';position:absolute;left:-1px;top:-1px;border:1px solid #697e9b;}
+.tab_wrap li.active button{color: #fff;border:1px solid #46484a;background-color: #697e9b;}
+.tab_wrap li.active button:after{content:'';position:absolute;left:-4px;top:-4px;width:100%;height:100%;border:4px solid #697e9b;border-radius: 5px;}
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/adm/publish/script/content.js b/src/main/webapp/visitEdu/adm/publish/script/content.js
index 5abf8862..4cbdaa7a 100644
--- a/src/main/webapp/visitEdu/adm/publish/script/content.js
+++ b/src/main/webapp/visitEdu/adm/publish/script/content.js
@@ -629,3 +629,12 @@ $(function(){
 	  }
 	}
   }
+  
+  //tab 버튼
+  function TabWrap(obj){
+	var $tab = $(obj).closest("li");
+	$tab.addClass("active");
+	$tab.find("button").attr("title", "선택됨");
+	$tab.siblings("li.tab").removeClass("active");
+	$tab.siblings("li.tab").find("button").removeAttr("title");
+  }