From 18a12fa655290d7f9c258b6db5004ae599d653d6 Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Tue, 16 Sep 2025 19:57:41 +0900
Subject: [PATCH] =?UTF-8?q?=EC=84=9C=EB=B8=8C=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=20-=20=EB=A6=AC=EC=8A=A4=ED=8A=B8,=20=EB=A6=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=83=81=EC=84=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/web/com/webLayout.jsp  |   2 +-
 .../webapp/WEB-INF/jsp/web/main/mainPage.jsp  |   1 +
 .../adm/publish/image/content/file_before.png | Bin 0 -> 1219 bytes
 .../webapp/visitEdu/usr/publish/00_guide.html |   4 +-
 .../visitEdu/usr/publish/css/common.css       |  63 +-
 .../visitEdu/usr/publish/css/content.css      | 981 +++++-------------
 .../webapp/visitEdu/usr/publish/css/font.css  | 157 ++-
 .../usr/publish/images/common/lnb_icon.png    | Bin 0 -> 988 bytes
 .../publish/images/common/lnb_title_obj.png   | Bin 0 -> 470 bytes
 .../publish/images/content/btn_page_first.png | Bin 0 -> 455 bytes
 .../publish/images/content/btn_page_last.png  | Bin 0 -> 463 bytes
 .../publish/images/content/btn_page_next.png  | Bin 0 -> 406 bytes
 .../publish/images/content/btn_page_prev.png  | Bin 0 -> 419 bytes
 .../publish/images/content/icon_calendar.png  | Bin 0 -> 469 bytes
 .../usr/publish/images/content/icon_file.png  | Bin 0 -> 510 bytes
 .../images/content/icon_file_mobile.png       | Bin 0 -> 1286 bytes
 .../usr/publish/images/content/icon_home.png  | Bin 0 -> 328 bytes
 .../images/content/icon_home_mobile.png       | Bin 0 -> 725 bytes
 .../publish/images/content/icon_path_obj.png  | Bin 0 -> 219 bytes
 .../images/content/icon_path_obj_mobile.png   | Bin 0 -> 604 bytes
 .../publish/images/content/icon_search.png    | Bin 0 -> 513 bytes
 .../publish/images/content/icon_select.png    | Bin 0 -> 194 bytes
 .../webapp/visitEdu/usr/publish/index.html    |   1 -
 .../webapp/visitEdu/usr/publish/list.html     | 199 ++++
 .../visitEdu/usr/publish/list_view.html       | 151 +++
 25 files changed, 717 insertions(+), 842 deletions(-)
 create mode 100644 src/main/webapp/visitEdu/adm/publish/image/content/file_before.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/common/lnb_icon.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/common/lnb_title_obj.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/btn_page_first.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/btn_page_last.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/btn_page_next.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/btn_page_prev.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_file.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_file_mobile.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_home.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_home_mobile.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj_mobile.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_search.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/icon_select.png
 create mode 100644 src/main/webapp/visitEdu/usr/publish/list.html
 create mode 100644 src/main/webapp/visitEdu/usr/publish/list_view.html

diff --git a/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp b/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
index 8c6b285d..6aa50568 100644
--- a/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
@@ -40,7 +40,7 @@
 	<link rel="stylesheet" href="${pageContext.request.contextPath}/visitEdu/usr/publish/datepicker/classic.css">
 	<link rel="stylesheet" href="${pageContext.request.contextPath}/visitEdu/usr/publish/datepicker/classic.date.css">
 	<link rel="stylesheet" href="${pageContext.request.contextPath}/visitEdu/usr/publish/css/swiper.min.css">
-	<link rel="stylesheet" href="${pageContext.request.contextPath}/visitEdu/usr/publish/css/main.css">
+	<%-- <link rel="stylesheet" href="${pageContext.request.contextPath}/visitEdu/usr/publish/css/main.css"> --%>
 
 	<!-- script -->
 	<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
index 08196596..611cf8c0 100644
--- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
@@ -8,6 +8,7 @@
 
 	<!-- script -->
 	
+<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/main.css">	
 <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/swiper.min.css">
 <script src="/ipedu/visitEdu/usr/publish/script/swiper.js"></script>
 <script type="text/javascript">
