이화경 이화경 10-17
나의 강의실 퍼블 수정중
@d2eabdc23dd8e951fca00d97e40d9a09f6794583
html/onSejong/index.html
--- html/onSejong/index.html
+++ html/onSejong/index.html
@@ -729,8 +729,8 @@
                                     목록
                                     <ul>
                                         <li class="working">진행중/진행예정/진행완료,manager/myclass/classList.html</li>
-                                        <li class="working">[팝업]일정등록하기,manager/myclass/pop_scheduleWrite.html</li>
-                                        <li class="working">[팝업]일정보기,manager/myclass/pop_schedule.html</li>
+                                        <li class="working">[팝업]일정등록,manager/myclass/pop_scheduleWrite.html</li>
+                                        <li class="design">[팝업]일정보기,manager/myclass/pop_schedule.html</li>
                                         <li class="before">
                                             과정 개설하기
                                             <ul>
@@ -776,12 +776,12 @@
                                         <li>[팝업]멤버별 진도관리,manager/myclass/pop_memberProgress.html</li>
                                     </ul>
                                 </li>
-                                <li class="working">과정이수처리,manager/myclass/completionProcess.html</li>
+                                <li class="design">과정이수처리,manager/myclass/completionProcess.html</li>
                                 <li>
                                     루브릭 평가관리
                                     <ul>
                                         <li class="working">루브릭 평가관리,manager/myclass/rubricManage.html</li>
-                                        <li>루브릭 만들기 </li>
+                                        <li class="before">루브릭 만들기 </li>
                                     </ul>
                                 </li>
                                 <li>
@@ -800,8 +800,8 @@
                                 <li>
                                     설문관리
                                     <ul>
-                                        <li class="working">설문관리,manager/myclass/surveyManage.html</li>
-                                        <li class="working">설문만들기,manager/myclass/surveyWrite.html</li>
+                                        <li class="design">설문관리,manager/myclass/surveyManage.html</li>
+                                        <li class="design">설문만들기,manager/myclass/surveyWrite.html</li>
                                         <li>
                                             설문 결과
                                             <ul>
@@ -809,15 +809,15 @@
                                                 <li class="design">개별응답,manager/myclass/surveyViewResult_each.html</li>
                                             </ul>
                                         </li>
-                                        <li class="before">설문 미리보기</li>
+                                        <li class="working">설문 미리보기,manager/myclass/surveyView_popWin.html</li>
                                         <li class="before">[팝업]설문조사</li>
                                     </ul>
                                 </li>
-                                <li class="before">
-                                    학슴성찰 일지 
+                                <li>
+                                    학습성찰 일지 
                                     <ul>
-                                        <li>학슴성찰 일지</li>
-                                        <li>[팝업]상세보기</li>
+                                        <li class="working">학습성찰 일지,manager/myclass/studyReflection.html</li>
+                                        <li class="working">[팝업]상세보기,manager/myclass/pop_studentReflection.html</li>
                                     </ul>
                                 </li>
                                 <li class="before">학습활동 보고서</li>
@@ -900,36 +900,36 @@
                         <li>
                             나의 강의실
                             <ul>
-                                <li class="before">
+                                <li>
                                     목록
                                     <ul>
-                                        <li>진행중/진행완료</li>
-                                        <li>[팝업]일정등록<span class="label">중복</span></li>
-                                        <li>[팝업]일정보기<span class="label">중복</span> </li>
+                                        <li class="working">진행중/진행완료,member/myclass/classList.html</li>
+                                        <li class="before">[팝업]일정등록<span class="label">중복</span></li>
+                                        <li class="before">[팝업]일정보기<span class="label">중복</span></li>
                                     </ul>
                                 </li>
-                                <li class="before">
+                                <li>
                                     출석현황
                                     <ul>
-                                        <li>출석현황</li>
-                                        <li>[팝업]멤버별 출석관리</li>
-                                        <li>[팝업]스마트출석</li>
+                                        <li class="working">출석현황,member/myclass/attend.html</li>
+                                        <li class="design">[팝업]멤버별 출석관리,member/myclass/pop_memberAttend.html</li>
+                                        <li class="before">[팝업]스마트출석<span class="label">중복</span></li>
                                     </ul>
                                 </li>
-                                <li class="before">성적현황</li>
-                                <li class="before">
+                                <li class="working">성적현황,member/myclass/gradeStatus.html</li>
+                                <li>
                                     진도현황
                                     <ul>
-                                        <li>진도현황</li>
-                                        <li>[팝업]멤버별  진도관리</li>
+                                        <li class="working">진도현황,member/myclass/progressStatus.html</li>
+                                        <li class="working">[팝업]멤버별 진도관리,member/myclass/pop_progressManage.html</li>
                                     </ul>
                                 </li>
-                                <li class="before">
-                                    학슴성찰 일지 
+                                <li>
+                                    학습성찰 일지 
                                     <ul>
-                                        <li>학슴성찰 일지</li>
-                                        <li>[팝업]성찰일지</li>
-                                        <li>[팝업]성찰일지 수정</li>
+                                        <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>
                                     </ul>
                                 </li>
                             </ul>
html/onSejong/manager/myclass/classList.html
--- html/onSejong/manager/myclass/classList.html
+++ html/onSejong/manager/myclass/classList.html
@@ -113,66 +113,66 @@
 									</tr>
 								</thead>
 								<tbody>
-									<tr>
-										<td>3</td>
-										<td data-tit="과목">온세종학교</td>
-										<td>
-											<a href="#none" class="table-title">인공지능 수학 1</a>
-										</td>
-                                        <td>중3</td>
-                                        <td>수학</td>
-										<td data-tit="수업시간">
-                                            (수)  18:00~19:40 <br>
-                                            (목)  18:00~19:40
-										</td>
-										<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>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>2</td>
-										<td data-tit="과목">캠공Ⅰ</td>
-										<td>
-											<a href="#none" class="table-title">경제와 수학</a>
-										</td>
-                                        <td>고1</td>
-                                        <td>과학</td>
-										<td data-tit="수업시간">
-                                            (수)  18:00~19:40 <br>
-                                            (목)  18:00~19:40
-										</td>
-										<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>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>1</td>
-										<td data-tit="과목">오픈과정</td>
-										<td>
-											<a href="#none" class="table-title">인공지능 수학 1</a>
-										</td>
-                                        <td>중3</td>
-                                        <td>수학</td>
-										<td data-tit="수업시간">
-                                            (수)  18:00~19:40
-										</td>
-										<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>
-											</div>
-										</td>
-									</tr>
-								</tbody>
+                                    <tr>
+                                        <td>3</td>
+                                        <td data-tit="수강구분">온세종학교</td>
+                                        <td>
+                                            <a href="#none" class="table-title">인공지능 수학 1</a>
+                                        </td>
+                                        <td data-tit="대상학년">중3</td>
+                                        <td data-tit="과목/전공">수학</td>
+                                        <td data-tit="수업시간">
+                                            (수) 18:00~19:40 <br>
+                                            (목) 18:00~19:40
+                                        </td>
+                                        <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>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td data-tit="수강구분">캠공Ⅰ</td>
+                                        <td>
+                                            <a href="#none" class="table-title">경제와 수학</a>
+                                        </td>
+                                        <td data-tit="대상학년">고1</td>
+                                        <td data-tit="과목/전공">과학</td>
+                                        <td data-tit="수업시간">
+                                            (수) 18:00~19:40 <br>
+                                            (목) 18:00~19:40
+                                        </td>
+                                        <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>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>1</td>
+                                        <td data-tit="수강구분">오픈과정</td>
+                                        <td>
+                                            <a href="#none" class="table-title">인공지능 수학 1</a>
+                                        </td>
+                                        <td data-tit="대상학년">중3</td>
+                                        <td data-tit="과목/전공">수학</td>
+                                        <td data-tit="수업시간">
+                                            (수) 18:00~19:40
+                                        </td>
+                                        <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>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
 							</table>
 						</div>
                         <!-- 진행예정 -->
@@ -204,67 +204,67 @@
 									</tr>
 								</thead>
 								<tbody>
-									<tr>
-										<td>3</td>
-										<td data-tit="과목">온세종학교</td>
-										<td>
-											<a href="#none" class="table-title">인공지능 수학 1</a>
-										</td>
-                                        <td>중3</td>
-                                        <td>수학</td>
-										<td data-tit="수업기간">2025-08-01~2025-12-31</td>
-										<td data-tit="신청 가능인원">5~20명</td>
+                                    <tr>
+                                        <td>3</td>
+                                        <td data-tit="수강구분">온세종학교</td>
+                                        <td>
+                                            <a href="#none" class="table-title">인공지능 수학 1</a>
+                                        </td>
+                                        <td data-tit="대상학년">중3</td>
+                                        <td data-tit="과목/전공">수학</td>
+                                        <td data-tit="수업기간">2025-08-01~2025-12-31</td>
+                                        <td data-tit="신청 가능인원">5~20명</td>
                                         <td>
                                             <span class="label-state blue">신청중</span>
                                         </td>
-										<td>
-											<div class="tbl-btn-cont">
-												<button type="button" class="btn sm ico-edit circle"></button>
-												<button type="button" class="btn sm ico-delete circle"></button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>2</td>
-										<td data-tit="과목">캠공Ⅰ</td>
-										<td>
-											<a href="#none" class="table-title">경제와 수학</a>
-										</td>
-                                        <td>고1</td>
-                                        <td>과학</td>
-										<td data-tit="수업기간">2025-08-01~2025-12-31</td>
-										<td data-tit="신청 가능인원">20명</td>
+                                        <td>
+                                            <div class="tbl-btn-cont">
+                                                <button type="button" class="btn sm ico-edit circle"></button>
+                                                <button type="button" class="btn sm ico-delete circle"></button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td data-tit="수강구분">캠공Ⅰ</td>
+                                        <td>
+                                            <a href="#none" class="table-title">경제와 수학</a>
+                                        </td>
+                                        <td data-tit="대상학년">고1</td>
+                                        <td data-tit="과목/전공">과학</td>
+                                        <td data-tit="수업기간">2025-08-01~2025-12-31</td>
+                                        <td data-tit="신청 가능인원">20명</td>
                                         <td>
                                             <span class="label-state yellow">임시저장</span>
                                         </td>
-										<td>
-											<div class="tbl-btn-cont">
-												<button type="button" class="btn sm ico-edit circle"></button>
-												<button type="button" class="btn sm ico-delete circle"></button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>1</td>
-										<td data-tit="과목">오픈과정</td>
-										<td>
-											<a href="#none" class="table-title">인공지능 수학 1</a>
-										</td>
-                                        <td>중3</td>
-                                        <td>수학</td>
-										<td data-tit="수업기간">2025-08-01~2025-12-31</td>
-										<td data-tit="신청 가능인원">25명</td>
+                                        <td>
+                                            <div class="tbl-btn-cont">
+                                                <button type="button" class="btn sm ico-edit circle"></button>
+                                                <button type="button" class="btn sm ico-delete circle"></button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>1</td>
+                                        <td data-tit="수강구분">오픈과정</td>
+                                        <td>
+                                            <a href="#none" class="table-title">인공지능 수학 1</a>
+                                        </td>
+                                        <td data-tit="대상학년">중3</td>
+                                        <td data-tit="과목/전공">수학</td>
+                                        <td data-tit="수업기간">2025-08-01~2025-12-31</td>
+                                        <td data-tit="신청 가능인원">25명</td>
                                         <td>
                                             <span class="label-state blue">신청중</span>
                                         </td>
-										<td>
-											<div class="tbl-btn-cont">
-												<button type="button" class="btn sm ico-edit circle"></button>
-												<button type="button" class="btn sm ico-delete circle"></button>
-											</div>
-										</td>
-									</tr>
-								</tbody>
+                                        <td>
+                                            <div class="tbl-btn-cont">
+                                                <button type="button" class="btn sm ico-edit circle"></button>
+                                                <button type="button" class="btn sm ico-delete circle"></button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
 							</table>
 						</div>
                         <!-- 진행완료 -->
@@ -298,49 +298,49 @@
 									</tr>
 								</thead>
 								<tbody>
-									<tr>
-										<td>3</td>
-										<td data-tit="과목">온세종학교</td>
-										<td>
-											<a href="#none" class="table-title">인공지능 수학 1</a>
-										</td>
-                                        <td>고등/1학년</td>
-                                        <td>수학</td>
-										<td data-tit="수업기간">2025-08-01~2025-12-31</td>
-										<td data-tit="신청 가능인원">10(3)/25</td>
+                                    <tr>
+                                        <td>3</td>
+                                        <td data-tit="수강구분">온세종학교</td>
+                                        <td>
+                                            <a href="#none" class="table-title">인공지능 수학 1</a>
+                                        </td>
+                                        <td data-tit="대상학년">고등/1학년</td>
+                                        <td data-tit="과목/전공">수학</td>
+                                        <td data-tit="수업기간">2025-08-01~2025-12-31</td>
+                                        <td data-tit="총 수강인원">10(3)/25</td>
                                         <td>
                                             <span class="label-state red">운영종료</span>
                                         </td>
-									</tr>
-									<tr>
-										<td>2</td>
-										<td data-tit="과목">캠공Ⅰ</td>
-										<td>
-											<a href="#none" class="table-title">경제와 수학</a>
-										</td>
-                                        <td>중등/3학년</td>
-                                        <td>과학</td>
-										<td data-tit="수업기간">2025-08-01~2025-12-31</td>
-										<td data-tit="신청 가능인원">7(2)/20</td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td data-tit="수강구분">캠공Ⅰ</td>
+                                        <td>
+                                            <a href="#none" class="table-title">경제와 수학</a>
+                                        </td>
+                                        <td data-tit="대상학년">중등/3학년</td>
+                                        <td data-tit="과목/전공">과학</td>
+                                        <td data-tit="수업기간">2025-08-01~2025-12-31</td>
+                                        <td data-tit="총 수강인원">7(2)/20</td>
                                         <td>
                                             <span class="label-state red">운영종료</span>
                                         </td>
-									</tr>
-									<tr>
-										<td>1</td>
-										<td data-tit="과목">오픈과정</td>
-										<td>
-											<a href="#none" class="table-title">인공지능 수학 1</a>
-										</td>
-                                        <td>고등/2학년</td>
-                                        <td>수학</td>
-										<td data-tit="수업기간">2025-08-01~2025-12-31</td>
-										<td data-tit="신청 가능인원">10(3)/25</td>
+                                    </tr>
+                                    <tr>
+                                        <td>1</td>
+                                        <td data-tit="수강구분">오픈과정</td>
+                                        <td>
+                                            <a href="#none" class="table-title">인공지능 수학 1</a>
+                                        </td>
+                                        <td data-tit="대상학년">고등/2학년</td>
+                                        <td data-tit="과목/전공">수학</td>
+                                        <td data-tit="수업기간">2025-08-01~2025-12-31</td>
+                                        <td data-tit="총 수강인원">10(3)/25</td>
                                         <td>
                                             <span class="label-state red">운영종료</span>
                                         </td>
-									</tr>
-								</tbody>
+                                    </tr>
+                                </tbody>
 							</table>
 						</div>
 						<ul class="pagenation">
html/onSejong/manager/myclass/completionProcess.html
--- html/onSejong/manager/myclass/completionProcess.html
+++ html/onSejong/manager/myclass/completionProcess.html
@@ -1,213 +1,225 @@
 <!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>
