Commit @b2dd15708ba9cec2e8734a412e1da11b729955e6

이화경 10-21

나의 보관함 퍼블 추가 및 퍼블리스트 수정

@b2dd15708ba9cec2e8734a412e1da11b729955e6

4ccf28a

b2dd157

html/onSejong/index.html

--- html/onSejong/index.html

+++ html/onSejong/index.html


                     선생님
                     <ul>
                         <li>
-                            수강신청
-                            <ul>
-                                <li>수강신청,manager/class/class.html</li>
-                                <li>과정 개설하기,manager/class/courseAdd.html</li>
-                                <li>[팝업]선생님 찾기,manager/class/pop_teacherFind.html</li>
-                                <li>[팝업]수업시간 선택,manager/class/pop_classTimeSet.html</li>
-                                <li>[팝업]평가방법 추가,manager/class/pop_assessmentSet.html</li>
-                                <li>[팝업]자유게시판 추가,manager/class/pop_boardSetting.html</li>
-                            </ul>
-                        </li>
-                        <li>
                             강의
                             <ul>
                                 <li>
                                     홈
                                     <ul>
                                         <li>홈,manager/class/classMain.html</li>
-                                        <li>과정 수정,manager/class/courseEdit.html</li>
-                                        <li>[팝업]자유게시판 설정,manager/class/pop_boardSetting.html</li>
-                                        <li>[팝업]과정 폐강,manager/class/pop_cancelWrite.html</li>
                                         <li>[팝업]출석QR코드,manager/class/pop_attendCode.html</li>
-                                        <li>
-                                            멤버관리
-                                            <ul>
-                                                <li>수강생 관리,manager/class/memberManage_student.html</li>
-                                                <li>[팝업]거절사유,manager/class/pop_cancelWrite.html</li>
-                                                <li class="before">초대하기</li>
-                                                <li class="before">초대하기 링크</li>
-                                                <li>[팝업]학생찾기,manager/class/pop_teacherFind.html</li>
-                                                <li>청강생 관리,manager/class/memberManage_auditor.html</li>
-                                                <li>팀티처 관리,manager/class/memberManage_teacher.html</li>
-                                                <li>모둠 관리,manager/class/memberManage_group.html</li>
-                                                <li>모둠 만들기,manager/class/memberManage_groupWrite.html</li>
-                                            </ul>
-                                        </li>
                                     </ul>
                                 </li>
                                 <li>

                                         <li>
                                             영상/이미지/문서
                                             <ul>
-                                                <li class="mod">목록,manager/mystorage/contentList.html</li>
-                                                <li class="working">영상 상세,manager/mystorage/videoView.html</li>
+                                                <li>목록,manager/mystorage/contentList.html</li>
+                                                <li>영상 상세,manager/mystorage/videoView.html</li>
                                                 <li class="before">이미지 상세</li>
                                                 <li class="before">문서 상세</li>
                                             </ul>

                                         <li>
                                             문항
                                             <ul>
-                                                <li class="working">목록,manager/mystorage/quizList.html</li>
-                                                <li class="working">문항 상세,manager/mystorage/quizView.html</li>
-                                                <li class="working">문항 정답 및 풀이,manager/mystorage/quizAnswer.html</li>
+                                                <li>목록,manager/mystorage/quizList.html</li>
+                                                <li>문항 상세,manager/mystorage/quizView.html</li>
+                                                <li>문항 정답 및 풀이,manager/mystorage/quizAnswer.html</li>
                                             </ul>
                                         </li>
                                         <li>
                                             평가지
                                             <ul>
-                                                <li class="working">목록,manager/mystorage/testList.html</li>
-                                                <li class="working">평가지 상세,manager/mystorage/testView.html</li>
-                                                <li class="working">평가지 정답 및 풀이,manager/mystorage/testAnswer.html</li>
+                                                <li>목록,manager/mystorage/testList.html</li>
+                                                <li>평가지 상세,manager/mystorage/testView.html</li>
+                                                <li>평가지 정답 및 풀이,manager/mystorage/testAnswer.html</li>
                                             </ul>
                                         </li>
                                     </ul>
                                 </li>
-                                <li class="working">검색결과,manager/mystorage/searchResult.html</li>
+                                <li>검색결과,manager/mystorage/searchResult.html</li>
                                 <li>
                                     새로 만들기
                                     <ul>
-                                        <li class="working">[팝업]새로만들기,manager/mystorage/pop_attend.html</li>
-                                        <li class="working">콘텐츠 만들기,manager/mystorage/contentsWrite.html</li>
-                                        <li class="design">문항 만들기,manager/mystorage/quizWrite.html</li>
-                                        <li class="design">평가지 만들기,manager/mystorage/testWrite.html</li>
+                                        <li>[팝업]새로만들기,manager/mystorage/pop_attend.html</li>
+                                        <li>콘텐츠 만들기,manager/mystorage/contentsWrite.html</li>
+                                        <li>문항 만들기,manager/mystorage/quizWrite.html</li>
+                                        <li>평가지 만들기,manager/mystorage/testWrite.html</li>
                                     </ul>
                                 </li>
                             </ul>

                         <li>
                             나의 강의실
                             <ul>
-                                <li>
+                                <li class="working">
                                     목록
                                     <ul>
-                                        <li class="working">진행중/진행예정/진행완료,manager/myclass/classList.html</li>
-                                        <li class="working">[팝업]일정등록,manager/myclass/pop_scheduleWrite.html</li>
-                                        <li class="design">[팝업]일정보기,manager/myclass/pop_schedule.html</li>
-                                        <li class="before">
+                                        <li>진행중/진행예정/진행완료,manager/myclass/classList.html</li>
+                                        <li>[팝업]일정등록,manager/myclass/pop_scheduleWrite.html</li>
+                                        <li>[팝업]일정보기,manager/myclass/pop_schedule.html</li>
+                                        <li>
                                             과정 개설하기
                                             <ul>
-                                                <li>[팝업]선생님 찾기</li>
-                                                <li>[팝업]수업시간 선택</li>
-                                                <li>[팝업]평가방법 추가</li>
-                                                <li>[팝업]자유게시판 추가</li>
+                                                <li>과정 개설하기,manager/class/courseAdd.html</li>
+                                                <li>[팝업]선생님 찾기,manager/class/pop_teacherFind.html</li>
+                                                <li>[팝업]수업시간 선택,manager/class/pop_classTimeSet.html</li>
+                                                <li>[팝업]평가방법 추가,manager/class/pop_assessmentSet.html</li>
+                                                <li>[팝업]자유게시판 추가,manager/class/pop_boardAdd.html</li>
                                             </ul>
                                         </li>
-                                        <li class="before">
+                                        <li>
                                             과정 수정
                                             <ul>
-                                                <li>[팝업]자유게시판 설정</li>
-                                                <li>[팝업]과정 폐강</li>
+                                                <li>과정 수정,manager/class/courseEdit.html</li>
+                                                <li>[팝업]자유게시판 설정,manager/class/pop_boardSetting.html</li>
+                                                <li>[팝업]과정 폐강,manager/class/pop_cancelWrite.html</li>
                                             </ul>
                                         </li>
                                     </ul>
                                 </li>
-                                <li>
+                                <li class="working">
                                     출석관리
                                     <ul>
                                         <li>출석관리,manager/myclass/attend.html</li>
                                         <li>[팝업]멤버별 출석관리,manager/myclass/pop_memberAttend.html</li>
                                         <li>[팝업]휴/보강관리 상세,manager/myclass/pop_editClassSet.html</li>
-                                        <li class="working">[팝업]휴/보강 이력조회,manager/myclass/pop_attendHistory.html</li>
+                                        <li>[팝업]휴/보강 이력조회,manager/myclass/pop_attendHistory.html</li>
                                     </ul>
                                 </li>
                                 <li>
                                     성적관리
                                     <ul>
-                                        <li>성적관리,manager/myclass/results.html</li>
+                                        <li class="working">성적관리,manager/myclass/results.html</li>
                                         <li class="working">성적항목관리,manager/myclass/gradeManage.html</li>
                                         <li class="working">성적직접관리,manager/myclass/gradeInput.html</li>
                                         <li class="working">[팝업]환산 기준 관리,manager/myclass/pop_homeworkScoreView.html</li>
-                                        <li class="design">[팝업]과제 제출 리스트,manager/myclass/pop_homeworkSubmitList.html</li>
+                                        <li class="working">[팝업]과제 제출 리스트,manager/myclass/pop_homeworkSubmitList.html</li>
                                         <li class="before">[팝업]성적 분포도</li>
                                     </ul>
                                 </li>
-                                <li>
+                                <li class="working">
                                     진도관리
                                     <ul>
                                         <li>진도관리,manager/myclass/progress.html</li>
                                         <li>[팝업]멤버별 진도관리,manager/myclass/pop_memberProgress.html</li>
                                     </ul>
                                 </li>
-                                <li class="design">과정이수처리,manager/myclass/completionProcess.html</li>
-                                <li>
+                                <li class="working">과정이수처리,manager/myclass/completionProcess.html</li>
+                                <li class="working">
                                     루브릭 평가관리
                                     <ul>
-                                        <li class="working">루브릭 평가관리,manager/myclass/rubricManage.html</li>
-                                        <li class="before">루브릭 만들기 </li>
+                                        <li>루브릭 평가관리,manager/myclass/rubricManage.html</li>
+                                        <li>루브릭 만들기 </li>
                                     </ul>
                                 </li>
                                 <li>
                                     멤버관리
                                     <ul>
                                         <li class="working">수강생 관리,manager/myclass/memberManage_student.html</li>
-                                        <li class="before">[팝업]거절사유<span class="label">중복</span></li>
-                                        <li class="before">초대하기<span class="label">중복</span></li>
-                                        <li class="before">[팝업]학생찾기<span class="label">중복</span></li>
+                                        <li class="working">[팝업]거절사유,manager/class/pop_rejectReason.html</li>
+                                        <li class="before">초대하기</li>
+                                        <li class="before">초대하기 링크</li>
+                                        <li class="working">[팝업]학생찾기,manager/class/pop_studentFind.html</li>
                                         <li class="working">청강생관리,manager/myclass/memberManage_auditor.html</li>
                                         <li class="working">팀티처관리,manager/myclass/memberManage_teacher.html</li>
                                         <li class="working">모둠관리,manager/myclass/memberManage_group.html</li>
-                                        <li class="before">모둠 만들기<span class="label">중복</span></li>
+                                        <li class="working">모둠 만들기,manager/class/memberManage_groupWrite.html</li>
                                     </ul>
                                 </li>
                                 <li>
                                     설문관리
                                     <ul>
-                                        <li class="design">설문관리,manager/myclass/surveyManage.html</li>
-                                        <li class="design">설문만들기,manager/myclass/surveyWrite.html</li>
-                                        <li>
+                                        <li class="working">설문관리,manager/myclass/surveyManage.html</li>
+                                        <li class="working">설문만들기,manager/myclass/surveyWrite.html</li>
+                                        <li class="working">
                                             설문 결과
                                             <ul>
-                                                <li class="design">전체요약,manager/myclass/surveyViewResult.html</li>
-                                                <li class="design">개별응답,manager/myclass/surveyViewResult_each.html</li>
+                                                <li>전체요약,manager/myclass/surveyViewResult.html</li>
+                                                <li>개별응답,manager/myclass/surveyViewResult_each.html</li>
                                             </ul>
                                         </li>
                                         <li class="working">설문 미리보기,manager/myclass/surveyView_popWin.html</li>

                                     출석현황
                                     <ul>
                                         <li class="working">출석현황,member/myclass/attend.html</li>
-                                        <li class="design">[팝업]멤버별 출석관리,member/myclass/pop_memberAttend.html</li>
+                                        <li class="working">[팝업]멤버별 출석관리,member/myclass/pop_memberAttend.html</li>
                                         <li class="before">[팝업]스마트출석<span class="label">중복</span></li>
                                     </ul>
                                 </li>
                                 <li class="working">성적현황,member/myclass/gradeStatus.html</li>
-                                <li>
+                                <li class="working">
                                     진도현황
                                     <ul>
-                                        <li class="working">진도현황,member/myclass/progressStatus.html</li>
-                                        <li class="working">[팝업]멤버별 진도관리,member/myclass/pop_progressManage.html</li>
+                                        <li>진도현황,member/myclass/progressStatus.html</li>
+                                        <li>[팝업]멤버별 진도관리,member/myclass/pop_progressManage.html</li>
                                     </ul>
                                 </li>
-                                <li>
+                                <li class="working">
                                     학습성찰 일지 
                                     <ul>
-                                        <li class="working">학습성찰 일지,member/myclass/reflection.html</li>
-                                        <li class="working">[팝업]성찰일지,member/myclass/pop_reflection.html</li>
-                                        <li class="working">[팝업]성찰일지 수정,member/myclass/pop_reflectionEdit.html</li>
+                                        <li>학습성찰 일지,member/myclass/reflection.html</li>
+                                        <li>[팝업]성찰일지,member/myclass/pop_reflection.html</li>
+                                        <li>[팝업]성찰일지 수정,member/myclass/pop_reflectionEdit.html</li>
                                     </ul>
                                 </li>
                             </ul>

4ccf28a

b2dd157

html/onSejong/manager/class/courseAdd.html

--- html/onSejong/manager/class/courseAdd.html

+++ html/onSejong/manager/class/courseAdd.html

...	...	@@ -157,6 +157,31 @@
157	157	</tr>
158	158	<tr>
159	159	<th scope="row">
	160	+ 대상 학년
	161	+ <i class="required">필수</i>
	162	+ </th>
	163	+ <td>
	164	+ <fieldset class="checkradio-area">
	165	+ <legend>대상 학년</legend>
	166	+ <div class="checkradio">
	167	+ <input type="radio" name="r2" id="r2-1" checked />
	168	+ <label for="r2-1">학년선택</label>
	169	+ <fieldset class="checkradio-option">
	170	+ <label class="chip"><input type="checkbox" name="chipC"><span>중3</span></label>
	171	+ <label class="chip"><input type="checkbox" name="chipC"><span>고1</span></label>
	172	+ <label class="chip"><input type="checkbox" name="chipC"><span>고2</span></label>
	173	+ <label class="chip"><input type="checkbox" name="chipC"><span>고3</span></label>
	174	+ </fieldset>
	175	+ </div>
	176	+ <div class="checkradio">
	177	+ <input type="radio" name="r2" id="r2-2" />
	178	+ <label for="r2-2">전체 유저</label>
	179	+ </div>
	180	+ </fieldset>
	181	+ </td>
	182	+ </tr>
	183	+ <tr>
	184	+ <th scope="row">
160	185	수업유형
161	186	<i class="required">필수</i>
162	187	</th>
...	...	@@ -191,20 +216,21 @@
191	216	<fieldset class="checkradio-area">
192	217	<legend>거점학교(장소)</legend>
193	218	<div class="checkradio">
194		- <input type="radio" name="r2" id="r2-1" checked />
195		- <label for="r2-1">거점학교</label>
	219	+ <input type="radio" name="r3" id="r3-1" checked />
	220	+ <label for="r3-1">거점학교</label>
196	221	<fieldset class="checkradio-option">
197	222	<select title="거점학교 선택">
198	223	<option>거점학교 선택</option>
199	224	</select>
	225	+ <input type="text" title="컴퓨터실, 과학실 등 장소입력" placeholder="컴퓨터실, 과학실 등 장소입력" />
200	226	</fieldset>
201	227	</div>
202	228	<div class="checkradio">
203		- <input type="radio" name="r2" id="r2-2" />
204		- <label for="r2-2">거점학교 외</label>
	229	+ <input type="radio" name="r3" id="r3-2" />
	230	+ <label for="r3-2">거점학교 외</label>
205	231	<fieldset class="checkradio-option">
206		- <input type="text" title="장소 입력" placeholder="장소 입력" />
207		- <input type="text" title="특이사항 입력" placeholder="특이사항 입력" />
	232	+ <input type="text" title="장소 입력" placeholder="구체적인 장소 입력" />
	233	+ <input type="text" title="특이사항 입력" placeholder="구체적인 장소 입력" />
208	234	</fieldset>
209	235	</div>
210	236	</fieldset>
...	...	@@ -250,7 +276,36 @@
250	276	<td>
251	277	<select title="전공학부 선택">
252	278	<option>인문(어문)</option>
	279	+ <option>사회과학</option>
	280	+ <option>예체능(생활)</option>
	281	+ <option>자연(공학)</option>
253	282	</select>
	283	+ </td>
	284	+ </tr>
	285	+ <tr>
	286	+ <th scope="row">
	287	+ 차시 선택
	288	+ <i class="required">필수</i>
	289	+ </th>
	290	+ <td>
	291	+ <fieldset class="checkradio-area">
	292	+ <legend>차시 선택</legend>
	293	+ <div class="checkradio">
	294	+ <input type="radio" name="r4" id="r4-1" checked>
	295	+ <label for="r4-1">21차시</label>
	296	+ <input type="radio" name="r4" id="r4-2">
	297	+ <label for="r4-2">18차시</label>
	298	+ <input type="radio" name="r4" id="r4-3">
	299	+ <label for="r4-3">16차시</label>
	300	+ <div class="checkradio">
	301	+ <input type="radio" name="r4" id="r4-4">
	302	+ <label for="r4-4">기타</label>
	303	+ <fieldset class="checkradio-option">
	304	+ <input type="number" title="차시 입력">
	305	+ </fieldset>
	306	+ </div>
	307	+ </div>
	308	+ </fieldset>
254	309	</td>
255	310	</tr>
256	311	<tr>
...	...	@@ -273,23 +328,21 @@
273	328	<i class="required">필수</i>
274	329	</th>
275	330	<td>
276		- <fieldset class="checkradio-area">
277		- <legend>운영단위(학점)</legend>
	331	+ <fieldset class="checkradio-area">
	332	+ <legend>학점 선택</legend>
278	333	<div class="checkradio">
279		- <input type="radio" name="r3" id="r3-1" checked />
280		- <label for="r3-1">2학점(32시간)</label>
	334	+ <input type="radio" name="r5" id="r5-1" checked>
	335	+ <label for="r5-1">학점 선택</label>
	336	+ <fieldset class="checkradio-option">
	337	+ <select title="학점 선택">
	338	+ <option>3학점</option>
	339	+ </select>
	340	+ <input type="number" title="시간입력" placeholder="시간입력">
	341	+ </fieldset>
281	342	</div>
282	343	<div class="checkradio">
283		- <input type="radio" name="r3" id="r3-2" />
284		- <label for="r3-2">3학점(48시간)</label>
285		- </div>
286		- <div class="checkradio">
287		- <input type="radio" name="r3" id="r3-3" />
288		- <label for="r3-3">4학점(64시간)</label>
289		- </div>
290		- <div class="checkradio">
291		- <input type="radio" name="r3" id="r3-4" />
292		- <label for="r3-4">해당없음</label>
	344	+ <input type="radio" name="r5" id="r5-2">
	345	+ <label for="r5-2">해당없음</label>
293	346	</div>
294	347	</fieldset>
295	348	</td>
...	...	@@ -303,23 +356,23 @@
303	356	<fieldset class="checkradio-area">
304	357	<legend>수강 인원</legend>
305	358	<div class="checkradio">
306		- <input type="radio" name="r4" id="r4-1" checked />
307		- <label for="r4-1">설정</label>
	359	+ <input type="radio" name="r6" id="r6-1" checked />
	360	+ <label for="r6-1">설정</label>
308	361	<fieldset class="checkradio-option">
309		- <span>최소</span>
	362	+ <span>최소 </span>
310	363	<select title="최소인원수 선택">
311	364	<option>5명</option>
312	365	</select>
313		- <span>~</span>
314		- <span>최대</span>
	366	+ <span> ~ </span>
	367	+ <span>최대 </span>
315	368	<select title="최대인원수 선택">
316	369	<option>15명</option>
317	370	</select>
318	371	</fieldset>
319	372	</div>
320	373	<div class="checkradio">
321		- <input type="radio" name="r4" id="r4-2" />
322		- <label for="r4-2">제한없음</label>
	374	+ <input type="radio" name="r6" id="r6-2" />
	375	+ <label for="r6-2">제한없음</label>
323	376	</div>
324	377	</fieldset>
325	378	</td>
...	...	@@ -439,12 +492,12 @@
439	492	<fieldset class="checkradio-area">
440	493	<legend>공개여부</legend>
441	494	<div class="checkradio">
442		- <input type="radio" name="r1" id="r1-1" checked />
443		- <label for="r1-1">비공개</label>
	495	+ <input type="radio" name="r7" id="r7-1" checked />
	496	+ <label for="r7-1">비공개</label>
444	497	</div>
445	498	<div class="checkradio">
446		- <input type="radio" name="r1" id="r1-2" />
447		- <label for="r1-2">공개</label>
	499	+ <input type="radio" name="r7" id="r7-2" />
	500	+ <label for="r7-2">공개</label>
448	501	</div>
449	502	</fieldset>
450	503	</td>

4ccf28a

b2dd157

html/onSejong/manager/class/courseEdit.html

--- html/onSejong/manager/class/courseEdit.html

+++ html/onSejong/manager/class/courseEdit.html

...	...	@@ -163,6 +163,31 @@
163	163	</tr>
164	164	<tr>
165	165	<th scope="row">
	166	+ 대상 학년
	167	+ <i class="required">필수</i>
	168	+ </th>
	169	+ <td>
	170	+ <fieldset class="checkradio-area">
	171	+ <legend>대상 학년</legend>
	172	+ <div class="checkradio">
	173	+ <input type="radio" name="r2" id="r2-1" checked />
	174	+ <label for="r2-1">학년선택</label>
	175	+ <fieldset class="checkradio-option">
	176	+ <label class="chip"><input type="checkbox" name="chipC"><span>중3</span></label>
	177	+ <label class="chip"><input type="checkbox" name="chipC"><span>고1</span></label>
	178	+ <label class="chip"><input type="checkbox" name="chipC"><span>고2</span></label>
	179	+ <label class="chip"><input type="checkbox" name="chipC"><span>고3</span></label>
	180	+ </fieldset>
	181	+ </div>
	182	+ <div class="checkradio">
	183	+ <input type="radio" name="r2" id="r2-2" />
	184	+ <label for="r2-2">전체 유저</label>
	185	+ </div>
	186	+ </fieldset>
	187	+ </td>
	188	+ </tr>
	189	+ <tr>
	190	+ <th scope="row">
166	191	수업유형
167	192	<i class="required">필수</i>
168	193	</th>
...	...	@@ -197,20 +222,21 @@
197	222	<fieldset class="checkradio-area">
198	223	<legend>거점학교(장소)</legend>
199	224	<div class="checkradio">
200		- <input type="radio" name="r2" id="r2-1" checked />
201		- <label for="r2-1">거점학교</label>
	225	+ <input type="radio" name="r3" id="r3-1" checked />
	226	+ <label for="r3-1">거점학교</label>
202	227	<fieldset class="checkradio-option">
203	228	<select title="거점학교 선택">
204	229	<option>거점학교 선택</option>
205	230	</select>
	231	+ <input type="text" title="컴퓨터실, 과학실 등 장소입력" placeholder="컴퓨터실, 과학실 등 장소입력" />
206	232	</fieldset>
207	233	</div>
208	234	<div class="checkradio">
209		- <input type="radio" name="r2" id="r2-2" />
210		- <label for="r2-2">거점학교 외</label>
	235	+ <input type="radio" name="r3" id="r3-2" />
	236	+ <label for="r3-2">거점학교 외</label>
211	237	<fieldset class="checkradio-option">
212		- <input type="text" title="장소 입력" placeholder="장소 입력" />
213		- <input type="text" title="특이사항 입력" placeholder="특이사항 입력" />
	238	+ <input type="text" title="장소 입력" placeholder="구체적인 장소 입력" />
	239	+ <input type="text" title="특이사항 입력" placeholder="구체적인 장소 입력" />
214	240	</fieldset>
215	241	</div>
216	242	</fieldset>
...	...	@@ -256,7 +282,36 @@
256	282	<td>
257	283	<select title="전공학부 선택">
258	284	<option>인문(어문)</option>
	285	+ <option>사회과학</option>
	286	+ <option>예체능(생활)</option>
	287	+ <option>자연(공학)</option>
