이화경 이화경 10-30
캠공 퍼블 수정중
@ea3ab2295c41b6569c7b1339bbf941cd16cc392e
 
html/campas/common/class/class.html (added)
+++ html/campas/common/class/class.html
@@ -0,0 +1,414 @@
+<!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 class="r-area">
+								<a href="#none" class="btn lg cta ico-plus">과정 개설하기</a>
+							</div>
+						</div>
+						<div class="summary-page">
+							<div class="l-area">
+								<div class="img-area">
+									<img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true" />
+								</div>
+								<div class="txt-area">
+									<p>온라인공동교육과정은 소규모 학교나 특정 교과목 개설이 어려운 학교를 위해, 여러 학교가 협력하여 온라인으로 개설·운영하는 교육과정입니다. 학생의 소질, 적성, 진로에 맞는 다양한 과목을 제공하여 학생의 과목 선택권을 넓히고, 실시간 쌍방향 수업과 학습 복습 기능을 통해 학습 효과를 높입니다.</p>
+									<br />
+									<p>온세종학교 특화 교육과정을 만나보세요!</p>
+									<ul class="bullet">
+										<li>외국어 국제형 특화</li>
+										<li>AI 디지털 교육 특화</li>
+										<li>약학 계열 특화</li>
+										<li>조세 및 회계 분야 특화</li>
+									</ul>
+								</div>
+							</div>
+							<div class="r-area">
+								<div class="btn-group"><button class="btn sm ico-download secondary back">자세한 내용 PDF 다운로드</button></div>
+							</div>
+						</div>
+						<div class="search-box">
+							<div class="search-box-write">
+								<table>
+									<caption>상세검색</caption>
+									<colgroup>
+										<col style="width: 100px" />
+										<col />
+									</colgroup>
+									<tbody>
+										<tr>
+											<th>운영기간</th>
+											<td>
+												<select title="년도 선택">
+													<option>2025년 1학기</option>
+												</select>
+											</td>
+										</tr>
+										<tr>
+											<th scope="row">대상학년</th>
+											<td>
+												<fieldset class="checkradio-area">
+													<legend>특성 선택</legend>
+													<div class="checkradio">
+														<input type="checkbox" id="c1-1" checked />
+														<label for="c1-1" class="pramury">전체</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c1-2" />
+														<label for="c1-2">중3</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c1-3" />
+														<label for="c1-3">고1</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c1-4" />
+														<label for="c1-4">고2</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c1-5" />
+														<label for="c1-5">고3</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c1-6" />
+														<label for="c1-6">기타</label>
+													</div>
+												</fieldset>
+											</td>
+										</tr>
+										<tr>
+											<th scope="row">교과(군)</th>
+											<td>
+												<fieldset class="checkradio-area">
+													<legend>교과 선택</legend>
+													<div class="checkradio">
+														<input type="checkbox" id="c3-1" />
+														<label for="c3-1">국어</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c3-2" />
+														<label for="c3-2">수학</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c3-3" />
+														<label for="c3-3">사회</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c3-4" />
+														<label for="c3-4">과학</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c3-5" />
+														<label for="c3-5">영어</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c3-6" />
+														<label for="c3-6">외국어</label>
+													</div>
+												</fieldset>
+											</td>
+										</tr>
+										<tr>
+											<th scope="row">운영요일</th>
+											<td>
+												<fieldset class="checkradio-area">
+													<legend>운영요일 선택</legend>
+													<div class="checkradio">
+														<input type="checkbox" id="c4-1" checked />
+														<label for="c4-1">전체</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c4-2" />
+														<label for="c4-2">월</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c4-3" />
+														<label for="c4-3">화</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c4-4" />
+														<label for="c4-4">수</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c4-5" />
+														<label for="c4-5">목</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c4-6" />
+														<label for="c4-6">금</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c4-7" />
+														<label for="c4-7">토</label>
+													</div>
+												</fieldset>
+											</td>
+										</tr>
+										<tr>
+											<th scope="row">운영시간</th>
+											<td>
+												<fieldset class="checkradio-area">
+													<legend>운영시간 선택</legend>
+													<div class="checkradio">
+														<input type="checkbox" id="c5-1" checked />
+														<label for="c5-1">전체</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c5-2" />
+														<label for="c5-2">평일/오전</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c5-3" />
+														<label for="c5-3">평일/오후</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c5-4" />
+														<label for="c5-4">평일/방과후</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c5-5" />
+														<label for="c5-5">토요일/오전</label>
+													</div>
+													<div class="checkradio">
+														<input type="checkbox" id="c5-6" />
+														<label for="c5-6">토요일/오후</label>
+													</div>
+												</fieldset>
+											</td>
+										</tr>
+										<tr>
+											<th scope="row">검색어</th>
+											<td>
+												<input type="text" class="q2" placeholder="과정명, 선생님명으로 검색하세요." title="과정명, 선생님명 입력" />
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+							<div class="search-btn-cont">
+								<button type="submit" class="btn-search-box">검색</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">
+									<select class="select-sort border-none" title="정렬 선택">
+										<option>인기과정 순</option>
+										<option>최신 등록일순</option>
+										<option>과정명 오름차순</option>
+									</select>
+									<fieldset class="checkradio-custom-row-area item-type-checkradio-area">
+										<legend>리스트형 선택</legend>
+										<div class="checkradio item-type-checkradio">
+											<input type="radio" title="피드형 선택" name="itemtype" checked id="item-type-feed" />
+											<label for="item-type-feed">
+												<i class="ico-thumblist"></i>
+												<span class="txt-hide">썸네일형</span>
+											</label>
+										</div>
+										<!-- <div class="checkradio item-type-checkradio">
+											<input type="radio" title="썸네일형 선택" name="itemtype" id="item-type-thumb" />
+											<label for="item-type-thumb">
+												<i class="ico-thumbnail"></i>
+												<span class="txt-hide">피드형</span>
+											</label>
+										</div> -->
+										<div class="checkradio item-type-checkradio">
+											<input type="radio" title="테이블형 선택" name="itemtype" id="item-type-table">
+											<label for="item-type-table"><i class="ico-list"></i><span class="txt-hide">테이블형</span></label>
+										</div>
+									</fieldset>
+								</div>
+							</div>
+							<div class="extend-filter-area">
+								<div class="l-area">
+									<fieldset class="filter-group">
+										<legend>필터 선택</legend>
+										<div class="checkradio">
+											<input type="checkbox" name="extend-filter" id="extend-filter0" checked />
+											<label for="extend-filter0">신청가능한 과정만 보기</label>
+										</div>
+									</fieldset>
+								</div>
+							</div>
+						</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="item-type-list item-type-feed">
+							<li>
+								<div class="item-checkradio checkradio order-front">
+									<input type="checkbox" id="itemchk1" class="icon-only" />
+									<label for="itemchk1">선택</label>
+								</div>
+								<div class="img-area">
+									<figure>
+										<img src="/resources/front/site/SITE_00000/images/common/common/img-thumb-cont-none.svg" alt="이미지" />
+									</figure>
+								</div>
+								<div class="cont">
+									<div class="txt-area">
+										<div class="label-area">
+											<span class="label primary">온세종학교</span>
+											<span class="label">고1,고2</span>
+											<span class="label">수학</span>
+										</div>
+										<h4 class="item-title">인공지능수학</h4>
+										<ul class="info-inline-list u-block">
+											<li>
+												<strong class="info-tit">운영시간</strong>
+												<div class="txt-area">
+													(화) 7교시 18:30~21:00
+													<br />
+													(목) 7교시 18:30~21:00
+												</div>
+											</li>
+											<li>
+												<strong class="info-tit">지도교사</strong>
+												<div class="txt-area">강민설, 홍길동</div>
+											</li>
+											<li>
+												<strong class="info-tit">모집인원/신청자(명)</strong>
+												<div class="txt-area">
+													<em>15</em>
+													/3
+												</div>
+											</li>
+											<li>
+												<strong class="info-tit">거점학교(장소)</strong>
+												<div class="txt-area">온세종학교</div>
+											</li>
+										</ul>
+									</div>
+									<div class="item-btn-area order-front">
+										<a href="#none" class="btn accent">강의계획서 보기</a>
+										<a href="#none" class="btn primary">신청하기</a>
+									</div>
+								</div>
+							</li>
+							<li>
+								<div class="item-checkradio checkradio order-front">
+									<input type="checkbox" id="itemchk2" class="icon-only" />
+									<label for="itemchk1">선택</label>
+								</div>
+								<div class="img-area">
+									<figure>
+										<img src="/resources/front/site/SITE_00000/images/common/common/img-thumb-cont-none.svg" alt="이미지" />
+									</figure>
+								</div>
+								<div class="cont">
+									<div class="txt-area">
+										<div class="label-area">
+											<span class="label primary">온세종학교</span>
+											<span class="label">고1,고2</span>
+											<span class="label">수학</span>
+										</div>
+										<h4 class="item-title">인공지능수학</h4>
+										<ul class="info-inline-list u-block">
+											<li>
+												<strong class="info-tit">운영시간</strong>
+												<div class="txt-area">
+													(화) 7교시 18:30~21:00
+													<br />
+													(목) 7교시 18:30~21:00
+												</div>
+											</li>
+											<li>
+												<strong class="info-tit">지도교사</strong>
+												<div class="txt-area">강민설, 홍길동</div>
+											</li>
+											<li>
+												<strong class="info-tit">모집인원/신청자(명)</strong>
+												<div class="txt-area">
+													<em>15</em>
+													/3
+												</div>
+											</li>
+											<li>
+												<strong class="info-tit">거점학교(장소)</strong>
+												<div class="txt-area">온세종학교</div>
+											</li>
+										</ul>
+									</div>
+									<div class="item-btn-area order-front">
+										<a href="#none" class="btn accent">강의계획서 보기</a>
+										<a href="#none" class="btn primary">신청하기</a>
+									</div>
+								</div>
+							</li>
+						</ul>
+						<div class="btn-cont">
+							<a href="#none" class="btn lg ico-plus back">더보기</a>
+						</div>
+					</div>
+				</div>
+				<footer class="site-footer"></footer>
+			</div>
+		</div>
+		<!-- toast -->
+		<div class="toast"></div>
+		<!--popup-->
+		<div class="dim"></div>
+	</body>
+</html>
 