-                        <div class="fnc-area">
-                            <div class="r-area">
-                                <button class="btn sm ico-download back">엑셀 다운로드</button>
+    <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>
-                        <div class="write-type">
-                            <table>
-                                <caption>과정이수처리 상세</caption>
-                                <colgroup>
-                                    <col style="width: 160px" />
-                                    <col />
-                                    <col style="width: 160px" />
-                                    <col />
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">과정</th>
-                                        <td>인공지능 수학 (2025년2학기)</td>
-                                        <th scope="row">담당교사</th>
-                                        <td>김세종</td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">요일 · 시간</th>
-                                        <td colspan="3">[화 7], [수 5], [목 4]</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-						<div class="fnc-extend-area">
-							<div class="extend-default-area">
-								<div class="l-area">
-									<p class="total">
-										총
-										<em>00</em>
-										건
-									</p>
-								</div>
-							</div>
-							<div class="extend-fnc-area">
-								<div class="l-area">
-									<div class="checkradio">
-										<input type="checkbox" class="icon-only" id="chk_all" />
-										<label for="chk_all">선택</label>
-									</div>
-									<div class="btn-group">
-										<button class="btn xsm">미이수</button>
-										<button class="btn xsm">이수</button>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="list-type">
-                            <table>
-                                <caption>성적직접관리 상세</caption>
-                                <colgroup>
-                                    <col style="width: 48px">
-                                    <col>
-                                    <col>
-                                    <col style="width: 160px">
-                                    <col>
-                                    <col>
-                                    <col style="width: 88px">
-                                    <col style="width: 160px">
-                                    <col style="width: 360px">
-                                </colgroup>
-                                <thead>
-                                    <tr>
-                                        <th scope="col"></th>
-                                        <th scope="col">연번</th>
-                                        <th scope="col">학년</th>
-                                        <th scope="col">학교</th>
-                                        <th scope="col">반</th>
-                                        <th scope="col">번호</th>
-                                        <th scope="col">성명</th>
-                                        <th scope="col">상태<br><small>(처리날짜)</small></th>
-                                        <th scope="col">학생별 특기사항(메모)</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1">
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-                                        <td>3</td>
-                                        <td>2</td>
-                                        <td>세종고등학교</td>
-                                        <td>1</td>
-                                        <td>1</td>
-                                        <td>김세연</td>
-                                        <td>-<br>(-)</td>
-                                        <td>
-                                            <div>
-                                                <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_2" disabled>
-												<label for="chk1_2">선택</label>
-											</div>
-										</td>
-                                        <td>2</td>
-                                        <td>2</td>
-                                        <td>세종고등학교</td>
-                                        <td>1</td>
-                                        <td>1</td>
-                                        <td>김세연</td>
-                                        <td>이수<br>(YYYY-MM-DD)</td>
-                                        <td>
-                                            <div>
-                                                <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_3">
-												<label for="chk1_3">선택</label>
-											</div>
-										</td>
-                                        <td>1</td>
-                                        <td>2</td>
-                                        <td>세종고등학교</td>
-                                        <td>1</td>
-                                        <td>1</td>
-                                        <td>김세연</td>
-                                        <td>이수<br>(YYYY-MM-DD)</td>
-                                        <td>
-                                            <div>
-                                                <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
+                        <section class="section">
+                            <div class="fnc-area">
+                                <div class="l-area">
+                                    <h3 class="txt-hide">과정 상세</h3>
+                                </div>
+                                <div class="r-area">
+                                    <button class="btn sm ico-download back">엑셀 다운로드</button>
+                                </div>
+                            </div>
+                            <div class="write-type">
+                                <table>
+                                    <caption>
+                                        과정 상세
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 16rem">
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">과정</th>
+                                            <td>인공지능 수학 (2025년2학기)</td>
+                                            <th scope="row">담당교사</th>
+                                            <td>김세종</td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">요일 · 시간</th>
+                                            <td colspan="3">[화 7], [수 5], [목 4]</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <section class="section">
+                            <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">
+                                            총
+                                            <em>00</em>
+                                            건
+                                        </p>
+                                    </div>
+                                </div>
+                                <div class="extend-fnc-area">
+                                    <div class="l-area">
+                                        <div class="checkradio">
+                                            <input type="checkbox" class="icon-only" id="chk_all">
+                                            <label for="chk_all">선택</label>
+                                        </div>
+                                        <div class="btn-group">
+                                            <button class="btn xsm">미이수</button>
+                                            <button class="btn xsm">이수</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="list-type">
+                                <table>
+                                    <caption>과정이수처리 상세</caption>
+                                    <colgroup>
+                                        <col style="width: 4.8rem">
+                                        <col>
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col>
+                                        <col>
+                                        <col style="width: 8.8rem">
+                                        <col style="width: 16rem">
+                                        <col style="width: 36rem">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col"></th>
+                                            <th scope="col">연번</th>
+                                            <th scope="col">학년</th>
+                                            <th scope="col">학교</th>
+                                            <th scope="col">반</th>
+                                            <th scope="col">번호</th>
+                                            <th scope="col">성명</th>
+                                            <th scope="col">상태<br><small>(처리날짜)</small></th>
+                                            <th scope="col">학생별 특기사항(메모)</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_1">
+                                                    <label for="chk1_1">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>3</td>
+                                            <td data-tit="학년">2</td>
+                                            <td data-tit="학교">세종고등학교</td>
+                                            <td data-tit="반">1</td>
+                                            <td data-tit="번호">1</td>
+                                            <td data-tit="성명">김세연</td>
+                                            <td data-tit="상태(처리날짜)">-<br>(-)</td>
+                                            <td>
+                                                <div>
+                                                    <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_2" disabled>
+                                                    <label for="chk1_2">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>2</td>
+                                            <td data-tit="학년">2</td>
+                                            <td data-tit="학교">세종고등학교</td>
+                                            <td data-tit="반">1</td>
+                                            <td data-tit="번호">1</td>
+                                            <td data-tit="성명">김세연</td>
+                                            <td data-tit="상태(처리날짜)">이수<br>(YYYY-MM-DD)</td>
+                                            <td>
+                                                <div>
+                                                    <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_3">
+                                                    <label for="chk1_3">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>1</td>
+                                            <td data-tit="학년">2</td>
+                                            <td data-tit="학교">세종고등학교</td>
+                                            <td data-tit="반">1</td>
+                                            <td data-tit="번호">1</td>
+                                            <td data-tit="성명">김세연</td>
+                                            <td data-tit="상태(처리날짜)">이수<br>(YYYY-MM-DD)</td>
+                                            <td>
+                                                <div>
+                                                    <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
                         <div class="btn-cont">
-                                <button type="submit" class="btn lg primary">저장</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>
+                    </div>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
 </html>
html/onSejong/manager/myclass/gradeInput.html
--- html/onSejong/manager/myclass/gradeInput.html
+++ html/onSejong/manager/myclass/gradeInput.html
@@ -55,113 +55,118 @@
 								<h2 class="title-xlg">성적직접관리</h2>
 							</div>
 						</div>
-                        <div class="write-type">
-                            <table>
-                                <caption>성적직접관리 상세</caption>
-                                <colgroup>
-                                    <col style="width: 160px" />
-                                    <col />
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">평가명</th>
-                                        <td>
-                                            <input type="text" title="인풋박스" class="q4">
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">반영비율(%)</th>
-                                        <td>
-                                            <select title="지필 선택">
-                                                <option>지필</option>
-                                            </select>
-                                            <select title="비율 선택">
-                                                <option>%</option>
-                                            </select>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-						<div class="fnc-area">
-							<div class="l-area">
-								<p>총 <em>00</em> 건
-								</p>
-							</div>
-							<div class="r-area">
-                                <fieldset class="search-area">
-                                    <legend>검색</legend>
-                                    <div class="search">
-                                        <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
-                                        <button class="btn ico-search">검색</button>
-                                    </div>
-                                </fieldset>
+                        <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>
+                                </div>
                             </div>
-						</div>
-						<div class="list-type">
-                            <table>
-                                <caption>성적직접관리 상세</caption>
-                                <colgroup>
-                                    <col>
-                                    <col>
-                                    <col>
-                                    <col>
-                                    <col>
-                                    <col>
-                                    <col>
-                                </colgroup>
-                                <thead>
-                                    <tr>
-                                        <th scope="col">연번</th>
-                                        <th scope="col">학년</th>
-                                        <th scope="col">학교</th>
-                                        <th scope="col">반</th>
-                                        <th scope="col">번호</th>
-                                        <th scope="col">성명</th>
-                                        <th scope="col">점수 입력(점)</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>3</td>
-                                        <td>2</td>
-                                        <td>다정초등학교</td>
-                                        <td>1</td>
-                                        <td>3</td>
-                                        <td>김세연</td>
-                                        <td>
-                                            <input type="text" title="인풋박스">
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>2</td>
-                                        <td>2</td>
-                                        <td>다정초등학교</td>
-                                        <td>1</td>
-                                        <td>2</td>
-                                        <td>김세연</td>
-                                        <td>
-                                            <input type="text" title="인풋박스">
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>1</td>
-                                        <td>2</td>
-                                        <td>다정초등학교</td>
-                                        <td>1</td>
-                                        <td>1</td>
-                                        <td>김세연</td>
-                                        <td>
-                                            <input type="text" title="인풋박스">
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
+                            <div class="write-type">
+                                <table>
+                                    <caption>평가 상세</caption>
+                                    <colgroup>
+                                        <col style="width: 160px">
+                                        <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">반영비율(%)</th>
+                                            <td>
+                                                <select title="지필 선택">
+                                                    <option>지필</option>
+                                                </select>
+                                                <select title="비율 선택">
+                                                    <option>%</option>
+                                                </select>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+						<section class="section">
+						    <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">
+                                    <fieldset class="search-area">
+                                        <legend>검색</legend>
+                                        <div class="search">
+                                            <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요.">
+                                            <button class="btn ico-search">검색</button>
+                                        </div>
+                                    </fieldset>
+                                </div>
+    						</div>
+    					    <div class="list-type">
+                                <table>
+                                    <caption>성적직접관리 상세</caption>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col">연번</th>
+                                            <th scope="col">학년</th>
+                                            <th scope="col">학교</th>
+                                            <th scope="col">반</th>
+                                            <th scope="col">번호</th>
+                                            <th scope="col">성명</th>
+                                            <th scope="col">점수 입력(점)</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>3</td>
+                                            <td data-tit="학년">2</td>
+                                            <td data-tit="학교">다정초등학교</td>
+                                            <td data-tit="반">1</td>
+                                            <td data-tit="번호">3</td>
+                                            <td data-tit="이름">김세연</td>
+                                            <td data-tit="점수입력(점)">
+                                                <input type="number" title="점수 입력">
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>2</td>
+                                            <td data-tit="학년">2</td>
+                                            <td data-tit="학교">다정초등학교</td>
+                                            <td data-tit="반">1</td>
+                                            <td data-tit="번호">2</td>
+                                            <td data-tit="이름">김세연</td>
+                                            <td data-tit="점수입력(점)">
+                                                <input type="number" title="점수 입력">
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>1</td>
+                                            <td data-tit="학년">2</td>
+                                            <td data-tit="학교">다정초등학교</td>
+                                            <td data-tit="반">1</td>
+                                            <td data-tit="번호">1</td>
+                                            <td data-tit="이름">김세연</td>
+                                            <td data-tit="점수입력(점)">
+                                                <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 secondary">삭제</a>
+                                <a href="#none" class="btn lg danger">삭제</a>
                             </div>
                             <div class="r-area">
                                 <button type="submit" class="btn lg primary">저장</button>
html/onSejong/manager/myclass/gradeManage.html
--- html/onSejong/manager/myclass/gradeManage.html
+++ html/onSejong/manager/myclass/gradeManage.html
@@ -57,7 +57,7 @@
 						</div>
                         <div class="write-type">
                             <table>
-                                <caption>성적항목관리 상세</caption>
+                                <caption>평가 상세</caption>
                                 <colgroup>
                                     <col style="width: 160px" />
                                     <col />
@@ -80,6 +80,11 @@
 								</p>
 							</div>
 							<div class="r-area">
+                                <select class="select-sort border-none" title="정렬 선택">
+                                    <option>구분 전체</option>
+                                    <option>지필</option>
+                                    <option>수행</option>
+                                </select>
                                 <fieldset class="search-area">
                                     <legend>검색</legend>
                                     <div class="search">
@@ -91,7 +96,7 @@
 						</div>
 						<div class="list-type">
                             <table>
-                                <caption>휴/보강 이력조회 상세</caption>
+                                <caption>성적항목관리 목록</caption>
                                 <colgroup>
                                     <col style="width: 84px;">
                                     <col style="width: 120px;">
@@ -113,48 +118,48 @@
                                         <td>3</td>
                                         <td>과제</td>
                                         <td>기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</td>
-                                        <td>2025-10-01</td>
-                                        <td>
+                                        <td data-tit="등록일">2025-10-01</td>
+                                        <td data-tit="반영비율(%)">
                                             <div class="input-flex-area">
-												<select title="지필 선택" class="flex1">
-													<option>지필</option>
-												</select>
-												<select title="비율 선택" class="flex1">
-													<option>%</option>
-												</select>
-											</div>
+                                                <select title="지필 선택" class="flex1">
+                                                    <option>지필</option>
+                                                </select>
+                                                <select title="비율 선택" class="flex1">
+                                                    <option>%</option>
+                                                </select>
+                                            </div>
                                         </td>
                                     </tr>
                                     <tr>
                                         <td>2</td>
                                         <td>평가</td>
                                         <td>기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</td>
-                                        <td>2025-10-01</td>
-                                        <td>
+                                        <td data-tit="등록일">2025-10-01</td>
+                                        <td data-tit="반영비율(%)">
                                             <div class="input-flex-area">
-												<select title="지필 선택" class="flex1">
-													<option>지필</option>
-												</select>
-												<select title="비율 선택" class="flex1">
-													<option>%</option>
-												</select>
-											</div>
+                                                <select title="지필 선택" class="flex1">
+                                                    <option>지필</option>
+                                                </select>
+                                                <select title="비율 선택" class="flex1">
+                                                    <option>%</option>
+                                                </select>
+                                            </div>
                                         </td>
                                     </tr>
                                     <tr>
                                         <td>1</td>
                                         <td>과제</td>
                                         <td>기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</td>
-                                        <td>2025-10-01</td>
-                                        <td>
+                                        <td data-tit="등록일">2025-10-01</td>
+                                        <td data-tit="반영비율(%)">
                                             <div class="input-flex-area">
-												<select title="지필 선택" class="flex1">
-													<option>지필</option>
-												</select>
-												<select title="비율 선택" class="flex1">
-													<option>%</option>
-												</select>
-											</div>
+                                                <select title="지필 선택" class="flex1">
+                                                    <option>지필</option>
+                                                </select>
+                                                <select title="비율 선택" class="flex1">
+                                                    <option>%</option>
+                                                </select>
+                                            </div>
                                         </td>
                                     </tr>
                                 </tbody>
html/onSejong/manager/myclass/memberManage_auditor.html
--- html/onSejong/manager/myclass/memberManage_auditor.html
+++ html/onSejong/manager/myclass/memberManage_auditor.html
@@ -1,230 +1,249 @@
 <!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">