259	288	</select>
	289	+ </td>
	290	+ </tr>
	291	+ <tr>
	292	+ <th scope="row">
	293	+ 차시 선택
	294	+ <i class="required">필수</i>
	295	+ </th>
	296	+ <td>
	297	+ <fieldset class="checkradio-area">
	298	+ <legend>차시 선택</legend>
	299	+ <div class="checkradio">
	300	+ <input type="radio" name="r4" id="r4-1" checked>
	301	+ <label for="r4-1">21차시</label>
	302	+ <input type="radio" name="r4" id="r4-2">
	303	+ <label for="r4-2">18차시</label>
	304	+ <input type="radio" name="r4" id="r4-3">
	305	+ <label for="r4-3">16차시</label>
	306	+ <div class="checkradio">
	307	+ <input type="radio" name="r4" id="r4-4">
	308	+ <label for="r4-4">기타</label>
	309	+ <fieldset class="checkradio-option">
	310	+ <input type="number" title="차시 입력">
	311	+ </fieldset>
	312	+ </div>
	313	+ </div>
	314	+ </fieldset>
260	315	</td>
261	316	</tr>
262	317	<tr>
...	...	@@ -279,23 +334,21 @@
279	334	<i class="required">필수</i>
280	335	</th>
281	336	<td>
282		- <fieldset class="checkradio-area">
283		- <legend>운영단위(학점)</legend>
	337	+ <fieldset class="checkradio-area">
	338	+ <legend>학점 선택</legend>
284	339	<div class="checkradio">
285		- <input type="radio" name="r3" id="r3-1" checked />
286		- <label for="r3-1">2학점(32시간)</label>
	340	+ <input type="radio" name="r5" id="r5-1" checked>
	341	+ <label for="r5-1">학점 선택</label>
	342	+ <fieldset class="checkradio-option">
	343	+ <select title="학점 선택">
	344	+ <option>3학점</option>
	345	+ </select>
	346	+ <input type="number" title="시간입력" placeholder="시간입력">
	347	+ </fieldset>
287	348	</div>
288	349	<div class="checkradio">
289		- <input type="radio" name="r3" id="r3-2" />
290		- <label for="r3-2">3학점(48시간)</label>
291		- </div>
292		- <div class="checkradio">
293		- <input type="radio" name="r3" id="r3-3" />
294		- <label for="r3-3">4학점(64시간)</label>
295		- </div>
296		- <div class="checkradio">
297		- <input type="radio" name="r3" id="r3-4" />
298		- <label for="r3-4">해당없음</label>
	350	+ <input type="radio" name="r5" id="r5-2">
	351	+ <label for="r5-2">해당없음</label>
299	352	</div>
300	353	</fieldset>
301	354	</td>
...	...	@@ -309,23 +362,23 @@
309	362	<fieldset class="checkradio-area">
310	363	<legend>수강 인원</legend>
311	364	<div class="checkradio">
312		- <input type="radio" name="r4" id="r4-1" checked />
313		- <label for="r4-1">설정</label>
	365	+ <input type="radio" name="r6" id="r6-1" checked />
	366	+ <label for="r6-1">설정</label>
314	367	<fieldset class="checkradio-option">
315		- <span>최소</span>
	368	+ <span>최소 </span>
316	369	<select title="최소인원수 선택">
317	370	<option>5명</option>
318	371	</select>
319		- <span>~</span>
320		- <span>최대</span>
	372	+ <span> ~ </span>
	373	+ <span>최대 </span>
321	374	<select title="최대인원수 선택">
322	375	<option>15명</option>
323	376	</select>
324	377	</fieldset>
325	378	</div>
326	379	<div class="checkradio">
327		- <input type="radio" name="r4" id="r4-2" />
328		- <label for="r4-2">제한없음</label>
	380	+ <input type="radio" name="r6" id="r6-2" />
	381	+ <label for="r6-2">제한없음</label>
329	382	</div>
330	383	</fieldset>
331	384	</td>
...	...	@@ -445,12 +498,12 @@
445	498	<fieldset class="checkradio-area">
446	499	<legend>공개여부</legend>
447	500	<div class="checkradio">
448		- <input type="radio" name="r1" id="r1-1" checked />
449		- <label for="r1-1">비공개</label>
	501	+ <input type="radio" name="r7" id="r7-1" checked />
	502	+ <label for="r7-1">비공개</label>
450	503	</div>
451	504	<div class="checkradio">
452		- <input type="radio" name="r1" id="r1-2" />
453		- <label for="r1-2">공개</label>
	505	+ <input type="radio" name="r7" id="r7-2" />
	506	+ <label for="r7-2">공개</label>
454	507	</div>
455	508	</fieldset>
456	509	</td>

b2dd157

html/onSejong/manager/class/pop_boardAdd.html (added)

+++ html/onSejong/manager/class/pop_boardAdd.html

...	...	@@ -0,0 +1,169 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	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="popup-modal" data-popuppub="popupmodal">
	45	+ <div class="pop-header">
	46	+ <h1>자유게시판 추가</h1>
	47	+ <p>자유 게시판을 생성할 수 있습니다. 생성 후 게시판 사용 멤버를 지정할 수 있습니다.</p>
	48	+ </div>
	49	+ <div class="pop-body">
	50	+ <div class="fnc-area">
	51	+ <div class="r-area">
	52	+ <p class="msg">
	53	+ <i class="required">
	54	+ *
	55	+ <span class="txt-hide">필수</span>
	56	+ </i>
	57	+ 필수 입력
	58	+ </p>
	59	+ </div>
	60	+ </div>
	61	+ <div class="write-type">
	62	+ <table>
	63	+ <caption>자유게시판 정보 입력</caption>
	64	+ <colgroup>
	65	+ <col style="width: 160px" />
	66	+ <col />
	67	+ </colgroup>
	68	+ <tbody>
	69	+ <tr>
	70	+ <th scope="row">
	71	+ 게시판 이름
	72	+ <i class="required">필수</i>
	73	+ </th>
	74	+ <td>
	75	+ <input type="text" placeholder="게시판의 이름을 입력하세요" title="게시판의 이름을 입력하세요" class="q4" />
	76	+ </td>
	77	+ </tr>
	78	+ <tr>
	79	+ <th scope="row">댓글 사용여부</th>
	80	+ <td>
	81	+ <div class="checkradio-area">
	82	+ <div class="checkradio">
	83	+ <input type="radio" name="r1" id="r1-1" checked />
	84	+ <label for="r1-1">사용</label>
	85	+ </div>
	86	+ <div class="checkradio">
	87	+ <input type="radio" name="r1" id="r1-2" />
	88	+ <label for="r1-2">미사용</label>
	89	+ </div>
	90	+ </div>
	91	+ </td>
	92	+ </tr>
	93	+ <tr>
	94	+ <th scope="row">사용인원 선택</th>
	95	+ <td>
	96	+ <fieldset class="checkradio-area dir-col">
	97	+ <legend>사용인원 선택</legend>
	98	+ <div class="checkradio">
	99	+ <input type="radio" name="r2" id="r2-1" checked />
	100	+ <label for="r2-1">전체</label>
	101	+ </div>
	102	+ <div class="checkradio">
	103	+ <input type="radio" name="r2" id="r2-2" />
	104	+ <label for="r2-2">모둠 선택</label>
	105	+ <div class="checkradio-option">
	106	+ <select title="모둠선택">
	107	+ <option>모둠 선택</option>
	108	+ </select>
	109	+ <div class="chip-area q4">
	110	+ <span class="chip-tag">
	111	+ 홍길동
	112	+ <button type="button" class="ico-close">삭제</button>
	113	+ </span>
	114	+ <span class="chip-tag">
	115	+ 홍길동
	116	+ <button type="button" class="ico-close">삭제</button>
	117	+ </span>
	118	+ </div>
	119	+ </div>
	120	+ </div>
	121	+ <div class="checkradio">
	122	+ <input type="radio" name="r2" id="r2-3" />
	123	+ <label for="r2-3">인원지정</label>
	124	+ <div class="checkradio-option">
	125	+ <select title="인원지정">
	126	+ <option>수강생 리스트 중 선택</option>
	127	+ </select>
	128	+ <div class="chip-area q4">
	129	+ <span class="chip-tag">
	130	+ 홍길동
	131	+ <button type="button" class="ico-close">삭제</button>
	132	+ </span>
	133	+ <span class="chip-tag">
	134	+ 홍길동
	135	+ <button type="button" class="ico-close">삭제</button>
	136	+ </span>
	137	+ </div>
	138	+ </div>
	139	+ </div>
	140	+ </fieldset>
	141	+ </td>
	142	+ </tr>
	143	+ </tbody>
	144	+ </table>
	145	+ </div>
	146	+ </div>
	147	+
	148	+ <div class="pop-footer">
	149	+ <div class="pop-btn-cont">
	150	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	151	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button>
	152	+ </div>
	153	+ </div>
	154	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	155	+ </div>
	156	+
	157	+ <!-- toast -->
	158	+ <div class="toast"></div>
	159	+
	160	+ <!--popup-->
	161	+ <div class="dim"></div>
	162	+
	163	+ <script>
	164	+ $(document).ready(function () {
	165	+ popupOpenPub('popupmodal');
	166	+ });
	167	+ </script>
	168	+ </body>
	169	+</html>

4ccf28a

b2dd157

html/onSejong/manager/class/pop_boardSetting.html

--- html/onSejong/manager/class/pop_boardSetting.html

+++ html/onSejong/manager/class/pop_boardSetting.html


 			<div class="pop-footer">
 				<div class="pop-btn-cont">
 					<button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
-					<button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button>
+					<button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">수정</button>
 				</div>
 			</div>
 			<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>

4ccf28a

b2dd157

html/onSejong/manager/class/pop_cancelWrite.html

--- html/onSejong/manager/class/pop_cancelWrite.html

+++ html/onSejong/manager/class/pop_cancelWrite.html


 				<p>폐강되는 사유를 입력하세요.</p>
 			</div>
 			<div class="pop-body">
-				<textarea placeholder="텍스트를 입력하세요." title="텍스트 입력"></textarea>
+				<textarea placeholder="텍스트를 입력하세요." title="텍스트를 입력하세요."></textarea>
 			</div>
 
 			<div class="pop-footer">

b2dd157

html/onSejong/manager/class/pop_rejectReason.html (added)

+++ html/onSejong/manager/class/pop_rejectReason.html

...	...	@@ -0,0 +1,74 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	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="popup-modal sm" data-popuppub="popupmodal">
	45	+ <div class="pop-header">
	46	+ <h1>거절사유</h1>
	47	+ <p>거절되는 사유를 입력하세요.</p>
	48	+ </div>
	49	+ <div class="pop-body">
	50	+ <textarea placeholder="인원초과로 거절합니다. 분반으로 신규 과정을 개설하여 초대합니다. 등" title="거절 사유 입력"></textarea>
	51	+ </div>
	52	+
	53	+ <div class="pop-footer">
	54	+ <div class="pop-btn-cont">
	55	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	56	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button>
	57	+ </div>
	58	+ </div>
	59	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	60	+ </div>
	61	+
	62	+ <!-- toast -->
	63	+ <div class="toast"></div>
	64	+
	65	+ <!--popup-->
	66	+ <div class="dim"></div>
	67	+
	68	+ <script>
	69	+ $(document).ready(function () {
	70	+ popupOpenPub('popupmodal');
	71	+ });
	72	+ </script>
	73	+ </body>
	74	+</html>

b2dd157

html/onSejong/manager/class/pop_studentFind.html (added)

+++ html/onSejong/manager/class/pop_studentFind.html

...	...	@@ -0,0 +1,142 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	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="popup-modal" data-popuppub="popupmodal">
	45	+ <div class="pop-header">
	46	+ <h1>학생 찾기</h1>
	47	+ </div>
	48	+ <div class="pop-body">
	49	+ <div class="fnc-area">
	50	+ <div class="l-area">
	51	+ <p class="total">
	52	+ 검색결과
	53	+ <em>156</em>
	54	+ 명
	55	+ </p>
	56	+ </div>
	57	+ <div class="r-area">
	58	+ <fieldset class="search-area">
	59	+ <legend>검색</legend>
	60	+ <div class="search">
	61	+ <input type="text" placeholder="이름, 아이디로 검색하세요." title="검색어 입력" />
	62	+ <button class="btn ico-search">검색</button>
	63	+ </div>
	64	+ </fieldset>
	65	+ </div>
	66	+ </div>
	67	+ <ul class="border-list">
	68	+ <li>
	69	+ <div class="l-area">
	70	+ <div class="checkradio">
	71	+ <input type="radio" name="r1" id="r1-1" title="선택" />
	72	+ <label for="r1-1"></label>
	73	+ </div>
	74	+ <div class="profile">
	75	+ <div class="img-area">
	76	+ <figure>
	77	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	78	+ </figure>
	79	+ </div>
	80	+ <div class="txt-area">
	81	+ <strong class="profile-tit">나학생 (id_12345)</strong>
	82	+ <span>OO고등학교 2학년 1반 6번</span>
	83	+ </div>
	84	+ </div>
	85	+ </div>
	86	+ <div class="r-area">
	87	+ <span class="label secondary">학생</span>
	88	+ </div>
	89	+ </li>
	90	+ <li>
	91	+ <div class="l-area">
	92	+ <div class="checkradio">
	93	+ <input type="radio" name="r1" id="r1-2" title="선택" />
	94	+ <label for="r1-2"></label>
	95	+ </div>
	96	+ <div class="profile">
	97	+ <div class="img-area">
	98	+ <figure>
	99	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	100	+ </figure>
	101	+ </div>
	102	+ <div class="txt-area">
	103	+ <strong class="profile-tit">나선생 (id_12345)</strong>
	104	+ <span>조직명 표시</span>
	105	+ </div>
	106	+ </div>
	107	+ </div>
	108	+ <div class="r-area">
	109	+ <span class="label primary">선생님</span>
	110	+ </div>
	111	+ </li>
	112	+ </ul>
	113	+ <div class="txt-none">
	114	+ <figure>
	115	+ <img src="../../../../resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" />
	116	+ </figure>
	117	+ <p>검색결과가 없습니다.</p>
	118	+ </div>
	119	+ </div>
	120	+
	121	+ <div class="pop-footer">
	122	+ <div class="pop-btn-cont">
	123	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	124	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">초대하기</button>
	125	+ </div>
	126	+ </div>
	127	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	128	+ </div>
	129	+
	130	+ <!-- toast -->
	131	+ <div class="toast"></div>
	132	+
	133	+ <!--popup-->
	134	+ <div class="dim"></div>
	135	+
	136	+ <script>
	137	+ $(document).ready(function () {
	138	+ popupOpenPub('popupmodal');
	139	+ });
	140	+ </script>
	141	+ </body>
	142	+</html>

4ccf28a

b2dd157

html/onSejong/manager/myclass/classList.html

--- html/onSejong/manager/myclass/classList.html

+++ html/onSejong/manager/myclass/classList.html


                                 <fieldset class="search-area">
                                     <legend>검색</legend>
                                     <div class="search">
-                                        <input type="text" placeholder="과정명으로 검색하세요." title="콘텐츠 제목으로 검색하세요." />
+                                        <input type="text" placeholder="과정명으로 검색하세요." title="과정명으로 검색하세요." />
                                         <button class="btn ico-search">검색</button>
                                     </div>
                                 </fieldset>

                                         <th scope="col">수업시간</th>
 										<th scope="col">
 											수강인원
-											<br />
+											<br>
 											<small class="txt-option block">(청강인원)/총인원</small>
 										</th>
 										<th scope="col">
                                             관리
                                             <div class="tooltip">
-                                                <button type="button" class="btn-tooltip"><i class="ico-info"></i></button>
+                                                <button type="button" class="btn-tooltip"><i class="ico-info">툴팁</i></button>
                                                 <div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
                                             </div>
                                         </th>

                                         <td data-tit="수강인원">-(-)/25</td>
                                         <td>
                                             <div class="tbl-btn-cont">
-                                                <button type="button" class="btn sm ico-mortarboard circle"></button>
-                                                <button type="button" class="btn sm ico-delete circle"></button>
+                                                <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
+                                                <button type="button" class="btn sm ico-delete circle">삭제</button>
                                             </div>
                                         </td>
                                     </tr>

                                         <td data-tit="수강인원">7(2)/20</td>
                                         <td>
                                             <div class="tbl-btn-cont">
-                                                <button type="button" class="btn sm ico-mortarboard circle"></button>
-                                                <button type="button" class="btn sm ico-delete circle"></button>
+                                                <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
+                                                <button type="button" class="btn sm ico-delete circle">삭제</button>
                                             </div>
                                         </td>
                                     </tr>

                                         <td data-tit="수강인원">-(-)/25</td>
                                         <td>
                                             <div class="tbl-btn-cont">
-                                                <button type="button" class="btn sm ico-mortarboard circle"></button>
-                                                <button type="button" class="btn sm ico-delete circle"></button>
+                                                <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
+                                                <button type="button" class="btn sm ico-delete circle">삭제</button>
                                             </div>
                                         </td>
                                     </tr>

4ccf28a

b2dd157

html/onSejong/manager/myclass/completionProcess.html

--- html/onSejong/manager/myclass/completionProcess.html

+++ html/onSejong/manager/myclass/completionProcess.html


                             </div>
                         </section>
                         <section class="section">
+                            <h3 class="txt-hide">과정 목록</h3>
                             <div class="fnc-extend-area">
                                 <div class="extend-default-area">
-                                    <div class="l-area">
-                                        <h3 class="txt-hide">과정 목록</h3>
-                                    </div>
                                     <div class="l-area">
                                         <p class="total">
                                             총

                                             <label for="chk_all">선택</label>
                                         </div>
                                         <div class="btn-group">
-                                            <button class="btn xsm">미이수</button>
-                                            <button class="btn xsm">이수</button>
+                                            <button class="btn sm">미이수</button>
+                                            <button class="btn sm">이수</button>
                                         </div>
                                     </div>
                                 </div>

                                             <td data-tit="성명">김세연</td>
                                             <td data-tit="상태(처리날짜)">-<br>(-)</td>
                                             <td>
-                                                <div>
-                                                    <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                                <div class="txt-count-area">
+                                                    <textarea title="텍스트 입력" placeholder="내용을 입력하세요."></textarea>
+                                                    <div class="txt-count"><strong>0</strong>/<span>250</span>자</div>
                                                 </div>
                                             </td>
                                         </tr>

                                             <td data-tit="성명">김세연</td>
                                             <td data-tit="상태(처리날짜)">이수<br>(YYYY-MM-DD)</td>
                                             <td>
-                                                <div>
-                                                    <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                                <div class="txt-count-area">
+                                                    <textarea title="텍스트 입력" placeholder="내용을 입력하세요."></textarea>
+                                                    <div class="txt-count"><strong>0</strong>/<span>250</span>자</div>
                                                 </div>
                                             </td>
                                         </tr>

                                             <td data-tit="성명">김세연</td>
                                             <td data-tit="상태(처리날짜)">이수<br>(YYYY-MM-DD)</td>
                                             <td>
-                                                <div>
-                                                    <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                                <div class="txt-count-area">
+                                                    <textarea title="텍스트 입력" placeholder="내용을 입력하세요."></textarea>
+                                                    <div class="txt-count"><strong>0</strong>/<span>250</span>자</div>
                                                 </div>
                                             </td>
                                         </tr>

         <div class="toast"></div>
         <!--popup-->
         <div class="dim"></div>
+
+        <script>
+            $(document).ready(function () {
+                $(".txt-count-area").each(function () {
+                    const $txtcountarea = $(this);
+                    const $textarea = $txtcountarea.find('textarea, input');
+                    const $countarea = $txtcountarea.find('.txt-count');
+                    const $countStrong = $countarea.find("strong");
+                    const $maxCountSpan = $countarea.find("span");
+
+                    const maxLength = parseInt($maxCountSpan.text(), 10);
+
+                    const initialLength = $textarea.val().length;
+                    $countStrong.text(initialLength);
+
+                    $textarea.on("input", function () {
+                        const currentLength = $(this).val().length;
+                        $countStrong.text(currentLength);
+                        if (currentLength > maxLength) {
+                            $(this).val($(this).val().substring(0, maxLength));
+                            $countStrong.text(maxLength);
+                            toastShow('최대 글자 수를 초과했습니다.');
+                        }
+                    });
+                });
+            });
+        </script>
     </body>
 </html>

4ccf28a

b2dd157

html/onSejong/manager/myclass/gradeInput.html

--- html/onSejong/manager/myclass/gradeInput.html

+++ html/onSejong/manager/myclass/gradeInput.html


 <!DOCTYPE html>
 <html lang="ko">
-	<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" />
-		<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/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-->
-		<!-- 공통 메뉴 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>
+    <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" />
+        <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/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-->
+        <!-- 공통 메뉴 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>
 
-	<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="wrap">
-					<aside class="lnb"></aside>
-					<div class="site-cont">
-						<ul class="breadcrumb">
-							<li><a href="#none" class="home">홈</a></li>
-							<li><a href="#none">1depth</a></li>
-							<li><a href="#none">2depth</a></li>
-						</ul>
-						<div class="page-tit-area">
-							<div class="l-area">
-								<h2 class="title-xlg">성적직접관리</h2>
-							</div>
-						</div>
+    <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="wrap">
+                    <aside class="lnb"></aside>
+                    <div class="site-cont">
+                        <ul class="breadcrumb">
+                            <li><a href="#none" class="home">홈</a></li>
+                            <li><a href="#none">1depth</a></li>
+                            <li><a href="#none">2depth</a></li>
+                        </ul>
+                        <div class="page-tit-area">
+                            <div class="l-area">
+                                <h2 class="title-xlg">성적직접관리</h2>
+                            </div>
+                        </div>
                         <section class="section">
                             <div class="section-tit-area">
                                 <div class="l-area">
                                     <h3 class="txt-hide">평가 상세</h3>
                                 </div>
                                 <div class="r-area">
-                                    <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
+                                    <p class="msg">
+                                        <i class="required">*<span class="txt-hide">필수</span></i> 필수 입력
+                                    </p>
                                 </div>
                             </div>
                             <div class="write-type">
                                 <table>
-                                    <caption>평가 상세</caption>
+                                    <caption>
+                                        평가 상세
+                                    </caption>
                                     <colgroup>
-                                        <col style="width: 160px">
-                                        <col>
+                                        <col style="width: 160px" />
+                                        <col />
                                     </colgroup>
                                     <tbody>
                                         <tr>
-                                            <th scope="row">평가명<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <th scope="row">
+                                                평가명<i class="required">*<span class="txt-hide">필수</span></i>
+                                            </th>
                                             <td>
-                                                <input type="text" title="인풋박스" class="q4" placeholder="평가명을 입력하세요.">
+                                                <input
+                                                    type="text"
+                                                    title="평가명을 입력하세요."
+                                                    class="q4"
+                                                    placeholder="평가명을 입력하세요."
+                                                />
                                             </td>
                                         </tr>
                                         <tr>

                                 </table>
                             </div>
                         </section>
-						<section class="section">
-						    <div class="fnc-area">
+                        <section class="section last">
+                            <div class="fnc-area">
                                 <div class="l-area">
                                     <h3 class="txt-hide">성적직접관리</h3>
                                 </div>
-    							<div class="l-area">
-    								<p>총 <em>00</em> 건</p>
-    							</div>
-    							<div class="r-area">
+                                <div class="l-area">
+                                    <p>총 <em>00</em> 건</p>
+                                </div>
+                                <div class="r-area">
                                     <fieldset class="search-area">
                                         <legend>검색</legend>
                                         <div class="search">

                                         </div>
                                     </fieldset>
                                 </div>
-    						</div>
-    					    <div class="list-type">
+                            </div>
+                            <div class="list-type">
                                 <table>
-                                    <caption>성적직접관리 상세</caption>
+                                    <caption>
+                                        성적직접관리 상세
+                                    </caption>
                                     <thead>
                                         <tr>
                                             <th scope="col">연번</th>

                                             <td data-tit="번호">3</td>
                                             <td data-tit="이름">김세연</td>
                                             <td data-tit="점수입력(점)">
-                                                <input type="number" title="점수 입력">
+                                                <input type="number" title="점수 입력" />
                                             </td>
                                         </tr>
                                         <tr>

                                             <td data-tit="번호">2</td>
                                             <td data-tit="이름">김세연</td>
                                             <td data-tit="점수입력(점)">
