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/style2.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/common/vendor/chart/chartjs-plugin-annotation.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-custom2.js"></script>  </head> <body> <div class="accessibility"> <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> </div> <div class="mn-popup-area"> <div class="mn-popup"> <div class="mn-pop-body wrap"> <div class="cont"> <div class="swiper-fnc"> <button type="button" class="swiper-button-prev lg circle">이전</button> <button type="button" class="swiper-button-next lg circle">다음</button> </div> <div class="swiper mn-popup-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="popup-item"> <a href="#none" class="lnk-full">상세보기</a> <div class="pop-header"> <h2>설문조사</h2> </div> <div class="pop-body">-에디터 -</div> </div> </div> <div class="swiper-slide"> <div class="popup-item"> <div class="pop-header"> <h2>공지사항 상세보기 없음</h2> </div> <div class="pop-body"> -에디터 - 온세종학교는 종합지원 포털 시스템 점검을 실시하고 있음을 알려드립니다. 우리 교육청 및 산하기관에서 진행 중인 구매 규격 사전 공개, 입찰 공고, 개찰 등 관련 업무는 시스템 점검(복구) 기간이 길어질 경우 해당 기간만큼 연장 될 수 있음을 사전에 알려드리니 업무에 참고하시기 바랍니다. <br /> <br /> 온세종학교는 종합지원 포털 시스템 점검을 실시하고 있음을 알려드립니다. 우리 교육청 및 산하기관에서 진행 중인 구매 규격 사전 공개, 입찰 공고, 개찰 등 관련 업무는 시스템 점검(복구) 기간이 길어질 경우 해당 기간만큼 연장 될 수 있음을 사전에 알려드리니 업무에 참고하시기 바랍니다. <br /> <br /> 온세종학교는 종합지원 포털 시스템 점검을 실시하고 있음을 알려드립니다. 우리 교육청 및 산하기관에서 진행 중인 구매 규격 사전 공개, 입찰 공고, 개찰 등 관련 업무는 시스템 점검(복구) 기간이 길어질 경우 해당 기간만큼 연장 될 수 있음을 사전에 알려드리니 업무에 참고하시기 바랍니다. <br /> <br /> 온세종학교는 종합지원 포털 시스템 점검을 실시하고 있음을 알려드립니다. 우리 교육청 및 산하기관에서 진행 중인 구매 규격 사전 공개, 입찰 공고, 개찰 등 관련 업무는 시스템 점검(복구) 기간이 길어질 경우 해당 기간만큼 연장 될 수 있음을 사전에 알려드리니 업무에 참고하시기 바랍니다. <br /> <br /> 온세종학교는 종합지원 포털 시스템 점검을 실시하고 있음을 알려드립니다. 우리 교육청 및 산하기관에서 진행 중인 구매 규격 사전 공개, 입찰 공고, 개찰 등 관련 업무는 시스템 점검(복구) 기간이 길어질 경우 해당 기간만큼 연장 될 수 있음을 사전에 알려드리니 업무에 참고하시기 바랍니다. <br /> <br /> 온세종학교는 종합지원 포털 시스템 점검을 실시하고 있음을 알려드립니다. 우리 교육청 및 산하기관에서 진행 중인 구매 규격 사전 공개, 입찰 공고, 개찰 등 관련 업무는 시스템 점검(복구) 기간이 길어질 경우 해당 기간만큼 연장 될 수 있음을 사전에 알려드리니 업무에 참고하시기 바랍니다. <br /> <br /> </div> </div> </div> <div class="swiper-slide"> <div class="popup-item"> <a href="#none" class="lnk-full">상세보기</a> <div class="pop-header"> <h2>공지사항 상세보기</h2> </div> <div class="pop-body">-에디터 -</div> </div> </div> <div class="swiper-slide"> <div class="popup-item"> <a href="#none" class="lnk-full">상세보기</a> <div class="pop-header"> <h2>공지사항 제목</h2> </div> <div class="pop-body">-에디터 -</div> </div> </div> </div> </div> </div> <div class="fnc"> <button type="button" class="btn overlay swiper-btn-playstop-toggle circle">중지</button> <span class="btn overlay"> 소식건수: 총 <div class="swiper-total"></div> 건 </span> <button type="button" class="btn overlay" id="mnPopupAreaClose" onclick="mnPopClose()">닫기</button> <button type="button" class="btn overlay back ico-close" onclick="mnPopClose()">오늘 하루 열지 않기</button> </div> </div> </div> </div> <div class="container">  <header class="site-header"></header> <div class="site-body" id="skipToContents"> <div class="mn-contents wrap"> <div class="mn-top"> <section class="mn-visual"> <h2 class="txt-hide">메인 배너</h2> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="#none"> <picture> <source media="(max-width: 767px)" srcset="/resources/front/site/SITE_00000/images/custom/main/visual1-mo.jpg" /> <img src="/resources/front/site/SITE_00000/images/custom/main/visual1.jpg" alt="메인 이미지" /> </picture> </a> </div> <div class="swiper-slide"> <a href="#none"> <picture> <source media="(max-width: 767px)" srcset="/resources/front/site/SITE_00000/images/custom/main/visual1-mo.jpg" /> <img src="/resources/front/site/SITE_00000/images/custom/main/visual1.jpg" alt="메인 이미지" /> </picture> </a> </div> </div> <div class="swiper-fnc static sm"> <div class="swiper-pagination"></div> <div class="btn-group"> <button type="button" class="swiper-button-prev">이전</button> <button type="button" class="swiper-button-next">다음</button> <button type="button" class="swiper-btn-playstop-toggle">중지</button> </div> </div> </div> </section> <div class="mn-sch"> <div class="sch"> <input type="text" placeholder="과정을 검색해보세요." title="과정 검색" /> <button type="submit" class="btn-sch">검색</button> </div> </div> </div> <section class="mn-section mn-course"> <h2 class="mn-tit">추천과정</h2> <div class="mn-cont"> <ul class="tabs-nav"> <li><a href="#none" class="is-active">공동교육과정 Ⅰ</a></li> <li><a href="#none">공동교육과정 Ⅱ</a></li> <li><a href="#none">공동교육과정 Ⅳ</a></li> <li><a href="#none">공동교육과정 Ⅴ</a></li> <li><a href="#none">오픈과정</a></li> </ul> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="course-cont"> <div class="img-area"> <img src="/resources/front/site/SITE_00000/images/temp/img2.jpg" alt="과정 이미지" /> </div> <div class="txt-area"> <div class="course-tit-area"> <strong class="course-tit">기초체육전공실기</strong> <div class="label-area"> <span class="label primary-inverse">고1/고2/고3</span> <span class="label primary-inverse">공동교육과정 Ⅰ</span> <span class="label primary-inverse">체육</span> </div> </div> <ul class="info-list sm"> <li> <strong class="info-tit">거점학교</strong> <div class="txt-area">다정고</div> </li> <li> <strong class="info-tit">대상학년</strong> <div class="txt-area">고등학교 1학년</div> </li> <li> <strong class="info-tit">운영시간</strong> <div class="txt-area"> 월(18:00~21:30)(13회) <br /> 토(08:30~11:30)(3회) </div> </li> <li> <strong class="info-tit">지도교사</strong> <div class="txt-area">홍길동</div> </li> <li> <strong class="info-tit">평가방법</strong> <div class="txt-area">수행평가 100%</div> </li> </ul> <div class="fnc"> <a href="#none">강의계획서 보기</a> <a href="#none" class="primary">신청하기</a> </div> </div> </div> </div> </div> </div> <div class="swiper-fnc"> <button type="button" class="swiper-button-prev sm">이전</button> <button type="button" class="swiper-button-next sm">다음</button> </div> </div> </section> <section class="mn-section mn-notice"> <h2>📢 공지사항</h2> <div class="notice-swiper-area"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="txt-area"> <div class="txt">텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트텍스트 텍스트 텍스트</div> <span class="time">25.01.01</span> </div> </div> <div class="swiper-slide"> <div class="txt-area"> <div class="txt">2번입니다.</div> <span class="time">25.01.01</span> </div> </div> </div> </div> <div class="swiper-fnc"> <button type="button" class="btn-prev btn circle ico-caret-left">이전</button> <button type="button" class="btn-next btn circle ico-caret-right">다음</button> </div> </div> </section> </div> <ul class="site-float-area"> <li class="float-chatbot"> <button type="button" class="btn-float-chatbot">챗봇</button> <div class="pupup-chatbot"> <div class="pop-header"> <h1>챗봇</h1> </div> <div class="pop-body msg-cont-body"> <p class="msg-time">2025년 10월 22일 10:33</p> <div class="item my"> <div class="txt">문의</div> <span class="time">2024-09-26 19:24</span> </div> <div class="item"> <div class="profile sm"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile-chatbot.svg" alt="챗봇" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">챗봇</strong> </div> </div> <div class="txt-guide"> <div class="txt"> <p> 잘 이해하지 못했어요. <br /> 온라인학교 과정, 캠퍼스공동교육과정 중에 궁금한 부분의 버튼을 눌러주시면 잘 이해할 수 있어요. </p> <div class="btn-group dir-col"> <a href="#none" class="btn secondary sm">세종온라인학교</a> <a href="#none" class="btn secondary sm">캠퍼스공동교육과정</a> <a href="#none" class="btn secondary sm">로그인/회원가입</a> <a href="#none" class="btn secondary sm">기타</a> </div> </div> </div> <span class="time">2024-09-26 19:24</span> </div> <div class="item my"> <div class="txt">로그인/회원가입</div> <span class="time">2024-09-26 19:24</span> </div> <div class="item"> <div class="profile sm"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile-chatbot.svg" alt="챗봇" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">챗봇</strong> </div> </div> <div class="txt-guide"> <div class="guide-tit-area"><span class="label round">로그인/회원가입</span></div> <ul class="accordion-list"> <li class="accordion-item"> <div class="accordion-tit-area"> <button type="button" class="btn-accordion-toggle">열기 닫기</button> <span class="label">Q</span> <div class="accordion-tit">로그인은 어떻게 하나요?</div> </div> <div class="accordion-txt-area">상단에 있는 로그인 선택 후 가입하신 "디지털원패스" 아이디 / 비번을 입력하시면 로그인 하실 수 있습니다.</div> </li> <li class="accordion-item"> <div class="accordion-tit-area"> <button type="button" class="btn-accordion-toggle">열기 닫기</button> <span class="label">Q</span> <div class="accordion-tit">회원가입은 어떻게 하나요?</div> </div> <div class="accordion-txt-area">상단에 있는 로그인 선택 후 가입하신 "디지털원패스" 아이디 / 비번을 입력하시면 로그인 하실 수 있습니다.</div> </li> </ul> </div> <span class="time">2024-09-26 19:24</span> </div> <div class="item"> <div class="profile sm"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile-chatbot.svg" alt="chatbot" /> </figure> </div> <div class="txt-area"> <strong class="profile-tit">챗봇</strong> </div> </div> <div class="txt">테스트</div> <span class="time">2024-09-26 19:24</span> </div> <div class="msg-fnc"> <button class="btn sm ico-arrow-left">이전으로</button> </div> </div> <div class="pop-footer msg-cont-footer"> <div class="footer-fnc"><button type="button" class="btn circle ico-home">홈</button></div> <div class="write"> <input type="text" title="메시지를 입력하세요." placeholder="메시지를 입력하세요." /> <div class="write-fnc-area"> <div class="r-area"> <button type="submit" class="btn circle sm ico-send primary">전송</button> </div> </div> </div> </div> <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> </div> </li> <li> <a href="#" class="btn-float-top">TOP</a> </li> </ul> </div> <footer class="site-footer"></footer> </div>  <div class="toast"></div>  <div class="dim"></div> <script> function mnPopClose() { $('.mn-popup-area').removeClass('is-active'); } $(document).on('click', '.btn-float-chatbot', function () { $('.float-chatbot').toggleClass('is-active'); }); $(document).on('click', '.pupup-chatbot .pop-close', function () { $('.float-chatbot').removeClass('is-active'); }); </script> </body> </html>