+    <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>
-						<ul class="tabs-nav-lg">
-							<li><a href="#none">수강생관리</a></li>
-							<li><a href="#none" class="is-active" title="선택됨">청강생관리</a></li>
-							<li><a href="#none">팀티처관리</a></li>
-							<li><a href="#none">모둠관리</a></li>
-						</ul>
-                        <div class="write-type">
-                            <table>
-                                <caption>청강생 목록</caption>
-                                <colgroup>
-                                    <col style="width: 160px" />
-                                    <col />
-                                    <col style="width: 160px" />
-                                    <col />
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">과정</th>
-                                        <td>인공지능 수학 (2025년2학기)</td>
-                                        <th scope="row">담당교사</th>
-                                        <td>김세종</td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">요일 · 시간</th>
-                                        <td colspan="3">[화 7], [수 5], [목 4]</td>
-                                    </tr>
-                                </tbody>
-                            </table>
+                    <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>
-						<div class="section-tit-area">
-							<div class="r-area">
-								<button class="btn ico-mail">SMS 보내기</button>
-								<button class="btn primary ico-send">초대하기</button>
-							</div>
-						</div>
-						<div class="fnc-extend-area">
-							<div class="extend-default-area">
-								<div class="l-area">
-									<p class="total">
-										전체
-										<em>156</em>
-										명
-									</p>
-								</div>
-								<div class="r-area">
-									<fieldset class="search-area">
-										<legend>검색</legend>
-										<div class="search-option" title="검색 옵션 선택">
-											<select title="검색 옵션 선택">
-												<option>ID</option>
-											</select>
-										</div>
-										<div class="search">
-											<input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
-											<button class="btn ico-search">검색</button>
-										</div>
-									</fieldset>
-								</div>
-							</div>
-							<div class="extend-fnc-area">
-								<div class="l-area">
-									<div class="checkradio">
-										<input type="checkbox" class="icon-only" id="chk_all" />
-										<label for="chk_all">선택</label>
-									</div>
-									<div class="btn-group">
-										<button class="btn xsm">선택 승인</button>
-										<button class="btn xsm">선택 거절</button>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="list-type">
-							<table>
-								<caption>수강생 목록</caption>
-								<colgroup>
-									<col style="width: 48px">
-									<col>
-									<col>
-									<col style="width: 180px">
-									<col style="width: 180px">
-									<col style="width: 160px">
-								</colgroup>
-								<thead>
-									<tr>
-										<th scope="col"></th>
-										<th scope="col">멤버정보</th>
-										<th scope="col">학교/학년/반/번호</th>
-										<th scope="col">전화번호</th>
-										<th scope="col">최근 접속일</th>
-										<th scope="col">관리</th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr>
-										<td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1" />
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-										<td>
-											<div class="profile align-left">
-												<div class="img-area">
-													<figure>
-														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-													</figure>
-												</div>
-												<div class="txt-area">
-													<strong class="profile-tit">학생명</strong>
-													<span>user_id</span>
-												</div>
-												<div class="fnc">
-													<span class="label secondary">학생</span>
-												</div>
-											</div>
-										</td>
-										<td>OO고등학교 / 1학년 / 3반 / 12번</td>
-										<td>010-1234-5678</td>
-										<td data-tit="최근 접속일">2025-08-15 12:21</td>
-										<td>
-											<div class="btn-tbl-cont">
-												<button type="button" class="btn sm primary">승인</button>
-												<button type="button" class="btn sm danger">거절</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1" />
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-										<td>
-											<div class="profile align-left">
-												<div class="img-area">
-													<figure>
-														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-													</figure>
-												</div>
-												<div class="txt-area">
-													<strong class="profile-tit">학생명</strong>
-													<span>user_id</span>
-												</div>
-												<div class="fnc">
-													<span class="label secondary">학생</span>
-												</div>
-											</div>
-										</td>
-										<td>OO고등학교 / 1학년 / 3반 / 12번</td>
-										<td>010-1234-5678</td>
-										<td data-tit="최근 접속일">2025-08-15 12:21</td>
-										<td>
-											<div class="btn-tbl-cont">
-												<button type="button" class="btn sm danger">승인취소</button>
-											</div>
-										</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-			<footer class="site-footer"></footer>
-		</div>
-		<!-- toast -->
-		<div class="toast"></div>
-		<!--popup-->
-		<div class="dim"></div>
-	</body>
+                        <ul class="tabs-nav-lg">
+                            <li><a href="#none">수강생관리</a></li>
+                            <li><a href="#none" class="is-active" title="선택됨">청강생관리</a></li>
+                            <li><a href="#none">팀티처관리</a></li>
+                            <li><a href="#none">모둠관리</a></li>
+                        </ul>
+                        <section class="section sm">
+                            <h3 class="txt-hide">과정 상세</h3>
+                            <div class="write-type">
+                                <table>
+                                    <caption>
+                                        과정 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 16rem">
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">과정</th>
+                                            <td>인공지능 수학 (2025년2학기)</td>
+                                            <th scope="row">담당교사</th>
+                                            <td>김세종</td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">요일 · 시간</th>
+                                            <td colspan="3">[화 7], [수 5], [목 4]</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <section class="section">
+                            <div class="section-tit-area">
+                                <div class="l-area">
+                                    <h3 class="txt-hide">청강생 상세</h3>
+                                </div>
+                                <div class="r-area">
+                                    <button class="btn ico-mail">SMS 보내기</button>
+                                    <button class="btn primary ico-send">초대하기</button>
+                                </div>
+                            </div>
+                            <div class="fnc-extend-area">
+                                <div class="extend-default-area">
+                                    <div class="l-area">
+                                        <p class="total">
+                                            전체
+                                            <em>156</em>
+                                            명
+                                        </p>
+                                    </div>
+                                    <div class="r-area">
+                                        <fieldset class="search-area">
+                                            <legend>검색</legend>
+                                            <div class="search-option" title="검색 옵션 선택">
+                                                <select title="검색 옵션 선택">
+                                                    <option>ID</option>
+                                                </select>
+                                            </div>
+                                            <div class="search">
+                                                <input
+                                                    type="text"
+                                                    placeholder="검색어를 입력하세요."
+                                                    title="검색어를 입력하세요.">
+                                                <button class="btn ico-search">검색</button>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                                <div class="extend-fnc-area">
+                                    <div class="l-area">
+                                        <div class="checkradio">
+                                            <input type="checkbox" class="icon-only" id="chk_all">
+                                            <label for="chk_all">선택</label>
+                                        </div>
+                                        <div class="btn-group">
+                                            <button class="btn xsm">선택 승인</button>
+                                            <button class="btn xsm">선택 거절</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="list-type">
+                                <table>
+                                    <caption>
+                                        수강생 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 4.8rem">
+                                        <col>
+                                        <col>
+                                        <col style="width: 18rem">
+                                        <col style="width: 18rem">
+                                        <col style="width: 16rem">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col"></th>
+                                            <th scope="col">멤버정보</th>
+                                            <th scope="col">학교/학년/반/번호</th>
+                                            <th scope="col">전화번호</th>
+                                            <th scope="col">최근 접속일</th>
+                                            <th scope="col">관리</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_1">
+                                                    <label for="chk1_1">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="profile align-left">
+                                                    <div class="img-area">
+                                                        <figure>
+                                                            <img
+                                                                src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
+                                                                alt="프로필 썸네일">
+                                                        </figure>
+                                                    </div>
+                                                    <div class="txt-area">
+                                                        <strong class="profile-tit">학생명</strong>
+                                                        <span>user_id</span>
+                                                    </div>
+                                                    <div class="fnc">
+                                                        <span class="label secondary">학생</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>OO고등학교 / 1학년 / 3반 / 12번</td>
+                                            <td>010-1234-5678</td>
+                                            <td data-tit="최근 접속일">2025-08-15 12:21</td>
+                                            <td>
+                                                <div class="btn-tbl-cont">
+                                                    <button type="button" class="btn sm primary">승인</button>
+                                                    <button type="button" class="btn sm danger">거절</button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_2">
+                                                    <label for="chk1_2">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="profile align-left">
+                                                    <div class="img-area">
+                                                        <figure>
+                                                            <img
+                                                                src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
+                                                                alt="프로필 썸네일">
+                                                        </figure>
+                                                    </div>
+                                                    <div class="txt-area">
+                                                        <strong class="profile-tit">학생명</strong>
+                                                        <span>user_id</span>
+                                                    </div>
+                                                    <div class="fnc">
+                                                        <span class="label secondary">학생</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>OO고등학교 / 1학년 / 3반 / 12번</td>
+                                            <td>010-1234-5678</td>
+                                            <td data-tit="최근 접속일">2025-08-15 12:21</td>
+                                            <td>
+                                                <div class="btn-tbl-cont">
+                                                    <button type="button" class="btn sm danger">승인취소</button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
 </html>
html/onSejong/manager/myclass/memberManage_group.html
--- html/onSejong/manager/myclass/memberManage_group.html
+++ html/onSejong/manager/myclass/memberManage_group.html
@@ -1,201 +1,224 @@
 <!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">
+    <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>
-						<ul class="tabs-nav-lg">
-							<li><a href="#none">수강생관리</a></li>
-							<li><a href="#none">청강생관리</a></li>
-							<li><a href="#none">팀티처관리</a></li>
-							<li><a href="#none" class="is-active" title="선택됨">모둠관리</a></li>
-						</ul>
-                        <div class="write-type">
-                            <table>
-                                <caption>팀티처 목록</caption>
-                                <colgroup>
-                                    <col style="width: 160px" />
-                                    <col />
-                                    <col style="width: 160px" />
-                                    <col />
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">과정</th>
-                                        <td>인공지능 수학 (2025년2학기)</td>
-                                        <th scope="row">담당교사</th>
-                                        <td>김세종</td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">요일 · 시간</th>
-                                        <td colspan="3">[화 7], [수 5], [목 4]</td>
-                                    </tr>
-                                </tbody>
-                            </table>
+                    <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>
-						<div class="section-tit-area">
-							<div class="r-area">
-								<button class="btn primary ico-plus">모둠 만들기</button>
-							</div>
-						</div>
-						<div class="fnc-extend-area">
-							<div class="extend-default-area">
-								<div class="l-area">
-									<p class="total">
-										전체
-										<em>156</em>
-										명
-									</p>
-								</div>
-								<div class="r-area">
-									<fieldset class="search-area">
-										<legend>검색</legend>
-										<div class="search">
-											<input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
-											<button class="btn ico-search">검색</button>
-										</div>
-									</fieldset>
-								</div>
-							</div>
-							<div class="extend-fnc-area">
-								<div class="l-area">
-									<div class="checkradio">
-										<input type="checkbox" class="icon-only" id="chk_all" />
-										<label for="chk_all">선택</label>
-									</div>
-									<div class="btn-group">
-										<button class="btn xsm">선택 승인</button>
-										<button class="btn xsm">선택 거절</button>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="list-type">
-							<table>
-								<caption>모둠 목록</caption>
-								<colgroup>
-									<col />
-									<col />
-									<col style="width: 160px" />
-									<col style="width: 120px" />
-									<col style="width: 64px" />
-								</colgroup>
-								<thead>
-									<tr>
-										<th scope="col">모둠명</th>
-										<th scope="col">멤버정보</th>
-										<th scope="col">등록일(수정일)</th>
-										<th scope="col">상태</th>
-										<th scope="col"></th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr>
-										<td class="align-left">
-											<p class="table-title">
-												1학년5반_남학생들
-												<span class="label">8명</span>
-											</p>
-										</td>
-										<td data-tit="멤버정보" class="align-left">홍길동, 학생A, 학생B, 학생C,홍길동B, 학생D, 학생E, 학생F</td>
-										<td data-tit="등록일">2024-11-30 12:12</td>
-										<td>
-											<span class="label-state success">사용</span>
-										</td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><a href="#none">삭제</a></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td class="align-left">
-											<p class="table-title">
-												1학년5반_ ◇남학생들 ◇
-												<span class="label">8명</span>
-											</p>
-										</td>
-										<td data-tit="멤버정보" class="align-left">홍길동, 학생A, 학생B, 학생C,홍길동B, 학생D, 학생E, 학생F</td>
-										<td data-tit="등록일">2024-11-30 12:12</td>
-										<td>
-											<span class="label-state">미사용</span>
-										</td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><a href="#none">삭제</a></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-			<footer class="site-footer"></footer>
-		</div>
-		<!-- toast -->
-		<div class="toast"></div>
-		<!--popup-->
-		<div class="dim"></div>
-	</body>
+                        <ul class="tabs-nav-lg">
+                            <li><a href="#none">수강생관리</a></li>
+                            <li><a href="#none">청강생관리</a></li>
+                            <li><a href="#none">팀티처관리</a></li>
+                            <li><a href="#none" class="is-active" title="선택됨">모둠관리</a></li>
+                        </ul>
+                        <section class="section sm">
+                            <h3 class="txt-hide">과정 상세</h3>
+                            <div class="write-type">
+                                <table>
+                                    <caption>
+                                        과정 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 16rem">
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">과정</th>
+                                            <td>인공지능 수학 (2025년2학기)</td>
+                                            <th scope="row">담당교사</th>
+                                            <td>김세종</td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">요일 · 시간</th>
+                                            <td colspan="3">[화 7], [수 5], [목 4]</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <section class="section">
+                            <div class="section-tit-area">
+                                <div class="l-area">
+                                    <h3 class="txt-hide">모둠 상세</h3>
+                                </div>
+                                <div class="r-area">
+                                    <button class="btn primary ico-plus">모둠 만들기</button>
+                                </div>
+                            </div>
+                            <div class="fnc-extend-area">
+                                <div class="extend-default-area">
+                                    <div class="l-area">
+                                        <p class="total">
+                                            전체
+                                            <em>156</em>
+                                            명
+                                        </p>
+                                    </div>
+                                    <div class="r-area">
+                                        <fieldset class="search-area">
+                                            <legend>검색</legend>
+                                            <div class="search">
+                                                <input
+                                                    type="text"
+                                                    placeholder="검색어를 입력하세요."
+                                                    title="검색어를 입력하세요.">
+                                                <button class="btn ico-search">검색</button>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                                <div class="extend-fnc-area">
+                                    <div class="l-area">
+                                        <div class="checkradio">
+                                            <input type="checkbox" class="icon-only" id="chk_all">
+                                            <label for="chk_all">선택</label>
+                                        </div>
+                                        <div class="btn-group">
+                                            <button class="btn xsm">선택 승인</button>
+                                            <button class="btn xsm">선택 거절</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="list-type">
+                                <table>
+                                    <caption>
+                                        모둠 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col>
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col style="width: 12rem">
+                                        <col style="width: 6.4rem">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col">모둠명</th>
+                                            <th scope="col">멤버정보</th>
+                                            <th scope="col">등록일(수정일)</th>
+                                            <th scope="col">상태</th>
+                                            <th scope="col"></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td class="align-left">
+                                                <p class="table-title">
+                                                    1학년5반_남학생들
+                                                    <span class="label">8명</span>
+                                                </p>
+                                            </td>
+                                            <td data-tit="멤버정보" class="align-left">
+                                                홍길동, 학생A, 학생B, 학생C,홍길동B, 학생D, 학생E, 학생F
+                                            </td>
+                                            <td data-tit="등록일">2024-11-30 12:12</td>
+                                            <td>
+                                                <span class="label-state success">사용</span>
+                                            </td>
+                                            <td>
+                                                <div class="etc-fnc-area">
+                                                    <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">
+                                                        더보기
+                                                    </button>
+                                                    <ul class="etc-fnc">
+                                                        <li><a href="#none">수정</a></li>
+                                                        <li><a href="#none">삭제</a></li>
+                                                    </ul>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="align-left">
+                                                <p class="table-title">
+                                                    1학년5반_ ◇남학생들 ◇
+                                                    <span class="label">8명</span>
+                                                </p>
+                                            </td>
+                                            <td data-tit="멤버정보" class="align-left">
+                                                홍길동, 학생A, 학생B, 학생C,홍길동B, 학생D, 학생E, 학생F
+                                            </td>
+                                            <td data-tit="등록일">2024-11-30 12:12</td>
+                                            <td>
+                                                <span class="label-state">미사용</span>
+                                            </td>
+                                            <td>
+                                                <div class="etc-fnc-area">
+                                                    <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">
+                                                        더보기
+                                                    </button>
+                                                    <ul class="etc-fnc">
+                                                        <li><a href="#none">수정</a></li>
+                                                        <li><a href="#none">삭제</a></li>
+                                                    </ul>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
 </html>
html/onSejong/manager/myclass/memberManage_student.html
--- html/onSejong/manager/myclass/memberManage_student.html
+++ html/onSejong/manager/myclass/memberManage_student.html
@@ -1,253 +1,278 @@
 <!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">