-                                                <input type="number" title="점수 입력">
+                                                <input type="number" title="점수 입력" />
                                             </td>
                                         </tr>
                                         <tr>

                                             <td data-tit="번호">1</td>
                                             <td data-tit="이름">김세연</td>
                                             <td data-tit="점수입력(점)">
-                                                <input type="number" title="점수 입력">
+                                                <input type="number" title="점수 입력" />
                                             </td>
                                         </tr>
                                     </tbody>
                                 </table>
                             </div>
-						</section>
-                        <div class="btn-flex-cont">
-                            <div class="l-area">
-                                <a href="#none" class="btn lg">목록</a>
-                                <a href="#none" class="btn lg danger">삭제</a>
-                            </div>
-                            <div class="r-area">
-                                <button type="submit" class="btn lg primary">저장</button>
-                            </div>
+                        </section>
+                        <div class="btn-fnc-cont align-left">
+                            <button class="btn sm danger">삭제</button>
                         </div>
-					</div>
-				</div>
-			</div>
-			<footer class="site-footer"></footer>
-		</div>
-		<!-- toast -->
-		<div class="toast"></div>
-		<!--popup-->
-		<div class="dim"></div>
-	</body>
+                        <div class="btn-cont">
+                            <button class="btn lg">목록</button>
+                            <button type="submit" class="btn lg primary">저장</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
 </html>

4ccf28a

b2dd157

html/onSejong/manager/myclass/gradeManage.html

--- html/onSejong/manager/myclass/gradeManage.html

+++ html/onSejong/manager/myclass/gradeManage.html


                             </table>
                         </div>
                         <div class="btn-cont">
-							<a href="#none" class="btn lg">목록</a>
-							<a href="#none" class="btn lg primary">저장</a>
-						</div>
+                            <button class="btn lg">목록</button>
+                            <button class="btn lg primary">저장</button>
+                        </div>
 					</div>
 				</div>
 			</div>

4ccf28a

b2dd157

html/onSejong/manager/myclass/pop_homeworkScoreView.html

--- html/onSejong/manager/myclass/pop_homeworkScoreView.html

+++ html/onSejong/manager/myclass/pop_homeworkScoreView.html


                                             <input type="checkbox" name="c1" id="c1-1" />
                                             <label for="c1-1">A등급</label>
                                             <div class="input-mum-area">
-                                                <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
-                                                <input type="number" class="input-num" title="점수 입력" /> 점까지
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
+                                                ~
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
                                             </div>
                                         </div>
                                     </fieldset>

                                             <input type="checkbox" name="c1" id="c1-2" />
                                             <label for="c1-2">A등급</label>
                                             <div class="input-mum-area">
-                                                <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
-                                                <input type="number" class="input-num" title="점수 입력" /> 점까지
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
+                                                ~
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
                                             </div>
                                         </div>
                                     </fieldset>

                                             <input type="checkbox" name="c1" id="c1-3" />
                                             <label for="c1-3">B등급</label>
                                             <div class="input-mum-area">
-                                                <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
-                                                <input type="number" class="input-num" title="점수 입력" /> 점까지
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
+                                                ~
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
                                             </div>
                                         </div>
                                     </fieldset>

                                             <input type="checkbox" name="c1" id="c1-4" />
                                             <label for="c1-4">C등급</label>
                                             <div class="input-mum-area">
-                                                <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
-                                                <input type="number" class="input-num" title="점수 입력" /> 점까지
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
+                                                ~
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
                                             </div>
                                         </div>
                                     </fieldset>

                                             <input type="checkbox" name="c1" id="c1-5" />
                                             <label for="c1-5">D등급</label>
                                             <div class="input-mum-area">
-                                                <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
-                                                <input type="number" class="input-num" title="점수 입력" /> 점까지
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
+                                                ~
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
                                             </div>
                                         </div>
                                     </fieldset>

                                             <input type="checkbox" name="c1" id="c1-6" />
                                             <label for="c1-6">E등급</label>
                                             <div class="input-mum-area">
-                                                <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
-                                                <input type="number" class="input-num" title="점수 입력" /> 점까지
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
+                                                ~
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
                                             </div>
                                         </div>
                                     </fieldset>

4ccf28a

b2dd157

html/onSejong/manager/myclass/pop_homeworkSubmitList.html

--- html/onSejong/manager/myclass/pop_homeworkSubmitList.html

+++ html/onSejong/manager/myclass/pop_homeworkSubmitList.html


 				<h1>과제 제출 리스트 </h1>
 			</div>
 			<div class="pop-body">
-                <div class="fnc-area">
+                <div class="flex-area">
                     <div class="l-area">
-                        <select title="과제명 선택">
-                            <option>이거 위치 어디에 놔요..?</option>
+                        <select class="flex1" title="과제명 선택">
+                            <option>과제명 선택</option>
                         </select>
-                        <button type="button" class="btn primary">확인</button>
                     </div>
                 </div>
 				<div class="fnc-extend-area">

4ccf28a

b2dd157

html/onSejong/manager/myclass/pop_schedule.html

--- html/onSejong/manager/myclass/pop_schedule.html

+++ html/onSejong/manager/myclass/pop_schedule.html

...	...	@@ -41,7 +41,7 @@
41	41	</head>
42	42
43	43	<body>
44		- <div class="popup-modal sm" data-popuppub="popupmodal">
	44	+ <div class="popup-modal" data-popuppub="popupmodal">
45	45	<div class="pop-header">
46	46	<h1>일정보기</h1>
47	47	</div>
...	...	@@ -52,8 +52,10 @@
52	52	<span class="label lg primary">수업</span>
53	53	<div class="txt-area">
54	54	<strong>과정명_인공지능수학 1</strong>
55		- <small><i class="ico-calendar"></i> 2025-09-01 ~2025-09-09</small>
56		- <span>제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시</span>
	55	+ <small><i class="ico-calendar"></i> 2025-09-01 ~ 2025-09-09</small>
	56	+ <div class="txt">
	57	+ 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시
	58	+ </div>
57	59	</div>
58	60	</li>
59	61	<li>
...	...	@@ -61,8 +63,10 @@
61	63	<span class="label lg success">과제</span>
62	64	<div class="txt-area">
63	65	<strong>과정명_인공지능수학 2</strong>
64		- <small><i class="ico-calendar"></i> 2025-09-01 ~2025-09-09</small>
65		- <p>제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시</p>
	66	+ <small><i class="ico-calendar"></i> 2025-09-01 ~ 2025-09-09</small>
	67	+ <div class="txt">
	68	+ 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시
	69	+ </div>
66	70	</div>
67	71	</li>
68	72	<li>
...	...	@@ -70,8 +74,10 @@
70	74	<span class="label lg info">평가</span>
71	75	<div class="txt-area">
72	76	<strong>과정명_인공지능수학 1</strong>
73		- <small><i class="ico-calendar"></i> 2025-09-01 ~2025-09-09</small>
74		- <p>제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시</p>
	77	+ <small><i class="ico-calendar"></i> 2025-09-01 ~ 2025-09-09</small>
	78	+ <div class="txt">
	79	+ 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시 제목을 표시하는 곳 말줄임 없이 N줄로 모두 표시
	80	+ </div>
75	81	</div>
76	82	</li>
77	83	<li>
...	...	@@ -80,7 +86,9 @@
80	86	<div class="txt-area">
81	87	<strong>김세종 선생님</strong>
82	88	<small><i class="ico-calendar"></i> 2025-09-01 ~ 2025-09-02 14:00 ~ 16:00 </small>
83		- <p>학교 행사로 단축수업</p>
	89	+ <div class="txt">
	90	+ 학교 행사로 단축수업
	91	+ </div>
84	92	</div>
85	93	</li>
86	94	</ul>

4ccf28a

b2dd157

html/onSejong/manager/myclass/pop_scheduleWrite.html

--- html/onSejong/manager/myclass/pop_scheduleWrite.html

+++ html/onSejong/manager/myclass/pop_scheduleWrite.html


 				<h1>일정 등록</h1>
 			</div>
 			<div class="pop-body">
-                <div class="section-tit-area">
+                <div class="fnc-area">
                     <div class="r-area">
                         <p class="msg">
                             <i class="required">

4ccf28a

b2dd157

html/onSejong/manager/myclass/pop_studentReflection.html

--- html/onSejong/manager/myclass/pop_studentReflection.html

+++ html/onSejong/manager/myclass/pop_studentReflection.html

...	...	@@ -91,40 +91,20 @@
91	91	</tr>
92	92	<tr>
93	93	<th scope="row">활동내용</th>
94		- <td>
95		- 안녕하세요~ 이민서입니다. <br>
96		- 인공지능과 수학은 막연하게 어렵겠지 생각해서 고민이 많았습니다.<br>
97		- 친구들과 선생님과 함께 수업하니 예상보단 어렵지 않았어요~<br>
98		- 쳇GPT 수업시간에 써볼 수 있어서 재미 있었습니다.<br>
99		- 감사합니다!! ^^<br><br>
100		- (학생이 수업종료 및 학습성찰에서 작성한 내용 노출)
101		- </td>
	94	+ <td>학생이 수업종료 및 학습성찰에서 작성한 내용 노출</td>
102	95	</tr>
103	96	<tr>
104	97	<th scope="row">참고문헌</th>
105		- <td>
106		- 학생이 작성한 참고 문헌들이 모두 보여집니다.<br>
107		- 1. 과학실험을 위한 참고서<br>
108		- 2. 과학실험을 위한 보고서<br>
109		- 3. 기타 등등
110		- </td>
	98	+ <td>학생이 작성한 참고 문헌들이 모두 보여집니다.</td>
111	99	</tr>
112	100	<tr>
113	101	<th scope="row">배운점</th>
114		- <td>
115		- 안녕하세요~ 이민서입니다.
116		- 인공지능과 수학은 막연하게 어렵겠지 생각해서 고민이 많았습니다.
117		- 친구들과 선생님과 함께 수업하니 예상보단 어렵지 않았어요~
118		- 쳇GPT 수업시간에 써볼 수 있어서 재미 있었습니다.
119		- 감사합니다!! ^^
120		-
121		- (학생이 수업종료 및 학습성찰에서 작성한 내용 노출)
122		- </td>
	102	+ <td>학생이 수업종료 및 학습성찰에서 작성한 내용 노출</td>
123	103	</tr>
124	104	<tr>
125	105	<th scope="row">선생님 의견</th>
126	106	<td>
127		- <textarea placeholder="내용을 입력하세요." title="의견 입력"></textarea>
	107	+ <textarea placeholder="내용을 입력하세요." title="선생님 의견 입력"></textarea>
128	108	</td>
129	109	</tr>
130	110	</tbody>

4ccf28a

b2dd157

html/onSejong/manager/myclass/studyReflection.html

--- html/onSejong/manager/myclass/studyReflection.html

+++ html/onSejong/manager/myclass/studyReflection.html


                                         <td data-tit="등록일">2025-10-12</td>
                                         <td>
                                             <div class="btn-tbl-cont">
-                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                                <button type="button" class="btn sm secondary">내용 보기</button>
                                             </div>
                                         </td>
                                     </tr>

                                         <td data-tit="등록일">2025-10-12</td>
                                         <td>
                                             <div class="btn-tbl-cont">
-                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                                <button type="button" class="btn sm secondary">내용 보기</button>
                                             </div>
                                         </td>
                                     </tr>

                                         <td data-tit="등록일">2025-10-12</td>
                                         <td>
                                             <div class="btn-tbl-cont">
-                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                                <button type="button" class="btn sm secondary">내용 보기</button>
                                             </div>
                                         </td>
                                     </tr>

                                         <td data-tit="등록일">2025-10-12</td>
                                         <td>
                                             <div class="btn-tbl-cont">
-                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                                <button type="button" class="btn sm secondary">내용 보기</button>
                                             </div>
                                         </td>
                                     </tr>

4ccf28a

b2dd157

html/onSejong/manager/myclass/surveyManage.html

--- html/onSejong/manager/myclass/surveyManage.html

+++ html/onSejong/manager/myclass/surveyManage.html

...	...	@@ -100,7 +100,9 @@
100	100	<tbody>
101	101	<tr>
102	102	<td>3</td>
103		- <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
	103	+ <td>
	104	+ <a href="#none" class="table-title">설문제목이 표시되는 영역 긴 글인 경우 말줄임</a>
	105	+ </td>
104	106	<td data-tit="설문 문항 수">12</td>
105	107	<td data-tit="설문 응답기간">
106	108	<span class="label-state blue">진행중</span>
...	...	@@ -111,8 +113,7 @@
111	113	<td data-tit="등록일">2025-10-12</td>
112	114	<td>
113	115	<div class="tbl-btn-cont">
114		- <button type="button" class="btn sm ico-openinnew circle"></button>
115		- <button type="button" class="btn sm ico-chart circle"></button>
	116	+ <button type="button" class="btn sm secondary">결과보기</button>
116	117	</div>
117	118	</td>
118	119	<td>
...	...	@@ -128,7 +129,9 @@
128	129	</tr>
129	130	<tr>
130	131	<td>2</td>
131		- <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
	132	+ <td>
	133	+ <a href="#none" class="table-title">설문제목이 표시되는 영역 긴 글인 경우 말줄임</a>
	134	+ </td>
132	135	<td data-tit="설문 문항 수">12</td>
133	136	<td data-tit="설문 응답기간">
134	137	<span class="label-state">대기</span>
...	...	@@ -139,8 +142,7 @@
139	142	<td data-tit="등록일">2025-10-12</td>
140	143	<td>
141	144	<div class="tbl-btn-cont">
142		- <button type="button" class="btn sm ico-openinnew circle"></button>
143		- <button type="button" class="btn sm ico-chart circle"></button>
	145	+ <button type="button" class="btn sm secondary">결과보기</button>
144	146	</div>
145	147	</td>
146	148	<td>
...	...	@@ -156,7 +158,9 @@
156	158	</tr>
157	159	<tr>
158	160	<td>1</td>
159		- <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
	161	+ <td>
	162	+ <a href="#none" class="table-title">설문제목이 표시되는 영역 긴 글인 경우 말줄임</a>
	163	+ </td>
160	164	<td data-tit="설문 문항 수">12</td>
161	165	<td data-tit="설문 응답기간">
162	166	<span class="label-state red">종료</span>
...	...	@@ -167,8 +171,7 @@
167	171	<td data-tit="등록일">2025-10-12</td>
168	172	<td>
169	173	<div class="tbl-btn-cont">
170		- <button type="button" class="btn sm ico-openinnew circle"></button>
171		- <button type="button" class="btn sm ico-chart circle"></button>
	174	+ <button type="button" class="btn sm secondary">결과보기</button>
172	175	</div>
173	176	</td>
174	177	<td>

4ccf28a

b2dd157

html/onSejong/manager/myclass/surveyViewResult.html

--- html/onSejong/manager/myclass/surveyViewResult.html

+++ html/onSejong/manager/myclass/surveyViewResult.html

...	...	@@ -80,6 +80,11 @@
80	80	2024.01.01
81	81	</div>
82	82	</li>
	83	+ <li>
	84	+ <div class="txt-area">
	85	+ 공개
	86	+ </div>
	87	+ </li>
83	88	</ul>
84	89	</div>
85	90	<div class="r-area">
...	...	@@ -90,43 +95,6 @@
90	95	</div>
91	96	</header>
92	97	</section>
93		- <div class="list-type">
94		- <table>
95		- <caption>과정이수처리 상세</caption>
96		- <colgroup>
97		- <col style="width: 320px;">
98		- <col style="width: 80px;">
99		- <col style="width: 260px;">
100		- <col>
101		- <col>
102		- <col>
103		- </colgroup>
104		- <thead>
105		- <tr>
106		- <th scope="row">제목</th>
107		- <th scope="row">설문<br>문항 수</th>
108		- <th scope="row">설문 응답기간</th>
109		- <th scope="row">응답 인원</th>
110		- <th scope="row">공개여부</th>
111		- <th scope="row">작성자</th>
112		- </tr>
113		- </thead>
114		- <tbody>
115		- <tr>
116		- <td class="align-left">설문제목이 표시되는 영역</td>
117		- <td>12</td>
118		- <td>
119		- <span class="label-state">종료</span>
120		- <br>
121		- 2025-09-01~2025-09-30
122		- </td>
123		- <td>999,999</td>
124		- <td>공개</td>
125		- <td>관리자id</td>
126		- </tr>
127		- </tbody>
128		- </table>
129		- </div>
130	98	<ul class="tabs-nav-lg">
131	99	<li><a href="#none" class="is-active" title="선택됨">전체요약</a></li>
132	100	<li><a href="#none">개별응답</a></li>
...	...	@@ -291,9 +259,6 @@
291	259	</div>
292	260	</div>
293	261	</section>
294		- <div class="btn-cont">
295		- <a href="#none" class="btn lg">목록</a>
296		- </div>
297	262	</div>
298	263	</div>
299	264	</div>

4ccf28a

b2dd157

html/onSejong/manager/myclass/surveyViewResult_each.html

--- html/onSejong/manager/myclass/surveyViewResult_each.html

+++ html/onSejong/manager/myclass/surveyViewResult_each.html

...	...	@@ -80,6 +80,11 @@
80	80	2024.01.01
81	81	</div>
82	82	</li>
	83	+ <li>
	84	+ <div class="txt-area">
	85	+ 공개
	86	+ </div>
	87	+ </li>
83	88	</ul>
84	89	</div>
85	90	<div class="r-area">
...	...	@@ -90,46 +95,9 @@
90	95	</div>
91	96	</header>
92	97	</section>
93		- <div class="list-type">
94		- <table>
95		- <caption>과정이수처리 상세</caption>
96		- <colgroup>
97		- <col style="width: 320px;">
98		- <col style="width: 80px;">
99		- <col style="width: 260px;">
100		- <col>
101		- <col>
102		- <col>
103		- </colgroup>
104		- <thead>
105		- <tr>
106		- <th scope="row">제목</th>
107		- <th scope="row">설문<br>문항 수</th>
108		- <th scope="row">설문 응답기간</th>
109		- <th scope="row">응답 인원</th>
110		- <th scope="row">공개여부</th>
111		- <th scope="row">작성자</th>
112		- </tr>
113		- </thead>
114		- <tbody>
115		- <tr>
116		- <td class="align-left">설문제목이 표시되는 영역</td>
117		- <td>12</td>
118		- <td>
119		- <span class="label-state">종료</span>
120		- <br>
121		- 2025-09-01~2025-09-30
122		- </td>
123		- <td>999,999</td>
124		- <td>공개</td>
125		- <td>관리자id</td>
126		- </tr>
127		- </tbody>
128		- </table>
129		- </div>
130	98	<ul class="tabs-nav-lg">
131		- <li><a href="#none" class="is-active" title="선택됨">전체요약</a></li>
132		- <li><a href="#none">개별응답</a></li>
	99	+ <li><a href="#none">전체요약</a></li>
	100	+ <li><a href="#none" class="is-active" title="선택됨">개별응답</a></li>
133	101	</ul>
134	102	<section class="section">
135	103	<header class="section-tit-area">
...	...	@@ -140,23 +108,25 @@
140	108	</div>
141	109	</div>
142	110	</header>
143		- <div class="fnc-extend-area">
144		- <div class="extend-default-area">
145		- <div class="l-area">
146		- <p class="total">총 <em>156</em>건</p>
147		- </div>
148		- <div class="r-area">
149		- <fieldset class="search-area">
150		- <legend>검색</legend>
151		- <div class="search">
152		- <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요">
153		- <button class="btn ico-search">검색</button>
154		- </div>
155		- </fieldset>
156		- </div>
157		- </div>
158		- </div>
159		- <div class="list-type table-sticky" data-sot-left="3">
	111	+ <div class="fnc-area">
	112	+ <div class="l-area">
	113	+ <p class="total">
	114	+ 총
	115	+ <em>156</em>
	116	+ 건
	117	+ </p>
	118	+ </div>
	119	+ <div class="r-area">
	120	+ <fieldset class="search-area">
	121	+ <legend>검색</legend>
	122	+ <div class="search">
	123	+ <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
	124	+ <button class="btn ico-search">검색</button>
	125	+ </div>
	126	+ </fieldset>
	127	+ </div>
	128	+ </div>
	129	+ <div class="list-type scroll-x">
160	130	<table>
161	131	<caption>개별응답</caption>
162	132	<colgroup>

4ccf28a

b2dd157

html/onSejong/manager/myclass/surveyView_popWin.html

--- html/onSejong/manager/myclass/surveyView_popWin.html

+++ html/onSejong/manager/myclass/surveyView_popWin.html


                                     </div> -->
                                 </div>
                                 <div class="a-area">
-                                    <select name="" id="">
-                                        <option value="">선택하세요.</option>
+                                    <select>
+                                        <option>선택하세요.</option>
                                     </select>
                                 </div>
                             </div>

                                     </div> -->
                                 </div>
                                 <div class="a-area">
-                                   <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
-                                </div>
-                            </div>
-                            <div class="form-item">
-                                <div class="q-area">
-                                    <div class="q-tit">
-                                        <div class="l-area">
-                                            <span class="label num lg">5</span>
-                                            <div class="q-txt">
-                                                ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요.
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <!-- <div class="q-img">
-                                        <figure>
-                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
-                                        </figure>
-                                    </div> -->
-                                </div>
-                                <div class="a-area">
-                                    <div class="file-add-area">
-                                        <div class="file-custom flex1">
-                                          <input type="file" class="input-file" title="파일선택" id="fileCusAdd">
-                                          <label class="btn secondary ico-upload" for="fileCusAdd">파일 첨부</label>
-                                          <input type="text" class="flex1" autocomplete="off" placeholder="파일을 선택해주세요.">
-                                        </div>
-                                        <button class="btn circle ico-delete">삭제</button>
-                                    </div>
+                                    <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
                                 </div>
                             </div>
                         </div>

                                     </div> -->
                                 </div>
                                 <div class="a-area">
-                                   <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
+                                    <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
                                 </div>
                             </div>
                         </div>
                     </div>
-
                     <div class="form-agree-area">
                         <h4 class="txt-hide">개인정보 처리방침</h4>
                         <div class="txt-area">

             </div>
         </div>
     </div>
-     <!-- toast -->
-     <div class="toast"></div>
+    <!-- toast -->
+    <div class="toast"></div>
 
     <!--popup-->
     <div class="dim"></div>

4ccf28a

b2dd157

html/onSejong/manager/myclass/surveyWrite.html

--- html/onSejong/manager/myclass/surveyWrite.html

+++ html/onSejong/manager/myclass/surveyWrite.html


                 <aside class="lnb"></aside>
 				<div class="site-cont">
 					<div class="page-tit-area">
-                    <div class="l-area">
-                        <h2 class="title-xlg">설문만들기</h2>
-                    </div>
-                </div>
-                <section class="section">
-                    <header class="section-tit-area">
                         <div class="l-area">
-                            <h3 class="title-lg">기본 설정</h3>
+                            <h2 class="title-xlg">설문만들기</h2>
                         </div>