html/campas/common/instructorpool/instructorpool.html (added)
+++ html/campas/common/instructorpool/instructorpool.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="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 dir-col">
+								<h2 class="title-xlg">강사인력풀게시판</h2>
+                                <p>강사 카드에 인력풀 등재 희망하시면 게시판에 등록됩니다.</p>
+							</div>
+						</div>
+						<div class="fnc-area">
+                            <div class="r-area">
+                                <select class="select-sort border-none" title="정렬 선택">
+                                    <option>10건</option>
+                                    <option>20건</option>
+                                    <option>30건</option>
+                                </select>
+								<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>
+									<col>
+									<col>
+									<col>
+									<col style="width: 30%;">
+									<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>1</td>
+										<td data-tit="이름">
+                                            <a href="#none" class="table-title">홍*동</a>
+                                        </td>
+										<td data-tit="성별">여</td>
+										<td data-tit="휴대번호">010-****-1234</td>
+										<td data-tit="이메일">a****4@dataeum.kr</td>
+										<td data-tit="등록일">2025.08.22</td>
+										<td data-tit="조회">128</td>
+									</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">
+								<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/campas/common/instructorpool/instructorpoolView.html (added)
+++ html/campas/common/instructorpool/instructorpoolView.html
@@ -0,0 +1,146 @@
+<!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>
+						<section class="section">
+							<header class="section-tit-area">
+								<div class="l-area">
+									<h3 class="title-lg">공통정보</h3>
+								</div>
+							</header>
+							<div class="write-type">
+								<table>
+									<caption>공통정보</caption>
+									<colgroup>
+										<col style="width: 240px">
+										<col>
+									</colgroup>
+									<tbody>
+										<tr>
+											<th scope="row">지도교사(이름)</th>
+											<td>김세종</td>
+										</tr>
+										<tr>
+											<th scope="row">휴대전화번호</th>
+											<td>010 - 1234 - 5678</td>
+										</tr>
+										<tr>
+											<th scope="row">이메일</th>
+											<td>dataeum@dataeum.kr</td>
+										</tr>
+										<tr>
+											<th scope="row">생년월일</th>
+											<td>1988년 12월 25일</td>
+										</tr>
+										<tr>
+											<th scope="row">내외국인</th>
+											<td>내국인</td>
+										</tr>
+										<tr>
+											<th scope="row">성별</th>
+											<td>여자</td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+						</section>
+						<section class="section">
+							<header class="section-tit-area">
+								<div class="l-area">
+									<h3 class="title-lg">예약자정보</h3>
+								</div>
+							</header>
+							<div class="list-type">
+								<table>
+									<caption>과정정보</caption>
+                                    <thead>
+                                        <tr>
+                                            <th>구분</th>
+                                            <th>과목/전공</th>
+                                            <th>강좌명</th>
+                                            <th>대상학년</th>
+                                            <th>운영기간</th>
+                                            <th>학점(운영시간)</th>
+                                            <th>모집인원</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+										<tr>
+                                            <td>캠퍼스공동교육과정 Ⅰ</td>
+                                            <td>수학</td>
+                                            <td data-tit="강좌명">인공지능 수학</td>
+                                            <td data-tit="대상학년">고2</td>
+                                            <td data-tit="운영기간">2025년 1학기</td>
+                                            <td data-tit="학점(운영시간)">2학점(32시간)</td>
+                                            <td data-tit="모집인원">5명 ~ 15명</td>
+                                        </tr>
+									</tbody>
+								</table>
+							</div>
+						</section>
+						<div class="btn-cont">
+                            <a href="#none" class="btn lg primary">목록</a>
+                        </div>
+					</div>
+				</div>
+			</div>
+			<footer class="site-footer"></footer>
+		</div>
+		<!-- toast -->
+		<div class="toast"></div>
+		<!--popup-->
+		<div class="dim"></div>
+	</body>
+</html>
 