+    <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>
-						<ul class="tabs-nav-lg">
-							<li><a href="#none" class="is-active" title="선택됨">수강생관리</a></li>
-							<li><a href="#none">청강생관리</a></li>
-							<li><a href="#none">팀티처관리</a></li>
-							<li><a href="#none">모둠관리</a></li>
-						</ul>
-                        <div class="write-type">
-                            <table>
-                                <caption>과정이수처리 상세</caption>
-                                <colgroup>
-                                    <col style="width: 160px" />
-                                    <col />
-                                    <col style="width: 160px" />
-                                    <col />
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">과정</th>
-                                        <td>인공지능 수학 (2025년2학기)</td>
-                                        <th scope="row">담당교사</th>
-                                        <td>김세종</td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">요일 · 시간</th>
-                                        <td colspan="3">[화 7], [수 5], [목 4]</td>
-                                    </tr>
-                                </tbody>
-                            </table>
+                    <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>
-						<div class="section-tit-area">
-							<div class="r-area">
-								<button class="btn ico-mail">SMS 보내기</button>
-								<button class="btn primary ico-send">초대하기</button>
-							</div>
-						</div>
-						<div class="fnc-extend-area">
-							<div class="extend-default-area">
-								<div class="l-area">
-									<p class="total">
-										전체
-										<em>156</em>
-										명
-									</p>
-								</div>
-								<div class="r-area">
-									<fieldset class="search-area">
-										<legend>검색</legend>
-										<div class="search">
-											<input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
-											<button class="btn ico-search">검색</button>
-										</div>
-									</fieldset>
-								</div>
-							</div>
-							<div class="extend-fnc-area">
-								<div class="l-area">
-									<div class="checkradio">
-										<input type="checkbox" class="icon-only" id="chk_all" />
-										<label for="chk_all">선택</label>
-									</div>
-									<div class="btn-group">
-										<button class="btn xsm">선택 승인</button>
-										<button class="btn xsm">선택 거절</button>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="list-type">
-							<table>
-								<caption>수강생 목록</caption>
-								<colgroup>
-									<col style="width: 48px">
-									<col>
-									<col>
-									<col style="width: 180px">
-									<col style="width: 180px">
-									<col style="width: 160px">
-								</colgroup>
-								<thead>
-									<tr>
-										<th scope="col"></th>
-										<th scope="col">멤버정보</th>
-										<th scope="col">학교/학년/반/번호</th>
-										<th scope="col">전화번호</th>
-										<th scope="col">최근 접속일</th>
-										<th scope="col">관리</th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr>
-										<td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1" />
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-										<td>
-											<div class="profile align-left">
-												<div class="img-area">
-													<figure>
-														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-													</figure>
-												</div>
-												<div class="txt-area">
-													<strong class="profile-tit">학생명</strong>
-													<span>user_id</span>
-												</div>
-												<div class="fnc">
-													<span class="label secondary">학생</span>
-												</div>
-											</div>
-										</td>
-										<td>OO고등학교 / 1학년 / 3반 / 12번</td>
-										<td>010-1234-5678</td>
-										<td data-tit="최근 접속일">2025-08-15 12:21</td>
-										<td>
-											<div class="btn-tbl-cont">
-												<button type="button" class="btn sm primary">승인</button>
-												<button type="button" class="btn sm danger">거절</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1" />
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-										<td>
-											<div class="profile align-left">
-												<div class="img-area">
-													<figure>
-														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-													</figure>
-												</div>
-												<div class="txt-area">
-													<strong class="profile-tit">학생명</strong>
-													<span>user_id</span>
-												</div>
-												<div class="fnc">
-													<span class="label secondary">학생</span>
-												</div>
-											</div>
-										</td>
-										<td>OO고등학교 / 1학년 / 3반 / 12번</td>
-										<td>010-1234-5678</td>
-										<td data-tit="최근 접속일">2025-08-15 12:21</td>
-										<td>
-											<div class="btn-tbl-cont">
-												<button type="button" class="btn sm danger">승인취소</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1" />
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-										<td>
-											<div class="profile align-left">
-												<div class="img-area">
-													<figure>
-														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-													</figure>
-												</div>
-												<div class="txt-area">
-													<strong class="profile-tit">학생명</strong>
-													<span>user_id</span>
-												</div>
-												<div class="fnc">
-													<span class="label secondary">학생</span>
-												</div>
-											</div>
-										</td>
-										<td>OO고등학교 / 1학년 / 3반 / 12번</td>
-										<td>010-1234-5678</td>
-										<td data-tit="최근 접속일">2025-08-15 12:21</td>
-										<td>거절(중지)</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-			<footer class="site-footer"></footer>
-		</div>
-		<!-- toast -->
-		<div class="toast"></div>
-		<!--popup-->
-		<div class="dim"></div>
-	</body>
+                        <ul class="tabs-nav-lg">
+                            <li><a href="#none" class="is-active" title="선택됨">수강생관리</a></li>
+                            <li><a href="#none">청강생관리</a></li>
+                            <li><a href="#none">팀티처관리</a></li>
+                            <li><a href="#none">모둠관리</a></li>
+                        </ul>
+                        <section class="section">
+                            <h3 class="txt-hide">과정 상세</h3>
+                            <div class="write-type">
+                                <table>
+                                    <caption>
+                                        과정 상세
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 16rem">
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">과정</th>
+                                            <td>인공지능 수학 (2025년2학기)</td>
+                                            <th scope="row">담당교사</th>
+                                            <td>김세종</td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">요일 · 시간</th>
+                                            <td colspan="3">[화 7], [수 5], [목 4]</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section> 
+                        <section class="section">
+                            <div class="section-tit-area">
+                                <div class="l-area">
+                                    <h3 class="txt-hide">멤버 상세</h3>
+                                </div>
+                                <div class="r-area">
+                                    <button class="btn ico-mail">SMS 보내기</button>
+                                    <button class="btn primary ico-send">초대하기</button>
+                                </div>
+                            </div>
+                            <div class="fnc-extend-area">
+                                <div class="extend-default-area">
+                                    <div class="l-area">
+                                        <p class="total">
+                                            전체
+                                            <em>156</em>
+                                            명
+                                        </p>
+                                    </div>
+                                    <div class="r-area">
+                                        <fieldset class="search-area">
+                                            <legend>검색</legend>
+                                            <div class="search">
+                                                <input
+                                                    type="text"
+                                                    placeholder="검색어를 입력하세요."
+                                                    title="검색어를 입력하세요."
+                                                />
+                                                <button class="btn ico-search">검색</button>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                                <div class="extend-fnc-area">
+                                    <div class="l-area">
+                                        <div class="checkradio">
+                                            <input type="checkbox" class="icon-only" id="chk_all" />
+                                            <label for="chk_all">선택</label>
+                                        </div>
+                                        <div class="btn-group">
+                                            <button class="btn xsm">선택 승인</button>
+                                            <button class="btn xsm">선택 거절</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="list-type">
+                                <table>
+                                    <caption>
+                                        수강생 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 4.8rem">
+                                        <col>
+                                        <col>
+                                        <col style="width: 18rem">
+                                        <col style="width: 18rem">
+                                        <col style="width: 16rem">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col"></th>
+                                            <th scope="col">멤버정보</th>
+                                            <th scope="col">학교/학년/반/번호</th>
+                                            <th scope="col">전화번호</th>
+                                            <th scope="col">최근 접속일</th>
+                                            <th scope="col">관리</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_1" />
+                                                    <label for="chk1_1">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="profile align-left">
+                                                    <div class="img-area">
+                                                        <figure>
+                                                            <img
+                                                                src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
+                                                                alt="프로필 썸네일"
+                                                            />
+                                                        </figure>
+                                                    </div>
+                                                    <div class="txt-area">
+                                                        <strong class="profile-tit">학생명</strong>
+                                                        <span>user_id</span>
+                                                    </div>
+                                                    <div class="fnc">
+                                                        <span class="label secondary">학생</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>OO고등학교 / 1학년 / 3반 / 12번</td>
+                                            <td>010-1234-5678</td>
+                                            <td data-tit="최근 접속일">2025-08-15 12:21</td>
+                                            <td>
+                                                <div class="btn-tbl-cont">
+                                                    <button type="button" class="btn sm primary">승인</button>
+                                                    <button type="button" class="btn sm danger">거절</button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_1" />
+                                                    <label for="chk1_1">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="profile align-left">
+                                                    <div class="img-area">
+                                                        <figure>
+                                                            <img
+                                                                src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
+                                                                alt="프로필 썸네일"
+                                                            />
+                                                        </figure>
+                                                    </div>
+                                                    <div class="txt-area">
+                                                        <strong class="profile-tit">학생명</strong>
+                                                        <span>user_id</span>
+                                                    </div>
+                                                    <div class="fnc">
+                                                        <span class="label secondary">학생</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>OO고등학교 / 1학년 / 3반 / 12번</td>
+                                            <td>010-1234-5678</td>
+                                            <td data-tit="최근 접속일">2025-08-15 12:21</td>
+                                            <td>
+                                                <div class="btn-tbl-cont">
+                                                    <button type="button" class="btn sm danger">승인취소</button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_1" />
+                                                    <label for="chk1_1">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="profile align-left">
+                                                    <div class="img-area">
+                                                        <figure>
+                                                            <img
+                                                                src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
+                                                                alt="프로필 썸네일"
+                                                            />
+                                                        </figure>
+                                                    </div>
+                                                    <div class="txt-area">
+                                                        <strong class="profile-tit">학생명</strong>
+                                                        <span>user_id</span>
+                                                    </div>
+                                                    <div class="fnc">
+                                                        <span class="label secondary">학생</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>OO고등학교 / 1학년 / 3반 / 12번</td>
+                                            <td>010-1234-5678</td>
+                                            <td data-tit="최근 접속일">2025-08-15 12:21</td>
+                                            <td>거절(중지)</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
 </html>
html/onSejong/manager/myclass/memberManage_teacher.html
--- html/onSejong/manager/myclass/memberManage_teacher.html
+++ html/onSejong/manager/myclass/memberManage_teacher.html
@@ -1,228 +1,247 @@
 <!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">
+    <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>
-						<ul class="tabs-nav-lg">
-							<li><a href="#none">수강생관리</a></li>
-							<li><a href="#none">청강생관리</a></li>
-							<li><a href="#none" class="is-active" title="선택됨">팀티처관리</a></li>
-							<li><a href="#none">모둠관리</a></li>
-						</ul>
-                        <div class="write-type">
-                            <table>
-                                <caption>팀티처 목록</caption>
-                                <colgroup>
-                                    <col style="width: 160px" />
-                                    <col />
-                                    <col style="width: 160px" />
-                                    <col />
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">과정</th>
-                                        <td>인공지능 수학 (2025년2학기)</td>
-                                        <th scope="row">담당교사</th>
-                                        <td>김세종</td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">요일 · 시간</th>
-                                        <td colspan="3">[화 7], [수 5], [목 4]</td>
-                                    </tr>
-                                </tbody>
-                            </table>
+                    <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>
-						<div class="section-tit-area">
-							<div class="r-area">
-								<button class="btn primary ico-send">초대하기</button>
-							</div>
-						</div>
-						<div class="fnc-extend-area">
-							<div class="extend-default-area">
-								<div class="l-area">
-									<p class="total">
-										전체
-										<em>156</em>
-										명
-									</p>
-								</div>
-								<div class="r-area">
-									<fieldset class="search-area">
-										<legend>검색</legend>
-										<div class="search-option" title="검색 옵션 선택">
-											<select title="검색 옵션 선택">
-												<option>ID</option>
-											</select>
-										</div>
-										<div class="search">
-											<input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
-											<button class="btn ico-search">검색</button>
-										</div>
-									</fieldset>
-								</div>
-							</div>
-							<div class="extend-fnc-area">
-								<div class="l-area">
-									<div class="checkradio">
-										<input type="checkbox" class="icon-only" id="chk_all" />
-										<label for="chk_all">선택</label>
-									</div>
-									<div class="btn-group">
-										<button class="btn xsm">선택 승인</button>
-										<button class="btn xsm">선택 거절</button>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="list-type">
-							<table>
-								<caption>팀티처 목록</caption>
-								<colgroup>
-									<col style="width: 48px">
-									<col>
-									<col>
-									<col style="width: 180px">
-									<col style="width: 180px">
-									<col style="width: 160px">
-								</colgroup>
-								<thead>
-									<tr>
-										<th scope="col"></th>
-										<th scope="col">멤버정보</th>
-										<th scope="col">조직명</th>
-										<th scope="col">전화번호</th>
-										<th scope="col">최근 접속일</th>
-										<th scope="col">관리</th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr>
-										<td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1" />
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-										<td>
-											<div class="profile align-left">
-												<div class="img-area">
-													<figure>
-														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-													</figure>
-												</div>
-												<div class="txt-area">
-													<strong class="profile-tit">학생명</strong>
-													<span>user_id</span>
-												</div>
-												<div class="fnc">
-													<span class="label primary">선생님</span>
-												</div>
-											</div>
-										</td>
-										<td>OO고등학교</td>
-										<td>010-1234-5678</td>
-										<td data-tit="최근 접속일">2025-08-15 12:21</td>
-										<td>
-											<div class="btn-tbl-cont">
-												<button type="button" class="btn sm primary">승인</button>
-												<button type="button" class="btn sm danger">거절</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>
-											<div class="checkradio">
-												<input type="checkbox" class="icon-only" id="chk1_1" />
-												<label for="chk1_1">선택</label>
-											</div>
-										</td>
-										<td>
-											<div class="profile align-left">
-												<div class="img-area">
-													<figure>
-														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-													</figure>
-												</div>
-												<div class="txt-area">
-													<strong class="profile-tit">학생명</strong>
-													<span>user_id</span>
-												</div>
-												<div class="fnc">
-													<span class="label primary">선생님</span>
-												</div>
-											</div>
-										</td>
-										<td>OO고등학교</td>
-										<td>010-1234-5678</td>
-										<td data-tit="최근 접속일">2025-08-15 12:21</td>
-										<td>
-											<i class="ico-img-master"></i>
-											담당교사
-										</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-			<footer class="site-footer"></footer>
-		</div>
-		<!-- toast -->
-		<div class="toast"></div>
-		<!--popup-->
-		<div class="dim"></div>
-	</body>
+                        <ul class="tabs-nav-lg">
+                            <li><a href="#none">수강생관리</a></li>
+                            <li><a href="#none">청강생관리</a></li>
+                            <li><a href="#none" class="is-active" title="선택됨">팀티처관리</a></li>
+                            <li><a href="#none">모둠관리</a></li>
+                        </ul>
+                        <section class="section sm">
+                            <h3 class="txt-hide">과정 상세</h3>
+                            <div class="write-type">
+                                <table>
+                                    <caption>
+                                        과정 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 16rem">
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">과정</th>
+                                            <td>인공지능 수학 (2025년2학기)</td>
+                                            <th scope="row">담당교사</th>
+                                            <td>김세종</td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">요일 · 시간</th>
+                                            <td colspan="3">[화 7], [수 5], [목 4]</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <section class="section">
+                            <div class="section-tit-area">
+                                <div class="l-area">
+                                    <h3 class="txt-hide">팀티처 상세</h3>
+                                </div>
+                                <div class="r-area">
+                                    <button class="btn primary ico-send">초대하기</button>
+                                </div>
+                            </div>
+                            <div class="fnc-extend-area">
+                                <div class="extend-default-area">
+                                    <div class="l-area">
+                                        <p class="total">
+                                            전체
+                                            <em>156</em>
+                                            명
+                                        </p>
+                                    </div>
+                                    <div class="r-area">
+                                        <fieldset class="search-area">
+                                            <legend>검색</legend>
+                                            <div class="search-option" title="검색 옵션 선택">
+                                                <select title="검색 옵션 선택">
+                                                    <option>ID</option>
+                                                </select>
+                                            </div>
+                                            <div class="search">
+                                                <input
+                                                    type="text"
+                                                    placeholder="검색어를 입력하세요."
+                                                    title="검색어를 입력하세요.">
+                                                <button class="btn ico-search">검색</button>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                                <div class="extend-fnc-area">
+                                    <div class="l-area">
+                                        <div class="checkradio">
+                                            <input type="checkbox" class="icon-only" id="chk_all">
+                                            <label for="chk_all">선택</label>
+                                        </div>
+                                        <div class="btn-group">
+                                            <button class="btn xsm">선택 승인</button>
+                                            <button class="btn xsm">선택 거절</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="list-type">
+                                <table>
+                                    <caption>
+                                        팀티처 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 4.8rem">
+                                        <col>
+                                        <col>
+                                        <col style="width: 18rem">
+                                        <col style="width: 18rem">
+                                        <col style="width: 16rem">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col"></th>
+                                            <th scope="col">멤버정보</th>
+                                            <th scope="col">조직명</th>
+                                            <th scope="col">전화번호</th>
+                                            <th scope="col">최근 접속일</th>
+                                            <th scope="col">관리</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_1">
+                                                    <label for="chk1_1">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="profile align-left">
+                                                    <div class="img-area">
+                                                        <figure>
+                                                            <img
+                                                                src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
+                                                                alt="프로필 썸네일">
+                                                        </figure>
+                                                    </div>
+                                                    <div class="txt-area">
+                                                        <strong class="profile-tit">학생명</strong>
+                                                        <span>user_id</span>
+                                                    </div>
+                                                    <div class="fnc">
+                                                        <span class="label primary">선생님</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>OO고등학교</td>
+                                            <td>010-1234-5678</td>
+                                            <td data-tit="최근 접속일">2025-08-15 12:21</td>
+                                            <td>
+                                                <div class="btn-tbl-cont">
+                                                    <button type="button" class="btn sm primary">승인</button>
+                                                    <button type="button" class="btn sm danger">거절</button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" class="icon-only" id="chk1_2">
+                                                    <label for="chk1_2">선택</label>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="profile align-left">
+                                                    <div class="img-area">
+                                                        <figure>
+                                                            <img
+                                                                src="/resources/front/site/SITE_00000/images/common/profile/profile.svg"
+                                                                alt="프로필 썸네일">
+                                                        </figure>
+                                                    </div>
+                                                    <div class="txt-area">
+                                                        <strong class="profile-tit">학생명</strong>
+                                                        <span>user_id</span>
+                                                    </div>
+                                                    <div class="fnc">
+                                                        <span class="label primary">선생님</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>OO고등학교</td>
+                                            <td>010-1234-5678</td>
+                                            <td data-tit="최근 접속일">2025-08-15 12:21</td>
+                                            <td>
+                                                <i class="ico-img-master"></i>
+                                                담당교사
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
 </html>
html/onSejong/manager/myclass/pop_attendHistory.html
--- html/onSejong/manager/myclass/pop_attendHistory.html
+++ html/onSejong/manager/myclass/pop_attendHistory.html
@@ -62,12 +62,12 @@
 					<table>
 						<caption>휴/보강 이력조회 상세</caption>
 						<colgroup>
-							<col style="width: 84px;"/>
-							<col style="width: 200px;"/>
-							<col style="width: 340px;"/>
+							<col style="width: 8.4rem;"/>
+							<col style="width: 20rem;"/>
+							<col style="width: 34rem;"/>
 							<col />
-							<col style="width: 260px;"/>
-							<col style="width: 260px;"/>
+							<col style="width: 26rem;"/>
+							<col style="width: 26rem;"/>
 							<col />
 						</colgroup>
 						<thead>
@@ -82,50 +82,44 @@
 							</tr>
 						</thead>
 						<tbody>