-                        <div class="r-area">
-                            <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
-                        </div>
-                    </header>
-                    <div class="write-type">
-                        <table>
-                            <colgroup>
-                                <col style="width:200px">
-                                <col>
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row">제목 <i class="required">*<span class="txt-hide">필수</span></i></th>
-                                    <td>
-                                        <input type="text" title="인풋박스" class="q4" placeholder="제목을 입력하세요.">
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">설문지 설명 <i class="required">*<span class="txt-hide">필수</span></i></th>
-                                    <td>
-                                        -에디터-
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">설문 응답 기간 <i class="required">*<span class="txt-hide">필수</span></i></th>
-                                    <td>
-                                        <fieldset class="checkradio-area dir-col">
-                                            <legend>설문 응답 기간</legend>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio1" id="r1-1" checked> 
-                                                <label for="r1-1">기한없음</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio1" id="r1-2"> 
-                                                <label for="r1-2">기한설정</label>
-                                                <div class="time-set checkradio-option">
-                                                    <input type="date">
-                                                    <select title="선택">
-                                                        <option value="00">00</option>
-                                                    </select>
-                                                    <span>:</span>
-                                                    <select title="선택">
-                                                        <option value="00">00</option>
-                                                    </select>
-                                                    <span>-</span>
-                                                    <input type="date">
-                                                    <select title="선택">
-                                                        <option value="00">00</option>
-                                                    </select>
-                                                    <span>:</span>
-                                                    <select title="선택">
-                                                        <option value="00">00</option>
-                                                    </select>
-                                                </div>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">개인정보 동의서<br>사용여부 <i class="required">*<span class="txt-hide">필수</span></i>
-                                    </th>
-                                    <td>
-                                        <fieldset>
-                                            <legend>개인정보 동의서 사용여부</legend>
-                                            <div class="checkradio">
-                                                <input type="radio" name="r2" id="r2-1" checked>
-                                                <label for="r2-1">사용안함</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="r2" id="r2-2">
-                                                <label for="r2-2">사용함</label>
-                                            </div>
-                                            <div class="checkradio-option block p10">
-                                                <textarea rows="5">개인정보 수집 및 이용에 동의해 주세요.
-1. 수집 목적 :
-2. 수집 항목 :
-3. 보유 및 이용 기간 :
-                                                </textarea>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">설문대상</th>
-                                    <td>
-                                        <fieldset class="checkradio-area dir-col">
-                                            <legend>풀이대상 선택</legend>
-                                            <div class="checkradio">
-                                                <input type="radio" name="r3" id="r3-1" checked>
-                                                <label for="r3-1">전체</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="r3" id="r3-2">
-                                                <label for="r3-2">선택입력</label>
-                                                <div class="checkradio-option">
-                                                    <button class="btn sm secondary">멤버선택</button>
-                                                    <span>135명</span>
-                                                </div>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="r3" id="r3-3">
-                                                <label for="r3-3">모둠 선택</label>
-                                                <div class="checkradio-option">
-                                                    <select title="그룹 선택1" class="sm">
-                                                        <option>모둠 선택</option>
-                                                    </select>
-                                                </div>
-                                            </div>
-                                            <div class="item-add-area">
-                                                <div class="chip-area">
-                                                    <span class="chip-tag">
-                                                        추가된 모둠명1
-                                                        <button type="button" class="ico-delete">삭제</button>
-                                                    </span>
-                                                    <span class="chip-tag">
-                                                        추가된 모둠명2
-                                                        <button type="button" class="ico-delete">삭제</button>
-                                                    </span>
-                                                </div>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">무기명 여부 <i class="required">*<span class="txt-hide">필수</span></i></th>
-                                    <td>
-                                        <fieldset>
-                                            <legend>무기명 여부</legend>
-                                            <div class="checkradio">
-                                                <input type="radio" name="r4" id="r4-1" checked>
-                                                <label for="r4-1">무기명아님</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="r4" id="r4-2">
-                                                <label for="r4-2">무기명(설문응답자 이름을 ****로 표시합니다.)</label>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
                     </div>
-                </section>
-                <section class="section">
-                    <header class="section-tit-area">
-                        <div class="l-area"><h3 class="title-lg">설문지 작성</h3></div>
-                    </header>
-                    <div class="form-write">
-                        <div class="form-section bg-area">
-                            <div class="form-section-body wrap-sm">
-                                <div class="form-item-list">
-                                    <div class="form-item">
-                                        <div class="q-area">
-                                            <div class="q-tit">
-                                                <select title="설문 타입 선택">
-                                                    <option selected>객관식 질문</option>
-                                                    <option>다중 체크박스</option>
-                                                    <option>드롭다운</option>
-                                                    <option>서술형</option>
-                                                    <option>단답형</option>
-                                                    <option>파일 업로드</option>
-                                                </select>
-                                                <input type="text" placeholder="질문을 입력하세요.">
-                                                <div class="file-custom">
-                                                    <input type="file" class="input-file">
-                                                    <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                    <section class="section">
+                        <header class="section-tit-area">
+                            <div class="l-area">
+                                <h3 class="title-lg">기본 설정</h3>
+                            </div>
+                            <div class="r-area">
+                                <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
+                            </div>
+                        </header>
+                        <div class="write-type">
+                            <table>
+                                <colgroup>
+                                    <col style="width:200px">
+                                    <col>
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th scope="row">제목 <i class="required">*<span class="txt-hide">필수</span></i></th>
+                                        <td>
+                                            <input type="text" title="인풋박스" class="q4" placeholder="제목을 입력하세요.">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">설문지 설명 <i class="required">*<span class="txt-hide">필수</span></i></th>
+                                        <td>
+                                            -에디터-
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">설문 응답 기간 <i class="required">*<span class="txt-hide">필수</span></i></th>
+                                        <td>
+                                            <fieldset class="checkradio-area dir-col">
+                                                <legend>설문 응답 기간</legend>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="radio1" id="r1-1" checked> 
+                                                    <label for="r1-1">기한없음</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="radio1" id="r1-2"> 
+                                                    <label for="r1-2">기한설정</label>
+                                                    <div class="time-set checkradio-option">
+                                                        <input type="date">
+                                                        <select title="선택">
+                                                            <option value="00">00</option>
+                                                        </select>
+                                                        <span>:</span>
+                                                        <select title="선택">
+                                                            <option value="00">00</option>
+                                                        </select>
+                                                        <span>-</span>
+                                                        <input type="date">
+                                                        <select title="선택">
+                                                            <option value="00">00</option>
+                                                        </select>
+                                                        <span>:</span>
+                                                        <select title="선택">
+                                                            <option value="00">00</option>
+                                                        </select>
+                                                    </div>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">개인정보 동의서<br>사용여부 <i class="required">*<span class="txt-hide">필수</span></i>
+                                        </th>
+                                        <td>
+                                            <fieldset>
+                                                <legend>개인정보 동의서 사용여부</legend>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="r2" id="r2-1" checked>
+                                                    <label for="r2-1">사용안함</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="r2" id="r2-2">
+                                                    <label for="r2-2">사용함</label>
+                                                </div>
+                                                <div class="checkradio-option block p10">
+                                                    <textarea rows="5">개인정보 수집 및 이용에 동의해 주세요.
+    1. 수집 목적 :
+    2. 수집 항목 :
+    3. 보유 및 이용 기간 :
+                                                    </textarea>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">설문대상</th>
+                                        <td>
+                                            <fieldset class="checkradio-area dir-col">
+                                                <legend>풀이대상 선택</legend>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="r3" id="r3-1" checked>
+                                                    <label for="r3-1">전체</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="r3" id="r3-2">
+                                                    <label for="r3-2">선택입력</label>
+                                                    <div class="checkradio-option">
+                                                        <button class="btn sm secondary">멤버선택</button>
+                                                        <span>135명</span>
+                                                    </div>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="r3" id="r3-3">
+                                                    <label for="r3-3">모둠 선택</label>
+                                                    <div class="checkradio-option">
+                                                        <select title="그룹 선택1" class="sm">
+                                                            <option>모둠 선택</option>
+                                                        </select>
+                                                    </div>
+                                                </div>
+                                                <div class="item-add-area">
+                                                    <div class="chip-area">
+                                                        <span class="chip-tag">
+                                                            추가된 모둠명1
+                                                            <button type="button" class="ico-delete">삭제</button>
+                                                        </span>
+                                                        <span class="chip-tag">
+                                                            추가된 모둠명2
+                                                            <button type="button" class="ico-delete">삭제</button>
+                                                        </span>
+                                                    </div>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">무기명 여부 <i class="required">*<span class="txt-hide">필수</span></i></th>
+                                        <td>
+                                            <fieldset>
+                                                <legend>무기명 여부</legend>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="r4" id="r4-1" checked>
+                                                    <label for="r4-1">무기명아님</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="radio" name="r4" id="r4-2">
+                                                    <label for="r4-2">무기명(설문응답자 이름을 ****로 표시합니다.)</label>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </section>
+                    <section class="section">
+                        <header class="section-tit-area">
+                            <div class="l-area"><h3 class="title-lg">설문지 작성</h3></div>
+                        </header>
+                        <div class="form-write">
+                            <div class="form-section bg-area">
+                                <div class="form-section-body wrap-sm">
+                                    <div class="form-item-list">
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option selected>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                                <div class="q-img lg">
+                                                    <figure>
+                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
+                                                        <div class="img-fnc-etc">
+                                                            <button type="button" class="btn sm circle ico-delete overlay"></button>
+                                                        </div>
+                                                    </figure>
                                                 </div>
                                             </div>
-                                            <div class="q-img lg">
-                                                <figure>
-                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
-                                                    <div class="img-fnc-etc">
-                                                        <button type="button" class="btn sm circle ico-delete overlay"></button>
-                                                    </div>
-                                                </figure>
-                                            </div>
-                                        </div>
-                                        <div class="a-area">
-                                            <ol class="a-write-list">
-                                            <li class="a-item">
-                                                <i class="ico-move"></i>
-                                                <div class="a-info">
-                                                    <div class="checkradio">
-                                                        <input type="radio" id="a1_1" name="a1" class="icon-only" disabled>
-                                                        <label for="a1_1"></label>
-                                                    </div>
-                                                </div>
-                                                <div class="a-cont">
-                                                    <div class="a-txt">
-                                                        <input type="text" placeholder="질문을 입력하세요.">
-                                                    </div>
-                                                </div>
-                                                <div class="a-fnc">
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
-                                                </div>
-                                            </li>
-                                            <li class="a-item">
-                                                <i class="ico-move"></i>
-                                                <div class="a-info">
-                                                    <div class="checkradio">
-                                                        <input type="radio" id="a1_2" name="a" class="icon-only" disabled>
-                                                        <label for="a1_2"></label>
-                                                    </div>
-                                                </div>
-                                                <div class="a-cont">
-                                                    <div class="a-txt">
-                                                        <input type="text" placeholder="질문을 입력하세요.">
-                                                    </div>
-                                                </div>
-                                                <div class="a-fnc">
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
-                                                </div>
-                                            </li>
-                                            <li class="a-item">
-                                                <i class="ico-move"></i>
-                                                <div class="a-info">
-                                                    <div class="checkradio">
-                                                        <input type="radio" id="a1_3" name="a1" class="icon-only" disabled>
-                                                        <label for="a1_3"></label>
-                                                    </div>
-                                                </div>
-                                                <div class="a-cont">
-                                                    <div class="a-txt">
-                                                        <input type="text" placeholder="질문을 입력하세요.">
-                                                    </div>
-                                                </div>
-                                                <div class="a-fnc">
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
-                                                </div>
-                                            </li>
-                                            </ol>
-                                        </div>
-                                        <div class="form-item-fnc">
-                                            <div class="l-area">
-                                                <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
-                                            </div>
-                                            <div class="r-area">
-                                                <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
-                                                <div class="btn-group">
-                                                    <button class="btn sm circle ico-copy">복사</button>
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="form-item">
-                                        <div class="q-area">
-                                            <div class="q-tit">
-                                                <select title="설문 타입 선택">
-                                                    <option>객관식 질문</option>
-                                                    <option>다중 체크박스</option>
-                                                    <option>드롭다운</option>
-                                                    <option>서술형</option>
-                                                    <option>단답형</option>
-                                                    <option>파일 업로드</option>
-                                                </select>
-                                                <input type="text" placeholder="질문을 입력하세요.">
-                                                <div class="file-custom">
-                                                    <input type="file" class="input-file">
-                                                    <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="a-area">
-                                            <ol class="a-write-list">
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
                                                 <li class="a-item">
                                                     <i class="ico-move"></i>
                                                     <div class="a-info">
                                                         <div class="checkradio">
-                                                            <input type="checkbox" id="a2_1" name="a2" class="icon-only" disabled>
-                                                            <label for="a2_1"></label>
+                                                            <input type="radio" id="a1_1" name="a1" class="icon-only" disabled>
+                                                            <label for="a1_1"></label>
                                                         </div>
                                                     </div>
                                                     <div class="a-cont">

                                                     <i class="ico-move"></i>
                                                     <div class="a-info">
                                                         <div class="checkradio">
-                                                            <input type="checkbox" id="a2_2" name="a2" class="icon-only" disabled>
-                                                            <label for="a2_2"></label>
+                                                            <input type="radio" id="a1_2" name="a" class="icon-only" disabled>
+                                                            <label for="a1_2"></label>
                                                         </div>
-                                                    </div>
-                                                    <div class="a-cont">
-                                                        <div class="a-txt">
-                                                            <input type="text" placeholder="질문을 입력하세요.">
-                                                        </div>
-                                                    </div>
-                                                    <div class="a-fnc">
-                                                        <button class="btn sm circle danger ico-delete">삭제</button>
-                                                    </div>
-                                                </li>
-                                            </ol>
-                                        </div>
-                                        <div class="form-item-fnc">
-                                            <div class="l-area">
-                                                <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
-                                            </div>
-                                            <div class="r-area">
-                                                <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
-                                                <div class="btn-group">
-                                                    <button class="btn sm circle ico-copy">복사</button>
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="form-item">
-                                        <div class="q-area">
-                                            <div class="q-tit">
-                                                <select title="설문 타입 선택">
-                                                    <option>객관식 질문</option>
-                                                    <option>다중 체크박스</option>
-                                                    <option>드롭다운</option>
-                                                    <option>서술형</option>
-                                                    <option>단답형</option>
-                                                    <option>파일 업로드</option>
-                                                </select>
-                                                <input type="text" placeholder="질문을 입력하세요.">
-                                                <div class="file-custom">
-                                                    <input type="file" class="input-file">
-                                                    <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="a-area">
-                                            <ol class="a-write-list">
-                                                <li class="a-item">
-                                                    <i class="ico-move"></i>
-                                                    <div class="a-info">
-                                                        <span class="num">1</span>
                                                     </div>
                                                     <div class="a-cont">
                                                         <div class="a-txt">

                                                 <li class="a-item">
                                                     <i class="ico-move"></i>
                                                     <div class="a-info">
-                                                        <span class="num">2</span>
+                                                        <div class="checkradio">
+                                                            <input type="radio" id="a1_3" name="a1" class="icon-only" disabled>
+                                                            <label for="a1_3"></label>
+                                                        </div>
                                                     </div>
                                                     <div class="a-cont">
                                                         <div class="a-txt">

                                                         <button class="btn sm circle danger ico-delete">삭제</button>
                                                     </div>
                                                 </li>
-                                            </ol>
-                                        </div>
-                                        <div class="form-item-fnc">
-                                            <div class="l-area">
-                                                <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </ol>
                                             </div>
-                                            <div class="r-area">
-                                                <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
-                                                <div class="btn-group">
-                                                    <button class="btn sm circle ico-copy">복사</button>
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
                                                 </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="form-item">
-                                        <div class="q-area">
-                                            <div class="q-tit">
-                                                <select title="설문 타입 선택">
-                                                    <option>객관식 질문</option>
-                                                    <option>다중 체크박스</option>
-                                                    <option>드롭다운</option>
-                                                    <option>서술형</option>
-                                                    <option>단답형</option>
-                                                    <option>파일 업로드</option>
-                                                </select>
-                                                <input type="text" placeholder="질문을 입력하세요.">
-                                                <div class="file-custom">
-                                                    <input type="file" class="input-file">
-                                                    <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="a-area">
-                                            <ol class="a-write-list">
-                                                <li class="a-item">
-                                                    <div class="a-cont">
-                                                        <div class="a-txt">
-                                                            <input type="text" placeholder="단답형 입력" disabled>
-                                                        </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
                                                     </div>
-                                                </li>
-                                            </ol>
-                                        </div>
-                                        <div class="form-item-fnc">
-                                            <div class="r-area">
-                                                <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
-                                                <div class="btn-group">
-                                                    <button class="btn sm circle ico-copy">복사</button>
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
                                                 </div>
                                             </div>
                                         </div>
-                                    </div>
-                                    <div class="form-item">
-                                        <div class="q-area">
-                                            <div class="q-tit">
-                                                <select title="설문 타입 선택">
-                                                    <option>객관식 질문</option>
-                                                    <option>다중 체크박스</option>
-                                                    <option>드롭다운</option>
-                                                    <option>서술형</option>
-                                                    <option>단답형</option>
-                                                    <option>파일 업로드</option>
-                                                </select>
-                                                <input type="text" placeholder="질문을 입력하세요.">
-                                                <div class="file-custom">
-                                                    <input type="file" class="input-file">
-                                                    <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="a-area">
-                                            <ol class="a-write-list">
-                                                <li class="a-item">
-                                                    <div class="a-cont">
-                                                        <div class="a-txt">
-                                                            <textarea placeholder="서술형 입력"  rows="5" disabled></textarea>
-                                                        </div>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
                                                     </div>
-                                                </li>
-                                            </ol>
-                                        </div>
-                                        <div class="form-item-fnc">
-                                            <div class="l-area">
-                                                <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
-                                            </div>
-                                            <div class="r-area">
-                                                <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
-                                                <div class="btn-group">
-                                                    <button class="btn sm circle ico-copy">복사</button>
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
                                                 </div>
                                             </div>
-                                        </div>
-                                    </div>
-                                    <div class="form-item">
-                                        <div class="q-area">
-                                            <div class="q-tit">
-                                                <select title="설문 타입 선택">
-                                                    <option>객관식 질문</option>
-                                                    <option>다중 체크박스</option>
-                                                    <option>드롭다운</option>
-                                                    <option>서술형</option>
-                                                    <option>단답형</option>
-                                                    <option>파일 업로드</option>
-                                                </select>
-                                                <input type="text" placeholder="질문을 입력하세요.">
-                                                <div class="file-custom">
-                                                    <input type="file" class="input-file">
-                                                    <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="a-area">
-                                            <div class="a-write-option">
-                                                <p class="msg">응답자가 드라이브에 파일을 업로드하도록 허용합니다. 신뢰하는 사용자에게만 이 설문지를 공유하세요.</p>
-                                                <ul class="option-list">
-                                                    <li>
-                                                        <strong>최대 파일 수</strong>
-                                                        <div class="txt-area">
-                                                            <select name="" id="">
-                                                                <option value="">1</option>
-                                                                <option value="">2</option>
-                                                                <option value="">3</option>
-                                                            </select>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="a2_1" name="a2" class="icon-only" disabled>
+                                                                <label for="a2_1"></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
                                                         </div>
                                                     </li>
-                                                    <li>
-                                                        <strong>최파일당 최대 크기</strong>
-                                                        <div class="txt-area">
-                                                            <select name="" id="">
-                                                                <option value="">10 MB</option>
-                                                                <option value="">9 MB</option>
-                                                                <option value="">8 MB</option>
-                                                            </select>
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="a2_2" name="a2" class="icon-only" disabled>
+                                                                <label for="a2_2"></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
                                                         </div>
                                                     </li>
-                                                </ul>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
                                             </div>
                                         </div>
-                                        <div class="form-item-fnc">
-                                            <div class="r-area">
-                                                <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
-                                                <div class="btn-group">
-                                                    <button class="btn sm circle ico-copy">복사</button>
-                                                    <button class="btn sm circle danger ico-delete">삭제</button>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">1</span>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">2</span>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="단답형 입력" disabled>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <textarea placeholder="서술형 입력"  rows="5" disabled></textarea>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
+                                <div class="form-section-footer">
+                                    <div class="r-area">
+                                        <button type="button" class="btn ico-form-plus">
+                                            질문 추가
+                                        </button>
+                                        <button type="button" class="btn danger ico-delete">
+                                            세션 삭제
+                                        </button>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="form-section-footer">
-                                <div class="r-area">
-                                    <button type="button" class="btn ico-form-plus">
-                                        질문 추가
-                                    </button>
-                                    <button type="button" class="btn danger ico-delete">
-                                        세션 삭제
-                                    </button>
+                            <div class="form-section bg-area">
+                                <div class="form-section-header">
+                                    <div class="form-tit">
+                                        <input type="text" placeholder="세션 내용을 입력하세요.">
+                                    </div>
+                                </div>
+                                <div class="form-section-body wrap-sm">
+                                    <div class="form-item-list">
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option selected>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                                <div class="q-img lg">
+                                                    <figure>
+                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
+                                                        <div class="img-fnc-etc">
+                                                            <button type="button" class="btn sm circle ico-delete overlay"></button>
+                                                        </div>
+                                                    </figure>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                <li class="a-item">
+                                                    <i class="ico-move"></i>
+                                                    <div class="a-info">
+                                                        <div class="checkradio">
+                                                            <input type="radio" id="a1_1" name="a1" class="icon-only" disabled>
+                                                            <label for="a1_1"></label>
+                                                        </div>
+                                                    </div>
+                                                    <div class="a-cont">
+                                                        <div class="a-txt">
+                                                            <input type="text" placeholder="질문을 입력하세요.">
+                                                        </div>
+                                                    </div>
+                                                    <div class="a-fnc">
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </li>
+                                                <li class="a-item">
+                                                    <i class="ico-move"></i>
+                                                    <div class="a-info">
+                                                        <div class="checkradio">
+                                                            <input type="radio" id="a1_2" name="a" class="icon-only" disabled>
+                                                            <label for="a1_2"></label>
+                                                        </div>
+                                                    </div>
+                                                    <div class="a-cont">
+                                                        <div class="a-txt">
+                                                            <input type="text" placeholder="질문을 입력하세요.">
+                                                        </div>
+                                                    </div>
+                                                    <div class="a-fnc">
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </li>
+                                                <li class="a-item">
+                                                    <i class="ico-move"></i>
+                                                    <div class="a-info">
+                                                        <div class="checkradio">
+                                                            <input type="radio" id="a1_3" name="a1" class="icon-only" disabled>
+                                                            <label for="a1_3"></label>
+                                                        </div>
+                                                    </div>
+                                                    <div class="a-cont">
+                                                        <div class="a-txt">
+                                                            <input type="text" placeholder="질문을 입력하세요.">
+                                                        </div>
+                                                    </div>
+                                                    <div class="a-fnc">
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="a2_1" name="a2" class="icon-only" disabled>
+                                                                <label for="a2_1"></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="a2_2" name="a2" class="icon-only" disabled>
+                                                                <label for="a2_2"></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">1</span>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">2</span>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="질문을 입력하세요.">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <input type="text" placeholder="단답형 입력" disabled>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="form-item">
+                                            <div class="q-area">
+                                                <div class="q-tit">
+                                                    <select title="설문 타입 선택">
+                                                        <option>객관식 질문</option>
+                                                        <option>다중 체크박스</option>
+                                                        <option>드롭다운</option>
+                                                        <option>서술형</option>
+                                                        <option>단답형</option>
+                                                        <option>파일 업로드</option>
+                                                    </select>
+                                                    <input type="text" placeholder="질문을 입력하세요.">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="a-area">
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                <textarea placeholder="서술형 입력"  rows="5" disabled></textarea>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                            <div class="form-item-fnc">
+                                                <div class="l-area">
+                                                    <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a>
+                                                </div>
+                                                <div class="r-area">
+                                                    <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label>
+                                                    <div class="btn-group">
+                                                        <button class="btn sm circle ico-copy">복사</button>
+                                                        <button class="btn sm circle danger ico-delete">삭제</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="form-section-footer">
+                                    <div class="r-area">
+                                        <button type="button" class="btn ico-form-plus">
+                                            질문 추가
+                                        </button>
+                                        <button type="button" class="btn danger ico-delete">
+                                            세션 삭제
+                                        </button>
+                                    </div>
                                 </div>
                             </div>
                         </div>
+                        <div class="form-write-fnc">
+                            <button type="button" class="btn-add">
+                                세션 추가
+                            </button>
+                        </div>
+                    </section>
+                    <div class="btn-cont">
+                        <button class="btn lg secondary">미리보기</button>
+                        <button class="btn lg primary">등록</button>
                     </div>
-                    <div class="form-write-fnc">
-                        <button type="button" class="btn-add">
-                            세션 추가
-                        </button>
-                    </div>
-                </section>
-                <div class="btn-cont">
-                    <a href="#none" class="btn lg">취소</a>
-                    <a href="#none" class="btn lg secondary">미리보기</a>
-                    <a href="#none" class="btn lg primary">등록</a>
-                </div>
 				</div>
 			</div>
 		</div>
 		<footer class="site-footer"></footer>
 	</div>
+    
 	<!-- toast -->
 	<div class="toast"></div>
 	<!--popup-->

4ccf28a

b2dd157

html/onSejong/manager/mystorage/contentsWrite.html

--- html/onSejong/manager/mystorage/contentsWrite.html