diff --git a/src/main/webapp/visitEdu/adm/publish/image/content/file_before.png b/src/main/webapp/visitEdu/adm/publish/image/content/file_before.png
new file mode 100644
index 0000000000000000000000000000000000000000..9256a58316ebce17d5f748357a203c95ea86b2b2
GIT binary patch
literal 1219
zcmV;!1U&nRP)<h;3K|Lk000e1NJLTq001fg001cn1^@s6Lsz@?00009a7bBm000XU
z000XU0RWnu7ytkSbxA})R9J=8m`!XOMHI(>v)N7RbQ8Nllr)AC5=C(diAfA9mD)O?
z<y5#-NFesmazf(Bp=ZRA69*JjC;|yqpa=x2dMGHOjj2Q=>K2zMUsQ&qxFo?OIC62!
zX1yHh=A-_|u0K-xmwecH@6G%?J8$013T#N%bpeEdUOWC-Swe`*mSw%DY1*uVxV)0L
za=06^t*s43QMT+jlgWtd*RMYXyak*r4|5C9jgX3>U>FA7-QDcmxzkqX@pxP;EiJW{
z3ke|Ef%JO4bai!AV!V=-cSdzxmw>B4kJszv(4j+2PfwRRhF{n9i$(0Kz%cN(rfC`5
zpjpVDfyeJaN>agz-%_$Hdm0)Vf`#mcVOYsz@(8d5oVEp8X-I&krY4RaJzCIiS(X?Y
z8nR5&++PfIjbbC@-o1M(0%=D=2qa0eD3ULbol#xaW#AgHueG(60|yQugs3{C6UkY~
zaiHV>3JJGobR6hV6a`gP85<kR>llm05JFH}Tf41*cO(NH0ES@{gaoLmsUZ*u*s4m^
zkPOh#(ShIZFY2f$$~|2YGJqsW_w1G0RrU9u3hBN9%_*U&REkh2L?%<P>=spTZ!gWw
z&1Hk#tsGDx1a)<Ftgfy)?o0@QEN^+lElD}O?%1(|{{H@|3|5Zr-!)okEiW%KIy$<k
z&E;~@)6?T<U(NwF41-7{Qt}%0`FyzD?zOg+l@+4VXbxysSC^ypoa32Jr<t9d#Wc;5
zKwDZ`Hi7Qmy}Rgn)UI+sRaNEq@#AH8TxnG`ne6PvgP+Xs<*+I~`)1eSzUR&l6!NQD
zGMT1HGMPkC6r#~6i9}-EW+@C`Q8^d7Mf9c#cm?nnFudnTBm@isU!=l8tLmWB)6<xy
zNjx4W9*>hwrvdnNL1pNNc9xUN`NAZiKl{7n3XHsz3I}gi4Kx~!5{X1`yWMLyhQ-B2
zE>D<z{P_y2_VV-~5OM`Z4yMAvIavtt`^?OY7byF%naN~WSXdyDNZ@w685kI#zP=uS
z#e~6|A1vgBJaxj&=(RMVt1EY#+JQ5`^Ri`Gucp)KkEW)k9xfMD2ti|GBYwZ1&d$zF
z`{ajblO%5CPp*~+Bs^-tygud%j65rAnl=nPQVc-X^(TR=eSLlSd_L#@z{+qg^pEqn
zb)DRnT0eMZg81L19UHS6u$xRb0OsfCQB~FPDC1Lq0!?err%t$Os9#TseeJclRf(sc
zSicTknf#ZpF08$UJ+?qKP5VpN^}$#y_IfN9a|}8cS2ux9MhzMp)<J!(GIL8NQ!~a|
z+l{$RXARR)rt7-C4|vEa=%-&dy!O-Lqc0b-zw^c}zWXuF+3yRk<6j)@qnf5o025AP
zvbwnENaPuywS-uJZ@2T{{BDVH7V!RdgHGi$geMJt`=emFI-Lp!uWj3>50A%#D=^{%
zLcoJI!!7{FQsH1~TklM%aBvdX4_w;9H3Pgy77{8@-|fod@oai_1x8)~UI7jR&42;S
h0Oz^=y2m&A{|7RQf_XL+AprmY002ovPDHLkV1gK7Km7mz

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/00_guide.html b/src/main/webapp/visitEdu/usr/publish/00_guide.html
index c9531d97..5ab3a49f 100644
--- a/src/main/webapp/visitEdu/usr/publish/00_guide.html
+++ b/src/main/webapp/visitEdu/usr/publish/00_guide.html
@@ -48,8 +48,8 @@
 				<p class="menu_tit">메인</p>
 			</a>
 			<ul class="dep01">
-				<li><a href="./layout.html">서브 레이아웃</a></li>
-				<li class="title">대국민</li>
+				<li><a href="./list.html">리스트</a></li>
+				<li><a href="./list_view.html">리스트 상세</a></li>
 			</ul>
 			<p class="menu_tit">남은내역</p>
 			<ul class="dep01">
diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css
index 6a4eb1b3..dcc52d7e 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/common.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/common.css
@@ -16,6 +16,11 @@
 	--red-color-light:#fde8e8;
 	--red-color-light-hover:#fcdcdc;
 
+	--gray-color:#838484;
+	--gray-color-hover:#636464;
+	--gray-color-light:#f4f4f4;
+	--gray-color-light-hover:#eeeeee;
+
 	--title-color:#333;
 	--body-color:#555;
 	--body2-color:#7c7c7c;
@@ -62,15 +67,15 @@ header{position:fixed;width:100%;background:#fff;top:0;z-index:9;transition:all
 .header_top_area .btn{position:relative;display:flex;height:38px;padding:0 20px;font-size:1.6rem;font-weight:500;line-height:1.4;color:var(--body2-color);border:1px solid var(--body2-color);border-radius:40px;justify-content:center;align-items:center;box-sizing:border-box;}
 .header_top_area .btn:hover{background:#f6f6f6;}
 
-nav{display:block;width:100%;max-height:90px;transition:max-height 0.6s;overflow:hidden;}
-nav.on{background:#fff;max-height:500px;}
-nav .inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
-nav .logo{display:flex;height:90px;align-items:center;}
-nav .logo img{margin:-20px 0 0 0;}
-nav .menu_area{display:flex;gap:100px;}
-nav .menu{display:flex;gap:60px;}
-nav .depth01{display:flex;height:90px;font-size:2.8rem;font-weight:600;color:#333;border-bottom:3px solid transparent;align-items:center;box-sizing:border-box;}
-nav li:hover .depth01{border-bottom:3px solid var(--primary-color);color:var(--primary-color)}
+header nav{display:block;width:100%;max-height:90px;transition:max-height 0.6s;overflow:hidden;}
+header nav.on{background:#fff;max-height:500px;}
+header nav .inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
+header nav .logo{display:flex;height:90px;align-items:center;}
+header nav .logo img{margin:-20px 0 0 0;}
+header nav .menu_area{display:flex;gap:100px;}
+header nav .menu{display:flex;gap:60px;}
+header nav .depth01{display:flex;height:90px;font-size:2.8rem;font-weight:600;color:#333;border-bottom:3px solid transparent;align-items:center;box-sizing:border-box;}
+header nav li:hover .depth01{border-bottom:3px solid var(--primary-color);color:var(--primary-color)}
 
 .depth02_wrap{position:absolute;display:flex;width:100%;height:0;left:0;overflow:hidden;transition:height .5s;}
 .on .depth02_wrap{height:200px;top:100%;margin:0 auto;}
@@ -117,13 +122,13 @@ footer address p{font-size:2.3rem;line-height:1.5;margin:0 0 8px 0;}
 footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
 
 @media (max-width: 1480px) {
-	nav .menu_area{gap:60px;}
+	header nav .menu_area{gap:60px;}
 }
 
 @media (max-width: 1280px) {
-	nav .menu_area{gap:30px;}
-	nav .menu{gap:20px;}
-	nav .depth01{font-size:2.2rem;padding:0 15px;}
+	header nav .menu_area{gap:30px;}
+	header nav .menu{gap:20px;}
+	header nav .depth01{font-size:2.2rem;padding:0 15px;}
 }
 
 @media (max-width: 1023px){
@@ -133,15 +138,15 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
 
 	.header_top_area{display:none;}
 
-	nav{height:110px;max-height:110px;}
-	nav .inner{height:110px;align-items:center;}
-	nav .logo{height:60px;}
-	nav .logo img{height:100%;margin:0;}
-	nav .menu{display:none;}
-	nav .depth01{display:none;}
-	nav .btn_wrap{display:flex;gap:32px;}
-	nav .btn_sitemap, nav .btn_identify{padding:0;}
-	nav .btn_sitemap i{background:url(/ipedu/visitEdu/usr/publish/images/common/icon_menu_mobile.png) no-repeat center center;}
+	header nav{height:110px;max-height:110px;}
+	header nav .inner{height:110px;align-items:center;}
+	header nav .logo{height:60px;}
+	header nav .logo img{height:100%;margin:0;}
+	header nav .menu{display:none;}
+	header nav .depth01{display:none;}
+	header nav .btn_area{display:flex;gap:32px;}
+	header nav .btn_sitemap, header nav .btn_identify{padding:0;}
+	header nav .btn_sitemap i{background:url(/ipedu/visitEdu/usr/publish/images/common/icon_menu_mobile.png) no-repeat center center;}
 
 	.all_menu_wrap{max-height:100%;padding:30px 0;overflow:auto;top:0;left:100%;transition:left .5s;}
 	.all_menu_wrap.on{left:0;}
@@ -174,8 +179,8 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
 	.all_menu_wrap .menu .depth02 a{font-size:2rem;}
 	.all_menu_wrap .menu .depth02 a::before{top:6px;}
 	
-	nav .logo{max-width:60%;}
-	nav .logo img{width:100%;height:auto;}
+	header nav .logo{max-width:60%;}
+	header nav .logo img{width:100%;height:auto;}
 
 	footer .area_top{padding:50px 30px;}
 	footer .area_top ul{gap:30px;}
@@ -190,11 +195,11 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
 @media (max-width: 479px){
 	.inner{padding:0 15px;}
 
-	nav .logo{max-width:45%;}
-	nav .btn_wrap{gap:16px;}
-	nav .btn_sitemap, nav .btn_identify{width:30px;height:30px;}
-	nav .btn_identify i{background-size: auto 100%;}
-	nav .btn_sitemap i{background-size: 100% auto;}
+	header nav .logo{max-width:45%;}
+	header nav .btn_area{gap:16px;}
+	header nav .btn_sitemap, nav .btn_identify{width:30px;height:30px;}
+	header nav .btn_identify i{background-size: auto 100%;}
+	header nav .btn_sitemap i{background-size: 100% auto;}
 
 	.all_menu_wrap .logo{max-width:60%;}
 	.all_menu_wrap .logo img{width:100%;}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css
index f1fa5097..c2660354 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/content.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/content.css
@@ -1,57 +1,34 @@
+
 .btn_cal{width: 20px; height: 20px; position: absolute; right: 15px; top: 0; background-repeat: no-repeat;}
-.btn_cal i{display: inline-block; width: 20px; height: 20px; background-image: url(../images/content/calendarIcon.png); background-repeat: no-repeat; background-position: center;}
+.btn_cal i{display: inline-block; width: 20px; height: 20px; background-image: url(/ipedu/visitEdu/usr/publish/images/content/icon_calendar.png); background-repeat: no-repeat; background-position: center;}
 
 /* sub layout */
-.container {width: 100%; min-height: 650px; position: relative; display: inline-block; box-sizing: border-box; margin-top: 130px; }
-.container .inner{max-width: 1440px; width: 100%; padding: 0 20px; margin: 60px auto 76px auto; /*display: flex;*/ box-sizing: border-box; justify-content: space-between;}
-.container .inner .cont_wrap {width: 100%;}
+.container {width: 100%; min-height: 650px; position: relative; display: inline-block; box-sizing: border-box; margin: 145px 0 0 0; }
+.container .inner{max-width: 1440px; width: 100%; padding: 0 20px; margin: 60px auto 76px auto; box-sizing: border-box; justify-content: space-between;}
 
-.cont_nav{width: 100%; height: 60px; background-color: #2353b5; position: fixed; top: 134px; z-index: 10;}
-.cont_nav .inner{display: flex; max-width: 1400px; width: 100%; margin: 0 auto;}
-.cont_nav .home{width: 60px; height: 60px; background-image: url(../../../adm/publish/image/icon_home.png); background-repeat: no-repeat; background-position: center; border-left: 1px solid #4f75c4; border-right: 1px solid #4f75c4;}
+.sub_visual{position:relative;width:100%;height:140px;background:url(/ipedu/visitEdu/usr/publish/images/main/sec01_bg.jpg) no-repeat center center;background-size:cover;text-align:center;}
+.sub_visual .visual_text{position:absolute;width:100%;color:#374c78;top:54%;left:50%;transform:translate(-50%,-50%);}
+.sub_visual strong{font-size:2.9rem;font-family:'Gmarket Sans TTF';font-weight:bold;padding:0 20px;}
+.sub_visual p{font-size:1.9rem;font-weight:400;padding:4px 0 0 0;}
 
-.snb_wrap{width: 230px; position: relative;}
-.snb_wrap .snb_tit{width: 100%; height: 60px; padding-left: 20px; background-image: url(../../../adm/publish/image/icon_snb_select.png); background-position: calc(100% - 20px) center; background-repeat: no-repeat; text-align: left; font-size: 18px; font-weight: 300; color: #fff; border-right: 1px solid #4f75c4;}
-.snb_depth{position: absolute; width: 100%; top: 60px; left: -1px; border: 1px solid #d5d5d5; background-color: #Fff; z-index: 2;}
-.snb_depth li:hover{background-color: #f5f5f5;}
-.snb_depth a{display: flex; padding: 0 0 0 20px; height: 40px; align-items: center; justify-content: left;}
+.lnb{display:inline-block;width:100%;max-width:280px;margin:0 47px 0 0;vertical-align:top;}
+.lnb_title{height:120px;padding:40px 0 0 0;background:#1e4aa4 url(/ipedu/visitEdu/usr/publish/images/common/lnb_title_obj.png) no-repeat -10px 25px;font-size:2.5rem;color:#fff;text-align:center;border-radius:20px 20px 0 0;box-sizing:border-box;}
+.lnb_nav{margin:-25px 0 0 0;padding:0 25px;border:1px solid #e5e5e5;border-radius:20px;background:#fff;box-sizing:border-box;}
+.lnb_nav ul>li{border-bottom:1px solid #e5e5e5;}
+.lnb_nav ul>li:last-child{border:0;}
+.lnb_nav .depth01{display:flex;height:70px;font-size:1.7rem;font-weight:500;color:#555;align-items:center;justify-content:space-between;}
+.lnb_nav .depth01 i{display:inline-block;width:25px;height:25px;background:url(/ipedu/visitEdu/usr/publish/images/common/lnb_icon.png) no-repeat left top;}
 
-.cont_wrap .cont_tit{display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 50px; border-bottom: 2px solid #000; }
-.cont_wrap h2{font-size: 32px; font-weight: 900; color: #222; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
-.cont_wrap .cont_tit .sns_go button {margin-left: 1px;display:none;}
+.lnb_nav .depth01:hover,.lnb_nav .depth01.active{color:var(--primary-color-dark);}
+.lnb_nav .depth01:hover i,.lnb_nav .depth01.active i{background:url(/ipedu/visitEdu/usr/publish/images/common/lnb_icon.png) no-repeat left bottom;}
 
-.cont_wrap .tit_box {padding: 30px 40px 20px 40px; border: 1px solid #d5d7dc; border-radius: 10px; margin-bottom: 40px; display: flex; box-sizing: border-box; align-items: center;}
-.cont_wrap .tit_box i.tit_box_icon1 {background-image: url(../images/content/tit_box_icon1.png); width: 136px; height: 104px; background-size: 100%; background-repeat: no-repeat;}
-.cont_wrap .tit_box i.tit_box_icon2 {background-image: url(../images/content/tit_box_icon2_1.png); width: 67px; height: 59px; background-size: 100%; background-repeat: no-repeat;}
-.cont_wrap .tit_box i.tit_box_icon3 {background-image: url(../images/content/tit_box_icon2_2.png); width: 51px; height: 62px; background-size: 100%; background-repeat: no-repeat;}
-.cont_wrap .tit_box>div {width: calc(100% - 180px); padding-left: 40px;}
-.cont_wrap .tit_box.type2 {padding: 30px 40px;}
-.cont_wrap .tit_box.type2>div {padding-left: 20px;}
-.cont_wrap .tit_box p {font-size: 24px; font-family: 'GmarketSansBold'; padding-bottom: 8px;}
-.cont_wrap .tit_box span {font-size: 18px; color: #666; line-height: 1.5; font-weight: 300; letter-spacing: -1px;}
-.cont_wrap .tit_box span span {color: #222; font-weight: 400;}
-
-/* 댓글 */
-.cmmt_view{margin-top: 30px;}
-.cmmt_view .cmmt_tit{display: flex; align-items: center;}
-.cmmt_view .cmmt_icon{display: inline-block; width: 23px; height: 23px; background-image: url(/kccadrPb/usr/image/icon_comment.png); margin-right: 5px;}
-.cmmt_tit span{color: #ea5404; font-weight: bold; font-size: 20px;}
-.cmmt_list{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;}
-.cmmt_list li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;}
-.cmmt_person{min-width: 70px; width: 100px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;}
-.cmmt_person::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;}
-.cmmt_detail{width: calc(100% - 100px); font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;}
-.cmmt_detail p{width: 100%}
-.cmmt_date{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #666;}
-.cmmt_detail .btn_wrap{float: right; margin-top: 15px;}
-.cmmt_detail .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;}
-.cmmt_wrap{border-top: 1px solid #000; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; margin: 30px 0;}
-.cmmt_wrap .cmmt_tit{width: 100px; font-size: 17px; font-weight: 500; color: #555; padding-left: 15px; box-sizing: border-box;}
-.cmmt_text{width: calc(100% - 200px); margin-right: 10px;}
-.cmmt_text textarea{width: 100%; height: 90px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 10px 0; padding: 10px; box-sizing: border-box; font-size: 18px; color: #222;}
-.btn_add_cmmt{background-color: #2353b5; height: 92px; color: #fff; width: 90px; border-radius: 5px; font-size: 16px; font-weight: 500; transition: background-color 0.1s ease-in-out;}
-.btn_add_cmmt:hover{background-color: #0c3a97; transition: background-color 0.1s ease-in-out;}
-/* //댓글 */
+.container .inner>.cont_wrap {display:inline-block;width:calc(100% - 332px);max-width:100%;}
+.container .cont_tit{display:flex;padding:0 0 20px 0;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #d7d7d7;}
+.container .cont_tit h2{font-size:2.9rem;font-weight:500;}
+.container .cont_tit .path ul{display:flex;align-items:center;gap:8px;}
+.container .cont_tit .path li{position:relative;padding:0 8px;font-size:1.5rem;font-weight:400;color:#898989;}
+.container .cont_tit .path li:not(.home)::before{position:absolute;content:"";width:6px;height:12px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_path_obj.png) no-repeat center center;left:-6px;top:3px;}
+.container .cont_tit .path .home i{display:inline-block;width:19px;height:17px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_home.png) no-repeat center center;}
 
 .t_left{text-align: left !important;}
 .t_center{text-align: center;}
@@ -68,108 +45,67 @@
 
 .dis_block {display: block !important;}
 
-/* list_top */
-.list_top{display: flex; justify-content: space-between; align-items:flex-end; padding: 18px 30px; margin-bottom: 18px; background-color: #f5f5f5; border-radius: 5px; border: 1px solid #d5d5d5; box-sizing: border-box;}
-.list_top p{font-size: 16px; font-weight: 400; color: #555;}
-.list_top span{font-size: 17px; font-weight: 400; color: #222; padding-right: 5px;}
-.list_top .btn_wrap {display: flex; align-items: center;}
-.list_top .btn_wrap select.selType1 {margin-right: 5px;}
-.list_top .btn_wrap input[type="text"].calendar {margin: 0 3px;}
-.list_top .btn_wrap button {height: 40px; padding: 0 15px; margin-left: 5px; font-size: 16px; display: block;}
+/* button type */
+/* .btn_wrap button{margin: 0 1px;height: 45px; padding: 0 25px;font-size: 18px;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
+.btn_wrap button:first-child{margin-left: 0;}
+.btn_wrap button:last-child{margin-right: 0;}
 
-.list_top .tab_wrap{width: 610px;}
-.list_top .tab_wrap .tab{font-size: 20px; margin: 0 30px; color: #666; position: relative; padding: 0;}/* color: #999 */
-.list_top .tab_wrap .tab:first-child{margin-left: 5px;}
-.list_top .tab_wrap .tab::after{position: absolute; content: " "; width: 1px; height: 20px; background-color: #d5d5d5; right: -33px; top: 50%; transform: translateY(-50%);}
-.list_top .tab_wrap .tab:last-child::after{display: none;}
-.list_top .tab_wrap .tab.on{color: #da3800; font-weight: 600;}/* color: #ea5404 */
-.list_top .tab_wrap .tab.on::before{position: absolute; content: " "; width: 100%; height: 9px; background-color: #ffd8c3; bottom: 3px; left: 50%; transform: translateX(-50%); z-index: -1;}
+.btn_wrap.btn_layout01{display: flex; justify-content: space-between; margin-top: 20px;}
+.btn_wrap.btn_layout01>div{width: calc(100% / 3);} */
 
-/* list_top2 */
-.list_top2 {padding: 20px 0; border: 1px solid #d4d7dc; border-radius: 5px; margin-bottom: 20px; box-sizing: border-box; display: flex; justify-content: space-between;}
-.list_top2 .list_top_in {width: calc(100%/3); text-align: center; border-right: 1px solid #d4d7dc;}
-.list_top2 .list_top_in:last-child {border-right: 0;}
-.list_top2 .list_top_in p {font-size: 18px; color: #666; padding-bottom: 10px;}
-.list_top2 .list_top_in strong {font-size: 30px; color: #000;}
+.btn_wrap{display:flex;justify-content:space-between;align-items:flex-start;}
 
-/* list_top3 */
-.list_top3 {padding: 25px 30px 10px 30px; border: 1px solid #d4d7dc; border-radius: 5px; margin-bottom: 40px; box-sizing: border-box;}
-.list_top3 .list_top3_title span {color: #fff; background-color: #2b68da; width: 87px; padding: 9px 0; border-radius: 5px; margin-right: 15px; text-align: center; display: inline-block;}
-.list_top3 .list_top3_title p {display: inline-block; font-size: 18px;}
-.list_top3 ul {display: flex; flex-wrap: wrap; margin-top: 20px;}
-.list_top3 ul li {width: calc(100%/3); margin-bottom: 15px;}
-.list_top3 ul li span:first-child {width: 83px; border-right: 1px solid #d5d5d5; display: inline-block;}
-.list_top3 ul li span:last-child {padding-left: 16px; color: #666; font-weight: 300;}
+.btn_left{text-align: left;}
+.btn_center{text-align: center;}
+.btn_right{text-align: right;}
 
-/* list_top4 */
-.list_top4 {padding: 30px; border: 1px solid #d4d7dc; border-radius: 5px; margin-bottom: 40px; box-sizing: border-box; background-color: #f5f5f5;}
-.list_top4 ul {display: flex; flex-wrap: wrap;}
-.list_top4 ul li {width: 20%;}
-.list_top4 ul li span {display: inline-block;height: 16px; vertical-align: middle;}
-.list_top4 ul li span:first-child { padding-right: 15px; border-right: 1px solid #d5d5d5;}
-.list_top4 ul li span:last-child { padding-left: 15px; color: #666; font-weight: 300;}
-.list_top4 ul li input[type="text"] {margin-left: 10px;}
+button{transition: background-color .1s linear;}
+.btnType01{border:1px solid #b1dce7;color:var(--secondary-color);}
+.btnType01:hover{background-color: #faf5f2;}
+.btnType02{background:var(--gray-color);color:#fff;} 
+.btnType02:hover{background:var(--gray-color-hover);}
+.btnType03{border:1px solid #c5c5c5;color:var(--gray-color);} 
+.btnType03:hover{border:1px solid #aeaeae;}
+.btnType04{background:var(--primary-color);color:#fff;} 
+.btnType04:hover{background:var(--primary-color-hover);}
+.btnType05{background:var(--secondary-color);color:#fff;} 
+.btnType05:hover {background:var(--secondary-color-hover);}
+.btnType06{border:1px solid #b4c7eb;color:var(--primary-color);} 
+.btnType06:hover{border:1px solid #99b1e2;}
+.btnType07{background:var(--primary-color-light);border:1px solid var(--primary-color);color:var(--primary-color);} 
+.btnType07:hover{background:var(--primary-color-light-hover);}
+.btnType08{background:var(--primary-color);color:#fff;width:200px;} 
+.btnType08:hover{background:var(--primary-color-hover);}
 
-/* list_top 내용 많을 때 틀어지는 것 수정 */
-.list_top.top_longver {justify-content: flex-end;}
-.list_top.top_longver .btn_wrap {justify-content: end; width: 100%;}
-.list_top.top_longver .btn_wrap .calendar_wrap {/*width: 14%;*/ margin: 0 8px;}
-.list_top.top_longver .btn_wrap input[type="text"].calendar {width: 100%;}
-.list_top.top_longver .searchKeyword {padding: 0 5px;}
-.list_top.top_longver .btn_wrap #searchKeyword {width: 22%;}
+.btn{font-size:1.7rem;font-weight:400;border-radius:5px;padding:0 30px;}
 
-.selRow_wrap {text-align: right; margin: 20px 0 10px 0;}
+.btn.small{height:35px;font-size:1.5rem;}
+.btn.regular{height:40px;}
+.btn.large{height:45px;padding:0 30px;}
 
-.list_util{text-align: right;}
-.tab_wrap+.list_util{width: calc(100% - 100px);}
-.list_util:only-child{width: 100%;}
-.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(../../../adm/publish/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;}
-.list_util input{width: 280px; height: 38px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; margin-right: 3px;}
-.list_util input::placeholder,.list_util input:-ms-input-placeholder{font-size: 16px; color: #666;}
-.list_util button{width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #ed5908; color: #fff; vertical-align: middle; border-radius: 5px; transition: all 0.1s linear;}/* background-color: #f48105 */
-.list_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); background-color: #d62b09; transition: all 0.1s linear;}
-.list_util .btn_info{width: auto; background-color: #f5f5f5; color: #555; padding: 0 15px;}
-.list_util .btn_info:hover{background-color: #e5e5e5;}
+.btn.fill.blue{background:var(--primary-color);color:#fff;}
+.btn.fill.mint{background:var(--secondary-color);color:#fff;}
+.btn.fill.gray{background:var(--gray-color);color:#fff;}
 
-.list_util .tb_top{display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px;}
-.list_util .tb_top p{color: #222;}
+.btn.fill.blue:hover{background:var(--primary-color-hover);color:#fff;}
+.btn.fill.mint:hover{background:var(--secondary-color-hover);color:#fff;}
+.btn.fill.gray:hover{background:var(--gray-color-hover);color:#fff;}
 
-.list_util .select_wrap, .list_util .sel_date, .list_util .input_wrap{display: inline-block;}
+.btn.fill.lightblue{background:var(--primary-color-light);border:1px solid var(--primary-color);color:var(--primary-color);}
+.btn.fill.lightmint{background:var(--secondary-color-light);border:1px solid var(--secondary-color);color:var(--secondary-color);}
+.btn.fill.lightgray{background:var(--gray-color-light);border:1px solid var(--gray-color);color:var(--gray-color);}
 
-.list_util .sel_date{display: inline-block; font-size: 18px; font-weight: 300; color: #555; vertical-align: middle;}
-.list_util .sel_date input{width: 150px; margin: 0 5px;}
-.list_util .sel_date button{width: 20px; height: 18px;background-color: transparent; border-radius: 0; margin-left: -40px; margin-right: 20px;}
-.list_util .sel_date .btn_cal{background-image: url(../../../adm/publish/image/btn_cal.png); background-repeat: no-repeat;}
-.list_util .sel_date .btn_cal:hover{box-shadow: none;}
+.btn.fill.lightblue:hover{background:var(--primary-color-light-hover);}
+.btn.fill.lightmint:hover{background:var(--secondary-color-light-hover);}
+.btn.fill.lightgray:hover{background:var(--gray-color-light-hover);}
 
-.calendar_in{display: inline-block; position: relative;}
-.calendarPop{position: absolute; left: -265px; top: 30px; width: 330px; height: 300px;}
-.calendarPop iframe{width: 100%; height: 100%;}
+.btn.line.blue{border:1px solid #b4c7eb;color:var(--primary-color);}
+.btn.line.mint{border:1px solid #b1dce7;color:var(--secondary-color);}
+.btn.line.gray{border:1px solid #c5c5c5;color:var(--gray-color);}
 
-.detail_search{width: 100%; border: 1px solid #dbdcdd; background-color: #f1f2f4; border-radius: 5px; padding: 0 24px; box-sizing: border-box; margin-bottom: 22px; text-align: left;}
-.detail_search .tit_text{font-weight: 500; font-size: 18px; color: #222; position: relative; padding-left: 10px; display: inline-block; margin-right: 15px; vertical-align: middle;}
-.detail_search .tit_text::before{position: absolute; content: " "; width: 4px; height: 4px; border-radius: 100%; background-color: #db5d2e; left: 0; top: 8px;}
-.detail_search>ul>li{padding: 12px 0; border-bottom: 1px solid #e3e4e5;}
-.detail_search>ul>li:last-child{border-bottom: 0;}
-.detail_search .check_wrap,.detail_search .radio_wrap{display: inline-flex; max-width: calc(100% - 180px); vertical-align: middle; text-align: left; align-items: center; flex-wrap: wrap;}
-.detail_search .check_wrap span,.detail_search .radio_wrap span{margin-right: 30px; display: inline-block;}
-.detail_search .check_wrap span:last-of-type,.detail_search .radio_wrap span:last-of-type{margin-right: 0;}
-.detail_search .check_wrap input,.detail_search .radio_wrap input{width: 20px; height: 20px; margin: 0; vertical-align: middle;}
-.detail_search .check_wrap input[type="checkbox"]+label,.detail_search .radio_wrap input[type="radio"]+label{width: auto; height: auto; clip: unset; font-size: 16px; position:static; font-weight: 300; color: #666; vertical-align: middle; margin: 0; margin-left: 5px; line-height: 2;}
-.detail_search .check_wrap .sel_date,.detail_search .radio_wrap .sel_date{margin-left: 10px;}
-.detail_search .sel_date input{width: 150px; height: 38px;}
-/* //list_top */
-
-.req_text{display: inline-block; font-size: 16px; font-weight: 600; color: #e40000; vertical-align: middle; padding-right: 5px;}
-.req_text span{display: inline-block; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; padding: 0;}
-.req_text+p{display: inline-block;}
-.cf_text {font-size: 15px; font-weight: 400; color: #e40000;}
-.cf_text2 {font-size: 15px; font-weight: 300; color: #666;}
-.cf_text3 {font-size: 18px; font-weight: 300; color: #666; line-height: 1.4; letter-spacing: -1px; display: block; padding-top: 12px;}
-.table_req_text {font-size: 15px; color: #666; font-weight: 300; display: block; padding-top: 5px; line-height: 1.3; letter-spacing: -0.5px;}
-.input_text {position: absolute; top: 47%; right: 20px; transform: translateY(-50%); color: #666;}
-.list_new {display: inline-block; background-color: #e40000; color: #fff; font-size: 15px; font-weight: 500; width: 50px; padding: 5px 0; border-radius: 5px; margin-left: 10px; text-align: center; vertical-align: middle;}
-.list_new2 {color: #fff; font-size: 13px; background-color: #e40000; width: 14px; font-weight: 500; padding: 1px 0; border-radius: 3px;}
+.btn.line.blue:hover{border:1px solid #99b1e2;color:var(--primary-color);}
+.btn.line.mint:hover{border:1px solid #91cada;color:var(--secondary-color);}
+.btn.line.gray:hover{border:1px solid #aeaeae;color:var(--gray-color);}
 
 /* 기본 input texarea */
 input {border: 1px solid #d5d5d5; border-radius: 5px;}
@@ -181,57 +117,57 @@ input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 400; li
 input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
 textarea {border: 1px solid #d5d5d5; border-radius: 5px;}
 textarea::placeholder {color: #000;}
-select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
+select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
 .tb_type02.tb_type02_write input[type="text"].input_time {width: 50px;}
 
-/* button type */
-.btn_wrap button{margin: 0 1px;height: 45px; padding: 0 25px;font-size: 18px;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
-.btn_wrap button:first-child{margin-left: 0;}
-.btn_wrap button:last-child{margin-right: 0;}
+/* tab */
+.tab{display:flex;width:100%;border-bottom:1px solid #d7d7d7;border-radius:10px 10px 0 0;margin:50px 0 40px 0;}
+.tab_li{position:relative;}
+.tab_button{font-size:1.9rem;font-weight:500;color:var(--body2-color);padding:0 70px 13px 70px;border-bottom:5px solid transparent;}
+.on .tab_button{border-bottom:5px solid #396ac4;color:var(--primary-color);}
+.tab_content{display:none;}
+.tab_content.on{display:block; margin:0 0 50px 0;}
 
-.btn_wrap.btn_layout01{display: flex; justify-content: space-between; margin-top: 20px;}
-.btn_wrap.btn_layout01>div{width: calc(100% / 3);}
-.btn_left{text-align: left;}
-.btn_center{text-align: center;}
-.btn_right{text-align: right;}
+/* icon */
+.icon{display:inline-block;}
+.icon.file{width:17px;height:16px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_file.png) no-repeat center center;}
 
-.btnType01{border: 1px solid #ed5908; background-color: #fff; color: #ed5908;}
-.btnType01:hover{background-color: #faf5f2; transition: background-color .1s linear;}
-.btnType02{ background-color: #888; color: #fff; } 
-.btnType02:hover{background-color: #888; transition: background-color .1s linear;}
-.btnType03{border: 1px solid #888; background-color: #fff; color: #888;} 
-.btnType03:hover{background-color: #f5f5f5; transition: background-color .1s linear;}
-.btnType04{background-color: #3a72db; color: #fff;} 
-.btnType04:hover{background-color: #1854c3; transition: background-color .1s linear;}
-.btnType05{ background-color: #ec5908; color: #fff;} 
-.btnType05:hover {background-color: #e95504; transition: background-color .1s linear;}
-.btnType06{color: #3a72db; border: 1px solid #3a72db;} 
-.btnType06:hover{background-color: #f1f5fb; transition: background-color .1s linear;}
-.btnType07{border: 1px solid #d04400; background-color: #fefaf7; color: #d04400;} 
-.btnType07:hover{background-color: #fdf3ed; transition: background-color .1s linear;}
-.btnType08{background-color: #3a72db; color: #fff; width:200px;} 
-.btnType08:hover{background-color: #1854c3; transition: background-color .1s linear;}
+/* list_top */
+.list_top{display: flex; justify-content: space-between; align-items:flex-end; margin-bottom: 20px;}
+.list_top.right{justify-content:flex-end;}
+.list_top.left{justify-content:flex-start;}
+.list_top.center{justify-content:flex-start;}
+
+.list_top p{font-size: 1.6rem; font-weight: 400; color: #555;}
+.list_top span{font-size: 1.7rem; font-weight: 400; color: #222; padding-right: 5px;}
+
+.list_top .search_area{display:flex;font-size:1.6rem;gap:10px;align-items:center;}
+.list_top .search_area button{min-width:66px;height:40px;border-radius:4px;margin:0;font-size:1.7rem;white-space:nowrap;box-sizing:border-box;}
+.list_top .btn_search{width:66px;height:40px;color:#fff;border-radius:4px;background:var(--secondary-color);border:0;}
+.list_top .btn_search i{display:inline-block;width:100%;height:40px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_search.png) no-repeat center 8px;}
+.list_top .btn_reset{color:var(--body2-color);border:1px solid #c5c5c5;background:#f4f4f4;}
+.list_top .btn_wrap button{display:block;width:auto;height:40px;border-radius:4px;margin:0 0 0 5px;font-size:1.7rem;}
+
+/* //list_top */
+
+/* 필요없을 시 삭제 */
+.req_text{display: inline-block; font-size: 16px; font-weight: 600; color: #e40000; vertical-align: middle; padding-right: 5px;}
+.req_text span{display: inline-block; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; padding: 0;}
+.req_text+p{display: inline-block;}
+.cf_text {font-size: 15px; font-weight: 400; color: #e40000;}
+.cf_text2 {font-size: 15px; font-weight: 300; color: #666;}
+.cf_text3 {font-size: 18px; font-weight: 300; color: #666; line-height: 1.4; letter-spacing: -1px; display: block; padding-top: 12px;}
+.table_req_text {font-size: 15px; color: #666; font-weight: 300; display: block; padding-top: 5px; line-height: 1.3; letter-spacing: -0.5px;}
+.input_text {position: absolute; top: 47%; right: 20px; transform: translateY(-50%); color: #666;}
+.list_new {display: inline-block; background-color: #e40000; color: #fff; font-size: 15px; font-weight: 500; width: 50px; padding: 5px 0; border-radius: 5px; margin-left: 10px; text-align: center; vertical-align: middle;}
+.list_new2 {color: #fff; font-size: 13px; background-color: #e40000; width: 14px; font-weight: 500; padding: 1px 0; border-radius: 3px;}
 
 /* calendar */
-.calendar_wrap {display: inline-block; position: relative;}
+.calendar_wrap {position: relative;display: flex;gap:8px;align-items:center;}
 .calendar_wrap input[type="text"] {width: 150px; height: 40px; font-weight: 300;}
+.calendar_wrap .calendar{background:url(/ipedu/visitEdu/usr/publish/images/content/icon_calendar.png) no-repeat calc(100% - 12px) center}
 .calendar_wrap input[type="text"]:read-only {background-color: #fff;}
 
-/* tab */
-.tab{display:flex;width:100%;border:1px solid #e9e9e9;border-bottom:1px solid #e95504;border-radius:10px 10px 0 0;margin:0 0 30px 0;}
-.tab .tab_li{position:relative;border-right:1px solid #e9e9e9;}
-.tab .tab_li.on::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);background:#e95504;left:0;top:-10px;border-radius:10px 10px 0 0;box-shadow:0 0 5px rgba(0,0,0,0.25);}
-.tab .tab_li:last-child{border-right:0;}
-.tab.tab_02 .tab_li{width:calc(100%/2);}
-.tab.tab_03 .tab_li{width:calc(100%/3);}
-.tab.tab_04 .tab_li{width:calc(100%/4);}
-.tab.tab_05 .tab_li{width:calc(100%/5);}
-.tab .tab_li .tab_button{width:100%;height:50px;font-size:20px;font-weight:400;color:#666;}
-.tab .tab_li.on .tab_button{position:relative;z-index:20;margin:-5px 0 0 0;font-weight:500;color:#fff;}
-
-.tab_content{display:none;}
-.tab_content.on{display:block; margin:0 0 50px 0; border-bottom:1px solid #f37632;}
-
 /* table title */
 .tb_tit01 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
 .tb_tit01>p {font-size: 18px;}
@@ -247,93 +183,6 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 .tb_wrap {width: 100%; margin-bottom: 60px;}
 
 
-/* table type01 */
-.tb_type01 {margin-bottom: 40px;}
-.tb_type01>table{width: 100%; table-layout: fixed; }
-.tb_type01>table>tbody {border-top: 2px solid #000;}
-.tb_type01>table>tbody>tr{border-bottom: 1px solid #e5e5e5;}
-.tb_type01>table>tbody>tr>th,.tb_type01>table>tbody>tr>td{ font-size: 16px; text-align: left;box-sizing: border-box; line-height:1.3em;}
-.tb_type01>table>tbody>tr>th{background-color: #f5f5f5; font-weight: 400; vertical-align: top; padding-top: 19px; padding-left: 20px; padding-bottom: 16px;}
-.tb_type01>table>tbody>tr>th p {line-height: 1.3;}
-.tb_type01>table>tbody>tr>td{padding: 12px 20px; height: 60px; font-weight: 400; color: #555; vertical-align: middle;}
-.tb_type01>table>tbody>tr>td input[type="text"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px; box-sizing: border-box;}
-.tb_type01>table>tbody>tr>td input[type="radio"]+label {margin-right: 10px;}
-.tb_type01>table>tbody>tr>td input[type="checkbox"]+label {margin-right: 10px;}
-.tb_type01>table>tbody>tr>td input[type="password"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px;}
-.tb_type01>table>tbody>tr>td textarea {width: 100%; height: 90px; margin: 9px 0; font-size: 16px; padding: 10px 15px; box-sizing: border-box;}
-.tb_type01>table>tbody>tr>td textarea::placeholder {color: #666;}
-.tb_type01>table>tbody>tr>td>.btnType01 {height: 40px; padding: 0 20px; font-size: 17px; vertical-align: middle; margin-left: 3px; border-radius: 5px;}
-.tb_type01 table tbody tr td .responseItem {margin-bottom: 10px;}
-.tb_type01 table tbody tr td .responseItem:last-child {margin-bottom: 0;}
-.tb_type01 table tbody tr td .responseItem span {margin-right: 15px; color: #555;}
-.tb_type01 table tbody tr td .responseItem input[type="text"] {width: calc(100% - 135px);}
-.tb_type01 table tbody tr td .responseItem_plus {text-align: center; margin: 15px 0 5px 0;}
-.cal_table_in {position: relative;}
-.tb_type01 table tbody tr td.chx_block div {margin-bottom: 7px;}
-.tb_type01 table tbody tr td.chx_block div:last-child {margin-bottom: 0;}
-
-
-
-/* 교육기반강화연수 */
-.tb_tit02 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin:0 0 15px 0;}
-.tb_tit02>p {font-size: 18px;}
-.tb_tit02 .tb_tit02_left {display: flex; align-items: center;}
-.tb_tit02 .tb_tit02_left p{font-size: 22px; font-weight: 600; color: #222; }
-.tb_tit02 .tb_tit02_left .t_best {height:26px; background-image: url(../images/content/best_icon.jpg); background-repeat: no-repeat; font-size:22px; font-weight: 600; color: #222; padding: 0 0 0 35px; }
-.tb_tit02 .tb_tit02_left .t_edu {height:24px; background-image: url(../images/content/edu_icon.jpg); background-repeat: no-repeat; font-size:22px; font-weight: 600; color: #222; padding: 0 0 0 35px; }
-.tb_tit02 .tb_tit02_left span {align-self: flex-end; padding-left: 20px;}
-.tb_tit02 .tb_tit02_left strong {display: block;}
-.tb_tit02 .survey_tit {font-size: 20px; padding-top: 30px; word-break: break-all;}
-.tb_tit02 .tit_span {color: #555; font-size: 14px; font-weight: 300; padding-left: 5px;}
-.tb_tit02 .btn_wrap1 button {height: 30px; padding: 0 12px; }
-.tb_tit02 .btn_wrap1 button.con_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding: 0 25px 0 0; font-size: 17px; color: #777772; font-weight: 300;}
-.tb_tit02.titBtn {margin-bottom: 10px;}
-.tb_tit02.titBtn button {height: 34px; font-size: 14px; padding: 0 12px;}
-
-.best_list {display:flex; width:100%; padding:0 0 60px 0;}
-.best_list .best_con {position: relative; width:24%; border:1px solid #d5d5d5; border-radius: 20px 0; overflow: hidden; margin: 0 30px 0 0;}
-.best_list .best_con:last-child{margin: 0;}
-.best_list .best_con:hover::after {position: absolute; content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #ed5908; border-radius: 20px 0; left: 0;top: 0;}
-.best_list .best_con:hover {box-shadow: 0px 0px 10px rgba(237,89,8,0.8);}
-.best_list .best_con .img {width: 100%; height: 215px; overflow: hidden; background-color: #f2f4f9;}
-.best_list .best_con img {border-radius:20px 0 0 0; width: 100%; height: 215px; object-fit: cover;}
-.best_list .best_con ul {padding: 14px;}
-.best_list .best_con .con_title {display: inline-block; font-size:22px; font-weight:500; padding:5px 0; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
-.best_list .best_con .con_date {background: url(../images/content/calendar1_icon.jpg) no-repeat 5px 5px; font-size: 18px; color:#444; padding:5px 0 10px 25px; font-weight: 300; letter-spacing:-0.5px; overflow-wrap: break-word;}
-.best_list .best_con .con_btn button {position: relative; width:100%; background-color: #666666; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px; z-index: 1;}
-.best_list .best_con:hover .con_btn button {width:100%; background-color: #ed5908; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px;}
-.best_list_no {border-top:1px solid #d5d5d5; text-align:center; padding:15px 0; color:#555555;}
-
-
-.edup_result {display: flex; justify-content: space-between; padding:10px 0 10px 0;}
-.edup_result span {color:#ed5908; font-weight:700; }
-.edup_result ul {}
-.edup_result ul li  { display: inline; font-size:15px;}
-.edup_result ul li.pass {position: relative; padding: 0 10px 0 25px;}
-.edup_result ul li.pass::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #999; left: 0; top: 55%; transform: translateY(-50%);}
-.edup_result ul li.this {position: relative; padding: 0 10px 0 25px;}
-.edup_result ul li.this::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #ed5908; left: 0; top: 55%; transform: translateY(-50%);}
-.edup_result ul li.pre {position: relative; padding: 0 0 0 25px;}
-.edup_result ul li.pre::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #e40000; left: 0; top: 55%; transform: translateY(-50%);}
-
-.edu_program {margin:0 0 50px 0; }
-.edu_program table {border-top:2px solid #000; width:100%; }
-.edu_program table.ppre {color:#0c3a97; }
-.edu_program table th {vertical-align: middle;  line-height:20px; background-color: #f5f5f5; border-left:1px solid #d5d5d5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:10px 0;}
-.edu_program table th .ep_text {font-size:14px; color:#666666; }
-.edu_program table td {border-bottom: 1px solid #d5d5d5; border-left:1px solid #d5d5d5; padding:15px 0; }
-.edu_program table td.edup_title {padding:0 0 0 20px;}
-.edu_program table td.edup_days {text-align: center; } 
-.edu_program table td.edup_time {text-align: center; } 
-.edu_program table td.edup_pass {color:#999999; text-align: center; }
-.edu_program table th.edup_this {background:#ed5908; color: #ffffff;}
-.edu_program table td.edup_this {background:#fdeee6; color:#222222; text-align: center;}
-.edu_program table td.edup_pre {color:#e40000; text-align: center;}
-
-.edu_program table th.first:first-child {border-left:0; }
-.edu_program table td:first-child {border-left:0; }
-
-
 /* 교육 신청자 대시보드 */
 .edu_process {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; padding:0 0 40px 0;}
 .edu_process a {display:flex; justify-content: flex-start; align-items: center; width:100%;}
@@ -364,28 +213,6 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 .tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;}
 .tb_list02 table .btnType06 {border-radius:5px; padding:5px 10px; font-size:15px;}
 
-/*체험교실대시보드 - 5단계(감리용)*/
-/* .ex_process {display:flex; justify-content:space-between; background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0 0 40px 0; }
-.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:22px; font-weight:500; letter-spacing:-0.5; }
-.ex_process li a {width:100%; padding:0; box-sizing: border-box; padding:45px 0 45px 125px ;}
-.ex_process li.p_1 {background-image: url(../images/content/ex_process1.png); background-position:50px center;}
-.ex_process li.p_2 {background-image: url(../images/content/ex_process2.png); background-position:50px center;}
-.ex_process li.p_3 {background-image: url(../images/content/ex_process3.png); background-position:50px center;}
-.ex_process li.p_4 {background-image: url(../images/content/ex_process4.png); background-position:50px center;}
-.ex_process li.p_5 {background-image: url(../images/content/ex_process5.png); background-position:50px center;}
-.ex_process li.p_1_on {background-image: url(../images/content/ex_process1_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
-.ex_process li.p_2_on {background-image: url(../images/content/ex_process2_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
-.ex_process li.p_3_on {background-image: url(../images/content/ex_process3_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
-.ex_process li.p_4_on {background-image: url(../images/content/ex_process4_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
-.ex_process li.p_5_on {background-image: url(../images/content/ex_process5_on.png); background-position:50px center; background-color:#f37632;  border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
-.ex_process li::after {position:absolute; content:""; width:1px; height:60px; background-color: #d5d5d5; right: 0; align-items: center; margin:-85px 0 0 0;}
-.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5::after, li.p_5_on::after {display:none; } */
-
-/* 체험교실대시보드 7단계 */
-.ex_process {display:flex; justify-content:space-between;}
-.ex_process li {border-radius: 10px; width:13.5%; text-align: center; color:#fff; padding:15px 0 18px 0; font-size:22px;}
-.ex_process li.p {/*background-color: #a7acb6;*/ background-color:#8b919e;}
-.ex_process li.p_on {/*background-color:#f37632;*/ background-color:#f05f0f;}
 
 
 /* 첨부파일 */
@@ -469,78 +296,29 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 .tb_type03 .tbody.ver2 input[type="text"] {padding: 0; margin-right: 20px; text-align: center;}
 
 /* table list01 */
-.tb_list01 table {width: 100%; table-layout: fixed; text-align: center;}
-.tb_list01 thead tr{width: 100%; border-top: 2px solid #000; }
-.tb_list01 thead th{height: 55px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #d5d5d5; font-size: 17px; font-weight: 400; color: #222; background-color: #f5f5f5; word-break: keep-all;}
-.tb_list01 thead th button {font-size: 8px; padding: 0 8px;}
-.tb_list01 tbody tr:last-child{border-bottom: 0;}
-.tb_list01 tbody th, .tb_list01 tbody td {border-bottom: 1px solid #ececec; font-weight: 400; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; line-height: 1.3;}
-.tb_list01 tbody th:not(.has_notice), .tb_list01 tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;}
-.tb_list01 tbody td.t_left {padding: 0 15px;}
-.tb_list01 tbody td p {width: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* 테이블 안에 내용 ..처리 할때 */
-.tb_list01 tbody td a {width: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
-.tb_list01 tbody td:last-child{border-right: 0;}
-.tb_list01 tbody td button{height: 30px; width: auto; padding: 0 10px; font-size: 17px;}
-.tb_list01 tbody td select{min-width: 110px; width: auto; height: 30px; font-size: 17px;}
-.tb_list01 tbody td textarea {width: 100%; font-size: 16px; padding: 10px;}
-.tb_list01 tbody td .btn_print{height: auto;}
-.tb_list01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../../../adm/publish/image/btn_print01.png); background-position: center; vertical-align: middle;}
-.tb_list01 tbody td button {border-radius: 3px; padding: 2px 12px;}
-.tb_type01>table>tbody>tr>th[rowspan="2"] {border-right: 1px solid #e5e5e5;}
-.tb_list01 table input{vertical-align: auto;}
-.tb_list01.survey {margin-bottom: 40px;}
-.tb_list01.survey tbody th {text-align: left; padding: 0 10px;}
-.tb_list01.survey tbody td input[type="text"] {width: 80%}
-
-.app_status1 {color: #666; font-weight: 400;}
-.app_status2 {color: #008479; position: relative;font-weight: 400;}
-.app_status2::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #c2ebe6;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
-.app_status3 {color: #e95504; position: relative;font-weight: 400;}
-.app_status3::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #fbddcd;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
-.app_status4 {color: #666; position: relative;font-weight: 400;}
-.app_status4::before {content: ""; position: absolute; width: 110%; height: 7px; background-color: #e0e0e0;z-index: -1; bottom: 2px; left: 50%; transform: translateX(-50%);}
-.list_notice {background-color: #e95504; color: #fff; padding: 2px 10px; font-size: 15px; border-radius: 12px;}
-
-/* table list01 mobile */
-.tb_list01_m {width: 100%; display: none;}
-.tb_list01_m ul:first-child {border-top: 2px solid #000;}
-.tb_list01_m ul {padding: 25px 10px 0 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; border-bottom: 1px solid #d5d5d5;}
-.tb_list01_m ul li {width: calc(100%/2); padding-bottom: 25px;}
-.tb_list01_m ul li>span {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle;}
-.tb_list01_m ul li>span:first-child {width: 90px; border-right: 1px solid #ccc; line-height: 1.2;}
-.tb_list01_m ul li>span:last-child {padding-left: 12px; color: #666;}
-.tb_list01_m ul li>span button {font-size: 16px; padding: 2px 12px; border-radius: 3px; box-sizing: border-box;}
-
-/* table list01 mobile2 */
-.tb_list01_m_2 {display: none; margin-bottom: 30px;}
-.tb_list01_m_2>div:first-child {border-top: 2px solid #000;}
-.tb_list01_m_2>div {padding: 15px 0 10px 0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
-.tb_list01_m_2>div p {font-size: 18px; line-height: 1.3;}
-.tb_list01_m_2>div ul {display: flex; margin-top: 10px; flex-wrap: wrap;}
-.tb_list01_m_2>div ul li {margin-right: 20px; margin-bottom: 5px;}
-.tb_list01_m_2>div ul li:last-child {margin-right: 0;}
-.tb_list01_m_2>div textarea {width: 100%; height: 80px; padding: 10px; margin-top: 15px; font-size: 16px;}
-.tb_list01_m_2.ip_text>div ul li {width: calc(100%/3); margin-right: 0;}
-.tb_list01_m_2.ip_text>div ul li input[type="text"] {width: 70px; height: 36px;}
-.tb_list01_m_2.ip_text>div ul li span {width: 80px; display: inline-block; font-size: 15px;}
-.tb_list01_m_2.ip_text>div ul li p {display: inline-block; padding-left: 10px; font-size: 16px; font-weight: 300; color: #555;}
+.list table {width: 100%; table-layout: fixed; text-align: center;}
+.list thead tr{width: 100%; border-top: 2px solid #858686; }
+.list thead th{height: 65px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #535353; font-size: 1.7rem; font-weight: 400; color: #555555; word-break: keep-all;}
+.list thead th button {font-size: 8px; padding: 0 8px;}
+.list tbody tr:last-child{border-bottom: 0;}
+.list tbody th, .list tbody td {border-bottom: 1px solid #d7d7d7; font-weight: 300; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; font-weight:300; line-height: 1.3;}
+/* .list tbody th:not(.has_notice), .list tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;} */
+.list tbody td.t_left {padding: 0 15px;}
+.list tbody td p,.list tbody td span {width: 100%; margin: 0 auto; font-size:inherit; font-weight:400; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* 테이블 안에 내용 ..처리 할때 */
+.list tbody td a {width: 100%; margin: 0 auto; font-weight:500; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
+.list tbody td:last-child{border-right: 0;}
+.list tbody td button{height: 40px; width: auto; padding: 0 10px; font-size: 1.7rem;}
+.list tbody td select{min-width: 110px; width: auto; height: 40px; font-size: 1.7rem;}
+.list tbody td textarea {width: 100%; font-size: 16px; padding: 10px;}
+.list tbody td button {width:90%;border-radius: 5px; padding: 0;}
+.list table input{vertical-align: auto;}
 
 /* list view(글상세) */
-.list_view {width: 100%; border-top: 1px solid #000; margin-bottom: 40px;}
-.list_view .view_title {display: inline-block; width: 100%; min-height: 70px; background-color: #f5f5f5; font-size: 20px; font-weight: 400; padding: 25px 30px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; word-break: break-all}
-.list_view .view_info{display: flex; align-items: center; font-size: 17px; font-weight: 300; color: #666; padding: 16px 30px; border-bottom: 1px solid #d5d5d5;}
-.list_view .view_info:nth-child(3) p{position: relative; width: 98%; margin-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; box-sizing: border-box;}
-.list_view .view_info p{margin-right: 40px;}
-.list_view .view_info span{position: relative; padding-left: 20px;}
-.list_view .view_info span::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; left: 7px; top: 6.5px;}
-.list_view .view_cont{border-bottom: 1px solid #d5d5d5;padding: 40px 30px;}
-.list_view .view_cont p{font-size: 18px; font-weight: 400; color:#555; box-sizing: border-box; line-height: 1.4; word-break: break-word;}
-
-.list_view .file_list{width: 100%; border-bottom: 1px solid #d5d5d5; padding: 20px 30px 10px 30px; box-sizing: border-box;}
-.list_view .file_list td{display: flex; font-size: 18px; font-weight: 300; margin-bottom: 10px}
-.list_view .file_list tr:last-child td{margin-bottom: 0}
-.list_view .file_list td img{margin-right: 10px; align-self: center;}
-.list_view .file_list td a{white-space: normal; background-image: url(../images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; padding-left: 23px; letter-spacing: -0.5px;}
+.list_view{margin:50px 0 30px 0;border-top:2px solid #858686;}
+.list_view tr{border-bottom:1px solid #d7d7d7;}
+.list_view th{background:#f8f9fa;height:60px;font-size:1.7rem;font-weight:300;color:#333;padding:0 20px;vertical-align:middle;line-height:1.4;}
+.list_view td{font-size:1.7rem;font-weight:300;color:#333;padding:22px 20px;vertical-align:middle;line-height:1.4;}
+.list_view .file{display:flex;align-items:center;gap:8px;}
 
 /* list write(글등록) */
 .write_wrap { padding: 30px 30px; margin-bottom: 30px;}
@@ -567,19 +345,19 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 .faq li .answer p {font-weight: 300; font-size: 17px;}
 
 /* page */
-.page{margin: 30px auto; text-align: center;}
-.page button{width: 32px; height: 32px;font-size: 15px; color: #666; vertical-align: middle; padding: 0; margin: 0.5px; font-weight: 300;}
-.page button:hover {color: #d22800; background-color: #fdeee5; border-radius: 5px;}
-.page button.on{color: #d22800; background-color: #fdeee5; border-radius: 5px;}
-.page button.on:disabled, .page button.on[disabled="disabled"] {color: #d22800 !important; background-color: #fdeee5 !important; border-radius: 5px;}
-.page button i{display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;}
-.page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last {border-radius: 5px; border: 1px solid #d5d5d5;}
-.page .btn_page_prev {margin-right: 3px;}
-.page .btn_page_next {margin-left: 3px;}
-.page .btn_page_first i{background-image: url(../images/content/btn_page_first.png);}
-.page .btn_page_prev i{background-image: url(../images/content/btn_page_prev.png);}
-.page .btn_page_next i{background-image: url(../images/content/btn_page_next.png);}
-.page .btn_page_last i{background-image: url(../images/content/btn_page_last.png);}
+.pagination{margin: 30px auto; text-align: center;}
+.pagination button{width: 40px; height: 40px;font-size: 15px; color: #666; vertical-align: middle; padding: 0; margin: 0.5px; font-weight: 300;}
+.pagination button:hover {color: var(--gray-color); background-color: var(--gray-color-light); border-radius: 5px;}
+.pagination button.on{color: #fff; background-color: var(--gray-color); border-radius: 5px;}
+.pagination button.on:disabled, .page button.on[disabled="disabled"] {color: #fff !important; background-color: var(--gray-color) !important; border-radius: 5px;}
+.pagination button i{display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;}
+.pagination .btn_page_first,.pagination .btn_page_prev,.pagination .btn_page_next,.pagination .btn_page_last {border-radius: 5px; border: 1px solid #d8d8d8;}
+.pagination .btn_page_prev {margin-right: 3px;}
+.pagination .btn_page_next {margin-left: 3px;}
+.pagination .btn_page_first i{background-image: url(../images/content/btn_page_first.png);}
+.pagination .btn_page_prev i{background-image: url(../images/content/btn_page_prev.png);}
+.pagination .btn_page_next i{background-image: url(../images/content/btn_page_next.png);}
+.pagination .btn_page_last i{background-image: url(../images/content/btn_page_last.png);}
 
 
 /* 시간 선택 */
@@ -796,7 +574,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 
 /*마이페이지_new아이콘 추가*/
 /*마이페이지_new아이콘 추가*/
-.tb_list01 .mypage_new{background-color: #e95504; font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 4px 0 -33PX;}
+.list .mypage_new{background-color: #e95504; font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 4px 0 -33PX;}
 /*마이페이지_m 추가*/
 .mypage_m .mypage_m_list ul{border-top: none;}
 
@@ -861,6 +639,28 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 .inquiry_list{justify-content: left;}
 .inquiry_list .btn_wrap{margin-left: 5px;}
 
+/* 댓글 */
+.cmmt_view{margin-top: 30px;}
+.cmmt_view .cmmt_tit{display: flex; align-items: center;}
+.cmmt_view .cmmt_icon{display: inline-block; width: 23px; height: 23px; background-image: url(/kccadrPb/usr/image/icon_comment.png); margin-right: 5px;}
+.cmmt_tit span{color: #ea5404; font-weight: bold; font-size: 20px;}
+.cmmt_list{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;}
+.cmmt_list li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;}
+.cmmt_person{min-width: 70px; width: 100px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;}
+.cmmt_person::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;}
+.cmmt_detail{width: calc(100% - 100px); font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;}
+.cmmt_detail p{width: 100%}
+.cmmt_date{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #666;}
+.cmmt_detail .btn_wrap{float: right; margin-top: 15px;}
+.cmmt_detail .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;}
+.cmmt_wrap{border-top: 1px solid #000; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; margin: 30px 0;}
+.cmmt_wrap .cmmt_tit{width: 100px; font-size: 17px; font-weight: 500; color: #555; padding-left: 15px; box-sizing: border-box;}
+.cmmt_text{width: calc(100% - 200px); margin-right: 10px;}
+.cmmt_text textarea{width: 100%; height: 90px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 10px 0; padding: 10px; box-sizing: border-box; font-size: 18px; color: #222;}
+.btn_add_cmmt{background-color: #2353b5; height: 92px; color: #fff; width: 90px; border-radius: 5px; font-size: 16px; font-weight: 500; transition: background-color 0.1s ease-in-out;}
+.btn_add_cmmt:hover{background-color: #0c3a97; transition: background-color 0.1s ease-in-out;}
+/* //댓글 */
+
 @media all and (max-width: 1300px){
 	/*교육소개 추가*/
 	.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 55%;}
@@ -898,372 +698,115 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 	.mypage_wrap .mypage_table .tb_list02 .mypage_new{display: block; width: 30px; margin: 0 auto;}
 }
 
-@media all and (max-width: 1280px){
-	.list_top {padding: 15px 20px;}
-	input[type="text"] {padding: 0 12px;}
-	/* list top */
-	.list_top.type2 {display: block;}
-	.list_top.type2 .list_top_left {margin-bottom: 10px;}
-	/* .list_top .btn_wrap {display: block;} */
-	.list_top .btn_wrap input[type="text"].calendar {width:140px;}
-	.list_top .btn_wrap button {white-space:nowrap;}
-	.list_top .search_wrap {display: inline-block;}
-	/* list_top 내용 많을 때 틀어지는 것 수정 */
-	/* .list_top.top_longver .btn_wrap .calendar_wrap {width: 18%;} */
-	
-}
 
 @media all and (max-width: 1024px){
+
 	/* sub layout */
+  .container{margin:110px 0 0 0;}
 	.container .inner .cont_wrap {width: 100%;}
-	
-	/* 강사유형 선택 */
-	.sel_tpye {margin: 100px 120px 24px 120px;}
-	
-	/*체험교실대시보드 5단계 (감리용)*/
-	/* .ex_process {background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0; margin:0 0 30px 0; }
-	.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:17px; letter-spacing: -1px; font-weight:500;}
-	.ex_process li a { padding:20px 0; text-align:center;}
-	.ex_process li.p_1_on {background-image: none;}
-	.ex_process li.p_2_on {background-image: none;}
-	.ex_process li.p_3_on {background-image: none;}
-	.ex_process li.p_4_on {background-image: none;}
-	.ex_process li.p_5_on {background-image: none;}
-	.ex_process li.p_1 {background-image: none;}
-	.ex_process li.p_2 {background-image: none;}
-	.ex_process li.p_3 {background-image: none;}
-	.ex_process li.p_4 {background-image: none;}
-	.ex_process li.p_5 {background-image: none;}
-	.ex_process li::after {position:absolute; content:""; width:1px; height:30px; background-color: #d5d5d5; right: 0; margin:-45px 0 0 0;}
-	.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5_on::after {display:none; } */
-	
 
-	/* 체험교실대시보드 7단계 */
-	.ex_process li {font-size:18px; padding:8px 3px 10px 3px; border-radius:5px; width:12%; line-height:20px; display: flex; align-items: center; justify-content: center;}
-	
-}
+  .sub_visual{height:180px;;}
+  .sub_visual p,.lnb{display:none;}
+  .sub_visual strong{font-size:5.6rem;}
+
+  .container .cont_tit{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:40px;border:0;}
+  .container .cont_tit h2{order:2;font-size:6.8rem;}
+  .container .cont_tit .path li{font-size:4.8rem;}
+  .container .cont_tit .path li:not(.home){padding:0 20px;}
+  .container .cont_tit .path .home i{width:48px;height:44px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_home_mobile.png) no-repeat center center;}
+  .container .cont_tit .path li:not(.home)::before{width:20px;height:32px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_path_obj_mobile.png) no-repeat center center;top:10.5px}
+
+  /* tab */
+  .tab_button{font-size:5.2rem;}
+
+  /* 기본 input texarea */
+  select.selType1{min-width:160px;height:80px;font-size:2.8rem;}
+  
+  .list_top .search_area{font-size:3.2rem;}
+  .list_top .search_area button{min-width:80px;height:80px;}
+  
+  .calendar_wrap input[type="text"]{width:calc((100% / 2));height:80px;}
+
+  /* icon */
+  .icon.file{width:34px;height:32px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_file_mobile.png) no-repeat center center;}
+
+	/* list */
+  .list{border-top:2px solid #858686;}
+  .list table,.list tbody{display:block;}
+	.list thead{display:none;}
+  .list tr{display:flex;padding:20px 16px;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #e5e5e5;gap:16px;}
+  .list tbody th, .list tbody td{border:0;text-align:left;padding:0;}
+  .list a{font-size:5.6rem;}
+  .list tbody th p,.list tbody td p, .list tbody td span{display:inline-block;width:auto;font-size:4.8rem;font-weight:300;vertical-align:bottom;}
+  .list tbody th p{font-size:4rem;font-weight:500;}
+  .list tbody td span{position:relative;margin:0 32px 0 0;padding:0 32px 0 0;font-weight:400;}
+  .list tbody td span::after{position:absolute;content:"";width:4px;height:50px;background:var(--gray-color-light-hover);top:9.5px;right:0}
+  .list tbody td button.btn.regular{width:100%;height:80px;font-size:3.4rem;}
+
+  /* list view(글상세) */
+  .list_view{margin:100px 0 60px 0;border-top:4px solid #858686;}
+  .list_view table{display:block;}
+  .list_view tbody{display:flex;flex-direction:column;}
+  .list_view tr{display:flex;width:100%;flex-wrap:wrap;}
+  .list_view th{display:flex;width:100%;height:120px;font-size:3.4rem;font-weight:300;padding:0 40px;justify-content:flex-start;align-items:center;}
+  .list_view td{min-height:120px;font-size:3.4rem;padding:44px 40px;box-sizing:border-box;}
+  .list_view .file{display:flex;align-items:center;gap:8px;}
 
-@media all and (max-width: 860px){
-	/*교육소개 추가*/
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 100%;}
 }
 
 @media all and (max-width: 767px) {
-	/* sub latout */
-	.container {margin-top:70px;}
-	.container .inner {padding: 0 20px;}
-	.cont_wrap .cont_tit {padding-bottom: 10px; margin-bottom: 30px;}
-	.cont_wrap h2 {font-size: 26px; padding-top: 10px;}
-	.cont_wrap .tit_box {display: block; text-align: center; padding: 15px 20px;}
-	.cont_wrap .tit_box i {display: block; margin: 0 auto;}
-	.cont_wrap .tit_box>div {width: 100%; padding-left: 0; padding-top: 15px;}
-	.cont_wrap .tit_box.type2>div {padding-left: 0;}
-	.cont_wrap .tit_box p {font-size: 22px; padding-bottom: 4px;}
-	.cont_wrap .tit_box span {font-size: 16px; line-height: 1.4;}
 
-	.tb_tit01 {margin-bottom: 10px;}
-	.tb_tit01 .tb_tit01_left p {font-size: 20px;}
+  /* sub_layout */
+  .sub_visual{height:90px;}
+  .sub_visual strong{font-size:2.8rem;}
 
-	.btn_wrap {position: relative;}
-	/*.btn_wrap button {display: none; height: 40px; padding: 0 20px; font-size: 16px;} 1123*/
-	.btn_wrap.btn_layout01 button {height: 40px; padding: 0 20px; font-size: 16px;}
-	.btn_wrap button.m_btn_block {display: inline-block;}
-	.btn_wrap.btn_layout01>.btn_right button.m_btn_block:nth-child(2) {margin-top: 5px;}
-	.survey_btn_wrap.btn_layout01>.btn_left {display: none;}
-	.survey_btn_wrap.btn_layout01>.btn_center {width: 210px;}
+  .container .inner{margin:40px auto;}
 
+  .container .cont_tit{gap:20px;}
+  .container .cont_tit h2{font-size:3.4rem;}
+  .container .cont_tit .path li{font-size:2.4rem;}
+  .container .cont_tit .path li:not(.home){padding:0 10px;}
+  .container .cont_tit .path li:not(.home)::before{top:4px;}
+  .container .cont_tit .path .home i{width:24px;height:22px;background-size:100% auto;}
+  .container .cont_tit .path li:not(.home)::before{width:10px;height:16px;background-size:100% auto;}
 
-	/* list top */
-	.list_top {display: block; padding: 5px 15px 15px 15px;}
-	.list_top .list_top_left { margin-bottom: 10px;}
-	.list_top.type2 .search_wrap {display: block; margin-top: 10px;}
-	.list_top select.selType1 {width: 100%; height: 36px; margin-top: 10px;}
-	.list_top .btn_wrap {text-align: center;display:block;}
-	.list_top span {padding-bottom: 10px; display: block;}
-	.list_top .calendar_wrap {width: calc(100%/2 - 13px);}
-	.list_top .btn_wrap input[type="text"].calendar {width: 100%; height: 36px;margin:0;box-sizing:border-box;}
-	.list_top button {width: 100%; height: 36px; margin-top: 10px;}
-	.list_top .btn_wrap button {height: 36px;margin-left:0;}
-	.list_top.type2 .list_top_left {text-align: center; margin-bottom: 20px;}
-	.list_top.type2 .search_wrap {margin-top: 0;}
-	/* list_top 내용 많을 때 틀어지는 것 수정 */
-	.list_top.top_longver {padding: 15px;}
-	.list_top.top_longver .btn_wrap .calendar_wrap {width: calc(100%/2 - 9px); margin: 0 0 10px 0;}
-	.list_top.top_longver .searchKeyword {vertical-align: middle;}
-	.list_top.top_longver .btn_wrap #searchKeyword {width: calc(100% - 109px);}
+  .tab{margin:25px 0 20px 0;}
+  .tab_button{width:auto;font-size:2.6rem;padding:0 20px 13px;}
 
-	/* list top3 */
-	.list_top3 {padding: 15px 15px 0 15px;}
-	.list_top3 ul {margin-top: 10px;}
-	.list_top3 ul li {width: calc(100%/2);}
-	.list_top3 .list_top3_title p {font-size: 17px;}
-	.list_top3 .list_top3_title span {width: 70px; padding: 6px 0; margin-right: 0px; font-size: 14px;}
+  .list_top .search_area{flex-wrap:wrap;}
+  .list_top .search_area *:not(button){width:100%;}
 
-	/* list top4 */
-	.list_top4 {padding: 15px 15px 5px 15px;}
-	.list_top4 ul li {width: 100%; margin-bottom: 10px;}
-	.list_top4 ul li span {width: 70px;}
-	
-	.tb_type01 {margin-bottom: 20px;}
-	.trLength4 {display: none;}
-	.trLength2 {display: table-row;}
-	.tb_type01>table>colgroup>col:nth-child(odd) {width: 130px !important;}
-	.tb_type01.rowspan2>table>colgroup>col {width: auto !important;}
-	.tb_type01.rowspan2>table>colgroup>col:nth-child(1) {width: 130px !important;}
-	.tb_type01.rowspan2>table>colgroup>col:nth-child(2) {width: 105px !important;}
-	.tb_type01>table>tbody>tr>th, .tb_type01>table>tbody>tr>td {font-size: 14px; font-weight: 400;}
-	.tb_type01>table>tbody>tr>th {padding-top: 0; padding-left: 10px; padding-bottom: 0; vertical-align: middle;}
-	.tb_type01>table>tbody>tr>td {height: 40px; padding: 8px 10px;}
-	.tb_type01>table>tbody>tr>td input[type="text"] {height: 36px;}
-	.tb_type01>table>tbody>tr>td>.btnType01 {height: 30px; font-size: 15px; padding: 0 12px;}
-	.tb_type01.tb_view table tbody tr td .put_photo {position: initial; border-left: 0; border-bottom: 0; margin-top: 10px;}
-	.tb_type01 table tbody tr td .put_photo .put_photo_in {width: 95px; height: 122px; margin: 0;}
-	.tb_type01 table tbody tr td .app_status4 {margin-right: 5px;}
+  .calendar_wrap input[type="text"]{height:56px;}
+  select.selType1{height:56px;font-size:2.8rem;}
 
-	/* table type2 */
-	.tb_type02 {overflow-x: scroll;}
-	.tb_type02 table {min-width: 767px;}
-	.tb_type02>table>thead>tr>th, .tb_type02>table>tbody>tr>th, .tb_type02>table>tbody>tr>td {height: auto; padding: 10px 5px; font-size: 14px; font-weight: 400;}
-	.tb_type02>table>thead>tr>th {padding: 12px 5px;}
-	.tb_type02 tbody td input[type="text"].input_time {height: 36px;}
-	.tb_type01 table tbody tr td.file_download a {background-image: none; padding-left: 0;}
+  .list_top{padding:0;}
+  .list_top .search_area button{width:calc((100% / 2) - 6px);height:56px;}
+  .list_top .search_area button:only-of-type{width:100%;}
 
-	/* table list01 */
-	.tb_list01 {display: none;}
-	.tb_list01_m {display: block; margin-bottom: 30px;}
-	.tb_list01_m_2 {display: block;}
+  /* list */
+  .list tbody th p{font-size:2rem;}
+  .list tbody td a{font-size:2.8rem;}
+  .list tbody th p, .list tbody td p, .list tbody td span{font-size:2.4rem;}
+  .list tbody td span{margin:0 16px 0 0;padding:0 16px 0 0;}
+  .list tbody td span::after{width:2px;height:25px;top:6.5px;}
+  .list tbody td button.btn.regular{height:56px;font-size:1.7rem;}
 
-	/* table type03 (table 모양이지만 div로 만듦) */
-	.tb_type03 .thead {padding: 13px 10px;}
-	.tb_type03 .thead>p {font-size: 16px;}
-	.tb_type03 .thead.ver2>p {font-size: 16px;}
-	.tb_type03 .tbody {display: block; padding: 15px 10px 10px 10px;}
-	.tb_type03 .tbody>span {display: block;}
+   /* list view(글상세) */
+   .list_view{margin:50px 0 30px 0;border-top:2px solid #858686;}
+   .list_view th{height:60px;font-size:1.7rem;padding:0 20px;}
+   .list_view td{min-height:60px;font-size:1.7rem;padding:22px 20px;}
 
-	/* table list01 */
-	.tb_list01_m ul {padding: 10px 10px 0 10px;}
-	.tb_list01_m ul li {width: 100%; padding-bottom: 10px;}
-	.tb_list01_m ul li>span {font-size: 14px; font-weight: 400;}
-	.tb_list01_m ul li>span:first-child {width: 100px;}
-	.tb_list01_m ul li>span:last-child {padding-left: 12px;}
-	.tb_list01_m ul li .btnType02 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px; margin:0 0 0 3px;}
-	.tb_list01_m ul li .btnType03 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
-	.tb_list01_m ul li .btnType04 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px; width:80px; margin-left:8px;}
-	.tb_list01_m ul li .btnType06 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
-
-	.list_notice {font-size: 14px;}
-
-	/* list view(글상세) */
-	.list_view .view_info{flex-wrap: wrap; min-height: 40px; padding: 10px 30px; font-size: 16px;}
-	.list_view .view_info p {margin-right: 20px;}
-	.list_view .view_info span::before {left: 10px;}
-
-	/* 강사유형 선택 */
-	.sel_tpye {margin: 50px 0 0 0;}
-	.sel_tpye>p {font-size: 28px;}
-	.sel_tpye ul {display: block; margin-top: 30px;}
-	.sel_tpye ul li {width: 100%; padding: 30px 0;}
-	.sel_tpye ul li.type1 {margin-bottom: 20px;}
-	.sel_tpye ul li p {font-size: 20px;}
-
-	/* 운영신청 등록안내 */
-	.summary_list dl {margin: 0 0 30px;}
-	.summary_list dl dd {font-size: 16px; padding: 15px;}
-	.summary_list dl dd ul {margin: 5px 0 0;}
-	.summary_list dl dd ul li {font-size: 15px; font-weight: 400;}
-	.summary_list02 dl dd table colgroup col:first-child {width: 32% !important;}
-	.summary_list02 dl dd table thead th {padding: 8px 10px; font-size: 16px;}
-	.summary_list02 dl dd table tbody th, .summary_list02 dl dd table tbody td {padding: 5px; font-size: 14px; font-weight: 400; text-align: left;}
-
-	/* pagenation */
-	.page button:nth-child(8), .page button:nth-child(9), .page button:nth-child(10), .page button:nth-child(11), .page button:nth-child(12) {display: none;}
-
-	/* 강사신청 확인 */
-	.check_app .check_app_in {padding: 40px 20px;}
-	.check_app .check_app_in p {font-size: 24px;}
-	.check_app .check_app_in span {font-size: 16px; line-height: 1.2;}
-	.check_app .check_app_in button {height: 40px; padding: 0 25px; margin-top: 20px; font-size: 16px;}
-
-	/* 청소년저작권강사 대시보드 */
-	.t_dashboard_top .dashboard_id {height: 121.5px;}
-	.t_dashboard_top>.tb_type01>table>colgroup>col {width: 80px !important;}
-	.t_dashboard_btm .tb_list01 {display: block; width: 100%; margin-top: 40px;}
-
-	/* login */
-	.login_wrap{width: 100%; padding: 80px 30px 65px 30px; box-sizing: border-box;}
-
-	/*교육기반강화연수*/
-	.best_list {display:block; }
-	.best_list .best_con {width:100%; margin: 0 0 20px 0; }
-	.best_list .best_con:hover {width:100%; margin: 0 0 20px 0; }
-	.edup_result {display:block;}
-	.edup_result ul {padding:10px 0 0 0; }
-	.edu_program {overflow-x: scroll;}
-	.edu_program table {min-width: 767px;}
-	.edu_program>table>thead>tr>th, .edu_program>table>tbody>tr>th, .edu_program>table>tbody>tr>td {height: auto; padding: 10px 5px; font-size: 14px; font-weight: 400;}
-	.edu_program>table>thead>tr>th {padding: 12px 5px;}
-	.edu_program tbody td input[type="text"].input_time {height: 36px;}
-	.tb_tit02 .btn_wrap1 button.con_more {font-size:14px;}
-
-	/*교육신청자대시보드*/
-	.edu_process {display:block; width:100%;}
-	.edu_process .edu_apply {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;} 
-	.edu_process .edu_apply i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/apply_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
-	.edu_process .edu_apply .text_area {font-size:20px; font-weight:500; }
-	.edu_process .edu_apply .text_area p {font-size:16px; font-weight:500; }
-	.edu_process .edu_apply .text_area p span {font-size:30px; font-weight: 500; }	
-	.edu_process .edu_register {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;} 
-	.edu_process .edu_register i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/register_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
-	.edu_process .edu_register .text_area {font-size:20px; font-weight:500; }
-	.edu_process .edu_register .text_area p {font-size:16px; font-weight:500; }
-	.edu_process .edu_register .text_area p span {font-size:30px; font-weight: 500; }
-	.edu_process .edu_close {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; align-items: center; justify-content: flex-start; padding: 10px 0 10px 30px;} 
-	.edu_process .edu_close i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/close_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
-	.edu_process .edu_close .text_area {font-size:20px; font-weight:500; }
-	.edu_process .edu_close .text_area p {font-size:16px; font-weight:500; }
-	.edu_process .edu_close .text_area p span {font-size:30px; font-weight: 500; }
-	.tb_list02 {display:none;}
-	
-	/*마이페이지 추가*/
-	/*.mypage_wrap .mypage{margin: 0 0 -60px 0;}*/
-	
-	/*마이페이지_new_m아이콘 추가*/
-	.mypage_m .mypage_m_list ul .mypage_new_m{background-color: #e95504;  font-size: 12px; color: #fff; border-radius: 5px; padding: 0 5px 2px 5px; margin: 0 0 0 4px;}
-	
-	/*나의 강의실 > Q&A_m추가*/
-	.q_wrap .tb_list02{display: block;}
-	.q_wrap .btn_wrap button:last-child{display: block; font-size: 14px;}
-	.q_wrap .btn_wrap.btn_layout01>div{width: auto;}
-	.q_wrap .faq li p{font-size: 16px;}
-	.q_wrap .tb_list02 .faq_wrap .faq li .answer .awr_cont{font-size: 15px;}
-	.q_wrap .q_text{font-size: 16px;}
+   .icon.file{width:17px;height:16px;background-size:100% auto;}
 }
 
-@media all and (max-width: 640px) {
-	/*교육소개 추가*/
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li p{margin: auto auto auto 6px;}
-	.edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 14px;}
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{padding: 0 5px 0 0; margin: 0 5px 0 0;}
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{height:12px; top:5px;}
-	
-	/*마이페이지 추가*/
-	/*.mypage_wrap .mypage{margin: 0 0 -40px 0;}*/
-	.mypage_wrap .mypage li{width: calc((100% - 26px)/2); margin: 0 0 25px 0;}
-	.mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 63px); height: calc(100% - 113px); padding: 9px 7px 8px 17px; margin: 21px auto 0 auto;}	
-	.time_layer.on{position:fixed; width:100%; top:calc(100% - 143px); left:0; border:0;}
- }
- 
- @media all and (max-width: 560px){
-    /*교육소개 추가*/
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li{padding: 5px;}
-	 .edu_wrap .tb_type01 table tbody .edu_sus_num li p{line-height: 1.2;}
-	 .edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{display: none;}
-	 .edu_wrap .tb_type01 table tbody .edu_sus_num li .num{margin: 10px 0 10px 5px;}
-	 .edu_wrap .edu_img img{width: 100%;} 
-	 .btn_wrap.btn_layout01 button {padding:0 7px;}/*1123*/
- }
- 
-@media all and (max-width: 520px) {
-	/* list top3 */
-	.list_top3 ul li {width: calc(100%);}
+@media (max-width: 479px){
+  .container .cont_tit .path li{font-size:1.6rem;}
 
-	/* table list01 mobile */
-	.tb_list01_m_2.ip_text>div ul li {width: calc(100%/2);}
-
-	/* list view(글상세) */
-	.list_view .view_info {display: block;}
-	.list_view .view_info p {margin-bottom: 10px;}
-	.list_view .view_info p:last-child {margin-bottom: 0;}
-	
-	/*마이페이지 추가*/
-	.mypage_wrap .mypage li{width: calc((100%)/1);}
-	
-	/*나의 강의실 > Q&A_m추가*/
-	.q_pop .pop_btn_wrap.btn_layout01>div{width: auto;}
-	.q_pop .pop_btn_wrap.btn_layout01>div:nth-child(2){width: auto;}
-}
-
-@media all and (max-width: 420px){
-	/*나의 강의실 > Q&A_m추가*/
-	.class_m ul{padding: 10px 2px 0 2px;}
-	.class_m ul li{word-break:break-word;}
-	.class_m ul li>span:first-child{width: 63px;}
-	.class_m ul li>span:last-child{padding-left: 10px;}
-	.q_wrap .faq li .question, .q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding: 12px 10px 12px 46px;}
-}
-
- @media all and (max-width: 400px){
-  	/*교육소개 추가*/
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li{border-radius: 10px; padding: 10px;}
-
-	/*	.edu_wrap .tb_type01 table tbody .edu_sus_num li p img{width: 8%;}*/
-	
-	/*마이페이지 추가*/
-	.mypage_wrap .tb_tit02{margin: -5px 0 10px 0;}
- 	.mypage_wrap .tb_tit02 .tb_tit02_left .t_best{font-size: 19px;}
-}
-
-@media all and (max-width: 340px){
-	/*교육소개 추가*/
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 110%; padding: 5px;}
-	.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 20px; height: 20px; font-size: 14px;}
-}
-
-
-/* explorer */
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
-	.input_text {top: 69%;}
-	.tb_type03 .tbody .input_text {top: 48%; left: 164px;}
-
-	.radio_wrap input[type='radio'] + label{vertical-align: middle;}
-}
-/* //explorer */
-
-/* calendar */
-/* .calendar_wrap:first-child{margin-right: 4px;}
-.calendar_wrap:nth-child(2){margin-left: 4px;} */
-.calendar_wrap:only-child {margin: 0;}
-.calendar_wrap .duet-date__dialog-content{padding: 16px 16px 50px;}
-.duet-date__table-header{font-size:15px;}
-.list_top .btn_wrap .duet-date__prev, .list_top .btn_wrap .duet-date__next{height: 32px; padding: 0; display: inline-flex;}
-.list_top .btn_wrap .duet-date__prev:hover, .list_top .btn_wrap .duet-date__next:hover{background-color: #e5e5e5;}
-.calendar_wrap .duet-date__mobile{width: 100%; top: auto; right: auto; left: 0; bottom: 10px;}
-.calendar_wrap .duet-date__mobile .duet-date__close{width: 34px; margin-left: 16px; height: 34px;opacity: 1; margin-left: auto; margin-right: 16px; padding: 0;}
-.calendar_wrap .duet-date__mobile .duet-date__close:hover{background-color: #e5e5e5;}
-.list_top .btn_wrap .calendar_wrap .duet-date__table-header span[aria-hidden="true"]{font-size: 16px;}
-.list_top .btn_wrap .calendar_wrap .duet-date__day{height: 36px; padding: 0 0 1px; margin: 0 0 0 0; border-radius: 100%;}
-.list_top .btn_wrap .calendar_wrap .duet-date__day span{padding-right: 0; font-size: 15px;}
-.calendar_wrap .duet-date__input{border: 1px solid #d5d5d5; width: auto; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 10px; margin: 0 3px; font-size: 16px;}
-.calendar_wrap .duet-date__input::placeholder {font-size: 14px; color: #666;}
-.duet-date__select-label svg{width: 33px; height: 24px;} /* 달력 */
-.list_top .btn_wrap .calendar_wrap .duet-date__toggle, .calendar_wrap .duet-date__toggle{background-color: transparent; box-shadow: inset 1px 0 0 transparent; width: 13%; height: 24px; padding: 0; margin-left: 0; top: 8px; right: 12px;}
-.list_top .btn_wrap .calendar_wrap .duet-date__toggle span, .calendar_wrap .duet-date__toggle span{padding-right: 0; display: inline-block;}
-.list_top .btn_wrap .calendar_wrap .duet-date__toggle:focus, .calendar_wrap .duet-date__toggle:focus{box-shadow: 0 0 0 2px var(--duet-color-primary);}
-.duet-date__day[aria-pressed=true] span, .duet-date__day:focus span{color: #fff}
-.tb_type02 tbody td button.duet-date__day{width: 36px;} /* 교육신청 > 교육차시 정보에 달력 날짜 선택 버튼 */
-
-.calendar_th .duet-date__toggle {border-radius: 5px;}
-.calendar_th .duet-date__toggle span{display: flex;}
-.calendar_th .duet-date__input{width: 100%;}
-
-.calendar_td .duet-date__toggle {border-radius: 5px;}
-.calendar_td .duet-date__toggle span{display: flex;}
-.calendar_td .duet-date__input{width: 100%;}
-
-@media all and (max-width: 767px){
-	.calendar_wrap .duet-date__input{width: 100%}
-	.calendar_wrap .duet-date__input::placeholder {font-size: 14px;}
-	.list_top .btn_wrap .duet-date__prev, .list_top .btn_wrap .duet-date__next{width: 36px; margin-top: 0;}
-	.list_top .btn_wrap .calendar_wrap .duet-date__toggle{top: -2px; right: 8px;}
-	
-	/*모바일 > 캘린더형 탭 숨김 처리*/
-	.list_con .fc{display: none;}
-	.tab.tab_02 .con_li{width: calc(100%);}
-	.tab.tab_02 .cal_li{display: none;}
-}
-/* //calendar */
-
-@media all and (max-width: 288px){
-	/*마이페이지_new_m아이콘 추가*/
-	.mypage_m .mypage_m_list ul .mypage_new_m{padding: 0 2px 2px 2px; margin: 0 0 0 1px;}
-}
+  /* list */
+  .list tbody th p{font-size:1.6rem;}
+  .list tbody td a{font-size:2rem;}
+  .list tbody td p, .list tbody td span{font-size:1.8rem;}
+  .list tbody td span{margin:0 8px 0 0;padding:0 8px 0 0;}
+  .list tbody td span::after{width:2px;height:25px;top:3.5px;}
+  .list tbody td button.btn.regular{height:48px;font-size:1.7rem;}
+}
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/css/font.css b/src/main/webapp/visitEdu/usr/publish/css/font.css
index b180a15f..449a238d 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/font.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/font.css
@@ -1,104 +1,81 @@
-@charset "utf-8";
-/* noto-sans-kr-300 - korean */
+/* Noto Sans KR 최적화 버전 */
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 300;
-    src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.eot'); /* IE9 Compat Modes */
-    src: local(''),
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.woff') format('woff'), /* Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
-  }
-  /* noto-sans-kr-500 - korean */
-  @font-face {
-    font-family: 'Noto Sans KR';
-    font-style: normal;
-    font-weight: 500;
-    src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.eot'); /* IE9 Compat Modes */
-    src: local(''),
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.woff') format('woff'), /* Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
-  }
-  /* noto-sans-kr-regular - korean */
-  @font-face {
+    font-display: swap;
+    /* 폰트 로딩 안정화 */
+    src: local('Noto Sans KR Light'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.woff2') format('woff2'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.woff') format('woff'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.ttf') format('truetype');
+}
+
+@font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 400;
-    src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.eot'); /* IE9 Compat Modes */
-    src: local(''),
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.woff') format('woff'), /* Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
-  }
-  /* noto-sans-kr-700 - korean */
-  @font-face {
+    font-display: swap;
+    src: local('Noto Sans KR Regular'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.woff2') format('woff2'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.woff') format('woff'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Noto Sans KR';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: local('Noto Sans KR Medium'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.woff2') format('woff2'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.woff') format('woff'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.ttf') format('truetype');
+}
+
+@font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 700;
-    src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.eot'); /* IE9 Compat Modes */
-    src: local(''),
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.woff') format('woff'), /* Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
-  }
-  /* noto-sans-kr-900 - korean */
-  @font-face {
+    font-display: swap;
+    src: local('Noto Sans KR Bold'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.woff2') format('woff2'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.woff') format('woff'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.ttf') format('truetype');
+}
+
+@font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 900;
-    src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.eot'); /* IE9 Compat Modes */
-    src: local(''),
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.woff') format('woff'), /* Modern Browsers */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
-         url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
-  }
+    font-display: swap;
+    src: local('Noto Sans KR Black'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.woff2') format('woff2'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.woff') format('woff'),
+        url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.ttf') format('truetype');
+}
 
-  @font-face {
-     font-family: 'Gmarket Sans TTF';
-     src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.eot');
-     src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.woff2') format('woff2'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.woff') format('woff'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.ttf') format('truetype');
-     font-weight: 500;
-     font-style: normal;
-     font-display: swap;
- }
- 
- @font-face {
-     font-family: 'Gmarket Sans TTF';
-     src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.eot');
-     src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.eot?#iefix') format('embedded-opentype'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.woff2') format('woff2'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.woff') format('woff'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.ttf') format('truetype');
-     font-weight: 300;
-     font-style: normal;
-     font-display: swap;
- }
- 
- @font-face {
-     font-family: 'Gmarket Sans TTF';
-     src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.eot');
-     src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.woff2') format('woff2'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.woff') format('woff'),
-         url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.ttf') format('truetype');
-     font-weight: bold;
-     font-style: normal;
-     font-display: swap;
- }
- 
- 
\ No newline at end of file
+
+@font-face {
+    font-family: 'Gmarket Sans TTF';
+    src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.eot');
+    src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.eot?#iefix') format('embedded-opentype'),
+        url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.woff2') format('woff2'),
+        url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.woff') format('woff'),
+        url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gmarket Sans TTF';
+    src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.eot');
+    src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'),
+        url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.woff2') format('woff2'),
+        url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.woff') format('woff'),
+        url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/lnb_icon.png b/src/main/webapp/visitEdu/usr/publish/images/common/lnb_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..af133c39ae42e316ef2ad85149493ffdee438321
GIT binary patch
literal 988
zcmV<210(#2P)<h;3K|Lk000e1NJLTq000>P001%w1^@s6se*8p00009a7bBm000XU
z000XU0RWnu7ytkRj!8s8R9J=0mtANRX%vQ^Os79_(YR|?Qc<gdR2eE{cdM0Uv4X)?
zQy6;T+$#$z$igZsc;U~LNU10a3gXpzGh1*68fzsNcG+E9e<KZpir`w6?dW=8O(2^Z
zjTbYaX>j6~bSfSQgv>eToy_-r=Y7VPN~I|i^}t3z1=a&iKmeEk#(-hK0ImXAw<bOp
z5gFJH90nT8-Gvh`fMdXEU{XY+8TbuYBhb7wMga}DU;Lv~lGF-Zt5N``?i#SpO=J}i
z2fnIOpb%dISDb#+L}~#Ydr`fJ0QMuVEf)ES>K~C?v^ah7rBdkz?CrSFV-c`-U6TYv
zMFcF%qOY%ybh_-hDvgCemjrAT$xb8^j9cRjTpl2o%T*$@MFPGR$&5rIghC-K%VKbF
zkbFKbD)OBKEEUO=WtpyM7xM%2dGyaChW;256<H!t!M64L{Y0Zt>gwu9CX<YejEIy4
zB;d8ENR{zg0-lOyXEGULu^5w+leDz7(AL%_Qua&&Zi-~)ayj~A{k)oZ#fs%CXy4E-
zdT%!*U_c}@9*<*L7NJmxj*bp|KA)(_fDH6wpUkocG8_(*PN(VY>_nDjQGx$}{(_(E
z1A0U&D~Ml!o`Og%a0_pTWD@(JzbQ=NH`tCg;gP@uu+8Z^&9v?Vo3PhsCh-D@P-MZS
z_InH4g6~u*kO0<Fax6+k0G?ob^e$jru=zN!(-9aez37HSg=oO`o2}T3*aXbO9z|oo
zZQv3R1O9hwQg*{Dnvn<6*x;6TJ`{b=I@j~2uDbU5;6G6`qiVP_b@k(Lr)b8E;m*`m
zceqnD!xOkuG~>f?r)Y+!aOd=!5>Yf`R^ZO*`-$Lg>6Qzh58Q>DgZ$pRna1FpN<=Dy
zyC1t(^UbOtXAb;;zh2n1pc1&-dwiJ0gO`MxgPhv`JvEZB{ffg~CYxi&ks%)cn<BDq
zF-LZ`ii#|$39RfsDw>_izU8mG7Tp_{)2e(;jpSo^^!dli8a_X`TM(${{J{;({i2p%
zFFmC9!l+1@INbT`WzHXJXW62;#IHZ&&{?4}s08kMe_l_xIY{EcOZFW5o44<TUme8Z
z?%c(DGzRCe`{<u!vcfMxQ*ftf#;n1esjEGO0eKSJaJ-BpZ~~kuZ0hQ)z@5`~%CsEI
z^bGEbEqI#!n!4%<+?l#s9_~zCoe|ubx>_0BDViY+cc!ko!rgmfl|lrTORcW}0000<
KMNUMnLSTX|hSRSA

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/lnb_title_obj.png b/src/main/webapp/visitEdu/usr/publish/images/common/lnb_title_obj.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7917fd2187c05c251c537f56ae1389166af1f43
GIT binary patch
literal 470
zcmeAS@N?(olHy`uVBq!ia0vp^&OmI(!3HD?%9iB-Db50q$YKTtZeb8+WSBKaf`Ngt
z!_&nvq+-t7n}%M@juLGT!y~z+1@#lWx<mby%nnC&vm3-6I3!%b;w>p=;~e#R>jtBj
zt^q-j65P7`irD{c@cuFHmwZ}9qS?u`?5$CP3-fMqehAy}WZCJLb}63~Zad2-_{cb0
zw5@2fJ79Iyx0-d%*SYs!NE|RMxL1DTx{F0y0nbB;LxwJ)=5GZ*L~MAr==96dSazu(
z);CPcS+mQomrOhOa~8*Ofj&jIpQU^9ZfS0~UtDwV=@)^G?=_Mcf*)*n{)VTb<Hi+)
zQ7y?}<seHTW*>>D-|F_0L9Djj+{$hGW!Zx3<#tBLtP3Iy{>$tr@7N#_>*w7Rw~6N{
ze*nlSEy*1l*fZ{KVLy<2aME(U<&jtZ2`bq~eQ$W(^wY9_{ZIG97<L`|RrH+u#~aJt
zJ-14x819<m*LLGNOwl5yeVRY=AJ*3?hsOHpA4qx8+|#(e6YA?H*FUmu2sZdH40K2Q
YrMo73CvhxP0Y(&qr>mdKI;Vst01gPqJ^%m!

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_first.png b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_first.png
new file mode 100644
index 0000000000000000000000000000000000000000..fed2a4f9a0d15f0b75d207d9f9b1475f87c34a20
GIT binary patch
literal 455
zcmV;&0XY7NP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkPc}YY;R9J=Wm%B;>K@>nwd=w)1JC=cfAR?)(`~gdeRlK)Jin+up
z+S=JzSx68C#m~~lA{M#vwIh-lvj&+{Ee9rhV0P}1#&|qtky-ldfS)LVxs<?MN?<M}
zFqaaT%gS&4keTfP7r>*cwx>RX@a9FN{oVSx2AWwLxCB;#tq*ZgKMUDgY-T&al}7*^
zdR)}k8fa#%FA*J8Jr5y7eXW6J)&y>VHCM-~dKyBA`qcL%1)A9=F!~VDQ`JETA?j1(
zAmNah**25yTX%ILB7LCZRkfcJmlVik`<DHAC?egMSJiH1WdaL7s8a%WfhT|NnAsra
zLkL;l-jqhlzdAo8_rQj$o~ri!kW~D1UCO(X0zI+`-0^vw41CN~eC>fA+2ZreJ5tr5
z59*4qJ<ua}fNS1wjRU_;DqcipzD=@Ev54FPd%%mUGXPbM`q~2lL}Uc)1JA(2)T?UL
x&qDSV&zpZasB5JJ=28N4DS^3^z+4tS@D)3Qovo!O66^o~002ovPDHLkV1l;R#oPb@

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_last.png b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_last.png
new file mode 100644
index 0000000000000000000000000000000000000000..65f75e81506612b635faaff433a94a0d1729c67f
GIT binary patch
literal 463
zcmV;=0WkiFP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkPfk{L`R9J=WmoaM;K^TUg6H{m)e<x+&M2R6>l`2g-Te<F>w=gNb
zFR_W*<_Dy@>Nu_m9$4n@1k}RfY(}!=24rTuHQ+qW^1bk~4-4PU?qIcA@tAq?uLb@@
z6Rf2P*3txPX@a#h!CIb{l-zv=yZ}x@2-8$9X`1Thp8cgy@FnmZxOVqZDmSxHvYAP#
z;M;iJ0;cYMkjl;MV6B-+kzfen3K(}~+<ho%EjP1a?}AbC6YwsM&w#m^?MX`Jy$eRk
z3*fXPGc&VYNy)r-!6<nKe2C)?@WssbB_;FT1*7By_!!4+U=AQDnfETZN&bqUyI*j>
zz2AUC05ePGISgw5>fHT3_X}|cypnWlX30GFepQ0*J^{|-_yc$?>8qI~bI3pHiUr+$
z3|w|34kazkESdlA<=(IKW8qCl;wNwvLRbQ8c~`E4(k1!)KyH!BB`wyPnUo6N0N;V*
z5W*~#OPVE{nN)A_rujc!)SILU*3txPX@a#h!CD@@;4e=ArQff+R0#k8002ovPDHLk
FV1mQ((n$aS

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_next.png b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_next.png
new file mode 100644
index 0000000000000000000000000000000000000000..33f633c14b2eed70f9ea1d999308315971976e6c
GIT binary patch
literal 406
zcmV;H0crk;P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkPNJ&INR9J=Wm$6C%Q4mE>M2jf+JC=e$5DCG;%Er!CQW?30rkFKW
zYN;P!l_~@g#KO|w5i~`LwRsW|LD-p)1>b3w3y;fTmzmvdlx0bsSz5HfUt~cqS<p)s
z^pXX=WI->>5hX=YjDQw!C~5fHnX2#ns5`g~tOECD)(Pqa;slS=bp;rj*=|s8jG&}D
zpqt{C<W@v?*pNuN22N9K0%J4V^!A2Mv7`ZTo?;Uinc0S?GkncR>I0W4t^?0zwo|ol
zE_+Z?54cKk4H#GLs{Nv#i=deem`(LN(5~7QE@)<Fz)6a4KugkN)xJ<cGwU&%;t9}^
z^y=vh6Ew3faFOB!XiIwW_BJAZ+>4?(0&Y{B0(+7kzMon2$HGmzPJ#WOavq`tpMVeG
zK+-6v69{_5^W=Xn>PWJnmn`Td3wp_dUTQD+2_ODdM*NVfivR!s07*qoM6N<$f;Wb%
AF8}}l

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_prev.png b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_prev.png
new file mode 100644
index 0000000000000000000000000000000000000000..24768dbdf850dc2667ff28e408b9f5d424e34a2b
GIT binary patch
literal 419
zcmV;U0bKrxP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkPRY^oaR9J=Wm%T~@K@>*M`cv5WI+lVWh)AkbzJR5qQuiy=;zO;}
z*3QPtLP8KhQds&rf?8O_BD)whAnYAtkU7<GVLlGrJ2Sh*U@%~snfYsh-^hYdvS5@f
z7$plv$%0Ylnr<wLVr<=Z8@K}cWm&eG=GQb99Ea@|a1G1@Ybi35wb=FsaKlgzU?)Xx
z5<%N5e3k1+x=fKB7PP$#^nit`v@hvAnp+bRw7mp$`II}9bP~22p|POtb)XL{R;5!(
zM@g(kh@9dcFk7w9B<&^e`N7m*)Dgi=;H6r3Y$u()n#O{X?txX{xhn12K1gCULa4=(
zo`4qcR+SEIC!NLc3`%-r*zQ{L*mftHTT?XsasU3YP(5|Ge7+{zWm$$_lVqn@(jCwS
z-mB6@irl2vjHE8G1-t?eDKZ<kcvAf9i+Unt!6;cUN*0Wg1*1&8;0Hp%PCcL6?FIk<
N002ovPDHLkV1khVwFv+K

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5fe31218f4cd82d51b39041d6cd3683c8a21a4c
GIT binary patch
literal 469
zcmV;`0V@89P)<h;3K|Lk000e1NJLTq000vJ000yS1^@s6Z&e0#00009a7bBm000XU
z000XU0RWnu7ytkPhe<?1R5*>L(=liiK^VpHpK(DD5@kUnC}$JF#z;UBtJo=+bVo?5
zU=awYrKQ+tWh8|h2-=y#Mo1BDw6+cwAr=OOoX8<4a#)DPeuK+8hu-;MmU%nh`_ByD
z?w(GkqoHxU!*g6~F5(g9F@>-7g`zf}!Z94dA)Lj94D1XJ<1%*f0ow_70Bg9^2%W~O
z3@qtsZN7oU0;>Vq#tZDn6@0|A45W>tc#QA382Qx#3+Uq<dYBB@CT?V4Cj)j1U6ir$
zLV<mFA0Sb19y<fBcNMLu6S*#qrv{W*84w<%#oD~&cQ?mzeMs0JO0aHYr(v~*$pq`;
z^?$(nFqT=EP<62#ekS}(_;&b-W-tdUaUaX!XT#5iUk+b3gGKWNKC8a7-S98NzX^XA
zPonOxuy0YE^fpG)Mka&&HCy<C_3%sKm%^`yZ~Y5wWTk7?p*uKO^ABSr&1E=a>CsdD
zxYHvZXgcz}0uOLo)vYc390If#C*n{m1@7PnZsODkC;O!O?(Y2pm=8>7eRZtv00000
LNkvXXu0mjfu}jJ(

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_file.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_file.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed2a784a634087f1a68d7aacc42e0e2205889576
GIT binary patch
literal 510
zcmV<a0RjGrP)<h;3K|Lk000e1NJLTq000pH000mO1^@s6@G+EM00009a7bBm000XU
z000XU0RWnu7ytkPut`KgR5*=w(o2YraTLe#&pbV%H_3G~lnFH{%4IRJu`(`&LX9j;
zDYqg@B)zjh7K)Ii!GcIKQ5ctuNS0D+Tv9X%MM`PLC6~qjJk!(L`~G+5dCvLvJHPX5
zs#dESycWDG)y+7Ll^B6O?8ft~0bng&V@}jl@C0qxkL{R<$7s##02bpSy73H?a1Vo6
zgwN4;HXw&<m9*g+u3`tq;1()qF9F~ePGVVE$?O<-h)(1IY{3G&ucP`4Dut41=*7$M
z;}0%leysNf8D`c%+R>k36t3edmSYHKqG3h&0;li@qoZDmoj8$W3#MWgzTpVgV|5I{
zL2Si3e8)oc;1arXY>=EDkS?(Y+i)WQyU>NrxDwv=;yyOwUlt$xVxSpKxEXb)6tI0b
zjTyKbD|X;F=>j=^#?Y&9`~sfF&PQX#$+&}$QfdbacQd@j+^BzGm6VST9Kc?T$8G$@
zlJIW$6<OFM1!qW#_q<Y1Mas{(Fti-FVI{|+;XFpx{2wbBJYCAmKrNt9@&Rk4tn}kt
zG`C9bXR*SIdVm4~4<ui@q?1kvcn=QYQzHQU2lu07A^<yKR{#J207*qoM6N<$f^Jye
ATmS$7

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_file_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_file_mobile.png
new file mode 100644
index 0000000000000000000000000000000000000000..e26f8ae489a27f263903a2a1648f9880a93269c1
GIT binary patch
literal 1286
zcmV+h1^N1kP)<h;3K|Lk000e1NJLTq001HY001Be1^@s6caN&c00009a7bBm000XU
z000XU0RWnu7ytkSxJg7oR9J<z*ITTeMHRsD-`S_MQV4~n1-Uh13q%6}LQoPBQY}bp
zE0BU{(v*Y}lTvC3hym>cWdU9uAQY4kywO5Ld4L2(KyCrFpb(Jj187XOfT4tN6o`~k
zA7*`=?|j|oaCV84?99wsYi9o6%vx(^4{h7F&Htm6QufA5oP>ig6))p%{30SAY}*eF
z3Q|fr8bcAWVFH^ou@<{bFx3q>J0jj17^IYPC?3QRJ{u8F_p!MEKWvFcumNx3P|R!T
z?#GD{@y?V1Am-sN?4F{<c)DY=q6M)9-@@96c&BAEAJ=0p=HvS~Z&Eu_O4&!<iMc8I
zQAC{6u~~{=qn8kiBI2HL=9`U2@bR>r*P8^y?&?l75WmFgj?IFU_wXK09}fZ|;#Dlq
z?oL=a;f|D2rsG~5ouWH%N@uG-jr%Y?MQ29D&p+q`bL?X{5|59&Bc+t7xU~iGFiz`0
z9FlMi#QBqj$nrqepXduxN*TtDI3Y!U!Qv*=(&hl%iJ2+7JR+_b00Lgmdir)CrIaE3
z7^kJ^uQ)y;-e}qEh2LY}6kQh)-yRSG_RM;u-;P{{uVs4^7Nm1E5Hk{@ao%5H)eb<w
zf~=n%lSfJ^-@rxL-Hb0p#NS)`>G-Xhn5ajyJR-Js=9z-;;<EN}c5Ig5li9uF{irFW
zoQhjg@gH?39&HVrircU-MH|v)%tCpz>#$6{SC+ILJZ<*FW7rFCV@@v>`{So+w*@D6
zAcobup@Db?3&;7|s}ceZH0sRFT(facLQr>YbK@i5!*1DL84>q(CcheA$@X^6+gjv1
zMw8vYa6&}9($ddR!~NhC-I{9~-nw<`95wg%a92c}-<f<BF3#>Id@dsX(FbBRevsXf
zw0pj#{|Ii!XHs;(y7TYK#ZSj@Dlh3wzN;EV)R<ow5r69gu}r=8sb{_@BA#mLht=qs
zpQ1nEq_*$$jE2xl5%I^)8pmNqw!c2kwZ8;SHr;}y5%GtXen|DdFQw=?H97vfJx|YQ
zDBjmy1an&L2l_x9tA6Pe^|D(Y5x?u0U4b*Qy-`gGuXb$ouy?k%J9ncg7!K$_9HE~1
z&M7)4B5v;36r7vg&G>vo{IkzG+L`suKKh5zT+df#YFA1*O3e{Xq?L%cwga)ssLze4
zk@jLghz8`p+1|6OO!{@%JrWyBDH~O1o7DhD#HAgGuc{$Wb>77h@#J_A4af`GK5QJD
z)#}brU*h|>bXTJr?u*pqH>5i6mm}h#i6CHT&6+ho!HOI-D<Vd^MtOIvz*5Y{i}+dB
zF-s}Os7KcL&9aEN>4PAs-hNvyvQySqc8xOWT$jJTrId1*dLcFtt0xOVJ(@e!u!1$E
zl#fn!a0_CdvCeyOL|ik-9KHP7CWX($&83uS13>JjzE2uwUmFpZOfaNBNY*!~FLi1*
zy}Oh$tN)NO5X~R1kELk6(Y!HGX}?Ei;vu7tmCd*u>muT{4!~UX6?d*0Nz~+aO81d8
zFi0*i8^6J)S~l<D2{rRhQ~wklY;0MNv$_wU9R^95X}Ay<nD|dLyn=5=#QGft7#E}k
wG)uj#zKFxIN2)gA&+4P*mWX)!!$QFS0JCVx@~WvFh5!Hn07*qoM6N<$g6e>5o&W#<

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_home.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_home.png
new file mode 100644
index 0000000000000000000000000000000000000000..07f248fb5346185c737bf28c6de4d3854cb67c38
GIT binary patch
literal 328
zcmV-O0k{5%P)<h;3K|Lk000e1NJLTq000vJ000pP1^@s6KbV)t00009a7bBm000XU
z000XU0RWnu7ytkO`bk7VR5*>L(y>YdK@^4IZ<j?B6csG2)k3ti@fED|6xxVwdTSAE
zwiL@?r;iYfXx_t4I~y?;xf{vAZZ^qj4$R#1&&=7)%Cgj;3^%yMEv_)C8_pX*>*xhY
zcrVuHf*s%$on*a(LF~7JoneThnuCt<7IU?*3|%~7qXtxIGv>OHn}SvST*qdXrW0lO
zjrmEBx$*l4{`;8)s#Jtedd$%`?qS#xlIlJ3{Q{48!9GqFfIZ_5r#UY0u;8sK-Q&FJ
zr=45H>=B>FA7zB?Wnp{x!d8H5)%47t76-M4eJlez4F3*a4PQ$<Rh659?Ixj}@Rh_<
aRXKm#swF+p3oz9H0000<MNUMnLSTaMMUJrm

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_home_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_home_mobile.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c248aca3bd0276ba8142d91b208cdc64127bcfc
GIT binary patch
literal 725
zcmV;`0xJE9P)<h;3K|Lk000e1NJLTq001xm001lq1^@s6BNjVn00009a7bBm000XU
z000XU0RWnu7ytkQhe<?1RA_<im_KL~K@`S+cR2})iV70ApoJ(RcH$}iDHQC)5DP^F
z!5Darpdvv*OB<0C5y9fav?3xTgp?wwLc)2`Mi2rP3PKdL5e=xE#jFz7+r8U$?)DDu
z*Uh{)^S*C)W@mSE)oPVyAn6V;5;RB6>{>JG<a`^DQ~<_+i=ogx;HsJZ@LA8R0ZE&H
zC&1B&lxM&xGyCMLrZ)qUb^}wuwmPYAfB`dm<)d!i$0U*lfH~@mC&-zTbizmN|GEQ`
za=;DX7LZFgyb9a|Zkt(Z5vdJGS_6y&XVMlAcmxca+1E6KQyGx71(*c(q$yg11z^z3
z-X$HFcn?TA2$b<Bo?x!BqytF@CNd!D0x$#gB`wqdeZY*Qp(KMET0)X~fKlK|Drw0X
z14hj3XT8L_1|)3+9s|d`NNb#@z-cr49G4VpK+-PU;k4bawuV{69eS^$5+e72q~pLm
z*@*|(0n7(lYEsjHr0cjVzphEblCU0_3N-!0UrR{RYTyBIwl&%k^ALCFE&uNLV?a_r
z?r_?hiL}Nk;|{&|5G)}{`+?`Qzj%NWPzf~CQ!Exw0@J{TELA0BEpV<<sl3bscY)qe
z!gpY{<+7rg#c5heFK|B(^oIgVz!BUtxLsJpX<7>P_ve9$6&(ve$;{g6>H`pH+6TN?
z(LIp|&I6Zl?>UFlywbJ`GkXgh!fCw>3>D1m3+|6WM_^{(aQhbU^i7;4T?1LuHIOwO
zZ=leGImdyI5wXp{u+L)6FfeUqleGep2Jvj5<Cjp^K-P2(WKGuquv|Z-dBhnAe<w%r
zA=F+KlN%R{BT`G8fl`B$Zw<9~#^lDu;)vAJ-2++E@dkbY(=5C>uDHl-00000NkvXX
Hu0mjfvCTZt

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f760d493bad2bb183b5b01247a0d356eb7198a6
GIT binary patch
literal 219
zcmeAS@N?(olHy`uVBq!ia0vp^Y(UJz0U{m4&*%Xu&H|6fVg?3oVGw3ym^DWNDA?=i
z;us<^we-9q7gM4@+r#whzGCMU!n)5s;IwH>5O^bYP<e;zh6o?CgGwEadm1Ek!xpn|
zxZ!g8pTSZ6bEnT($D8S&Ha%y-aq{B<vAG;vIv0)z#@bwF^C>tk_m#s=BIGddCZ##G
z3;VUF?X>S)&?u}oLoMJiUw+R=-#*b>S9ia^lH4X(wbHq0i@_1yQ}ylBB_<_lFU|%!
OjKR~@&t;ucLK6VcI!x{W

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj_mobile.png
new file mode 100644
index 0000000000000000000000000000000000000000..b943a611dacc592f28fd202d0b4c39508e8b0dcc
GIT binary patch
literal 604
zcmV-i0;BzjP)<h;3K|Lk000e1NJLTq000yK001Be1^@s65@J}k00009a7bBm000XU
z000XU0RWnu7ytkQ4oO5oR7i=P)z7QVc^C)q*S*)Mv2iJ7E-S3WPNFc)brZ!xHyNcY
zW;`ZqHDOQq1GrC0N`6Nv$*<f&k?cmZ!V=A5u%U=+aXv?w^EtlfKC9E`d7sz$e81=W
zeLj6-V`Fo148wShgE$Zo6DCppIE9h&c?R|)Gjm|F;EE3GzvE11PMr++Po+1C%b7W?
zS8y9%R{A5jm6<aegAwr%KjT>?vlM@2=A5QG6cK-86`oXbi*P$L7c>G3`UETSsFIzB
zJDIt-5m?aY1-)O%&o1clMqoi-VKuH*zB3&+GjnYtu%K_S0p}{{kGPbXn;U@zeTOZ`
zO5_Ke%*-8)z=D3jA6l<tr|QR%%-qvn=$n{mHUlzq7Y=oaT*PQ&u%N$b-GbVcjrRl=
zbQGsCrBlD_J)BJS1eQxatFk+cHwMd}a<t1PE?~I!OJ72LT93`2U1ED9VjuObx3K{n
z#`a3&BX&l_SbL!gmhpcAn<|m_*cuUMzg+AHma%^kYbw}VY>bGj-!}dSX67KSU|9uw
zjdc-muT%3YFf)JB8e5Ah*bA&F6TV}8egraeKJIkEo?>M;>@!%#`fbdw<Q`#FL_F?>
z!NAba&=TCjtV-qqMk3<h?_up79>-v%e;vO>#D7h&Hn_0TJCF6{IA~n`xZ7d<D1I%+
qKu^`Lb#C0ydW~LUH=>OHp6e537^PVG%PyM$0000<MNUMnLSTaMaSl=d

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_search.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_search.png
new file mode 100644
index 0000000000000000000000000000000000000000..4cd87c5533897fffb3840266c2788657d2fd6f4d
GIT binary patch
literal 513
zcmV+c0{;DpP)<h;3K|Lk000e1NJLTq000*N000&U1^@s6D|QD300009a7bBm000XU
z000XU0RWnu7ytkPvq?ljR5*>TlrcygK@^7nStKEqM=Z1uIq=d+v=bpQBw#q3pj=^L
zoq$+a327{}vJ5Fwgh;A1CMg5fX-*I|Rw@Jzt`V_NK~&`QOR+C7tg~}>;@|Ad?*G33
z?F>9AAYcUe0PF${Qk?_qzyeSV)kOvL0c$i@!@?iMc+LY4OZp|L%U;za{gAXN=|obu
zq!*GZk~+<^C8_M3JBoGO4;))pm%uF0k>f1@pS{1>03OERzdi8t*sppu^IpJGp6Rt`
znr#K_)qc0SGvIN^@XZXhyrYP~OI~Adv)>a*qqhF(oNKfLch3Elv~Am4$C*g#we@~G
zU{8DY><hvF>-vuH+`2^4p{<|X5ni(AK?q*8^#tIuhM0g}NyE0Sh71+&#;4naf3dnN
zpeJNVfE_cP0s}3A-+4`aj2VYWrye#2CL`Vlq?7T+{MW$CW}S?C0g#T@Ip7)a6c_^*
zfjYN!3XC)h7zF+VibGljzIyv};8nALg!GbEfs+id4tydV&jK9jT=xUY(SS@?4^RXO
z5zn$0a0R?+IiSTR7BT@-_Z{%w3%IyfxCP8u=PUmJZ+KcUxPmdU00000NkvXXu0mjf
D>mA)?

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/icon_select.png b/src/main/webapp/visitEdu/usr/publish/images/content/icon_select.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d14c238c3a491ec1eea53a0b621ecb0ea24c355
GIT binary patch
literal 194
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CO!3HF4Hmy+sQk(@Ik;M!Q+`=Ht$S`Y;1W>TV
z)5S4FVruUBjhu%K1RO4=3+{0&D@Z)SmDiJgVGX0Ok;|@<cbgmv9-F9lw6bKqyC=Tl
zwB`N{$;aG(#}vBHFL=;qDyF-q%~D8gkD=M3rsD?QhuT&OUadG();Znl3&)3^pC9@c
ovXq(}dDEg8Dz9_V{2k|Eeoirk>g?CrAlEW@y85}Sb4q9e0E{t15C8xG

literal 0
HcmV?d00001

diff --git a/src/main/webapp/visitEdu/usr/publish/index.html b/src/main/webapp/visitEdu/usr/publish/index.html
index d7c2dee8..19da238e 100644
--- a/src/main/webapp/visitEdu/usr/publish/index.html
+++ b/src/main/webapp/visitEdu/usr/publish/index.html
@@ -11,7 +11,6 @@
 	<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/font.css">
 	<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/common.css">
 	<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/main.css">
-	<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/content.css">
 	<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/swiper.min.css">
 
 	<!-- script -->
diff --git a/src/main/webapp/visitEdu/usr/publish/list.html b/src/main/webapp/visitEdu/usr/publish/list.html
new file mode 100644
index 00000000..3fe7b2d0
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/list.html
@@ -0,0 +1,199 @@
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>교육신청 > 기소유예교육 > 한국지식재산보호원 지식재산보호교육시스템</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/reset.css">
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/common.css">
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/content.css">
+
+
+
+  <!-- script -->
+  <script src="/ipedu/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
+  <script src="/ipedu/visitEdu/usr/publish/script/common.js"></script>
+  <script src="/ipedu/visitEdu/usr/publish/script/content.js"></script>
+
+  <!-- 달력 -->
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/datepicker/classic.css">
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/datepicker/classic.date.css">
+
+  <script src="/ipedu/visitEdu/usr/datapicker/duet.esm.js"></script>
+  <script src="/ipedu/visitEdu/usr/datapicker/duet.js"></script>
+  <script src="/ipedu/visitEdu/usr/datapicker/duet.system.js"></script>
+
+</head>
+
+<body>
+
+  <div data-include-path="/ipedu/visitEdu/usr/publish/layout/_header.html"></div>
+
+  <!-- content -->
+  <div class="container">
+    <div class="sub_visual">
+      <div class="visual_text">
+        <strong>상표권 교육조건부 기소유예</strong>
+        <p>지식재산보호교육시스템</p>
+      </div>
+    </div>
+    <div class="inner">
+      <div class="lnb">
+        <p class="lnb_title">기소유예교육</p>
+        <nav class="lnb_nav">
+          <ul>
+            <li>
+              <a href="#" class="depth01">교육안내<i></i></a>
+            </li>
+            <li>
+              <a href="#" class="depth01">교육신청<i></i></a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+      <div class="cont_wrap">
+        <div class="cont_tit">
+          <h2>교육신청</h2>
+          <div class="path">
+            <ul>
+              <li class="home"><a href="#" title="메인으로 가기"><i></i></a></li>
+              <li><a href="#">기소유예교육</a></li>
+              <li>교육신청</li>
+            </ul>
+          </div>
+        </div>
+        <ul class="tab tab_02">
+          <li class="tab_li on con_li"><button type="button" class="tab_button" data-info="list" title="선택됨">리스트형</button></li>
+          <li class="tab_li cal_li"><button type="button" class="tab_button" data-info="cal">캘린더형</button></li>
+        </ul>
+        <div class="tab_content on">
+
+          <div class="list_top right">
+            <div class="search_area">
+              <select class="selType1" title="신청상태 선택">
+                <option for="">전체</option>
+                <option for="">작성중</option>
+                <option for="">교육신청</option>
+                <option for="">교육확정</option>
+                <option for="">교육반려</option>
+                <option for="">신청취소</option>
+              </select>
+              <div class="calendar_wrap">
+                <input type="text" class="calendar startDate" title="시작일 선택" placeholder="시작일 선택">
+                ~
+                <input type="text" class="calendar endDate" title="종료일 선택" placeholder="종료일 선택">
+                <script src="/ipedu/visitEdu/usr/publish/script/duetdatepicker.js"></script>
+              </div>
+              <button type="button" class="btnType01 btn_search" onclick="fncGoList();"><i></i></button>
+              <button type="button" class="btnType02 btn_reset" onclick="fncReset(this);">초기화</button>
+            </div>
+          </div>
+
+          <div class="list">
+            <table>
+              <colgroup>
+                <col style="width: 8%;">
+                <col style="width: auto;">
+                <col style="width: 18%;">
+                <col style="width: 10%">
+                <col style="width: 10%;">
+                <col style="width: 8%;">
+                <col style="width: 100px;">
+              </colgroup>
+              <thead>
+                <tr>
+                  <th scope="col">교육구분</th>
+                  <th scope="col">과정명</th>
+                  <th scope="col">신청기간</th>
+                  <th scope="col">교육일자</th>
+                  <th scope="col">신청자/정원</th>
+                  <th scope="col">상태</th>
+                  <th scope="col">교육신청</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <th scope="row">
+                    <p>비대면</p>
+                  </th>
+                  <td>
+                    <a href="./list_view.html">[2025-57] 상표권 교육조건부 기소유예 교육</a>
+                  </td>
+                  <td>
+                    <p><span class="mobile">신청기간</span>2025.07.25~2025.07.31</p>
+                  </td>
+                  <td>
+                    <p><span class="mobile">교육일자</span>2025.08.21</p>
+                  </td>
+                  <td>
+                    <p><span class="mobile">신청자/정원</span>5/40</p>
+                  </td>
+                  <td>
+                    <p><span class="mobile">상태</span>접수중</p>
+                  </td>
+                  <td><button type="button" class="btn blue fill regular">신청</button></td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <p>비대면</p>
+                  </th>
+                  <td>
+                    <a href="./list_view.html">[2025-57] 상표권 교육조건부 기소유예 교육</a>
+                  </td>
+                  <td>
+                    <p><span class="mobile">신청기간</span>2025.07.25~2025.07.31</p>
+                  </td>
+                  <td>
+                    <p><span class="mobile">교육일자</span>2025.08.21</p>
+                  </td>
+                  <td>
+                    <p><span class="mobile">신청자/정원</span>5/40</p>
+                  </td>
+                  <td>
+                    <p><span class="mobile">상태</span>접수중</p>
+                  </td>
+                  <td><button type="button" class="btn gray fill regular" disabled>마감</button></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+
+
+          <div class="pagination">
+            <button type="button" class="btn_page_first" title="첫 페이지 이동"><i></i></button>
+            <button type="button" class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
+            <button type="button" class="page_num on" title="1 페이지 이동">1</button>
+            <button type="button" class="page_num" title="2 페이지 이동">2</button>
+            <button type="button" class="page_num" title="3 페이지 이동">3</button>
+            <button type="button" class="page_num" title="4 페이지 이동">4</button>
+            <button type="button" class="page_num" title="5 페이지 이동">5</button>
+            <button type="button" class="page_num" title="6 페이지 이동">6</button>
+            <button type="button" class="page_num" title="7 페이지 이동">7</button>
+            <button type="button" class="page_num" title="8 페이지 이동">8</button>
+            <button type="button" class="page_num" title="9 페이지 이동">9</button>
+            <button type="button" class="page_num" title="10 페이지 이동">10</button>
+            <button type="button" class="btn_page_next" title="다음 페이지 이동"><i></i></button>
+            <button type="button" class="btn_page_last" title="마지막 페이지 이동"><i></i></button>
+          </div>
+
+        </div>
+
+
+
+
+      </div>
+    </div>
+  </div>
+  <!--// content -->
+
+
+
+  <div data-include-path="/ipedu/visitEdu/usr/publish/layout/_footer.html"></div>
+
+
+
+</body>
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/list_view.html b/src/main/webapp/visitEdu/usr/publish/list_view.html
new file mode 100644
index 00000000..b56dff3e
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/list_view.html
@@ -0,0 +1,151 @@
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>교육상세 > 기소유예교육 > 한국지식재산보호원 지식재산보호교육시스템</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/reset.css">
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/common.css">
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/content.css">
+
+
+
+  <!-- script -->
+  <script src="/ipedu/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
+  <script src="/ipedu/visitEdu/usr/publish/script/common.js"></script>
+  <script src="/ipedu/visitEdu/usr/publish/script/content.js"></script>
+
+  <!-- 달력 -->
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/datepicker/classic.css">
+  <link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/datepicker/classic.date.css">
+
+  <script src="/ipedu/visitEdu/usr/datapicker/duet.esm.js"></script>
+  <script src="/ipedu/visitEdu/usr/datapicker/duet.js"></script>
+  <script src="/ipedu/visitEdu/usr/datapicker/duet.system.js"></script>
+
+</head>
+
+<body>
+
+  <div data-include-path="/ipedu/visitEdu/usr/publish/layout/_header.html"></div>
+
+  <!-- content -->
+  <div class="container">
+    <div class="sub_visual">
+      <div class="visual_text">
+        <strong>상표권 교육조건부 기소유예</strong>
+        <p>지식재산보호교육시스템</p>
+      </div>
+    </div>
+    <div class="inner">
+      <div class="lnb">
+        <p class="lnb_title">기소유예교육</p>
+        <nav class="lnb_nav">
+          <ul>
+            <li>
+              <a href="#" class="depth01">교육안내<i></i></a>
+            </li>
+            <li>
+              <a href="#" class="depth01">교육신청<i></i></a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+      <div class="cont_wrap">
+        <div class="cont_tit">
+          <h2>교육신청</h2>
+          <div class="path">
+            <ul>
+              <li class="home"><a href="#" title="메인으로 가기"><i></i></a></li>
+              <li><a href="#">기소유예교육</a></li>
+              <li>교육신청</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="list_view">
+          <table>
+            <colgroup>
+              <col style="width:162px;">
+              <col style="width:auto;">
+            </colgroup>
+            <tbody>
+              <tr>
+                <th scope="row">교육구분</th>
+                <td>비대면</td>
+              </tr>
+              <tr>
+                <th scope="row">과정</th>
+                <td>비대면 교육</td>
+              </tr>
+              <tr>
+                <th scope="row">과정명</th>
+                <td>[2025-57] 상표권 교육조건부 기소유예 교육</td>
+              </tr>
+              <tr>
+                <th scope="row">신청기간</th>
+                <td>2025.07.21~2025.07.25</td>
+              </tr>
+              <tr>
+                <th scope="row">교육장소</th>
+                <td>서울특별시 강남구 테헤란로131 (역삼동, 한국지식재산센터 6층)</td>
+              </tr>
+              <tr>
+                <th scope="row">교육일자</th>
+                <td>2025.08.02</td>
+              </tr>
+              <tr>
+                <th scope="row">상세교육과정</th>
+                <td>
+                  한국과 일본에 진출한 기업의 지재권 역량을 강화하고 협력 기반을 마련하기 위해
+                  각국 진출 기업 관계자를 대상으로 지식재산권 교육과정을 운영합니다.
+
+                  ㅇ 교육 주제 : 일본진출 한국기업 지식재산권 교육과정
+                  ㅇ 교육 일시 : 2025년 9월 4일(목), 13:30~16:30
+                  ㅇ 교육 장소 : 일본 도쿄 JETRO 5A회의실 (대면강의+온라인 송출)
+                  ㅇ 신청 기간 : 2025년 8월 26일 까지
+
+                  많은 관심과 신청 부탁드립니다.
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">정원</th>
+                <td>40</td>
+              </tr>
+              <tr>
+                <th scope="row">상태</th>
+                <td>접수중</td>
+              </tr>
+              <tr>
+                <th scope="row">첨부파일</th>
+                <td><a href="#" class="file" download="상표권 교육조건부 기소유예 교육"><i class="icon file"></i>상표권 교육조건부 기소유예 교육.hwp</a></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="btn_wrap">
+          <div class="left">
+            <button type="button" class="btn fill gray large">목록</button>
+          </div>
+          <div class="center"></div>
+          <div class="right">
+            <button type="button" class="btn fill blue large">신청</button>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+  <!--// content -->
+
+
+
+  <div data-include-path="/ipedu/visitEdu/usr/publish/layout/_footer.html"></div>
+
+
+
+</body>
\ No newline at end of file