-							<tr>
-								<td>4</td>
-								<td>인공지능 수학 1</td>
-								<td>인공지능과 수학 - 응용</td>
-								<td>대면</td>
-                                <td>2025-09-12(월) 09:00 ~ 12:00</td>
-                                <td>2025-09-12(월) 09:00 ~ 12:00</td>
+                            <tr>
+                                <td>4</td>
+                                <td data-tit="과정명">인공지능 수학 1</td>
+                                <td data-tit="수업명">인공지능과 수학 - 응용</td>
+                                <td data-tit="분류">대면</td>
+                                <td data-tit="기존 수업일">2025-09-12(월) 09:00 ~ 12:00</td>
+                                <td data-tit="번경 수업일">2025-09-12(월) 09:00 ~ 12:00</td>
                                 <td><span class="label-state blue">보강</span></td>
-							</tr>
-							<tr>
-								<td>3</td>
-								<td>과정명</td>
-								<td>경제와 수학에 대해 알아봅시다!</td>
-								<td>화상</td>
-                                <td>YYYY-MM-DD(W) 00:00 ~00:00</td>
-                                <td>YYYY-MM-DD(W) 00:00 ~00:00</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td data-tit="과정명">과정명</td>
+                                <td data-tit="수업명">경제와 수학에 대해 알아봅시다!</td>
+                                <td data-tit="분류">화상</td>
+                                <td data-tit="기존 수업일">YYYY-MM-DD(W) 00:00 ~00:00</td>
+                                <td data-tit="번경 수업일">YYYY-MM-DD(W) 00:00 ~00:00</td>
                                 <td><span class="label-state red">휴강</span></td>
-							</tr>
+                            </tr>
                             <tr>
-								<td>2</td>
-								<td>인공지능 수학 1</td>
-								<td>인공지능과 수학 - 응용</td>
-								<td>문서 편집</td>
-                                <td>2025-09-12(월) 09:00 ~ 12:00</td>
-                                <td>2025-09-12(월) 09:00 ~ 12:00</td>
+                                <td>2</td>
+                                <td data-tit="과정명">인공지능 수학 1</td>
+                                <td data-tit="수업명">인공지능과 수학 - 응용</td>
+                                <td data-tit="분류">문서 편집</td>
+                                <td data-tit="기존 수업일">2025-09-12(월) 09:00 ~ 12:00</td>
+                                <td data-tit="번경 수업일">2025-09-12(월) 09:00 ~ 12:00</td>
                                 <td><span class="label-state blue">보강</span></td>
-							</tr>
+                            </tr>
                             <tr>
-								<td>1</td>
-								<td>인공지능 수학 1</td>
-								<td>인공지능과 수학 - 응용</td>
-								<td>영상</td>
-                                <td>2025-09-12(월) 09:00 ~ 12:00</td>
-                                <td>2025-09-12(월) 09:00 ~ 12:00</td>
+                                <td>1</td>
+                                <td data-tit="과정명">인공지능 수학 1</td>
+                                <td data-tit="수업명">인공지능과 수학 - 응용</td>
+                                <td data-tit="분류">영상</td>
+                                <td data-tit="기존 수업일">2025-09-12(월) 09:00 ~ 12:00</td>
+                                <td data-tit="번경 수업일">2025-09-12(월) 09:00 ~ 12:00</td>
                                 <td><span class="label-state blue">보강</span></td>
-							</tr>
-						</tbody>
+                            </tr>
+                        </tbody>
 					</table>
-				</div>
-				<div class="txt-none">
-					<figure>
-						<img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true" />
-					</figure>
-					<p>목록이 비어있습니다.</p>
 				</div>
 				<ul class="pagenation">
 					<li class="ppv">
html/onSejong/manager/myclass/pop_homeworkScoreView.html
--- html/onSejong/manager/myclass/pop_homeworkScoreView.html
+++ html/onSejong/manager/myclass/pop_homeworkScoreView.html
@@ -1,200 +1,204 @@
 <!DOCTYPE html>
 <html lang="ko">
-	<head>
-		<title>온세종학교</title>
+    <head>
+        <title>온세종학교</title>
 
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<meta name="Author" content="" />
-		<meta name="Keywords" content="" />
-		<meta name="Description" content="" />
-		<meta name="format-detection" content="telephone=no" />
-		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        <meta name="Author" content="" />
+        <meta name="Keywords" content="" />
+        <meta name="Description" content="" />
+        <meta name="format-detection" content="telephone=no" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
 
-		<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
+        <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
 
-		<!-- 공통 plugin -->
-		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
-		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
-		<!-- //공통 plugin -->
+        <!-- 공통 plugin -->
+        <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+        <!-- //공통 plugin -->
 
-		<!-- 페이지 plugin-->
-		<script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
-		<script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
-		<!-- chart -->
-		<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
-		<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
-		<!-- //chart -->
-		<!-- //페이지 plugin-->
+        <!-- 페이지 plugin-->
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
+        <!-- chart -->
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
+        <!-- //chart -->
+        <!-- //페이지 plugin-->
 
-		<!-- 공통 퍼블 layout: 개발시 삭제-->
-		<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
-		<!--//퍼블 layout-->
+        <!-- 공통 퍼블 layout: 개발시 삭제-->
+        <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+        <!--//퍼블 layout-->
 
-		<!-- 공통 메뉴 js-->
-		<!-- //공통 메뉴 js -->
+        <!-- 공통 메뉴 js-->
+        <!-- //공통 메뉴 js -->
 
-		<!--공통 퍼블 js-->
-		<script src="/resources/front/site/SITE_00000/js/common.js"></script>
-		<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
-		<!--//공통 퍼블 js-->
-	</head>
+        <!--공통 퍼블 js-->
+        <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+        <!--//공통 퍼블 js-->
+    </head>
 
-	<body>
-		<div class="popup-modal lg" data-popuppub="popupmodal">
-			<div class="pop-header">
-				<h1>환산 기준 관리</h1>
-			</div>
-			<div class="pop-body">
+    <body>
+        <div class="popup-modal lg" data-popuppub="popupmodal">
+            <div class="pop-header">
+                <h1>환산 기준 관리</h1>
+            </div>
+            <div class="pop-body">
                 <div class="fnc-area">
                     <div class="l-area">
-                        <p class="msg"><i class="ico-info"></i> A/B/C 등급은 선택한 항목까지만 반영됩니다. (미선택 등급은 반영되지 않음)</p>
+                        <p class="msg">
+                            <i class="ico-info"></i> A/B/C 등급은 선택한 항목까지만 반영됩니다. (미선택 등급은 반영되지
+                            않음)
+                        </p>
                     </div>
                 </div>
-				<div class="write-type">
-					<table>
-						<caption>환산 기준 관리</caption>
-						<colgroup>
-							<col style="width: 240px">
-							<col>
-						</colgroup>
-						<tbody>
-							<tr>
-								<th scope="row">기준선택</th>
-								<td>
-									<fieldset class="checkradio-area">
+                <div class="write-type">
+                    <table>
+                        <caption>
+                            환산 기준 관리
+                        </caption>
+                        <colgroup>
+                            <col style="width: 240px" />
+                            <col />
+                        </colgroup>
+                        <tbody>
+                            <tr>
+                                <th scope="row">기준선택</th>
+                                <td>
+                                    <fieldset class="checkradio-area">
                                         <legend>기준선택</legend>
                                         <div class="checkradio">
-                                            <input type="radio" name="r1" id="r1-1" checked>
+                                            <input type="radio" name="r1" id="r1-1" checked />
                                             <label for="r1-1">점수</label>
                                         </div>
                                         <div class="checkradio">
-                                            <input type="radio" name="r1" id="r1-2">
+                                            <input type="radio" name="r1" id="r1-2" />
                                             <label for="r1-2">백분율</label>
                                         </div>
                                         <div class="checkradio">
-                                            <input type="radio" name="r1" id="r1-3">
+                                            <input type="radio" name="r1" id="r1-3" />
                                             <label for="r1-3">ABC(등급)</label>
                                         </div>
                                     </fieldset>
-								</td>
-							</tr>
-							<tr>
+                                </td>
+                            </tr>
+                            <tr>
                                 <th scope="row" rowspan="6">ABC 등급별 점수 설정</th>
                                 <td>
                                     <fieldset>
-                                    <legend>등급별 점수</legend>
-                                    <div class="checkradio">
-                                        <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="점수 입력"> 점까지
+                                        <legend>등급별 점수</legend>
+                                        <div class="checkradio">
+                                            <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>
                                         </div>
-                                    </div>
                                     </fieldset>
                                 </td>
-                                </tr>
-                                <tr>
+                            </tr>
+                            <tr>
                                 <td>
                                     <fieldset>
-                                    <legend>등급별 점수</legend>
-                                    <div class="checkradio">
-                                        <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="점수 입력"> 점까지
+                                        <legend>등급별 점수</legend>
+                                        <div class="checkradio">
+                                            <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>
                                         </div>
-                                    </div>
                                     </fieldset>
                                 </td>
-                                </tr>
-                                <tr>
+                            </tr>
+                            <tr>
                                 <td>
                                     <fieldset>
-                                    <legend>등급별 점수</legend>
-                                    <div class="checkradio">
-                                        <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="점수 입력"> 점까지
+                                        <legend>등급별 점수</legend>
+                                        <div class="checkradio">
+                                            <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>
                                         </div>
-                                    </div>
                                     </fieldset>
                                 </td>
-                                </tr>
-                                <tr>
+                            </tr>
+                            <tr>
                                 <td>
                                     <fieldset>
-                                    <legend>등급별 점수</legend>
-                                    <div class="checkradio">
-                                        <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="점수 입력"> 점까지
+                                        <legend>등급별 점수</legend>
+                                        <div class="checkradio">
+                                            <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>
                                         </div>
-                                    </div>
                                     </fieldset>
                                 </td>
-                                </tr>
-                                <tr>
+                            </tr>
+                            <tr>
                                 <td>
                                     <fieldset>
-                                    <legend>등급별 점수</legend>
-                                    <div class="checkradio">
-                                        <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="점수 입력"> 점까지
+                                        <legend>등급별 점수</legend>
+                                        <div class="checkradio">
+                                            <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>
                                         </div>
-                                    </div>
                                     </fieldset>
                                 </td>
-                                </tr>
-                                <tr>
+                            </tr>
+                            <tr>
                                 <td>
                                     <fieldset>
-                                    <legend>등급별 점수</legend>
-                                    <div class="checkradio">
-                                        <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="점수 입력"> 점까지
+                                        <legend>등급별 점수</legend>
+                                        <div class="checkradio">
+                                            <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>
                                         </div>
-                                    </div>
                                     </fieldset>
                                 </td>
-                                </tr>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
 
-						</tbody>
-					</table>
-				</div>
-			</div>
+            <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>
+                </div>
+            </div>
+            <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+        </div>
 
-			<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>
-				</div>
-			</div>
-			<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
-		</div>
+        <!-- toast -->
+        <div class="toast"></div>
 
-		<!-- toast -->
-		<div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
 
-		<!--popup-->
-		<div class="dim"></div>
-
-		<script>
-			$(document).ready(function () {
-				popupOpenPub('popupmodal');
-			});
-		</script>
-	</body>
+        <script>
+            $(document).ready(function () {
+                popupOpenPub("popupmodal");
+            });
+        </script>
+    </body>
 </html>
html/onSejong/manager/myclass/pop_scheduleWrite.html
--- html/onSejong/manager/myclass/pop_scheduleWrite.html
+++ html/onSejong/manager/myclass/pop_scheduleWrite.html
@@ -68,9 +68,9 @@
 							<tr>
 								<th scope="row">날짜<i class="required">필수</i></th>
 								<td>
-									<div class="time-set">
-                                        <input type="date" />
-                                    </div>
+									<div class="date-box">
+										<input type="date">
+									</div>
 								</td>
 							</tr>
 							<tr>
 
html/onSejong/manager/myclass/pop_studentReflection.html (added)
+++ html/onSejong/manager/myclass/pop_studentReflection.html
@@ -0,0 +1,156 @@
+<!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>
+
+	<body>
+		<div class="popup-modal lg" data-popuppub="popupmodal">
+			<div class="pop-header">
+				<h1>학습성찰일지 상세</h1>
+			</div>
+			<div class="pop-body">
+                <div class="fnc-area">
+                    <div class="r-area">
+                        <select title="년도 선택">
+                            <option>이민서(세종고등학교 2학년 1반 15번)</option>
+                        </select>
+                    </div>
+                </div>
+				<div class="write-type">
+					<table>
+						<caption>학습성찰일지 상세</caption>
+						<colgroup>
+							<col style="width: 160px" />
+							<col />
+						</colgroup>
+						<tbody>
+							<tr>
+								<th scope="row">이름(ID)/소속정보</th>
+								<td>이민서 (student_id_12345) / 세종미래고등학교 2학년 5반 12번</td>
+							</tr>
+							<tr>
+                                <th scope="row">수업명(과정명)</th>
+								<td>인공지능과 수학</td>
+							</tr>
+                            <tr>
+                                <th scope="row">수업일시</th>
+                                <td>2025-09-18 (목) 18:30~21:00</td>
+                            </tr>
+                            <tr>
+                                <th scope="row">활동 주제</th>
+                                <td>실험 설계를 위한 참고문헌 조사</td>
+                            </tr>
+                            <tr>
+                                <th scope="row">제출일(활동일자)</th>
+                                <td>2025년 11월 15일 오후 11:59</td>
+                            </tr>
+                            <tr>
+                                <th scope="row">활동 목적</th>
+                                <td>실험을 위한 자료조사</td>
+                            </tr>
+                            <tr>
+                                <th scope="row">활동 참여자</th>
+                                <td>김학생</td>
+                            </tr>
+                            <tr>
+                                <th scope="row">활동내용</th>
+                                <td>
+                                    안녕하세요~ 이민서입니다. <br>
+                                    인공지능과 수학은 막연하게 어렵겠지 생각해서 고민이 많았습니다.<br>
+                                    친구들과 선생님과 함께 수업하니 예상보단 어렵지 않았어요~<br>
+                                    쳇GPT 수업시간에 써볼 수 있어서 재미 있었습니다.<br>
+                                    감사합니다!! ^^<br><br>
+                                    (학생이 수업종료 및 학습성찰에서 작성한 내용 노출)
+                                </td>
+                            </tr>
+                            <tr>
+                                <th scope="row">참고문헌</th>
+                                <td>
+                                    학생이 작성한 참고 문헌들이 모두 보여집니다.<br>
+                                    1. 과학실험을 위한 참고서<br>
+                                    2. 과학실험을 위한 보고서<br>
+                                    3. 기타 등등
+                                </td>
+                            </tr>
+                            <tr>
+                                <th scope="row">배운점</th>
+                                <td>
+                                    안녕하세요~ 이민서입니다.  
+                                    인공지능과 수학은 막연하게 어렵겠지 생각해서 고민이 많았습니다.
+                                    친구들과 선생님과 함께 수업하니 예상보단 어렵지 않았어요~
+                                    쳇GPT 수업시간에 써볼 수 있어서 재미 있었습니다.
+                                    감사합니다!! ^^
+
+                                    (학생이 수업종료 및 학습성찰에서 작성한 내용 노출)
+                                </td>
+                            </tr>
+							<tr>
+								<th scope="row">선생님 의견</th>
+								<td>
+									<textarea placeholder="내용을 입력하세요." title="의견 입력"></textarea>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</div>
+
+			<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>
+				</div>
+			</div>
+			<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+		</div>
+
+		<!-- toast -->
+		<div class="toast"></div>
+
+		<!--popup-->
+		<div class="dim"></div>
+
+		<script>
+			$(document).ready(function () {
+				popupOpenPub('popupmodal');
+			});
+		</script>
+	</body>
+</html>
html/onSejong/manager/myclass/rubricManage.html
--- html/onSejong/manager/myclass/rubricManage.html
+++ html/onSejong/manager/myclass/rubricManage.html
@@ -66,7 +66,7 @@
 								<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>
@@ -76,14 +76,14 @@
 							<table>
 								<caption>과제 목록</caption>
 								<colgroup>
-									<col style="width: 64px">
-									<col style="width: 440px">
+                                    <col style="width: 6.4rem">
+                                    <col style="width: 44rem">
                                     <col>
                                     <col>
                                     <col>
                                     <col>
-                                    <col style="width: 48px">
-								</colgroup>
+                                    <col style="width: 4.8rem">
+                                </colgroup>
 								<thead>
 									<tr>
 										<th scope="col">번호</th>
@@ -96,61 +96,61 @@
 									</tr>
 								</thead>
 								<tbody>
-									<tr>
-										<td>3</td>
+                                    <tr>
+                                        <td>3</td>
                                         <td>수학 과제물 평가를 위한 5개 X 5개 항목입니다.</td>
