Commit @08f9adb248b27d1b6af382d6927fdfe1b57609db

yanghyo 10-02

site-cont 추가

@08f9adb248b27d1b6af382d6927fdfe1b57609db

a00f727

08f9adb

html/onSejong/common/_guide/guide.html

--- html/onSejong/common/_guide/guide.html

+++ html/onSejong/common/_guide/guide.html


             </div>
             <div class="txt-none">
                 <figure>
-                    <img src="/resources/front/site/SITE_00000/images/common/common/txt-none.svg" alt="콘텐츠 없음">
+                    <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음">
                 </figure>
                 <p>검색결과가 없습니다.</p>
                 <div class="btn-area">

             </div>
             <div class="txt-none">
                 <figure>
-                    <img src="/resources/front/site/SITE_00000/images/common/common/txt-none.svg" alt="콘텐츠 없음">
+                    <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음">
                 </figure>
                 <p>콘텐츠가 없습니다.</p>
                 <div class="btn-area">

a00f727

08f9adb

html/onSejong/common/_layout/header.html

--- html/onSejong/common/_layout/header.html

+++ html/onSejong/common/_layout/header.html


                                     <div class="img-area">
                                         <figure>
                                             <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
-                                        </figure> 
+                                        </figure>
                                     </div>
                                     <div class="txt-area">
                                         <strong class="profile-tit"><em>학생명</em> 학생</strong>

                                     </a>
                                 </li>
                             </ul>
-                        </div>   
+                        </div>
                     </div>
                     <div class="menu-body">
                         <ul class="menu">

                     <button type="button" class="btn-site-menu-close">메뉴 닫기</button>
                 </nav>
             </div>
-        </div> 
+        </div>
     </div>
 </div>
 <div class="header-etc">

                     </li>
                 </ul>
             </nav>
-        </div>   
+        </div>
     </div>
-</div>
-
-
+</div>

a00f727

08f9adb

html/onSejong/common/disclosure/budgetInfo.html

--- html/onSejong/common/disclosure/budgetInfo.html

+++ html/onSejong/common/disclosure/budgetInfo.html

...	...	@@ -1,211 +1,200 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		-
55		- <div class="wrap">
56		- <aside class="lnb"></aside>
57		- <div class="site-cont">
58		- <ul class="breadcrumb">
59		- <li><a href="#none" class="home">홈</a></li>
60		- <li><a href="#none">1depth</a></li>
61		- <li><a href="#none">2depth</a></li>
62		- </ul>
63		- <div class="page-tit-area">
64		- <div class="l-area">
65		- <h2 class="title-xlg">재정운영공개</h2>
66		- </div>
67		- </div>
68		- <div class="summary-page">
69		- <div class="l-area">
70		- <div class="img-area">
71		- <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true">
72		- </div>
73		- <div class="txt-area">
74		- <ul class="bullet">
75		- <li>게시되는 글의 본문이나 첨부파일에 개인정보(주민등록번호, 휴대폰번호, 주소, 은행계좌번호, 신용카드번호 등 개인을 식별할 수 있는 모든 정보)를 포함시키지 않도록 주의하시기 바랍니다.</li>
76		- <li>개인정보가 게시되어 노출 될 경우 해당 게시물 작성자가 관련 법령에 따라 처분을 받을 수 있으니 유의하시기 바랍니다.</li>
77		- </ul>
78		- </div>
79		- </div>
80		- </div>
81		- <h3 class="txt-hide">검색</h3>
82		- <div class="fnc-area">
83		- <div class="l-area">
84		- <p>Total <em>156</em> 건</p>
85		- </div>
86		- <div class="r-area">
87		- <fieldset class="search-area">
88		- <legend>검색</legend>
89		- <div class="search-option" title="검색 옵션 선택">
90		- <select title="검색 옵션 선택">
91		- <option>10건</option>
92		- <option>20건</option>
93		- <option>50건</option>
94		- </select>
95		- </div>
96		- <div class="search-option" title="검색 옵션 선택">
97		- <select title="검색 옵션 선택">
98		- <option>제목+내용</option>
99		- <option>제목</option>
100		- <option>내용</option>
101		- <option>작성자</option>
102		- </select>
103		- </div>
104		- <div class="search">
105		- <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요.">
106		- <button class="btn ico-search">검색</button>
107		- </div>
108		- </fieldset>
109		- </div>
110		- </div>
111		- <div class="list-type">
112		- <table>
113		- <caption>청강생 목록</caption>
114		- <colgroup>
115		- <col style="width: 80px;">
116		- <col>
117		- <col style="width: 120px;">
118		- <col style="width: 160px;">
119		- <col style="width: 120px;">
120		- </colgroup>
121		- <thead>
122		- <tr>
123		- <th scope="col">번호</th>
124		- <th scope="col">제목</th>
125		- <th scope="col">작성자</th>
126		- <th scope="col">등록일</th>
127		- <th scope="col">조회</th>
128		- </tr>
129		- </thead>
130		- <tbody>
131		- <tr>
132		- <td>3</td>
133		- <td class="align-left">
134		- <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 </a>
135		- </td>
136		- <td data-tit="작성자">관리자</td>
137		- <td data-tit="등록일">2025-08-15</td>
138		- <td data-tit="조회수">128</td>
139		- </tr>
140		- <tr>
141		- <td>2</td>
142		- <td class="align-left">
143		- <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
144		- </td>
145		- <td data-tit="작성자">홍길동</td>
146		- <td data-tit="등록일">2025-08-15</td>
147		- <td data-tit="조회수">128</td>
148		- </tr>
149		- <tr>
150		- <td>1</td>
151		- <td class="align-left">
152		- <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
153		- </td>
154		- <td data-tit="작성자">관리자</td>
155		- <td data-tit="등록일">2025-08-15</td>
156		- <td data-tit="조회수">128</td>
157		- </tr>
158		- </tbody>
159		- </table>
160		- </div>
161		- <div class="txt-none">
162		- <figure>
163		- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
164		- aria-hidden="true">
165		- </figure>
166		- <p>목록이 비어있습니다.</p>
167		- </div>
168		- <ul class="pagenation">
169		- <li class="ppv">
170		- <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
171		- </li>
172		- <li class="pv">
173		- <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
174		- </li>
175		- <li class="current">
176		- <a href="#none" title="1번째 목록으로 이동합니다">1</a>
177		- </li>
178		- <li>
179		- <a href="#none" title="2번째 목록으로 이동합니다">2</a>
180		- </li>
181		- <li>
182		- <a href="#none" title="3번째 목록으로 이동합니다">3</a>
183		- </li>
184		- <li>
185		- <a href="#none" title="4번째 목록으로 이동합니다">4</a>
186		- </li>
187		- <li>
188		- <a href="#none" title="5번째 목록으로 이동합니다">5</a>
189		- </li>
190		- <li class="fw">
191		- <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
192		- </li>
193		- <li class="ffw">
194		- <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
195		- </li>
196		- </ul>
197		- </div>
198		- </div>
199		- </div>
200		-
201		- <footer class="site-footer"></footer>
202		- </div>
203		-
204		- <!-- toast -->
205		- <div class="toast"></div>
206		-
207		- <!--popup-->
208		- <div class="dim"></div>
209		-</body>
210		-
211		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <aside class="lnb"></aside>
	47	+ <div class="site-cont">
	48	+ <ul class="breadcrumb">
	49	+ <li><a href="#none" class="home">홈</a></li>
	50	+ <li><a href="#none">1depth</a></li>
	51	+ <li><a href="#none">2depth</a></li>
	52	+ </ul>
	53	+ <div class="page-tit-area">
	54	+ <div class="l-area">
	55	+ <h2 class="title-xlg">재정운영공개</h2>
	56	+ </div>
	57	+ </div>
	58	+ <div class="summary-page">
	59	+ <div class="l-area">
	60	+ <div class="img-area">
	61	+ <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true" />
	62	+ </div>
	63	+ <div class="txt-area">
	64	+ <ul class="bullet">
	65	+ <li>게시되는 글의 본문이나 첨부파일에 개인정보(주민등록번호, 휴대폰번호, 주소, 은행계좌번호, 신용카드번호 등 개인을 식별할 수 있는 모든 정보)를 포함시키지 않도록 주의하시기 바랍니다.</li>
	66	+ <li>개인정보가 게시되어 노출 될 경우 해당 게시물 작성자가 관련 법령에 따라 처분을 받을 수 있으니 유의하시기 바랍니다.</li>
	67	+ </ul>
	68	+ </div>
	69	+ </div>
	70	+ </div>
	71	+ <h3 class="txt-hide">검색</h3>
	72	+ <div class="fnc-area">
	73	+ <div class="l-area">
	74	+ <p>
	75	+ Total
	76	+ <em>156</em>
	77	+ 건
	78	+ </p>
	79	+ </div>
	80	+ <div class="r-area">
	81	+ <fieldset class="search-area">
	82	+ <legend>검색</legend>
	83	+ <div class="search-option" title="검색 옵션 선택">
	84	+ <select title="검색 옵션 선택">
	85	+ <option>10건</option>
	86	+ <option>20건</option>
	87	+ <option>50건</option>
	88	+ </select>
	89	+ </div>
	90	+ <div class="search-option" title="검색 옵션 선택">
	91	+ <select title="검색 옵션 선택">
	92	+ <option>제목+내용</option>
	93	+ <option>제목</option>
	94	+ <option>내용</option>
	95	+ <option>작성자</option>
	96	+ </select>
	97	+ </div>
	98	+ <div class="search">
	99	+ <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
	100	+ <button class="btn ico-search">검색</button>
	101	+ </div>
	102	+ </fieldset>
	103	+ </div>
	104	+ </div>
	105	+ <div class="list-type">
	106	+ <table>
	107	+ <caption>청강생 목록</caption>
	108	+ <colgroup>
	109	+ <col style="width: 80px" />
	110	+ <col />
	111	+ <col style="width: 120px" />
	112	+ <col style="width: 160px" />
	113	+ <col style="width: 120px" />
	114	+ </colgroup>
	115	+ <thead>
	116	+ <tr>
	117	+ <th scope="col">번호</th>
	118	+ <th scope="col">제목</th>
	119	+ <th scope="col">작성자</th>
	120	+ <th scope="col">등록일</th>
	121	+ <th scope="col">조회</th>
	122	+ </tr>
	123	+ </thead>
	124	+ <tbody>
	125	+ <tr>
	126	+ <td>3</td>
	127	+ <td class="align-left">
	128	+ <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개</a>
	129	+ </td>
	130	+ <td data-tit="작성자">관리자</td>
	131	+ <td data-tit="등록일">2025-08-15</td>
	132	+ <td data-tit="조회수">128</td>
	133	+ </tr>
	134	+ <tr>
	135	+ <td>2</td>
	136	+ <td class="align-left">
	137	+ <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
	138	+ </td>
	139	+ <td data-tit="작성자">홍길동</td>
	140	+ <td data-tit="등록일">2025-08-15</td>
	141	+ <td data-tit="조회수">128</td>
	142	+ </tr>
	143	+ <tr>
	144	+ <td>1</td>
	145	+ <td class="align-left">
	146	+ <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
	147	+ </td>
	148	+ <td data-tit="작성자">관리자</td>
	149	+ <td data-tit="등록일">2025-08-15</td>
	150	+ <td data-tit="조회수">128</td>
	151	+ </tr>
	152	+ </tbody>
	153	+ </table>
	154	+ </div>
	155	+ <div class="txt-none">
	156	+ <figure>
	157	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true" />
	158	+ </figure>
	159	+ <p>목록이 비어있습니다.</p>
	160	+ </div>
	161	+ <ul class="pagenation">
	162	+ <li class="ppv">
	163	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	164	+ </li>
	165	+ <li class="pv">
	166	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	167	+ </li>
	168	+ <li class="current">
	169	+ <a href="#none" title="1번째 목록으로 이동합니다">1</a>
	170	+ </li>
	171	+ <li>
	172	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	173	+ </li>
	174	+ <li>
	175	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	176	+ </li>
	177	+ <li>
	178	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	179	+ </li>
	180	+ <li>
	181	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	182	+ </li>
	183	+ <li class="fw">
	184	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	185	+ </li>
	186	+ <li class="ffw">
	187	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	188	+ </li>
	189	+ </ul>
	190	+ </div>
	191	+ </div>
	192	+ </div>
	193	+ <footer class="site-footer"></footer>
	194	+ </div>
	195	+ <!-- toast -->
	196	+ <div class="toast"></div>
	197	+ <!--popup-->
	198	+ <div class="dim"></div>
	199	+ </body>
	200	+</html>

a00f727

08f9adb

html/onSejong/common/disclosure/budgetView.html

--- html/onSejong/common/disclosure/budgetView.html

+++ html/onSejong/common/disclosure/budgetView.html

...	...	@@ -1,158 +1,141 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
3		- <head>
4		- <title>온세종학교</title>
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
5	35
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7		- <meta name="Author" content="" />
8		- <meta name="Keywords" content="" />
9		- <meta name="Description" content="" />
10		- <meta name="format-detection" content="telephone=no" />
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
13		-
14		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
15		-
16		- <!-- 공통 plugin -->
17		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
19		- <!-- //공통 plugin -->
20		-
21		- <!-- 페이지 plugin-->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
24		- <!-- chart -->
25		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
27		- <!-- //chart -->
28		- <!-- //페이지 plugin-->
29		-
30		- <!-- 공통 퍼블 layout: 개발시 삭제-->
31		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
32		- <!--//퍼블 layout-->
33		-
34		- <!-- 공통 메뉴 js-->
35		- <!-- //공통 메뉴 js -->
36		-
37		- <!--공통 퍼블 js-->
38		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
39		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
40		- <!--//공통 퍼블 js-->
41		- </head>
42		-
43		- <body>
44		- <div class="accessibility">
45		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
46		- </div>
47		- <!-- for-teacher / for-student -->
48		- <div class="container">
49		- <!-- 통합 헤더 및 네비게이션 -->
50		- <header class="site-header"></header>
51		-
52		- <div class="site-body" id="skipToContents">
53		- <div class="wrap">
54		- <aside class="lnb"></aside>
55		- <div class="site-cont">
56		- <ul class="breadcrumb">
57		- <li><a href="#none" class="home">홈</a></li>
58		- <li><a href="#none">1depth</a></li>
59		- <li><a href="#none">2depth</a></li>
60		- </ul>
61		- <div class="page-tit-area">
62		- <div class="l-area">
63		- <h2 class="title-xlg">재정운영공개</h2>
64		- </div>
65		- </div>
66		- <section class="board-view-area wrap-md">
67		- <header class="view-header">
68		- <div class="l-area">
69		- <h3 class="title-lg">제목이 표시되는 영역, 말줄임 없이 표시</h3>
70		- <ul class="info-inline-list">
71		- <li>
72		- <i class="ico-profile"></i>
73		- <div class="txt-area">작성자</div>
74		- </li>
75		- <li>
76		- <i class="ico-calendar"></i>
77		- <div class="txt-area">2025.09.30 12:30</div>
78		- </li>
79		- <li>
80		- <i class="ico-visibility"></i>
81		- <div class="txt-area">134</div>
82		- </li>
83		- </ul>
84		- </div>
85		- </header>
86		- <div class="view-body">
87		- <div class="view-cont">
88		- <div class="view-cont-txt-area">
89		- 내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
90		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
91		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
92		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
93		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역
94		- </div>
95		- <article class="view-section">
96		- <div class="item-list-box">
97		- <div class="item">
98		- <div class="txt-area">
99		- <i class="ico-attach"></i>
100		- <p class="txt">첨부파일명.pdf</p>
101		- <small>124kb</small>
102		- </div>
103		- <div class="item-fnc-area">
104		- <a href="#none" class="ico-download">다운로드</a>
105		- </div>
106		- </div>
107		- <div class="item">
108		- <div class="txt-area">
109		- <i class="ico-attach"></i>
110		- <p class="txt">첨부파일명.pdf</p>
111		- <small>124kb</small>
112		- </div>
113		- <div class="item-fnc-area">
114		- <a href="#none" class="ico-download">다운로드</a>
115		- </div>
116		- </div>
117		- <div class="item">
118		- <div class="txt-area">
119		- <i class="ico-attach"></i>
120		- <p class="txt">첨부파일명.pdf</p>
121		- <small>124kb</small>
122		- </div>
123		- <div class="item-fnc-area">
124		- <a href="#none" class="ico-download">다운로드</a>
125		- </div>
126		- </div>
127		- <div class="item">
128		- <div class="txt-area">
129		- <i class="ico-attach"></i>
130		- <p class="txt">첨부파일명.pdf</p>
131		- <small>124kb</small>
132		- </div>
133		- <div class="item-fnc-area">
134		- <a href="#none" class="ico-download">다운로드</a>
135		- </div>
136		- </div>
137		- </div>
138		- </article>
139		- </div>
140		- </div>
141		- </section>
142		- <div class="btn-cont">
143		- <a href="#none" class="btn lg">목록으로</a>
144		- </div>
145		- </div>
146		- </div>
147		- </div>
148		-
149		- <footer class="site-footer"></footer>
150		- </div>
151		-
152		- <!-- toast -->
153		- <div class="toast"></div>
154		-
155		- <!--popup-->
156		- <div class="dim"></div>
157		- </body>
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <aside class="lnb"></aside>
	47	+ <div class="site-cont">
	48	+ <ul class="breadcrumb">
	49	+ <li><a href="#none" class="home">홈</a></li>
	50	+ <li><a href="#none">1depth</a></li>
	51	+ <li><a href="#none">2depth</a></li>
	52	+ </ul>
	53	+ <div class="page-tit-area">
	54	+ <div class="l-area">
	55	+ <h2 class="title-xlg">재정운영공개</h2>
	56	+ </div>
	57	+ </div>
	58	+ <section class="board-view-area wrap-md">
	59	+ <header class="view-header">
	60	+ <div class="l-area">
	61	+ <h3 class="title-lg">제목이 표시되는 영역, 말줄임 없이 표시</h3>
	62	+ <ul class="info-inline-list">
	63	+ <li>
	64	+ <i class="ico-profile"></i>
	65	+ <div class="txt-area">작성자</div>
	66	+ </li>
	67	+ <li>
	68	+ <i class="ico-calendar"></i>
	69	+ <div class="txt-area">2025.09.30 12:30</div>
	70	+ </li>
	71	+ <li>
	72	+ <i class="ico-visibility"></i>
	73	+ <div class="txt-area">134</div>
	74	+ </li>
	75	+ </ul>
	76	+ </div>
	77	+ </header>
	78	+ <div class="view-body">
	79	+ <div class="view-cont">
	80	+ <div class="view-cont-txt-area">내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역</div>
	81	+ <article class="view-section">
	82	+ <div class="item-list-box">
	83	+ <div class="item">
	84	+ <div class="txt-area">
	85	+ <i class="ico-attach"></i>
	86	+ <p class="txt">첨부파일명.pdf</p>
	87	+ <small>124kb</small>
	88	+ </div>
	89	+ <div class="item-fnc-area">
	90	+ <a href="#none" class="ico-download">다운로드</a>
	91	+ </div>
	92	+ </div>
	93	+ <div class="item">
	94	+ <div class="txt-area">
	95	+ <i class="ico-attach"></i>
	96	+ <p class="txt">첨부파일명.pdf</p>
	97	+ <small>124kb</small>
	98	+ </div>
	99	+ <div class="item-fnc-area">
	100	+ <a href="#none" class="ico-download">다운로드</a>
	101	+ </div>
	102	+ </div>
	103	+ <div class="item">
	104	+ <div class="txt-area">
	105	+ <i class="ico-attach"></i>
	106	+ <p class="txt">첨부파일명.pdf</p>
	107	+ <small>124kb</small>
	108	+ </div>
	109	+ <div class="item-fnc-area">
	110	+ <a href="#none" class="ico-download">다운로드</a>
	111	+ </div>
	112	+ </div>
	113	+ <div class="item">
	114	+ <div class="txt-area">
	115	+ <i class="ico-attach"></i>
	116	+ <p class="txt">첨부파일명.pdf</p>
	117	+ <small>124kb</small>
	118	+ </div>
	119	+ <div class="item-fnc-area">
	120	+ <a href="#none" class="ico-download">다운로드</a>
	121	+ </div>
	122	+ </div>
	123	+ </div>
	124	+ </article>
	125	+ </div>
	126	+ </div>
	127	+ </section>
	128	+ <div class="btn-cont">
	129	+ <a href="#none" class="btn lg">목록으로</a>
	130	+ </div>
	131	+ </div>
	132	+ </div>
	133	+ </div>
	134	+ <footer class="site-footer"></footer>
	135	+ </div>
	136	+ <!-- toast -->
	137	+ <div class="toast"></div>
	138	+ <!--popup-->
	139	+ <div class="dim"></div>
	140	+ </body>
158	141	</html>

a00f727

html/onSejong/common/empty/analyticsClass.html (deleted)

--- html/onSejong/common/empty/analyticsClass.html

...	...	@@ -1,424 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	24	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	25	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script>
	26	- <!-- //페이지 plugin-->
	27	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	28	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	29	- <!--//퍼블 layout-->
	30	-
	31	- <!-- 공통 메뉴 js-->
	32	- <!-- //공통 메뉴 js -->
	33	-
	34	- <!--공통 퍼블 js-->
	35	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	36	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	37	- <!--//공통 퍼블 js-->
	38	-</head>
	39	-
	40	-<body>
	41	- <div class="accessibility">
	42	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	43	- </div>
	44	- <!-- for-teacher / for-student -->
	45	- <div class="container">
	46	- <!-- 통합 헤더 및 네비게이션 -->
	47	- <header class="site-header"></header>
	48	-
	49	- <div class="site-body" id="skipToContents">
	50	- <div class="wrap">
	51	- <ul class="tabs-nav-lg">
	52	- <li><a href="#none">우리반 학습분석</a></li>
	53	- <li><a href="#none">학생 오답노트</a></li>
	54	- <li><a href="#none" class="is-active">클래스별 학습분석</a></li>
	55	- </ul>
	56	- <div class="page-tit-area">
	57	- <div class="l-area">
	58	- <h2 class="title-xlg">클래스별 학습분석</h2>
	59	- </div>
	60	- </div>
	61	- <div class="sticky-area">
	62	- <div class="fnc-extend-area sticky top0">
	63	- <div class="extend-filter-area">
	64	- <div class="l-area">
	65	- <fieldset class="filter-group">
	66	- <legend class="filter-title">기간 선택</legend>
	67	- <div class="checkradio">
	68	- <input type="radio" name="period" id="periodMonth" checked>
	69	- <label for="periodMonth">월별로 보기</label>
	70	- <div class="checkradio-option">
	71	- <select title="월별 보기 선택">
	72	- <option value="">2024년 12월</option>
	73	- </select>
	74	- </div>
	75	- </div>
	76	- <div class="checkradio">
	77	- <input type="radio" name="period" id="periodWeek">
	78	- <label for="periodWeek">주별로 보기</label>
	79	- <div class="checkradio-option">
	80	- <input type="date" >
	81	- <span>-</span>
	82	- <input type="date">
	83	- <button type="button" class="btn primary">확인</button>
	84	- </div>
	85	- </div>
	86	- </fieldset>
	87	- </div>
	88	- <div class="r-area">
	89	- <select title="클래스 선택">
	90	- <option>클래스명</option>
	91	- </select>
	92	- </div>
	93	- </div>
	94	- </div>
	95	- <section class="section-box">
	96	- <header class="box-header">
	97	- <div class="l-area">
	98	- <h3 class="section-box-tit">클래스 활동현황</h3>
	99	- </div>
	100	- </header>
	101	- <div class="box-body">
	102	- <div class="chart-section-area dir-row">
	103	- <div class="chart-section">
	104	- <a href="#none" class="lnk-full">상세보기</a>
	105	- <div class="txt-none spacing-none">
	106	- <figure>
	107	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	108	- </figure>
	109	- <em>수업 이수율</em>
	110	- <strong>수업 게시판을 이용해보세요.</strong>
	111	- <p>클래스의 활동을 분석해드려요.</p>
	112	- </div>
	113	- </div>
	114	- <div class="chart-section">
	115	- <a href="#none" class="lnk-full">상세보기</a>
	116	- <div class="txt-area">
	117	- <h4>과제 제출율</h4>
	118	- <p>0%</p>
	119	- </div>
	120	- <div class="chart-area">
	121	- <div class="chart">
	122	- <canvas id="chartActivity2"></canvas>
	123	- </div>
	124	- </div>
	125	- </div>
	126	- <div class="chart-section">
	127	- <a href="#none" class="lnk-full">상세보기</a>
	128	- <div class="txt-area">
	129	- <h4>평가 풀이율</h4>
	130	- <p>45%</p>
	131	- </div>
	132	- <div class="chart-area">
	133	- <div class="chart">
	134	- <canvas id="chartActivity3"></canvas>
	135	- </div>
	136	- </div>
	137	- </div>
	138	- </div>
	139	- </div>
	140	- <div class="loading-layer is-loading">
	141	- Loading
	142	- </div>
	143	- </section>
	144	- <section class="section-box">
	145	- <header class="box-header">
	146	- <div class="l-area">
	147	- <h3 class="section-box-tit">클래스 활동현황</h3>
	148	- </div>
	149	- </header>
	150	- <div class="box-body">
	151	- <div class="chart-section-area dir-row">
	152	- <div class="chart-section">
	153	- <a href="#none" class="lnk-full">상세보기</a>
	154	- <div class="txt-none spacing-none">
	155	- <figure>
	156	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	157	- </figure>
	158	- <em>수업 이수율</em>
	159	- <strong>수업 게시판을 이용해보세요.</strong>
	160	- <p>클래스의 활동을 분석해드려요.</p>
	161	- </div>
	162	- </div>
	163	- <div class="chart-section">
	164	- <a href="#none" class="lnk-full">상세보기</a>
	165	- <div class="txt-area">
	166	- <h4>과제 제출율</h4>
	167	- <p>0%</p>
	168	- </div>
	169	- <div class="chart-area">
	170	- <div class="chart">
	171	- <canvas id="chartActivity2"></canvas>
	172	- </div>
	173	- </div>
	174	- </div>
	175	- <div class="chart-section">
	176	- <a href="#none" class="lnk-full">상세보기</a>
	177	- <div class="txt-area">
	178	- <h4>평가 풀이율</h4>
	179	- <p>45%</p>
	180	- </div>
	181	- <div class="chart-area">
	182	- <div class="chart">
	183	- <canvas id="chartActivity3"></canvas>
	184	- </div>
	185	- </div>
	186	- </div>
	187	- </div>
	188	- </div>
	189	- <div class="loading-layer is-loading">
	190	- Loading
	191	- <strong>100%</strong>
	192	- <p>
	193	- 데이터를 불러오는 중입니다.
	194	- </p>
	195	- </div>
	196	- </section>
	197	- <section class="section-box">
	198	- <header class="box-header">
	199	- <div class="l-area">
	200	- <h3 class="section-box-tit">클래스 활동현황</h3>
	201	- </div>
	202	- </header>
	203	- <div class="box-body">
	204	- <div class="chart-section-area dir-row">
	205	- <div class="chart-section">
	206	- <a href="#none" class="lnk-full">상세보기</a>
	207	- <div class="txt-none spacing-none">
	208	- <figure>
	209	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	210	- </figure>
	211	- <em>수업 이수율</em>
	212	- <strong>수업 게시판을 이용해보세요.</strong>
	213	- <p>클래스의 활동을 분석해드려요.</p>
	214	- </div>
	215	- </div>
	216	- <div class="chart-section">
	217	- <a href="#none" class="lnk-full">상세보기</a>
	218	- <div class="txt-area">
	219	- <h4>과제 제출율</h4>
	220	- <p>0%</p>
	221	- </div>
	222	- <div class="chart-area">
	223	- <div class="chart">
	224	- <canvas id="chartActivity2"></canvas>
	225	- </div>
	226	- </div>
	227	- </div>
	228	- <div class="chart-section">
	229	- <a href="#none" class="lnk-full">상세보기</a>
	230	- <div class="txt-area">
	231	- <h4>평가 풀이율</h4>
	232	- <p>45%</p>
	233	- </div>
	234	- <div class="chart-area">
	235	- <div class="chart">
	236	- <canvas id="chartActivity3"></canvas>
	237	- </div>
	238	- </div>
	239	- </div>
	240	- </div>
	241	- </div>
	242	- </section>
	243	- <ul class="tabs-nav">
	244	- <li><a href="#none" class="is-active">수업</a></li>
	245	- <li><a href="#none">과제</a></li>
	246	- <li><a href="#none">평가</a></li>
	247	- <li><a href="#none">커뮤니티</a></li>
	248	- </ul>
	249	- <section class="section-box">
	250	- <header class="box-header">
	251	- <div class="l-area">
	252	- <h3 class="section-box-tit">수업 이수율</h3>
	253	- </div>
	254	- </header>
	255	- <div class="box-body">
	256	- <div class="txt-none">
	257	- <figure>
	258	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	259	- </figure>
	260	- <p>활동 및 분석 데이터가 없습니다.</p>
	261	- </div>
	262	- </div>
	263	- </section>
	264	- <div class="row">
	265	- <section class="section-box">
	266	- <header class="box-header">
	267	- <div class="l-area">
	268	- <h3 class="section-box-tit">수업 이해도</h3>
	269	- </div>
	270	- </header>
	271	- <div class="box-body">
	272	- <div class="chart-legend">
	273	- <div class="r-area">
	274	- <div class="legend-area">
	275	- <span class="legend"><i class="primary5"></i>매우쉬움</span>
	276	- <span class="legend"><i class="primary4"></i>쉬움</span>
	277	- <span class="legend"><i class="primary3"></i>보통</span>
	278	- <span class="legend"><i class="primary2"></i>어려움</span>
	279	- <span class="legend"><i class="primary1"></i>매우어려움</span>
	280	- <span class="legend"><i></i>미참여</span>
	281	- </div>
	282	- </div>
	283	- </div>
	284	- <div class="txt-none">
	285	- <figure>
	286	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	287	- </figure>
	288	- <strong>활동 데이터가 없습니다.</strong>
	289	- <p>학생들의 수업에 대한 피드백이 필요합니다.</p>
	290	- </div>
	291	- </div>
	292	- </section>
	293	- <section class="section-box">
	294	- <header class="box-header">
	295	- <div class="l-area">
	296	- <h3 class="section-box-tit">수업 집중도</h3>
	297	- </div>
	298	- </header>
	299	- <div class="box-body">
	300	- <div class="chart-legend">
	301	- <div class="r-area">
	302	- <div class="legend-area">
	303	- <span class="legend"><i class="primary5"></i>매우쉬움</span>
	304	- <span class="legend"><i class="primary4"></i>쉬움</span>
	305	- <span class="legend"><i class="primary3"></i>보통</span>
	306	- <span class="legend"><i class="primary2"></i>어려움</span>
	307	- <span class="legend"><i class="primary1"></i>매우어려움</span>
	308	- <span class="legend"><i></i>미참여</span>
	309	- </div>
	310	- </div>
	311	- </div>
	312	- <div class="txt-none">
	313	- <figure>
	314	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	315	- </figure>
	316	- <strong>활동 데이터가 없습니다.</strong>
	317	- <p>학생들의 수업에 대한 피드백이 필요합니다.</p>
	318	- </div>
	319	- </div>
	320	- </section>
	321	- </div>
	322	- <section class="section-box bg">
	323	- <header class="box-header">
	324	- <div class="l-area">
	325	- <h3 class="section-box-tit">학생들 현황</h3>
	326	- </div>
	327	- <div class="r-area">
	328	- <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button>
	329	- </div>
	330	- </header>
	331	- <div class="box-body">
	332	- <div class="box-row">
	333	- <article class="article-box">
	334	- <header class="box-header">
	335	- <div class="l-area">
	336	- <h4 class="article-tit">수업 이수율이 <em class="secondary">높은</em> 학생</h4>
	337	- </div>
	338	- </header>
	339	- <div class="box-body">
	340	- <div class="txt-none spacing-sm">
	341	- <figure>
	342	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	343	- </figure>
	344	- <strong>수업 게시판을 이용해보세요.</strong>
	345	- <p>클래스의 활동을 분석해드려요.</p>
	346	- </div>
	347	- </div>
	348	- </article>
	349	- <article class="article-box">
	350	- <header class="box-header">
	351	- <div class="l-area">
	352	- <h4 class="article-tit">수업 이수율이 <em class="accent">낮은</em> 학생</h4>
	353	- </div>
	354	- </header>
	355	- <div class="box-body">
	356	- <div class="box-body">
	357	- <div class="txt-none spacing-sm">
	358	- <figure>
	359	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	360	- </figure>
	361	- <strong>수업 게시판을 이용해보세요.</strong>
	362	- <p>클래스의 활동을 분석해드려요.</p>
	363	- </div>
	364	- </div>
	365	- </div>
	366	- </article>
	367	- </div>
	368	- </div>
	369	- </section>
	370	- </div>
	371	- </div>
	372	- </div>
	373	- </div>
	374	- <!-- toast -->
	375	- <div class="toast"></div>
	376	-
	377	- <!--popup-->
	378	- <div class="dim"></div>
	379	-
	380	- <script>
	381	- $(document).ready(function () {
	382	- //클래스 활동 분석 chart
	383	- // createChartDoughnut('chartActivity1', 45, gradientColorPrimary);
	384	- createChartDoughnut('chartActivity2', 0, gradientColorSecondary);
	385	- createChartDoughnut('chartActivity3', 50, gradientColorAccent);
	386	-
	387	- //수업이수율
	388	- const classStudyData = {
	389	- labels: ['01-01(1)', '01-02(2)', '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	390	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	391	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	392	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	393	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	394	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	395	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	396	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	397	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	398	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	399	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-032', '01-031',
	400	- ],
	401	- data: [
	402	- 10, 50, 87, 30, 100, 100, 50, 87, 30, 100, 20, 50, 87, 30, 100,
	403	- 0, 50, 87, 30, 100, 0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	404	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	405	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	406	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	407	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100
	408	- ],
	409	- };
	410	- createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40);
	411	-
	412	- function classStudyClick(event, elements, labels, data) {
	413	- const datasetIndex = elements[0].datasetIndex;
	414	- const dataIndex = elements[0].index;
	415	- const label = labels[dataIndex];
	416	- const value = data[dataIndex];
	417	- alert(`클릭한 항목: ${label}\n값: ${value}%`);
	418	- }
	419	-
	420	- window.classStudyClick = classStudyClick;
	421	- });
	422	- </script>
	423	-</body>
	424	-</html>

a00f727

html/onSejong/common/empty/analyticsClass_loading.html (deleted)

--- html/onSejong/common/empty/analyticsClass_loading.html

...	...	@@ -1,277 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	24	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	25	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script>
	26	- <!-- //페이지 plugin-->
	27	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	28	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	29	- <!--//퍼블 layout-->
	30	-
	31	- <!-- 공통 메뉴 js-->
	32	- <!-- //공통 메뉴 js -->
	33	-
	34	- <!--공통 퍼블 js-->
	35	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	36	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	37	- <!--//공통 퍼블 js-->
	38	-</head>
	39	-
	40	-<body>
	41	- <div class="accessibility">
	42	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	43	- </div>
	44	- <!-- for-teacher / for-student -->
	45	- <div class="container">
	46	- <!-- 통합 헤더 및 네비게이션 -->
	47	- <header class="site-header"></header>
	48	-
	49	- <div class="site-body" id="skipToContents">
	50	- <div class="wrap">
	51	- <ul class="tabs-nav-lg">
	52	- <li><a href="#none">우리반 학습분석</a></li>
	53	- <li><a href="#none">학생 오답노트</a></li>
	54	- <li><a href="#none" class="is-active">클래스별 학습분석</a></li>
	55	- </ul>
	56	- <div class="page-tit-area">
	57	- <div class="l-area">
	58	- <h2 class="title-xlg">클래스별 학습분석</h2>
	59	- </div>
	60	- </div>
	61	- <div class="sticky-area">
	62	- <div class="fnc-extend-area sticky top0">
	63	- <div class="extend-filter-area">
	64	- <div class="l-area">
	65	- <fieldset class="filter-group">
	66	- <legend class="filter-title">기간 선택</legend>
	67	- <div class="checkradio">
	68	- <input type="radio" name="period" id="periodMonth" checked>
	69	- <label for="periodMonth">월별로 보기</label>
	70	- <div class="checkradio-option">
	71	- <select title="월별 보기 선택">
	72	- <option value="">2024년 12월</option>
	73	- </select>
	74	- </div>
	75	- </div>
	76	- <div class="checkradio">
	77	- <input type="radio" name="period" id="periodWeek">
	78	- <label for="periodWeek">주별로 보기</label>
	79	- <div class="checkradio-option">
	80	- <input type="date" >
	81	- <span>-</span>
	82	- <input type="date">
	83	- <button type="button" class="btn primary">확인</button>
	84	- </div>
	85	- </div>
	86	- </fieldset>
	87	- </div>
	88	- <div class="r-area">
	89	- <select title="클래스 선택">
	90	- <option>클래스명</option>
	91	- </select>
	92	- </div>
	93	- </div>
	94	- </div>
	95	-
	96	- <ul class="tabs-nav">
	97	- <li><a href="#none" class="is-active">수업</a></li>
	98	- <li><a href="#none">과제</a></li>
	99	- <li><a href="#none">평가</a></li>
	100	- <li><a href="#none">커뮤니티</a></li>
	101	- </ul>
	102	- <section class="section-box">
	103	- <header class="box-header">
	104	- <div class="l-area">
	105	- <h3 class="section-box-tit">수업 이수율</h3>
	106	- </div>
	107	- </header>
	108	- <div class="box-body">
	109	- <div class="txt-none">
	110	- <figure>
	111	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	112	- </figure>
	113	- <p>활동 및 분석 데이터가 없습니다.</p>
	114	- </div>
	115	- </div>
	116	- </section>
	117	- <div class="row">
	118	- <section class="section-box">
	119	- <header class="box-header">
	120	- <div class="l-area">
	121	- <h3 class="section-box-tit">수업 이해도</h3>
	122	- </div>
	123	- </header>
	124	- <div class="box-body">
	125	- <div class="chart-legend">
	126	- <div class="r-area">
	127	- <div class="legend-area">
	128	- <span class="legend"><i class="primary5"></i>매우쉬움</span>
	129	- <span class="legend"><i class="primary4"></i>쉬움</span>
	130	- <span class="legend"><i class="primary3"></i>보통</span>
	131	- <span class="legend"><i class="primary2"></i>어려움</span>
	132	- <span class="legend"><i class="primary1"></i>매우어려움</span>
	133	- <span class="legend"><i></i>미참여</span>
	134	- </div>
	135	- </div>
	136	- </div>
	137	- <div class="txt-none">
	138	- <figure>
	139	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	140	- </figure>
	141	- <strong>활동 데이터가 없습니다.</strong>
	142	- <p>학생들의 수업에 대한 피드백이 필요합니다.</p>
	143	- </div>
	144	- </div>
	145	- </section>
	146	- <section class="section-box">
	147	- <header class="box-header">
	148	- <div class="l-area">
	149	- <h3 class="section-box-tit">수업 집중도</h3>
	150	- </div>
	151	- </header>
	152	- <div class="box-body">
	153	- <div class="chart-legend">
	154	- <div class="r-area">
	155	- <div class="legend-area">
	156	- <span class="legend"><i class="primary5"></i>매우쉬움</span>
	157	- <span class="legend"><i class="primary4"></i>쉬움</span>
	158	- <span class="legend"><i class="primary3"></i>보통</span>
	159	- <span class="legend"><i class="primary2"></i>어려움</span>
	160	- <span class="legend"><i class="primary1"></i>매우어려움</span>
	161	- <span class="legend"><i></i>미참여</span>
	162	- </div>
	163	- </div>
	164	- </div>
	165	- <div class="txt-none">
	166	- <figure>
	167	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	168	- </figure>
	169	- <strong>활동 데이터가 없습니다.</strong>
	170	- <p>학생들의 수업에 대한 피드백이 필요합니다.</p>
	171	- </div>
	172	- </div>
	173	- </section>
	174	- </div>
	175	- <section class="section-box bg">
	176	- <header class="box-header">
	177	- <div class="l-area">
	178	- <h3 class="section-box-tit">학생들 현황</h3>
	179	- </div>
	180	- <div class="r-area">
	181	- <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button>
	182	- </div>
	183	- </header>
	184	- <div class="box-body">
	185	- <div class="box-row">
	186	- <article class="article-box">
	187	- <header class="box-header">
	188	- <div class="l-area">
	189	- <h4 class="article-tit">수업 이수율이 <em class="secondary">높은</em> 학생</h4>
	190	- </div>
	191	- </header>
	192	- <div class="box-body">
	193	- <div class="txt-none spacing-sm">
	194	- <figure>
	195	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	196	- </figure>
	197	- <strong>수업 게시판을 이용해보세요.</strong>
	198	- <p>클래스의 활동을 분석해드려요.</p>
	199	- </div>
	200	- </div>
	201	- </article>
	202	- <article class="article-box">
	203	- <header class="box-header">
	204	- <div class="l-area">
	205	- <h4 class="article-tit">수업 이수율이 <em class="accent">낮은</em> 학생</h4>
	206	- </div>
	207	- </header>
	208	- <div class="box-body">
	209	- <div class="box-body">
	210	- <div class="txt-none spacing-sm">
	211	- <figure>
	212	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	213	- </figure>
	214	- <strong>수업 게시판을 이용해보세요.</strong>
	215	- <p>클래스의 활동을 분석해드려요.</p>
	216	- </div>
	217	- </div>
	218	- </div>
	219	- </article>
	220	- </div>
	221	- </div>
	222	- </section>
	223	- </div>
	224	- </div>
	225	- </div>
	226	- </div>
	227	- <!-- toast -->
	228	- <div class="toast"></div>
	229	-
	230	- <!--popup-->
	231	- <div class="dim"></div>
	232	-
	233	- <script>
	234	- $(document).ready(function () {
	235	- //클래스 활동 분석 chart
	236	- // createChartDoughnut('chartActivity1', 45, gradientColorPrimary);
	237	- createChartDoughnut('chartActivity2', 0, gradientColorSecondary);
	238	- createChartDoughnut('chartActivity3', 50, gradientColorAccent);
	239	-
	240	- //수업이수율
	241	- const classStudyData = {
	242	- labels: ['01-01(1)', '01-02(2)', '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	243	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	244	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	245	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	246	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	247	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	248	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	249	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	250	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	251	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05',
	252	- '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-032', '01-031',
	253	- ],
	254	- data: [
	255	- 10, 50, 87, 30, 100, 100, 50, 87, 30, 100, 20, 50, 87, 30, 100,
	256	- 0, 50, 87, 30, 100, 0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	257	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	258	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	259	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100,
	260	- 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100
	261	- ],
	262	- };
	263	- createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40);
	264	-
	265	- function classStudyClick(event, elements, labels, data) {
	266	- const datasetIndex = elements[0].datasetIndex;
	267	- const dataIndex = elements[0].index;
	268	- const label = labels[dataIndex];
	269	- const value = data[dataIndex];
	270	- alert(`클릭한 항목: ${label}\n값: ${value}%`);
	271	- }
	272	-
	273	- window.classStudyClick = classStudyClick;
	274	- });
	275	- </script>
	276	-</body>
	277	-</html>

a00f727

html/onSejong/common/empty/classHome.html (deleted)

--- html/onSejong/common/empty/classHome.html

...	...	@@ -1,185 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <!-- chart -->
	24	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	25	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	26	- <!-- //페이지 plugin-->
	27	-
	28	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	29	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	30	- <!--//퍼블 layout-->
	31	-
	32	- <!-- 공통 메뉴 js-->
	33	- <!-- //공통 메뉴 js -->
	34	-
	35	- <!--공통 퍼블 js-->
	36	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	37	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	38	- <!--//공통 퍼블 js-->
	39	-</head>
	40	-
	41	-<body>
	42	- <div class="accessibility">
	43	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	44	- </div>
	45	- <!-- for-teacher / for-student -->
	46	- <div class="container">
	47	- <!-- 통합 헤더 및 네비게이션 -->
	48	- <header class="site-header"></header>
	49	-
	50	- <div class="site-body" id="skipToContents">
	51	- <div class="class-top">
	52	- <div class="wrap">
	53	- <div class="class-tit-area">
	54	- <select title="선택">
	55	- <option value="">클래스명</option>
	56	- <option value="">클래스명1</option>
	57	- <option value="">클래스명2</option>
	58	- </select>
	59	- </div>
	60	- <nav class="class-nav">
	61	- <ul>
	62	- <li><a href="#noe">수업</a></li>
	63	- <li><a href="#noe" class="is-active" title="선택됨">과제</a></li>
	64	- <li><a href="#noe">평가</a></li>
	65	- <li><a href="#noe">알림장</a></li>
	66	- <li><a href="#noe">자유게시판</a></li>
	67	- <li><a href="#noe">감정출석부</a></li>
	68	- <li><a href="#noe">설문</a></li>
	69	- </ul>
	70	- </nav>
	71	- </div>
	72	- </div>
	73	- <div class="wrap">
	74	- <h2 class="txt-hide">홈</h2>
	75	- <div class="class-home">
	76	- <section class="mn-section class-home-top">
	77	- <div class="txt-area">
	78	- <h3 class="title-lg">클래스명</h3>
	79	- <div class="label-area">
	80	- <span class="label lg">개설자: 홍길동</span>
	81	- <span class="label lg">멤버: 60명</span>
	82	- </div>
	83	- <div class="txt">클래스 설명이 표시되는 영역, 설명을 입력하지 않은 경우 해당 영역 비노출</div>
	84	- </div>
	85	- <div class="fnc">
	86	- <div class="btn-group">
	87	- <button type="button" class="btn ico-setting">클래스 설정</button>
	88	- <button type="button" class="btn ico-code-scan">QR코드</button>
	89	- <button type="button" class="btn ico-people">멤버관리</button>
	90	- </div>
	91	- </div>
	92	- </section>
	93	- <section class="mn-section class-home-currentactivity">
	94	- <header class="tit-area">
	95	- <div class="l-area dir-col">
	96	- <h3 class="title-lg">최근 활동 분석</h3>
	97	- <p>1/13(월) ~1/19 (일)</p>
	98	- </div>
	99	- </header>
	100	- <div class="txt-none custom spacing-sm">
	101	- <figure>
	102	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true">
	103	- </figure>
	104	- <strong>수업/과제/평가 게시판을 이용해보세요.</strong>
	105	- <p>클래스의 최근활동을 분석해드려요.</p>
	106	- </div>
	107	- </section>
	108	- <section class="mn-section class-home-quick">
	109	- <h3 class="txt-hide">바로가기</h3>
	110	- <ul>
	111	- <li>
	112	- <a href="#none">
	113	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-blackboard.svg" alt="" aria-hidden="true">
	114	- <strong>수업만들기</strong>
	115	- </a>
	116	- </li>
	117	- <li>
	118	- <a href="#none">
	119	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="" aria-hidden="true">
	120	- <strong>과제만들기</strong>
	121	- </a>
	122	- </li>
	123	- <li>
	124	- <a href="#none">
	125	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg" alt="" aria-hidden="true">
	126	- <strong>평가만들기</strong>
	127	- </a>
	128	- </li>
	129	- <li>
	130	- <a href="#none">
	131	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-megaphone.svg" alt="" aria-hidden="true">
	132	- <strong>알림장쓰기</strong>
	133	- </a>
	134	- </li>
	135	- </ul>
	136	- </section>
	137	- <div class="row">
	138	- <section class="mn-section box class-home-today">
	139	- <header class="tit-area">
	140	- <div class="l-area">
	141	- <h3 class="title-lg">오늘의 일정</h3>
	142	- </div>
	143	- </header>
	144	- <div class="txt-none">
	145	- <figure>
	146	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	147	- </figure>
	148	- <p>등록된 수업/과제/평가/알림장/설문의 일정이 없습니다.</p>
	149	- </div>
	150	- </section>
	151	- <section class="mn-section box class-home-activity">
	152	- <header class="tit-area">
	153	- <div class="l-area">
	154	- <h3 class="title-lg">클래스 활동 분석</h3>
	155	- </div>
	156	- </header>
	157	- <div class="txt-none custom">
	158	- <figure>
	159	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true">
	160	- </figure>
	161	- <strong>수업/과제/평가 게시판을 이용해보세요.</strong>
	162	- <p>클래스의 활동을 분석해드려요.</p>
	163	- </div>
	164	- </section>
	165	- </div>
	166	- </div>
	167	- </div>
	168	- </div>
	169	- </div>
	170	- <!-- toast -->
	171	- <div class="toast"></div>
	172	-
	173	- <!--popup-->
	174	- <div class="dim"></div>
	175	- <script>
	176	- $(document).ready(function () {
	177	- //클래스 활동 분석 chart
	178	- createChartDoughnut('chartActivity1', 45, gradientColorPrimary);
	179	- createChartDoughnut('chartActivity2', 50, gradientColorSecondary);
	180	- createChartDoughnut('chartActivity3', 50, gradientColorAccent);
	181	- });
	182	- </script>
	183	-</body>
	184	-
	185	-</html> (파일 끝에 줄바꿈 문자 없음)

a00f727

html/onSejong/common/empty/classHome_member.html (deleted)

--- html/onSejong/common/empty/classHome_member.html

...	...	@@ -1,197 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <!-- chart -->
	24	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	25	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	26	- <!-- //페이지 plugin-->
	27	-
	28	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	29	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	30	- <!--//퍼블 layout-->
	31	-
	32	- <!-- 공통 메뉴 js-->
	33	- <!-- //공통 메뉴 js -->
	34	-
	35	- <!--공통 퍼블 js-->
	36	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	37	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	38	- <!--//공통 퍼블 js-->
	39	-</head>
	40	-
	41	-<body>
	42	- <div class="accessibility">
	43	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	44	- </div>
	45	- <!-- for-teacher / for-student -->
	46	- <div class="container">
	47	- <!-- 통합 헤더 및 네비게이션 -->
	48	- <header class="site-header"></header>
	49	-
	50	- <div class="site-body" id="skipToContents">
	51	- <div class="class-top">
	52	- <div class="wrap">
	53	- <div class="class-tit-area">
	54	- <select title="선택">
	55	- <option value="">클래스명</option>
	56	- <option value="">클래스명1</option>
	57	- <option value="">클래스명2</option>
	58	- </select>
	59	- </div>
	60	- <nav class="class-nav">
	61	- <ul>
	62	- <li><a href="#noe">수업</a></li>
	63	- <li><a href="#noe" class="is-active" title="선택됨">과제</a></li>
	64	- <li><a href="#noe">평가</a></li>
	65	- <li><a href="#noe">알림장</a></li>
	66	- <li><a href="#noe">자유게시판</a></li>
	67	- <li><a href="#noe">감정출석부</a></li>
	68	- <li><a href="#noe">설문</a></li>
	69	- </ul>
	70	- </nav>
	71	- </div>
	72	- </div>
	73	- <div class="wrap">
	74	- <h2 class="txt-hide">홈</h2>
	75	- <div class="class-home">
	76	- <section class="mn-section class-home-top">
	77	- <div class="txt-area">
	78	- <h3 class="title-lg">클래스명</h3>
	79	- <div class="label-area">
	80	- <span class="label lg">개설자: 홍길동</span>
	81	- <span class="label lg">멤버: 60명</span>
	82	- </div>
	83	- <div class="txt">클래스 설명이 표시되는 영역, 설명을 입력하지 않은 경우 해당 영역 비노출</div>
	84	- </div>
	85	- <div class="fnc">
	86	- <div class="btn-group">
	87	- <button type="button" class="btn ico-setting">클래스 설정</button>
	88	- <button type="button" class="btn ico-code-scan">QR코드</button>
	89	- <button type="button" class="btn ico-people">멤버관리</button>
	90	- </div>
	91	- </div>
	92	- </section>
	93	- <div class="mn-name mn-section box">
	94	- <p>활기찬 하루가 되길 바래요~ <strong>김채움</strong>님</p>
	95	- </div>
	96	- <section class="mn-section class-home-currentactivity">
	97	- <header class="tit-area">
	98	- <div class="l-area dir-col">
	99	- <h3 class="title-lg">최근 활동 분석</h3>
	100	- <p>1/13(월) ~1/19 (일)</p>
	101	- </div>
	102	- </header>
	103	- <div class="txt-none custom">
	104	- <figure>
	105	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true">
	106	- </figure>
	107	- <strong>수업/과제/평가 게시판을 이용해보세요.</strong>
	108	- <p>클래스의 최근활동을 분석해드려요.</p>
	109	- </div>
	110	- </section>
	111	- <div class="row">
	112	- <div class="col-group">
	113	- <section class="mn-section box class-home-emotion">
	114	- <h3 class="txt-hide">감정체크</h3>
	115	- <div class="txt-area">
	116	- <p class="font-color-default-secondary">선택한 감정이 없어요.</p>
	117	- <div class="fnc">
	118	- <a href="#none" class="btn sm primary">감정 선택하기</a>
	119	- </div>
	120	- </div>
	121	- </section>
	122	- <section class="mn-section box bg class-home-survey">
	123	- <h3 class="txt-hide">설문</h3>
	124	- <img src="/resources/front/site/SITE_00000//images/common/ico-img/ico-img-vote.svg" alt="" aria-hidden="true" class="is-disabled">
	125	- <p class="font-color-default-tertiary">참여할 설문이 없어요.</p>
	126	- </section>
	127	- </div>
	128	- <section class="mn-section box col2">
	129	- <header class="tit-area">
	130	- <div class="l-area">
	131	- <h3 class="title-lg">최근 게시물</h3>
	132	- </div>
	133	- <div class="r-area">
	134	- <div class="legend-area">
	135	- <span class="legend"><i class="ico-document"></i> 게시물</span>
	136	- <span class="legend"><i class="ico-comment"></i> 댓글</span>
	137	- <span class="legend"><i class="ico-chat"></i> 답글</span>
	138	- </div>
	139	- </div>
	140	- </header>
	141	- <div class="txt-none">
	142	- <figure>
	143	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	144	- </figure>
	145	- <p>최근 게시물이 없어요.</p>
	146	- </div>
	147	- </section>
	148	- </div>
	149	- <div class="row">
	150	- <section class="mn-section box class-home-today">
	151	- <header class="tit-area">
	152	- <div class="l-area">
	153	- <h3 class="title-lg">오늘의 일정</h3>
	154	- </div>
	155	- </header>
	156	- <div class="txt-none">
	157	- <figure>
	158	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg"" alt="콘텐츠 없음" aria-hidden="true">
	159	- </figure>
	160	- <p>등록된 수업/과제/평가/알림장/설문의 일정이 없습니다.</p>
	161	- </div>
	162	- </section>
	163	- <section class="mn-section box class-home-activity">
	164	- <header class="tit-area">
	165	- <div class="l-area">
	166	- <h3 class="title-lg">클래스 활동 분석</h3>
	167	- </div>
	168	- </header>
	169	- <div class="txt-none custom">
	170	- <figure>
	171	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true">
	172	- </figure>
	173	- <strong>수업/과제/평가 게시판을 이용해보세요.</strong>
	174	- <p>클래스의 활동을 분석해드려요.</p>
	175	- </div>
	176	- </section>
	177	- </div>
	178	- </div>
	179	- </div>
	180	- </div>
	181	- </div>
	182	- <!-- toast -->
	183	- <div class="toast"></div>
	184	-
	185	- <!--popup-->
	186	- <div class="dim"></div>
	187	- <script>
	188	- $(document).ready(function () {
	189	- //클래스 활동 분석 chart
	190	- createChartDoughnut('chartActivity1', 45, gradientColorPrimary);
	191	- createChartDoughnut('chartActivity2', 50, gradientColorSecondary);
	192	- createChartDoughnut('chartActivity3', 50, gradientColorAccent);
	193	- });
	194	- </script>
	195	-</body>
	196	-
	197	-</html>(파일 끝에 줄바꿈 문자 없음)

a00f727

html/onSejong/common/empty/classMain.html (deleted)

--- html/onSejong/common/empty/classMain.html

...	...	@@ -1,703 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <!-- //페이지 plugin-->
	24	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	25	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	26	- <!--//퍼블 layout-->
	27	-
	28	- <!-- 공통 메뉴 js-->
	29	- <!-- //공통 메뉴 js -->
	30	-
	31	- <!--공통 퍼블 js-->
	32	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	33	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	34	- <!--//공통 퍼블 js-->
	35	-</head>
	36	-
	37	-<body>
	38	- <div class="accessibility">
	39	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	40	- </div>
	41	- <!-- for-teacher / for-student -->
	42	- <div class="container">
	43	- <!-- 통합 헤더 및 네비게이션 -->
	44	- <header class="site-header"></header>
	45	-
	46	- <div class="site-body" id="skipToContents">
	47	- <div class="wrap">
	48	- <div class="page-tit-area">
	49	- <div class="l-area">
	50	- <h2 class="title-xlg">나의 클래스</h2>
	51	- </div>
	52	- </div>
	53	- <div class="class-mn">
	54	- <div class="row class-mn-top">
	55	- <section class="mn-section box">
	56	- <h3 class="txt-hide">클래스 일정</h3>
	57	- <article class="calendar-area">
	58	- <header class="calendar-header">
	59	- <button type="button" class="btn sm circle
	60	- ico-pv">이전</button>
	61	- <h4 class="calendar-tit">2024년 9월</h4>
	62	- <button type="button" class="btn sm circle
	63	- ico-fw">다음</button>
	64	- </header>
	65	- <table class="calendar-tbl">
	66	- <caption>캘린더</caption>
	67	- <thead>
	68	- <tr>
	69	- <th scope="col">일</th>
	70	- <th scope="col">월</th>
	71	- <th scope="col">화</th>
	72	- <th scope="col">수</th>
	73	- <th scope="col">목</th>
	74	- <th scope="col">금</th>
	75	- <th scope="col">토</th>
	76	- </tr>
	77	- </thead>
	78	- <tbody>
	79	- <tr>
	80	- <td>
	81	- <button type="button" class="lnk-full">선택</button>
	82	- <strong class="date">1</strong>
	83	- <div class="txt-area">
	84	- <div class="label-area">
	85	- </div>
	86	- </div>
	87	- </td>
	88	- <td>
	89	- <button type="button" class="lnk-full">선택</button>
	90	- <strong class="date">2</strong>
	91	- <div class="txt-area">
	92	- <div class="label-area">
	93	- </div>
	94	- </div>
	95	- </td>
	96	- <td class="is-today">
	97	- <button type="button" class="lnk-full">선택</button>
	98	- <strong class="date" aria-label="오늘">3</strong>
	99	- <div class="txt-area">
	100	- <div class="label-area">
	101	- </div>
	102	- </div>
	103	- </td>
	104	- <td>
	105	- <button type="button" class="lnk-full">선택</button>
	106	- <strong class="date">4</strong>
	107	- <div class="txt-area">
	108	- <div class="label-area">
	109	- </div>
	110	- </div>
	111	- </td>
	112	- <td>
	113	- <button type="button" class="lnk-full">선택</button>
	114	- <strong class="date">5</strong>
	115	- <div class="txt-area">
	116	- <div class="label-area">
	117	- </div>
	118	- </div>
	119	- </td>
	120	- <td>
	121	- <button type="button" class="lnk-full">선택</button>
	122	- <strong class="date">6</strong>
	123	- <div class="txt-area">
	124	- <div class="label-area">
	125	- </div>
	126	- </div>
	127	- </td>
	128	- <td>
	129	- <button type="button" class="lnk-full">선택</button>
	130	- <strong class="date">7</strong>
	131	- <div class="txt-area">
	132	- <div class="label-area">
	133	- </div>
	134	- </div>
	135	- </td>
	136	- </tr>
	137	- <tr>
	138	- <td>
	139	- <button type="button" class="lnk-full">선택</button>
	140	- <strong class="date">8</strong>
	141	- <div class="txt-area">
	142	- <div class="label-area">
	143	- </div>
	144	- </div>
	145	- </td>
	146	- <td>
	147	- <button type="button" class="lnk-full">선택</button>
	148	- <strong class="date">9</strong>
	149	- <div class="txt-area">
	150	- <div class="label-area">
	151	- </div>
	152	- </div>
	153	- </td>
	154	- <td>
	155	- <button type="button" class="lnk-full">선택</button>
	156	- <strong class="date">10</strong>
	157	- <div class="txt-area">
	158	- <div class="label-area">
	159	- </div>
	160	- </div>
	161	- </td>
	162	- <td>
	163	- <button type="button" class="lnk-full">선택</button>
	164	- <strong class="date">11</strong>
	165	- <div class="txt-area">
	166	- <div class="label-area">
	167	- </div>
	168	- </div>
	169	- </td>
	170	- <td>
	171	- <button type="button" class="lnk-full">선택</button>
	172	- <strong class="date">12</strong>
	173	- <div class="txt-area">
	174	- <div class="label-area">
	175	- </div>
	176	- </div>
	177	- </td>
	178	- <td>
	179	- <button type="button" class="lnk-full">선택</button>
	180	- <strong class="date">13</strong>
	181	- <div class="txt-area">
	182	- <div class="label-area">
	183	- </div>
	184	- </div>
	185	- </td>
	186	- <td>
	187	- <button type="button" class="lnk-full">선택</button>
	188	- <strong class="date">14</strong>
	189	- <div class="txt-area">
	190	- <div class="label-area">
	191	- </div>
	192	- </div>
	193	- </td>
	194	- </tr>
	195	- <tr>
	196	- <td>
	197	- <button type="button" class="lnk-full">선택</button>
	198	- <strong class="date">15</strong>
	199	- <div class="txt-area">
	200	- <div class="label-area">
	201	- </div>
	202	- </div>
	203	- </td>
	204	- <td>
	205	- <button type="button" class="lnk-full">선택</button>
	206	- <strong class="date">16</strong>
	207	- <div class="txt-area">
	208	- <div class="label-area">
	209	- </div>
	210	- </div>
	211	- </td>
	212	- <td>
	213	- <button type="button" class="lnk-full">선택</button>
	214	- <strong class="date">17</strong>
	215	- <div class="txt-area">
	216	- <div class="label-area">
	217	- </div>
	218	- </div>
	219	- </td>
	220	- <td>
	221	- <button type="button" class="lnk-full">선택</button>
	222	- <strong class="date">18</strong>
	223	- <div class="txt-area">
	224	- <div class="label-area">
	225	- </div>
	226	- </div>
	227	- </td>
	228	- <td>
	229	- <button type="button" class="lnk-full">선택</button>
	230	- <strong class="date">19</strong>
	231	- <div class="txt-area">
	232	- <div class="label-area">
	233	- </div>
	234	- </div>
	235	- </td>
	236	- <td>
	237	- <button type="button" class="lnk-full">선택</button>
	238	- <strong class="date">20</strong>
	239	- <div class="txt-area">
	240	- <div class="label-area">
	241	- </div>
	242	- </div>
	243	- </td>
	244	- <td>
	245	- <button type="button" class="lnk-full">선택</button>
	246	- <strong class="date">21</strong>
	247	- <div class="txt-area">
	248	- <div class="label-area">
	249	- </div>
	250	- </div>
	251	- </td>
	252	- </tr>
	253	- <tr>
	254	- <td>
	255	- <button type="button" class="lnk-full">선택</button>
	256	- <strong class="date">22</strong>
	257	- <div class="txt-area">
	258	- <div class="label-area">
	259	- </div>
	260	- </div>
	261	- </td>
	262	- <td>
	263	- <button type="button" class="lnk-full">선택</button>
	264	- <strong class="date">23</strong>
	265	- <div class="txt-area">
	266	- <div class="label-area">
	267	- </div>
	268	- </div>
	269	- </td>
	270	- <td>
	271	- <button type="button" class="lnk-full">선택</button>
	272	- <strong class="date">24</strong>
	273	- <div class="txt-area">
	274	- <div class="label-area">
	275	- </div>
	276	- </div>
	277	- </td>
	278	- <td>
	279	- <button type="button" class="lnk-full">선택</button>
	280	- <strong class="date">25</strong>
	281	- <div class="txt-area">
	282	- <div class="label-area">
	283	- </div>
	284	- </div>
	285	- </td>
	286	- <td>
	287	- <button type="button" class="lnk-full">선택</button>
	288	- <strong class="date">26</strong>
	289	- <div class="txt-area">
	290	- <div class="label-area">
	291	- </div>
	292	- </div>
	293	- </td>
	294	- <td>
	295	- <button type="button" class="lnk-full">선택</button>
	296	- <strong class="date">27</strong>
	297	- <div class="txt-area">
	298	- <div class="label-area">
	299	- </div>
	300	- </div>
	301	- </td>
	302	- <td>
	303	- <button type="button" class="lnk-full">선택</button>
	304	- <strong class="date">28</strong>
	305	- <div class="txt-area">
	306	- <div class="label-area">
	307	- </div>
	308	- </div>
	309	- </td>
	310	- </tr>
	311	- <tr>
	312	- <td>
	313	- <button type="button" class="lnk-full">선택</button>
	314	- <strong class="date">29</strong>
	315	- <div class="txt-area">
	316	- <div class="label-area">
	317	- </div>
	318	- </div>
	319	- </td>
	320	- <td>
	321	- <button type="button" class="lnk-full">선택</button>
	322	- <strong class="date">30</strong>
	323	- <div class="txt-area">
	324	- <div class="label-area">
	325	- </div>
	326	- </div>
	327	- </td>
	328	- <td>
	329	- <button type="button" class="lnk-full">선택</button>
	330	- <strong class="date">31</strong>
	331	- <div class="txt-area">
	332	- <div class="label-area">
	333	- </div>
	334	- </div>
	335	- </td>
	336	- <td>
	337	- <button type="button" class="lnk-full">선택</button>
	338	- <strong class="date">1</strong>
	339	- <div class="txt-area">
	340	- <div class="label-area">
	341	- </div>
	342	- </div>
	343	- </td>
	344	- <td>
	345	- <button type="button" class="lnk-full">선택</button>
	346	- <strong class="date">2</strong>
	347	- <div class="txt-area">
	348	- <div class="label-area">
	349	- </div>
	350	- </div>
	351	- </td>
	352	- <td>
	353	- <button type="button" class="lnk-full">선택</button>
	354	- <strong class="date">3</strong>
	355	- <div class="txt-area">
	356	- <div class="label-area">
	357	- </div>
	358	- </div>
	359	- </td>
	360	- <td>
	361	- <button type="button" class="lnk-full">선택</button>
	362	- <strong class="date">4</strong>
	363	- <div class="txt-area">
	364	- <div class="label-area">
	365	- </div>
	366	- </div>
	367	- </td>
	368	- </tr>
	369	- </tbody>
	370	- </table>
	371	- </article>
	372	- </section>
	373	- <section class="mn-section box bg class-mn-shortcut">
	374	- <header class="tit-area">
	375	- <div class="l-area">
	376	- <h3 class="title-lg">클래스 바로가기</h3>
	377	- </div>
	378	- <div class="r-area">
	379	- <select class="border-none sm" title="클래스 상태 선택">
	380	- <option>전체보기</option>
	381	- <option>활성 클래스</option>
	382	- <option>보관 클래스</option>
	383	- </select>
	384	- </div>
	385	- </header>
	386	- <div class="txt-none custom">
	387	- <figure>
	388	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-class.svg" alt="콘텐츠 없음" aria-hidden="true">
	389	- </figure>
	390	- <strong>개설하거나 가입한 클래스가 없어요.</strong>
	391	- <p>클래스 찾기로 원하는 클래스를 찾아보세요.<br>원하는 클래스가 없다면 클래스 만들기로 클래스를 개설해보세요.<br>클래스를 개설하면 클래스 현황 및 멤버들의 활동내역을 볼 수 있어요.</p>
	392	- </div>
	393	- <div class="shortcut-fnc">
	394	- <div class="l-area">
	395	- <button type="button" class="btn-txt">클래스 관리 <i class="ico-setting" aria-hidden="true"></i></button>
	396	- </div>
	397	- <div class="r-area">
	398	- <div class="btn-group">
	399	- <button type="button" class="btn sm">클래스 찾기</button>
	400	- <button type="button" class="btn sm ico-plus primary">클래스 만들기</button>
	401	- </div>
	402	- </div>
	403	- </div>
	404	- </section>
	405	- </div>
	406	- <section class="mn-section class-mn-emotion">
	407	- <header class="tit-area">
	408	- <div class="l-area">
	409	- <h3 class="title-lg">클래스 현황</h3>
	410	- </div>
	411	- <div class="r-area">
	412	- <select title="날짜 선택">
	413	- <option>2024년 9월</option>
	414	- </select>
	415	- <select title="클래스 상태 선택">
	416	- <option>내가 개설한 전체 클래스</option>
	417	- </select>
	418	- </div>
	419	- </header>
	420	- <div class="emotion-area">
	421	- <article class="emotion-attendance">
	422	- <header>
	423	- <h4>TODAY 감정출석부</h4>
	424	- <p>6명 중 <em class="accent">3명</em> 체크완료</p>
	425	- </header>
	426	- <div class="attendance-chart-area">
	427	- <div class="legend-area">
	428	- <div><img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-grinningface.svg" alt="" aria-hidden="true"> 긍정감정 <strong class="font-color-success">0명</strong></div>
	429	- <div><img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-pensiveface.svg" alt="" aria-hidden="true"> 부정감정 <strong class="font-color-danger">0명</strong></div>
	430	- </div>
	431	- <div class="chart-bar-stack">
	432	- <span class="bar positive" style="width:0%;">긍정감정 0%</span>
	433	- <span class="bar negative" style="width:0%;">부정감정 0%</span>
	434	- </div>
	435	- </div>
	436	- </article>
	437	- <article>
	438	- <header>
	439	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-blackboard.svg" alt="" aria-hidden="true">
	440	- <h4>수업이수율</h4>
	441	- <p><strong>3개</strong> 수업게시물 중<em class="accent"> 0%</em></p>
	442	- </header>
	443	- <div class="chart-bar-stack">
	444	- <span class="bar primary" style="width:5%;">수업이수율 0%</span>
	445	- </div>
	446	- </article>
	447	- <article>
	448	- <header>
	449	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="" aria-hidden="true">
	450	- <h4>과제제출률</h4>
	451	- <p><strong>5개</strong> 과제게시물 중<em class="accent"> 0%</em></p>
	452	- </header>
	453	- <div class="chart-bar-stack">
	454	- <span class="bar accent" style="width:5%;">과제제출률 0%</span>
	455	- </div>
	456	- </article>
	457	- <article>
	458	- <header>
	459	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg" alt="" aria-hidden="true">
	460	- <h4>평가진행률</h4>
	461	- <p><strong>10개</strong> 평가게시물 중<em class="accent"> 0%</em></p>
	462	- </header>
	463	- <div class="chart-bar-stack">
	464	- <span class="bar secondary" style="width:5%;">평가진행률 0%</span>
	465	- </div>
	466	- </article>
	467	- </div>
	468	- </section>
	469	- <section class="mn-section class-mn-activity">
	470	- <header class="tit-area">
	471	- <div class="l-area">
	472	- <h3 class="title-lg">활동 내역</h3>
	473	- </div>
	474	- <div class="r-area">
	475	- <select title="클래스 상태 선택">
	476	- <option>내가 개설한 전체 클래스</option>
	477	- </select>
	478	- </div>
	479	- </header>
	480	- <div class="tabs-area tabs-normal">
	481	- <ul class="tabs-nav-lg">
	482	- <li><a href="#activityAll" class="is-active" title="선택됨">전체보기</a></li>
	483	- <li><a href="#activityStudent">학생별보기</a></li>
	484	- </ul>
	485	- <div class="tabs-cont" id="activityAll">
	486	- <h4 class="txt-hide">전체보기</h4>
	487	- <div class="fnc-area">
	488	- <div class="l-area">
	489	- <select title="분류 선택">
	490	- <option value="">전체 분류</option>
	491	- </select>
	492	- <fieldset class="filter-group">
	493	- <legend>기간 선택</legend>
	494	- <input type="date" title="시작일자 선택">
	495	- <span>~</span>
	496	- <input type="date" title="종료일자 선택">
	497	- </fieldset>
	498	- </div>
	499	- </div>
	500	- <div class="txt-none">
	501	- <figure>
	502	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	503	- </figure>
	504	- <strong>활동 데이터가 없습니다.</strong>
	505	- <p>클래스에서 게시물을 작성해보세요.</p>
	506	- </div>
	507	- </div>
	508	- <div class="tabs-cont" id="activityStudent">
	509	- <h4 class="txt-hide">전체보기</h4>
	510	- <div class="fnc-area">
	511	- <div class="l-area">
	512	- <select title="학생 선택">
	513	- <option value="">홍길동</option>
	514	- </select>
	515	- <fieldset class="filter-group">
	516	- <legend>기간 선택</legend>
	517	- <input type="date" title="시작일자 선택">
	518	- <span>~</span>
	519	- <input type="date" title="종료일자 선택">
	520	- </fieldset>
	521	- </div>
	522	- </div>
	523	- <div class="list-type">
	524	- <table>
	525	- <caption>활동 내역 목록으로 분류, 클래스명, 제목, 기간(날짜), 현황(전체인원/완료인원)으로 구성되어 있습니다.</caption>
	526	- <colgroup>
	527	- <col style="width:12%">
	528	- <col>
	529	- <col>
	530	- <col>
	531	- <col style="width:16%">
	532	- </colgroup>
	533	- <thead>
	534	- <tr>
	535	- <th scope="col">분류</th>
	536	- <th scope="col">클래스명</th>
	537	- <th scope="col">제목</th>
	538	- <th scope="col">기간(날짜)</th>
	539	- <th scope="col">현황(전체인원/완료인원)</th>
	540	- </tr>
	541	- </thead>
	542	- <tbody>
	543	- <tr>
	544	- <td data-tit="분류">수업</td>
	545	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	546	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	547	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	548	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	549	- </tr>
	550	- <tr>
	551	- <td data-tit="분류">수업</td>
	552	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	553	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	554	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	555	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	556	- </tr>
	557	- <tr>
	558	- <td data-tit="분류">수업</td>
	559	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	560	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	561	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	562	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	563	- </tr>
	564	- <tr>
	565	- <td data-tit="분류">수업</td>
	566	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	567	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	568	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	569	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	570	- </tr>
	571	- <tr>
	572	- <td data-tit="분류">수업</td>
	573	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	574	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	575	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	576	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	577	- </tr>
	578	- <tr>
	579	- <td data-tit="분류">수업</td>
	580	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	581	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	582	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	583	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	584	- </tr>
	585	- <tr>
	586	- <td data-tit="분류">수업</td>
	587	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	588	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	589	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	590	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	591	- </tr>
	592	- <tr>
	593	- <td data-tit="분류">수업</td>
	594	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	595	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	596	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	597	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	598	- </tr>
	599	- <tr>
	600	- <td data-tit="분류">수업</td>
	601	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	602	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	603	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	604	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	605	- </tr>
	606	- <tr>
	607	- <td data-tit="분류">수업</td>
	608	- <td data-tit="클래스명">24년 1학년 수학보충_수요일</td>
	609	- <td data-tit="제목">일상속에서 생활속의 분수 찾기</td>
	610	- <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td>
	611	- <td data-tit="현황(전체인원/완료인원)">12명/00명</td>
	612	- </tr>
	613	- </tbody>
	614	- </table>
	615	- </div>
	616	- <ul class="pagenation">
	617	- <li class="ppv">
	618	- <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	619	- </li>
	620	- <li class="pv">
	621	- <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	622	- </li>
	623	- <li class="current">
	624	- <span title="현재 페이지">1</span>
	625	- </li>
	626	- <li>
	627	- <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	628	- </li>
	629	- <li>
	630	- <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	631	- </li>
	632	- <li>
	633	- <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	634	- </li>
	635	- <li>
	636	- <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	637	- </li>
	638	- <li class="fw">
	639	- <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	640	- </li>
	641	- <li class="ffw">
	642	- <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	643	- </li>
	644	- </ul>
	645	- </div>
	646	- </div>
	647	- </section>
	648	- <div class="row">
	649	- <section class="mn-section box class-mn-board">
	650	- <header class="tit-area">
	651	- <div class="l-area">
	652	- <h3 class="title-lg">새로 올라온 글</h3>
	653	- </div>
	654	- </header>
	655	- <div class="txt-none">
	656	- <figure>
	657	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	658	- </figure>
	659	- <strong>개설하거나 가입한 클래스가 없어요.</strong>
	660	- <p>내가 개설하거나 가입한 클래스의 새로 올라온 글을 확인할 수 있어요.</p>
	661	- </div>
	662	- </section>
	663	- <section class="mn-section box class-mn-board">
	664	- <header class="tit-area">
	665	- <div class="l-area">
	666	- <h3 class="title-lg">인기글</h3>
	667	- </div>
	668	- </header>
	669	- <div class="txt-none">
	670	- <figure>
	671	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	672	- </figure>
	673	- <strong>개설하거나 가입한 클래스가 없어요.</strong>
	674	- <p>내가 개설하거나 가입한 클래스의 인기글 을 확인할 수 있어요.</p>
	675	- </div>
	676	- </section>
	677	- <section class="mn-section box bg class-mn-board">
	678	- <header class="tit-area">
	679	- <div class="l-area">
	680	- <h3 class="title-lg">설문</h3>
	681	- </div>
	682	- </header>
	683	- <div class="txt-none custom">
	684	- <figure>
	685	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-vote.svg" alt="콘텐츠 없음" aria-hidden="true">
	686	- </figure>
	687	- <strong>개설하거나 가입한 클래스가 없어요.</strong>
	688	- <p>내가 개설하거나 가입한 클래스의 설문을 확인할 수 있어요.</p>
	689	- </div>
	690	- </section>
	691	- </div>
	692	- </div>
	693	- </div>
	694	- </div>
	695	- </div>
	696	- <!-- toast -->
	697	- <div class="toast"></div>
	698	-
	699	- <!--popup-->
	700	- <div class="dim"></div>
	701	-</body>
	702	-
	703	-</html>(파일 끝에 줄바꿈 문자 없음)

a00f727

html/onSejong/common/empty/guidance.html (deleted)

--- html/onSejong/common/empty/guidance.html

...	...	@@ -1,82 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	24	- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	25	- <!-- chart -->
	26	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	27	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	28	- <!-- //chart -->
	29	- <!-- painter -->
	30	- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script>
	31	- <!-- //painter -->
	32	- <!-- //페이지 plugin-->
	33	-
	34	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	35	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	36	- <!--//퍼블 layout-->
	37	-
	38	- <!-- 공통 메뉴 js-->
	39	- <!-- //공통 메뉴 js -->
	40	-
	41	- <!--공통 퍼블 js-->
	42	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	43	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	44	- <!--//공통 퍼블 js-->
	45	-</head>
	46	-
	47	-<body>
	48	- <div class="accessibility">
	49	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	50	- </div>
	51	- <!-- for-teacher / for-student -->
	52	- <div class="container">
	53	- <!-- 통합 헤더 및 네비게이션 -->
	54	- <header class="site-header"></header>
	55	-
	56	- <div class="site-body" id="skipToContents">
	57	- <div class="wrap-sm">
	58	- <div class="txt-none custom">
	59	- <figure>
	60	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-page.svg" alt="콘텐츠 없음" aria-hidden="true">
	61	- </figure>
	62	- <em>접근 안내</em>
	63	- <strong>우리반 성장기록은 담임 선생님만 접근이 가능한 페이지입니다.</strong>
	64	- </div>
	65	- <div class="summary">
	66	- <i class="ico-help"></i>
	67	- <div class="txt-area">
	68	- <strong class="summary-tit">담임선생님이시라면?</strong>
	69	- <p>프로필에서 담임선생님으로 설정한 후 시스템 관리자가 승인하면 담임선생님으로 설정이 완료됩니다.</p>
	70	- </div>
	71	- </div>
	72	- </div>
	73	- </div>
	74	- </div>
	75	- <!-- toast -->
	76	- <div class="toast"></div>
	77	-
	78	- <!--popup-->
	79	- <div class="dim"></div>
	80	-</body>
	81	-
	82	-</html>(파일 끝에 줄바꿈 문자 없음)

a00f727

html/onSejong/common/empty/main_student.html (deleted)

--- html/onSejong/common/empty/main_student.html

...	...	@@ -1,429 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	24	- <!-- //페이지 plugin-->
	25	-
	26	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	27	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	28	- <!--//퍼블 layout-->
	29	-
	30	- <!-- 공통 메뉴 js-->
	31	- <!-- //공통 메뉴 js -->
	32	-
	33	- <!--공통 퍼블 js-->
	34	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	35	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	36	- <!--//공통 퍼블 js-->
	37	-</head>
	38	-
	39	-<body>
	40	- <div class="accessibility">
	41	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	42	- </div>
	43	- <!-- for-teacher / for-student -->
	44	- <div class="container">
	45	- <!-- 통합 헤더 및 네비게이션 -->
	46	- <header class="site-header"></header>
	47	- <div class="site-body" id="skipToContents">
	48	- <div class="student-mn">
	49	- <div class="student-mn-cont">
	50	- <div class="student-mn-cont-banner">
	51	- <div class="wrap">
	52	- <div class="swiper-fnc-static">
	53	- <button type="button" class="swiper-button-prev">이전</button>
	54	- <button type="button" class="swiper-button-next">다음</button>
	55	- <button type="button" class="swiper-btn-playstop-toggle">중지</button>
	56	- </div>
	57	- <div class="swiper">
	58	- <div class="swiper-wrapper">
	59	- <div class="swiper-slide">
	60	- <div class="txt">텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력</div>
	61	- </div>
	62	- <div class="swiper-slide">
	63	- <div class="txt">2번입니다.</div>
	64	- </div>
	65	- </div>
	66	- </div>
	67	- <button type="button" class="ico-close">닫기</button>
	68	- </div>
	69	- </div>
	70	- <div class="student-mn-cont-body">
	71	- <section class="wrap student-mn-today">
	72	- <header class="tit-area">
	73	- <div class="l-area">
	74	- <h2 class="title-lg">오늘의 학습</h2>
	75	- </div>
	76	- <div class="r-area">
	77	- <div class="legend-area">
	78	- <span class="legend"><i class="primary" aria-label="학교공부 범례"></i> 학교공부</span>
	79	- <span class="legend"><i class="secondary" aria-label="핵심개념 범례"></i> 핵심개념</span>
	80	- <span class="legend"><i class="accent" aria-label="오답노트 범례"></i> 오답노트</span>
	81	- </div>
	82	- <button type="button" class="btn sm ico-setting">학습목표설정</button>
	83	- </div>
	84	- </header>
	85	- <div class="today-date-area">
	86	- <div class="fnc">
	87	- <button type="button" class="btn circle ico-pv">이전</button>
	88	- <button type="button" class="btn circle ico-fw" disabled>다음</button>
	89	- </div>
	90	- <ul>
	91	- <li>
	92	- <button type="button" class="lnk-full">선택</button>
	93	- <div class="item">
	94	- <div class="txt-area">
	95	- <span>오늘</span>
	96	- <strong>월</strong>
	97	- <small>11월 25일</small>
	98	- </div>
	99	- <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
	100	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use>
	101	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use>
	102	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use>
	103	- </svg>
	104	- </div>
	105	- </li>
	106	- <li class="is-active" aria-current="true">
	107	- <button type="button" class="lnk-full" aria-label="선택됨">선택</button>
	108	- <div class="item">
	109	- <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
	110	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study-active" role="img" aria-label="학교공부 활성"></use>
	111	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core-active" role="img" aria-label="핵심개념 활성"></use>
	112	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note-active-gold" role="img" aria-label="오답노트 활성(오답 없음)"></use>
	113	- </svg>
	114	- <div class="txt-area">
	115	- <strong>화</strong>
	116	- <small>11월 25일</small>
	117	- </div>
	118	- </div>
	119	- </li>
	120	- <li>
	121	- <button class="lnk-full">선택</button>
	122	- <div class="item">
	123	- <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
	124	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study-active" role="img" aria-label="학교공부 활성"></use>
	125	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core-active" role="img" aria-label="핵심개념 활성"></use>
	126	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note-active" role="img" aria-label="오답노트 활성"></use>
	127	- </svg>
	128	- <div class="txt-area">
	129	- <strong>수</strong>
	130	- <small>11월 25일</small>
	131	- </div>
	132	- </div>
	133	- </li>
	134	- <li>
	135	- <button class="lnk-full">선택</button>
	136	- <div class="item">
	137	- <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
	138	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use>
	139	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use>
	140	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use>
	141	- </svg>
	142	- <div class="txt-area">
	143	- <strong>목</strong>
	144	- <small>11월 25일</small>
	145	- </div>
	146	- </div>
	147	- </li>
	148	- <li>
	149	- <button class="lnk-full">선택</button>
	150	- <div class="item">
	151	- <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
	152	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use>
	153	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use>
	154	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use>
	155	- </svg>
	156	- <div class="txt-area">
	157	- <strong>금</strong>
	158	- <small>11월 25일</small>
	159	- </div>
	160	- </div>
	161	- </li>
	162	- <li>
	163	- <button class="lnk-full">선택</button>
	164	- <div class="item">
	165	- <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
	166	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use>
	167	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use>
	168	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use>
	169	- </svg>
	170	- <div class="txt-area">
	171	- <strong>토</strong>
	172	- <small>11월 25일</small>
	173	- </div>
	174	- </div>
	175	- </li>
	176	- <li>
	177	- <button class="lnk-full">선택</button>
	178	- <div class="item">
	179	- <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
	180	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use>
	181	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use>
	182	- <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use>
	183	- </svg>
	184	- <div class="txt-area">
	185	- <strong>일</strong>
	186	- <small>11월 25일</small>
	187	- </div>
	188	- </div>
	189	- </li>
	190	- </ul>
	191	- </div>
	192	- <div class="today-area">
	193	- <h3 class="txt-hide">11월 15일(월)</h3>
	194	- <div class="col-group">
	195	- <div class="sticky">
	196	- <article class="box accent">
	197	- <header class="box-header accent">
	198	- <div class="l-area">
	199	- <h3>
	200	- <i class="ico-mortarboard" aria-hidden="true"></i>
	201	- AI 맞춤학습(수학)
	202	- </h3>
	203	- </div>
	204	- <div class="r-area">
	205	- <div class="point-area">
	206	- <i class="ico-img-point sm">땅콩 포인트</i>
	207	- <strong class="point">80</strong>
	208	- </div>
	209	- </div>
	210	- </header>
	211	- <div class="box-body">
	212	- <div class="txt-none sm spacing-none">
	213	- <figure>
	214	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	215	- </figure>
	216	- <p>점검 및 학습할 내용이 없습니다.</p>
	217	- </div>
	218	- </div>
	219	- </article>
	220	- <article class="box secondary">
	221	- <header class="box-header">
	222	- <div class="l-area">
	223	- <h3>
	224	- <i class="ico-book" aria-hidden="true"></i>
	225	- 오답노트
	226	- </h3>
	227	- </div>
	228	- <div class="r-area">
	229	- <div class="point-area">
	230	- <i class="ico-img-point sm">땅콩 포인트</i>
	231	- <strong class="point">80</strong>
	232	- </div>
	233	- </div>
	234	- </header>
	235	- <div class="box-body">
	236	- <div class="txt-none sm spacing-none">
	237	- <figure>
	238	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	239	- </figure>
	240	- <p>학습할 내용이 없습니다.</p>
	241	- </div>
	242	- </div>
	243	- </article>
	244	- </div>
	245	- </div>
	246	- <article class="col">
	247	- <h3 class="txt-hide">학습 콘텐츠</h3>
	248	- <div class="txt-none custom">
	249	- <figure>
	250	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="콘텐츠 없음" aria-hidden="true">
	251	- </figure>
	252	- <strong>오늘은 학습할 내용이 없습니다.</strong>
	253	- </div>
	254	- <div class="txt-none custom">
	255	- <figure>
	256	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="콘텐츠 없음" aria-hidden="true">
	257	- </figure>
	258	- <strong>학습목표설정 후 이용해 주세요.</strong>
	259	- <div class="btn-area">
	260	- <button type="button" class="btn sm ico-setting cta">학습목표설정</button>
	261	- </div>
	262	- </div>
	263	- </article>
	264	- </div>
	265	- </section>
	266	- </div>
	267	- <div class="student-mn-quick wrap">
	268	- <button type="button" class="btn-quick-toggle">민간/공공 에듀테크 서비스</button>
	269	- <menu class="quick-area">
	270	- <a href="#none">
	271	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-book.svg" alt="" aria-hidden="true">
	272	- <strong>AI디지털 교과서</strong>
	273	- </a>
	274	- <a href="#none">
	275	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-calculation.svg" alt="" aria-hidden="true">
	276	- <strong>수학</strong>
	277	- </a>
	278	- <a href="#none">
	279	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-coding.svg" alt="" aria-hidden="true">
	280	- <strong>코딩</strong>
	281	- </a>
	282	- <a href="#none">
	283	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-crescentmoon.svg" alt="" aria-hidden="true">
	284	- <strong>ZZZ</strong>
	285	- </a>
	286	- <a href="#none">
	287	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="" aria-hidden="true">
	288	- <strong>채움책방</strong>
	289	- </a>
	290	- <a href="#none">
	291	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-class.svg" alt="" aria-hidden="true">
	292	- <strong>수업</strong>
	293	- </a>
	294	- <a href="#none">
	295	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg" alt="" aria-hidden="true">
	296	- <strong>학습심리검사</strong>
	297	- </a>
	298	- <a href="#none">
	299	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-lightBulb.svg" alt="" aria-hidden="true">
	300	- <strong>충북정보올림피아드 (COI)</strong>
	301	- </a>
	302	- </menu>
	303	- </div>
	304	- </div>
	305	- <aside class="student-mn-aside">
	306	- <div class="cont">
	307	- <div class="aside-header">
	308	- <h2 class="txt-hide">학생정보</h2>
	309	- <div class="profile">
	310	- <div class="img-area">
	311	- <figure>
	312	- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	313	- </figure>
	314	- </div>
	315	- <div class="txt-area">
	316	- <strong class="profile-tit">학생명 <small>(idididididid)</small></strong>
	317	- <span>충북초등학교 3-4</span>
	318	- </div>
	319	- </div>
	320	- </div>
	321	-
	322	- <div class="aside-body">
	323	- <div class="aside-section aside-learn">
	324	- <h3 class="aside-tit">이번주 진행현황</h3>
	325	- <ul class="learn-list">
	326	- <li>
	327	- <button type="button" class="btn-learn-toggle"><strong>완료한 학교공부</strong> <span class="label primary">5회</span></button>
	328	- <div class="learn-cont">
	329	- <ul>
	330	- <li>
	331	- <strong><span>국어</span> 1단원 1차시</strong>
	332	- <p>작품을 읽고 추구하는 파악하기</p>
	333	- </li>
	334	- <li>
	335	- <strong><span>국어</span> 1단원 1차시</strong>
	336	- <p>작품을 읽고 추구하는 파악하기</p>
	337	- </li>
	338	- <li>
	339	- <strong><span>국어</span> 1단원 1차시</strong>
	340	- <p>작품을 읽고 추구하는 파악하기</p>
	341	- </li>
	342	- <li>
	343	- <strong><span>국어</span> 1단원 1차시</strong>
	344	- <p>작품을 읽고 추구하는 파악하기</p>
	345	- </li>
	346	- <li>
	347	- <strong><span>국어</span> 1단원 1차시</strong>
	348	- <p>작품을 읽고 추구하는 파악하기</p>
	349	- </li>
	350	- <li>
	351	- <strong><span>국어</span> 1단원 1차시</strong>
	352	- <p>작품을 읽고 추구하는 파악하기</p>
	353	- </li>
	354	- </ul>
	355	- </div>
	356	- </li>
	357	- <li>
	358	- <button type="button" class="btn-learn-toggle"><strong>학습한 핵심개념</strong> <span class="label primary">5회</span></button>
	359	- <div class="learn-cont">
	360	- <ul>
	361	- <li>
	362	- <strong><span>국어</span> 1단원 1차시</strong>
	363	- <p>작품을 읽고 추구하는 파악하기</p>
	364	- </li>
	365	- <li>
	366	- <strong><span>국어</span> 1단원 1차시</strong>
	367	- <p>작품을 읽고 추구하는 파악하기</p>
	368	- </li>
	369	- </ul>
	370	- </div>
	371	- </li>
	372	- </ul>
	373	- </div>
	374	- <div class="aside-section aside-point">
	375	- <div class="txt-area">
	376	- <strong>내가 모은 땅콩</strong>
	377	- <em class="accent">123개</em>
	378	- </div>
	379	- </div>
	380	- <menu class="aside-section aside-menu">
	381	- <a href="#none">
	382	- <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-emotion.svg" alt="" aria-hidden="true">
	383	- <strong>감정체크</strong>
	384	- </a>
	385	- <a href="#none">
	386	- <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-class.svg" alt="" aria-hidden="true">
	387	- <strong>나의클래스</strong>
	388	- </a>
	389	- <a href="#none">
	390	- <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-analysis.svg" alt="" aria-hidden="true">
	391	- <strong>나의성장기록</strong>
	392	- </a>
	393	- <a href="#none">
	394	- <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-book.svg" alt="" aria-hidden="true">
	395	- <strong>채움책방</strong>
	396	- </a>
	397	- <a href="#none">
	398	- <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-test.svg" alt="" aria-hidden="true">
	399	- <strong>기초학력 진단·보정</strong>
	400	- </a>
	401	- </menu>
	402	- </div>
	403	- </div>
	404	- </aside>
	405	- </div>
	406	- </div>
	407	- </div>
	408	- <!-- toast -->
	409	- <div class="toast"></div>
	410	-
	411	- <!--popup-->
	412	- <div class="dim"></div>
	413	- <script>
	414	- $(document).on('click', '.btn-learn-toggle',function() {
	415	- // $('.learn-cont').removeClass('is-active');
	416	- $(this).next('.learn-cont').toggleClass('is-active');
	417	- });
	418	-
	419	- $(document).on('click', '.student-mn-cont-banner .ico-close',function() {
	420	- $('.student-mn-cont-banner').toggleClass('is-inactive');
	421	- });
	422	-
	423	- $(document).on('click', '.btn-quick-toggle',function() {
	424	- $('.student-mn-quick').toggleClass('is-inactive');
	425	- });
	426	- </script>
	427	-</body>
	428	-
	429	-</html>(파일 끝에 줄바꿈 문자 없음)

a00f727

html/onSejong/common/empty/myStorage.html (deleted)

--- html/onSejong/common/empty/myStorage.html

...	...	@@ -1,407 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <!-- chart -->
	24	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	25	- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	26	- <!-- //페이지 plugin-->
	27	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	28	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	29	- <!--//퍼블 layout-->
	30	-
	31	- <!-- 공통 메뉴 js-->
	32	- <!-- //공통 메뉴 js -->
	33	-
	34	- <!--공통 퍼블 js-->
	35	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	36	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	37	- <!--//공통 퍼블 js-->
	38	-</head>
	39	-
	40	-<body>
	41	- <div class="accessibility">
	42	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	43	- </div>
	44	- <!-- for-teacher / for-student -->
	45	- <div class="container">
	46	- <!-- 통합 헤더 및 네비게이션 -->
	47	- <header class="site-header"></header>
	48	-
	49	- <div class="site-body" id="skipToContents">
	50	- <div class="wrap">
	51	- <div class="page-tit-area">
	52	- <div class="l-area">
	53	- <h2 class="title-xlg">나의 보관함</h2>
	54	- </div>
	55	- </div>
	56	- <ul class="snb">
	57	- <li><a href="#none">내 자료</a></li>
	58	- <li><a href="#none">담은자료</a></li>
	59	- <li><a href="#none">내 교과서</a></li>
	60	- </ul>
	61	- <div class="mystorage">
	62	- <div class="mystorage-header">
	63	- <div class="my-info">
	64	- <div class="profile xlg">
	65	- <a href="#none" class="lnk-full">상세보기</a>
	66	- <div class="img-area">
	67	- <figure>
	68	- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	69	- </figure>
	70	- </div>
	71	- <div class="txt-area">
	72	- <strong class="profile-tit">홍길동</strong>
	73	- </div>
	74	- </div>
	75	- <div class="btn-group dir-col">
	76	- <a href="#none" class="btn sm">나의 구독리스트 <strong>0</strong></a>
	77	- <a href="#none" class="btn sm">구독자 <em class="accent">123</em></a>
	78	- </div>
	79	- </div>
	80	- <ul class="contents-info">
	81	- <li>
	82	- <strong>수업재료</strong>
	83	- <ul>
	84	- <li class="item">
	85	- <figure class="img-area">
	86	- <figcaption>영상, 이미지, 문서</figcaption>
	87	- <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-contents.svg" alt="" aria-hidden="true">
	88	- </figure>
	89	- <div class="txt-area">
	90	- <ul class="txt-list">
	91	- <li>
	92	- <strong>등록자료</strong>
	93	- <em>9,994</em>
	94	- </li>
	95	- <li>
	96	- <strong>담은자료</strong>
	97	- <em>9,994</em>
	98	- </li>
	99	- </ul>
	100	- </div>
	101	- </li>
	102	- <li class="item">
	103	- <figure class="img-area">
	104	- <figcaption>문항</figcaption>
	105	- <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-quiz.svg" alt="" aria-hidden="true">
	106	- </figure>
	107	- <div class="txt-area">
	108	- <ul class="txt-list">
	109	- <li>
	110	- <strong>등록자료</strong>
	111	- <em>9,994</em>
	112	- </li>
	113	- <li>
	114	- <strong>담은자료</strong>
	115	- <em>9,994</em>
	116	- </li>
	117	- </ul>
	118	- </div>
	119	- </li>
	120	- <li class="item">
	121	- <figure class="img-area">
	122	- <figcaption>평가지</figcaption>
	123	- <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-test.svg" alt="" aria-hidden="true">
	124	- </figure>
	125	- <div class="txt-area">
	126	- <ul class="txt-list">
	127	- <li>
	128	- <strong>등록자료</strong>
	129	- <em>9,994</em>
	130	- </li>
	131	- <li>
	132	- <strong>담은자료</strong>
	133	- <em>9,994</em>
	134	- </li>
	135	- </ul>
	136	- </div>
	137	- </li>
	138	- </ul>
	139	- </li>
	140	- <li class="item">
	141	- <figure class="img-area">
	142	- <figcaption>수업꾸러미</figcaption>
	143	- <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-package.svg" alt="" aria-hidden="true">
	144	- </figure>
	145	- <div class="txt-area">
	146	- <ul class="txt-list">
	147	- <li>
	148	- <strong>등록자료</strong>
	149	- <em>9,994</em>
	150	- </li>
	151	- <li>
	152	- <strong>담은자료</strong>
	153	- <em>9,994</em>
	154	- </li>
	155	- </ul>
	156	- </div>
	157	- </li>
	158	- <li class="item">
	159	- <figure class="img-area">
	160	- <figcaption>수업레시피</figcaption>
	161	- <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-recipe.svg" alt="" aria-hidden="true">
	162	- </figure>
	163	- <div class="txt-area">
	164	- <ul class="txt-list">
	165	- <li>
	166	- <strong>등록자료</strong>
	167	- <em>9,994</em>
	168	- </li>
	169	- <li>
	170	- <strong>담은자료</strong>
	171	- <em>9,994</em>
	172	- </li>
	173	- </ul>
	174	- </div>
	175	- </li>
	176	- </ul>
	177	- </div>
	178	- <div class="row">
	179	- <section class="section border-box">
	180	- <header class="tit-area">
	181	- <div class="l-area">
	182	- <h3 class="title-lg">내가 많이 담은 자료의 선생님</h3>
	183	- </div>
	184	- </header>
	185	- <div class="txt-none">
	186	- <figure>
	187	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	188	- </figure>
	189	- <p>아직 담은 자료가 없어요.</p>
	190	- </div>
	191	- </section>
	192	- <section class="section col2 border-box">
	193	- <header class="tit-area">
	194	- <div class="l-area dir-col">
	195	- <h3 class="title-lg">나의 콘텐츠 활동</h3>
	196	- <p>집계기간 : 2024-10-01~2024-10-31</p>
	197	- </div>
	198	- </header>
	199	- <div class="chart-area h-auto">
	200	- <div class="chart-legend">
	201	- <div class="l-area">
	202	- <small>횟수(건)</small>
	203	- </div>
	204	- <div class="r-area">
	205	- <div class="legend-area">
	206	- <span class="legend"><i class="primary"></i> 수업재료</span>
	207	- <span class="legend"><i class="secondary"></i>수업꾸러미</span>
	208	- <span class="legend"><i class="accent"></i> 수업레시피</span>
	209	- </div>
	210	- </div>
	211	- </div>
	212	- <div class="txt-none">
	213	- <figure>
	214	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	215	- </figure>
	216	- <p>아직 활동이 없어요.</p>
	217	- </div>
	218	- </div>
	219	- </section>
	220	- </div>
	221	- <section class="section mystorage-best">
	222	- <header class="tit-area">
	223	- <div class="l-area dir-col">
	224	- <h3 class="title-lg">인기 채널 Best</h3>
	225	- <p>집계기간 : 2024-10-01~2024-10-31</p>
	226	- </div>
	227	- </header>
	228	- <ul>
	229	- <li>
	230	- <span class="label-img">
	231	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank1.svg" alt="1">
	232	- </span>
	233	- <div class="profile xlg">
	234	- <a href="#none" class="lnk-full">상세보기</a>
	235	- <div class="img-area">
	236	- <figure>
	237	- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	238	- </figure>
	239	- </div>
	240	- <div class="txt-area">
	241	- <strong class="profile-tit">홍길동</strong>
	242	- <span>구독자료 <strong>100</strong>건</span>
	243	- </div>
	244	- </div>
	245	- <div class="fnc">
	246	- <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button>
	247	- </div>
	248	- </li>
	249	- <li>
	250	- <span class="label-img">
	251	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank2.svg" alt="2">
	252	- </span>
	253	- <div class="profile xlg">
	254	- <a href="#none" class="lnk-full">상세보기</a>
	255	- <div class="img-area">
	256	- <figure>
	257	- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	258	- </figure>
	259	- </div>
	260	- <div class="txt-area">
	261	- <strong class="profile-tit">홍길동</strong>
	262	- <span>구독자료 <strong>100</strong>건</span>
	263	- </div>
	264	- </div>
	265	- <div class="fnc">
	266	- <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button>
	267	- </div>
	268	- </li>
	269	- <li>
	270	- <span class="label-img">
	271	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank3.svg" alt="3">
	272	- </span>
	273	- <div class="profile xlg">
	274	- <a href="#none" class="lnk-full">상세보기</a>
	275	- <div class="img-area">
	276	- <div class="img-area">
	277	- <figure>
	278	- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	279	- </figure>
	280	- </div>
	281	- </div>
	282	- <div class="txt-area">
	283	- <strong class="profile-tit">홍길동</strong>
	284	- <span>구독자료 <strong>100</strong>건</span>
	285	- </div>
	286	- </div>
	287	- <div class="fnc">
	288	- <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button>
	289	- </div>
	290	- </li>
	291	- <li>
	292	- <span class="label num lg">4</span>
	293	- <div class="profile xlg">
	294	- <a href="#none" class="lnk-full">상세보기</a>
	295	- <div class="img-area">
	296	- <figure>
	297	- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	298	- </figure>
	299	- </div>
	300	- <div class="txt-area">
	301	- <strong class="profile-tit">홍길동</strong>
	302	- <span>구독자료 <strong>100</strong>건</span>
	303	- </div>
	304	- </div>
	305	- <div class="fnc">
	306	- <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button>
	307	- </div>
	308	- </li>
	309	- <li>
	310	- <span class="label num lg">5</span>
	311	- <div class="profile xlg">
	312	- <a href="#none" class="lnk-full">상세보기</a>
	313	- <div class="img-area">
	314	- <figure>
	315	- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	316	- </figure>
	317	- </div>
	318	- <div class="txt-area">
	319	- <strong class="profile-tit">홍길동</strong>
	320	- <span>구독자료 <strong>100</strong>건</span>
	321	- </div>
	322	- </div>
	323	- <div class="fnc">
	324	- <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button>
	325	- </div>
	326	- </li>
	327	- </ul>
	328	- </section>
	329	- <div class="row">
	330	- <section class="section">
	331	- <header class="tit-area">
	332	- <div class="l-area">
	333	- <h3 class="title-lg">나의 인기자료</h3>
	334	- </div>
	335	- <div class="r-area">
	336	- <a href="#none" class="btn-link">내자료 바로가기</a>
	337	- </div>
	338	- </header>
	339	- <div class="tabs-normal tabs-area">
	340	- <ul class="tabs-nav-lg">
	341	- <li><a href="#tabs1-1" class="is-active" title="선택됨">수업자료</a></li>
	342	- <li><a href="#tabs1-2">수업꾸러미&수업레시피</a></li>
	343	- </ul>
	344	- <h4 class="txt-hide">수업자료</h4>
	345	- <div class="tabs-cont" id="tabs1-1">
	346	- <div class="txt-none">
	347	- <figure>
	348	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	349	- </figure>
	350	- <p>아직 업로드한 자료가 없어요.</p>
	351	- </div>
	352	- </div>
	353	- <div class="tabs-cont" id="tabs1-2">2</div>
	354	- </div>
	355	- </section>
	356	- <section class="section">
	357	- <header class="tit-area">
	358	- <div class="l-area">
	359	- <h3 class="title-lg">최신 담은자료</h3>
	360	- </div>
	361	- <div class="r-area">
	362	- <a href="#none" class="btn-link">담은자료 바로가기</a>
	363	- </div>
	364	- </header>
	365	- <div class="tabs-normal tabs-area">
	366	- <ul class="tabs-nav-lg">
	367	- <li><a href="#tabs2-1" class="is-active" title="선택됨">수업자료</a></li>
	368	- <li><a href="#tabs2-2">수업꾸러미&수업레시피</a></li>
	369	- </ul>
	370	- <h4 class="txt-hide">수업자료</h4>
	371	- <div class="tabs-cont" id="tabs2-1">
	372	- <div class="txt-none">
	373	- <figure>
	374	- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	375	- </figure>
	376	- <p>아직 담은 자료가 없어요.</p>
	377	- </div>
	378	- </div>
	379	- <div class="tabs-cont" id="tabs2-2">2</div>
	380	- </div>
	381	- </section>
	382	- </div>
	383	- </div>
	384	- </div>
	385	- </div>
	386	- </div>
	387	- <!-- toast -->
	388	- <div class="toast"></div>
	389	-
	390	- <!--popup-->
	391	- <div class="dim"></div>
	392	- <script>
	393	- $(document).ready(function () {
	394	- //나의콘텐츠 활동
	395	- createChartContActivity('chartContActivity',
	396	- ['조회수', '공유수', '담은수', '댓글'],
	397	- [
	398	- ['수업재료', [100, 20, 30, 40], gradientColorPrimary],
	399	- ['수업꾸러미', [20, 30, 40, 50], gradientColorSecondary],
	400	- ['수업레시피', [100, 100, 100, 150], gradientColorAccent]
	401	- ]
	402	- );
	403	- });
	404	- </script>
	405	-</body>
	406	-
	407	-</html>(파일 끝에 줄바꿈 문자 없음)

a00f727

html/onSejong/common/empty/searchResult.html (deleted)

--- html/onSejong/common/empty/searchResult.html

...	...	@@ -1,221 +0,0 @@
	1	-<!DOCTYPE html>
	2	-<html lang="ko">
	3	-
	4	-<head>
	5	- <title>온세종학교</title>
	6	-
	7	- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	- <meta name="Author" content="">
	9	- <meta name="Keywords" content="">
	10	- <meta name="Description" content="">
	11	- <meta name="format-detection" content="telephone=no">
	12	- <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	-
	15	- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	-
	17	- <!-- 공통 plugin -->
	18	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	- <!-- //공통 plugin -->
	21	-
	22	- <!-- 페이지 plugin-->
	23	- <!-- //페이지 plugin-->
	24	- <!-- 공통 퍼블 layout: 개발시 삭제-->
	25	- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	26	- <!--//퍼블 layout-->
	27	-
	28	- <!-- 공통 메뉴 js-->
	29	- <!-- //공통 메뉴 js -->
	30	-
	31	- <!--공통 퍼블 js-->
	32	- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	33	- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	34	- <!--//공통 퍼블 js-->
	35	-</head>
	36	-
	37	-<body>
	38	- <div class="accessibility">
	39	- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	40	- </div>
	41	- <!-- for-teacher / for-student -->
	42	- <div class="container">
	43	- <!-- 통합 헤더 및 네비게이션 -->
	44	- <header class="site-header"></header>
	45	-
	46	- <div class="site-body" id="skipToContents">
	47	- <div class="wrap">
	48	- <div class="total-search-area">
	49	- <fieldset class="search-area">
	50	- <legend>검색</legend>
	51	- <div class="search">
	52	- <input type="text" placeholder="저작자명, 콘텐츠 키워드로 검색하세요." title="검색어 입력">
	53	- <button class="btn ico-search">검색</button>
	54	- </div>
	55	- </fieldset>
	56	- <div class="btn-group">
	57	- <a href="none" class="btn">조건검색</a>
	58	- </div>
	59	- </div>
	60	- <div class="page-tit-area">
	61	- <div class="l-area">
	62	- <h2 class="title-xlg">"<em class="accent">키워드</em>" 검색결과</h2>
	63	- </div>
	64	- <div class="r-area">
	65	- <fieldset class="search-area">
	66	- <legend>검색</legend>
	67	- <div class="search">
	68	- <input type="text" placeholder="결과내 검색" title="결과내 검색">
	69	- <button class="btn ico-search">검색</button>
	70	- </div>
	71	- </fieldset>
	72	- </div>
	73	- </div>
	74	- <section class="section">
	75	- <div class="tit-area">
	76	- <div class="l-area">
	77	- <h2 class="title">검색 조건</h2>
	78	- </div>
	79	- </div>
	80	- <div class="chip-area">
	81	- <span class="chip-tag primary">
	82	- 평가지
	83	- <button type="button" class="ico-delete">삭제</button>
	84	- </span>
	85	- <span class="chip-tag primary">
	86	- 이미지
	87	- <button type="button" class="ico-delete">삭제</button>
	88	- </span>
	89	- <span class="chip-tag primary">
	90	- 문서
	91	- <button type="button" class="ico-delete">삭제</button>
	92	- </span>
	93	- </div>
	94	- <div class="item-list-box drag-file-list">
	95	- <div class="item">
	96	- <div class="txt-area">
	97	- <strong>6수01-01</strong>
	98	- <ul class="info-inline-list">
	99	- <li>
	100	- <strong class="info-tit">영역</strong>
	101	- <div class="txt-area">
	102	- 수와연산
	103	- </div>
	104	- </li>
	105	- <li>
	106	- <strong class="info-tit">성취기준</strong>
	107	- <div class="txt-area">
	108	- 소인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.
	109	- </div>
	110	- </li>
	111	- <li>
	112	- <strong class="info-tit">내용요소1</strong>
	113	- <div class="txt-area">
	114	- 소인수분해
	115	- </div>
	116	- </li>
	117	- <li>
	118	- <strong class="info-tit">내용요소2</strong>
	119	- <div class="txt-area">
	120	- 소인수분해의 뜻
	121	- </div>
	122	- </li>
	123	- </ul>
	124	- </div>
	125	- <div class="item-fnc-area">
	126	- <button type="button" class="ico-delete">삭제</button>
	127	- </div>
	128	- </div>
	129	- <div class="item">
	130	- <div class="txt-area">
	131	- <strong>6수01-01</strong>
	132	- <ul class="info-inline-list">
	133	- <li>
	134	- <strong class="info-tit">영역</strong>
	135	- <div class="txt-area">
	136	- 수와연산
	137	- </div>
	138	- </li>
	139	- <li>
	140	- <strong class="info-tit">성취기준</strong>
	141	- <div class="txt-area">
	142	- 소인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.
	143	- </div>
	144	- </li>
	145	- <li>
	146	- <strong class="info-tit">내용요소1</strong>
	147	- <div class="txt-area">
	148	- 소인수분해
	149	- </div>
	150	- </li>
	151	- <li>
	152	- <strong class="info-tit">내용요소2</strong>
	153	- <div class="txt-area">
	154	- 소인수분해의 뜻
	155	- </div>
	156	- </li>
	157	- </ul>
	158	- </div>
	159	- <div class="item-fnc-area">
	160	- <button type="button" class="ico-delete">삭제</button>
	161	- </div>
	162	- </div>
	163	- <div class="item">
	164	- <div class="txt-area">
	165	- <strong>6수01-01</strong>
	166	- <ul class="info-inline-list">
	167	- <li>
	168	- <strong class="info-tit">영역</strong>
	169	- <div class="txt-area">
	170	- 수와연산
	171	- </div>
	172	- </li>
	173	- <li>
	174	- <strong class="info-tit">성취기준</strong>
	175	- <div class="txt-area">
	176	- 소인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.
	177	- </div>
	178	- </li>
	179	- <li>
	180	- <strong class="info-tit">내용요소1</strong>
	181	- <div class="txt-area">
	182	- 소인수분해
	183	- </div>
	184	- </li>
	185	- <li>
	186	- <strong class="info-tit">내용요소2</strong>
	187	- <div class="txt-area">
	188	- 소인수분해의 뜻
	189	- </div>
	190	- </li>
	191	- </ul>
	192	- </div>
	193	- <div class="item-fnc-area">
	194	- <button type="button" class="ico-delete">삭제</button>
	195	- </div>
	196	- </div>
	197	- </div>
	198	- </section>
	199	- <div class="txt-none custom">
	200	- <figure>
	201	- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음">
	202	- </figure>
	203	- <strong>검색결과가 없습니다.</strong>
	204	- <ul class="bullet align-left">
	205	- <li>검색어의 단어 수를 줄이거나, 보다 일반적인 단어로 검색해 보세요.</li>
	206	- <li>두 단어 이상의 키워드로 검색 하신 경우, 정확하게 띄어쓰기를 한 후 검색해 보세요.</li>
	207	- <li>키워드에 있는 특수문자를 뺀 후에 검색해 보세요.</li>
	208	- <li>검색 조건을 재설정해보세요.</li>
	209	- </ul>
	210	- </div>
	211	- </div>
	212	- </div>
	213	- </div>
	214	- <!-- toast -->
	215	- <div class="toast"></div>
	216	-
	217	- <!--popup-->
	218	- <div class="dim"></div>
	219	-</body>
	220	-
	221	-</html>(파일 끝에 줄바꿈 문자 없음)

a00f727

08f9adb

html/onSejong/common/facility/facilityReserveHistory.html

--- html/onSejong/common/facility/facilityReserveHistory.html

+++ html/onSejong/common/facility/facilityReserveHistory.html

...	...	@@ -1,221 +1,221 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		- <div class="wrap">
55		- <ul class="breadcrumb">
56		- <li><a href="#none" class="home">홈</a></li>
57		- <li><a href="#none">1depth</a></li>
58		- <li><a href="#none">2depth</a></li>
59		- </ul>
60		- <div class="page-tit-area">
61		- <div class="l-area">
62		- <h2 class="title-xlg">시설예약 내역</h2>
63		- </div>
64		- </div>
65		- <div class="fnc-area">
66		- <div class="l-area">
67		- <p class="total">총 <em>156</em>건</p>
68		- </div>
69		- <div class="r-area">
70		- <fieldset class="search-area">
71		- <legend>검색</legend>
72		- <div class="search">
73		- <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
74		- <button class="btn ico-search">검색</button>
75		- </div>
76		- </fieldset>
77		- </div>
78		- </div>
79		- <div class="list-type">
80		- <table>
81		- <caption>과제 목록</caption>
82		- <colgroup>
83		- <col style="width:64px">
84		- <col style="width: 288px;">
85		- <col>
86		- <col style="width: 288px;">
87		- <col>
88		- <col>
89		- <col>
90		- <col>
91		- </colgroup>
92		- <thead>
93		- <tr>
94		- <th scope="col">번호</th>
95		- <th scope="col">시설명</th>
96		- <th scope="col">이용일</th>
97		- <th scope="col">이용시간</th>
98		- <th scope="col">시설 이용 목적</th>
99		- <th scope="col">신청일</th>
100		- <th scope="col">상태</th>
101		- <th scope="col">취소</th>
102		- </tr>
103		- </thead>
104		- <tbody>
105		- <tr>
106		- <td>4</td>
107		- <td>
108		- <a href="#none" class="table-title title-sm">스튜디오4</a>
109		- </td>
110		- <td data-tit="이용일">2025-09-08</td>
111		- <td data-tit="이용시간">10:00~11:00, 11:00~12:00,<br>12:00~13:00</td>
112		- <td data-tit="시설 이용 목적">수업</td>
113		- <td data-tit="신청일">2025-12-12</td>
114		- <td data-tit="상태">
115		- <span class="label-state">취소</span>
116		- </td>
117		- <td></td>
118		- </tr>
119		- <tr>
120		- <td>3</td>
121		- <td>
122		- <a href="#none" class="table-title title-sm">스튜디오2</a>
123		- </td>
124		- <td data-tit="이용일">2025-09-08</td>
125		- <td data-tit="이용시간">10:00~11:00, 11:00~12:00</td>
126		- <td data-tit="시설 이용 목적">수업</td>
127		- <td data-tit="신청일">2025-12-12</td>
128		- <td data-tit="상태">
129		- <span class="label-state green">승인</span>
130		- </td>
131		- <td>
132		- <div class="btn-tbl-cont">
133		- <a href="#none" class="btn sm danger">취소</a>
134		- </div>
135		- </td>
136		- </tr>
137		- <tr>
138		- <td>2</td>
139		- <td>
140		- <a href="#none" class="table-title title-sm">스튜디오3</a>
141		- </td>
142		- <td data-tit="이용일">2025-09-08</td>
143		- <td data-tit="이용시간">12:00~13:00</td>
144		- <td data-tit="시설 이용 목적">수업</td>
145		- <td data-tit="신청일">2025-12-12</td>
146		- <td data-tit="상태">
147		- <span class="label-state green">승인</span>
148		- </td>
149		- <td>
150		- <div class="btn-tbl-cont">
151		- <a href="#none" class="btn sm danger">취소</a>
152		- </div>
153		- </td>
154		- </tr>
155		- <tr>
156		- <td>1</td>
157		- <td>
158		- <a href="#none" class="table-title title-sm">스튜디오1</a>
159		- </td>
160		- <td data-tit="이용일">2025-09-08</td>
161		- <td data-tit="이용시간">10:00~11:00, 11:00~12:00,<br>12:00~13:00</td>
162		- <td data-tit="시설 이용 목적">수업</td>
163		- <td data-tit="신청일">2025-12-12</td>
164		- <td data-tit="상태">
165		- <span class="label-state red">반려</span>
166		- </td>
167		- <td></td>
168		- </tr>
169		- </tbody>
170		- </table>
171		- </div>
172		- <div class="txt-none">
173		- <figure>
174		- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
175		- aria-hidden="true">
176		- </figure>
177		- <p>신청 목록이 비어있습니다.</p>
178		- </div>
179		- <ul class="pagenation">
180		- <li class="ppv">
181		- <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
182		- </li>
183		- <li class="pv">
184		- <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
185		- </li>
186		- <li class="current">
187		- <a href="#none" title="1번째 목록으로 이동합니다">1</a>
188		- </li>
189		- <li>
190		- <a href="#none" title="2번째 목록으로 이동합니다">2</a>
191		- </li>
192		- <li>
193		- <a href="#none" title="3번째 목록으로 이동합니다">3</a>
194		- </li>
195		- <li>
196		- <a href="#none" title="4번째 목록으로 이동합니다">4</a>
197		- </li>
198		- <li>
199		- <a href="#none" title="5번째 목록으로 이동합니다">5</a>
200		- </li>
201		- <li class="fw">
202		- <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
203		- </li>
204		- <li class="ffw">
205		- <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
206		- </li>
207		- </ul>
208		- </div>
209		- </div>
210		-
211		- <footer class="site-footer"></footer>
212		- </div>
213		-
214		- <!-- toast -->
215		- <div class="toast"></div>
216		-
217		- <!--popup-->
218		- <div class="dim"></div>
219		-</body>
220		-
221		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">시설예약 내역</h2>
	55	+ </div>
	56	+ </div>
	57	+ <div class="fnc-area">
	58	+ <div class="l-area">
	59	+ <p class="total">
	60	+ 총
	61	+ <em>156</em>
	62	+ 건
	63	+ </p>
	64	+ </div>
	65	+ <div class="r-area">
	66	+ <fieldset class="search-area">
	67	+ <legend>검색</legend>
	68	+ <div class="search">
	69	+ <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요" />
	70	+ <button class="btn ico-search">검색</button>
	71	+ </div>
	72	+ </fieldset>
	73	+ </div>
	74	+ </div>
	75	+ <div class="list-type">
	76	+ <table>
	77	+ <caption>과제 목록</caption>
	78	+ <colgroup>
	79	+ <col style="width: 64px" />
	80	+ <col style="width: 288px" />
	81	+ <col />
	82	+ <col style="width: 288px" />
	83	+ <col />
	84	+ <col />
	85	+ <col />
	86	+ <col />
	87	+ </colgroup>
	88	+ <thead>
	89	+ <tr>
	90	+ <th scope="col">번호</th>
	91	+ <th scope="col">시설명</th>
	92	+ <th scope="col">이용일</th>
	93	+ <th scope="col">이용시간</th>
	94	+ <th scope="col">시설 이용 목적</th>
	95	+ <th scope="col">신청일</th>
	96	+ <th scope="col">상태</th>
	97	+ <th scope="col">취소</th>
	98	+ </tr>
	99	+ </thead>
	100	+ <tbody>
	101	+ <tr>
	102	+ <td>4</td>
	103	+ <td>
	104	+ <a href="#none" class="table-title title-sm">스튜디오4</a>
	105	+ </td>
	106	+ <td data-tit="이용일">2025-09-08</td>
	107	+ <td data-tit="이용시간">
	108	+ 10:00~11:00, 11:00~12:00,
	109	+ <br />
	110	+ 12:00~13:00
	111	+ </td>
	112	+ <td data-tit="시설 이용 목적">수업</td>
	113	+ <td data-tit="신청일">2025-12-12</td>
	114	+ <td data-tit="상태">
	115	+ <span class="label-state">취소</span>
	116	+ </td>
	117	+ <td></td>
	118	+ </tr>
	119	+ <tr>
	120	+ <td>3</td>
	121	+ <td>
	122	+ <a href="#none" class="table-title title-sm">스튜디오2</a>
	123	+ </td>
	124	+ <td data-tit="이용일">2025-09-08</td>
	125	+ <td data-tit="이용시간">10:00~11:00, 11:00~12:00</td>
	126	+ <td data-tit="시설 이용 목적">수업</td>
	127	+ <td data-tit="신청일">2025-12-12</td>
	128	+ <td data-tit="상태">
	129	+ <span class="label-state green">승인</span>
	130	+ </td>
	131	+ <td>
	132	+ <div class="btn-tbl-cont">
	133	+ <a href="#none" class="btn sm danger">취소</a>
	134	+ </div>
	135	+ </td>
	136	+ </tr>
	137	+ <tr>
	138	+ <td>2</td>
	139	+ <td>
	140	+ <a href="#none" class="table-title title-sm">스튜디오3</a>
	141	+ </td>
	142	+ <td data-tit="이용일">2025-09-08</td>
	143	+ <td data-tit="이용시간">12:00~13:00</td>
	144	+ <td data-tit="시설 이용 목적">수업</td>
	145	+ <td data-tit="신청일">2025-12-12</td>
	146	+ <td data-tit="상태">
	147	+ <span class="label-state green">승인</span>
	148	+ </td>
	149	+ <td>
	150	+ <div class="btn-tbl-cont">
	151	+ <a href="#none" class="btn sm danger">취소</a>
	152	+ </div>
	153	+ </td>
	154	+ </tr>
	155	+ <tr>
	156	+ <td>1</td>
	157	+ <td>
	158	+ <a href="#none" class="table-title title-sm">스튜디오1</a>
	159	+ </td>
	160	+ <td data-tit="이용일">2025-09-08</td>
	161	+ <td data-tit="이용시간">
	162	+ 10:00~11:00, 11:00~12:00,
	163	+ <br />
	164	+ 12:00~13:00
	165	+ </td>
	166	+ <td data-tit="시설 이용 목적">수업</td>
	167	+ <td data-tit="신청일">2025-12-12</td>
	168	+ <td data-tit="상태">
	169	+ <span class="label-state red">반려</span>
	170	+ </td>
	171	+ <td></td>
	172	+ </tr>
	173	+ </tbody>
	174	+ </table>
	175	+ </div>
	176	+ <div class="txt-none">
	177	+ <figure>
	178	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true" />
	179	+ </figure>
	180	+ <p>신청 목록이 비어있습니다.</p>
	181	+ </div>
	182	+ <ul class="pagenation">
	183	+ <li class="ppv">
	184	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	185	+ </li>
	186	+ <li class="pv">
	187	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	188	+ </li>
	189	+ <li class="current">
	190	+ <a href="#none" title="1번째 목록으로 이동합니다">1</a>
	191	+ </li>
	192	+ <li>
	193	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	194	+ </li>
	195	+ <li>
	196	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	197	+ </li>
	198	+ <li>
	199	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	200	+ </li>
	201	+ <li>
	202	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	203	+ </li>
	204	+ <li class="fw">
	205	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	206	+ </li>
	207	+ <li class="ffw">
	208	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	209	+ </li>
	210	+ </ul>
	211	+ </div>
	212	+ </div>
	213	+ </div>
	214	+ <footer class="site-footer"></footer>
	215	+ </div>
	216	+ <!-- toast -->
	217	+ <div class="toast"></div>
	218	+ <!--popup-->
	219	+ <div class="dim"></div>
	220	+ </body>
	221	+</html>

a00f727

08f9adb

html/onSejong/common/facility/facilityReserveView.html

--- html/onSejong/common/facility/facilityReserveView.html

+++ html/onSejong/common/facility/facilityReserveView.html

...	...	@@ -1,328 +1,339 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
36		-
37		-<body>
38		- <div class="accessibility">
39		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
40		- </div>
41		- <!-- for-teacher / for-student -->
42		- <div class="container">
43		- <!-- 통합 헤더 및 네비게이션 -->
44		- <header class="site-header"></header>
45		- <div class="site-body" id="skipToContents">
46		- <div class="wrap">
47		- <ul class="breadcrumb">
48		- <li><a href="#none" class="home">홈</a></li>
49		- <li><a href="#none">1depth</a></li>
50		- <li><a href="#none">2depth</a></li>
51		- </ul>
52		- <div class="page-tit-area">
53		- <div class="l-area">
54		- <h2 class="title-xlg">시설예약 상세</h2>
55		- </div>
56		- <div class="r-area">
57		- <a href="#none" class="btn">예약 취소</a>
58		- <a href="#none" class="btn">예약 수정</a>
59		- </div>
60		- </div>
61		- <div class="img-swiper-area">
62		- <div class="img-area">
63		- <div class="swiper img-swiper">
64		- <div class="swiper-wrapper">
65		- <div class="swiper-slide">
66		- <figure>
67		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
68		- </figure>
69		- </div>
70		- <div class="swiper-slide">
71		- <figure>
72		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
73		- </figure>
74		- </div>
75		- <div class="swiper-slide">
76		- <figure>
77		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
78		- </figure>
79		- </div>
80		- <div class="swiper-slide">
81		- <figure>
82		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
83		- </figure>
84		- </div>
85		- <div class="swiper-slide">
86		- <figure>
87		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
88		- </figure>
89		- </div>
90		- <div class="swiper-slide">
91		- <figure>
92		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
93		- </figure>
94		- </div>
95		- <div class="swiper-slide">
96		- <figure>
97		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
98		- </figure>
99		- </div>
100		- </div>
101		- </div>
102		- <div class="swiper-fnc">
103		- <button type="button" class="swiper-button-prev">이전</button>
104		- <button type="button" class="swiper-button-next">다음</button>
105		- </div>
106		- </div>
107		- <div class="img-thumb-area">
108		- <div class="swiper img-thumb-swiper">
109		- <div class="swiper-wrapper">
110		- <div class="swiper-slide">
111		- <figure>
112		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
113		- </figure>
114		- </div>
115		- <div class="swiper-slide">
116		- <figure>
117		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
118		- </figure>
119		- </div>
120		- <div class="swiper-slide">
121		- <figure>
122		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
123		- </figure>
124		- </div>
125		- <div class="swiper-slide">
126		- <figure>
127		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
128		- </figure>
129		- </div>
130		- <div class="swiper-slide">
131		- <figure>
132		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
133		- </figure>
134		- </div>
135		- <div class="swiper-slide">
136		- <figure>
137		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
138		- </figure>
139		- </div>
140		- <div class="swiper-slide">
141		- <figure>
142		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
143		- </figure>
144		- </div>
145		- </div>
146		- </div>
147		- <div class="swiper-fnc vertical">
148		- <button type="button" class="swiper-button-prev sm">이전</button>
149		- <button type="button" class="swiper-button-next sm">다음</button>
150		- </div>
151		- </div>
152		- </div>
153		- <section class="section">
154		- <header class="section-tit-area">
155		- <div class="l-area">
156		- <h3 class="title-lg">시설이용 정보</h3>
157		- </div>
158		- </header>
159		- <div class="write-type">
160		- <table>
161		- <caption>시설이용 정보</caption>
162		- <colgroup>
163		- <col style="width: 240px;">
164		- <col>
165		- <col style="width: 240px;">
166		- <col>
167		- </colgroup>
168		- <tbody>
169		- <tr>
170		- <th scope="row">시설위치</th>
171		- <td colspan="3">
172		- <ul class="info-inline-list">
173		- <li>
174		- <div class="txt-area">온세종학교</div>
175		- </li>
176		- <li>
177		- <div class="txt-area">세종특별자치시 산울3로 140, 온세종학교 (산울동)</div>
178		- </li>
179		- </ul>
180		- </td>
181		- </tr>
182		- <tr>
183		- <th scope="row">시설명</th>
184		- <td>스튜디오1</td>
185		- <th scope="row">상태</th>
186		- <td>신청</td>
187		- </tr>
188		- <tr>
189		- <th scope="row">담당자</th>
190		- <td>김담당</td>
191		- <th scope="row">이용날짜</th>
192		- <td>2025월 8월 29일 (금)</td>
193		- </tr>
194		- <tr>
195		- <th scope="row">이용시간<i class="required">필수</i></th>
196		- <td colspan="3">09:00 ~ 10:00 , 10:00 ~ 11:00 , 11:00 ~ 12:00</td>
197		- </tr>
198		- <tr>
199		- <th scope="row">이용인원<i class="required">필수</i></th>
200		- <td colspan="3">2명</td>
201		- </tr>
202		- <tr>
203		- <th scope="row">시설이용 목적<i class="required">필수</i></th>
204		- <td colspan="3">수업</td>
205		- </tr>
206		- <tr>
207		- <th scope="row">첨부파일</th>
208		- <td colspan="3">
209		- <div class="item-list-box order-front">
210		- <div class="item">
211		- <div class="txt-area">
212		- <i class="ico-attach"></i>
213		- <p class="txt">
214		- 첨부파일명.pdf
215		- </p>
216		- <small>124kb</small>
217		- </div>
218		- <div class="item-fnc-area">
219		- <a href="#none" class="ico-download">다운로드</a>
220		- </div>
221		- </div>
222		- <div class="item">
223		- <div class="txt-area">
224		- <i class="ico-attach"></i>
225		- <p class="txt">
226		- 첨부파일명.pdf
227		- </p>
228		- <small>124kb</small>
229		- </div>
230		- <div class="item-fnc-area">
231		- <a href="#none" class="ico-download">다운로드</a>
232		- </div>
233		- </div>
234		- </div>
235		- </td>
236		- </tr>
237		- </tbody>
238		- </table>
239		- </div>
240		- </section>
241		- <section class="section">
242		- <header class="section-tit-area">
243		- <div class="l-area">
244		- <h3 class="title-lg">반려사유</h3>
245		- </div>
246		- </header>
247		- <div class="write-type">
248		- <table>
249		- <caption>반려사유</caption>
250		- <colgroup>
251		- <col style="width: 240px;">
252		- <col>
253		- </colgroup>
254		- <tbody>
255		- <tr>
256		- <th scope="row">반려 사유</th>
257		- <td>해당 시설은 관리 점검 일정으로 사용이 제한되어 이번 예약은 승인되지 않았습니다. 불편을 드려 죄송하며 추후 가능 일정을 참고해 주시기 바랍니다</td>
258		- </tr>
259		- </tbody>
260		- </table>
261		- </div>
262		- </section>
263		- <section class="section">
264		- <header class="section-tit-area">
265		- <div class="l-area">
266		- <h3 class="title-lg">예약자정보</h3>
267		- </div>
268		- </header>
269		- <div class="write-type">
270		- <table>
271		- <caption>예약자정보</caption>
272		- <colgroup>
273		- <col style="width: 240px;">
274		- <col>
275		- <col style="width: 240px;">
276		- <col>
277		- </colgroup>
278		- <tbody>
279		- <tr>
280		- <th scope="row">이름</th>
281		- <td>홍길동</td>
282		- <th scope="row">소속</th>
283		- <td>온세종학교</td>
284		- </tr>
285		- <tr>
286		- <th scope="row">휴대전화번호<i class="required">필수</i></th>
287		- <td colspan="3">010 - **** - 4563</td>
288		- </tr>
289		- <tr>
290		- <th scope="row">이메일<i class="required">필수</i></th>
291		- <td colspan="3">z112344@naver.com</td>
292		- </tr>
293		- </tbody>
294		- </table>
295		- </div>
296		- </section>
297		- <section class="section">
298		- <header class="section-tit-area">
299		- <div class="l-area">
300		- <h3 class="title-lg">시설물 사용 유의사항</h3>
301		- </div>
302		- </header>
303		- <div class="bg-box">
304		- <ul class="bullet font-color-default-secondary">
305		- <li>관리자를 통해 등록된 유의사항 표시</li>
306		- <li>시설물 및 장비 보호 : 시설물을 임의로 변경하거나 파손하는 행위는 금지되며, 사용한 기물은 깨끗하게 정리해야 합니다.</li>
307		- <li>사용 금지 행위 : 흡연, 음주, 폭죽놀이 등 화기 사용은 금지됩니다. 고성방가나 주류 반입, 애완동물 동반 등 다른 이용자에게 피해를 주는 행위도 금지될 수 있습니다.</li>
308		- <li>사용 목적 준수 : 허가된 사용 목적 범위 내에서만 시설을 이용해야 하며, 정치·종교적 행사 등 특정 단체의 이익을 위한 사용은 제한될 수 있습니다.</li>
309		- <li>안전 수칙 준수 : 안전 사고 예방을 위해 비상구 위치를 파악하고, 무리한 행동이나 장난은 삼가야 합니다. 안전 장비가 있다면 올바르게 착용하고, 자신의 체력 상태에 맞는 운동을 해야 합니다.</li>
310		- <li>정리정돈 : 시설물 사용을 마친 후에는 사용한 장비를 제자리에 정리하고, 흘린 땀이나 이물질을 닦아 다음 사용자를 위해 깨끗하게 정리해야 합니다.</li>
311		- <li>해당 시설의 이용 규정 : 각 시설마다 고유의 이용 규정, 운영 수칙, 안전 수칙이 있으므로, 이용 전에 반드시 확인해야 합니다.</li>
312		- <li>안전 점검 결과 : 시설물의 안전 상태를 파악하기 위해 정기적으로 실시되는 안전 점검 및 진단 결과를 확인하는 것이 중요합니다.</li>
313		- <li>비상 연락망 및 비상구 : 위급 상황 발생 시 신속하게 대처할 수 있도록 비상 연락망과 비상구의 위치를 미리 파악해 두어야 합니다.</li>
314		- </ul>
315		- </div>
316		- </section>
317		- <div class="btn-cont"><a href="#none" class="btn lg">확인</a></div>
318		- </div>
319		- </div>
320		- <footer class="site-footer"></footer>
321		- </div>
322		- <!-- toast -->
323		- <div class="toast"></div>
324		- <!--popup-->
325		- <div class="dim"></div>
326		-</body>
327		-
328		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">시설예약 상세</h2>
	55	+ </div>
	56	+ <div class="r-area">
	57	+ <a href="#none" class="btn">예약 취소</a>
	58	+ <a href="#none" class="btn">예약 수정</a>
	59	+ </div>
	60	+ </div>
	61	+ <div class="img-swiper-area">
	62	+ <div class="img-area">
	63	+ <div class="swiper img-swiper">
	64	+ <div class="swiper-wrapper">
	65	+ <div class="swiper-slide">
	66	+ <figure>
	67	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	68	+ </figure>
	69	+ </div>
	70	+ <div class="swiper-slide">
	71	+ <figure>
	72	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	73	+ </figure>
	74	+ </div>
	75	+ <div class="swiper-slide">
	76	+ <figure>
	77	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	78	+ </figure>
	79	+ </div>
	80	+ <div class="swiper-slide">
	81	+ <figure>
	82	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	83	+ </figure>
	84	+ </div>
	85	+ <div class="swiper-slide">
	86	+ <figure>
	87	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	88	+ </figure>
	89	+ </div>
	90	+ <div class="swiper-slide">
	91	+ <figure>
	92	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	93	+ </figure>
	94	+ </div>
	95	+ <div class="swiper-slide">
	96	+ <figure>
	97	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	98	+ </figure>
	99	+ </div>
	100	+ </div>
	101	+ </div>
	102	+ <div class="swiper-fnc">
	103	+ <button type="button" class="swiper-button-prev">이전</button>
	104	+ <button type="button" class="swiper-button-next">다음</button>
	105	+ </div>
	106	+ </div>
	107	+ <div class="img-thumb-area">
	108	+ <div class="swiper img-thumb-swiper">
	109	+ <div class="swiper-wrapper">
	110	+ <div class="swiper-slide">
	111	+ <figure>
	112	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	113	+ </figure>
	114	+ </div>
	115	+ <div class="swiper-slide">
	116	+ <figure>
	117	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	118	+ </figure>
	119	+ </div>
	120	+ <div class="swiper-slide">
	121	+ <figure>
	122	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	123	+ </figure>
	124	+ </div>
	125	+ <div class="swiper-slide">
	126	+ <figure>
	127	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	128	+ </figure>
	129	+ </div>
	130	+ <div class="swiper-slide">
	131	+ <figure>
	132	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	133	+ </figure>
	134	+ </div>
	135	+ <div class="swiper-slide">
	136	+ <figure>
	137	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	138	+ </figure>
	139	+ </div>
	140	+ <div class="swiper-slide">
	141	+ <figure>
	142	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	143	+ </figure>
	144	+ </div>
	145	+ </div>
	146	+ </div>
	147	+ <div class="swiper-fnc vertical">
	148	+ <button type="button" class="swiper-button-prev sm">이전</button>
	149	+ <button type="button" class="swiper-button-next sm">다음</button>
	150	+ </div>
	151	+ </div>
	152	+ </div>
	153	+ <section class="section">
	154	+ <header class="section-tit-area">
	155	+ <div class="l-area">
	156	+ <h3 class="title-lg">시설이용 정보</h3>
	157	+ </div>
	158	+ </header>
	159	+ <div class="write-type">
	160	+ <table>
	161	+ <caption>시설이용 정보</caption>
	162	+ <colgroup>
	163	+ <col style="width: 240px" />
	164	+ <col />
	165	+ <col style="width: 240px" />
	166	+ <col />
	167	+ </colgroup>
	168	+ <tbody>
	169	+ <tr>
	170	+ <th scope="row">시설위치</th>
	171	+ <td colspan="3">
	172	+ <ul class="info-inline-list">
	173	+ <li>
	174	+ <div class="txt-area">온세종학교</div>
	175	+ </li>
	176	+ <li>
	177	+ <div class="txt-area">세종특별자치시 산울3로 140, 온세종학교 (산울동)</div>
	178	+ </li>
	179	+ </ul>
	180	+ </td>
	181	+ </tr>
	182	+ <tr>
	183	+ <th scope="row">시설명</th>
	184	+ <td>스튜디오1</td>
	185	+ <th scope="row">상태</th>
	186	+ <td>신청</td>
	187	+ </tr>
	188	+ <tr>
	189	+ <th scope="row">담당자</th>
	190	+ <td>김담당</td>
	191	+ <th scope="row">이용날짜</th>
	192	+ <td>2025월 8월 29일 (금)</td>
	193	+ </tr>
	194	+ <tr>
	195	+ <th scope="row">
	196	+ 이용시간
	197	+ <i class="required">필수</i>
	198	+ </th>
	199	+ <td colspan="3">09:00 ~ 10:00 , 10:00 ~ 11:00 , 11:00 ~ 12:00</td>
	200	+ </tr>
	201	+ <tr>
	202	+ <th scope="row">
	203	+ 이용인원
	204	+ <i class="required">필수</i>
	205	+ </th>
	206	+ <td colspan="3">2명</td>
	207	+ </tr>
	208	+ <tr>
	209	+ <th scope="row">
	210	+ 시설이용 목적
	211	+ <i class="required">필수</i>
	212	+ </th>
	213	+ <td colspan="3">수업</td>
	214	+ </tr>
	215	+ <tr>
	216	+ <th scope="row">첨부파일</th>
	217	+ <td colspan="3">
	218	+ <div class="item-list-box order-front">
	219	+ <div class="item">
	220	+ <div class="txt-area">
	221	+ <i class="ico-attach"></i>
	222	+ <p class="txt">첨부파일명.pdf</p>
	223	+ <small>124kb</small>
	224	+ </div>
	225	+ <div class="item-fnc-area">
	226	+ <a href="#none" class="ico-download">다운로드</a>
	227	+ </div>
	228	+ </div>
	229	+ <div class="item">
	230	+ <div class="txt-area">
	231	+ <i class="ico-attach"></i>
	232	+ <p class="txt">첨부파일명.pdf</p>
	233	+ <small>124kb</small>
	234	+ </div>
	235	+ <div class="item-fnc-area">
	236	+ <a href="#none" class="ico-download">다운로드</a>
	237	+ </div>
	238	+ </div>
	239	+ </div>
	240	+ </td>
	241	+ </tr>
	242	+ </tbody>
	243	+ </table>
	244	+ </div>
	245	+ </section>
	246	+ <section class="section">
	247	+ <header class="section-tit-area">
	248	+ <div class="l-area">
	249	+ <h3 class="title-lg">반려사유</h3>
	250	+ </div>
	251	+ </header>
	252	+ <div class="write-type">
	253	+ <table>
	254	+ <caption>반려사유</caption>
	255	+ <colgroup>
	256	+ <col style="width: 240px" />
	257	+ <col />
	258	+ </colgroup>
	259	+ <tbody>
	260	+ <tr>
	261	+ <th scope="row">반려 사유</th>
	262	+ <td>해당 시설은 관리 점검 일정으로 사용이 제한되어 이번 예약은 승인되지 않았습니다. 불편을 드려 죄송하며 추후 가능 일정을 참고해 주시기 바랍니다</td>
	263	+ </tr>
	264	+ </tbody>
	265	+ </table>
	266	+ </div>
	267	+ </section>
	268	+ <section class="section">
	269	+ <header class="section-tit-area">
	270	+ <div class="l-area">
	271	+ <h3 class="title-lg">예약자정보</h3>
	272	+ </div>
	273	+ </header>
	274	+ <div class="write-type">
	275	+ <table>
	276	+ <caption>예약자정보</caption>
	277	+ <colgroup>
	278	+ <col style="width: 240px" />
	279	+ <col />
	280	+ <col style="width: 240px" />
	281	+ <col />
	282	+ </colgroup>
	283	+ <tbody>
	284	+ <tr>
	285	+ <th scope="row">이름</th>
	286	+ <td>홍길동</td>
	287	+ <th scope="row">소속</th>
	288	+ <td>온세종학교</td>
	289	+ </tr>
	290	+ <tr>
	291	+ <th scope="row">
	292	+ 휴대전화번호
	293	+ <i class="required">필수</i>
	294	+ </th>
	295	+ <td colspan="3">010 - **** - 4563</td>
	296	+ </tr>
	297	+ <tr>
	298	+ <th scope="row">
	299	+ 이메일
	300	+ <i class="required">필수</i>
	301	+ </th>
	302	+ <td colspan="3">z112344@naver.com</td>
	303	+ </tr>
	304	+ </tbody>
	305	+ </table>
	306	+ </div>
	307	+ </section>
	308	+ <section class="section">
	309	+ <header class="section-tit-area">
	310	+ <div class="l-area">
	311	+ <h3 class="title-lg">시설물 사용 유의사항</h3>
	312	+ </div>
	313	+ </header>
	314	+ <div class="bg-box">
	315	+ <ul class="bullet font-color-default-secondary">
	316	+ <li>관리자를 통해 등록된 유의사항 표시</li>
	317	+ <li>시설물 및 장비 보호 : 시설물을 임의로 변경하거나 파손하는 행위는 금지되며, 사용한 기물은 깨끗하게 정리해야 합니다.</li>
	318	+ <li>사용 금지 행위 : 흡연, 음주, 폭죽놀이 등 화기 사용은 금지됩니다. 고성방가나 주류 반입, 애완동물 동반 등 다른 이용자에게 피해를 주는 행위도 금지될 수 있습니다.</li>
	319	+ <li>사용 목적 준수 : 허가된 사용 목적 범위 내에서만 시설을 이용해야 하며, 정치·종교적 행사 등 특정 단체의 이익을 위한 사용은 제한될 수 있습니다.</li>
	320	+ <li>안전 수칙 준수 : 안전 사고 예방을 위해 비상구 위치를 파악하고, 무리한 행동이나 장난은 삼가야 합니다. 안전 장비가 있다면 올바르게 착용하고, 자신의 체력 상태에 맞는 운동을 해야 합니다.</li>
	321	+ <li>정리정돈 : 시설물 사용을 마친 후에는 사용한 장비를 제자리에 정리하고, 흘린 땀이나 이물질을 닦아 다음 사용자를 위해 깨끗하게 정리해야 합니다.</li>
	322	+ <li>해당 시설의 이용 규정 : 각 시설마다 고유의 이용 규정, 운영 수칙, 안전 수칙이 있으므로, 이용 전에 반드시 확인해야 합니다.</li>
	323	+ <li>안전 점검 결과 : 시설물의 안전 상태를 파악하기 위해 정기적으로 실시되는 안전 점검 및 진단 결과를 확인하는 것이 중요합니다.</li>
	324	+ <li>비상 연락망 및 비상구 : 위급 상황 발생 시 신속하게 대처할 수 있도록 비상 연락망과 비상구의 위치를 미리 파악해 두어야 합니다.</li>
	325	+ </ul>
	326	+ </div>
	327	+ </section>
	328	+ <div class="btn-cont"><a href="#none" class="btn lg">확인</a></div>
	329	+ </div>
	330	+ </div>
	331	+ </div>
	332	+ <footer class="site-footer"></footer>
	333	+ </div>
	334	+ <!-- toast -->
	335	+ <div class="toast"></div>
	336	+ <!--popup-->
	337	+ <div class="dim"></div>
	338	+ </body>
	339	+</html>

a00f727

08f9adb

html/onSejong/common/facility/facilityResserve1.html

--- html/onSejong/common/facility/facilityResserve1.html

+++ html/onSejong/common/facility/facilityResserve1.html

...	...	@@ -1,786 +1,766 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		- <div class="wrap">
55		- <ul class="breadcrumb">
56		- <li><a href="#none" class="home">홈</a></li>
57		- <li><a href="#none">1depth</a></li>
58		- <li><a href="#none">2depth</a></li>
59		- </ul>
60		- <div class="page-tit-area">
61		- <div class="l-area">
62		- <h2 class="title-xlg">시설예약</h2>
63		- </div>
64		- </div>
65		- <div class="summary-page">
66		- <div class="l-area">
67		- <div class="img-area">
68		- <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true">
69		- </div>
70		- <div class="txt-area">
71		- <ul class="bullet">
72		- <li>시설예약은 예약을 원하는 장소를 먼저 설정 후 날짜를 선택하여 예약하기를 합니다.</li>
73		- <li>학기당 예약 신청 가능 횟수는 최대 10번 입니다. 최대 예약 가능횟수를 초과할 수 없습니다.</li>
74		- <li>시설별 기본예약 건수를 확인하시고 예약을 신청하시면 반드시 승인대기 상태로 예약신청이 되며, 관리자 승인 후 예약이 완료됩니다.</li>
75		- <li>시설물 예약신청은 30일 전부터 가능합니다. 예약 1일 전까지 예약취소가 가능합니다. (당일은 예약취소가 불가능합니다.)</li>
76		- <li>예약신청 완료 후에는 예약내역을 수정할 수 없습니다. 수정이 필요한 경우 예약취소 후 재예약하셔야 합니다.</li>
77		- <li>예약관련 문의사항은 담당자에게 연락하여 주시기 바랍니다. (044-902-1374)</li>
78		- </ul>
79		- </div>
80		- </div>
81		- </div>
82		- <section class="section">
83		- <header class="section-tit-area">
84		- <div class="l-area">
85		- <h3 class="title-lg">장소선택</h3>
86		- </div>
87		- </header>
88		- <div class="info-type">
89		- <table>
90		- <caption>장소 정보로 학교, 정보로 구성되어 있습니다.</caption>
91		- <colgroup>
92		- <col style="width: 40%;">
93		- <col>
94		- </colgroup>
95		- <thead>
96		- <th scope="col">학교</th>
97		- <th scope="col">정보</th>
98		- </thead>
99		- <tbody>
100		- <tr>
101		- <td>
102		- <select title="학교선택" class="percent-width10">
103		- <option>온세종학교</option>
104		- </select>
105		- </td>
106		- <td>
107		- <ul class="info-inline-list u-block">
108		- <li>
109		- <i class="ico-location sm" aria-hidden="true"></i>
110		- <strong class="info-tit">주소</strong>
111		- <div class="txt-area">주소 내용</div>
112		- </li>
113		- <li>
114		- <i class="ico-call sm"></i>
115		- <strong class="info-tit">연락처</strong>
116		- <div class="txt-area">연락처 내용</div>
117		- </li>
118		- </ul>
119		- </td>
120		- </tr>
121		-
122		- </tbody>
123		- </table>
124		- </div>
125		- </section>
126		- <section class="section">
127		- <header class="section-tit-area">
128		- <div class="l-area">
129		- <h3 class="title-lg">날짜 선택</h3>
130		- </div>
131		- </header>
132		- <section class="calendar-area">
133		- <header class="calendar-header">
134		- <div class="l-area">
135		-
136		- <h3 class="calendar-tit">2025.09</h3>
137		- <div class="fnc">
138		- <button type="button" class="btn-calendar-pv">이전</button>
139		- <button type="button" class="btn-calendar-fw">다음</button>
140		- </div>
141		- </div>
142		- </header>
143		- <div class="calendar-tbl">
144		- <table>
145		- <caption> 달력 테이블로 일, 월, 화, 수, 목, 금, 토로 구성되어 있습니다. </caption>
146		- <thead>
147		- <tr>
148		- <th scope="col">일</th>
149		- <th scope="col">월</th>
150		- <th scope="col">화</th>
151		- <th scope="col">수</th>
152		- <th scope="col">목</th>
153		- <th scope="col">금</th>
154		- <th scope="col">토</th>
155		- </tr>
156		- </thead>
157		- <tbody>
158		- <tr>
159		- <td>
160		- <button type="button" class="lnk-full">선택</button>
161		- <div class="cont">
162		- <strong class="date">1</strong>
163		- <div class="txt-area">
164		- <ul class="calendar-info-list">
165		- <li>
166		- <strong class="info-tit">예약가능시설</strong>
167		- <div class="txt-area">
168		- <strong>4개</strong>
169		- </div>
170		- </li>
171		- </ul>
172		- <div class="calendar-fnc">
173		- <span class="btn sm">예약하기</span>
174		- </div>
175		- </div>
176		- </div>
177		- </td>
178		- <td class="is-close">
179		- <button type="button" class="lnk-full">선택</button>
180		- <div class="cont">
181		- <strong class="date">2</strong>
182		- <div class="txt-area">
183		- </div>
184		- </div>
185		- </td>
186		- <td class="is-today">
187		- <button type="button" class="lnk-full">선택</button>
188		- <div class="cont">
189		- <strong class="date">3</strong>
190		- <div class="txt-area">
191		- <ul class="calendar-info-list">
192		- <li>
193		- <strong class="info-tit">예약가능시설</strong>
194		- <div class="txt-area">
195		- <strong>4개</strong>
196		- </div>
197		- </li>
198		- </ul>
199		- <div class="calendar-fnc">
200		- <span class="btn sm">예약하기</span>
201		- </div>
202		- </div>
203		- </div>
204		- </td>
205		- <td class="is-close">
206		- <button type="button" class="lnk-full" disabled>선택</button>
207		- <div class="cont">
208		- <strong class="date">4</strong>
209		- <div class="txt-area">
210		- </div>
211		- </div>
212		- </td>
213		- <td class="is-close">
214		- <button type="button" class="lnk-full" disabled>선택</button>
215		- <div class="cont">
216		- <strong class="date">5</strong>
217		- <div class="txt-area">
218		- </div>
219		- </div>
220		- </td>
221		- <td class="is-close">
222		- <button type="button" class="lnk-full" disabled>선택</button>
223		- <div class="cont">
224		- <strong class="date">6</strong>
225		- <div class="txt-area">
226		- </div>
227		- </div>
228		- </td>
229		- <td class="is-close">
230		- <button type="button" class="lnk-full" disabled>선택</button>
231		- <div class="cont">
232		- <strong class="date">7</strong>
233		- <div class="txt-area">
234		- </div>
235		- </div>
236		- </td>
237		- </tr>
238		- <tr>
239		- <td>
240		- <button type="button" class="lnk-full">선택</button>
241		- <div class="cont">
242		- <strong class="date">8</strong>
243		- <div class="txt-area">
244		- <ul class="calendar-info-list">
245		- <li>
246		- <strong class="info-tit">예약가능시설</strong>
247		- <div class="txt-area">
248		- <strong>4개</strong>
249		- </div>
250		- </li>
251		- </ul>
252		- <div class="calendar-fnc">
253		- <span class="btn sm">예약하기</span>
254		- </div>
255		- </div>
256		- </div>
257		- </td>
258		- <td class="is-close">
259		- <button type="button" class="lnk-full" disabled>선택</button>
260		- <div class="cont">
261		- <strong class="date">9</strong>
262		- <div class="txt-area">
263		- </div>
264		- </div>
265		- </td>
266		- <td class="is-active">
267		- <button type="button" class="lnk-full">선택</button>
268		- <div class="cont">
269		- <strong class="date">10</strong>
270		- <div class="txt-area">
271		- <ul class="calendar-info-list">
272		- <li>
273		- <strong class="info-tit">예약가능시설</strong>
274		- <div class="txt-area">
275		- <strong>4개</strong>
276		- </div>
277		- </li>
278		- </ul>
279		- <div class="calendar-fnc">
280		- <span class="btn sm">예약하기</span>
281		- </div>
282		- </div>
283		- </div>
284		- </td>
285		- <td>
286		- <button type="button" class="lnk-full">선택</button>
287		- <div class="cont">
288		- <strong class="date">11</strong>
289		- <div class="txt-area">
290		- <ul class="calendar-info-list">
291		- <li>
292		- <strong class="info-tit">예약가능시설</strong>
293		- <div class="txt-area">
294		- <strong>4개</strong>
295		- </div>
296		- </li>
297		- </ul>
298		- <div class="calendar-fnc">
299		- <span class="btn sm">예약하기</span>
300		- </div>
301		- </div>
302		- </div>
303		- </td>
304		- <td>
305		- <button type="button" class="lnk-full">선택</button>
306		- <div class="cont">
307		- <strong class="date">12</strong>
308		- <div class="txt-area">
309		- <ul class="calendar-info-list">
310		- <li>
311		- <strong class="info-tit">예약가능시설</strong>
312		- <div class="txt-area">
313		- <strong>4개</strong>
314		- </div>
315		- </li>
316		- </ul>
317		- <div class="calendar-fnc">
318		- <span class="btn sm">예약하기</span>
319		- </div>
320		- </div>
321		- </div>
322		- </td>
323		- <td>
324		- <button type="button" class="lnk-full">선택</button>
325		- <div class="cont">
326		- <strong class="date">13</strong>
327		- <div class="txt-area">
328		- <ul class="calendar-info-list">
329		- <li>
330		- <strong class="info-tit">예약가능시설</strong>
331		- <div class="txt-area">
332		- <strong>4개</strong>
333		- </div>
334		- </li>
335		- </ul>
336		- <div class="calendar-fnc">
337		- <span class="btn sm">예약하기</span>
338		- </div>
339		- </div>
340		- </div>
341		- </td>
342		- <td>
343		- <button type="button" class="lnk-full">선택</button>
344		- <div class="cont">
345		- <strong class="date">14</strong>
346		- <div class="txt-area">
347		- <ul class="calendar-info-list">
348		- <li>
349		- <strong class="info-tit">예약가능시설</strong>
350		- <div class="txt-area">
351		- <strong>4개</strong>
352		- </div>
353		- </li>
354		- </ul>
355		- <div class="calendar-fnc">
356		- <span class="btn sm">예약하기</span>
357		- </div>
358		- </div>
359		- </div>
360		- </td>
361		- </tr>
362		- <tr>
363		- <td>
364		- <button type="button" class="lnk-full">선택</button>
365		- <div class="cont">
366		- <strong class="date">15</strong>
367		- <div class="txt-area">
368		- <ul class="calendar-info-list">
369		- <li>
370		- <strong class="info-tit">예약가능시설</strong>
371		- <div class="txt-area">
372		- <strong>4개</strong>
373		- </div>
374		- </li>
375		- </ul>
376		- <div class="calendar-fnc">
377		- <span class="btn sm">예약하기</span>
378		- </div>
379		- </div>
380		- </div>
381		- </td>
382		- <td>
383		- <button type="button" class="lnk-full">선택</button>
384		- <div class="cont">
385		- <strong class="date">16</strong>
386		- <div class="txt-area">
387		- <ul class="calendar-info-list">
388		- <li>
389		- <strong class="info-tit">예약가능시설</strong>
390		- <div class="txt-area">
391		- <strong>4개</strong>
392		- </div>
393		- </li>
394		- </ul>
395		- <div class="calendar-fnc">
396		- <span class="btn sm">예약하기</span>
397		- </div>
398		- </div>
399		- </div>
400		- </td>
401		- <td>
402		- <button type="button" class="lnk-full">선택</button>
403		- <div class="cont">
404		- <strong class="date">17</strong>
405		- <div class="txt-area">
406		- <ul class="calendar-info-list">
407		- <li>
408		- <strong class="info-tit">예약가능시설</strong>
409		- <div class="txt-area">
410		- <strong>4개</strong>
411		- </div>
412		- </li>
413		- </ul>
414		- <div class="calendar-fnc">
415		- <span class="btn sm">예약하기</span>
416		- </div>
417		- </div>
418		- </div>
419		- </td>
420		- <td>
421		- <button type="button" class="lnk-full">선택</button>
422		- <div class="cont">
423		- <strong class="date">18</strong>
424		- <div class="txt-area">
425		- <ul class="calendar-info-list">
426		- <li>
427		- <strong class="info-tit">예약가능시설</strong>
428		- <div class="txt-area">
429		- <strong>4개</strong>
430		- </div>
431		- </li>
432		- </ul>
433		- <div class="calendar-fnc">
434		- <span class="btn sm">예약하기</span>
435		- </div>
436		- </div>
437		- </div>
438		- </td>
439		- <td>
440		- <button type="button" class="lnk-full">선택</button>
441		- <div class="cont">
442		- <strong class="date">19</strong>
443		- <div class="txt-area">
444		- <ul class="calendar-info-list">
445		- <li>
446		- <strong class="info-tit">예약가능시설</strong>
447		- <div class="txt-area">
448		- <strong>4개</strong>
449		- </div>
450		- </li>
451		- </ul>
452		- <div class="calendar-fnc">
453		- <span class="btn sm">예약하기</span>
454		- </div>
455		- </div>
456		- </div>
457		- </td>
458		- <td>
459		- <button type="button" class="lnk-full">선택</button>
460		- <div class="cont">
461		- <strong class="date">20</strong>
462		- <div class="txt-area">
463		- <ul class="calendar-info-list">
464		- <li>
465		- <strong class="info-tit">예약가능시설</strong>
466		- <div class="txt-area">
467		- <strong>4개</strong>
468		- </div>
469		- </li>
470		- </ul>
471		- <div class="calendar-fnc">
472		- <span class="btn sm">예약하기</span>
473		- </div>
474		- </div>
475		- </div>
476		- </td>
477		- <td>
478		- <button type="button" class="lnk-full">선택</button>
479		- <div class="cont">
480		- <strong class="date">21</strong>
481		- <div class="txt-area">
482		- <ul class="calendar-info-list">
483		- <li>
484		- <strong class="info-tit">예약가능시설</strong>
485		- <div class="txt-area">
486		- <strong>4개</strong>
487		- </div>
488		- </li>
489		- </ul>
490		- <div class="calendar-fnc">
491		- <span class="btn sm">예약하기</span>
492		- </div>
493		- </div>
494		- </div>
495		- </td>
496		- </tr>
497		- <tr>
498		- <td>
499		- <button type="button" class="lnk-full">선택</button>
500		- <div class="cont">
501		- <strong class="date">22</strong>
502		- <div class="txt-area">
503		- <ul class="calendar-info-list">
504		- <li>
505		- <strong class="info-tit">예약가능시설</strong>
506		- <div class="txt-area">
507		- <strong>4개</strong>
508		- </div>
509		- </li>
510		- </ul>
511		- <div class="calendar-fnc">
512		- <span class="btn sm">예약하기</span>
513		- </div>
514		- </div>
515		- </div>
516		- </td>
517		- <td>
518		- <button type="button" class="lnk-full">선택</button>
519		- <div class="cont">
520		- <strong class="date">23</strong>
521		- <div class="txt-area">
522		- <ul class="calendar-info-list">
523		- <li>
524		- <strong class="info-tit">예약가능시설</strong>
525		- <div class="txt-area">
526		- <strong>4개</strong>
527		- </div>
528		- </li>
529		- </ul>
530		- <div class="calendar-fnc">
531		- <span class="btn sm">예약하기</span>
532		- </div>
533		- </div>
534		- </div>
535		- </td>
536		- <td>
537		- <button type="button" class="lnk-full">선택</button>
538		- <div class="cont">
539		- <strong class="date">24</strong>
540		- <div class="txt-area">
541		- <ul class="calendar-info-list">
542		- <li>
543		- <strong class="info-tit">예약가능시설</strong>
544		- <div class="txt-area">
545		- <strong>4개</strong>
546		- </div>
547		- </li>
548		- </ul>
549		- <div class="calendar-fnc">
550		- <span class="btn sm">예약하기</span>
551		- </div>
552		- </div>
553		- </div>
554		- </td>
555		- <td>
556		- <button type="button" class="lnk-full">선택</button>
557		- <div class="cont">
558		- <strong class="date">25</strong>
559		- <div class="txt-area">
560		- <ul class="calendar-info-list">
561		- <li>
562		- <strong class="info-tit">예약가능시설</strong>
563		- <div class="txt-area">
564		- <strong>4개</strong>
565		- </div>
566		- </li>
567		- </ul>
568		- <div class="calendar-fnc">
569		- <span class="btn sm">예약하기</span>
570		- </div>
571		- </div>
572		- </div>
573		- </td>
574		- <td>
575		- <button type="button" class="lnk-full">선택</button>
576		- <div class="cont">
577		- <strong class="date">26</strong>
578		- <div class="txt-area">
579		- <ul class="calendar-info-list">
580		- <li>
581		- <strong class="info-tit">예약가능시설</strong>
582		- <div class="txt-area">
583		- <strong>4개</strong>
584		- </div>
585		- </li>
586		- </ul>
587		- <div class="calendar-fnc">
588		- <span class="btn sm">예약하기</span>
589		- </div>
590		- </div>
591		- </div>
592		- </td>
593		- <td>
594		- <button type="button" class="lnk-full">선택</button>
595		- <div class="cont">
596		- <strong class="date">27</strong>
597		- <div class="txt-area">
598		- <ul class="calendar-info-list">
599		- <li>
600		- <strong class="info-tit">예약가능시설</strong>
601		- <div class="txt-area">
602		- <strong>4개</strong>
603		- </div>
604		- </li>
605		- </ul>
606		- <div class="calendar-fnc">
607		- <span class="btn sm">예약하기</span>
608		- </div>
609		- </div>
610		- </div>
611		- </td>
612		- <td>
613		- <button type="button" class="lnk-full">선택</button>
614		- <div class="cont">
615		- <strong class="date">28</strong>
616		- <div class="txt-area">
617		- <ul class="calendar-info-list">
618		- <li>
619		- <strong class="info-tit">예약가능시설</strong>
620		- <div class="txt-area">
621		- <strong>4개</strong>
622		- </div>
623		- </li>
624		- </ul>
625		- <div class="calendar-fnc">
626		- <span class="btn sm">예약하기</span>
627		- </div>
628		- </div>
629		- </div>
630		- </td>
631		- </tr>
632		- <tr>
633		- <td>
634		- <button type="button" class="lnk-full">선택</button>
635		- <div class="cont">
636		- <strong class="date">29</strong>
637		- <div class="txt-area">
638		- <ul class="calendar-info-list">
639		- <li>
640		- <strong class="info-tit">예약가능시설</strong>
641		- <div class="txt-area">
642		- <strong>4개</strong>
643		- </div>
644		- </li>
645		- </ul>
646		- <div class="calendar-fnc">
647		- <span class="btn sm">예약하기</span>
648		- </div>
649		- </div>
650		- </div>
651		- </td>
652		- <td>
653		- <button type="button" class="lnk-full">선택</button>
654		- <div class="cont">
655		- <strong class="date">30</strong>
656		- <div class="txt-area">
657		- <ul class="calendar-info-list">
658		- <li>
659		- <strong class="info-tit">예약가능시설</strong>
660		- <div class="txt-area">
661		- <strong>4개</strong>
662		- </div>
663		- </li>
664		- </ul>
665		- <div class="calendar-fnc">
666		- <span class="btn sm">예약하기</span>
667		- </div>
668		- </div>
669		- </div>
670		- </td>
671		- <td>
672		- <button type="button" class="lnk-full">선택</button>
673		- <div class="cont">
674		- <strong class="date">1</strong>
675		- <div class="txt-area">
676		- <ul class="calendar-info-list">
677		- <li>
678		- <strong class="info-tit">예약가능시설</strong>
679		- <div class="txt-area">
680		- <strong>4개</strong>
681		- </div>
682		- </li>
683		- </ul>
684		- <div class="calendar-fnc">
685		- <span class="btn sm">예약하기</span>
686		- </div>
687		- </div>
688		- </div>
689		- </td>
690		- <td>
691		- <button type="button" class="lnk-full">선택</button>
692		- <div class="cont">
693		- <strong class="date">2</strong>
694		- <div class="txt-area">
695		- <ul class="calendar-info-list">
696		- <li>
697		- <strong class="info-tit">예약가능시설</strong>
698		- <div class="txt-area">
699		- <strong>4개</strong>
700		- </div>
701		- </li>
702		- </ul>
703		- <div class="calendar-fnc">
704		- <span class="btn sm">예약하기</span>
705		- </div>
706		- </div>
707		- </div>
708		- </td>
709		- <td>
710		- <button type="button" class="lnk-full">선택</button>
711		- <div class="cont">
712		- <strong class="date">3</strong>
713		- <div class="txt-area">
714		- <ul class="calendar-info-list">
715		- <li>
716		- <strong class="info-tit">예약가능시설</strong>
717		- <div class="txt-area">
718		- <strong>4개</strong>
719		- </div>
720		- </li>
721		- </ul>
722		- <div class="calendar-fnc">
723		- <span class="btn sm">예약하기</span>
724		- </div>
725		- </div>
726		- </div>
727		- </td>
728		- <td>
729		- <button type="button" class="lnk-full">선택</button>
730		- <div class="cont">
731		- <strong class="date">4</strong>
732		- <div class="txt-area">
733		- <ul class="calendar-info-list">
734		- <li>
735		- <strong class="info-tit">예약가능시설</strong>
736		- <div class="txt-area">
737		- <strong>4개</strong>
738		- </div>
739		- </li>
740		- </ul>
741		- <div class="calendar-fnc">
742		- <span class="btn sm">예약하기</span>
743		- </div>
744		- </div>
745		- </div>
746		- </td>
747		- <td>
748		- <button type="button" class="lnk-full">선택</button>
749		- <div class="cont">
750		- <strong class="date">5</strong>
751		- <div class="txt-area">
752		- <ul class="calendar-info-list">
753		- <li>
754		- <strong class="info-tit">예약가능시설</strong>
755		- <div class="txt-area">
756		- <strong>4개</strong>
757		- </div>
758		- </li>
759		- </ul>
760		- <div class="calendar-fnc">
761		- <span class="btn sm">예약하기</span>
762		- </div>
763		- </div>
764		- </div>
765		- </td>
766		- </tr>
767		- </tbody>
768		- </table>
769		- </div>
770		-
771		- </section>
772		- </section>
773		- </div>
774		- </div>
775		-
776		- <footer class="site-footer"></footer>
777		- </div>
778		-
779		- <!-- toast -->
780		- <div class="toast"></div>
781		-
782		- <!--popup-->
783		- <div class="dim"></div>
784		-</body>
785		-
786		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">시설예약</h2>
	55	+ </div>
	56	+ </div>
	57	+ <div class="summary-page">
	58	+ <div class="l-area">
	59	+ <div class="img-area">
	60	+ <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true" />
	61	+ </div>
	62	+ <div class="txt-area">
	63	+ <ul class="bullet">
	64	+ <li>시설예약은 예약을 원하는 장소를 먼저 설정 후 날짜를 선택하여 예약하기를 합니다.</li>
	65	+ <li>학기당 예약 신청 가능 횟수는 최대 10번 입니다. 최대 예약 가능횟수를 초과할 수 없습니다.</li>
	66	+ <li>시설별 기본예약 건수를 확인하시고 예약을 신청하시면 반드시 승인대기 상태로 예약신청이 되며, 관리자 승인 후 예약이 완료됩니다.</li>
	67	+ <li>시설물 예약신청은 30일 전부터 가능합니다. 예약 1일 전까지 예약취소가 가능합니다. (당일은 예약취소가 불가능합니다.)</li>
	68	+ <li>예약신청 완료 후에는 예약내역을 수정할 수 없습니다. 수정이 필요한 경우 예약취소 후 재예약하셔야 합니다.</li>
	69	+ <li>예약관련 문의사항은 담당자에게 연락하여 주시기 바랍니다. (044-902-1374)</li>
	70	+ </ul>
	71	+ </div>
	72	+ </div>
	73	+ </div>
	74	+ <section class="section">
	75	+ <header class="section-tit-area">
	76	+ <div class="l-area">
	77	+ <h3 class="title-lg">장소선택</h3>
	78	+ </div>
	79	+ </header>
	80	+ <div class="info-type">
	81	+ <table>
	82	+ <caption>장소 정보로 학교, 정보로 구성되어 있습니다.</caption>
	83	+ <colgroup>
	84	+ <col style="width: 40%" />
	85	+ <col />
	86	+ </colgroup>
	87	+ <thead>
	88	+ <th scope="col">학교</th>
	89	+ <th scope="col">정보</th>
	90	+ </thead>
	91	+ <tbody>
	92	+ <tr>
	93	+ <td>
	94	+ <select title="학교선택" class="percent-width10">
	95	+ <option>온세종학교</option>
	96	+ </select>
	97	+ </td>
	98	+ <td>
	99	+ <ul class="info-inline-list u-block">
	100	+ <li>
	101	+ <i class="ico-location sm" aria-hidden="true"></i>
	102	+ <strong class="info-tit">주소</strong>
	103	+ <div class="txt-area">주소 내용</div>
	104	+ </li>
	105	+ <li>
	106	+ <i class="ico-call sm"></i>
	107	+ <strong class="info-tit">연락처</strong>
	108	+ <div class="txt-area">연락처 내용</div>
	109	+ </li>
	110	+ </ul>
	111	+ </td>
	112	+ </tr>
	113	+ </tbody>
	114	+ </table>
	115	+ </div>
	116	+ </section>
	117	+ <section class="section">
	118	+ <header class="section-tit-area">
	119	+ <div class="l-area">
	120	+ <h3 class="title-lg">날짜 선택</h3>
	121	+ </div>
	122	+ </header>
	123	+ <section class="calendar-area">
	124	+ <header class="calendar-header">
	125	+ <div class="l-area">
	126	+ <h3 class="calendar-tit">2025.09</h3>
	127	+ <div class="fnc">
	128	+ <button type="button" class="btn-calendar-pv">이전</button>
	129	+ <button type="button" class="btn-calendar-fw">다음</button>
	130	+ </div>
	131	+ </div>
	132	+ </header>
	133	+ <div class="calendar-tbl">
	134	+ <table>
	135	+ <caption>달력 테이블로 일, 월, 화, 수, 목, 금, 토로 구성되어 있습니다.</caption>
	136	+ <thead>
	137	+ <tr>
	138	+ <th scope="col">일</th>
	139	+ <th scope="col">월</th>
	140	+ <th scope="col">화</th>
	141	+ <th scope="col">수</th>
	142	+ <th scope="col">목</th>
	143	+ <th scope="col">금</th>
	144	+ <th scope="col">토</th>
	145	+ </tr>
	146	+ </thead>
	147	+ <tbody>
	148	+ <tr>
	149	+ <td>
	150	+ <button type="button" class="lnk-full">선택</button>
	151	+ <div class="cont">
	152	+ <strong class="date">1</strong>
	153	+ <div class="txt-area">
	154	+ <ul class="calendar-info-list">
	155	+ <li>
	156	+ <strong class="info-tit">예약가능시설</strong>
	157	+ <div class="txt-area">
	158	+ <strong>4개</strong>
	159	+ </div>
	160	+ </li>
	161	+ </ul>
	162	+ <div class="calendar-fnc">
	163	+ <span class="btn sm">예약하기</span>
	164	+ </div>
	165	+ </div>
	166	+ </div>
	167	+ </td>
	168	+ <td class="is-close">
	169	+ <button type="button" class="lnk-full">선택</button>
	170	+ <div class="cont">
	171	+ <strong class="date">2</strong>
	172	+ <div class="txt-area"></div>
	173	+ </div>
	174	+ </td>
	175	+ <td class="is-today">
	176	+ <button type="button" class="lnk-full">선택</button>
	177	+ <div class="cont">
	178	+ <strong class="date">3</strong>
	179	+ <div class="txt-area">
	180	+ <ul class="calendar-info-list">
	181	+ <li>
	182	+ <strong class="info-tit">예약가능시설</strong>
	183	+ <div class="txt-area">
	184	+ <strong>4개</strong>
	185	+ </div>
	186	+ </li>
	187	+ </ul>
	188	+ <div class="calendar-fnc">
	189	+ <span class="btn sm">예약하기</span>
	190	+ </div>
	191	+ </div>
	192	+ </div>
	193	+ </td>
	194	+ <td class="is-close">
	195	+ <button type="button" class="lnk-full" disabled>선택</button>
	196	+ <div class="cont">
	197	+ <strong class="date">4</strong>
	198	+ <div class="txt-area"></div>
	199	+ </div>
	200	+ </td>
	201	+ <td class="is-close">
	202	+ <button type="button" class="lnk-full" disabled>선택</button>
	203	+ <div class="cont">
	204	+ <strong class="date">5</strong>
	205	+ <div class="txt-area"></div>
	206	+ </div>
	207	+ </td>
	208	+ <td class="is-close">
	209	+ <button type="button" class="lnk-full" disabled>선택</button>
	210	+ <div class="cont">
	211	+ <strong class="date">6</strong>
	212	+ <div class="txt-area"></div>
	213	+ </div>
	214	+ </td>
	215	+ <td class="is-close">
	216	+ <button type="button" class="lnk-full" disabled>선택</button>
	217	+ <div class="cont">
	218	+ <strong class="date">7</strong>
	219	+ <div class="txt-area"></div>
	220	+ </div>
	221	+ </td>
	222	+ </tr>
	223	+ <tr>
	224	+ <td>
	225	+ <button type="button" class="lnk-full">선택</button>
	226	+ <div class="cont">
	227	+ <strong class="date">8</strong>
	228	+ <div class="txt-area">
	229	+ <ul class="calendar-info-list">
	230	+ <li>
	231	+ <strong class="info-tit">예약가능시설</strong>
	232	+ <div class="txt-area">
	233	+ <strong>4개</strong>
	234	+ </div>
	235	+ </li>
	236	+ </ul>
	237	+ <div class="calendar-fnc">
	238	+ <span class="btn sm">예약하기</span>
	239	+ </div>
	240	+ </div>
	241	+ </div>
	242	+ </td>
	243	+ <td class="is-close">
	244	+ <button type="button" class="lnk-full" disabled>선택</button>
	245	+ <div class="cont">
	246	+ <strong class="date">9</strong>
	247	+ <div class="txt-area"></div>
	248	+ </div>
	249	+ </td>
	250	+ <td class="is-active">
	251	+ <button type="button" class="lnk-full">선택</button>
	252	+ <div class="cont">
	253	+ <strong class="date">10</strong>
	254	+ <div class="txt-area">
	255	+ <ul class="calendar-info-list">
	256	+ <li>
	257	+ <strong class="info-tit">예약가능시설</strong>
	258	+ <div class="txt-area">
	259	+ <strong>4개</strong>
	260	+ </div>
	261	+ </li>
	262	+ </ul>
	263	+ <div class="calendar-fnc">
	264	+ <span class="btn sm">예약하기</span>
	265	+ </div>
	266	+ </div>
	267	+ </div>
	268	+ </td>
	269	+ <td>
	270	+ <button type="button" class="lnk-full">선택</button>
	271	+ <div class="cont">
	272	+ <strong class="date">11</strong>
	273	+ <div class="txt-area">
	274	+ <ul class="calendar-info-list">
	275	+ <li>
	276	+ <strong class="info-tit">예약가능시설</strong>
	277	+ <div class="txt-area">
	278	+ <strong>4개</strong>
	279	+ </div>
	280	+ </li>
	281	+ </ul>
	282	+ <div class="calendar-fnc">
	283	+ <span class="btn sm">예약하기</span>
	284	+ </div>
	285	+ </div>
	286	+ </div>
	287	+ </td>
	288	+ <td>
	289	+ <button type="button" class="lnk-full">선택</button>
	290	+ <div class="cont">
	291	+ <strong class="date">12</strong>
	292	+ <div class="txt-area">
	293	+ <ul class="calendar-info-list">
	294	+ <li>
	295	+ <strong class="info-tit">예약가능시설</strong>
	296	+ <div class="txt-area">
	297	+ <strong>4개</strong>
	298	+ </div>
	299	+ </li>
	300	+ </ul>
	301	+ <div class="calendar-fnc">
	302	+ <span class="btn sm">예약하기</span>
	303	+ </div>
	304	+ </div>
	305	+ </div>
	306	+ </td>
	307	+ <td>
	308	+ <button type="button" class="lnk-full">선택</button>
	309	+ <div class="cont">
	310	+ <strong class="date">13</strong>
	311	+ <div class="txt-area">
	312	+ <ul class="calendar-info-list">
	313	+ <li>
	314	+ <strong class="info-tit">예약가능시설</strong>
	315	+ <div class="txt-area">
	316	+ <strong>4개</strong>
	317	+ </div>
	318	+ </li>
	319	+ </ul>
	320	+ <div class="calendar-fnc">
	321	+ <span class="btn sm">예약하기</span>
	322	+ </div>
	323	+ </div>
	324	+ </div>
	325	+ </td>
	326	+ <td>
	327	+ <button type="button" class="lnk-full">선택</button>
	328	+ <div class="cont">
	329	+ <strong class="date">14</strong>
	330	+ <div class="txt-area">
	331	+ <ul class="calendar-info-list">
	332	+ <li>
	333	+ <strong class="info-tit">예약가능시설</strong>
	334	+ <div class="txt-area">
	335	+ <strong>4개</strong>
	336	+ </div>
	337	+ </li>
	338	+ </ul>
	339	+ <div class="calendar-fnc">
	340	+ <span class="btn sm">예약하기</span>
	341	+ </div>
	342	+ </div>
	343	+ </div>
	344	+ </td>
	345	+ </tr>
	346	+ <tr>
	347	+ <td>
	348	+ <button type="button" class="lnk-full">선택</button>
	349	+ <div class="cont">
	350	+ <strong class="date">15</strong>
	351	+ <div class="txt-area">
	352	+ <ul class="calendar-info-list">
	353	+ <li>
	354	+ <strong class="info-tit">예약가능시설</strong>
	355	+ <div class="txt-area">
	356	+ <strong>4개</strong>
	357	+ </div>
	358	+ </li>
	359	+ </ul>
	360	+ <div class="calendar-fnc">
	361	+ <span class="btn sm">예약하기</span>
	362	+ </div>
	363	+ </div>
	364	+ </div>
	365	+ </td>
	366	+ <td>
	367	+ <button type="button" class="lnk-full">선택</button>
	368	+ <div class="cont">
	369	+ <strong class="date">16</strong>
	370	+ <div class="txt-area">
	371	+ <ul class="calendar-info-list">
	372	+ <li>
	373	+ <strong class="info-tit">예약가능시설</strong>
	374	+ <div class="txt-area">
	375	+ <strong>4개</strong>
	376	+ </div>
	377	+ </li>
	378	+ </ul>
	379	+ <div class="calendar-fnc">
	380	+ <span class="btn sm">예약하기</span>
	381	+ </div>
	382	+ </div>
	383	+ </div>
	384	+ </td>
	385	+ <td>
	386	+ <button type="button" class="lnk-full">선택</button>
	387	+ <div class="cont">
	388	+ <strong class="date">17</strong>
	389	+ <div class="txt-area">
	390	+ <ul class="calendar-info-list">
	391	+ <li>
	392	+ <strong class="info-tit">예약가능시설</strong>
	393	+ <div class="txt-area">
	394	+ <strong>4개</strong>
	395	+ </div>
	396	+ </li>
	397	+ </ul>
	398	+ <div class="calendar-fnc">
	399	+ <span class="btn sm">예약하기</span>
	400	+ </div>
	401	+ </div>
	402	+ </div>
	403	+ </td>
	404	+ <td>
	405	+ <button type="button" class="lnk-full">선택</button>
	406	+ <div class="cont">
	407	+ <strong class="date">18</strong>
	408	+ <div class="txt-area">
	409	+ <ul class="calendar-info-list">
	410	+ <li>
	411	+ <strong class="info-tit">예약가능시설</strong>
	412	+ <div class="txt-area">
	413	+ <strong>4개</strong>
	414	+ </div>
	415	+ </li>
	416	+ </ul>
	417	+ <div class="calendar-fnc">
	418	+ <span class="btn sm">예약하기</span>
	419	+ </div>
	420	+ </div>
	421	+ </div>
	422	+ </td>
	423	+ <td>
	424	+ <button type="button" class="lnk-full">선택</button>
	425	+ <div class="cont">
	426	+ <strong class="date">19</strong>
	427	+ <div class="txt-area">
	428	+ <ul class="calendar-info-list">
	429	+ <li>
	430	+ <strong class="info-tit">예약가능시설</strong>
	431	+ <div class="txt-area">
	432	+ <strong>4개</strong>
	433	+ </div>
	434	+ </li>
	435	+ </ul>
	436	+ <div class="calendar-fnc">
	437	+ <span class="btn sm">예약하기</span>
	438	+ </div>
	439	+ </div>
	440	+ </div>
	441	+ </td>
	442	+ <td>
	443	+ <button type="button" class="lnk-full">선택</button>
	444	+ <div class="cont">
	445	+ <strong class="date">20</strong>
	446	+ <div class="txt-area">
	447	+ <ul class="calendar-info-list">
	448	+ <li>
	449	+ <strong class="info-tit">예약가능시설</strong>
	450	+ <div class="txt-area">
	451	+ <strong>4개</strong>
	452	+ </div>
	453	+ </li>
	454	+ </ul>
	455	+ <div class="calendar-fnc">
	456	+ <span class="btn sm">예약하기</span>
	457	+ </div>
	458	+ </div>
	459	+ </div>
	460	+ </td>
	461	+ <td>
	462	+ <button type="button" class="lnk-full">선택</button>
	463	+ <div class="cont">
	464	+ <strong class="date">21</strong>
	465	+ <div class="txt-area">
	466	+ <ul class="calendar-info-list">
	467	+ <li>
	468	+ <strong class="info-tit">예약가능시설</strong>
	469	+ <div class="txt-area">
	470	+ <strong>4개</strong>
	471	+ </div>
	472	+ </li>
	473	+ </ul>
	474	+ <div class="calendar-fnc">
	475	+ <span class="btn sm">예약하기</span>
	476	+ </div>
	477	+ </div>
	478	+ </div>
	479	+ </td>
	480	+ </tr>
	481	+ <tr>
	482	+ <td>
	483	+ <button type="button" class="lnk-full">선택</button>
	484	+ <div class="cont">
	485	+ <strong class="date">22</strong>
	486	+ <div class="txt-area">
	487	+ <ul class="calendar-info-list">
	488	+ <li>
	489	+ <strong class="info-tit">예약가능시설</strong>
	490	+ <div class="txt-area">
	491	+ <strong>4개</strong>
	492	+ </div>
	493	+ </li>
	494	+ </ul>
	495	+ <div class="calendar-fnc">
	496	+ <span class="btn sm">예약하기</span>
	497	+ </div>
	498	+ </div>
	499	+ </div>
	500	+ </td>
	501	+ <td>
	502	+ <button type="button" class="lnk-full">선택</button>
	503	+ <div class="cont">
	504	+ <strong class="date">23</strong>
	505	+ <div class="txt-area">
	506	+ <ul class="calendar-info-list">
	507	+ <li>
	508	+ <strong class="info-tit">예약가능시설</strong>
	509	+ <div class="txt-area">
	510	+ <strong>4개</strong>
	511	+ </div>
	512	+ </li>
	513	+ </ul>
	514	+ <div class="calendar-fnc">
	515	+ <span class="btn sm">예약하기</span>
	516	+ </div>
	517	+ </div>
	518	+ </div>
	519	+ </td>
	520	+ <td>
	521	+ <button type="button" class="lnk-full">선택</button>
	522	+ <div class="cont">
	523	+ <strong class="date">24</strong>
	524	+ <div class="txt-area">
	525	+ <ul class="calendar-info-list">
	526	+ <li>
	527	+ <strong class="info-tit">예약가능시설</strong>
	528	+ <div class="txt-area">
	529	+ <strong>4개</strong>
	530	+ </div>
	531	+ </li>
	532	+ </ul>
	533	+ <div class="calendar-fnc">
	534	+ <span class="btn sm">예약하기</span>
	535	+ </div>
	536	+ </div>
	537	+ </div>
	538	+ </td>
	539	+ <td>
	540	+ <button type="button" class="lnk-full">선택</button>
	541	+ <div class="cont">
	542	+ <strong class="date">25</strong>
	543	+ <div class="txt-area">
	544	+ <ul class="calendar-info-list">
	545	+ <li>
	546	+ <strong class="info-tit">예약가능시설</strong>
	547	+ <div class="txt-area">
	548	+ <strong>4개</strong>
	549	+ </div>
	550	+ </li>
	551	+ </ul>
	552	+ <div class="calendar-fnc">
	553	+ <span class="btn sm">예약하기</span>
	554	+ </div>
	555	+ </div>
	556	+ </div>
	557	+ </td>
	558	+ <td>
	559	+ <button type="button" class="lnk-full">선택</button>
	560	+ <div class="cont">
	561	+ <strong class="date">26</strong>
	562	+ <div class="txt-area">
	563	+ <ul class="calendar-info-list">
	564	+ <li>
	565	+ <strong class="info-tit">예약가능시설</strong>
	566	+ <div class="txt-area">
	567	+ <strong>4개</strong>
	568	+ </div>
	569	+ </li>
	570	+ </ul>
	571	+ <div class="calendar-fnc">
	572	+ <span class="btn sm">예약하기</span>
	573	+ </div>
	574	+ </div>
	575	+ </div>
	576	+ </td>
	577	+ <td>
	578	+ <button type="button" class="lnk-full">선택</button>
	579	+ <div class="cont">
	580	+ <strong class="date">27</strong>
	581	+ <div class="txt-area">
	582	+ <ul class="calendar-info-list">
	583	+ <li>
	584	+ <strong class="info-tit">예약가능시설</strong>
	585	+ <div class="txt-area">
	586	+ <strong>4개</strong>
	587	+ </div>
	588	+ </li>
	589	+ </ul>
	590	+ <div class="calendar-fnc">
	591	+ <span class="btn sm">예약하기</span>
	592	+ </div>
	593	+ </div>
	594	+ </div>
	595	+ </td>
	596	+ <td>
	597	+ <button type="button" class="lnk-full">선택</button>
	598	+ <div class="cont">
	599	+ <strong class="date">28</strong>
	600	+ <div class="txt-area">
	601	+ <ul class="calendar-info-list">
	602	+ <li>
	603	+ <strong class="info-tit">예약가능시설</strong>
	604	+ <div class="txt-area">
	605	+ <strong>4개</strong>
	606	+ </div>
	607	+ </li>
	608	+ </ul>
	609	+ <div class="calendar-fnc">
	610	+ <span class="btn sm">예약하기</span>
	611	+ </div>
	612	+ </div>
	613	+ </div>
	614	+ </td>
	615	+ </tr>
	616	+ <tr>
	617	+ <td>
	618	+ <button type="button" class="lnk-full">선택</button>
	619	+ <div class="cont">
	620	+ <strong class="date">29</strong>
	621	+ <div class="txt-area">
	622	+ <ul class="calendar-info-list">
	623	+ <li>
	624	+ <strong class="info-tit">예약가능시설</strong>
	625	+ <div class="txt-area">
	626	+ <strong>4개</strong>
	627	+ </div>
	628	+ </li>
	629	+ </ul>
	630	+ <div class="calendar-fnc">
	631	+ <span class="btn sm">예약하기</span>
	632	+ </div>
	633	+ </div>
	634	+ </div>
	635	+ </td>
	636	+ <td>
	637	+ <button type="button" class="lnk-full">선택</button>
	638	+ <div class="cont">
	639	+ <strong class="date">30</strong>
	640	+ <div class="txt-area">
	641	+ <ul class="calendar-info-list">
	642	+ <li>
	643	+ <strong class="info-tit">예약가능시설</strong>
	644	+ <div class="txt-area">
	645	+ <strong>4개</strong>
	646	+ </div>
	647	+ </li>
	648	+ </ul>
	649	+ <div class="calendar-fnc">
	650	+ <span class="btn sm">예약하기</span>
	651	+ </div>
	652	+ </div>
	653	+ </div>
	654	+ </td>
	655	+ <td>
	656	+ <button type="button" class="lnk-full">선택</button>
	657	+ <div class="cont">
	658	+ <strong class="date">1</strong>
	659	+ <div class="txt-area">
	660	+ <ul class="calendar-info-list">
	661	+ <li>
	662	+ <strong class="info-tit">예약가능시설</strong>
	663	+ <div class="txt-area">
	664	+ <strong>4개</strong>
	665	+ </div>
	666	+ </li>
	667	+ </ul>
	668	+ <div class="calendar-fnc">
	669	+ <span class="btn sm">예약하기</span>
	670	+ </div>
	671	+ </div>
	672	+ </div>
	673	+ </td>
	674	+ <td>
	675	+ <button type="button" class="lnk-full">선택</button>
	676	+ <div class="cont">
	677	+ <strong class="date">2</strong>
	678	+ <div class="txt-area">
	679	+ <ul class="calendar-info-list">
	680	+ <li>
	681	+ <strong class="info-tit">예약가능시설</strong>
	682	+ <div class="txt-area">
	683	+ <strong>4개</strong>
	684	+ </div>
	685	+ </li>
	686	+ </ul>
	687	+ <div class="calendar-fnc">
	688	+ <span class="btn sm">예약하기</span>
	689	+ </div>
	690	+ </div>
	691	+ </div>
	692	+ </td>
	693	+ <td>
	694	+ <button type="button" class="lnk-full">선택</button>
	695	+ <div class="cont">
	696	+ <strong class="date">3</strong>
	697	+ <div class="txt-area">
	698	+ <ul class="calendar-info-list">
	699	+ <li>
	700	+ <strong class="info-tit">예약가능시설</strong>
	701	+ <div class="txt-area">
	702	+ <strong>4개</strong>
	703	+ </div>
	704	+ </li>
	705	+ </ul>
	706	+ <div class="calendar-fnc">
	707	+ <span class="btn sm">예약하기</span>
	708	+ </div>
	709	+ </div>
	710	+ </div>
	711	+ </td>
	712	+ <td>
	713	+ <button type="button" class="lnk-full">선택</button>
	714	+ <div class="cont">
	715	+ <strong class="date">4</strong>
	716	+ <div class="txt-area">
	717	+ <ul class="calendar-info-list">
	718	+ <li>
	719	+ <strong class="info-tit">예약가능시설</strong>
	720	+ <div class="txt-area">
	721	+ <strong>4개</strong>
	722	+ </div>
	723	+ </li>
	724	+ </ul>
	725	+ <div class="calendar-fnc">
	726	+ <span class="btn sm">예약하기</span>
	727	+ </div>
	728	+ </div>
	729	+ </div>
	730	+ </td>
	731	+ <td>
	732	+ <button type="button" class="lnk-full">선택</button>
	733	+ <div class="cont">
	734	+ <strong class="date">5</strong>
	735	+ <div class="txt-area">
	736	+ <ul class="calendar-info-list">
	737	+ <li>
	738	+ <strong class="info-tit">예약가능시설</strong>
	739	+ <div class="txt-area">
	740	+ <strong>4개</strong>
	741	+ </div>
	742	+ </li>
	743	+ </ul>
	744	+ <div class="calendar-fnc">
	745	+ <span class="btn sm">예약하기</span>
	746	+ </div>
	747	+ </div>
	748	+ </div>
	749	+ </td>
	750	+ </tr>
	751	+ </tbody>
	752	+ </table>
	753	+ </div>
	754	+ </section>
	755	+ </section>
	756	+ </div>
	757	+ </div>
	758	+ </div>
	759	+ <footer class="site-footer"></footer>
	760	+ </div>
	761	+ <!-- toast -->
	762	+ <div class="toast"></div>
	763	+ <!--popup-->
	764	+ <div class="dim"></div>
	765	+ </body>
	766	+</html>

a00f727

08f9adb

html/onSejong/common/facility/facilityResserve2.html

--- html/onSejong/common/facility/facilityResserve2.html

+++ html/onSejong/common/facility/facilityResserve2.html

...	...	@@ -1,186 +1,180 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		- <div class="wrap">
55		- <ul class="breadcrumb">
56		- <li><a href="#none" class="home">홈</a></li>
57		- <li><a href="#none">1depth</a></li>
58		- <li><a href="#none">2depth</a></li>
59		- </ul>
60		- <div class="page-tit-area">
61		- <div class="l-area">
62		- <h2 class="title-xlg">시설선택</h2>
63		- </div>
64		- </div>
65		- <section class="section">
66		- <h3 class="txt-hide">장소 정보</h3>
67		- <div class="info-type">
68		- <table>
69		- <caption>장소 정보로 학교, 정보로 구성되어 있습니다.</caption>
70		- <colgroup>
71		- <col style="width: 40%;">
72		- <col>
73		- </colgroup>
74		- <thead>
75		- <th scope="col">학교</th>
76		- <th scope="col">정보</th>
77		- </thead>
78		- <tbody>
79		- <tr>
80		- <td>
81		- 온세종학교
82		- </td>
83		- <td>
84		- <ul class="info-inline-list u-block">
85		- <li>
86		- <i class="ico-location sm" aria-hidden="true"></i>
87		- <strong class="info-tit">주소</strong>
88		- <div class="txt-area">주소 내용</div>
89		- </li>
90		- <li>
91		- <i class="ico-call sm"></i>
92		- <strong class="info-tit">연락처</strong>
93		- <div class="txt-area">연락처 내용</div>
94		- </li>
95		- </ul>
96		- </td>
97		- </tr>
98		- </tbody>
99		- </table>
100		- </div>
101		- </section>
102		- <section class="section">
103		- <h3 class="txt-hide">검색</h3>
104		- <div class="fnc-area">
105		- <div class="l-area">
106		- <p>총 <em>134</em>건</p>
107		- </div>
108		- <div class="r-area">
109		- <fieldset class="search-area">
110		- <legend>검색</legend>
111		- <div class="search">
112		- <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
113		- <button class="btn ico-search">검색</button>
114		- </div>
115		- </fieldset>
116		- </div>
117		- </div>
118		- <div class="txt-none">
119		- <figure>
120		- <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="검색어 없음">
121		- </figure>
122		- <div class="txt-area">
123		- <strong class="none-tit">검색어 “<em>입력한 겸색어</em>” 에 대한 검색 결과가 없습니다.</strong>
124		- <ul class="bullet">
125		- <li>철자나 맞춤법 오류가 있는지 확인해 주세요.</li>
126		- <li>시설명을 검색 했는지 확인해 주세요.</li>
127		- </ul>
128		- </div>
129		- </div>
130		- <ul class="board-thumb-list">
131		- <li>
132		- <button type="submit" class="check-full"><span class="btn primary back ico-arrow-right">선택하기</span></button>
133		- <div class="txt-area">
134		- <div class="label-area">
135		- <span class="label success">예약가능</span>
136		- </div>
137		- <strong class="list-tit">시설명 표시하는 영역</strong>
138		- <ul class="info-inline-list u-block">
139		- <li>
140		- <strong class="info-tit">담당자</strong>
141		- <div class="txt-area">홍길동</div>
142		- </li>
143		- </ul>
144		- </div>
145		- <div class="img-area">
146		- <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="시설 이미지">
147		- </div>
148		- </li>
149		- <li>
150		- <button type="submit" class="check-full" disabled><span class="btn primary back ico-arrow-right">선택하기</span></button>
151		- <div class="txt-area">
152		- <div class="label-area">
153		- <span class="label">예약 불가</span>
154		- </div>
155		- <strong class="list-tit">시설명 표시하는 영역
156		- 표시하는 영역</strong>
157		- <ul class="info-inline-list u-block">
158		- <li>
159		- <strong class="info-tit">담당자</strong>
160		- <div class="txt-area">홍길동</div>
161		- </li>
162		- </ul>
163		- </div>
164		- <div class="img-area">
165		- <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="시설 이미지">
166		- </div>
167		- </li>
168		- </ul>
169		- <div class="btn-cont">
170		- <button type="button" class="btn lg ico-plus back">더보기</button>
171		- </div>
172		- </section>
173		- </div>
174		- </div>
175		-
176		- <footer class="site-footer"></footer>
177		- </div>
178		-
179		- <!-- toast -->
180		- <div class="toast"></div>
181		-
182		- <!--popup-->
183		- <div class="dim"></div>
184		-</body>
185		-
186		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">시설선택</h2>
	55	+ </div>
	56	+ </div>
	57	+ <section class="section">
	58	+ <h3 class="txt-hide">장소 정보</h3>
	59	+ <div class="info-type">
	60	+ <table>
	61	+ <caption>장소 정보로 학교, 정보로 구성되어 있습니다.</caption>
	62	+ <colgroup>
	63	+ <col style="width: 40%" />
	64	+ <col />
	65	+ </colgroup>
	66	+ <thead>
	67	+ <th scope="col">학교</th>
	68	+ <th scope="col">정보</th>
	69	+ </thead>
	70	+ <tbody>
	71	+ <tr>
	72	+ <td>온세종학교</td>
	73	+ <td>
	74	+ <ul class="info-inline-list u-block">
	75	+ <li>
	76	+ <i class="ico-location sm" aria-hidden="true"></i>
	77	+ <strong class="info-tit">주소</strong>
	78	+ <div class="txt-area">주소 내용</div>
	79	+ </li>
	80	+ <li>
	81	+ <i class="ico-call sm"></i>
	82	+ <strong class="info-tit">연락처</strong>
	83	+ <div class="txt-area">연락처 내용</div>
	84	+ </li>
	85	+ </ul>
	86	+ </td>
	87	+ </tr>
	88	+ </tbody>
	89	+ </table>
	90	+ </div>
	91	+ </section>
	92	+ <section class="section">
	93	+ <h3 class="txt-hide">검색</h3>
	94	+ <div class="fnc-area">
	95	+ <div class="l-area">
	96	+ <p>
	97	+ 총
	98	+ <em>134</em>
	99	+ 건
	100	+ </p>
	101	+ </div>
	102	+ <div class="r-area">
	103	+ <fieldset class="search-area">
	104	+ <legend>검색</legend>
	105	+ <div class="search">
	106	+ <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요" />
	107	+ <button class="btn ico-search">검색</button>
	108	+ </div>
	109	+ </fieldset>
	110	+ </div>
	111	+ </div>
	112	+ <div class="txt-none">
	113	+ <figure>
	114	+ <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="검색어 없음" />
	115	+ </figure>
	116	+ <div class="txt-area">
	117	+ <strong class="none-tit">
	118	+ 검색어 “
	119	+ <em>입력한 겸색어</em>
	120	+ ” 에 대한 검색 결과가 없습니다.
	121	+ </strong>
	122	+ <ul class="bullet">
	123	+ <li>철자나 맞춤법 오류가 있는지 확인해 주세요.</li>
	124	+ <li>시설명을 검색 했는지 확인해 주세요.</li>
	125	+ </ul>
	126	+ </div>
	127	+ </div>
	128	+ <ul class="board-thumb-list">
	129	+ <li>
	130	+ <button type="submit" class="check-full"><span class="btn primary back ico-arrow-right">선택하기</span></button>
	131	+ <div class="txt-area">
	132	+ <div class="label-area">
	133	+ <span class="label success">예약가능</span>
	134	+ </div>
	135	+ <strong class="list-tit">시설명 표시하는 영역</strong>
	136	+ <ul class="info-inline-list u-block">
	137	+ <li>
	138	+ <strong class="info-tit">담당자</strong>
	139	+ <div class="txt-area">홍길동</div>
	140	+ </li>
	141	+ </ul>
	142	+ </div>
	143	+ <div class="img-area">
	144	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="시설 이미지" />
	145	+ </div>
	146	+ </li>
	147	+ <li>
	148	+ <button type="submit" class="check-full" disabled><span class="btn primary back ico-arrow-right">선택하기</span></button>
	149	+ <div class="txt-area">
	150	+ <div class="label-area">
	151	+ <span class="label">예약 불가</span>
	152	+ </div>
	153	+ <strong class="list-tit">시설명 표시하는 영역 표시하는 영역</strong>
	154	+ <ul class="info-inline-list u-block">
	155	+ <li>
	156	+ <strong class="info-tit">담당자</strong>
	157	+ <div class="txt-area">홍길동</div>
	158	+ </li>
	159	+ </ul>
	160	+ </div>
	161	+ <div class="img-area">
	162	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="시설 이미지" />
	163	+ </div>
	164	+ </li>
	165	+ </ul>
	166	+ <div class="btn-cont">
	167	+ <button type="button" class="btn lg ico-plus back">더보기</button>
	168	+ </div>
	169	+ </section>
	170	+ </div>
	171	+ </div>
	172	+ </div>
	173	+ <footer class="site-footer"></footer>
	174	+ </div>
	175	+ <!-- toast -->
	176	+ <div class="toast"></div>
	177	+ <!--popup-->
	178	+ <div class="dim"></div>
	179	+ </body>
	180	+</html>

a00f727

08f9adb

html/onSejong/common/facility/facilityResserve3.html

--- html/onSejong/common/facility/facilityResserve3.html

+++ html/onSejong/common/facility/facilityResserve3.html

...	...	@@ -1,393 +1,418 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
36		-
37		-<body>
38		- <div class="accessibility">
39		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
40		- </div>
41		- <!-- for-teacher / for-student -->
42		- <div class="container">
43		- <!-- 통합 헤더 및 네비게이션 -->
44		- <header class="site-header"></header>
45		- <div class="site-body" id="skipToContents">
46		- <div class="wrap">
47		- <ul class="breadcrumb">
48		- <li><a href="#none" class="home">홈</a></li>
49		- <li><a href="#none">1depth</a></li>
50		- <li><a href="#none">2depth</a></li>
51		- </ul>
52		- <div class="page-tit-area">
53		- <div class="l-area">
54		- <h2 class="title-xlg">예약하기</h2>
55		- </div>
56		- </div>
57		- <div class="img-swiper-area">
58		- <div class="img-area">
59		- <div class="swiper img-swiper">
60		- <div class="swiper-wrapper">
61		- <div class="swiper-slide">
62		- <figure>
63		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
64		- </figure>
65		- </div>
66		- <div class="swiper-slide">
67		- <figure>
68		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
69		- </figure>
70		- </div>
71		- <div class="swiper-slide">
72		- <figure>
73		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
74		- </figure>
75		- </div>
76		- <div class="swiper-slide">
77		- <figure>
78		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
79		- </figure>
80		- </div>
81		- <div class="swiper-slide">
82		- <figure>
83		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
84		- </figure>
85		- </div>
86		- <div class="swiper-slide">
87		- <figure>
88		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
89		- </figure>
90		- </div>
91		- <div class="swiper-slide">
92		- <figure>
93		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
94		- </figure>
95		- </div>
96		- </div>
97		- </div>
98		- <div class="swiper-fnc">
99		- <button type="button" class="swiper-button-prev">이전</button>
100		- <button type="button" class="swiper-button-next">다음</button>
101		- </div>
102		- </div>
103		- <div class="img-thumb-area">
104		- <div class="swiper img-thumb-swiper">
105		- <div class="swiper-wrapper">
106		- <div class="swiper-slide">
107		- <figure>
108		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
109		- </figure>
110		- </div>
111		- <div class="swiper-slide">
112		- <figure>
113		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
114		- </figure>
115		- </div>
116		- <div class="swiper-slide">
117		- <figure>
118		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
119		- </figure>
120		- </div>
121		- <div class="swiper-slide">
122		- <figure>
123		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
124		- </figure>
125		- </div>
126		- <div class="swiper-slide">
127		- <figure>
128		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
129		- </figure>
130		- </div>
131		- <div class="swiper-slide">
132		- <figure>
133		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
134		- </figure>
135		- </div>
136		- <div class="swiper-slide">
137		- <figure>
138		- <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지">
139		- </figure>
140		- </div>
141		- </div>
142		- </div>
143		- <div class="swiper-fnc vertical">
144		- <button type="button" class="swiper-button-prev sm">이전</button>
145		- <button type="button" class="swiper-button-next sm">다음</button>
146		- </div>
147		- </div>
148		- </div>
149		- <section class="section">
150		- <header class="section-tit-area">
151		- <div class="l-area">
152		- <h3 class="title-lg">시설이용 정보</h3>
153		- </div>
154		- </header>
155		- <div class="write-type">
156		- <table>
157		- <caption>시설이용 정보</caption>
158		- <colgroup>
159		- <col style="width: 240px;">
160		- <col>
161		- <col style="width: 240px;">
162		- <col>
163		- </colgroup>
164		- <tbody>
165		- <tr>
166		- <th scope="row">시설위치</th>
167		- <td colspan="3">
168		- <ul class="info-inline-list">
169		- <li>
170		- <div class="txt-area">온세종학교</div>
171		- </li>
172		- <li>
173		- <div class="txt-area">세종특별자치시 산울3로 140, 온세종학교 (산울동)</div>
174		- </li>
175		- </ul>
176		- </td>
177		- </tr>
178		- <tr>
179		- <th scope="row">시설명</th>
180		- <td>스튜디오1</td>
181		- <th scope="row">상태</th>
182		- <td>신청</td>
183		- </tr>
184		- <tr>
185		- <th scope="row">담당자</th>
186		- <td>김담당</td>
187		- <th scope="row">이용날짜</th>
188		- <td>2025월 8월 29일 (금)</td>
189		- </tr>
190		- <tr>
191		- <th scope="row">이용시간<i class="required">필수</i></th>
192		- <td colspan="3">
193		- <select title="이용할 시간 선택">
194		- <option value="">이용할 시간 선택</option>
195		- </select>
196		- <div class="chip-area">
197		- <span class="chip-tag">09:00~10:00 <button class="ico-close">삭제</button></span>
198		- <span class="chip-tag">09:00~10:00 <button class="ico-close">삭제</button></span>
199		- <span class="chip-tag">09:00~10:00 <button class="ico-close">삭제</button></span>
200		- </div>
201		- </td>
202		- </tr>
203		- <tr>
204		- <th scope="row">이용인원<i class="required">필수</i></th>
205		- <td colspan="3">
206		- <div class="input-box">
207		- <input type="number" class="input q0" title="인원 수 입력">
208		- <span>명</span>
209		- </div>
210		- </td>
211		- </tr>
212		- <tr>
213		- <th scope="row">시설이용 목적<i class="required">필수</i></th>
214		- <td colspan="3">
215		- <fieldset class="checkradio-area">
216		- <legend>시설이용 목적 선택</legend>
217		- <div class="checkradio">
218		- <input type="radio" id="purpose1" name="purpose" checked>
219		- <label for="purpose1">수업</label>
220		- </div>
221		- <div class="checkradio">
222		- <input type="radio" id="purpose2" name="purpose">
223		- <label for="purpose2">교내행사</label>
224		- </div>
225		- <div class="checkradio">
226		- <input type="radio" id="purpose3" name="purpose">
227		- <label for="purpose3">학급 활동</label>
228		- </div>
229		- <div class="checkradio">
230		- <input type="radio" id="purpose4" name="purpose">
231		- <label for="purpose4">동아리 활동</label>
232		- </div>
233		- <div class="checkradio">
234		- <input type="radio" id="purpose5" name="purpose">
235		- <label for="purpose5">기타</label>
236		- <fieldset class="checkradio-option">
237		- <legend>기타 내용입력</legend>
238		- <input type="text" placeholder="내용을 입력하세요." title="기타 내용 입력">
239		- </fieldset>
240		- </div>
241		- </fieldset>
242		- </td>
243		- </tr>
244		- <tr>
245		- <th scope="row">첨부파일</th>
246		- <td colspan="3">
247		- <div class="file-custom">
248		- <span class="btn secondary ico-upload">파일 찾기</span>
249		- <p class="msg">파일 첨부 20MB 이하의 파일을 등록할 수 있습니다.</p>
250		- </div>
251		- <div class="item-list-box">
252		- <div class="item">
253		- <div class="txt-area">
254		- <i class="ico-attach"></i>
255		- <p class="txt"> 첨부파일명.pdf </p>
256		- <small>124kb</small>
257		- </div>
258		- <div class="item-fnc-area">
259		- <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a>
260		- <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
261		- </div>
262		- </div>
263		- <div class="item">
264		- <div class="txt-area">
265		- <i class="ico-attach"></i>
266		- <p class="txt">첨부파일명.pdf</p>
267		- <small>124kb</small>
268		- </div>
269		- <div class="item-fnc-area">
270		- <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a>
271		- <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
272		- </div>
273		- </div>
274		- <div class="item">
275		- <div class="txt-area">
276		- <i class="ico-attach"></i>
277		- <p class="txt">첨부파일명.pdf</p>
278		- <small>124kb</small>
279		- </div>
280		- <div class="item-fnc-area">
281		- <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a>
282		- <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
283		- </div>
284		- </div>
285		- </div>
286		- </td>
287		- </tr>
288		- </tbody>
289		- </table>
290		- </div>
291		- </section>
292		- <section class="section">
293		- <header class="section-tit-area">
294		- <div class="l-area">
295		- <h3 class="title-lg">예약자정보</h3>
296		- </div>
297		- </header>
298		- <div class="write-type">
299		- <table>
300		- <caption>예약자정보</caption>
301		- <colgroup>
302		- <col style="width: 240px;">
303		- <col>
304		- <col style="width: 240px;">
305		- <col>
306		- </colgroup>
307		- <tbody>
308		- <tr>
309		- <th scope="row">이름</th>
310		- <td>홍길동</td>
311		- <th scope="row">소속</th>
312		- <td>온세종학교</td>
313		- </tr>
314		- <tr>
315		- <th scope="row">휴대전화번호<i class="required">필수</i></th>
316		- <td colspan="3">
317		- <div class="input-phone-area">
318		- <div class="phone">
319		- <select title="전화번호 앞자리 선택">
320		- <option value="010">010</option>
321		- <option value="011">011</option>
322		- </select>
323		- <span aria-hidden="true">-</span>
324		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력">
325		- <span aria-hidden="true">-</span>
326		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력">
327		- </div>
328		- </div>
329		- </td>
330		- </tr>
331		- <tr>
332		- <th scope="row">이메일<i class="required">필수</i></th>
333		- <td colspan="3">z112344@naver.com</td>
334		- </tr>
335		- </tbody>
336		- </table>
337		- </div>
338		- </section>
339		- <section class="section">
340		- <header class="section-tit-area">
341		- <div class="l-area">
342		- <h3 class="title-lg">개인정보 수집 및 이용에 대한 동의</h3>
343		- </div>
344		- </header>
345		- <div class="agree-box">
346		- <div class="agree-txt-area">
347		- <p>시설 이용과 관련하여 아래와 같이 개인정보를 수집 · 이용하고자 합니다. 내용을 자세히 읽으신 후 동의 여부를 결정하여 주십시오.</p><br>
348		- <ul class="bullet">
349		- <li>항목: 신청자 이름, 소속, 연락처</li>
350		- <li>수집 · 이용 목적: 세종특별자치시교육청교육원 시설이용</li>
351		- <li>보유기간: 1년</li>
352		- </ul>
353		- </div>
354		- <div class="agree-fnc">
355		- <div class="checkradio">
356		- <input type="checkbox" id="agree">
357		- <label for="agree">동의합니다.</label>
358		- </div>
359		- </div>
360		- </div>
361		- </section>
362		- <section class="section">
363		- <header class="section-tit-area">
364		- <div class="l-area">
365		- <h3 class="title-lg">시설물 사용 유의사항</h3>
366		- </div>
367		- </header>
368		- <div class="bg-box">
369		- <ul class="bullet font-color-default-secondary">
370		- <li>관리자를 통해 등록된 유의사항 표시</li>
371		- <li>시설물 및 장비 보호 : 시설물을 임의로 변경하거나 파손하는 행위는 금지되며, 사용한 기물은 깨끗하게 정리해야 합니다.</li>
372		- <li>사용 금지 행위 : 흡연, 음주, 폭죽놀이 등 화기 사용은 금지됩니다. 고성방가나 주류 반입, 애완동물 동반 등 다른 이용자에게 피해를 주는 행위도 금지될 수 있습니다.</li>
373		- <li>사용 목적 준수 : 허가된 사용 목적 범위 내에서만 시설을 이용해야 하며, 정치·종교적 행사 등 특정 단체의 이익을 위한 사용은 제한될 수 있습니다.</li>
374		- <li>안전 수칙 준수 : 안전 사고 예방을 위해 비상구 위치를 파악하고, 무리한 행동이나 장난은 삼가야 합니다. 안전 장비가 있다면 올바르게 착용하고, 자신의 체력 상태에 맞는 운동을 해야 합니다.</li>
375		- <li>정리정돈 : 시설물 사용을 마친 후에는 사용한 장비를 제자리에 정리하고, 흘린 땀이나 이물질을 닦아 다음 사용자를 위해 깨끗하게 정리해야 합니다.</li>
376		- <li>해당 시설의 이용 규정 : 각 시설마다 고유의 이용 규정, 운영 수칙, 안전 수칙이 있으므로, 이용 전에 반드시 확인해야 합니다.</li>
377		- <li>안전 점검 결과 : 시설물의 안전 상태를 파악하기 위해 정기적으로 실시되는 안전 점검 및 진단 결과를 확인하는 것이 중요합니다.</li>
378		- <li>비상 연락망 및 비상구 : 위급 상황 발생 시 신속하게 대처할 수 있도록 비상 연락망과 비상구의 위치를 미리 파악해 두어야 합니다.</li>
379		- </ul>
380		- </div>
381		- </section>
382		- <div class="btn-cont"><a href="#none" class="btn lg primary">예약 신청하기</a></div>
383		- </div>
384		- </div>
385		- <footer class="site-footer"></footer>
386		- </div>
387		- <!-- toast -->
388		- <div class="toast"></div>
389		- <!--popup-->
390		- <div class="dim"></div>
391		-</body>
392		-
393		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">예약하기</h2>
	55	+ </div>
	56	+ </div>
	57	+ <div class="img-swiper-area">
	58	+ <div class="img-area">
	59	+ <div class="swiper img-swiper">
	60	+ <div class="swiper-wrapper">
	61	+ <div class="swiper-slide">
	62	+ <figure>
	63	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	64	+ </figure>
	65	+ </div>
	66	+ <div class="swiper-slide">
	67	+ <figure>
	68	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	69	+ </figure>
	70	+ </div>
	71	+ <div class="swiper-slide">
	72	+ <figure>
	73	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	74	+ </figure>
	75	+ </div>
	76	+ <div class="swiper-slide">
	77	+ <figure>
	78	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	79	+ </figure>
	80	+ </div>
	81	+ <div class="swiper-slide">
	82	+ <figure>
	83	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	84	+ </figure>
	85	+ </div>
	86	+ <div class="swiper-slide">
	87	+ <figure>
	88	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	89	+ </figure>
	90	+ </div>
	91	+ <div class="swiper-slide">
	92	+ <figure>
	93	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	94	+ </figure>
	95	+ </div>
	96	+ </div>
	97	+ </div>
	98	+ <div class="swiper-fnc">
	99	+ <button type="button" class="swiper-button-prev">이전</button>
	100	+ <button type="button" class="swiper-button-next">다음</button>
	101	+ </div>
	102	+ </div>
	103	+ <div class="img-thumb-area">
	104	+ <div class="swiper img-thumb-swiper">
	105	+ <div class="swiper-wrapper">
	106	+ <div class="swiper-slide">
	107	+ <figure>
	108	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	109	+ </figure>
	110	+ </div>
	111	+ <div class="swiper-slide">
	112	+ <figure>
	113	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	114	+ </figure>
	115	+ </div>
	116	+ <div class="swiper-slide">
	117	+ <figure>
	118	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	119	+ </figure>
	120	+ </div>
	121	+ <div class="swiper-slide">
	122	+ <figure>
	123	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	124	+ </figure>
	125	+ </div>
	126	+ <div class="swiper-slide">
	127	+ <figure>
	128	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	129	+ </figure>
	130	+ </div>
	131	+ <div class="swiper-slide">
	132	+ <figure>
	133	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	134	+ </figure>
	135	+ </div>
	136	+ <div class="swiper-slide">
	137	+ <figure>
	138	+ <img src="/resources/front/site/SITE_00000/images/temp/img_space.png" alt="시설 이미지" />
	139	+ </figure>
	140	+ </div>
	141	+ </div>
	142	+ </div>
	143	+ <div class="swiper-fnc vertical">
	144	+ <button type="button" class="swiper-button-prev sm">이전</button>
	145	+ <button type="button" class="swiper-button-next sm">다음</button>
	146	+ </div>
	147	+ </div>
	148	+ </div>
	149	+ <section class="section">
	150	+ <header class="section-tit-area">
	151	+ <div class="l-area">
	152	+ <h3 class="title-lg">시설이용 정보</h3>
	153	+ </div>
	154	+ </header>
	155	+ <div class="write-type">
	156	+ <table>
	157	+ <caption>시설이용 정보</caption>
	158	+ <colgroup>
	159	+ <col style="width: 240px" />
	160	+ <col />
	161	+ <col style="width: 240px" />
	162	+ <col />
	163	+ </colgroup>
	164	+ <tbody>
	165	+ <tr>
	166	+ <th scope="row">시설위치</th>
	167	+ <td colspan="3">
	168	+ <ul class="info-inline-list">
	169	+ <li>
	170	+ <div class="txt-area">온세종학교</div>
	171	+ </li>
	172	+ <li>
	173	+ <div class="txt-area">세종특별자치시 산울3로 140, 온세종학교 (산울동)</div>
	174	+ </li>
	175	+ </ul>
	176	+ </td>
	177	+ </tr>
	178	+ <tr>
	179	+ <th scope="row">시설명</th>
	180	+ <td>스튜디오1</td>
	181	+ <th scope="row">상태</th>
	182	+ <td>신청</td>
	183	+ </tr>
	184	+ <tr>
	185	+ <th scope="row">담당자</th>
	186	+ <td>김담당</td>
	187	+ <th scope="row">이용날짜</th>
	188	+ <td>2025월 8월 29일 (금)</td>
	189	+ </tr>
	190	+ <tr>
	191	+ <th scope="row">
	192	+ 이용시간
	193	+ <i class="required">필수</i>
	194	+ </th>
	195	+ <td colspan="3">
	196	+ <select title="이용할 시간 선택">
	197	+ <option value="">이용할 시간 선택</option>
	198	+ </select>
	199	+ <div class="chip-area">
	200	+ <span class="chip-tag">
	201	+ 09:00~10:00
	202	+ <button class="ico-close">삭제</button>
	203	+ </span>
	204	+ <span class="chip-tag">
	205	+ 09:00~10:00
	206	+ <button class="ico-close">삭제</button>
	207	+ </span>
	208	+ <span class="chip-tag">
	209	+ 09:00~10:00
	210	+ <button class="ico-close">삭제</button>
	211	+ </span>
	212	+ </div>
	213	+ </td>
	214	+ </tr>
	215	+ <tr>
	216	+ <th scope="row">
	217	+ 이용인원
	218	+ <i class="required">필수</i>
	219	+ </th>
	220	+ <td colspan="3">
	221	+ <div class="input-box">
	222	+ <input type="number" class="input q0" title="인원 수 입력" />
	223	+ <span>명</span>
	224	+ </div>
	225	+ </td>
	226	+ </tr>
	227	+ <tr>
	228	+ <th scope="row">
	229	+ 시설이용 목적
	230	+ <i class="required">필수</i>
	231	+ </th>
	232	+ <td colspan="3">
	233	+ <fieldset class="checkradio-area">
	234	+ <legend>시설이용 목적 선택</legend>
	235	+ <div class="checkradio">
	236	+ <input type="radio" id="purpose1" name="purpose" checked />
	237	+ <label for="purpose1">수업</label>
	238	+ </div>
	239	+ <div class="checkradio">
	240	+ <input type="radio" id="purpose2" name="purpose" />
	241	+ <label for="purpose2">교내행사</label>
	242	+ </div>
	243	+ <div class="checkradio">
	244	+ <input type="radio" id="purpose3" name="purpose" />
	245	+ <label for="purpose3">학급 활동</label>
	246	+ </div>
	247	+ <div class="checkradio">
	248	+ <input type="radio" id="purpose4" name="purpose" />
	249	+ <label for="purpose4">동아리 활동</label>
	250	+ </div>
	251	+ <div class="checkradio">
	252	+ <input type="radio" id="purpose5" name="purpose" />
	253	+ <label for="purpose5">기타</label>
	254	+ <fieldset class="checkradio-option">
	255	+ <legend>기타 내용입력</legend>
	256	+ <input type="text" placeholder="내용을 입력하세요." title="기타 내용 입력" />
	257	+ </fieldset>
	258	+ </div>
	259	+ </fieldset>
	260	+ </td>
	261	+ </tr>
	262	+ <tr>
	263	+ <th scope="row">첨부파일</th>
	264	+ <td colspan="3">
	265	+ <div class="file-custom">
	266	+ <span class="btn secondary ico-upload">파일 찾기</span>
	267	+ <p class="msg">파일 첨부 20MB 이하의 파일을 등록할 수 있습니다.</p>
	268	+ </div>
	269	+ <div class="item-list-box">
	270	+ <div class="item">
	271	+ <div class="txt-area">
	272	+ <i class="ico-attach"></i>
	273	+ <p class="txt">첨부파일명.pdf</p>
	274	+ <small>124kb</small>
	275	+ </div>
	276	+ <div class="item-fnc-area">
	277	+ <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a>
	278	+ <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
	279	+ </div>
	280	+ </div>
	281	+ <div class="item">
	282	+ <div class="txt-area">
	283	+ <i class="ico-attach"></i>
	284	+ <p class="txt">첨부파일명.pdf</p>
	285	+ <small>124kb</small>
	286	+ </div>
	287	+ <div class="item-fnc-area">
	288	+ <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a>
	289	+ <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
	290	+ </div>
	291	+ </div>
	292	+ <div class="item">
	293	+ <div class="txt-area">
	294	+ <i class="ico-attach"></i>
	295	+ <p class="txt">첨부파일명.pdf</p>
	296	+ <small>124kb</small>
	297	+ </div>
	298	+ <div class="item-fnc-area">
	299	+ <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a>
	300	+ <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
	301	+ </div>
	302	+ </div>
	303	+ </div>
	304	+ </td>
	305	+ </tr>
	306	+ </tbody>
	307	+ </table>
	308	+ </div>
	309	+ </section>
	310	+ <section class="section">
	311	+ <header class="section-tit-area">
	312	+ <div class="l-area">
	313	+ <h3 class="title-lg">예약자정보</h3>
	314	+ </div>
	315	+ </header>
	316	+ <div class="write-type">
	317	+ <table>
	318	+ <caption>예약자정보</caption>
	319	+ <colgroup>
	320	+ <col style="width: 240px" />
	321	+ <col />
	322	+ <col style="width: 240px" />
	323	+ <col />
	324	+ </colgroup>
	325	+ <tbody>
	326	+ <tr>
	327	+ <th scope="row">이름</th>
	328	+ <td>홍길동</td>
	329	+ <th scope="row">소속</th>
	330	+ <td>온세종학교</td>
	331	+ </tr>
	332	+ <tr>
	333	+ <th scope="row">
	334	+ 휴대전화번호
	335	+ <i class="required">필수</i>
	336	+ </th>
	337	+ <td colspan="3">
	338	+ <div class="input-phone-area">
	339	+ <div class="phone">
	340	+ <select title="전화번호 앞자리 선택">
	341	+ <option value="010">010</option>
	342	+ <option value="011">011</option>
	343	+ </select>
	344	+ <span aria-hidden="true">-</span>
	345	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" />
	346	+ <span aria-hidden="true">-</span>
	347	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" />
	348	+ </div>
	349	+ </div>
	350	+ </td>
	351	+ </tr>
	352	+ <tr>
	353	+ <th scope="row">
	354	+ 이메일
	355	+ <i class="required">필수</i>
	356	+ </th>
	357	+ <td colspan="3">z112344@naver.com</td>
	358	+ </tr>
	359	+ </tbody>
	360	+ </table>
	361	+ </div>
	362	+ </section>
	363	+ <section class="section">
	364	+ <header class="section-tit-area">
	365	+ <div class="l-area">
	366	+ <h3 class="title-lg">개인정보 수집 및 이용에 대한 동의</h3>
	367	+ </div>
	368	+ </header>
	369	+ <div class="agree-box">
	370	+ <div class="agree-txt-area">
	371	+ <p>시설 이용과 관련하여 아래와 같이 개인정보를 수집 · 이용하고자 합니다. 내용을 자세히 읽으신 후 동의 여부를 결정하여 주십시오.</p>
	372	+ <br />
	373	+ <ul class="bullet">
	374	+ <li>항목: 신청자 이름, 소속, 연락처</li>
	375	+ <li>수집 · 이용 목적: 세종특별자치시교육청교육원 시설이용</li>
	376	+ <li>보유기간: 1년</li>
	377	+ </ul>
	378	+ </div>
	379	+ <div class="agree-fnc">
	380	+ <div class="checkradio">
	381	+ <input type="checkbox" id="agree" />
	382	+ <label for="agree">동의합니다.</label>
	383	+ </div>
	384	+ </div>
	385	+ </div>
	386	+ </section>
	387	+ <section class="section">
	388	+ <header class="section-tit-area">
	389	+ <div class="l-area">
	390	+ <h3 class="title-lg">시설물 사용 유의사항</h3>
	391	+ </div>
	392	+ </header>
	393	+ <div class="bg-box">
	394	+ <ul class="bullet font-color-default-secondary">
	395	+ <li>관리자를 통해 등록된 유의사항 표시</li>
	396	+ <li>시설물 및 장비 보호 : 시설물을 임의로 변경하거나 파손하는 행위는 금지되며, 사용한 기물은 깨끗하게 정리해야 합니다.</li>
	397	+ <li>사용 금지 행위 : 흡연, 음주, 폭죽놀이 등 화기 사용은 금지됩니다. 고성방가나 주류 반입, 애완동물 동반 등 다른 이용자에게 피해를 주는 행위도 금지될 수 있습니다.</li>
	398	+ <li>사용 목적 준수 : 허가된 사용 목적 범위 내에서만 시설을 이용해야 하며, 정치·종교적 행사 등 특정 단체의 이익을 위한 사용은 제한될 수 있습니다.</li>
	399	+ <li>안전 수칙 준수 : 안전 사고 예방을 위해 비상구 위치를 파악하고, 무리한 행동이나 장난은 삼가야 합니다. 안전 장비가 있다면 올바르게 착용하고, 자신의 체력 상태에 맞는 운동을 해야 합니다.</li>
	400	+ <li>정리정돈 : 시설물 사용을 마친 후에는 사용한 장비를 제자리에 정리하고, 흘린 땀이나 이물질을 닦아 다음 사용자를 위해 깨끗하게 정리해야 합니다.</li>
	401	+ <li>해당 시설의 이용 규정 : 각 시설마다 고유의 이용 규정, 운영 수칙, 안전 수칙이 있으므로, 이용 전에 반드시 확인해야 합니다.</li>
	402	+ <li>안전 점검 결과 : 시설물의 안전 상태를 파악하기 위해 정기적으로 실시되는 안전 점검 및 진단 결과를 확인하는 것이 중요합니다.</li>
	403	+ <li>비상 연락망 및 비상구 : 위급 상황 발생 시 신속하게 대처할 수 있도록 비상 연락망과 비상구의 위치를 미리 파악해 두어야 합니다.</li>
	404	+ </ul>
	405	+ </div>
	406	+ </section>
	407	+ <div class="btn-cont"><a href="#none" class="btn lg primary">예약 신청하기</a></div>
	408	+ </div>
	409	+ </div>
	410	+ </div>
	411	+ <footer class="site-footer"></footer>
	412	+ </div>
	413	+ <!-- toast -->
	414	+ <div class="toast"></div>
	415	+ <!--popup-->
	416	+ <div class="dim"></div>
	417	+ </body>
	418	+</html>

a00f727

08f9adb

html/onSejong/common/facility/facilityResserve4.html

--- html/onSejong/common/facility/facilityResserve4.html

+++ html/onSejong/common/facility/facilityResserve4.html

...	...	@@ -1,121 +1,110 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		- <div class="wrap">
55		- <ul class="breadcrumb">
56		- <li><a href="#none" class="home">홈</a></li>
57		- <li><a href="#none">1depth</a></li>
58		- <li><a href="#none">2depth</a></li>
59		- </ul>
60		- <div class="page-tit-area">
61		- <div class="l-area">
62		- <h2 class="title-xlg">신청완료</h2>
63		- </div>
64		- </div>
65		- <div class="wrap-md">
66		- <section class="section">
67		- <header class="section-tit-area">
68		- <div class="l-area">
69		- <h3 class="title-lg">신청완료</h3>
70		- </div>
71		- </header>
72		- <div class="write-type">
73		- <table>
74		- <caption>신청완료 정보</caption>
75		- <colgroup>
76		- <col style="width: 160px;">
77		- <col>
78		- <col style="width: 160px;">
79		- <col>
80		- </colgroup>
81		- <tbody>
82		- <tr>
83		- <th scope="row">이용 시설</th>
84		- <td colspan="3">세종캠퍼스고등학교, 스튜디오2</td>
85		- </tr>
86		- <tr>
87		- <th scope="row">이용일</th>
88		- <td>2025년 8월 29일</td>
89		- <th scope="row">시간</th>
90		- <td>10:00 ~11:00, 11:00~11:00, 11:00~12:00, 13:00~13:00</td>
91		- </tr>
92		- <tr>
93		- <th scope="row">예약자 이름</th>
94		- <td>김하늘</td>
95		- <th scope="row">휴대번호</th>
96		- <td>010-1234-1234</td>
97		- </tr>
98		- <tr>
99		- <th scope="row">신청일</th>
100		- <td colspan="3">2025년 08월 04일</td>
101		- </tr>
102		- </tbody>
103		- </table>
104		- </div>
105		- </section>
106		- <div class="btn-cont"><a href="#none" class="btn lg primary">예약 내역으로 이동</a></div>
107		- </div>
108		- </div>
109		- </div>
110		-
111		- <footer class="site-footer"></footer>
112		- </div>
113		-
114		- <!-- toast -->
115		- <div class="toast"></div>
116		-
117		- <!--popup-->
118		- <div class="dim"></div>
119		-</body>
120		-
121		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">신청완료</h2>
	55	+ </div>
	56	+ </div>
	57	+ <div class="wrap-md">
	58	+ <section class="section">
	59	+ <header class="section-tit-area">
	60	+ <div class="l-area">
	61	+ <h3 class="title-lg">신청완료</h3>
	62	+ </div>
	63	+ </header>
	64	+ <div class="write-type">
	65	+ <table>
	66	+ <caption>신청완료 정보</caption>
	67	+ <colgroup>
	68	+ <col style="width: 160px" />
	69	+ <col />
	70	+ <col style="width: 160px" />
	71	+ <col />
	72	+ </colgroup>
	73	+ <tbody>
	74	+ <tr>
	75	+ <th scope="row">이용 시설</th>
	76	+ <td colspan="3">세종캠퍼스고등학교, 스튜디오2</td>
	77	+ </tr>
	78	+ <tr>
	79	+ <th scope="row">이용일</th>
	80	+ <td>2025년 8월 29일</td>
	81	+ <th scope="row">시간</th>
	82	+ <td>10:00 ~11:00, 11:00~11:00, 11:00~12:00, 13:00~13:00</td>
	83	+ </tr>
	84	+ <tr>
	85	+ <th scope="row">예약자 이름</th>
	86	+ <td>김하늘</td>
	87	+ <th scope="row">휴대번호</th>
	88	+ <td>010-1234-1234</td>
	89	+ </tr>
	90	+ <tr>
	91	+ <th scope="row">신청일</th>
	92	+ <td colspan="3">2025년 08월 04일</td>
	93	+ </tr>
	94	+ </tbody>
	95	+ </table>
	96	+ </div>
	97	+ </section>
	98	+ <div class="btn-cont"><a href="#none" class="btn lg primary">예약 내역으로 이동</a></div>
	99	+ </div>
	100	+ </div>
	101	+ </div>
	102	+ </div>
	103	+ <footer class="site-footer"></footer>
	104	+ </div>
	105	+ <!-- toast -->
	106	+ <div class="toast"></div>
	107	+ <!--popup-->
	108	+ <div class="dim"></div>
	109	+ </body>
	110	+</html>

a00f727

08f9adb

html/onSejong/common/main/main.html

--- html/onSejong/common/main/main.html

+++ html/onSejong/common/main/main.html


 <!DOCTYPE html>
 <html lang="ko">
+	<head>
+		<title>온세종학교</title>
 
-<head>
-    <title>온세종학교</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="Author" content="" />
+		<meta name="Keywords" content="" />
+		<meta name="Description" content="" />
+		<meta name="format-detection" content="telephone=no" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
 
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="Author" content="">
-    <meta name="Keywords" content="">
-    <meta name="Description" content="">
-    <meta name="format-detection" content="telephone=no">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+		<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
 
-    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+		<!-- 공통 plugin -->
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+		<!-- //공통 plugin -->
 
-    <!-- 공통 plugin -->
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
-    <!-- //공통 plugin -->
- 
-    <!-- 페이지 plugin-->
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
-    <!-- chart -->
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
-    <!-- //chart -->
-    <!-- //페이지 plugin-->
+		<!-- 페이지 plugin-->
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
+		<!-- chart -->
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
+		<!-- //chart -->
+		<!-- //페이지 plugin-->
 
-    <!-- 공통 퍼블 layout: 개발시 삭제-->
-    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
-    <!--//퍼블 layout--> 
+		<!-- 공통 퍼블 layout: 개발시 삭제-->
+		<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+		<!--//퍼블 layout-->
 
- 	<!-- 공통 메뉴 js-->
-	<!-- //공통 메뉴 js -->
+		<!-- 공통 메뉴 js-->
+		<!-- //공통 메뉴 js -->
 
-    <!--공통 퍼블 js-->
-    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
-	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
-    <!--//공통 퍼블 js-->
-</head>
+		<!--공통 퍼블 js-->
+		<script src="/resources/front/site/SITE_00000/js/common.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+		<!--//공통 퍼블 js-->
+	</head>
 
-<body>
-    <div class="accessibility">
-        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
-    </div>
-    <!-- for-teacher / for-student -->
-    <div class="container">
-        <!-- 통합 헤더 및 네비게이션 -->
-        <header class="site-header"></header>
+	<body>
+		<div class="accessibility">
+			<a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+		</div>
+		<!-- for-teacher / for-student -->
+		<div class="container">
+			<!-- 통합 헤더 및 네비게이션 -->
+			<header class="site-header"></header>
 
-        <div class="site-body" id="skipToContents">
-            <div class="mn-contents wrap">
-                <div class="mn-top">
-                    <section class="mn-visual">
-                        <h2 class="txt-hide">메인 배너</h2>
-                        <div class="swiper">
-                            <div class="swiper-wrapper">
-                                <div class="swiper-slide">
-                                    <a href="#none">
-                                        <picture>
-                                            <source media="(max-width: 767px)" srcset="/resources/front/site/SITE_00000/images/custom/main/visual1-mo.jpg">
-                                            <img src="/resources/front/site/SITE_00000/images/custom/main/visual1.jpg" alt="메인 이미지">
-                                        </picture>
-                                    </a>
-                                </div>
-                                 <div class="swiper-slide">
-                                    <a href="#none">
-                                        <picture>
-                                            <source media="(max-width: 767px)" srcset="/resources/front/site/SITE_00000/images/custom/main/visual1-mo.jpg">
-                                            <img src="/resources/front/site/SITE_00000/images/custom/main/visual1.jpg" alt="메인 이미지">
-                                        </picture>
-                                    </a>
-                                </div>
-                            </div>
-                            <div class="swiper-fnc static sm">
-                                <div class="swiper-pagination"></div>
-                                <div class="btn-group">
-                                    <button type="button" class="swiper-button-prev">이전</button>
-                                    <button type="button" class="swiper-button-next">다음</button>
-                                    <button type="button" class="swiper-btn-playstop-toggle">중지</button>
-                                </div>
-                            </div>
-                        </div>
-                    </section>
-                    <div class="mn-top-etc">
-                        <section class="mn-my mn-box bg">
-                            <h2 class="txt-hide">회원정보</h2>
-                            <div class="profile xlg">
-                                <div class="img-area">
-                                    <figure>
-                                        <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
-                                    </figure>
-                                </div>
-                                <div class="txt-area">
-                                    <div class="profile-tit-area">
-                                        <strong class="profile-tit"><em>김철수</em>님</strong>
-                                        <span class="label round">학생</span>
-                                    </div>
-                                    <span>세종 캠퍼스 고등학교</span>
-                                    <strong>1학년6반7번</strong>
-                                </div>
-                                <div class="fnc">
-                                    <button type="button" class="btn danger xsm ico-logout">로그아웃</button>
-                                </div>
-                            </div>
-                            <div class="btn-flex-area">
-                                <a href="#none" class="btn"><span>개설중인 과정</span><i class="label num round primary-inverse">99+</i></a>
-                                <a href="#none" class="btn"><span>시설예약</span><i class="label num round primary-inverse">3</i></a>
-                            </div>
-                        </section>
-                        <section class="mn-sch mn-box">
-                            <h2 class="tit-md">🔍 과정 검색</h2>
-                            <div class="mn-sch-area">
-                                <input type="text" title="검색어 입력">
-                                <button type="submit" class="btn circle overlay ico-search">검색</button>
-                            </div>
-                            <div class="tag-area">
-                                <a href="#" class="tag">키워드</a>
-                                <a href="#" class="tag">키워드</a>
-                                <a href="#" class="tag">키워드</a>
-                            </div>
-                        </section>
-                    </div>
-                </div>
-                <section class="mn-quick">
-                    <h2 class="txt-hide">퀵 메뉴</h2>
-                    <li>
-                        <a href="#none">
-                            <div class="img-area">
-                                <img src="/resources/front/site/SITE_00000/images/custom/main/quick-img1.svg" alt="">
-                            </div>
-                            <strong>학사일정</strong>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#none">
-                            <div class="img-area">
-                                <img src="/resources/front/site/SITE_00000/images/custom/main/quick-img2.svg" alt="">
-                            </div>
-                            <strong>출석관리</strong>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#none">
-                            <div class="img-area">
-                                <img src="/resources/front/site/SITE_00000/images/custom/main/quick-img3.svg" alt="">
-                            </div>
-                            <strong>성적관리</strong>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#none">
-                            <div class="img-area">
-                                <img src="/resources/front/site/SITE_00000/images/custom/main/quick-img4.svg" alt="">
-                            </div>
-                            <strong>진도관리</strong>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#none">
-                            <div class="img-area">
-                                <img src="/resources/front/site/SITE_00000/images/custom/main/quick-img5.svg" alt="">
-                            </div>
-                            <strong>수강생관리</strong>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#none">
-                            <div class="img-area">
-                                <img src="/resources/front/site/SITE_00000/images/custom/main/quick-img6.svg" alt="">
-                            </div>
-                            <strong>내보관함</strong>
-                        </a>
-                    </li>
-                </section>
-                <div class="mn-course-area">
-                    <ul class="tabs-nav">
-                        <li><a href="#none" class="is-active">온세종학교(온라인공동교육과정)</a></li>
-                        <li><a href="#none">공동교육과정 Ⅰ</a></li>
-                        <li><a href="#none">공동교육과정 Ⅱ</a></li>
-                        <li><a href="#none">공동교육과정 Ⅴ</a></li>
-                        <li><a href="#none">꿈꾸세(종)직업교육</a></li>
-                        <li><a href="#none">온라인 강의</a></li>
-                    </ul>
-                    <div class="mn-row">
-                        <section class="mn-section">
-                            <h2 class="mn-tit">인기과정</h2>
-                            <div class="mn-cont mn-box">
-                                <div class="course-area">
-                                    <div class="swiper">
-                                        <div class="swiper-wrapper">
-                                            <div class="swiper-slide">
-                                                <div class="course-tit-area">
-                                                    <strong class="course-tit">기초체육전공실기</strong>
-                                                    <div class="label-area">
-                                                        <span class="label primary">고등학교</span>
-                                                        <span class="label primary-inverse">공동교육과정 Ⅰ</span>
-                                                        <span class="label">진로선택_체육</span>
-                                                        <span class="label">대면수업</span>
-                                                    </div>
-                                                </div>
-                                                <div class="course-cont">
-                                                    <div class="img-area">
-                                                        <img src="/resources/front/site/SITE_00000/images/temp/img2.jpg" alt="과정 이미지">
-                                                    </div>
-                                                    <div class="txt-area">
-                                                        <ul class="info-list sm">
-                                                            <li>
-                                                                <strong class="info-tit">거점학교</strong>
-                                                                <div class="txt-area">다정고</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">대상학년</strong>
-                                                                <div class="txt-area">고등학교 1학년</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">운영시간</strong>
-                                                                <div class="txt-area">월(18:00~21:30)(13회)<br>토(08:30~11:30)(3회)</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">지도교사</strong>
-                                                                <div class="txt-area">홍길동</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">평가방법</strong>
-                                                                <div class="txt-area">수행평가 100%</div>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                                <div class="btn-flex-area">
-                                                    <a href="#none" class="btn">강의계획서 보기</a>
-                                                    <a href="#none" class="btn primary">신청하기</a>
-                                                </div>
-                                            </div>
-                                            
-                                        </div>
-                                    </div>
-                                    <div class="swiper-fnc">
-                                        <button type="button" class="swiper-button-prev sm">이전</button>
-                                        <button type="button" class="swiper-button-next sm">다음</button>
-                                    </div>
-                                </div>                     
-                            </div>
-                        </section>
-                        <section class="mn-section">
-                            <h2 class="mn-tit">신규과정</h2>
-                            <div class="mn-cont mn-box">
-                                <div class="course-area">
-                                    <div class="swiper">
-                                        <div class="swiper-wrapper">
-                                            <div class="swiper-slide">
-                                                <div class="course-tit-area">
-                                                    <strong class="course-tit">기초체육전공실기</strong>
-                                                    <div class="label-area">
-                                                        <span class="label primary">고등학교</span>
-                                                        <span class="label primary-inverse">공동교육과정 Ⅰ</span>
-                                                        <span class="label">진로선택_체육</span>
-                                                        <span class="label">대면수업</span>
-                                                    </div>
-                                                </div>
-                                                <div class="course-cont">
-                                                    <div class="img-area">
-                                                        <img src="/resources/front/site/SITE_00000/images/temp/img3.jpg" alt="과정 이미지">
-                                                    </div>
-                                                    <div class="txt-area">
-                                                        <ul class="info-list sm">
-                                                            <li>
-                                                                <strong class="info-tit">거점학교</strong>
-                                                                <div class="txt-area">다정고</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">대상학년</strong>
-                                                                <div class="txt-area">고등학교 1학년</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">운영시간</strong>
-                                                                <div class="txt-area">월(18:00~21:30)(13회)<br>토(08:30~11:30)(3회)</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">지도교사</strong>
-                                                                <div class="txt-area">홍길동</div>
-                                                            </li>
-                                                            <li>
-                                                                <strong class="info-tit">평가방법</strong>
-                                                                <div class="txt-area">수행평가 100%</div>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                                <div class="btn-flex-area">
-                                                    <a href="#none" class="btn">강의계획서 보기</a>
-                                                    <a href="#none" class="btn primary">신청하기</a>
-                                                </div>
-                                            </div> 
-                                        </div>
-                                    </div>
-                                    <div class="swiper-fnc">
-                                        <button type="button" class="swiper-button-prev sm">이전</button>
-                                        <button type="button" class="swiper-button-next sm">다음</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-                </div>
-                <div class="mn-row mn-board-area">
-                    <section class="mn-section">
-                        <h2 class="mn-tit">📢 알립니다</h2>
-                        <ul class="mn-board-list">
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                        </ul>
-                    </section>
-                    <section class="mn-section">
-                        <h2 class="mn-tit">📬 자주묻는 질문</h2>
-                        <ul class="mn-board-list">
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#none">
-                                    <span class="label primary">2025. 08. 08</span>
-                                    <strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
-                                </a>
-                            </li>
-                        </ul>
-                    </section>
-                </div>
-                <div class="mn-row mn-etc-area">
-                    <section class="mn-section mn-etc-support mn-box bg">
-                        <h2 class="mn-tit sm">기술기원 게시판</h2>
-                        <div class="mn-cont">
-                            <p>궁금한 사항을 남기시면 관리자가 답변해 드립니다.</p>
-                            <div class="btn-flex-area">
-                                <a href="#none" class="btn">1:1문의</a>
-                                <a href="#none" class="btn">Q&amp;A게시판</a>
-                            </div>
-                        </div>
-                    </section>
-                    <section class="mn-section mn-etc-library mn-box bg">
-                        <h2 class="mn-tit sm">자료실</h2>
-                        <di class="mn-cont">
-                            <p>로그인 여부와 상관없이 다운로드 가능합니다.</p>
-                            <div class="btn-flex-area">
-                                <a href="#none" class="btn ico-download">선생님용</a>
-                                <a href="#none" class="btn ico-download">학생용</a>
-                            </div>
-                        </di>
-                    </section>
-                    <section class="mn-section mn-etc-facility mn-box bg primary">
-                        <a href="#none" class="lnk-full"><i class="btn-mn-lnk" aria-hidden="true"></i> 상세보기</a>
-                        <h2 class="mn-tit sm"><em>학교시설물 예약</em></h2>
-                        <div class="mn-cont">
-                            <p>누구나 신청가능하지만<br>사전 예약은 필수!!</p>
-                        </div>
-                    </section>
-                </div>
-            </div>
-        </div>
-        <footer class="site-footer"></footer>
-    </div>
-    
-     <!-- toast -->
-     <div class="toast"></div>
+			<div class="site-body" id="skipToContents">
+				<div class="mn-contents wrap">
+					<div class="mn-top">
+						<section class="mn-visual">
+							<h2 class="txt-hide">메인 배너</h2>
+							<div class="swiper">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide">
+										<a href="#none">
+											<picture>
+												<source media="(max-width: 767px)" srcset="/resources/front/site/SITE_00000/images/custom/main/visual1-mo.jpg" />
+												<img src="/resources/front/site/SITE_00000/images/custom/main/visual1.jpg" alt="메인 이미지" />
+											</picture>
+										</a>
+									</div>
+									<div class="swiper-slide">
+										<a href="#none">
+											<picture>
+												<source media="(max-width: 767px)" srcset="/resources/front/site/SITE_00000/images/custom/main/visual1-mo.jpg" />
+												<img src="/resources/front/site/SITE_00000/images/custom/main/visual1.jpg" alt="메인 이미지" />
+											</picture>
+										</a>
+									</div>
+								</div>
+								<div class="swiper-fnc static sm">
+									<div class="swiper-pagination"></div>
+									<div class="btn-group">
+										<button type="button" class="swiper-button-prev">이전</button>
+										<button type="button" class="swiper-button-next">다음</button>
+										<button type="button" class="swiper-btn-playstop-toggle">중지</button>
+									</div>
+								</div>
+							</div>
+						</section>
+						<div class="mn-top-etc">
+							<section class="mn-my mn-box bg">
+								<h2 class="txt-hide">회원정보</h2>
+								<div class="profile xlg">
+									<div class="img-area">
+										<figure>
+											<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
+										</figure>
+									</div>
+									<div class="txt-area">
+										<div class="profile-tit-area">
+											<strong class="profile-tit">
+												<em>김철수</em>
+												님
+											</strong>
+											<span class="label round">학생</span>
+										</div>
+										<span>세종 캠퍼스 고등학교</span>
+										<strong>1학년6반7번</strong>
+									</div>
+									<div class="fnc">
+										<button type="button" class="btn danger xsm ico-logout">로그아웃</button>
+									</div>
+								</div>
+								<div class="btn-flex-area">
+									<a href="#none" class="btn">
+										<span>개설중인 과정</span>
+										<i class="label num round primary-inverse">99+</i>
+									</a>
+									<a href="#none" class="btn">
+										<span>시설예약</span>
+										<i class="label num round primary-inverse">3</i>
+									</a>
+								</div>
+							</section>
+							<section class="mn-sch mn-box">
+								<h2 class="tit-md">🔍 과정 검색</h2>
+								<div class="mn-sch-area">
+									<input type="text" title="검색어 입력" />
+									<button type="submit" class="btn circle overlay ico-search">검색</button>
+								</div>
+								<div class="tag-area">
+									<a href="#" class="tag">키워드</a>
+									<a href="#" class="tag">키워드</a>
+									<a href="#" class="tag">키워드</a>
+								</div>
+							</section>
+						</div>
+					</div>
+					<section class="mn-quick">
+						<h2 class="txt-hide">퀵 메뉴</h2>
+						<li>
+							<a href="#none">
+								<div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/custom/main/quick-img1.svg" alt="" />
+								</div>
+								<strong>학사일정</strong>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/custom/main/quick-img2.svg" alt="" />
+								</div>
+								<strong>출석관리</strong>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/custom/main/quick-img3.svg" alt="" />
+								</div>
+								<strong>성적관리</strong>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/custom/main/quick-img4.svg" alt="" />
+								</div>
+								<strong>진도관리</strong>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/custom/main/quick-img5.svg" alt="" />
+								</div>
+								<strong>수강생관리</strong>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/custom/main/quick-img6.svg" alt="" />
+								</div>
+								<strong>내보관함</strong>
+							</a>
+						</li>
+					</section>
+					<div class="mn-course-area">
+						<ul class="tabs-nav">
+							<li><a href="#none" class="is-active">온세종학교(온라인공동교육과정)</a></li>
+							<li><a href="#none">공동교육과정 Ⅰ</a></li>
+							<li><a href="#none">공동교육과정 Ⅱ</a></li>
+							<li><a href="#none">공동교육과정 Ⅴ</a></li>
+							<li><a href="#none">꿈꾸세(종)직업교육</a></li>
+							<li><a href="#none">온라인 강의</a></li>
+						</ul>
+						<div class="mn-row">
+							<section class="mn-section">
+								<h2 class="mn-tit">인기과정</h2>
+								<div class="mn-cont mn-box">
+									<div class="course-area">
+										<div class="swiper">
+											<div class="swiper-wrapper">
+												<div class="swiper-slide">
+													<div class="course-tit-area">
+														<strong class="course-tit">기초체육전공실기</strong>
+														<div class="label-area">
+															<span class="label primary">고등학교</span>
+															<span class="label primary-inverse">공동교육과정 Ⅰ</span>
+															<span class="label">진로선택_체육</span>
+															<span class="label">대면수업</span>
+														</div>
+													</div>
+													<div class="course-cont">
+														<div class="img-area">
+															<img src="/resources/front/site/SITE_00000/images/temp/img2.jpg" alt="과정 이미지" />
+														</div>
+														<div class="txt-area">
+															<ul class="info-list sm">
+																<li>
+																	<strong class="info-tit">거점학교</strong>
+																	<div class="txt-area">다정고</div>
+																</li>
+																<li>
+																	<strong class="info-tit">대상학년</strong>
+																	<div class="txt-area">고등학교 1학년</div>
+																</li>
+																<li>
+																	<strong class="info-tit">운영시간</strong>
+																	<div class="txt-area">
+																		월(18:00~21:30)(13회)
+																		<br />
+																		토(08:30~11:30)(3회)
+																	</div>
+																</li>
+																<li>
+																	<strong class="info-tit">지도교사</strong>
+																	<div class="txt-area">홍길동</div>
+																</li>
+																<li>
+																	<strong class="info-tit">평가방법</strong>
+																	<div class="txt-area">수행평가 100%</div>
+																</li>
+															</ul>
+														</div>
+													</div>
+													<div class="btn-flex-area">
+														<a href="#none" class="btn">강의계획서 보기</a>
+														<a href="#none" class="btn primary">신청하기</a>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="swiper-fnc">
+											<button type="button" class="swiper-button-prev sm">이전</button>
+											<button type="button" class="swiper-button-next sm">다음</button>
+										</div>
+									</div>
+								</div>
+							</section>
+							<section class="mn-section">
+								<h2 class="mn-tit">신규과정</h2>
+								<div class="mn-cont mn-box">
+									<div class="course-area">
+										<div class="swiper">
+											<div class="swiper-wrapper">
+												<div class="swiper-slide">
+													<div class="course-tit-area">
+														<strong class="course-tit">기초체육전공실기</strong>
+														<div class="label-area">
+															<span class="label primary">고등학교</span>
+															<span class="label primary-inverse">공동교육과정 Ⅰ</span>
+															<span class="label">진로선택_체육</span>
+															<span class="label">대면수업</span>
+														</div>
+													</div>
+													<div class="course-cont">
+														<div class="img-area">
+															<img src="/resources/front/site/SITE_00000/images/temp/img3.jpg" alt="과정 이미지" />
+														</div>
+														<div class="txt-area">
+															<ul class="info-list sm">
+																<li>
+																	<strong class="info-tit">거점학교</strong>
+																	<div class="txt-area">다정고</div>
+																</li>
+																<li>
+																	<strong class="info-tit">대상학년</strong>
+																	<div class="txt-area">고등학교 1학년</div>
+																</li>
+																<li>
+																	<strong class="info-tit">운영시간</strong>
+																	<div class="txt-area">
+																		월(18:00~21:30)(13회)
+																		<br />
+																		토(08:30~11:30)(3회)
+																	</div>
+																</li>
+																<li>
+																	<strong class="info-tit">지도교사</strong>
+																	<div class="txt-area">홍길동</div>
+																</li>
+																<li>
+																	<strong class="info-tit">평가방법</strong>
+																	<div class="txt-area">수행평가 100%</div>
+																</li>
+															</ul>
+														</div>
+													</div>
+													<div class="btn-flex-area">
+														<a href="#none" class="btn">강의계획서 보기</a>
+														<a href="#none" class="btn primary">신청하기</a>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="swiper-fnc">
+											<button type="button" class="swiper-button-prev sm">이전</button>
+											<button type="button" class="swiper-button-next sm">다음</button>
+										</div>
+									</div>
+								</div>
+							</section>
+						</div>
+					</div>
+					<div class="mn-row mn-board-area">
+						<section class="mn-section">
+							<h2 class="mn-tit">📢 알립니다</h2>
+							<ul class="mn-board-list">
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+							</ul>
+						</section>
+						<section class="mn-section">
+							<h2 class="mn-tit">📬 자주묻는 질문</h2>
+							<ul class="mn-board-list">
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+								<li>
+									<a href="#none">
+										<span class="label primary">2025. 08. 08</span>
+										<strong class="board-tit">2025학년도 2학기 학사연동 안내</strong>
+									</a>
+								</li>
+							</ul>
+						</section>
+					</div>
+					<div class="mn-row mn-etc-area">
+						<section class="mn-section mn-etc-support mn-box bg">
+							<h2 class="mn-tit sm">기술기원 게시판</h2>
+							<div class="mn-cont">
+								<p>궁금한 사항을 남기시면 관리자가 답변해 드립니다.</p>
+								<div class="btn-flex-area">
+									<a href="#none" class="btn">1:1문의</a>
+									<a href="#none" class="btn">Q&amp;A게시판</a>
+								</div>
+							</div>
+						</section>
+						<section class="mn-section mn-etc-library mn-box bg">
+							<h2 class="mn-tit sm">자료실</h2>
+							<di class="mn-cont">
+								<p>로그인 여부와 상관없이 다운로드 가능합니다.</p>
+								<div class="btn-flex-area">
+									<a href="#none" class="btn ico-download">선생님용</a>
+									<a href="#none" class="btn ico-download">학생용</a>
+								</div>
+							</di>
+						</section>
+						<section class="mn-section mn-etc-facility mn-box bg primary">
+							<a href="#none" class="lnk-full">
+								<i class="btn-mn-lnk" aria-hidden="true"></i>
+								상세보기
+							</a>
+							<h2 class="mn-tit sm"><em>학교시설물 예약</em></h2>
+							<div class="mn-cont">
+								<p>
+									누구나 신청가능하지만
+									<br />
+									사전 예약은 필수!!
+								</p>
+							</div>
+						</section>
+					</div>
+				</div>
+			</div>
+			<footer class="site-footer"></footer>
+		</div>
 
-    <!--popup-->
-    <div class="dim"></div>
-</body>
+		<!-- toast -->
+		<div class="toast"></div>
 
-</html>
+		<!--popup-->
+		<div class="dim"></div>
+	</body>
+</html>

a00f727

08f9adb

html/onSejong/common/member/idFind1.html

--- html/onSejong/common/member/idFind1.html

+++ html/onSejong/common/member/idFind1.html

...	...	@@ -1,108 +1,106 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
36		-
37		-<body>
38		- <div class="member">
39		- <div class="wrap">
40		- <div class="page-tit-area">
41		- <div class="l-area">
42		- <h2 class="title-xlg">ID 찾기</h2>
43		- </div>
44		- </div>
45		- <div class="wrap-md">
46		- <section class="form-box">
47		- <div class="form-header">
48		- <h3 class="txt-hide">정보입력</h3>
49		- <p>회원가입 시 등록한 휴대전화 번호를 입력 후 발송된 인증번호를 입력하세요.</p>
50		- </div>
51		- <div class="form-body wrap-xsm">
52		- <ul class="form-list">
53		- <li>
54		- <div class="form-tit-area">
55		- <div class="l-area">
56		- <strong class="form-tit">핸드폰번호</strong>
57		- </div>
58		- </div>
59		- <div class="form-cont">
60		- <div class="form-row">
61		- <div class="input-phone-area">
62		- <div class="phone">
63		- <select title="전화번호 앞자리 선택">
64		- <option value="010">010</option>
65		- <option value="011">011</option>
66		- </select>
67		- <span aria-hidden="true">-</span>
68		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*"
69		- title="전화번호 가운데자리 입력">
70		- <span aria-hidden="true">-</span>
71		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*"
72		- title="전화번호 뒷자리 입력">
73		- </div>
74		- <div class="fnc"><button type="button" class="btn primary">인증번호 발송</button>
75		- </div>
76		- </div>
77		- </div>
78		- </div>
79		- </li>
80		- <li>
81		- <div class="form-tit-area">
82		- <div class="l-area">
83		- <strong class="form-tit">인증번호 입력</strong>
84		- </div>
85		- </div>
86		- <div class="form-cont">
87		- <div class="form-row">
88		- <input type="number" placeholder="전송된 인증번호를 입력하세요." title="전송된 인증번호를 입력">
89		- </div>
90		- </div>
91		- <p class="msg"><i class="ico-hourglass sm"></i>인증유효시간 2:59</p>
92		- </li>
93		- </ul>
94		- </div>
95		- </section>
96		- <div class="btn-cont">
97		- <button type="submit" class="btn lg primary">확인</button>
98		- </div>
99		- </div>
100		- </div>
101		- </div>
102		- <!-- toast -->
103		- <div class="toast"></div>
104		- <!--popup-->
105		- <div class="dim"></div>
106		-</body>
107		-
108		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="member">
	38	+ <div class="wrap">
	39	+ <div class="page-tit-area">
	40	+ <div class="l-area">
	41	+ <h2 class="title-xlg">ID 찾기</h2>
	42	+ </div>
	43	+ </div>
	44	+ <div class="wrap-md">
	45	+ <section class="form-box">
	46	+ <div class="form-header">
	47	+ <h3 class="txt-hide">정보입력</h3>
	48	+ <p>회원가입 시 등록한 휴대전화 번호를 입력 후 발송된 인증번호를 입력하세요.</p>
	49	+ </div>
	50	+ <div class="form-body wrap-xsm">
	51	+ <ul class="form-list">
	52	+ <li>
	53	+ <div class="form-tit-area">
	54	+ <div class="l-area">
	55	+ <strong class="form-tit">핸드폰번호</strong>
	56	+ </div>
	57	+ </div>
	58	+ <div class="form-cont">
	59	+ <div class="form-row">
	60	+ <div class="input-phone-area">
	61	+ <div class="phone">
	62	+ <select title="전화번호 앞자리 선택">
	63	+ <option value="010">010</option>
	64	+ <option value="011">011</option>
	65	+ </select>
	66	+ <span aria-hidden="true">-</span>
	67	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" />
	68	+ <span aria-hidden="true">-</span>
	69	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" />
	70	+ </div>
	71	+ <div class="fnc"><button type="button" class="btn primary">인증번호 발송</button></div>
	72	+ </div>
	73	+ </div>
	74	+ </div>
	75	+ </li>
	76	+ <li>
	77	+ <div class="form-tit-area">
	78	+ <div class="l-area">
	79	+ <strong class="form-tit">인증번호 입력</strong>
	80	+ </div>
	81	+ </div>
	82	+ <div class="form-cont">
	83	+ <div class="form-row">
	84	+ <input type="number" placeholder="전송된 인증번호를 입력하세요." title="전송된 인증번호를 입력" />
	85	+ </div>
	86	+ </div>
	87	+ <p class="msg">
	88	+ <i class="ico-hourglass sm"></i>
	89	+ 인증유효시간 2:59
	90	+ </p>
	91	+ </li>
	92	+ </ul>
	93	+ </div>
	94	+ </section>
	95	+ <div class="btn-cont">
	96	+ <button type="submit" class="btn lg primary">확인</button>
	97	+ </div>
	98	+ </div>
	99	+ </div>
	100	+ </div>
	101	+ <!-- toast -->
	102	+ <div class="toast"></div>
	103	+ <!--popup-->
	104	+ <div class="dim"></div>
	105	+ </body>
	106	+</html>

a00f727

08f9adb

html/onSejong/common/member/idFind2.html

--- html/onSejong/common/member/idFind2.html

+++ html/onSejong/common/member/idFind2.html

...	...	@@ -1,74 +1,72 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
36		-
37		-<body>
38		- <div class="member">
39		- <div class="wrap">
40		- <div class="page-tit-area">
41		- <div class="l-area">
42		- <h2 class="title-xlg">ID 찾기</h2>
43		- </div>
44		- </div>
45		- <div class="wrap-md">
46		- <section class="form-box">
47		- <div class="form-header">
48		- <h3 class="txt-hide">정보입력</h3>
49		- <p>회원가입 시 등록한 휴대전화 번호를 입력 후 발송된 인증번호를 입력하세요.</p>
50		- </div>
51		- <div class="form-body wrap-xsm">
52		- <ul class="form-info-list">
53		- <li>
54		- <strong class="info-tit">회원ID</strong>
55		- <div class="txt-area">
56		- <em class="accent">IDID******</em>
57		- </div>
58		- </li>
59		- </ul>
60		- </div>
61		- </section>
62		- <div class="btn-cont">
63		- <button type="submit" class="btn lg primary">확인</button>
64		- </div>
65		- </div>
66		- </div>
67		- </div>
68		- <!-- toast -->
69		- <div class="toast"></div>
70		- <!--popup-->
71		- <div class="dim"></div>
72		-</body>
73		-
74		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="member">
	38	+ <div class="wrap">
	39	+ <div class="page-tit-area">
	40	+ <div class="l-area">
	41	+ <h2 class="title-xlg">ID 찾기</h2>
	42	+ </div>
	43	+ </div>
	44	+ <div class="wrap-md">
	45	+ <section class="form-box">
	46	+ <div class="form-header">
	47	+ <h3 class="txt-hide">정보입력</h3>
	48	+ <p>회원가입 시 등록한 휴대전화 번호를 입력 후 발송된 인증번호를 입력하세요.</p>
	49	+ </div>
	50	+ <div class="form-body wrap-xsm">
	51	+ <ul class="form-info-list">
	52	+ <li>
	53	+ <strong class="info-tit">회원ID</strong>
	54	+ <div class="txt-area">
	55	+ <em class="accent">IDID******</em>
	56	+ </div>
	57	+ </li>
	58	+ </ul>
	59	+ </div>
	60	+ </section>
	61	+ <div class="btn-cont">
	62	+ <button type="submit" class="btn lg primary">확인</button>
	63	+ </div>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ <!-- toast -->
	68	+ <div class="toast"></div>
	69	+ <!--popup-->
	70	+ <div class="dim"></div>
	71	+ </body>
	72	+</html>

a00f727

08f9adb

html/onSejong/common/member/join.html

--- html/onSejong/common/member/join.html

+++ html/onSejong/common/member/join.html

...	...	@@ -1,95 +1,90 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
36		-
37		-<body>
38		- <div class="member">
39		- <div class="wrap">
40		- <div class="page-tit-area">
41		- <div class="l-area">
42		- <h2 class="title-xlg">회원가입</h2>
43		- </div>
44		- </div>
45		- <div class="wrap-md">
46		- <section class="section">
47		- <header class="section-tit-area">
48		- <div class="l-area dir-col">
49		- <h3 class="title-lg">회원 유형 선택</h3>
50		- <p>본인에게 해당하는 회원가입 유형을 선택하세요.</p>
51		- </div>
52		- </header>
53		- <ul class="join-type-list">
54		- <li>
55		- <a href="#none">
56		- <img src="/resources/front/site/SITE_00000/images/common/member/join-type-tea.svg" alt=""
57		- aria-hidden="true">
58		- <div class="txt-area">
59		- <strong>선생님</strong>
60		- <p>교원/지방공무원/강사로 강좌를 개설하고 관리하는 선생님</p>
61		- </div>
62		- </a>
63		- </li>
64		- <li>
65		- <a href="#none">
66		- <img src="/resources/front/site/SITE_00000/images/common/member/join-type-stu.svg" alt=""
67		- aria-hidden="true">
68		- <div class="txt-area">
69		- <strong>학생</strong>
70		- <p>중학교 3학년 및 고등학생</p>
71		- </div>
72		- </a>
73		- </li>
74		- <li>
75		- <a href="#none">
76		- <img src="/resources/front/site/SITE_00000/images/common/member/join-type-common.svg" alt=""
77		- aria-hidden="true">
78		- <div class="txt-area">
79		- <strong>일반시민</strong>
80		- <p>교원/지방공무원/강사/학생을 제외한 모든 대상자</p>
81		- </div>
82		- </a>
83		- </li>
84		- </ul>
85		- </section>
86		- </div>
87		- </div>
88		- </div>
89		- <!-- toast -->
90		- <div class="toast"></div>
91		- <!--popup-->
92		- <div class="dim"></div>
93		-</body>
94		-
95		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="member">
	38	+ <div class="wrap">
	39	+ <div class="page-tit-area">
	40	+ <div class="l-area">
	41	+ <h2 class="title-xlg">회원가입</h2>
	42	+ </div>
	43	+ </div>
	44	+ <div class="wrap-md">
	45	+ <section class="section">
	46	+ <header class="section-tit-area">
	47	+ <div class="l-area dir-col">
	48	+ <h3 class="title-lg">회원 유형 선택</h3>
	49	+ <p>본인에게 해당하는 회원가입 유형을 선택하세요.</p>
	50	+ </div>
	51	+ </header>
	52	+ <ul class="join-type-list">
	53	+ <li>
	54	+ <a href="#none">
	55	+ <img src="/resources/front/site/SITE_00000/images/common/member/join-type-tea.svg" alt="" aria-hidden="true" />
	56	+ <div class="txt-area">
	57	+ <strong>선생님</strong>
	58	+ <p>교원/지방공무원/강사로 강좌를 개설하고 관리하는 선생님</p>
	59	+ </div>
	60	+ </a>
	61	+ </li>
	62	+ <li>
	63	+ <a href="#none">
	64	+ <img src="/resources/front/site/SITE_00000/images/common/member/join-type-stu.svg" alt="" aria-hidden="true" />
	65	+ <div class="txt-area">
	66	+ <strong>학생</strong>
	67	+ <p>중학교 3학년 및 고등학생</p>
	68	+ </div>
	69	+ </a>
	70	+ </li>
	71	+ <li>
	72	+ <a href="#none">
	73	+ <img src="/resources/front/site/SITE_00000/images/common/member/join-type-common.svg" alt="" aria-hidden="true" />
	74	+ <div class="txt-area">
	75	+ <strong>일반시민</strong>
	76	+ <p>교원/지방공무원/강사/학생을 제외한 모든 대상자</p>
	77	+ </div>
	78	+ </a>
	79	+ </li>
	80	+ </ul>
	81	+ </section>
	82	+ </div>
	83	+ </div>
	84	+ </div>
	85	+ <!-- toast -->
	86	+ <div class="toast"></div>
	87	+ <!--popup-->
	88	+ <div class="dim"></div>
	89	+ </body>
	90	+</html>

a00f727

08f9adb

html/onSejong/common/member/join1.html

--- html/onSejong/common/member/join1.html

+++ html/onSejong/common/member/join1.html

...	...	@@ -1,120 +1,124 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
36		-
37		-<body>
38		- <div class="member">
39		- <div class="wrap">
40		- <div class="page-tit-area">
41		- <div class="l-area">
42		- <h2 class="title-xlg">회원가입</h2>
43		- </div>
44		- </div>
45		- <div class="wrap-md">
46		- <ol class="step">
47		- <li class="is-current">
48		- <span class="num">1</span>
49		- <p>
50		- <strong>약관동의</strong>
51		- </p>
52		- </li>
53		- <li>
54		- <span class="num">2</span>
55		- <p>
56		- <strong>회원정보 입력</strong>
57		- </p>
58		- </li>
59		- <li>
60		- <span class="num">3</span>
61		- <p>
62		- <strong>가입 완료</strong>
63		- </p>
64		- </li>
65		- </ol>
66		- <section class="section">
67		- <header class="section-tit-area">
68		- <div class="l-area dir-col">
69		- <h3 class="title-lg">약관동의</h3>
70		- </div>
71		- </header>
72		- <div class="agree-area">
73		- <div class="agree-header">
74		- <div class="checkradio">
75		- <input type="checkbox" id="agreeAll">
76		- <label for="agreeAll"><strong class="title-sm">모두확인, 동의합니다.</strong></label>
77		- </div>
78		- </div>
79		- <div class="agree-body">
80		- <div class="agree-cont">
81		- <header>
82		- <h4 class="txt-hide">이용약관 동의</h4>
83		- <div class="checkradio">
84		- <input type="checkbox" id="agreeChk1">
85		- <label for="agreeChk1"><em>[필수]</em>이용약관 동의</label>
86		- </div>
87		- </header>
88		- <div class="agree-txt-area"> 본 약관은 세종온라인학교 (이하 ‘서비스’라 한다)를 이용함에 있어 회사와 고객의 권리, 의무 및 책임사항, 관련
89		- 절차 등을 규정함을 목적으로 한다.<br><br> ① 본 약관은 서비스를 이용하는 고객에 대하여 그 효력이 발생한다.<br> ② 본 약관의 내용은 서비스
90		- 사이트에 게시하거나 기타의 방법으로 고객에게 공시하고, 이에 동의한 고객이 서비스를 구매함으로써 효력이 발생한다.<br> ③ 회사는 본 약관의 내용과 회사의
91		- 상호, 소재지, 대표자, 사업자등록번호, 연락처(전화, 팩스, 전자우편 등)를 고객이 알 수 있도록 서비스 초기 화면에 게시한다.<br> ④ 본 약관은 회사가
92		- 필요하다고 인정되는 경우 대한민국 법령의 범위 내에서 개정할 수 있으며, 회사가 약관을 개정할 경우에는 적용 예정일 및 개정 사유를 명시하여 현행약관과 함께
93		- 서비스 초기 화면에 그 적용 예정일 7일 전부터 공지한다. </div>
94		- </div>
95		- <article>
96		- <header>
97		- <h4 class="txt-hide">개인정보 수집 및 이용 동의</h4>
98		- <div class="checkradio">
99		- <input type="checkbox" id="agreeChk2">
100		- <label for="agreeChk2"><em>[필수]</em>개인정보 수집 및 이용 동의</label>
101		- </div>
102		- </header>
103		- <div class="agree-txt-area"> -내용- </div>
104		- </article>
105		- </div>
106		- </div>
107		- </section>
108		- <div class="btn-cont">
109		- <button type="submit" class="btn lg primary">회원정보 입력하기</button>
110		- </div>
111		- </div>
112		- </div>
113		- </div>
114		- <!-- toast -->
115		- <div class="toast"></div>
116		- <!--popup-->
117		- <div class="dim"></div>
118		-</body>
119		-
120		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="member">
	38	+ <div class="wrap">
	39	+ <div class="page-tit-area">
	40	+ <div class="l-area">
	41	+ <h2 class="title-xlg">회원가입</h2>
	42	+ </div>
	43	+ </div>
	44	+ <div class="wrap-md">
	45	+ <ol class="step">
	46	+ <li class="is-current">
	47	+ <span class="num">1</span>
	48	+ <p>
	49	+ <strong>약관동의</strong>
	50	+ </p>
	51	+ </li>
	52	+ <li>
	53	+ <span class="num">2</span>
	54	+ <p>
	55	+ <strong>회원정보 입력</strong>
	56	+ </p>
	57	+ </li>
	58	+ </ol>
	59	+ <section class="section">
	60	+ <header class="section-tit-area">
	61	+ <div class="l-area dir-col">
	62	+ <h3 class="title-lg">약관동의</h3>
	63	+ </div>
	64	+ </header>
	65	+ <div class="agree-area">
	66	+ <div class="agree-header">
	67	+ <div class="checkradio">
	68	+ <input type="checkbox" id="agreeAll" />
	69	+ <label for="agreeAll"><strong class="title-sm">모두확인, 동의합니다.</strong></label>
	70	+ </div>
	71	+ </div>
	72	+ <div class="agree-body">
	73	+ <div class="agree-cont">
	74	+ <header>
	75	+ <h4 class="txt-hide">이용약관 동의</h4>
	76	+ <div class="checkradio">
	77	+ <input type="checkbox" id="agreeChk1" />
	78	+ <label for="agreeChk1">
	79	+ <em>[필수]</em>
	80	+ 이용약관 동의
	81	+ </label>
	82	+ </div>
	83	+ </header>
	84	+ <div class="agree-txt-area">
	85	+ 본 약관은 세종온라인학교 (이하 ‘서비스’라 한다)를 이용함에 있어 회사와 고객의 권리, 의무 및 책임사항, 관련 절차 등을 규정함을 목적으로 한다.
	86	+ <br />
	87	+ <br />
	88	+ ① 본 약관은 서비스를 이용하는 고객에 대하여 그 효력이 발생한다.
	89	+ <br />
	90	+ ② 본 약관의 내용은 서비스 사이트에 게시하거나 기타의 방법으로 고객에게 공시하고, 이에 동의한 고객이 서비스를 구매함으로써 효력이 발생한다.
	91	+ <br />
	92	+ ③ 회사는 본 약관의 내용과 회사의 상호, 소재지, 대표자, 사업자등록번호, 연락처(전화, 팩스, 전자우편 등)를 고객이 알 수 있도록 서비스 초기 화면에 게시한다.
	93	+ <br />
	94	+ ④ 본 약관은 회사가 필요하다고 인정되는 경우 대한민국 법령의 범위 내에서 개정할 수 있으며, 회사가 약관을 개정할 경우에는 적용 예정일 및 개정 사유를 명시하여 현행약관과 함께 서비스 초기 화면에 그 적용 예정일 7일 전부터 공지한다.
	95	+ </div>
	96	+ </div>
	97	+ <article>
	98	+ <header>
	99	+ <h4 class="txt-hide">개인정보 수집 및 이용 동의</h4>
	100	+ <div class="checkradio">
	101	+ <input type="checkbox" id="agreeChk2" />
	102	+ <label for="agreeChk2">
	103	+ <em>[필수]</em>
	104	+ 개인정보 수집 및 이용 동의
	105	+ </label>
	106	+ </div>
	107	+ </header>
	108	+ <div class="agree-txt-area">-내용-</div>
	109	+ </article>
	110	+ </div>
	111	+ </div>
	112	+ </section>
	113	+ <div class="btn-cont">
	114	+ <button type="submit" class="btn lg primary">회원정보 입력하기</button>
	115	+ </div>
	116	+ </div>
	117	+ </div>
	118	+ </div>
	119	+ <!-- toast -->
	120	+ <div class="toast"></div>
	121	+ <!--popup-->
	122	+ <div class="dim"></div>
	123	+ </body>
	124	+</html>

a00f727

08f9adb

html/onSejong/common/member/join2.html

--- html/onSejong/common/member/join2.html

+++ html/onSejong/common/member/join2.html

...	...	@@ -1,297 +1,294 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
	36	+ <body>
	37	+ <div class="member">
	38	+ <div class="wrap">
	39	+ <div class="page-tit-area">
	40	+ <div class="l-area">
	41	+ <h2 class="title-xlg">회원가입</h2>
	42	+ </div>
	43	+ </div>
	44	+ <div class="wrap-md">
	45	+ <ol class="step">
	46	+ <li>
	47	+ <span class="num">1</span>
	48	+ <p>
	49	+ <strong>약관동의</strong>
	50	+ </p>
	51	+ </li>
	52	+ <li class="is-current">
	53	+ <span class="num">2</span>
	54	+ <p>
	55	+ <strong>회원정보 입력</strong>
	56	+ </p>
	57	+ </li>
	58	+ </ol>
	59	+ <section class="section">
	60	+ <header class="section-tit-area">
	61	+ <div class="l-area dir-col">
	62	+ <h3 class="title-lg">회원정보 입력</h3>
	63	+ </div>
	64	+ </header>
	65	+ <div class="write-type">
	66	+ <table>
	67	+ <caption>회원정보 입력</caption>
	68	+ <colgroup>
	69	+ <col style="width: 240px" />
	70	+ <col />
	71	+ </colgroup>
	72	+ <tbody>
	73	+ <tr>
	74	+ <th scope="row">프로필 이미지</th>
	75	+ <td>
	76	+ <div class="profile xlg">
	77	+ <div class="img-area">
	78	+ <figure>
	79	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	80	+ </figure>
	81	+ </div>
	82	+ </div>
	83	+ <div class="input-flex-area file-add-area">
	84	+ <div class="file-custom">
	85	+ <input type="file" class="input-file" title="파일찾기" />
	86	+ <span class="btn secondary ico-upload">파일 찾기</span>
	87	+ </div>
	88	+ <div class="fnc">
	89	+ <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
	90	+ </div>
	91	+ </div>
	92	+ </td>
	93	+ </tr>
	94	+ <tr>
	95	+ <th scope="row">
	96	+ 이름
	97	+ <i class="required">필수</i>
	98	+ </th>
	99	+ <td><input type="text" placeholder="이름을 입력하세요." title="이름 입력" /></td>
	100	+ </tr>
	101	+ <tr>
	102	+ <th scope="row">
	103	+ ID
	104	+ <i class="required">필수</i>
	105	+ </th>
	106	+ <td>
	107	+ <div class="input-flex-area">
	108	+ <input type="text" placeholder="회원 Id를 입력하세요." title="아이디 입력" class="flex1" />
	109	+ <button type="button" class="btn primary">중복 확인</button>
	110	+ </div>
	111	+ <p class="msg">영어소문자, 숫자를 조합해서 입력 후 중복여부를 확인하세요.</p>
	112	+ </td>
	113	+ </tr>
	114	+ <tr>
	115	+ <th scope="row">
	116	+ 비밀번호
	117	+ <i class="required">필수</i>
	118	+ </th>
	119	+ <td>
	120	+ <div class="form-row input-box input-pw-area">
	121	+ <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요." title="비밀번호를 입력하세요" />
	122	+ <button type="button" class="btn-pw-toggle">비밀번호보기</button>
	123	+ </div>
	124	+ <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
	125	+ </td>
	126	+ </tr>
	127	+ <tr>
	128	+ <th scope="row">
	129	+ 휴대전화 번호
	130	+ <i class="required">필수</i>
	131	+ </th>
	132	+ <td>
	133	+ <ul class="form-list initial">
	134	+ <li>
	135	+ <div class="form-tit-area">
	136	+ <div class="l-area">
	137	+ <strong class="form-tit">핸드폰번호</strong>
	138	+ </div>
	139	+ </div>
	140	+ <div class="form-cont">
	141	+ <div class="form-row">
	142	+ <div class="input-phone-area">
	143	+ <div class="phone">
	144	+ <select title="전화번호 앞자리 선택">
	145	+ <option value="010">010</option>
	146	+ <option value="011">011</option>
	147	+ </select>
	148	+ <span aria-hidden="true">-</span>
	149	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" />
	150	+ <span aria-hidden="true">-</span>
	151	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" />
	152	+ </div>
	153	+ <div class="fnc">
	154	+ <button type="button" class="btn primary">인증번호 발송</button>
	155	+ <!-- -->
	156	+ </div>
	157	+ </div>
	158	+ </div>
	159	+ </div>
	160	+ </li>
	161	+ <li>
	162	+ <div class="form-tit-area">
	163	+ <div class="l-area">
	164	+ <strong class="form-tit">인증번호 입력</strong>
	165	+ </div>
	166	+ </div>
	167	+ <div class="form-cont">
	168	+ <div class="form-row">
	169	+ <input type="number" placeholder="전송된 인증번호를 입력하세요." title="전송된 인증번호를 입력" />
	170	+ <button type="submit" class="btn primary fixw">확인</button>
	171	+ </div>
	172	+ </div>
	173	+ <p class="msg">
	174	+ <i class="ico-hourglass sm"></i>
	175	+ 인증유효시간 2:59
	176	+ </p>
	177	+ </li>
	178	+ </ul>
	179	+ </td>
	180	+ </tr>
	181	+ <tr>
	182	+ <th scope="row">이메일</th>
	183	+ <td>
	184	+ <div class="input-email-area">
	185	+ <div class="email-id">
	186	+ <input type="email" title="이메일 아이디 입력" />
	187	+ <span aria-hidden="true">@</span>
	188	+ </div>
	189	+ <div class="email-domain">
	190	+ <select title="도메인 선택">
	191	+ <!-- <option>naver.com</option> -->
	192	+ <option>직접입력</option>
	193	+ </select>
	194	+ <input type="text" class="domain-custom" placeholder="직접 입력" title="직접 입력" />
	195	+ </div>
	196	+ </div>
	197	+ </td>
	198	+ </tr>
	199	+ </tbody>
	200	+ </table>
	201	+ </div>
	202	+ </section>
	203	+ <section class="section">
	204	+ <header class="section-tit-area">
	205	+ <div class="l-area dir-col">
	206	+ <h3 class="title-lg">추가정보</h3>
	207	+ </div>
	208	+ </header>
	209	+ <div class="write-type">
	210	+ <table>
	211	+ <caption>추가정보 입력</caption>
	212	+ <colgroup>
	213	+ <col style="width: 240px" />
	214	+ <col />
	215	+ </colgroup>
	216	+ <tbody>
	217	+ <tr>
	218	+ <th scope="row">역할</th>
	219	+ <td>
	220	+ <fieldset class="checkradio-area">
	221	+ <legend>역할 선택</legend>
	222	+ <div class="checkradio">
	223	+ <input type="radio" id="role1" name="role" checked />
	224	+ <label for="role1">교원</label>
	225	+ </div>
	226	+ <div class="checkradio">
	227	+ <input type="radio" id="role2" name="role" />
	228	+ <label for="role2">지방공무원</label>
	229	+ </div>
	230	+ <div class="checkradio">
	231	+ <input type="radio" id="role3" name="role" />
	232	+ <label for="role3">강사</label>
	233	+ </div>
	234	+ </fieldset>
	235	+ </td>
	236	+ </tr>
	237	+ <tr>
	238	+ <th scope="row">학교</th>
	239	+ <td>
	240	+ <div class="input-box">
	241	+ <i class="ico-search" aria-hidden="true"></i>
	242	+ <input type="text" placeholder="학교를 선택하세요." title="학교 선택" class="input" id="schoolFind" />
	243	+ </div>
	244	+ </td>
	245	+ </tr>
	246	+ <tr>
	247	+ <th scope="row">담당학급</th>
	248	+ <td>
	249	+ <fieldset class="checkradio-area">
	250	+ <legend>담당학급 선택</legend>
	251	+ <div class="checkradio">
	252	+ <input type="radio" id="htea" name="htea" checked />
	253	+ <label for="htea">담임선생님</label>
	254	+ <fieldset class="checkradio-option">
	255	+ <legend>학년,반 선택</legend>
	256	+ <select title="학년 선택">
	257	+ <option>1학년</option>
	258	+ </select>
	259	+ <select title="반 선택">
	260	+ <option>2반</option>
	261	+ </select>
	262	+ </fieldset>
	263	+ </div>
	264	+ <div class="checkradio">
	265	+ <input type="radio" id="hteaN" name="htea" />
	266	+ <label for="hteaN">담임아님</label>
	267	+ </div>
	268	+ </fieldset>
	269	+ </td>
	270	+ </tr>
	271	+ </tbody>
	272	+ </table>
	273	+ </div>
	274	+ </section>
	275	+ <div class="btn-cont">
	276	+ <button type="submit" class="btn lg primary">회원가입</button>
	277	+ </div>
	278	+ </div>
	279	+ </div>
	280	+ </div>
	281	+ <!-- toast -->
	282	+ <div class="toast"></div>
	283	+ <!--popup-->
	284	+ <div class="dim"></div>
36	285
37		-<body>
38		- <div class="member">
39		- <div class="wrap">
40		- <div class="page-tit-area">
41		- <div class="l-area">
42		- <h2 class="title-xlg">회원가입</h2>
43		- </div>
44		- </div>
45		- <div class="wrap-md">
46		- <ol class="step">
47		- <li>
48		- <span class="num">1</span>
49		- <p>
50		- <strong>약관동의</strong>
51		- </p>
52		- </li>
53		- <li class="is-current">
54		- <span class="num">2</span>
55		- <p>
56		- <strong>회원정보 입력</strong>
57		- </p>
58		- </li>
59		- <li>
60		- <span class="num">3</span>
61		- <p>
62		- <strong>가입 완료</strong>
63		- </p>
64		- </li>
65		- </ol>
66		- <section class="section">
67		- <header class="section-tit-area">
68		- <div class="l-area dir-col">
69		- <h3 class="title-lg">회원정보 입력</h3>
70		- </div>
71		- </header>
72		- <div class="write-type">
73		- <table>
74		- <caption>회원정보 입력</caption>
75		- <colgroup>
76		- <col style="width: 240px;">
77		- <col>
78		- </colgroup>
79		- <tbody>
80		- <tr>
81		- <th scope="row">프로필 이미지</th>
82		- <td>
83		- <div class="profile xlg">
84		- <div class="img-area">
85		- <figure>
86		- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
87		- alt="프로필 썸네일">
88		- </figure>
89		- </div>
90		- </div>
91		- <div class="input-flex-area file-add-area">
92		- <div class="file-custom">
93		- <input type="file" class="input-file" title="파일찾기">
94		- <span class="btn secondary ico-upload">파일 찾기</span>
95		- </div>
96		- <div class="fnc">
97		- <button type="button" class="btn circle danger ico-delete"><span
98		- class="txt-hide">삭제</span></button>
99		- </div>
100		- </div>
101		- </td>
102		- </tr>
103		- <tr>
104		- <th scope="row">이름<i class="required">필수</i></th>
105		- <td><input type="text" placeholder="이름을 입력하세요." title="이름 입력"></td>
106		- </tr>
107		- <tr>
108		- <th scope="row">ID<i class="required">필수</i></th>
109		- <td>
110		- <div class="input-flex-area">
111		- <input type="text" placeholder="회원 Id를 입력하세요." title="아이디 입력" class="flex1">
112		- <button type="button" class="btn primary">중복 확인</button>
113		- </div>
114		- <p class="msg">영어소문자, 숫자를 조합해서 입력 후 중복여부를 확인하세요.</p>
115		- </td>
116		- </tr>
117		- <tr>
118		- <th scope="row">비밀번호<i class="required">필수</i></th>
119		- <td>
120		- <div class="form-row input-box input-pw-area">
121		- <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요."
122		- title="비밀번호를 입력하세요">
123		- <button type="button" class="btn-pw-toggle">비밀번호보기</button>
124		- </div>
125		- <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
126		- </td>
127		- </tr>
128		- <tr>
129		- <th scope="row">휴대전화 번호<i class="required">필수</i></th>
130		- <td>
131		- <ul class="form-list initial">
132		- <li>
133		- <div class="form-tit-area">
134		- <div class="l-area">
135		- <strong class="form-tit">핸드폰번호</strong>
136		- </div>
137		- </div>
138		- <div class="form-cont">
139		- <div class="form-row">
140		- <div class="input-phone-area">
141		- <div class="phone">
142		- <select title="전화번호 앞자리 선택">
143		- <option value="010">010</option>
144		- <option value="011">011</option>
145		- </select>
146		- <span aria-hidden="true">-</span>
147		- <input type="tel" inputmode="numeric" maxlength="4"
148		- pattern="[0-9]*" title="전화번호 가운데자리 입력">
149		- <span aria-hidden="true">-</span>
150		- <input type="tel" inputmode="numeric" maxlength="4"
151		- pattern="[0-9]*" title="전화번호 뒷자리 입력">
152		- </div>
153		- <div class="fnc">
154		- <button type="button" class="btn primary">인증번호 발송</button>
155		- <!-- -->
156		- </div>
157		- </div>
158		- </div>
159		- </div>
160		- </li>
161		- <li>
162		- <div class="form-tit-area">
163		- <div class="l-area">
164		- <strong class="form-tit">인증번호 입력</strong>
165		- </div>
166		- </div>
167		- <div class="form-cont">
168		- <div class="form-row">
169		- <input type="number" placeholder="전송된 인증번호를 입력하세요."
170		- title="전송된 인증번호를 입력">
171		- <button type="submit" class="btn primary fixw">확인</button>
172		- </div>
173		- </div>
174		- <p class="msg"><i class="ico-hourglass sm"></i>인증유효시간 2:59</p>
175		- </li>
176		- </ul>
177		- </td>
178		- </tr>
179		- <tr>
180		- <th scope="row">이메일</th>
181		- <td>
182		- <div class="input-email-area">
183		- <div class="email-id">
184		- <input type="email" title="이메일 아이디 입력">
185		- <span aria-hidden="true">@</span>
186		- </div>
187		- <div class="email-domain">
188		- <select title="도메인 선택">
189		- <!-- <option>naver.com</option> -->
190		- <option>직접입력</option>
191		- </select>
192		- <input type="text" class="domain-custom" placeholder="직접 입력" title="직접 입력">
193		- </div>
194		- </div>
195		- </td>
196		- </tr>
197		- </tbody>
198		- </table>
199		- </div>
200		- </section>
201		- <section class="section">
202		- <header class="section-tit-area">
203		- <div class="l-area dir-col">
204		- <h3 class="title-lg">추가정보</h3>
205		- </div>
206		- </header>
207		- <div class="write-type">
208		- <table>
209		- <caption>추가정보 입력</caption>
210		- <colgroup>
211		- <col style="width: 240px;">
212		- <col>
213		- </colgroup>
214		- <tbody>
215		- <tr>
216		- <th scope="row">역할</th>
217		- <td>
218		- <fieldset class="checkradio-area">
219		- <legend>역할 선택</legend>
220		- <div class="checkradio">
221		- <input type="radio" id="role1" name="role" checked>
222		- <label for="role1">교원</label>
223		- </div>
224		- <div class="checkradio">
225		- <input type="radio" id="role2" name="role">
226		- <label for="role2">지방공무원</label>
227		- </div>
228		- <div class="checkradio">
229		- <input type="radio" id="role3" name="role">
230		- <label for="role3">강사</label>
231		- </div>
232		- </fieldset>
233		- </td>
234		- </tr>
235		- <tr>
236		- <th scope="row">학교</th>
237		- <td>
238		- <div class="input-box">
239		- <i class="ico-search" aria-hidden="true"></i>
240		- <input type="text" placeholder="학교를 선택하세요." title="학교 선택" class="input"
241		- id="schoolFind">
242		- </div>
243		- </td>
244		- </tr>
245		- <tr>
246		- <th scope="row">담당학급</th>
247		- <td>
248		- <fieldset class="checkradio-area">
249		- <legend>담당학급 선택</legend>
250		- <div class="checkradio">
251		- <input type="radio" id="htea" name="htea" checked>
252		- <label for="htea">담임선생님</label>
253		- <fieldset class="checkradio-option">
254		- <legend>학년,반 선택</legend>
255		- <select title="학년 선택">
256		- <option>1학년</option>
257		- </select>
258		- <select title="반 선택">
259		- <option>2반</option>
260		- </select>
261		- </fieldset>
262		- </div>
263		- <div class="checkradio">
264		- <input type="radio" id="hteaN" name="htea">
265		- <label for="hteaN">담임아님</label>
266		- </div>
267		- </fieldset>
268		- </td>
269		- </tr>
270		- </tbody>
271		- </table>
272		- </div>
273		- </section>
274		- <div class="btn-cont">
275		- <button type="submit" class="btn lg primary">회원가입</button>
276		- </div>
277		- </div>
278		- </div>
279		- </div>
280		- <!-- toast -->
281		- <div class="toast"></div>
282		- <!--popup-->
283		- <div class="dim"></div>
284		-
285		- <script>
286		- //학교 검색
287		- var availableTags = [
288		- "세종초등학교1",
289		- "세종초등학교2",
290		- ];
291		- $("#schoolFind").autocomplete({
292		- source: availableTags
293		- });
294		- </script>
295		-</body>
296		-
297		-</html> (파일 끝에 줄바꿈 문자 없음)
	286	+ <script>
	287	+ //학교 검색
	288	+ var availableTags = ['세종초등학교1', '세종초등학교2'];
	289	+ $('#schoolFind').autocomplete({
	290	+ source: availableTags,
	291	+ });
	292	+ </script>
	293	+ </body>
	294	+</html>

a00f727

08f9adb

html/onSejong/common/member/join2_stu.html

--- html/onSejong/common/member/join2_stu.html

+++ html/onSejong/common/member/join2_stu.html

...	...	@@ -1,361 +1,379 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7		- <meta name="Author" content="">
8		- <meta name="Keywords" content="">
9		- <meta name="Description" content="">
10		- <meta name="format-detection" content="telephone=no">
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
13		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
14		- <!-- 공통 plugin -->
15		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
16		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
17		- <!-- //공통 plugin -->
18		- <!-- 페이지 plugin-->
19		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
20		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
21		- <!-- chart -->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
24		- <!-- //chart -->
25		- <!-- //페이지 plugin-->
26		- <!-- 공통 퍼블 layout: 개발시 삭제-->
27		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
28		- <!--//퍼블 layout-->
29		- <!-- 공통 메뉴 js-->
30		- <!-- //공통 메뉴 js -->
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
	36	+ <body>
	37	+ <div class="member">
	38	+ <div class="wrap">
	39	+ <div class="page-tit-area">
	40	+ <div class="l-area">
	41	+ <h2 class="title-xlg">회원가입</h2>
	42	+ </div>
	43	+ </div>
	44	+ <div class="wrap-md">
	45	+ <ol class="step">
	46	+ <li>
	47	+ <span class="num">1</span>
	48	+ <p>
	49	+ <strong>약관동의</strong>
	50	+ </p>
	51	+ </li>
	52	+ <li class="is-current">
	53	+ <span class="num">2</span>
	54	+ <p>
	55	+ <strong>회원정보 입력</strong>
	56	+ </p>
	57	+ </li>
	58	+ </ol>
	59	+ <section class="section">
	60	+ <header class="section-tit-area">
	61	+ <div class="l-area dir-col">
	62	+ <h3 class="title-lg">회원정보 입력</h3>
	63	+ </div>
	64	+ </header>
	65	+ <div class="write-type">
	66	+ <table>
	67	+ <caption>회원정보 입력</caption>
	68	+ <colgroup>
	69	+ <col style="width: 240px" />
	70	+ <col />
	71	+ </colgroup>
	72	+ <tbody>
	73	+ <tr>
	74	+ <th scope="row">프로필 이미지</th>
	75	+ <td>
	76	+ <div class="profile xlg">
	77	+ <div class="img-area">
	78	+ <figure>
	79	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	80	+ </figure>
	81	+ </div>
	82	+ </div>
	83	+ <div class="input-flex-area file-add-area">
	84	+ <div class="file-custom">
	85	+ <input type="file" class="input-file" title="파일찾기" />
	86	+ <span class="btn secondary ico-upload">파일 찾기</span>
	87	+ </div>
	88	+ <div class="fnc">
	89	+ <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
	90	+ </div>
	91	+ </div>
	92	+ </td>
	93	+ </tr>
	94	+ <tr>
	95	+ <th scope="row">
	96	+ 이름
	97	+ <i class="required">필수</i>
	98	+ </th>
	99	+ <td>김세종</td>
	100	+ </tr>
	101	+ <tr>
	102	+ <th scope="row">
	103	+ ID
	104	+ <i class="required">필수</i>
	105	+ </th>
	106	+ <td>
	107	+ <div class="input-flex-area">
	108	+ <input type="text" placeholder="회원 Id를 입력하세요." title="아이디 입력" class="flex1" />
	109	+ <button type="button" class="btn primary">중복 확인</button>
	110	+ </div>
	111	+ <p class="msg">영어소문자, 숫자를 조합해서 입력 후 중복여부를 확인하세요.</p>
	112	+ </td>
	113	+ </tr>
	114	+ <tr>
	115	+ <th scope="row">
	116	+ 비밀번호
	117	+ <i class="required">필수</i>
	118	+ </th>
	119	+ <td>
	120	+ <div class="form-row input-box input-pw-area">
	121	+ <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요." title="비밀번호를 입력하세요" />
	122	+ <button type="button" class="btn-pw-toggle">비밀번호보기</button>
	123	+ </div>
	124	+ <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
	125	+ </td>
	126	+ </tr>
	127	+ <tr>
	128	+ <th scope="row">
	129	+ 휴대전화 번호
	130	+ <i class="required">필수</i>
	131	+ </th>
	132	+ <td>
	133	+ <ul class="form-list initial">
	134	+ <li>
	135	+ <div class="form-tit-area">
	136	+ <div class="l-area">
	137	+ <strong class="form-tit">핸드폰번호</strong>
	138	+ </div>
	139	+ </div>
	140	+ <div class="form-cont">
	141	+ <div class="form-row">
	142	+ <div class="input-phone-area">
	143	+ <div class="phone">
	144	+ <select title="전화번호 앞자리 선택">
	145	+ <option value="010">010</option>
	146	+ <option value="011">011</option>
	147	+ </select>
	148	+ <span aria-hidden="true">-</span>
	149	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" />
	150	+ <span aria-hidden="true">-</span>
	151	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" />
	152	+ </div>
	153	+ <div class="fnc">
	154	+ <button type="button" class="btn primary">인증번호 발송</button>
	155	+ </div>
	156	+ </div>
	157	+ </div>
	158	+ </div>
	159	+ </li>
	160	+ <li>
	161	+ <div class="form-tit-area">
	162	+ <div class="l-area">
	163	+ <strong class="form-tit">인증번호 입력</strong>
	164	+ </div>
	165	+ </div>
	166	+ <div class="form-cont">
	167	+ <div class="form-row">
	168	+ <input type="number" placeholder="전송된 인증번호를 입력하세요." title="전송된 인증번호를 입력" />
	169	+ <button type="submit" class="btn primary fixw">확인</button>
	170	+ </div>
	171	+ </div>
	172	+ <p class="msg">
	173	+ <i class="ico-hourglass sm"></i>
	174	+ 인증유효시간 2:59
	175	+ </p>
	176	+ </li>
	177	+ </ul>
	178	+ </td>
	179	+ </tr>
	180	+ <tr>
	181	+ <th scope="row">이메일</th>
	182	+ <td>
	183	+ <div class="input-email-area">
	184	+ <div class="email-id">
	185	+ <input type="email" title="이메일 아이디 입력" />
	186	+ <span aria-hidden="true">@</span>
	187	+ </div>
	188	+ <div class="email-domain">
	189	+ <select title="도메인 선택">
	190	+ <!-- <option>naver.com</option> -->
	191	+ <option>직접입력</option>
	192	+ </select>
	193	+ <input type="text" class="domain-custom" placeholder="직접 입력" title="직접 입력" />
	194	+ </div>
	195	+ </div>
	196	+ </td>
	197	+ </tr>
	198	+ <tr>
	199	+ <th scope="row">
	200	+ 학생 생년월일
	201	+ <i class="required">필수</i>
	202	+ </th>
	203	+ <td>
	204	+ <div class="input-flex-area">
	205	+ <select title="년도 선택" class="flex1">
	206	+ <option>년도</option>
	207	+ </select>
	208	+ <select title="월 선택" class="flex1">
	209	+ <option>월</option>
	210	+ </select>
	211	+ <select title="일 선택" class="flex1">
	212	+ <option>일</option>
	213	+ </select>
	214	+ </div>
	215	+ </td>
	216	+ </tr>
	217	+ <tr>
	218	+ <th scope="row">
	219	+ 보호자 이름
	220	+ <i class="required">필수</i>
	221	+ </th>
	222	+ <td>
	223	+ <input type="text" placeholder="보호자 성함을 입력하세요." title="보호자 성함 입력" />
	224	+ </td>
	225	+ </tr>
	226	+ <tr>
	227	+ <th scope="row">
	228	+ 보호자 연락처
	229	+ <i class="required">필수</i>
	230	+ </th>
	231	+ <td>
	232	+ <div class="input-phone-area">
	233	+ <div class="phone">
	234	+ <select title="전화번호 앞자리 선택">
	235	+ <option value="010">010</option>
	236	+ <option value="011">011</option>
	237	+ </select>
	238	+ <span aria-hidden="true">-</span>
	239	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" />
	240	+ <span aria-hidden="true">-</span>
	241	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" />
	242	+ </div>
	243	+ </div>
	244	+ </td>
	245	+ </tr>
	246	+ <tr>
	247	+ <th scope="row">
	248	+ 학교
	249	+ <i class="required">필수</i>
	250	+ </th>
	251	+ <td>
	252	+ <div class="input-box">
	253	+ <i class="ico-search" aria-hidden="true"></i>
	254	+ <input type="text" placeholder="학교를 선택하세요." title="학교 선택" class="input" id="schoolFind" />
	255	+ </div>
	256	+ </td>
	257	+ </tr>
	258	+ <tr>
	259	+ <th scope="row">
	260	+ 학년/반/번호
	261	+ <i class="required">필수</i>
	262	+ </th>
	263	+ <td>
	264	+ <div class="input-flex-area">
	265	+ <div class="input-box flex1">
	266	+ <select class="input" title="학년 선택">
	267	+ <option>학년</option>
	268	+ <option>1</option>
	269	+ <option>2</option>
	270	+ </select>
	271	+ <span>학년</span>
	272	+ </div>
	273	+ <div class="input-box flex1">
	274	+ <input type="number" class="input q0" title="반 입력" />
	275	+ <span>반</span>
	276	+ </div>
	277	+ <div class="input-box flex1">
	278	+ <input type="number" class="input q0" title="번호 입력" />
	279	+ <span>번</span>
	280	+ </div>
	281	+ </div>
	282	+ </td>
	283	+ </tr>
	284	+ </tbody>
	285	+ </table>
	286	+ </div>
	287	+ </section>
	288	+ <section class="section">
	289	+ <header class="section-tit-area">
	290	+ <div class="l-area dir-col">
	291	+ <h3 class="title-lg">추가정보</h3>
	292	+ </div>
	293	+ </header>
	294	+ <div class="write-type">
	295	+ <table>
	296	+ <caption>추가정보 입력</caption>
	297	+ <colgroup>
	298	+ <col style="width: 240px" />
	299	+ <col />
	300	+ </colgroup>
	301	+ <tbody>
	302	+ <tr>
	303	+ <th scope="row">역할</th>
	304	+ <td>
	305	+ <fieldset class="checkradio-area">
	306	+ <legend>역할 선택</legend>
	307	+ <div class="checkradio">
	308	+ <input type="radio" id="role1" name="role" checked />
	309	+ <label for="role1">교원</label>
	310	+ </div>
	311	+ <div class="checkradio">
	312	+ <input type="radio" id="role2" name="role" />
	313	+ <label for="role2">지방공무원</label>
	314	+ </div>
	315	+ <div class="checkradio">
	316	+ <input type="radio" id="role3" name="role" />
	317	+ <label for="role3">강사</label>
	318	+ </div>
	319	+ </fieldset>
	320	+ </td>
	321	+ </tr>
	322	+ <tr>
	323	+ <th scope="row">학교</th>
	324	+ <td>
	325	+ <div class="input-box">
	326	+ <i class="ico-search" aria-hidden="true"></i>
	327	+ <input type="text" placeholder="학교를 선택하세요" title="학교 선택" class="input" id="schoolFind" />
	328	+ </div>
	329	+ </td>
	330	+ </tr>
	331	+ <tr>
	332	+ <th scope="row">담당학급</th>
	333	+ <td>
	334	+ <fieldset class="checkradio-area">
	335	+ <legend>담당학급 선택</legend>
	336	+ <div class="checkradio">
	337	+ <input type="radio" id="htea" name="htea" checked="" />
	338	+ <label for="htea">담임선생님</label>
	339	+ <fieldset class="checkradio-option">
	340	+ <legend>학년,반 선택</legend>
	341	+ <select title="학년 선택">
	342	+ <option>1학년</option>
	343	+ </select>
	344	+ <select title="반 선택">
	345	+ <option>2반</option>
	346	+ </select>
	347	+ </fieldset>
	348	+ </div>
	349	+ <div class="checkradio">
	350	+ <input type="radio" id="hteaN" name="htea" checked="" />
	351	+ <label for="hteaN">담임아님</label>
	352	+ </div>
	353	+ </fieldset>
	354	+ </td>
	355	+ </tr>
	356	+ </tbody>
	357	+ </table>
	358	+ </div>
	359	+ </section>
	360	+ <div class="btn-cont">
	361	+ <button type="submit" class="btn lg primary">회원가입</button>
	362	+ </div>
	363	+ </div>
	364	+ </div>
	365	+ </div>
	366	+ <!-- toast -->
	367	+ <div class="toast"></div>
	368	+ <!--popup-->
	369	+ <div class="dim"></div>
36	370
37		-<body>
38		- <div class="member">
39		- <div class="wrap">
40		- <div class="page-tit-area">
41		- <div class="l-area">
42		- <h2 class="title-xlg">회원가입</h2>
43		- </div>
44		- </div>
45		- <div class="wrap-md">
46		- <ol class="step">
47		- <li>
48		- <span class="num">1</span>
49		- <p>
50		- <strong>약관동의</strong>
51		- </p>
52		- </li>
53		- <li class="is-current">
54		- <span class="num">2</span>
55		- <p>
56		- <strong>회원정보 입력</strong>
57		- </p>
58		- </li>
59		- <li>
60		- <span class="num">3</span>
61		- <p>
62		- <strong>가입 완료</strong>
63		- </p>
64		- </li>
65		- </ol>
66		- <section class="section">
67		- <header class="section-tit-area">
68		- <div class="l-area dir-col">
69		- <h3 class="title-lg">회원정보 입력</h3>
70		- </div>
71		- </header>
72		- <div class="write-type">
73		- <table>
74		- <caption>회원정보 입력</caption>
75		- <colgroup>
76		- <col style="width: 240px;">
77		- <col>
78		- </colgroup>
79		- <tbody>
80		- <tr>
81		- <th scope="row">프로필 이미지</th>
82		- <td>
83		- <div class="profile xlg">
84		- <div class="img-area">
85		- <figure>
86		- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
87		- </figure>
88		- </div>
89		- </div>
90		- <div class="input-flex-area file-add-area">
91		- <div class="file-custom">
92		- <input type="file" class="input-file" title="파일찾기">
93		- <span class="btn secondary ico-upload">파일 찾기</span>
94		- </div>
95		- <div class="fnc">
96		- <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
97		- </div>
98		- </div>
99		- </td>
100		- </tr>
101		- <tr>
102		- <th scope="row">이름<i class="required">필수</i></th>
103		- <td>김세종</td>
104		- </tr>
105		- <tr>
106		- <th scope="row">ID<i class="required">필수</i></th>
107		- <td>
108		- <div class="input-flex-area">
109		- <input type="text" placeholder="회원 Id를 입력하세요." title="아이디 입력" class="flex1">
110		- <button type="button" class="btn primary">중복 확인</button>
111		- </div>
112		- <p class="msg">영어소문자, 숫자를 조합해서 입력 후 중복여부를 확인하세요.</p>
113		- </td>
114		- </tr>
115		- <tr>
116		- <th scope="row">비밀번호<i class="required">필수</i></th>
117		- <td>
118		- <div class="form-row input-box input-pw-area">
119		- <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요." title="비밀번호를 입력하세요">
120		- <button type="button" class="btn-pw-toggle">비밀번호보기</button>
121		- </div>
122		- <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
123		- </td>
124		- </tr>
125		- <tr>
126		- <th scope="row">휴대전화 번호<i class="required">필수</i></th>
127		- <td>
128		- <ul class="form-list initial">
129		- <li>
130		- <div class="form-tit-area">
131		- <div class="l-area">
132		- <strong class="form-tit">핸드폰번호</strong>
133		- </div>
134		- </div>
135		- <div class="form-cont">
136		- <div class="form-row">
137		- <div class="input-phone-area">
138		- <div class="phone">
139		- <select title="전화번호 앞자리 선택">
140		- <option value="010">010</option>
141		- <option value="011">011</option>
142		- </select>
143		- <span aria-hidden="true">-</span>
144		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력">
145		- <span aria-hidden="true">-</span>
146		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력">
147		- </div>
148		- <div class="fnc">
149		- <button type="button" class="btn primary">인증번호 발송</button>
150		- </div>
151		- </div>
152		- </div>
153		- </div>
154		- </li>
155		- <li>
156		- <div class="form-tit-area">
157		- <div class="l-area">
158		- <strong class="form-tit">인증번호 입력</strong>
159		- </div>
160		- </div>
161		- <div class="form-cont">
162		- <div class="form-row">
163		- <input type="number" placeholder="전송된 인증번호를 입력하세요." title="전송된 인증번호를 입력">
164		- <button type="submit" class="btn primary fixw">확인</button>
165		- </div>
166		- </div>
167		- <p class="msg"><i class="ico-hourglass sm"></i>인증유효시간 2:59</p>
168		- </li>
169		- </ul>
170		- </td>
171		- </tr>
172		- <tr>
173		- <th scope="row">이메일</th>
174		- <td>
175		- <div class="input-email-area">
176		- <div class="email-id">
177		- <input type="email" title="이메일 아이디 입력">
178		- <span aria-hidden="true">@</span>
179		- </div>
180		- <div class="email-domain">
181		- <select title="도메인 선택">
182		- <!-- <option>naver.com</option> -->
183		- <option>직접입력</option>
184		- </select>
185		- <input type="text" class="domain-custom" placeholder="직접 입력" title="직접 입력">
186		- </div>
187		- </div>
188		- </td>
189		- </tr>
190		- <tr>
191		- <th scope="row">학생 생년월일<i class="required">필수</i></th>
192		- <td>
193		- <div class="input-flex-area">
194		- <select title="년도 선택" class="flex1">
195		- <option>년도</option>
196		- </select>
197		- <select title="월 선택" class="flex1">
198		- <option>월</option>
199		- </select>
200		- <select title="일 선택" class="flex1">
201		- <option>일</option>
202		- </select>
203		- </div>
204		- </td>
205		- </tr>
206		- <tr>
207		- <th scope="row">보호자 이름<i class="required">필수</i></th>
208		- <td>
209		- <input type="text" placeholder="보호자 성함을 입력하세요." title="보호자 성함 입력">
210		- </td>
211		- </tr>
212		- <tr>
213		- <th scope="row">보호자 연락처<i class="required">필수</i></th>
214		- <td>
215		- <div class="input-phone-area">
216		- <div class="phone">
217		- <select title="전화번호 앞자리 선택">
218		- <option value="010">010</option>
219		- <option value="011">011</option>
220		- </select>
221		- <span aria-hidden="true">-</span>
222		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력">
223		- <span aria-hidden="true">-</span>
224		- <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력">
225		- </div>
226		- </div>
227		- </td>
228		- </tr>
229		- <tr>
230		- <th scope="row">학교<i class="required">필수</i></th>
231		- <td>
232		- <div class="input-box">
233		- <i class="ico-search" aria-hidden="true"></i>
234		- <input type="text" placeholder="학교를 선택하세요." title="학교 선택" class="input" id="schoolFind">
235		- </div>
236		- </td>
237		- </tr>
238		- <tr>
239		- <th scope="row">학년/반/번호<i class="required">필수</i></th>
240		- <td>
241		- <div class="input-flex-area">
242		- <div class="input-box flex1">
243		- <select class="input" title="학년 선택">
244		- <option>학년</option>
245		- <option>1</option>
246		- <option>2</option>
247		- </select>
248		- <span>학년</span>
249		- </div>
250		- <div class="input-box flex1">
251		- <input type="number" class="input q0" title="반 입력">
252		- <span>반</span>
253		- </div>
254		- <div class="input-box flex1">
255		- <input type="number" class="input q0" title="번호 입력">
256		- <span>번</span>
257		- </div>
258		- </div>
259		-
260		- </td>
261		- </tr>
262		- </tbody>
263		- </table>
264		- </div>
265		- </section>
266		- <section class="section">
267		- <header class="section-tit-area">
268		- <div class="l-area dir-col">
269		- <h3 class="title-lg">추가정보</h3>
270		- </div>
271		- </header>
272		- <div class="write-type">
273		- <table>
274		- <caption>추가정보 입력</caption>
275		- <colgroup>
276		- <col style="width: 240px;">
277		- <col>
278		- </colgroup>
279		- <tbody>
280		- <tr>
281		- <th scope="row">역할</th>
282		- <td>
283		- <fieldset class="checkradio-area">
284		- <legend>역할 선택</legend>
285		- <div class="checkradio">
286		- <input type="radio" id="role1" name="role" checked>
287		- <label for="role1">교원</label>
288		- </div>
289		- <div class="checkradio">
290		- <input type="radio" id="role2" name="role">
291		- <label for="role2">지방공무원</label>
292		- </div>
293		- <div class="checkradio">
294		- <input type="radio" id="role3" name="role">
295		- <label for="role3">강사</label>
296		- </div>
297		- </fieldset>
298		- </td>
299		- </tr>
300		- <tr>
301		- <th scope="row">학교</th>
302		- <td>
303		- <div class="input-box">
304		- <i class="ico-search" aria-hidden="true"></i>
305		- <input type="text" placeholder="학교를 선택하세요" title="학교 선택" class="input" id="schoolFind">
306		- </div>
307		- </td>
308		- </tr>
309		- <tr>
310		- <th scope="row">담당학급</th>
311		- <td>
312		- <fieldset class="checkradio-area">
313		- <legend>담당학급 선택</legend>
314		- <div class="checkradio">
315		- <input type="radio" id="htea" name="htea" checked="">
316		- <label for="htea">담임선생님</label>
317		- <fieldset class="checkradio-option">
318		- <legend>학년,반 선택</legend>
319		- <select title="학년 선택">
320		- <option>1학년</option>
321		- </select>
322		- <select title="반 선택">
323		- <option>2반</option>
324		- </select>
325		- </fieldset>
326		- </div>
327		- <div class="checkradio">
328		- <input type="radio" id="hteaN" name="htea" checked="">
329		- <label for="hteaN">담임아님</label>
330		- </div>
331		- </fieldset>
332		- </td>
333		- </tr>
334		- </tbody>
335		- </table>
336		- </div>
337		- </section>
338		- <div class="btn-cont">
339		- <button type="submit" class="btn lg primary">회원가입</button>
340		- </div>
341		- </div>
342		- </div>
343		- </div>
344		- <!-- toast -->
345		- <div class="toast"></div>
346		- <!--popup-->
347		- <div class="dim"></div>
348		-
349		- <script>
350		- //학교 검색
351		- var availableTags = [
352		- "세종초등학교1",
353		- "세종초등학교2",
354		- ];
355		- $("#schoolFind").autocomplete({
356		- source: availableTags
357		- });
358		- </script>
359		-</body>
360		-
361		-</html> (파일 끝에 줄바꿈 문자 없음)
	371	+ <script>
	372	+ //학교 검색
	373	+ var availableTags = ['세종초등학교1', '세종초등학교2'];
	374	+ $('#schoolFind').autocomplete({
	375	+ source: availableTags,
	376	+ });
	377	+ </script>
	378	+ </body>
	379	+</html>

a00f727

08f9adb

html/onSejong/common/member/login.html

--- html/onSejong/common/member/login.html

+++ html/onSejong/common/member/login.html


 <!DOCTYPE html>
 <html lang="ko">
+	<head>
+		<title>온세종학교</title>
 
-<head>
-    <title>온세종학교</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="Author" content="" />
+		<meta name="Keywords" content="" />
+		<meta name="Description" content="" />
+		<meta name="format-detection" content="telephone=no" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
 
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="Author" content="">
-    <meta name="Keywords" content="">
-    <meta name="Description" content="">
-    <meta name="format-detection" content="telephone=no">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+		<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
 
-    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+		<!-- 공통 plugin -->
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+		<!-- //공통 plugin -->
 
-    <!-- 공통 plugin -->
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
-    <!-- //공통 plugin -->
- 
-    <!-- 페이지 plugin-->
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
-    <!-- chart -->
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
-    <!-- //chart -->
-    <!-- //페이지 plugin-->
+		<!-- 페이지 plugin-->
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
+		<!-- chart -->
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
+		<!-- //chart -->
+		<!-- //페이지 plugin-->
 
-    <!-- 공통 퍼블 layout: 개발시 삭제-->
-    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
-    <!--//퍼블 layout--> 
+		<!-- 공통 퍼블 layout: 개발시 삭제-->
+		<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+		<!--//퍼블 layout-->
 
- 	<!-- 공통 메뉴 js-->
-	<!-- //공통 메뉴 js -->
+		<!-- 공통 메뉴 js-->
+		<!-- //공통 메뉴 js -->
 
-    <!--공통 퍼블 js-->
-    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
-	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
-    <!--//공통 퍼블 js-->
-</head>
+		<!--공통 퍼블 js-->
+		<script src="/resources/front/site/SITE_00000/js/common.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+		<!--//공통 퍼블 js-->
+	</head>
 
-<body>
-    <div class="member">
-        <div class="login-area">
-            <div class="login">
-                <h2 class="title-xlg">로그인</h2>
-                <fieldset class="login-form-area">
-                    <legend>로그인</legend>
-                    <ul class="login-form-list">
-                        <li class="input-box">
-                            <i class="ico-profile">아이디</i>
-                            <input type="text" id="id" name="id" placeholder="아이디 입력" class="input lg">
-                        </li>
-                        <li class="input-box input-pw-area">
-                            <i class="ico-lock">비밀번호</i>
-                            <input type="password" id="pw" class="pw-input input lg" placeholder="비밀번호를 입력하세요."
-                                title="비밀번호를 입력하세요">
-                            <button type="button" class="btn-pw-toggle">비밀번호보기</button>
-                        </li>
-                    </ul>
-                    <div class="login-btn-cont">
-                        <button type="submit" class="btn lg primary">로그인</button>
-                    </div>
-                    <div class="login-lnk-area">
-                        <div class="l-area">
-                            <a href="#none" class="btn-text">ID 찾기</a>
-                            <a href="#none" class="btn-text">비밀번호 찾기</a>
-                        </div>
-                        <div class="r-area">
-                            <a href="#none" class="btn-text primary">회원가입</a>
-                        </div>
-                    </div>
-                </fieldset>
-                <div class="login-etc-area">
-                    <strong class="etc-tit"><span>더욱 간편한 로그인</span></strong>
-                    <ul class="etc-list">
-                        <li class="login-onepass">
-                            <a href="#none"><strong>교육디지털원패스 로그인</strong></a>
-                        </li>
-                        <li class="login-naver">
-                            <a href="#none"><strong>네이버 계정 로그인</strong></a>
-                        </li>
-                        <li class="login-kakao">
-                            <a href="#none"><strong>카카오톡 계정 로그인</strong></a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </div>
-    
-     <!-- toast -->
-     <div class="toast"></div>
+	<body>
+		<div class="member">
+			<div class="login-area">
+				<div class="login">
+					<h2 class="title-xlg">로그인</h2>
+					<fieldset class="login-form-area">
+						<legend>로그인</legend>
+						<ul class="login-form-list">
+							<li class="input-box">
+								<i class="ico-profile">아이디</i>
+								<input type="text" id="id" name="id" placeholder="아이디 입력" class="input lg" />
+							</li>
+							<li class="input-box input-pw-area">
+								<i class="ico-lock">비밀번호</i>
+								<input type="password" id="pw" class="pw-input input lg" placeholder="비밀번호를 입력하세요." title="비밀번호를 입력하세요" />
+								<button type="button" class="btn-pw-toggle">비밀번호보기</button>
+							</li>
+						</ul>
+						<div class="login-btn-cont">
+							<button type="submit" class="btn lg primary">로그인</button>
+						</div>
+						<div class="login-lnk-area">
+							<div class="l-area">
+								<a href="#none" class="btn-text">ID 찾기</a>
+								<a href="#none" class="btn-text">비밀번호 찾기</a>
+							</div>
+							<div class="r-area">
+								<a href="#none" class="btn-text primary">회원가입</a>
+							</div>
+						</div>
+					</fieldset>
+					<div class="login-etc-area">
+						<strong class="etc-tit"><span>더욱 간편한 로그인</span></strong>
+						<ul class="etc-list">
+							<li class="login-onepass">
+								<a href="#none"><strong>교육디지털원패스 로그인</strong></a>
+							</li>
+							<li class="login-naver">
+								<a href="#none"><strong>네이버 계정 로그인</strong></a>
+							</li>
+							<li class="login-kakao">
+								<a href="#none"><strong>카카오톡 계정 로그인</strong></a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
 
-    <!--popup-->
-    <div class="dim"></div>
-</body>
+		<!-- toast -->
+		<div class="toast"></div>
 
-</html>
+		<!--popup-->
+		<div class="dim"></div>
+	</body>
+</html>

a00f727

08f9adb

html/onSejong/common/member/pop_pw.html

--- html/onSejong/common/member/pop_pw.html

+++ html/onSejong/common/member/pop_pw.html


 ﻿<!DOCTYPE html>
 <html lang="ko">
+	<head>
+		<title>온세종학교</title>
 
-<head>
-    <title>온세종학교</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="Author" content="" />
+		<meta name="Keywords" content="" />
+		<meta name="Description" content="" />
+		<meta name="format-detection" content="telephone=no" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
 
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="Author" content="">
-    <meta name="Keywords" content="">
-    <meta name="Description" content="">
-    <meta name="format-detection" content="telephone=no">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+		<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
 
-    
-    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+		<!-- 공통 plugin -->
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+		<!-- //공통 plugin -->
 
-    <!-- 공통 plugin -->
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
-    <!-- //공통 plugin -->
-        
-   <!-- 페이지 plugin-->
-   <!-- painter -->
-   <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> -->
-   <!-- //painter -->
-   <!-- //페이지 plugin-->
+		<!-- 페이지 plugin-->
+		<!-- painter -->
+		<!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> -->
+		<!-- //painter -->
+		<!-- //페이지 plugin-->
 
-   <!-- 공통 퍼블 layout: 개발시 삭제-->
-   <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
-   <!--//퍼블 layout--> 
-   
-	<!-- 공통 메뉴 js-->
-	<!-- //공통 메뉴 js -->
-    
-    <!--공통 퍼블 js-->
-    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
-	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
-    <!--//공통 퍼블 js-->
-</head>
+		<!-- 공통 퍼블 layout: 개발시 삭제-->
+		<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+		<!--//퍼블 layout-->
 
-<body>
-    <div class="popup sm"  data-popuppub="popup">
-        <div class="pop-header">
-            <h1>비밀번호 재설정</h1>
-            <p>재설정할 비밀번호를 입력하세요.</p>
-        </div>
-        <div class="pop-body">
-            <ul class="form-list border">
-                <li>
-                    <div class="form-tit-area">
-                        <div class="l-area">
-                            <strong class="form-tit">변경할 비밀번호</strong>
-                        </div>
-                    </div>
-                    <div class="form-cont">
-                        <div class="form-row input-box input-pw-area">
-                            <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요." title="비밀번호를 입력하세요">
-                            <button type="button" class="btn-pw-toggle">비밀번호보기</button>
-                        </div>
-                        <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
-                    </div>
-                </li>
-            </ul>
-        </div>
-        <div class="pop-footer">
-            <div class="pop-btn-cont">
-                <button type="button" class="btn" onclick="popupClosePub('popup')">취소</button>
-                <button type="button" class="btn primary" onclick="popupClosePub('popup')">확인</button>
-            </div>
-        </div>
-        <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
-    </div>
+		<!-- 공통 메뉴 js-->
+		<!-- //공통 메뉴 js -->
 
-    <!-- toast -->
-    <div class="toast"></div>
+		<!--공통 퍼블 js-->
+		<script src="/resources/front/site/SITE_00000/js/common.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+		<!--//공통 퍼블 js-->
+	</head>
 
-    <!--popup-->
-    <div class="dim"></div>
+	<body>
+		<div class="popup sm" data-popuppub="popup">
+			<div class="pop-header">
+				<h1>비밀번호 재설정</h1>
+				<p>재설정할 비밀번호를 입력하세요.</p>
+			</div>
+			<div class="pop-body">
+				<ul class="form-list border">
+					<li>
+						<div class="form-tit-area">
+							<div class="l-area">
+								<strong class="form-tit">변경할 비밀번호</strong>
+							</div>
+						</div>
+						<div class="form-cont">
+							<div class="form-row input-box input-pw-area">
+								<input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요." title="비밀번호를 입력하세요" />
+								<button type="button" class="btn-pw-toggle">비밀번호보기</button>
+							</div>
+							<p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
+						</div>
+					</li>
+				</ul>
+			</div>
+			<div class="pop-footer">
+				<div class="pop-btn-cont">
+					<button type="button" class="btn" onclick="popupClosePub('popup')">취소</button>
+					<button type="button" class="btn primary" onclick="popupClosePub('popup')">확인</button>
+				</div>
+			</div>
+			<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+		</div>
 
-    <script>
-        $(document).ready(function() {
-            popupOpenPub('popup');
+		<!-- toast -->
+		<div class="toast"></div>
 
-            //학교 검색
-            var availableTags = [
-                "세종초등학교1",
-                "세종초등학교2",
-            ];
-            $("#schoolFind").autocomplete({
-                source: availableTags
-            });
-        });
-    </script>
-</body>
+		<!--popup-->
+		<div class="dim"></div>
 
-</html>
+		<script>
+			$(document).ready(function () {
+				popupOpenPub('popup');
+
+				//학교 검색
+				var availableTags = ['세종초등학교1', '세종초등학교2'];
+				$('#schoolFind').autocomplete({
+					source: availableTags,
+				});
+			});
+		</script>
+	</body>
+</html>

a00f727

08f9adb

html/onSejong/common/member/pop_stuRecordInfo.html

--- html/onSejong/common/member/pop_stuRecordInfo.html

+++ html/onSejong/common/member/pop_stuRecordInfo.html


 ﻿<!DOCTYPE html>
 <html lang="ko">
+	<head>
+		<title>온세종학교</title>
 
-<head>
-    <title>온세종학교</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="Author" content="" />
+		<meta name="Keywords" content="" />
+		<meta name="Description" content="" />
+		<meta name="format-detection" content="telephone=no" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
 
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="Author" content="">
-    <meta name="Keywords" content="">
-    <meta name="Description" content="">
-    <meta name="format-detection" content="telephone=no">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+		<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
 
-    
-    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+		<!-- 공통 plugin -->
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+		<!-- //공통 plugin -->
 
-    <!-- 공통 plugin -->
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
-    <!-- //공통 plugin -->
-        
-   <!-- 페이지 plugin-->
-   <!-- painter -->
-   <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> -->
-   <!-- //painter -->
-   <!-- //페이지 plugin-->
+		<!-- 페이지 plugin-->
+		<!-- painter -->
+		<!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> -->
+		<!-- //painter -->
+		<!-- //페이지 plugin-->
 
-   <!-- 공통 퍼블 layout: 개발시 삭제-->
-   <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
-   <!--//퍼블 layout--> 
-   
-	<!-- 공통 메뉴 js-->
-	<!-- //공통 메뉴 js -->
-    
-    <!--공통 퍼블 js-->
-    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
-	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
-    <!--//공통 퍼블 js-->
-</head>
+		<!-- 공통 퍼블 layout: 개발시 삭제-->
+		<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+		<!--//퍼블 layout-->
 
-<body>
-    <div class="popup sm"  data-popuppub="popup">
-        <div class="pop-header">
-            <h1>학적정보 갱신</h1>
-            <p>학사일정 및 학점, 성적반영이 되는 정보이니 반드시 본인의 정보를 입력하세요.</p>
-        </div>
-        <div class="pop-body">
-            <ul class="form-list border">
-                <li>
-                    <div class="form-tit-area">
-                        <div class="l-area">
-                            <strong class="form-tit">학교</strong>
-                        </div>
-                    </div>
-                    <div class="form-cont">
-                        <div class="form-row">
-                            <div class="input-box">
-                                <i class="ico-search" aria-hidden="true"></i>
-                                <input type="text" placeholder="학교를 선택하세요." title="학교 선택" class="input" id="schoolFind">
-                            </div>
-                        </div>
-                    </div>
-                </li>
-                <li>
-                    <div class="form-tit-area">
-                        <div class="l-area">
-                            <strong class="form-tit">학년</strong>
-                        </div>
-                    </div>
-                    <div class="form-cont">
-                        <div class="form-row">
-                            <select title="학년 선택">
-                                <option>학년</option>
-                            </select>
-                        </div>
-                    </div>
-                </li>
-                <li class="item-row">
-                    <div class="item-cont">
-                        <div class="form-tit-area">
-                            <div class="l-area">
-                                <strong class="form-tit">반</strong>
-                            </div>
-                        </div>
-                        <div class="form-cont">
-                            <div class="form-row">
-                                <input type="number" placeholder="숫자를 입력하세요." title="반 숫자 입력">
-                            </div>
-                        </div>
-                    </div>
-                    <div class="item-cont">
-                        <div class="form-tit-area">
-                            <div class="l-area">
-                                <strong class="form-tit">번호</strong>
-                            </div>
-                        </div>
-                        <div class="form-cont">
-                            <div class="form-row">
-                                <input type="number" placeholder="숫자를 입력하세요." title="번호 숫자 입력">
-                            </div>
-                        </div>
-                    </div>
-                </li>
-                <li>
-                    <div class="form-tit-area">
-                        <div class="l-area">
-                            <strong class="form-tit">이름</strong>
-                        </div>
-                    </div>
-                    <div class="form-cont">
-                        <div class="form-row">
-                            <input type="text" placeholder="이름을 입력하세요." title="이름 입력">
-                        </div>
-                    </div>
-                </li>
-            </ul>
-        </div>
-        <div class="pop-footer">
-            <div class="pop-btn-cont">
-                <button type="button" class="btn" onclick="popupClosePub('popup')">취소</button>
-                <button type="button" class="btn primary" onclick="popupClosePub('popup')">확인</button>
-            </div>
-        </div>
-        <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
-    </div>
+		<!-- 공통 메뉴 js-->
+		<!-- //공통 메뉴 js -->
 
-    <!-- toast -->
-    <div class="toast"></div>
+		<!--공통 퍼블 js-->
+		<script src="/resources/front/site/SITE_00000/js/common.js"></script>
+		<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+		<!--//공통 퍼블 js-->
+	</head>
 
-    <!--popup-->
-    <div class="dim"></div>
+	<body>
+		<div class="popup sm" data-popuppub="popup">
+			<div class="pop-header">
+				<h1>학적정보 갱신</h1>
+				<p>학사일정 및 학점, 성적반영이 되는 정보이니 반드시 본인의 정보를 입력하세요.</p>
+			</div>
+			<div class="pop-body">
+				<ul class="form-list border">
+					<li>
+						<div class="form-tit-area">
+							<div class="l-area">
+								<strong class="form-tit">학교</strong>
+							</div>
+						</div>
+						<div class="form-cont">
+							<div class="form-row">
+								<div class="input-box">
+									<i class="ico-search" aria-hidden="true"></i>
+									<input type="text" placeholder="학교를 선택하세요." title="학교 선택" class="input" id="schoolFind" />
+								</div>
+							</div>
+						</div>
+					</li>
+					<li>
+						<div class="form-tit-area">
+							<div class="l-area">
+								<strong class="form-tit">학년</strong>
+							</div>
+						</div>
+						<div class="form-cont">
+							<div class="form-row">
+								<select title="학년 선택">
+									<option>학년</option>
+								</select>
+							</div>
+						</div>
+					</li>
+					<li class="item-row">
+						<div class="item-cont">
+							<div class="form-tit-area">
+								<div class="l-area">
+									<strong class="form-tit">반</strong>
+								</div>
+							</div>
+							<div class="form-cont">
+								<div class="form-row">
+									<input type="number" placeholder="숫자를 입력하세요." title="반 숫자 입력" />
+								</div>
+							</div>
+						</div>
+						<div class="item-cont">
+							<div class="form-tit-area">
+								<div class="l-area">
+									<strong class="form-tit">번호</strong>
+								</div>
+							</div>
+							<div class="form-cont">
+								<div class="form-row">
+									<input type="number" placeholder="숫자를 입력하세요." title="번호 숫자 입력" />
+								</div>
+							</div>
+						</div>
+					</li>
+					<li>
+						<div class="form-tit-area">
+							<div class="l-area">
+								<strong class="form-tit">이름</strong>
+							</div>
+						</div>
+						<div class="form-cont">
+							<div class="form-row">
+								<input type="text" placeholder="이름을 입력하세요." title="이름 입력" />
+							</div>
+						</div>
+					</li>
+				</ul>
+			</div>
+			<div class="pop-footer">
+				<div class="pop-btn-cont">
+					<button type="button" class="btn" onclick="popupClosePub('popup')">취소</button>
+					<button type="button" class="btn primary" onclick="popupClosePub('popup')">확인</button>
+				</div>
+			</div>
+			<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+		</div>
 
-    <script>
-        $(document).ready(function() {
-            popupOpenPub('popup');
+		<!-- toast -->
+		<div class="toast"></div>
 
-            //학교 검색
-            var availableTags = [
-                "세종초등학교1",
-                "세종초등학교2",
-            ];
-            $("#schoolFind").autocomplete({
-                source: availableTags
-            });
-        });
-    </script>
-</body>
+		<!--popup-->
+		<div class="dim"></div>
 
-</html>
+		<script>
+			$(document).ready(function () {
+				popupOpenPub('popup');
+
+				//학교 검색
+				var availableTags = ['세종초등학교1', '세종초등학교2'];
+				$('#schoolFind').autocomplete({
+					source: availableTags,
+				});
+			});
+		</script>
+	</body>
+</html>

a00f727

08f9adb

html/onSejong/common/notice/notice.html

--- html/onSejong/common/notice/notice.html

+++ html/onSejong/common/notice/notice.html

...	...	@@ -1,211 +1,202 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
	35	+ <body>
	36	+ <div class="accessibility">
	37	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	38	+ </div>
	39	+ <!-- for-teacher / for-student -->
	40	+ <div class="container">
	41	+ <!-- 통합 헤더 및 네비게이션 -->
	42	+ <header class="site-header"></header>
	43	+ <div class="site-body" id="skipToContents">
	44	+ <div class="wrap">
	45	+ <aside class="lnb"></aside>
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">공지사항</h2>
	55	+ </div>
	56	+ </div>
	57	+ <div class="summary-page">
	58	+ <div class="l-area">
	59	+ <div class="img-area">
	60	+ <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true" />
	61	+ </div>
	62	+ <div class="txt-area">
	63	+ <ul class="bullet">
	64	+ <li>게시되는 글의 본문이나 첨부파일에 개인정보(주민등록번호, 휴대폰번호, 주소, 은행계좌번호, 신용카드번호 등 개인을 식별할 수 있는 모든 정보)를 포함시키지 않도록 주의하시기 바랍니다.</li>
	65	+ <li>개인정보가 게시되어 노출 될 경우 해당 게시물 작성자가 관련 법령에 따라 처분을 받을 수 있으니 유의하시기 바랍니다.</li>
	66	+ </ul>
	67	+ </div>
	68	+ </div>
	69	+ </div>
	70	+ <h3 class="txt-hide">검색</h3>
	71	+ <div class="fnc-area">
	72	+ <div class="l-area">
	73	+ <p>
	74	+ Total
	75	+ <em>156</em>
	76	+ 건
	77	+ </p>
	78	+ </div>
	79	+ <div class="r-area">
	80	+ <fieldset class="search-area">
	81	+ <legend>검색</legend>
	82	+ <div class="search-option" title="검색 옵션 선택">
	83	+ <select title="검색 옵션 선택">
	84	+ <option>10건</option>
	85	+ <option>20건</option>
	86	+ <option>50건</option>
	87	+ </select>
	88	+ </div>
	89	+ <div class="search-option" title="검색 옵션 선택">
	90	+ <select title="검색 옵션 선택">
	91	+ <option>제목+내용</option>
	92	+ <option>제목</option>
	93	+ <option>내용</option>
	94	+ <option>작성자</option>
	95	+ </select>
	96	+ </div>
	97	+ <div class="search">
	98	+ <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
	99	+ <button class="btn ico-search">검색</button>
	100	+ </div>
	101	+ </fieldset>
	102	+ </div>
	103	+ </div>
	104	+ <div class="list-type">
	105	+ <table>
	106	+ <caption>청강생 목록</caption>
	107	+ <colgroup>
	108	+ <col style="width: 80px" />
	109	+ <col />
	110	+ <col style="width: 120px" />
	111	+ <col style="width: 160px" />
	112	+ <col style="width: 120px" />
	113	+ </colgroup>
	114	+ <thead>
	115	+ <tr>
	116	+ <th scope="col">번호</th>
	117	+ <th scope="col">제목</th>
	118	+ <th scope="col">작성자</th>
	119	+ <th scope="col">등록일</th>
	120	+ <th scope="col">조회</th>
	121	+ </tr>
	122	+ </thead>
	123	+ <tbody>
	124	+ <tr>
	125	+ <td>3</td>
	126	+ <td class="align-left">
	127	+ <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개</a>
	128	+ </td>
	129	+ <td data-tit="작성자">관리자</td>
	130	+ <td data-tit="등록일">2025-08-15</td>
	131	+ <td data-tit="조회수">128</td>
	132	+ </tr>
	133	+ <tr>
	134	+ <td>2</td>
	135	+ <td class="align-left">
	136	+ <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
	137	+ </td>
	138	+ <td data-tit="작성자">홍길동</td>
	139	+ <td data-tit="등록일">2025-08-15</td>
	140	+ <td data-tit="조회수">128</td>
	141	+ </tr>
	142	+ <tr>
	143	+ <td>1</td>
	144	+ <td class="align-left">
	145	+ <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
	146	+ </td>
	147	+ <td data-tit="작성자">관리자</td>
	148	+ <td data-tit="등록일">2025-08-15</td>
	149	+ <td data-tit="조회수">128</td>
	150	+ </tr>
	151	+ </tbody>
	152	+ </table>
	153	+ </div>
	154	+ <div class="txt-none">
	155	+ <figure>
	156	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true" />
	157	+ </figure>
	158	+ <p>목록이 비어있습니다.</p>
	159	+ </div>
	160	+ <ul class="pagenation">
	161	+ <li class="ppv">
	162	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	163	+ </li>
	164	+ <li class="pv">
	165	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	166	+ </li>
	167	+ <li class="current">
	168	+ <a href="#none" title="1번째 목록으로 이동합니다">1</a>
	169	+ </li>
	170	+ <li>
	171	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	172	+ </li>
	173	+ <li>
	174	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	175	+ </li>
	176	+ <li>
	177	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	178	+ </li>
	179	+ <li>
	180	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	181	+ </li>
	182	+ <li class="fw">
	183	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	184	+ </li>
	185	+ <li class="ffw">
	186	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	187	+ </li>
	188	+ </ul>
	189	+ </div>
	190	+ </div>
	191	+ </div>
3	192
4		-<head>
5		- <title>온세종학교</title>
	193	+ <footer class="site-footer"></footer>
	194	+ </div>
6	195
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	196	+ <!-- toast -->
	197	+ <div class="toast"></div>
14	198
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		-
55		- <div class="wrap">
56		- <aside class="lnb"></aside>
57		- <div class="site-cont">
58		- <ul class="breadcrumb">
59		- <li><a href="#none" class="home">홈</a></li>
60		- <li><a href="#none">1depth</a></li>
61		- <li><a href="#none">2depth</a></li>
62		- </ul>
63		- <div class="page-tit-area">
64		- <div class="l-area">
65		- <h2 class="title-xlg">공지사항</h2>
66		- </div>
67		- </div>
68		- <div class="summary-page">
69		- <div class="l-area">
70		- <div class="img-area">
71		- <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true">
72		- </div>
73		- <div class="txt-area">
74		- <ul class="bullet">
75		- <li>게시되는 글의 본문이나 첨부파일에 개인정보(주민등록번호, 휴대폰번호, 주소, 은행계좌번호, 신용카드번호 등 개인을 식별할 수 있는 모든 정보)를 포함시키지 않도록 주의하시기 바랍니다.</li>
76		- <li>개인정보가 게시되어 노출 될 경우 해당 게시물 작성자가 관련 법령에 따라 처분을 받을 수 있으니 유의하시기 바랍니다.</li>
77		- </ul>
78		- </div>
79		- </div>
80		- </div>
81		- <h3 class="txt-hide">검색</h3>
82		- <div class="fnc-area">
83		- <div class="l-area">
84		- <p>Total <em>156</em> 건</p>
85		- </div>
86		- <div class="r-area">
87		- <fieldset class="search-area">
88		- <legend>검색</legend>
89		- <div class="search-option" title="검색 옵션 선택">
90		- <select title="검색 옵션 선택">
91		- <option>10건</option>
92		- <option>20건</option>
93		- <option>50건</option>
94		- </select>
95		- </div>
96		- <div class="search-option" title="검색 옵션 선택">
97		- <select title="검색 옵션 선택">
98		- <option>제목+내용</option>
99		- <option>제목</option>
100		- <option>내용</option>
101		- <option>작성자</option>
102		- </select>
103		- </div>
104		- <div class="search">
105		- <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요.">
106		- <button class="btn ico-search">검색</button>
107		- </div>
108		- </fieldset>
109		- </div>
110		- </div>
111		- <div class="list-type">
112		- <table>
113		- <caption>청강생 목록</caption>
114		- <colgroup>
115		- <col style="width: 80px;">
116		- <col>
117		- <col style="width: 120px;">
118		- <col style="width: 160px;">
119		- <col style="width: 120px;">
120		- </colgroup>
121		- <thead>
122		- <tr>
123		- <th scope="col">번호</th>
124		- <th scope="col">제목</th>
125		- <th scope="col">작성자</th>
126		- <th scope="col">등록일</th>
127		- <th scope="col">조회</th>
128		- </tr>
129		- </thead>
130		- <tbody>
131		- <tr>
132		- <td>3</td>
133		- <td class="align-left">
134		- <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 </a>
135		- </td>
136		- <td data-tit="작성자">관리자</td>
137		- <td data-tit="등록일">2025-08-15</td>
138		- <td data-tit="조회수">128</td>
139		- </tr>
140		- <tr>
141		- <td>2</td>
142		- <td class="align-left">
143		- <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
144		- </td>
145		- <td data-tit="작성자">홍길동</td>
146		- <td data-tit="등록일">2025-08-15</td>
147		- <td data-tit="조회수">128</td>
148		- </tr>
149		- <tr>
150		- <td>1</td>
151		- <td class="align-left">
152		- <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
153		- </td>
154		- <td data-tit="작성자">관리자</td>
155		- <td data-tit="등록일">2025-08-15</td>
156		- <td data-tit="조회수">128</td>
157		- </tr>
158		- </tbody>
159		- </table>
160		- </div>
161		- <div class="txt-none">
162		- <figure>
163		- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
164		- aria-hidden="true">
165		- </figure>
166		- <p>목록이 비어있습니다.</p>
167		- </div>
168		- <ul class="pagenation">
169		- <li class="ppv">
170		- <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
171		- </li>
172		- <li class="pv">
173		- <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
174		- </li>
175		- <li class="current">
176		- <a href="#none" title="1번째 목록으로 이동합니다">1</a>
177		- </li>
178		- <li>
179		- <a href="#none" title="2번째 목록으로 이동합니다">2</a>
180		- </li>
181		- <li>
182		- <a href="#none" title="3번째 목록으로 이동합니다">3</a>
183		- </li>
184		- <li>
185		- <a href="#none" title="4번째 목록으로 이동합니다">4</a>
186		- </li>
187		- <li>
188		- <a href="#none" title="5번째 목록으로 이동합니다">5</a>
189		- </li>
190		- <li class="fw">
191		- <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
192		- </li>
193		- <li class="ffw">
194		- <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
195		- </li>
196		- </ul>
197		- </div>
198		- </div>
199		- </div>
200		-
201		- <footer class="site-footer"></footer>
202		- </div>
203		-
204		- <!-- toast -->
205		- <div class="toast"></div>
206		-
207		- <!--popup-->
208		- <div class="dim"></div>
209		-</body>
210		-
211		-</html> (파일 끝에 줄바꿈 문자 없음)
	199	+ <!--popup-->
	200	+ <div class="dim"></div>
	201	+ </body>
	202	+</html>

a00f727

08f9adb

html/onSejong/common/notice/noticeView.html

--- html/onSejong/common/notice/noticeView.html

+++ html/onSejong/common/notice/noticeView.html

...	...	@@ -1,158 +1,141 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
3		- <head>
4		- <title>온세종학교</title>
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
5	35
6		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7		- <meta name="Author" content="" />
8		- <meta name="Keywords" content="" />
9		- <meta name="Description" content="" />
10		- <meta name="format-detection" content="telephone=no" />
11		- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
12		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
13		-
14		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
15		-
16		- <!-- 공통 plugin -->
17		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
19		- <!-- //공통 plugin -->
20		-
21		- <!-- 페이지 plugin-->
22		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
24		- <!-- chart -->
25		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
27		- <!-- //chart -->
28		- <!-- //페이지 plugin-->
29		-
30		- <!-- 공통 퍼블 layout: 개발시 삭제-->
31		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
32		- <!--//퍼블 layout-->
33		-
34		- <!-- 공통 메뉴 js-->
35		- <!-- //공통 메뉴 js -->
36		-
37		- <!--공통 퍼블 js-->
38		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
39		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
40		- <!--//공통 퍼블 js-->
41		- </head>
42		-
43		- <body>
44		- <div class="accessibility">
45		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
46		- </div>
47		- <!-- for-teacher / for-student -->
48		- <div class="container">
49		- <!-- 통합 헤더 및 네비게이션 -->
50		- <header class="site-header"></header>
51		-
52		- <div class="site-body" id="skipToContents">
53		- <div class="wrap">
54		- <aside class="lnb"></aside>
55		- <div class="site-cont">
56		- <ul class="breadcrumb">
57		- <li><a href="#none" class="home">홈</a></li>
58		- <li><a href="#none">1depth</a></li>
59		- <li><a href="#none">2depth</a></li>
60		- </ul>
61		- <div class="page-tit-area">
62		- <div class="l-area">
63		- <h2 class="title-xlg">공지사항</h2>
64		- </div>
65		- </div>
66		- <section class="board-view-area wrap-md">
67		- <header class="view-header">
68		- <div class="l-area">
69		- <h3 class="title-lg">제목이 표시되는 영역, 말줄임 없이 표시</h3>
70		- <ul class="info-inline-list">
71		- <li>
72		- <i class="ico-profile"></i>
73		- <div class="txt-area">작성자</div>
74		- </li>
75		- <li>
76		- <i class="ico-calendar"></i>
77		- <div class="txt-area">2025.09.30 12:30</div>
78		- </li>
79		- <li>
80		- <i class="ico-visibility"></i>
81		- <div class="txt-area">134</div>
82		- </li>
83		- </ul>
84		- </div>
85		- </header>
86		- <div class="view-body">
87		- <div class="view-cont">
88		- <div class="view-cont-txt-area">
89		- 내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
90		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
91		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
92		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는
93		- 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역
94		- </div>
95		- <article class="view-section">
96		- <div class="item-list-box">
97		- <div class="item">
98		- <div class="txt-area">
99		- <i class="ico-attach"></i>
100		- <p class="txt">첨부파일명.pdf</p>
101		- <small>124kb</small>
102		- </div>
103		- <div class="item-fnc-area">
104		- <a href="#none" class="ico-download">다운로드</a>
105		- </div>
106		- </div>
107		- <div class="item">
108		- <div class="txt-area">
109		- <i class="ico-attach"></i>
110		- <p class="txt">첨부파일명.pdf</p>
111		- <small>124kb</small>
112		- </div>
113		- <div class="item-fnc-area">
114		- <a href="#none" class="ico-download">다운로드</a>
115		- </div>
116		- </div>
117		- <div class="item">
118		- <div class="txt-area">
119		- <i class="ico-attach"></i>
120		- <p class="txt">첨부파일명.pdf</p>
121		- <small>124kb</small>
122		- </div>
123		- <div class="item-fnc-area">
124		- <a href="#none" class="ico-download">다운로드</a>
125		- </div>
126		- </div>
127		- <div class="item">
128		- <div class="txt-area">
129		- <i class="ico-attach"></i>
130		- <p class="txt">첨부파일명.pdf</p>
131		- <small>124kb</small>
132		- </div>
133		- <div class="item-fnc-area">
134		- <a href="#none" class="ico-download">다운로드</a>
135		- </div>
136		- </div>
137		- </div>
138		- </article>
139		- </div>
140		- </div>
141		- </section>
142		- <div class="btn-cont">
143		- <a href="#none" class="btn lg">목록으로</a>
144		- </div>
145		- </div>
146		- </div>
147		- </div>
148		-
149		- <footer class="site-footer"></footer>
150		- </div>
151		-
152		- <!-- toast -->
153		- <div class="toast"></div>
154		-
155		- <!--popup-->
156		- <div class="dim"></div>
157		- </body>
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <aside class="lnb"></aside>
	47	+ <div class="site-cont">
	48	+ <ul class="breadcrumb">
	49	+ <li><a href="#none" class="home">홈</a></li>
	50	+ <li><a href="#none">1depth</a></li>
	51	+ <li><a href="#none">2depth</a></li>
	52	+ </ul>
	53	+ <div class="page-tit-area">
	54	+ <div class="l-area">
	55	+ <h2 class="title-xlg">공지사항</h2>
	56	+ </div>
	57	+ </div>
	58	+ <section class="board-view-area wrap-md">
	59	+ <header class="view-header">
	60	+ <div class="l-area">
	61	+ <h3 class="title-lg">제목이 표시되는 영역, 말줄임 없이 표시</h3>
	62	+ <ul class="info-inline-list">
	63	+ <li>
	64	+ <i class="ico-profile"></i>
	65	+ <div class="txt-area">작성자</div>
	66	+ </li>
	67	+ <li>
	68	+ <i class="ico-calendar"></i>
	69	+ <div class="txt-area">2025.09.30 12:30</div>
	70	+ </li>
	71	+ <li>
	72	+ <i class="ico-visibility"></i>
	73	+ <div class="txt-area">134</div>
	74	+ </li>
	75	+ </ul>
	76	+ </div>
	77	+ </header>
	78	+ <div class="view-body">
	79	+ <div class="view-cont">
	80	+ <div class="view-cont-txt-area">내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역</div>
	81	+ <article class="view-section">
	82	+ <div class="item-list-box">
	83	+ <div class="item">
	84	+ <div class="txt-area">
	85	+ <i class="ico-attach"></i>
	86	+ <p class="txt">첨부파일명.pdf</p>
	87	+ <small>124kb</small>
	88	+ </div>
	89	+ <div class="item-fnc-area">
	90	+ <a href="#none" class="ico-download">다운로드</a>
	91	+ </div>
	92	+ </div>
	93	+ <div class="item">
	94	+ <div class="txt-area">
	95	+ <i class="ico-attach"></i>
	96	+ <p class="txt">첨부파일명.pdf</p>
	97	+ <small>124kb</small>
	98	+ </div>
	99	+ <div class="item-fnc-area">
	100	+ <a href="#none" class="ico-download">다운로드</a>
	101	+ </div>
	102	+ </div>
	103	+ <div class="item">
	104	+ <div class="txt-area">
	105	+ <i class="ico-attach"></i>
	106	+ <p class="txt">첨부파일명.pdf</p>
	107	+ <small>124kb</small>
	108	+ </div>
	109	+ <div class="item-fnc-area">
	110	+ <a href="#none" class="ico-download">다운로드</a>
	111	+ </div>
	112	+ </div>
	113	+ <div class="item">
	114	+ <div class="txt-area">
	115	+ <i class="ico-attach"></i>
	116	+ <p class="txt">첨부파일명.pdf</p>
	117	+ <small>124kb</small>
	118	+ </div>
	119	+ <div class="item-fnc-area">
	120	+ <a href="#none" class="ico-download">다운로드</a>
	121	+ </div>
	122	+ </div>
	123	+ </div>
	124	+ </article>
	125	+ </div>
	126	+ </div>
	127	+ </section>
	128	+ <div class="btn-cont">
	129	+ <a href="#none" class="btn lg">목록으로</a>
	130	+ </div>
	131	+ </div>
	132	+ </div>
	133	+ </div>
	134	+ <footer class="site-footer"></footer>
	135	+ </div>
	136	+ <!-- toast -->
	137	+ <div class="toast"></div>
	138	+ <!--popup-->
	139	+ <div class="dim"></div>
	140	+ </body>
158	141	</html>

a00f727

08f9adb

html/onSejong/common/notice/scheduleCalendar.html

--- html/onSejong/common/notice/scheduleCalendar.html

+++ html/onSejong/common/notice/scheduleCalendar.html

...	...	@@ -1,407 +1,362 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		- <div class="wrap">
55		- <aside class="lnb"></aside>
56		- <div class="site-cont">
57		- <ul class="breadcrumb">
58		- <li><a href="#none" class="home">홈</a></li>
59		- <li><a href="#none">1depth</a></li>
60		- <li><a href="#none">2depth</a></li>
61		- </ul>
62		- <div class="page-tit-area">
63		- <div class="l-area">
64		- <h2 class="title-xlg">행사일정</h2>
65		- </div>
66		- </div>
67		- <ul class="tabs-nav-lg">
68		- <li><a href="#none">리스트</a></li>
69		- <li><a href="#none" class="is-active" title="선택됨">캘린더</a></li>
70		- </ul>
71		- <section class="section">
72		- <section class="calendar-area">
73		- <header class="calendar-header">
74		- <div class="l-area">
75		- <h3 class="calendar-tit">2025.09</h3>
76		- <div class="fnc">
77		- <button type="button" class="btn-calendar-pv">이전</button>
78		- <button type="button" class="btn-calendar-fw">다음</button>
79		- </div>
80		- </div>
81		- </header>
82		- <div class="calendar-tbl">
83		- <table>
84		- <caption> 달력 테이블로 일, 월, 화, 수, 목, 금, 토로 구성되어 있습니다. </caption>
85		- <thead>
86		- <tr>
87		- <th scope="col">일</th>
88		- <th scope="col">월</th>
89		- <th scope="col">화</th>
90		- <th scope="col">수</th>
91		- <th scope="col">목</th>
92		- <th scope="col">금</th>
93		- <th scope="col">토</th>
94		- </tr>
95		- </thead>
96		- <tbody>
97		- <tr>
98		- <td class="is-close">
99		- <button type="button" class="lnk-full" disabled>선택</button>
100		- <div class="cont">
101		- <strong class="date">1</strong>
102		- <div class="txt-area">
103		- </div>
104		- </div>
105		- </td>
106		- <td>
107		- <button type="button" class="lnk-full">선택</button>
108		- <div class="cont">
109		- <strong class="date">2</strong>
110		- <div class="txt-area">
111		- </div>
112		- </div>
113		- </td>
114		- <td>
115		- <button type="button" class="lnk-full">선택</button>
116		- <div class="cont">
117		- <strong class="date">3</strong>
118		- <div class="txt-area">
119		-
120		- </div>
121		- </div>
122		- </td>
123		- <td>
124		- <button type="button" class="lnk-full">선택</button>
125		- <div class="cont">
126		- <strong class="date">4</strong>
127		- <div class="txt-area">
128		- </div>
129		- </div>
130		- </td>
131		- <td>
132		- <button type="button" class="lnk-full">선택</button>
133		- <div class="cont">
134		- <strong class="date">5</strong>
135		- <div class="txt-area">
136		- </div>
137		- </div>
138		- </td>
139		- <td>
140		- <button type="button" class="lnk-full">선택</button>
141		- <div class="cont">
142		- <strong class="date">6</strong>
143		- <div class="txt-area">
144		- </div>
145		- </div>
146		- </td>
147		- <td class="is-close">
148		- <button type="button" class="lnk-full" disabled>선택</button>
149		- <div class="cont">
150		- <strong class="date">7</strong>
151		- <div class="txt-area">
152		- </div>
153		- </div>
154		- </td>
155		- </tr>
156		- <tr>
157		- <td class="is-close">
158		- <button type="button" class="lnk-full" disabled>선택</button>
159		- <div class="cont">
160		- <strong class="date">8</strong>
161		- <div class="txt-area">
162		- </div>
163		- </div>
164		- </td>
165		- <td>
166		- <button type="button" class="lnk-full">선택</button>
167		- <div class="cont">
168		- <strong class="date">9</strong>
169		- <div class="txt-area">
170		- </div>
171		- </div>
172		- </td>
173		- <td>
174		- <button type="button" class="lnk-full">선택</button>
175		- <div class="cont">
176		- <strong class="date">10</strong>
177		- <div class="txt-area">
178		- </div>
179		- </div>
180		- </td>
181		- <td>
182		- <button type="button" class="lnk-full">선택</button>
183		- <div class="cont">
184		- <strong class="date">11</strong>
185		- <div class="txt-area">
186		- </div>
187		- </div>
188		- </td>
189		- <td>
190		- <button type="button" class="lnk-full">선택</button>
191		- <div class="cont">
192		- <strong class="date">12</strong>
193		- <div class="txt-area">
194		- </div>
195		- </div>
196		- </td>
197		- <td>
198		- <button type="button" class="lnk-full">선택</button>
199		- <div class="cont">
200		- <strong class="date">13</strong>
201		- <div class="txt-area">
202		- </div>
203		- </div>
204		- </td>
205		- <td class="is-close">
206		- <button type="button" class="lnk-full" disabled>선택</button>
207		- <div class="cont">
208		- <strong class="date">14</strong>
209		- <div class="txt-area">
210		- </div>
211		- </div>
212		- </td>
213		- </tr>
214		- <tr>
215		- <td class="is-close">
216		- <button type="button" class="lnk-full" disabled>선택</button>
217		- <div class="cont">
218		- <strong class="date">15</strong>
219		- <div class="txt-area">
220		- </div>
221		- </div>
222		- </td>
223		- <td>
224		- <button type="button" class="lnk-full">선택</button>
225		- <div class="cont">
226		- <strong class="date">16</strong>
227		- <div class="txt-area">
228		- </div>
229		- </div>
230		- </td>
231		- <td>
232		- <button type="button" class="lnk-full">선택</button>
233		- <div class="cont">
234		- <strong class="date">17</strong>
235		- <div class="txt-area">
236		- </div>
237		- </div>
238		- </td>
239		- <td>
240		- <button type="button" class="lnk-full">선택</button>
241		- <div class="cont">
242		- <strong class="date">18</strong>
243		- <div class="txt-area">
244		- </div>
245		- </div>
246		- </td>
247		- <td>
248		- <button type="button" class="lnk-full">선택</button>
249		- <div class="cont">
250		- <strong class="date">19</strong>
251		- <div class="txt-area">
252		- </div>
253		- </div>
254		- </td>
255		- <td>
256		- <button type="button" class="lnk-full">선택</button>
257		- <div class="cont">
258		- <strong class="date">20</strong>
259		- <div class="txt-area">
260		- </div>
261		- </div>
262		- </td>
263		- <td class="is-close">
264		- <button type="button" class="lnk-full" disabled>선택</button>
265		- <div class="cont">
266		- <strong class="date">21</strong>
267		- <div class="txt-area">
268		- </div>
269		- </div>
270		- </td>
271		- </tr>
272		- <tr>
273		- <td class="is-close">
274		- <button type="button" class="lnk-full" disabled>선택</button>
275		- <div class="cont">
276		- <strong class="date">22</strong>
277		- <div class="txt-area">
278		- </div>
279		- </div>
280		- </td>
281		- <td>
282		- <button type="button" class="lnk-full">선택</button>
283		- <div class="cont">
284		- <strong class="date">23</strong>
285		- <div class="txt-area">
286		- </div>
287		- </div>
288		- </td>
289		- <td>
290		- <button type="button" class="lnk-full">선택</button>
291		- <div class="cont">
292		- <strong class="date">24</strong>
293		- <div class="txt-area">
294		- </div>
295		- </div>
296		- </td>
297		- <td>
298		- <button type="button" class="lnk-full">선택</button>
299		- <div class="cont">
300		- <strong class="date">25</strong>
301		- <div class="txt-area">
302		- </div>
303		- </div>
304		- </td>
305		- <td>
306		- <button type="button" class="lnk-full">선택</button>
307		- <div class="cont">
308		- <strong class="date">26</strong>
309		- <div class="txt-area">
310		- </div>
311		- </div>
312		- </td>
313		- <td>
314		- <button type="button" class="lnk-full">선택</button>
315		- <div class="cont">
316		- <strong class="date">27</strong>
317		- <div class="txt-area">
318		- </div>
319		- </div>
320		- </td>
321		- <td class="is-close">
322		- <button type="button" class="lnk-full" disabled>선택</button>
323		- <div class="cont">
324		- <strong class="date">28</strong>
325		- <div class="txt-area">
326		- </div>
327		- </div>
328		- </td>
329		- </tr>
330		- <tr>
331		- <td class="is-close">
332		- <button type="button" class="lnk-full" disabled>선택</button>
333		- <div class="cont">
334		- <strong class="date">29</strong>
335		- <div class="txt-area">
336		- </div>
337		- </div>
338		- </td>
339		- <td>
340		- <button type="button" class="lnk-full">선택</button>
341		- <div class="cont">
342		- <strong class="date">30</strong>
343		- <div class="txt-area">
344		- </div>
345		- </div>
346		- </td>
347		- <td>
348		- <button type="button" class="lnk-full">선택</button>
349		- <div class="cont">
350		- <strong class="date">1</strong>
351		- <div class="txt-area">
352		- </div>
353		- </div>
354		- </td>
355		- <td>
356		- <button type="button" class="lnk-full">선택</button>
357		- <div class="cont">
358		- <strong class="date">2</strong>
359		- <div class="txt-area">
360		- </div>
361		- </div>
362		- </td>
363		- <td>
364		- <button type="button" class="lnk-full">선택</button>
365		- <div class="cont">
366		- <strong class="date">3</strong>
367		- <div class="txt-area">
368		- </div>
369		- </div>
370		- </td>
371		- <td>
372		- <button type="button" class="lnk-full">선택</button>
373		- <div class="cont">
374		- <strong class="date">4</strong>
375		- <div class="txt-area">
376		- </div>
377		- </div>
378		- </td>
379		- <td class="is-close">
380		- <button type="button" class="lnk-full" disabled>선택</button>
381		- <div class="cont">
382		- <strong class="date">5</strong>
383		- <div class="txt-area">
384		- </div>
385		- </div>
386		- </td>
387		- </tr>
388		- </tbody>
389		- </table>
390		- </div>
391		- </section>
392		- </section>
393		- </div>
394		- </div>
395		- </div>
396		-
397		- <footer class="site-footer"></footer>
398		- </div>
399		-
400		- <!-- toast -->
401		- <div class="toast"></div>
402		-
403		- <!--popup-->
404		- <div class="dim"></div>
405		-</body>
406		-
407		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <aside class="lnb"></aside>
	47	+ <div class="site-cont">
	48	+ <ul class="breadcrumb">
	49	+ <li><a href="#none" class="home">홈</a></li>
	50	+ <li><a href="#none">1depth</a></li>
	51	+ <li><a href="#none">2depth</a></li>
	52	+ </ul>
	53	+ <div class="page-tit-area">
	54	+ <div class="l-area">
	55	+ <h2 class="title-xlg">행사일정</h2>
	56	+ </div>
	57	+ </div>
	58	+ <ul class="tabs-nav-lg">
	59	+ <li><a href="#none">리스트</a></li>
	60	+ <li><a href="#none" class="is-active" title="선택됨">캘린더</a></li>
	61	+ </ul>
	62	+ <section class="section">
	63	+ <section class="calendar-area">
	64	+ <header class="calendar-header">
	65	+ <div class="l-area">
	66	+ <h3 class="calendar-tit">2025.09</h3>
	67	+ <div class="fnc">
	68	+ <button type="button" class="btn-calendar-pv">이전</button>
	69	+ <button type="button" class="btn-calendar-fw">다음</button>
	70	+ </div>
	71	+ </div>
	72	+ </header>
	73	+ <div class="calendar-tbl">
	74	+ <table>
	75	+ <caption>달력 테이블로 일, 월, 화, 수, 목, 금, 토로 구성되어 있습니다.</caption>
	76	+ <thead>
	77	+ <tr>
	78	+ <th scope="col">일</th>
	79	+ <th scope="col">월</th>
	80	+ <th scope="col">화</th>
	81	+ <th scope="col">수</th>
	82	+ <th scope="col">목</th>
	83	+ <th scope="col">금</th>
	84	+ <th scope="col">토</th>
	85	+ </tr>
	86	+ </thead>
	87	+ <tbody>
	88	+ <tr>
	89	+ <td class="is-close">
	90	+ <button type="button" class="lnk-full" disabled>선택</button>
	91	+ <div class="cont">
	92	+ <strong class="date">1</strong>
	93	+ <div class="txt-area"></div>
	94	+ </div>
	95	+ </td>
	96	+ <td>
	97	+ <button type="button" class="lnk-full">선택</button>
	98	+ <div class="cont">
	99	+ <strong class="date">2</strong>
	100	+ <div class="txt-area"></div>
	101	+ </div>
	102	+ </td>
	103	+ <td>
	104	+ <button type="button" class="lnk-full">선택</button>
	105	+ <div class="cont">
	106	+ <strong class="date">3</strong>
	107	+ <div class="txt-area"></div>
	108	+ </div>
	109	+ </td>
	110	+ <td>
	111	+ <button type="button" class="lnk-full">선택</button>
	112	+ <div class="cont">
	113	+ <strong class="date">4</strong>
	114	+ <div class="txt-area"></div>
	115	+ </div>
	116	+ </td>
	117	+ <td>
	118	+ <button type="button" class="lnk-full">선택</button>
	119	+ <div class="cont">
	120	+ <strong class="date">5</strong>
	121	+ <div class="txt-area">
	122	+ <div class="label-area dir-col">
	123	+ <span class="label primary">2학기 중간고사</span>
	124	+ </div>
	125	+ </div>
	126	+ </div>
	127	+ </td>
	128	+ <td>
	129	+ <button type="button" class="lnk-full">선택</button>
	130	+ <div class="cont">
	131	+ <strong class="date">6</strong>
	132	+ <div class="txt-area"></div>
	133	+ </div>
	134	+ </td>
	135	+ <td class="is-close">
	136	+ <button type="button" class="lnk-full" disabled>선택</button>
	137	+ <div class="cont">
	138	+ <strong class="date">7</strong>
	139	+ <div class="txt-area"></div>
	140	+ </div>
	141	+ </td>
	142	+ </tr>
	143	+ <tr>
	144	+ <td class="is-close">
	145	+ <button type="button" class="lnk-full" disabled>선택</button>
	146	+ <div class="cont">
	147	+ <strong class="date">8</strong>
	148	+ <div class="txt-area"></div>
	149	+ </div>
	150	+ </td>
	151	+ <td>
	152	+ <button type="button" class="lnk-full">선택</button>
	153	+ <div class="cont">
	154	+ <strong class="date">9</strong>
	155	+ <div class="txt-area"></div>
	156	+ </div>
	157	+ </td>
	158	+ <td>
	159	+ <button type="button" class="lnk-full">선택</button>
	160	+ <div class="cont">
	161	+ <strong class="date">10</strong>
	162	+ <div class="txt-area"></div>
	163	+ </div>
	164	+ </td>
	165	+ <td>
	166	+ <button type="button" class="lnk-full">선택</button>
	167	+ <div class="cont">
	168	+ <strong class="date">11</strong>
	169	+ <div class="txt-area"></div>
	170	+ </div>
	171	+ </td>
	172	+ <td>
	173	+ <button type="button" class="lnk-full">선택</button>
	174	+ <div class="cont">
	175	+ <strong class="date">12</strong>
	176	+ <div class="txt-area"></div>
	177	+ </div>
	178	+ </td>
	179	+ <td>
	180	+ <button type="button" class="lnk-full">선택</button>
	181	+ <div class="cont">
	182	+ <strong class="date">13</strong>
	183	+ <div class="txt-area"></div>
	184	+ </div>
	185	+ </td>
	186	+ <td class="is-close">
	187	+ <button type="button" class="lnk-full" disabled>선택</button>
	188	+ <div class="cont">
	189	+ <strong class="date">14</strong>
	190	+ <div class="txt-area"></div>
	191	+ </div>
	192	+ </td>
	193	+ </tr>
	194	+ <tr>
	195	+ <td class="is-close">
	196	+ <button type="button" class="lnk-full" disabled>선택</button>
	197	+ <div class="cont">
	198	+ <strong class="date">15</strong>
	199	+ <div class="txt-area"></div>
	200	+ </div>
	201	+ </td>
	202	+ <td>
	203	+ <button type="button" class="lnk-full">선택</button>
	204	+ <div class="cont">
	205	+ <strong class="date">16</strong>
	206	+ <div class="txt-area"></div>
	207	+ </div>
	208	+ </td>
	209	+ <td>
	210	+ <button type="button" class="lnk-full">선택</button>
	211	+ <div class="cont">
	212	+ <strong class="date">17</strong>
	213	+ <div class="txt-area"></div>
	214	+ </div>
	215	+ </td>
	216	+ <td>
	217	+ <button type="button" class="lnk-full">선택</button>
	218	+ <div class="cont">
	219	+ <strong class="date">18</strong>
	220	+ <div class="txt-area"></div>
	221	+ </div>
	222	+ </td>
	223	+ <td>
	224	+ <button type="button" class="lnk-full">선택</button>
	225	+ <div class="cont">
	226	+ <strong class="date">19</strong>
	227	+ <div class="txt-area"></div>
	228	+ </div>
	229	+ </td>
	230	+ <td>
	231	+ <button type="button" class="lnk-full">선택</button>
	232	+ <div class="cont">
	233	+ <strong class="date">20</strong>
	234	+ <div class="txt-area"></div>
	235	+ </div>
	236	+ </td>
	237	+ <td class="is-close">
	238	+ <button type="button" class="lnk-full" disabled>선택</button>
	239	+ <div class="cont">
	240	+ <strong class="date">21</strong>
	241	+ <div class="txt-area"></div>
	242	+ </div>
	243	+ </td>
	244	+ </tr>
	245	+ <tr>
	246	+ <td class="is-close">
	247	+ <button type="button" class="lnk-full" disabled>선택</button>
	248	+ <div class="cont">
	249	+ <strong class="date">22</strong>
	250	+ <div class="txt-area"></div>
	251	+ </div>
	252	+ </td>
	253	+ <td>
	254	+ <button type="button" class="lnk-full">선택</button>
	255	+ <div class="cont">
	256	+ <strong class="date">23</strong>
	257	+ <div class="txt-area"></div>
	258	+ </div>
	259	+ </td>
	260	+ <td>
	261	+ <button type="button" class="lnk-full">선택</button>
	262	+ <div class="cont">
	263	+ <strong class="date">24</strong>
	264	+ <div class="txt-area"></div>
	265	+ </div>
	266	+ </td>
	267	+ <td>
	268	+ <button type="button" class="lnk-full">선택</button>
	269	+ <div class="cont">
	270	+ <strong class="date">25</strong>
	271	+ <div class="txt-area"></div>
	272	+ </div>
	273	+ </td>
	274	+ <td>
	275	+ <button type="button" class="lnk-full">선택</button>
	276	+ <div class="cont">
	277	+ <strong class="date">26</strong>
	278	+ <div class="txt-area"></div>
	279	+ </div>
	280	+ </td>
	281	+ <td>
	282	+ <button type="button" class="lnk-full">선택</button>
	283	+ <div class="cont">
	284	+ <strong class="date">27</strong>
	285	+ <div class="txt-area"></div>
	286	+ </div>
	287	+ </td>
	288	+ <td class="is-close">
	289	+ <button type="button" class="lnk-full" disabled>선택</button>
	290	+ <div class="cont">
	291	+ <strong class="date">28</strong>
	292	+ <div class="txt-area"></div>
	293	+ </div>
	294	+ </td>
	295	+ </tr>
	296	+ <tr>
	297	+ <td class="is-close">
	298	+ <button type="button" class="lnk-full" disabled>선택</button>
	299	+ <div class="cont">
	300	+ <strong class="date">29</strong>
	301	+ <div class="txt-area"></div>
	302	+ </div>
	303	+ </td>
	304	+ <td>
	305	+ <button type="button" class="lnk-full">선택</button>
	306	+ <div class="cont">
	307	+ <strong class="date">30</strong>
	308	+ <div class="txt-area"></div>
	309	+ </div>
	310	+ </td>
	311	+ <td>
	312	+ <button type="button" class="lnk-full">선택</button>
	313	+ <div class="cont">
	314	+ <strong class="date">1</strong>
	315	+ <div class="txt-area"></div>
	316	+ </div>
	317	+ </td>
	318	+ <td>
	319	+ <button type="button" class="lnk-full">선택</button>
	320	+ <div class="cont">
	321	+ <strong class="date">2</strong>
	322	+ <div class="txt-area"></div>
	323	+ </div>
	324	+ </td>
	325	+ <td>
	326	+ <button type="button" class="lnk-full">선택</button>
	327	+ <div class="cont">
	328	+ <strong class="date">3</strong>
	329	+ <div class="txt-area"></div>
	330	+ </div>
	331	+ </td>
	332	+ <td>
	333	+ <button type="button" class="lnk-full">선택</button>
	334	+ <div class="cont">
	335	+ <strong class="date">4</strong>
	336	+ <div class="txt-area"></div>
	337	+ </div>
	338	+ </td>
	339	+ <td class="is-close">
	340	+ <button type="button" class="lnk-full" disabled>선택</button>
	341	+ <div class="cont">
	342	+ <strong class="date">5</strong>
	343	+ <div class="txt-area"></div>
	344	+ </div>
	345	+ </td>
	346	+ </tr>
	347	+ </tbody>
	348	+ </table>
	349	+ </div>
	350	+ </section>
	351	+ </section>
	352	+ </div>
	353	+ </div>
	354	+ </div>
	355	+ <footer class="site-footer"></footer>
	356	+ </div>
	357	+ <!-- toast -->
	358	+ <div class="toast"></div>
	359	+ <!--popup-->
	360	+ <div class="dim"></div>
	361	+ </body>
	362	+</html>

a00f727

08f9adb

html/onSejong/common/notice/scheduleList.html

--- html/onSejong/common/notice/scheduleList.html

+++ html/onSejong/common/notice/scheduleList.html

...	...	@@ -1,125 +1,112 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
3	35
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
24		- <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
25		- <!-- chart -->
26		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
27		- <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
28		- <!-- //chart -->
29		- <!-- //페이지 plugin-->
30		-
31		- <!-- 공통 퍼블 layout: 개발시 삭제-->
32		- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
33		- <!--//퍼블 layout-->
34		-
35		- <!-- 공통 메뉴 js-->
36		- <!-- //공통 메뉴 js -->
37		-
38		- <!--공통 퍼블 js-->
39		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
40		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
41		- <!--//공통 퍼블 js-->
42		-</head>
43		-
44		-<body>
45		- <div class="accessibility">
46		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
47		- </div>
48		- <!-- for-teacher / for-student -->
49		- <div class="container">
50		- <!-- 통합 헤더 및 네비게이션 -->
51		- <header class="site-header"></header>
52		-
53		- <div class="site-body" id="skipToContents">
54		- <div class="wrap">
55		- <aside class="lnb"></aside>
56		- <div class="site-cont">
57		- <ul class="breadcrumb">
58		- <li><a href="#none" class="home">홈</a></li>
59		- <li><a href="#none">1depth</a></li>
60		- <li><a href="#none">2depth</a></li>
61		- </ul>
62		- <div class="page-tit-area">
63		- <div class="l-area">
64		- <h2 class="title-xlg">행사일정</h2>
65		- </div>
66		- </div>
67		- <ul class="tabs-nav-lg">
68		- <li><a href="#none" class="is-active" title="선택됨">리스트</a></li>
69		- <li><a href="#none">캘린더</a></li>
70		- </ul>
71		- <section class="calendar-area">
72		- <header class="calendar-header">
73		- <div class="l-area">
74		- <h3 class="calendar-tit">2025.09</h3>
75		- <div class="fnc">
76		- <button type="button" class="btn-calendar-pv">이전</button>
77		- <button type="button" class="btn-calendar-fw">다음</button>
78		- </div>
79		- </div>
80		- </header>
81		- </section>
82		- <div class="info-type">
83		- <table>
84		- <caption>행사일정</caption>
85		- <colgroup>
86		- <col style="width: 25%;">
87		- <col>
88		- </colgroup>
89		- <thead>
90		- <tr>
91		- <th scope="col">일자</th>
92		- <th scope="col">행사</th>
93		- </tr>
94		- </thead>
95		- <tbody>
96		- <tr>
97		- <td>2025년 03월 02일</td>
98		- <td>입학식</td>
99		- </tr>
100		- <tr>
101		- <td>2025년 03월 05일</td>
102		- <td>학부모 총회 및 학교 설명회</td>
103		- </tr>
104		- <tr>
105		- <td>2025년 03월 22일</td>
106		- <td>진로·적성 검사 / 오리엔테이션 활동</td>
107		- </tr>
108		- </tbody>
109		- </table>
110		- </div>
111		- </div>
112		- </div>
113		- </div>
114		-
115		- <footer class="site-footer"></footer>
116		- </div>
117		-
118		- <!-- toast -->
119		- <div class="toast"></div>
120		-
121		- <!--popup-->
122		- <div class="dim"></div>
123		-</body>
124		-
125		-</html> (파일 끝에 줄바꿈 문자 없음)
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <aside class="lnb"></aside>
	47	+ <div class="site-cont">
	48	+ <ul class="breadcrumb">
	49	+ <li><a href="#none" class="home">홈</a></li>
	50	+ <li><a href="#none">1depth</a></li>
	51	+ <li><a href="#none">2depth</a></li>
	52	+ </ul>
	53	+ <div class="page-tit-area">
	54	+ <div class="l-area">
	55	+ <h2 class="title-xlg">행사일정</h2>
	56	+ </div>
	57	+ </div>
	58	+ <ul class="tabs-nav-lg">
	59	+ <li><a href="#none" class="is-active" title="선택됨">리스트</a></li>
	60	+ <li><a href="#none">캘린더</a></li>
	61	+ </ul>
	62	+ <section class="calendar-area">
	63	+ <header class="calendar-header">
	64	+ <div class="l-area">
	65	+ <h3 class="calendar-tit">2025.09</h3>
	66	+ <div class="fnc">
	67	+ <button type="button" class="btn-calendar-pv">이전</button>
	68	+ <button type="button" class="btn-calendar-fw">다음</button>
	69	+ </div>
	70	+ </div>
	71	+ </header>
	72	+ </section>
	73	+ <div class="info-type">
	74	+ <table>
	75	+ <caption>행사일정</caption>
	76	+ <colgroup>
	77	+ <col style="width: 25%" />
	78	+ <col />
	79	+ </colgroup>
	80	+ <thead>
	81	+ <tr>
	82	+ <th scope="col">일자</th>
	83	+ <th scope="col">행사</th>
	84	+ </tr>
	85	+ </thead>
	86	+ <tbody>
	87	+ <tr>
	88	+ <td>2025년 03월 02일</td>
	89	+ <td>입학식</td>
	90	+ </tr>
	91	+ <tr>
	92	+ <td>2025년 03월 05일</td>
	93	+ <td>학부모 총회 및 학교 설명회</td>
	94	+ </tr>
	95	+ <tr>
	96	+ <td>2025년 03월 22일</td>
	97	+ <td>진로·적성 검사 / 오리엔테이션 활동</td>
	98	+ </tr>
	99	+ </tbody>
	100	+ </table>
	101	+ </div>
	102	+ </div>
	103	+ </div>
	104	+ </div>
	105	+ <footer class="site-footer"></footer>
	106	+ </div>
	107	+ <!-- toast -->
	108	+ <div class="toast"></div>
	109	+ <!--popup-->
	110	+ <div class="dim"></div>
	111	+ </body>
	112	+</html>

a00f727

08f9adb

html/onSejong/common/sub/achievecode.html

--- html/onSejong/common/sub/achievecode.html

+++ html/onSejong/common/sub/achievecode.html

...	...	@@ -1,459 +1,464 @@
1	1	<!DOCTYPE html>
2	2	<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <!-- //페이지 plugin-->
	19	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	20	+ <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
	21	+ <!--//퍼블 layout-->
	22	+ <!-- 공통 메뉴 js-->
	23	+ <!-- //공통 메뉴 js -->
	24	+ <!--공통 퍼블 js-->
	25	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	26	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	27	+ <!--//공통 퍼블 js-->
	28	+ </head>
3	29
4		-<head>
5		- <title>온세종학교</title>
6		-
7		- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8		- <meta name="Author" content="">
9		- <meta name="Keywords" content="">
10		- <meta name="Description" content="">
11		- <meta name="format-detection" content="telephone=no">
12		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
13		- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
14		-
15		- <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
16		-
17		- <!-- 공통 plugin -->
18		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
19		- <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
20		- <!-- //공통 plugin -->
21		-
22		- <!-- 페이지 plugin-->
23		- <!-- //페이지 plugin-->
24		- <!-- 공통 퍼블 layout: 개발시 삭제-->
25		- <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
26		- <!--//퍼블 layout-->
27		-
28		- <!-- 공통 메뉴 js-->
29		- <!-- //공통 메뉴 js -->
30		-
31		- <!--공통 퍼블 js-->
32		- <script src="/resources/front/site/SITE_00000/js/common.js"></script>
33		- <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
34		- <!--//공통 퍼블 js-->
35		-</head>
36		-
37		-<body>
38		- <div class="accessibility">
39		- <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
40		- </div>
41		- <!-- for-teacher / for-student -->
42		- <div class="container">
43		- <!-- 통합 헤더 및 네비게이션 -->
44		- <header class="site-header"></header>
45		-
46		- <div class="site-body" id="skipToContents">
47		- <div class="wrap">
48		- <div class="page-tit-area">
49		- <div class="l-area">
50		- <h2 class="title-xlg">성취기준 검색(공통)</h2>
51		- </div>
52		- </div>
53		- <section class="section">
54		- <header class="section-tit-area">
55		- <div class="l-area">
56		- <h3 class="title-lg">성취기준 코드 검색 disabled</h3>
57		- </div>
58		- </header>
59		- <div class="achievecode-sch-area">
60		- <fieldset class="achievecod-section achievecode-type checkradio-area">
61		- <legend>교육과정, 테마 선택</legend>
62		- <div class="checkradio">
63		- <input type="radio" name="achievecodeType" id="achievecodeType-
64		- curriculum" checked>
65		- <label for="achievecodeType-
66		- curriculum">교육과정</label>
67		- </div>
68		- <div class="checkradio">
69		- <input type="radio" name="achievecodeType" id="achievecodeType-
70		- theme">
71		- <label for="achievecodeType-
72		- theme">테마</label>
73		- </div>
74		- </fieldset>
75		- <ul class="achievecod-section achievecode-sch">
76		- <li>
77		- <select title="학교급 선택">
78		- <option>학교급</option>
79		- <option>초등학교</option>
80		- <option>중학교</option>
81		- <option>고등학교</option>
82		- </select>
83		- </li>
84		- <li class="is-disabled">
85		- <select title="학년 선택" disabled>
86		- <option>학년</option>
87		- <option>1학년</option>
88		- <option>2학년</option>
89		- <option>3학년</option>
90		- </select>
91		- </li>
92		- <li class="is-disabled">
93		- <input type="text" placeholder="과목" class="subject-sch" disabled>
94		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
95		- </li>
96		- <li class="is-disabled">
97		- <input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" disabled>
98		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')" disabled>과목 검색</button>
99		- </li>
100		- </ul>
101		- <div class="achievecod-section achievecode-keyword">
102		- <strong>최근 선택한 과목</strong>
103		- <div class="txt-area">
104		- <button type="button">과목1</button>
105		- <button type="button">과목2</button>
106		- <button type="button">과목3</button>
107		- <button type="button">과목4</button>
108		- <button type="button">과목5</button>
109		- </div>
110		- </div>
111		- </div>
112		- </section>
113		-
114		- <section class="section">
115		- <header class="section-tit-area">
116		- <div class="l-area">
117		- <h3 class="title-lg">성취기준 코드 검색(테마) disabled</h3>
118		- </div>
119		- </header>
120		- <div class="achievecode-sch-area">
121		- <fieldset class="achievecod-section achievecode-type checkradio-area">
122		- <legend>교육과정, 테마 선택</legend>
123		- <div class="checkradio">
124		- <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-
125		- curriculum" >
126		- <label for="achievecodeType-disabled-
127		- curriculum">교육과정</label>
128		- </div>
129		- <div class="checkradio">
130		- <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-
131		- theme" checked>
132		- <label for="achievecodeType-disabled-
133		- them">테마</label>
134		- </div>
135		- </fieldset>
136		- <ul class="achievecod-section achievecode-sch">
137		- <li >
138		- <select title="학교급 선택">
139		- <option>학교급</option>
140		- <option>초등학교</option>
141		- <option>중학교</option>
142		- <option>고등학교</option>
143		- </select>
144		- </li>
145		- <li class="is-disabled">
146		- <select title="학년 선택" disabled>
147		- <option>학년</option>
148		- <option>1학년</option>
149		- <option>2학년</option>
150		- <option>3학년</option>
151		- </select>
152		- </li>
153		- <li class="is-disabled">
154		- <input type="text" placeholder="과목" class="subject-sch" disabled>
155		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
156		- </li>
157		- </ul>
158		- <div class="achievecod-section achievecode-keyword">
159		- <strong>최근 선택한 과목</strong>
160		- <div class="txt-area">
161		- <button type="button">과목1</button>
162		- <button type="button">과목2</button>
163		- <button type="button">과목3</button>
164		- <button type="button">과목4</button>
165		- <button type="button">과목5</button>
166		- </div>
167		- </div>
168		- </div>
169		- </section>
170		-
171		- <section class="section">
172		- <header class="section-tit-area">
173		- <div class="l-area">
174		- <h3 class="title-lg">성취기준 코드 검색(테마) disabled</h3>
175		- </div>
176		- </header>
177		- <div class="achievecode-sch-area">
178		- <fieldset class="achievecod-section achievecode-type checkradio-area">
179		- <legend>교육과정, 테마 선택</legend>
180		- <div class="checkradio">
181		- <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-
182		- curriculum" >
183		- <label for="achievecodeType-disabled-
184		- curriculum">교육과정</label>
185		- </div>
186		- <div class="checkradio">
187		- <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-
188		- theme" checked>
189		- <label for="achievecodeType-disabled-
190		- them">테마</label>
191		- </div>
192		- </fieldset>
193		- <ul class="achievecod-section achievecode-sch">
194		- <li >
195		- <select title="학교급 선택">
196		- <option>학교급</option>
197		- <option>초등학교</option>
198		- <option>중학교</option>
199		- <option>고등학교</option>
200		- </select>
201		- </li>
202		- <li class="is-disabled">
203		- <select title="학년 선택" disabled>
204		- <option>학년</option>
205		- <option>1학년</option>
206		- <option>2학년</option>
207		- <option>3학년</option>
208		- </select>
209		- </li>
210		- <li class="is-disabled">
211		- <input type="text" placeholder="과목" class="subject-sch" disabled>
212		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
213		- </li>
214		- <li class="is-disabled">
215		- <select title="학년 선택" disabled>
216		- <option>학년</option>
217		- <option>1학년</option>
218		- <option>2학년</option>
219		- <option>3학년</option>
220		- </select>
221		- </li>
222		- <li class="is-disabled">
223		- <input type="text" placeholder="과목" class="subject-sch" disabled>
224		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
225		- </li>
226		- </ul>
227		- <div class="achievecod-section achievecode-keyword">
228		- <strong>최근 선택한 과목</strong>
229		- <div class="txt-area">
230		- <button type="button">과목1</button>
231		- <button type="button">과목2</button>
232		- <button type="button">과목3</button>
233		- <button type="button">과목4</button>
234		- <button type="button">과목5</button>
235		- </div>
236		- </div>
237		- </div>
238		- </section>
239		-
240		- <section class="section">
241		- <header class="section-tit-area">
242		- <div class="l-area">
243		- <h3 class="title-lg">성취기준 코드 검색</h3>
244		- </div>
245		- </header>
246		- <div class="achievecode-sch-area">
247		- <fieldset class="achievecod-section achievecode-type checkradio-area">
248		- <legend>교육과정, 테마 선택</legend>
249		- <div class="checkradio">
250		- <input type="radio" name="achievecodeType2" id="achievecodeType2-
251		- curriculum" checked>
252		- <label for="achievecodeType2-
253		- curriculum">교육과정</label>
254		- </div>
255		- <div class="checkradio">
256		- <input type="radio" name="achievecodeType2" id="achievecodeType2-
257		- theme">
258		- <label for="achievecodeType2-
259		- theme">테마</label>
260		- </div>
261		- </fieldset>
262		- <ul class="achievecod-section achievecode-sch">
263		- <li>
264		- <select title="학교급 선택">
265		- <option>학교급</option>
266		- </select>
267		- </li>
268		- <li>
269		- <select title="학년 선택">
270		- <option>학년</option>
271		- </select>
272		- </li>
273		- <li>
274		- <input type="text" placeholder="과목" class="subject-sch">
275		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')">과목 검색</button>
276		- </li>
277		- <li>
278		- <input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch">
279		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')">과목 검색</button>
280		- </li>
281		- </ul>
282		- <div class="achievecod-section achievecode-item-list-box">
283		- <div class="item">
284		- <div class="txt-area">
285		- <ul class="info-inline-list">
286		- <li>
287		- <strong class="info-tit">영역</strong>
288		- <div class="txt-area">수와연산</div>
289		- </li>
290		- <li>
291		- <strong class="info-tit">성취기준</strong>
292		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
293		- </li>
294		- <li>
295		- <strong class="info-tit">내용요소1</strong>
296		- <div class="txt-area">소인수분해</div>
297		- </li>
298		- <li>
299		- <strong class="info-tit">내용요소2</strong>
300		- <div class="txt-area">소인수분해의 뜻</div>
301		- </li>
302		- </ul>
303		- </div>
304		- <div class="item-fnc-area">
305		- <a href="#none" class="ico-delete">삭제</a>
306		- </div>
307		- </div>
308		- <div class="item">
309		- <div class="txt-area">
310		- <ul class="info-inline-list">
311		- <li>
312		- <strong class="info-tit">영역</strong>
313		- <div class="txt-area">수와연산</div>
314		- </li>
315		- <li>
316		- <strong class="info-tit">성취기준</strong>
317		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
318		- </li>
319		- <li>
320		- <strong class="info-tit">내용요소1</strong>
321		- <div class="txt-area">소인수분해</div>
322		- </li>
323		- <li>
324		- <strong class="info-tit">내용요소2</strong>
325		- <div class="txt-area">소인수분해의 뜻</div>
326		- </li>
327		- </ul>
328		- </div>
329		- <div class="item-fnc-area">
330		- <a href="#none" class="ico-delete">삭제</a>
331		- </div>
332		- </div>
333		- <div class="item">
334		- <div class="txt-area">
335		- <ul class="info-inline-list">
336		- <li>
337		- <strong class="info-tit">영역</strong>
338		- <div class="txt-area">수와연산</div>
339		- </li>
340		- <li>
341		- <strong class="info-tit">성취기준</strong>
342		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
343		- </li>
344		- <li>
345		- <strong class="info-tit">내용요소1</strong>
346		- <div class="txt-area">소인수분해</div>
347		- </li>
348		- <li>
349		- <strong class="info-tit">내용요소2</strong>
350		- <div class="txt-area">소인수분해의 뜻</div>
351		- </li>
352		- </ul>
353		- </div>
354		- <div class="item-fnc-area">
355		- <a href="#none" class="ico-delete">삭제</a>
356		- </div>
357		- </div>
358		- <div class="item">
359		- <div class="txt-area">
360		- <ul class="info-inline-list">
361		- <li>
362		- <strong class="info-tit">영역</strong>
363		- <div class="txt-area">수와연산</div>
364		- </li>
365		- <li>
366		- <strong class="info-tit">성취기준</strong>
367		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
368		- </li>
369		- <li>
370		- <strong class="info-tit">내용요소1</strong>
371		- <div class="txt-area">소인수분해</div>
372		- </li>
373		- <li>
374		- <strong class="info-tit">내용요소2</strong>
375		- <div class="txt-area">소인수분해의 뜻</div>
376		- </li>
377		- </ul>
378		- </div>
379		- <div class="item-fnc-area">
380		- <a href="#none" class="ico-delete">삭제</a>
381		- </div>
382		- </div>
383		- <div class="item">
384		- <div class="txt-area">
385		- <ul class="info-inline-list">
386		- <li>
387		- <strong class="info-tit">영역</strong>
388		- <div class="txt-area">수와연산</div>
389		- </li>
390		- <li>
391		- <strong class="info-tit">성취기준</strong>
392		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
393		- </li>
394		- <li>
395		- <strong class="info-tit">내용요소1</strong>
396		- <div class="txt-area">소인수분해</div>
397		- </li>
398		- <li>
399		- <strong class="info-tit">내용요소2</strong>
400		- <div class="txt-area">소인수분해의 뜻</div>
401		- </li>
402		- </ul>
403		- </div>
404		- <div class="item-fnc-area">
405		- <a href="#none" class="ico-delete">삭제</a>
406		- </div>
407		- </div>
408		- </div>
409		- <div class="achievecod-section achievecode-keyword">
410		- <strong>최근 선택한 과목</strong>
411		- <div class="txt-area">
412		- <button type="button">과목1</button>
413		- <button type="button">과목2</button>
414		- <button type="button">과목3</button>
415		- <button type="button">과목4</button>
416		- <button type="button">과목5</button>
417		- </div>
418		- </div>
419		- </div>
420		- </section>
421		-
422		- </div>
423		- </div>
424		- </div>
425		- <!-- toast -->
426		- <div class="toast"></div>
427		-
428		- <!--popup-->
429		- <div class="dim"></div>
430		- <div class="popup-modal" data-popuppub="popup-subject">
431		- <div class="pop-header">
432		- <h1>과목선택</h1>
433		- </div>
434		- <div class="pop-body">
435		- <div class="subject-sch-area">
436		- <div class="fnc-group">
437		- <select title="보통/전문 교과 선택">
438		- <option>보통교과</option>
439		- <option>전문교과</option>
440		- </select>
441		- <select title="교과 선택">
442		- <option>교과 선택</option>
443		- <option>수학</option>
444		- </select>
445		- </div>
446		- <fieldset class="search-area">
447		- <legend>검색</legend>
448		-
449		- <div class="search">
450		- <input type="text" placeholder="과목명으로 검색하세요." title="과목명 입력" class="subject-sch">
451		- <button class="btn ico-search">검색</button>
452		- </div>
453		- </fieldset>
454		- </div>
455		-
456		- <!-- <div class="fnc-extend-area">
	30	+ <body>
	31	+ <div class="accessibility">
	32	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	33	+ </div>
	34	+ <!-- for-teacher / for-student -->
	35	+ <div class="container">
	36	+ <!-- 통합 헤더 및 네비게이션 -->
	37	+ <header class="site-header"></header>
	38	+ <div class="site-body" id="skipToContents">
	39	+ <div class="wrap">
	40	+ <div class="page-tit-area">
	41	+ <div class="l-area">
	42	+ <h2 class="title-xlg">성취기준 검색(공통)</h2>
	43	+ </div>
	44	+ </div>
	45	+ <section class="section">
	46	+ <header class="section-tit-area">
	47	+ <div class="l-area">
	48	+ <h3 class="title-lg">성취기준 코드 검색 disabled</h3>
	49	+ </div>
	50	+ </header>
	51	+ <div class="achievecode-sch-area">
	52	+ <fieldset class="achievecod-section achievecode-type checkradio-area">
	53	+ <legend>교육과정, 테마 선택</legend>
	54	+ <div class="checkradio">
	55	+ <input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked />
	56	+ <label for="achievecodeType-curriculum">교육과정</label>
	57	+ </div>
	58	+ <div class="checkradio">
	59	+ <input type="radio" name="achievecodeType" id="achievecodeType-theme" />
	60	+ <label for="achievecodeType-theme">테마</label>
	61	+ </div>
	62	+ </fieldset>
	63	+ <ul class="achievecod-section achievecode-sch">
	64	+ <li>
	65	+ <select title="학교급 선택">
	66	+ <option>학교급</option>
	67	+ <option>초등학교</option>
	68	+ <option>중학교</option>
	69	+ <option>고등학교</option>
	70	+ </select>
	71	+ </li>
	72	+ <li class="is-disabled">
	73	+ <select title="학년 선택" disabled>
	74	+ <option>학년</option>
	75	+ <option>1학년</option>
	76	+ <option>2학년</option>
	77	+ <option>3학년</option>
	78	+ </select>
	79	+ </li>
	80	+ <li class="is-disabled">
	81	+ <input type="text" placeholder="과목" class="subject-sch" disabled />
	82	+ <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
	83	+ </li>
	84	+ <li class="is-disabled">
	85	+ <input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" disabled />
	86	+ <button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')" disabled>과목 검색</button>
	87	+ </li>
	88	+ </ul>
	89	+ <div class="achievecod-section achievecode-keyword">
	90	+ <strong>최근 선택한 과목</strong>
	91	+ <div class="txt-area">
	92	+ <button type="button">과목1</button>
	93	+ <button type="button">과목2</button>
	94	+ <button type="button">과목3</button>
	95	+ <button type="button">과목4</button>
	96	+ <button type="button">과목5</button>
	97	+ </div>
	98	+ </div>
	99	+ </div>
	100	+ </section>
	101	+ <section class="section">
	102	+ <header class="section-tit-area">
	103	+ <div class="l-area">
	104	+ <h3 class="title-lg">성취기준 코드 검색(테마) disabled</h3>
	105	+ </div>
	106	+ </header>
	107	+ <div class="achievecode-sch-area">
	108	+ <fieldset class="achievecod-section achievecode-type checkradio-area">
	109	+ <legend>교육과정, 테마 선택</legend>
	110	+ <div class="checkradio">
	111	+ <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-curriculum" />
	112	+ <label
	113	+ for="achievecodeType-disabled-
	114	+ curriculum"
	115	+ >
	116	+ 교육과정
	117	+ </label>
	118	+ </div>
	119	+ <div class="checkradio">
	120	+ <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-theme" checked />
	121	+ <label
	122	+ for="achievecodeType-disabled-
	123	+ them"
	124	+ >
	125	+ 테마
	126	+ </label>
	127	+ </div>
	128	+ </fieldset>
	129	+ <ul class="achievecod-section achievecode-sch">
	130	+ <li>
	131	+ <select title="학교급 선택">
	132	+ <option>학교급</option>
	133	+ <option>초등학교</option>
	134	+ <option>중학교</option>
	135	+ <option>고등학교</option>
	136	+ </select>
	137	+ </li>
	138	+ <li class="is-disabled">
	139	+ <select title="학년 선택" disabled>
	140	+ <option>학년</option>
	141	+ <option>1학년</option>
	142	+ <option>2학년</option>
	143	+ <option>3학년</option>
	144	+ </select>
	145	+ </li>
	146	+ <li class="is-disabled">
	147	+ <input type="text" placeholder="과목" class="subject-sch" disabled />
	148	+ <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
	149	+ </li>
	150	+ </ul>
	151	+ <div class="achievecod-section achievecode-keyword">
	152	+ <strong>최근 선택한 과목</strong>
	153	+ <div class="txt-area">
	154	+ <button type="button">과목1</button>
	155	+ <button type="button">과목2</button>
	156	+ <button type="button">과목3</button>
	157	+ <button type="button">과목4</button>
	158	+ <button type="button">과목5</button>
	159	+ </div>
	160	+ </div>
	161	+ </div>
	162	+ </section>
	163	+ <section class="section">
	164	+ <header class="section-tit-area">
	165	+ <div class="l-area">
	166	+ <h3 class="title-lg">성취기준 코드 검색(테마) disabled</h3>
	167	+ </div>
	168	+ </header>
	169	+ <div class="achievecode-sch-area">
	170	+ <fieldset class="achievecod-section achievecode-type checkradio-area">
	171	+ <legend>교육과정, 테마 선택</legend>
	172	+ <div class="checkradio">
	173	+ <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-curriculum" />
	174	+ <label
	175	+ for="achievecodeType-disabled-
	176	+ curriculum"
	177	+ >
	178	+ 교육과정
	179	+ </label>
	180	+ </div>
	181	+ <div class="checkradio">
	182	+ <input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-theme" checked />
	183	+ <label for="achievecodeType-disabled-them">테마</label>
	184	+ </div>
	185	+ </fieldset>
	186	+ <ul class="achievecod-section achievecode-sch">
	187	+ <li>
	188	+ <select title="학교급 선택">
	189	+ <option>학교급</option>
	190	+ <option>초등학교</option>
	191	+ <option>중학교</option>
	192	+ <option>고등학교</option>
	193	+ </select>
	194	+ </li>
	195	+ <li class="is-disabled">
	196	+ <select title="학년 선택" disabled>
	197	+ <option>학년</option>
	198	+ <option>1학년</option>
	199	+ <option>2학년</option>
	200	+ <option>3학년</option>
	201	+ </select>
	202	+ </li>
	203	+ <li class="is-disabled">
	204	+ <input type="text" placeholder="과목" class="subject-sch" disabled />
	205	+ <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
	206	+ </li>
	207	+ <li class="is-disabled">
	208	+ <select title="학년 선택" disabled>
	209	+ <option>학년</option>
	210	+ <option>1학년</option>
	211	+ <option>2학년</option>
	212	+ <option>3학년</option>
	213	+ </select>
	214	+ </li>
	215	+ <li class="is-disabled">
	216	+ <input type="text" placeholder="과목" class="subject-sch" disabled />
	217	+ <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
	218	+ </li>
	219	+ </ul>
	220	+ <div class="achievecod-section achievecode-keyword">
	221	+ <strong>최근 선택한 과목</strong>
	222	+ <div class="txt-area">
	223	+ <button type="button">과목1</button>
	224	+ <button type="button">과목2</button>
	225	+ <button type="button">과목3</button>
	226	+ <button type="button">과목4</button>
	227	+ <button type="button">과목5</button>
	228	+ </div>
	229	+ </div>
	230	+ </div>
	231	+ </section>
	232	+ <section class="section">
	233	+ <header class="section-tit-area">
	234	+ <div class="l-area">
	235	+ <h3 class="title-lg">성취기준 코드 검색</h3>
	236	+ </div>
	237	+ </header>
	238	+ <div class="achievecode-sch-area">
	239	+ <fieldset class="achievecod-section achievecode-type checkradio-area">
	240	+ <legend>교육과정, 테마 선택</legend>
	241	+ <div class="checkradio">
	242	+ <input
	243	+ type="radio"
	244	+ name="achievecodeType2"
	245	+ id="achievecodeType2-
	246	+ curriculum"
	247	+ checked
	248	+ />
	249	+ <label
	250	+ for="achievecodeType2-
	251	+ curriculum"
	252	+ >
	253	+ 교육과정
	254	+ </label>
	255	+ </div>
	256	+ <div class="checkradio">
	257	+ <input
	258	+ type="radio"
	259	+ name="achievecodeType2"
	260	+ id="achievecodeType2-
	261	+ theme"
	262	+ />
	263	+ <label
	264	+ for="achievecodeType2-
	265	+ theme"
	266	+ >
	267	+ 테마
	268	+ </label>
	269	+ </div>
	270	+ </fieldset>
	271	+ <ul class="achievecod-section achievecode-sch">
	272	+ <li>
	273	+ <select title="학교급 선택">
	274	+ <option>학교급</option>
	275	+ </select>
	276	+ </li>
	277	+ <li>
	278	+ <select title="학년 선택">
	279	+ <option>학년</option>
	280	+ </select>
	281	+ </li>
	282	+ <li>
	283	+ <input type="text" placeholder="과목" class="subject-sch" />
	284	+ <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')">과목 검색</button>
	285	+ </li>
	286	+ <li>
	287	+ <input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" />
	288	+ <button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')">과목 검색</button>
	289	+ </li>
	290	+ </ul>
	291	+ <div class="achievecod-section achievecode-item-list-box">
	292	+ <div class="item">
	293	+ <div class="txt-area">
	294	+ <ul class="info-inline-list">
	295	+ <li>
	296	+ <strong class="info-tit">영역</strong>
	297	+ <div class="txt-area">수와연산</div>
	298	+ </li>
	299	+ <li>
	300	+ <strong class="info-tit">성취기준</strong>
	301	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	302	+ </li>
	303	+ <li>
	304	+ <strong class="info-tit">내용요소1</strong>
	305	+ <div class="txt-area">소인수분해</div>
	306	+ </li>
	307	+ <li>
	308	+ <strong class="info-tit">내용요소2</strong>
	309	+ <div class="txt-area">소인수분해의 뜻</div>
	310	+ </li>
	311	+ </ul>
	312	+ </div>
	313	+ <div class="item-fnc-area">
	314	+ <a href="#none" class="ico-delete">삭제</a>
	315	+ </div>
	316	+ </div>
	317	+ <div class="item">
	318	+ <div class="txt-area">
	319	+ <ul class="info-inline-list">
	320	+ <li>
	321	+ <strong class="info-tit">영역</strong>
	322	+ <div class="txt-area">수와연산</div>
	323	+ </li>
	324	+ <li>
	325	+ <strong class="info-tit">성취기준</strong>
	326	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	327	+ </li>
	328	+ <li>
	329	+ <strong class="info-tit">내용요소1</strong>
	330	+ <div class="txt-area">소인수분해</div>
	331	+ </li>
	332	+ <li>
	333	+ <strong class="info-tit">내용요소2</strong>
	334	+ <div class="txt-area">소인수분해의 뜻</div>
	335	+ </li>
	336	+ </ul>
	337	+ </div>
	338	+ <div class="item-fnc-area">
	339	+ <a href="#none" class="ico-delete">삭제</a>
	340	+ </div>
	341	+ </div>
	342	+ <div class="item">
	343	+ <div class="txt-area">
	344	+ <ul class="info-inline-list">
	345	+ <li>
	346	+ <strong class="info-tit">영역</strong>
	347	+ <div class="txt-area">수와연산</div>
	348	+ </li>
	349	+ <li>
	350	+ <strong class="info-tit">성취기준</strong>
	351	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	352	+ </li>
	353	+ <li>
	354	+ <strong class="info-tit">내용요소1</strong>
	355	+ <div class="txt-area">소인수분해</div>
	356	+ </li>
	357	+ <li>
	358	+ <strong class="info-tit">내용요소2</strong>
	359	+ <div class="txt-area">소인수분해의 뜻</div>
	360	+ </li>
	361	+ </ul>
	362	+ </div>
	363	+ <div class="item-fnc-area">
	364	+ <a href="#none" class="ico-delete">삭제</a>
	365	+ </div>
	366	+ </div>
	367	+ <div class="item">
	368	+ <div class="txt-area">
	369	+ <ul class="info-inline-list">
	370	+ <li>
	371	+ <strong class="info-tit">영역</strong>
	372	+ <div class="txt-area">수와연산</div>
	373	+ </li>
	374	+ <li>
	375	+ <strong class="info-tit">성취기준</strong>
	376	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	377	+ </li>
	378	+ <li>
	379	+ <strong class="info-tit">내용요소1</strong>
	380	+ <div class="txt-area">소인수분해</div>
	381	+ </li>
	382	+ <li>
	383	+ <strong class="info-tit">내용요소2</strong>
	384	+ <div class="txt-area">소인수분해의 뜻</div>
	385	+ </li>
	386	+ </ul>
	387	+ </div>
	388	+ <div class="item-fnc-area">
	389	+ <a href="#none" class="ico-delete">삭제</a>
	390	+ </div>
	391	+ </div>
	392	+ <div class="item">
	393	+ <div class="txt-area">
	394	+ <ul class="info-inline-list">
	395	+ <li>
	396	+ <strong class="info-tit">영역</strong>
	397	+ <div class="txt-area">수와연산</div>
	398	+ </li>
	399	+ <li>
	400	+ <strong class="info-tit">성취기준</strong>
	401	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	402	+ </li>
	403	+ <li>
	404	+ <strong class="info-tit">내용요소1</strong>
	405	+ <div class="txt-area">소인수분해</div>
	406	+ </li>
	407	+ <li>
	408	+ <strong class="info-tit">내용요소2</strong>
	409	+ <div class="txt-area">소인수분해의 뜻</div>
	410	+ </li>
	411	+ </ul>
	412	+ </div>
	413	+ <div class="item-fnc-area">
	414	+ <a href="#none" class="ico-delete">삭제</a>
	415	+ </div>
	416	+ </div>
	417	+ </div>
	418	+ <div class="achievecod-section achievecode-keyword">
	419	+ <strong>최근 선택한 과목</strong>
	420	+ <div class="txt-area">
	421	+ <button type="button">과목1</button>
	422	+ <button type="button">과목2</button>
	423	+ <button type="button">과목3</button>
	424	+ <button type="button">과목4</button>
	425	+ <button type="button">과목5</button>
	426	+ </div>
	427	+ </div>
	428	+ </div>
	429	+ </section>
	430	+ </div>
	431	+ </div>
	432	+ </div>
	433	+ <!-- toast -->
	434	+ <div class="toast"></div>
	435	+ <!--popup-->
	436	+ <div class="dim"></div>
	437	+ <div class="popup-modal" data-popuppub="popup-subject">
	438	+ <div class="pop-header">
	439	+ <h1>과목선택</h1>
	440	+ </div>
	441	+ <div class="pop-body">
	442	+ <div class="subject-sch-area">
	443	+ <div class="fnc-group">
	444	+ <select title="보통/전문 교과 선택">
	445	+ <option>보통교과</option>
	446	+ <option>전문교과</option>
	447	+ </select>
	448	+ <select title="교과 선택">
	449	+ <option>교과 선택</option>
	450	+ <option>수학</option>
	451	+ </select>
	452	+ </div>
	453	+ <fieldset class="search-area">
	454	+ <legend>검색</legend>
	455	+ <div class="search">
	456	+ <input type="text" placeholder="과목명으로 검색하세요." title="과목명 입력" class="subject-sch" />
	457	+ <button class="btn ico-search">검색</button>
	458	+ </div>
	459	+ </fieldset>
	460	+ </div>
	461	+ <!-- <div class="fnc-extend-area">
457	462	<div class="extend-keyword-area">
458	463	<strong class="fnc-tit">최근 선택한 과목</strong>
459	464	<div class="txt-area">
...	...	@@ -465,633 +470,577 @@
465	470	</div>
466	471	</div>
467	472	</div> -->
468		- <section class="subjdect-area">
469		- <h2 class="txt-hide">과목 선택</h2>
470		- <article>
471		- <header class="tit-area">
472		- <div class="l-area">
473		- <h3 class="title">공통 (<em class="accent">1</em>건)</h3>
474		- </div>
475		- </header>
476		- <fieldset class="checkradio-custom-area">
477		- <legend>공통 과목</legend>
478		- <div class="checkradio round">
479		- <input type="radio" name="subject" id="subject1-1">
480		- <label for="subject1-1" onclick="popupClosePub('popup-subject')">수학1</label>
481		- </div>
482		- <div class="checkradio round">
483		- <input type="radio" name="subject" id="subject1-2">
484		- <label for="subject1-2" onclick="popupClosePub('popup-subject')">수학2</label>
485		- </div>
486		- <div class="checkradio round">
487		- <input type="radio" name="subject" id="subject1-3">
488		- <label for="subject1-3" onclick="popupClosePub('popup-subject')">미적분</label>
489		- </div>
490		- <div class="checkradio round">
491		- <input type="radio" name="subject" id="subject1-4">
492		- <label for="subject1-4" onclick="popupClosePub('popup-subject')">확률과 통계</label>
493		- </div>
494		- <div class="checkradio round">
495		- <input type="radio" name="subject" id="subject1-5">
496		- <label for="subject1-5" onclick="popupClosePub('popup-subject')">수학과제 탐구</label>
497		- </div>
498		- <div class="checkradio round">
499		- <input type="radio" name="subject" id="subject1-6">
500		- <label for="subject1-6" onclick="popupClosePub('popup-subject')">경제수학</label>
501		- </div>
502		- </fieldset>
503		- </article>
504		- <article>
505		- <header class="tit-area">
506		- <div class="l-area">
507		- <h3 class="title">공통 (<em class="accent">1</em>건)</h3>
508		- </div>
509		- </header>
510		- <fieldset class="checkradio-custom-area">
511		- <legend>공통 과목</legend>
512		- <div class="checkradio round">
513		- <input type="radio" name="subject" id="subject1-1">
514		- <label for="subject1-1" onclick="popupClosePub('popup-subject')">수학1</label>
515		- </div>
516		- <div class="checkradio round">
517		- <input type="radio" name="subject" id="subject1-2">
518		- <label for="subject1-2" onclick="popupClosePub('popup-subject')">수학2</label>
519		- </div>
520		- <div class="checkradio round">
521		- <input type="radio" name="subject" id="subject1-3">
522		- <label for="subject1-3" onclick="popupClosePub('popup-subject')">미적분</label>
523		- </div>
524		- <div class="checkradio round">
525		- <input type="radio" name="subject" id="subject1-4">
526		- <label for="subject1-4" onclick="popupClosePub('popup-subject')">확률과 통계</label>
527		- </div>
528		- <div class="checkradio round">
529		- <input type="radio" name="subject" id="subject1-5">
530		- <label for="subject1-5" onclick="popupClosePub('popup-subject')">수학과제 탐구</label>
531		- </div>
532		- <div class="checkradio round">
533		- <input type="radio" name="subject" id="subject1-6">
534		- <label for="subject1-6" onclick="popupClosePub('popup-subject')">경제수학</label>
535		- </div>
536		- </fieldset>
537		- </article>
538		- </section>
539		- </div>
540		- <!-- <div class="pop-footer">
	473	+ <section class="subjdect-area">
	474	+ <h2 class="txt-hide">과목 선택</h2>
	475	+ <article>
	476	+ <header class="tit-area">
	477	+ <div class="l-area">
	478	+ <h3 class="title">
	479	+ 공통 (
	480	+ <em class="accent">1</em>
	481	+ 건)
	482	+ </h3>
	483	+ </div>
	484	+ </header>
	485	+ <fieldset class="checkradio-custom-area">
	486	+ <legend>공통 과목</legend>
	487	+ <div class="checkradio round">
	488	+ <input type="radio" name="subject" id="subject1-1" />
	489	+ <label for="subject1-1" onclick="popupClosePub('popup-subject')">수학1</label>
	490	+ </div>
	491	+ <div class="checkradio round">
	492	+ <input type="radio" name="subject" id="subject1-2" />
	493	+ <label for="subject1-2" onclick="popupClosePub('popup-subject')">수학2</label>
	494	+ </div>
	495	+ <div class="checkradio round">
	496	+ <input type="radio" name="subject" id="subject1-3" />
	497	+ <label for="subject1-3" onclick="popupClosePub('popup-subject')">미적분</label>
	498	+ </div>
	499	+ <div class="checkradio round">
	500	+ <input type="radio" name="subject" id="subject1-4" />
	501	+ <label for="subject1-4" onclick="popupClosePub('popup-subject')">확률과 통계</label>
	502	+ </div>
	503	+ <div class="checkradio round">
	504	+ <input type="radio" name="subject" id="subject1-5" />
	505	+ <label for="subject1-5" onclick="popupClosePub('popup-subject')">수학과제 탐구</label>
	506	+ </div>
	507	+ <div class="checkradio round">
	508	+ <input type="radio" name="subject" id="subject1-6" />
	509	+ <label for="subject1-6" onclick="popupClosePub('popup-subject')">경제수학</label>
	510	+ </div>
	511	+ </fieldset>
	512	+ </article>
	513	+ <article>
	514	+ <header class="tit-area">
	515	+ <div class="l-area">
	516	+ <h3 class="title">
	517	+ 공통 (
	518	+ <em class="accent">1</em>
	519	+ 건)
	520	+ </h3>
	521	+ </div>
	522	+ </header>
	523	+ <fieldset class="checkradio-custom-area">
	524	+ <legend>공통 과목</legend>
	525	+ <div class="checkradio round">
	526	+ <input type="radio" name="subject" id="subject1-1" />
	527	+ <label for="subject1-1" onclick="popupClosePub('popup-subject')">수학1</label>
	528	+ </div>
	529	+ <div class="checkradio round">
	530	+ <input type="radio" name="subject" id="subject1-2" />
	531	+ <label for="subject1-2" onclick="popupClosePub('popup-subject')">수학2</label>
	532	+ </div>
	533	+ <div class="checkradio round">
	534	+ <input type="radio" name="subject" id="subject1-3" />
	535	+ <label for="subject1-3" onclick="popupClosePub('popup-subject')">미적분</label>
	536	+ </div>
	537	+ <div class="checkradio round">
	538	+ <input type="radio" name="subject" id="subject1-4" />
	539	+ <label for="subject1-4" onclick="popupClosePub('popup-subject')">확률과 통계</label>
	540	+ </div>
	541	+ <div class="checkradio round">
	542	+ <input type="radio" name="subject" id="subject1-5" />
	543	+ <label for="subject1-5" onclick="popupClosePub('popup-subject')">수학과제 탐구</label>
	544	+ </div>
	545	+ <div class="checkradio round">
	546	+ <input type="radio" name="subject" id="subject1-6" />
	547	+ <label for="subject1-6" onclick="popupClosePub('popup-subject')">경제수학</label>
	548	+ </div>
	549	+ </fieldset>
	550	+ </article>
	551	+ </section>
	552	+ </div>
	553	+ <!-- <div class="pop-footer">
541	554	<div class="pop-btn-cont">
542	555	<button type="button" class="btn" onclick="popupClosePub('popup-subject')">취소</button>
543	556	<button type="button" class="btn primary" onclick="popupClosePub('popup-subject')">확인</button>
544	557	</div>
545	558	</div> -->
546		- <button type="button" class="pop-close"><spa n class="txt-hide">팝업닫기</spa></button>
547		- </div>
	559	+ <button type="button" class="pop-close">
	560	+ <spa n class="txt-hide">팝업닫기</spa>
	561	+ </button>
	562	+ </div>
	563	+ <div class="popup-modal xlg" data-popuppub="popup-achievecode">
	564	+ <div class="pop-header">
	565	+ <h1>성취기준 검색</h1>
	566	+ </div>
	567	+ <div class="pop-body">
	568	+ <div class="fnc-extend-area">
	569	+ <div class="extend-default-area">
	570	+ <div class="r-area">
	571	+ <select class="border-none">
	572	+ <option>24개씩 보기</option>
	573	+ </select>
	574	+ <fieldset class="search-area">
	575	+ <legend>검색</legend>
	576	+ <div class="search-option" title="검색 옵션 선택">
	577	+ <select title="선택">
	578	+ <option>전체영역</option>
	579	+ </select>
	580	+ </div>
	581	+ <div class="search">
	582	+ <input type="text" placeholder="성취기준코드, 성취기준으로 검색" title="성취기준코드, 성취기준으로 검색해주세요." class="achievecode-sch" />
	583	+ <button class="btn ico-search">검색</button>
	584	+ </div>
	585	+ </fieldset>
	586	+ </div>
	587	+ </div>
	588	+ <div class="extend-fnc-area">
	589	+ <div class="l-area">
	590	+ <div class="checkradio">
	591	+ <input type="checkbox" id="check-all" />
	592	+ <label for="check-all">전체 선택</label>
	593	+ </div>
	594	+ <button class="btn xsm secondary">선택 추가</button>
	595	+ </div>
	596	+ </div>
	597	+ </div>
	598	+ <div class="list-type">
	599	+ <table>
	600	+ <caption>성취기준 선택</caption>
	601	+ <colgroup>
	602	+ <col style="width: 36px" />
	603	+ <col />
	604	+ <col />
	605	+ <col style="width: 36%" />
	606	+ <col />
	607	+ <col />
	608	+ <col style="width: 100px" />
	609	+ </colgroup>
	610	+ <thead>
	611	+ <tr>
	612	+ <th scope="col"></th>
	613	+ <th scope="col">내용체계 영역</th>
	614	+ <th scope="col">성취기준 코드</th>
	615	+ <th scope="col">성취기준</th>
	616	+ <th scope="col">1단계 내용요소</th>
	617	+ <th scope="col">2단계 내용요소</th>
	618	+ <th scope="col">선택</th>
	619	+ </tr>
	620	+ </thead>
	621	+ <tbody>
	622	+ <tr>
	623	+ <td>
	624	+ <label class="checkbox icon-only">
	625	+ <input type="checkbox" />
	626	+ <span>선택</span>
	627	+ </label>
	628	+ </td>
	629	+ <td data-tit="내용체계 영역">수와 연산</td>
	630	+ <td data-tit="성취기준 코드드">9수01-01</td>
	631	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	632	+ <td data-tit="1단계 내용요소">소인수분해</td>
	633	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	634	+ <td>
	635	+ <div class="btn-tbl-cont">
	636	+ <button type="button" class="btn sm primary">추가</button>
	637	+ </div>
	638	+ </td>
	639	+ </tr>
	640	+ <tr>
	641	+ <td>
	642	+ <label class="checkbox icon-only">
	643	+ <input type="checkbox" />
	644	+ <span>선택</span>
	645	+ </label>
	646	+ </td>
	647	+ <td data-tit="내용체계 영역">수와 연산</td>
	648	+ <td data-tit="성취기준 코드드">9수01-01</td>
	649	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	650	+ <td data-tit="1단계 내용요소">소인수분해</td>
	651	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	652	+ <td>
	653	+ <div class="btn-tbl-cont">
	654	+ <button type="button" class="btn sm primary">추가</button>
	655	+ </div>
	656	+ </td>
	657	+ </tr>
	658	+ <tr>
	659	+ <td>
	660	+ <label class="checkbox icon-only">
	661	+ <input type="checkbox" />
	662	+ <span>선택</span>
	663	+ </label>
	664	+ </td>
	665	+ <td data-tit="내용체계 영역">수와 연산</td>
	666	+ <td data-tit="성취기준 코드드">9수01-01</td>
	667	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	668	+ <td data-tit="1단계 내용요소">소인수분해</td>
	669	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	670	+ <td>
	671	+ <div class="btn-tbl-cont">
	672	+ <button type="button" class="btn sm primary">추가</button>
	673	+ </div>
	674	+ </td>
	675	+ </tr>
	676	+ <tr>
	677	+ <td>
	678	+ <label class="checkbox icon-only">
	679	+ <input type="checkbox" />
	680	+ <span>선택</span>
	681	+ </label>
	682	+ </td>
	683	+ <td data-tit="내용체계 영역">수와 연산</td>
	684	+ <td data-tit="성취기준 코드드">9수01-01</td>
	685	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	686	+ <td data-tit="1단계 내용요소">소인수분해</td>
	687	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	688	+ <td>
	689	+ <div class="btn-tbl-cont">
	690	+ <button type="button" class="btn sm primary">추가</button>
	691	+ </div>
	692	+ </td>
	693	+ </tr>
	694	+ <tr>
	695	+ <td>
	696	+ <label class="checkbox icon-only">
	697	+ <input type="checkbox" />
	698	+ <span>선택</span>
	699	+ </label>
	700	+ </td>
	701	+ <td data-tit="내용체계 영역">수와 연산</td>
	702	+ <td data-tit="성취기준 코드드">9수01-01</td>
	703	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	704	+ <td data-tit="1단계 내용요소">소인수분해</td>
	705	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	706	+ <td>
	707	+ <div class="btn-tbl-cont">
	708	+ <button type="button" class="btn sm primary">추가</button>
	709	+ </div>
	710	+ </td>
	711	+ </tr>
	712	+ <tr>
	713	+ <td>
	714	+ <label class="checkbox icon-only">
	715	+ <input type="checkbox" />
	716	+ <span>선택</span>
	717	+ </label>
	718	+ </td>
	719	+ <td data-tit="내용체계 영역">수와 연산</td>
	720	+ <td data-tit="성취기준 코드드">9수01-01</td>
	721	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	722	+ <td data-tit="1단계 내용요소">소인수분해</td>
	723	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	724	+ <td>
	725	+ <div class="btn-tbl-cont">
	726	+ <button type="button" class="btn sm primary">추가</button>
	727	+ </div>
	728	+ </td>
	729	+ </tr>
	730	+ <tr>
	731	+ <td>
	732	+ <label class="checkbox icon-only">
	733	+ <input type="checkbox" />
	734	+ <span>선택</span>
	735	+ </label>
	736	+ </td>
	737	+ <td data-tit="내용체계 영역">수와 연산</td>
	738	+ <td data-tit="성취기준 코드드">9수01-01</td>
	739	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	740	+ <td data-tit="1단계 내용요소">소인수분해</td>
	741	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	742	+ <td>
	743	+ <div class="btn-tbl-cont">
	744	+ <button type="button" class="btn sm primary">추가</button>
	745	+ </div>
	746	+ </td>
	747	+ </tr>
	748	+ <tr>
	749	+ <td>
	750	+ <label class="checkbox icon-only">
	751	+ <input type="checkbox" />
	752	+ <span>선택</span>
	753	+ </label>
	754	+ </td>
	755	+ <td data-tit="내용체계 영역">수와 연산</td>
	756	+ <td data-tit="성취기준 코드드">9수01-01</td>
	757	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	758	+ <td data-tit="1단계 내용요소">소인수분해</td>
	759	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	760	+ <td>
	761	+ <div class="btn-tbl-cont">
	762	+ <button type="button" class="btn sm primary">추가</button>
	763	+ </div>
	764	+ </td>
	765	+ </tr>
	766	+ <tr>
	767	+ <td>
	768	+ <label class="checkbox icon-only">
	769	+ <input type="checkbox" />
	770	+ <span>선택</span>
	771	+ </label>
	772	+ </td>
	773	+ <td data-tit="내용체계 영역">수와 연산</td>
	774	+ <td data-tit="성취기준 코드드">9수01-01</td>
	775	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	776	+ <td data-tit="1단계 내용요소">소인수분해</td>
	777	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	778	+ <td>
	779	+ <div class="btn-tbl-cont">
	780	+ <button type="button" class="btn sm primary">추가</button>
	781	+ </div>
	782	+ </td>
	783	+ </tr>
	784	+ <tr>
	785	+ <td>
	786	+ <label class="checkbox icon-only">
	787	+ <input type="checkbox" />
	788	+ <span>선택</span>
	789	+ </label>
	790	+ </td>
	791	+ <td data-tit="내용체계 영역">수와 연산</td>
	792	+ <td data-tit="성취기준 코드드">9수01-01</td>
	793	+ <td class="align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
	794	+ <td data-tit="1단계 내용요소">소인수분해</td>
	795	+ <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
	796	+ <td>
	797	+ <div class="btn-tbl-cont">
	798	+ <button type="button" class="btn sm primary">추가</button>
	799	+ </div>
	800	+ </td>
	801	+ </tr>
	802	+ </tbody>
	803	+ </table>
	804	+ </div>
	805	+ <div class="btn-cont">
	806	+ <button type="button" class="btn lg ico-plus">더보기</button>
	807	+ </div>
	808	+ <ul class="pagenation">
	809	+ <li class="ppv">
	810	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	811	+ </li>
	812	+ <li class="pv">
	813	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	814	+ </li>
	815	+ <li class="current">
	816	+ <a href="#none" title="1번째 목록으로 이동합니다">1</a>
	817	+ </li>
	818	+ <li>
	819	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	820	+ </li>
	821	+ <li>
	822	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	823	+ </li>
	824	+ <li>
	825	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	826	+ </li>
	827	+ <li>
	828	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	829	+ </li>
	830	+ <li class="fw">
	831	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	832	+ </li>
	833	+ <li class="ffw">
	834	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	835	+ </li>
	836	+ </ul>
	837	+ </div>
	838	+ <div class="pop-footer border-top">
	839	+ <section>
	840	+ <header class="tit-area">
	841	+ <div class="l-area">
	842	+ <h3 class="title">선택된 성취기준</h3>
	843	+ </div>
	844	+ </header>
	845	+ <div class="achievecod-section achievecode-item-list-box">
	846	+ <div class="item">
	847	+ <div class="txt-area">
	848	+ <ul class="info-inline-list">
	849	+ <li>
	850	+ <strong class="info-tit">영역</strong>
	851	+ <div class="txt-area">수와연산</div>
	852	+ </li>
	853	+ <li>
	854	+ <strong class="info-tit">성취기준</strong>
	855	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	856	+ </li>
	857	+ <li>
	858	+ <strong class="info-tit">내용요소1</strong>
	859	+ <div class="txt-area">소인수분해</div>
	860	+ </li>
	861	+ <li>
	862	+ <strong class="info-tit">내용요소2</strong>
	863	+ <div class="txt-area">소인수분해의 뜻</div>
	864	+ </li>
	865	+ </ul>
	866	+ </div>
	867	+ <div class="item-fnc-area">
	868	+ <a href="#none" class="ico-delete">삭제</a>
	869	+ </div>
	870	+ </div>
	871	+ <div class="item">
	872	+ <div class="txt-area">
	873	+ <ul class="info-inline-list">
	874	+ <li>
	875	+ <strong class="info-tit">영역</strong>
	876	+ <div class="txt-area">수와연산</div>
	877	+ </li>
	878	+ <li>
	879	+ <strong class="info-tit">성취기준</strong>
	880	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	881	+ </li>
	882	+ <li>
	883	+ <strong class="info-tit">내용요소1</strong>
	884	+ <div class="txt-area">소인수분해</div>
	885	+ </li>
	886	+ <li>
	887	+ <strong class="info-tit">내용요소2</strong>
	888	+ <div class="txt-area">소인수분해의 뜻</div>
	889	+ </li>
	890	+ </ul>
	891	+ </div>
	892	+ <div class="item-fnc-area">
	893	+ <a href="#none" class="ico-delete">삭제</a>
	894	+ </div>
	895	+ </div>
	896	+ <div class="item">
	897	+ <div class="txt-area">
	898	+ <ul class="info-inline-list">
	899	+ <li>
	900	+ <strong class="info-tit">영역</strong>
	901	+ <div class="txt-area">수와연산</div>
	902	+ </li>
	903	+ <li>
	904	+ <strong class="info-tit">성취기준</strong>
	905	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	906	+ </li>
	907	+ <li>
	908	+ <strong class="info-tit">내용요소1</strong>
	909	+ <div class="txt-area">소인수분해</div>
	910	+ </li>
	911	+ <li>
	912	+ <strong class="info-tit">내용요소2</strong>
	913	+ <div class="txt-area">소인수분해의 뜻</div>
	914	+ </li>
	915	+ </ul>
	916	+ </div>
	917	+ <div class="item-fnc-area">
	918	+ <a href="#none" class="ico-delete">삭제</a>
	919	+ </div>
	920	+ </div>
	921	+ <div class="item">
	922	+ <div class="txt-area">
	923	+ <ul class="info-inline-list">
	924	+ <li>
	925	+ <strong class="info-tit">영역</strong>
	926	+ <div class="txt-area">수와연산</div>
	927	+ </li>
	928	+ <li>
	929	+ <strong class="info-tit">성취기준</strong>
	930	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	931	+ </li>
	932	+ <li>
	933	+ <strong class="info-tit">내용요소1</strong>
	934	+ <div class="txt-area">소인수분해</div>
	935	+ </li>
	936	+ <li>
	937	+ <strong class="info-tit">내용요소2</strong>
	938	+ <div class="txt-area">소인수분해의 뜻</div>
	939	+ </li>
	940	+ </ul>
	941	+ </div>
	942	+ <div class="item-fnc-area">
	943	+ <a href="#none" class="ico-delete">삭제</a>
	944	+ </div>
	945	+ </div>
	946	+ <div class="item">
	947	+ <div class="txt-area">
	948	+ <ul class="info-inline-list">
	949	+ <li>
	950	+ <strong class="info-tit">영역</strong>
	951	+ <div class="txt-area">수와연산</div>
	952	+ </li>
	953	+ <li>
	954	+ <strong class="info-tit">성취기준</strong>
	955	+ <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
	956	+ </li>
	957	+ <li>
	958	+ <strong class="info-tit">내용요소1</strong>
	959	+ <div class="txt-area">소인수분해</div>
	960	+ </li>
	961	+ <li>
	962	+ <strong class="info-tit">내용요소2</strong>
	963	+ <div class="txt-area">소인수분해의 뜻</div>
	964	+ </li>
	965	+ </ul>
	966	+ </div>
	967	+ <div class="item-fnc-area">
	968	+ <a href="#none" class="ico-delete">삭제</a>
	969	+ </div>
	970	+ </div>
	971	+ </div>
	972	+ </section>
	973	+ <div class="pop-btn-cont">
	974	+ <button type="button" class="btn primary" onclick="popupClosePub('popup-achievecode')">완료</button>
	975	+ </div>
	976	+ </div>
	977	+ <button type="button" class="pop-close">
	978	+ <spa n class="txt-hide">팝업닫기</spa>
	979	+ </button>
	980	+ </div>
	981	+ <script>
	982	+ $(document).ready(function () {
	983	+ var subjectLists = ['수학1', '수학2', '수학 미적분', '확률과 통계', '수학과제 탐구', '경제수학', '수학3', '수학4', '수학 미적분2', '확률과 통계2', '수학과제 탐구2', '경제수학', '수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다. (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)'];
548	984
549		- <div class="popup-modal xlg" data-popuppub="popup-achievecode">
550		- <div class="pop-header">
551		- <h1>성취기준 검색</h1>
552		- </div>
553		-
554		- <div class="pop-body">
555		- <div class="fnc-extend-area">
556		- <div class="extend-default-area">
557		- <div class="r-area">
558		- <select class="border-none">
559		- <option>24개씩 보기</option>
560		- </select>
561		- <fieldset class="search-area">
562		- <legend>검색</legend>
563		- <div class="search-option" title="검색 옵션 선택">
564		- <select title="선택">
565		- <option>전체영역</option>
566		- </select>
567		- </div>
568		- <div class="search">
569		- <input type="text" placeholder="성취기준코드, 성취기준으로 검색" title="성취기준코드, 성취기준으로 검색해주세요." class="achievecode-sch">
570		- <button class="btn ico-search">검색</button>
571		- </div>
572		- </fieldset>
573		- </div>
574		- </div>
575		- <div class="extend-fnc-area">
576		- <div class="l-area">
577		- <div class="checkradio">
578		- <input type="checkbox" id="check-all">
579		- <label for="check-all">전체 선택</label>
580		- </div>
581		- <button class="btn xsm secondary">선택 추가</button>
582		- </div>
583		- </div>
584		- </div>
585		- <div class="list-type">
586		- <table>
587		- <caption>성취기준 선택</caption>
588		- <colgroup>
589		- <col style="width:36px">
590		- <col>
591		- <col>
592		- <col style="width:36%">
593		- <col>
594		- <col>
595		- <col style="width:100px">
596		- </colgroup>
597		- <thead>
598		- <tr>
599		- <th scope="col"></th>
600		- <th scope="col">내용체계 영역</th>
601		- <th scope="col">성취기준 코드</th>
602		- <th scope="col">성취기준</th>
603		- <th scope="col">1단계 내용요소</th>
604		- <th scope="col">2단계 내용요소</th>
605		- <th scope="col">선택</th>
606		- </tr>
607		- </thead>
608		- <tbody>
609		- <tr>
610		-
611		- <td>
612		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
613		- </td>
614		- <td data-tit="내용체계 영역">수와 연산</td>
615		- <td data-tit="성취기준 코드드">9수01-01</td>
616		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
617		- <td data-tit="1단계 내용요소">소인수분해</td>
618		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
619		- <td>
620		- <div class="btn-tbl-cont">
621		- <button type="button" class="btn sm primary">추가</button>
622		- </div>
623		- </td>
624		- </tr>
625		- <tr>
626		-
627		- <td>
628		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
629		- </td>
630		- <td data-tit="내용체계 영역">수와 연산</td>
631		- <td data-tit="성취기준 코드드">9수01-01</td>
632		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
633		- <td data-tit="1단계 내용요소">소인수분해</td>
634		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
635		- <td>
636		- <div class="btn-tbl-cont">
637		- <button type="button" class="btn sm primary">추가</button>
638		- </div>
639		- </td>
640		- </tr>
641		- <tr>
642		-
643		- <td>
644		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
645		- </td>
646		- <td data-tit="내용체계 영역">수와 연산</td>
647		- <td data-tit="성취기준 코드드">9수01-01</td>
648		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
649		- <td data-tit="1단계 내용요소">소인수분해</td>
650		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
651		- <td>
652		- <div class="btn-tbl-cont">
653		- <button type="button" class="btn sm primary">추가</button>
654		- </div>
655		- </td>
656		- </tr>
657		- <tr>
658		-
659		- <td>
660		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
661		- </td>
662		- <td data-tit="내용체계 영역">수와 연산</td>
663		- <td data-tit="성취기준 코드드">9수01-01</td>
664		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
665		- <td data-tit="1단계 내용요소">소인수분해</td>
666		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
667		- <td>
668		- <div class="btn-tbl-cont">
669		- <button type="button" class="btn sm primary">추가</button>
670		- </div>
671		- </td>
672		- </tr>
673		- <tr>
674		- <td>
675		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
676		- </td>
677		- <td data-tit="내용체계 영역">수와 연산</td>
678		- <td data-tit="성취기준 코드드">9수01-01</td>
679		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
680		- <td data-tit="1단계 내용요소">소인수분해</td>
681		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
682		- <td>
683		- <div class="btn-tbl-cont">
684		- <button type="button" class="btn sm primary">추가</button>
685		- </div>
686		- </td>
687		- </tr>
688		- <tr>
689		-
690		- <td>
691		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
692		- </td>
693		- <td data-tit="내용체계 영역">수와 연산</td>
694		- <td data-tit="성취기준 코드드">9수01-01</td>
695		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
696		- <td data-tit="1단계 내용요소">소인수분해</td>
697		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
698		- <td>
699		- <div class="btn-tbl-cont">
700		- <button type="button" class="btn sm primary">추가</button>
701		- </div>
702		- </td>
703		- </tr>
704		- <tr>
705		-
706		- <td>
707		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
708		- </td>
709		- <td data-tit="내용체계 영역">수와 연산</td>
710		- <td data-tit="성취기준 코드드">9수01-01</td>
711		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
712		- <td data-tit="1단계 내용요소">소인수분해</td>
713		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
714		- <td>
715		- <div class="btn-tbl-cont">
716		- <button type="button" class="btn sm primary">추가</button>
717		- </div>
718		- </td>
719		- </tr>
720		- <tr>
721		-
722		- <td>
723		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
724		- </td>
725		- <td data-tit="내용체계 영역">수와 연산</td>
726		- <td data-tit="성취기준 코드드">9수01-01</td>
727		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
728		- <td data-tit="1단계 내용요소">소인수분해</td>
729		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
730		- <td>
731		- <div class="btn-tbl-cont">
732		- <button type="button" class="btn sm primary">추가</button>
733		- </div>
734		- </td>
735		- </tr>
736		- <tr>
737		- <td>
738		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
739		- </td>
740		- <td data-tit="내용체계 영역">수와 연산</td>
741		- <td data-tit="성취기준 코드드">9수01-01</td>
742		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
743		- <td data-tit="1단계 내용요소">소인수분해</td>
744		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
745		- <td>
746		- <div class="btn-tbl-cont">
747		- <button type="button" class="btn sm primary">추가</button>
748		- </div>
749		- </td>
750		- </tr>
751		- <tr>
752		- <td>
753		- <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label>
754		- </td>
755		- <td data-tit="내용체계 영역">수와 연산</td>
756		- <td data-tit="성취기준 코드드">9수01-01</td>
757		- <td class=" align-left" data-tit="성취기준">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</td>
758		- <td data-tit="1단계 내용요소">소인수분해</td>
759		- <td data-tit="2단계 내용요소">소인수분해의 뜻</td>
760		- <td>
761		- <div class="btn-tbl-cont">
762		- <button type="button" class="btn sm primary">추가</button>
763		- </div>
764		- </td>
765		- </tr>
766		- </tbody>
767		- </table>
768		- </div>
769		- <div class="btn-cont">
770		- <button type="button" class="btn lg ico-plus">더보기</button>
771		- </div>
772		- <ul class="pagenation">
773		- <li class="ppv">
774		- <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
775		- </li>
776		- <li class="pv">
777		- <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
778		- </li>
779		- <li class="current">
780		- <a href="#none" title="1번째 목록으로 이동합니다">1</a>
781		- </li>
782		- <li>
783		- <a href="#none" title="2번째 목록으로 이동합니다">2</a>
784		- </li>
785		- <li>
786		- <a href="#none" title="3번째 목록으로 이동합니다">3</a>
787		- </li>
788		- <li>
789		- <a href="#none" title="4번째 목록으로 이동합니다">4</a>
790		- </li>
791		- <li>
792		- <a href="#none" title="5번째 목록으로 이동합니다">5</a>
793		- </li>
794		- <li class="fw">
795		- <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
796		- </li>
797		- <li class="ffw">
798		- <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
799		- </li>
800		- </ul>
801		- </div>
	985	+ $('.subject-sch')
	986	+ .on('focus', function () {
	987	+ $(this).autocomplete('search', '');
	988	+ })
	989	+ .autocomplete({
	990	+ minLength: 0,
	991	+ source: subjectLists,
	992	+ focus: function () {
	993	+ return false;
	994	+ },
	995	+ position: {
	996	+ my: 'left top', // 입력 필드의 왼쪽 상단
	997	+ at: 'left bottom', // 입력 필드의 왼쪽 하단
	998	+ collision: 'none', // 충돌 방지 비활성화
	999	+ },
	1000	+ open: function () {
	1001	+ const $input = $(this);
	1002	+ const $autocompleteMenu = $input.autocomplete('widget');
	1003	+ const parentWidth = $input.outerWidth();
	1004	+ $autocompleteMenu.css({
	1005	+ width: parentWidth + 'px',
	1006	+ });
	1007	+ },
	1008	+ });
802	1009
803		- <div class="pop-footer border-top">
804		- <section>
805		- <header class="tit-area">
806		- <div class="l-area">
807		- <h3 class="title">선택된 성취기준</h3>
808		- </div>
809		- </header>
810		- <div class="achievecod-section achievecode-item-list-box">
811		- <div class="item">
812		- <div class="txt-area">
813		- <ul class="info-inline-list">
814		- <li>
815		- <strong class="info-tit">영역</strong>
816		- <div class="txt-area">수와연산</div>
817		- </li>
818		- <li>
819		- <strong class="info-tit">성취기준</strong>
820		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
821		- </li>
822		- <li>
823		- <strong class="info-tit">내용요소1</strong>
824		- <div class="txt-area">소인수분해</div>
825		- </li>
826		- <li>
827		- <strong class="info-tit">내용요소2</strong>
828		- <div class="txt-area">소인수분해의 뜻</div>
829		- </li>
830		- </ul>
831		- </div>
832		- <div class="item-fnc-area">
833		- <a href="#none" class="ico-delete">삭제</a>
834		- </div>
835		- </div>
836		- <div class="item">
837		- <div class="txt-area">
838		- <ul class="info-inline-list">
839		- <li>
840		- <strong class="info-tit">영역</strong>
841		- <div class="txt-area">수와연산</div>
842		- </li>
843		- <li>
844		- <strong class="info-tit">성취기준</strong>
845		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
846		- </li>
847		- <li>
848		- <strong class="info-tit">내용요소1</strong>
849		- <div class="txt-area">소인수분해</div>
850		- </li>
851		- <li>
852		- <strong class="info-tit">내용요소2</strong>
853		- <div class="txt-area">소인수분해의 뜻</div>
854		- </li>
855		- </ul>
856		- </div>
857		- <div class="item-fnc-area">
858		- <a href="#none" class="ico-delete">삭제</a>
859		- </div>
860		- </div>
861		- <div class="item">
862		- <div class="txt-area">
863		- <ul class="info-inline-list">
864		- <li>
865		- <strong class="info-tit">영역</strong>
866		- <div class="txt-area">수와연산</div>
867		- </li>
868		- <li>
869		- <strong class="info-tit">성취기준</strong>
870		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
871		- </li>
872		- <li>
873		- <strong class="info-tit">내용요소1</strong>
874		- <div class="txt-area">소인수분해</div>
875		- </li>
876		- <li>
877		- <strong class="info-tit">내용요소2</strong>
878		- <div class="txt-area">소인수분해의 뜻</div>
879		- </li>
880		- </ul>
881		- </div>
882		- <div class="item-fnc-area">
883		- <a href="#none" class="ico-delete">삭제</a>
884		- </div>
885		- </div>
886		- <div class="item">
887		- <div class="txt-area">
888		- <ul class="info-inline-list">
889		- <li>
890		- <strong class="info-tit">영역</strong>
891		- <div class="txt-area">수와연산</div>
892		- </li>
893		- <li>
894		- <strong class="info-tit">성취기준</strong>
895		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
896		- </li>
897		- <li>
898		- <strong class="info-tit">내용요소1</strong>
899		- <div class="txt-area">소인수분해</div>
900		- </li>
901		- <li>
902		- <strong class="info-tit">내용요소2</strong>
903		- <div class="txt-area">소인수분해의 뜻</div>
904		- </li>
905		- </ul>
906		- </div>
907		- <div class="item-fnc-area">
908		- <a href="#none" class="ico-delete">삭제</a>
909		- </div>
910		- </div>
911		- <div class="item">
912		- <div class="txt-area">
913		- <ul class="info-inline-list">
914		- <li>
915		- <strong class="info-tit">영역</strong>
916		- <div class="txt-area">수와연산</div>
917		- </li>
918		- <li>
919		- <strong class="info-tit">성취기준</strong>
920		- <div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
921		- </li>
922		- <li>
923		- <strong class="info-tit">내용요소1</strong>
924		- <div class="txt-area">소인수분해</div>
925		- </li>
926		- <li>
927		- <strong class="info-tit">내용요소2</strong>
928		- <div class="txt-area">소인수분해의 뜻</div>
929		- </li>
930		- </ul>
931		- </div>
932		- <div class="item-fnc-area">
933		- <a href="#none" class="ico-delete">삭제</a>
934		- </div>
935		- </div>
936		- </div>
937		- </section>
938		- <div class="pop-btn-cont">
939		- <button type="button" class="btn primary" onclick="popupClosePub('popup-achievecode')">완료</button>
940		- </div>
941		- </div>
	1010	+ var achievecodeLists = ['수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.1 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)', '수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.2 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)', '수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.3 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)', '수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.4 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)'];
	1011	+ $('.achievecode-sch').autocomplete({
	1012	+ minLength: 0,
	1013	+ source: achievecodeLists,
	1014	+ focus: function () {
	1015	+ return false;
	1016	+ },
	1017	+ position: {
	1018	+ my: 'left top',
	1019	+ at: 'left bottom',
	1020	+ collision: 'none',
	1021	+ },
	1022	+ open: function () {
	1023	+ const $input = $(this);
	1024	+ const $autocompleteMenu = $input.autocomplete('widget');
	1025	+ const parentWidth = $input.outerWidth();
	1026	+ $autocompleteMenu.css({
	1027	+ width: parentWidth + 'px',
	1028	+ 'z-index': 9999,
	1029	+ });
	1030	+ },
	1031	+ });
942	1032
943		- <button type="button" class="pop-close"><spa n class="txt-hide">팝업닫기</spa></button>
944		- </div>
	1033	+ // Autocomplete 닫기 함수
	1034	+ function closeAutocomplete() {
	1035	+ $('.subject-sch, .achievecode-sch').autocomplete('close');
	1036	+ }
945	1037
946		- <script>
947		- $(document).ready(function () {
948		- var subjectLists = [
949		- "수학1", "수학2", "수학 미적분", "확률과 통계", "수학과제 탐구", "경제수학",
950		- "수학3", "수학4", "수학 미적분2", "확률과 통계2", "수학과제 탐구2", "경제수학",
951		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다. (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)"
952		- ];
953		-
954		- $(".subject-sch").on("focus", function () {
955		- $(this).autocomplete("search", "");
956		- })
957		- .autocomplete({
958		- minLength: 0,
959		- source: subjectLists,
960		- focus: function () {
961		- return false;
962		- },
963		- position: {
964		- my: "left top", // 입력 필드의 왼쪽 상단
965		- at: "left bottom", // 입력 필드의 왼쪽 하단
966		- collision: "none" // 충돌 방지 비활성화
967		- },
968		- open: function () {
969		- const $input = $(this);
970		- const $autocompleteMenu = $input.autocomplete("widget");
971		- const parentWidth = $input.outerWidth();
972		- $autocompleteMenu.css({
973		- "width": parentWidth + "px",
974		- });
975		- }
976		- });
977		-
978		- var achievecodeLists = [
979		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.1 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)",
980		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.2 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)",
981		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.3 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)",
982		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.4 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)"
983		- ];
984		- $(".achievecode-sch").autocomplete({
985		- minLength: 0,
986		- source: achievecodeLists,
987		- focus: function () {
988		- return false;
989		- },
990		- position: {
991		- my: "left top",
992		- at: "left bottom",
993		- collision: "none"
994		- },
995		- open: function () {
996		- const $input = $(this);
997		- const $autocompleteMenu = $input.autocomplete("widget");
998		- const parentWidth = $input.outerWidth();
999		- $autocompleteMenu.css({
1000		- "width": parentWidth + "px",
1001		- "z-index": 9999
1002		- });
1003		- }
1004		- });
1005		-
1006		- // Autocomplete 닫기 함수
1007		- function closeAutocomplete() {
1008		- $(".subject-sch, .achievecode-sch").autocomplete("close");
1009		- }
1010		-
1011		- // 전역 스크롤 및 리사이즈 시 Autocomplete 숨기기
1012		- $(window).on("scroll resize", closeAutocomplete);
1013		-
1014		- // .pop-body 스크롤 시 Autocomplete 숨기기
1015		- $(".pop-body").on("scroll", closeAutocomplete);
1016		- });
1017		- </script>
1018		-
1019		-
1020		- <!-- <script>
1021		- $(document).ready(function () {
1022		- var subjectLists = [
1023		- "수학1", "수학2", "수학 미적분", "확률과 통계", "수학과제 탐구", "경제수학",
1024		- "수학3", "수학4", "수학 미적분2", "확률과 통계2", "수학과제 탐구2", "경제수학", "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다. (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)"
1025		- ];
1026		-
1027		- $(".subject-sch").on("focus", function () {
1028		- //select show
1029		- $(this).autocomplete("search", "");
1030		- })
1031		- .autocomplete({
1032		- minLength: 0,
1033		- source: subjectLists,
1034		- focus: function () {
1035		- return false;
1036		- },
1037		- position: {
1038		- my: "left top",
1039		- at: "left bottom",
1040		- collision: "flip",
1041		- of: $(this)
1042		- },
1043		- open: function () {
1044		- // 부모 요소의 크기를 가져와 자동 완성 목록의 크기를 설정
1045		- const $input = $(this);
1046		- const $autocompleteMenu = $input.autocomplete("widget");
1047		- const parentWidth = $input.outerWidth();
1048		- $autocompleteMenu.css("width", parentWidth + "px");
1049		- }
1050		- });
	1038	+ // 전역 스크롤 및 리사이즈 시 Autocomplete 숨기기
	1039	+ $(window).on('scroll resize', closeAutocomplete);
1051	1040
1052		- var achievecodeLists = [
1053		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.1 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)",
1054		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.2 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)",
1055		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.3 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)",
1056		- "수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.4 (내용요소1:소인수분해 / 내용요소2:소인수분해의 뜻)",
1057		- ];
1058		- $(".achievecode-sch")
1059		- // .on("focus", function () {
1060		- // //select show
1061		- // $(this).autocomplete("search", "");
1062		- // })
1063		- .autocomplete({
1064		- minLength: 0,
1065		- source: achievecodeLists,
1066		- focus: function () {
1067		- return false;
1068		- },
1069		- position: {
1070		- my: "left top",
1071		- at: "left bottom",
1072		- collision: "flip",
1073		- of: $(this)
1074		- },
1075		- // open: function () {
1076		- // const $input = $(this);
1077		- // const $autocompleteMenu = $input.autocomplete("widget");
1078		- // const parentWidth = $input.outerWidth();
1079		- // $autocompleteMenu.css("width", parentWidth + "px");
1080		- // }
1081		- });
1082		-
1083		- // Autocomplete 닫기 함수
1084		- function closeAutocomplete() {
1085		- $(".subject-sch, .achievecode-sch").autocomplete("close");
1086		- }
1087		-
1088		- // 전역 스크롤 시 Autocomplete 숨기기
1089		- $(window).on("scroll resize", closeAutocomplete);
1090		-
1091		- // .pop-body 스크롤 시 Autocomplete 숨기기
1092		- $(".pop-body").on("scroll", closeAutocomplete);
1093		- });
1094		- </script> -->
1095		-</body>
1096		-
1097		-</html> (파일 끝에 줄바꿈 문자 없음)
	1041	+ // .pop-body 스크롤 시 Autocomplete 숨기기
	1042	+ $('.pop-body').on('scroll', closeAutocomplete);
	1043	+ });
	1044	+ </script>
	1045	+ </body>
	1046	+</html>

a00f727

08f9adb

html/onSejong/common/sub/layout.html

--- html/onSejong/common/sub/layout.html

+++ html/onSejong/common/sub/layout.html