html/campas/common/notice/notice.html (added)
+++ html/campas/common/notice/notice.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">
+					<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>
+						<h3 class="txt-hide">검색</h3>
+						<div class="fnc-area">
+							<div class="l-area">
+								<p>
+									Total
+									<em>156</em>
+									건
+								</p>
+							</div>
+							<div class="r-area">
+                                <select class="select-sort border-none" title="정렬 선택">
+                                    <option>10건</option>
+                                    <option>20건</option>
+                                    <option>30건</option>
+                                </select>
+								<fieldset class="search-area">
+									<legend>검색</legend>
+									<div class="search-option" title="검색 옵션 선택">
+										<select title="검색 옵션 선택">
+											<option>제목+내용</option>
+											<option>제목</option>
+											<option>내용</option>
+											<option>작성자</option>
+										</select>
+									</div>
+									<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: 80px" />
+									<col />
+									<col style="width: 120px" />
+									<col style="width: 160px" />
+									<col style="width: 120px" />
+								</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>3</td>
+										<td class="align-left">
+											<a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개</a>
+										</td>
+										<td data-tit="작성자">관리자</td>
+										<td data-tit="등록일">2025-08-15</td>
+										<td data-tit="조회수">128</td>
+									</tr>
+									<tr>
+										<td>2</td>
+										<td class="align-left">
+											<a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
+										</td>
+										<td data-tit="작성자">홍길동</td>
+										<td data-tit="등록일">2025-08-15</td>
+										<td data-tit="조회수">128</td>
+									</tr>
+									<tr>
+										<td>1</td>
+										<td class="align-left">
+											<a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개</a>
+										</td>
+										<td data-tit="작성자">관리자</td>
+										<td data-tit="등록일">2025-08-15</td>
+										<td data-tit="조회수">128</td>
+									</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">
+								<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/campas/common/notice/noticeView.html (added)
+++ html/campas/common/notice/noticeView.html
@@ -0,0 +1,140 @@
+<!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>
+						<section class="board-view-area wrap-md">
+							<header class="view-header">
+								<div class="l-area">
+									<h3 class="title-lg">제목이 표시되는 영역, 말줄임 없이 표시</h3>
+									<ul class="info-inline-list">
+										<li>
+											<i class="ico-profile"></i>
+											<div class="txt-area">작성자</div>
+										</li>
+										<li>
+											<i class="ico-calendar"></i>
+											<div class="txt-area">2025.09.30 12:30</div>
+										</li>
+										<li>
+											<i class="ico-visibility"></i>
+											<div class="txt-area">134</div>
+										</li>
+									</ul>
+								</div>
+							</header>
+							<div class="view-body">
+								<div class="view-cont">
+									<div class="view-cont-txt-area">내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역내용이 표시되는 영역</div>
+									<article class="view-section">
+										<div class="item-list-box">
+											<div class="item">
+												<div class="txt-area">
+													<i class="ico-attach"></i>
+													<p class="txt">첨부파일명.pdf</p>
+													<small>124kb</small>
+												</div>
+												<div class="item-fnc-area">
+													<a href="#none" class="ico-download">다운로드</a>
+												</div>
+											</div>
+											<div class="item">
+												<div class="txt-area">
+													<i class="ico-attach"></i>
+													<p class="txt">첨부파일명.pdf</p>
+													<small>124kb</small>
+												</div>
+												<div class="item-fnc-area">
+													<a href="#none" class="ico-download">다운로드</a>
+												</div>
+											</div>
+											<div class="item">
+												<div class="txt-area">
+													<i class="ico-attach"></i>
+													<p class="txt">첨부파일명.pdf</p>
+													<small>124kb</small>
+												</div>
+												<div class="item-fnc-area">
+													<a href="#none" class="ico-download">다운로드</a>
+												</div>
+											</div>
+											<div class="item">
+												<div class="txt-area">
+													<i class="ico-attach"></i>
+													<p class="txt">첨부파일명.pdf</p>
+													<small>124kb</small>
+												</div>
+												<div class="item-fnc-area">
+													<a href="#none" class="ico-download">다운로드</a>
+												</div>
+											</div>
+										</div>
+									</article>
+								</div>
+							</div>
+						</section>
+						<div class="btn-cont">
+							<a href="#none" class="btn lg">목록으로</a>
+						</div>
+					</div>
+				</div>
+			</div>
+			<footer class="site-footer"></footer>
+		</div>
+		<!-- toast -->
+		<div class="toast"></div>
+		<!--popup-->
+		<div class="dim"></div>
+	</body>
+</html>
html/campas/index.html
--- html/campas/index.html
+++ html/campas/index.html
@@ -416,6 +416,28 @@
                     <ul>
                         <li class="working">메인,common/main/main.html</li>
                         <li class="working">캠퍼스 공동교육과정,common/curriculum/curriculumInfo.html</li>
+                        <li class="working">수강신청,common/class/class.html</li>
+                        <li>
+                            공지사항
+                            <ul class="working">
+                                <li>공지사항,common/notice/notice.html</li>
+                                <li>상세보기,common/notice/noticeView.html</li>
+                            </ul>
+                        </li>
+                        <li>
+                            자료마당
+                            <ul class="before">
+                                <li>자료마당<span class="label">중복</span></li>
+                                <li>상세보기<span class="label">중복</span></li>
+                            </ul>
+                        </li>
+                        <li>
+                            강사인력풀게시판
+                            <ul class="working">
+                                <li>강사인력풀게시판,common/instructorpool/instructorpool.html</li>
+                                <li>상세보기,common/instructorpool/instructorpoolView.html</li>
+                            </ul>
+                        </li>
                     </ul>
                 </li>
             </ul>
html/onSejong/index.html
--- html/onSejong/index.html
+++ html/onSejong/index.html
@@ -493,6 +493,7 @@
                                 </li>
                             </ul>
                         </li>
+                        <li>수강신청,manager/class/class.html</li>
                         <li>
                             정보공개
                             <ul>
Add a comment
List