-                                        <td>5 X 5</td>
-                                        <td>100점</td>
-                                        <td>등록자id</td>
-                                        <td>2025-10-12</td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><button type="button">복사</button></li>
-													<li><button type="button">삭제</button></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>2</td>
+                                        <td data-tit="설문 문항 수">5 X 5</td>
+                                        <td data-tit="점수">100점</td>
+                                        <td data-tit="작성자">등록자id</td>
+                                        <td data-tit="등록일">2025-10-12</td>
+                                        <td>
+                                            <div class="etc-fnc-area">
+                                                <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
+                                                <ul class="etc-fnc">
+                                                    <li><a href="#none">수정</a></li>
+                                                    <li><button type="button">복사</button></li>
+                                                    <li><button type="button">삭제</button></li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
                                         <td>수학 과제물 평가를 위한 5개 X 5개 항목입니다.</td>
-                                        <td>5 X 5</td>
-                                        <td>100점</td>
-                                        <td>등록자id</td>
-                                        <td>2025-10-12</td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><button type="button">복사</button></li>
-													<li><button type="button">삭제</button></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>1</td>
+                                        <td data-tit="설문 문항 수">5 X 5</td>
+                                        <td data-tit="점수">100점</td>
+                                        <td data-tit="작성자">등록자id</td>
+                                        <td data-tit="등록일">2025-10-12</td>
+                                        <td>
+                                            <div class="etc-fnc-area">
+                                                <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
+                                                <ul class="etc-fnc">
+                                                    <li><a href="#none">수정</a></li>
+                                                    <li><button type="button">복사</button></li>
+                                                    <li><button type="button">삭제</button></li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>1</td>
                                         <td>수학 과제물 평가를 위한 5개 X 5개 항목입니다.</td>
-                                        <td>5 X 5</td>
-                                        <td>100점</td>
-                                        <td>등록자id</td>
-                                        <td>2025-10-12</td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><button type="button">복사</button></li>
-													<li><button type="button">삭제</button></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-								</tbody>
+                                        <td data-tit="설문 문항 수">5 X 5</td>
+                                        <td data-tit="점수">100점</td>
+                                        <td data-tit="작성자">등록자id</td>
+                                        <td data-tit="등록일">2025-10-12</td>
+                                        <td>
+                                            <div class="etc-fnc-area">
+                                                <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
+                                                <ul class="etc-fnc">
+                                                    <li><a href="#none">수정</a></li>
+                                                    <li><button type="button">복사</button></li>
+                                                    <li><button type="button">삭제</button></li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
 							</table>
 						</div>
 						<ul class="pagenation">
 
html/onSejong/manager/myclass/studyReflection.html (added)
+++ html/onSejong/manager/myclass/studyReflection.html
@@ -0,0 +1,200 @@
+<!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-->
+		<!-- //페이지 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>
+						<div class="fnc-area">
+							<div class="l-area">
+								<p class="total">
+									총
+									<em>156</em>
+									건
+								</p>
+							</div>
+							<div class="r-area">
+								<fieldset class="search-area">
+									<legend>검색</legend>
+									<div class="search">
+										<input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
+										<button class="btn ico-search">검색</button>
+									</div>
+								</fieldset>
+							</div>
+						</div>
+						<div class="list-type">
+							<table>
+								<caption>수업 목록</caption>
+								<colgroup>
+                                    <col style="width: 6.4rem">
+                                    <col style="width: 48rem">
+                                    <col>
+                                    <col>
+                                    <col>
+                                    <col>
+                                </colgroup>
+								<thead>
+									<tr>
+										<th scope="col">번호</th>
+										<th scope="col">수업명</th>
+										<th scope="col">수업유형</th>
+										<th scope="col">작성자</th>
+										<th scope="col">등록일</th>
+										<th scope="col">관리</th>
+									</tr>
+								</thead>
+								<tbody>
+                                    <tr>
+                                        <td>4</td>
+                                        <td>
+                                            <a href="#none" class="table-title">
+                                                인공지능과 수학 Ⅱ - 응용 
+                                            </a>
+                                        </td>
+                                        <td>화상수업</td>
+                                        <td data-tit="작성자">학생ID</td>
+                                        <td data-tit="등록일">2025-10-12</td>
+                                        <td>
+                                            <div class="btn-tbl-cont">
+                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>3</td>
+                                        <td>
+                                            <a href="#none" class="table-title">
+                                                인공지능과 수학 Ⅱ - 응용 
+                                            </a>
+                                        </td>
+                                        <td>대면수업</td>
+                                        <td data-tit="작성자">학생ID</td>
+                                        <td data-tit="등록일">2025-10-12</td>
+                                        <td>
+                                            <div class="btn-tbl-cont">
+                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td>
+                                            <a href="#none" class="table-title">
+                                                인공지능과 수학 Ⅱ - 응용 
+                                            </a>
+                                        </td>
+                                        <td>영상수업</td>
+                                        <td data-tit="작성자">학생ID</td>
+                                        <td data-tit="등록일">2025-10-12</td>
+                                        <td>
+                                            <div class="btn-tbl-cont">
+                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>1</td>
+                                        <td>
+                                            <a href="#none" class="table-title">
+                                                인공지능과 수학 Ⅱ - 응용 
+                                            </a>
+                                        </td>
+                                        <td>공동문서편집</td>
+                                        <td data-tit="작성자">학생ID</td>
+                                        <td data-tit="등록일">2025-10-12</td>
+                                        <td>
+                                            <div class="btn-tbl-cont">
+                                                <button type="button" class="btn sm primary">내용 보기</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+
+							</table>
+						</div>
+						<ul class="pagenation">
+							<li class="ppv">
+								<a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+							</li>
+							<li class="pv">
+								<a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+							</li>
+							<li class="current">
+								<a href="#none" title="1번째 목록으로 이동합니다">1</a>
+							</li>
+							<li>
+								<a href="#none" title="2번째 목록으로 이동합니다">2</a>
+							</li>
+							<li>
+								<a href="#none" title="3번째 목록으로 이동합니다">3</a>
+							</li>
+							<li>
+								<a href="#none" title="4번째 목록으로 이동합니다">4</a>
+							</li>
+							<li>
+								<a href="#none" title="5번째 목록으로 이동합니다">5</a>
+							</li>
+							<li class="fw">
+								<a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+							</li>
+							<li class="ffw">
+								<a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<footer class="site-footer"></footer>
+		</div>
+		<!-- toast -->
+		<div class="toast"></div>
+		<!--popup-->
+		<div class="dim"></div>
+		<script></script>
+	</body>
+</html>
html/onSejong/manager/myclass/surveyManage.html
--- html/onSejong/manager/myclass/surveyManage.html
+++ html/onSejong/manager/myclass/surveyManage.html
@@ -66,7 +66,7 @@
 								<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>
@@ -76,15 +76,15 @@
 							<table>
 								<caption>설문관리 목록</caption>
 								<colgroup>
-									<col style="width: 64px">
-									<col style="width: 320px">
-									<col style="width: 80px">
-									<col style="width: 240px">
+                                    <col style="width: 6.4rem">
+                                    <col style="width: 32rem">
+                                    <col style="width: 8rem">
+                                    <col style="width: 24rem">
                                     <col>
-									<col style="width: 120px">
+                                    <col style="width: 12rem">
                                     <col>
-                                    <col style="width: 48px">
-								</colgroup>
+                                    <col style="width: 4.8rem">
+                                </colgroup>
 								<thead>
 									<tr>
 										<th scope="col">번호</th>
@@ -98,95 +98,92 @@
 									</tr>
 								</thead>
 								<tbody>
-									<tr>
-										<td>3</td>
+                                    <tr>
+                                        <td>3</td>
                                         <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
-                                        <td>12</td>
-                                        <td>
+                                        <td data-tit="설문 문항 수">12</td>
+                                        <td data-tit="설문 응답기간">
                                             <span class="label-state blue">진행중</span>
                                             <br>
                                             2025-09-01~2025-09-30
                                         </td>
-                                        <td>선생님id</td>
-                                        <td>2025-10-12</td>
+                                        <td data-tit="작성자">선생님id</td>
+                                        <td data-tit="등록일">2025-10-12</td>
                                         <td>
                                             <div class="tbl-btn-cont">
-												<button type="button" class="btn sm ico-openinnew circle"></button>
-												<button type="button" class="btn sm ico-chart circle"></button>
-											</div>
+                                                <button type="button" class="btn sm ico-openinnew circle"></button>
+                                                <button type="button" class="btn sm ico-chart circle"></button>
+                                            </div>
                                         </td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><button type="button">복제</button></li>
-													<li><button type="button">삭제</button></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>2</td>
-                                        <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
-                                        <td>12</td>
                                         <td>
+                                            <div class="etc-fnc-area">
+                                                <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
+                                                <ul class="etc-fnc">
+                                                    <li><a href="#none">수정</a></li>
+                                                    <li><button type="button">복제</button></li>
+                                                    <li><button type="button">삭제</button></li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
+                                        <td data-tit="설문 문항 수">12</td>
+                                        <td data-tit="설문 응답기간">
                                             <span class="label-state">대기</span>
                                             <br>
                                             2025-09-01~2025-09-30
                                         </td>
-                                        <td>선생님id</td>
-                                        <td>2025-10-12</td>
+                                        <td data-tit="작성자">선생님id</td>
+                                        <td data-tit="등록일">2025-10-12</td>
                                         <td>
                                             <div class="tbl-btn-cont">
-												<button type="button" class="btn sm ico-openinnew circle"></button>
-												<button type="button" class="btn sm ico-chart circle"></button>
-											</div>
+                                                <button type="button" class="btn sm ico-openinnew circle"></button>
+                                                <button type="button" class="btn sm ico-chart circle"></button>
+                                            </div>
                                         </td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><button type="button">미리보기</button></li>
-													<li><button type="button">설문결과</button></li>
-													<li><button type="button">복제</button></li>
-													<li><button type="button">삭제</button></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>1</td>
-                                        <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
-                                        <td>12</td>
                                         <td>
+                                            <div class="etc-fnc-area">
+                                                <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
+                                                <ul class="etc-fnc">
+                                                    <li><a href="#none">수정</a></li>
+                                                    <li><button type="button">복제</button></li>
+                                                    <li><button type="button">삭제</button></li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>1</td>
+                                        <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td>
+                                        <td data-tit="설문 문항 수">12</td>
+                                        <td data-tit="설문 응답기간">
                                             <span class="label-state red">종료</span>
                                             <br>
                                             2025-09-01~2025-09-30
                                         </td>
-                                        <td>선생님id</td>
-                                        <td>2025-10-12</td>
+                                        <td data-tit="작성자">선생님id</td>
+                                        <td data-tit="등록일">2025-10-12</td>
                                         <td>
                                             <div class="tbl-btn-cont">
-												<button type="button" class="btn sm ico-openinnew circle"></button>
-												<button type="button" class="btn sm ico-chart circle"></button>
-											</div>
+                                                <button type="button" class="btn sm ico-openinnew circle"></button>
+                                                <button type="button" class="btn sm ico-chart circle"></button>
+                                            </div>
                                         </td>
-										<td>
-											<div class="etc-fnc-area">
-												<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-												<ul class="etc-fnc">
-													<li><a href="#none">수정</a></li>
-													<li><button type="button">미리보기</button></li>
-													<li><button type="button">설문결과</button></li>
-													<li><button type="button">복제</button></li>
-													<li><button type="button">삭제</button></li>
-												</ul>
-											</div>
-										</td>
-									</tr>
-								</tbody>
+                                        <td>
+                                            <div class="etc-fnc-area">
+                                                <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
+                                                <ul class="etc-fnc">
+                                                    <li><a href="#none">수정</a></li>
+                                                    <li><button type="button">복제</button></li>
+                                                    <li><button type="button">삭제</button></li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+
 							</table>
 						</div>
 						<ul class="pagenation">
html/onSejong/manager/myclass/surveyViewResult.html
--- html/onSejong/manager/myclass/surveyViewResult.html
+++ html/onSejong/manager/myclass/surveyViewResult.html
@@ -134,6 +134,9 @@
                     <section class="section">
                         <header class="section-tit-area">
                             <div class="l-area">
+                                <h3 class="txt-hide">전체요약 상세</h3>
+                            </div>
+                            <div class="l-area">
                                 <p>
 									전체 <em>1000명</em> 응답 
 								</p>
html/onSejong/manager/myclass/surveyView_popWin.html
--- html/onSejong/manager/myclass/surveyView_popWin.html
+++ html/onSejong/manager/myclass/surveyView_popWin.html
@@ -62,7 +62,7 @@
                                         <div class="l-area">
                                             <span class="label num lg">1</span>
                                             <div class="q-txt">
-                                                ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요.<i class="required">필수</i>
+                                                ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요.
                                             </div>
                                         </div>
                                     </div>
 
html/onSejong/manager/mypage/_layout/lnb.html (added)
+++ html/onSejong/manager/mypage/_layout/lnb.html
@@ -0,0 +1,14 @@
+<h2>정보공개</h2>
+<nav>
+    <ul>
+        <li><a href="#" class="is-active">마이프로필</a></li>
+        <li><a href="#">강사카드관리</a></li>
+        <li><a href="#">강사확인증</a></li>
+    </ul>
+</nav>
+<!-- 모바일 nav -->
+<select title="메뉴 선택">
+    <option>마이프로필</option>
+    <option>강사카드관리</option>
+    <option>강사확인증</option>
+</select>(파일 끝에 줄바꿈 문자 없음)
html/onSejong/manager/mystorage/testList.html
--- html/onSejong/manager/mystorage/testList.html
+++ html/onSejong/manager/mystorage/testList.html
@@ -137,7 +137,7 @@
 														<span class="label">문항 ID 노출</span>
 														<span class="label">12문항</span>
 													</div>
-													<a href="#none" class="editor-cont table-title">[과목명] 제목을 표시하는 곳</a>
+													<a href="#none" class="table-title">[과목명] 제목을 표시하는 곳</a>
 												</div>
 											</div>
 										</td>
@@ -169,7 +169,7 @@
 														<span class="label">문항 ID 노출</span>
 														<span class="label">12문항</span>
 													</div>
-													<a href="#none" class="editor-cont table-title">[과목명] 제목을 표시하는 곳</a>
+													<a href="#none" class="table-title">[과목명] 제목을 표시하는 곳</a>
 												</div>
 											</div>
 										</td>
@@ -201,7 +201,7 @@
 														<span class="label">문항 ID 노출</span>
 														<span class="label">12문항</span>
 													</div>
-													<a href="#none" class="editor-cont table-title">[과목명] 제목을 표시하는 곳</a>
+													<a href="#none" class="table-title">[과목명] 제목을 표시하는 곳</a>
 												</div>
 											</div>
 										</td>
html/onSejong/manager/mystorage/testWrite.html
--- html/onSejong/manager/mystorage/testWrite.html
+++ html/onSejong/manager/mystorage/testWrite.html
@@ -560,7 +560,7 @@
                                                     <div class="checkradio">
                                                         <input type="radio" id="r1_1" name="r1" checked>
                                                         <label for="r1_1">고정출력</label>
-                                                    </div>0
+                                                    </div>
                                                     <div class="checkradio">
                                                         <input type="radio" id="r1_2" name="r1">
                                                         <label for="r1_2">무작위출력 <small>(평가지를 불러올 때 마다 랜덤으로 문항의 순서가 달라집니다.)</small></label>
html/onSejong/member/class/pop_studentReflection.html
--- html/onSejong/member/class/pop_studentReflection.html
+++ html/onSejong/member/class/pop_studentReflection.html
@@ -41,7 +41,7 @@
 	</head>
 
 	<body>
-		<div class="popup-modal" data-popuppub="popupmodal">
+		<div class="popup-modal lg" data-popuppub="popupmodal">
 			<div class="pop-header">
 				<h1>성찰일지</h1>
 			</div>
 
