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/_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="popup-modal" data-popuppub="popupmodal"> <div class="pop-header"> <h1>교과서 찾기</h1> <p>보다 정확한 콘텐츠 추천을 위해서 선생님께서 사용하시는 교과서를 선택해 주세요.</p> </div> <div class="pop-body"> <article class="section sm"> <h2 class="title txt-hide">검색설정</h2> <ul class="item-txt-list"> <li> <div class="txt-area"> <strong>학교급</strong> <fieldset class="checkradio-custom-area margin-top-sm"> <legend>학교급 선택</legend> <div class="checkradio sm"> <input type="radio" id="r1-1" name="r1"> <label for="r1-1">초등학교</label> </div> <div class="checkradio sm"> <input type="radio" id="r1-2" name="r1"> <label for="r1-2">중학교</label> </div> <div class="checkradio sm"> <input type="radio" id="r1-3" name="r1"> <label for="r1-3">고등학교</label> </div> </fieldset> </div> </li> <li> <div class="txt-area"> <strong>학년</strong> <fieldset class="checkradio-custom-area margin-top-sm"> <legend>학년 선택</legend> <div class="checkradio sm"> <input type="radio" id="r2-1" name="r2"> <label for="r2-1">1학년</label> </div> <div class="checkradio sm"> <input type="radio" id="r2-2" name="r2"> <label for="r2-2">2학년</label> </div> <div class="checkradio sm"> <input type="radio" id="r2-3" name="r2"> <label for="r2-3">3학년</label> </div> <div class="checkradio sm"> <input type="radio" id="r2-4" name="r2"> <label for="r2-4">4학년</label> </div> <div class="checkradio sm"> <input type="radio" id="r2-5" name="r2"> <label for="r2-5">5학년</label> </div> <div class="checkradio sm"> <input type="radio" id="r2-6" name="r2"> <label for="r2-6">6학년</label> </div> </fieldset> </div> </li> <li> <div class="txt-area"> <strong>과목</strong> <fieldset class="checkradio-custom-area margin-top-sm"> <legend>과목 선택</legend> <div class="checkradio sm"> <input type="checkbox" id="c1-1"> <label for="c1-1">국어</label> </div> <div class="checkradio sm"> <input type="checkbox" id="c1-2"> <label for="c1-2">수학</label> </div> </fieldset> </div> </li> <li> <div class="txt-area"> <strong>출판사</strong> <fieldset class="checkradio-custom-area margin-top-sm"> <legend>출판사 선택</legend> <div class="checkradio sm"> <input type="checkbox" id="c2-1"> <label for="c2-1">천재교육</label> </div> <div class="checkradio sm"> <input type="checkbox" id="c2-2"> <label for="c2-2">미래엔</label> </div> <div class="checkradio sm"> <input type="checkbox" id="c3-2"> <label for="c3-2">아이스크림</label> </div> </fieldset> </div> </li> </ul> <div class="btn-fnc-cont">  <button type="submit" class="btn lg primary">검색</button> </div> </article> <article class="section sm"> <h2 class="title">검색결과 <em class="accent">2</em></h2> <div class="item-add-area"> <ul class="book-list col3"> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> <li> <a href="#none" class="lnk-full">상세보기</a> <div class="checkradio item-checkradio order-front"> <input type="checkbox" id="check"> <label for="check"></label> </div> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </figure> </div> <div class="txt-area"> <div class="label-area"> <span class="label">중학교 수학3</span> </div> <strong>천재교육 (이준열)</strong> <small>2020-01-14</small> </div> </li> </ul> </div> </article> </div> <div class="pop-footer"> <div class="pop-btn-cont"> <button type="button" class="btn" onclick="modalClosePub('modal')">취소</button> <button type="button" class="btn primary" onclick="modalClosePub('modal')">추가</button> </div> </div> <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> </div>  <div class="toast"></div>  <div class="dim"></div> <script> $(document).ready(function() { popupOpenPub('popupmodal'); }); </script> </body> </html>