+++ html/onSejong/manager/mystorage/contentsWrite.html


                                             <td>
                                                 <div class="url-add-area">
                                                     <label>
-                                                        <input type="text" placeholder="URL로 콘텐츠를 추가해주세요." title="텍스트 입력">
+                                                        <input type="text" placeholder="URL로 콘텐츠를 추가해주세요." title="URL로 콘텐츠를 추가해주세요.">
                                                     </label>
                                                     <button class="btn secondary">링크 추가</button>
                                                 </div>

                                         <tr>
                                             <th scope="row">제목<i class="required">*<span class="txt-hide">필수</span></i></th>
                                             <td>
-                                                <input type="text" title="인풋박스" class="q4" placeholder="제목을 입력하세요.">
+                                                <input type="text" title="제목을 입력하세요." class="q4" placeholder="제목을 입력하세요.">
                                             </td>
                                         </tr>
                                         <tr>
                                             <th scope="row">내용</th>
                                             <td>
-                                                <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                                <textarea placeholder="내용을 입력하세요." title="제목을 입력하세요."></textarea>
                                             </td>
                                         </tr>
                                     </tbody>

                             </div>
                         </section>
                         <div class="btn-cont">
-                            <a href="#none" class="btn lg">취소</a>
-                            <a href="#none" class="btn lg primary">저장</a>
+                            <button class="btn lg">취소</button>
+                            <button class="btn lg primary">등록</button>
                         </div>
                     </div>
                 </div>

4ccf28a

b2dd157

html/onSejong/manager/mystorage/quizAnswer.html

--- html/onSejong/manager/mystorage/quizAnswer.html

+++ html/onSejong/manager/mystorage/quizAnswer.html


                                                     </div>
                                                 </div>
                                                 <div class="q-file-area">
-                                                    <div class="audio-box">
-                                                        <button type="button" class="btn-audio-play" title="오디오 재생">오디오</button>
-                                                        <i class="ico-headphone"></i>
-                                                        <span>듣기 예제</span>
-                                                        <span class="btn circle sm ico-play"></span>
-                                                    </div>
                                                     <div class="q-file-audio">
                                                         <audio controls="controls">
                                                             <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />

                                                     <div class="q-img">
                                                         <figure>
                                                             <img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
+                                                            <div class="img-fnc">
+                                                                <button type="button" class="btn sm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                </button>
+                                                            </div>
                                                         </figure>
                                                     </div>
                                                 </div>

                                                             <span class="num">1</span>
                                                             <div class="a-cont">
                                                                 <div class="a-txt">
-                                                                    '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.
+                                                                    '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을
+                                                                    이해할 수 있다.
+                                                                </div>
+                                                                <div class="a-img">
+                                                                    <figure>
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/img_q.jpg"
+                                                                        alt="이미지">
+                                                                        <div class="img-fnc">
+                                                                            <button type="button" class="btn xsm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                            </button>
+                                                                        </div>
+                                                                    </figure>
                                                                 </div>
                                                             </div>
                                                         </div>

                                                         이 문제는 두 개의 괄호가 주어진 경우로 둘 중 하나만 정확히 알면 쉽게 정답에 접근할 수 있는 문제이다.<br>
                                                         ①의 경우 왜냐하면 이하를 먼저 해석하여 아이들이 TV영향을 쉽게 받는다를 유추할 수 있고 ②의 경우는 "말다툼"이 핵심 어구로서 "화해하다"와 연결할 수 있을 것이다.
                                                     </div>
+                                                </div>
+                                                <div class="q-img">
+                                                    <figure>
+                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png"
+                                                            alt="이미지">
+                                                        <div class="img-fnc">
+                                                            <button type="button" class="btn sm circle ico-zoomin overlay" onclick="popupOpenPub('popupZoom');">확대</button>
+                                                        </div> 
+                                                    </figure>
                                                 </div>                               
                                             </div>
                                         </li>

         <!--popup-->
         <div class="dim"></div>
 
-        <script>
-            // Audio 객체 설정
-            let loopCnt = 0;
-            const myAudio = new Audio();
-            myAudio.src = "https://icdn.itt.link/online/AttachFiles/contents/qesitm/20240124134856136.mp3";
-            myAudio.loop = false;
-
-            const btnPlay = document.querySelector(".btn-audio-play");
-            btnPlay.onclick = function () {
-                if (loopCnt == 0) {
-                    myAudio.play();
-                    loopCnt++;
-                    this.setAttribute("disabled", true);
-                    this.closest('.audio-box').classList.add('is-disabled');
-                } else {
-                    alert("이미 들음");
-                }
-            }
-        </script>
+        <!-- 이미지 zoom -->
+        <div class="popup-zoom" data-popuppub="popupZoom">
+            <div class="pop-body">
+                <figure>
+                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지 원본">
+                </figure>
+            </div>
+            <button type="button" class="pop-close white lg">
+                <span class="txt-hide">팝업닫기</span>
+            </button>
+        </div>
     </body>
 </html>

4ccf28a

b2dd157

html/onSejong/manager/mystorage/quizView.html

--- html/onSejong/manager/mystorage/quizView.html

+++ html/onSejong/manager/mystorage/quizView.html


                                                     </div>
                                                 </div>
                                                 <div class="q-file-area">
-                                                    <div class="audio-box">
-                                                        <button type="button" class="btn-audio-play" title="오디오 재생">오디오</button>
-                                                        <i class="ico-headphone"></i>
-                                                        <span>듣기 예제</span>
-                                                        <span class="btn circle sm ico-play"></span>
-                                                    </div>
                                                     <div class="q-file-audio">
                                                         <audio controls="controls">
                                                             <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />

                                                     <div class="q-img">
                                                         <figure>
                                                             <img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
+                                                            <div class="img-fnc">
+                                                                <button type="button" class="btn sm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                </button>
+                                                            </div>
                                                         </figure>
                                                     </div>
                                                 </div>

 														<div class="a-box">
 															<span class="num">1</span>
 															<div class="a-cont">
-																<div class="a-txt">'글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.</div>
-															</div>
+                                                                <div class="a-txt">
+                                                                    '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을
+                                                                    이해할 수 있다.
+                                                                </div>
+                                                                <div class="a-img">
+                                                                    <figure>
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/img_q.jpg"
+                                                                        alt="이미지">
+                                                                        <div class="img-fnc">
+                                                                            <button type="button" class="btn xsm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                            </button>
+                                                                        </div>
+                                                                    </figure>
+                                                                </div>
+                                                            </div>
 														</div>
 													</li>
 													<li class="a-item">

 															<span class="num">3</span>
 															<div class="a-cont">
 																<div class="a-txt">'글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.</div>
-																<!-- <div class="a-img">
-                                                                <figure>
-                                                                    <img src="/resources/front/site/SITE_00000/images/temp/img_q.jpg"
-                                                                        alt="이미지">
-                                                                </figure>
-                                                            </div> -->
 															</div>
 														</div>
 													</li>

         <!--popup-->
         <div class="dim"></div>
 
-        <script>
-            // Audio 객체 설정
-            let loopCnt = 0;
-            const myAudio = new Audio();
-            myAudio.src = "https://icdn.itt.link/online/AttachFiles/contents/qesitm/20240124134856136.mp3";
-            myAudio.loop = false;
-
-            const btnPlay = document.querySelector(".btn-audio-play");
-            btnPlay.onclick = function () {
-                if (loopCnt == 0) {
-                    myAudio.play();
-                    loopCnt++;
-                    this.setAttribute("disabled", true);
-                    this.closest('.audio-box').classList.add('is-disabled');
-                } else {
-                    alert("이미 들음");
-                }
-            }
-        </script>
+        <!-- 이미지 zoom -->
+        <div class="popup-zoom" data-popuppub="popupZoom">
+            <div class="pop-body">
+                <figure>
+                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지 원본">
+                </figure>
+            </div>
+            <button type="button" class="pop-close white lg">
+                <span class="txt-hide">팝업닫기</span>
+            </button>
+        </div>
     </body>
 </html>

4ccf28a

b2dd157

html/onSejong/manager/mystorage/quizWrite.html

--- html/onSejong/manager/mystorage/quizWrite.html

+++ html/onSejong/manager/mystorage/quizWrite.html


                                         <tr>
                                             <th scope="row">정답</th>
                                             <td>
-                                                <fieldset class="checkradio-area">
-                                                    <legend>입력 타입 선택</legend>
-                                                    <div class="checkradio">
-                                                        <input type="radio" id="inputType1" name="inputType" checked>
-                                                        <label for="inputType1">텍스트로만 입력</label>
-                                                    </div>
-                                                    <div class="checkradio">
-                                                        <input type="radio" id="inputType2" name="inputType" checked>
-                                                        <label for="inputType2">편집기로 입력</label>
-                                                    </div>
-                                                </fieldset>
                                                 <ol class="a-write-list">
                                                     <li class="a-item">
                                                         <i class="ico-move"></i>

                                                     <li class="a-item">
                                                         <div class="a-cont">
                                                             <div class="tag-add-area">
-                                                                <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
+                                                                <input name='basic' title="정답 입력 후 엔터" placeholder="정답 입력 후 엔터" class="input-tag">
                                                             </div>
                                                         </div>
                                                     </li>

                                                         </div>
                                                         <div class="a-cont">
                                                             <div class="tag-add-area">
-                                                                <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
+                                                                <input name='basic' title="정답 입력 후 엔터" placeholder="정답 입력 후 엔터" class="input-tag">
                                                             </div>
                                                         </div>
                                                         <div class="a-fnc">

                                                         </div>
                                                         <div class="a-cont">
                                                             <div class="tag-add-area">
-                                                                <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
+                                                                <input name='basic' title="정답 입력 후 엔터" placeholder="정답 입력 후 엔터" class="input-tag">
                                                             </div>
                                                         </div>
                                                         <div class="a-fnc">

                                         <tr>
                                             <th scope="row">해설 및 학습 자료 <small class="txt-option">(선택)</small></th>
                                             <td>
+                                                <ol class="a-write-list ui-sortable">
+                                                    <li class="a-item">
+                                                        <i class="ico-move ui-sortable-handle"></i>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                -에디터-
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move ui-sortable-handle"></i>
+                                                        <div class="a-cont">
+                                                            <div class="file-add-area">
+                                                                <div class="file-custom">
+                                                                    <div class="preview-area">
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="item-area">
+                                                                    <div class="item">
+                                                                        <p class="txt">비디오파일.mp4</p>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move ui-sortable-handle"></i>
+                                                        <div class="a-cont">
+                                                            <div class="file-add-area">
+                                                                <div class="file-custom">
+                                                                    <div class="preview-area">
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="item-area">
+                                                                    <div class="item">
+                                                                        <p class="txt">오디오.mp3</p>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ol>
                                                 <div class="btn-add-cont">
                                                     <button type="button" class="btn ico-document">
                                                         텍스트추가

                         <div class="btn-cont">
                             <button type="button" class="btn-add qesitmAdd">문항 추가</button>
                         </div>
-                        <div class="btn-flex-cont">
-                            <div class="l-raea"><a href="#none" class="btn lg">취소</a></div>
-                            <div class="r-raea">
-                                <a href="#none" class="btn lg primary">저장</a>
-                            </div>
+                        <div class="btn-cont">
+                            <button class="btn lg">취소</button>
+                            <button class="btn lg primary">저장</button>
                         </div>
                     </div>
                 </div>

4ccf28a

b2dd157

html/onSejong/manager/mystorage/searchResult.html

--- html/onSejong/manager/mystorage/searchResult.html

+++ html/onSejong/manager/mystorage/searchResult.html


 							<table>
 								<caption>콘텐츠 검색결과</caption>
 								<colgroup>
-									<col style="width: 120px" />
-									<col />
-									<col style="width: 200px" />
+									<col>
+									<col style="width: 70%;">
+									<col>
 								</colgroup>
 								<thead>
 									<tr>

 							<table>
 								<caption>문항 검색결과</caption>
 								<colgroup>
-									<col style="width: 120px" />
-									<col />
-									<col style="width: 200px" />
+									<col>
+									<col style="width: 70%;">
+									<col>
 								</colgroup>
 								<thead>
 									<tr>

 							<table>
 								<caption>평가지 검색결과</caption>
 								<colgroup>
-									<col style="width: 120px" />
-									<col />
-									<col style="width: 200px" />
+									<col>
+									<col style="width: 70%;">
+									<col>
 								</colgroup>
 								<thead>
 									<tr>

4ccf28a

b2dd157

html/onSejong/manager/mystorage/testAnswer.html

--- html/onSejong/manager/mystorage/testAnswer.html

+++ html/onSejong/manager/mystorage/testAnswer.html


                                                     </div>
                                                 </div>
                                                 <div class="q-file-area">
-                                                    <div class="audio-box">
-                                                        <button type="button" class="btn-audio-play" title="오디오 재생">오디오</button>
-                                                        <i class="ico-headphone"></i>
-                                                        <span>듣기 예제</span>
-                                                        <span class="btn circle sm ico-play"></span>
-                                                    </div>
                                                     <div class="q-file-audio">
                                                         <audio controls="controls">
                                                             <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />

                                                     <div class="q-img">
                                                         <figure>
                                                             <img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
+                                                            <div class="img-fnc">
+                                                                <button type="button" class="btn sm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                </button>
+                                                            </div>
                                                         </figure>
                                                     </div>
                                                 </div>

                                                             <span class="num">1</span>
                                                             <div class="a-cont">
                                                                 <div class="a-txt">
-                                                                    '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.
+                                                                    '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을
+                                                                    이해할 수 있다.
+                                                                </div>
+                                                                <div class="a-img">
+                                                                    <figure>
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/img_q.jpg"
+                                                                        alt="이미지">
+                                                                        <div class="img-fnc">
+                                                                            <button type="button" class="btn xsm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                            </button>
+                                                                        </div>
+                                                                    </figure>
                                                                 </div>
                                                             </div>
                                                         </div>

         <!--popup-->
         <div class="dim"></div>
 
-        <script>
-            // Audio 객체 설정
-            let loopCnt = 0;
-            const myAudio = new Audio();
-            myAudio.src = "https://icdn.itt.link/online/AttachFiles/contents/qesitm/20240124134856136.mp3";
-            myAudio.loop = false;
-
-            const btnPlay = document.querySelector(".btn-audio-play");
-            btnPlay.onclick = function () {
-                if (loopCnt == 0) {
-                    myAudio.play();
-                    loopCnt++;
-                    this.setAttribute("disabled", true);
-                    this.closest('.audio-box').classList.add('is-disabled');
-                } else {
-                    alert("이미 들음");
-                }
-            }
-        </script>
+        <!-- 이미지 zoom -->
+        <div class="popup-zoom" data-popuppub="popupZoom">
+            <div class="pop-body">
+                <figure>
+                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지 원본">
+                </figure>
+            </div>
+            <button type="button" class="pop-close white lg">
+                <span class="txt-hide">팝업닫기</span>
+            </button>
+        </div>
     </body>
 </html>

4ccf28a

b2dd157

html/onSejong/manager/mystorage/testView.html

--- html/onSejong/manager/mystorage/testView.html

+++ html/onSejong/manager/mystorage/testView.html


                                                     </div>
                                                 </div>
                                                 <div class="q-file-area">
-                                                    <div class="audio-box">
-                                                        <button type="button" class="btn-audio-play" title="오디오 재생">오디오</button>
-                                                        <i class="ico-headphone"></i>
-                                                        <span>듣기 예제</span>
-                                                        <span class="btn circle sm ico-play"></span>
-                                                    </div>
                                                     <div class="q-file-audio">
                                                         <audio controls="controls">
                                                             <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />

                                                     <div class="q-img">
                                                         <figure>
                                                             <img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
+                                                            <div class="img-fnc">
+                                                                <button type="button" class="btn sm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                </button>
+                                                            </div>
                                                         </figure>
                                                     </div>
                                                 </div>

 														<div class="a-box">
 															<span class="num">1</span>
 															<div class="a-cont">
-																<div class="a-txt">'글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.</div>
-															</div>
+                                                                <div class="a-txt">
+                                                                    '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을
+                                                                    이해할 수 있다.
+                                                                </div>
+                                                                <div class="a-img">
+                                                                    <figure>
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/img_q.jpg"
+                                                                        alt="이미지">
+                                                                        <div class="img-fnc">
+                                                                            <button type="button" class="btn xsm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
+                                                                            </button>
+                                                                        </div>
+                                                                    </figure>
+                                                                </div>
+                                                            </div>
 														</div>
 													</li>
 													<li class="a-item">

 															<span class="num">3</span>
 															<div class="a-cont">
 																<div class="a-txt">'글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.</div>
-																<!-- <div class="a-img">
-                                                                <figure>
-                                                                    <img src="/resources/front/site/SITE_00000/images/temp/img_q.jpg"
-                                                                        alt="이미지">
-                                                                </figure>
-                                                            </div> -->
 															</div>
 														</div>
 													</li>

         <!--popup-->
         <div class="dim"></div>
 
-        <script>
-            // Audio 객체 설정
-            let loopCnt = 0;
-            const myAudio = new Audio();
-            myAudio.src = "https://icdn.itt.link/online/AttachFiles/contents/qesitm/20240124134856136.mp3";
-            myAudio.loop = false;
-
-            const btnPlay = document.querySelector(".btn-audio-play");
-            btnPlay.onclick = function () {
-                if (loopCnt == 0) {
-                    myAudio.play();
-                    loopCnt++;
-                    this.setAttribute("disabled", true);
-                    this.closest('.audio-box').classList.add('is-disabled');
-                } else {
-                    alert("이미 들음");
-                }
-            }
-        </script>
+        <!-- 이미지 zoom -->
+        <div class="popup-zoom" data-popuppub="popupZoom">
+            <div class="pop-body">
+                <figure>
+                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지 원본">
+                </figure>
+            </div>
+            <button type="button" class="pop-close white lg">
+                <span class="txt-hide">팝업닫기</span>
+            </button>
+        </div>
     </body>
 </html>

4ccf28a

b2dd157

html/onSejong/manager/mystorage/testWrite.html

--- html/onSejong/manager/mystorage/testWrite.html

+++ html/onSejong/manager/mystorage/testWrite.html


 <!DOCTYPE html>
 <html lang="ko">
-	<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" />
-		<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/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-->
-		<!-- 공통 메뉴 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>
+    <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" />
+        <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/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-->
+        <!-- 공통 메뉴 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>
 
-	<body>
+    <body>
         <div class="accessibility">
             <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
         </div>

                                 <div class="search-box-write">
                                     <div class="write-type2">
                                         <table>
-                                            <caption>상세검색</caption>
+                                            <caption>
+                                                상세검색
+                                            </caption>
                                             <colgroup>
-                                                <col style="width:100px">
-                                                <col>
+                                                <col style="width: 100px" />
+                                                <col />
                                             </colgroup>
                                             <tbody>
                                                 <tr>

                                                         <fieldset class="checkradio-area">
                                                             <legend>과목 선택</legend>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_1_1">
+                                                                <input type="checkbox" id="sch1_1_1" />
                                                                 <label for="sch1_1_1">유저가 입력한 과목1</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_1_2">
+                                                                <input type="checkbox" id="sch1_1_2" />
                                                                 <label for="sch1_1_2">유저가 입력한 과목2</label>
                                                             </div>
                                                         </fieldset>

                                                         <fieldset class="checkradio-area">
                                                             <legend>문항 유형 선택</legend>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_2_1">
+                                                                <input type="checkbox" id="sch1_2_1" />
                                                                 <label for="sch1_2_1">단일</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_2_2">
+                                                                <input type="checkbox" id="sch1_2_2" />
                                                                 <label for="sch1_2_2">세트</label>
                                                             </div>
                                                         </fieldset>

                                                         <fieldset class="checkradio-area">
                                                             <legend>문항 난이도 선택</legend>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_3_1">
+                                                                <input type="checkbox" id="sch1_3_1" />
                                                                 <label for="sch1_3_1">매우 쉬움</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_3_2">
+                                                                <input type="checkbox" id="sch1_3_2" />
                                                                 <label for="sch1_3_2">쉬움</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_3_3">
+                                                                <input type="checkbox" id="sch1_3_3" />
                                                                 <label for="sch1_3_3">보통</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_3_4">
+                                                                <input type="checkbox" id="sch1_3_4" />
                                                                 <label for="sch1_3_4">어려움</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_3_5">
+                                                                <input type="checkbox" id="sch1_3_5" />
                                                                 <label for="sch1_3_5">매우 어려움</label>
                                                             </div>
                                                         </fieldset>

                                                         <fieldset class="checkradio-area">
                                                             <legend>문항 종류 선택</legend>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_4_1">
+                                                                <input type="checkbox" id="sch1_4_1" />
                                                                 <label for="sch1_4_1">객관식(단일선택)</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_4_2">
+                                                                <input type="checkbox" id="sch1_4_2" />
                                                                 <label for="sch1_4_2">객관식(다중선택)</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_4_3">
+                                                                <input type="checkbox" id="sch1_4_3" />
                                                                 <label for="sch1_4_3">주관식(단답형)</label>
                                                             </div>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" id="sch1_4_4">
+                                                                <input type="checkbox" id="sch1_4_4" />
                                                                 <label for="sch1_4_4">주관식(서술형)</label>
                                                             </div>
                                                         </fieldset>

                                     </div>
                                 </div>
                                 <div class="search-btn-cont">
-                                    <button type="button" class="btn-text">초기화 <i class="ico-refresh sm"></i></button>
-                                    <button type="submit" class="btn-search-box">선택된 조건으로 검색</button>
+                                    <button type="button" class="btn-text">
+                                        초기화 <i class="ico-refresh sm"></i>
+                                    </button>
+                                    <button type="submit" class="btn-search-box">검색</button>
                                 </div>
                             </div>
-
                             <article class="test-cont">
                                 <h4 class="txt-hide">평가지 구성</h4>
                                 <div class="l-area">

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

                                                                     </div>
                                                                     <div class="editor-cont">
                                                                         <a href="#none">