html/onSejong/member/myclass/_layout/lnb.html (added)
+++ html/onSejong/member/myclass/_layout/lnb.html
@@ -0,0 +1,16 @@
+<h2>정보공개</h2>
+<nav>
+    <ul>
+        <li><a href="#" class="is-active">출석현황</a></li>
+        <li><a href="#">성적현황</a></li>
+        <li><a href="#">진도현황</a></li>
+        <li><a href="#">학습성찰일지</a></li>
+    </ul>
+</nav>
+<!-- 모바일 nav -->
+<select title="메뉴 선택">
+    <option>출석현황</option>
+    <option>성적현황</option>
+    <option>진도현황</option>
+    <option>학습성찰일지</option>
+</select>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/member/myclass/attend.html (added)
+++ html/onSejong/member/myclass/attend.html
@@ -0,0 +1,234 @@
+<!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>
+
+<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 class="r-area">
+                            <button class="btn primary ico-code-scan">스마트 출석</button>
+                        </div>
+					</div>
+					<section class="section">
+						<h3 class="txt-hide">과정 정보</h3>
+						<div class="write-type">
+							<table>
+								<caption>과정 정보 표</caption>
+								<colgroup>
+									<col style="width: 16rem;">
+									<col>
+									<col style="width: 16rem;">
+									<col>
+								</colgroup>
+								<tbody>
+									<tr>
+										<th scope="col">과정</th>
+										<td>인공지능 수학 (2025년2학기)</td>
+										<th scope="col">담당교사</th>
+										<td>김세종</td>
+									</tr>
+									<tr>
+										<th scope="col">요일·시간</th>
+										<td colspan="3">[화 7], [수 5], [목 4]</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</section>
+					<div class="fnc-area">
+                        <div class="l-area">
+                            <p>
+                                총
+                                <em>156</em>
+                                건
+                            </p>
+                        </div>
+                        <div class="r-area">
+                            <select class="select-sort border-none" title="정렬 선택">
+                                <option>출결상태 전체</option>
+                                <option>출석</option>
+                                <option>조퇴</option>
+                                <option>지각</option>
+                                <option>공결</option>
+                                <option>결석</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="list-type">
+                        <table>
+                            <caption>출석현황 목록</caption>
+                            <colgroup>
+                                <col style="width: 8rem">
+                                <col style="width: 48rem;">
+                                <col>
+                                <col>
+                                <col>
+                                <col>
+                            </colgroup>
+                            <thead>
+                                <tr>
+                                    <th scope="col">번호</th>
+                                    <th scope="col">수업명</th>
+                                    <th scope="col">수업유형</th>
+                                    <th scope="col">수업일</th>
+                                    <th scope="col">출결상태</th>
+                                    <th scope="col">상세</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>3</td>
+                                    <td>인공지능과 수학의 기초에 대해 알아봅시다!</td>
+                                    <td>화상수업</td>
+                                    <td data-tit="수업일">2025-08-15</td>
+                                    <td>
+                                        <span class="label-state green">출석</span>
+                                    </td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td>3</td>
+                                    <td>인공지능과 수학의 기초에 대해 알아봅시다!</td>
+                                    <td>화상수업</td>
+                                    <td data-tit="수업일">2025-08-15</td>
+                                    <td>
+                                        <span class="label-state blue">지각</span>
+                                    </td>
+                                    <td>
+                                        <div class="btn-tbl-cont">
+                                            <button type="button" class="btn sm">확인</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>3</td>
+                                    <td>인공지능과 수학의 기초에 대해 알아봅시다!</td>
+                                    <td>화상수업</td>
+                                    <td data-tit="수업일">2025-08-15</td>
+                                    <td>
+                                        <span class="label-state">공결</span>
+                                    </td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td>3</td>
+                                    <td>인공지능과 수학의 기초에 대해 알아봅시다!</td>
+                                    <td>화상수업</td>
+                                    <td data-tit="수업일">2025-08-15</td>
+                                    <td>
+                                        <span class="label-state yellow">조퇴</span>
+                                    </td>
+                                    <td>
+                                        <div class="btn-tbl-cont">
+                                            <button type="button" class="btn sm">확인</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>3</td>
+                                    <td>인공지능과 수학의 기초에 대해 알아봅시다!</td>
+                                    <td>화상수업</td>
+                                    <td data-tit="수업일">2025-08-15</td>
+                                    <td>
+                                        <span class="label-state red">결석</span>
+                                    </td>
+                                    <td>
+                                        <div class="btn-tbl-cont">
+                                            <button type="button" class="btn sm">확인</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <ul class="pagenation">
+                        <li class="ppv">
+                            <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+                        </li>
+                        <li class="pv">
+                            <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                        </li>
+                        <li class="current">
+                            <a href="#none" title="1번째 목록으로 이동합니다">1</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                        </li>
+                        <li class="fw">
+                            <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                        </li>
+                        <li class="ffw">
+                            <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+                        </li>
+                    </ul>
+				</div>
+			</div>
+		</div>
+		<footer class="site-footer"></footer>
+	</div>
+	<!-- toast -->
+	<div class="toast"></div>
+	<!--popup-->
+	<div class="dim"></div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/member/myclass/classList.html (added)
+++ html/onSejong/member/myclass/classList.html
@@ -0,0 +1,319 @@
+<!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>
+
+	<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">
+					<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>
+						<ul class="tabs-nav-lg">
+							<li><a href="#none" class="is-active" title="선택됨">진행중</a></li>
+							<li><a href="#none">진행예정</a></li>
+							<li><a href="#none">진행완료</a></li>
+						</ul>
+						<div class="fnc-area">
+							<div class="l-area">
+								<p>
+									총<em>156</em>건
+								</p>
+							</div>
+							<div class="r-area">
+                                <fieldset class="search-area">
+                                    <legend>검색</legend>
+                                    <div class="search">
+                                        <input type="text" placeholder="과정명으로 검색하세요." title="콘텐츠 제목으로 검색하세요.">
+                                        <button class="btn ico-search">검색</button>
+                                    </div>
+                                </fieldset>
+                            </div>
+						</div>
+                        <!-- 진행중 -->
+						<div class="list-type">
+							<table>
+								<caption>과제 목록</caption>
+								<colgroup>
+                                    <col style="width: 6.4rem">
+                                    <col>
+                                    <col style="width: 40rem">
+                                    <col>
+                                    <col>
+                                    <col style="width: 20rem">
+                                    <col>
+                                    <col>
+                                    <col>
+                                </colgroup>
+								<thead>
+									<tr>
+										<th scope="col">번호</th>
+										<th scope="col">수강구분</th>
+										<th scope="col">과정명</th>
+										<th scope="col">대상학년</th>
+										<th scope="col">과목/전공</th>
+                                        <th scope="col">수업시간</th>
+										<th scope="col">
+											구분
+											<br>
+											<small class="txt-option block">(수강/청강)</small>
+										</th>
+                                        <th>상태</th>
+										<th scope="col">
+                                            관리
+                                            <div class="tooltip">
+                                                <button type="button" class="btn-tooltip"><i class="ico-info"></i></button>
+                                                <div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
+                                            </div>
+                                        </th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr>
+										<td>3</td>
+										<td data-tit="과목">온세종학교</td>
+										<td>
+											<a href="#none" class="table-title">인공지능 수학 1</a>
+										</td>
+                                        <td>중3</td>
+                                        <td>수학</td>
+										<td data-tit="수업시간">
+                                            (수)  18:00~19:40 <br>
+                                            (목)  18:00~19:40
+										</td>
+										<td data-tit="등록일">수강생</td>
+                                        <td>
+                                            <span class="label-state blue">신청중</span>
+                                        </td>
+										<td>
+											<div class="tbl-btn-cont">
+												<button type="button" class="btn sm ico-mortarboard circle"></button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td>3</td>
+										<td data-tit="과목">캠공Ⅰ</td>
+										<td>
+											<a href="#none" class="table-title">경제와 수학</a>
+										</td>
+                                        <td>중3</td>
+                                        <td>과학</td>
+										<td data-tit="수업시간">
+                                            (수)  18:00~19:40 <br>
+                                            (목)  18:00~19:40
+										</td>
+										<td data-tit="등록일">청강생</td>
+                                        <td>
+                                            <span class="label-state green">운영중</span>
+                                        </td>
+										<td>-</td>
+									</tr>
+                                    <tr>
+										<td>3</td>
+										<td data-tit="과목">온세종학교</td>
+										<td>
+											<a href="#none" class="table-title">인공지능 수학 2</a>
+										</td>
+                                        <td>중3</td>
+                                        <td>수학</td>
+										<td data-tit="수업시간">
+                                            (수)  18:00~19:40 
+										</td>
+										<td data-tit="등록일">수강생</td>
+                                        <td>
+                                            <span class="label-state">폐강</span>
+                                        </td>
+										<td>
+											<div class="tbl-btn-cont">
+												<button type="button" class="btn sm ico-delete circle"></button>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+                        <!-- 진행중 -->
+						<div class="list-type">
+							<table>
+								<caption>과제 목록</caption>
+								<colgroup>
+                                    <col style="width: 6.4rem">
+                                    <col>
+                                    <col style="width: 40rem">
+                                    <col>
+                                    <col>
+                                    <col style="width: 20rem">
+                                    <col>
+                                    <col>
+                                    <col>
+                                </colgroup>
+								<thead>
+									<tr>
+										<th scope="col">번호</th>
+										<th scope="col">수강구분</th>
+										<th scope="col">과정명</th>
+										<th scope="col">대상학년</th>
+										<th scope="col">과목/전공</th>
+                                        <th scope="col">수업시간</th>
+										<th scope="col">
+											구분
+											<br>
+											<small class="txt-option block">(수강/청강)</small>
+										</th>
+                                        <th>상태</th>
+										<th scope="col">
+                                            관리
+                                            <div class="tooltip">
+                                                <button type="button" class="btn-tooltip"><i class="ico-info"></i></button>
+                                                <div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
+                                            </div>
+                                        </th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr>
+										<td>3</td>
+										<td data-tit="과목">온세종학교</td>
+										<td>
+											<a href="#none" class="table-title">인공지능 수학 1</a>
+										</td>
+                                        <td>중3</td>
+                                        <td>수학</td>
+										<td data-tit="수업시간">
+                                            (수)  18:00~19:40 <br>
+                                            (목)  18:00~19:40
+										</td>
+										<td data-tit="등록일">수강생</td>
+                                        <td>
+                                            <span class="label-state red">운영종료</span>
+                                        </td>
+										<td>
+											<div class="tbl-btn-cont">
+												<button type="button" class="btn sm ico-mortarboard circle"></button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td>3</td>
+										<td data-tit="과목">캠공Ⅰ</td>
+										<td>
+											<a href="#none" class="table-title">경제와 수학</a>
+										</td>
+                                        <td>중3</td>
+                                        <td>과학</td>
+										<td data-tit="수업시간">
+                                            (수)  18:00~19:40 <br>
+                                            (목)  18:00~19:40
+										</td>
+										<td data-tit="등록일">청강생</td>
+                                        <td>
+                                            <span class="label-state red">운영종료</span>
+                                        </td>
+										<td>-</td>
+									</tr>
+                                    <tr>
+										<td>3</td>
+										<td data-tit="과목">온세종학교</td>
+										<td>
+											<a href="#none" class="table-title">인공지능 수학 2</a>
+										</td>
+                                        <td>중3</td>
+                                        <td>수학</td>
+										<td data-tit="수업시간">
+                                            (수)  18:00~19:40 
+										</td>
+										<td data-tit="등록일">수강생</td>
+                                        <td>
+                                            <span class="label-state">폐강</span>
+                                        </td>
+										<td>-</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<ul class="pagenation">
+							<li class="ppv">
+								<a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+							</li>
+							<li class="pv">
+								<a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+							</li>
+							<li class="current">
+								<span title="현재 페이지">1</span>
+							</li>
+							<li>
+								<a href="#none" title="2번째 목록으로 이동합니다">2</a>
+							</li>
+							<li>
+								<a href="#none" title="3번째 목록으로 이동합니다">3</a>
+							</li>
+							<li>
+								<a href="#none" title="4번째 목록으로 이동합니다">4</a>
+							</li>
+							<li>
+								<a href="#none" title="5번째 목록으로 이동합니다">5</a>
+							</li>
+							<li class="fw">
+								<a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+							</li>
+							<li class="ffw">
+								<a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<footer class="site-footer"></footer>
+		</div>
+		<!-- toast -->
+		<div class="toast"></div>
+		<!--popup-->
+		<div class="dim"></div>
+	</body>
+</html>
 
