tolag3/koipa_edu_2025-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

서브페이지 - 리스트, 리스트 상세 추가

Browse Source
This commit is contained in:
subsub 2025-09-16 19:57:41 +09:00
parent 4e1d68ec41
commit 18a12fa655
25 changed files with 717 additions and 842 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
View File

@ -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>

1
src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
View File

@ -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">

BIN
src/main/webapp/visitEdu/adm/publish/image/content/file_before.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
src/main/webapp/visitEdu/usr/publish/00_guide.html
View File

@ -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">

63
src/main/webapp/visitEdu/usr/publish/css/common.css
View File

@ -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%;}

981
src/main/webapp/visitEdu/usr/publish/css/content.css
View File

File diff suppressed because it is too large Load Diff

157
src/main/webapp/visitEdu/usr/publish/css/font.css
View File

@ -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;
}
@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;
}

BIN
src/main/webapp/visitEdu/usr/publish/images/common/lnb_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 988 B

BIN
src/main/webapp/visitEdu/usr/publish/images/common/lnb_title_obj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 470 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/btn_page_first.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 455 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/btn_page_last.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 463 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/btn_page_next.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 406 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/btn_page_prev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 419 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_calendar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 469 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_file.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 510 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_file_mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_home_mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 725 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 219 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_path_obj_mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 604 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 513 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/icon_select.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 194 B

1
src/main/webapp/visitEdu/usr/publish/index.html
View File

@ -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 -->

199
src/main/webapp/visitEdu/usr/publish/list.html Normal file
View File

@ -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>

151
src/main/webapp/visitEdu/usr/publish/list_view.html Normal file
View File

@ -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>