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 00000000..9256a583
Binary files /dev/null and b/src/main/webapp/visitEdu/adm/publish/image/content/file_before.png differ
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 00000000..af133c39
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/lnb_icon.png differ
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 00000000..e7917fd2
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/lnb_title_obj.png differ
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 00000000..fed2a4f9
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_first.png differ
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 00000000..65f75e81
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_last.png differ
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 00000000..33f633c1
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_next.png differ
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 00000000..24768dbd
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/btn_page_prev.png differ
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 00000000..e5fe3121
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar.png differ
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 00000000..ed2a784a
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_file.png differ
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 00000000..e26f8ae4
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_file_mobile.png differ
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 00000000..07f248fb
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_home.png differ
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 00000000..6c248aca
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_home_mobile.png differ
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 00000000..3f760d49
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj.png differ
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 00000000..b943a611
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj_mobile.png differ
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 00000000..4cd87c55
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_search.png differ
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 00000000..0d14c238
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/icon_select.png differ
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