Code - yangart/sejongOn

<!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" />  <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>   <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>  <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>    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="accessibility"> <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> </div>  <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년</option> </select> <select title="학기 선택"> <option>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> <div class="flex-area"> <button type="button" class="btn secondary sm ico-check" onclick="popupOpenPub('subject')">교과(군) 선택</button> <div class="chip-area"> <span class="chip"> 국어 <button class="ico-close sm">삭제</button> </span> <span class="chip"> 수학 <button class="ico-close sm">삭제</button> </span> </div> </div>  </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-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-thumb"> <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>  <div class="toast"></div>  <div class="dim"></div> <div class="popup sm" data-popuppub="subject"> <div class="pop-header"> <h1>교과(군) 선택</h1> </div> <div class="pop-body"> <fieldset class="flex-box col2"> <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> <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> </div> <div class="pop-footer"> <div class="pop-btn-cont"> <button type="button" class="btn" onclick="popupClosePub('subject')">취소</button> <button type="button" class="btn primary" onclick="popupClosePub('subject')">추가</button> </div> </div> </div> </body> </html>