html/onSejong/member/myclass/gradeStatus.html (added)
+++ html/onSejong/member/myclass/gradeStatus.html
@@ -0,0 +1,186 @@
+<!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>
+
+<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">
+						<h3 class="txt-hide">과정 정보</h3>
+						<div class="write-type">
+							<table>
+								<caption>과정 정보 표</caption>
+								<colgroup>
+									<col style="width: 16rem;">
+									<col>
+									<col style="width: 16rem;">
+									<col>
+								</colgroup>
+								<tbody>
+									<tr>
+										<th scope="col">과정</th>
+										<td>인공지능 수학 (2025년2학기)</td>
+										<th scope="col">담당교사</th>
+										<td>김세종</td>
+									</tr>
+									<tr>
+										<th scope="col">요일·시간</th>
+										<td>[화 7], [수 5], [목 4]</td>
+										<th scope="col">전체 성적</th>
+										<td>98.89 점</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</section>
+					<div class="fnc-area">
+                        <div class="l-area">
+                            <p>
+                                총
+                                <em>156</em>
+                                건
+                            </p>
+                        </div>
+                        <div class="r-area">
+                            <select class="select-sort border-none" title="정렬 선택">
+                                <option>구분 전체</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="list-type">
+                        <table>
+                            <caption>성적현황 목록</caption>
+                            <colgroup>
+                                <col style="width: 80px">
+                                <col>
+                                <col style="width: 480px;">
+                                <col>
+                                <col>
+                                <col>
+                            </colgroup>
+                            <thead>
+                                <tr>
+                                    <th scope="col">번호</th>
+                                    <th scope="col">구분</th>
+                                    <th scope="col">제목</th>
+                                    <th scope="col">반영비율(%)</th>
+                                    <th scope="col">제출일</th>
+                                    <th scope="col">성적</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>2</td>
+                                    <td>과제</td>
+                                    <td>
+                                        <a href="#none" class="table-title">생활속 수학활용 사례 5가지 작성 후 제출하세요~</a>
+                                    </td>
+                                    <td data-tit="반영비율(%)">수행평가 10%</td>
+                                    <td data-tit="제출일">2025-08-15</td>
+                                    <td data-tit="성적">92.00<br><em>(35.00)</em></td>
+                                </tr>
+                                <tr>
+                                    <td>1</td>
+                                    <td>평가</td>
+                                    <td>
+                                        <a href="#none" class="table-title">중간고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</a>
+                                    </td>
+                                    <td data-tit="반영비율(%)">수행평가 20%</td>
+                                    <td data-tit="제출일">2025-08-15</td>
+                                    <td data-tit="성적">00.00<br><em>(nn.00)</em></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <ul class="pagenation">
+                        <li class="ppv">
+                            <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+                        </li>
+                        <li class="pv">
+                            <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                        </li>
+                        <li class="current">
+                            <a href="#none" title="1번째 목록으로 이동합니다">1</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                        </li>
+                        <li class="fw">
+                            <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                        </li>
+                        <li class="ffw">
+                            <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+                        </li>
+                    </ul>
+				</div>
+			</div>
+		</div>
+		<footer class="site-footer"></footer>
+	</div>
+	<!-- toast -->
+	<div class="toast"></div>
+	<!--popup-->
+	<div class="dim"></div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/member/myclass/pop_memberAttend.html (added)
+++ html/onSejong/member/myclass/pop_memberAttend.html
@@ -0,0 +1,138 @@
+<!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>
+
+<body>
+	<div class="popup-modal xlg" data-popuppub="popupmodal">
+		<div class="pop-header">
+			<h1>멤버별 출석관리</h1>
+		</div>
+		<div class="pop-body">
+			<section class="section">
+				<div class="tit-area">
+					<div class="l-area">
+						<h2 class="title">김가은 / USER_ID</h2>
+						<p>세종중학교 3학년 2반 15번</p>
+					</div>
+				</div>
+				<div class="summary-page">
+					<div class="l-area">
+						<div class="txt-area">
+							<strong class="summary-tit">수업제목이 표시됩니다!</strong>
+							<p><strong>진행 일시</strong> : 9월 28일(월) 오전 10:00</p>
+						</div>
+					</div>
+				</div>
+			</section>
+			<section class="section">
+				<div class="tit-area">
+					<div class="l-area">
+						<h2 class="title">상세 이력</h2>
+					</div>
+				</div>
+				<div class="list-type">
+					<table>
+						<caption>출석 상세 이력 표</caption>
+						<thead>
+							<tr>
+								<th scope="row">디바이스</th>
+								<th scope="row">출결 체크 일시</th>
+								<th scope="row">출결 구분</th>
+							</tr>
+						</thead>
+						<tbody>
+                            <tr>
+                                <td data-tit="디바이스">Desktop</td>
+                                <td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
+                                <td>수동 출결 - <span class="label success">출석</span></td>
+                            </tr>
+                            <tr>
+                                <td data-tit="디바이스">Desktop</td>
+                                <td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
+                                <td>수동 출결 - <span class="label info">지각</span></td>
+                            </tr>
+                            <tr>
+                                <td data-tit="디바이스">Desktop</td>
+                                <td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
+                                <td>수동 출결 - <span class="label warning">조퇴</span></td>
+                            </tr>
+							<tr>
+								<td data-tit="디바이스">Desktop</td>
+								<td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
+								<td>수동 출결 - <em class="font-color-red">결석</em></td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</section>
+			<section class="section">
+				<div class="tit-area">
+					<div class="l-area">
+						<h2 class="title">메모</h2>
+					</div>
+				</div>
+				<textarea placeholder="컨디션이 안좋아서 지각을 했지만 결석으로 변경" disabled></textarea>
+			</section>
+		</div>
+
+		<div class="pop-footer">
+			<div class="pop-btn-cont">
+				<button type="button" class="btn" onclick="popupClosePub('popupmodal')">닫기</button>
+			</div>
+		</div>
+		<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+	</div>
+
+	<!-- toast -->
+	<div class="toast"></div>
+
+	<!--popup-->
+	<div class="dim"></div>
+
+	<script>
+		$(document).ready(function () {
+			popupOpenPub('popupmodal');
+		});
+	</script>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/member/myclass/pop_progressManage.html (added)
+++ html/onSejong/member/myclass/pop_progressManage.html
@@ -0,0 +1,138 @@
+<!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>
+
+<body>
+	<div class="popup-modal xlg" data-popuppub="popupmodal">
+		<div class="pop-header">
+			<h1>멤버별 진도관리</h1>
+		</div>
+		<div class="pop-body">
+			<section class="section">
+				<div class="tit-area">
+					<div class="l-area">
+						<h2 class="title">김가은 / USER_ID</h2>
+						<p>세종중학교 3학년 2반 15번</p>
+					</div>
+				</div>
+				<div class="summary-page">
+					<div class="l-area">
+						<div class="txt-area">
+							<strong class="summary-tit">수업제목이 표시됩니다!</strong>
+							<p><strong>진행 일시</strong> : 9월 28일(월) 오전 10:00</p>
+						</div>
+					</div>
+				</div>
+			</section>
+			<section class="section">
+				<div class="tit-area">
+					<div class="l-area">
+						<h2 class="title">상세 이력</h2>
+					</div>
+				</div>
+				<div class="list-type">
+					<table>
+						<caption>진도 상세 이력 표</caption>
+						<thead>
+							<tr>
+								<th scope="row">디바이스</th>
+								<th scope="row">수업유형</th>
+								<th scope="row">콘텐츠 길이</th>
+								<th scope="row">총 학습시간</th>
+								<th scope="row">진도처리</th>
+							</tr>
+						</thead>
+						<tbody>
+                            <tr>
+                                <td data-tit="디바이스">Desktop</td>
+                                <td data-tit="수업유형">화상수업</td>
+                                <td data-tit="콘텐츠 길이">02:30</td>
+                                <td data-tit="총 학습시간">02:30</td>
+                                <td>
+                                    <span class="label-state green">참여(이수)</span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td data-tit="디바이스">Desktop</td>
+                                <td data-tit="수업유형">화상수업</td>
+                                <td data-tit="콘텐츠 길이">02:30</td>
+                                <td data-tit="총 학습시간">02:30</td>
+                                <td>
+                                    <span class="label-state red">미참여(미이수)</span>
+                                </td>
+                            </tr>
+						</tbody>
+					</table>
+				</div>
+			</section>
+			<section class="section">
+				<div class="tit-area">
+					<div class="l-area">
+						<h2 class="title">메모</h2>
+					</div>
+				</div>
+				<textarea placeholder="지각 때문에 미이수 상태였지만 이수 처리합니다!" disabled></textarea>
+			</section>
+		</div>
+
+		<div class="pop-footer">
+			<div class="pop-btn-cont">
+				<button type="button" class="btn" onclick="popupClosePub('popupmodal')">닫기</button>
+			</div>
+		</div>
+		<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+	</div>
+
+	<!-- toast -->
+	<div class="toast"></div>
+
+	<!--popup-->
+	<div class="dim"></div>
+
+	<script>
+		$(document).ready(function () {
+			popupOpenPub('popupmodal');
+		});
+	</script>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/member/myclass/pop_reflection.html (added)
+++ html/onSejong/member/myclass/pop_reflection.html
@@ -0,0 +1,158 @@
+<!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>
+
+	<body>
+		<div class="popup-modal lg" data-popuppub="popupmodal">
+			<div class="pop-header">
+				<h1>성찰일지</h1>
+			</div>
+			<div class="pop-body">
+                <section class="section sm">
+                    <h3 class="txt-hide">과정 정보</h3>
+                    <div class="write-type">
+                        <table>
+                            <caption>과정 정보 표</caption>
+                            <colgroup>
+                                <col style="width: 16rem;">
+                                <col>
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="col">수업명</th>
+                                    <td>인공지능 수학 (2025년2학기)</td>
+                                </tr>
+                                <tr>
+                                    <th scope="col">담당교사</th>
+                                    <td>김세종</td>
+                                </tr>
+                                <tr>
+                                    <th scope="col">수업일</th>
+                                    <td>2025-09-30(월)</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </section>
+				<section class="section">
+                    <h3 class="txt-hide">성찰일지 상세</h3>
+                    <div class="write-type">
+                        <table>
+                            <caption>성찰일지 상세</caption>
+                            <colgroup>
+                                <col style="width: 160px" />
+                                <col />
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">활동 주제</th>
+                                    <td>
+                                        <input type="text" class="q4" placeholder="실험 설계를 위한 참고문헌 조사" disabled>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 일자</th>
+                                    <td>2025-09-30(월) 15:20</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 목적</th>
+                                    <td>
+                                        <input type="text" class="q4" placeholder="실험을 위한 자료 조사" disabled>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 참여자</th>
+                                    <td>
+                                        <input type="text" class="q4" placeholder="김세종" disabled>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 내용</th>
+                                    <td>
+                                        <textarea placeholder="학생이 작성한 활동내용이 모두 보여집니다~~" disabled></textarea>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">참고 문헌</th>
+                                    <td>
+                                        <textarea placeholder="학생이 작성한 활동내용이 모두 보여집니다~~" disabled></textarea>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">배운점</th>
+                                    <td>
+                                        <textarea placeholder="학생이 작성한 활동내용이 모두 보여집니다~~" disabled></textarea>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">선생님 의견</th>
+                                    <td>
+                                        <textarea placeholder="선생님이 작성한 의견 표시 (수정 페이지에서는 히든)" disabled></textarea>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+				</section>
+			</div>
+
+			<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>
+				</div>
+			</div>
+			<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+		</div>
+
+		<!-- toast -->
+		<div class="toast"></div>
+
+		<!--popup-->
+		<div class="dim"></div>
+
+		<script>
+			$(document).ready(function () {
+				popupOpenPub('popupmodal');
+			});
+		</script>
+	</body>
+</html>
 
html/onSejong/member/myclass/pop_reflectionEdit.html (added)
+++ html/onSejong/member/myclass/pop_reflectionEdit.html
@@ -0,0 +1,153 @@
+<!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>
+
+	<body>
+		<div class="popup-modal lg" data-popuppub="popupmodal">
+			<div class="pop-header">
+				<h1>성찰일지</h1>
+			</div>
+			<div class="pop-body">
+                <section class="section sm">
+                    <h3 class="txt-hide">과정 정보</h3>
+                    <div class="write-type">
+                        <table>
+                            <caption>과정 정보 표</caption>
+                            <colgroup>
+                                <col style="width: 16rem;">
+                                <col>
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="col">수업명</th>
+                                    <td>인공지능 수학 (2025년2학기)</td>
+                                </tr>
+                                <tr>
+                                    <th scope="col">담당교사</th>
+                                    <td>김세종</td>
+                                </tr>
+                                <tr>
+                                    <th scope="col">수업일</th>
+                                    <td>2025-09-30(월)</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </section>
+				<section class="section">
+                    <h3 class="txt-hide">성찰일지 상세</h3>
+                    <div class="write-type">
+                        <table>
+                            <caption>성찰일지 상세</caption>
+                            <colgroup>
+                                <col style="width: 160px" />
+                                <col />
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">활동 주제</th>
+                                    <td>
+                                        <input type="text" class="q4" value="실험 설계를 위한 참고문헌 조사">
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 일자</th>
+                                    <td>2025-09-30(월) 15:20</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 목적</th>
+                                    <td>
+                                        <input type="text" class="q4" value="실험을 위한 자료 조사">
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 참여자</th>
+                                    <td>
+                                        <input type="text" class="q4" value="김세종">
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">활동 내용</th>
+                                    <td>
+                                        <textarea>학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">참고 문헌</th>
+                                    <td>
+                                        <textarea>학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">배운점</th>
+                                    <td>
+                                        <textarea>학생이 작성한 활동내용이 모두 보여집니다~~</textarea>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+				</section>
+			</div>
+
+			<div class="pop-footer">
+				<div class="pop-btn-cont">
+					<button type="button" class="btn danger" onclick="popupClosePub('popupmodal')">삭제</button>
+					<button type="button" class="btn" 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>
+		</div>
+
+		<!-- toast -->
+		<div class="toast"></div>
+
+		<!--popup-->
+		<div class="dim"></div>
+
+		<script>
+			$(document).ready(function () {
+				popupOpenPub('popupmodal');
+			});
+		</script>
+	</body>
+</html>
 
html/onSejong/member/myclass/progressStatus.html (added)
+++ html/onSejong/member/myclass/progressStatus.html
@@ -0,0 +1,200 @@
+<!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>
+
+<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">
+						<h3 class="txt-hide">과정 정보</h3>
+						<div class="write-type">
+							<table>
+								<caption>과정 정보 표</caption>
+								<colgroup>
+									<col style="width: 16rem;">
+									<col>
+									<col style="width: 16rem;">
+									<col>
+								</colgroup>
+								<tbody>
+									<tr>
+										<th scope="col">과정</th>
+										<td>인공지능 수학 (2025년2학기)</td>
+										<th scope="col">담당교사</th>
+										<td>김세종</td>
+									</tr>
+									<tr>
+										<th scope="col">요일·시간</th>
+										<td colspan="3">[화 7], [수 5], [목 4]</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</section>
+					<div class="fnc-area">
+                        <div class="l-area">
+                            <p>
+                                총
+                                <em>156</em>
+                                건
+                            </p>
+                        </div>
+                        <div class="r-area">
+                            <select class="select-sort border-none" title="정렬 선택">
+                                <option>상태 전체</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="list-type">
+                        <table>
+                            <caption>진도현황 목록</caption>
+                            <colgroup>
+                                <col style="width: 80px">
+                                <col style="width: 400px;">
+                                <col>
+                                <col>
+                                <col style="width: 120px;">
+                                <col style="width: 160px;">
+                                <col>
+                            </colgroup>
+                            <thead>
+                                <tr>
+                                    <th scope="col">번호</th>
+                                    <th scope="col">제목</th>
+                                    <th scope="col">수업유형</th>
+                                    <th scope="col">총 학습시간(mm/ss)</th>
+                                    <th scope="col">수업일</th>
+                                    <th scope="col">상태</th>
+                                    <th scope="col">상세</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>2</td>
+                                    <td>
+                                        <a href="#none" class="table-title">[기초] 인공지능과수학에 대해 알아봅시다~ </a>
+                                    </td>
+                                    <td data-tit="수업유형">화상</td>
+                                    <td data-tit="총 학습시간(mm/ss)">120:30</td>
+                                    <td data-tit="수업일">2025-08-15</td>
+                                    <td>
+                                        <span class="label-state green">참여(이수)</span>
+                                    </td>
+                                    <td>
+                                        <div class="btn-tbl-cont">
+                                            <button type="button" class="btn sm">확인</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>1</td>
+                                    <td>
+                                        <a href="#none" class="table-title">코딩과 수학에 대해 공부합시다!</a>
+                                    </td>
+                                    <td data-tit="수업유형">영상</td>
+                                    <td data-tit="총 학습시간(mm/ss)">-</td>
+                                    <td data-tit="수업일">2025-08-15</td>
+                                    <td>
+                                        <span class="label-state red">미참여(미이수)</span>
+                                    </td>
+                                    <td>
+                                        <div class="btn-tbl-cont">
+                                            <button type="button" class="btn sm">확인</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <ul class="pagenation">
+                        <li class="ppv">
+                            <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+                        </li>
+                        <li class="pv">
+                            <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                        </li>
+                        <li class="current">
+                            <a href="#none" title="1번째 목록으로 이동합니다">1</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                        </li>
+                        <li class="fw">
+                            <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                        </li>
+                        <li class="ffw">
+                            <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+                        </li>
+                    </ul>
+				</div>
+			</div>
+		</div>
+		<footer class="site-footer"></footer>
+	</div>
+	<!-- toast -->
+	<div class="toast"></div>
+	<!--popup-->
+	<div class="dim"></div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/member/myclass/reflection.html (added)
+++ html/onSejong/member/myclass/reflection.html
@@ -0,0 +1,239 @@
+<!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>
+
+    <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>
+                        <div class="summary">
+                            <i class="ico-info"></i>
+                            <div class="txt-area">
+                                <p>
+                                    수업별로 작성한 내용들을 한꺼번에 확인할 수 있습니다. <br>
+                                    수업을 통해 느낌점(소감), 본인의 활동내역이나 역할, 수업내에서의 주요 프로젝트 등을
+                                    작성해 주세요!
+                                </p>
+                            </div>
+                        </div>
+                        <section class="section">
+                            <h3 class="txt-hide">과정 정보</h3>
+                            <div class="write-type">
+                                <table>
+                                    <caption>
+                                        과정 정보 표
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 16rem">
+                                        <col>
+                                        <col style="width: 16rem">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="col">과정</th>
+                                            <td>인공지능 수학 (2025년2학기)</td>
+                                            <th scope="col">담당교사</th>
+                                            <td>김세종</td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="col">요일·시간</th>
+                                            <td colspan="3">[화 7], [수 5], [목 4]</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <section class="section">
+                            <h3 class="txt-hide">학습성찰일지 상세</h3>
+                            <div class="fnc-area">
+                                <div class="l-area">
+                                    <p>
+                                        총
+                                        <em>156</em>
+                                        건
+                                    </p>
+                                </div>
+                                <div class="r-area">
+                                    <select class="select-sort border-none" title="정렬 선택">
+                                        <option>상태 전체</option>
+                                    </select>
+                                </div>
+                            </div>
+                            <div class="list-type">
+                                <table>
+                                    <caption>
+                                        학습성찰일지 목록
+                                    </caption>
+                                    <colgroup>
+                                        <col style="width: 8rem">
+                                        <col style="width: 40rem">
+                                        <col>
+                                        <col>
+                                        <col>
+                                        <col style="width: 6.4rem">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col">번호</th>
+                                            <th scope="col">제목</th>
+                                            <th scope="col">수업유형</th>
+                                            <th scope="col">수업일</th>
+                                            <th scope="col">상태</th>
+                                            <th scope="col"></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>2</td>
+                                            <td>
+                                                <a href="#none" class="table-title"
+                                                    >[기초] 인공지능과수학에 대해 알아봅시다~
+                                                </a>
+                                            </td>
+                                            <td data-tit="수업유형">화상</td>
+                                            <td data-tit="수업일">2025-08-15</td>
+                                            <td>
+                                                <span class="label-state green">작성</span>
+                                            </td>
+                                            <td>
+                                                <div class="etc-fnc-area">
+                                                    <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">
+                                                        더보기
+                                                    </button>
+                                                    <ul class="etc-fnc">
+                                                        <li><a href="#none">수정</a></li>
+                                                    </ul>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>2</td>
+                                            <td>
+                                                <a href="#none" class="table-title"
+                                                    >[기초] 인공지능과수학에 대해 알아봅시다~
+                                                </a>
+                                            </td>
+                                            <td data-tit="수업유형">화상</td>
+                                            <td data-tit="수업일">2025-08-15</td>
+                                            <td>
+                                                <span class="label-state red">미작성</span>
+                                            </td>
+                                            <td>
+                                                <div class="etc-fnc-area">
+                                                    <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">
+                                                        더보기
+                                                    </button>
+                                                    <ul class="etc-fnc">
+                                                        <li><a href="#none">수정</a></li>
+                                                    </ul>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <ul class="pagenation">
+                                <li class="ppv">
+                                    <a
+                                        href="#none"
+                                        class="btn ico-ppv circle sm"
+                                        title="전체 목록에서 가장 처음 목록으로 이동합니다"
+                                        >처음으로</a
+                                    >
+                                </li>
+                                <li class="pv">
+                                    <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다"
+                                        >이전으로</a
+                                    >
+                                </li>
+                                <li class="current">
+                                    <a href="#none" title="1번째 목록으로 이동합니다">1</a>
+                                </li>
+                                <li>
+                                    <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                                </li>
+                                <li>
+                                    <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                                </li>
+                                <li>
+                                    <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                                </li>
+                                <li>
+                                    <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                                </li>
+                                <li class="fw">
+                                    <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다"
+                                        >다음으로</a
+                                    >
+                                </li>
+                                <li class="ffw">
+                                    <a
+                                        href="#none"
+                                        class="btn ico-ffw circle sm"
+                                        title="전체 목록에서 가장 마지막 목록으로 이동합니다"
+                                        >끝으로</a
+                                    >
+                                </li>
+                            </ul>
+                        </section>
+                    </div>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
+</html>
Add a comment
List