Code - 2025_PROJECT/orgasis

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>퍼블리싱 가이드 | 오가시스 프로젝트 제작</title> <link rel="stylesheet" href="./guide.css" /> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="./guide.js"></script> </head> <body> <div class="guide_wrap"> <h1>퍼블리싱 가이드</h1> <div class="guide_info"> <ul> <li><strong>프로젝트명 :</strong> 오가시스</li> <li><strong>담당자 :</strong> 정수빈</li> <li><strong>작성일 :</strong> 2025-11-07</li> <li><strong>파일경로 :</strong> /publish/usr</li> </ul> </div> <div class="filter_wrap"> <button class="filter_btn active" data-filter="all">전체보기</button> <button class="filter_btn" data-filter="done">완료</button> <button class="filter_btn" data-filter="ing">작업중</button> <button class="filter_btn" data-filter="wait">대기</button> </div> <table class="tb_guide"> <colgroup> <col style="width:80px;"> <col style="width:calc((70% - 300px)/3);"> <col style="width:calc((70% - 300px)/3);"> <col style="width:calc((70% - 300px)/3);"> <col style="width:30%;"> <col style="width:100px;"> <col style="width:120px;"> </colgroup> <thead> <tr> <th scope="col">No</th> <th scope="col">1Depth</th> <th scope="col">2Depth</th> <th scope="col">페이지명</th> <th scope="col">파일명</th> <th scope="col">상태</th> <th scope="col">비고</th> </tr> </thead> <tbody> <tr> <td></td> <td>공통</td> <td>-</td> <td><a href="../layout/_header.html" target="_blank" title="새창 열림">헤더</a></td> <td>/layout/_header.html</td> <td class="ing">작업중</td> <td>-</td> </tr> <tr> <td></td> <td>공통</td> <td>-</td> <td><a href="../layout/_footer.html" target="_blank" title="새창 열림">푸터</a></td> <td>/layout/_footer.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>COMPANY</td> <td>설립배경</td> <td><a href="../company/overview.html" target="_blank" title="새창 열림">설립배경</a></td> <td>/company/overview.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>COMPANY</td> <td>연혁</td> <td><a href="../company/history.html" target="_blank" title="새창 열림">연혁</a></td> <td>/company/history.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>COMPANY</td> <td>조직도</td> <td><a href="../company/organiztion.html" target="_blank" title="새창 열림">조직도</a></td> <td>/company/organiztion.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>COMPANY</td> <td>오시는길</td> <td><a href="../company/location.html" target="_blank" title="새창 열림">오시는길</a></td> <td>/company/location.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Platform Tech</td> <td>연구배경</td> <td><a href="../platform_tech/background.html" target="_blank" title="새창 열림">연구배경</a></td> <td>/platform_tech/background.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Platform Tech</td> <td>Organelle Selective Autophagy</td> <td><a href="../platform_tech/autophagy.html" target="_blank" title="새창 열림">Organelle Selective Autophagy</a></td> <td>/platform_tech/autophagy.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Major Result</td> <td>Mitophagy</td> <td><a href="../major_result/mitophagy.html" target="_blank" title="새창 열림">Mitophagy</a></td> <td>/major_result/mitophagy.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Major Result</td> <td>Pexophagy</td> <td><a href="../major_result/pexophagy.html" target="_blank" title="새창 열림">Pexophagy</a></td> <td>/major_result/pexophagy.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Major Result</td> <td>Melanophagy</td> <td><a href="../major_result/melanophagy.html" target="_blank" title="새창 열림">Melanophagy</a></td> <td>/major_result/melanophagy.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Major Result</td> <td>Ciliogenesis</td> <td><a href="../major_result/ciliogenesis.html" target="_blank" title="새창 열림">Ciliogenesis</a></td> <td>/major_result/ciliogenesis.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Major Result</td> <td>Anti Cancer</td> <td><a href="../major_result/anticancer.html" target="_blank" title="새창 열림">Anti Cancer</a></td> <td>/major_result/anticancer.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Major Result</td> <td>Pipeline Summary</td> <td><a href="../major_result/pipeline.html" target="_blank" title="새창 열림">Pipeline Summary</a></td> <td>/major_result/pipeline.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>Major Result</td> <td>R&D</td> <td><a href="../major_result/rd.html" target="_blank" title="새창 열림">R&D</a></td> <td>/major_result/rd.html</td> <td class="done">완료</td> <td>-</td> </tr> </tbody> </table>  <section class="guide_section"> <h2>Button (버튼)</h2> <h3>Filled Button</h3> <div class="btn_wrap"> <button class="btn fill primary small">Primary</button> <button class="btn fill secondary small">Secondary</button> <button class="btn fill accent small">Accent</button> <button class="btn fill red small">Red</button> <button class="btn fill green small">Green</button> <button class="btn fill gray small">Gray</button> </div> <h3>Line Button</h3> <div class="btn_wrap"> <button class="btn line primary small">Primary</button> <button class="btn line secondary small">Secondary</button> <button class="btn line accent small">Accent</button> <button class="btn line red small">Red</button> <button class="btn line gray small">Gray</button> </div> <h3>Size Variation</h3> <div class="btn_wrap"> <button class="btn fill gray xssmall">xssmall</button> <button class="btn fill gray ssmall">ssmall</button> <button class="btn fill gray small">small</button> <button class="btn fill gray medium">medium</button> <button class="btn fill gray large">large</button> <button class="btn fill gray xlarge">xlarge</button> </div> </section>  <section class="guide_section"> <h2>Input / Textarea / Select</h2> <h3>Input</h3> <div class="form_wrap"> <input type="text" class="input w50per" placeholder="제목을 입력해주세요."> <span class="input_desc">* 필수입력 항목입니다.</span> </div> <h3>Textarea</h3> <div class="form_wrap"> <textarea name="" id="" class="textarea w100per" rows="5"></textarea> <div class="input_desc_wrap column"> <span class="input_desc red">* 필수입력 항목입니다.</span> <span class="input_desc blue">* 필수입력 항목입니다.</span> </div> </div> <h3>Email</h3> <div class="form_wrap email_wrap"> <input type="text" class="input email emain_id"><span class="text_split">@</span><input type="text" class="input email email_domain"> <select name="" id="" class="select"> <option value="">gmail.com</option> <option value="">naver.com</option> <option value="">kakao.com</option> <option value="">직접입력</option> </select> </div> <h3>Address</h3> <div class="form_wrap address_wrap"> <div class="address_row"> <input type="text" class="input input_post readonly" readonly><button type="button" class="btn medium line primary">우편번호 찾기</button> </div> <div class="address_row"> <input type="text" class="input adr_default readonly" readonly> <input type="text" class="input adr_detail"> </div> <span class="input_desc red">* 필수입력 항목입니다.</span> </div> </section>  <section class="guide_section"> <h2>Checkbox / Radio</h2> <h3>Checkbox</h3> <div class="form_wrap radio_wrap"> <label for="man" class="radio_item"> <input type="radio" name="jender" id="man"> <span>남성</span> </label> <label for="woman" class="radio_item"> <input type="radio" name="jender" id="woman"> <span>여성</span> </label> <span class="input_desc red">* 필수입력 항목입니다.</span> </div> <h3>Radio</h3> <div class="form_wrap checkbox_wrap"> <label for="check_all" class="checkbox_item"> <input type="checkbox" name="check" id="check_all"> <span>전체</span> </label> <label for="check_1" class="checkbox_item"> <input type="checkbox" name="check" id="check_1"> <span>항목1</span> </label> <label for="check_2" class="checkbox_item"> <input type="checkbox" name="check" id="check_2"> <span>항목2</span> </label> <label for="check_3" class="checkbox_item"> <input type="checkbox" name="check" id="check_3"> <span>항목3</span> </label> </div> </section>  <section class="guide_section"> <h2>Status</h2> <div class="status_wrap"> <span class="status line blue">진행중</span> <span class="status line gray">완료</span> <span class="status text blue">접수</span> <span class="status text gray">마감</span> </div> </section>  <section class="guide_section"> <h2>Pagination (페이지)</h2> <div class="page"> <a href="#" class="btn_page btn_first"><i></i></a> <a href="#" class="btn_page btn_prev"><i></i></a> <a href="#" class="active">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#" class="btn_page btn_next"><i></i></a> <a href="#" class="btn_page btn_last"><i></i></a> </div> </section> </div> </body> </html>