-                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png"
-                                                                                alt="" class="editor-img-math">(34px)
-                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png"
-                                                                                alt="" class="editor-img-math">(42px)
-                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png"
-                                                                                alt="" class="editor-img-math">(57px)
-                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png"
-                                                                                alt="" class="editor-img-math">(62px)
-                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png"
-                                                                                alt="" class="editor-img-math">(65px)
-                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png"
-                                                                                alt="" class="editor-img-math">(79px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png" alt="" class="editor-img-math">(34px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png" alt="" class="editor-img-math">(42px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png" alt="" class="editor-img-math">(57px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png" alt="" class="editor-img-math">(62px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png" alt="" class="editor-img-math">(65px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png" alt="" class="editor-img-math">(79px)
                                                                         </a>
                                                                     </div>
                                                                 </div>

                                                                         <span class="label">객관식(단일선택)</span>
                                                                         <span class="label red hover">매우 어려움</span>
                                                                     </div>
-                                                                    <div class="editor-cont"><a href="#none">1여러 가지 함수의<br>실수배,
-                                                                            합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a></div>
+                                                                    <div class="editor-cont">
+                                                                        <a href="#none">1여러 가지 함수의<br>실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                                    </div>
                                                                 </div>
                                                             </div>
                                                             <div class="add-fnc">
                                                                 <button type="button" class="btn sm circle ico-plus">추가</button>
                                                             </div>
                                                         </li>
+
                                                         <li>
                                                             <div class="checkradio">
-                                                                <input type="checkbox" class="icon-only" id="chk1_1">
-                                                                <label for="chk1_1">선택</label>
+                                                                <input type="checkbox" class="icon-only" id="chk1_2">
+                                                                <label for="chk1_2">선택</label>
                                                             </div>
                                                             <div class="item">
                                                                 <div class="txt-area">

                                                                         <span class="label">객관식(다중선택)</span>
                                                                         <span class="label red hover">어려움</span>
                                                                     </div>
-                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
-                                                                            있다.</a></p>
+                                                                    <p>
+                                                                        <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                                    </p>
                                                                 </div>
                                                             </div>
                                                             <div class="add-fnc">
                                                                 <button type="button" class="btn sm circle ico-plus">추가</button>
                                                             </div>
                                                         </li>
+
                                                         <li>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" class="icon-only" id="chk1_3">
+                                                                <label for="chk1_3">선택</label>
+                                                            </div>
                                                             <div class="item">
                                                                 <div class="txt-area">
                                                                     <div class="label-area">
                                                                         <span class="label">주관식(단답형)</span>
                                                                         <span class="label blue hover">보통</span>
                                                                     </div>
-                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
-                                                                            있다.</a></p>
+                                                                    <p>
+                                                                        <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                                    </p>
                                                                 </div>
                                                             </div>
                                                             <div class="add-fnc">
                                                                 <button type="button" class="btn sm circle ico-plus">추가</button>
                                                             </div>
                                                         </li>
+
                                                         <li>
                                                             <div class="item">
                                                                 <div class="txt-area">
                                                                     <div class="label-area">
                                                                         <div class="checkradio">
-                                                                            <input type="checkbox" class="icon-only"
-                                                                                id="chk1_4">
+                                                                            <input type="checkbox" class="icon-only" id="chk1_4">
                                                                             <label for="chk1_4">선택</label>
                                                                         </div>
                                                                         <span class="label">O/X 퀴즈</span>
                                                                         <span class="label green hover">쉬움</span>
                                                                     </div>
-                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
-                                                                            있다.</a></p>
+                                                                    <p>
+                                                                        <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                                    </p>
                                                                 </div>
                                                             </div>
                                                             <div class="add-fnc">
                                                                 <button type="button" class="btn sm circle ico-plus">추가</button>
                                                             </div>
                                                         </li>
+
                                                         <li>
                                                             <div class="item">
                                                                 <div class="txt-area">
                                                                     <div class="label-area">
                                                                         <div class="checkradio">
-                                                                            <input type="checkbox" class="icon-only"
-                                                                                id="chk1_5">
+                                                                            <input type="checkbox" class="icon-only" id="chk1_5">
                                                                             <label for="chk1_5">선택</label>
                                                                         </div>
                                                                         <span class="label">그래프/그림 완성형</span>
                                                                         <span class="label green hover">매우 쉬움</span>
                                                                     </div>
-                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
-                                                                            있다.</a></p>
+                                                                    <p>
+                                                                        <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                                    </p>
                                                                 </div>
                                                             </div>
                                                             <div class="add-fnc">

                                                             </div>
                                                         </li>
                                                     </ul>
+
                                                 </div>
-                                                <!-- <div class="loading-layer is-loading"></div> -->
                                             </div>
                                         </div>
-                                        <!-- <div class="box-footer flex-area">
-                                            <div class="l-area">
-                                                <button type="button" class="btn sm">전체선택</button>
-                                                <button type="button" class="btn sm">전체선택 취소</button>
-                                            </div>
-                                            <div class="r-area">
-                                                <p>총 <em>1</em> 문항 선택</p>
-                                            </div>
-                                        </div> -->
                                     </div>
                                 </div>
                                 <div class="c-area">

                                                 <h3 class="tit-sm">평가지 문항</h3>
                                             </div>
                                             <div class="r-area">
-                                                <div class="btn-group">
-                                                    <button type="button" class="btn sm">초기화</button>
-                                                    <button type="button" class="btn sm secondary">자동배점</button>
+                                                <button type="button" class="btn-text">
+                                                    초기화 <i class="ico-refresh sm"></i>
+                                                </button>
+                                            </div>
+                                        </div>
+                                        <div class="fnc-area">
+                                            <div class="l-area">
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c1" />
+                                                    <label for="c1">전체선택</label>
                                                 </div>
+                                                <div class="input-box">
+                                                    <input type="number" style="width: 64px" class="align-right sm" title="점수 입력">
+                                                    <span class="font-color-gray">점</span>
+                                                </div>
+                                                <button type="button" class="btn sm secondary">선택 일괄배점</button>
                                             </div>
                                         </div>
                                         <div class="scroll-area">

                                                                 <span class="label">객관식(단일선택)</span>
                                                                 <span class="label green hover">쉬움</span>
                                                             </div>
-                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                            <p>
+                                                                <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
                                                             </p>
                                                         </div>
                                                         <div class="box-fnc">
-                                                            <div class="input-box"><input type="number" style="width:64px"
-                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            <div class="input-box">
+                                                                <input type="number" style="width: 64px" title="점수 입력" class="align-right">
+                                                                <span class="font-color-gray">점</span>
                                                             </div>
                                                             <button class="btn sm circle danger ico-delete">삭제</button>
                                                         </div>

                                                     <div class="item">
                                                         <span class="label num">2</span>
                                                         <div class="checkradio">
-                                                            <input type="checkbox" class="icon-only" id="chk2_1">
-                                                            <label for="chk2_1">선택</label>
+                                                            <input type="checkbox" class="icon-only" id="chk2_2">
+                                                            <label for="chk2_2">선택</label>
                                                         </div>
                                                         <div class="txt-area">
                                                             <div class="label-area">

                                                             </div>
                                                             <div class="editor-cont">
                                                                 <a href="#none">
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png"
-                                                                        alt="" class="editor-img-math">(34px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png"
-                                                                        alt="" class="editor-img-math">(42px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png"
-                                                                        alt="" class="editor-img-math">(57px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png"
-                                                                        alt="" class="editor-img-math">(62px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png"
-                                                                        alt="" class="editor-img-math">(65px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png"
-                                                                        alt="" class="editor-img-math">(79px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png" alt="" class="editor-img-math">(34px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png" alt="" class="editor-img-math">(42px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png" alt="" class="editor-img-math">(57px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png" alt="" class="editor-img-math">(62px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png" alt="" class="editor-img-math">(65px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png" alt="" class="editor-img-math">(79px)
                                                                 </a>
                                                             </div>
                                                         </div>
                                                         <div class="box-fnc">
-                                                            <div class="input-box"><input type="number" style="width:64px"
-                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            <div class="input-box">
+                                                                <input type="number" style="width: 64px" title="점수 입력" class="align-right">
+                                                                <span class="font-color-gray">점</span>
                                                             </div>
                                                             <button class="btn sm circle danger ico-delete">삭제</button>
                                                         </div>

                                                     <i class="ico-move ui-sortable-handle"></i>
                                                     <div class="item">
                                                         <span class="label num">3</span>
+                                                        <div class="checkradio">
+                                                            <input type="checkbox" class="icon-only" id="chk2_3">
+                                                            <label for="chk2_3">선택</label>
+                                                        </div>
                                                         <div class="txt-area">
                                                             <div class="label-area">
                                                                 <span class="label">객관식(단일선택)</span>
-                                                                <button type="button" class="relative-z"
-                                                                    onclick="popupOpenPub('popup')">
+                                                                <button type="button" class="relative-z" onclick="popupOpenPub('popup')">
                                                                     <span class="label green hover">쉬움</span>
                                                                 </button>
                                                             </div>
-                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                            <p>
+                                                                <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
                                                             </p>
                                                         </div>
                                                         <div class="box-fnc">
-                                                            <div class="input-box"><input type="number" style="width:64px"
-                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            <div class="input-box">
+                                                                <input type="number" style="width: 64px" title="점수 입력" class="align-right">
+                                                                <span class="font-color-gray">점</span>
                                                             </div>
                                                             <button class="btn sm circle danger ico-delete">삭제</button>
                                                         </div>
                                                     </div>
                                                 </li>
-                                                <li>
-                                                    <i class="ico-move ui-sortable-handle"></i>
-                                                    <div class="item">
-                                                        <span class="label num">1</span>
-                                                        <div class="txt-area">
-                                                            <div class="label-area">
-                                                                <span class="label">객관식(단일선택)</span>
-                                                                <button type="button" class="relative-z"
-                                                                    onclick="popupOpenPub('popup')">
-                                                                    <span class="label green hover">쉬움</span>
-                                                                </button>
-                                                            </div>
-                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
-                                                            </p>
-                                                        </div>
-                                                        <div class="box-fnc">
-                                                            <div class="input-box"><input type="number" style="width:64px"
-                                                                    class="align-right"><span class="font-color-gray">점</span>
-                                                            </div>
-                                                            <button class="btn sm circle danger ico-delete">삭제</button>
-                                                        </div>
-                                                    </div>
-                                                    <div class="item">
-                                                        <span class="label num">2</span>
-                                                        <div class="txt-area">
-                                                            <div class="label-area">
-                                                                <span class="label">객관식(단일선택)</span>
-                                                                <button type="button" class="relative-z"
-                                                                    onclick="popupOpenPub('popup')">
-                                                                    <span class="label green hover">쉬움</span>
-                                                                </button>
-                                                            </div>
-                                                            <div class="editor-cont">
-                                                                <a href="#none">
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png"
-                                                                        alt="" class="editor-img-math">(34px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png"
-                                                                        alt="" class="editor-img-math">(42px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png"
-                                                                        alt="" class="editor-img-math">(57px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png"
-                                                                        alt="" class="editor-img-math">(62px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png"
-                                                                        alt="" class="editor-img-math">(65px)
-                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png"
-                                                                        alt="" class="editor-img-math">(79px)
-                                                                </a>
-                                                            </div>
-                                                        </div>
-                                                        <div class="box-fnc">
-                                                            <div class="input-box"><input type="number" style="width:64px"
-                                                                    class="align-right"><span class="font-color-gray">점</span>
-                                                            </div>
-                                                            <button class="btn sm circle danger ico-delete">삭제</button>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                                <li>
-                                                    <i class="ico-move ui-sortable-handle"></i>
-                                                    <div class="item">
-                                                        <span class="label num">3</span>
-                                                        <div class="txt-area">
-                                                            <div class="label-area">
-                                                                <span class="label">객관식(단일선택)</span>
-                                                                <button type="button" class="relative-z"
-                                                                    onclick="popupOpenPub('popup')">
-                                                                    <span class="label green hover">쉬움</span>
-                                                                </button>
-                                                            </div>
-                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
-                                                            </p>
-                                                        </div>
-                                                        <div class="box-fnc">
-                                                            <div class="input-box"><input type="number" style="width:64px"
-                                                                    class="align-right"><span class="font-color-gray">점</span>
-                                                            </div>
-                                                            <button class="btn sm circle danger ico-delete">삭제</button>
-                                                        </div>
-                                                    </div>
-                                                </li>
-
                                             </ul>
                                         </div>
                                     </div>
                                     <div class="box-footer">
-                                        <p class="total-txt"><em>1</em> 문항 / 총 <em>80</em> 점</p>
-                                        <!-- <div class="label-area">
-                                            <span class="label">객관식(단일선택) <strong>10</strong>개</span>
-                                            <span class="label">객관식(다중선택) <strong>0</strong>개</span>
-                                            <span class="label">주관식(서술형) <strong>0</strong>개</span>
-                                        </div> -->
+                                        <p class="total-txt">총 <em>1</em> 문항 / 전체 <em>80</em> 점</p>
                                     </div>
                                 </div>
                             </article>

                                     <h3 class="title-lg">기타 정보</h3>
                                 </div>
                                 <div class="r-area">
-                                    <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
+                                    <p class="msg">
+                                        <i class="required">*<span class="txt-hide">필수</span></i> 필수 입력
+                                    </p>
                                 </div>
                             </header>
                             <div class="write-type">
                                 <table>
                                     <colgroup>
-                                        <col style="width:200px">
+                                        <col style="width: 20rem">
                                         <col>
                                     </colgroup>
                                     <tbody>
                                         <tr>
-                                            <th scope="row">제목<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <th scope="row">
+                                                제목<i class="required">*<span class="txt-hide">필수</span></i>
+                                            </th>
                                             <td>
-                                                <input type="text" title="인풋박스" class="q4" placeholder="평가지 제목을 입력하세요.">
+                                                <input
+                                                    type="text"
+                                                    title="평가지 제목을 입력하세요."
+                                                    class="q4"
+                                                    placeholder="평가지 제목을 입력하세요."
+                                                />
                                             </td>
                                         </tr>
                                         <tr>
-                                            <th scope="row">과목 정보<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <th scope="row">
+                                                과목 정보<i class="required">*<span class="txt-hide">필수</span></i>
+                                            </th>
                                             <td>
                                                 <div class="achievecode-sch-area"></div>
                                             </td>
                                         </tr>
                                         <tr>
-                                            <th scope="row">문항순서<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <th scope="row">
+                                                문항순서<i class="required">*<span class="txt-hide">필수</span></i>
+                                            </th>
                                             <td>
                                                 <fieldset class="checkradio-area">
                                                     <legend>문항순서 선택</legend>
                                                     <div class="checkradio">
-                                                        <input type="radio" id="r1_1" name="r1" checked>
+                                                        <input type="radio" id="r1_1" name="r1" checked />
                                                         <label for="r1_1">고정출력</label>
                                                     </div>
                                                     <div class="checkradio">
-                                                        <input type="radio" id="r1_2" name="r1">
-                                                        <label for="r1_2">무작위출력 <small>(평가지를 불러올 때 마다 랜덤으로 문항의 순서가 달라집니다.)</small></label>
+                                                        <input type="radio" id="r1_2" name="r1" />
+                                                        <label for="r1_2"
+                                                            >무작위출력
+                                                            <small
+                                                                >(평가지를 불러올 때 마다 랜덤으로 문항의 순서가
+                                                                달라집니다.)</small
+                                                            ></label
+                                                        >
                                                     </div>
                                                 </fieldset>
                                             </td>
                                         </tr>
                                         <tr>
-                                            <th scope="row">답가지순서<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <th scope="row">
+                                                답가지순서<i class="required">*<span class="txt-hide">필수</span></i>
+                                            </th>
                                             <td>
                                                 <fieldset class="checkradio-area">
                                                     <legend>답가지순서 선택</legend>
                                                     <div class="checkradio">
-                                                        <input type="radio" id="r2_1" name="r2" checked>
+                                                        <input type="radio" id="r2_1" name="r2" checked />
                                                         <label for="r2_1">고정출력</label>
                                                     </div>
                                                     <div class="checkradio">
-                                                        <input type="radio" id="r2_2" name="r2">
-                                                        <label for="r2_2">무작위출력 <small>(문항를 불러올 때 마다 랜덤으로 답가지의 순서가 달라집니다.)</small></label>
+                                                        <input type="radio" id="r2_2" name="r2" />
+                                                        <label for="r2_2"
+                                                            >무작위출력
+                                                            <small
+                                                                >(문항를 불러올 때 마다 랜덤으로 답가지의 순서가
+                                                                달라집니다.)</small
+                                                            ></label
+                                                        >
                                                     </div>
                                                 </fieldset>
                                             </td>

                             </div>
                         </section>
                         <div class="btn-cont">
-                            <a href="#none" class="btn lg">취소</a>
-                            <a href="#none" class="btn lg primary">저장</a>
+                            <button class="btn lg">취소</button>
+                            <button class="btn lg primary">저장</button>
                         </div>
                     </div>
                 </div>

4ccf28a

b2dd157

html/onSejong/member/myclass/classList.html

--- html/onSejong/member/myclass/classList.html

+++ html/onSejong/member/myclass/classList.html

...	...	@@ -107,7 +107,7 @@
107	107	<th scope="col">
108	108	관리
109	109	<div class="tooltip">
110		- <button type="button" class="btn-tooltip"><i class="ico-info"></i></button>
	110	+ <button type="button" class="btn-tooltip"><i class="ico-info">툴팁</i></button>
111	111	<div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
112	112	</div>
113	113	</th>
...	...	@@ -132,12 +132,12 @@
132	132	</td>
133	133	<td>
134	134	<div class="tbl-btn-cont">
135		- <button type="button" class="btn sm ico-mortarboard circle"></button>
	135	+ <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
136	136	</div>
137	137	</td>
138	138	</tr>
139	139	<tr>
140		- <td>3</td>
	140	+ <td>2</td>
141	141	<td data-tit="과목">캠공Ⅰ</td>
142	142	<td>
143	143	<a href="#none" class="table-title">경제와 수학</a>
...	...	@@ -155,7 +155,7 @@
155	155	<td>-</td>
156	156	</tr>
157	157	<tr>
158		- <td>3</td>
	158	+ <td>1</td>
159	159	<td data-tit="과목">온세종학교</td>
160	160	<td>
161	161	<a href="#none" class="table-title">인공지능 수학 2</a>
...	...	@@ -171,7 +171,7 @@
171	171	</td>
172	172	<td>
173	173	<div class="tbl-btn-cont">
174		- <button type="button" class="btn sm ico-delete circle"></button>
	174	+ <button type="button" class="btn sm ico-delete circle">삭제</button>
175	175	</div>
176	176	</td>
177	177	</tr>
...	...	@@ -235,12 +235,12 @@
235	235	</td>
236	236	<td>
237	237	<div class="tbl-btn-cont">
238		- <button type="button" class="btn sm ico-mortarboard circle"></button>
	238	+ <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
239	239	</div>
240	240	</td>
241	241	</tr>
242	242	<tr>
243		- <td>3</td>
	243	+ <td>2</td>
244	244	<td data-tit="과목">캠공Ⅰ</td>
245	245	<td>
246	246	<a href="#none" class="table-title">경제와 수학</a>
...	...	@@ -258,7 +258,7 @@
258	258	<td>-</td>
259	259	</tr>
260	260	<tr>
261		- <td>3</td>
	261	+ <td>1</td>
262	262	<td data-tit="과목">온세종학교</td>
263	263	<td>
264	264	<a href="#none" class="table-title">인공지능 수학 2</a>

4ccf28a

b2dd157

html/onSejong/member/myclass/pop_memberAttend.html

--- html/onSejong/member/myclass/pop_memberAttend.html

+++ html/onSejong/member/myclass/pop_memberAttend.html

...	...	@@ -83,22 +83,22 @@
83	83	<tr>
84	84	<td data-tit="디바이스">Desktop</td>
85	85	<td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
86		- <td>수동 출결 - <span class="label success">출석</span></td>
	86	+ <td>수동 출결 - 출석</td>
87	87	</tr>
88	88	<tr>
89	89	<td data-tit="디바이스">Desktop</td>
90	90	<td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
91		- <td>수동 출결 - <span class="label info">지각</span></td>
	91	+ <td>수동 출결 - 지각</td>
92	92	</tr>
93	93	<tr>
94	94	<td data-tit="디바이스">Desktop</td>
95	95	<td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
96		- <td>수동 출결 - <span class="label warning">조퇴</span></td>
	96	+ <td>수동 출결 - 조퇴</td>
97	97	</tr>
98	98	<tr>
99	99	<td data-tit="디바이스">Desktop</td>
100	100	<td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
101		- <td>수동 출결 - <em class="font-color-red">결석</em></td>
	101	+ <td>수동 출결 - 결석</td>
102	102	</tr>
103	103	</tbody>
104	104	</table>
...	...	@@ -110,7 +110,7 @@
110	110	<h2 class="title">메모</h2>
111	111	</div>
112	112	</div>
113		- <textarea placeholder="컨디션이 안좋아서 지각을 했지만 결석으로 변경" disabled></textarea>
	113	+ <textarea title="메모 표시" readonly>선생님이 남긴 메모 확인 가능</textarea>
114	114	</section>
115	115	</div>
116	116

4ccf28a

b2dd157

html/onSejong/member/myclass/pop_progressManage.html

--- html/onSejong/member/myclass/pop_progressManage.html

+++ html/onSejong/member/myclass/pop_progressManage.html


 						<h2 class="title">메모</h2>
 					</div>
 				</div>
-				<textarea placeholder="지각 때문에 미이수 상태였지만 이수 처리합니다!" disabled></textarea>
+				<textarea title="메모 표시" readonly>선생님이 남긴 메모 확인 가능</textarea>
 			</section>
 		</div>
 

4ccf28a

b2dd157

html/onSejong/member/myclass/pop_reflection.html

--- html/onSejong/member/myclass/pop_reflection.html

+++ html/onSejong/member/myclass/pop_reflection.html

...	...	@@ -78,15 +78,13 @@
78	78	<table>
79	79	<caption>성찰일지 상세</caption>
80	80	<colgroup>
81		- <col style="width: 160px" />
82		- <col />
	81	+ <col style="width: 16rem">
	82	+ <col>
83	83	</colgroup>
84	84	<tbody>
85	85	<tr>
86	86	<th scope="row">활동 주제</th>
87		- <td>
88		- <input type="text" class="q4" placeholder="실험 설계를 위한 참고문헌 조사" disabled>
89		- </td>
	87	+ <td>실험 설계를 위한 참고문헌 조사</td>
90	88	</tr>
91	89	<tr>
92	90	<th scope="row">활동 일자</th>
...	...	@@ -94,39 +92,27 @@
94	92	</tr>
95	93	<tr>
96	94	<th scope="row">활동 목적</th>
97		- <td>
98		- <input type="text" class="q4" placeholder="실험을 위한 자료 조사" disabled>
99		- </td>
	95	+ <td>실험을 위한 자료 조사</td>
100	96	</tr>
101	97	<tr>
102	98	<th scope="row">활동 참여자</th>
103		- <td>
104		- <input type="text" class="q4" placeholder="김세종" disabled>
105		- </td>
	99	+ <td>김세종</td>
106	100	</tr>
107	101	<tr>
108	102	<th scope="row">활동 내용</th>
109		- <td>
110		- <textarea placeholder="학생이 작성한 활동내용이 모두 보여집니다~~" disabled></textarea>
111		- </td>
	103	+ <td>학생이 작성한 활동내용이 모두 보여집니다</td>
112	104	</tr>
113	105	<tr>
114	106	<th scope="row">참고 문헌</th>
115		- <td>
116		- <textarea placeholder="학생이 작성한 활동내용이 모두 보여집니다~~" disabled></textarea>
117		- </td>
	107	+ <td>학생이 작성한 활동내용이 모두 보여집니다</td>
118	108	</tr>
119	109	<tr>
120	110	<th scope="row">배운점</th>
121		- <td>
122		- <textarea placeholder="학생이 작성한 활동내용이 모두 보여집니다~~" disabled></textarea>
123		- </td>
	111	+ <td>학생이 작성한 활동내용이 모두 보여집니다</td>
124	112	</tr>
125	113	<tr>
126	114	<th scope="row">선생님 의견</th>
127		- <td>
128		- <textarea placeholder="선생님이 작성한 의견 표시 (수정 페이지에서는 히든)" disabled></textarea>
129		- </td>
	115	+ <td>선생님이 작성한 의견 표시(수정 페이지에서는 히든)</td>
130	116	</tr>
131	117	</tbody>
132	118	</table>

4ccf28a

b2dd157

html/onSejong/member/myclass/pop_reflectionEdit.html

--- html/onSejong/member/myclass/pop_reflectionEdit.html

+++ html/onSejong/member/myclass/pop_reflectionEdit.html

...	...	@@ -78,14 +78,14 @@
78	78	<table>
79	79	<caption>성찰일지 상세</caption>
80	80	<colgroup>
81		- <col style="width: 160px" />
82		- <col />
	81	+ <col style="width: 16rem" />
	82	+ <col>
83	83	</colgroup>
84	84	<tbody>
85	85	<tr>
86	86	<th scope="row">활동 주제</th>
87	87	<td>
88		- <input type="text" class="q4" value="실험 설계를 위한 참고문헌 조사">
	88	+ <input type="text" class="q4" title="활동 주제 입력" value="실험 설계를 위한 참고문헌 조사">
89	89	</td>
90	90	</tr>
91	91	<tr>
...	...	@@ -95,31 +95,31 @@
95	95	<tr>
96	96	<th scope="row">활동 목적</th>
97	97	<td>
98		- <input type="text" class="q4" value="실험을 위한 자료 조사">
	98	+ <input type="text" class="q4" title="활동 목적 입력" value="실험을 위한 자료 조사">
99	99	</td>
100	100	</tr>
101	101	<tr>
102	102	<th scope="row">활동 참여자</th>
103	103	<td>
104		- <input type="text" class="q4" value="김세종">
	104	+ <input type="text" class="q4" title="활동 참여자 입력" value="김세종">
105	105	</td>
106	106	</tr>
107	107	<tr>
108	108	<th scope="row">활동 내용</th>
109	109	<td>
110		- <textarea>학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
	110	+ <textarea title="활동 내역 입력">학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
111	111	</td>
112	112	</tr>
113	113	<tr>
114	114	<th scope="row">참고 문헌</th>
115	115	<td>
116		- <textarea>학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
	116	+ <textarea title="참고 문헌 입력">학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
117	117	</td>
118	118	</tr>
119	119	<tr>
120	120	<th scope="row">배운점</th>
121	121	<td>
122		- <textarea>학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
	122	+ <textarea title="배운점 입력">학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
123	123	</td>
124	124	</tr>
125	125	</tbody>

Add a comment

Open 0
Closed 0

List

...	...	@@ -554,41 +554,13 @@
554	554	선생님
555	555	<ul>
556	556	<li>
557		- 수강신청
558		- <ul>
559		- <li>수강신청,manager/class/class.html</li>
560		- <li>과정 개설하기,manager/class/courseAdd.html</li>
561		- <li>[팝업]선생님 찾기,manager/class/pop_teacherFind.html</li>
562		- <li>[팝업]수업시간 선택,manager/class/pop_classTimeSet.html</li>
563		- <li>[팝업]평가방법 추가,manager/class/pop_assessmentSet.html</li>
564		- <li>[팝업]자유게시판 추가,manager/class/pop_boardSetting.html</li>
565		- </ul>
566		- </li>
567		- <li>
568	557	강의
569	558	<ul>
570	559	<li>
571	560	홈
572	561	<ul>
573	562	<li>홈,manager/class/classMain.html</li>
574		- <li>과정 수정,manager/class/courseEdit.html</li>
575		- <li>[팝업]자유게시판 설정,manager/class/pop_boardSetting.html</li>
576		- <li>[팝업]과정 폐강,manager/class/pop_cancelWrite.html</li>
577	563	<li>[팝업]출석QR코드,manager/class/pop_attendCode.html</li>
578		- <li>
579		- 멤버관리
580		- <ul>
581		- <li>수강생 관리,manager/class/memberManage_student.html</li>
582		- <li>[팝업]거절사유,manager/class/pop_cancelWrite.html</li>
583		- <li class="before">초대하기</li>
584		- <li class="before">초대하기 링크</li>
585		- <li>[팝업]학생찾기,manager/class/pop_teacherFind.html</li>
586		- <li>청강생 관리,manager/class/memberManage_auditor.html</li>
587		- <li>팀티처 관리,manager/class/memberManage_teacher.html</li>
588		- <li>모둠 관리,manager/class/memberManage_group.html</li>
589		- <li>모둠 만들기,manager/class/memberManage_groupWrite.html</li>
590		- </ul>
591		- </li>
592	564	</ul>
593	565	</li>
594	566	<li>
...	...	@@ -686,8 +658,8 @@
686	658	<li>
687	659	영상/이미지/문서
688	660	<ul>
689		- <li class="mod">목록,manager/mystorage/contentList.html</li>
690		- <li class="working">영상 상세,manager/mystorage/videoView.html</li>
	661	+ <li>목록,manager/mystorage/contentList.html</li>
	662	+ <li>영상 상세,manager/mystorage/videoView.html</li>
691	663	<li class="before">이미지 상세</li>
692	664	<li class="before">문서 상세</li>
693	665	</ul>
...	...	@@ -695,29 +667,29 @@
695	667	<li>
696	668	문항
697	669	<ul>
698		- <li class="working">목록,manager/mystorage/quizList.html</li>
699		- <li class="working">문항 상세,manager/mystorage/quizView.html</li>
700		- <li class="working">문항 정답 및 풀이,manager/mystorage/quizAnswer.html</li>
	670	+ <li>목록,manager/mystorage/quizList.html</li>
	671	+ <li>문항 상세,manager/mystorage/quizView.html</li>
	672	+ <li>문항 정답 및 풀이,manager/mystorage/quizAnswer.html</li>
701	673	</ul>
702	674	</li>
703	675	<li>
704	676	평가지
705	677	<ul>
706		- <li class="working">목록,manager/mystorage/testList.html</li>
707		- <li class="working">평가지 상세,manager/mystorage/testView.html</li>
708		- <li class="working">평가지 정답 및 풀이,manager/mystorage/testAnswer.html</li>
	678	+ <li>목록,manager/mystorage/testList.html</li>
	679	+ <li>평가지 상세,manager/mystorage/testView.html</li>
	680	+ <li>평가지 정답 및 풀이,manager/mystorage/testAnswer.html</li>
709	681	</ul>
710	682	</li>
711	683	</ul>
712	684	</li>
713		- <li class="working">검색결과,manager/mystorage/searchResult.html</li>
	685	+ <li>검색결과,manager/mystorage/searchResult.html</li>
714	686	<li>
715	687	새로 만들기
716	688	<ul>
717		- <li class="working">[팝업]새로만들기,manager/mystorage/pop_attend.html</li>
718		- <li class="working">콘텐츠 만들기,manager/mystorage/contentsWrite.html</li>
719		- <li class="design">문항 만들기,manager/mystorage/quizWrite.html</li>
720		- <li class="design">평가지 만들기,manager/mystorage/testWrite.html</li>
	689	+ <li>[팝업]새로만들기,manager/mystorage/pop_attend.html</li>
	690	+ <li>콘텐츠 만들기,manager/mystorage/contentsWrite.html</li>
	691	+ <li>문항 만들기,manager/mystorage/quizWrite.html</li>
	692	+ <li>평가지 만들기,manager/mystorage/testWrite.html</li>
721	693	</ul>
722	694	</li>
723	695	</ul>
...	...	@@ -725,88 +697,91 @@
725	697	<li>
726	698	나의 강의실
727	699	<ul>
728		- <li>
	700	+ <li class="working">
729	701	목록
730	702	<ul>
731		- <li class="working">진행중/진행예정/진행완료,manager/myclass/classList.html</li>
732		- <li class="working">[팝업]일정등록,manager/myclass/pop_scheduleWrite.html</li>
733		- <li class="design">[팝업]일정보기,manager/myclass/pop_schedule.html</li>
734		- <li class="before">
	703	+ <li>진행중/진행예정/진행완료,manager/myclass/classList.html</li>
	704	+ <li>[팝업]일정등록,manager/myclass/pop_scheduleWrite.html</li>
	705	+ <li>[팝업]일정보기,manager/myclass/pop_schedule.html</li>
	706	+ <li>
735	707	과정 개설하기
736	708	<ul>
737		- <li>[팝업]선생님 찾기</li>
738		- <li>[팝업]수업시간 선택</li>
739		- <li>[팝업]평가방법 추가</li>
740		- <li>[팝업]자유게시판 추가</li>
	709	+ <li>과정 개설하기,manager/class/courseAdd.html</li>
	710	+ <li>[팝업]선생님 찾기,manager/class/pop_teacherFind.html</li>
	711	+ <li>[팝업]수업시간 선택,manager/class/pop_classTimeSet.html</li>
	712	+ <li>[팝업]평가방법 추가,manager/class/pop_assessmentSet.html</li>
	713	+ <li>[팝업]자유게시판 추가,manager/class/pop_boardAdd.html</li>
741	714	</ul>
742	715	</li>
743		- <li class="before">
	716	+ <li>
744	717	과정 수정
745	718	<ul>
746		- <li>[팝업]자유게시판 설정</li>
747		- <li>[팝업]과정 폐강</li>
	719	+ <li>과정 수정,manager/class/courseEdit.html</li>
	720	+ <li>[팝업]자유게시판 설정,manager/class/pop_boardSetting.html</li>
	721	+ <li>[팝업]과정 폐강,manager/class/pop_cancelWrite.html</li>
748	722	</ul>
749	723	</li>
750	724	</ul>
751	725	</li>
752		- <li>
	726	+ <li class="working">
753	727	출석관리
754	728	<ul>
755	729	<li>출석관리,manager/myclass/attend.html</li>
756	730	<li>[팝업]멤버별 출석관리,manager/myclass/pop_memberAttend.html</li>
757	731	<li>[팝업]휴/보강관리 상세,manager/myclass/pop_editClassSet.html</li>
758		- <li class="working">[팝업]휴/보강 이력조회,manager/myclass/pop_attendHistory.html</li>
	732	+ <li>[팝업]휴/보강 이력조회,manager/myclass/pop_attendHistory.html</li>
759	733	</ul>
760	734	</li>
761	735	<li>
762	736	성적관리
763	737	<ul>
764		- <li>성적관리,manager/myclass/results.html</li>
	738	+ <li class="working">성적관리,manager/myclass/results.html</li>
765	739	<li class="working">성적항목관리,manager/myclass/gradeManage.html</li>
766	740	<li class="working">성적직접관리,manager/myclass/gradeInput.html</li>
767	741	<li class="working">[팝업]환산 기준 관리,manager/myclass/pop_homeworkScoreView.html</li>
768		- <li class="design">[팝업]과제 제출 리스트,manager/myclass/pop_homeworkSubmitList.html</li>
	742	+ <li class="working">[팝업]과제 제출 리스트,manager/myclass/pop_homeworkSubmitList.html</li>
769	743	<li class="before">[팝업]성적 분포도</li>
770	744	</ul>
771	745	</li>
772		- <li>
	746	+ <li class="working">
773	747	진도관리
774	748	<ul>
775	749	<li>진도관리,manager/myclass/progress.html</li>
776	750	<li>[팝업]멤버별 진도관리,manager/myclass/pop_memberProgress.html</li>
777	751	</ul>
778	752	</li>
779		- <li class="design">과정이수처리,manager/myclass/completionProcess.html</li>
780		- <li>
	753	+ <li class="working">과정이수처리,manager/myclass/completionProcess.html</li>
	754	+ <li class="working">
781	755	루브릭 평가관리
782	756	<ul>
783		- <li class="working">루브릭 평가관리,manager/myclass/rubricManage.html</li>
784		- <li class="before">루브릭 만들기 </li>
	757	+ <li>루브릭 평가관리,manager/myclass/rubricManage.html</li>
	758	+ <li>루브릭 만들기 </li>
785	759	</ul>
786	760	</li>
787	761	<li>
788	762	멤버관리
789	763	<ul>
790	764	<li class="working">수강생 관리,manager/myclass/memberManage_student.html</li>
791		- <li class="before">[팝업]거절사유<span class="label">중복</span></li>
792		- <li class="before">초대하기<span class="label">중복</span></li>
793		- <li class="before">[팝업]학생찾기<span class="label">중복</span></li>
	765	+ <li class="working">[팝업]거절사유,manager/class/pop_rejectReason.html</li>
	766	+ <li class="before">초대하기</li>
	767	+ <li class="before">초대하기 링크</li>
	768	+ <li class="working">[팝업]학생찾기,manager/class/pop_studentFind.html</li>
794	769	<li class="working">청강생관리,manager/myclass/memberManage_auditor.html</li>
795	770	<li class="working">팀티처관리,manager/myclass/memberManage_teacher.html</li>
796	771	<li class="working">모둠관리,manager/myclass/memberManage_group.html</li>
797		- <li class="before">모둠 만들기<span class="label">중복</span></li>
	772	+ <li class="working">모둠 만들기,manager/class/memberManage_groupWrite.html</li>
798	773	</ul>
799	774	</li>
800	775	<li>
801	776	설문관리
802	777	<ul>
803		- <li class="design">설문관리,manager/myclass/surveyManage.html</li>
804		- <li class="design">설문만들기,manager/myclass/surveyWrite.html</li>
805		- <li>
	778	+ <li class="working">설문관리,manager/myclass/surveyManage.html</li>
	779	+ <li class="working">설문만들기,manager/myclass/surveyWrite.html</li>
	780	+ <li class="working">
806	781	설문 결과
807	782	<ul>
808		- <li class="design">전체요약,manager/myclass/surveyViewResult.html</li>
809		- <li class="design">개별응답,manager/myclass/surveyViewResult_each.html</li>
	783	+ <li>전체요약,manager/myclass/surveyViewResult.html</li>
	784	+ <li>개별응답,manager/myclass/surveyViewResult_each.html</li>
810	785	</ul>
811	786	</li>
812	787	<li class="working">설문 미리보기,manager/myclass/surveyView_popWin.html</li>
...	...	@@ -912,24 +887,24 @@
912	887	출석현황
913	888	<ul>
914	889	<li class="working">출석현황,member/myclass/attend.html</li>
915		- <li class="design">[팝업]멤버별 출석관리,member/myclass/pop_memberAttend.html</li>
	890	+ <li class="working">[팝업]멤버별 출석관리,member/myclass/pop_memberAttend.html</li>
916	891	<li class="before">[팝업]스마트출석<span class="label">중복</span></li>
917	892	</ul>
918	893	</li>
919	894	<li class="working">성적현황,member/myclass/gradeStatus.html</li>
920		- <li>
	895	+ <li class="working">
921	896	진도현황
922	897	<ul>
923		- <li class="working">진도현황,member/myclass/progressStatus.html</li>
924		- <li class="working">[팝업]멤버별 진도관리,member/myclass/pop_progressManage.html</li>
	898	+ <li>진도현황,member/myclass/progressStatus.html</li>
	899	+ <li>[팝업]멤버별 진도관리,member/myclass/pop_progressManage.html</li>
925	900	</ul>
926	901	</li>
927		- <li>
	902	+ <li class="working">
928	903	학습성찰 일지
929	904	<ul>
930		- <li class="working">학습성찰 일지,member/myclass/reflection.html</li>
931		- <li class="working">[팝업]성찰일지,member/myclass/pop_reflection.html</li>
932		- <li class="working">[팝업]성찰일지 수정,member/myclass/pop_reflectionEdit.html</li>
	905	+ <li>학습성찰 일지,member/myclass/reflection.html</li>
	906	+ <li>[팝업]성찰일지,member/myclass/pop_reflection.html</li>
	907	+ <li>[팝업]성찰일지 수정,member/myclass/pop_reflectionEdit.html</li>
933	908	</ul>
934	909	</li>
935	910	</ul>

...	...	@@ -151,7 +151,7 @@
151	151	<div class="pop-footer">
152	152	<div class="pop-btn-cont">
153	153	<button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
154		- <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button>
	154	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">수정</button>
155	155	</div>
156	156	</div>
157	157	<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>

...	...	@@ -47,7 +47,7 @@
47	47	<p>폐강되는 사유를 입력하세요.</p>
48	48	</div>
49	49	<div class="pop-body">
50		- <textarea placeholder="텍스트를 입력하세요." title="텍스트 입력"></textarea>
	50	+ <textarea placeholder="텍스트를 입력하세요." title="텍스트를 입력하세요."></textarea>
51	51	</div>
52	52
53	53	<div class="pop-footer">

...	...	@@ -70,7 +70,7 @@
70	70	<fieldset class="search-area">
71	71	<legend>검색</legend>
72	72	<div class="search">
73		- <input type="text" placeholder="과정명으로 검색하세요." title="콘텐츠 제목으로 검색하세요." />
	73	+ <input type="text" placeholder="과정명으로 검색하세요." title="과정명으로 검색하세요." />
74	74	<button class="btn ico-search">검색</button>
75	75	</div>
76	76	</fieldset>
...	...	@@ -100,13 +100,13 @@
100	100	<th scope="col">수업시간</th>
101	101	<th scope="col">
102	102	수강인원
103		- <br />
	103	+ <br>
104	104	<small class="txt-option block">(청강인원)/총인원</small>
105	105	</th>
106	106	<th scope="col">
107	107	관리
108	108	<div class="tooltip">
109		- <button type="button" class="btn-tooltip"><i class="ico-info"></i></button>
	109	+ <button type="button" class="btn-tooltip"><i class="ico-info">툴팁</i></button>
110	110	<div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
111	111	</div>
112	112	</th>
...	...	@@ -128,8 +128,8 @@
128	128	<td data-tit="수강인원">-(-)/25</td>
129	129	<td>
130	130	<div class="tbl-btn-cont">
131		- <button type="button" class="btn sm ico-mortarboard circle"></button>
132		- <button type="button" class="btn sm ico-delete circle"></button>
	131	+ <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
	132	+ <button type="button" class="btn sm ico-delete circle">삭제</button>
133	133	</div>
134	134	</td>
135	135	</tr>
...	...	@@ -148,8 +148,8 @@
148	148	<td data-tit="수강인원">7(2)/20</td>
149	149	<td>
150	150	<div class="tbl-btn-cont">
151		- <button type="button" class="btn sm ico-mortarboard circle"></button>
152		- <button type="button" class="btn sm ico-delete circle"></button>
	151	+ <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
	152	+ <button type="button" class="btn sm ico-delete circle">삭제</button>
153	153	</div>
154	154	</td>
155	155	</tr>
...	...	@@ -167,8 +167,8 @@
167	167	<td data-tit="수강인원">-(-)/25</td>
168	168	<td>
169	169	<div class="tbl-btn-cont">
170		- <button type="button" class="btn sm ico-mortarboard circle"></button>
171		- <button type="button" class="btn sm ico-delete circle"></button>
	170	+ <button type="button" class="btn sm ico-mortarboard circle">항목관리</button>
	171	+ <button type="button" class="btn sm ico-delete circle">삭제</button>
172	172	</div>
173	173	</td>
174	174	</tr>

...	...	@@ -91,11 +91,9 @@
91	91	</div>
92	92	</section>
93	93	<section class="section">
	94	+ <h3 class="txt-hide">과정 목록</h3>
94	95	<div class="fnc-extend-area">
95	96	<div class="extend-default-area">
96		- <div class="l-area">
97		- <h3 class="txt-hide">과정 목록</h3>
98		- </div>
99	97	<div class="l-area">
100	98	<p class="total">
101	99	총
...	...	@@ -111,8 +109,8 @@
111	109	<label for="chk_all">선택</label>
112	110	</div>
113	111	<div class="btn-group">
114		- <button class="btn xsm">미이수</button>
115		- <button class="btn xsm">이수</button>
	112	+ <button class="btn sm">미이수</button>
	113	+ <button class="btn sm">이수</button>
116	114	</div>
117	115	</div>
118	116	</div>
...	...	@@ -160,8 +158,9 @@
160	158	<td data-tit="성명">김세연</td>
161	159	<td data-tit="상태(처리날짜)">-<br>(-)</td>
162	160	<td>
163		- <div>
164		- <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
	161	+ <div class="txt-count-area">
	162	+ <textarea title="텍스트 입력" placeholder="내용을 입력하세요."></textarea>
	163	+ <div class="txt-count"><strong>0</strong>/<span>250</span>자</div>
165	164	</div>
166	165	</td>
167	166	</tr>
...	...	@@ -180,8 +179,9 @@
180	179	<td data-tit="성명">김세연</td>
181	180	<td data-tit="상태(처리날짜)">이수<br>(YYYY-MM-DD)</td>
182	181	<td>
183		- <div>
184		- <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
	182	+ <div class="txt-count-area">
	183	+ <textarea title="텍스트 입력" placeholder="내용을 입력하세요."></textarea>
	184	+ <div class="txt-count"><strong>0</strong>/<span>250</span>자</div>
185	185	</div>
186	186	</td>
187	187	</tr>
...	...	@@ -200,8 +200,9 @@
200	200	<td data-tit="성명">김세연</td>
201	201	<td data-tit="상태(처리날짜)">이수<br>(YYYY-MM-DD)</td>
202	202	<td>
203		- <div>
204		- <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
	203	+ <div class="txt-count-area">
	204	+ <textarea title="텍스트 입력" placeholder="내용을 입력하세요."></textarea>
	205	+ <div class="txt-count"><strong>0</strong>/<span>250</span>자</div>
205	206	</div>
206	207	</td>
207	208	</tr>
...	...	@@ -221,5 +222,32 @@
221	222	<div class="toast"></div>
222	223	<!--popup-->
223	224	<div class="dim"></div>
	225	+
	226	+ <script>
	227	+ $(document).ready(function () {
	228	+ $(".txt-count-area").each(function () {
	229	+ const $txtcountarea = $(this);
	230	+ const $textarea = $txtcountarea.find('textarea, input');
	231	+ const $countarea = $txtcountarea.find('.txt-count');
	232	+ const $countStrong = $countarea.find("strong");
	233	+ const $maxCountSpan = $countarea.find("span");
	234	+
	235	+ const maxLength = parseInt($maxCountSpan.text(), 10);
	236	+
	237	+ const initialLength = $textarea.val().length;
	238	+ $countStrong.text(initialLength);
	239	+
	240	+ $textarea.on("input", function () {
	241	+ const currentLength = $(this).val().length;
	242	+ $countStrong.text(currentLength);
	243	+ if (currentLength > maxLength) {
	244	+ $(this).val($(this).val().substring(0, maxLength));
	245	+ $countStrong.text(maxLength);
	246	+ toastShow('최대 글자 수를 초과했습니다.');
	247	+ }
	248	+ });
	249	+ });
	250	+ });
	251	+ </script>
224	252	</body>
225	253	</html>

...	...	@@ -1,81 +1,92 @@
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	+ <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	35
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>
	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	58	<section class="section">
59	59	<div class="section-tit-area">
60	60	<div class="l-area">
61	61	<h3 class="txt-hide">평가 상세</h3>
62	62	</div>
63	63	<div class="r-area">
64		- <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
	64	+ <p class="msg">
	65	+ <i class="required">*<span class="txt-hide">필수</span></i> 필수 입력
	66	+ </p>
65	67	</div>
66	68	</div>
67	69	<div class="write-type">
68	70	<table>
69		- <caption>평가 상세</caption>
	71	+ <caption>
	72	+ 평가 상세
	73	+ </caption>
70	74	<colgroup>
71		- <col style="width: 160px">
72		- <col>
	75	+ <col style="width: 160px" />
	76	+ <col />
73	77	</colgroup>
74	78	<tbody>
75	79	<tr>
76		- <th scope="row">평가명<i class="required">*<span class="txt-hide">필수</span></i></th>
	80	+ <th scope="row">
	81	+ 평가명<i class="required">*<span class="txt-hide">필수</span></i>
	82	+ </th>
77	83	<td>
78		- <input type="text" title="인풋박스" class="q4" placeholder="평가명을 입력하세요.">
	84	+ <input
	85	+ type="text"
	86	+ title="평가명을 입력하세요."
	87	+ class="q4"
	88	+ placeholder="평가명을 입력하세요."
	89	+ />
79	90	</td>
80	91	</tr>
81	92	<tr>
...	...	@@ -93,15 +104,15 @@
93	104	</table>
94	105	</div>
95	106	</section>
96		- <section class="section">
97		- <div class="fnc-area">
	107	+ <section class="section last">
	108	+ <div class="fnc-area">
98	109	<div class="l-area">
99	110	<h3 class="txt-hide">성적직접관리</h3>
100	111	</div>
101		- <div class="l-area">
102		- <p>총 <em>00</em> 건</p>
103		- </div>
104		- <div class="r-area">
	112	+ <div class="l-area">
	113	+ <p>총 <em>00</em> 건</p>
	114	+ </div>
	115	+ <div class="r-area">
105	116	<fieldset class="search-area">
106	117	<legend>검색</legend>
107	118	<div class="search">
...	...	@@ -110,10 +121,12 @@
110	121	</div>
111	122	</fieldset>
112	123	</div>
113		- </div>
114		- <div class="list-type">
	124	+ </div>
	125	+ <div class="list-type">
115	126	<table>
116		- <caption>성적직접관리 상세</caption>
	127	+ <caption>
	128	+ 성적직접관리 상세
	129	+ </caption>
117	130	<thead>
118	131	<tr>
119	132	<th scope="col">연번</th>
...	...	@@ -134,7 +147,7 @@
134	147	<td data-tit="번호">3</td>
135	148	<td data-tit="이름">김세연</td>
136	149	<td data-tit="점수입력(점)">
137		- <input type="number" title="점수 입력">
	150	+ <input type="number" title="점수 입력" />
138	151	</td>
139	152	</tr>
140	153	<tr>
...	...	@@ -145,7 +158,7 @@
145	158	<td data-tit="번호">2</td>
146	159	<td data-tit="이름">김세연</td>
147	160	<td data-tit="점수입력(점)">
148		- <input type="number" title="점수 입력">
	161	+ <input type="number" title="점수 입력" />
149	162	</td>
150	163	</tr>
151	164	<tr>
...	...	@@ -156,30 +169,28 @@
156	169	<td data-tit="번호">1</td>
157	170	<td data-tit="이름">김세연</td>
158	171	<td data-tit="점수입력(점)">
159		- <input type="number" title="점수 입력">
	172	+ <input type="number" title="점수 입력" />
160	173	</td>
161	174	</tr>
162	175	</tbody>
163	176	</table>
164	177	</div>
165		- </section>
166		- <div class="btn-flex-cont">
167		- <div class="l-area">
168		- <a href="#none" class="btn lg">목록</a>
169		- <a href="#none" class="btn lg danger">삭제</a>
170		- </div>
171		- <div class="r-area">
172		- <button type="submit" class="btn lg primary">저장</button>
173		- </div>
	178	+ </section>
	179	+ <div class="btn-fnc-cont align-left">
	180	+ <button class="btn sm danger">삭제</button>
174	181	</div>
175		- </div>
176		- </div>
177		- </div>
178		- <footer class="site-footer"></footer>
179		- </div>
180		- <!-- toast -->
181		- <div class="toast"></div>
182		- <!--popup-->
183		- <div class="dim"></div>
184		- </body>
	182	+ <div class="btn-cont">
	183	+ <button class="btn lg">목록</button>
	184	+ <button type="submit" class="btn lg primary">저장</button>
	185	+ </div>
	186	+ </div>
	187	+ </div>
	188	+ </div>
	189	+ <footer class="site-footer"></footer>
	190	+ </div>
	191	+ <!-- toast -->
	192	+ <div class="toast"></div>
	193	+ <!--popup-->
	194	+ <div class="dim"></div>
	195	+ </body>
185	196	</html>

...	...	@@ -166,9 +166,9 @@
166	166	</table>
167	167	</div>
168	168	<div class="btn-cont">
169		- <a href="#none" class="btn lg">목록</a>
170		- <a href="#none" class="btn lg primary">저장</a>
171		- </div>
	169	+ <button class="btn lg">목록</button>
	170	+ <button class="btn lg primary">저장</button>
	171	+ </div>
172	172	</div>
173	173	</div>
174	174	</div>

...	...	@@ -93,8 +93,15 @@
93	93	<input type="checkbox" name="c1" id="c1-1" />
94	94	<label for="c1-1">A등급</label>
95	95	<div class="input-mum-area">
96		- <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
97		- <input type="number" class="input-num" title="점수 입력" /> 점까지
	96	+ <div class="input-box">
	97	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	98	+ <span class="font-color-gray">점</span>
	99	+ </div>
	100	+ ~
	101	+ <div class="input-box">
	102	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	103	+ <span class="font-color-gray">점</span>
	104	+ </div>
98	105	</div>
99	106	</div>
100	107	</fieldset>
...	...	@@ -108,8 +115,15 @@
108	115	<input type="checkbox" name="c1" id="c1-2" />
109	116	<label for="c1-2">A등급</label>
110	117	<div class="input-mum-area">
111		- <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
112		- <input type="number" class="input-num" title="점수 입력" /> 점까지
	118	+ <div class="input-box">
	119	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	120	+ <span class="font-color-gray">점</span>
	121	+ </div>
	122	+ ~
	123	+ <div class="input-box">
	124	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	125	+ <span class="font-color-gray">점</span>
	126	+ </div>
113	127	</div>
114	128	</div>
115	129	</fieldset>
...	...	@@ -123,8 +137,15 @@
123	137	<input type="checkbox" name="c1" id="c1-3" />
124	138	<label for="c1-3">B등급</label>
125	139	<div class="input-mum-area">
126		- <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
127		- <input type="number" class="input-num" title="점수 입력" /> 점까지
	140	+ <div class="input-box">
	141	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	142	+ <span class="font-color-gray">점</span>
	143	+ </div>
	144	+ ~
	145	+ <div class="input-box">
	146	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	147	+ <span class="font-color-gray">점</span>
	148	+ </div>
128	149	</div>
129	150	</div>
130	151	</fieldset>
...	...	@@ -138,8 +159,15 @@
138	159	<input type="checkbox" name="c1" id="c1-4" />
139	160	<label for="c1-4">C등급</label>
140	161	<div class="input-mum-area">
141		- <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
142		- <input type="number" class="input-num" title="점수 입력" /> 점까지
	162	+ <div class="input-box">
	163	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	164	+ <span class="font-color-gray">점</span>
	165	+ </div>
	166	+ ~
	167	+ <div class="input-box">
	168	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	169	+ <span class="font-color-gray">점</span>
	170	+ </div>
143	171	</div>
144	172	</div>
145	173	</fieldset>
...	...	@@ -153,8 +181,15 @@
153	181	<input type="checkbox" name="c1" id="c1-5" />
154	182	<label for="c1-5">D등급</label>
155	183	<div class="input-mum-area">
156		- <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
157		- <input type="number" class="input-num" title="점수 입력" /> 점까지
	184	+ <div class="input-box">
	185	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	186	+ <span class="font-color-gray">점</span>
	187	+ </div>
	188	+ ~
	189	+ <div class="input-box">
	190	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	191	+ <span class="font-color-gray">점</span>
	192	+ </div>
158	193	</div>
159	194	</div>
160	195	</fieldset>
...	...	@@ -168,8 +203,15 @@
168	203	<input type="checkbox" name="c1" id="c1-6" />
169	204	<label for="c1-6">E등급</label>
170	205	<div class="input-mum-area">
171		- <input type="number" class="input-num" title="점수 입력" /> 점에서 ~
172		- <input type="number" class="input-num" title="점수 입력" /> 점까지
	206	+ <div class="input-box">
	207	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	208	+ <span class="font-color-gray">점</span>
	209	+ </div>
	210	+ ~
	211	+ <div class="input-box">
	212	+ <input type="number" style="width: 64px" class="align-right" title="점수 입력">
	213	+ <span class="font-color-gray">점</span>
	214	+ </div>
173	215	</div>
174	216	</div>
175	217	</fieldset>

...	...	@@ -43,12 +43,11 @@
43	43	<h1>과제 제출 리스트 </h1>
44	44	</div>
45	45	<div class="pop-body">
46		- <div class="fnc-area">
	46	+ <div class="flex-area">
47	47	<div class="l-area">
48		- <select title="과제명 선택">
49		- <option>이거 위치 어디에 놔요..?</option>
	48	+ <select class="flex1" title="과제명 선택">
	49	+ <option>과제명 선택</option>
50	50	</select>
51		- <button type="button" class="btn primary">확인</button>
52	51	</div>
53	52	</div>
54	53	<div class="fnc-extend-area">

...	...	@@ -46,7 +46,7 @@
46	46	<h1>일정 등록</h1>
47	47	</div>
48	48	<div class="pop-body">
49		- <div class="section-tit-area">
	49	+ <div class="fnc-area">
50	50	<div class="r-area">
51	51	<p class="msg">
52	52	<i class="required">

...	...	@@ -101,7 +101,7 @@
101	101	<td data-tit="등록일">2025-10-12</td>
102	102	<td>
103	103	<div class="btn-tbl-cont">
104		- <button type="button" class="btn sm primary">내용 보기</button>
	104	+ <button type="button" class="btn sm secondary">내용 보기</button>
105	105	</div>
106	106	</td>
107	107	</tr>
...	...	@@ -117,7 +117,7 @@
117	117	<td data-tit="등록일">2025-10-12</td>
118	118	<td>
119	119	<div class="btn-tbl-cont">
120		- <button type="button" class="btn sm primary">내용 보기</button>
	120	+ <button type="button" class="btn sm secondary">내용 보기</button>
121	121	</div>
122	122	</td>
123	123	</tr>
...	...	@@ -133,7 +133,7 @@
133	133	<td data-tit="등록일">2025-10-12</td>
134	134	<td>
135	135	<div class="btn-tbl-cont">
136		- <button type="button" class="btn sm primary">내용 보기</button>
	136	+ <button type="button" class="btn sm secondary">내용 보기</button>
137	137	</div>
138	138	</td>
139	139	</tr>
...	...	@@ -149,7 +149,7 @@
149	149	<td data-tit="등록일">2025-10-12</td>
150	150	<td>
151	151	<div class="btn-tbl-cont">
152		- <button type="button" class="btn sm primary">내용 보기</button>
	152	+ <button type="button" class="btn sm secondary">내용 보기</button>
153	153	</div>
154	154	</td>
155	155	</tr>

...	...	@@ -142,8 +142,8 @@
142	142	</div> -->
143	143	</div>
144	144	<div class="a-area">
145		- <select name="" id="">
146		- <option value="">선택하세요.</option>
	145	+ <select>
	146	+ <option>선택하세요.</option>
147	147	</select>
148	148	</div>
149	149	</div>
...	...	@@ -184,34 +184,7 @@
184	184	</div> -->
185	185	</div>
186	186	<div class="a-area">
187		- <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
188		- </div>
189		- </div>
190		- <div class="form-item">
191		- <div class="q-area">
192		- <div class="q-tit">
193		- <div class="l-area">
194		- <span class="label num lg">5</span>
195		- <div class="q-txt">
196		- ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요.
197		- </div>
198		- </div>
199		- </div>
200		- <!-- <div class="q-img">
201		- <figure>
202		- <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
203		- </figure>
204		- </div> -->
205		- </div>
206		- <div class="a-area">
207		- <div class="file-add-area">
208		- <div class="file-custom flex1">
209		- <input type="file" class="input-file" title="파일선택" id="fileCusAdd">
210		- <label class="btn secondary ico-upload" for="fileCusAdd">파일 첨부</label>
211		- <input type="text" class="flex1" autocomplete="off" placeholder="파일을 선택해주세요.">
212		- </div>
213		- <button class="btn circle ico-delete">삭제</button>
214		- </div>
	187	+ <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
215	188	</div>
216	189	</div>
217	190	</div>
...	...	@@ -236,12 +209,11 @@
236	209	</div> -->
237	210	</div>
238	211	<div class="a-area">
239		- <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
	212	+ <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea>
240	213	</div>
241	214	</div>
242	215	</div>
243	216	</div>
244		-
245	217	<div class="form-agree-area">
246	218	<h4 class="txt-hide">개인정보 처리방침</h4>
247	219	<div class="txt-area">
...	...	@@ -262,8 +234,8 @@
262	234	</div>
263	235	</div>
264	236	</div>
265		- <!-- toast -->
266		- <div class="toast"></div>
	237	+ <!-- toast -->
	238	+ <div class="toast"></div>
267	239
268	240	<!--popup-->
269	241	<div class="dim"></div>

...	...	@@ -118,7 +118,7 @@
118	118	<td>
119	119	<div class="url-add-area">
120	120	<label>
121		- <input type="text" placeholder="URL로 콘텐츠를 추가해주세요." title="텍스트 입력">
	121	+ <input type="text" placeholder="URL로 콘텐츠를 추가해주세요." title="URL로 콘텐츠를 추가해주세요.">
122	122	</label>
123	123	<button class="btn secondary">링크 추가</button>
124	124	</div>
...	...	@@ -143,13 +143,13 @@
143	143	<tr>
144	144	<th scope="row">제목<i class="required">*<span class="txt-hide">필수</span></i></th>
145	145	<td>
146		- <input type="text" title="인풋박스" class="q4" placeholder="제목을 입력하세요.">
	146	+ <input type="text" title="제목을 입력하세요." class="q4" placeholder="제목을 입력하세요.">
147	147	</td>
148	148	</tr>
149	149	<tr>
150	150	<th scope="row">내용</th>
151	151	<td>
152		- <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
	152	+ <textarea placeholder="내용을 입력하세요." title="제목을 입력하세요."></textarea>
153	153	</td>
154	154	</tr>
155	155	</tbody>
...	...	@@ -157,8 +157,8 @@
157	157	</div>
158	158	</section>
159	159	<div class="btn-cont">
160		- <a href="#none" class="btn lg">취소</a>
161		- <a href="#none" class="btn lg primary">저장</a>
	160	+ <button class="btn lg">취소</button>
	161	+ <button class="btn lg primary">등록</button>
162	162	</div>
163	163	</div>
164	164	</div>

...	...	@@ -74,12 +74,6 @@
74	74	</div>
75	75	</div>
76	76	<div class="q-file-area">
77		- <div class="audio-box">
78		- <button type="button" class="btn-audio-play" title="오디오 재생">오디오</button>
79		- <i class="ico-headphone"></i>
80		- <span>듣기 예제</span>
81		- <span class="btn circle sm ico-play"></span>
82		- </div>
83	77	<div class="q-file-audio">
84	78	<audio controls="controls">
85	79	<source src="../../images/main/before_bg_video.mp4" type="video/mp4" />
...	...	@@ -91,6 +85,10 @@
91	85	<div class="q-img">
92	86	<figure>
93	87	<img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
	88	+ <div class="img-fnc">
	89	+ <button type="button" class="btn sm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
	90	+ </button>
	91	+ </div>
94	92	</figure>
95	93	</div>
96	94	</div>
...	...	@@ -105,7 +103,18 @@
105	103	<span class="num">1</span>
106	104	<div class="a-cont">
107	105	<div class="a-txt">
108		- '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.
	106	+ '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을
	107	+ 이해할 수 있다.
	108	+ </div>
	109	+ <div class="a-img">
	110	+ <figure>
	111	+ <img src="../../../../resources/front/site/SITE_00000/images/temp/img_q.jpg"
	112	+ alt="이미지">
	113	+ <div class="img-fnc">
	114	+ <button type="button" class="btn xsm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
	115	+ </button>
	116	+ </div>
	117	+ </figure>
109	118	</div>
110	119	</div>
111	120	</div>
...	...	@@ -152,6 +161,15 @@
152	161	이 문제는 두 개의 괄호가 주어진 경우로 둘 중 하나만 정확히 알면 쉽게 정답에 접근할 수 있는 문제이다.<br>
153	162	①의 경우 왜냐하면 이하를 먼저 해석하여 아이들이 TV영향을 쉽게 받는다를 유추할 수 있고 ②의 경우는 "말다툼"이 핵심 어구로서 "화해하다"와 연결할 수 있을 것이다.
154	163	</div>
	164	+ </div>
	165	+ <div class="q-img">
	166	+ <figure>
	167	+ <img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png"
	168	+ alt="이미지">
	169	+ <div class="img-fnc">
	170	+ <button type="button" class="btn sm circle ico-zoomin overlay" onclick="popupOpenPub('popupZoom');">확대</button>
	171	+ </div>
	172	+ </figure>
155	173	</div>
156	174	</div>
157	175	</li>
...	...	@@ -178,24 +196,16 @@
178	196	<!--popup-->
179	197	<div class="dim"></div>
180	198
181		- <script>
182		- // Audio 객체 설정
183		- let loopCnt = 0;
184		- const myAudio = new Audio();
185		- myAudio.src = "https://icdn.itt.link/online/AttachFiles/contents/qesitm/20240124134856136.mp3";
186		- myAudio.loop = false;
187		-
188		- const btnPlay = document.querySelector(".btn-audio-play");
189		- btnPlay.onclick = function () {
190		- if (loopCnt == 0) {
191		- myAudio.play();
192		- loopCnt++;
193		- this.setAttribute("disabled", true);
194		- this.closest('.audio-box').classList.add('is-disabled');
195		- } else {
196		- alert("이미 들음");
197		- }
198		- }
199		- </script>
	199	+ <!-- 이미지 zoom -->
	200	+ <div class="popup-zoom" data-popuppub="popupZoom">
	201	+ <div class="pop-body">
	202	+ <figure>
	203	+ <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지 원본">
	204	+ </figure>
	205	+ </div>
	206	+ <button type="button" class="pop-close white lg">
	207	+ <span class="txt-hide">팝업닫기</span>
	208	+ </button>
	209	+ </div>
200	210	</body>
201	211	</html>

...	...	@@ -244,17 +244,6 @@
244	244	<tr>
245	245	<th scope="row">정답</th>
246	246	<td>
247		- <fieldset class="checkradio-area">
248		- <legend>입력 타입 선택</legend>
249		- <div class="checkradio">
250		- <input type="radio" id="inputType1" name="inputType" checked>
251		- <label for="inputType1">텍스트로만 입력</label>
252		- </div>
253		- <div class="checkradio">
254		- <input type="radio" id="inputType2" name="inputType" checked>
255		- <label for="inputType2">편집기로 입력</label>
256		- </div>
257		- </fieldset>
258	247	<ol class="a-write-list">
259	248	<li class="a-item">
260	249	<i class="ico-move"></i>
...	...	@@ -405,7 +394,7 @@
405	394	<li class="a-item">
406	395	<div class="a-cont">
407	396	<div class="tag-add-area">
408		- <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
	397	+ <input name='basic' title="정답 입력 후 엔터" placeholder="정답 입력 후 엔터" class="input-tag">
409	398	</div>
410	399	</div>
411	400	</li>
...	...	@@ -415,7 +404,7 @@
415	404	</div>
416	405	<div class="a-cont">
417	406	<div class="tag-add-area">
418		- <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
	407	+ <input name='basic' title="정답 입력 후 엔터" placeholder="정답 입력 후 엔터" class="input-tag">
419	408	</div>
420	409	</div>
421	410	<div class="a-fnc">
...	...	@@ -428,7 +417,7 @@
428	417	</div>
429	418	<div class="a-cont">
430	419	<div class="tag-add-area">
431		- <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
	420	+ <input name='basic' title="정답 입력 후 엔터" placeholder="정답 입력 후 엔터" class="input-tag">
432	421	</div>
433	422	</div>
434	423	<div class="a-fnc">
...	...	@@ -498,6 +487,67 @@
498	487	<tr>
499	488	<th scope="row">해설 및 학습 자료 <small class="txt-option">(선택)</small></th>
500	489	<td>
	490	+ <ol class="a-write-list ui-sortable">
	491	+ <li class="a-item">
	492	+ <i class="ico-move ui-sortable-handle"></i>
	493	+ <div class="a-cont">
	494	+ <div class="a-txt">
	495	+ -에디터-
	496	+ </div>
	497	+ </div>
	498	+ <div class="a-fnc">
	499	+ <button class="btn sm circle danger ico-delete">삭제</button>
	500	+ </div>
	501	+ </li>
	502	+ <li class="a-item">
	503	+ <i class="ico-move ui-sortable-handle"></i>
	504	+ <div class="a-cont">
	505	+ <div class="file-add-area">
	506	+ <div class="file-custom">
	507	+ <div class="preview-area">
	508	+ <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기">
	509	+ </div>
	510	+ </div>
	511	+ <div class="item-area">
	512	+ <div class="item">
	513	+ <p class="txt">비디오파일.mp4</p>
	514	+ </div>
	515	+ </div>
	516	+ </div>
	517	+ </div>
	518	+ <div class="a-fnc">
	519	+ <div class="file-custom">
	520	+ <input type="file" class="input-file">
	521	+ <button type="button" class="btn sm circle ico-attach">파일첨부</button>
	522	+ </div>
	523	+ <button class="btn sm circle danger ico-delete">삭제</button>
	524	+ </div>
	525	+ </li>
	526	+ <li class="a-item">
	527	+ <i class="ico-move ui-sortable-handle"></i>
	528	+ <div class="a-cont">
	529	+ <div class="file-add-area">
	530	+ <div class="file-custom">
	531	+ <div class="preview-area">
	532	+ <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기">
	533	+ </div>
	534	+ </div>
	535	+ <div class="item-area">
	536	+ <div class="item">
	537	+ <p class="txt">오디오.mp3</p>
	538	+ </div>
	539	+ </div>
	540	+ </div>
	541	+ </div>
	542	+ <div class="a-fnc">
	543	+ <div class="file-custom">
	544	+ <input type="file" class="input-file">
	545	+ <button type="button" class="btn sm circle ico-attach">파일첨부</button>
	546	+ </div>
	547	+ <button class="btn sm circle danger ico-delete">삭제</button>
	548	+ </div>
	549	+ </li>
	550	+ </ol>
501	551	<div class="btn-add-cont">
502	552	<button type="button" class="btn ico-document">
503	553	텍스트추가
...	...	@@ -516,11 +566,9 @@
516	566	<div class="btn-cont">
517	567	<button type="button" class="btn-add qesitmAdd">문항 추가</button>
518	568	</div>
519		- <div class="btn-flex-cont">
520		- <div class="l-raea"><a href="#none" class="btn lg">취소</a></div>
521		- <div class="r-raea">
522		- <a href="#none" class="btn lg primary">저장</a>
523		- </div>
	569	+ <div class="btn-cont">
	570	+ <button class="btn lg">취소</button>
	571	+ <button class="btn lg primary">저장</button>
524	572	</div>
525	573	</div>
526	574	</div>

...	...	@@ -64,9 +64,9 @@
64	64	<table>
65	65	<caption>콘텐츠 검색결과</caption>
66	66	<colgroup>
67		- <col style="width: 120px" />
68		- <col />
69		- <col style="width: 200px" />
	67	+ <col>
	68	+ <col style="width: 70%;">
	69	+ <col>
70	70	</colgroup>
71	71	<thead>
72	72	<tr>
...	...	@@ -116,9 +116,9 @@
116	116	<table>
117	117	<caption>문항 검색결과</caption>
118	118	<colgroup>
119		- <col style="width: 120px" />
120		- <col />
121		- <col style="width: 200px" />
	119	+ <col>
	120	+ <col style="width: 70%;">
	121	+ <col>
122	122	</colgroup>
123	123	<thead>
124	124	<tr>
...	...	@@ -197,9 +197,9 @@
197	197	<table>
198	198	<caption>평가지 검색결과</caption>
199	199	<colgroup>
200		- <col style="width: 120px" />
201		- <col />
202		- <col style="width: 200px" />
	200	+ <col>
	201	+ <col style="width: 70%;">
	202	+ <col>
203	203	</colgroup>
204	204	<thead>
205	205	<tr>

...	...	@@ -89,12 +89,6 @@
89	89	</div>
90	90	</div>
91	91	<div class="q-file-area">
92		- <div class="audio-box">
93		- <button type="button" class="btn-audio-play" title="오디오 재생">오디오</button>
94		- <i class="ico-headphone"></i>
95		- <span>듣기 예제</span>
96		- <span class="btn circle sm ico-play"></span>
97		- </div>
98	92	<div class="q-file-audio">
99	93	<audio controls="controls">
100	94	<source src="../../images/main/before_bg_video.mp4" type="video/mp4" />
...	...	@@ -106,6 +100,10 @@
106	100	<div class="q-img">
107	101	<figure>
108	102	<img src="../../../../resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
	103	+ <div class="img-fnc">
	104	+ <button type="button" class="btn sm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
	105	+ </button>
	106	+ </div>
109	107	</figure>
110	108	</div>
111	109	</div>
...	...	@@ -120,7 +118,18 @@
120	118	<span class="num">1</span>
121	119	<div class="a-cont">
122	120	<div class="a-txt">
123		- '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을 이해할 수 있다.
	121	+ '글자 찾기 놀이'의 과정에서 코딩을 하는 과정을
	122	+ 이해할 수 있다.
	123	+ </div>
	124	+ <div class="a-img">
	125	+ <figure>
	126	+ <img src="../../../../resources/front/site/SITE_00000/images/temp/img_q.jpg"
	127	+ alt="이미지">
	128	+ <div class="img-fnc">
	129	+ <button type="button" class="btn xsm ico-zoomin overlay circle" onclick="popupOpenPub('popupZoom');">
	130	+ </button>
	131	+ </div>
	132	+ </figure>
124	133	</div>
125	134	</div>
126	135	</div>
...	...	@@ -193,24 +202,16 @@
193	202	<!--popup-->
194	203	<div class="dim"></div>
195	204
196		- <script>
197		- // Audio 객체 설정
198		- let loopCnt = 0;
199		- const myAudio = new Audio();
200		- myAudio.src = "https://icdn.itt.link/online/AttachFiles/contents/qesitm/20240124134856136.mp3";
201		- myAudio.loop = false;
202		-
203		- const btnPlay = document.querySelector(".btn-audio-play");
204		- btnPlay.onclick = function () {
205		- if (loopCnt == 0) {
206		- myAudio.play();
207		- loopCnt++;
208		- this.setAttribute("disabled", true);
209		- this.closest('.audio-box').classList.add('is-disabled');
210		- } else {
211		- alert("이미 들음");
212		- }
213		- }
214		- </script>
	205	+ <!-- 이미지 zoom -->
	206	+ <div class="popup-zoom" data-popuppub="popupZoom">
	207	+ <div class="pop-body">
	208	+ <figure>
	209	+ <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지 원본">
	210	+ </figure>
	211	+ </div>
	212	+ <button type="button" class="pop-close white lg">
	213	+ <span class="txt-hide">팝업닫기</span>
	214	+ </button>
	215	+ </div>
215	216	</body>
216	217	</html>

Delete comment