Commit @1aeaed5bfafc2599b18333ac2253b79bde1232e6

정수빈 22 hours ago

서브페이지 추가

@1aeaed5bfafc2599b18333ac2253b79bde1232e6

70bac98

1aeaed5

src/main/webapp/publish/usr/achievement/award.html

--- src/main/webapp/publish/usr/achievement/award.html

+++ src/main/webapp/publish/usr/achievement/award.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Achievement > Papers</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../layout/layout.css">
-  <link rel="stylesheet" href="../css/common.css">
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="../css/button.css">
-  <link rel="stylesheet" href="../css/tab.css">
-  <link rel="stylesheet" href="../css/table.css">
-  <link rel="stylesheet" href="../css/calendar.css">
-  <link rel="stylesheet" href="../css/popup.css">
-  <link rel="stylesheet" href="../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../js/jquery-3.5.0.js"></script>
-  <script src="../script/common.js"></script>
-  <script src="../layout/layout.js"></script>
-  <!-- //script -->
-
-</head>
-
-<body data-section="achievement">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub achievement">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap">
-
-          <div class="content_title">
-            <h3>Award & Contract(준비중)</h3>
-          </div>
-          
-          <div class="contents">
-
-
-
-          </div>
-        </div>
-      </div>
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Achievement > Papers</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="../../../css/reset.css">
+  <link rel="stylesheet" href="../../../css/font.css">
+  <link rel="stylesheet" href="../layout/layout.css">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/style.css">
+  <link rel="stylesheet" href="../css/button.css">
+  <link rel="stylesheet" href="../css/tab.css">
+  <link rel="stylesheet" href="../css/table.css">
+  <link rel="stylesheet" href="../css/calendar.css">
+  <link rel="stylesheet" href="../css/popup.css">
+  <link rel="stylesheet" href="../css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="../../../js/jquery-3.5.0.js"></script>
+  <script src="../script/common.js"></script>
+  <script src="../layout/layout.js"></script>
+  <!-- //script -->
+
+</head>
+
+<body data-section="achievement">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub achievement">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap">
+
+          <div class="content_title">
+            <h3>Award & Contract(준비중)</h3>
+          </div>
+          
+          <div class="contents">
+
+
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/achievement/ip.html

--- src/main/webapp/publish/usr/achievement/ip.html

+++ src/main/webapp/publish/usr/achievement/ip.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Achievement > Papers</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../layout/layout.css">
-  <link rel="stylesheet" href="../css/common.css">
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="../css/button.css">
-  <link rel="stylesheet" href="../css/tab.css">
-  <link rel="stylesheet" href="../css/table.css">
-  <link rel="stylesheet" href="../css/calendar.css">
-  <link rel="stylesheet" href="../css/popup.css">
-  <link rel="stylesheet" href="../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../js/jquery-3.5.0.js"></script>
-  <script src="../script/common.js"></script>
-  <script src="../layout/layout.js"></script>
-  <!-- //script -->
-
-</head>
-
-<body data-section="achievement">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub achievement">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap">
-
-          <div class="content_title">
-            <h3>IP(준비중)</h3>
-          </div>
-          
-          <div class="contents">
-
-
-
-          </div>
-        </div>
-      </div>
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Achievement > Papers</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="../../../css/reset.css">
+  <link rel="stylesheet" href="../../../css/font.css">
+  <link rel="stylesheet" href="../layout/layout.css">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/style.css">
+  <link rel="stylesheet" href="../css/button.css">
+  <link rel="stylesheet" href="../css/tab.css">
+  <link rel="stylesheet" href="../css/table.css">
+  <link rel="stylesheet" href="../css/calendar.css">
+  <link rel="stylesheet" href="../css/popup.css">
+  <link rel="stylesheet" href="../css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="../../../js/jquery-3.5.0.js"></script>
+  <script src="../script/common.js"></script>
+  <script src="../layout/layout.js"></script>
+  <!-- //script -->
+
+</head>
+
+<body data-section="achievement">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub achievement">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap">
+
+          <div class="content_title">
+            <h3>IP(준비중)</h3>
+          </div>
+          
+          <div class="contents">
+
+
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/achievement/papers.html

--- src/main/webapp/publish/usr/achievement/papers.html

+++ src/main/webapp/publish/usr/achievement/papers.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Achievement > Papers</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../layout/layout.css">
-  <link rel="stylesheet" href="../css/common.css">
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="../css/button.css">
-  <link rel="stylesheet" href="../css/tab.css">
-  <link rel="stylesheet" href="../css/table.css">
-  <link rel="stylesheet" href="../css/calendar.css">
-  <link rel="stylesheet" href="../css/popup.css">
-  <link rel="stylesheet" href="../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../js/jquery-3.5.0.js"></script>
-  <script src="../script/common.js"></script>
-  <script src="../layout/layout.js"></script>
-  <!-- //script -->
-
-</head>
-
-<body data-section="achievement">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub achievement">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap">
-
-          <div class="content_title">
-            <h3>Papers</h3>
-          </div>
-          
-          <div class="contents">
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">세포소기관 선택적 자가포식 및 관련 논문 분류 정리</strong>
-            </div>
-              <div class="table table_type_cols">
-                <table>
-                  <!-- *caption은 스크립트 -->
-                  <colgroup>
-                    <col style="width:10%;">
-                    <col style="width:auto;">
-                    <col style="width:20%;">
-                    <col style="width:8%;">
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>분류</th>
-                      <th>논문제목</th>
-                      <th>저널명</th>
-                      <th>발표년도</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Pexophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>PINK1 and STUB1 pathway orchestrates peroxisomal selective autophagy by PEX13 depletion</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Experimental and Molecular Medicine</td>
-                      <td><span class="mobile_show">발표년도</span>2026</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Pexophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Regulation of pexophagy by a novel TBK1-MARCHF7-PXMP4-NBR1 axis in pex1-depleted HeLa cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
-                      <td><span class="mobile_show">발표년도</span>2026</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>기타</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Crucial role of PTRH2 in mitochondrial dynamics and infantile-onset multisystem neurologic, endocrine, and pancreatic disease (IMNEPD) pathogenesis</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Medicine</td>
-                      <td><span class="mobile_show">발표년도</span>2026</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Stress Granule</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Proteasome inhibition by VR23 enhances autophagy clearance of FUSP525L-mediated persistent stress granule in SH-SY5Y cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
-                      <td><span class="mobile_show">발표년도</span>2026</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Lysophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Activation of lysophagy by a novel TBK1-SCFFBXO3-TMEM192-TAX1BP1 axis in response to lysosome damage</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Nature Communications</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Lysophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>TBK1-SCFFBXO3-TMEM192-TAX1BP1 axis: novel regulatory mechanism for lysophagy</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Melanophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Deciphering melanophagy: Role of the PTK2-ITCH-MLANA-OPTN Axis on melanophagy in melanocytes</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Melanophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Emerging Perspectives on the Selective Autophagy of Melanosomes: Melanophagy</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Experimental and Molecular Medicine</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Pexophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>ZLDI-8 facilitates pexophagy by ROS-mediated activation of TFEB and ATM in HeLa cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Bioorg. Med. Chem. Lett.</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>기타</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Down-regulation of Hspa9 reduces tyrosine hydroxylase-positive neurons in mouse substantia nigra and induces Parkinson’s disease-like motor impairments</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Animal Cells and Systems</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Stress Granule</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Suppression of stress granule assembly by pyridoxal hydrochloride attenuates oxidative damage in skin fibroblasts</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Bioorg. Med. Chem. Lett.</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>일차섬모</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Defect of HSD17B cause dysregulation of primary cilia and is alleviated by acetyl-CoA</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Nature Communications</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>일차섬모</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Disrupting Mitochondrial β-oxidation by Depletion of HADHA Impairs Primary Ciliogenesis</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Scientific Reports</td>
-                      <td><span class="mobile_show">발표년도</span>2025</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Melanophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Evaluation of teneligliptin and retabliptin on the clearance of melanosome by melanophagy in B16F1 cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Cosmetics</td>
-                      <td><span class="mobile_show">발표년도</span>2024</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Pexophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Inhibition of VHL by VH298 accelerates pexophagy by activation of HIF-1α in HeLa cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Molecules</td>
-                      <td><span class="mobile_show">발표년도</span>2024</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>기타</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>HSPA9 reduction exacerbates symptoms and cell death in DSS-induced inflammatory colitis</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Scientific Reports</td>
-                      <td><span class="mobile_show">발표년도</span>2024</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>기타</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>TAAR8 mediates increased migrasome formation by cadaverine in RPE cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Curr Issue MolBiol</td>
-                      <td><span class="mobile_show">발표년도</span>2024</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>일차섬모</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Increased ER stress by depletion of PDIA6 impairs primary ciliogenesis and enhances sensitivity to ferroptosis in kidney cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>BMB Reports</td>
-                      <td><span class="mobile_show">발표년도</span>2024</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>ER-phagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Inhibition of ubiquitin specific peptidase 14 (USP14) promotes ER-phagy by inducing ER stress in human hepatoma HepG2 cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Animal Cells and Systems</td>
-                      <td><span class="mobile_show">발표년도</span>2023</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Pexophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>PEX13 prevents pexophagy by promoting the removal of ubiquitinated PEX5 from the peroxisomal membrane</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
-                      <td><span class="mobile_show">발표년도</span>2023</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>일차섬모</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Enhanced primary ciliogenesis via mitochondrial oxidative stress activates AKT to prevent neurotoxicity in HSPA9/mortalin-depleted SH-SY5Y cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
-                      <td><span class="mobile_show">발표년도</span>2023</td>
-                    </tr>
-
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Melanophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Nalfurafine Hydrochloride, a κ-Opioid Receptor Agonist, Induces Melanophagy via PKA Inhibition in B16F1 Cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
-                      <td><span class="mobile_show">발표년도</span>2022</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Pexophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Inhibition of BRD4 promotes pexophagy by increasing ROS and ATM activation</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
-                      <td><span class="mobile_show">발표년도</span>2022</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>일차섬모</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Carnitines protect against MPP+-induced neurotoxicity and inflammation by promoting primary ciliogenesis in SH-SY5Y cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
-                      <td><span class="mobile_show">발표년도</span>2022</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Autophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Post-translational modifications of ATG4B in the regulation of autopahgy</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
-                      <td><span class="mobile_show">발표년도</span>2022</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Autophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Zinc enhances autophagic flux and lysosomal function through transcription factor EB activation and V-ATPase assembly</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Frontiers in Cellular Neuroscience</td>
-                      <td><span class="mobile_show">발표년도</span>2022</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Lysophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Triamterene induces autophagic degradation of lysosome by exacerbating lysosomal integrity</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Archives of Pharmacal Research</td>
-                      <td><span class="mobile_show">발표년도</span>2021</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>Pexophagy</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Depletion of HNRNPA1 induces peroxisomal autophagy by regulating PEX1 expression</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Biochem Biophys Res Commun</td>
-                      <td><span class="mobile_show">발표년도</span>2021</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>기타</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Increased O-GlcNAcylation of Drp1 by amyloid-beta promotes mitochondrial fission and dysfunction in neuronal cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
-                      <td><span class="mobile_show">발표년도</span>2021</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>일차섬모</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>2-IPMA ameliorates PM2.5-induced inflammation by promoting primary ciliogenesis in RPE cells</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Molecules</td>
-                      <td><span class="mobile_show">발표년도</span>2021</td>
-                    </tr>
-                    <tr>
-                      <td><span class="mobile_show">분류</span>일차섬모</td>
-                      <td class="text_left"><span class="mobile_hide">논문제목</span>Primary ciliogenesis by 2-isopropylmalic acid prevents PM2.5-induced inflammatory response and MMP-1 activation in human dermal fibroblast and 3D-skin model</td>
-                      <td class="text_left"><span class="mobile_show">저널명</span>Int J Mol Sci</td>
-                      <td><span class="mobile_show">발표년도</span>2021</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-
-
-
-          </div>
-        </div>
-      </div>
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Achievement > Papers</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/table.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+</head>
+
+<body data-section="achievement">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub achievement">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
+          <div class="sub_visual_nav">
+            <a href="/publish/usr/index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap">
+
+          <div class="content_title">
+            <h3>Papers</h3>
+          </div>
+          
+          <div class="contents">
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">세포소기관 선택적 자가포식 및 관련 논문 분류 정리</strong>
+            </div>
+              <div class="table table_type_cols">
+                <table>
+                  <!-- *caption은 스크립트 -->
+                  <colgroup>
+                    <col style="width:10%;">
+                    <col style="width:auto;">
+                    <col style="width:20%;">
+                    <col style="width:8%;">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>분류</th>
+                      <th>논문제목</th>
+                      <th>저널명</th>
+                      <th>발표년도</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Pexophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>PINK1 and STUB1 pathway orchestrates peroxisomal selective autophagy by PEX13 depletion</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Experimental and Molecular Medicine</td>
+                      <td><span class="mobile_show">발표년도</span>2026</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Pexophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Regulation of pexophagy by a novel TBK1-MARCHF7-PXMP4-NBR1 axis in pex1-depleted HeLa cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
+                      <td><span class="mobile_show">발표년도</span>2026</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>기타</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Crucial role of PTRH2 in mitochondrial dynamics and infantile-onset multisystem neurologic, endocrine, and pancreatic disease (IMNEPD) pathogenesis</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Medicine</td>
+                      <td><span class="mobile_show">발표년도</span>2026</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Stress Granule</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Proteasome inhibition by VR23 enhances autophagy clearance of FUSP525L-mediated persistent stress granule in SH-SY5Y cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
+                      <td><span class="mobile_show">발표년도</span>2026</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Lysophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Activation of lysophagy by a novel TBK1-SCFFBXO3-TMEM192-TAX1BP1 axis in response to lysosome damage</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Nature Communications</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Lysophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>TBK1-SCFFBXO3-TMEM192-TAX1BP1 axis: novel regulatory mechanism for lysophagy</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Melanophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Deciphering melanophagy: Role of the PTK2-ITCH-MLANA-OPTN Axis on melanophagy in melanocytes</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Melanophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Emerging Perspectives on the Selective Autophagy of Melanosomes: Melanophagy</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Experimental and Molecular Medicine</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Pexophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>ZLDI-8 facilitates pexophagy by ROS-mediated activation of TFEB and ATM in HeLa cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Bioorg. Med. Chem. Lett.</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>기타</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Down-regulation of Hspa9 reduces tyrosine hydroxylase-positive neurons in mouse substantia nigra and induces Parkinson’s disease-like motor impairments</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Animal Cells and Systems</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Stress Granule</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Suppression of stress granule assembly by pyridoxal hydrochloride attenuates oxidative damage in skin fibroblasts</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Bioorg. Med. Chem. Lett.</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>일차섬모</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Defect of HSD17B cause dysregulation of primary cilia and is alleviated by acetyl-CoA</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Nature Communications</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>일차섬모</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Disrupting Mitochondrial β-oxidation by Depletion of HADHA Impairs Primary Ciliogenesis</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Scientific Reports</td>
+                      <td><span class="mobile_show">발표년도</span>2025</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Melanophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Evaluation of teneligliptin and retabliptin on the clearance of melanosome by melanophagy in B16F1 cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Cosmetics</td>
+                      <td><span class="mobile_show">발표년도</span>2024</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Pexophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Inhibition of VHL by VH298 accelerates pexophagy by activation of HIF-1α in HeLa cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Molecules</td>
+                      <td><span class="mobile_show">발표년도</span>2024</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>기타</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>HSPA9 reduction exacerbates symptoms and cell death in DSS-induced inflammatory colitis</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Scientific Reports</td>
+                      <td><span class="mobile_show">발표년도</span>2024</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>기타</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>TAAR8 mediates increased migrasome formation by cadaverine in RPE cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Curr Issue MolBiol</td>
+                      <td><span class="mobile_show">발표년도</span>2024</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>일차섬모</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Increased ER stress by depletion of PDIA6 impairs primary ciliogenesis and enhances sensitivity to ferroptosis in kidney cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>BMB Reports</td>
+                      <td><span class="mobile_show">발표년도</span>2024</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>ER-phagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Inhibition of ubiquitin specific peptidase 14 (USP14) promotes ER-phagy by inducing ER stress in human hepatoma HepG2 cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Animal Cells and Systems</td>
+                      <td><span class="mobile_show">발표년도</span>2023</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Pexophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>PEX13 prevents pexophagy by promoting the removal of ubiquitinated PEX5 from the peroxisomal membrane</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
+                      <td><span class="mobile_show">발표년도</span>2023</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>일차섬모</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Enhanced primary ciliogenesis via mitochondrial oxidative stress activates AKT to prevent neurotoxicity in HSPA9/mortalin-depleted SH-SY5Y cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
+                      <td><span class="mobile_show">발표년도</span>2023</td>
+                    </tr>
+
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Melanophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Nalfurafine Hydrochloride, a κ-Opioid Receptor Agonist, Induces Melanophagy via PKA Inhibition in B16F1 Cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
+                      <td><span class="mobile_show">발표년도</span>2022</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Pexophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Inhibition of BRD4 promotes pexophagy by increasing ROS and ATM activation</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
+                      <td><span class="mobile_show">발표년도</span>2022</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>일차섬모</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Carnitines protect against MPP+-induced neurotoxicity and inflammation by promoting primary ciliogenesis in SH-SY5Y cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
+                      <td><span class="mobile_show">발표년도</span>2022</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Autophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Post-translational modifications of ATG4B in the regulation of autopahgy</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
+                      <td><span class="mobile_show">발표년도</span>2022</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Autophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Zinc enhances autophagic flux and lysosomal function through transcription factor EB activation and V-ATPase assembly</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Frontiers in Cellular Neuroscience</td>
+                      <td><span class="mobile_show">발표년도</span>2022</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Lysophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Triamterene induces autophagic degradation of lysosome by exacerbating lysosomal integrity</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Archives of Pharmacal Research</td>
+                      <td><span class="mobile_show">발표년도</span>2021</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>Pexophagy</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Depletion of HNRNPA1 induces peroxisomal autophagy by regulating PEX1 expression</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Biochem Biophys Res Commun</td>
+                      <td><span class="mobile_show">발표년도</span>2021</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>기타</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Increased O-GlcNAcylation of Drp1 by amyloid-beta promotes mitochondrial fission and dysfunction in neuronal cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
+                      <td><span class="mobile_show">발표년도</span>2021</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>일차섬모</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>2-IPMA ameliorates PM2.5-induced inflammation by promoting primary ciliogenesis in RPE cells</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Molecules</td>
+                      <td><span class="mobile_show">발표년도</span>2021</td>
+                    </tr>
+                    <tr>
+                      <td><span class="mobile_show">분류</span>일차섬모</td>
+                      <td class="text_left"><span class="mobile_hide">논문제목</span>Primary ciliogenesis by 2-isopropylmalic acid prevents PM2.5-induced inflammatory response and MMP-1 activation in human dermal fibroblast and 3D-skin model</td>
+                      <td class="text_left"><span class="mobile_show">저널명</span>Int J Mol Sci</td>
+                      <td><span class="mobile_show">발표년도</span>2021</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+
+
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/company/history.html

--- src/main/webapp/publish/usr/company/history.html

+++ src/main/webapp/publish/usr/company/history.html

...	...	@@ -1,279 +1,434 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>연혁</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../layout/layout.css">
13		- <link rel="stylesheet" href="../css/common.css">
14		- <link rel="stylesheet" href="../css/style.css">
15		- <link rel="stylesheet" href="../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../js/jquery-3.5.0.js"></script>
20		- <script src="../script/common.js"></script>
21		- <script src="../layout/layout.js"></script>
22		- <script src="../script/content.js"></script>
23		- <!-- //script -->
24		-
25		- <!-- 캘린더 -->
26		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
27		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
28		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
29		-
30		-
31		-</head>
32		-
33		-<body data-section="company">
34		-
35		-
36		- <div class="wrap">
37		- <div data-include-path="../layout/_header.html"></div>
38		-
39		- <div id="container" class="container sub company">
40		- <div class="sub_visual">
41		- <div class="inner">
42		- <h2 class="sub_title" data-section="company">COMPANY</h2>
43		- <div class="sub_visual_nav">
44		- <a href="../index.html"><i class="icon home"></i></a>
45		- <div class="snb_wrap">
46		- <button type="button" class="snb_title">메뉴</button>
47		- <ul class="snb_select">
48		- <li><a href="#">COMPANY</a></li>
49		- <li><a href="#">Platform Tech</a></li>
50		- <li><a href="#">Major Result</a></li>
51		- </ul>
52		- </div>
53		- <div class="snb_wrap">
54		- <button type="button" class="snb_title">메뉴</button>
55		- <ul class="snb_select">
56		- <li><a href="#">1depth</a></li>
57		- <li><a href="#">1depth</a></li>
58		- <li><a href="#">1depth</a></li>
59		- </ul>
60		- </div>
61		- </div>
62		- </div>
63		- </div>
64		- <div class="inner">
65		- <div class="content_wrap history">
66		-
67		- <div class="contents">
68		-
69		- <div class="content_title">
70		- <h3>연혁</h3>
71		- </div>
72		-
73		- <div class="history_area">
74		- <div class="history_year">
75		- <a href="#year_2023" class="year_item" id="year2023">
76		- <strong>2023</strong>
77		- <div class="img_box">
78		- <img src="../images/company/history_img_01.png" alt="">
79		- </div>
80		- </a>
81		- <a href="#year_2022" class="year_item" id="year2022">
82		- <strong>2022</strong>
83		- <div class="img_box">
84		- <img src="../images/company/history_img_02.png" alt="">
85		- </div>
86		- </a>
87		- </div>
88		- <div class="history_month">
89		- <ul class="month_ul" id="year_2023">
90		- <li>
91		- <dl>
92		- <dt class="month">09월</dt>
93		- <dd>
94		- <p>
95		- <strong>투자 유치</strong>
96		- <span class="summary">개인투자조합 2호</span>
97		- </p>
98		- </dd>
99		- </dl>
100		- </li>
101		- <li>
102		- <dl>
103		- <dt class="month">08월</dt>
104		- <dd>
105		- <p>
106		- <strong>투자 유치자산취득(이미징시스템 외 16종), 서울사무소 개소</strong>
107		- </p>
108		- </dd>
109		- </dl>
110		- </li>
111		- <li>
112		- <dl>
113		- <dt class="month">07월</dt>
114		- <dd>
115		- <p>
116		- <strong>공동연구(베름㈜)</strong>
117		- </p>
118		- </dd>
119		- </dl>
120		- </li>
121		- <li>
122		- <dl>
123		- <dt class="month">06월</dt>
124		- <dd>
125		- <p>
126		- <strong>CTO 산업혁신기반구축사업 단장 선임</strong>
127		- </p>
128		- </dd>
129		- </dl>
130		- </li>
131		- <li>
132		- <dl>
133		- <dt class="month">05월</dt>
134		- <dd>
135		- <p>
136		- <strong>논문 게재</strong>
137		- <span class="summary">(Molecular Brain volume 16, Article number: 41 (2023))</span>
138		- </p>
139		- </dd>
140		- </dl>
141		- </li>
142		- <li>
143		- <dl>
144		- <dt class="month">04월</dt>
145		- <dd>
146		- <p>
147		- <strong>벤처기업 인증</strong>
148		- <span class="summary">공동연구 ((주)에이피테크놀로지)</span>
149		- </p>
150		- <p>
151		- <strong>특허등록 (10-2529003)</strong>
152		- </p>
153		- </dd>
154		- </dl>
155		- </li>
156		- <li>
157		- <dl>
158		- <dt class="month">03월</dt>
159		- <dd>
160		- <p>
161		- <strong>주주총회 (김판수 대표이사 취임)</strong>
162		- </p>
163		- <p>
164		- <strong>바이오활성제제 비임상시험과제 선정</strong>
165		- </p>
166		- </dd>
167		- </dl>
168		- </li>
169		- <li>
170		- <dl>
171		- <dt class="month">02월</dt>
172		- <dd>
173		- <p>
174		- <strong>기업부설연구소인정, 특허등록 (10-2529003)</strong>
175		- </p>
176		- </dd>
177		- </dl>
178		- </li>
179		- <li>
180		- <dl>
181		- <dt class="month">01월</dt>
182		- <dd>
183		- <p>
184		- <strong>연구진 논문 (Pexophagy) BRIC 한빛사 선정</strong>
185		- </p>
186		- </dd>
187		- </dl>
188		- </li>
189		- </ul>
190		- <ul class="month_ul" id="year_2022">
191		- <li>
192		- <dl>
193		- <dt class="month">10월</dt>
194		- <dd>
195		- <p>
196		- <strong>투자 유치</strong>
197		- <span class="summary">엔젤투자 및 개인투자조합 (6.8억원)</span>
198		- </p>
199		- </dd>
200		- </dl>
201		- </li>
202		- <li>
203		- <dl>
204		- <dt class="month">07월</dt>
205		- <dd>
206		- <p>
207		- <strong>특허출원 (출원번호: 10-2022-0091593)</strong>
208		- <span class="summary">BRD4 유전자 발현 억제제 또는 BRD4 단백질 활성 억제제를 유효성분으로 포함하는, 펙소파지 장애로 유발되는 질병의 예방 또는 치료용 약학적 조성물</span>
209		- </p>
210		- </dd>
211		- </dl>
212		- </li>
213		- <li>
214		- <dl>
215		- <dt class="month">05월</dt>
216		- <dd>
217		- <p>
218		- <strong>아주대개방형실험실</strong>
219		- <span class="summary">공동연구과제 선정</span>
220		- </p>
221		- <p>
222		- <strong>특허출원 (출원번호: 10-2022-0066907)</strong>
223		- <span class="summary">L-카르티닌을 유효성분으로 함유하는 섬모이상질환 예방 또는 치료용 약학조성물 임시주주 총회</span>
224		- </p>
225		- <p>
226		- <strong>경기 기술창업 지원프로그램 선정 (1위, 으뜸)</strong>
227		- </p>
228		- </dd>
229		- </dl>
230		- </li>
231		- <li>
232		- <dl>
233		- <dt class="month">04월</dt>
234		- <dd>
235		- <p>
236		- <strong>(사)한국바이오특화센터협의회</strong>
237		- <span class="summary">바이오활성제제 글로벌 경쟁력 강화 사업화지원 사업, 글로벌지적재산권과제 선정</span>
238		- </p>
239		- </dd>
240		- </dl>
241		- </li>
242		- <li>
243		- <dl>
244		- <dt class="month">03월</dt>
245		- <dd>
246		- <p>
247		- <strong>수원지방법원 동수원등기소</strong>
248		- <span class="summary">법인 설립 주식회사 오가시스<br>광교비즈타워 907호<br>사내이사: 손미경, 조동형</span>
249		- </p>
250		- <p>
251		- <strong>아주대개방형실험실</strong>
252		- <span class="summary">2022년 아주대개방형실험실 참여기업 선정</span>
253		- </p>
254		- </dd>
255		- </dl>
256		- </li>
257		- </ul>
258		- </div>
259		- </div>
260		-
261		-
262		-
263		-
264		- </div>
265		-
266		-
267		- </div>
268		- </div>
269		- </div>
270		-
271		-
272		-
273		- <div data-include-path="../layout/_footer.html"></div>
274		- </div>
275		-
276		-
277		-</body>
278		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>연혁</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="../../../css/reset.css">
	11	+ <link rel="stylesheet" href="../../../css/font.css">
	12	+ <link rel="stylesheet" href="../layout/layout.css">
	13	+ <link rel="stylesheet" href="../css/common.css">
	14	+ <link rel="stylesheet" href="../css/style.css">
	15	+ <link rel="stylesheet" href="../css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="../../../js/jquery-3.5.0.js"></script>
	20	+ <script src="../script/common.js"></script>
	21	+ <script src="../layout/layout.js"></script>
	22	+ <script src="../script/content.js"></script>
	23	+ <!-- //script -->
	24	+
	25	+ <!-- 캘린더 -->
	26	+ <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
	27	+ <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
	28	+ <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
	29	+
	30	+
	31	+</head>
	32	+
	33	+<body data-section="company">
	34	+
	35	+
	36	+ <div class="wrap">
	37	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	38	+
	39	+ <div id="container" class="container sub company">
	40	+ <div class="sub_visual">
	41	+ <div class="inner">
	42	+ <h2 class="sub_title" data-section="company">COMPANY</h2>
	43	+ <div class="sub_visual_nav">
	44	+ <a href="../index.html"><i class="icon home"></i></a>
	45	+ <div class="snb_wrap">
	46	+ <button type="button" class="snb_title">메뉴</button>
	47	+ <ul class="snb_select">
	48	+ <li><a href="#">COMPANY</a></li>
	49	+ <li><a href="#">Platform Tech</a></li>
	50	+ <li><a href="#">Major Result</a></li>
	51	+ </ul>
	52	+ </div>
	53	+ <div class="snb_wrap">
	54	+ <button type="button" class="snb_title">메뉴</button>
	55	+ <ul class="snb_select">
	56	+ <li><a href="#">1depth</a></li>
	57	+ <li><a href="#">1depth</a></li>
	58	+ <li><a href="#">1depth</a></li>
	59	+ </ul>
	60	+ </div>
	61	+ </div>
	62	+ </div>
	63	+ </div>
	64	+ <div class="inner">
	65	+ <div class="content_wrap history">
	66	+
	67	+ <div class="contents">
	68	+
	69	+ <div class="content_title">
	70	+ <h3>연혁</h3>
	71	+ </div>
	72	+
	73	+ <div class="history_area">
	74	+ <div class="history_year">
	75	+ <a href="#year_2025" class="year_item" id="year2025">
	76	+ <strong>2025~2026</strong>
	77	+ <div class="img_box">
	78	+ <img src="../images/company/history_img_01.png" alt="">
	79	+ </div>
	80	+ </a>
	81	+ <a href="#year_2024" class="year_item" id="year2024">
	82	+ <strong>2024</strong>
	83	+ <div class="img_box">
	84	+ <img src="../images/company/history_img_01.png" alt="">
	85	+ </div>
	86	+ </a>
	87	+ <a href="#year_2023" class="year_item" id="year2023">
	88	+ <strong>2023</strong>
	89	+ <div class="img_box">
	90	+ <img src="../images/company/history_img_01.png" alt="">
	91	+ </div>
	92	+ </a>
	93	+ <a href="#year_2022" class="year_item" id="year2022">
	94	+ <strong>2022</strong>
	95	+ <div class="img_box">
	96	+ <img src="../images/company/history_img_02.png" alt="">
	97	+ </div>
	98	+ </a>
	99	+ </div>
	100	+ <div class="history_month">
	101	+ <ul class="month_ul" id="year_2025">
	102	+ <li>
	103	+ <dl>
	104	+ <dt class="month">26.04월</dt>
	105	+ <dd>
	106	+ <p>
	107	+ <strong>중기부 글로벌기업협업 프로그램 빅뱅과제(로레알) 선정</strong>
	108	+ </p>
	109	+ </dd>
	110	+ </dl>
	111	+ </li>
	112	+ <li>
	113	+ <dl>
	114	+ <dt class="month">25.12월</dt>
	115	+ <dd>
	116	+ <p>
	117	+ <strong>투자유치(30억원, 대덕벤처파트너스 외 3개 기관)</strong>
	118	+ </p>
	119	+ </dd>
	120	+ </dl>
	121	+ </li>
	122	+ <li>
	123	+ <dl>
	124	+ <dt class="month">25.11월</dt>
	125	+ <dd>
	126	+ <p>
	127	+ <strong>기술혁신형 중소기업(Inno-Biz) 인증</strong>
	128	+ </p>
	129	+ </dd>
	130	+ </dl>
	131	+ </li>
	132	+ <li>
	133	+ <dl>
	134	+ <dt class="month">25.10월</dt>
	135	+ <dd>
	136	+ <p>
	137	+ <strong>OGS-901 특허출원, OGS-101 특허출원</strong>
	138	+ </p>
	139	+ </dd>
	140	+ </dl>
	141	+ </li>
	142	+ <li>
	143	+ <dl>
	144	+ <dt class="month">25.05월</dt>
	145	+ <dd>
	146	+ <p>
	147	+ <strong>산업부 바이오산업기술개발 과제 선정(81억원)</strong>
	148	+ </p>
	149	+ </dd>
	150	+ </dl>
	151	+ </li>
	152	+ <li>
	153	+ <dl>
	154	+ <dt class="month">25.01월</dt>
	155	+ <dd>
	156	+ <p>
	157	+ <strong>코스맥스NS(주) - (주)오가시스 미토파지 개발 협약체결</strong>
	158	+ </p>
	159	+ </dd>
	160	+ </dl>
	161	+ </li>
	162	+ </ul>
	163	+ <ul class="month_ul" id="year_2024">
	164	+ <li>
	165	+ <dl>
	166	+ <dt class="month">12월</dt>
	167	+ <dd>
	168	+ <p>
	169	+ <strong>한국생명공학연구원 기술이전 협약 체결</strong>
	170	+ </p>
	171	+ </dd>
	172	+ </dl>
	173	+ </li>
	174	+ <li>
	175	+ <dl>
	176	+ <dt class="month">09월</dt>
	177	+ <dd>
	178	+ <p>
	179	+ <strong>복지부 피부혁신건강 R&D과제 선정(13.7억원)</strong>
	180	+ </p>
	181	+ </dd>
	182	+ </dl>
	183	+ </li>
	184	+ <li>
	185	+ <dl>
	186	+ <dt class="month">08월</dt>
	187	+ <dd>
	188	+ <p>
	189	+ <strong>경기도 랩스테이션 선정 및 입주(연구소 이전)</strong>
	190	+ </p>
	191	+ </dd>
	192	+ </dl>
	193	+ </li>
	194	+ <li>
	195	+ <dl>
	196	+ <dt class="month">07월</dt>
	197	+ <dd>
	198	+ <p>
	199	+ <strong>중기부 TIPS R&D 사업 선정(6.7억원)</strong>
	200	+ </p>
	201	+ </dd>
	202	+ </dl>
	203	+ </li>
	204	+ <li>
	205	+ <dl>
	206	+ <dt class="month">05월</dt>
	207	+ <dd>
	208	+ <p>
	209	+ <strong>과기부 AI바우처 과제 선정(1.7억원)</strong>
	210	+ </p>
	211	+ </dd>
	212	+ </dl>
	213	+ </li>
	214	+ <li>
	215	+ <dl>
	216	+ <dt class="month">03월</dt>
	217	+ <dd>
	218	+ <p>
	219	+ <strong>일본 오토파지고 - (주)오가시스 업무협약 체결</strong>
	220	+ </p>
	221	+ </dd>
	222	+ </dl>
	223	+ </li>
	224	+ </ul>
	225	+ <ul class="month_ul" id="year_2023">
	226	+ <li>
	227	+ <dl>
	228	+ <dt class="month">12월</dt>
	229	+ <dd>
	230	+ <p>
	231	+ <strong>서울형 민간투자연계 기술사업화 과제 선정(5.4억원)</strong>
	232	+ </p>
	233	+ </dd>
	234	+ </dl>
	235	+ </li>
	236	+ <li>
	237	+ <dl>
	238	+ <dt class="month">09월</dt>
	239	+ <dd>
	240	+ <p>
	241	+ <strong>투자 유치</strong>
	242	+ <span class="summary">팁스운영사, (주)다래사업화전략센터</span>
	243	+ </p>
	244	+ </dd>
	245	+ </dl>
	246	+ </li>
	247	+ <li>
	248	+ <dl>
	249	+ <dt class="month">08월</dt>
	250	+ <dd>
	251	+ <p>
	252	+ <strong>투자 유치자산취득(이미징시스템 외 16종), 서울사무소 개소</strong>
	253	+ </p>
	254	+ </dd>
	255	+ </dl>
	256	+ </li>
	257	+ <li>
	258	+ <dl>
	259	+ <dt class="month">07월</dt>
	260	+ <dd>
	261	+ <p>
	262	+ <strong>공동연구(베름㈜)</strong>
	263	+ </p>
	264	+ </dd>
	265	+ </dl>
	266	+ </li>
	267	+ <li>
	268	+ <dl>
	269	+ <dt class="month">06월</dt>
	270	+ <dd>
	271	+ <p>
	272	+ <strong>CTO 산업혁신기반구축사업 단장 선임</strong>
	273	+ </p>
	274	+ </dd>
	275	+ </dl>
	276	+ </li>
	277	+ <li>
	278	+ <dl>
	279	+ <dt class="month">05월</dt>
	280	+ <dd>
	281	+ <p>
	282	+ <strong>논문 게재</strong>
	283	+ <span class="summary">(Molecular Brain volume 16, Article number: 41 (2023))</span>
	284	+ </p>
	285	+ </dd>
	286	+ </dl>
	287	+ </li>
	288	+ <li>
	289	+ <dl>
	290	+ <dt class="month">04월</dt>
	291	+ <dd>
	292	+ <p>
	293	+ <strong>벤처기업 인증</strong>
	294	+ <span class="summary">공동연구 ((주)에이피테크놀로지)</span>
	295	+ </p>
	296	+ <p>
	297	+ <strong>특허등록 (10-2529003)</strong>
	298	+ </p>
	299	+ </dd>
	300	+ </dl>
	301	+ </li>
	302	+ <li>
	303	+ <dl>
	304	+ <dt class="month">03월</dt>
	305	+ <dd>
	306	+ <p>
	307	+ <strong>주주총회 (김판수 대표이사 취임)</strong>
	308	+ </p>
	309	+ <p>
	310	+ <strong>바이오활성제제 비임상시험과제 선정</strong>
	311	+ </p>
	312	+ </dd>
	313	+ </dl>
	314	+ </li>
	315	+ <li>
	316	+ <dl>
	317	+ <dt class="month">02월</dt>
	318	+ <dd>
	319	+ <p>
	320	+ <strong>기업부설연구소인정, 특허등록 (10-2529003)</strong>
	321	+ </p>
	322	+ </dd>
	323	+ </dl>
	324	+ </li>
	325	+ <li>
	326	+ <dl>
	327	+ <dt class="month">01월</dt>
	328	+ <dd>
	329	+ <p>
	330	+ <strong>연구진 논문 (Pexophagy) BRIC 한빛사 선정</strong>
	331	+ </p>
	332	+ </dd>
	333	+ </dl>
	334	+ </li>
	335	+ </ul>
	336	+ <ul class="month_ul" id="year_2022">
	337	+ <li>
	338	+ <dl>
	339	+ <dt class="month">10월</dt>
	340	+ <dd>
	341	+ <p>
	342	+ <strong>투자 유치</strong>
	343	+ <span class="summary">엔젤투자 및 개인투자조합 (6.8억원)</span>
	344	+ </p>
	345	+ </dd>
	346	+ </dl>
	347	+ </li>
	348	+ <li>
	349	+ <dl>
	350	+ <dt class="month">08월</dt>
	351	+ <dd>
	352	+ <p>
	353	+ <strong>투자 유치</strong>
	354	+ <span class="summary">엔젤투자 및 오가시스투자조합 1호</span>
	355	+ </p>
	356	+ </dd>
	357	+ </dl>
	358	+ </li>
	359	+ <li>
	360	+ <dl>
	361	+ <dt class="month">07월</dt>
	362	+ <dd>
	363	+ <p>
	364	+ <strong>특허출원 (출원번호: 10-2022-0091593)</strong>
	365	+ <span class="summary">BRD4 유전자 발현 억제제 또는 BRD4 단백질 활성 억제제를 유효성분으로 포함하는, 펙소파지 장애로 유발되는 질병의 예방 또는 치료용 약학적 조성물</span>
	366	+ </p>
	367	+ </dd>
	368	+ </dl>
	369	+ </li>
	370	+ <li>
	371	+ <dl>
	372	+ <dt class="month">05월</dt>
	373	+ <dd>
	374	+ <p>
	375	+ <strong>아주대개방형실험실</strong>
	376	+ <span class="summary">공동연구과제 선정</span>
	377	+ </p>
	378	+ <p>
	379	+ <strong>특허출원 (출원번호: 10-2022-0066907)</strong>
	380	+ <span class="summary">L-카르티닌을 유효성분으로 함유하는 섬모이상질환 예방 또는 치료용 약학조성물 임시주주 총회</span>
	381	+ </p>
	382	+ <p>
	383	+ <strong>경기 기술창업 지원프로그램 선정 (1위, 으뜸)</strong>
	384	+ </p>
	385	+ </dd>
	386	+ </dl>
	387	+ </li>
	388	+ <li>
	389	+ <dl>
	390	+ <dt class="month">04월</dt>
	391	+ <dd>
	392	+ <p>
	393	+ <strong>(사)한국바이오특화센터협의회</strong>
	394	+ <span class="summary">바이오활성제제 글로벌 경쟁력 강화 사업화지원 사업, 글로벌지적재산권과제 선정</span>
	395	+ </p>
	396	+ </dd>
	397	+ </dl>
	398	+ </li>
	399	+ <li>
	400	+ <dl>
	401	+ <dt class="month">03월</dt>
	402	+ <dd>
	403	+ <p>
	404	+ <strong>수원지방법원 동수원등기소</strong>
	405	+ <span class="summary">법인 설립 주식회사 오가시스<br>광교비즈타워 907호<br>사내이사: 손미경, 조동형</span>
	406	+ </p>
	407	+ <p>
	408	+ <strong>아주대개방형실험실</strong>
	409	+ <span class="summary">2022년 아주대개방형실험실 참여기업 선정</span>
	410	+ </p>
	411	+ </dd>
	412	+ </dl>
	413	+ </li>
	414	+ </ul>
	415	+ </div>
	416	+ </div>
	417	+
	418	+
	419	+ </div>
	420	+
	421	+
	422	+ </div>
	423	+ </div>
	424	+ </div>
	425	+
	426	+
	427	+
	428	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	429	+ </div>
	430	+
	431	+
	432	+</body>
	433	+
279	434	</html> (No newline at end of file)

70bac98

1aeaed5

src/main/webapp/publish/usr/company/location.html

--- src/main/webapp/publish/usr/company/location.html

+++ src/main/webapp/publish/usr/company/location.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>리스트</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../layout/layout.css">
-  <link rel="stylesheet" href="../css/common.css">
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../js/jquery-3.5.0.js"></script>
-  <script src="../script/common.js"></script>
-  <script src="../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-
-</head>
-
-<body data-section="company">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub company">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="company">COMPANY</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap location">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>오시는 길</h3>
-            </div>
-            
-            <ul class="location_list">
-              <li>
-                <div class="location_area"></div>
-                <div class="info">
-                  <strong class="title"><i class="icon location"></i>수원 본사·연구소</strong>
-                  <p>경기도 수원시 영통구 창룡대로 260, 907호(이의동, 광교센트럴비즈타워) <br> #907,260, Changnyong-daero, Yeongtong-gu, Suwon-si, 
-                    Gyeonggi-do, Republic of Korea</p>
-
-                    <ul class="boxs">
-                      <li><i class="icon phone"></i>031-214-0317</li>
-                      <li><i class="icon email"></i>orgasis@orgasis.co.kr</li>
-                    </ul>
-                    <button type="button" class="btn_map">카카오맵으로 길찾기</button>
-                </div>
-              </li>
-              <li>
-                <div class="location_area"></div>
-                <div class="info">
-                  <strong class="title"><i class="icon location"></i>대구 연구소</strong>
-                  <p>대구광역시 북구 대학로80 경북대학교 미래융합과학관 4층<br> 
-                    4F, Future Convergence Science Building, 80, Daehak-ro, Buk-gu, Daegu, Republic of Korea</p>
-
-                    <ul class="boxs">
-                      <li><i class="icon phone"></i>053-950-5382</li>
-                    </ul>
-                    <button type="button" class="btn_map">카카오맵으로 길찾기</button>
-                </div>
-              </li>
-              <li>
-                <div class="location_area"></div>
-                <div class="info">
-                  <strong class="title"><i class="icon location"></i>서울 사무소</strong>
-                  <p>서울특별시 강서구 양천로 551-17, 203호
-                    <br> #203, 551-17, Yangcheon-ro, Gangseo-gu, Seoul, Republic of Korea</p>
-
-                    <button type="button" class="btn_map">카카오맵으로 길찾기</button>
-                </div>
-              </li>
-            </ul>
-
-
-          </div>
-
-
-        </div>
-      </div>
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>리스트</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="../../../css/reset.css">
+  <link rel="stylesheet" href="../../../css/font.css">
+  <link rel="stylesheet" href="../layout/layout.css">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/style.css">
+  <link rel="stylesheet" href="../css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="../../../js/jquery-3.5.0.js"></script>
+  <script src="../script/common.js"></script>
+  <script src="../layout/layout.js"></script>
+  <!-- //script -->
+
+  <!-- 캘린더 -->
+  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
+  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
+  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
+
+
+</head>
+
+<body data-section="company">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub company">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="company">COMPANY</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap location">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Contact us</h3>
+            </div>
+
+            <div class="mail_banner">
+              <strong>orgasis@orgasis.co.kr</strong><br>
+              <span>궁금하신 사항이 있으시면 아래 메일로 문의주시면<br>
+                성실히 답변드리겠습니다</span>
+                <img src="/publish/usr/images/company/mail_banner_icon.png" alt="">
+            </div>
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Address & Direction</strong>
+            </div>
+            <ul class="location_list">
+              <li>
+                <div class="location_area"></div>
+                <div class="info">
+                  <strong class="title"><i class="icon location"></i>수원 본사·연구소</strong>
+                  <p>경기도 수원시 영통구 광교로 147, 경기바이오센터 7층 / 8층(803호) <br>7F, 147, Gwanggyo-ro, Yeongtong-gu, Suwon-si, Gyeonggi-do, Republic of Korea</p>
+
+                  <ul class="boxs">
+                    <li><i class="icon phone"></i>031-214-0317</li>
+                    <li><i class="icon email"></i>orgasis@orgasis.co.kr</li>
+                  </ul>
+                  <button type="button" class="btn_map">카카오맵으로 길찾기</button>
+                </div>
+              </li>
+              <li>
+                <div class="location_area"></div>
+                <div class="info">
+                  <strong class="title"><i class="icon location"></i>대구 연구소</strong>
+                  <p>대구광역시 북구 대학로80 경북대학교 미래융합과학관 4층<br>
+                    4F, Future Convergence Science Building, 80, Daehak-ro, Buk-gu, Daegu, Republic of Korea</p>
+
+                  <ul class="boxs">
+                    <li><i class="icon phone"></i>053-950-5382</li>
+                  </ul>
+                  <button type="button" class="btn_map">카카오맵으로 길찾기</button>
+                </div>
+              </li>
+              <li>
+                <div class="location_area"></div>
+                <div class="info">
+                  <strong class="title"><i class="icon location"></i>서울 사무소</strong>
+                  <p>서울특별시 강서구 양천로 551-17, 203호
+                    <br> #203, 551-17, Yangcheon-ro, Gangseo-gu, Seoul, Republic of Korea</p>
+
+                  <button type="button" class="btn_map">카카오맵으로 길찾기</button>
+                </div>
+              </li>
+            </ul>
+
+
+          </div>
+
+
+        </div>
+      </div>
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/company/organiztion.html

--- src/main/webapp/publish/usr/company/organiztion.html

+++ src/main/webapp/publish/usr/company/organiztion.html

...	...	@@ -1,239 +1,239 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>리스트</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../layout/layout.css">
13		- <link rel="stylesheet" href="../css/common.css">
14		- <link rel="stylesheet" href="../css/style.css">
15		- <link rel="stylesheet" href="../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../js/jquery-3.5.0.js"></script>
20		- <script src="../script/common.js"></script>
21		- <script src="../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		-
30		-</head>
31		-
32		-<body data-section="company">
33		-
34		-
35		- <div class="wrap">
36		- <div data-include-path="../layout/_header.html"></div>
37		-
38		- <div id="container" class="container sub company">
39		- <div class="sub_visual">
40		- <div class="inner">
41		- <h2 class="sub_title" data-section="company">COMPANY</h2>
42		- <div class="sub_visual_nav">
43		- <a href="../index.html"><i class="icon home"></i></a>
44		- <div class="snb_wrap">
45		- <button type="button" class="snb_title">메뉴</button>
46		- <ul class="snb_select">
47		- <li><a href="#">COMPANY</a></li>
48		- <li><a href="#">Platform Tech</a></li>
49		- <li><a href="#">Major Result</a></li>
50		- </ul>
51		- </div>
52		- <div class="snb_wrap">
53		- <button type="button" class="snb_title">메뉴</button>
54		- <ul class="snb_select">
55		- <li><a href="#">1depth</a></li>
56		- <li><a href="#">1depth</a></li>
57		- <li><a href="#">1depth</a></li>
58		- </ul>
59		- </div>
60		- </div>
61		- </div>
62		- </div>
63		- <div class="inner">
64		- <div class="content_wrap organiztion">
65		-
66		- <div class="contents">
67		-
68		- <div class="content_title">
69		- <h3>조직도</h3>
70		- </div>
71		-
72		- <div class="con_title">
73		- <strong class="title">핵심인력</strong>
74		- </div>
75		-
76		- <ul class="org_list">
77		- <li>
78		- <div class="org_name">
79		- <span class="text_primary">CEO</span>
80		- <strong>김판수 대표</strong>
81		- </div>
82		- <ul class="list">
83		- <li>(주)오가시스 대표이사/CEO (2023~) </li>
84		- <li>경기도경제과학진흥원 바이오센터장 (2019~2021)</li>
85		- <li>경기도경제과학진흥원 (2006~2023)</li>
86		- <li>동화약품 중앙연구소 (2001~2006)
87		- <br>
88		- <div class="summary_wrap">
89		- <span class="summary">- 골다공증 치료제 개발 및 해외 기술수출</span>
90		- </div>
91		- </li>
92		- <li>
93		- 서울대, Ph.D.
94		- <div class="summary_wrap">
95		- <span class="summary">* 다수의 국가사업단장, 산업기반구축사업 수행, 과기부/산업부 표창, 산업부/경기도 자문위원, 식∙의약 사업화(국내외 L/O 15건) 등</span>
96		- </div>
97		- </li>
98		- </ul>
99		- </li>
100		- <li>
101		- <div class="org_name">
102		- <span class="text_primary">CTO</span>
103		- <strong>조동형 교수</strong>
104		- </div>
105		- <ul class="list">
106		- <li>(주)오가시스 CTO (2023~)</li>
107		- <li>산자부 메디바이오 산업혁신기반구축사업단장 (2023~)</li>
108		- <li>경북대학교 생명과학부 교수 (2018~)</li>
109		- <li>경북대학교 세포소기관연구소 소장 (2023~)</li>
110		- <li>경희대학교 조/부교수 (2010~2018)</li>
111		- <li>서울아산병원 연구교수 (2007~2010)</li>
112		- <li>Sanford Burnham Prebys Medical Discovery Institute, Post-Doc Fellow (2005~207)</li>
113		- <li>GIST, M.S., Ph.D.</li>
114		- <li>Publication: 150편/~2023년 (autophagy 연구 20년)</li>
115		- </ul>
116		- </li>
117		- <li>
118		- <div class="org_name">
119		- <span class="text_primary">CSO</span>
120		- <strong>손미경 부사장</strong>
121		- </div>
122		- <ul class="list">
123		- <li>(주)오가시스 부사장/CSO (2023~)</li>
124		- <li>㈜카이노젠 바이오연구소장 (2020~2023)</li>
125		- <li>(주)동아제약 연구본부 (2001~2020)</li>
126		- <li>피츠버그 의대 방문연구원 (2005~2006)</li>
127		- <li>경북대 유전공학과 MS.</li>
128		- <li>바이오의약품 개발, R&D QA, NDA 및 다수의 IND 경험</li>
129		- </ul>
130		- </li>
131		- <li>
132		- <div class="org_name">
133		- <span class="text_primary">CDO</span>
134		- <strong>박정상 박사</strong>
135		- </div>
136		- <ul class="list">
137		- <li>(주)오가시스 CDO (2022~)</li>
138		- <li>아이비스바이오 합성제제 연구소장 (2021~2022)</li>
139		- <li>동아ST(주) 연구본부 (2002~2021)</li>
140		- <li>성균관대 의약화학 Ph.D. / 한양대 화학과 MS.</li>
141		- <li>의약화학(Medi-chem), Drug Develop. 전문가</li>
142		- <li>Sivextro® (FDA 승인) 개발, 면역/표적항암제 및 항생제 개발</li>
143		- </ul>
144		- </li>
145		- <li>
146		- <div class="org_name">
147		- <span class="text_primary">Lead Scientist</span>
148		- <strong>조두신 박사</strong>
149		- </div>
150		- <ul class="list">
151		- <li>㈜오가시스 Lead Scientist</li>
152		- <li>경북대 BK21 FOUR KNU Creative BioResearch Group, School of Life Sciences, 연구교수</li>
153		- <li>경북대 뇌과학연구소, Post-Doc / 경희대 MS, Ph.D.</li>
154		- <li>Autophagy 분야 전문가</li>
155		- </ul>
156		- </li>
157		- <li>
158		- <div class="org_name">
159		- <span class="text_primary">Lead Scientist</span>
160		- <strong>김효진 박사</strong>
161		- </div>
162		- <ul class="list">
163		- <li>㈜오가시스 Lead Scientist</li>
164		- <li>Genentech member, Sr. Research Associate (2010~2012)</li>
165		- <li>Massachusettes General Hospital Cancer Center, Researcher (2010)</li>
166		- <li>서울대 생명과학부, Ph.D. / GIST 생명과학과 MS.</li>
167		- <li>Autophagy & Cancer 분야 전문가</li>
168		- </ul>
169		- </li>
170		- </ul>
171		-
172		- <div class="con_title">
173		- <strong class="title">Scientific Advisory Board</strong>
174		- </div>
175		-
176		- <ul class="org_list">
177		- <li>
178		- <div class="org_name">
179		- <span class="text_primary">Biology of Autophagy</span>
180		- <strong>정용근 교수 그룹</strong>
181		- </div>
182		- <ul class="list">
183		- <li>국내 오토파지 학회장 및 R&D Core</li>
184		- <li>알버트아인슈타인대학, Ph.D.</li>
185		- <li>Lysophagy 분야 국내 선두 그룹</li>
186		- </ul>
187		- </li>
188		- <li>
189		- <div class="org_name">
190		- <span class="text_primary">Medi Chem. & Pre-Clinical Develop.</span>
191		- </div>
192		- <ul class="list">
193		- <li>
194		- 메디켐 – 남태규 한양대 약대 교수
195		- <div class="summary_wrap">
196		- <span class="summary">- Scripps & GNF(Novatis)/서울대 약대, Ph.D</span>
197		- </div>
198		- </li>
199		- <li>비임상 : 송시환 박사 (코아스템켐온-C.E.O) 등</li>
200		- </ul>
201		- </li>
202		- <li>
203		- <div class="org_name">
204		- <span class="text_primary">Experts in each field</span>
205		- </div>
206		- <ul class="list">
207		- <li>대사체 : 서진호(한림원/국가과학기술위)명예교수</li>
208		- <li>전달체 : 권대혁, 항암 : 김용성 교수 등 협업</li>
209		- <li>뇌질환모델 : 박해철교수(고대 안전성평가센터장)</li>
210		- <li>식품/화장품 : 이광근 교수, 노호식 교수 등</li>
211		- </ul>
212		- </li>
213		- <li>
214		- <div class="org_name">
215		- <span class="text_primary">Clinical Develop.</span>
216		- </div>
217		- <ul class="list">
218		- <li>국내 임상 : 질환별 임상전문가 (대사-김난희교수, 암-김철호 첨단연구의료원장, 눈-김용우 교수 등)</li>
219		- <li>해외 임상 : 권영훈 워싱턴주립대 의대교수 등</li>
220		- </ul>
221		- </li>
222		- </ul>
223		-
224		- </div>
225		-
226		-
227		- </div>
228		- </div>
229		- </div>
230		-
231		-
232		-
233		- <div data-include-path="../layout/_footer.html"></div>
234		- </div>
235		-
236		-
237		-</body>
238		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>리스트</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="../../../css/reset.css">
	11	+ <link rel="stylesheet" href="../../../css/font.css">
	12	+ <link rel="stylesheet" href="../layout/layout.css">
	13	+ <link rel="stylesheet" href="../css/common.css">
	14	+ <link rel="stylesheet" href="../css/style.css">
	15	+ <link rel="stylesheet" href="../css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="../../../js/jquery-3.5.0.js"></script>
	20	+ <script src="../script/common.js"></script>
	21	+ <script src="../layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+ <!-- 캘린더 -->
	25	+ <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
	26	+ <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
	27	+ <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
	28	+
	29	+
	30	+</head>
	31	+
	32	+<body data-section="company">
	33	+
	34	+
	35	+ <div class="wrap">
	36	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	37	+
	38	+ <div id="container" class="container sub company">
	39	+ <div class="sub_visual">
	40	+ <div class="inner">
	41	+ <h2 class="sub_title" data-section="company">COMPANY</h2>
	42	+ <div class="sub_visual_nav">
	43	+ <a href="../index.html"><i class="icon home"></i></a>
	44	+ <div class="snb_wrap">
	45	+ <button type="button" class="snb_title">메뉴</button>
	46	+ <ul class="snb_select">
	47	+ <li><a href="#">COMPANY</a></li>
	48	+ <li><a href="#">Platform Tech</a></li>
	49	+ <li><a href="#">Major Result</a></li>
	50	+ </ul>
	51	+ </div>
	52	+ <div class="snb_wrap">
	53	+ <button type="button" class="snb_title">메뉴</button>
	54	+ <ul class="snb_select">
	55	+ <li><a href="#">1depth</a></li>
	56	+ <li><a href="#">1depth</a></li>
	57	+ <li><a href="#">1depth</a></li>
	58	+ </ul>
	59	+ </div>
	60	+ </div>
	61	+ </div>
	62	+ </div>
	63	+ <div class="inner">
	64	+ <div class="content_wrap organiztion">
	65	+
	66	+ <div class="contents">
	67	+
	68	+ <div class="content_title">
	69	+ <h3>조직도</h3>
	70	+ </div>
	71	+
	72	+ <div class="con_title">
	73	+ <strong class="title">핵심인력</strong>
	74	+ </div>
	75	+
	76	+ <ul class="org_list">
	77	+ <li>
	78	+ <div class="org_name">
	79	+ <span class="text_primary">CEO</span>
	80	+ <strong>김판수 대표</strong>
	81	+ </div>
	82	+ <ul class="list">
	83	+ <li>(주)오가시스 대표이사/CEO (2023~) </li>
	84	+ <li>경기도경제과학진흥원 바이오센터장 (2019~2021)</li>
	85	+ <li>경기도경제과학진흥원 (2006~2023)</li>
	86	+ <li>동화약품 중앙연구소 (2001~2006)
	87	+ <br>
	88	+ <div class="summary_wrap">
	89	+ <span class="summary">- 골다공증 치료제 개발 및 해외 기술수출</span>
	90	+ </div>
	91	+ </li>
	92	+ <li>
	93	+ 서울대, Ph.D.
	94	+ <div class="summary_wrap">
	95	+ <span class="summary">* 다수의 국가사업단장, 산업기반구축사업 수행, 과기부/산업부 표창, 산업부/경기도 자문위원, 식∙의약 사업화(국내외 L/O 15건) 등</span>
	96	+ </div>
	97	+ </li>
	98	+ </ul>
	99	+ </li>
	100	+ <li>
	101	+ <div class="org_name">
	102	+ <span class="text_primary">CTO</span>
	103	+ <strong>조동형 교수</strong>
	104	+ </div>
	105	+ <ul class="list">
	106	+ <li>(주)오가시스 CTO (2023~)</li>
	107	+ <li>산자부 메디바이오 산업혁신기반구축사업단장 (2023~)</li>
	108	+ <li>경북대학교 생명과학부 교수 (2018~)</li>
	109	+ <li>경북대학교 세포소기관연구소 소장 (2023~)</li>
	110	+ <li>경희대학교 조/부교수 (2010~2018)</li>
	111	+ <li>서울아산병원 연구교수 (2007~2010)</li>
	112	+ <li>Sanford Burnham Prebys Medical Discovery Institute, Post-Doc Fellow (2005~207)</li>
	113	+ <li>GIST, M.S., Ph.D.</li>
	114	+ <li>Publication: 150편/~2023년 (autophagy 연구 20년)</li>
	115	+ </ul>
	116	+ </li>
	117	+ <li>
	118	+ <div class="org_name">
	119	+ <span class="text_primary">CSO</span>
	120	+ <strong>손미경 부사장</strong>
	121	+ </div>
	122	+ <ul class="list">
	123	+ <li>(주)오가시스 부사장/CSO (2023~)</li>
	124	+ <li>㈜카이노젠 바이오연구소장 (2020~2023)</li>
	125	+ <li>(주)동아제약 연구본부 (2001~2020)</li>
	126	+ <li>피츠버그 의대 방문연구원 (2005~2006)</li>
	127	+ <li>경북대 유전공학과 MS.</li>
	128	+ <li>바이오의약품 개발, R&D QA, NDA 및 다수의 IND 경험</li>
	129	+ </ul>
	130	+ </li>
	131	+ <li>
	132	+ <div class="org_name">
	133	+ <span class="text_primary">CDO</span>
	134	+ <strong>박정상 박사</strong>
	135	+ </div>
	136	+ <ul class="list">
	137	+ <li>(주)오가시스 CDO (2022~)</li>
	138	+ <li>아이비스바이오 합성제제 연구소장 (2021~2022)</li>
	139	+ <li>동아ST(주) 연구본부 (2002~2021)</li>
	140	+ <li>성균관대 의약화학 Ph.D. / 한양대 화학과 MS.</li>
	141	+ <li>의약화학(Medi-chem), Drug Develop. 전문가</li>
	142	+ <li>Sivextro® (FDA 승인) 개발, 면역/표적항암제 및 항생제 개발</li>
	143	+ </ul>
	144	+ </li>
	145	+ <li>
	146	+ <div class="org_name">
	147	+ <span class="text_primary">Lead Scientist</span>
	148	+ <strong>조두신 박사</strong>
	149	+ </div>
	150	+ <ul class="list">
	151	+ <li>㈜오가시스 Lead Scientist</li>
	152	+ <li>경북대 BK21 FOUR KNU Creative BioResearch Group, School of Life Sciences, 연구교수</li>
	153	+ <li>경북대 뇌과학연구소, Post-Doc / 경희대 MS, Ph.D.</li>
	154	+ <li>Autophagy 분야 전문가</li>
	155	+ </ul>
	156	+ </li>
	157	+ <li>
	158	+ <div class="org_name">
	159	+ <span class="text_primary">Lead Scientist</span>
	160	+ <strong>김효진 박사</strong>
	161	+ </div>
	162	+ <ul class="list">
	163	+ <li>㈜오가시스 Lead Scientist</li>
	164	+ <li>Genentech member, Sr. Research Associate (2010~2012)</li>
	165	+ <li>Massachusettes General Hospital Cancer Center, Researcher (2010)</li>
	166	+ <li>서울대 생명과학부, Ph.D. / GIST 생명과학과 MS.</li>
	167	+ <li>Autophagy & Cancer 분야 전문가</li>
	168	+ </ul>
	169	+ </li>
	170	+ </ul>
	171	+
	172	+ <div class="con_title">
	173	+ <strong class="title">Scientific Advisory Board</strong>
	174	+ </div>
	175	+
	176	+ <ul class="org_list">
	177	+ <li>
	178	+ <div class="org_name">
	179	+ <span class="text_primary">Biology of Autophagy</span>
	180	+ <strong>정용근 교수 그룹</strong>
	181	+ </div>
	182	+ <ul class="list">
	183	+ <li>국내 오토파지 학회장 및 R&D Core</li>
	184	+ <li>알버트아인슈타인대학, Ph.D.</li>
	185	+ <li>Lysophagy 분야 국내 선두 그룹</li>
	186	+ </ul>
	187	+ </li>
	188	+ <li>
	189	+ <div class="org_name">
	190	+ <span class="text_primary">Medi Chem. & Pre-Clinical Develop.</span>
	191	+ </div>
	192	+ <ul class="list">
	193	+ <li>
	194	+ 메디켐 – 남태규 한양대 약대 교수
	195	+ <div class="summary_wrap">
	196	+ <span class="summary">- Scripps & GNF(Novatis)/서울대 약대, Ph.D</span>
	197	+ </div>
	198	+ </li>
	199	+ <li>비임상 : 송시환 박사 (코아스템켐온-C.E.O) 등</li>
	200	+ </ul>
	201	+ </li>
	202	+ <li>
	203	+ <div class="org_name">
	204	+ <span class="text_primary">Experts in each field</span>
	205	+ </div>
	206	+ <ul class="list">
	207	+ <li>대사체 : 서진호(한림원/국가과학기술위)명예교수</li>
	208	+ <li>전달체 : 권대혁, 항암 : 김용성 교수 등 협업</li>
	209	+ <li>뇌질환모델 : 박해철교수(고대 안전성평가센터장)</li>
	210	+ <li>식품/화장품 : 이광근 교수, 노호식 교수 등</li>
	211	+ </ul>
	212	+ </li>
	213	+ <li>
	214	+ <div class="org_name">
	215	+ <span class="text_primary">Clinical Develop.</span>
	216	+ </div>
	217	+ <ul class="list">
	218	+ <li>국내 임상 : 질환별 임상전문가 (대사-김난희교수, 암-김철호 첨단연구의료원장, 눈-김용우 교수 등)</li>
	219	+ <li>해외 임상 : 권영훈 워싱턴주립대 의대교수 등</li>
	220	+ </ul>
	221	+ </li>
	222	+ </ul>
	223	+
	224	+ </div>
	225	+
	226	+
	227	+ </div>
	228	+ </div>
	229	+ </div>
	230	+
	231	+
	232	+
	233	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	234	+ </div>
	235	+
	236	+
	237	+</body>
	238	+
239	239	</html> (No newline at end of file)

70bac98

1aeaed5

src/main/webapp/publish/usr/company/overview.html

--- src/main/webapp/publish/usr/company/overview.html

+++ src/main/webapp/publish/usr/company/overview.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>리스트</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../layout/layout.css">
-  <link rel="stylesheet" href="../css/common.css">
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../js/jquery-3.5.0.js"></script>
-  <script src="../script/common.js"></script>
-  <script src="../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-
-</head>
-
-<body data-section="company">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub company">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="company">COMPANY</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">Company</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap overview">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>설립배경</h3>
-            </div>
-            
-            <div class="overview_contents_top">
-              <div class="txt">
-                <strong><span class="text_primary">ORGASIS</span> ORGASIS Corp.</strong>
-                <p>organelles homeostasis control platform</p>
-              </div>
-
-              <ul class="card">
-                <li>
-                  <span class="number">01</span>
-                  <b class="title">현 약물의 한계</b>
-                  <span class="summary">단일 유전자, 단백질 타겟 약물 → 작용기전 및 유효성 등의 한계</span>
-                </li>
-                <li>
-                  <span class="number">02</span>
-                  <b class="title">능동적 약물 수요</b>
-                  <span class="summary">손상 또는 저하된 세포소기관의 선별적, 자발적 치료</span>
-                </li>
-                <li>
-                  <span class="number">03</span>
-                  <b class="title">과학적 증거 확대</b>
-                  <span class="summary">세포소기관과 여러 질병들과의 연관성에 관한 과학적, 임상적 자료의 급증</span>
-                </li>
-                <li>
-                  <span class="number">04</span>
-                  <b class="title">신규기술 - <br>신규 MoA 수요</b>
-                  <span class="summary">새로운 작용기전과 처방을 위한 신약 및 기능성 소재에 대한 시장 수요</span>
-                </li>
-              </ul>
-
-            </div>
-
-            <div class="overview_contents_bottom">
-
-              <div class="txt">
-                <strong>새로운 신약 후보물질의 <span class="text_primary">오아시스!</span></strong>
-                <p>현 약물의 한계점을 극복하는 선택적, 자발적 항상성 작용기전 기반</p>
-              </div>
-
-              <div class="circles">
-                <div class="left">
-                  <p class="circle line">Organelles</p>
-                  <p class="circle line">Homeostasis</p>
-                </div>
-                <div class="right">
-                  <p class="circle fill">Organellostasis</p>
-                </div>
-              </div>
-
-            </div>
-
-          </div>
-
-
-        </div>
-      </div>
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>리스트</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="../../../css/reset.css">
+  <link rel="stylesheet" href="../../../css/font.css">
+  <link rel="stylesheet" href="../layout/layout.css">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/style.css">
+  <link rel="stylesheet" href="../css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="../../../js/jquery-3.5.0.js"></script>
+  <script src="../script/common.js"></script>
+  <script src="../layout/layout.js"></script>
+  <!-- //script -->
+
+  <!-- 캘린더 -->
+  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
+  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
+  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
+
+
+</head>
+
+<body data-section="company">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub company">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="company">COMPANY</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">Company</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap overview">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>설립배경</h3>
+            </div>
+            
+            <div class="overview_contents_top">
+              <div class="txt">
+                <strong><span class="text_primary">ORGASIS</span> ORGASIS Corp.</strong>
+                <p>organelles homeostasis control platform</p>
+              </div>
+
+              <ul class="card">
+                <li>
+                  <span class="number">01</span>
+                  <b class="title">현 약물의 한계</b>
+                  <span class="summary">단일 유전자, 단백질 타겟 약물 → 작용기전 및 유효성 등의 한계</span>
+                </li>
+                <li>
+                  <span class="number">02</span>
+                  <b class="title">능동적 약물 수요</b>
+                  <span class="summary">손상 또는 저하된 세포소기관의 선별적, 자발적 치료</span>
+                </li>
+                <li>
+                  <span class="number">03</span>
+                  <b class="title">과학적 증거 확대</b>
+                  <span class="summary">세포소기관과 여러 질병들과의 연관성에 관한 과학적, 임상적 자료의 급증</span>
+                </li>
+                <li>
+                  <span class="number">04</span>
+                  <b class="title">신규기술 - <br>신규 MoA 수요</b>
+                  <span class="summary">새로운 작용기전과 처방을 위한 신약 및 기능성 소재에 대한 시장 수요</span>
+                </li>
+              </ul>
+
+            </div>
+
+            <div class="overview_contents_bottom">
+
+              <div class="txt">
+                <strong>새로운 신약 후보물질의 <span class="text_primary">오아시스!</span></strong>
+                <p>현 약물의 한계점을 극복하는 선택적, 자발적 항상성 작용기전 기반</p>
+              </div>
+
+              <div class="circles">
+                <div class="left">
+                  <p class="circle line">Organelles</p>
+                  <p class="circle line">Homeostasis</p>
+                </div>
+                <div class="right">
+                  <p class="circle fill">Organellostasis</p>
+                </div>
+              </div>
+
+            </div>
+
+            <div class="table_contents">
+              <div class="con_title" data-aos="fade-down">
+                <strong class="title">Best Next Generation Technologies inAging and Longevity (Selective Autophagy)</strong>
+              </div>
+
+              <div class="table_wrap" data-aos="fade-down">
+                <table>
+                  <colgroup>
+                    <col style="width:calc(100%/7);">
+                    <col style="width:calc(100%/7);">
+                    <col style="width:calc(100%/7);">
+                    <col style="width:calc(100%/7);">
+                    <col style="width:calc(100%/7);">
+                    <col style="width:calc(100%/7);">
+                    <col style="width:calc(100%/7);">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>Strata of organismal<br>organization</th>
+                      <th colspan="2">Hallmarks of aging</th>
+                      <th>작용기전<br>(유효성)</th>
+                      <th>신소재개발<br>(제형)측면</th>
+                      <th>문제점 또는<br>해결점</th>
+                      <th>미래<br>개선기술</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>Meta-organism</td>
+                      <td colspan="2"><img src="/publish/usr/images/company/background_img_01.png" alt=""><br>Dysbiosis</td>
+                      <td>X (Unclear)<br>
+                        - MoA X</td>
+                      <td>어려움<br>
+                        (미생물)</td>
+                      <td>효과검증<br>
+                        Q.C/Q.A 필요</td>
+                      <td>자동균총분석<br>
+                        맞춤형균총</td>
+                    </tr>
+                    <tr>
+                      <td>Systemic circuitries</td>
+                      <td colspan="2"><img src="/publish/usr/images/company/background_img_02.png" alt=""><br>Altered cellular <br>
+                        communication</td>
+                      <td>X (Unclear)<br>
+                        - MoA X</td>
+                      <td>어려움<br>
+                        (Unclear)</td>
+                      <td>효과검증<br>
+                         복합기전 규명 필요</td>
+                      <td>A.I signaling 분석<br>
+                        Meta분석, 맞춤형기술</td>
+                    </tr>
+                    <tr>
+                      <td>Organ systems</td>
+                      <td colspan="2"><img src="/publish/usr/images/company/background_img_03.png" alt=""><br>Deregulated <br>
+                        nutrient-sensing</td>
+                      <td>X (Unclear)<br>
+                        - MoA X</td>
+                      <td>어려움<br>
+                        (Unclear)</td>
+                      <td>효과검증<br>
+                        프로세스개발, 기전검증</td>
+                      <td>Systemic분석 <br>
+                        임상기술/맞춤형기술</td>
+                    </tr>
+                    <tr>
+                      <td>Organs</td>
+                      <td colspan="2"><img src="/publish/usr/images/company/background_img_04.png" alt=""><br>Deregulated <br>
+                        nutrient-sensing</td>
+                      <td>Unclear (o/x)<br>
+                        - MoA X</td>
+                      <td>어려움<br>
+                        (Unclear)</td>
+                      <td>부작용<br>
+                        기전검증, 선택성 검증</td>
+                      <td>노화-만성염증 기전규명<br>
+                        선택성과 맞춤형 기술</td>
+                    </tr>
+                    <tr>
+                      <td>Supracellular units</td>
+                      <td colspan="2"><img src="/publish/usr/images/company/background_img_05.png" alt=""><br>Stem cell exhaustion</td>
+                      <td>Unclear (o/x)<br>
+                        - MoA X</td>
+                      <td>어려움<br>
+                        (줄기세포)</td>
+                      <td>부작용<br>
+                        발암이슈, 적용 방법</td>
+                      <td>줄기세포 안정화기술<br>
+                        제형 및 QC기술 개발</td>
+                    </tr>
+                    <tr>
+                      <td>Cells</td>
+                      <td colspan="2"><img src="/publish/usr/images/company/background_img_06.png" alt=""><br>Senescence</td>
+                      <td>Unclear (o/x)<br>
+                        - MoA X</td>
+                      <td>어려움<br>
+                        (Unclear)</td>
+                      <td>프로세스, Q.C 문제<br>
+                        복합기전 적용방법</td>
+                      <td>다중타겟검증<br>
+                        제형/인공세포 기술</td>
+                    </tr>
+                    <tr class="emphasis_tr">
+                      <td>Organelles</td>
+                      <td><img src="/publish/usr/images/company/background_img_07.png" alt=""><br>Disabled <br>
+                        autophagy</td>
+                      <td><img src="/publish/usr/images/company/background_img_08.png" alt=""><br>Mitochondrial <br>
+                        dysfunction</td>
+                      <td>O (높음)<br>
+                        - MoA O</td>
+                      <td>가능<br>
+                        (모두가능)</td>
+                      <td>선택성 개선</td>
+                      <td>선택적자가포식<br>
+                        (mitophagy)</td>
+                    </tr>
+                    <tr>
+                      <td rowspan="2">Molecules</td>
+                      <td><img src="/publish/usr/images/company/background_img_09.png" alt=""><br>Telomere <br>
+                        attrition</td>
+                      <td><img src="/publish/usr/images/company/background_img_10.png" alt=""><br>Genomic <br>
+                        instability</td>
+                      <td>O (미흡)<br>
+                        - MoA O</td>
+                      <td>가능<br>
+                        (모두가능)</td>
+                      <td>선택성/유효성/다양성</td>
+                      <td>선택성/지속성<br>
+                        안전성개선 기술</td>
+                    </tr>
+                    <tr>
+                      <td><img src="/publish/usr/images/company/background_img_11.png" alt=""><br>Epigenetic <br>
+                        alterations</td>
+                      <td><img src="/publish/usr/images/company/background_img_12.png" alt=""><br>Loss of <br>
+                        proteostasis</td>
+                      <td>O (미흡)<br>
+                        - MoA O</td>
+                      <td>가능<br>
+                        (모두가능)</td>
+                      <td>선택성/유효성/다양성</td>
+                      <td>선택성/지속성<br>
+                        복합제개발 등</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+
+              <ul class="box_wrap">
+                <li>
+                  <dl class="box skyblue">
+                    <dt>유효성</dt>
+                    <dd>
+                      Molecule 수준의 복잡하고 비선택적 제어에서 
+                      <b>세포소기관(Organelles)</b>의 <span>총괄적 세포 노화 개선</span>
+                    </dd>
+                  </dl>
+                </li>
+                <li>
+                  <dl class="box blue">
+                    <dt>선택성</dt>
+                    <dd>
+                      <b>노화</b>에 직접적인 <b>미토콘드리아의 기능</b> 복원,
+                      <b>선택적 자가포식의 <span>가역적인 세포 항상성 개선</span></b>
+                    </dd>
+                  </dl>
+                </li>
+                <li>
+                  <dl class="box purple">
+                    <dt>안전성</dt>
+                    <dd>
+                      <b>손상된 미토콘드리아</b>를 <span>선택적</span><b>으로 제거</b>
+                      <b>타조직, 정상 소기관에 영향 없는 안전한 <span>원료 개발</span></b>
+                    </dd>
+                  </dl>
+                </li>
+              </ul>
+
+            </div>
+
+
+
+          </div>
+
+
+        </div>
+      </div>
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/css/content.css

--- src/main/webapp/publish/usr/css/content.css

+++ src/main/webapp/publish/usr/css/content.css


-/* ==================================================
-     공통레이아웃
-  ================================================== */
-.skip_menu {position: absolute;left: 0;top: 0;width: 100%;margin: 0 auto;z-index: 999;}
-.skip_menu a {outline: 3px solid red;display: block;position: absolute;left: 0;padding: 10px 20px;height: 50px;line-height: 30px;color: #fff;background: #000;width: 100%;text-align: center;font-size: 18px;box-sizing: border-box;}
-.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active {top: -10000px;}
-.skip_menu a:hover,.skip_menu a:focus {top: 3px;}
-.sub_visual{position:relative;width:100%;height:615px;border-radius:0 0 80px 80px;background-position:center;}
-.sub_title{display:flex;height:100%;font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;color:#fff;letter-spacing:1px;text-shadow:0 0 20px rgba(0,0,0,.3);align-items:center;justify-content:center;text-transform:uppercase;}
-.sub_visual_nav{position:relative;display:flex;width:70%;border-radius:38px 38px 0 0;background:#fff;padding:0 20px;bottom:66px;left:50%;transform:translateX(-50%);align-items:center;}
-.sub_visual_nav a,.sub_visual_nav .snb_wrap{position:relative;height:66px;}
-.sub_visual_nav>a::after,.sub_visual_nav .snb_wrap::after{position:absolute;display:inline-block;content:"";width:1px;height:20px;background:#d9d9d9;right:0;top:50%;transform:translateY(-50%);}
-.sub_visual_nav .snb_wrap:last-child::after{display:none;}
-.sub_visual_nav::before,.sub_visual_nav::after{position:absolute;content:"";width:41px;height:41px;bottom:0;}
-.sub_visual_nav::before{background:url(/publish/usr/images/common/sub_visual_nav_left.png);left:-40px;}
-.sub_visual_nav::after{background:url(/publish/usr/images/common/sub_visual_nav_right.png);right:-40px;}
-.sub_visual_nav .snb_wrap{min-width:calc((100% - 66px)/3);max-width:calc((100% - 66px)/2);flex:1;}
-.snb_title{width:100%;height:100%;font-size:20px;font-weight:500;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 60px 0 20px;border:none;background:url(/publish/usr/images/component/icon_select.png) no-repeat calc(100% - 20px) center;}
-.snb_select{position:absolute;display:none;width:100%;background:#fff;padding:10px;overflow:hidden;top:calc(100% + 4px);border-radius:8px;box-shadow:2px 3px 4px 0 rgba(0, 0, 0, .08);}
-.snb_select a{display:flex;height:40px;font-size:16px;padding:0 20px;justify-content:flex-start;align-items:center;}
-.snb_select a:hover{background:var(--primary-light-color);color:var(--primary-color);border-radius:8px;}
-.active .snb_select{width:100%;height:auto;left:0;border:1px solid #f0f0f0;}
-
-.company .sub_visual{background:url(/publish/usr/images/company/visual.jpg) center;}
-.platform_tech .sub_visual{background:url(/publish/usr/images/platform-tech/visual.jpg) center;}
-.pipeline .sub_visual{background:url(/publish/usr/images/pipeline/visual.jpg) center;}
-.achievement .sub_visual{background:url(/publish/usr/images/achievement/visual.jpg) center;}
-
-.con_title{display:flex;margin:80px 0 36px 0;flex-direction:column;}
-.con_title .summary{font-family:var(--secondary-title-font);font-size:24px;margin:0 0 12px 0;}
-.con_title .summary.black{font-family:var(--primary-title-font);}
-.con_title .title{font-family:var(--secondary-title-font);font-size:36px;}
-
-.box{background:#f2f4f6;border-radius:40px;}
-
-
-/* ==================================================
-       Company
- ================================================== */
-
-/* 설립배경 */
-.overview{text-align:center;}
-.overview_contents_top{background:url(/publish/usr/images/company/corp_bg.png) no-repeat center 80px;}
-.overview .txt strong{font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;}
-.overview .txt strong span{font-family:var(--secondary-title-font);font-weight:bold;}
-.overview .txt p{font-family:var(--secondary-title-font);font-size:24px;}
-.overview .card{display:flex;padding:90px 0 280px 0;gap:46px;justify-content:center;}
-.overview .card li{position:relative;display:flex;width:calc((100% / 4) - 90px);height:363px;padding:0 30px;text-align:left;color:#fff;border-radius:24px;flex-direction:column;justify-content:flex-end;}
-.overview .card li:nth-child(2n){transform:translateY(52px);}
-.overview .card li:nth-child(1){background:url(/publish/usr/images/company/card_01.png) no-repeat center;}
-.overview .card li:nth-child(2){background:url(/publish/usr/images/company/card_02.png) no-repeat center;}
-.overview .card li:nth-child(3){background:url(/publish/usr/images/company/card_03.png) no-repeat center;}
-.overview .card li:nth-child(4){background:url(/publish/usr/images/company/card_04.png) no-repeat center;}
-.overview .card .number,.overview .card .title{font-family:var(--secondary-title-font);font-weight:bold;}
-.overview .card .number{position:absolute;font-size:20px;top:25px;right:25px;}
-.overview .card .title{display:block;font-size:24px;font-weight:bold;}
-.overview .card .summary{font-size:16px;opacity:0.8;margin:0 0 32px 0;word-break:keep-all;}
-
-.overview .circles{position:relative;justify-content:space-between;padding:0 180px;margin:80px 0;}
-.overview .circles::after{position:absolute;content:"";width:45%;height:1px;border:1px dashed var(--primary-color);right:180px;z-index:-1;}
-.overview .circles,.overview .circles .left{display:flex;align-items:center;}
-
-.overview .circles .left, .overview .circles .right{position:relative;}
-.overview .circles .left::after, .overview .circles .right::after{position:absolute;content:"";width:16px;height:16px;border-radius:100%;top:50%;transform:translateY(-50%);}
-.overview .circles .left::after{background:var(--primary-color);right:-8px;}
-.overview .circles .right::after{border:1px solid var(--primary-color);background:#fff;left:-8px;}
-
-.overview .circle.line{position:relative;display:flex;width:400px;height:400px;font-family:var(--secondary-title-font);font-size:32px;color:var(--primary-color);background:#fff;border:1px solid var(--primary-color);border-radius:100%;justify-content:center;align-items:center;}
-.overview .circle.line:first-child{z-index:2;background:transparent;}
-.overview .circle.line:first-child::after{position:absolute;content:"+";width:20px;height:40px;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;right:18px}
-.overview .circle.line:last-child{margin:0 0 0 -60px;}
-
-.overview .circle.fill{position:relative;display:flex;width:460px;height:460px;font-family:var(--secondary-title-font);font-size:40px;color:#fff;background:var(--primary-color);border-radius:100%;justify-content:center;align-items:center;}
-.overview .circle.fill::after{position:absolute;content:"";width:calc(100% + 60px);height:calc(100% + 60px);background:url(/publish/usr/images/company/obg_deco.png) no-repeat center center;left:-30px;top:-30px;z-index:-1;}
-
-/* 조직도 */
-.org_list{display:flex;flex-wrap:wrap;gap:48px 58px;}
-.org_list>li{width:calc((100% / 2) - 29px);padding:40px;background:#f2f4f6;border-radius:20px;}
-.org_name{display:flex;flex-direction:column;}
-.org_name span{font-size:16px;font-weight:700;}
-.org_name strong{font-family:var(--secondary-title-font);font-size:28px;font-weight:700;}
-.org_list .list{display:flex;list-style:disc;margin:12px 0 0 0;padding:0 20px;flex-direction:column;gap:4px;}
-.org_list .list .summary{font-size:14px;color:#444;text-indent:28px;}
-
-/* 오시는 길 */
-.location_list{display:flex;flex-direction:column;gap:80px;}
-.location_list>li{display:flex;gap:60px;align-items:center;}
-.location_area{width:760px;height:500px;border-radius:20px;background:#f2f4f6;}
-
-.location_list .title{display:flex;margin:0 0 20px 0;font-size:36px;align-items:center;gap:12px;}
-.location_list .location{width:32px;height:42px;background:url(/publish/usr/images/component/location.png) no-repeat center;}
-.location_list .info{width:calc(100% - 820px);}
-.location_list .info p{font-size:20px;font-weight:400;}
-
-.location_list .boxs{display:flex;margin:40px 0 0 0;flex-direction:column;gap:20px;}
-.location_list .boxs li{display:flex;height:80px;font-size:20px;font-weight:bold;background:#f2f4f6;border-radius:20px;justify-content:center;align-items:center;gap:12px;}
-.location_list .phone{width:40px;height:40px;background:url(/publish/usr/images/component/phone.png) no-repeat center center;}
-.location_list .email{width:40px;height:40px;background:url(/publish/usr/images/component/email.png) no-repeat center center;}
-.location_list .fax{width:40px;height:40px;background:url(/publish/usr/images/component/fax.png) no-repeat center center;}
-.location_list .btn_map{width:100%;height:80px;font-size:20px;font-weight:bold;margin:20px 0 0 0;border:1px solid #000;border-radius:100px;;}
-
-/* 연혁 */
-.history_area{position:relative;display:flex;height:818px;gap:89px;overflow:hidden;}
-.history_year{position:sticky;width:600px;display:flex;height:900px;flex-shrink:0;flex-direction:column;top:0;}
-.year_item{position:absolute;text-align:right;opacity:0;transform:translateY(-100PX);transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out;top:0;left:0;}
-.year_item.active{opacity:1;transform:translateY(0);}
-.year_item strong{font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;}
-.year_item .img_box{margin:20px 0 0 0;border-radius:20px;overflow:hidden;}
-.history_month {position:absolute;width:100%;max-height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
-.month_ul{display:flex;width:calc(100% - 690px);flex-direction:column;margin:0 0 0 auto;}
-.month_ul:first-child li:first-child{border-top:1px solid #e0e0e0;}
-.month_ul li{border-bottom:1px solid #e0e0e0;}
-.month_ul dl{display:flex;padding:40px 0;gap:60px;align-items:flex-start;}
-.month_ul dd{width:calc(100% - 80px);}
-.month_ul dd p:nth-child(n+2){margin:36px 0 0 0;}
-.month_ul .month{width:80px;font-family:var(--secondary-title-font);font-size:24px;font-weight:bold;color:var(--primary-color);letter-spacing:-0.5px;}
-.month_ul strong{font-size:20px;font-weight:600;;}
-.month_ul .summary{display:block;font-size:20px;font-weight:400;color:#444;margin:8px 0 0 0;}
-
-.history_month.active{position:fixed;left:0;top:207px;}
-.active .month_ul{width:calc(100% - 903px);margin:0 5.7% 0 auto;}
-
-
-/* ==================================================
-     Platform Technologies
-  ================================================== */
-.autophagy_common{padding:40px 20px;}
-.autophagy_common img{margin:0 auto;}
-
-.figure_content{display:flex;gap:65px;align-items:center;}
-.figure_content.column{flex-direction:column;align-items:flex-start;}
-
-.figure_content .box{display:flex;width:50%;padding:50px 30px;justify-content:center;align-items:center;box-sizing:border-box;}
-.figure_content .box img{mix-blend-mode:multiply;}
-.figure_content.column .box{width:100%;margin:20px 0 60px 0;}
-.figure_content.column .figure_desc{width:100%;}
-
-.figure_desc{display:flex;flex-direction:column;gap:24px;}
-.figure_desc li{min-height:30px;font-size:24px;font-weight:400;text-indent:32px;}
-.figure_desc.circle li{background:url(/publish/usr/images/component/list_circle.png) no-repeat left 8px;}
-.figure_desc.square li{background:url(/publish/usr/images/component/list_square.png) no-repeat left 8px;}
-
-/* Anti Cancer */
-.cancer .figure_content .box img{mix-blend-mode:darken;}
-
-/* R&D */
-.rd .figure_content.column{gap:40px;}
-.rd .figure_content .box{margin:0;}
-.rd .figure_content .box:first-child img{mix-blend-mode: normal;}
-
-/* Pipeline Summary */
-.pipeline table{table-layout:fixed;width:100%;border-spacing:12px;border-collapse:separate;}
-.pipeline thead th{font-family:var(--primary-title-font);font-size:20px;font-weight:500;padding:10px 0;background:#AFBCDF;border-radius:8px;word-break:break-all;}
-.pipeline thead tr:nth-child(2) th{height:44px;font-size:16px;background:#EBEFF7;}
-
-.pipeline tr>th,.pipeline tr>td{height:84px;padding:10px 0;border-radius:8px;font-size:20px;font-weight:500;line-height:1.2;text-align:center;word-break:break-all;}
-.pipeline tbody th{background:#f4f4f4;}
-.pipeline tbody td{position:relative;border:1px solid #e0e0e0;background:#fff;}
-.pipeline tbody td[colspan="6"]{border:2px solid #cbd7ff;}
-.pipeline .graph{position:absolute;width:100%;top:50%;transform:translateY(-50%);}
-.pipeline .graph span{position:relative;display:flex;height:30px;border-radius:30px 0 0 30px;background:linear-gradient(90deg, #DBE5FF 0%, #3B5BB0 100%);color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.3);justify-content:center;align-items:center;left:10px}
-.pipeline .graph span::after{position:absolute;content:"";width:51px;height:70px;background:url(/publish/usr/images/major_result/polygon_blue.png) no-repeat center center;right:-44px;}
-.pipeline .graph.purple span{background:linear-gradient(90deg, #EFEDF7 0%, #5F48B0 100%);}
-.pipeline .graph.purple span::after{background:url(/publish/usr/images/major_result/polygon_purple.png) no-repeat center center;}
-.pipeline .graph.orange span{background:linear-gradient(90deg, #FFEADF 0%, #FF8748 100%);}
-.pipeline .graph.orange span::after{background:url(/publish/usr/images/major_result/polygon_orange.png) no-repeat center center;}
-.pipeline .graph1 span{width:calc((100% / 6) - 20px);}
-.pipeline .graph2 span{width:calc((100% / 6)*2 - 100px);}
-.pipeline .graph3 span{width:calc((100% / 6)*3 - 100px);}
-.pipeline .graph4 span{width:calc((100% / 6)*4 - 100px);}
-.pipeline .graph5 span{width:calc((100% / 6)*5 - 100px);}
-
-
-.pipeline table ul{display:flex;}
-.pipeline table ul li{height:42px;border-right:1px dashed #bbc8ea;font-size:16px;font-weight:bold;flex-grow:1;}
-.pipeline table ul li:last-child{border:0;}
-.pipeline tr:first-child ul li:nth-child(5){flex-grow:0.5;color:#3b5bb0;}
-
-.pipeline .purple+ul li{color:#5F48B0;}
-.pipeline .purple+ul li:nth-child(4){flex-grow:1.2;}
-.pipeline .orange+ul li{color:#FF8748;}
-.pipeline .orange+ul li:nth-child(5){flex-grow:1.2;}
-
-.dl_wrap{display:flex;width:100%;gap:32px;}
-.dl_wrap dl{width:50%;}
-.dl_wrap dt{font-size:20px;font-weight:700;text-align:center;padding:11px 36px;background:var(--secondary-light-color);border-radius:8px;}
-.dl_wrap dt span{display:block;font-size:16px;font-weight:400;}
-.dl_wrap dd{display:flex;height:calc(100% - 100px);background:#f2f4f6;border-radius:8px;margin:36px 0 0 0;justify-content:center;align-items:center;}
-.dl_wrap dd.dd_table{background:none;display:block;}
-.dl_wrap dd img{mix-blend-mode:darken;}
-
-.hts_system dt{display:flex;height:80px;font-size:24px;align-items:center;justify-content:center;}
-.hts_system table{table-layout:fixed;width:calc(100% + 24px);border-spacing:12px;border-collapse:separate;margin:0 0 0 -12px;}
-.hts_system thead th{font-family:var(--primary-title-font);font-size:20px;font-weight:500;padding:10px 0;background:#AFBCDF;border-radius:8px;word-break:break-all;}
-.hts_system thead th img{margin:0 auto;}
-
-.hts_system tr>th,.hts_system tr>td{height:84px;padding:10px 0;border-radius:8px;font-size:20px;font-weight:500;line-height:1.2;text-align:center;word-break:break-all;}
-.hts_system tbody th{background:#f4f4f4;}
-.hts_system tbody td{position:relative;background:#fff;}
-
-.hts_system .blue{background:#deebf7;}
-.hts_system .orange{background:#FBE5D6;}
-.hts_system .gray{background:#F2F2F2;}
-.hts_system .green{background:#DEE8DB;}
-
-.hts_system .legend{display:flex;font-size:18px;font-weight:500;margin:10px 0 0 0;align-items:center;gap:20px;justify-content:center;}
-.hts_system .legend i{display:inline-block;width:12px;height:12px;margin:0 6px 0 0;border-radius:100%;}
-
-
-/* autophagy */
-.step_ul{display:flex;width:100%;align-items:center;gap:12px;}
-.step_ul li:not(.next){display:flex;width:calc(100%/6);min-height:91px;font-size:20px;font-weight:500;text-align:center;padding:0 10px;background:#f2f4f6;border-radius:20px;justify-content:center;align-items:center;box-sizing:border-box;}
-
-.autophagy .box:nth-child(2){margin:0;}
-
-.achievement .table_type_cols tr{cursor:auto;}
-
-/* ==================================================
-     Community
-  ================================================== */
-.length_wrap .textarea{height:100px;}
-
-@media (max-width: 1400px){
-
-  /* ==================================================
-    공통레이아웃
- ================================================== */
- .sub_visual_nav{width:80%;}
-
- /* ==================================================
-    Company
- ================================================== */
-
- /* 설립배경 */
- .overview .card li{width:calc((100% / 4) - 60px);}
-
- /* 오시는 길 */
-  .location_area{width:660px;}
-
-
-
-}
-
-@media (max-width: 1280px){
-
-   /* ==================================================
-    공통레이아웃
- ================================================== */
- .sub_title{font-size:40px;}
- .sub_visual{height:480px;}
- .sub_visual_nav{width:65%;}
- .sub_visual_nav .snb_wrap{width:calc(100% - 66px);}
- .con_title{margin:80px 0 16px 0;}
- .con_title .title{font-size:28px;}
- .con_title .summary{font-size:20px;}
-
- .platform_tech .sub_visual{background-position:75% center;}
-
- /* ==================================================
-    Company
- ================================================== */
-
- /* 설립배경 */
- .overview .card{flex-wrap:wrap;}
- .overview .card li{width:calc((100% / 2) - 60px);height:485px;}
- .overview .card li:nth-child(1),.overview .card li:nth-child(2),.overview .card li:nth-child(3),.overview .card li:nth-child(4){background-size:cover;}
-
- .overview .circles, .overview .circles .left{flex-direction:column;}
- .overview .circles{gap:120px;}
- .overview .circles::after{width:1px;height:45%;right:50%;bottom:0;transform:translateX(-50%);}
- .overview .circles .left::after{left:50%;bottom:-8px;top:auto;transform:translateX(-50%);}
- .overview .circles .right::after{left:50%;top:-8px;transform:translateX(-50%);}
- .overview .circle.line:last-child{margin:-60px 0 0 0;}
- .overview .circle.line:first-child::after{bottom:10px;right:45%;transform:translateX(-50%);}
-
- /* 오시는 길 */
- .location_list>li{flex-wrap:wrap;gap:30px}
- .location_area{width:100%;}
- .location_list .info{width:100%;}
- .location_list .boxs{flex-direction:row;}
- .location_list .boxs li{width:50%;}
- .location_list .boxs li:only-child{width:100%;}
- 
- /* 연혁 */
- .history_area{flex-direction:column;}
- .history_year{display:none;}
- .month_ul{position:relative;width:90%;padding:100px 0 0 0;margin:0 auto;}
- .month_ul::after{position:absolute;content:"";width:100%;height:70px;top:0;font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;}
- .month_ul:last-child{margin:160px auto 0 auto;}
- #year_2023::after{content:"2023";}
- #year_2022::after{content:"2022";}
-
- /* ==================================================
-    Platform Tech
- ================================================== */
-
- /* autophagy */
-  .step_ul{flex-wrap:wrap;}
-  .step_ul li:not(.next){width:calc((100%/3) - 40px);}
-  .step_ul li:nth-child(6){display:none;}
-
-  .figure_desc{gap:12px;}
-  .figure_desc li{font-size:20px;}
-
-  .figure_content.column .box{margin:20px 0;}
-
-  .pipeline .table_wrap{width:100%;overflow:auto;}
-  .pipeline table{width:1024px;border-spacing:6px;}
-  .pipeline tr>th, .pipeline tr>td{height:60px;font-size:14px;}
-  .pipeline .graph span{font-size:14px;}
-  .pipeline .graph span::after{background-size:60% auto;right:-38px;}
-  .pipeline .graph.purple span::after,.pipeline .graph.orange span::after{background-size:60% auto;right:-38px;}
-  .pipeline tr:first-child ul li:nth-child(5),.pipeline .purple+ul li:nth-child(4),.pipeline .orange+ul li:nth-child(5){font-size:14px;}
-
-  .pipeline ul li{display:flex;justify-content:center;align-items:center;}
-
-  .pipeline .graph1 span{width:calc((100% / 6) - 20px);}
-  .pipeline .graph2 span{width:calc((100% / 6)*2 - 60px);}
-  .pipeline .graph3 span{width:calc((100% / 6)*3 - 60px);}
-  .pipeline .graph4 span{width:calc((100% / 6)*4 - 60px);}
-  .pipeline .graph5 span{width:calc((100% / 6)*5 - 60px);}
-
-  .hts_system .table_wrap{width:100%;overflow:auto;}
-  .hts_system table{width:1400px;}
-  .hts_system table th,.hts_system table td{font-size:16px;}
-  .hts_system .legend{font-size:16px;margin:26px 0 0 0;}
-
-  .rd .figure_content.column{gap:0;}
-
-}
-
-
-@media (max-width: 768px){
-
-  /* ==================================================
-    공통레이아웃
- ================================================== */
- .sub_visual{height:500px;border-radius:0 0 40px 40px;;}
- .sub_visual_nav{height:66px;}
- .sub_visual_nav>a{display:none;}
- .sub_visual_nav .snb_wrap{width:calc(100% / 2);}
-
- .con_title .title{font-size:28px;}
-
-
- /* ==================================================
-    Company
- ================================================== */
-
- /* 설립배경 */
- .overview .txt strong{font-size:40px;line-height:1.4;}
- .overview .txt strong span{display:block;}
- .overview .card{gap:20px;}
- .overview .card li{width:calc((100% / 2) - 20px);height:400px;}
-
- .figure_content.row{flex-direction:column;gap:20px;}
- .figure_content.row .box{width:100%;}
-
- .figure_desc{width:100%;gap:12px;}
- .figure_desc li{font-size:18px;}
- .figure_desc.square li{text-indent:26px;background:url(/publish/usr/images/component/list_square.png) no-repeat left 4px;}
- .figure_desc.circle li{text-indent:26px;background:url(/publish/usr/images/component/list_circle.png) no-repeat left 4px;background-size:auto 20px;}
-
- /* 조직도 */
- .org_list{gap:20px}
- .org_list>li{width:100%;}
-
- /* 오시는 길 */
- .location_list .boxs{flex-direction:column;}
- .location_list .boxs li{width:100%;}
- 
- /* 연혁 */
- .month_ul{padding:80px 0 0 0;}
- .month_ul::after{font-size:36px;}
-
- .month_ul .month{width:60px;font-size:20px;}
- .month_ul dl{padding:20px 0;gap:20px;}
- .month_ul dt{padding:2px 0 0 0;}
- .month_ul dd p:nth-child(n+2){margin:18px 0 0 0;}
- .month_ul strong{font-size:18px;}
- .month_ul .summary{font-size:16px;}
-
- /* ==================================================
-    Platform Tech
- ================================================== */
-  .dl_wrap{flex-direction:column;gap:60px;}
-  .dl_wrap dl{width:100%;}
-  .dl_wrap dd{margin:20px 0 0 0;;}
-}
-
-@media (max-width: 640px){
-
-
-  /* ==================================================
-    공통레이아웃
- ================================================== */
- .sub_visual_nav .snb_wrap{max-width:100%;}
- .sub_visual_nav .snb_wrap:not(:last-child){display:none;}
- .content_title h3{font-size:32px;}
- .con_title .title{font-size:20px;}
- 
- .sub_title{font-size:28px;text-align:center;}
-
-
- /* ==================================================
-    Company
- ================================================== */
-
- /* 설립배경 */
- .overview .txt strong{font-size:28px;}
- .overview .txt p{font-size:18px;margin:8px 0 0 0;}
- .overview .card{gap:36px;padding:90px 0 120px 0;}
- .overview .card li{width:100%;}
- .overview .card li:nth-child(2n){transform:none;;}
- .overview .card .title br{display:none;}
-
- .overview .circles{padding:0;margin:40px 0 80px 0;gap:60px;}
- .overview .circles::after{height:50%;right:49.5%;}
- .overview .circle.line{width:200px;height:200px;font-size:18px;}
- .overview .circle.line:last-child{margin:-40px 0 0 0;}
- .overview .circle.line:first-child::after{height:20px;font-size:24px;bottom:14px;right:40%;}
- .overview .circle.fill{width:260px;height:260px;font-size:20px;;}
- .overview .circle.fill::after{width:calc(100% + 20px);height:calc(100% + 20px);left:-10px;top:-10px;background-size:100% auto;}
- .overview .circles .left::after, .overview .circles .right::after{width:12px;height:12px;}
- .overview .circles .left::after{bottom:-5px;}
- 
- /* 오시는 길 */
- .location_list .title{font-size:20px;margin:0 0 10px 0;gap:8px;}
- .location_list .info p{font-size:16px;}
- .location_list .btn_map,.location_list .boxs li{height:60px;font-size:16px;}
- .location_list .location{width:22px;height:22px;background-size:contain;}
-
- /* ==================================================
-    Platform Tech
- ================================================== */
-
- /* autophagy */
-  .step_ul{flex-direction:column;}
-  .step_ul li:not(.next){width:100%;}
-  .step_ul li.next img{transform:rotate(90deg);}
-  .step_ul li:nth-child(6){display:block;}
-}
-
-@media (max-width: 500px){
-   
- /* ==================================================
-   Company
-================================================== */
-
-/* 연혁 */
- .month_ul dl{flex-direction:column;gap:12px;}
- .month_ul dd{width:100%;}
+/* ==================================================
+     공통레이아웃
+  ================================================== */
+.skip_menu {position: absolute;left: 0;top: 0;width: 100%;margin: 0 auto;z-index: 999;}
+.skip_menu a {outline: 3px solid red;display: block;position: absolute;left: 0;padding: 10px 20px;height: 50px;line-height: 30px;color: #fff;background: #000;width: 100%;text-align: center;font-size: 18px;box-sizing: border-box;}
+.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active {top: -10000px;}
+.skip_menu a:hover,.skip_menu a:focus {top: 3px;}
+.sub_visual{position:relative;width:100%;height:615px;border-radius:0 0 80px 80px;background-position:center;}
+.sub_title{display:flex;height:100%;font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;color:#fff;letter-spacing:1px;text-shadow:0 0 20px rgba(0,0,0,.3);align-items:center;justify-content:center;text-transform:uppercase;}
+.sub_visual_nav{position:relative;display:flex;width:70%;border-radius:38px 38px 0 0;background:#fff;padding:0 20px;bottom:66px;left:50%;transform:translateX(-50%);align-items:center;}
+.sub_visual_nav a,.sub_visual_nav .snb_wrap{position:relative;height:66px;}
+.sub_visual_nav>a::after,.sub_visual_nav .snb_wrap::after{position:absolute;display:inline-block;content:"";width:1px;height:20px;background:#d9d9d9;right:0;top:50%;transform:translateY(-50%);}
+.sub_visual_nav .snb_wrap:last-child::after{display:none;}
+.sub_visual_nav::before,.sub_visual_nav::after{position:absolute;content:"";width:41px;height:41px;bottom:0;}
+.sub_visual_nav::before{background:url(/publish/usr/images/common/sub_visual_nav_left.png);left:-40px;}
+.sub_visual_nav::after{background:url(/publish/usr/images/common/sub_visual_nav_right.png);right:-40px;}
+.sub_visual_nav .snb_wrap{min-width:calc((100% - 66px)/3);max-width:calc((100% - 66px)/2);flex:1;}
+.snb_title{width:100%;height:100%;font-size:20px;font-weight:500;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 60px 0 20px;border:none;background:url(/publish/usr/images/component/icon_select.png) no-repeat calc(100% - 20px) center;}
+.snb_select{position:absolute;display:none;width:100%;background:#fff;padding:10px;overflow:hidden;top:calc(100% + 4px);border-radius:8px;box-shadow:2px 3px 4px 0 rgba(0, 0, 0, .08);}
+.snb_select a{display:flex;height:40px;font-size:16px;padding:0 20px;justify-content:flex-start;align-items:center;}
+.snb_select a:hover{background:var(--primary-light-color);color:var(--primary-color);border-radius:8px;}
+.active .snb_select{width:100%;height:auto;left:0;border:1px solid #f0f0f0;}
+
+.company .sub_visual{background:url(/publish/usr/images/company/visual.jpg) center;}
+.platform_tech .sub_visual{background:url(/publish/usr/images/platform-tech/visual.jpg) center;}
+.pipeline .sub_visual{background:url(/publish/usr/images/pipeline/visual.jpg) center;}
+.achievement .sub_visual{background:url(/publish/usr/images/achievement/visual.jpg) center;}
+
+.con_title{display:flex;margin:80px 0 36px 0;flex-direction:column;}
+.con_title .summary{font-family:var(--secondary-title-font);font-size:24px;margin:0 0 12px 0;}
+.con_title .summary.black{font-family:var(--primary-title-font);}
+.con_title .title{font-family:var(--secondary-title-font);font-size:36px;text-align:left;;}
+
+.box{background:#f2f4f6;border-radius:40px;}
+
+
+/* ==================================================
+       Company
+ ================================================== */
+
+/* 설립배경 */
+.overview{text-align:center;}
+.overview_contents_top{background:url(/publish/usr/images/company/corp_bg.png) no-repeat center 80px;}
+.overview .txt strong{font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;}
+.overview .txt strong span{font-family:var(--secondary-title-font);font-weight:bold;}
+.overview .txt p{font-family:var(--secondary-title-font);font-size:24px;}
+.overview .card{display:flex;padding:90px 0 280px 0;gap:46px;justify-content:center;}
+.overview .card li{position:relative;display:flex;width:calc((100% / 4) - 90px);height:363px;padding:0 30px;text-align:left;color:#fff;border-radius:24px;flex-direction:column;justify-content:flex-end;}
+.overview .card li:nth-child(2n){transform:translateY(52px);}
+.overview .card li:nth-child(1){background:url(/publish/usr/images/company/card_01.png) no-repeat center;}
+.overview .card li:nth-child(2){background:url(/publish/usr/images/company/card_02.png) no-repeat center;}
+.overview .card li:nth-child(3){background:url(/publish/usr/images/company/card_03.png) no-repeat center;}
+.overview .card li:nth-child(4){background:url(/publish/usr/images/company/card_04.png) no-repeat center;}
+.overview .card .number,.overview .card .title{font-family:var(--secondary-title-font);font-weight:bold;}
+.overview .card .number{position:absolute;font-size:20px;top:25px;right:25px;}
+.overview .card .title{display:block;font-size:24px;font-weight:bold;}
+.overview .card .summary{font-size:16px;opacity:0.8;margin:0 0 32px 0;word-break:keep-all;}
+
+.overview .circles{position:relative;justify-content:space-between;padding:0 180px;margin:80px 0;}
+.overview .circles::after{position:absolute;content:"";width:45%;height:1px;border:1px dashed var(--primary-color);right:180px;z-index:-1;}
+.overview .circles,.overview .circles .left{display:flex;align-items:center;}
+
+.overview .circles .left, .overview .circles .right{position:relative;}
+.overview .circles .left::after, .overview .circles .right::after{position:absolute;content:"";width:16px;height:16px;border-radius:100%;top:50%;transform:translateY(-50%);}
+.overview .circles .left::after{background:var(--primary-color);right:-8px;}
+.overview .circles .right::after{border:1px solid var(--primary-color);background:#fff;left:-8px;}
+
+.overview .circle.line{position:relative;display:flex;width:400px;height:400px;font-family:var(--secondary-title-font);font-size:32px;color:var(--primary-color);background:#fff;border:1px solid var(--primary-color);border-radius:100%;justify-content:center;align-items:center;}
+.overview .circle.line:first-child{z-index:2;background:transparent;}
+.overview .circle.line:first-child::after{position:absolute;content:"+";width:20px;height:40px;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;right:18px}
+.overview .circle.line:last-child{margin:0 0 0 -60px;}
+
+.overview .circle.fill{position:relative;display:flex;width:460px;height:460px;font-family:var(--secondary-title-font);font-size:40px;color:#fff;background:var(--primary-color);border-radius:100%;justify-content:center;align-items:center;}
+.overview .circle.fill::after{position:absolute;content:"";width:calc(100% + 60px);height:calc(100% + 60px);background:url(/publish/usr/images/company/obg_deco.png) no-repeat center center;left:-30px;top:-30px;z-index:-1;}
+
+.overview table{table-layout:fixed;width:calc(100% + 24px);border-spacing:12px;border-collapse:separate;margin:0 0 0 -12px;}
+.overview thead th{font-family:var(--primary-title-font);font-size:20px;font-weight:500;padding:10px 0;background:#AFBCDF;border-radius:8px;word-break:break-all;}
+.overview thead th img{margin:0 auto;}
+
+.overview tr>th,.overview tr>td{height:84px;padding:10px 0;border-radius:8px;font-size:20px;font-weight:500;line-height:1.2;text-align:center;word-break:break-all;}
+.overview tbody td{position:relative;background:#f4f4f4;}
+.overview tbody img{margin:0 auto;mix-blend-mode:darken;}
+
+.overview .emphasis_tr{position:relative;}
+.overview .emphasis_tr::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);border:2px solid #5F48B0;left:-6px;top:-5px;z-index:-1;border-radius:8px;}
+.overview .emphasis_tr td{background:#EFEDF8;color:#5F48B0;}
+
+.overview .box_wrap{display:flex;gap:24px;margin:48px 0 0 0;}
+.overview .box{background:#fff;}
+.overview .box dt{position:relative;display:flex;width:80%;height:50px;margin:0 auto;font-family:var(--secondary-title-font);font-size:20px;font-weight:bold;color:#fff;border-radius:90px;justify-content:center;align-items:center;z-index:2;}
+.overview .skyblue dt{background:var(--accent-color);}
+.overview .blue dt{background:var(--secondary-color);}
+.overview .purple dt{background:var(--primary-color);}
+.overview .box dd{min-height:174px;padding:60px 30px 40px;margin:-26px 0 0 0;font-size:20px;border:1px solid #d5d5d5;border-radius:8px;}
+.overview .skyblue dd{border:1px solid var(--accent-color);}
+.overview .blue dd{border:1px solid var(--secondary-color);}
+.overview .purple dd{border:1px solid var(--primary-color);}
+.overview .box b{font-weight:700;}
+.overview .box span{font-weight:700;color:var(--secondary-color);}
+
+
+/* 조직도 */
+.org_list{display:flex;flex-wrap:wrap;gap:48px 58px;}
+.org_list>li{width:calc((100% / 2) - 29px);padding:40px;background:#f2f4f6;border-radius:20px;}
+.org_name{display:flex;flex-direction:column;}
+.org_name span{font-size:16px;font-weight:700;}
+.org_name strong{font-family:var(--secondary-title-font);font-size:28px;font-weight:700;}
+.org_list .list{display:flex;list-style:disc;margin:12px 0 0 0;padding:0 20px;flex-direction:column;gap:4px;}
+.org_list .list .summary{font-size:14px;color:#444;text-indent:28px;}
+
+.organization{max-width:1200px;margin:0 auto 80px;padding:80px 20px;position:relative;}
+.organization *{box-sizing:border-box;font-family:var(--secondary-title-font);font-weight:bold;}
+/* CEO */
+.organization_top{position:relative;padding-bottom:269px;text-align:center;}
+.organization_ceo{display:inline-flex;align-items:center;justify-content:center;width:378px;height:87px;border-radius:100px;background:#5c46c2;color:#fff;font-size:22px;font-weight:700;margin:0 auto;}
+.organization_top::after{content:"";position:absolute;top:64px;left:50%;width:1px;height:100%;background:#5F48B0;transform:translateX(-50%);}
+/* CTO */
+.organization_cto{position:absolute;left:0.3%;top:50%;display:flex;align-items:center;justify-content:center;width:378px;height:87px;border:1px solid #8e7be4;border-radius:100px;background:#f3f0ff;color:#5c46c2;font-size:22px;font-weight:700;}
+.organization_cto::after{content:"";position:absolute;top:50%;right:-200px;width:200px;height:1px;background:#5F48B0;}
+/* 가운데 */
+.organization_middle{position:relative;display:flex;justify-content:space-between;align-items:flex-start;}
+.organization_middle::before{content:"";position:absolute;top:50%;left:16.66%;right:16.66%;height:1px;background:#5F48B0;}
+/* 본부 */
+.organization_item{position:relative;width:31%;padding:8px 0 0 0;display:flex;flex-direction:column;align-items:center;}
+.organization_item>span{display:block;}
+.organization_item{font-size:22px;font-weight:700;}
+.organization_item{display:flex;}
+.organization_item:first-child,
+.organization_center,
+.organization_item:last-child{align-items:center;}
+.organization_item:first-child::after,
+.organization_item:last-child::after{content:"";position:absolute;top:85px;left:50%;width:1px;height:80px;border-left:1px dashed var(--primary-color);transform:translateX(-50%);}
+.organization_item,
+.organization_center{min-height:64px;}
+.organization_item{justify-content:flex-start;}
+.organization_item{color:#5c46c2;}
+.organization_item{width:31%;}
+.organization_item{text-align:center;}
+.organization_item{border:1px solid #8e7be4;border-radius:100px;height:87px;justify-content:center;background:#fff;}
+
+/* 팀 */
+.organization_team{position:absolute;width:100%;margin:70px 0 0;padding:0;list-style:none;top:80px;}
+.organization_team li{display:flex;align-items:center;justify-content:center;width:100%;height:56px;font-family:var( --primary-title-font);margin-top:16px;border-radius:40px;background:#f2effb;color:var(--primary-color);font-weight:600;}
+
+/* 오시는 길 */
+/* 오시는 길 -> Contact us로 변경*/
+.mail_banner{position:relative;border-radius:20px;background:#5F48B0 ;background-size:cover;margin:0 0 80px 0;padding:78px 140px;}
+.mail_banner::before{position:absolute;content:"";width:100%;height:100%;background:#5F48B0 url(/publish/usr/images/company/mail_banner_bg.png) no-repeat center;background-size:cover;mix-blend-mode:soft-light;left:0;top:0;}
+.mail_banner strong{font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;color:#fff;}
+.mail_banner span{display:block;padding:12px 0 0 0;font-family:var(--secondary-title-font);font-size:22px;font-weight:500;color:#fff;}
+.mail_banner img{position:absolute;right:118px;top:50px;}
+
+.location_list{display:flex;flex-direction:column;gap:80px;}
+.location_list>li{display:flex;gap:60px;align-items:center;}
+.location_area{width:760px;height:500px;border-radius:20px;background:#f2f4f6;}
+
+.location_list .title{display:flex;margin:0 0 20px 0;font-size:36px;align-items:center;gap:12px;}
+.location_list .location{width:32px;height:42px;background:url(/publish/usr/images/component/location.png) no-repeat center;}
+.location_list .info{width:calc(100% - 820px);}
+.location_list .info p{font-size:20px;font-weight:400;}
+
+.location_list .boxs{display:flex;margin:40px 0 0 0;flex-direction:column;gap:20px;}
+.location_list .boxs li{display:flex;height:80px;font-size:20px;font-weight:bold;background:#f2f4f6;border-radius:20px;justify-content:center;align-items:center;gap:12px;}
+.location_list .phone{width:40px;height:40px;background:url(/publish/usr/images/component/phone.png) no-repeat center center;}
+.location_list .email{width:40px;height:40px;background:url(/publish/usr/images/component/email.png) no-repeat center center;}
+.location_list .fax{width:40px;height:40px;background:url(/publish/usr/images/component/fax.png) no-repeat center center;}
+.location_list .btn_map{width:100%;height:80px;font-size:20px;font-weight:bold;margin:20px 0 0 0;border:1px solid #000;border-radius:100px;;}
+
+/* 연혁 */
+.history_area{position:relative;display:flex;height:818px;gap:89px;overflow:hidden;}
+.history_year{position:sticky;width:600px;display:flex;height:900px;flex-shrink:0;flex-direction:column;top:0;}
+.year_item{position:absolute;text-align:right;opacity:0;transform:translateY(-100PX);transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out;top:0;left:0;}
+.year_item.active{opacity:1;transform:translateY(0);}
+.year_item strong{font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;}
+.year_item .img_box{margin:20px 0 0 0;border-radius:20px;overflow:hidden;}
+.history_month {position:absolute;width:100%;max-height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
+.month_ul{display:flex;width:calc(100% - 690px);flex-direction:column;margin:0 0 80px auto;}
+.month_ul li:first-child{border-top:1px solid #e0e0e0;}
+.month_ul li:last-child{border:0;}
+.month_ul li{border-bottom:1px solid #e0e0e0;}
+.month_ul dl{display:flex;padding:40px 0;gap:60px;align-items:flex-start;}
+.month_ul dd{width:calc(100% - 80px);}
+.month_ul dd p:nth-child(n+2){margin:36px 0 0 0;}
+.month_ul .month{width:80px;font-family:var(--secondary-title-font);font-size:24px;font-weight:bold;color:var(--primary-color);letter-spacing:-0.5px;}
+.month_ul strong{font-size:20px;font-weight:600;;}
+.month_ul .summary{display:block;font-size:20px;font-weight:400;color:#444;margin:8px 0 0 0;}
+
+#year_2025 .month{width:100px;}
+
+.history_month.active{position:fixed;left:0;top:207px;}
+.active .month_ul{width:calc(100% - 903px);margin:0 5.7% 0 auto;}
+
+
+/* ==================================================
+     Platform Technologies
+  ================================================== */
+.autophagy_common{padding:40px 20px;}
+.autophagy_common img{margin:0 auto;}
+
+.figure_content{display:flex;gap:65px;align-items:center;}
+.figure_content.column{flex-direction:column;align-items:flex-start;}
+
+.figure_content .box{display:flex;width:50%;padding:50px 30px;justify-content:center;align-items:center;box-sizing:border-box;}
+.figure_content .box img{mix-blend-mode:multiply;}
+.figure_content.column .box{width:100%;margin:20px 0 60px 0;}
+.figure_content.column .figure_desc{width:100%;}
+
+.figure_desc{display:flex;flex-direction:column;gap:24px;}
+.figure_desc li{min-height:30px;font-size:24px;font-weight:400;text-indent:32px;}
+.figure_desc.circle li{background:url(/publish/usr/images/component/list_circle.png) no-repeat left 8px;}
+.figure_desc.square li{background:url(/publish/usr/images/component/list_square.png) no-repeat left 8px;}
+
+.paper_content{display:flex;margin:0 0 40px 0;flex-wrap:wrap;gap:20px;}
+.paper_content .box{width:calc(50% - 10px);padding:32px 0;text-align:center;}
+.paper_content img{max-height:407px;margin:0 auto 12px auto;}
+.paper_content .summary{padding:0 0 0 28px;font-size:24px;font-weight:500;background:url(/publish/usr/images/component/paper_square.png) no-repeat left center;}
+
+/* Anti Cancer */
+.cancer .figure_content .box img{mix-blend-mode:darken;}
+
+/* R&D */
+.rd .figure_content.column{gap:40px;}
+.rd .figure_content .box{margin:0;}
+.rd .figure_content .box:first-child img{mix-blend-mode: normal;}
+
+/* Pipeline Summary */
+.pipeline table{table-layout:fixed;width:100%;border-spacing:12px;border-collapse:separate;}
+.pipeline thead th{font-family:var(--primary-title-font);font-size:20px;font-weight:500;padding:10px 0;background:#AFBCDF;border-radius:8px;word-break:break-all;}
+.pipeline thead tr:nth-child(2) th{height:44px;font-size:16px;background:#EBEFF7;}
+
+.pipeline tr>th,.pipeline tr>td{height:84px;padding:10px 0;border-radius:8px;font-size:20px;font-weight:500;line-height:1.2;text-align:center;word-break:break-all;}
+.pipeline tbody th{background:#f4f4f4;}
+.pipeline tbody td{position:relative;border:1px solid #e0e0e0;background:#fff;}
+.pipeline tbody td[colspan="6"]{border:2px solid #cbd7ff;}
+.pipeline tbody td.primary_light{background:#E9EDF8;border:0;}
+.pipeline .graph{position:absolute;width:100%;top:50%;transform:translateY(-50%);}
+.pipeline .graph span{position:relative;display:flex;height:30px;border-radius:30px 0 0 30px;background:linear-gradient(90deg, #DBE5FF 0%, #3B5BB0 100%);color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.3);justify-content:center;align-items:center;left:10px}
+.pipeline .graph span::after{position:absolute;content:"";width:51px;height:70px;background:url(/publish/usr/images/major_result/polygon_blue.png) no-repeat center center;right:-44px;}
+.pipeline .graph.purple span{background:linear-gradient(90deg, #EFEDF7 0%, #5F48B0 100%);}
+.pipeline .graph.purple span::after{background:url(/publish/usr/images/major_result/polygon_purple.png) no-repeat center center;}
+.pipeline .graph.orange span{background:linear-gradient(90deg, #FFEADF 0%, #FF8748 100%);}
+.pipeline .graph.orange span::after{background:url(/publish/usr/images/major_result/polygon_orange.png) no-repeat center center;}
+.pipeline .graph1 span{width:calc((100% / 6) - 20px);}
+.pipeline .graph2 span{width:calc((100% / 6)*2 - 100px);}
+.pipeline .graph3 span{width:calc((100% / 6)*3 - 100px);}
+.pipeline .graph4 span{width:calc((100% / 6)*4 - 100px);}
+.pipeline .graph5 span{width:calc((100% / 6)*5 - 100px);}
+
+
+.pipeline table ul{display:flex;}
+.pipeline table ul li{width:calc((100%/6) - 5px);height:42px;border-right:1px dashed #bbc8ea;font-size:16px;font-weight:bold;color:#3b5bb0;flex-grow:1;}
+.pipeline table ul li:last-child{border:0;}
+/* .pipeline tr:first-child ul li:nth-child(n+5){flex-grow:0.5;color:#3b5bb0;} */
+
+.pipeline .purple+ul li{color:#5F48B0;}
+.pipeline .purple+ul li:nth-child(4){flex-grow:1.2;}
+.pipeline .orange+ul li{color:#FF8748;}
+.pipeline .orange+ul li:nth-child(5){flex-grow:1.2;}
+
+.dl_wrap{display:flex;width:100%;gap:32px;}
+.dl_wrap dl{width:50%;}
+.dl_wrap dt{font-size:20px;font-weight:700;text-align:center;padding:11px 36px;background:var(--secondary-light-color);border-radius:8px;}
+.dl_wrap dt span{display:block;font-size:16px;font-weight:400;}
+.dl_wrap dd{display:flex;height:calc(100% - 100px);background:#f2f4f6;border-radius:8px;margin:36px 0 0 0;justify-content:center;align-items:center;}
+.dl_wrap dd.dd_table{background:none;display:block;}
+.dl_wrap dd img{mix-blend-mode:darken;}
+
+.dl_wrap.fill.accent dt{height:56px;background:var(--accent-color);color:#fff;}
+.dl_wrap.fill.accent dd{margin:20px 0 0 0;}
+
+.timeline_list {position:relative;display:flex;width:100%;margin:0;padding:40px 0;justify-content:space-between;align-items:flex-start;}
+/* .timeline_list::before {position:absolute; top:24px; left:4%; right:4%; height:2px; background:#d9d9d9; content:"";} */
+.timeline_list li {position:relative;width:calc(100% / 6);text-align:center;}
+.timeline_list li:not(:last-child)::after {position:absolute;content:"▶";top:13px;right:-10px;font-size:12px;color:#d9d9d9;}
+.timeline_list li.active::after {color:#33a6e8;}
+.timeline_list .year {position:relative;display:flex;width:80%;height:42px;margin:0 auto;padding:4px 0 0 0;font-family:var(--secondary-title-font);font-size:20px;font-weight:500;border:1px solid #d9d9d9;border-radius:30px;background:#fff;align-items:center;justify-content:center;z-index:2;}
+.timeline_list .active .year {border:2px solid #33a6e8; color:#33a6e8;}
+.timeline_list .line {position:absolute;width:2px;height:calc(100% - 70px);background:#cfcfcf;left:20%;}
+
+.timeline_list .active .line {background:#33a6e8;}
+.timeline_list .active .line::after {border-color:#33a6e8;}
+.timeline_list .content {margin:20px 0 0 0;}
+.timeline_list .content strong {position:relative;display:block;width:calc(80% - 20px);font-size:20px;font-weight:400;color:#222;text-align:left;margin:0 0 16px auto;}
+.timeline_list .content strong b{font-weight:700;}
+.timeline_list .content strong::after{position:absolute;content:"";width:10px;height:10px;border:2px solid #cfcfcf;border-radius:50%;background:#fff;left:-24px;top:10px;}
+.timeline_list .active .content strong{color:#33a6e8;}
+.timeline_list .active .content strong::after{border:2px solid #33a6e8;}
+.timeline_list .content span {display:block;font-size:16px;font-weight:400;color:#666;}
+.timeline_list .content .point {font-weight:600; color:#33a6e8;}
+
+.box_wrap.border.accent .title{position:relative;display:block;width:50%;min-height:44px;margin:40px auto 0;padding:12px 0 0 0;background:#fff;border:1px solid var(--accent-color);border-radius:50px;font-family:var(--secondary-title-font);font-size:16px;font-weight:bold;color:var(--accent-color);text-align:center;z-index:2;}
+.box_wrap.border.accent .box{display:flex;width:100%;background:#fff;border:1px solid var(--accent-color);border-radius:8px;padding:40px 40px;margin:-24px auto 0 auto;gap:20px;}
+
+/* 퇴행성 뇌질환 */
+.brain_health .figure_content{margin:80px 0 0 0;}
+.brain_health .box_wrap.border.accent p{font-size:18px;}
+.brain_health .box_wrap.border.accent img{margin:30px auto 0;}
+.brain_health .box_wrap.border.accent .box_text.white{width:100%;min-height:50px;margin:20px 0 40px 0;padding:11px 20px;border-radius:100px;font-size:18px;background:#fff;text-align:center;}
+.brain_health .box_wrap.border.accent b{margin:0 0 0 4px;color:var(--accent-color);font-weight:bold;}
+.brain_health .box_small.white{display:flex;flex-direction:column;gap:30px;}
+.brain_health .box_small.white li{display:flex;width:100%;background:#fff;padding:56px 28px;border-radius:8px;gap:30px;justify-content:center;align-items:center;}
+.brain_health .box_small.white i{display:inline-block;width:108px;height:108px;background:var(--accent-light-color);border-radius:100%;}
+.brain_health .box_small.white li:first-child i{background-image:url(/publish/usr/images/pipeline/brain_health_icon01.png);}
+.brain_health .box_small.white li:nth-child(2) i{background-image:url(/publish/usr/images/pipeline/brain_health_icon02.png);}
+.brain_health .box_small.white p{width:calc(90% - 138px);font-size:18px;}
+.brain_health .box_small.white small{display:block;font-size:14px;font-weight:700;color:var(--accent-color);}
+.brain_health .box_small.white b{color:var(--accent-color);font-weight:700;}
+.brain_health .dl_wrap dd{margin:20px 0 0 0;padding:0 70px;}
+.brain_health .timeline_list li:first-child .line{height:calc(100% - 94px);}
+.brain_health .legend_content{align-items:stretch;margin:0 auto;}
+.brain_health .legend_content .box{display:flex;margin:0;padding:0 120px;flex-direction:column;gap:30px;}
+.brain_health .legend_content img{mix-blend-mode:darken;}
+.brain_health .legend_content .legend_list{display:flex;margin:20px 0 0 0;font-style:18px;font-weight:500;flex-direction:column;gap:8px;}
+.brain_health .legend_content .legend{display:inline-block;width:16px;height:16px;margin:-2.5px 6px 0 0;border-radius:100%;vertical-align:middle;}
+.brain_health .legend_content .legend.orange{background:linear-gradient(180deg, #FF8A3A 0%, #E45D00 100%);}
+.brain_health .legend_content .legend.blue{background:linear-gradient(180deg, #3B5BB0 0%, #19264A 100%);}
+
+/* 피부질환 */
+.skin .dl_wrap dl:first-child{width:70%;}
+.skin .dl_wrap dl:first-child dd{padding:40px 37px 51px 37px;}
+.skin .dl_wrap .box_wrap{display:flex;gap:37px;}
+.skin .dl_wrap .box_wrap li{display:flex;width:calc(100%/3);font-size:18px;font-weight:500;text-align:center;padding:37px 31px;background:#fff;border-radius:8px;flex-direction:column;gap:28px;}
+.skin .dl_wrap .box_wrap li b{color:var(--accent-color);font-weight:bold;}
+.skin .dl_wrap i{width:152px;height:152px;margin:0 auto;background:#ebf6fa;border-radius:100%;overflow:hidden;}
+.skin .dl_wrap li:nth-child(1) i{background-image:url(/publish/usr/images/pipeline/skin_icon01.png);}
+.skin .dl_wrap li:nth-child(2) i{background-image:url(/publish/usr/images/pipeline/skin_icon02.png);}
+.skin .dl_wrap li:nth-child(3) i{background-image:url(/publish/usr/images/pipeline/skin_icon03.png);}
+.skin .dl_wrap dl:last-child{width:30%;}
+.skin .dl_wrap dl:last-child img{margin:-10px 0 0 -10px;}
+
+.skin .tech_content{width:100%;align-items:stretch;gap:30px;}
+.skin .tech_content .box{width:60%;padding:40px 20px;gap:20px;}
+.skin .tech_content .box .box_wrap{width:calc(100% - 280px);}
+.skin .tech_content .box .box_wrap .title{width:90%;padding:8px 0 0 0;margin:12px auto 0;}
+.skin .tech_content .box .box_wrap li:nth-child(n+3) .title{width:100%;}
+.skin .tech_content .box .box_wrap .box{padding:40px 40px 20px 40px;}
+.skin .tech_content .number{display:inline-flex;width:28px;height:28px;padding:2px 0 0 0;margin:0 4px 0 0;background:var(--accent-color);color:#fff;border-radius:100%;justify-content:center;align-items:center;vertical-align:middle;}
+.skin .tech_content .box_wrap{width:40%;}
+
+.skin .purple .title{position:relative;display:flex;width:80%;height:44px;padding:4px 0 0 0;margin:0 auto;font-family:var(--secondary-title-font);font-size:16px;font-weight:bold;color:#5f48b0;background:#fff;border:1px solid #5f48b0;border-radius:50px;justify-content:center;align-items:center;}
+.skin .purple .box{width:100%;height:calc(100% - 80px);padding:40px 33px 20px 33px;margin:-25px 0 0 0;background:#fff;border:1px solid #5f48b0;border-radius:35px;flex-direction:column;gap:30px;justify-content:flex-start;}
+.skin .purple .box .figure_desc{gap:12px;margin:20px 0 0 0;}
+.skin .purple .box .figure_desc li{font-size:18px;}
+
+.hts_system dt{display:flex;height:80px;font-size:24px;align-items:center;justify-content:center;}
+.hts_system table{table-layout:fixed;width:calc(100% + 24px);border-spacing:12px;border-collapse:separate;margin:0 0 0 -12px;}
+.hts_system thead th{font-family:var(--primary-title-font);font-size:20px;font-weight:500;padding:10px 0;background:#AFBCDF;border-radius:8px;word-break:break-all;}
+.hts_system thead th img{margin:0 auto;}
+
+.hts_system tr>th,.hts_system tr>td{height:84px;padding:10px 0;border-radius:8px;font-size:20px;font-weight:500;line-height:1.2;text-align:center;word-break:break-all;}
+.hts_system tbody th{background:#f4f4f4;}
+.hts_system tbody td{position:relative;background:#fff;}
+
+.hts_system .blue{background:#deebf7;}
+.hts_system .orange{background:#FBE5D6;}
+.hts_system .gray{background:#F2F2F2;}
+.hts_system .green{background:#DEE8DB;}
+
+.hts_system .legend{display:flex;font-size:18px;font-weight:500;margin:10px 0 0 0;align-items:center;gap:20px;justify-content:center;}
+.hts_system .legend i{display:inline-block;width:12px;height:12px;margin:0 6px 0 0;border-radius:100%;}
+
+/* Health Food */
+.food .table_wrap tbody tr>td{font-size:16px;}
+.food .dl_wrap.accent{margin:60px 0;}
+.food .dl_wrap.accent dd{display:flex;font-size:18px;padding:40px 0;flex-direction:column;}
+.food .dl_wrap.accent dd b{color:var(--primary-color);}
+
+.food .box_wrap.blue.fill{text-align:center;}
+.food .box_wrap.blue.fill .title{display:inline-block;height:56px;padding:13px 80px;margin:0 auto;border-radius:60px;background:var(--secondary-color);font-size:20px;font-weight:bold;color:#fff;text-align:center;}
+.food .box_wrap.blue.fill .box{margin:-30px 0 0 0;}
+.food .box_wrap.blue.fill img{margin:0 auto;}
+.food .industry_content dl{width:100%;}
+.food .industry_content dt{background:var(--accent-color);color:#fff;}
+.food .industry_content .box_title{display:inline-block;height:54px;padding:8px 80px;margin:0 0 40px 0;border-radius:60px;background:#e9edf8;font-family:var(--secondary-title-font);font-size:28px;font-weight:bold;color:var(--secondary-color);}
+.food .industry_content .box_wrap{display:flex;gap:33px;align-items:center;justify-content:center;}
+.food .industry_content .box_wrap>img{max-width:544px;width:35%;}
+.food .industry_content .boxs{display:flex;width:20%;flex-direction:column;gap:27px;}
+
+.food .industry_content .boxs .title{position:relative;display:block;width:80%;height:34px;margin:0 auto;padding:5px 0 0 0;background:#fff;border:1px solid var(--accent-color);border-radius:50px;font-size:16px;font-weight:bold;color:var(--accent-color);text-align:center;z-index:2;}
+.food .industry_content .boxs .box{display:flex;width:100%;font-size:14px;font-weight:500;text-align:center;background:#fff;border:1px solid var(--accent-color);border-radius:8px;padding:33px 30px 16px;margin:-24px auto 0 auto;gap:20px;}
+.food .industry_content .box{display:flex;width:35%;padding:40px 36px 39px 39px;font-size:14px;border:1px solid var(--secondary-color);border-radius:8px;background:#fff;gap:20px;}
+.food .industry_content .icon_area{display:flex;width:180px;flex-wrap:wrap;gap:43px 12px;}
+.food .industry_content .icon_area li{width:calc((100%/2) - 24px);text-align:center;}
+.food .industry_content .icon_area i{display:block;width:60px;height:60px;background:#e9edf8;border-radius:100%;margin:0 auto 6px auto;}
+.food .industry_content li:nth-child(1) i{background-image:url(/publish/usr/images/pipeline/food_icon01.png);}
+.food .industry_content li:nth-child(2) i{background-image:url(/publish/usr/images/pipeline/food_icon02.png);}
+.food .industry_content li:nth-child(3) i{background-image:url(/publish/usr/images/pipeline/food_icon03.png);}
+.food .industry_content li:nth-child(4) i{background-image:url(/publish/usr/images/pipeline/food_icon04.png);}
+.food .industry_content li:nth-child(5) i{background-image:url(/publish/usr/images/pipeline/food_icon05.png);}
+.food .industry_content li:nth-child(6) i{background-image:url(/publish/usr/images/pipeline/food_icon06.png);}
+.food .industry_content .text_area{display:flex;width:calc(100% - 220px);flex-direction:column;gap:22px;}
+.food .industry_content .text_area li{display:flex;height:calc(100%/3);padding:16px 19px;border-radius:8px;background:#e9edf8;align-items:flex-start;flex-direction:column;justify-content:center;}
+.food .industry_content .text_area strong{font-size:16px;font-weight:700;color:var(--secondary-color);}
+.food .industry_content .text_area p{font-size:14px;font-weight:500;color:#222;}
+.food .industry_content .text_area p b{font-weight:700;color:#222;}
+
+.food .info_content{flex-wrap:wrap;gap:68px 32px;}
+.food .info_content dl{width:calc((100%/4) - 24px);}
+.food .info_content dd{border:1px solid var(--accent-color);background:#F5FAFC;}
+
+.food .info_content .top_dl dd{padding:10px 0;}
+.food .info_content .top_dl.blue dt{background:var(--secondary-color);}
+.food .info_content .top_dl.blue dd{border:1px solid var(--secondary-color);background:#F6F9FF;padding:40px 0;}
+.food .info_content .top_dl.purple dt{background:var(--primary-color);}
+.food .info_content .top_dl.purple dd{border:1px solid var(--primary-color);background:#F7F5FB;}
+
+.food .info_content .top_dl ul{display:flex;width:100%;padding:0 20px;flex-direction:column;gap:12px;}
+.food .info_content .top_dl li{display:flex;padding:0 0 38px 0;flex-direction:column;gap:8px;background:url(/publish/usr/images/component/icon_stage_skyblue.png) no-repeat center bottom;}
+.food .info_content .top_dl.blue li{background:url(/publish/usr/images/component/icon_stage_blue.png) no-repeat center bottom;}
+.food .info_content .top_dl.purple li{background:url(/publish/usr/images/component/icon_stage_purple.png) no-repeat center bottom;}
+.food .info_content .top_dl li:last-child{background:none;padding:0;}
+.food .info_content .top_dl .title.border{display:flex;min-height:36px;padding:11px 40px;font-family:var(--secondary-title-font);font-size:16px;font-weight:bold;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:8px;background:#fff;justify-content:center;align-items:center;text-align:center;}
+.food .info_content .top_dl .title.border+.box_wrap .box{height:80px;}
+.food .info_content .top_dl .box_wrap{display:flex;width:100%;gap:8px;}
+.food .info_content .top_dl .box_wrap .box{display:flex;width:calc(100%/3);min-height:62px;font-size:14px;font-weight:500;color:#222;text-align:center;background:#DEE4EB;border-radius:8px;justify-content:center;align-items:center;}
+.food .info_content .top_dl .stage_ul .box{display:flex;width:100%;min-height:62px;font-size:14px;font-weight:700;color:#222;text-align:center;background:#DEE4EB;border-radius:8px;justify-content:center;align-items:center;}
+
+.food .info_content dl:not(.top_dl) dt{position:relative;display:flex;width:80%;padding:12px 0;margin:0 auto;font-size:16px;font-family: var(--secondary-title-font);justify-content:center;align-items:center;z-index:1;}
+.food .info_content.dl_wrap.fill.accent .box_white{height:100%;padding:24px 0 10px 0;margin:-29px 0 20px 0;background:#fff;}
+
+.food .info_content .purple dt{background:var(--primary-color);}
+.food .info_content .purple dd{border:1px solid var(--primary-color);}
+.food .info_content .blue dt{background:var(--secondary-color);}
+.food .info_content .blue dd{border:1px solid var(--secondary-color);}
+
+.food .info_content .check_ul{display:flex;flex-direction:column;gap:8px;}
+.food .info_content .check_ul li{display:block;padding:0 0 0 24px;font-size:18px;font-weight:500;color:#222;text-align:left;background:url(/publish/usr/images/component/icon_check_li.png) no-repeat left center;}
+
+/* cosmeceuticals */
+.cosme .table_wrap tbody th,.cosme .table_wrap td{font-size:16px;}
+.cosme .table_wrap tbody .orange{color:#ff8a3a;}
+.cosme .table_wrap tbody .blue{color:#3b5bb0;}
+.cosme .table_wrap tbody b{display:block;line-height:2;}
+
+.cosme table ul li{height:58px;}
+.cosme .graph{top:71%;}
+.cosme .graph.orange{top:24px;}
+.cosme .graph.orange.only{top:50%;}
+.cosme .graph span{height:15px;}
+.cosme .graph span::after,.cosme .graph.orange span::after{width:35px;height:26px;background-size:contain;right:-23px;}
+
+.cosme .graph1 span{width:calc((100% / 6)*1 - 25px);}
+.cosme .graph2 span{width:calc((100% / 6)*2 - 25px);}
+.cosme .graph3 span{width:calc((100% / 6)*3 - 25px);}
+.cosme .graph4 span{width:calc((100% / 6)*4 - 25px);}
+.cosme .graph5 span{width:calc((100% / 6)*5 - 25px);}
+
+.cosme .dl_wrap dd{height:100%;flex-direction:column;padding:0 22px;}
+.cosme .dl_wrap .top_area{display:flex;width:100%;height:50px;background:#fff;border-radius:60px;justify-content:center;align-items:center;}
+.cosme .dl_wrap .top_area li{position:relative;width:50%;font-size:18px;font-weight:bold;text-align:center;}
+.cosme .dl_wrap .top_area li::after{position:absolute;content:"";width:1px;height:25px;background:#d9d9d9;right:0;top:2px;}
+.cosme .dl_wrap .top_area li:last-child::after{display:none;}
+
+.cosme .stage_ul{display:flex;width:100%;margin:17px 0 0 0;text-align:center;gap:92px;background:url(/publish/usr/images/pipeline/cosmeceuticals_icon06.png) no-repeat center;}
+.cosme .stage_ul>li{width:50%;padding:26px 0;border-radius:8px;background:#fff;}
+.cosme .stage_ul>li:first-child{border:1px solid #EE4758;}
+.cosme .stage_ul>li:last-child{border:1px solid #3b5bb0;}
+.cosme .stage_ul>li img{margin:20px auto;}
+.cosme .stage_ul .title{font-size:18px;font-weight:bold;}
+.cosme .stage_ul li:first-child .title,.cosme .stage_ul li:first-child li:last-child{color:#EE4758;}
+.cosme .stage_ul li:last-child .title,.cosme .stage_ul li:last-child li:last-child{color:#3b5bb0;}
+.cosme .stage_ul .depth_stage{display:flex;font-size:16px;font-weight:400;flex-direction:column;}
+.cosme .stage_ul .depth_stage li{padding:0 0 28px 0;}
+.cosme .stage_ul .depth_stage li:last-child{padding:0;background:none !important;font-size:19px;font-weight:bold;}
+.cosme .stage_ul li:first-child .depth_stage li{background:url(/publish/usr/images/pipeline/cosmeceuticals_icon04.png) no-repeat center calc(100% - 8px);}
+.cosme .stage_ul li:last-child .depth_stage li{background:url(/publish/usr/images/pipeline/cosmeceuticals_icon05.png) no-repeat center calc(100% - 8px);}
+
+.cosme .box_white{display:flex;margin:30px 0 0 0;gap:20px;}
+.cosme .box_white li{display:flex;width:calc(100%/3);padding:30px 18px;font-size:16px;font-weight:600;text-align:center;background:#fff;border-radius:8px;gap:20px;flex-direction:column;justify-content:center;align-items:center;word-break:keep-all;}
+.cosme .box_white i{display:inline-block;width:80px;height:80px;background:#e9edf8;border-radius:100%;}
+.cosme .box_white li:nth-child(1) i{background-image:url(/publish/usr/images/pipeline/cosmeceuticals_icon01.png);}
+.cosme .box_white li:nth-child(2) i{background-image:url(/publish/usr/images/pipeline/cosmeceuticals_icon02.png);}
+.cosme .box_white li:nth-child(3) i{background-image:url(/publish/usr/images/pipeline/cosmeceuticals_icon03.png);}
+
+.cosme dl:nth-child(2) dd{gap:40px;}
+.cosme dl:nth-child(2) dd strong{font-family:var(--secondary-title-font);font-size:20px;font-weight:bold;}
+.cosme .box:last-child{margin:90px 0 0 0;padding:30px;}
+.cosme .box:last-child img{margin:0 auto;mix-blend-mode:darken;}
+
+/* AI-assisted Organelle homeostasis */
+.ai .con_title .title b{color:var(--primary-color);}
+.ai .box_wrap{text-align:center;}
+.ai .box_wrap .title{display:inline-block;min-width:420px;height:50px;margin:0 auto;padding:8px 40px;font-family:var(--secondary-title-font);font-size:20px;font-weight:bold;color:#fff;background:var(--primary-color);border-radius:100px;;}
+.ai .box_wrap .box{background:#fff;margin:-25px 0 60px 0;}
+.ai .box_wrap .box img{width:100%; text-align:center;margin:0 auto;}
+.ai .box_wrap.border.purple .box{border:1px solid var(--primary-color);border-radius:8px;;}
+
+
+/* autophagy */
+.step_ul{display:flex;width:100%;align-items:center;gap:12px;}
+.step_ul li:not(.next){display:flex;width:calc(100%/6);min-height:91px;font-size:20px;font-weight:500;text-align:center;padding:0 10px;background:#f2f4f6;border-radius:20px;justify-content:center;align-items:center;box-sizing:border-box;}
+
+.autophagy .box:nth-child(2){margin:0;}
+
+.achievement .table_type_cols tr{cursor:auto;}
+
+/* ==================================================
+     Community
+  ================================================== */
+.length_wrap .textarea{height:100px;}
+
+@media (max-width: 1400px){
+
+  /* ==================================================
+    공통레이아웃
+ ================================================== */
+ .sub_visual_nav{width:80%;}
+
+ /* ==================================================
+    Company
+ ================================================== */
+
+ /* 설립배경 */
+ .overview .card li{width:calc((100% / 4) - 60px);}
+ .overview .circles{padding:0;}
+ .overview tr>th, .overview tr>td{font-size:16px;}
+ .overview .box dt{height:40px;font-size:17px;padding:4px 0 0 0;}
+ .overview .box dd{min-height:110px;font-size:16px;padding:40px 30px 32px 30px;}
+
+ /* 오시는 길 */
+  .location_area{width:660px;}
+
+ /* 퇴행성 뇌질환 */
+ .brain_health .table_wrap{overflow-x:auto;}
+ .brain_health .table_wrap table{min-width:1440px;}
+ .brain_health tr>th, .brain_health tr>td{font-size:16px;}
+ .brain_health .dl_wrap dd{padding:0 20px;}
+
+ /* 피부질환 */
+ .skin .tech_content{width:100%;flex-direction:column;}
+ .skin .tech_content .box{width:100%;}
+ .skin .dl_wrap .box_wrap{gap:14px;}
+ .skin .dl_wrap .box_wrap li{gap:14px;}
+ .skin .dl_wrap dl:last-child img{width:calc(100% - 60px);}
+ 
+
+
+
+}
+
+@media (max-width: 1280px){
+
+   /* ==================================================
+    공통레이아웃
+ ================================================== */
+ .sub_title{font-size:40px;}
+ .sub_visual{height:480px;}
+ .sub_visual_nav{width:65%;}
+ .sub_visual_nav .snb_wrap{width:calc(100% - 66px);}
+ .con_title{margin:80px 0 16px 0;}
+ .con_title .title{font-size:28px;}
+ .con_title .summary{font-size:20px;}
+
+ .platform_tech .sub_visual{background-position:75% center;}
+
+ /* ==================================================
+    Company
+ ================================================== */
+
+ /* 설립배경 */
+ .overview .card{flex-wrap:wrap;}
+ .overview .card li{width:calc((100% / 2) - 60px);height:485px;}
+ .overview .card li:nth-child(1),.overview .card li:nth-child(2),.overview .card li:nth-child(3),.overview .card li:nth-child(4){background-size:cover;}
+
+ .overview .circles, .overview .circles .left{flex-direction:column;}
+ .overview .circles{gap:120px;}
+ .overview .circles::after{width:1px;height:45%;right:50%;bottom:0;transform:translateX(-50%);}
+ .overview .circles .left::after{left:50%;bottom:-8px;top:auto;transform:translateX(-50%);}
+ .overview .circles .right::after{left:50%;top:-8px;transform:translateX(-50%);}
+ .overview .circle.line:last-child{margin:-60px 0 0 0;}
+ .overview .circle.line:first-child::after{bottom:10px;right:45%;transform:translateX(-50%);}
+
+ .overview .table_wrap{overflow-x:auto;}
+ .overview .table_wrap table{min-width:1400px;padding:0 0 0 10px;}
+ .overview .box_wrap{flex-wrap:wrap;flex-direction:column;gap:20px;}
+ .overview .box dt{height:50px;font-size:20px;padding:6px 0 0 0;}
+ .overview .box dd{font-size:18px;padding:47px 30px 32px 30px;}
+
+ /* 오시는 길 */
+ .location_list>li{flex-wrap:wrap;gap:30px}
+ .location_area{width:100%;}
+ .location_list .info{width:100%;}
+ .location_list .boxs{flex-direction:row;}
+ .location_list .boxs li{width:50%;}
+ .location_list .boxs li:only-child{width:100%;}
+
+ 
+ /* 연혁 */
+ .history_area{flex-direction:column;}
+ .history_year{display:none;}
+ .month_ul{position:relative;width:90%;padding:100px 0 0 0;margin:0 auto;}
+ .month_ul::after{position:absolute;content:"";width:100%;height:70px;top:0;font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;}
+ .month_ul:last-child{margin:160px auto 0 auto;}
+ #year_2023::after{content:"2023";}
+ #year_2022::after{content:"2022";}
+
+ /* ==================================================
+    Platform Tech
+ ================================================== */
+
+ /* autophagy */
+  .step_ul{flex-wrap:wrap;}
+  .step_ul li:not(.next){width:calc((100%/3) - 40px);}
+  .step_ul li:nth-child(6){display:none;}
+
+  .figure_desc{gap:12px;}
+  .figure_desc li{font-size:20px;}
+
+  .figure_content.column .box{margin:20px 0;}
+
+  .pipeline .table_wrap{width:100%;overflow:auto;}
+  .pipeline table{width:1024px;border-spacing:6px;}
+  .pipeline tr>th, .pipeline tr>td{height:60px;font-size:14px;}
+  .pipeline .graph span{font-size:14px;}
+  .pipeline .graph span::after{background-size:60% auto;right:-38px;}
+  .pipeline .graph.purple span::after,.pipeline .graph.orange span::after{background-size:60% auto;right:-38px;}
+  .pipeline tr:first-child ul li:nth-child(5),.pipeline .purple+ul li:nth-child(4),.pipeline .orange+ul li:nth-child(5){font-size:14px;}
+
+  .pipeline ul li{display:flex;justify-content:center;align-items:center;}
+
+  .pipeline .graph1 span{width:calc((100% / 6) - 20px);}
+  .pipeline .graph2 span{width:calc((100% / 6)*2 - 60px);}
+  .pipeline .graph3 span{width:calc((100% / 6)*3 - 60px);}
+  .pipeline .graph4 span{width:calc((100% / 6)*4 - 60px);}
+  .pipeline .graph5 span{width:calc((100% / 6)*5 - 60px);}
+
+  .hts_system .table_wrap{width:100%;overflow:auto;}
+  .hts_system table{width:1400px;}
+  .hts_system table th,.hts_system table td{font-size:16px;}
+  .hts_system .legend{font-size:16px;margin:26px 0 0 0;}
+
+  .rd .figure_content.column{gap:0;}
+
+  /* ==================================================
+    Pipeline
+ ================================================== */
+
+ /* 퇴행성 뇌질환 */
+ .brain_health .dl_wrap{flex-wrap:wrap;}
+ .brain_health .dl_wrap dl{width:100%;}
+ .brain_health .dl_wrap dl:last-child dd{padding:40px 20px;}
+ .brain_health .box_small.white li{padding:20px}
+
+ .timeline_list{flex-wrap:wrap;gap:40px 0;}
+ .timeline_list li{width:calc(100%/3);}
+ .timeline_list li:nth-child(3)::after{display:none;}
+
+ /* 피부질환 */
+ .skin .tech_content .box_wrap li{flex-wrap:balance;}
+ .skin .tech_content .box_wrap.purple{width:100%;}
+ .skin .tech_content .box_wrap.purple .box{display:flex;margin:-25px 0 0 0;align-items:center;flex-direction:row;justify-content:center;gap:80px;}
+ .skin .purple .box .figure_desc{width:auto;text-align:left;}
+ .skin .purple .box img{width:40%;}
+ .skin .purple .box .figure_desc li{justify-content:flex-start;}
+ .skin .dl_wrap dl:first-child{width:60%;}
+ .skin .dl_wrap dl:last-child{width:40%;}
+
+
+ .skin .dl_wrap .box_wrap{flex-direction:column;}
+ .skin .dl_wrap .box_wrap li{width:100%;flex-direction:row;}
+ .skin .dl_wrap .box_wrap li p{width:calc(100% - 156px);text-align:left;}
+
+ /* food */
+ .food .table_wrap{overflow-x:auto;}
+ .food .table_wrap table{min-width:1440px;}
+ .food .table_wrap td{padding:10px;}
+
+ .food ul li{flex-direction:column;}
+ .food .industry_content .box_wrap{padding:0 30px;}
+ .food .industry_content .boxs{width:30%;}
+ .food .industry_content .box{padding:29px 20px 20px 20px;flex-direction:column;}
+ .food .industry_content .icon_area{width:100%;gap:30px;}
+ .food .industry_content .icon_area li{width:calc((100%/3) - 21px);}
+ .food .industry_content .text_area{width:100%;}
+
+ .food .info_content>dl{width:calc((100% / 2) - 20px);}
+ .food .info_content .top_dl .title.border{width:100%;}
+ .food .info_content .top_dl ul{padding:20px;}
+
+ /* cosmeceuticals */
+ .cosme .table_wrap{overflow-x:auto;}
+ .cosme .table_wrap table{min-width:1440px;}
+ .pipeline .cosme .graph span::after{right:-22px;}
+ .cosme .stage_ul{gap:48px;}
+ .cosme .stage_ul>li{flex-direction:column;padding:26px 10px;}
+ .cosme dl:nth-child(2) dd strong{text-align:center;}
+ .cosme .table_wrap tbody th, .cosme .table_wrap td{font-size:14px;}
+
+
+}
+
+@media (max-width: 1024px){
+   .food .industry_content .box_wrap{flex-wrap:wrap;align-items:stretch;}
+   .food .industry_content .box_wrap .boxs li{height:calc(100% / 3);}
+   .food .industry_content .box_wrap>img{width:100%;}
+   .food .industry_content .box,.food .industry_content .boxs{width:calc((100% - 34px)/2);}
+   .food .industry_content .boxs .box{height:calc(100% - 12px);justify-content:center;}
+
+   /* cosmeceuticals */
+   .cosme .dl_wrap.fill.accent{flex-direction:column;}
+   .cosme .dl_wrap.fill.accent dl{width:100%;}
+   .cosme .dl_wrap.fill.accent dd{padding:20px;}
+   .cosme .stage_ul{gap:96px;}
+}
+
+@media (max-width: 768px){
+
+  /* ==================================================
+    공통레이아웃
+ ================================================== */
+ .sub_visual{height:500px;border-radius:0 0 40px 40px;;}
+ .sub_visual_nav{height:66px;}
+ .sub_visual_nav>a{display:none;}
+ .sub_visual_nav .snb_wrap{width:calc(100% / 2);}
+
+ .con_title .title{font-size:28px;}
+
+
+ /* ==================================================
+    Company
+ ================================================== */
+
+ /* 설립배경 */
+ .overview .txt strong{font-size:40px;line-height:1.4;}
+ .overview .txt strong span{display:block;}
+ .overview .card{gap:20px;}
+ .overview .card li{width:calc((100% / 2) - 20px);height:400px;}
+
+ .figure_content.row{flex-direction:column;gap:20px;}
+ .figure_content.row .box{width:100%;}
+
+ .figure_desc{width:100%;gap:12px;}
+ .figure_desc li{font-size:18px;}
+ .figure_desc.square li{text-indent:26px;background:url(/publish/usr/images/component/list_square.png) no-repeat left 4px;}
+ .figure_desc.circle li{text-indent:26px;background:url(/publish/usr/images/component/list_circle.png) no-repeat left 4px;background-size:auto 20px;}
+
+ /* 조직도 */
+ .org_list{gap:20px}
+ .org_list>li{width:100%;}
+
+ /* 오시는 길 */
+ .location_list .boxs{flex-direction:column;}
+ .location_list .boxs li{width:100%;}
+ 
+ /* 연혁 */
+ .month_ul{padding:80px 0 0 0;}
+ .month_ul::after{font-size:36px;}
+
+ .month_ul .month{width:60px;font-size:20px;}
+ .month_ul dl{padding:20px 0;gap:20px;}
+ .month_ul dt{padding:2px 0 0 0;}
+ .month_ul dd p:nth-child(n+2){margin:18px 0 0 0;}
+ .month_ul strong{font-size:18px;}
+ .month_ul .summary{font-size:16px;}
+
+ /* ==================================================
+    Platform Tech
+ ================================================== */
+  .dl_wrap{flex-direction:column;gap:60px;}
+  .dl_wrap dl{width:100%;}
+  .dl_wrap dd{margin:20px 0 0 0;;}
+
+  /* ==================================================
+    Pipeline
+ ================================================== */
+
+ .timeline_list li{width:calc(100%/2);}
+ .timeline_list li:nth-child(2n)::after{display:none;}
+ .timeline_list li:nth-child(3)::after{display:block;}
+ .timeline_list .content strong{font-size:16px;}
+
+ .brain_health .legend_content .box{padding:40px 20px;}
+
+ /* 피부질환 */
+ .skin .dl_wrap{flex-wrap:wrap;}
+ .skin .dl_wrap dl:first-child{width:100%;}
+ .skin .dl_wrap dl:last-child{width:100%;}
+ .skin .dl_wrap dl:last-child img{width:calc(100% - 100px);margin:0;padding:40px 20px;}
+
+ .skin .tech_content .box{flex-direction:column;}
+ .skin .tech_content .box .box_wrap{width:100%;}
+ .skin .tech_content .box_wrap.purple .box{flex-direction:column;}
+ .skin .purple .box .figure_desc{width:100%;}
+ .skin .purple .box img{width:auto;}
+
+ /* food */
+ .food .info_content{gap:40px;}
+ .food .info_content>dl{width:100%;}
+ .food .info_content dl:not(.top_dl) dt br{display:none;}
+ .food .info_content.dl_wrap.fill.accent .box_white{padding:48px 0 30px 0;}
+
+ .ai .box_wrap .box{padding:40px 0 0 0;}
+
+}
+
+@media (max-width: 640px){
+
+
+  /* ==================================================
+    공통레이아웃
+ ================================================== */
+ .sub_visual_nav .snb_wrap{max-width:100%;}
+ .sub_visual_nav .snb_wrap:not(:last-child){display:none;}
+ .content_title h3{font-size:32px;}
+ .con_title .title{font-size:20px;}
+ 
+ .sub_title{font-size:28px;text-align:center;}
+ .box{border-radius:8px;margin:40px 0 0 0;}
+
+
+ /* ==================================================
+    Company
+ ================================================== */
+
+ /* 설립배경 */
+ .overview .txt strong{font-size:28px;}
+ .overview .txt p{font-size:18px;margin:8px 0 0 0;}
+ .overview .card{gap:36px;padding:90px 0 120px 0;}
+ .overview .card li{width:100%;}
+ .overview .card li:nth-child(2n){transform:none;;}
+ .overview .card .title br{display:none;}
+
+ .overview .circles{padding:0;margin:40px 0 80px 0;gap:60px;}
+ .overview .circles::after{height:50%;right:49.5%;}
+ .overview .circle.line{width:200px;height:200px;font-size:18px;}
+ .overview .circle.line:last-child{margin:-40px 0 0 0;}
+ .overview .circle.line:first-child::after{height:20px;font-size:24px;bottom:14px;right:40%;}
+ .overview .circle.fill{width:260px;height:260px;font-size:20px;;}
+ .overview .circle.fill::after{width:calc(100% + 20px);height:calc(100% + 20px);left:-10px;top:-10px;background-size:100% auto;}
+ .overview .circles .left::after, .overview .circles .right::after{width:12px;height:12px;}
+ .overview .circles .left::after{bottom:-5px;}
+ 
+ /* 오시는 길 */
+ .location_list .title{font-size:20px;margin:0 0 10px 0;gap:8px;}
+ .location_list .info p{font-size:16px;}
+ .location_list .btn_map,.location_list .boxs li{height:60px;font-size:16px;}
+ .location_list .location{width:22px;height:22px;background-size:contain;}
+
+ /* ==================================================
+    Platform Tech
+ ================================================== */
+
+ /* autophagy */
+  .step_ul{flex-direction:column;}
+  .step_ul li:not(.next){width:100%;}
+  .step_ul li.next img{transform:rotate(90deg);}
+  .step_ul li:nth-child(6){display:block;}
+
+  /* food */
+  .food .industry_content .box, .food .industry_content .boxs{width:100%;}
+
+  /* cosmeceuticals */
+  .cosme .stage_ul{background:url(/publish/usr/images/pipeline/cosmeceuticals_icon07.png) no-repeat center; flex-direction:column;}
+  .cosme .stage_ul li{width:100%;}
+  .cosme .box_white{flex-direction:column;}
+  .cosme .box_white li{width:100%;flex-direction:row;text-align:left;}
+  .cosme .box_white li p{width:calc(100% - 100px);}
+}
+
+@media (max-width: 500px){
+   
+ /* ==================================================
+   Company
+================================================== */
+
+/* 연혁 */
+ .month_ul dl{flex-direction:column;gap:12px;}
+ .month_ul dd{width:100%;}
 }

70bac98

1aeaed5

src/main/webapp/publish/usr/guide/guide.html

--- src/main/webapp/publish/usr/guide/guide.html

+++ src/main/webapp/publish/usr/guide/guide.html


-<!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&amp;D</td>
-          <td><a href="../major_result/rd.html" target="_blank" title="새창 열림">R&amp;D</a></td>
-          <td>/major_result/rd.html</td>
-          <td class="done">완료</td>
-          <td>-</td>
-        </tr>
-
-      </tbody>
-    </table>
-
-    <!-- BUTTON -->
-  <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>
-
-  <!-- INPUT -->
-  <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>
-
-  <!-- RADIO / CHECKBOX -->
-  <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>
-
-  <!-- STATUS -->
-  <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>
-
-  <!-- PAGINATION -->
-  <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>
-
+<!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)/4);">
+        <col style="width:calc((70% - 300px)/4);">
+        <col style="width:calc((70% - 300px)/4);">
+        <col style="width:calc((70% - 300px)/4);">
+        <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">3Depth</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></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></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></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></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></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></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 Technologies</td>
+          <td>Selective Autophagy</td>
+          <td></td>
+          <td><a href="../platform-tech/autophagy/selective-autophagy.html" target="_blank" title="새창 열림">Selective Autophagy</a></td>
+          <td>/platform-tech/autophagy/selective-autophagy.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Selective Autophagy</td>
+          <td>Mitophagy</td>
+          <td><a href="../platform-tech/autophagy/mitophagy.html" target="_blank" title="새창 열림">Mitophagy</a></td>
+          <td>/platform-tech/autophagy/mitophagy.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Selective Autophagy</td>
+          <td>Pexophagy</td>
+          <td><a href="../platform-tech/autophagy/pexophagy.html" target="_blank" title="새창 열림">Pexophagy</a></td>
+          <td>/platform-tech/autophagy/pexophagy.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Selective Autophagy</td>
+          <td>Melanophagy</td>
+          <td><a href="../platform-tech/autophagy/melanophagy.html" target="_blank" title="새창 열림">Melanophagy</a></td>
+          <td>/platform-tech/autophagy/melanophagy.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Selective Autophagy</td>
+          <td>Erphagy</td>
+          <td><a href="../platform-tech/autophagy/erphagy.html" target="_blank" title="새창 열림">Erphagy</a></td>
+          <td>/platform-tech/autophagy/erphagy.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Selective Autophagy</td>
+          <td>Lysophagy</td>
+          <td><a href="../platform-tech/autophagy/lysophagy.html" target="_blank" title="새창 열림">Lysophagy</a></td>
+          <td>/platform-tech/autophagy/lysophagy.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Selective Autophagy</td>
+          <td>Golgiphagy</td>
+          <td><a href="../platform-tech/autophagy/golgiphagy.html" target="_blank" title="새창 열림">Golgiphagy</a></td>
+          <td>/platform-tech/autophagy/golgiphagy.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Organelle Homeostasis</td>
+          <td>Ciliogenesis</td>
+          <td><a href="../platform-tech/organelle/ciliogenesis.html" target="_blank" title="새창 열림">Ciliogenesis</a></td>
+          <td>/platform-tech/organelle/ciliogenesis.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Organelle Homeostasis</td>
+          <td>AHR mechanism</td>
+          <td><a href="../platform-tech/organelle/ahr.html" target="_blank" title="새창 열림">AHR mechanism</a></td>
+          <td>/platform-tech/organelle/ahr.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Screening</td>
+          <td>Imaging-based HTS system</td>
+          <td><a href="../platform-tech/screening/hts_system.html" target="_blank" title="새창 열림">Imaging-based HTS system</a></td>
+          <td>/platform-tech/screening/hts_system.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>Screening</td>
+          <td>animal model(초파리 / 제브라피쉬 / 마우스) </td>
+          <td><a href="../platform-tech/screening/animal_model.html" target="_blank" title="새창 열림">animal model(초파리 / 제브라피쉬 / 마우스)</a></td>
+          <td>/platform-tech/screening/animal_model.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Platform Technologies</td>
+          <td>AI co-scientist</td>
+          <td>AI-assisted Organelle homeostasis</td>
+          <td><a href="../platform-tech/ai/ai_organelle.html" target="_blank" title="새창 열림">AI-assisted Organelle homeostasis</a></td>
+          <td>/platform-tech/ai/ai_organelle.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Pipeline</td>
+          <td>New drugs</td>
+          <td>퇴행성 뇌질환</td>
+          <td><a href="../pipeline/new-drugs/pipeline.html" target="_blank" title="새창 열림">퇴행성 뇌질환</a></td>
+          <td>/pipeline/new-drugs/pipeline.html</td>
+          <td class="done">완료</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Pipeline</td>
+          <td>New drugs</td>
+          <td>피부질환</td>
+          <td><a href="../pipeline/new-drugs/skin.html" target="_blank" title="새창 열림">피부질환</a></td>
+          <td>/pipeline/new-drugs/skin.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Pipeline</td>
+          <td>Active Ingredient</td>
+          <td>Health Food</td>
+          <td><a href="../pipeline/active-ingredient/food.html" target="_blank" title="새창 열림">Health Food</a></td>
+          <td>/pipeline/active-ingredient/food.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Pipeline</td>
+          <td>Active Ingredient</td>
+          <td>Cosmetics</td>
+          <td><a href="../pipeline/active-ingredient/cosmetics.html" target="_blank" title="새창 열림">Cosmetics</a></td>
+          <td>/pipeline/active-ingredient/cosmetics.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Achievement</td>
+          <td>Papers</td>
+          <td></td>
+          <td><a href="../achievement/papers.html" target="_blank" title="새창 열림">Papers</a></td>
+          <td>/achievement/papers.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Achievement</td>
+          <td>IP</td>
+          <td></td>
+          <td><a href="../achievement/ip.html" target="_blank" title="새창 열림">Ip</a></td>
+          <td>/achievement/ip.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td>Achievement</td>
+          <td>Award & Contract</td>
+          <td></td>
+          <td><a href="../achievement/award.html" target="_blank" title="새창 열림">Award & Contract</a></td>
+          <td>/achievement/award.html</td>
+          <td class="ing">콘텐츠 대기중</td>
+          <td>-</td>
+        </tr>
+
+      </tbody>
+    </table>
+
+    <!-- BUTTON -->
+  <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>
+
+  <!-- INPUT -->
+  <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>
+
+  <!-- RADIO / CHECKBOX -->
+  <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>
+
+  <!-- STATUS -->
+  <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>
+
+  <!-- PAGINATION -->
+  <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>

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_04.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_04.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_05.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_05.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_06.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_06.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_07.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_07.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_08.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_08.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_09.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_09.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_10.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_10.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_11.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_11.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/background_img_12.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/background_img_12.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/mail_banner_bg.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/mail_banner_bg.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/company/mail_banner_icon.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/company/mail_banner_icon.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/component/icon_check_li.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/icon_check_li.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/component/icon_stage_blue.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/icon_stage_blue.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/component/icon_stage_purple.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/icon_stage_purple.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/component/icon_stage_skyblue.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/icon_stage_skyblue.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/component/paper_square.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/paper_square.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/brain_health_icon01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/brain_health_icon01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/brain_health_icon02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/brain_health_icon02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/brain_health_img01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/brain_health_img01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/brain_health_img02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/brain_health_img02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/brain_health_img03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/brain_health_img03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/brain_health_img04.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/brain_health_img04.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon04.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon04.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon05.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon05.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon06.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon06.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon07.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_icon07.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img04.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img04.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img05.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img05.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img06.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img06.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img07.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/cosmeceuticals_img07.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_icon01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_icon01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_icon02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_icon02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_icon03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_icon03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_icon04.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_icon04.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_icon05.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_icon05.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_icon06.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_icon06.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img04.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img04.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img05.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img05.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img06.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img06.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img07.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img07.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img08.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img08.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img09.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img09.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/food_img10.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/food_img10.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_icon01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_icon01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_icon02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_icon02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_icon03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_icon03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_img01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_img01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_img02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_img02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_img03.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_img03.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_img04.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_img04.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/pipeline/skin_img05.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/skin_img05.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/ai_img01.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/ai_img01.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/ai_img02.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/ai_img02.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_1.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_1.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_2.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_2.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_3.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_3.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_4.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/ciliogenesis_paper_4.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_1.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_1.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_2.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_2.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_3.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_3.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_4.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/melanophagy_paper_4.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_1.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_1.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_2.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_2.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_3.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_3.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_4.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/mitophagy_paper_4.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/other_1.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/other_1.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/other_paper_1.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/other_paper_1.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/other_paper_2.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/other_paper_2.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/pexophagy_paper_1.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/pexophagy_paper_1.png

Binary file is not shown

1aeaed5

src/main/webapp/publish/usr/images/platform-tech/pexophagy_paper_2.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/pexophagy_paper_2.png

Binary file is not shown

70bac98

1aeaed5

src/main/webapp/publish/usr/layout/_header.html

--- src/main/webapp/publish/usr/layout/_header.html

+++ src/main/webapp/publish/usr/layout/_header.html


-<!-- ============== header ============== -->
-<header class="header">
-  <div class="header_container">
-    <div class="inner">
-      <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
-      <nav>
-        <ul class="gnb">
-          <li>
-            <a href="#" class="depth01">COMPANY</a>
-            <div class="depth02_container">
-              <ul class="depth02_ul">
-                <li><a href="../company/overview.html" class="depth02">설립배경</a></li>
-                <li><a href="../company/history.html" class="depth02">연혁</a></li>
-                <li><a href="../company/organiztion.html" class="depth02">조직도</a></li>
-                <li><a href="../company/location.html" class="depth02">오시는길</a></li>
-              </ul>
-            </div>
-          </li>
-          <li>
-            <a href="#" class="depth01">Platform Tech</a>
-            <div class="depth02_container">
-              <ul class="depth02_ul">
-                <li><a href="../platform_tech/background.html" class="depth02">연구배경</a></li>
-                <li><a href="../platform_tech/autophagy.html" class="depth02">Organelle Selective Autophagy </a></li>
-              </ul>
-            </div>
-          </li>
-          <li>
-            <a href="#" class="depth01">Major Result</a>
-            <div class="depth02_container">
-              <ul class="depth02_ul">
-                <li><a href="../major_result/mitophagy.html" class="depth02">Mitophagy</a></li>
-                <li><a href="../major_result/pexophagy.html" class="depth02">Pexophagy</a></li>
-                <li><a href="../major_result/melanophagy.html" class="depth02">Melanophagy</a></li>
-                <li><a href="../major_result/ciliogenesis.html" class="depth02">Ciliogenesis</a></li>
-                <li><a href="../major_result/anticancer.html" class="depth02">Anti Cancer</a></li>
-                <li><a href="../major_result/pipeline.html" class="depth02">Pipeline Summary</a></li>
-                <li><a href="../major_result/rd.html" class="depth02">R&D</a></li>
-              </ul>
-            </div>
-          </li>
-        </ul>
-      </nav>
-      
-      <nav class="mobile_nav">
-        <div class="mobile_nav_top">
-          <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
-          <button type="button" class="btn_close"><i class="icon close"></i></button>
-        </div>
-        <ul class="gnb">
-          <li>
-            <button type="button" class="depth01">Company <i class="icon arrow bottom"></i></button>
-              <ul class="depth02_ul">
-                <li><a href="../company/overview.html" class="depth02">설립배경</a></li>
-                <li><a href="../company/history.html" class="depth02">연혁</a></li>
-                <li><a href="../company/organiztion.html" class="depth02">조직도</a></li>
-                <li><a href="../company/location.html" class="depth02">오시는길</a></li>
-              </ul>
-          </li>
-          <li>
-            <button type="button" class="depth01">Platform Tech <i class="icon arrow bottom"></i></button>
-              <ul class="depth02_ul">
-                <li><a href="../platform_tech/background.html" class="depth02">연구배경</a></li>
-                <li><a href="../platform_tech/autophagy.html" class="depth02">Organelle Selective Autophagy </a></li>
-              </ul>
-          </li>
-          <li>
-            <button type="button" class="depth01">Major Result <i class="icon arrow bottom"></i></button>
-              <ul class="depth02_ul">
-                <li><a href="../major_result/mitophagy.html" class="depth02">Mitophagy</a></li>
-                <li><a href="../major_result/pexophagy.html" class="depth02">Pexophagy</a></li>
-                <li><a href="../major_result/melanophagy.html" class="depth02">Melanophagy</a></li>
-                <li><a href="../major_result/ciliogenesis.html" class="depth02">Ciliogenesis</a></li>
-                <li><a href="../major_result/anticancer.html" class="depth02">Anti Cancer</a></li>
-                <li><a href="../major_result/pipeline.html" class="depth02">Pipeline Summary</a></li>
-                <li><a href="../major_result/rd.html" class="depth02">R&D</a></li>
-              </ul>
-          </li>
-        </ul>
-      </nav>
-
-      <nav class="sitemap">
-        <div class="sitemap_top inner">
-          <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
-          <button type="button" class="btn_close"><i class="icon close"></i></button>
-        </div>
-        <div class="inner">
-          <ul class="sitemenu">
-            <li>
-              <a href="#" class="depth01">Company</a>
-              <ul class="depth02_ul">
-                <li><a href="../company/overview.html" class="depth02">설립배경</a></li>
-                <li><a href="../company/history.html" class="depth02">연혁</a></li>
-                <li><a href="../company/organiztion.html" class="depth02">조직도</a></li>
-                <li><a href="../company/location.html" class="depth02">오시는길</a></li>
-              </ul>
-            </li>
-            <li>
-              <a href="#" class="depth01">Platform Tech</a>
-              <ul class="depth02_ul">
-                <li><a href="../platform_tech/background.html" class="depth02">연구배경</a></li>
-                <li><a href="../platform_tech/autophagy.html" class="depth02">Organelle Selective Autophagy </a></li>
-              </ul>
-            </li>
-            <li>
-              <a href="#" class="depth01">Major Result</a>
-              <ul class="depth02_ul">
-                <li><a href="../major_result/mitophagy.html" class="depth02">Mitophagy</a></li>
-                <li><a href="../major_result/pexophagy.html" class="depth02">Pexophagy</a></li>
-                <li><a href="../major_result/melanophagy.html" class="depth02">Melanophagy</a></li>
-                <li><a href="../major_result/ciliogenesis.html" class="depth02">Ciliogenesis</a></li>
-                <li><a href="../major_result/anticancer.html" class="depth02">Anti Cancer</a></li>
-                <li><a href="../major_result/pipeline.html" class="depth02">Pipeline Summary</a></li>
-                <li><a href="../major_result/rd.html" class="depth02">R&D</a></li>
-              </ul>
-            </li>
-          </ul>
-        </div>
-      </nav>
-      
-      
-      <ul class="header_util">
-        <!-- <li><button type="button" class=""><i></i></button></li> -->
-        <!-- <li><button type="button" class="btn_search" title="전체메뉴 보기"><i></i></button></li> -->
-         <li>
-          <div class="lang_switch">
-            <i class="icon lang"></i>
-            <button type="button" class="active">KOR</button>
-            <button type="button" class="">ENG</button>
-          </div>
-        </li>
-        <li><button type="button" class="btn_sitemap" title="전체메뉴 보기"><i></i></button></li>
-      </ul>
-    </div>
-
-  </div>
-</header>
-<!-- ============== header 끝 ============== -->
+<!-- ============== header ============== -->
+<header class="header">
+  <div class="header_container">
+    <div class="inner">
+      <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
+      <nav>
+        <ul class="gnb">
+          <li>
+            <a href="#" class="depth01">COMPANY</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li><a href="/publish/usr/company/overview.html" class="depth02">설립배경</a></li>
+                <li><a href="/publish/usr/company/history.html" class="depth02">연혁</a></li>
+                <li><a href="/publish/usr/company/organiztion.html" class="depth02">조직도</a></li>
+                <li><a href="/publish/usr/company/location.html" class="depth02">오시는길</a></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Platform Technologies</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li>
+                  <a href="/publish/usr/platform-tech/autophagy/selective-autophagy.html" class="depth02">Selective Autophagy</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/autophagy/mitophagy.html" class="depth03">Mitophagy</a></li>
+                    <li><a href="/publish/usr/platform-tech/autophagy/pexophagy.html" class="depth03">Pexophagy</a></li>
+                    <li><a href="/publish/usr/platform-tech/autophagy/melanophagy.html" class="depth03">Melanophagy</a></li>
+                    <li><a href="/publish/usr/platform-tech/autophagy/other.html" class="depth03">Other Selective autophagy</a></li>
+                    <!-- <li><a href="#" class="depth03">Erphagy(준비중)</a></li>
+                    <li><a href="#" class="depth03">Lysophagy(준비중)</a></li>
+                    <li><a href="#" class="depth03">Golgiphagy(준비중)</a></li> -->
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth02">Organelle Homeostasis</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth03">Ciliogenesis</a></li>
+                    <li><a href="/publish/usr/platform-tech/organelle/ahr.html" class="depth03">AHR mechanism</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth02">Screening</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth03">Imaging-based HTS system</a></li>
+                    <!-- <li><a href="#" class="depth03">animal model</a></li> -->
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/ai/autophagy.html" class="depth02">AI co-scientist</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/ai/ai_organelle.html" class="depth03">AI-assisted Organelle homeostasis</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Pipeline</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li>
+                  <a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth02">New drugs</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/pipeline/new-drugs/brain_health.html" class="depth03">퇴행성 뇌질환</a></li>
+                    <li><a href="/publish/usr/pipeline/new-drugs/skin.html" class="depth03">피부질환</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <!-- <a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth02">Active Ingredient</a> -->
+                  <a href="#" class="depth02">Active Ingredient</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth03">Health Food</a></li>
+                    <li><a href="/publish/usr/pipeline/active-ingredient/cosmetics.html" class="depth03">Cosmetics</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Achievement</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li><a href="/publish/usr/achievement/papers.html" class="depth02">Papers & IP</a></li>
+                <li><a href="#" class="depth02">IR&PR</a></li>
+                
+              </ul>
+            </div>
+          </li>
+        </ul>
+      </nav>
+      
+      <nav class="mobile_nav">
+        <div class="mobile_nav_top">
+          <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
+          <button type="button" class="btn_close"><i class="icon close"></i></button>
+        </div>
+        <ul class="gnb">
+          <li>
+            <a href="#" class="depth01">COMPANY</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li><a href="/publish/usr/company/overview.html" class="depth02">설립배경</a></li>
+                <li><a href="/publish/usr/company/history.html" class="depth02">연혁</a></li>
+                <li><a href="/publish/usr/company/organiztion.html" class="depth02">조직도</a></li>
+                <li><a href="/publish/usr/company/location.html" class="depth02">오시는길</a></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Platform Technologies</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li>
+                  <a href="/publish/usr/platform-tech/autophagy/selective-autophagy.html" class="depth02">Selective Autophagy</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/autophagy/mitophagy.html" class="depth03">Mitophagy</a></li>
+                    <li><a href="/publish/usr/platform-tech/autophagy/pexophagy.html" class="depth03">Pexophagy</a></li>
+                    <li><a href="/publish/usr/platform-tech/autophagy/melanophagy.html" class="depth03">Melanophagy</a></li>
+                    <li><a href="#" class="depth03">Erphagy(준비중)</a></li>
+                    <li><a href="#" class="depth03">Lysophagy(준비중)</a></li>
+                    <li><a href="#" class="depth03">Golgiphagy(준비중)</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth02">Organelle Homeostasis</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth03">Ciliogenesis</a></li>
+                    <li><a href="/publish/usr/platform-tech/organelle/ahr.html" class="depth03">AHR mechanism</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth02">Screening</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth03">Imaging-based HTS system</a></li>
+                    <li><a href="#" class="depth03">animal model</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/ai/autophagy.html" class="depth02">AI co-scientist</a>
+                  <ul class="depth03_ul">
+                    <li><a href="#" class="depth03">AI-assisted Organelle homeostasis</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Pipeline</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li>
+                  <a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth02">New drugs</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth03">퇴행성 뇌질환</a></li>
+                    <li><a href="#" class="depth03">피부질환</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <!-- <a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth02">Active Ingredient</a> -->
+                  <a href="#" class="depth02">Active Ingredient</a>
+                  <ul class="depth03_ul">
+                    <li><a href="#" class="depth03">Health Food</a></li>
+                    <li><a href="#" class="depth03">Cosmetics</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Achievement</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li><a href="/publish/usr/achievement/paper.html" class="depth02">Papers</a></li>
+                <li><a href="#" class="depth02">IP</a></li>
+                <li><a href="#" class="depth02">Award & Contract</a></li>
+              </ul>
+            </div>
+          </li>
+        </ul>
+      </nav>
+
+      <nav class="sitemap">
+        <div class="sitemap_top inner">
+          <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
+          <button type="button" class="btn_close"><i class="icon close"></i></button>
+        </div>
+        <div class="inner">
+          <ul class="sitemenu">
+            <li>
+            <a href="#" class="depth01">COMPANY</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li><a href="/publish/usr/company/overview.html" class="depth02">설립배경</a></li>
+                <li><a href="/publish/usr/company/history.html" class="depth02">연혁</a></li>
+                <li><a href="/publish/usr/company/organiztion.html" class="depth02">조직도</a></li>
+                <li><a href="/publish/usr/company/location.html" class="depth02">오시는길</a></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Platform Technologies</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li>
+                  <a href="/publish/usr/platform-tech/autophagy/selective-autophagy.html" class="depth02">Selective Autophagy</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/autophagy/mitophagy.html" class="depth03">Mitophagy</a></li>
+                    <li><a href="/publish/usr/platform-tech/autophagy/pexophagy.html" class="depth03">Pexophagy</a></li>
+                    <li><a href="/publish/usr/platform-tech/autophagy/melanophagy.html" class="depth03">Melanophagy</a></li>
+                    <li><a href="#" class="depth03">Erphagy(준비중)</a></li>
+                    <li><a href="#" class="depth03">Lysophagy(준비중)</a></li>
+                    <li><a href="#" class="depth03">Golgiphagy(준비중)</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth02">Organelle Homeostasis</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth03">Ciliogenesis</a></li>
+                    <li><a href="/publish/usr/platform-tech/organelle/ahr.html" class="depth03">AHR mechanism</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth02">Screening</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth03">Imaging-based HTS system</a></li>
+                    <li><a href="#" class="depth03">animal model</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <a href="/publish/usr/platform-tech/ai/autophagy.html" class="depth02">AI co-scientist</a>
+                  <ul class="depth03_ul">
+                    <li><a href="#" class="depth03">AI-assisted Organelle homeostasis</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Pipeline</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li>
+                  <a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth02">New drugs</a>
+                  <ul class="depth03_ul">
+                    <li><a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth03">퇴행성 뇌질환</a></li>
+                    <li><a href="#" class="depth03">피부질환</a></li>
+                  </ul>
+                </li>
+                <li>
+                  <!-- <a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth02">Active Ingredient</a> -->
+                  <a href="#" class="depth02">Active Ingredient</a>
+                  <ul class="depth03_ul">
+                    <li><a href="#" class="depth03">Health Food</a></li>
+                    <li><a href="#" class="depth03">Cosmetics</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <a href="#" class="depth01">Achievement</a>
+            <div class="depth02_container">
+              <ul class="depth02_ul">
+                <li><a href="/publish/usr/achievement/paper.html" class="depth02">Papers</a></li>
+                <li><a href="#" class="depth02">IP</a></li>
+                <li><a href="#" class="depth02">Award & Contract</a></li>
+              </ul>
+            </div>
+          </li>
+          </ul>
+        </div>
+      </nav>
+      
+      
+      <ul class="header_util">
+        <!-- <li><button type="button" class=""><i></i></button></li> -->
+        <!-- <li><button type="button" class="btn_search" title="전체메뉴 보기"><i></i></button></li> -->
+         <li>
+          <div class="lang_switch">
+            <i class="icon lang"></i>
+            <button type="button" class="active">KOR</button>
+            <button type="button" class="">ENG</button>
+          </div>
+        </li>
+        <li><button type="button" class="btn_sitemap" title="전체메뉴 보기"><i></i></button></li>
+      </ul>
+    </div>
+
+  </div>
+</header>
+<!-- ============== header 끝 ============== -->

70bac98

1aeaed5

src/main/webapp/publish/usr/layout/layout.css

--- src/main/webapp/publish/usr/layout/layout.css

+++ src/main/webapp/publish/usr/layout/layout.css


-@charset "utf-8";
-
-.wrap{position:relative;width:100%;height:100%;}
-.inner{max-width:1700px;width:100%;height:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
-.container{margin:0;}
-.container.sub .content_wrap{display:inline-block;width:100%;margin:125px 0 80px 0;padding:20px 0 0 0;vertical-align:top;}
-.content_title{margin:0 0 80px 0;}
-.content_title h3{font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;color:var(--primary-title-color);text-align:center;}
-.content_title h3 span{font-family:var(--secondary-title-font);font-weight:500;}
-.breadcrumb{display:flex;font-size:14px;color:#636469;gap:8px;align-items:center;}
-.breadcrumb a{position:relative;display:flex;padding:0 8px;align-items:center;}
-.breadcrumb a::after{position:absolute;width:100%;height:100%;content:"";background:url(../images/component/icon_arrow_right_gray.png) no-repeat right center;right:-12px;top:1px;}
-.breadcrumb .home i{display:flex;width:15px;height:15px;background:url(../images/component/icon_home.png) no-repeat center center;}
-.breadcrumb .current_location{padding:0 0 0 8px;}
-
-/* header */
-.header{position:fixed;width:100%;left:0;top:0;z-index:9; transition:background-color 0.3s ease,box-shadow 0.3s ease;}
-.header_container{position:relative;width:100%;height:120px;}
-.header_container .inner{display:flex;height:100%;justify-content:space-between;align-items:center;}
-.header_container nav,.header_container .gnb{display:flex;height:100%;}
-.header_container .gnb{width:calc(100% - 100px);gap:100px;}
-.header_container .gnb a{display:flex;height:100%;padding:0 10px;font-size:20px;font-weight:bold;color:#fff;letter-spacing:0.5px;align-items:center;justify-content:center;white-space:nowrap;}
-.header_container .gnb .active .depth01{color:var(--primary-color);border-bottom:3px solid var(--primary-color);}
-.header_container .depth02_container{position:absolute;width:100%;border-top:1px solid #eeeff4;top:100%;left:0;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,0.05);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease,transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.4s;}
-.header_container .active .depth02_container{max-height:100vh;opacity:1;visibility:visible;}
-.header_container .depth02_ul{display:flex;max-width:1440px;margin:0 auto;padding:16px 0;gap:30px;justify-content:center;}
-.header_container .depth02_ul>li{width:auto;}
-.header_container .gnb a.depth02{display:flex;width:100%;height:50px;font-size:18px;font-weight:500;color:#222;text-align:center;padding:0 18px;border-radius:8px;justify-content:center;align-items:center;}
-.header_container .gnb a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
-.header_container .depth03_ul{display:flex;margin:8px 0 0 0;flex-direction:column;gap:8px;text-align:center;}
-.header_container .depth03_ul a.depth03{font-size:16px;font-weight:300;}
-.header_container .depth03_ul a.depth03:hover{color:var(--primary-color);}
-
-
-.header_util{display:flex;gap:12px;align-items:center;}
-.header_util button{width:40px;height:40px;}
-.header_util button i{display:inline-block;width:100%;height:100%;}
-
-.lang_switch{display:flex;align-items:center;font-size:16px;color:#fff;}
-.lang_switch button{position:relative;width:auto;padding:0 12px;opacity:0.6;}
-.lang_switch button:first-child{padding:0 12px 0 4px;}
-.lang_switch button::after{position:absolute;content:"";width:1px;height:11px;background:#d5d5d5;right:0;top:15.5px;}
-.lang_switch button:last-child::after{display:none;}
-.lang_switch .active{font-weight:bold;opacity:1;}
-
-.btn_search i{background:url(../images/common/search.png) no-repeat center center;}
-.btn_sitemap i{background:url(../images/common/menu.png) no-repeat center center;}
-
-.header.scrolled,.header.active{background:#fff;box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
-.header.scrolled .gnb a,.header.active .gnb a{color:#222;}
-.header.scrolled .btn_sitemap i,.header.active .btn_sitemap i{background:url(../images/common/menu_scrolled.png) no-repeat center center;}
-.header.scrolled .lang_switch,.header.active .lang_switch{color:#222;}
-
-/* 모바일 메뉴 */
-.mobile_nav {position:fixed;width:100%;height:100%;top:0;right:-100%;background:#fff;transition:right .6s ease;z-index:1000;flex-direction:column;}
-.mobile_nav.active {right:0;}
-.mobile_nav_top {display:flex;width:100%;justify-content:space-between;align-items:center;padding:20px;}
-
-.mobile_nav .gnb{display:block;width:100%;margin:20px 0 80px 0;}
-.mobile_nav .gnb .depth01{display:flex;width:100%;height:80px;padding:0 20px;font-family:var(--secondary-title-font);font-size:28px;font-weight:bold;text-align:left;align-items:center;justify-content:space-between;}
-.mobile_nav .gnb .active .depth01{color:var(--primary-color);}
-.mobile_nav .depth02_ul{display:flex;padding:20px;background:#f2f4f6;flex-direction:column;gap:8px;}
-.mobile_nav .depth02_ul li{width:100%;}
-.mobile_nav a.depth02{border:0;justify-content:flex-start;}
-.mobile_nav .depth03_ul{display:flex;background:#fff;border-radius:8px;padding:12px 24px;margin:8px 0;gap:4px;flex-direction:column;}
-.mobile_nav .depth03_ul:not(:has(li)){display:none;}
-
-
-
-/* footer */
-.footer{position:relative;width:100%;padding:60px 0;margin:80px 0 0 0;background:#222427;border-radius:30px 30px 0 0;box-sizing:border-box;bottom:0;z-index:1;}
-.footer .inner{position:relative;display:flex;margin:0 auto;justify-content:flex-start;align-items:center;gap:32px;}
-.footer .footer_left{display:flex;flex-direction:column;gap:50px;}
-.footer .footer_logo{mix-blend-mode:luminosity;}
-.footer .link{display:flex;align-items:center;}
-.footer .link a{position:relative;font-size:16px;color:#72787d;padding:0 20px;}
-.footer .link a::after{position:absolute;content:"";width:1px;height:12px;background:#72787d;right:0;top:6.5px;}
-.footer .link :first-child a{padding:0 20px 0 0;color:#2DE394;font-weight:bold;}
-.footer .link :last-child a::after{display:none;}
-.footer .footer_right{font-size:16px;color:#72787d;line-height:1.8;letter-spacing:0.3px;}
-.footer .footer_right address b{margin:0 8px 0 0;}
-.footer .footer_right address b:nth-child(3){margin:0 8px 0 16px;}
-.footer .btn_top{position:absolute;display:flex;width:66px;height:66px;font-family:var(--secondary-title-font);font-size:14px;font-weight:bold;color:#fff;letter-spacing:1px;border:1px solid #fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;right:20px;}
-.footer .btn_top i{display:inline-block;width:26px;height:14px;background:url(../images/common/footer_top.png) no-repeat center center;}
-
-
-/* sitemap */
-.sitemap {position:fixed;width:100%;height:100%;left:0;top:-100%;background:#fff;transition:top .6s ease;z-index:1000;flex-direction:column;overflow:auto;}
-.sitemap.active {top:0;}
-.sitemap_top.inner {display:flex;width:100%;height:auto;justify-content:space-between;align-items:center;padding:20px;}
-
-.sitemap .sitemenu{display:flex;width:100%;margin:60px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
-.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;color:var(--primary-color);align-items:center;}
-.sitemap .depth02_ul{display:flex;flex-direction:column;gap:12px;}
-.sitemap .depth02_ul li{width:100%;font-size:20px;text-align:center;}
-.sitemap a.depth02{display:flex;width:100%;font-weight:600;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items:center;}
-.sitemap a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
-.sitemap .depth03_ul{display:flex;margin:8px 0 10px 0;flex-direction:column;gap:8px;}
-.sitemap .depth03_ul a{font-size:16px;}
-.sitemap .depth03_ul a:hover{color:var(--primary-color);}
-
-
-
-
-
-@media (max-width: 1280px){
-  .header_container nav:not(.mobile_nav){display:none;}
-
-  .content_title h3{font-size:40px;}
-  
-}
-
-@media (max-width: 1024px){
-  .footer .footer_right{width:60%;}
-}
-
-@media (max-width: 768px){
-  .footer .inner{flex-direction:column;align-items:flex-start;}
-  .footer .footer_right{width:100%;}
-}
-
-@media (max-width: 640px){
-  .header_container .logo img{height:60px;}
-
-  .container.sub .content_wrap{margin:80px 0 80px 0;}
-  .content_title{margin:0 0 60px 0;}
-
+@charset "utf-8";
+
+.wrap{position:relative;width:100%;height:100%;}
+.inner{max-width:1700px;width:100%;height:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
+.container{margin:0;}
+.container.sub .content_wrap{display:inline-block;width:100%;margin:125px 0 80px 0;padding:20px 0 0 0;vertical-align:top;}
+.content_title{margin:0 0 80px 0;}
+.content_title h3{font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;color:var(--primary-title-color);text-align:center;}
+.content_title h3 span{font-family:var(--secondary-title-font);font-weight:500;}
+.content_title h3 span.small{font-size:36px;;}
+.breadcrumb{display:flex;font-size:14px;color:#636469;gap:8px;align-items:center;}
+.breadcrumb a{position:relative;display:flex;padding:0 8px;align-items:center;}
+.breadcrumb a::after{position:absolute;width:100%;height:100%;content:"";background:url(../images/component/icon_arrow_right_gray.png) no-repeat right center;right:-12px;top:1px;}
+.breadcrumb .home i{display:flex;width:15px;height:15px;background:url(../images/component/icon_home.png) no-repeat center center;}
+.breadcrumb .current_location{padding:0 0 0 8px;}
+
+/* header */
+.header{position:fixed;width:100%;left:0;top:0;z-index:9; transition:background-color 0.3s ease,box-shadow 0.3s ease;}
+.header_container{position:relative;width:100%;height:120px;}
+.header_container .inner{display:flex;height:100%;justify-content:space-between;align-items:center;}
+.header_container nav,.header_container .gnb{display:flex;height:100%;}
+.header_container .gnb{width:calc(100% - 100px);gap:100px;}
+.header_container .gnb a{display:flex;height:100%;padding:0 10px;font-size:20px;font-weight:bold;color:#fff;letter-spacing:0.5px;align-items:center;justify-content:center;white-space:nowrap;}
+.header_container .gnb .active .depth01{color:var(--primary-color);border-bottom:3px solid var(--primary-color);}
+.header_container .depth02_container{position:absolute;width:100%;border-top:1px solid #eeeff4;top:100%;left:0;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,0.05);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease,transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.4s;}
+.header_container .active .depth02_container{max-height:100vh;opacity:1;visibility:visible;}
+.header_container .depth02_ul{display:flex;max-width:1440px;margin:0 auto;padding:16px 0;gap:30px;justify-content:center;}
+.header_container .depth02_ul>li{width:auto;}
+.header_container .gnb a.depth02{display:flex;width:100%;height:50px;font-size:18px;font-weight:500;color:#222;text-align:center;padding:0 18px;border-radius:8px;justify-content:center;align-items:center;}
+.header_container .gnb a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
+.header_container .depth03_ul{display:flex;margin:8px 0 0 0;flex-direction:column;gap:8px;text-align:center;}
+.header_container .depth03_ul a.depth03{font-size:16px;font-weight:300;}
+.header_container .depth03_ul a.depth03:hover{color:var(--primary-color);}
+
+.header_util{display:flex;gap:12px;align-items:center;}
+.header_util button{width:40px;height:40px;}
+.header_util button i{display:inline-block;width:100%;height:100%;}
+
+.lang_switch{display:flex;align-items:center;font-size:16px;color:#fff;}
+.lang_switch button{position:relative;width:auto;padding:0 12px;opacity:0.6;}
+.lang_switch button:first-child{padding:0 12px 0 4px;}
+.lang_switch button::after{position:absolute;content:"";width:1px;height:11px;background:#d5d5d5;right:0;top:15.5px;}
+.lang_switch button:last-child::after{display:none;}
+.lang_switch .active{font-weight:bold;opacity:1;}
+
+.btn_search i{background:url(../images/common/search.png) no-repeat center center;}
+.btn_sitemap i{background:url(../images/common/menu.png) no-repeat center center;}
+
+.header.scrolled,.header.active{background:#fff;box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
+.header.scrolled .gnb a,.header.active .gnb a{color:#222;}
+.header.scrolled .btn_sitemap i,.header.active .btn_sitemap i{background:url(../images/common/menu_scrolled.png) no-repeat center center;}
+.header.scrolled .lang_switch,.header.active .lang_switch{color:#222;}
+
+/* 모바일 메뉴 */
+.mobile_nav {position:fixed;width:100%;height:100%;top:0;right:-100%;background:#fff;transition:right .6s ease;z-index:1000;flex-direction:column;}
+.mobile_nav.active {right:0;}
+.mobile_nav_top {display:flex;width:100%;justify-content:space-between;align-items:center;padding:20px;}
+
+.mobile_nav .gnb{display:block;width:100%;margin:20px 0 80px 0;}
+.mobile_nav .gnb .depth01{display:flex;width:100%;height:80px;padding:0 20px;font-family:var(--secondary-title-font);font-size:28px;font-weight:bold;text-align:left;align-items:center;justify-content:space-between;}
+.mobile_nav .gnb .active .depth01{color:var(--primary-color);}
+.mobile_nav .depth02_ul{display:flex;padding:20px;background:#f2f4f6;flex-direction:column;gap:8px;}
+.mobile_nav .depth02_ul li{width:100%;}
+.mobile_nav a.depth02{border:0;justify-content:flex-start;}
+.mobile_nav .depth03_ul{display:flex;background:#fff;border-radius:8px;padding:12px 24px;margin:8px 0;gap:4px;flex-direction:column;}
+.mobile_nav .depth03_ul:not(:has(li)){display:none;}
+
+
+
+/* footer */
+.footer{position:relative;width:100%;padding:60px 0;margin:80px 0 0 0;background:#222427;border-radius:30px 30px 0 0;box-sizing:border-box;bottom:0;z-index:1;}
+.footer .inner{position:relative;display:flex;margin:0 auto;justify-content:flex-start;align-items:center;gap:32px;}
+.footer .footer_left{display:flex;flex-direction:column;gap:50px;}
+.footer .footer_logo{mix-blend-mode:luminosity;}
+.footer .link{display:flex;align-items:center;}
+.footer .link a{position:relative;font-size:16px;color:#72787d;padding:0 20px;}
+.footer .link a::after{position:absolute;content:"";width:1px;height:12px;background:#72787d;right:0;top:6.5px;}
+.footer .link :first-child a{padding:0 20px 0 0;color:#2DE394;font-weight:bold;}
+.footer .link :last-child a::after{display:none;}
+.footer .footer_right{font-size:16px;color:#72787d;line-height:1.8;letter-spacing:0.3px;}
+.footer .footer_right address b{margin:0 8px 0 0;}
+.footer .footer_right address b:nth-child(3){margin:0 8px 0 16px;}
+.footer .btn_top{position:absolute;display:flex;width:66px;height:66px;font-family:var(--secondary-title-font);font-size:14px;font-weight:bold;color:#fff;letter-spacing:1px;border:1px solid #fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;right:20px;}
+.footer .btn_top i{display:inline-block;width:26px;height:14px;background:url(../images/common/footer_top.png) no-repeat center center;}
+
+
+/* sitemap */
+.sitemap {position:fixed;width:100%;height:100%;left:0;top:-100%;background:#fff;transition:top .6s ease;z-index:1000;flex-direction:column;overflow:auto;}
+.sitemap.active {top:0;}
+.sitemap_top.inner {display:flex;width:100%;height:auto;justify-content:space-between;align-items:center;padding:20px;}
+
+.sitemap .sitemenu{display:flex;width:100%;margin:60px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
+.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;color:var(--primary-color);align-items:center;}
+.sitemap .depth02_ul{display:flex;flex-direction:column;gap:12px;}
+.sitemap .depth02_ul li{width:100%;font-size:20px;text-align:center;}
+.sitemap a.depth02{display:flex;width:100%;font-weight:600;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items:center;}
+.sitemap a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
+.sitemap .depth03_ul{display:flex;margin:8px 0 10px 0;flex-direction:column;gap:8px;}
+.sitemap .depth03_ul a{font-size:16px;}
+.sitemap .depth03_ul a:hover{color:var(--primary-color);}
+
+
+
+
+
+@media (max-width: 1280px){
+  .header_container nav:not(.mobile_nav){display:none;}
+
+  .content_title h3{font-size:40px;}
+  
+}
+
+@media (max-width: 1024px){
+  .footer .footer_right{width:60%;}
+}
+
+@media (max-width: 768px){
+  .footer .inner{flex-direction:column;align-items:flex-start;}
+  .footer .footer_right{width:100%;}
+}
+
+@media (max-width: 640px){
+  .header_container .logo img{height:60px;}
+
+  .container.sub .content_wrap{margin:80px 0 80px 0;}
+  .content_title{margin:0 0 60px 0;}
+
 }

70bac98

1aeaed5

src/main/webapp/publish/usr/pipeline/active-ingredient/cosmetics.html

--- src/main/webapp/publish/usr/pipeline/active-ingredient/cosmetics.html

+++ src/main/webapp/publish/usr/pipeline/active-ingredient/cosmetics.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Pipeline > Active Ingredient > Cosmetics</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-
-
-</head>
-
-<body data-section="pipeline">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub pipeline">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="pipeline">Pipeline</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap pipeline">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Cosmetics (준비중)</h3>
-            </div>
-
-            
-          </div>
-        </div>
-      </div>
-
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Pipeline > Active Ingredient > Cosmeceutical</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="../../../../css/reset.css">
+  <link rel="stylesheet" href="../../../../css/font.css">
+  <link rel="stylesheet" href="../../layout/layout.css">
+  <link rel="stylesheet" href="../../css/common.css">
+  <link rel="stylesheet" href="../../css/style.css">
+  <link rel="stylesheet" href="../../css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="../../../../js/jquery-3.5.0.js"></script>
+  <script src="../../script/common.js"></script>
+  <script src="../../layout/layout.js"></script>
+  <!-- //script -->
+
+
+
+</head>
+
+<body data-section="pipeline">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub pipeline">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap pipeline cosme">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Cosmeceuticals</h3>
+            </div>
+
+            <div class="table_wrap" data-aos="fade-down">
+              <table>
+                <colgroup>
+                  <col style="width:5%;">
+                  <col style="width:5%;">
+                  <col style="width:5%;">
+                  <col style="width:6%;">
+                  <col style="width:4%;">
+                  <col style="width:4%;">
+                  <col style="width:4%;">
+                  <col style="width:4%;">
+                  <col style="width:4%;">
+                  <col style="width:4%;">
+                  <col style="width:4%;">
+                </colgroup>
+                <thead>
+                  <tr>
+                    <th rowspan="2">Target<br>
+                      Organelle</th>
+                    <th rowspan="2">MoA</th>
+                    <th rowspan="2">Indication</th>
+                    <th rowspan="2">Active<br>Ingredients</th>
+                    <th colspan="6">Development Stage</th>
+                    <th>Remark</th>
+                  </tr>
+                  <tr>
+                    <th>Screening</th>
+                    <th>Hit/<br>Analysis</th>
+                    <th>PoC/<br>Efficacy</th>
+                    <th>Process<br> Develop.</th>
+                    <th>Clinical <br>Test</th>
+                    <th>RA</th>
+                    <th>Status</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <th>미토콘드리아</th>
+                    <td class="orange">Mitophagy <br> Inducer</td>
+                    <td class="primary_light orange">
+                      <b class="orange">내인성 노화</b>
+                      <b class="blue">피부활력</b>
+                    </td>
+                    <td class="primary_light">Plant / metabolite</td>
+                    <td colspan="6">
+                      <div class="graph graph5 orange">
+                        <span></span>
+                      </div>
+                      <div class="graph graph3">
+                        <span></span>
+                      </div>
+                      <ul>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                      </ul>
+                    </td>
+                    <td class="primary_light">세포 에너지,<br>
+                      활력,<br>
+                      활성산소 개선</td>
+                  </tr>
+                  <tr>
+                    <th>퍼옥시좀</th>
+                    <td class="blue">Pexophagy<br>
+                      Inducer</td>
+                    <td class="primary_light"><b class="orange">ROS 제거</b> <b class="blue">피부 산소</b></td>
+                    <td class="primary_light">Plant / metabolite</td>
+                    <td colspan="6">
+                      <div class="graph graph1 orange only">
+                        <span></span>
+                      </div>
+                      <!-- <div class="graph graph2"><span></span></div> -->
+                      <ul>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                      </ul>
+                    </td>
+                    <td class="primary_light">근본적<br> 항산화<br> 개선</td>
+                  </tr>
+                  <tr>
+                    <th>일차섬모</th>
+                    <td class="blue">Ciliogenesis<br>Inducer</td>
+                    <td class="primary_light">
+                      <b class="orange">외인성 노화</b>
+                      <b class="blue">미세먼지/Pollutions</b></td>
+                    <td class="primary_light">Microbiome/metabolite</td>
+                    <td colspan="6">
+                      <div class="graph graph3 orange">
+                        <span></span>
+                      </div>
+                      <div class="graph graph1"><span></span></div>
+                      <ul>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                      </ul>
+                    </td>
+                    <td class="primary_light">미세먼지 등<br> 외인성 <br>노화개선</td>
+                  </tr>
+                  <tr>
+                    <th>멜라닌</th>
+                    <td class="blue">Melanophagy <br>Inducer</td>
+                    <td class="primary_light">
+                      <b class="orange">미백, 색소침착</b>
+                      <b class="blue">멜라노좀 제거</b>
+                    </td>
+                    <td class="primary_light">Microbiome/metabolite</td>
+                    <td colspan="6">
+                      <div class="graph graph4 orange">
+                        <span></span>
+                      </div>
+                      <div class="graph graph2"><span></span></div>
+                      <ul>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                      </ul>
+                    </td>
+                    <td class="primary_light">근본적 색조침착<br> 개선 및<br> 스트레스 완화</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title"><b class="purple">Aging</b>과 <b class="purple">Longevity</b>의 <b class="purple">근본적 문제</b>인 소기관 이상과 자가포식 불균형 문제 해결</strong>
+            </div>
+            <div class="figure_content">
+              <img src="/publish/usr/images/pipeline/cosmeceuticals_img01.png" alt="">
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">피부 세포별 Mitophagy 기반 Aging 및 Longevity  평가 시스템 구축</strong>
+            </div>
+            <div class="figure_content">
+              <img src="/publish/usr/images/pipeline/cosmeceuticals_img02.png" alt="">
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">소기관 항상성(Mitophagy) 기반 선택성, 유효성, 안전성을 확보한 신작용기전 후보 발굴</strong>
+            </div>
+            <div class="figure_content">
+              <img src="/publish/usr/images/pipeline/cosmeceuticals_img03.png" alt="">
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">완성형 항노화 및 색소침착을 개선하는 미래기술 기반의 Balance Aging 및 Longevity  실현</strong>
+            </div>
+
+            <div class="dl_wrap fill accent">
+              <dl>
+                <dt>차세대 유망 기술 ｜ Mitophagy(미토파지)</dt>
+                <dd>
+                  <ul class="top_area">
+                    <li>내인성 노화 스트레스</li>
+                    <li>외인성 노화 스트레스</li>
+                  </ul>
+                  <ul class="stage_ul">
+                    <li>
+                      <b class="title">손상 미토콘드리아 축적</b>
+                      <img src="/publish/usr/images/pipeline/cosmeceuticals_img04.png" alt="">
+                      <ul class="depth_stage">
+                        <li>미토콘드리아 기능 저하</li>
+                        <li>염증증가 · MMPs 증가 · ROS 증가</li>
+                        <li><b>Skin aging</b></li>
+                      </ul>
+                    </li>
+                    <li>
+                      <b class="title">Mitophagy(미토파지) 활성</b>
+                      <img src="/publish/usr/images/pipeline/cosmeceuticals_img05.png" alt="">
+                      <ul class="depth_stage">
+                        <li>손상 미토콘드리아 제거 및 재생 촉진</li>
+                        <li><b>염증감소 · MMPs 감소 · ROS 감소</b></li>
+                        <li><b>Healthy aging</b></li>
+                      </ul>
+                    </li>
+                  </ul>
+                  <ul class="box_white">
+                    <li>
+                      <i></i>
+                      <p>손상 미토콘드리아 제거
+                        기반의 근본적 항노화 접근</p>
+                    </li>
+                    <li>
+                      <i></i>
+                      <p>세포 에너지 항상성 개선을
+                        통한 피부 기능 회복</p>
+                    </li>
+                    <li>
+                      <i></i>
+                      <p>글로벌 뷰티 기업들의
+                        항노화 혁신 전략으로
+                        주목받는 차세대 플랫폼</p>
+                    </li>
+                  </ul>
+                </dd>
+              </dl>
+
+              <dl>
+                <dt>차세대 유망 기술 ｜ 멜라노파지(Mitophagy)</dt>
+                <dd>
+                  <strong>손상된 미토콘드리아(멜라노좀)를 ‘청소’하여 깨끗하고 밝은 피부로</strong>
+                  <img src="/publish/usr/images/pipeline/cosmeceuticals_img06.png" alt="">
+                </dd>
+              </dl>
+
+            </div>
+            <div class="box" >
+              <img src="/publish/usr/images/pipeline/cosmeceuticals_img07.png" alt="">
+            </div>
+
+          </div>
+        </div>
+      </div>
+
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/pipeline/active-ingredient/food.html

--- src/main/webapp/publish/usr/pipeline/active-ingredient/food.html

+++ src/main/webapp/publish/usr/pipeline/active-ingredient/food.html

...	...	@@ -1,85 +1,523 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Pipeline > Active Ingredient > Health Food</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		-
26		-</head>
27		-
28		-<body data-section="pipeline">
29		-
30		-
31		- <div class="wrap">
32		- <div data-include-path="../layout/_header.html"></div>
33		-
34		- <div id="container" class="container sub pipeline">
35		- <div class="sub_visual">
36		- <div class="inner">
37		- <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
38		- <div class="sub_visual_nav">
39		- <a href="../index.html"><i class="icon home"></i></a>
40		- <div class="snb_wrap">
41		- <button type="button" class="snb_title">메뉴</button>
42		- <ul class="snb_select">
43		- <li><a href="#">COMPANY</a></li>
44		- <li><a href="#">Platform Tech</a></li>
45		- <li><a href="#">Major Result</a></li>
46		- </ul>
47		- </div>
48		- <div class="snb_wrap">
49		- <button type="button" class="snb_title">메뉴</button>
50		- <ul class="snb_select">
51		- <li><a href="#">1depth</a></li>
52		- <li><a href="#">1depth</a></li>
53		- <li><a href="#">1depth</a></li>
54		- </ul>
55		- </div>
56		- </div>
57		- </div>
58		- </div>
59		- <div class="inner">
60		- <div class="content_wrap pipeline">
61		-
62		- <div class="contents">
63		-
64		- <div class="content_title">
65		- <h3>Health Food(준비중)</h3>
66		- </div>
67		-
68		-
69		- </div>
70		- </div>
71		- </div>
72		-
73		-
74		-
75		- </div>
76		-
77		-
78		-
79		- <div data-include-path="../layout/_footer.html"></div>
80		- </div>
81		-
82		-
83		-</body>
84		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Pipeline > Active Ingredient > Health Food</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="../../../../css/reset.css">
	11	+ <link rel="stylesheet" href="../../../../css/font.css">
	12	+ <link rel="stylesheet" href="../../layout/layout.css">
	13	+ <link rel="stylesheet" href="../../css/common.css">
	14	+ <link rel="stylesheet" href="../../css/style.css">
	15	+ <link rel="stylesheet" href="../../css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="../../../../js/jquery-3.5.0.js"></script>
	20	+ <script src="../../script/common.js"></script>
	21	+ <script src="../../layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+
	26	+</head>
	27	+
	28	+<body data-section="pipeline">
	29	+
	30	+
	31	+ <div class="wrap">
	32	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	33	+
	34	+ <div id="container" class="container sub pipeline">
	35	+ <div class="sub_visual">
	36	+ <div class="inner">
	37	+ <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
	38	+ <div class="sub_visual_nav">
	39	+ <a href="../index.html"><i class="icon home"></i></a>
	40	+ <div class="snb_wrap">
	41	+ <button type="button" class="snb_title">메뉴</button>
	42	+ <ul class="snb_select">
	43	+ <li><a href="#">COMPANY</a></li>
	44	+ <li><a href="#">Platform Tech</a></li>
	45	+ <li><a href="#">Major Result</a></li>
	46	+ </ul>
	47	+ </div>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">1depth</a></li>
	52	+ <li><a href="#">1depth</a></li>
	53	+ <li><a href="#">1depth</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ </div>
	57	+ </div>
	58	+ </div>
	59	+ <div class="inner">
	60	+ <div class="content_wrap pipeline food">
	61	+
	62	+ <div class="contents">
	63	+
	64	+ <div class="content_title">
	65	+ <h3>Health Food</h3>
	66	+ </div>
	67	+
	68	+ <div class="table_wrap" data-aos="fade-down">
	69	+ <table>
	70	+ <colgroup>
	71	+ <col style="width:5%;">
	72	+ <col style="width:6%;">
	73	+ <col style="width:5%;">
	74	+ <col style="width:6%;">
	75	+ <col style="width:4%;">
	76	+ <col style="width:4%;">
	77	+ <col style="width:4%;">
	78	+ <col style="width:4%;">
	79	+ <col style="width:4%;">
	80	+ <col style="width:4%;">
	81	+ <col style="width:3%;">
	82	+ </colgroup>
	83	+ <thead>
	84	+ <tr>
	85	+ <th rowspan="2">Modality</th>
	86	+ <th rowspan="2">Code</th>
	87	+ <th rowspan="2">Indication</th>
	88	+ <th rowspan="2">Active<br>Ingredients</th>
	89	+ <th colspan="6">Development Stage</th>
	90	+ <th>Remark</th>
	91	+ </tr>
	92	+ <tr>
	93	+ <th>Screening</th>
	94	+ <th>Hit/Analysis</th>
	95	+ <th>PoC/Efficacy</th>
	96	+ <th>Process Develop.</th>
	97	+ <th>Clinical Test</th>
	98	+ <th>RA</th>
	99	+ <th>Grant</th>
	100	+ </tr>
	101	+ </thead>
	102	+ <tbody>
	103	+ <tr>
	104	+ <th rowspan="5">Bio-<br>material</th>
	105	+ <td rowspan="2" class="orange">Mitophagy Inducer</td>
	106	+ <td class="primary_light orange">체지방 피부건강 면역</td>
	107	+ <td class="primary_light">Plant / Metabolite / Microbiome</td>
	108	+ <td colspan="6">
	109	+ <div class="graph graph4">
	110	+ <span></span>
	111	+ </div>
	112	+ <ul>
	113	+ <li></li>
	114	+ <li></li>
	115	+ <li></li>
	116	+ <li></li>
	117	+ <li></li>
	118	+ <li></li>
	119	+ </ul>
	120	+ </td>
	121	+ <td class="primary_light">with <br>코스맥스 <br>NBT</td>
	122	+ </tr>
	123	+ <tr>
	124	+ <td class="primary_light orange">뇌건강 근력 눈건강</td>
	125	+ <td class="primary_light">Plant/Metabolite</td>
	126	+ <td colspan="6">
	127	+ <div class="graph graph2"><span></span></div>
	128	+ <ul>
	129	+ <li></li>
	130	+ <li></li>
	131	+ <li></li>
	132	+ <li></li>
	133	+ <li></li>
	134	+ <li></li>
	135	+ </ul>
	136	+ </td>
	137	+ <td class="primary_light">내외인성 <br>노화 세포<br> 근본적 회복</td>
	138	+ </tr>
	139	+ <tr>
	140	+ <td class="blue">AMPK Microbiome</td>
	141	+ <td class="primary_light blue">체지방 근력</td>
	142	+ <td class="primary_light">Plant/microbiome</td>
	143	+ <td colspan="6">
	144	+ <div class="graph graph4"><span></span></div>
	145	+ <ul>
	146	+ <li></li>
	147	+ <li></li>
	148	+ <li></li>
	149	+ <li></li>
	150	+ <li></li>
	151	+ <li></li>
	152	+ </ul>
	153	+ </td>
	154	+ <td class="primary_light">with <br>TGBIO/<br>GLUCAN</td>
	155	+ </tr>
	156	+ <tr>
	157	+ <td class="blue">AhR</td>
	158	+ <td class="primary_light blue">피부건강 / 장건강 / 면역</td>
	159	+ <td class="primary_light">Microbiome/metabolite</td>
	160	+ <td colspan="6">
	161	+ <div class="graph graph4"><span></span></div>
	162	+ <ul>
	163	+ <li></li>
	164	+ <li></li>
	165	+ <li></li>
	166	+ <li></li>
	167	+ <li></li>
	168	+ <li></li>
	169	+ </ul>
	170	+ </td>
	171	+ <td class="primary_light">면역 및 염증<br> 총괄 개선</td>
	172	+ </tr>
	173	+ <tr>
	174	+ <td class="blue">Other
	175	+ <br>(Melanophagy/mitophagy Inducer)</td>
	176	+ <td class="primary_light blue">항노화 피부건강</td>
	177	+ <td>Microbiome/metabolite</td>
	178	+ <td colspan="6">
	179	+ <div class="graph graph4"><span></span></div>
	180	+ <ul>
	181	+ <li></li>
	182	+ <li></li>
	183	+ <li></li>
	184	+ <li></li>
	185	+ <li></li>
	186	+ <li></li>
	187	+ </ul>
	188	+ </td>
	189	+ <td class="primary_light"></td>
	190	+ </tr>
	191	+ </tbody>
	192	+ </table>
	193	+ </div>
	194	+
	195	+ <div class="dl_wrap fill accent">
	196	+ <dl>
	197	+ <dt>혁신기술</dt>
	198	+ <dd>
	199	+ <p><b>최근 5년간 매우 활발한 연구개발 및 과학적 근거</b></p>
	200	+ <span>: 지난 30년 중 최근 5년간 56%(4만편) 발표</span>
	201	+ </dd>
	202	+ </dl>
	203	+ <dl>
	204	+ <dt>확대되는 시장규모</dt>
	205	+ <dd>
	206	+ <p><b>국내외 시장 성장 및 자가포식 기반 기술경쟁</b></p>
	207	+ <span>: 건기식시장 CAGR 5.26%, M&A 평균 7천5백억 </span>
	208	+ </dd>
	209	+ </dl>
	210	+ <dl>
	211	+ <dt>신원료 및 건강노화 수요</dt>
	212	+ <dd>
	213	+ <p>기능성원료의 정체와 한계, <b>혁신소재수요↑</b>(신기전, 초소형)</p>
	214	+ <span>: 국내외 항노화 시장의 높은 성장률에 따른 필드 수요</span>
	215	+ </dd>
	216	+ </dl>
	217	+ </div>
	218	+
	219	+ <div class="box_wrap blue fill">
	220	+ <div class="title">미토파지 기반 항상성 개선 전략</div>
	221	+ <div class="box">
	222	+ <img src="/publish/usr/images/pipeline/food_img01.png" alt="">
	223	+ </div>
	224	+ </div>
	225	+
	226	+ <div class="dl_wrap accent industry_content">
	227	+ <dl>
	228	+ <dt>산업특성과 기회</dt>
	229	+ <dd>
	230	+ <strong class="box_title">미토파지 원료 사업화</strong>
	231	+ <div class="box_wrap border blue">
	232	+ <img src="/publish/usr/images/pipeline/food_img02.png" alt="">
	233	+ <ul class="boxs">
	234	+ <li>
	235	+ <div class="title">시장 현황과 지속가능성</div>
	236	+ <div class="box">레드오션, 블루오션 등 시장성 분석
	237	+ 기존 시장 대체가능성과 성장률 분석<br>(결과 : 체지방, 피부, 외모 관련 시장)</div>
	238	+ </li>
	239	+ <li>
	240	+ <div class="title">원료 경쟁력과 지속가능성</div>
	241	+ <div class="box">기존 원료의 경쟁력과 신원료 수요 분석
	242	+ 기존원료 기전과 미토파지 대체전략<br>(결과: 감각계, 복합, 신규 기전 수요)</div>
	243	+ </li>
	244	+ <li>
	245	+ <div class="title">소비자 수요와 기술의 접합성</div>
	246	+ <div class="box">소비자 : 대상, 수요적합도, 지속성 분석
	247	+ 마케팅 : 미토파지와 소비자 적합도 <br>(결과 : 뇌건강, 근육건강 등 건강노화)</div>
	248	+ </li>
	249	+ </ul>
	250	+ <div class="box">
	251	+ <ul class="icon_area">
	252	+ <li>
	253	+ <i></i>체지방 감소
	254	+ </li>
	255	+ <li>
	256	+ <i></i>피부 건강
	257	+ </li>
	258	+ <li>
	259	+ <i></i>눈 건강
	260	+ </li>
	261	+ <li>
	262	+ <i></i>면역 증진
	263	+ </li>
	264	+ <li>
	265	+ <i></i>두뇌 건강
	266	+ </li>
	267	+ <li>
	268	+ <i></i>근육 건강
	269	+ </li>
	270	+ </ul>
	271	+ <ul class="text_area">
	272	+ <li>
	273	+ <strong>레드오션 공략 point</strong>
	274	+ <p><b>새로운 작용기전</b>으로 소비자
	275	+ 관심도 집중(e.g. GLP-1)</p>
	276	+ </li>
	277	+ <li>
	278	+ <strong>독과점 시장 공략 point</strong>
	279	+ <p>기존원료가 제공하지 못한 <b>새로운
	280	+ 경험 제공, 상생(시너지)</b></p>
	281	+ </li>
	282	+ <li>
	283	+ <strong>블루오션 시장 공략 point</strong>
	284	+ <p>소비자 증가 시장,
	285	+ <b>건강노화</b>로 시장 선도</p>
	286	+ </li>
	287	+ </ul>
	288	+
	289	+ </div>
	290	+
	291	+ </div>
	292	+ </dd>
	293	+ </dl>
	294	+ </div>
	295	+
	296	+
	297	+ <div class="dl_wrap accent fill info_content">
	298	+ <dl class="top_dl">
	299	+ <dt>소기관 항상성 플랫폼</dt>
	300	+ <dd>
	301	+ <ul class="stage_ul">
	302	+ <li>
	303	+ <strong class="title border">미토파지 검색플랫폼</strong>
	304	+ <div class="box_wrap">
	305	+ <p class="box">데이터-소재<br>
	306	+ 플랫폼</p>
	307	+ <p class="box">이미징<br>
	308	+ 검색법</p>
	309	+ <p class="box">대량<br>
	310	+ 검색화</p>
	311	+ </div>
	312	+ </li>
	313	+ <li>
	314	+ <strong class="title border">미토파지 활성 및 선택성 플랫폼</strong>
	315	+ <div class="box_wrap">
	316	+ <p class="box">소기관별<br>
	317	+ 선택성</p>
	318	+ <p class="box">조직별<br>
	319	+ 활성 검증</p>
	320	+ <p class="box">In vivo 모델<br>
	321	+ 검증</p>
	322	+ </div>
	323	+ </li>
	324	+ <li>
	325	+ <strong class="title border">성분분석 및 원료화 기술 플랫폼</strong>
	326	+ <div class="box_wrap">
	327	+ <p class="box">초고속<br>
	328	+ 성분분석</p>
	329	+ <p class="box">대량생산<br>
	330	+ 표준화 기술</p>
	331	+ <p class="box">생산성<br>
	332	+ 제고 기술</p>
	333	+ </div>
	334	+ </li>
	335	+ </ul>
	336	+ </dd>
	337	+ </dl>
	338	+ <dl class="top_dl blue">
	339	+ <dt>수행과정</dt>
	340	+ <dd>
	341	+ <ul class="stage_ul">
	342	+ <li><b class="box">라이브러리 및 DB 구축 소재 확보 및 특허성 조사</b></li>
	343	+ <li><b class="box">이미징 기반 미토파지 대량검색
	344	+ 자가포식 제어 유효소재 탐색</b></li>
	345	+ <li><b class="box">미토파지 유효 소재의 선택성 평가</b></li>
	346	+ <li><b class="box">미토파지 유효소재 성분-생산성 검증</b></li>
	347	+ <li><b class="box">유효소재의 대량생산 표준화
	348	+ 및 규격 설정</b></li>
	349	+ </ul>
	350	+ </dd>
	351	+ </dl>
	352	+ <dl class="top_dl purple">
	353	+ <dt>제품화 과정</dt>
	354	+ <dd>
	355	+ <ul class="stage_ul">
	356	+ <li><b class="box">개별인정형 원료 신청 및 승인</b></li>
	357	+ <li><b class="box">초소형 정제 등 상업화 제품개발</b></li>
	358	+ <li><b class="box">개별인정형 원료 공인성적
	359	+ 및 기준 규격 확보</b></li>
	360	+ <li><b class="box">개별인정형 원료 임상</b></li>
	361	+ <li><b class="box">유효성 및 작용기전 검증
	362	+ 개별인정형 후보 원료</b></li>
	363	+ </ul>
	364	+ </dd>
	365	+ </dl>
	366	+ <dl class="top_dl">
	367	+ <dt>상용화 기술 플랫폼</dt>
	368	+ <dd>
	369	+ <ul class="stage_ul">
	370	+ <li>
	371	+ <strong class="title border">개별인정형 원료 등록</strong>
	372	+ <div class="box_wrap">
	373	+ <p class="box">임상결과<br>
	374	+ 분석기술</p>
	375	+ <p class="box">신속한<br>
	376	+ RA역량</p>
	377	+ <p class="box">개별인정<br>
	378	+ 획득 실현</p>
	379	+ </div>
	380	+ </li>
	381	+ <li>
	382	+ <strong class="title border">상업화 기술</strong>
	383	+ <div class="box_wrap">
	384	+ <p class="box">초소형<br>
	385	+ 기술</p>
	386	+ <p class="box">표준화 <br>기술</p>
	387	+ <p class="box">대량생산<br>
	388	+ 기술</p>
	389	+ </div>
	390	+ </li>
	391	+ <li>
	392	+ <strong class="title border">기전 및 유효성 검증 플랫폼</strong>
	393	+ <div class="box_wrap">
	394	+ <p class="box">세포 내<br>
	395	+ 안전성</p>
	396	+ <p class="box">AI기반<br>
	397	+ 작용점 예측</p>
	398	+ <p class="box">동물<br>
	399	+ 유효성 평가</p>
	400	+ </div>
	401	+ </li>
	402	+ </ul>
	403	+
	404	+ </dd>
	405	+ </dl>
	406	+
	407	+ <dl class="purple">
	408	+ <dt>핵심기술:소기관별 항상성<br>
	409	+ 모니터링(Orautac TM)</dt>
	410	+ <dd class="box_white">
	411	+ <ul class="check_ul">
	412	+ <li>이중형광 단백질 기반 혁신 이미징 기술</li>
	413	+ <li>특이도 개선 및 대량검색 가능</li>
	414	+ <li>세포소기관별 선택적 자가포식 확인</li>
	415	+ </ul>
	416	+ </dd>
	417	+ </dl>
	418	+ <dl class="purple">
	419	+ <dt>핵심기술:미토파지<br>
	420	+ 대량검색 및 검증시스템</dt>
	421	+ <dd class="box_white">
	422	+ <ul class="check_ul">
	423	+ <li>세포소기관 선택적 조절 기전 예측</li>
	424	+ <li>Reverse Docking 기술</li>
	425	+ <li>자가포식 활성 소재 표적 및 기전 검증</li>
	426	+ </ul>
	427	+ </dd>
	428	+ </dl>
	429	+ <dl class="purple">
	430	+ <dt>핵심기술:오가시스 AI & <br>
	431	+ 데이터 플랫폼</dt>
	432	+ <dd class="box_white">
	433	+ <ul class="check_ul">
	434	+ <li>세포소기관 선택적 조절 기전 예측</li>
	435	+ <li>Reverse Docking 기술</li>
	436	+ <li>자가포식 활성 소재 표적 및 기전 검증</li>
	437	+ </ul>
	438	+ </dd>
	439	+ </dl>
	440	+ <dl class="purple">
	441	+ <dt>연구실적 및 시설·장비</dt>
	442	+ <dd class="box_white">
	443	+ <ul class="check_ul">
	444	+ <li>글로벌 최상위 논문 발표</li>
	445	+ <li>소기관별 자가포식 하위기전 최초 검증</li>
	446	+ <li>자가포식 활성 소재 표적 및 기전 검증</li>
	447	+ </ul>
	448	+ </dd>
	449	+ </dl>
	450	+
	451	+
	452	+ <dl class="blue">
	453	+ <dt>이중형광 단백질 기반 기술</dt>
	454	+ <dd class="box_white">
	455	+ <img src="/publish/usr/images/pipeline/food_img03.png" alt="">
	456	+ </dd>
	457	+ </dl>
	458	+ <dl class="blue">
	459	+ <dt>HCS 기반 대량검색 시스템</dt>
	460	+ <dd class="box_white">
	461	+ <img src="/publish/usr/images/pipeline/food_img04.png" alt="">
	462	+ </dd>
	463	+ </dl>
	464	+ <dl class="blue">
	465	+ <dt>표적탐색 AI 솔루션</dt>
	466	+ <dd class="box_white">
	467	+ <img src="/publish/usr/images/pipeline/food_img05.png" alt="">
	468	+ </dd>
	469	+ </dl>
	470	+ <dl class="blue">
	471	+ <dt>Autophagy(24.10),
	472	+ Natur Comm(25.1&3)</dt>
	473	+ <dd class="box_white">
	474	+ <img src="/publish/usr/images/pipeline/food_img06.png" alt="">
	475	+ </dd>
	476	+ </dl>
	477	+ <dl class="blue">
	478	+ <dt>㈜오가시스 선택적 자가포식기전
	479	+ 제어 플랫폼</dt>
	480	+ <dd class="box_white">
	481	+ <img src="/publish/usr/images/pipeline/food_img07.png" alt="">
	482	+ </dd>
	483	+ </dl>
	484	+ <dl class="blue">
	485	+ <dt>플랫폼 기반 미토파지 활성 조절
	486	+ 물질 스크리닝</dt>
	487	+ <dd class="box_white">
	488	+ <img src="/publish/usr/images/pipeline/food_img08.png" alt="">
	489	+ </dd>
	490	+ </dl>
	491	+ <dl class="blue">
	492	+ <dt>Reverse Docking 기술</dt>
	493	+ <dd class="box_white">
	494	+ <img src="/publish/usr/images/pipeline/food_img09.png" alt="">
	495	+ </dd>
	496	+ </dl>
	497	+
	498	+ <dl class="blue">
	499	+ <dt>수원 R&D 센터(랩스테이션)</dt>
	500	+ <dd class="box_white">
	501	+ <img src="/publish/usr/images/pipeline/food_img10.png" alt="">
	502	+ </dd>
	503	+ </dl>
	504	+
	505	+ </div>
	506	+
	507	+ </div>
	508	+ </div>
	509	+ </div>
	510	+
	511	+
	512	+
	513	+ </div>
	514	+
	515	+
	516	+
	517	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	518	+ </div>
	519	+
	520	+
	521	+</body>
	522	+
85	523	</html> (No newline at end of file)

1aeaed5

src/main/webapp/publish/usr/pipeline/new-drugs/brain_health.html (added)

+++ src/main/webapp/publish/usr/pipeline/new-drugs/brain_health.html

...	...	@@ -0,0 +1,326 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Pipeline > New drugs > 퇴행성 뇌질환</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+
	26	+</head>
	27	+
	28	+<body data-section="pipeline">
	29	+
	30	+
	31	+ <div class="wrap">
	32	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	33	+
	34	+ <div id="container" class="container sub pipeline">
	35	+ <div class="sub_visual">
	36	+ <div class="inner">
	37	+ <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
	38	+ <div class="sub_visual_nav">
	39	+ <a href="/publish/usr/index.html"><i class="icon home"></i></a>
	40	+ <div class="snb_wrap">
	41	+ <button type="button" class="snb_title">메뉴</button>
	42	+ <ul class="snb_select">
	43	+ <li><a href="#">COMPANY</a></li>
	44	+ <li><a href="#">Platform Tech</a></li>
	45	+ <li><a href="#">Major Result</a></li>
	46	+ </ul>
	47	+ </div>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">1depth</a></li>
	52	+ <li><a href="#">1depth</a></li>
	53	+ <li><a href="#">1depth</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ </div>
	57	+ </div>
	58	+ </div>
	59	+ <div class="inner">
	60	+ <div class="content_wrap pipeline brain_health">
	61	+
	62	+ <div class="contents">
	63	+
	64	+ <div class="content_title">
	65	+ <h3>퇴행성 뇌질환</h3>
	66	+ </div>
	67	+
	68	+ <div class="con_title" data-aos="fade-down">
	69	+ <strong class="title">Pipeline Summary _ Current status</strong>
	70	+ </div>
	71	+
	72	+ <div class="table_wrap" data-aos="fade-down">
	73	+ <table>
	74	+ <colgroup>
	75	+ <col style="width:5%;">
	76	+ <col style="width:5%;">
	77	+ <col style="width:7%;">
	78	+ <col style="width:5%;">
	79	+ <col style="width:4%;">
	80	+ <col style="width:4%;">
	81	+ <col style="width:4%;">
	82	+ <col style="width:4%;">
	83	+ <col style="width:4%;">
	84	+ <col style="width:4%;">
	85	+ <col style="width:3%;">
	86	+ </colgroup>
	87	+ <thead>
	88	+ <tr>
	89	+ <th rowspan="2">Modality</th>
	90	+ <th rowspan="2">Code</th>
	91	+ <th rowspan="2">Indication</th>
	92	+ <th rowspan="2">MoA</th>
	93	+ <th colspan="6">Development Stage</th>
	94	+ <th rowspan="2">Remark</th>
	95	+ </tr>
	96	+ <tr>
	97	+ <th>Poc</th>
	98	+ <th>Hit</th>
	99	+ <th>H-to-L</th>
	100	+ <th>Lead Opt.</th>
	101	+ <th>Pre-clinical</th>
	102	+ <th>Clinical</th>
	103	+ </tr>
	104	+ </thead>
	105	+ <tbody>
	106	+ <tr>
	107	+ <th rowspan="6">Small<br>molecule</th>
	108	+ <td class="primary_light">OGS-101</td>
	109	+ <td class="primary_light">Parkinson’s<br>disease</td>
	110	+ <td rowspan="2">Mitophagy<br>Inducer</td>
	111	+ <td colspan="6">
	112	+ <div class="graph graph4">
	113	+ <span></span>
	114	+ </div>
	115	+ <ul>
	116	+ <li></li>
	117	+ <li></li>
	118	+ <li></li>
	119	+ <li></li>
	120	+ <li>GLP-Tox<br>
	121	+ (2027)</li>
	122	+ <li>P1 IND <br>
	123	+ (2028)</li>
	124	+ </ul>
	125	+ </td>
	126	+ <td>First-In<br>-Class</td>
	127	+ </tr>
	128	+ <tr>
	129	+ <td>OGS-102</td>
	130	+ <td>ALS</td>
	131	+ <td colspan="6">
	132	+ <div class="graph graph2"><span></span></div>
	133	+ <ul>
	134	+ <li></li>
	135	+ <li></li>
	136	+ <li></li>
	137	+ <li></li>
	138	+ <li></li>
	139	+ <li></li>
	140	+ </ul>
	141	+ </td>
	142	+ <td>First-In<br>-Class</td>
	143	+ </tr>
	144	+ <tr>
	145	+ <td class="primary_light">OGS-901</td>
	146	+ <td class="primary_light">Psoriasis / <br>
	147	+ Atopy</td>
	148	+ <td>AhR agonist</td>
	149	+ <td colspan="6">
	150	+ <div class="graph graph4"><span></span></div>
	151	+ <ul>
	152	+ <li></li>
	153	+ <li></li>
	154	+ <li></li>
	155	+ <li></li>
	156	+ <li>GLP-Tox <br>
	157	+ (2027)</li>
	158	+ <li>P1 IND <br>
	159	+ (2028)</li>
	160	+ </ul>
	161	+ </td>
	162	+ <td>Best-In<br>-Class</td>
	163	+ </tr>
	164	+ </tbody>
	165	+ </table>
	166	+ </div>
	167	+
	168	+ <div class="figure_content column" data-aos="fade-down">
	169	+
	170	+ <div class="dl_wrap">
	171	+ <dl>
	172	+ <dt>
	173	+ <b>파킨슨병 개요</b>
	174	+ </dt>
	175	+ <dd>
	176	+ <div class="box_wrap border accent">
	177	+ <div class="title">Parkinson’s Disease</div>
	178	+ <div class="box">
	179	+ <img src="/publish/usr/images/pipeline/brain_health_img01.png" alt="">
	180	+ <p>
	181	+ 도파민 신경세포사멸로 운동기능 및 인지장애 등을 동반하며, <br>
	182	+ <b>발병 원인이 불분명한 퇴행성 뇌질환</b>
	183	+ </p>
	184	+ </div>
	185	+ <img src="/publish/usr/images/pipeline/brain_health_img02.png" alt="">
	186	+ <p class="box_text white">오는 2030년 <b>관련 시장 규모는 77억 달러까지 성장</b>할 것으로 전망</p>
	187	+ </div>
	188	+ </dd>
	189	+ </dl>
	190	+ <dl>
	191	+ <dt>
	192	+ <b>기존 파킨슨병 치료제 및 경쟁사 현황</b>
	193	+ </dt>
	194	+ <dd>
	195	+ <ul class="box_small white">
	196	+ <li>
	197	+ <i class="icon brain01"></i>
	198	+ <p>
	199	+ 레보도파/카르비도파, 도파민 수용체 작용제,
	200	+ MAO inhibitor, COMT inhibitor, 항콜린제 등 사용
	201	+ <small>*근본적 치료제가 아닌 증상 완화제</small>
	202	+ </p>
	203	+ </li>
	204	+ <li>
	205	+ <i class="icon brain02"></i>
	206	+ <p>
	207	+ <b>Novartis, Abbvie, Merck, Astellas</b> 등은
	208	+ <b>자가포식 기전과 미토콘드리아 등 소기관 항상성 관련 기술</b>로 활발한 신규 약물개발 진행
	209	+ </p>
	210	+ </li>
	211	+ </ul>
	212	+ </dd>
	213	+ </dl>
	214	+ </div>
	215	+
	216	+ <div class="dl_wrap fill accent">
	217	+ <dl class="w100per">
	218	+ <dt>오가시스 파킨슨병 치료제 개발 현황</dt>
	219	+ <dd>
	220	+ <ol class="timeline_list">
	221	+ <li>
	222	+ <div class="year">2024</div>
	223	+
	224	+ <div class="line"></div>
	225	+
	226	+ <div class="content">
	227	+ <strong><b>선도물질 도출</b><span>(~2024.2Q)</span></strong>
	228	+ </div>
	229	+ </li>
	230	+
	231	+ <li class="active">
	232	+ <div class="year">2025</div>
	233	+
	234	+ <div class="line"></div>
	235	+
	236	+ <div class="content">
	237	+ <strong><b>Target ID</b></strong>
	238	+ <strong><b>후보물질 도출</b></strong>
	239	+ </div>
	240	+ </li>
	241	+
	242	+ <li>
	243	+ <div class="year">2026</div>
	244	+
	245	+ <div class="line"></div>
	246	+
	247	+ <div class="content">
	248	+ <strong><b>국내 공동연구</b> 추진</strong>
	249	+ <strong><b>I.P</b> 확보</strong>
	250	+ </div>
	251	+ </li>
	252	+
	253	+ <li>
	254	+ <div class="year">2027</div>
	255	+
	256	+ <div class="line"></div>
	257	+
	258	+ <div class="content">
	259	+ <strong><b>전임상(GLP Tox)</b></strong>
	260	+ </div>
	261	+ </li>
	262	+
	263	+ <li>
	264	+ <div class="year">2028</div>
	265	+
	266	+ <div class="line"></div>
	267	+
	268	+ <div class="content">
	269	+ <strong><b>P1 IND</b></strong>
	270	+ <strong><b>임상 1상</b> 진입</strong>
	271	+ </div>
	272	+ </li>
	273	+
	274	+ <li>
	275	+ <div class="year">2029~</div>
	276	+
	277	+ <div class="line"></div>
	278	+
	279	+ <div class="content">
	280	+ <strong><b>임상 1상 완료</b><span>(~2029.4Q)</span></strong>
	281	+ <strong><b>글로벌 L/O</b> 추진</strong>
	282	+ </div>
	283	+ </li>
	284	+ </ol>
	285	+
	286	+ </dd>
	287	+ </dl>
	288	+ </div>
	289	+
	290	+ <div class="con_title" data-aos="fade-down">
	291	+ <strong class="title">파킨슨병 병인 및 타겟</strong>
	292	+ </div>
	293	+
	294	+ <div class="figure_content row legend_content">
	295	+ <img src="/publish/usr/images/pipeline/brain_health_img03.png" alt="">
	296	+ <div class="box">
	297	+ <img src="/publish/usr/images/pipeline/brain_health_img04.png" alt="">
	298	+ <ul class="legend_list">
	299	+ <li><i class="legend orange"></i> Mitophagy target : PINK/Parkin, USP30</li>
	300	+ <li><i class="legend blue"></i> Autophagy target : Lysosome function</li>
	301	+ </ul>
	302	+ </div>
	303	+ </div>
	304	+
	305	+
	306	+
	307	+ </div>
	308	+
	309	+
	310	+ </div>
	311	+ </div>
	312	+ </div>
	313	+
	314	+
	315	+
	316	+ </div>
	317	+
	318	+
	319	+
	320	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	321	+ </div>
	322	+
	323	+
	324	+</body>
	325	+
	326	+</html>(No newline at end of file)

70bac98

1aeaed5

src/main/webapp/publish/usr/pipeline/new-drugs/pipeline.html

--- src/main/webapp/publish/usr/pipeline/new-drugs/pipeline.html

+++ src/main/webapp/publish/usr/pipeline/new-drugs/pipeline.html

...	...	@@ -1,227 +1,227 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Pipeline > New drugs > 퇴행성 뇌질환</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		-
26		-</head>
27		-
28		-<body data-section="pipeline">
29		-
30		-
31		- <div class="wrap">
32		- <div data-include-path="../layout/_header.html"></div>
33		-
34		- <div id="container" class="container sub pipeline">
35		- <div class="sub_visual">
36		- <div class="inner">
37		- <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
38		- <div class="sub_visual_nav">
39		- <a href="../index.html"><i class="icon home"></i></a>
40		- <div class="snb_wrap">
41		- <button type="button" class="snb_title">메뉴</button>
42		- <ul class="snb_select">
43		- <li><a href="#">COMPANY</a></li>
44		- <li><a href="#">Platform Tech</a></li>
45		- <li><a href="#">Major Result</a></li>
46		- </ul>
47		- </div>
48		- <div class="snb_wrap">
49		- <button type="button" class="snb_title">메뉴</button>
50		- <ul class="snb_select">
51		- <li><a href="#">1depth</a></li>
52		- <li><a href="#">1depth</a></li>
53		- <li><a href="#">1depth</a></li>
54		- </ul>
55		- </div>
56		- </div>
57		- </div>
58		- </div>
59		- <div class="inner">
60		- <div class="content_wrap pipeline">
61		-
62		- <div class="contents">
63		-
64		- <div class="content_title">
65		- <h3>Pipeline Summary</h3>
66		- </div>
67		-
68		- <div class="con_title" data-aos="fade-down">
69		- <strong class="title">Pipeline Summary _ Current status</strong>
70		- </div>
71		-
72		- <div class="table_wrap" data-aos="fade-down">
73		- <table>
74		- <colgroup>
75		- <col style="width:5%;">
76		- <col style="width:5%;">
77		- <col style="width:7%;">
78		- <col style="width:5%;">
79		- <col style="width:4%;">
80		- <col style="width:4%;">
81		- <col style="width:4%;">
82		- <col style="width:4%;">
83		- <col style="width:4%;">
84		- <col style="width:4%;">
85		- <col style="width:3%;">
86		- </colgroup>
87		- <thead>
88		- <tr>
89		- <th rowspan="2">Modality</th>
90		- <th rowspan="2">Compounds</th>
91		- <th rowspan="2">Indication</th>
92		- <th rowspan="2">MoA</th>
93		- <th colspan="6">Development Stage</th>
94		- <th rowspan="2">비고</th>
95		- </tr>
96		- <tr>
97		- <th>Poc</th>
98		- <th>Hit</th>
99		- <th>H-to-L</th>
100		- <th>Lead Opt.</th>
101		- <th>Pre-clinical</th>
102		- <th>Clinical</th>
103		- </tr>
104		- </thead>
105		- <tbody>
106		- <tr>
107		- <th rowspan="6">Small<br>molecule</th>
108		- <td>OGS-101*</td>
109		- <td>Parkinson’s<br>disease</td>
110		- <td rowspan="4">Mitophagy<br>Inducer</td>
111		- <td colspan="6">
112		- <div class="graph graph4">
113		- <span>Lead Optimization</span>
114		- </div>
115		- <ul>
116		- <li></li>
117		- <li></li>
118		- <li></li>
119		- <li></li>
120		- <li>2025년<br>비임상 착수</li>
121		- <li></li>
122		- </ul>
123		- </td>
124		- <td></td>
125		- </tr>
126		- <tr>
127		- <td>OGS-101-1</td>
128		- <td>Myopathy</td>
129		- <td colspan="6">
130		- <div class="graph graph2"><span>PoC&Hit 도출</span></div>
131		- <ul>
132		- <li></li>
133		- <li></li>
134		- <li></li>
135		- <li></li>
136		- <li></li>
137		- <li></li>
138		- </ul>
139		- </td>
140		- <td></td>
141		- </tr>
142		- <tr>
143		- <td>OGS-101-2</td>
144		- <td>Hearing loss</td>
145		- <td colspan="6">
146		- <div class="graph graph1"><span>PoC</span></div>
147		- <ul>
148		- <li></li>
149		- <li></li>
150		- <li></li>
151		- <li></li>
152		- <li></li>
153		- <li></li>
154		- </ul>
155		- </td>
156		- <td></td>
157		- </tr>
158		- <tr>
159		- <td>OGS-102</td>
160		- <td>undisclosed</td>
161		- <td colspan="6">
162		- <div class="graph graph2"><span>Hit 도출</span></div>
163		- <ul>
164		- <li></li>
165		- <li></li>
166		- <li></li>
167		- <li></li>
168		- <li></li>
169		- <li></li>
170		- </ul>
171		- </td>
172		- <td></td>
173		- </tr>
174		- <tr>
175		- <td>OGS-801</td>
176		- <td>항암제(EGFR TKI)<br>내성암</td>
177		- <td>Autophagy<br>Inhibitor</td>
178		- <td colspan="6">
179		- <div class="graph graph2 purple"><span>Hit 도출</span></div>
180		- <ul>
181		- <li></li>
182		- <li></li>
183		- <li></li>
184		- <li>Candidate 도출<br>(2025년)</li>
185		- <li></li>
186		- </ul>
187		- </td>
188		- <td></td>
189		- </tr>
190		- <tr>
191		- <td>OGS-701</td>
192		- <td>희귀질환</td>
193		- <td>Ciliogenesis<br>Inducer</td>
194		- <td colspan="6">
195		- <div class="graph graph2 orange"><span>Hit 도출</span></div>
196		- <ul>
197		- <li></li>
198		- <li></li>
199		- <li></li>
200		- <li></li>
201		- <li>Candidate 도출<br>(2025년)</li>
202		- </ul>
203		- </td>
204		- <td></td>
205		- </tr>
206		- </tbody>
207		- </table>
208		- </div>
209		-
210		- <p class="input_desc">*OGS-101-1&2, etc : 공동개발을 통해 적응증 확장(퇴행성뇌질환; AD, ALS / 난청 / 녹내장 / Myopathy(근질환) 등)</p>
211		- </div>
212		- </div>
213		- </div>
214		-
215		-
216		-
217		- </div>
218		-
219		-
220		-
221		- <div data-include-path="../layout/_footer.html"></div>
222		- </div>
223		-
224		-
225		-</body>
226		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Pipeline > New drugs > 퇴행성 뇌질환</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+
	26	+</head>
	27	+
	28	+<body data-section="pipeline">
	29	+
	30	+
	31	+ <div class="wrap">
	32	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	33	+
	34	+ <div id="container" class="container sub pipeline">
	35	+ <div class="sub_visual">
	36	+ <div class="inner">
	37	+ <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
	38	+ <div class="sub_visual_nav">
	39	+ <a href="/publish/usr/index.html"><i class="icon home"></i></a>
	40	+ <div class="snb_wrap">
	41	+ <button type="button" class="snb_title">메뉴</button>
	42	+ <ul class="snb_select">
	43	+ <li><a href="#">COMPANY</a></li>
	44	+ <li><a href="#">Platform Tech</a></li>
	45	+ <li><a href="#">Major Result</a></li>
	46	+ </ul>
	47	+ </div>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">1depth</a></li>
	52	+ <li><a href="#">1depth</a></li>
	53	+ <li><a href="#">1depth</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ </div>
	57	+ </div>
	58	+ </div>
	59	+ <div class="inner">
	60	+ <div class="content_wrap pipeline">
	61	+
	62	+ <div class="contents">
	63	+
	64	+ <div class="content_title">
	65	+ <h3>Pipeline Summary</h3>
	66	+ </div>
	67	+
	68	+ <div class="con_title" data-aos="fade-down">
	69	+ <strong class="title">Pipeline Summary _ Current status</strong>
	70	+ </div>
	71	+
	72	+ <div class="table_wrap" data-aos="fade-down">
	73	+ <table>
	74	+ <colgroup>
	75	+ <col style="width:5%;">
	76	+ <col style="width:5%;">
	77	+ <col style="width:7%;">
	78	+ <col style="width:5%;">
	79	+ <col style="width:4%;">
	80	+ <col style="width:4%;">
	81	+ <col style="width:4%;">
	82	+ <col style="width:4%;">
	83	+ <col style="width:4%;">
	84	+ <col style="width:4%;">
	85	+ <col style="width:3%;">
	86	+ </colgroup>
	87	+ <thead>
	88	+ <tr>
	89	+ <th rowspan="2">Modality</th>
	90	+ <th rowspan="2">Compounds</th>
	91	+ <th rowspan="2">Indication</th>
	92	+ <th rowspan="2">MoA</th>
	93	+ <th colspan="6">Development Stage</th>
	94	+ <th rowspan="2">비고</th>
	95	+ </tr>
	96	+ <tr>
	97	+ <th>Poc</th>
	98	+ <th>Hit</th>
	99	+ <th>H-to-L</th>
	100	+ <th>Lead Opt.</th>
	101	+ <th>Pre-clinical</th>
	102	+ <th>Clinical</th>
	103	+ </tr>
	104	+ </thead>
	105	+ <tbody>
	106	+ <tr>
	107	+ <th rowspan="6">Small<br>molecule</th>
	108	+ <td>OGS-101*</td>
	109	+ <td>Parkinson’s<br>disease</td>
	110	+ <td rowspan="4">Mitophagy<br>Inducer</td>
	111	+ <td colspan="6">
	112	+ <div class="graph graph4">
	113	+ <span>Lead Optimization</span>
	114	+ </div>
	115	+ <ul>
	116	+ <li></li>
	117	+ <li></li>
	118	+ <li></li>
	119	+ <li></li>
	120	+ <li>2025년<br>비임상 착수</li>
	121	+ <li></li>
	122	+ </ul>
	123	+ </td>
	124	+ <td></td>
	125	+ </tr>
	126	+ <tr>
	127	+ <td>OGS-101-1</td>
	128	+ <td>Myopathy</td>
	129	+ <td colspan="6">
	130	+ <div class="graph graph2"><span>PoC&Hit 도출</span></div>
	131	+ <ul>
	132	+ <li></li>
	133	+ <li></li>
	134	+ <li></li>
	135	+ <li></li>
	136	+ <li></li>
	137	+ <li></li>
	138	+ </ul>
	139	+ </td>
	140	+ <td></td>
	141	+ </tr>
	142	+ <tr>
	143	+ <td>OGS-101-2</td>
	144	+ <td>Hearing loss</td>
	145	+ <td colspan="6">
	146	+ <div class="graph graph1"><span>PoC</span></div>
	147	+ <ul>
	148	+ <li></li>
	149	+ <li></li>
	150	+ <li></li>
	151	+ <li></li>
	152	+ <li></li>
	153	+ <li></li>
	154	+ </ul>
	155	+ </td>
	156	+ <td></td>
	157	+ </tr>
	158	+ <tr>
	159	+ <td>OGS-102</td>
	160	+ <td>undisclosed</td>
	161	+ <td colspan="6">
	162	+ <div class="graph graph2"><span>Hit 도출</span></div>
	163	+ <ul>
	164	+ <li></li>
	165	+ <li></li>
	166	+ <li></li>
	167	+ <li></li>
	168	+ <li></li>
	169	+ <li></li>
	170	+ </ul>
	171	+ </td>
	172	+ <td></td>
	173	+ </tr>
	174	+ <tr>
	175	+ <td>OGS-801</td>
	176	+ <td>항암제(EGFR TKI)<br>내성암</td>
	177	+ <td>Autophagy<br>Inhibitor</td>
	178	+ <td colspan="6">
	179	+ <div class="graph graph2 purple"><span>Hit 도출</span></div>
	180	+ <ul>
	181	+ <li></li>
	182	+ <li></li>
	183	+ <li></li>
	184	+ <li>Candidate 도출<br>(2025년)</li>
	185	+ <li></li>
	186	+ </ul>
	187	+ </td>
	188	+ <td></td>
	189	+ </tr>
	190	+ <tr>
	191	+ <td>OGS-701</td>
	192	+ <td>희귀질환</td>
	193	+ <td>Ciliogenesis<br>Inducer</td>
	194	+ <td colspan="6">
	195	+ <div class="graph graph2 orange"><span>Hit 도출</span></div>
	196	+ <ul>
	197	+ <li></li>
	198	+ <li></li>
	199	+ <li></li>
	200	+ <li></li>
	201	+ <li>Candidate 도출<br>(2025년)</li>
	202	+ </ul>
	203	+ </td>
	204	+ <td></td>
	205	+ </tr>
	206	+ </tbody>
	207	+ </table>
	208	+ </div>
	209	+
	210	+ <p class="input_desc">*OGS-101-1&2, etc : 공동개발을 통해 적응증 확장(퇴행성뇌질환; AD, ALS / 난청 / 녹내장 / Myopathy(근질환) 등)</p>
	211	+ </div>
	212	+ </div>
	213	+ </div>
	214	+
	215	+
	216	+
	217	+ </div>
	218	+
	219	+
	220	+
	221	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	222	+ </div>
	223	+
	224	+
	225	+</body>
	226	+
227	227	</html> (No newline at end of file)

70bac98

1aeaed5

src/main/webapp/publish/usr/pipeline/new-drugs/skin.html

--- src/main/webapp/publish/usr/pipeline/new-drugs/skin.html

+++ src/main/webapp/publish/usr/pipeline/new-drugs/skin.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Pipeline > New drugs > 피부질환</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-
-
-</head>
-
-<body data-section="pipeline">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub pipeline">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap pipeline">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>피부질환(준비중)</h3>
-            </div>
-
-            
-          </div>
-        </div>
-      </div>
-
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Pipeline > New drugs > 퇴행성 뇌질환</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+
+
+</head>
+
+<body data-section="pipeline">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub pipeline">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
+          <div class="sub_visual_nav">
+            <a href="/publish/usr/index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap pipeline skin">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>피부질환(건선/아토피)</h3>
+            </div>
+
+
+            <div class="figure_content column" data-aos="fade-down">
+
+              <div class="dl_wrap">
+                <dl>
+                  <dt>
+                    <b>경쟁사 치료제 개발 현황</b>
+                  </dt>
+                  <dd>
+                    <ul class="box_wrap white">
+                      <li>
+                        <i></i>
+                        <p>
+                          <b>TNF-a 항체</b>에서 <b>Interleukin류</b> 항체 기반
+                          주사제가 <b>시장 주도, 복용
+                            편의성</b>과 <b>약가 부담</b>이 <b>한계점</b>
+                        </p>
+                      </li>
+                      <li>
+                        <i></i>
+                        <p>
+                          더마반트사, 2022년
+                          <b>AhR 작용제</b>인 <b>Tapinarof</b>(VTAMA®)에 대한 FDA <b>승인 획득</b>
+                        </p>
+                      </li>
+                      <li>
+                        <i></i>
+                        <p>
+                          <b>일라이 릴리, 넥시스 테라퓨틱스</b> 등 활발히 후속약물 개발 중,
+                          이외 <b>글로벌 제약사 AhR기전 건선 치료제 개발</b> 중
+                        </p>
+                      </li>
+                    </ul>
+                  </dd>
+                </dl>
+                <dl>
+                  <dt>
+                    <b>글로벌 시장 규모</b>
+                  </dt>
+                  <dd>
+                    <img src="/publish/usr/images/pipeline/skin_img01.png" alt="">
+                  </dd>
+                </dl>
+              </div>
+
+              <div class="dl_wrap fill accent">
+                <dl class="w100per">
+                  <dt>오가시스 건선/아토피 치료제 개발 현황 및 계획</dt>
+                  <dd>
+                    <ol class="timeline_list">
+                      <li>
+                        <div class="year">2024</div>
+
+                        <div class="line"></div>
+
+                        <div class="content">
+                          <strong>선도물질 도출</strong>
+                        </div>
+                      </li>
+
+                      <li class="active">
+                        <div class="year">2025</div>
+
+                        <div class="line"></div>
+
+                        <div class="content">
+                          <strong>선도물질 최적화 및<b><br> 후보물질 도출</b></strong>
+                          <strong><b>특허출원</b></strong>
+                        </div>
+                      </li>
+
+                      <li>
+                        <div class="year">2026</div>
+
+                        <div class="line"></div>
+
+                        <div class="content">
+                          <strong><b>경구형 및 적응증<br> 확대 국내 공동연구</b></strong>
+                        </div>
+                      </li>
+
+                      <li>
+                        <div class="year">2027</div>
+
+                        <div class="line"></div>
+
+                        <div class="content">
+                          <strong><b>전임상(GLP Tox)</b></strong>
+                          <strong><b>국내 L/O</b> 추진</strong>
+                        </div>
+                      </li>
+
+                      <li>
+                        <div class="year">2028</div>
+
+                        <div class="line"></div>
+
+                        <div class="content">
+                          <strong><b>P1 IND</b></strong>
+                          <strong><b>글로벌 L/O</b> 추진</strong>
+                        </div>
+                      </li>
+
+                      <li>
+                        <div class="year">2029~</div>
+
+                        <div class="line"></div>
+
+                        <div class="content">
+                          <strong><b>임상 1상 완료</b></strong>
+                        </div>
+                      </li>
+                    </ol>
+
+                  </dd>
+                </dl>
+              </div>
+
+              <div class="figure_content row tech_content">
+                <div class="box">
+                  <img src="/publish/usr/images/pipeline/skin_img02.png" alt="">
+                  <ul class="box_wrap border accent">
+                    <li>
+                      <div class="title"><b class="number">1</b>스크리닝(AhR reporter assay)</div>
+                      <div class="box">
+                        <img src="/publish/usr/images/pipeline/skin_img03.png" alt="">
+                      </div>
+                    </li>
+                    <li>
+                      <div class="title"><b class="number">2</b>AhR nuclear translocation assay</div>
+                      <div class="box">
+                        <img src="/publish/usr/images/pipeline/skin_img04.png" alt="">
+                      </div>
+                    </li>
+                    <li>
+                      <div class="title"><b class="number">3</b>qRT-PCR(CYP1a1 expression)</div>
+                    </li>
+                    <li>
+                      <div class="title"><b class="number">4</b>염증성 사이토카인 level(IL-17a 등)
+                        증감 평가 계획</div>
+                    </li>
+                  </ul>
+                </div>
+                <div class="box_wrap border purple">
+                  <div class="title">Hit to Lead & Candidate evaluation</div>
+                  <div class="box">
+                    <ul class="figure_desc square">
+                      <li>Reporter gene 평가 : EC50  수 nM ~ pM</li>
+                      <li>Activated AhR Translocation : EC50 0.xnM</li>
+                      <li>Transcriptional Factor Evaluation : CYP1A1 등</li>
+                      <li>Barrier Gene Evaluation : FLG, NQO 등</li>
+                      <li>Various Skin & IBD Related Cell Evaluation</li>
+                      <li>Target Protein Binding : PAS-B Domain 등</li>
+                      <li>ADMET & Physical Property Evaluation</li>
+                      <li>Medi-Chem & Structures Optimization</li>
+                      <li>SAR & I.P Expansion</li>
+                      <li>In vivo Evaluation (Tox & Efficacy)</li>
+                    </ul>
+                    <img src="/publish/usr/images/pipeline/skin_img05.png" alt="">
+                  </div>
+                </div>
+              </div>
+
+
+
+            </div>
+
+
+          </div>
+        </div>
+      </div>
+
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/ai/ai_organelle.html

--- src/main/webapp/publish/usr/platform-tech/ai/ai_organelle.html

+++ src/main/webapp/publish/usr/platform-tech/ai/ai_organelle.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > AI co-scientist > AI-assisted Organelle homeostasis</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap mitophagy">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>AI-assisted Organelle homeostasis(준비중)</h3>
-            </div>
-
-          </div>
-        </div>
-
-        <div data-include-path="./autophagy-common.html"></div>
-
-      </div>
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > AI co-scientist > AI-assisted Organelle homeostasis</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  	<script>
+  		$(function(){
+  			AOS.init();	
+  		})
+  		
+  	</script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap mitophagy">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>AI-assisted Organelle homeostasis(준비중)</h3>
+            </div>
+
+          </div>
+        </div>
+
+        <div data-include-path="./autophagy-common.html"></div>
+
+      </div>
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/autophagy/erphagy.html

--- src/main/webapp/publish/usr/platform-tech/autophagy/erphagy.html

+++ src/main/webapp/publish/usr/platform-tech/autophagy/erphagy.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Selective Autophagy > Erphagy</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap mitophagy">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Erphagy(대기중)</h3>
-            </div>
-
-          </div>
-        </div>
-
-        <div data-include-path="./autophagy-common.html"></div>
-
-      </div>
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Selective Autophagy > Erphagy</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  	<script>
+  		$(function(){
+  			AOS.init();	
+  		})
+  		
+  	</script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="../layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap mitophagy">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Erphagy(대기중)</h3>
+            </div>
+
+          </div>
+        </div>
+
+        <div data-include-path="./autophagy-common.html"></div>
+
+      </div>
+
+
+    </div>
+
+
+
+    <div data-include-path="../layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/autophagy/golgiphagy.html

--- src/main/webapp/publish/usr/platform-tech/autophagy/golgiphagy.html

+++ src/main/webapp/publish/usr/platform-tech/autophagy/golgiphagy.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Selective Autophagy > Golgiphagy</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap mitophagy">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Golgiphagy(준비중)</h3>
-            </div>
-
-
-          </div>
-        </div>
-
-        <div data-include-path="./autophagy-common.html"></div>
-
-      </div>
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Selective Autophagy > Golgiphagy</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  	<script>
+  		$(function(){
+  			AOS.init();	
+  		})
+  		
+  	</script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="../layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap mitophagy">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Golgiphagy(준비중)</h3>
+            </div>
+
+
+          </div>
+        </div>
+
+        <div data-include-path="./autophagy-common.html"></div>
+
+      </div>
+
+
+    </div>
+
+
+
+    <div data-include-path="../layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/autophagy/lysophagy.html

--- src/main/webapp/publish/usr/platform-tech/autophagy/lysophagy.html

+++ src/main/webapp/publish/usr/platform-tech/autophagy/lysophagy.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Selective Autophagy > Lysophagy</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap mitophagy">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Lysophagy(준비중)</h3>
-            </div>
-
-          </div>
-        </div>
-
-        <div data-include-path="./autophagy-common.html"></div>
-
-      </div>
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Selective Autophagy > Lysophagy</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+  <!-- 캘린더 -->
+  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
+  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
+  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  	<script>
+  		$(function(){
+  			AOS.init();	
+  		})
+  		
+  	</script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="../layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap mitophagy">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Lysophagy(준비중)</h3>
+            </div>
+
+          </div>
+        </div>
+
+        <div data-include-path="./autophagy-common.html"></div>
+
+      </div>
+
+
+    </div>
+
+
+
+    <div data-include-path="../layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/autophagy/melanophagy.html

--- src/main/webapp/publish/usr/platform-tech/autophagy/melanophagy.html

+++ src/main/webapp/publish/usr/platform-tech/autophagy/melanophagy.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Selective Autophagy > Melanophagy</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  <script>
-    $(function(){
-      AOS.init();	
-    })
-    
-  </script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap mitophagy">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Melanophagy</h3>
-            </div>
-
-            <div class="con_title" data-aos="fade-down">
-              <span class="text_primary summary">Melanophagy Inducer</span>
-              <strong class="title">Melanophagy Disease</strong>
-            </div>
-            
-            <div class="figure_content row">
-              <div class="box" data-aos="fade-right">
-                <img src="../../images/platform-tech/melanophagy_1.png" alt="">
-              </div>
-              <ul class="figure_desc circle" data-aos="fade-left">
-                <li>Vitiligo</li>
-                <li>Melanoma</li>
-                <li>Freckles</li>
-              </ul>
-            </div>
-            
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">Melaophagy inducer screening platforms</strong>
-            </div>
-
-            <div class="figure_content column">
-              
-              <ul class="figure_desc square" data-aos="fade-down">
-                <li>Selective melanin modulator I.D</li>
-                <li>Nomenclature ‘melanophagy& co-Research with major comp.</li>
-                <li>
-                  PLoS One (2020) BBRC (2019)
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/melanophagy_2.png" alt="">
-                  </div>
-                </li>
-                <li>
-                  멜라노파지 모니터링 플랫폼 (B16F1/mRFP-EGFP 세포주)에서 melanophagy inducer 처리에 따른 멜라노파지 증가와 멜라닌 감소
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/melanophagy_3.png" alt="">
-                  </div>
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/melanophagy_4.png" alt="">
-                  </div>
-                </li>
-                
-              </ul>
-            </div>
-          </div>
-          <div data-include-path="./autophagy-common.html"></div>
-        </div>
-      </div>
-
-
-    </div>
-
-
-
-    <div data-include-path="../../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Selective Autophagy > Melanophagy</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  <script>
+    $(function(){
+      AOS.init();	
+    })
+    
+  </script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap mitophagy">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Melanophagy</h3>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <span class="text_primary summary">Melanophagy Inducer</span>
+              <strong class="title">Melanophagy Disease</strong>
+            </div>
+            
+            <div class="figure_content row">
+              <div class="box" data-aos="fade-right">
+                <img src="/publish/usr/images/platform-tech/melanophagy_1.png" alt="">
+              </div>
+              <ul class="figure_desc circle" data-aos="fade-left">
+                <li>Vitiligo</li>
+                <li>Melanoma</li>
+                <li>Freckles</li>
+              </ul>
+            </div>
+            
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Melaophagy inducer screening platforms</strong>
+            </div>
+
+            <div class="figure_content column">
+              
+              <ul class="figure_desc square" data-aos="fade-down">
+                <li>Selective melanin modulator I.D</li>
+                <li>Nomenclature ‘melanophagy& co-Research with major comp.</li>
+                <li>
+                  PLoS One (2020) BBRC (2019), Cells(2023), Autophagy(2024)
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/melanophagy_2.png" alt="">
+                  </div>
+                </li>
+                <li>
+                  멜라노파지 모니터링 플랫폼 (B16F1/mRFP-EGFP 세포주)에서 melanophagy inducer 처리에 따른 멜라노파지 증가와 멜라닌 감소
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/melanophagy_3.png" alt="">
+                  </div>
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/melanophagy_4.png" alt="">
+                  </div>
+                </li>
+                
+              </ul>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Melanophagy</strong>
+            </div>
+
+            <ul class="paper_content" data-aos="fade-down">
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/melanophagy_paper_1.png" alt="">
+                <strong class="summary">(Autophagy, 2024)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/melanophagy_paper_2.png" alt="">
+                <strong class="summary">(Cells 2023)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/melanophagy_paper_3.png" alt="">
+                <strong class="summary">(Cosmetics 2024)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/melanophagy_paper_4.png" alt="">
+                <strong class="summary">(PLOS ONE 2020)</strong>
+              </li>
+            </ul>
+
+          </div>
+          <div data-include-path="./autophagy-common.html"></div>
+        </div>
+      </div>
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/autophagy/mitophagy.html

--- src/main/webapp/publish/usr/platform-tech/autophagy/mitophagy.html

+++ src/main/webapp/publish/usr/platform-tech/autophagy/mitophagy.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Selective Autophagy > Mitophagy</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">PLATFORM TECHNOLOGIES</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Mitophagy</h3>
-            </div>
-
-            <div class="con_title" data-aos="fade-down">
-              <span class="text_primary summary">Mitophagy Inducer</span>
-              <strong class="title">Mitophagy : Not only Parkinson's disease</strong>
-            </div>
-            
-            <div class="figure_content row">
-              <div class="box" data-aos="fade-right">
-                <img src="../../images/platform-tech/mitophagy_1.png" alt="">
-              </div>
-              <ul class="figure_desc circle" data-aos="fade-left">
-                <li>Alzheimer’s disease</li>
-                <li>Autism spectrum disorder</li>
-                <li>Alcoholic Liver Disease</li>
-                <li>Diabetic Kidney Disease (DKD)...</li>
-              </ul>
-            </div>
-            
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">Mitophagy inducer screening for various library</strong>
-            </div>
-
-            <div class="figure_content column">
-              
-              <ul class="figure_desc square" data-aos="fade-down">
-                <li>’20yr research (Science 2009 외 30여편)</li>
-                <li>Selective mitophagy modulator I.D</li>
-                <li>
-                  Global R&D Project / lead comp. I.D
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/mitophagy_2.png" alt="">
-                  </div>
-                </li>
-                <li>
-                  신경세포주 SH-SY5Y/GFP-Parkin 세포주에 mitophagy inducer 처리에 따른 Parkin 의존적 mitophagy 증가
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/mitophagy_3.png" alt="">
-                  </div>
-                </li>
-                <li>
-                  마이토파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-Fis1세포주)에서 mitophagy inducer 처리에 따른 마이토파지 증가
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/mitophagy_4.png" alt="">
-                  </div>
-                </li>
-                <li>
-                  마이토파지 모니터링 플랫폼 (SH-SY5Y/mKeima) 세포주)에서 mitophagy Inducer 처리에 따른 마이토파지 증가
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/mitophagy_5.png" alt="">
-                  </div>
-                </li>
-                
-              </ul>
-            </div>
-          </div>
-          <div data-include-path="./autophagy-common.html"></div>
-        </div>
-        
-      </div>
-
-
-
-    </div>
-
-
-
-    <div data-include-path="../../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Selective Autophagy > Mitophagy</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  <script>
+    $(function () {
+      AOS.init();
+    })
+  </script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">PLATFORM TECHNOLOGIES</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Mitophagy</h3>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <span class="text_primary summary">Mitophagy Inducer</span>
+              <strong class="title">Mitophagy : Not only Parkinson's disease</strong>
+            </div>
+
+            <div class="figure_content row">
+              <div class="box" data-aos="fade-right">
+                <img src="/publish/usr/images/platform-tech/mitophagy_1.png" alt="">
+              </div>
+              <ul class="figure_desc circle" data-aos="fade-left">
+                <li>Alzheimer’s disease</li>
+                <li>Autism spectrum disorder</li>
+                <li>Alcoholic Liver Disease</li>
+                <li>Diabetic Kidney Disease (DKD)...</li>
+              </ul>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Mitophagy inducer screening for various library</strong>
+            </div>
+
+            <div class="figure_content column">
+
+              <ul class="figure_desc square" data-aos="fade-down">
+                <li>’20yr research (Science 2009 외 30여편)</li>
+                <li>Selective mitophagy modulator I.D</li>
+                <li>
+                  Global R&D Project / lead comp. I.D
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/mitophagy_2.png" alt="">
+                  </div>
+                </li>
+                <li>
+                  신경세포주 SH-SY5Y/GFP-Parkin 세포주에 mitophagy inducer 처리에 따른 Parkin 의존적 mitophagy 증가
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/mitophagy_3.png" alt="">
+                  </div>
+                </li>
+                <li>
+                  마이토파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-Fis1세포주)에서 mitophagy inducer 처리에 따른 마이토파지 증가
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/mitophagy_4.png" alt="">
+                  </div>
+                </li>
+                <li>
+                  마이토파지 모니터링 플랫폼 (SH-SY5Y/mKeima) 세포주)에서 mitophagy Inducer 처리에 따른 마이토파지 증가
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/mitophagy_5.png" alt="">
+                  </div>
+                </li>
+
+              </ul>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Mitophagy & Autophagy</strong>
+            </div>
+
+
+            <ul class="paper_content">
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/mitophagy_paper_1.png" alt="">
+                <strong class="summary">(Autophagy, 2023)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/mitophagy_paper_2.png" alt="">
+                <strong class="summary">(Mol Cells, 2020)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/mitophagy_paper_3.png" alt="">
+                <strong class="summary">(FASEB J 2019)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/mitophagy_paper_4.png" alt="">
+                <strong class="summary">(Mol Brain, 2023)</strong>
+              </li>
+            </ul>
+
+
+          </div>
+          <div data-include-path="./autophagy-common.html"></div>
+        </div>
+
+      </div>
+
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

1aeaed5

src/main/webapp/publish/usr/platform-tech/autophagy/other.html (added)

+++ src/main/webapp/publish/usr/platform-tech/autophagy/other.html

...	...	@@ -0,0 +1,116 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Selective Autophagy > Mitophagy</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	26	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	27	+ <script>
	28	+ $(function () {
	29	+ AOS.init();
	30	+ })
	31	+ </script>
	32	+
	33	+
	34	+</head>
	35	+
	36	+<body data-section="platform-tech">
	37	+
	38	+
	39	+ <div class="wrap">
	40	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	41	+
	42	+ <div id="container" class="container sub platform_tech">
	43	+ <div class="sub_visual">
	44	+ <div class="inner">
	45	+ <h2 class="sub_title" data-section="platform-tech">PLATFORM TECHNOLOGIES</h2>
	46	+ <div class="sub_visual_nav">
	47	+ <a href="../index.html"><i class="icon home"></i></a>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">COMPANY</a></li>
	52	+ <li><a href="#">Platform Tech</a></li>
	53	+ <li><a href="#">Major Result</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ <div class="snb_wrap">
	57	+ <button type="button" class="snb_title">메뉴</button>
	58	+ <ul class="snb_select">
	59	+ <li><a href="#">1depth</a></li>
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ </ul>
	63	+ </div>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ <div class="inner">
	68	+ <div class="content_wrap">
	69	+
	70	+ <div class="contents">
	71	+
	72	+ <div class="content_title">
	73	+ <h3>Other Selective autophagy <br> <span class="small">(Erphagy/Lysophagy/Golgiphagy)</span></h3>
	74	+ </div>
	75	+
	76	+ <div class="figure_content column">
	77	+ <div class="box" data-aos="fade-right">
	78	+ <img src="/publish/usr/images/platform-tech/other_1.png" alt="">
	79	+ </div>
	80	+ </div>
	81	+
	82	+ <div class="con_title" data-aos="fade-down">
	83	+ <strong class="title">Lysophagy</strong>
	84	+ </div>
	85	+
	86	+ <ul class="paper_content" data-aos="fade-down">
	87	+ <li class="box">
	88	+ <img src="/publish/usr/images/platform-tech/other_paper_1.png" alt="">
	89	+ <strong class="summary">(CDD, 2026)</strong>
	90	+ </li>
	91	+ <li class="box">
	92	+ <img src="/publish/usr/images/platform-tech/other_paper_2.png" alt="">
	93	+ <strong class="summary">(Nat Comm, 2025)</strong>
	94	+ </li>
	95	+ </ul>
	96	+
	97	+
	98	+ </div>
	99	+ <div data-include-path="./autophagy-common.html"></div>
	100	+ </div>
	101	+
	102	+ </div>
	103	+
	104	+
	105	+
	106	+ </div>
	107	+
	108	+
	109	+
	110	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	111	+ </div>
	112	+
	113	+
	114	+</body>
	115	+
	116	+</html>(No newline at end of file)

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/autophagy/pexophagy.html

--- src/main/webapp/publish/usr/platform-tech/autophagy/pexophagy.html

+++ src/main/webapp/publish/usr/platform-tech/autophagy/pexophagy.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Selective Autophagy > Pexophagy</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap mitophagy">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Pexophagy</h3>
-            </div>
-
-            <div class="con_title" data-aos="fade-down">
-              <span class="text_primary summary">Pexophagy Inducer</span>
-              <strong class="title">Peroxisome dysfunction in disease</strong>
-            </div>
-            
-            <div class="figure_content row">
-              <div class="box" data-aos="fade-right">
-                <img src="../images/major_result/pexophagy_1.png" alt="">
-              </div>
-              <ul class="figure_desc circle" data-aos="fade-left">
-                <li>X-linked adrenoleukodystrophy</li>
-                <li>Skeletal abnormalities</li>
-                <li>Alzheimer’s disease</li>
-                <li>Neonatal hypotonia</li>
-                <li>Bile Acid Synthesis Defect</li>
-                <li>Cancer</li>
-                <li>Diabetes</li>
-              </ul>
-            </div>
-            
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">Pexophagy inducer screening for various library</strong>
-            </div>
-
-            <div class="figure_content column">
-              
-              <ul class="figure_desc square" data-aos="fade-down">
-                <li>Global first target & M.O.A</li>
-                <li>Novel target I.D</li>
-                <li>1st in class : First I.D Mecham.</li>
-                <li>
-                  Autophagy (2020), BBRC (2021)
-                  <div class="box" data-aos="fade-down">
-                    <img src="../images/major_result/pexophagy_2.png" alt="">
-                  </div>
-                </li>
-                <li>
-                  펙소파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-PTS1 세포주)에서 pexophagy inducer 처리에 따른 펙소파지 증가
-                  <div class="box" data-aos="fade-down">
-                    <img src="../images/major_result/pexophagy_3.png" alt="">
-                  </div>
-                </li>
-                
-              </ul>
-            </div>
-          </div>
-        </div>
-
-        <div data-include-path="./autophagy-common.html"></div>
-
-      </div>
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Selective Autophagy > Pexophagy</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  <script>
+    $(function () {
+      AOS.init();
+    })
+  </script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="/publish/usr/index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap mitophagy">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Pexophagy</h3>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <span class="text_primary summary">Pexophagy Inducer</span>
+              <strong class="title">Peroxisome dysfunction in disease</strong>
+            </div>
+
+            <div class="figure_content row">
+              <div class="box" data-aos="fade-right">
+                <img src="/publish/usr/images/major_result/pexophagy_1.png" alt="">
+              </div>
+              <ul class="figure_desc circle" data-aos="fade-left">
+                <li>X-linked adrenoleukodystrophy</li>
+                <li>Skeletal abnormalities</li>
+                <li>Alzheimer’s disease</li>
+                <li>Neonatal hypotonia</li>
+                <li>Bile Acid Synthesis Defect</li>
+                <li>Cancer</li>
+                <li>Diabetes</li>
+              </ul>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Pexophagy inducer screening for various library</strong>
+            </div>
+
+            <div class="figure_content column">
+
+              <ul class="figure_desc square" data-aos="fade-down">
+                <li>Global first target & M.O.A</li>
+                <li>Novel target I.D</li>
+                <li>1st in class : First I.D Mecham.</li>
+                <li>
+                  Autophagy (2020), BBRC (2021)
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/major_result/pexophagy_2.png" alt="">
+                  </div>
+                </li>
+                <li>
+                  펙소파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-PTS1 세포주)에서 pexophagy inducer 처리에 따른 펙소파지 증가
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/major_result/pexophagy_3.png" alt="">
+                  </div>
+                </li>
+
+              </ul>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Pexophagy</strong>
+            </div>
+
+            <ul class="paper_content">
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/pexophagy_paper_1.png" alt="">
+                <strong class="summary">(CDD, 2026)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/pexophagy_paper_2.png" alt="">
+                <strong class="summary">(Autophagy, 2023)</strong>
+              </li>
+            </ul>
+
+          </div>
+        </div>
+
+        <div data-include-path="./autophagy-common.html"></div>
+
+      </div>
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/organelle/ahr.html

--- src/main/webapp/publish/usr/platform-tech/organelle/ahr.html

+++ src/main/webapp/publish/usr/platform-tech/organelle/ahr.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>AHR mechanism</h3>
-            </div>
-
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">Arylhydrocarbon Receptor(AhR, 아릴탄화수소 수용체)는 외부 및 내부의 리간드(ligands)에 의해 활성의 변화에 따라 관련 target gene 을 조절하는 전사인자로 기존에 잘 알려져 있음</strong>
-            </div>
-            
-            <div class="figure_content column">
-              <ul class="figure_desc square" data-aos="fade-down">
-                <li>
-                  AhR signaling pathway(Nature Reviews Immunology)
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/ahr_1.png" alt="">
-                  </div>
-                </li>
-              </ul>
-            </div>
-
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">AhR을 활성을 높이는 작용제는 특히, 건선과 같은 피부질환에서 중요한 역할을 하는데 면역 및 염증 반응과 관련된, 특히 높은 발현률을 보이는 Th17나 Treg 세포에서 IL-4/IL-13 및 IL-17/IL-22와 같은 염증성 사이토카인 분비 조절 작용을 통해 각각 건선이나 아토피 치료에 유효한 효과를 나타내는 것이 밝혀졌음</strong>
-            </div>
-            
-            <div class="figure_content column">
-              <ul class="figure_desc square" data-aos="fade-down">
-                <li>
-                  AhR signal and action points of tapinarof(Int. J. Mol. Sci.)
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/ahr_2.png" alt="">
-                  </div>
-                </li>
-              </ul>
-            </div>
-
-          </div>
-        </div>
-      </div>
-
-
-
-    </div>
-
-
-
-    <div data-include-path="../../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  	<script>
+  		$(function(){
+  			AOS.init();	
+  		})
+  		
+  	</script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>AHR mechanism</h3>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Arylhydrocarbon Receptor(AhR, 아릴탄화수소 수용체)는 외부 및 내부의 리간드(ligands)에 의해 활성의 변화에 따라 관련 target gene 을 조절하는 전사인자로 기존에 잘 알려져 있음</strong>
+            </div>
+            
+            <div class="figure_content column">
+              <ul class="figure_desc square" data-aos="fade-down">
+                <li>
+                  AhR signaling pathway(Nature Reviews Immunology)
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/ahr_1.png" alt="">
+                  </div>
+                </li>
+              </ul>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">AhR을 활성을 높이는 작용제는 특히, 건선과 같은 피부질환에서 중요한 역할을 하는데 면역 및 염증 반응과 관련된, 특히 높은 발현률을 보이는 Th17나 Treg 세포에서 IL-4/IL-13 및 IL-17/IL-22와 같은 염증성 사이토카인 분비 조절 작용을 통해 각각 건선이나 아토피 치료에 유효한 효과를 나타내는 것이 밝혀졌음</strong>
+            </div>
+            
+            <div class="figure_content column">
+              <ul class="figure_desc square" data-aos="fade-down">
+                <li>
+                  AhR signal and action points of tapinarof(Int. J. Mol. Sci.)
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/ahr_2.png" alt="">
+                  </div>
+                </li>
+              </ul>
+            </div>
+
+          </div>
+        </div>
+      </div>
+
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/organelle/ciliogenesis.html

--- src/main/webapp/publish/usr/platform-tech/organelle/ciliogenesis.html

+++ src/main/webapp/publish/usr/platform-tech/organelle/ciliogenesis.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Ciliogenesis</h3>
-            </div>
-
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">Ciliogenesis inducer screening platforms</strong>
-            </div>
-            
-            <div class="figure_content column">
-              
-              <ul class="figure_desc square" data-aos="fade-down">
-                <li>Global first target & M.O.A</li>
-                <li>Pharma : first reveal the relationship of target gene 8 ciliogenesis</li>
-                <li>Cosmetic : first define the effect P.M of through cilia</li>
-                <li>
-                  Molecules (2021), Sci Rep (2019), PLoS One (2016)
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/ciliogenesis_1.png" alt="">
-                  </div>
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/ciliogenesis_2.png" alt="">
-                  </div>
-                </li>
-                <li>
-                  SH-SY5Y 신경세포주에서 primary cilia (일차섬모) 유도인자 처리에 따른 섬모형성 증가
-                  <div class="box" data-aos="fade-down">
-                    <img src="../../images/platform-tech/ciliogenesis_3.png" alt="">
-                  </div>
-                </li>
-              </ul>
-              <img src="../../images/platform-tech/ciliogenesis_4.png" alt="" style="margin: 0 auto;">
-            </div>
-          </div>
-        </div>
-      </div>
-
-
-
-    </div>
-
-
-
-    <div data-include-path="../../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  	<script>
+  		$(function(){
+  			AOS.init();	
+  		})
+  		
+  	</script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Ciliogenesis</h3>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Ciliogenesis inducer screening platforms</strong>
+            </div>
+            
+            <div class="figure_content column">
+              
+              <ul class="figure_desc square" data-aos="fade-down">
+                <li>Global first target & M.O.A</li>
+                <li>Pharma : first reveal the relationship of target gene 8 ciliogenesis</li>
+                <li>Cosmetic : first define the effect P.M of through cilia</li>
+                <li>
+                  Nat Comm(2025), Sci Rep(2025), Molecules (2021), Sci Rep (2019), PLoS One (2016)
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/ciliogenesis_1.png" alt="">
+                  </div>
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/ciliogenesis_2.png" alt="">
+                  </div>
+                </li>
+                <li>
+                  SH-SY5Y 신경세포주에서 primary cilia (일차섬모) 유도인자 처리에 따른 섬모형성 증가
+                  <div class="box" data-aos="fade-down">
+                    <img src="/publish/usr/images/platform-tech/ciliogenesis_3.png" alt="">
+                  </div>
+                </li>
+              </ul>
+              <img src="/publish/usr/images/platform-tech/ciliogenesis_4.png" alt="" style="margin: 0 auto;">
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Ciliogenesis</strong>
+            </div>
+
+            <ul class="paper_content"  data-aos="fade-down">
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_1.png" alt="">
+                <strong class="summary">(Nat Comm, 2025)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_2.png" alt="">
+                <strong class="summary">(Sci Rep, 2025)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_3.png" alt="">
+                <strong class="summary">(Molecule, 2021)</strong>
+              </li>
+              <li class="box">
+                <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_4.png" alt="">
+                <strong class="summary">(Sci Rep, 2019)</strong>
+              </li>
+            </ul>
+
+          </div>
+        </div>
+      </div>
+
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/screening/animal_model.html

--- src/main/webapp/publish/usr/platform-tech/screening/animal_model.html

+++ src/main/webapp/publish/usr/platform-tech/screening/animal_model.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Technologies > Screening > Animal model</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
-  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
-  	<script>
-  		$(function(){
-  			AOS.init();	
-  		})
-  		
-  	</script>
-
-
-</head>
-
-<body data-section="platform-tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform_tech">PLATFORM TECHNOLOGIES</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap mitophagy">
-
-          <div class="contents">
-
-            <div class="content_title">
-              <h3>Animal model(준비중)</h3>
-            </div>
-
-          </div>
-        </div>
-
-        <div data-include-path="./autophagy-common.html"></div>
-
-      </div>
-
-
-    </div>
-
-
-
-    <div data-include-path="../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Technologies > Screening > Animal model</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+
+  <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
+  	<script src="/publish/common/script/plugin/aos-next/aos.js"></script>
+  	<script>
+  		$(function(){
+  			AOS.init();	
+  		})
+  		
+  	</script>
+
+
+</head>
+
+<body data-section="platform-tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform_tech">PLATFORM TECHNOLOGIES</h2>
+          <div class="sub_visual_nav">
+            <a href="/publish/usr/index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap mitophagy">
+
+          <div class="contents">
+
+            <div class="content_title">
+              <h3>Animal model(준비중)</h3>
+            </div>
+
+          </div>
+        </div>
+
+        <div data-include-path="./autophagy-common.html"></div>
+
+      </div>
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/platform-tech/screening/hts_system.html

--- src/main/webapp/publish/usr/platform-tech/screening/hts_system.html

+++ src/main/webapp/publish/usr/platform-tech/screening/hts_system.html


-<!DOCTYPE html>
-<html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Platform Tech > Screening > Imaging-based HTS system</title>
-
-  <!-- css -->
-  <link rel="stylesheet" href="../../../../css/reset.css">
-  <link rel="stylesheet" href="../../../../css/font.css">
-  <link rel="stylesheet" href="../../layout/layout.css">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/style.css">
-  <link rel="stylesheet" href="../../css/content.css">
-  <!-- //css -->
-
-  <!-- script -->
-  <script src="../../../../js/jquery-3.5.0.js"></script>
-  <script src="../../script/common.js"></script>
-  <script src="../../layout/layout.js"></script>
-  <!-- //script -->
-
-  <!-- 캘린더 -->
-  <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
-  <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
-  <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
-
-
-</head>
-
-<body data-section="platform_tech">
-
-
-  <div class="wrap">
-    <div data-include-path="../../layout/_header.html"></div>
-
-    <div id="container" class="container sub platform_tech">
-      <div class="sub_visual">
-        <div class="inner">
-          <h2 class="sub_title" data-section="platform_tech">PLATFORM TECHNOLOGIES</h2>
-          <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">COMPANY</a></li>
-                <li><a href="#">Platform Tech</a></li>
-                <li><a href="#">Major Result</a></li>
-              </ul>
-            </div>
-            <div class="snb_wrap">
-              <button type="button" class="snb_title">메뉴</button>
-              <ul class="snb_select">
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-                <li><a href="#">1depth</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="inner">
-        <div class="content_wrap hts_system">
-
-          <div class="contents">
-
-            <div class="content_title" data-aos="fade-down">
-              <h3>Imaging-based HTS system</h3>
-            </div>
-
-            <div class="con_title" data-aos="fade-down">
-              <strong class="title">Core Technology _ ORAUTACTM screening platform ( in vitro & in vivo)</strong>
-            </div>
-
-            <div class="dl_wrap">
-              <dl class="w100per">
-                <dt>
-                  <b>HCS & General Assay for Organelles</b>
-                </dt>
-                <dd>
-                  <img src="../../images/platform-tech/hts_1.png" alt="">
-                </dd>
-              </dl>
-            </div>
-            <div class="dl_wrap mt60">
-              <dl class="w100per">
-                <dt>
-                  <b>ORAUTACTM platform: In vitro & In vivo (Fly, Fish & Mouse)</b>
-                </dt>
-                <dd class="dd_table">
-                  <div class="table_wrap" data-aos="fade-down">
-                    <table>
-                      <colgroup>
-                        <col style="width:calc(100%/8);">
-                        <col style="width:calc(100%/8);">
-                        <col style="width:calc(100%/8);">
-                        <col style="width:calc(100%/8);">
-                        <col style="width:calc(100%/8);">
-                        <col style="width:calc(100%/8);">
-                        <col style="width:calc(100%/8);">
-                        <col style="width:calc(100%/8);">
-                      </colgroup>
-                      <thead>
-                        <tr>
-                          <th></th>
-                          <th><img src="../../images/platform-tech/hts_table_1.png" alt=""></th>
-                          <th><img src="../../images/platform-tech/hts_table_2.png" alt=""></th>
-                          <th><img src="../../images/platform-tech/hts_table_3.png" alt=""></th>
-                          <th><img src="../../images/platform-tech/hts_table_4.png" alt=""></th>
-                          <th><img src="../../images/platform-tech/hts_table_5.png" alt=""></th>
-                          <th><img src="../../images/platform-tech/hts_table_6.png" alt=""></th>
-                          <th><img src="../../images/platform-tech/hts_table_7.png" alt=""></th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        <tr>
-                          <th>Cell system</th>
-                          <td class="blue">Mitophagy</td>
-                          <td class="blue">Lysophagy</td>
-                          <td class="blue">Pexophagy</td>
-                          <td class="blue">ER-phagy</td>
-                          <td class="blue">Golgiphagy</td>
-                          <td class="blue">Melanophagy</td>
-                          <td class="blue">Granulophagy</td>
-                        </tr>
-                        <tr>
-                          <th>Fly</th>
-                          <td class="blue">Mitophagy</td>
-                          <td class="blue">Lysophagy</td>
-                          <td class="blue">Pexophagy</td>
-                          <td class="blue">ER-phagy</td>
-                          <td class="blue">Golgiphagy</td>
-                          <td class="gray">Melanophagy</td>
-                          <td class="blue">Granulophagy</td>
-                        </tr>
-                        <tr>
-                          <th>Fish</th>
-                          <td class="orange">Mitophagy</td>
-                          <td class="orange">Lysophagy</td>
-                          <td class="blue">Pexophagy</td>
-                          <td class="green">ER-phagy</td>
-                          <td class="gray">Golgiphagy</td>
-                          <td class="gray">Melanophagy</td>
-                          <td class="gray">Granulophagy</td>
-                        </tr>
-                        <tr>
-                          <th>Mouse</th>
-                          <td class="blue">Mitophagy</td>
-                          <td class="blue">Lysophagy</td>
-                          <td class="gray">Pexophagy</td>
-                          <td class="gray">ER-phagy</td>
-                          <td class="gray">Golgiphagy</td>
-                          <td class="gray">Melanophagy</td>
-                          <td class="gray">Granulophagy</td>
-                        </tr>
-                      </tbody>
-                    </table>
-                  </div>
-                  <ul class="legend">
-                    <li><i class="blue"></i>Established</li>
-                    <li><i class="orange"></i>Developing</li>
-                    <li><i class="gray"></i>Planed</li>
-                  </ul>
-                </dd>
-              </dl>
-            </div>
-            
-          </div>
-        </div>
-      </div>
-
-
-
-
-    </div>
-
-
-
-    <div data-include-path="../../layout/_footer.html"></div>
-  </div>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Platform Tech > Screening > Imaging-based HTS system</title>
+
+  <!-- css -->
+  <link rel="stylesheet" href="/publish/common/css/reset.css">
+  <link rel="stylesheet" href="/publish/common/css/font.css">
+  <link rel="stylesheet" href="/publish/usr/layout/layout.css">
+  <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/style.css">
+  <link rel="stylesheet" href="/publish/usr/css/content.css">
+  <!-- //css -->
+
+  <!-- script -->
+  <script src="/publish/common/script/jquery-3.5.0.js"></script>
+  <script src="/publish/usr/script/common.js"></script>
+  <script src="/publish/usr/layout/layout.js"></script>
+  <!-- //script -->
+
+</head>
+
+<body data-section="platform_tech">
+
+
+  <div class="wrap">
+    <div data-include-path="/publish/usr/layout/_header.html"></div>
+
+    <div id="container" class="container sub platform_tech">
+      <div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="platform_tech">PLATFORM TECHNOLOGIES</h2>
+          <div class="sub_visual_nav">
+            <a href="../index.html"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">COMPANY</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">메뉴</button>
+              <ul class="snb_select">
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+                <li><a href="#">1depth</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="inner">
+        <div class="content_wrap hts_system">
+
+          <div class="contents">
+
+            <div class="content_title" data-aos="fade-down">
+              <h3>Imaging-based HTS system</h3>
+            </div>
+
+            <div class="con_title" data-aos="fade-down">
+              <strong class="title">Core Technology_ORAUTAC<sup>TM</sup> screening platform ( in vitro & in vivo)</strong>
+            </div>
+
+            <div class="dl_wrap">
+              <dl class="w100per">
+                <dt>
+                  <b>HCS & General Assay for Organelles</b>
+                </dt>
+                <dd>
+                  <img src="/publish/usr/images/platform-tech/hts_1.png" alt="">
+                </dd>
+
+              </dl>
+            </div>
+            <div class="dl_wrap mt60">
+              <dl class="w100per">
+                <dt>
+                  <b>Core Technology _ ORAUTAC <sup>TM</sup> screening platform ( in vitro & in vivo)</b>
+                </dt>
+                <dd class="dd_table">
+                  <div class="table_wrap" data-aos="fade-down">
+                    <table>
+                      <colgroup>
+                        <col style="width:calc(100%/8);">
+                        <col style="width:calc(100%/8);">
+                        <col style="width:calc(100%/8);">
+                        <col style="width:calc(100%/8);">
+                        <col style="width:calc(100%/8);">
+                        <col style="width:calc(100%/8);">
+                        <col style="width:calc(100%/8);">
+                        <col style="width:calc(100%/8);">
+                      </colgroup>
+                      <thead>
+                        <tr>
+                          <th></th>
+                          <th><img src="/publish/usr/images/platform-tech/hts_table_1.png" alt=""></th>
+                          <th><img src="/publish/usr/images/platform-tech/hts_table_2.png" alt=""></th>
+                          <th><img src="/publish/usr/images/platform-tech/hts_table_3.png" alt=""></th>
+                          <th><img src="/publish/usr/images/platform-tech/hts_table_4.png" alt=""></th>
+                          <th><img src="/publish/usr/images/platform-tech/hts_table_5.png" alt=""></th>
+                          <th><img src="/publish/usr/images/platform-tech/hts_table_6.png" alt=""></th>
+                          <th><img src="/publish/usr/images/platform-tech/hts_table_7.png" alt=""></th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <tr>
+                          <th>Cell system</th>
+                          <td class="blue">Mitophagy</td>
+                          <td class="blue">Lysophagy</td>
+                          <td class="blue">Pexophagy</td>
+                          <td class="blue">ER-phagy</td>
+                          <td class="blue">Golgiphagy</td>
+                          <td class="blue">Melanophagy</td>
+                          <td class="blue">Granulophagy</td>
+                        </tr>
+                        <tr>
+                          <th>Fly</th>
+                          <td class="blue">Mitophagy</td>
+                          <td class="blue">Lysophagy</td>
+                          <td class="blue">Pexophagy</td>
+                          <td class="blue">ER-phagy</td>
+                          <td class="blue">Golgiphagy</td>
+                          <td class="gray">Melanophagy</td>
+                          <td class="blue">Granulophagy</td>
+                        </tr>
+                        <tr>
+                          <th>Fish</th>
+                          <td class="orange">Mitophagy</td>
+                          <td class="orange">Lysophagy</td>
+                          <td class="blue">Pexophagy</td>
+                          <td class="green">ER-phagy</td>
+                          <td class="gray">Golgiphagy</td>
+                          <td class="gray">Melanophagy</td>
+                          <td class="gray">Granulophagy</td>
+                        </tr>
+                        <tr>
+                          <th>Mouse</th>
+                          <td class="blue">Mitophagy</td>
+                          <td class="blue">Lysophagy</td>
+                          <td class="gray">Pexophagy</td>
+                          <td class="gray">ER-phagy</td>
+                          <td class="gray">Golgiphagy</td>
+                          <td class="gray">Melanophagy</td>
+                          <td class="gray">Granulophagy</td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </div>
+                  <ul class="legend">
+                    <li><i class="blue"></i>Established</li>
+                    <li><i class="orange"></i>Developing</li>
+                    <li><i class="gray"></i>Planed</li>
+                  </ul>
+                </dd>
+              </dl>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+
+
+
+
+    </div>
+
+
+
+    <div data-include-path="/publish/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
 </html>

70bac98

1aeaed5

src/main/webapp/publish/usr/script/common.js

--- src/main/webapp/publish/usr/script/common.js

+++ src/main/webapp/publish/usr/script/common.js


-// include 완료 후 여러 js 파일 순서대로 실행
-window.addEventListener('DOMContentLoaded', function () {
-  const includeTargets = document.querySelectorAll('[data-include-path]');
-  let includeCount = 0;
-
-  includeTargets.forEach(el => {
-    const includePath = el.dataset.includePath;
-    const xhttp = new XMLHttpRequest();
-
-    xhttp.onreadystatechange = function () {
-      if (this.readyState === 4 && this.status === 200) {
-        el.outerHTML = this.responseText;
-        includeCount++;
-
-        // 모든 include 완료 시점
-        if (includeCount === includeTargets.length) {
-          loadScriptsSequentially([
-            '../layout/layout.js',
-            '../script/content.js',
-          ]);
-        }
-      }
-    };
-
-    xhttp.open('GET', includePath, true);
-    xhttp.send();
-  });
-
-  // 스크립트 순서대로 로드하는 함수
-  function loadScriptsSequentially(scripts) {
-    if (!scripts.length) return;
-    const src = scripts.shift();
-    const script = document.createElement('script');
-    script.src = src;
-    script.onload = () => loadScriptsSequentially(scripts);
-    document.body.appendChild(script);
-  }
-});
+// include 완료 후 여러 js 파일 순서대로 실행
+window.addEventListener('DOMContentLoaded', function () {
+  const includeTargets = document.querySelectorAll('[data-include-path]');
+  let includeCount = 0;
+
+  includeTargets.forEach(el => {
+    const includePath = el.dataset.includePath;
+    const xhttp = new XMLHttpRequest();
+
+    xhttp.onreadystatechange = function () {
+      if (this.readyState === 4 && this.status === 200) {
+        el.outerHTML = this.responseText;
+        includeCount++;
+
+        // 모든 include 완료 시점
+        if (includeCount === includeTargets.length) {
+          loadScriptsSequentially([
+            '/publish/usr/layout/layout.js',
+            '/publish/usr/script/content.js',
+          ]);
+        }
+      }
+    };
+
+    xhttp.open('GET', includePath, true);
+    xhttp.send();
+  });
+
+  // 스크립트 순서대로 로드하는 함수
+  function loadScriptsSequentially(scripts) {
+    if (!scripts.length) return;
+    const src = scripts.shift();
+    const script = document.createElement('script');
+    script.src = src;
+    script.onload = () => loadScriptsSequentially(scripts);
+    document.body.appendChild(script);
+  }
+});

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,86 +1,86 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Achievement > Papers</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../layout/layout.css">
13		- <link rel="stylesheet" href="../css/common.css">
14		- <link rel="stylesheet" href="../css/style.css">
15		- <link rel="stylesheet" href="../css/button.css">
16		- <link rel="stylesheet" href="../css/tab.css">
17		- <link rel="stylesheet" href="../css/table.css">
18		- <link rel="stylesheet" href="../css/calendar.css">
19		- <link rel="stylesheet" href="../css/popup.css">
20		- <link rel="stylesheet" href="../css/content.css">
21		- <!-- //css -->
22		-
23		- <!-- script -->
24		- <script src="../../../js/jquery-3.5.0.js"></script>
25		- <script src="../script/common.js"></script>
26		- <script src="../layout/layout.js"></script>
27		- <!-- //script -->
28		-
29		-</head>
30		-
31		-<body data-section="achievement">
32		-
33		-
34		- <div class="wrap">
35		- <div data-include-path="../layout/_header.html"></div>
36		-
37		- <div id="container" class="container sub achievement">
38		- <div class="sub_visual">
39		- <div class="inner">
40		- <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
41		- <div class="sub_visual_nav">
42		- <a href="../index.html"><i class="icon home"></i></a>
43		- <div class="snb_wrap">
44		- <button type="button" class="snb_title">메뉴</button>
45		- <ul class="snb_select">
46		- <li><a href="#">COMPANY</a></li>
47		- <li><a href="#">Platform Tech</a></li>
48		- <li><a href="#">Major Result</a></li>
49		- </ul>
50		- </div>
51		- <div class="snb_wrap">
52		- <button type="button" class="snb_title">메뉴</button>
53		- <ul class="snb_select">
54		- <li><a href="#">1depth</a></li>
55		- <li><a href="#">1depth</a></li>
56		- <li><a href="#">1depth</a></li>
57		- </ul>
58		- </div>
59		- </div>
60		- </div>
61		- </div>
62		- <div class="inner">
63		- <div class="content_wrap">
64		-
65		- <div class="content_title">
66		- <h3>Award & Contract(준비중)</h3>
67		- </div>
68		-
69		- <div class="contents">
70		-
71		-
72		-
73		- </div>
74		- </div>
75		- </div>
76		- </div>
77		-
78		-
79		-
80		- <div data-include-path="../layout/_footer.html"></div>
81		- </div>
82		-
83		-
84		-</body>
85		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Achievement > Papers</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="../../../css/reset.css">
	11	+ <link rel="stylesheet" href="../../../css/font.css">
	12	+ <link rel="stylesheet" href="../layout/layout.css">
	13	+ <link rel="stylesheet" href="../css/common.css">
	14	+ <link rel="stylesheet" href="../css/style.css">
	15	+ <link rel="stylesheet" href="../css/button.css">
	16	+ <link rel="stylesheet" href="../css/tab.css">
	17	+ <link rel="stylesheet" href="../css/table.css">
	18	+ <link rel="stylesheet" href="../css/calendar.css">
	19	+ <link rel="stylesheet" href="../css/popup.css">
	20	+ <link rel="stylesheet" href="../css/content.css">
	21	+ <!-- //css -->
	22	+
	23	+ <!-- script -->
	24	+ <script src="../../../js/jquery-3.5.0.js"></script>
	25	+ <script src="../script/common.js"></script>
	26	+ <script src="../layout/layout.js"></script>
	27	+ <!-- //script -->
	28	+
	29	+</head>
	30	+
	31	+<body data-section="achievement">
	32	+
	33	+
	34	+ <div class="wrap">
	35	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	36	+
	37	+ <div id="container" class="container sub achievement">
	38	+ <div class="sub_visual">
	39	+ <div class="inner">
	40	+ <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
	41	+ <div class="sub_visual_nav">
	42	+ <a href="../index.html"><i class="icon home"></i></a>
	43	+ <div class="snb_wrap">
	44	+ <button type="button" class="snb_title">메뉴</button>
	45	+ <ul class="snb_select">
	46	+ <li><a href="#">COMPANY</a></li>
	47	+ <li><a href="#">Platform Tech</a></li>
	48	+ <li><a href="#">Major Result</a></li>
	49	+ </ul>
	50	+ </div>
	51	+ <div class="snb_wrap">
	52	+ <button type="button" class="snb_title">메뉴</button>
	53	+ <ul class="snb_select">
	54	+ <li><a href="#">1depth</a></li>
	55	+ <li><a href="#">1depth</a></li>
	56	+ <li><a href="#">1depth</a></li>
	57	+ </ul>
	58	+ </div>
	59	+ </div>
	60	+ </div>
	61	+ </div>
	62	+ <div class="inner">
	63	+ <div class="content_wrap">
	64	+
	65	+ <div class="content_title">
	66	+ <h3>Award & Contract(준비중)</h3>
	67	+ </div>
	68	+
	69	+ <div class="contents">
	70	+
	71	+
	72	+
	73	+ </div>
	74	+ </div>
	75	+ </div>
	76	+ </div>
	77	+
	78	+
	79	+
	80	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	81	+ </div>
	82	+
	83	+
	84	+</body>
	85	+
86	86	</html> (No newline at end of file)

...	...	@@ -1,128 +1,136 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>리스트</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../layout/layout.css">
13		- <link rel="stylesheet" href="../css/common.css">
14		- <link rel="stylesheet" href="../css/style.css">
15		- <link rel="stylesheet" href="../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../js/jquery-3.5.0.js"></script>
20		- <script src="../script/common.js"></script>
21		- <script src="../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		-
30		-</head>
31		-
32		-<body data-section="company">
33		-
34		-
35		- <div class="wrap">
36		- <div data-include-path="../layout/_header.html"></div>
37		-
38		- <div id="container" class="container sub company">
39		- <div class="sub_visual">
40		- <div class="inner">
41		- <h2 class="sub_title" data-section="company">COMPANY</h2>
42		- <div class="sub_visual_nav">
43		- <a href="../index.html"><i class="icon home"></i></a>
44		- <div class="snb_wrap">
45		- <button type="button" class="snb_title">메뉴</button>
46		- <ul class="snb_select">
47		- <li><a href="#">COMPANY</a></li>
48		- <li><a href="#">Platform Tech</a></li>
49		- <li><a href="#">Major Result</a></li>
50		- </ul>
51		- </div>
52		- <div class="snb_wrap">
53		- <button type="button" class="snb_title">메뉴</button>
54		- <ul class="snb_select">
55		- <li><a href="#">1depth</a></li>
56		- <li><a href="#">1depth</a></li>
57		- <li><a href="#">1depth</a></li>
58		- </ul>
59		- </div>
60		- </div>
61		- </div>
62		- </div>
63		- <div class="inner">
64		- <div class="content_wrap location">
65		-
66		- <div class="contents">
67		-
68		- <div class="content_title">
69		- <h3>오시는 길</h3>
70		- </div>
71		-
72		- <ul class="location_list">
73		- <li>
74		- <div class="location_area"></div>
75		- <div class="info">
76		- <strong class="title"><i class="icon location"></i>수원 본사·연구소</strong>
77		- <p>경기도 수원시 영통구 창룡대로 260, 907호(이의동, 광교센트럴비즈타워) <br> #907,260, Changnyong-daero, Yeongtong-gu, Suwon-si,
78		- Gyeonggi-do, Republic of Korea</p>
79		-
80		- <ul class="boxs">
81		- <li><i class="icon phone"></i>031-214-0317</li>
82		- <li><i class="icon email"></i>orgasis@orgasis.co.kr</li>
83		- </ul>
84		- <button type="button" class="btn_map">카카오맵으로 길찾기</button>
85		- </div>
86		- </li>
87		- <li>
88		- <div class="location_area"></div>
89		- <div class="info">
90		- <strong class="title"><i class="icon location"></i>대구 연구소</strong>
91		- <p>대구광역시 북구 대학로80 경북대학교 미래융합과학관 4층<br>
92		- 4F, Future Convergence Science Building, 80, Daehak-ro, Buk-gu, Daegu, Republic of Korea</p>
93		-
94		- <ul class="boxs">
95		- <li><i class="icon phone"></i>053-950-5382</li>
96		- </ul>
97		- <button type="button" class="btn_map">카카오맵으로 길찾기</button>
98		- </div>
99		- </li>
100		- <li>
101		- <div class="location_area"></div>
102		- <div class="info">
103		- <strong class="title"><i class="icon location"></i>서울 사무소</strong>
104		- <p>서울특별시 강서구 양천로 551-17, 203호
105		- <br> #203, 551-17, Yangcheon-ro, Gangseo-gu, Seoul, Republic of Korea</p>
106		-
107		- <button type="button" class="btn_map">카카오맵으로 길찾기</button>
108		- </div>
109		- </li>
110		- </ul>
111		-
112		-
113		- </div>
114		-
115		-
116		- </div>
117		- </div>
118		- </div>
119		-
120		-
121		-
122		- <div data-include-path="../layout/_footer.html"></div>
123		- </div>
124		-
125		-
126		-</body>
127		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>리스트</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="../../../css/reset.css">
	11	+ <link rel="stylesheet" href="../../../css/font.css">
	12	+ <link rel="stylesheet" href="../layout/layout.css">
	13	+ <link rel="stylesheet" href="../css/common.css">
	14	+ <link rel="stylesheet" href="../css/style.css">
	15	+ <link rel="stylesheet" href="../css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="../../../js/jquery-3.5.0.js"></script>
	20	+ <script src="../script/common.js"></script>
	21	+ <script src="../layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+ <!-- 캘린더 -->
	25	+ <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
	26	+ <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
	27	+ <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
	28	+
	29	+
	30	+</head>
	31	+
	32	+<body data-section="company">
	33	+
	34	+
	35	+ <div class="wrap">
	36	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	37	+
	38	+ <div id="container" class="container sub company">
	39	+ <div class="sub_visual">
	40	+ <div class="inner">
	41	+ <h2 class="sub_title" data-section="company">COMPANY</h2>
	42	+ <div class="sub_visual_nav">
	43	+ <a href="../index.html"><i class="icon home"></i></a>
	44	+ <div class="snb_wrap">
	45	+ <button type="button" class="snb_title">메뉴</button>
	46	+ <ul class="snb_select">
	47	+ <li><a href="#">COMPANY</a></li>
	48	+ <li><a href="#">Platform Tech</a></li>
	49	+ <li><a href="#">Major Result</a></li>
	50	+ </ul>
	51	+ </div>
	52	+ <div class="snb_wrap">
	53	+ <button type="button" class="snb_title">메뉴</button>
	54	+ <ul class="snb_select">
	55	+ <li><a href="#">1depth</a></li>
	56	+ <li><a href="#">1depth</a></li>
	57	+ <li><a href="#">1depth</a></li>
	58	+ </ul>
	59	+ </div>
	60	+ </div>
	61	+ </div>
	62	+ </div>
	63	+ <div class="inner">
	64	+ <div class="content_wrap location">
	65	+
	66	+ <div class="contents">
	67	+
	68	+ <div class="content_title">
	69	+ <h3>Contact us</h3>
	70	+ </div>
	71	+
	72	+ <div class="mail_banner">
	73	+ <strong>orgasis@orgasis.co.kr</strong><br>
	74	+ <span>궁금하신 사항이 있으시면 아래 메일로 문의주시면<br>
	75	+ 성실히 답변드리겠습니다</span>
	76	+ <img src="/publish/usr/images/company/mail_banner_icon.png" alt="">
	77	+ </div>
	78	+ <div class="con_title" data-aos="fade-down">
	79	+ <strong class="title">Address & Direction</strong>
	80	+ </div>
	81	+ <ul class="location_list">
	82	+ <li>
	83	+ <div class="location_area"></div>
	84	+ <div class="info">
	85	+ <strong class="title"><i class="icon location"></i>수원 본사·연구소</strong>
	86	+ <p>경기도 수원시 영통구 광교로 147, 경기바이오센터 7층 / 8층(803호) <br>7F, 147, Gwanggyo-ro, Yeongtong-gu, Suwon-si, Gyeonggi-do, Republic of Korea</p>
	87	+
	88	+ <ul class="boxs">
	89	+ <li><i class="icon phone"></i>031-214-0317</li>
	90	+ <li><i class="icon email"></i>orgasis@orgasis.co.kr</li>
	91	+ </ul>
	92	+ <button type="button" class="btn_map">카카오맵으로 길찾기</button>
	93	+ </div>
	94	+ </li>
	95	+ <li>
	96	+ <div class="location_area"></div>
	97	+ <div class="info">
	98	+ <strong class="title"><i class="icon location"></i>대구 연구소</strong>
	99	+ <p>대구광역시 북구 대학로80 경북대학교 미래융합과학관 4층<br>
	100	+ 4F, Future Convergence Science Building, 80, Daehak-ro, Buk-gu, Daegu, Republic of Korea</p>
	101	+
	102	+ <ul class="boxs">
	103	+ <li><i class="icon phone"></i>053-950-5382</li>
	104	+ </ul>
	105	+ <button type="button" class="btn_map">카카오맵으로 길찾기</button>
	106	+ </div>
	107	+ </li>
	108	+ <li>
	109	+ <div class="location_area"></div>
	110	+ <div class="info">
	111	+ <strong class="title"><i class="icon location"></i>서울 사무소</strong>
	112	+ <p>서울특별시 강서구 양천로 551-17, 203호
	113	+ <br> #203, 551-17, Yangcheon-ro, Gangseo-gu, Seoul, Republic of Korea</p>
	114	+
	115	+ <button type="button" class="btn_map">카카오맵으로 길찾기</button>
	116	+ </div>
	117	+ </li>
	118	+ </ul>
	119	+
	120	+
	121	+ </div>
	122	+
	123	+
	124	+ </div>
	125	+ </div>
	126	+ </div>
	127	+
	128	+
	129	+
	130	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	131	+ </div>
	132	+
	133	+
	134	+</body>
	135	+
128	136	</html> (No newline at end of file)

...	...	@@ -1,138 +1,319 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>리스트</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../layout/layout.css">
13		- <link rel="stylesheet" href="../css/common.css">
14		- <link rel="stylesheet" href="../css/style.css">
15		- <link rel="stylesheet" href="../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../js/jquery-3.5.0.js"></script>
20		- <script src="../script/common.js"></script>
21		- <script src="../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		-
30		-</head>
31		-
32		-<body data-section="company">
33		-
34		-
35		- <div class="wrap">
36		- <div data-include-path="../layout/_header.html"></div>
37		-
38		- <div id="container" class="container sub company">
39		- <div class="sub_visual">
40		- <div class="inner">
41		- <h2 class="sub_title" data-section="company">COMPANY</h2>
42		- <div class="sub_visual_nav">
43		- <a href="../index.html"><i class="icon home"></i></a>
44		- <div class="snb_wrap">
45		- <button type="button" class="snb_title">메뉴</button>
46		- <ul class="snb_select">
47		- <li><a href="#">Company</a></li>
48		- <li><a href="#">Platform Tech</a></li>
49		- <li><a href="#">Major Result</a></li>
50		- </ul>
51		- </div>
52		- <div class="snb_wrap">
53		- <button type="button" class="snb_title">메뉴</button>
54		- <ul class="snb_select">
55		- <li><a href="#">1depth</a></li>
56		- <li><a href="#">1depth</a></li>
57		- <li><a href="#">1depth</a></li>
58		- </ul>
59		- </div>
60		- </div>
61		- </div>
62		- </div>
63		- <div class="inner">
64		- <div class="content_wrap overview">
65		-
66		- <div class="contents">
67		-
68		- <div class="content_title">
69		- <h3>설립배경</h3>
70		- </div>
71		-
72		- <div class="overview_contents_top">
73		- <div class="txt">
74		- <strong><span class="text_primary">ORGASIS</span> ORGASIS Corp.</strong>
75		- <p>organelles homeostasis control platform</p>
76		- </div>
77		-
78		- <ul class="card">
79		- <li>
80		- <span class="number">01</span>
81		- <b class="title">현 약물의 한계</b>
82		- <span class="summary">단일 유전자, 단백질 타겟 약물 → 작용기전 및 유효성 등의 한계</span>
83		- </li>
84		- <li>
85		- <span class="number">02</span>
86		- <b class="title">능동적 약물 수요</b>
87		- <span class="summary">손상 또는 저하된 세포소기관의 선별적, 자발적 치료</span>
88		- </li>
89		- <li>
90		- <span class="number">03</span>
91		- <b class="title">과학적 증거 확대</b>
92		- <span class="summary">세포소기관과 여러 질병들과의 연관성에 관한 과학적, 임상적 자료의 급증</span>
93		- </li>
94		- <li>
95		- <span class="number">04</span>
96		- <b class="title">신규기술 - <br>신규 MoA 수요</b>
97		- <span class="summary">새로운 작용기전과 처방을 위한 신약 및 기능성 소재에 대한 시장 수요</span>
98		- </li>
99		- </ul>
100		-
101		- </div>
102		-
103		- <div class="overview_contents_bottom">
104		-
105		- <div class="txt">
106		- <strong>새로운 신약 후보물질의 <span class="text_primary">오아시스!</span></strong>
107		- <p>현 약물의 한계점을 극복하는 선택적, 자발적 항상성 작용기전 기반</p>
108		- </div>
109		-
110		- <div class="circles">
111		- <div class="left">
112		- <p class="circle line">Organelles</p>
113		- <p class="circle line">Homeostasis</p>
114		- </div>
115		- <div class="right">
116		- <p class="circle fill">Organellostasis</p>
117		- </div>
118		- </div>
119		-
120		- </div>
121		-
122		- </div>
123		-
124		-
125		- </div>
126		- </div>
127		-
128		- </div>
129		-
130		-
131		-
132		- <div data-include-path="../layout/_footer.html"></div>
133		- </div>
134		-
135		-
136		-</body>
137		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>리스트</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="../../../css/reset.css">
	11	+ <link rel="stylesheet" href="../../../css/font.css">
	12	+ <link rel="stylesheet" href="../layout/layout.css">
	13	+ <link rel="stylesheet" href="../css/common.css">
	14	+ <link rel="stylesheet" href="../css/style.css">
	15	+ <link rel="stylesheet" href="../css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="../../../js/jquery-3.5.0.js"></script>
	20	+ <script src="../script/common.js"></script>
	21	+ <script src="../layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+ <!-- 캘린더 -->
	25	+ <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
	26	+ <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
	27	+ <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
	28	+
	29	+
	30	+</head>
	31	+
	32	+<body data-section="company">
	33	+
	34	+
	35	+ <div class="wrap">
	36	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	37	+
	38	+ <div id="container" class="container sub company">
	39	+ <div class="sub_visual">
	40	+ <div class="inner">
	41	+ <h2 class="sub_title" data-section="company">COMPANY</h2>
	42	+ <div class="sub_visual_nav">
	43	+ <a href="../index.html"><i class="icon home"></i></a>
	44	+ <div class="snb_wrap">
	45	+ <button type="button" class="snb_title">메뉴</button>
	46	+ <ul class="snb_select">
	47	+ <li><a href="#">Company</a></li>
	48	+ <li><a href="#">Platform Tech</a></li>
	49	+ <li><a href="#">Major Result</a></li>
	50	+ </ul>
	51	+ </div>
	52	+ <div class="snb_wrap">
	53	+ <button type="button" class="snb_title">메뉴</button>
	54	+ <ul class="snb_select">
	55	+ <li><a href="#">1depth</a></li>
	56	+ <li><a href="#">1depth</a></li>
	57	+ <li><a href="#">1depth</a></li>
	58	+ </ul>
	59	+ </div>
	60	+ </div>
	61	+ </div>
	62	+ </div>
	63	+ <div class="inner">
	64	+ <div class="content_wrap overview">
	65	+
	66	+ <div class="contents">
	67	+
	68	+ <div class="content_title">
	69	+ <h3>설립배경</h3>
	70	+ </div>
	71	+
	72	+ <div class="overview_contents_top">
	73	+ <div class="txt">
	74	+ <strong><span class="text_primary">ORGASIS</span> ORGASIS Corp.</strong>
	75	+ <p>organelles homeostasis control platform</p>
	76	+ </div>
	77	+
	78	+ <ul class="card">
	79	+ <li>
	80	+ <span class="number">01</span>
	81	+ <b class="title">현 약물의 한계</b>
	82	+ <span class="summary">단일 유전자, 단백질 타겟 약물 → 작용기전 및 유효성 등의 한계</span>
	83	+ </li>
	84	+ <li>
	85	+ <span class="number">02</span>
	86	+ <b class="title">능동적 약물 수요</b>
	87	+ <span class="summary">손상 또는 저하된 세포소기관의 선별적, 자발적 치료</span>
	88	+ </li>
	89	+ <li>
	90	+ <span class="number">03</span>
	91	+ <b class="title">과학적 증거 확대</b>
	92	+ <span class="summary">세포소기관과 여러 질병들과의 연관성에 관한 과학적, 임상적 자료의 급증</span>
	93	+ </li>
	94	+ <li>
	95	+ <span class="number">04</span>
	96	+ <b class="title">신규기술 - <br>신규 MoA 수요</b>
	97	+ <span class="summary">새로운 작용기전과 처방을 위한 신약 및 기능성 소재에 대한 시장 수요</span>
	98	+ </li>
	99	+ </ul>
	100	+
	101	+ </div>
	102	+
	103	+ <div class="overview_contents_bottom">
	104	+
	105	+ <div class="txt">
	106	+ <strong>새로운 신약 후보물질의 <span class="text_primary">오아시스!</span></strong>
	107	+ <p>현 약물의 한계점을 극복하는 선택적, 자발적 항상성 작용기전 기반</p>
	108	+ </div>
	109	+
	110	+ <div class="circles">
	111	+ <div class="left">
	112	+ <p class="circle line">Organelles</p>
	113	+ <p class="circle line">Homeostasis</p>
	114	+ </div>
	115	+ <div class="right">
	116	+ <p class="circle fill">Organellostasis</p>
	117	+ </div>
	118	+ </div>
	119	+
	120	+ </div>
	121	+
	122	+ <div class="table_contents">
	123	+ <div class="con_title" data-aos="fade-down">
	124	+ <strong class="title">Best Next Generation Technologies inAging and Longevity (Selective Autophagy)</strong>
	125	+ </div>
	126	+
	127	+ <div class="table_wrap" data-aos="fade-down">
	128	+ <table>
	129	+ <colgroup>
	130	+ <col style="width:calc(100%/7);">
	131	+ <col style="width:calc(100%/7);">
	132	+ <col style="width:calc(100%/7);">
	133	+ <col style="width:calc(100%/7);">
	134	+ <col style="width:calc(100%/7);">
	135	+ <col style="width:calc(100%/7);">
	136	+ <col style="width:calc(100%/7);">
	137	+ </colgroup>
	138	+ <thead>
	139	+ <tr>
	140	+ <th>Strata of organismal<br>organization</th>
	141	+ <th colspan="2">Hallmarks of aging</th>
	142	+ <th>작용기전<br>(유효성)</th>
	143	+ <th>신소재개발<br>(제형)측면</th>
	144	+ <th>문제점 또는<br>해결점</th>
	145	+ <th>미래<br>개선기술</th>
	146	+ </tr>
	147	+ </thead>
	148	+ <tbody>
	149	+ <tr>
	150	+ <td>Meta-organism</td>
	151	+ <td colspan="2"><img src="/publish/usr/images/company/background_img_01.png" alt=""><br>Dysbiosis</td>
	152	+ <td>X (Unclear)<br>
	153	+ - MoA X</td>
	154	+ <td>어려움<br>
	155	+ (미생물)</td>
	156	+ <td>효과검증<br>
	157	+ Q.C/Q.A 필요</td>
	158	+ <td>자동균총분석<br>
	159	+ 맞춤형균총</td>
	160	+ </tr>
	161	+ <tr>
	162	+ <td>Systemic circuitries</td>
	163	+ <td colspan="2"><img src="/publish/usr/images/company/background_img_02.png" alt=""><br>Altered cellular <br>
	164	+ communication</td>
	165	+ <td>X (Unclear)<br>
	166	+ - MoA X</td>
	167	+ <td>어려움<br>
	168	+ (Unclear)</td>
	169	+ <td>효과검증<br>
	170	+ 복합기전 규명 필요</td>
	171	+ <td>A.I signaling 분석<br>
	172	+ Meta분석, 맞춤형기술</td>
	173	+ </tr>
	174	+ <tr>
	175	+ <td>Organ systems</td>
	176	+ <td colspan="2"><img src="/publish/usr/images/company/background_img_03.png" alt=""><br>Deregulated <br>
	177	+ nutrient-sensing</td>
	178	+ <td>X (Unclear)<br>
	179	+ - MoA X</td>
	180	+ <td>어려움<br>
	181	+ (Unclear)</td>
	182	+ <td>효과검증<br>
	183	+ 프로세스개발, 기전검증</td>
	184	+ <td>Systemic분석 <br>
	185	+ 임상기술/맞춤형기술</td>
	186	+ </tr>
	187	+ <tr>
	188	+ <td>Organs</td>
	189	+ <td colspan="2"><img src="/publish/usr/images/company/background_img_04.png" alt=""><br>Deregulated <br>
	190	+ nutrient-sensing</td>
	191	+ <td>Unclear (o/x)<br>
	192	+ - MoA X</td>
	193	+ <td>어려움<br>
	194	+ (Unclear)</td>
	195	+ <td>부작용<br>
	196	+ 기전검증, 선택성 검증</td>
	197	+ <td>노화-만성염증 기전규명<br>
	198	+ 선택성과 맞춤형 기술</td>
	199	+ </tr>
	200	+ <tr>
	201	+ <td>Supracellular units</td>
	202	+ <td colspan="2"><img src="/publish/usr/images/company/background_img_05.png" alt=""><br>Stem cell exhaustion</td>
	203	+ <td>Unclear (o/x)<br>
	204	+ - MoA X</td>
	205	+ <td>어려움<br>
	206	+ (줄기세포)</td>
	207	+ <td>부작용<br>
	208	+ 발암이슈, 적용 방법</td>
	209	+ <td>줄기세포 안정화기술<br>
	210	+ 제형 및 QC기술 개발</td>
	211	+ </tr>
	212	+ <tr>
	213	+ <td>Cells</td>
	214	+ <td colspan="2"><img src="/publish/usr/images/company/background_img_06.png" alt=""><br>Senescence</td>
	215	+ <td>Unclear (o/x)<br>
	216	+ - MoA X</td>
	217	+ <td>어려움<br>
	218	+ (Unclear)</td>
	219	+ <td>프로세스, Q.C 문제<br>
	220	+ 복합기전 적용방법</td>
	221	+ <td>다중타겟검증<br>
	222	+ 제형/인공세포 기술</td>
	223	+ </tr>
	224	+ <tr class="emphasis_tr">
	225	+ <td>Organelles</td>
	226	+ <td><img src="/publish/usr/images/company/background_img_07.png" alt=""><br>Disabled <br>
	227	+ autophagy</td>
	228	+ <td><img src="/publish/usr/images/company/background_img_08.png" alt=""><br>Mitochondrial <br>
	229	+ dysfunction</td>
	230	+ <td>O (높음)<br>
	231	+ - MoA O</td>
	232	+ <td>가능<br>
	233	+ (모두가능)</td>
	234	+ <td>선택성 개선</td>
	235	+ <td>선택적자가포식<br>
	236	+ (mitophagy)</td>
	237	+ </tr>
	238	+ <tr>
	239	+ <td rowspan="2">Molecules</td>
	240	+ <td><img src="/publish/usr/images/company/background_img_09.png" alt=""><br>Telomere <br>
	241	+ attrition</td>
	242	+ <td><img src="/publish/usr/images/company/background_img_10.png" alt=""><br>Genomic <br>
	243	+ instability</td>
	244	+ <td>O (미흡)<br>
	245	+ - MoA O</td>
	246	+ <td>가능<br>
	247	+ (모두가능)</td>
	248	+ <td>선택성/유효성/다양성</td>
	249	+ <td>선택성/지속성<br>
	250	+ 안전성개선 기술</td>
	251	+ </tr>
	252	+ <tr>
	253	+ <td><img src="/publish/usr/images/company/background_img_11.png" alt=""><br>Epigenetic <br>
	254	+ alterations</td>
	255	+ <td><img src="/publish/usr/images/company/background_img_12.png" alt=""><br>Loss of <br>
	256	+ proteostasis</td>
	257	+ <td>O (미흡)<br>
	258	+ - MoA O</td>
	259	+ <td>가능<br>
	260	+ (모두가능)</td>
	261	+ <td>선택성/유효성/다양성</td>
	262	+ <td>선택성/지속성<br>
	263	+ 복합제개발 등</td>
	264	+ </tr>
	265	+ </tbody>
	266	+ </table>
	267	+ </div>
	268	+
	269	+ <ul class="box_wrap">
	270	+ <li>
	271	+ <dl class="box skyblue">
	272	+ <dt>유효성</dt>
	273	+ <dd>
	274	+ Molecule 수준의 복잡하고 비선택적 제어에서
	275	+ <b>세포소기관(Organelles)</b>의 <span>총괄적 세포 노화 개선</span>
	276	+ </dd>
	277	+ </dl>
	278	+ </li>
	279	+ <li>
	280	+ <dl class="box blue">
	281	+ <dt>선택성</dt>
	282	+ <dd>
	283	+ <b>노화</b>에 직접적인 <b>미토콘드리아의 기능</b> 복원,
	284	+ <b>선택적 자가포식의 <span>가역적인 세포 항상성 개선</span></b>
	285	+ </dd>
	286	+ </dl>
	287	+ </li>
	288	+ <li>
	289	+ <dl class="box purple">
	290	+ <dt>안전성</dt>
	291	+ <dd>
	292	+ <b>손상된 미토콘드리아</b>를 <span>선택적</span><b>으로 제거</b>
	293	+ <b>타조직, 정상 소기관에 영향 없는 안전한 <span>원료 개발</span></b>
	294	+ </dd>
	295	+ </dl>
	296	+ </li>
	297	+ </ul>
	298	+
	299	+ </div>
	300	+
	301	+
	302	+
	303	+ </div>
	304	+
	305	+
	306	+ </div>
	307	+ </div>
	308	+
	309	+ </div>
	310	+
	311	+
	312	+
	313	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	314	+ </div>
	315	+
	316	+
	317	+</body>
	318	+
138	319	</html> (No newline at end of file)

...	...	@@ -1,138 +1,292 @@
1		-<!-- ============== header ============== -->
2		-<header class="header">
3		- <div class="header_container">
4		- <div class="inner">
5		- <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
6		- <nav>
7		- <ul class="gnb">
8		- <li>
9		- <a href="#" class="depth01">COMPANY</a>
10		- <div class="depth02_container">
11		- <ul class="depth02_ul">
12		- <li><a href="../company/overview.html" class="depth02">설립배경</a></li>
13		- <li><a href="../company/history.html" class="depth02">연혁</a></li>
14		- <li><a href="../company/organiztion.html" class="depth02">조직도</a></li>
15		- <li><a href="../company/location.html" class="depth02">오시는길</a></li>
16		- </ul>
17		- </div>
18		- </li>
19		- <li>
20		- <a href="#" class="depth01">Platform Tech</a>
21		- <div class="depth02_container">
22		- <ul class="depth02_ul">
23		- <li><a href="../platform_tech/background.html" class="depth02">연구배경</a></li>
24		- <li><a href="../platform_tech/autophagy.html" class="depth02">Organelle Selective Autophagy </a></li>
25		- </ul>
26		- </div>
27		- </li>
28		- <li>
29		- <a href="#" class="depth01">Major Result</a>
30		- <div class="depth02_container">
31		- <ul class="depth02_ul">
32		- <li><a href="../major_result/mitophagy.html" class="depth02">Mitophagy</a></li>
33		- <li><a href="../major_result/pexophagy.html" class="depth02">Pexophagy</a></li>
34		- <li><a href="../major_result/melanophagy.html" class="depth02">Melanophagy</a></li>
35		- <li><a href="../major_result/ciliogenesis.html" class="depth02">Ciliogenesis</a></li>
36		- <li><a href="../major_result/anticancer.html" class="depth02">Anti Cancer</a></li>
37		- <li><a href="../major_result/pipeline.html" class="depth02">Pipeline Summary</a></li>
38		- <li><a href="../major_result/rd.html" class="depth02">R&D</a></li>
39		- </ul>
40		- </div>
41		- </li>
42		- </ul>
43		- </nav>
44		-
45		- <nav class="mobile_nav">
46		- <div class="mobile_nav_top">
47		- <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
48		- <button type="button" class="btn_close"><i class="icon close"></i></button>
49		- </div>
50		- <ul class="gnb">
51		- <li>
52		- <button type="button" class="depth01">Company <i class="icon arrow bottom"></i></button>
53		- <ul class="depth02_ul">
54		- <li><a href="../company/overview.html" class="depth02">설립배경</a></li>
55		- <li><a href="../company/history.html" class="depth02">연혁</a></li>
56		- <li><a href="../company/organiztion.html" class="depth02">조직도</a></li>
57		- <li><a href="../company/location.html" class="depth02">오시는길</a></li>
58		- </ul>
59		- </li>
60		- <li>
61		- <button type="button" class="depth01">Platform Tech <i class="icon arrow bottom"></i></button>
62		- <ul class="depth02_ul">
63		- <li><a href="../platform_tech/background.html" class="depth02">연구배경</a></li>
64		- <li><a href="../platform_tech/autophagy.html" class="depth02">Organelle Selective Autophagy </a></li>
65		- </ul>
66		- </li>
67		- <li>
68		- <button type="button" class="depth01">Major Result <i class="icon arrow bottom"></i></button>
69		- <ul class="depth02_ul">
70		- <li><a href="../major_result/mitophagy.html" class="depth02">Mitophagy</a></li>
71		- <li><a href="../major_result/pexophagy.html" class="depth02">Pexophagy</a></li>
72		- <li><a href="../major_result/melanophagy.html" class="depth02">Melanophagy</a></li>
73		- <li><a href="../major_result/ciliogenesis.html" class="depth02">Ciliogenesis</a></li>
74		- <li><a href="../major_result/anticancer.html" class="depth02">Anti Cancer</a></li>
75		- <li><a href="../major_result/pipeline.html" class="depth02">Pipeline Summary</a></li>
76		- <li><a href="../major_result/rd.html" class="depth02">R&D</a></li>
77		- </ul>
78		- </li>
79		- </ul>
80		- </nav>
81		-
82		- <nav class="sitemap">
83		- <div class="sitemap_top inner">
84		- <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
85		- <button type="button" class="btn_close"><i class="icon close"></i></button>
86		- </div>
87		- <div class="inner">
88		- <ul class="sitemenu">
89		- <li>
90		- <a href="#" class="depth01">Company</a>
91		- <ul class="depth02_ul">
92		- <li><a href="../company/overview.html" class="depth02">설립배경</a></li>
93		- <li><a href="../company/history.html" class="depth02">연혁</a></li>
94		- <li><a href="../company/organiztion.html" class="depth02">조직도</a></li>
95		- <li><a href="../company/location.html" class="depth02">오시는길</a></li>
96		- </ul>
97		- </li>
98		- <li>
99		- <a href="#" class="depth01">Platform Tech</a>
100		- <ul class="depth02_ul">
101		- <li><a href="../platform_tech/background.html" class="depth02">연구배경</a></li>
102		- <li><a href="../platform_tech/autophagy.html" class="depth02">Organelle Selective Autophagy </a></li>
103		- </ul>
104		- </li>
105		- <li>
106		- <a href="#" class="depth01">Major Result</a>
107		- <ul class="depth02_ul">
108		- <li><a href="../major_result/mitophagy.html" class="depth02">Mitophagy</a></li>
109		- <li><a href="../major_result/pexophagy.html" class="depth02">Pexophagy</a></li>
110		- <li><a href="../major_result/melanophagy.html" class="depth02">Melanophagy</a></li>
111		- <li><a href="../major_result/ciliogenesis.html" class="depth02">Ciliogenesis</a></li>
112		- <li><a href="../major_result/anticancer.html" class="depth02">Anti Cancer</a></li>
113		- <li><a href="../major_result/pipeline.html" class="depth02">Pipeline Summary</a></li>
114		- <li><a href="../major_result/rd.html" class="depth02">R&D</a></li>
115		- </ul>
116		- </li>
117		- </ul>
118		- </div>
119		- </nav>
120		-
121		-
122		- <ul class="header_util">
123		- <!-- <li><button type="button" class=""><i></i></button></li> -->
124		- <!-- <li><button type="button" class="btn_search" title="전체메뉴 보기"><i></i></button></li> -->
125		- <li>
126		- <div class="lang_switch">
127		- <i class="icon lang"></i>
128		- <button type="button" class="active">KOR</button>
129		- <button type="button" class="">ENG</button>
130		- </div>
131		- </li>
132		- <li><button type="button" class="btn_sitemap" title="전체메뉴 보기"><i></i></button></li>
133		- </ul>
134		- </div>
135		-
136		- </div>
137		-</header>
138		-<!-- ============== header 끝 ============== -->
	1	+<!-- ============== header ============== -->
	2	+<header class="header">
	3	+ <div class="header_container">
	4	+ <div class="inner">
	5	+ <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
	6	+ <nav>
	7	+ <ul class="gnb">
	8	+ <li>
	9	+ <a href="#" class="depth01">COMPANY</a>
	10	+ <div class="depth02_container">
	11	+ <ul class="depth02_ul">
	12	+ <li><a href="/publish/usr/company/overview.html" class="depth02">설립배경</a></li>
	13	+ <li><a href="/publish/usr/company/history.html" class="depth02">연혁</a></li>
	14	+ <li><a href="/publish/usr/company/organiztion.html" class="depth02">조직도</a></li>
	15	+ <li><a href="/publish/usr/company/location.html" class="depth02">오시는길</a></li>
	16	+ </ul>
	17	+ </div>
	18	+ </li>
	19	+ <li>
	20	+ <a href="#" class="depth01">Platform Technologies</a>
	21	+ <div class="depth02_container">
	22	+ <ul class="depth02_ul">
	23	+ <li>
	24	+ <a href="/publish/usr/platform-tech/autophagy/selective-autophagy.html" class="depth02">Selective Autophagy</a>
	25	+ <ul class="depth03_ul">
	26	+ <li><a href="/publish/usr/platform-tech/autophagy/mitophagy.html" class="depth03">Mitophagy</a></li>
	27	+ <li><a href="/publish/usr/platform-tech/autophagy/pexophagy.html" class="depth03">Pexophagy</a></li>
	28	+ <li><a href="/publish/usr/platform-tech/autophagy/melanophagy.html" class="depth03">Melanophagy</a></li>
	29	+ <li><a href="/publish/usr/platform-tech/autophagy/other.html" class="depth03">Other Selective autophagy</a></li>
	30	+ <!-- <li><a href="#" class="depth03">Erphagy(준비중)</a></li>
	31	+ <li><a href="#" class="depth03">Lysophagy(준비중)</a></li>
	32	+ <li><a href="#" class="depth03">Golgiphagy(준비중)</a></li> -->
	33	+ </ul>
	34	+ </li>
	35	+ <li>
	36	+ <a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth02">Organelle Homeostasis</a>
	37	+ <ul class="depth03_ul">
	38	+ <li><a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth03">Ciliogenesis</a></li>
	39	+ <li><a href="/publish/usr/platform-tech/organelle/ahr.html" class="depth03">AHR mechanism</a></li>
	40	+ </ul>
	41	+ </li>
	42	+ <li>
	43	+ <a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth02">Screening</a>
	44	+ <ul class="depth03_ul">
	45	+ <li><a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth03">Imaging-based HTS system</a></li>
	46	+ <!-- <li><a href="#" class="depth03">animal model</a></li> -->
	47	+ </ul>
	48	+ </li>
	49	+ <li>
	50	+ <a href="/publish/usr/platform-tech/ai/autophagy.html" class="depth02">AI co-scientist</a>
	51	+ <ul class="depth03_ul">
	52	+ <li><a href="/publish/usr/platform-tech/ai/ai_organelle.html" class="depth03">AI-assisted Organelle homeostasis</a></li>
	53	+ </ul>
	54	+ </li>
	55	+ </ul>
	56	+ </div>
	57	+ </li>
	58	+ <li>
	59	+ <a href="#" class="depth01">Pipeline</a>
	60	+ <div class="depth02_container">
	61	+ <ul class="depth02_ul">
	62	+ <li>
	63	+ <a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth02">New drugs</a>
	64	+ <ul class="depth03_ul">
	65	+ <li><a href="/publish/usr/pipeline/new-drugs/brain_health.html" class="depth03">퇴행성 뇌질환</a></li>
	66	+ <li><a href="/publish/usr/pipeline/new-drugs/skin.html" class="depth03">피부질환</a></li>
	67	+ </ul>
	68	+ </li>
	69	+ <li>
	70	+ <!-- <a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth02">Active Ingredient</a> -->
	71	+ <a href="#" class="depth02">Active Ingredient</a>
	72	+ <ul class="depth03_ul">
	73	+ <li><a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth03">Health Food</a></li>
	74	+ <li><a href="/publish/usr/pipeline/active-ingredient/cosmetics.html" class="depth03">Cosmetics</a></li>
	75	+ </ul>
	76	+ </li>
	77	+ </ul>
	78	+ </div>
	79	+ </li>
	80	+ <li>
	81	+ <a href="#" class="depth01">Achievement</a>
	82	+ <div class="depth02_container">
	83	+ <ul class="depth02_ul">
	84	+ <li><a href="/publish/usr/achievement/papers.html" class="depth02">Papers & IP</a></li>
	85	+ <li><a href="#" class="depth02">IR&PR</a></li>
	86	+
	87	+ </ul>
	88	+ </div>
	89	+ </li>
	90	+ </ul>
	91	+ </nav>
	92	+
	93	+ <nav class="mobile_nav">
	94	+ <div class="mobile_nav_top">
	95	+ <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
	96	+ <button type="button" class="btn_close"><i class="icon close"></i></button>
	97	+ </div>
	98	+ <ul class="gnb">
	99	+ <li>
	100	+ <a href="#" class="depth01">COMPANY</a>
	101	+ <div class="depth02_container">
	102	+ <ul class="depth02_ul">
	103	+ <li><a href="/publish/usr/company/overview.html" class="depth02">설립배경</a></li>
	104	+ <li><a href="/publish/usr/company/history.html" class="depth02">연혁</a></li>
	105	+ <li><a href="/publish/usr/company/organiztion.html" class="depth02">조직도</a></li>
	106	+ <li><a href="/publish/usr/company/location.html" class="depth02">오시는길</a></li>
	107	+ </ul>
	108	+ </div>
	109	+ </li>
	110	+ <li>
	111	+ <a href="#" class="depth01">Platform Technologies</a>
	112	+ <div class="depth02_container">
	113	+ <ul class="depth02_ul">
	114	+ <li>
	115	+ <a href="/publish/usr/platform-tech/autophagy/selective-autophagy.html" class="depth02">Selective Autophagy</a>
	116	+ <ul class="depth03_ul">
	117	+ <li><a href="/publish/usr/platform-tech/autophagy/mitophagy.html" class="depth03">Mitophagy</a></li>
	118	+ <li><a href="/publish/usr/platform-tech/autophagy/pexophagy.html" class="depth03">Pexophagy</a></li>
	119	+ <li><a href="/publish/usr/platform-tech/autophagy/melanophagy.html" class="depth03">Melanophagy</a></li>
	120	+ <li><a href="#" class="depth03">Erphagy(준비중)</a></li>
	121	+ <li><a href="#" class="depth03">Lysophagy(준비중)</a></li>
	122	+ <li><a href="#" class="depth03">Golgiphagy(준비중)</a></li>
	123	+ </ul>
	124	+ </li>
	125	+ <li>
	126	+ <a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth02">Organelle Homeostasis</a>
	127	+ <ul class="depth03_ul">
	128	+ <li><a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth03">Ciliogenesis</a></li>
	129	+ <li><a href="/publish/usr/platform-tech/organelle/ahr.html" class="depth03">AHR mechanism</a></li>
	130	+ </ul>
	131	+ </li>
	132	+ <li>
	133	+ <a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth02">Screening</a>
	134	+ <ul class="depth03_ul">
	135	+ <li><a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth03">Imaging-based HTS system</a></li>
	136	+ <li><a href="#" class="depth03">animal model</a></li>
	137	+ </ul>
	138	+ </li>
	139	+ <li>
	140	+ <a href="/publish/usr/platform-tech/ai/autophagy.html" class="depth02">AI co-scientist</a>
	141	+ <ul class="depth03_ul">
	142	+ <li><a href="#" class="depth03">AI-assisted Organelle homeostasis</a></li>
	143	+ </ul>
	144	+ </li>
	145	+ </ul>
	146	+ </div>
	147	+ </li>
	148	+ <li>
	149	+ <a href="#" class="depth01">Pipeline</a>
	150	+ <div class="depth02_container">
	151	+ <ul class="depth02_ul">
	152	+ <li>
	153	+ <a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth02">New drugs</a>
	154	+ <ul class="depth03_ul">
	155	+ <li><a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth03">퇴행성 뇌질환</a></li>
	156	+ <li><a href="#" class="depth03">피부질환</a></li>
	157	+ </ul>
	158	+ </li>
	159	+ <li>
	160	+ <!-- <a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth02">Active Ingredient</a> -->
	161	+ <a href="#" class="depth02">Active Ingredient</a>
	162	+ <ul class="depth03_ul">
	163	+ <li><a href="#" class="depth03">Health Food</a></li>
	164	+ <li><a href="#" class="depth03">Cosmetics</a></li>
	165	+ </ul>
	166	+ </li>
	167	+ </ul>
	168	+ </div>
	169	+ </li>
	170	+ <li>
	171	+ <a href="#" class="depth01">Achievement</a>
	172	+ <div class="depth02_container">
	173	+ <ul class="depth02_ul">
	174	+ <li><a href="/publish/usr/achievement/paper.html" class="depth02">Papers</a></li>
	175	+ <li><a href="#" class="depth02">IP</a></li>
	176	+ <li><a href="#" class="depth02">Award & Contract</a></li>
	177	+ </ul>
	178	+ </div>
	179	+ </li>
	180	+ </ul>
	181	+ </nav>
	182	+
	183	+ <nav class="sitemap">
	184	+ <div class="sitemap_top inner">
	185	+ <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1>
	186	+ <button type="button" class="btn_close"><i class="icon close"></i></button>
	187	+ </div>
	188	+ <div class="inner">
	189	+ <ul class="sitemenu">
	190	+ <li>
	191	+ <a href="#" class="depth01">COMPANY</a>
	192	+ <div class="depth02_container">
	193	+ <ul class="depth02_ul">
	194	+ <li><a href="/publish/usr/company/overview.html" class="depth02">설립배경</a></li>
	195	+ <li><a href="/publish/usr/company/history.html" class="depth02">연혁</a></li>
	196	+ <li><a href="/publish/usr/company/organiztion.html" class="depth02">조직도</a></li>
	197	+ <li><a href="/publish/usr/company/location.html" class="depth02">오시는길</a></li>
	198	+ </ul>
	199	+ </div>
	200	+ </li>
	201	+ <li>
	202	+ <a href="#" class="depth01">Platform Technologies</a>
	203	+ <div class="depth02_container">
	204	+ <ul class="depth02_ul">
	205	+ <li>
	206	+ <a href="/publish/usr/platform-tech/autophagy/selective-autophagy.html" class="depth02">Selective Autophagy</a>
	207	+ <ul class="depth03_ul">
	208	+ <li><a href="/publish/usr/platform-tech/autophagy/mitophagy.html" class="depth03">Mitophagy</a></li>
	209	+ <li><a href="/publish/usr/platform-tech/autophagy/pexophagy.html" class="depth03">Pexophagy</a></li>
	210	+ <li><a href="/publish/usr/platform-tech/autophagy/melanophagy.html" class="depth03">Melanophagy</a></li>
	211	+ <li><a href="#" class="depth03">Erphagy(준비중)</a></li>
	212	+ <li><a href="#" class="depth03">Lysophagy(준비중)</a></li>
	213	+ <li><a href="#" class="depth03">Golgiphagy(준비중)</a></li>
	214	+ </ul>
	215	+ </li>
	216	+ <li>
	217	+ <a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth02">Organelle Homeostasis</a>
	218	+ <ul class="depth03_ul">
	219	+ <li><a href="/publish/usr/platform-tech/organelle/ciliogenesis.html" class="depth03">Ciliogenesis</a></li>
	220	+ <li><a href="/publish/usr/platform-tech/organelle/ahr.html" class="depth03">AHR mechanism</a></li>
	221	+ </ul>
	222	+ </li>
	223	+ <li>
	224	+ <a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth02">Screening</a>
	225	+ <ul class="depth03_ul">
	226	+ <li><a href="/publish/usr/platform-tech/screening/hts_system.html" class="depth03">Imaging-based HTS system</a></li>
	227	+ <li><a href="#" class="depth03">animal model</a></li>
	228	+ </ul>
	229	+ </li>
	230	+ <li>
	231	+ <a href="/publish/usr/platform-tech/ai/autophagy.html" class="depth02">AI co-scientist</a>
	232	+ <ul class="depth03_ul">
	233	+ <li><a href="#" class="depth03">AI-assisted Organelle homeostasis</a></li>
	234	+ </ul>
	235	+ </li>
	236	+ </ul>
	237	+ </div>
	238	+ </li>
	239	+ <li>
	240	+ <a href="#" class="depth01">Pipeline</a>
	241	+ <div class="depth02_container">
	242	+ <ul class="depth02_ul">
	243	+ <li>
	244	+ <a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth02">New drugs</a>
	245	+ <ul class="depth03_ul">
	246	+ <li><a href="/publish/usr/pipeline/new-drugs/pipeline.html" class="depth03">퇴행성 뇌질환</a></li>
	247	+ <li><a href="#" class="depth03">피부질환</a></li>
	248	+ </ul>
	249	+ </li>
	250	+ <li>
	251	+ <!-- <a href="/publish/usr/pipeline/active-ingredient/food.html" class="depth02">Active Ingredient</a> -->
	252	+ <a href="#" class="depth02">Active Ingredient</a>
	253	+ <ul class="depth03_ul">
	254	+ <li><a href="#" class="depth03">Health Food</a></li>
	255	+ <li><a href="#" class="depth03">Cosmetics</a></li>
	256	+ </ul>
	257	+ </li>
	258	+ </ul>
	259	+ </div>
	260	+ </li>
	261	+ <li>
	262	+ <a href="#" class="depth01">Achievement</a>
	263	+ <div class="depth02_container">
	264	+ <ul class="depth02_ul">
	265	+ <li><a href="/publish/usr/achievement/paper.html" class="depth02">Papers</a></li>
	266	+ <li><a href="#" class="depth02">IP</a></li>
	267	+ <li><a href="#" class="depth02">Award & Contract</a></li>
	268	+ </ul>
	269	+ </div>
	270	+ </li>
	271	+ </ul>
	272	+ </div>
	273	+ </nav>
	274	+
	275	+
	276	+ <ul class="header_util">
	277	+ <!-- <li><button type="button" class=""><i></i></button></li> -->
	278	+ <!-- <li><button type="button" class="btn_search" title="전체메뉴 보기"><i></i></button></li> -->
	279	+ <li>
	280	+ <div class="lang_switch">
	281	+ <i class="icon lang"></i>
	282	+ <button type="button" class="active">KOR</button>
	283	+ <button type="button" class="">ENG</button>
	284	+ </div>
	285	+ </li>
	286	+ <li><button type="button" class="btn_sitemap" title="전체메뉴 보기"><i></i></button></li>
	287	+ </ul>
	288	+ </div>
	289	+
	290	+ </div>
	291	+</header>
	292	+<!-- ============== header 끝 ============== -->

...	...	@@ -1,128 +1,128 @@
1		-@charset "utf-8";
2		-
3		-.wrap{position:relative;width:100%;height:100%;}
4		-.inner{max-width:1700px;width:100%;height:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
5		-.container{margin:0;}
6		-.container.sub .content_wrap{display:inline-block;width:100%;margin:125px 0 80px 0;padding:20px 0 0 0;vertical-align:top;}
7		-.content_title{margin:0 0 80px 0;}
8		-.content_title h3{font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;color:var(--primary-title-color);text-align:center;}
9		-.content_title h3 span{font-family:var(--secondary-title-font);font-weight:500;}
10		-.breadcrumb{display:flex;font-size:14px;color:#636469;gap:8px;align-items:center;}
11		-.breadcrumb a{position:relative;display:flex;padding:0 8px;align-items:center;}
12		-.breadcrumb a::after{position:absolute;width:100%;height:100%;content:"";background:url(../images/component/icon_arrow_right_gray.png) no-repeat right center;right:-12px;top:1px;}
13		-.breadcrumb .home i{display:flex;width:15px;height:15px;background:url(../images/component/icon_home.png) no-repeat center center;}
14		-.breadcrumb .current_location{padding:0 0 0 8px;}
15		-
16		-/* header */
17		-.header{position:fixed;width:100%;left:0;top:0;z-index:9; transition:background-color 0.3s ease,box-shadow 0.3s ease;}
18		-.header_container{position:relative;width:100%;height:120px;}
19		-.header_container .inner{display:flex;height:100%;justify-content:space-between;align-items:center;}
20		-.header_container nav,.header_container .gnb{display:flex;height:100%;}
21		-.header_container .gnb{width:calc(100% - 100px);gap:100px;}
22		-.header_container .gnb a{display:flex;height:100%;padding:0 10px;font-size:20px;font-weight:bold;color:#fff;letter-spacing:0.5px;align-items:center;justify-content:center;white-space:nowrap;}
23		-.header_container .gnb .active .depth01{color:var(--primary-color);border-bottom:3px solid var(--primary-color);}
24		-.header_container .depth02_container{position:absolute;width:100%;border-top:1px solid #eeeff4;top:100%;left:0;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,0.05);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease,transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.4s;}
25		-.header_container .active .depth02_container{max-height:100vh;opacity:1;visibility:visible;}
26		-.header_container .depth02_ul{display:flex;max-width:1440px;margin:0 auto;padding:16px 0;gap:30px;justify-content:center;}
27		-.header_container .depth02_ul>li{width:auto;}
28		-.header_container .gnb a.depth02{display:flex;width:100%;height:50px;font-size:18px;font-weight:500;color:#222;text-align:center;padding:0 18px;border-radius:8px;justify-content:center;align-items:center;}
29		-.header_container .gnb a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
30		-.header_container .depth03_ul{display:flex;margin:8px 0 0 0;flex-direction:column;gap:8px;text-align:center;}
31		-.header_container .depth03_ul a.depth03{font-size:16px;font-weight:300;}
32		-.header_container .depth03_ul a.depth03:hover{color:var(--primary-color);}
33		-
34		-
35		-.header_util{display:flex;gap:12px;align-items:center;}
36		-.header_util button{width:40px;height:40px;}
37		-.header_util button i{display:inline-block;width:100%;height:100%;}
38		-
39		-.lang_switch{display:flex;align-items:center;font-size:16px;color:#fff;}
40		-.lang_switch button{position:relative;width:auto;padding:0 12px;opacity:0.6;}
41		-.lang_switch button:first-child{padding:0 12px 0 4px;}
42		-.lang_switch button::after{position:absolute;content:"";width:1px;height:11px;background:#d5d5d5;right:0;top:15.5px;}
43		-.lang_switch button:last-child::after{display:none;}
44		-.lang_switch .active{font-weight:bold;opacity:1;}
45		-
46		-.btn_search i{background:url(../images/common/search.png) no-repeat center center;}
47		-.btn_sitemap i{background:url(../images/common/menu.png) no-repeat center center;}
48		-
49		-.header.scrolled,.header.active{background:#fff;box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
50		-.header.scrolled .gnb a,.header.active .gnb a{color:#222;}
51		-.header.scrolled .btn_sitemap i,.header.active .btn_sitemap i{background:url(../images/common/menu_scrolled.png) no-repeat center center;}
52		-.header.scrolled .lang_switch,.header.active .lang_switch{color:#222;}
53		-
54		-/* 모바일 메뉴 */
55		-.mobile_nav {position:fixed;width:100%;height:100%;top:0;right:-100%;background:#fff;transition:right .6s ease;z-index:1000;flex-direction:column;}
56		-.mobile_nav.active {right:0;}
57		-.mobile_nav_top {display:flex;width:100%;justify-content:space-between;align-items:center;padding:20px;}
58		-
59		-.mobile_nav .gnb{display:block;width:100%;margin:20px 0 80px 0;}
60		-.mobile_nav .gnb .depth01{display:flex;width:100%;height:80px;padding:0 20px;font-family:var(--secondary-title-font);font-size:28px;font-weight:bold;text-align:left;align-items:center;justify-content:space-between;}
61		-.mobile_nav .gnb .active .depth01{color:var(--primary-color);}
62		-.mobile_nav .depth02_ul{display:flex;padding:20px;background:#f2f4f6;flex-direction:column;gap:8px;}
63		-.mobile_nav .depth02_ul li{width:100%;}
64		-.mobile_nav a.depth02{border:0;justify-content:flex-start;}
65		-.mobile_nav .depth03_ul{display:flex;background:#fff;border-radius:8px;padding:12px 24px;margin:8px 0;gap:4px;flex-direction:column;}
66		-.mobile_nav .depth03_ul:not(:has(li)){display:none;}
67		-
68		-
69		-
70		-/* footer */
71		-.footer{position:relative;width:100%;padding:60px 0;margin:80px 0 0 0;background:#222427;border-radius:30px 30px 0 0;box-sizing:border-box;bottom:0;z-index:1;}
72		-.footer .inner{position:relative;display:flex;margin:0 auto;justify-content:flex-start;align-items:center;gap:32px;}
73		-.footer .footer_left{display:flex;flex-direction:column;gap:50px;}
74		-.footer .footer_logo{mix-blend-mode:luminosity;}
75		-.footer .link{display:flex;align-items:center;}
76		-.footer .link a{position:relative;font-size:16px;color:#72787d;padding:0 20px;}
77		-.footer .link a::after{position:absolute;content:"";width:1px;height:12px;background:#72787d;right:0;top:6.5px;}
78		-.footer .link :first-child a{padding:0 20px 0 0;color:#2DE394;font-weight:bold;}
79		-.footer .link :last-child a::after{display:none;}
80		-.footer .footer_right{font-size:16px;color:#72787d;line-height:1.8;letter-spacing:0.3px;}
81		-.footer .footer_right address b{margin:0 8px 0 0;}
82		-.footer .footer_right address b:nth-child(3){margin:0 8px 0 16px;}
83		-.footer .btn_top{position:absolute;display:flex;width:66px;height:66px;font-family:var(--secondary-title-font);font-size:14px;font-weight:bold;color:#fff;letter-spacing:1px;border:1px solid #fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;right:20px;}
84		-.footer .btn_top i{display:inline-block;width:26px;height:14px;background:url(../images/common/footer_top.png) no-repeat center center;}
85		-
86		-
87		-/* sitemap */
88		-.sitemap {position:fixed;width:100%;height:100%;left:0;top:-100%;background:#fff;transition:top .6s ease;z-index:1000;flex-direction:column;overflow:auto;}
89		-.sitemap.active {top:0;}
90		-.sitemap_top.inner {display:flex;width:100%;height:auto;justify-content:space-between;align-items:center;padding:20px;}
91		-
92		-.sitemap .sitemenu{display:flex;width:100%;margin:60px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
93		-.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;color:var(--primary-color);align-items:center;}
94		-.sitemap .depth02_ul{display:flex;flex-direction:column;gap:12px;}
95		-.sitemap .depth02_ul li{width:100%;font-size:20px;text-align:center;}
96		-.sitemap a.depth02{display:flex;width:100%;font-weight:600;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items:center;}
97		-.sitemap a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
98		-.sitemap .depth03_ul{display:flex;margin:8px 0 10px 0;flex-direction:column;gap:8px;}
99		-.sitemap .depth03_ul a{font-size:16px;}
100		-.sitemap .depth03_ul a:hover{color:var(--primary-color);}
101		-
102		-
103		-
104		-
105		-
106		-@media (max-width: 1280px){
107		- .header_container nav:not(.mobile_nav){display:none;}
108		-
109		- .content_title h3{font-size:40px;}
110		-
111		-}
112		-
113		-@media (max-width: 1024px){
114		- .footer .footer_right{width:60%;}
115		-}
116		-
117		-@media (max-width: 768px){
118		- .footer .inner{flex-direction:column;align-items:flex-start;}
119		- .footer .footer_right{width:100%;}
120		-}
121		-
122		-@media (max-width: 640px){
123		- .header_container .logo img{height:60px;}
124		-
125		- .container.sub .content_wrap{margin:80px 0 80px 0;}
126		- .content_title{margin:0 0 60px 0;}
127		-
	1	+@charset "utf-8";
	2	+
	3	+.wrap{position:relative;width:100%;height:100%;}
	4	+.inner{max-width:1700px;width:100%;height:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
	5	+.container{margin:0;}
	6	+.container.sub .content_wrap{display:inline-block;width:100%;margin:125px 0 80px 0;padding:20px 0 0 0;vertical-align:top;}
	7	+.content_title{margin:0 0 80px 0;}
	8	+.content_title h3{font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;color:var(--primary-title-color);text-align:center;}
	9	+.content_title h3 span{font-family:var(--secondary-title-font);font-weight:500;}
	10	+.content_title h3 span.small{font-size:36px;;}
	11	+.breadcrumb{display:flex;font-size:14px;color:#636469;gap:8px;align-items:center;}
	12	+.breadcrumb a{position:relative;display:flex;padding:0 8px;align-items:center;}
	13	+.breadcrumb a::after{position:absolute;width:100%;height:100%;content:"";background:url(../images/component/icon_arrow_right_gray.png) no-repeat right center;right:-12px;top:1px;}
	14	+.breadcrumb .home i{display:flex;width:15px;height:15px;background:url(../images/component/icon_home.png) no-repeat center center;}
	15	+.breadcrumb .current_location{padding:0 0 0 8px;}
	16	+
	17	+/* header */
	18	+.header{position:fixed;width:100%;left:0;top:0;z-index:9; transition:background-color 0.3s ease,box-shadow 0.3s ease;}
	19	+.header_container{position:relative;width:100%;height:120px;}
	20	+.header_container .inner{display:flex;height:100%;justify-content:space-between;align-items:center;}
	21	+.header_container nav,.header_container .gnb{display:flex;height:100%;}
	22	+.header_container .gnb{width:calc(100% - 100px);gap:100px;}
	23	+.header_container .gnb a{display:flex;height:100%;padding:0 10px;font-size:20px;font-weight:bold;color:#fff;letter-spacing:0.5px;align-items:center;justify-content:center;white-space:nowrap;}
	24	+.header_container .gnb .active .depth01{color:var(--primary-color);border-bottom:3px solid var(--primary-color);}
	25	+.header_container .depth02_container{position:absolute;width:100%;border-top:1px solid #eeeff4;top:100%;left:0;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,0.05);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease,transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.4s;}
	26	+.header_container .active .depth02_container{max-height:100vh;opacity:1;visibility:visible;}
	27	+.header_container .depth02_ul{display:flex;max-width:1440px;margin:0 auto;padding:16px 0;gap:30px;justify-content:center;}
	28	+.header_container .depth02_ul>li{width:auto;}
	29	+.header_container .gnb a.depth02{display:flex;width:100%;height:50px;font-size:18px;font-weight:500;color:#222;text-align:center;padding:0 18px;border-radius:8px;justify-content:center;align-items:center;}
	30	+.header_container .gnb a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
	31	+.header_container .depth03_ul{display:flex;margin:8px 0 0 0;flex-direction:column;gap:8px;text-align:center;}
	32	+.header_container .depth03_ul a.depth03{font-size:16px;font-weight:300;}
	33	+.header_container .depth03_ul a.depth03:hover{color:var(--primary-color);}
	34	+
	35	+.header_util{display:flex;gap:12px;align-items:center;}
	36	+.header_util button{width:40px;height:40px;}
	37	+.header_util button i{display:inline-block;width:100%;height:100%;}
	38	+
	39	+.lang_switch{display:flex;align-items:center;font-size:16px;color:#fff;}
	40	+.lang_switch button{position:relative;width:auto;padding:0 12px;opacity:0.6;}
	41	+.lang_switch button:first-child{padding:0 12px 0 4px;}
	42	+.lang_switch button::after{position:absolute;content:"";width:1px;height:11px;background:#d5d5d5;right:0;top:15.5px;}
	43	+.lang_switch button:last-child::after{display:none;}
	44	+.lang_switch .active{font-weight:bold;opacity:1;}
	45	+
	46	+.btn_search i{background:url(../images/common/search.png) no-repeat center center;}
	47	+.btn_sitemap i{background:url(../images/common/menu.png) no-repeat center center;}
	48	+
	49	+.header.scrolled,.header.active{background:#fff;box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
	50	+.header.scrolled .gnb a,.header.active .gnb a{color:#222;}
	51	+.header.scrolled .btn_sitemap i,.header.active .btn_sitemap i{background:url(../images/common/menu_scrolled.png) no-repeat center center;}
	52	+.header.scrolled .lang_switch,.header.active .lang_switch{color:#222;}
	53	+
	54	+/* 모바일 메뉴 */
	55	+.mobile_nav {position:fixed;width:100%;height:100%;top:0;right:-100%;background:#fff;transition:right .6s ease;z-index:1000;flex-direction:column;}
	56	+.mobile_nav.active {right:0;}
	57	+.mobile_nav_top {display:flex;width:100%;justify-content:space-between;align-items:center;padding:20px;}
	58	+
	59	+.mobile_nav .gnb{display:block;width:100%;margin:20px 0 80px 0;}
	60	+.mobile_nav .gnb .depth01{display:flex;width:100%;height:80px;padding:0 20px;font-family:var(--secondary-title-font);font-size:28px;font-weight:bold;text-align:left;align-items:center;justify-content:space-between;}
	61	+.mobile_nav .gnb .active .depth01{color:var(--primary-color);}
	62	+.mobile_nav .depth02_ul{display:flex;padding:20px;background:#f2f4f6;flex-direction:column;gap:8px;}
	63	+.mobile_nav .depth02_ul li{width:100%;}
	64	+.mobile_nav a.depth02{border:0;justify-content:flex-start;}
	65	+.mobile_nav .depth03_ul{display:flex;background:#fff;border-radius:8px;padding:12px 24px;margin:8px 0;gap:4px;flex-direction:column;}
	66	+.mobile_nav .depth03_ul:not(:has(li)){display:none;}
	67	+
	68	+
	69	+
	70	+/* footer */
	71	+.footer{position:relative;width:100%;padding:60px 0;margin:80px 0 0 0;background:#222427;border-radius:30px 30px 0 0;box-sizing:border-box;bottom:0;z-index:1;}
	72	+.footer .inner{position:relative;display:flex;margin:0 auto;justify-content:flex-start;align-items:center;gap:32px;}
	73	+.footer .footer_left{display:flex;flex-direction:column;gap:50px;}
	74	+.footer .footer_logo{mix-blend-mode:luminosity;}
	75	+.footer .link{display:flex;align-items:center;}
	76	+.footer .link a{position:relative;font-size:16px;color:#72787d;padding:0 20px;}
	77	+.footer .link a::after{position:absolute;content:"";width:1px;height:12px;background:#72787d;right:0;top:6.5px;}
	78	+.footer .link :first-child a{padding:0 20px 0 0;color:#2DE394;font-weight:bold;}
	79	+.footer .link :last-child a::after{display:none;}
	80	+.footer .footer_right{font-size:16px;color:#72787d;line-height:1.8;letter-spacing:0.3px;}
	81	+.footer .footer_right address b{margin:0 8px 0 0;}
	82	+.footer .footer_right address b:nth-child(3){margin:0 8px 0 16px;}
	83	+.footer .btn_top{position:absolute;display:flex;width:66px;height:66px;font-family:var(--secondary-title-font);font-size:14px;font-weight:bold;color:#fff;letter-spacing:1px;border:1px solid #fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;right:20px;}
	84	+.footer .btn_top i{display:inline-block;width:26px;height:14px;background:url(../images/common/footer_top.png) no-repeat center center;}
	85	+
	86	+
	87	+/* sitemap */
	88	+.sitemap {position:fixed;width:100%;height:100%;left:0;top:-100%;background:#fff;transition:top .6s ease;z-index:1000;flex-direction:column;overflow:auto;}
	89	+.sitemap.active {top:0;}
	90	+.sitemap_top.inner {display:flex;width:100%;height:auto;justify-content:space-between;align-items:center;padding:20px;}
	91	+
	92	+.sitemap .sitemenu{display:flex;width:100%;margin:60px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
	93	+.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;color:var(--primary-color);align-items:center;}
	94	+.sitemap .depth02_ul{display:flex;flex-direction:column;gap:12px;}
	95	+.sitemap .depth02_ul li{width:100%;font-size:20px;text-align:center;}
	96	+.sitemap a.depth02{display:flex;width:100%;font-weight:600;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items:center;}
	97	+.sitemap a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
	98	+.sitemap .depth03_ul{display:flex;margin:8px 0 10px 0;flex-direction:column;gap:8px;}
	99	+.sitemap .depth03_ul a{font-size:16px;}
	100	+.sitemap .depth03_ul a:hover{color:var(--primary-color);}
	101	+
	102	+
	103	+
	104	+
	105	+
	106	+@media (max-width: 1280px){
	107	+ .header_container nav:not(.mobile_nav){display:none;}
	108	+
	109	+ .content_title h3{font-size:40px;}
	110	+
	111	+}
	112	+
	113	+@media (max-width: 1024px){
	114	+ .footer .footer_right{width:60%;}
	115	+}
	116	+
	117	+@media (max-width: 768px){
	118	+ .footer .inner{flex-direction:column;align-items:flex-start;}
	119	+ .footer .footer_right{width:100%;}
	120	+}
	121	+
	122	+@media (max-width: 640px){
	123	+ .header_container .logo img{height:60px;}
	124	+
	125	+ .container.sub .content_wrap{margin:80px 0 80px 0;}
	126	+ .content_title{margin:0 0 60px 0;}
	127	+
128	128	} (No newline at end of file)

...	...	@@ -1,85 +1,308 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Pipeline > Active Ingredient > Cosmetics</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		-
26		-</head>
27		-
28		-<body data-section="pipeline">
29		-
30		-
31		- <div class="wrap">
32		- <div data-include-path="../layout/_header.html"></div>
33		-
34		- <div id="container" class="container sub pipeline">
35		- <div class="sub_visual">
36		- <div class="inner">
37		- <h2 class="sub_title" data-section="pipeline">Pipeline</h2>
38		- <div class="sub_visual_nav">
39		- <a href="../index.html"><i class="icon home"></i></a>
40		- <div class="snb_wrap">
41		- <button type="button" class="snb_title">메뉴</button>
42		- <ul class="snb_select">
43		- <li><a href="#">COMPANY</a></li>
44		- <li><a href="#">Platform Tech</a></li>
45		- <li><a href="#">Major Result</a></li>
46		- </ul>
47		- </div>
48		- <div class="snb_wrap">
49		- <button type="button" class="snb_title">메뉴</button>
50		- <ul class="snb_select">
51		- <li><a href="#">1depth</a></li>
52		- <li><a href="#">1depth</a></li>
53		- <li><a href="#">1depth</a></li>
54		- </ul>
55		- </div>
56		- </div>
57		- </div>
58		- </div>
59		- <div class="inner">
60		- <div class="content_wrap pipeline">
61		-
62		- <div class="contents">
63		-
64		- <div class="content_title">
65		- <h3>Cosmetics (준비중)</h3>
66		- </div>
67		-
68		-
69		- </div>
70		- </div>
71		- </div>
72		-
73		-
74		-
75		- </div>
76		-
77		-
78		-
79		- <div data-include-path="../layout/_footer.html"></div>
80		- </div>
81		-
82		-
83		-</body>
84		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Pipeline > Active Ingredient > Cosmeceutical</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="../../../../css/reset.css">
	11	+ <link rel="stylesheet" href="../../../../css/font.css">
	12	+ <link rel="stylesheet" href="../../layout/layout.css">
	13	+ <link rel="stylesheet" href="../../css/common.css">
	14	+ <link rel="stylesheet" href="../../css/style.css">
	15	+ <link rel="stylesheet" href="../../css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="../../../../js/jquery-3.5.0.js"></script>
	20	+ <script src="../../script/common.js"></script>
	21	+ <script src="../../layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+
	26	+</head>
	27	+
	28	+<body data-section="pipeline">
	29	+
	30	+
	31	+ <div class="wrap">
	32	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	33	+
	34	+ <div id="container" class="container sub pipeline">
	35	+ <div class="sub_visual">
	36	+ <div class="inner">
	37	+ <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
	38	+ <div class="sub_visual_nav">
	39	+ <a href="../index.html"><i class="icon home"></i></a>
	40	+ <div class="snb_wrap">
	41	+ <button type="button" class="snb_title">메뉴</button>
	42	+ <ul class="snb_select">
	43	+ <li><a href="#">COMPANY</a></li>
	44	+ <li><a href="#">Platform Tech</a></li>
	45	+ <li><a href="#">Major Result</a></li>
	46	+ </ul>
	47	+ </div>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">1depth</a></li>
	52	+ <li><a href="#">1depth</a></li>
	53	+ <li><a href="#">1depth</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ </div>
	57	+ </div>
	58	+ </div>
	59	+ <div class="inner">
	60	+ <div class="content_wrap pipeline cosme">
	61	+
	62	+ <div class="contents">
	63	+
	64	+ <div class="content_title">
	65	+ <h3>Cosmeceuticals</h3>
	66	+ </div>
	67	+
	68	+ <div class="table_wrap" data-aos="fade-down">
	69	+ <table>
	70	+ <colgroup>
	71	+ <col style="width:5%;">
	72	+ <col style="width:5%;">
	73	+ <col style="width:5%;">
	74	+ <col style="width:6%;">
	75	+ <col style="width:4%;">
	76	+ <col style="width:4%;">
	77	+ <col style="width:4%;">
	78	+ <col style="width:4%;">
	79	+ <col style="width:4%;">
	80	+ <col style="width:4%;">
	81	+ <col style="width:4%;">
	82	+ </colgroup>
	83	+ <thead>
	84	+ <tr>
	85	+ <th rowspan="2">Target<br>
	86	+ Organelle</th>
	87	+ <th rowspan="2">MoA</th>
	88	+ <th rowspan="2">Indication</th>
	89	+ <th rowspan="2">Active<br>Ingredients</th>
	90	+ <th colspan="6">Development Stage</th>
	91	+ <th>Remark</th>
	92	+ </tr>
	93	+ <tr>
	94	+ <th>Screening</th>
	95	+ <th>Hit/<br>Analysis</th>
	96	+ <th>PoC/<br>Efficacy</th>
	97	+ <th>Process<br> Develop.</th>
	98	+ <th>Clinical <br>Test</th>
	99	+ <th>RA</th>
	100	+ <th>Status</th>
	101	+ </tr>
	102	+ </thead>
	103	+ <tbody>
	104	+ <tr>
	105	+ <th>미토콘드리아</th>
	106	+ <td class="orange">Mitophagy <br> Inducer</td>
	107	+ <td class="primary_light orange">
	108	+ <b class="orange">내인성 노화</b>
	109	+ <b class="blue">피부활력</b>
	110	+ </td>
	111	+ <td class="primary_light">Plant / metabolite</td>
	112	+ <td colspan="6">
	113	+ <div class="graph graph5 orange">
	114	+ <span></span>
	115	+ </div>
	116	+ <div class="graph graph3">
	117	+ <span></span>
	118	+ </div>
	119	+ <ul>
	120	+ <li></li>
	121	+ <li></li>
	122	+ <li></li>
	123	+ <li></li>
	124	+ <li></li>
	125	+ <li></li>
	126	+ </ul>
	127	+ </td>
	128	+ <td class="primary_light">세포 에너지,<br>
	129	+ 활력,<br>
	130	+ 활성산소 개선</td>
	131	+ </tr>
	132	+ <tr>
	133	+ <th>퍼옥시좀</th>
	134	+ <td class="blue">Pexophagy<br>
	135	+ Inducer</td>
	136	+ <td class="primary_light"><b class="orange">ROS 제거</b> <b class="blue">피부 산소</b></td>
	137	+ <td class="primary_light">Plant / metabolite</td>
	138	+ <td colspan="6">
	139	+ <div class="graph graph1 orange only">
	140	+ <span></span>
	141	+ </div>
	142	+ <!-- <div class="graph graph2"><span></span></div> -->
	143	+ <ul>
	144	+ <li></li>
	145	+ <li></li>
	146	+ <li></li>
	147	+ <li></li>
	148	+ <li></li>
	149	+ <li></li>
	150	+ </ul>
	151	+ </td>
	152	+ <td class="primary_light">근본적<br> 항산화<br> 개선</td>
	153	+ </tr>
	154	+ <tr>
	155	+ <th>일차섬모</th>
	156	+ <td class="blue">Ciliogenesis<br>Inducer</td>
	157	+ <td class="primary_light">
	158	+ <b class="orange">외인성 노화</b>
	159	+ <b class="blue">미세먼지/Pollutions</b></td>
	160	+ <td class="primary_light">Microbiome/metabolite</td>
	161	+ <td colspan="6">
	162	+ <div class="graph graph3 orange">
	163	+ <span></span>
	164	+ </div>
	165	+ <div class="graph graph1"><span></span></div>
	166	+ <ul>
	167	+ <li></li>
	168	+ <li></li>
	169	+ <li></li>
	170	+ <li></li>
	171	+ <li></li>
	172	+ <li></li>
	173	+ </ul>
	174	+ </td>
	175	+ <td class="primary_light">미세먼지 등<br> 외인성 <br>노화개선</td>
	176	+ </tr>
	177	+ <tr>
	178	+ <th>멜라닌</th>
	179	+ <td class="blue">Melanophagy <br>Inducer</td>
	180	+ <td class="primary_light">
	181	+ <b class="orange">미백, 색소침착</b>
	182	+ <b class="blue">멜라노좀 제거</b>
	183	+ </td>
	184	+ <td class="primary_light">Microbiome/metabolite</td>
	185	+ <td colspan="6">
	186	+ <div class="graph graph4 orange">
	187	+ <span></span>
	188	+ </div>
	189	+ <div class="graph graph2"><span></span></div>
	190	+ <ul>
	191	+ <li></li>
	192	+ <li></li>
	193	+ <li></li>
	194	+ <li></li>
	195	+ <li></li>
	196	+ <li></li>
	197	+ </ul>
	198	+ </td>
	199	+ <td class="primary_light">근본적 색조침착<br> 개선 및<br> 스트레스 완화</td>
	200	+ </tr>
	201	+ </tbody>
	202	+ </table>
	203	+ </div>
	204	+
	205	+ <div class="con_title" data-aos="fade-down">
	206	+ <strong class="title"><b class="purple">Aging</b>과 <b class="purple">Longevity</b>의 <b class="purple">근본적 문제</b>인 소기관 이상과 자가포식 불균형 문제 해결</strong>
	207	+ </div>
	208	+ <div class="figure_content">
	209	+ <img src="/publish/usr/images/pipeline/cosmeceuticals_img01.png" alt="">
	210	+ </div>
	211	+
	212	+ <div class="con_title" data-aos="fade-down">
	213	+ <strong class="title">피부 세포별 Mitophagy 기반 Aging 및 Longevity 평가 시스템 구축</strong>
	214	+ </div>
	215	+ <div class="figure_content">
	216	+ <img src="/publish/usr/images/pipeline/cosmeceuticals_img02.png" alt="">
	217	+ </div>
	218	+
	219	+ <div class="con_title" data-aos="fade-down">
	220	+ <strong class="title">소기관 항상성(Mitophagy) 기반 선택성, 유효성, 안전성을 확보한 신작용기전 후보 발굴</strong>
	221	+ </div>
	222	+ <div class="figure_content">
	223	+ <img src="/publish/usr/images/pipeline/cosmeceuticals_img03.png" alt="">
	224	+ </div>
	225	+
	226	+ <div class="con_title" data-aos="fade-down">
	227	+ <strong class="title">완성형 항노화 및 색소침착을 개선하는 미래기술 기반의 Balance Aging 및 Longevity 실현</strong>
	228	+ </div>
	229	+
	230	+ <div class="dl_wrap fill accent">
	231	+ <dl>
	232	+ <dt>차세대 유망 기술 ｜ Mitophagy(미토파지)</dt>
	233	+ <dd>
	234	+ <ul class="top_area">
	235	+ <li>내인성 노화 스트레스</li>
	236	+ <li>외인성 노화 스트레스</li>
	237	+ </ul>
	238	+ <ul class="stage_ul">
	239	+ <li>
	240	+ <b class="title">손상 미토콘드리아 축적</b>
	241	+ <img src="/publish/usr/images/pipeline/cosmeceuticals_img04.png" alt="">
	242	+ <ul class="depth_stage">
	243	+ <li>미토콘드리아 기능 저하</li>
	244	+ <li>염증증가 · MMPs 증가 · ROS 증가</li>
	245	+ <li><b>Skin aging</b></li>
	246	+ </ul>
	247	+ </li>
	248	+ <li>
	249	+ <b class="title">Mitophagy(미토파지) 활성</b>
	250	+ <img src="/publish/usr/images/pipeline/cosmeceuticals_img05.png" alt="">
	251	+ <ul class="depth_stage">
	252	+ <li>손상 미토콘드리아 제거 및 재생 촉진</li>
	253	+ <li><b>염증감소 · MMPs 감소 · ROS 감소</b></li>
	254	+ <li><b>Healthy aging</b></li>
	255	+ </ul>
	256	+ </li>
	257	+ </ul>
	258	+ <ul class="box_white">
	259	+ <li>
	260	+ <i></i>
	261	+ <p>손상 미토콘드리아 제거
	262	+ 기반의 근본적 항노화 접근</p>
	263	+ </li>
	264	+ <li>
	265	+ <i></i>
	266	+ <p>세포 에너지 항상성 개선을
	267	+ 통한 피부 기능 회복</p>
	268	+ </li>
	269	+ <li>
	270	+ <i></i>
	271	+ <p>글로벌 뷰티 기업들의
	272	+ 항노화 혁신 전략으로
	273	+ 주목받는 차세대 플랫폼</p>
	274	+ </li>
	275	+ </ul>
	276	+ </dd>
	277	+ </dl>
	278	+
	279	+ <dl>
	280	+ <dt>차세대 유망 기술 ｜ 멜라노파지(Mitophagy)</dt>
	281	+ <dd>
	282	+ <strong>손상된 미토콘드리아(멜라노좀)를 ‘청소’하여 깨끗하고 밝은 피부로</strong>
	283	+ <img src="/publish/usr/images/pipeline/cosmeceuticals_img06.png" alt="">
	284	+ </dd>
	285	+ </dl>
	286	+
	287	+ </div>
	288	+ <div class="box" >
	289	+ <img src="/publish/usr/images/pipeline/cosmeceuticals_img07.png" alt="">
	290	+ </div>
	291	+
	292	+ </div>
	293	+ </div>
	294	+ </div>
	295	+
	296	+
	297	+
	298	+ </div>
	299	+
	300	+
	301	+
	302	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	303	+ </div>
	304	+
	305	+
	306	+</body>
	307	+
85	308	</html> (No newline at end of file)

...	...	@@ -1,85 +1,252 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Pipeline > New drugs > 피부질환</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		-
26		-</head>
27		-
28		-<body data-section="pipeline">
29		-
30		-
31		- <div class="wrap">
32		- <div data-include-path="../layout/_header.html"></div>
33		-
34		- <div id="container" class="container sub pipeline">
35		- <div class="sub_visual">
36		- <div class="inner">
37		- <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
38		- <div class="sub_visual_nav">
39		- <a href="../index.html"><i class="icon home"></i></a>
40		- <div class="snb_wrap">
41		- <button type="button" class="snb_title">메뉴</button>
42		- <ul class="snb_select">
43		- <li><a href="#">COMPANY</a></li>
44		- <li><a href="#">Platform Tech</a></li>
45		- <li><a href="#">Major Result</a></li>
46		- </ul>
47		- </div>
48		- <div class="snb_wrap">
49		- <button type="button" class="snb_title">메뉴</button>
50		- <ul class="snb_select">
51		- <li><a href="#">1depth</a></li>
52		- <li><a href="#">1depth</a></li>
53		- <li><a href="#">1depth</a></li>
54		- </ul>
55		- </div>
56		- </div>
57		- </div>
58		- </div>
59		- <div class="inner">
60		- <div class="content_wrap pipeline">
61		-
62		- <div class="contents">
63		-
64		- <div class="content_title">
65		- <h3>피부질환(준비중)</h3>
66		- </div>
67		-
68		-
69		- </div>
70		- </div>
71		- </div>
72		-
73		-
74		-
75		- </div>
76		-
77		-
78		-
79		- <div data-include-path="../layout/_footer.html"></div>
80		- </div>
81		-
82		-
83		-</body>
84		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Pipeline > New drugs > 퇴행성 뇌질환</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+
	26	+</head>
	27	+
	28	+<body data-section="pipeline">
	29	+
	30	+
	31	+ <div class="wrap">
	32	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	33	+
	34	+ <div id="container" class="container sub pipeline">
	35	+ <div class="sub_visual">
	36	+ <div class="inner">
	37	+ <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
	38	+ <div class="sub_visual_nav">
	39	+ <a href="/publish/usr/index.html"><i class="icon home"></i></a>
	40	+ <div class="snb_wrap">
	41	+ <button type="button" class="snb_title">메뉴</button>
	42	+ <ul class="snb_select">
	43	+ <li><a href="#">COMPANY</a></li>
	44	+ <li><a href="#">Platform Tech</a></li>
	45	+ <li><a href="#">Major Result</a></li>
	46	+ </ul>
	47	+ </div>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">1depth</a></li>
	52	+ <li><a href="#">1depth</a></li>
	53	+ <li><a href="#">1depth</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ </div>
	57	+ </div>
	58	+ </div>
	59	+ <div class="inner">
	60	+ <div class="content_wrap pipeline skin">
	61	+
	62	+ <div class="contents">
	63	+
	64	+ <div class="content_title">
	65	+ <h3>피부질환(건선/아토피)</h3>
	66	+ </div>
	67	+
	68	+
	69	+ <div class="figure_content column" data-aos="fade-down">
	70	+
	71	+ <div class="dl_wrap">
	72	+ <dl>
	73	+ <dt>
	74	+ <b>경쟁사 치료제 개발 현황</b>
	75	+ </dt>
	76	+ <dd>
	77	+ <ul class="box_wrap white">
	78	+ <li>
	79	+ <i></i>
	80	+ <p>
	81	+ <b>TNF-a 항체</b>에서 <b>Interleukin류</b> 항체 기반
	82	+ 주사제가 <b>시장 주도, 복용
	83	+ 편의성</b>과 <b>약가 부담</b>이 <b>한계점</b>
	84	+ </p>
	85	+ </li>
	86	+ <li>
	87	+ <i></i>
	88	+ <p>
	89	+ 더마반트사, 2022년
	90	+ <b>AhR 작용제</b>인 <b>Tapinarof</b>(VTAMA®)에 대한 FDA <b>승인 획득</b>
	91	+ </p>
	92	+ </li>
	93	+ <li>
	94	+ <i></i>
	95	+ <p>
	96	+ <b>일라이 릴리, 넥시스 테라퓨틱스</b> 등 활발히 후속약물 개발 중,
	97	+ 이외 <b>글로벌 제약사 AhR기전 건선 치료제 개발</b> 중
	98	+ </p>
	99	+ </li>
	100	+ </ul>
	101	+ </dd>
	102	+ </dl>
	103	+ <dl>
	104	+ <dt>
	105	+ <b>글로벌 시장 규모</b>
	106	+ </dt>
	107	+ <dd>
	108	+ <img src="/publish/usr/images/pipeline/skin_img01.png" alt="">
	109	+ </dd>
	110	+ </dl>
	111	+ </div>
	112	+
	113	+ <div class="dl_wrap fill accent">
	114	+ <dl class="w100per">
	115	+ <dt>오가시스 건선/아토피 치료제 개발 현황 및 계획</dt>
	116	+ <dd>
	117	+ <ol class="timeline_list">
	118	+ <li>
	119	+ <div class="year">2024</div>
	120	+
	121	+ <div class="line"></div>
	122	+
	123	+ <div class="content">
	124	+ <strong>선도물질 도출</strong>
	125	+ </div>
	126	+ </li>
	127	+
	128	+ <li class="active">
	129	+ <div class="year">2025</div>
	130	+
	131	+ <div class="line"></div>
	132	+
	133	+ <div class="content">
	134	+ <strong>선도물질 최적화 및<b><br> 후보물질 도출</b></strong>
	135	+ <strong><b>특허출원</b></strong>
	136	+ </div>
	137	+ </li>
	138	+
	139	+ <li>
	140	+ <div class="year">2026</div>
	141	+
	142	+ <div class="line"></div>
	143	+
	144	+ <div class="content">
	145	+ <strong><b>경구형 및 적응증<br> 확대 국내 공동연구</b></strong>
	146	+ </div>
	147	+ </li>
	148	+
	149	+ <li>
	150	+ <div class="year">2027</div>
	151	+
	152	+ <div class="line"></div>
	153	+
	154	+ <div class="content">
	155	+ <strong><b>전임상(GLP Tox)</b></strong>
	156	+ <strong><b>국내 L/O</b> 추진</strong>
	157	+ </div>
	158	+ </li>
	159	+
	160	+ <li>
	161	+ <div class="year">2028</div>
	162	+
	163	+ <div class="line"></div>
	164	+
	165	+ <div class="content">
	166	+ <strong><b>P1 IND</b></strong>
	167	+ <strong><b>글로벌 L/O</b> 추진</strong>
	168	+ </div>
	169	+ </li>
	170	+
	171	+ <li>
	172	+ <div class="year">2029~</div>
	173	+
	174	+ <div class="line"></div>
	175	+
	176	+ <div class="content">
	177	+ <strong><b>임상 1상 완료</b></strong>
	178	+ </div>
	179	+ </li>
	180	+ </ol>
	181	+
	182	+ </dd>
	183	+ </dl>
	184	+ </div>
	185	+
	186	+ <div class="figure_content row tech_content">
	187	+ <div class="box">
	188	+ <img src="/publish/usr/images/pipeline/skin_img02.png" alt="">
	189	+ <ul class="box_wrap border accent">
	190	+ <li>
	191	+ <div class="title"><b class="number">1</b>스크리닝(AhR reporter assay)</div>
	192	+ <div class="box">
	193	+ <img src="/publish/usr/images/pipeline/skin_img03.png" alt="">
	194	+ </div>
	195	+ </li>
	196	+ <li>
	197	+ <div class="title"><b class="number">2</b>AhR nuclear translocation assay</div>
	198	+ <div class="box">
	199	+ <img src="/publish/usr/images/pipeline/skin_img04.png" alt="">
	200	+ </div>
	201	+ </li>
	202	+ <li>
	203	+ <div class="title"><b class="number">3</b>qRT-PCR(CYP1a1 expression)</div>
	204	+ </li>
	205	+ <li>
	206	+ <div class="title"><b class="number">4</b>염증성 사이토카인 level(IL-17a 등)
	207	+ 증감 평가 계획</div>
	208	+ </li>
	209	+ </ul>
	210	+ </div>
	211	+ <div class="box_wrap border purple">
	212	+ <div class="title">Hit to Lead & Candidate evaluation</div>
	213	+ <div class="box">
	214	+ <ul class="figure_desc square">
	215	+ <li>Reporter gene 평가 : EC50 수 nM ~ pM</li>
	216	+ <li>Activated AhR Translocation : EC50 0.xnM</li>
	217	+ <li>Transcriptional Factor Evaluation : CYP1A1 등</li>
	218	+ <li>Barrier Gene Evaluation : FLG, NQO 등</li>
	219	+ <li>Various Skin & IBD Related Cell Evaluation</li>
	220	+ <li>Target Protein Binding : PAS-B Domain 등</li>
	221	+ <li>ADMET & Physical Property Evaluation</li>
	222	+ <li>Medi-Chem & Structures Optimization</li>
	223	+ <li>SAR & I.P Expansion</li>
	224	+ <li>In vivo Evaluation (Tox & Efficacy)</li>
	225	+ </ul>
	226	+ <img src="/publish/usr/images/pipeline/skin_img05.png" alt="">
	227	+ </div>
	228	+ </div>
	229	+ </div>
	230	+
	231	+
	232	+
	233	+ </div>
	234	+
	235	+
	236	+ </div>
	237	+ </div>
	238	+ </div>
	239	+
	240	+
	241	+
	242	+ </div>
	243	+
	244	+
	245	+
	246	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	247	+ </div>
	248	+
	249	+
	250	+</body>
	251	+
85	252	</html> (No newline at end of file)

...	...	@@ -1,99 +1,94 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > AI co-scientist > AI-assisted Organelle homeostasis</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
30		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
31		- <script>
32		- $(function(){
33		- AOS.init();
34		- })
35		-
36		- </script>
37		-
38		-
39		-</head>
40		-
41		-<body data-section="platform-tech">
42		-
43		-
44		- <div class="wrap">
45		- <div data-include-path="../layout/_header.html"></div>
46		-
47		- <div id="container" class="container sub platform_tech">
48		- <div class="sub_visual">
49		- <div class="inner">
50		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
51		- <div class="sub_visual_nav">
52		- <a href="../index.html"><i class="icon home"></i></a>
53		- <div class="snb_wrap">
54		- <button type="button" class="snb_title">메뉴</button>
55		- <ul class="snb_select">
56		- <li><a href="#">COMPANY</a></li>
57		- <li><a href="#">Platform Tech</a></li>
58		- <li><a href="#">Major Result</a></li>
59		- </ul>
60		- </div>
61		- <div class="snb_wrap">
62		- <button type="button" class="snb_title">메뉴</button>
63		- <ul class="snb_select">
64		- <li><a href="#">1depth</a></li>
65		- <li><a href="#">1depth</a></li>
66		- <li><a href="#">1depth</a></li>
67		- </ul>
68		- </div>
69		- </div>
70		- </div>
71		- </div>
72		- <div class="inner">
73		- <div class="content_wrap mitophagy">
74		-
75		- <div class="contents">
76		-
77		- <div class="content_title">
78		- <h3>AI-assisted Organelle homeostasis(준비중)</h3>
79		- </div>
80		-
81		- </div>
82		- </div>
83		-
84		- <div data-include-path="./autophagy-common.html"></div>
85		-
86		- </div>
87		-
88		-
89		- </div>
90		-
91		-
92		-
93		- <div data-include-path="../layout/_footer.html"></div>
94		- </div>
95		-
96		-
97		-</body>
98		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > AI co-scientist > AI-assisted Organelle homeostasis</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	25	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	26	+ <script>
	27	+ $(function(){
	28	+ AOS.init();
	29	+ })
	30	+
	31	+ </script>
	32	+
	33	+
	34	+</head>
	35	+
	36	+<body data-section="platform-tech">
	37	+
	38	+
	39	+ <div class="wrap">
	40	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	41	+
	42	+ <div id="container" class="container sub platform_tech">
	43	+ <div class="sub_visual">
	44	+ <div class="inner">
	45	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	46	+ <div class="sub_visual_nav">
	47	+ <a href="../index.html"><i class="icon home"></i></a>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">COMPANY</a></li>
	52	+ <li><a href="#">Platform Tech</a></li>
	53	+ <li><a href="#">Major Result</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ <div class="snb_wrap">
	57	+ <button type="button" class="snb_title">메뉴</button>
	58	+ <ul class="snb_select">
	59	+ <li><a href="#">1depth</a></li>
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ </ul>
	63	+ </div>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ <div class="inner">
	68	+ <div class="content_wrap mitophagy">
	69	+
	70	+ <div class="contents">
	71	+
	72	+ <div class="content_title">
	73	+ <h3>AI-assisted Organelle homeostasis(준비중)</h3>
	74	+ </div>
	75	+
	76	+ </div>
	77	+ </div>
	78	+
	79	+ <div data-include-path="./autophagy-common.html"></div>
	80	+
	81	+ </div>
	82	+
	83	+
	84	+ </div>
	85	+
	86	+
	87	+
	88	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	89	+ </div>
	90	+
	91	+
	92	+</body>
	93	+
99	94	</html> (No newline at end of file)

...	...	@@ -1,99 +1,95 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Selective Autophagy > Erphagy</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
30		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
31		- <script>
32		- $(function(){
33		- AOS.init();
34		- })
35		-
36		- </script>
37		-
38		-
39		-</head>
40		-
41		-<body data-section="platform-tech">
42		-
43		-
44		- <div class="wrap">
45		- <div data-include-path="../layout/_header.html"></div>
46		-
47		- <div id="container" class="container sub platform_tech">
48		- <div class="sub_visual">
49		- <div class="inner">
50		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
51		- <div class="sub_visual_nav">
52		- <a href="../index.html"><i class="icon home"></i></a>
53		- <div class="snb_wrap">
54		- <button type="button" class="snb_title">메뉴</button>
55		- <ul class="snb_select">
56		- <li><a href="#">COMPANY</a></li>
57		- <li><a href="#">Platform Tech</a></li>
58		- <li><a href="#">Major Result</a></li>
59		- </ul>
60		- </div>
61		- <div class="snb_wrap">
62		- <button type="button" class="snb_title">메뉴</button>
63		- <ul class="snb_select">
64		- <li><a href="#">1depth</a></li>
65		- <li><a href="#">1depth</a></li>
66		- <li><a href="#">1depth</a></li>
67		- </ul>
68		- </div>
69		- </div>
70		- </div>
71		- </div>
72		- <div class="inner">
73		- <div class="content_wrap mitophagy">
74		-
75		- <div class="contents">
76		-
77		- <div class="content_title">
78		- <h3>Erphagy(대기중)</h3>
79		- </div>
80		-
81		- </div>
82		- </div>
83		-
84		- <div data-include-path="./autophagy-common.html"></div>
85		-
86		- </div>
87		-
88		-
89		- </div>
90		-
91		-
92		-
93		- <div data-include-path="../layout/_footer.html"></div>
94		- </div>
95		-
96		-
97		-</body>
98		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Selective Autophagy > Erphagy</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	26	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	27	+ <script>
	28	+ $(function(){
	29	+ AOS.init();
	30	+ })
	31	+
	32	+ </script>
	33	+
	34	+
	35	+</head>
	36	+
	37	+<body data-section="platform-tech">
	38	+
	39	+
	40	+ <div class="wrap">
	41	+ <div data-include-path="../layout/_header.html"></div>
	42	+
	43	+ <div id="container" class="container sub platform_tech">
	44	+ <div class="sub_visual">
	45	+ <div class="inner">
	46	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	47	+ <div class="sub_visual_nav">
	48	+ <a href="../index.html"><i class="icon home"></i></a>
	49	+ <div class="snb_wrap">
	50	+ <button type="button" class="snb_title">메뉴</button>
	51	+ <ul class="snb_select">
	52	+ <li><a href="#">COMPANY</a></li>
	53	+ <li><a href="#">Platform Tech</a></li>
	54	+ <li><a href="#">Major Result</a></li>
	55	+ </ul>
	56	+ </div>
	57	+ <div class="snb_wrap">
	58	+ <button type="button" class="snb_title">메뉴</button>
	59	+ <ul class="snb_select">
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ <li><a href="#">1depth</a></li>
	63	+ </ul>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ </div>
	68	+ <div class="inner">
	69	+ <div class="content_wrap mitophagy">
	70	+
	71	+ <div class="contents">
	72	+
	73	+ <div class="content_title">
	74	+ <h3>Erphagy(대기중)</h3>
	75	+ </div>
	76	+
	77	+ </div>
	78	+ </div>
	79	+
	80	+ <div data-include-path="./autophagy-common.html"></div>
	81	+
	82	+ </div>
	83	+
	84	+
	85	+ </div>
	86	+
	87	+
	88	+
	89	+ <div data-include-path="../layout/_footer.html"></div>
	90	+ </div>
	91	+
	92	+
	93	+</body>
	94	+
99	95	</html> (No newline at end of file)

...	...	@@ -1,100 +1,95 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Selective Autophagy > Golgiphagy</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
30		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
31		- <script>
32		- $(function(){
33		- AOS.init();
34		- })
35		-
36		- </script>
37		-
38		-
39		-</head>
40		-
41		-<body data-section="platform-tech">
42		-
43		-
44		- <div class="wrap">
45		- <div data-include-path="../layout/_header.html"></div>
46		-
47		- <div id="container" class="container sub platform_tech">
48		- <div class="sub_visual">
49		- <div class="inner">
50		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
51		- <div class="sub_visual_nav">
52		- <a href="../index.html"><i class="icon home"></i></a>
53		- <div class="snb_wrap">
54		- <button type="button" class="snb_title">메뉴</button>
55		- <ul class="snb_select">
56		- <li><a href="#">COMPANY</a></li>
57		- <li><a href="#">Platform Tech</a></li>
58		- <li><a href="#">Major Result</a></li>
59		- </ul>
60		- </div>
61		- <div class="snb_wrap">
62		- <button type="button" class="snb_title">메뉴</button>
63		- <ul class="snb_select">
64		- <li><a href="#">1depth</a></li>
65		- <li><a href="#">1depth</a></li>
66		- <li><a href="#">1depth</a></li>
67		- </ul>
68		- </div>
69		- </div>
70		- </div>
71		- </div>
72		- <div class="inner">
73		- <div class="content_wrap mitophagy">
74		-
75		- <div class="contents">
76		-
77		- <div class="content_title">
78		- <h3>Golgiphagy(준비중)</h3>
79		- </div>
80		-
81		-
82		- </div>
83		- </div>
84		-
85		- <div data-include-path="./autophagy-common.html"></div>
86		-
87		- </div>
88		-
89		-
90		- </div>
91		-
92		-
93		-
94		- <div data-include-path="../layout/_footer.html"></div>
95		- </div>
96		-
97		-
98		-</body>
99		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Selective Autophagy > Golgiphagy</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	25	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	26	+ <script>
	27	+ $(function(){
	28	+ AOS.init();
	29	+ })
	30	+
	31	+ </script>
	32	+
	33	+
	34	+</head>
	35	+
	36	+<body data-section="platform-tech">
	37	+
	38	+
	39	+ <div class="wrap">
	40	+ <div data-include-path="../layout/_header.html"></div>
	41	+
	42	+ <div id="container" class="container sub platform_tech">
	43	+ <div class="sub_visual">
	44	+ <div class="inner">
	45	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	46	+ <div class="sub_visual_nav">
	47	+ <a href="../index.html"><i class="icon home"></i></a>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">COMPANY</a></li>
	52	+ <li><a href="#">Platform Tech</a></li>
	53	+ <li><a href="#">Major Result</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ <div class="snb_wrap">
	57	+ <button type="button" class="snb_title">메뉴</button>
	58	+ <ul class="snb_select">
	59	+ <li><a href="#">1depth</a></li>
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ </ul>
	63	+ </div>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ <div class="inner">
	68	+ <div class="content_wrap mitophagy">
	69	+
	70	+ <div class="contents">
	71	+
	72	+ <div class="content_title">
	73	+ <h3>Golgiphagy(준비중)</h3>
	74	+ </div>
	75	+
	76	+
	77	+ </div>
	78	+ </div>
	79	+
	80	+ <div data-include-path="./autophagy-common.html"></div>
	81	+
	82	+ </div>
	83	+
	84	+
	85	+ </div>
	86	+
	87	+
	88	+
	89	+ <div data-include-path="../layout/_footer.html"></div>
	90	+ </div>
	91	+
	92	+
	93	+</body>
	94	+
100	95	</html> (No newline at end of file)

...	...	@@ -1,99 +1,99 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Selective Autophagy > Lysophagy</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
30		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
31		- <script>
32		- $(function(){
33		- AOS.init();
34		- })
35		-
36		- </script>
37		-
38		-
39		-</head>
40		-
41		-<body data-section="platform-tech">
42		-
43		-
44		- <div class="wrap">
45		- <div data-include-path="../layout/_header.html"></div>
46		-
47		- <div id="container" class="container sub platform_tech">
48		- <div class="sub_visual">
49		- <div class="inner">
50		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
51		- <div class="sub_visual_nav">
52		- <a href="../index.html"><i class="icon home"></i></a>
53		- <div class="snb_wrap">
54		- <button type="button" class="snb_title">메뉴</button>
55		- <ul class="snb_select">
56		- <li><a href="#">COMPANY</a></li>
57		- <li><a href="#">Platform Tech</a></li>
58		- <li><a href="#">Major Result</a></li>
59		- </ul>
60		- </div>
61		- <div class="snb_wrap">
62		- <button type="button" class="snb_title">메뉴</button>
63		- <ul class="snb_select">
64		- <li><a href="#">1depth</a></li>
65		- <li><a href="#">1depth</a></li>
66		- <li><a href="#">1depth</a></li>
67		- </ul>
68		- </div>
69		- </div>
70		- </div>
71		- </div>
72		- <div class="inner">
73		- <div class="content_wrap mitophagy">
74		-
75		- <div class="contents">
76		-
77		- <div class="content_title">
78		- <h3>Lysophagy(준비중)</h3>
79		- </div>
80		-
81		- </div>
82		- </div>
83		-
84		- <div data-include-path="./autophagy-common.html"></div>
85		-
86		- </div>
87		-
88		-
89		- </div>
90		-
91		-
92		-
93		- <div data-include-path="../layout/_footer.html"></div>
94		- </div>
95		-
96		-
97		-</body>
98		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Selective Autophagy > Lysophagy</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+ <!-- 캘린더 -->
	25	+ <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
	26	+ <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
	27	+ <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
	28	+
	29	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	30	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	31	+ <script>
	32	+ $(function(){
	33	+ AOS.init();
	34	+ })
	35	+
	36	+ </script>
	37	+
	38	+
	39	+</head>
	40	+
	41	+<body data-section="platform-tech">
	42	+
	43	+
	44	+ <div class="wrap">
	45	+ <div data-include-path="../layout/_header.html"></div>
	46	+
	47	+ <div id="container" class="container sub platform_tech">
	48	+ <div class="sub_visual">
	49	+ <div class="inner">
	50	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	51	+ <div class="sub_visual_nav">
	52	+ <a href="../index.html"><i class="icon home"></i></a>
	53	+ <div class="snb_wrap">
	54	+ <button type="button" class="snb_title">메뉴</button>
	55	+ <ul class="snb_select">
	56	+ <li><a href="#">COMPANY</a></li>
	57	+ <li><a href="#">Platform Tech</a></li>
	58	+ <li><a href="#">Major Result</a></li>
	59	+ </ul>
	60	+ </div>
	61	+ <div class="snb_wrap">
	62	+ <button type="button" class="snb_title">메뉴</button>
	63	+ <ul class="snb_select">
	64	+ <li><a href="#">1depth</a></li>
	65	+ <li><a href="#">1depth</a></li>
	66	+ <li><a href="#">1depth</a></li>
	67	+ </ul>
	68	+ </div>
	69	+ </div>
	70	+ </div>
	71	+ </div>
	72	+ <div class="inner">
	73	+ <div class="content_wrap mitophagy">
	74	+
	75	+ <div class="contents">
	76	+
	77	+ <div class="content_title">
	78	+ <h3>Lysophagy(준비중)</h3>
	79	+ </div>
	80	+
	81	+ </div>
	82	+ </div>
	83	+
	84	+ <div data-include-path="./autophagy-common.html"></div>
	85	+
	86	+ </div>
	87	+
	88	+
	89	+ </div>
	90	+
	91	+
	92	+
	93	+ <div data-include-path="../layout/_footer.html"></div>
	94	+ </div>
	95	+
	96	+
	97	+</body>
	98	+
99	99	</html> (No newline at end of file)

...	...	@@ -1,136 +1,160 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Selective Autophagy > Melanophagy</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
26		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
27		- <script>
28		- $(function(){
29		- AOS.init();
30		- })
31		-
32		- </script>
33		-
34		-
35		-</head>
36		-
37		-<body data-section="platform-tech">
38		-
39		-
40		- <div class="wrap">
41		- <div data-include-path="../../layout/_header.html"></div>
42		-
43		- <div id="container" class="container sub platform_tech">
44		- <div class="sub_visual">
45		- <div class="inner">
46		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
47		- <div class="sub_visual_nav">
48		- <a href="../index.html"><i class="icon home"></i></a>
49		- <div class="snb_wrap">
50		- <button type="button" class="snb_title">메뉴</button>
51		- <ul class="snb_select">
52		- <li><a href="#">COMPANY</a></li>
53		- <li><a href="#">Platform Tech</a></li>
54		- <li><a href="#">Major Result</a></li>
55		- </ul>
56		- </div>
57		- <div class="snb_wrap">
58		- <button type="button" class="snb_title">메뉴</button>
59		- <ul class="snb_select">
60		- <li><a href="#">1depth</a></li>
61		- <li><a href="#">1depth</a></li>
62		- <li><a href="#">1depth</a></li>
63		- </ul>
64		- </div>
65		- </div>
66		- </div>
67		- </div>
68		- <div class="inner">
69		- <div class="content_wrap mitophagy">
70		-
71		- <div class="contents">
72		-
73		- <div class="content_title">
74		- <h3>Melanophagy</h3>
75		- </div>
76		-
77		- <div class="con_title" data-aos="fade-down">
78		- <span class="text_primary summary">Melanophagy Inducer</span>
79		- <strong class="title">Melanophagy Disease</strong>
80		- </div>
81		-
82		- <div class="figure_content row">
83		- <div class="box" data-aos="fade-right">
84		- <img src="../../images/platform-tech/melanophagy_1.png" alt="">
85		- </div>
86		- <ul class="figure_desc circle" data-aos="fade-left">
87		- <li>Vitiligo</li>
88		- <li>Melanoma</li>
89		- <li>Freckles</li>
90		- </ul>
91		- </div>
92		-
93		- <div class="con_title" data-aos="fade-down">
94		- <strong class="title">Melaophagy inducer screening platforms</strong>
95		- </div>
96		-
97		- <div class="figure_content column">
98		-
99		- <ul class="figure_desc square" data-aos="fade-down">
100		- <li>Selective melanin modulator I.D</li>
101		- <li>Nomenclature ‘melanophagy& co-Research with major comp.</li>
102		- <li>
103		- PLoS One (2020) BBRC (2019)
104		- <div class="box" data-aos="fade-down">
105		- <img src="../../images/platform-tech/melanophagy_2.png" alt="">
106		- </div>
107		- </li>
108		- <li>
109		- 멜라노파지 모니터링 플랫폼 (B16F1/mRFP-EGFP 세포주)에서 melanophagy inducer 처리에 따른 멜라노파지 증가와 멜라닌 감소
110		- <div class="box" data-aos="fade-down">
111		- <img src="../../images/platform-tech/melanophagy_3.png" alt="">
112		- </div>
113		- <div class="box" data-aos="fade-down">
114		- <img src="../../images/platform-tech/melanophagy_4.png" alt="">
115		- </div>
116		- </li>
117		-
118		- </ul>
119		- </div>
120		- </div>
121		- <div data-include-path="./autophagy-common.html"></div>
122		- </div>
123		- </div>
124		-
125		-
126		- </div>
127		-
128		-
129		-
130		- <div data-include-path="../../layout/_footer.html"></div>
131		- </div>
132		-
133		-
134		-</body>
135		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Selective Autophagy > Melanophagy</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	26	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	27	+ <script>
	28	+ $(function(){
	29	+ AOS.init();
	30	+ })
	31	+
	32	+ </script>
	33	+
	34	+
	35	+</head>
	36	+
	37	+<body data-section="platform-tech">
	38	+
	39	+
	40	+ <div class="wrap">
	41	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	42	+
	43	+ <div id="container" class="container sub platform_tech">
	44	+ <div class="sub_visual">
	45	+ <div class="inner">
	46	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	47	+ <div class="sub_visual_nav">
	48	+ <a href="../index.html"><i class="icon home"></i></a>
	49	+ <div class="snb_wrap">
	50	+ <button type="button" class="snb_title">메뉴</button>
	51	+ <ul class="snb_select">
	52	+ <li><a href="#">COMPANY</a></li>
	53	+ <li><a href="#">Platform Tech</a></li>
	54	+ <li><a href="#">Major Result</a></li>
	55	+ </ul>
	56	+ </div>
	57	+ <div class="snb_wrap">
	58	+ <button type="button" class="snb_title">메뉴</button>
	59	+ <ul class="snb_select">
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ <li><a href="#">1depth</a></li>
	63	+ </ul>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ </div>
	68	+ <div class="inner">
	69	+ <div class="content_wrap mitophagy">
	70	+
	71	+ <div class="contents">
	72	+
	73	+ <div class="content_title">
	74	+ <h3>Melanophagy</h3>
	75	+ </div>
	76	+
	77	+ <div class="con_title" data-aos="fade-down">
	78	+ <span class="text_primary summary">Melanophagy Inducer</span>
	79	+ <strong class="title">Melanophagy Disease</strong>
	80	+ </div>
	81	+
	82	+ <div class="figure_content row">
	83	+ <div class="box" data-aos="fade-right">
	84	+ <img src="/publish/usr/images/platform-tech/melanophagy_1.png" alt="">
	85	+ </div>
	86	+ <ul class="figure_desc circle" data-aos="fade-left">
	87	+ <li>Vitiligo</li>
	88	+ <li>Melanoma</li>
	89	+ <li>Freckles</li>
	90	+ </ul>
	91	+ </div>
	92	+
	93	+ <div class="con_title" data-aos="fade-down">
	94	+ <strong class="title">Melaophagy inducer screening platforms</strong>
	95	+ </div>
	96	+
	97	+ <div class="figure_content column">
	98	+
	99	+ <ul class="figure_desc square" data-aos="fade-down">
	100	+ <li>Selective melanin modulator I.D</li>
	101	+ <li>Nomenclature ‘melanophagy& co-Research with major comp.</li>
	102	+ <li>
	103	+ PLoS One (2020) BBRC (2019), Cells(2023), Autophagy(2024)
	104	+ <div class="box" data-aos="fade-down">
	105	+ <img src="/publish/usr/images/platform-tech/melanophagy_2.png" alt="">
	106	+ </div>
	107	+ </li>
	108	+ <li>
	109	+ 멜라노파지 모니터링 플랫폼 (B16F1/mRFP-EGFP 세포주)에서 melanophagy inducer 처리에 따른 멜라노파지 증가와 멜라닌 감소
	110	+ <div class="box" data-aos="fade-down">
	111	+ <img src="/publish/usr/images/platform-tech/melanophagy_3.png" alt="">
	112	+ </div>
	113	+ <div class="box" data-aos="fade-down">
	114	+ <img src="/publish/usr/images/platform-tech/melanophagy_4.png" alt="">
	115	+ </div>
	116	+ </li>
	117	+
	118	+ </ul>
	119	+ </div>
	120	+
	121	+ <div class="con_title" data-aos="fade-down">
	122	+ <strong class="title">Melanophagy</strong>
	123	+ </div>
	124	+
	125	+ <ul class="paper_content" data-aos="fade-down">
	126	+ <li class="box">
	127	+ <img src="/publish/usr/images/platform-tech/melanophagy_paper_1.png" alt="">
	128	+ <strong class="summary">(Autophagy, 2024)</strong>
	129	+ </li>
	130	+ <li class="box">
	131	+ <img src="/publish/usr/images/platform-tech/melanophagy_paper_2.png" alt="">
	132	+ <strong class="summary">(Cells 2023)</strong>
	133	+ </li>
	134	+ <li class="box">
	135	+ <img src="/publish/usr/images/platform-tech/melanophagy_paper_3.png" alt="">
	136	+ <strong class="summary">(Cosmetics 2024)</strong>
	137	+ </li>
	138	+ <li class="box">
	139	+ <img src="/publish/usr/images/platform-tech/melanophagy_paper_4.png" alt="">
	140	+ <strong class="summary">(PLOS ONE 2020)</strong>
	141	+ </li>
	142	+ </ul>
	143	+
	144	+ </div>
	145	+ <div data-include-path="./autophagy-common.html"></div>
	146	+ </div>
	147	+ </div>
	148	+
	149	+
	150	+ </div>
	151	+
	152	+
	153	+
	154	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	155	+ </div>
	156	+
	157	+
	158	+</body>
	159	+
136	160	</html> (No newline at end of file)

...	...	@@ -1,148 +1,173 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Selective Autophagy > Mitophagy</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
26		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
27		- <script>
28		- $(function(){
29		- AOS.init();
30		- })
31		-
32		- </script>
33		-
34		-
35		-</head>
36		-
37		-<body data-section="platform-tech">
38		-
39		-
40		- <div class="wrap">
41		- <div data-include-path="../../layout/_header.html"></div>
42		-
43		- <div id="container" class="container sub platform_tech">
44		- <div class="sub_visual">
45		- <div class="inner">
46		- <h2 class="sub_title" data-section="platform-tech">PLATFORM TECHNOLOGIES</h2>
47		- <div class="sub_visual_nav">
48		- <a href="../index.html"><i class="icon home"></i></a>
49		- <div class="snb_wrap">
50		- <button type="button" class="snb_title">메뉴</button>
51		- <ul class="snb_select">
52		- <li><a href="#">COMPANY</a></li>
53		- <li><a href="#">Platform Tech</a></li>
54		- <li><a href="#">Major Result</a></li>
55		- </ul>
56		- </div>
57		- <div class="snb_wrap">
58		- <button type="button" class="snb_title">메뉴</button>
59		- <ul class="snb_select">
60		- <li><a href="#">1depth</a></li>
61		- <li><a href="#">1depth</a></li>
62		- <li><a href="#">1depth</a></li>
63		- </ul>
64		- </div>
65		- </div>
66		- </div>
67		- </div>
68		- <div class="inner">
69		- <div class="content_wrap">
70		-
71		- <div class="contents">
72		-
73		- <div class="content_title">
74		- <h3>Mitophagy</h3>
75		- </div>
76		-
77		- <div class="con_title" data-aos="fade-down">
78		- <span class="text_primary summary">Mitophagy Inducer</span>
79		- <strong class="title">Mitophagy : Not only Parkinson's disease</strong>
80		- </div>
81		-
82		- <div class="figure_content row">
83		- <div class="box" data-aos="fade-right">
84		- <img src="../../images/platform-tech/mitophagy_1.png" alt="">
85		- </div>
86		- <ul class="figure_desc circle" data-aos="fade-left">
87		- <li>Alzheimer’s disease</li>
88		- <li>Autism spectrum disorder</li>
89		- <li>Alcoholic Liver Disease</li>
90		- <li>Diabetic Kidney Disease (DKD)...</li>
91		- </ul>
92		- </div>
93		-
94		- <div class="con_title" data-aos="fade-down">
95		- <strong class="title">Mitophagy inducer screening for various library</strong>
96		- </div>
97		-
98		- <div class="figure_content column">
99		-
100		- <ul class="figure_desc square" data-aos="fade-down">
101		- <li>’20yr research (Science 2009 외 30여편)</li>
102		- <li>Selective mitophagy modulator I.D</li>
103		- <li>
104		- Global R&D Project / lead comp. I.D
105		- <div class="box" data-aos="fade-down">
106		- <img src="../../images/platform-tech/mitophagy_2.png" alt="">
107		- </div>
108		- </li>
109		- <li>
110		- 신경세포주 SH-SY5Y/GFP-Parkin 세포주에 mitophagy inducer 처리에 따른 Parkin 의존적 mitophagy 증가
111		- <div class="box" data-aos="fade-down">
112		- <img src="../../images/platform-tech/mitophagy_3.png" alt="">
113		- </div>
114		- </li>
115		- <li>
116		- 마이토파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-Fis1세포주)에서 mitophagy inducer 처리에 따른 마이토파지 증가
117		- <div class="box" data-aos="fade-down">
118		- <img src="../../images/platform-tech/mitophagy_4.png" alt="">
119		- </div>
120		- </li>
121		- <li>
122		- 마이토파지 모니터링 플랫폼 (SH-SY5Y/mKeima) 세포주)에서 mitophagy Inducer 처리에 따른 마이토파지 증가
123		- <div class="box" data-aos="fade-down">
124		- <img src="../../images/platform-tech/mitophagy_5.png" alt="">
125		- </div>
126		- </li>
127		-
128		- </ul>
129		- </div>
130		- </div>
131		- <div data-include-path="./autophagy-common.html"></div>
132		- </div>
133		-
134		- </div>
135		-
136		-
137		-
138		- </div>
139		-
140		-
141		-
142		- <div data-include-path="../../layout/_footer.html"></div>
143		- </div>
144		-
145		-
146		-</body>
147		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Selective Autophagy > Mitophagy</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	26	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	27	+ <script>
	28	+ $(function () {
	29	+ AOS.init();
	30	+ })
	31	+ </script>
	32	+
	33	+
	34	+</head>
	35	+
	36	+<body data-section="platform-tech">
	37	+
	38	+
	39	+ <div class="wrap">
	40	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	41	+
	42	+ <div id="container" class="container sub platform_tech">
	43	+ <div class="sub_visual">
	44	+ <div class="inner">
	45	+ <h2 class="sub_title" data-section="platform-tech">PLATFORM TECHNOLOGIES</h2>
	46	+ <div class="sub_visual_nav">
	47	+ <a href="../index.html"><i class="icon home"></i></a>
	48	+ <div class="snb_wrap">
	49	+ <button type="button" class="snb_title">메뉴</button>
	50	+ <ul class="snb_select">
	51	+ <li><a href="#">COMPANY</a></li>
	52	+ <li><a href="#">Platform Tech</a></li>
	53	+ <li><a href="#">Major Result</a></li>
	54	+ </ul>
	55	+ </div>
	56	+ <div class="snb_wrap">
	57	+ <button type="button" class="snb_title">메뉴</button>
	58	+ <ul class="snb_select">
	59	+ <li><a href="#">1depth</a></li>
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ </ul>
	63	+ </div>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ <div class="inner">
	68	+ <div class="content_wrap">
	69	+
	70	+ <div class="contents">
	71	+
	72	+ <div class="content_title">
	73	+ <h3>Mitophagy</h3>
	74	+ </div>
	75	+
	76	+ <div class="con_title" data-aos="fade-down">
	77	+ <span class="text_primary summary">Mitophagy Inducer</span>
	78	+ <strong class="title">Mitophagy : Not only Parkinson's disease</strong>
	79	+ </div>
	80	+
	81	+ <div class="figure_content row">
	82	+ <div class="box" data-aos="fade-right">
	83	+ <img src="/publish/usr/images/platform-tech/mitophagy_1.png" alt="">
	84	+ </div>
	85	+ <ul class="figure_desc circle" data-aos="fade-left">
	86	+ <li>Alzheimer’s disease</li>
	87	+ <li>Autism spectrum disorder</li>
	88	+ <li>Alcoholic Liver Disease</li>
	89	+ <li>Diabetic Kidney Disease (DKD)...</li>
	90	+ </ul>
	91	+ </div>
	92	+
	93	+ <div class="con_title" data-aos="fade-down">
	94	+ <strong class="title">Mitophagy inducer screening for various library</strong>
	95	+ </div>
	96	+
	97	+ <div class="figure_content column">
	98	+
	99	+ <ul class="figure_desc square" data-aos="fade-down">
	100	+ <li>’20yr research (Science 2009 외 30여편)</li>
	101	+ <li>Selective mitophagy modulator I.D</li>
	102	+ <li>
	103	+ Global R&D Project / lead comp. I.D
	104	+ <div class="box" data-aos="fade-down">
	105	+ <img src="/publish/usr/images/platform-tech/mitophagy_2.png" alt="">
	106	+ </div>
	107	+ </li>
	108	+ <li>
	109	+ 신경세포주 SH-SY5Y/GFP-Parkin 세포주에 mitophagy inducer 처리에 따른 Parkin 의존적 mitophagy 증가
	110	+ <div class="box" data-aos="fade-down">
	111	+ <img src="/publish/usr/images/platform-tech/mitophagy_3.png" alt="">
	112	+ </div>
	113	+ </li>
	114	+ <li>
	115	+ 마이토파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-Fis1세포주)에서 mitophagy inducer 처리에 따른 마이토파지 증가
	116	+ <div class="box" data-aos="fade-down">
	117	+ <img src="/publish/usr/images/platform-tech/mitophagy_4.png" alt="">
	118	+ </div>
	119	+ </li>
	120	+ <li>
	121	+ 마이토파지 모니터링 플랫폼 (SH-SY5Y/mKeima) 세포주)에서 mitophagy Inducer 처리에 따른 마이토파지 증가
	122	+ <div class="box" data-aos="fade-down">
	123	+ <img src="/publish/usr/images/platform-tech/mitophagy_5.png" alt="">
	124	+ </div>
	125	+ </li>
	126	+
	127	+ </ul>
	128	+ </div>
	129	+
	130	+ <div class="con_title" data-aos="fade-down">
	131	+ <strong class="title">Mitophagy & Autophagy</strong>
	132	+ </div>
	133	+
	134	+
	135	+ <ul class="paper_content">
	136	+ <li class="box">
	137	+ <img src="/publish/usr/images/platform-tech/mitophagy_paper_1.png" alt="">
	138	+ <strong class="summary">(Autophagy, 2023)</strong>
	139	+ </li>
	140	+ <li class="box">
	141	+ <img src="/publish/usr/images/platform-tech/mitophagy_paper_2.png" alt="">
	142	+ <strong class="summary">(Mol Cells, 2020)</strong>
	143	+ </li>
	144	+ <li class="box">
	145	+ <img src="/publish/usr/images/platform-tech/mitophagy_paper_3.png" alt="">
	146	+ <strong class="summary">(FASEB J 2019)</strong>
	147	+ </li>
	148	+ <li class="box">
	149	+ <img src="/publish/usr/images/platform-tech/mitophagy_paper_4.png" alt="">
	150	+ <strong class="summary">(Mol Brain, 2023)</strong>
	151	+ </li>
	152	+ </ul>
	153	+
	154	+
	155	+ </div>
	156	+ <div data-include-path="./autophagy-common.html"></div>
	157	+ </div>
	158	+
	159	+ </div>
	160	+
	161	+
	162	+
	163	+ </div>
	164	+
	165	+
	166	+
	167	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	168	+ </div>
	169	+
	170	+
	171	+</body>
	172	+
148	173	</html> (No newline at end of file)

...	...	@@ -1,144 +1,154 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Selective Autophagy > Pexophagy</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
30		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
31		- <script>
32		- $(function(){
33		- AOS.init();
34		- })
35		-
36		- </script>
37		-
38		-
39		-</head>
40		-
41		-<body data-section="platform-tech">
42		-
43		-
44		- <div class="wrap">
45		- <div data-include-path="../layout/_header.html"></div>
46		-
47		- <div id="container" class="container sub platform_tech">
48		- <div class="sub_visual">
49		- <div class="inner">
50		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
51		- <div class="sub_visual_nav">
52		- <a href="../index.html"><i class="icon home"></i></a>
53		- <div class="snb_wrap">
54		- <button type="button" class="snb_title">메뉴</button>
55		- <ul class="snb_select">
56		- <li><a href="#">COMPANY</a></li>
57		- <li><a href="#">Platform Tech</a></li>
58		- <li><a href="#">Major Result</a></li>
59		- </ul>
60		- </div>
61		- <div class="snb_wrap">
62		- <button type="button" class="snb_title">메뉴</button>
63		- <ul class="snb_select">
64		- <li><a href="#">1depth</a></li>
65		- <li><a href="#">1depth</a></li>
66		- <li><a href="#">1depth</a></li>
67		- </ul>
68		- </div>
69		- </div>
70		- </div>
71		- </div>
72		- <div class="inner">
73		- <div class="content_wrap mitophagy">
74		-
75		- <div class="contents">
76		-
77		- <div class="content_title">
78		- <h3>Pexophagy</h3>
79		- </div>
80		-
81		- <div class="con_title" data-aos="fade-down">
82		- <span class="text_primary summary">Pexophagy Inducer</span>
83		- <strong class="title">Peroxisome dysfunction in disease</strong>
84		- </div>
85		-
86		- <div class="figure_content row">
87		- <div class="box" data-aos="fade-right">
88		- <img src="../images/major_result/pexophagy_1.png" alt="">
89		- </div>
90		- <ul class="figure_desc circle" data-aos="fade-left">
91		- <li>X-linked adrenoleukodystrophy</li>
92		- <li>Skeletal abnormalities</li>
93		- <li>Alzheimer’s disease</li>
94		- <li>Neonatal hypotonia</li>
95		- <li>Bile Acid Synthesis Defect</li>
96		- <li>Cancer</li>
97		- <li>Diabetes</li>
98		- </ul>
99		- </div>
100		-
101		- <div class="con_title" data-aos="fade-down">
102		- <strong class="title">Pexophagy inducer screening for various library</strong>
103		- </div>
104		-
105		- <div class="figure_content column">
106		-
107		- <ul class="figure_desc square" data-aos="fade-down">
108		- <li>Global first target & M.O.A</li>
109		- <li>Novel target I.D</li>
110		- <li>1st in class : First I.D Mecham.</li>
111		- <li>
112		- Autophagy (2020), BBRC (2021)
113		- <div class="box" data-aos="fade-down">
114		- <img src="../images/major_result/pexophagy_2.png" alt="">
115		- </div>
116		- </li>
117		- <li>
118		- 펙소파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-PTS1 세포주)에서 pexophagy inducer 처리에 따른 펙소파지 증가
119		- <div class="box" data-aos="fade-down">
120		- <img src="../images/major_result/pexophagy_3.png" alt="">
121		- </div>
122		- </li>
123		-
124		- </ul>
125		- </div>
126		- </div>
127		- </div>
128		-
129		- <div data-include-path="./autophagy-common.html"></div>
130		-
131		- </div>
132		-
133		-
134		- </div>
135		-
136		-
137		-
138		- <div data-include-path="../layout/_footer.html"></div>
139		- </div>
140		-
141		-
142		-</body>
143		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Selective Autophagy > Pexophagy</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	25	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	26	+ <script>
	27	+ $(function () {
	28	+ AOS.init();
	29	+ })
	30	+ </script>
	31	+
	32	+
	33	+</head>
	34	+
	35	+<body data-section="platform-tech">
	36	+
	37	+
	38	+ <div class="wrap">
	39	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	40	+
	41	+ <div id="container" class="container sub platform_tech">
	42	+ <div class="sub_visual">
	43	+ <div class="inner">
	44	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	45	+ <div class="sub_visual_nav">
	46	+ <a href="/publish/usr/index.html"><i class="icon home"></i></a>
	47	+ <div class="snb_wrap">
	48	+ <button type="button" class="snb_title">메뉴</button>
	49	+ <ul class="snb_select">
	50	+ <li><a href="#">COMPANY</a></li>
	51	+ <li><a href="#">Platform Tech</a></li>
	52	+ <li><a href="#">Major Result</a></li>
	53	+ </ul>
	54	+ </div>
	55	+ <div class="snb_wrap">
	56	+ <button type="button" class="snb_title">메뉴</button>
	57	+ <ul class="snb_select">
	58	+ <li><a href="#">1depth</a></li>
	59	+ <li><a href="#">1depth</a></li>
	60	+ <li><a href="#">1depth</a></li>
	61	+ </ul>
	62	+ </div>
	63	+ </div>
	64	+ </div>
	65	+ </div>
	66	+ <div class="inner">
	67	+ <div class="content_wrap mitophagy">
	68	+
	69	+ <div class="contents">
	70	+
	71	+ <div class="content_title">
	72	+ <h3>Pexophagy</h3>
	73	+ </div>
	74	+
	75	+ <div class="con_title" data-aos="fade-down">
	76	+ <span class="text_primary summary">Pexophagy Inducer</span>
	77	+ <strong class="title">Peroxisome dysfunction in disease</strong>
	78	+ </div>
	79	+
	80	+ <div class="figure_content row">
	81	+ <div class="box" data-aos="fade-right">
	82	+ <img src="/publish/usr/images/major_result/pexophagy_1.png" alt="">
	83	+ </div>
	84	+ <ul class="figure_desc circle" data-aos="fade-left">
	85	+ <li>X-linked adrenoleukodystrophy</li>
	86	+ <li>Skeletal abnormalities</li>
	87	+ <li>Alzheimer’s disease</li>
	88	+ <li>Neonatal hypotonia</li>
	89	+ <li>Bile Acid Synthesis Defect</li>
	90	+ <li>Cancer</li>
	91	+ <li>Diabetes</li>
	92	+ </ul>
	93	+ </div>
	94	+
	95	+ <div class="con_title" data-aos="fade-down">
	96	+ <strong class="title">Pexophagy inducer screening for various library</strong>
	97	+ </div>
	98	+
	99	+ <div class="figure_content column">
	100	+
	101	+ <ul class="figure_desc square" data-aos="fade-down">
	102	+ <li>Global first target & M.O.A</li>
	103	+ <li>Novel target I.D</li>
	104	+ <li>1st in class : First I.D Mecham.</li>
	105	+ <li>
	106	+ Autophagy (2020), BBRC (2021)
	107	+ <div class="box" data-aos="fade-down">
	108	+ <img src="/publish/usr/images/major_result/pexophagy_2.png" alt="">
	109	+ </div>
	110	+ </li>
	111	+ <li>
	112	+ 펙소파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-PTS1 세포주)에서 pexophagy inducer 처리에 따른 펙소파지 증가
	113	+ <div class="box" data-aos="fade-down">
	114	+ <img src="/publish/usr/images/major_result/pexophagy_3.png" alt="">
	115	+ </div>
	116	+ </li>
	117	+
	118	+ </ul>
	119	+ </div>
	120	+
	121	+ <div class="con_title" data-aos="fade-down">
	122	+ <strong class="title">Pexophagy</strong>
	123	+ </div>
	124	+
	125	+ <ul class="paper_content">
	126	+ <li class="box">
	127	+ <img src="/publish/usr/images/platform-tech/pexophagy_paper_1.png" alt="">
	128	+ <strong class="summary">(CDD, 2026)</strong>
	129	+ </li>
	130	+ <li class="box">
	131	+ <img src="/publish/usr/images/platform-tech/pexophagy_paper_2.png" alt="">
	132	+ <strong class="summary">(Autophagy, 2023)</strong>
	133	+ </li>
	134	+ </ul>
	135	+
	136	+ </div>
	137	+ </div>
	138	+
	139	+ <div data-include-path="./autophagy-common.html"></div>
	140	+
	141	+ </div>
	142	+
	143	+
	144	+ </div>
	145	+
	146	+
	147	+
	148	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	149	+ </div>
	150	+
	151	+
	152	+</body>
	153	+
144	154	</html> (No newline at end of file)

...	...	@@ -1,123 +1,123 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
26		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
27		- <script>
28		- $(function(){
29		- AOS.init();
30		- })
31		-
32		- </script>
33		-
34		-
35		-</head>
36		-
37		-<body data-section="platform-tech">
38		-
39		-
40		- <div class="wrap">
41		- <div data-include-path="../../layout/_header.html"></div>
42		-
43		- <div id="container" class="container sub platform_tech">
44		- <div class="sub_visual">
45		- <div class="inner">
46		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
47		- <div class="sub_visual_nav">
48		- <a href="../index.html"><i class="icon home"></i></a>
49		- <div class="snb_wrap">
50		- <button type="button" class="snb_title">메뉴</button>
51		- <ul class="snb_select">
52		- <li><a href="#">COMPANY</a></li>
53		- <li><a href="#">Platform Tech</a></li>
54		- <li><a href="#">Major Result</a></li>
55		- </ul>
56		- </div>
57		- <div class="snb_wrap">
58		- <button type="button" class="snb_title">메뉴</button>
59		- <ul class="snb_select">
60		- <li><a href="#">1depth</a></li>
61		- <li><a href="#">1depth</a></li>
62		- <li><a href="#">1depth</a></li>
63		- </ul>
64		- </div>
65		- </div>
66		- </div>
67		- </div>
68		- <div class="inner">
69		- <div class="content_wrap">
70		-
71		- <div class="contents">
72		-
73		- <div class="content_title">
74		- <h3>AHR mechanism</h3>
75		- </div>
76		-
77		- <div class="con_title" data-aos="fade-down">
78		- <strong class="title">Arylhydrocarbon Receptor(AhR, 아릴탄화수소 수용체)는 외부 및 내부의 리간드(ligands)에 의해 활성의 변화에 따라 관련 target gene 을 조절하는 전사인자로 기존에 잘 알려져 있음</strong>
79		- </div>
80		-
81		- <div class="figure_content column">
82		- <ul class="figure_desc square" data-aos="fade-down">
83		- <li>
84		- AhR signaling pathway(Nature Reviews Immunology)
85		- <div class="box" data-aos="fade-down">
86		- <img src="../../images/platform-tech/ahr_1.png" alt="">
87		- </div>
88		- </li>
89		- </ul>
90		- </div>
91		-
92		- <div class="con_title" data-aos="fade-down">
93		- <strong class="title">AhR을 활성을 높이는 작용제는 특히, 건선과 같은 피부질환에서 중요한 역할을 하는데 면역 및 염증 반응과 관련된, 특히 높은 발현률을 보이는 Th17나 Treg 세포에서 IL-4/IL-13 및 IL-17/IL-22와 같은 염증성 사이토카인 분비 조절 작용을 통해 각각 건선이나 아토피 치료에 유효한 효과를 나타내는 것이 밝혀졌음</strong>
94		- </div>
95		-
96		- <div class="figure_content column">
97		- <ul class="figure_desc square" data-aos="fade-down">
98		- <li>
99		- AhR signal and action points of tapinarof(Int. J. Mol. Sci.)
100		- <div class="box" data-aos="fade-down">
101		- <img src="../../images/platform-tech/ahr_2.png" alt="">
102		- </div>
103		- </li>
104		- </ul>
105		- </div>
106		-
107		- </div>
108		- </div>
109		- </div>
110		-
111		-
112		-
113		- </div>
114		-
115		-
116		-
117		- <div data-include-path="../../layout/_footer.html"></div>
118		- </div>
119		-
120		-
121		-</body>
122		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	26	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	27	+ <script>
	28	+ $(function(){
	29	+ AOS.init();
	30	+ })
	31	+
	32	+ </script>
	33	+
	34	+
	35	+</head>
	36	+
	37	+<body data-section="platform-tech">
	38	+
	39	+
	40	+ <div class="wrap">
	41	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	42	+
	43	+ <div id="container" class="container sub platform_tech">
	44	+ <div class="sub_visual">
	45	+ <div class="inner">
	46	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	47	+ <div class="sub_visual_nav">
	48	+ <a href="../index.html"><i class="icon home"></i></a>
	49	+ <div class="snb_wrap">
	50	+ <button type="button" class="snb_title">메뉴</button>
	51	+ <ul class="snb_select">
	52	+ <li><a href="#">COMPANY</a></li>
	53	+ <li><a href="#">Platform Tech</a></li>
	54	+ <li><a href="#">Major Result</a></li>
	55	+ </ul>
	56	+ </div>
	57	+ <div class="snb_wrap">
	58	+ <button type="button" class="snb_title">메뉴</button>
	59	+ <ul class="snb_select">
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ <li><a href="#">1depth</a></li>
	63	+ </ul>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ </div>
	68	+ <div class="inner">
	69	+ <div class="content_wrap">
	70	+
	71	+ <div class="contents">
	72	+
	73	+ <div class="content_title">
	74	+ <h3>AHR mechanism</h3>
	75	+ </div>
	76	+
	77	+ <div class="con_title" data-aos="fade-down">
	78	+ <strong class="title">Arylhydrocarbon Receptor(AhR, 아릴탄화수소 수용체)는 외부 및 내부의 리간드(ligands)에 의해 활성의 변화에 따라 관련 target gene 을 조절하는 전사인자로 기존에 잘 알려져 있음</strong>
	79	+ </div>
	80	+
	81	+ <div class="figure_content column">
	82	+ <ul class="figure_desc square" data-aos="fade-down">
	83	+ <li>
	84	+ AhR signaling pathway(Nature Reviews Immunology)
	85	+ <div class="box" data-aos="fade-down">
	86	+ <img src="/publish/usr/images/platform-tech/ahr_1.png" alt="">
	87	+ </div>
	88	+ </li>
	89	+ </ul>
	90	+ </div>
	91	+
	92	+ <div class="con_title" data-aos="fade-down">
	93	+ <strong class="title">AhR을 활성을 높이는 작용제는 특히, 건선과 같은 피부질환에서 중요한 역할을 하는데 면역 및 염증 반응과 관련된, 특히 높은 발현률을 보이는 Th17나 Treg 세포에서 IL-4/IL-13 및 IL-17/IL-22와 같은 염증성 사이토카인 분비 조절 작용을 통해 각각 건선이나 아토피 치료에 유효한 효과를 나타내는 것이 밝혀졌음</strong>
	94	+ </div>
	95	+
	96	+ <div class="figure_content column">
	97	+ <ul class="figure_desc square" data-aos="fade-down">
	98	+ <li>
	99	+ AhR signal and action points of tapinarof(Int. J. Mol. Sci.)
	100	+ <div class="box" data-aos="fade-down">
	101	+ <img src="/publish/usr/images/platform-tech/ahr_2.png" alt="">
	102	+ </div>
	103	+ </li>
	104	+ </ul>
	105	+ </div>
	106	+
	107	+ </div>
	108	+ </div>
	109	+ </div>
	110	+
	111	+
	112	+
	113	+ </div>
	114	+
	115	+
	116	+
	117	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	118	+ </div>
	119	+
	120	+
	121	+</body>
	122	+
123	123	</html> (No newline at end of file)

...	...	@@ -1,121 +1,145 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		-
25		- <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
26		- <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
27		- <script>
28		- $(function(){
29		- AOS.init();
30		- })
31		-
32		- </script>
33		-
34		-
35		-</head>
36		-
37		-<body data-section="platform-tech">
38		-
39		-
40		- <div class="wrap">
41		- <div data-include-path="../../layout/_header.html"></div>
42		-
43		- <div id="container" class="container sub platform_tech">
44		- <div class="sub_visual">
45		- <div class="inner">
46		- <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
47		- <div class="sub_visual_nav">
48		- <a href="../index.html"><i class="icon home"></i></a>
49		- <div class="snb_wrap">
50		- <button type="button" class="snb_title">메뉴</button>
51		- <ul class="snb_select">
52		- <li><a href="#">COMPANY</a></li>
53		- <li><a href="#">Platform Tech</a></li>
54		- <li><a href="#">Major Result</a></li>
55		- </ul>
56		- </div>
57		- <div class="snb_wrap">
58		- <button type="button" class="snb_title">메뉴</button>
59		- <ul class="snb_select">
60		- <li><a href="#">1depth</a></li>
61		- <li><a href="#">1depth</a></li>
62		- <li><a href="#">1depth</a></li>
63		- </ul>
64		- </div>
65		- </div>
66		- </div>
67		- </div>
68		- <div class="inner">
69		- <div class="content_wrap">
70		-
71		- <div class="contents">
72		-
73		- <div class="content_title">
74		- <h3>Ciliogenesis</h3>
75		- </div>
76		-
77		- <div class="con_title" data-aos="fade-down">
78		- <strong class="title">Ciliogenesis inducer screening platforms</strong>
79		- </div>
80		-
81		- <div class="figure_content column">
82		-
83		- <ul class="figure_desc square" data-aos="fade-down">
84		- <li>Global first target & M.O.A</li>
85		- <li>Pharma : first reveal the relationship of target gene 8 ciliogenesis</li>
86		- <li>Cosmetic : first define the effect P.M of through cilia</li>
87		- <li>
88		- Molecules (2021), Sci Rep (2019), PLoS One (2016)
89		- <div class="box" data-aos="fade-down">
90		- <img src="../../images/platform-tech/ciliogenesis_1.png" alt="">
91		- </div>
92		- <div class="box" data-aos="fade-down">
93		- <img src="../../images/platform-tech/ciliogenesis_2.png" alt="">
94		- </div>
95		- </li>
96		- <li>
97		- SH-SY5Y 신경세포주에서 primary cilia (일차섬모) 유도인자 처리에 따른 섬모형성 증가
98		- <div class="box" data-aos="fade-down">
99		- <img src="../../images/platform-tech/ciliogenesis_3.png" alt="">
100		- </div>
101		- </li>
102		- </ul>
103		- <img src="../../images/platform-tech/ciliogenesis_4.png" alt="" style="margin: 0 auto;">
104		- </div>
105		- </div>
106		- </div>
107		- </div>
108		-
109		-
110		-
111		- </div>
112		-
113		-
114		-
115		- <div data-include-path="../../layout/_footer.html"></div>
116		- </div>
117		-
118		-
119		-</body>
120		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Technologies > Organelle Homeostasis > Ciliogenesis</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+
	25	+ <link rel="stylesheet" href="/publish/common/script/plugin/aos-next/aos.css" />
	26	+ <script src="/publish/common/script/plugin/aos-next/aos.js"></script>
	27	+ <script>
	28	+ $(function(){
	29	+ AOS.init();
	30	+ })
	31	+
	32	+ </script>
	33	+
	34	+
	35	+</head>
	36	+
	37	+<body data-section="platform-tech">
	38	+
	39	+
	40	+ <div class="wrap">
	41	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	42	+
	43	+ <div id="container" class="container sub platform_tech">
	44	+ <div class="sub_visual">
	45	+ <div class="inner">
	46	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
	47	+ <div class="sub_visual_nav">
	48	+ <a href="../index.html"><i class="icon home"></i></a>
	49	+ <div class="snb_wrap">
	50	+ <button type="button" class="snb_title">메뉴</button>
	51	+ <ul class="snb_select">
	52	+ <li><a href="#">COMPANY</a></li>
	53	+ <li><a href="#">Platform Tech</a></li>
	54	+ <li><a href="#">Major Result</a></li>
	55	+ </ul>
	56	+ </div>
	57	+ <div class="snb_wrap">
	58	+ <button type="button" class="snb_title">메뉴</button>
	59	+ <ul class="snb_select">
	60	+ <li><a href="#">1depth</a></li>
	61	+ <li><a href="#">1depth</a></li>
	62	+ <li><a href="#">1depth</a></li>
	63	+ </ul>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ </div>
	68	+ <div class="inner">
	69	+ <div class="content_wrap">
	70	+
	71	+ <div class="contents">
	72	+
	73	+ <div class="content_title">
	74	+ <h3>Ciliogenesis</h3>
	75	+ </div>
	76	+
	77	+ <div class="con_title" data-aos="fade-down">
	78	+ <strong class="title">Ciliogenesis inducer screening platforms</strong>
	79	+ </div>
	80	+
	81	+ <div class="figure_content column">
	82	+
	83	+ <ul class="figure_desc square" data-aos="fade-down">
	84	+ <li>Global first target & M.O.A</li>
	85	+ <li>Pharma : first reveal the relationship of target gene 8 ciliogenesis</li>
	86	+ <li>Cosmetic : first define the effect P.M of through cilia</li>
	87	+ <li>
	88	+ Nat Comm(2025), Sci Rep(2025), Molecules (2021), Sci Rep (2019), PLoS One (2016)
	89	+ <div class="box" data-aos="fade-down">
	90	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_1.png" alt="">
	91	+ </div>
	92	+ <div class="box" data-aos="fade-down">
	93	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_2.png" alt="">
	94	+ </div>
	95	+ </li>
	96	+ <li>
	97	+ SH-SY5Y 신경세포주에서 primary cilia (일차섬모) 유도인자 처리에 따른 섬모형성 증가
	98	+ <div class="box" data-aos="fade-down">
	99	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_3.png" alt="">
	100	+ </div>
	101	+ </li>
	102	+ </ul>
	103	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_4.png" alt="" style="margin: 0 auto;">
	104	+ </div>
	105	+
	106	+ <div class="con_title" data-aos="fade-down">
	107	+ <strong class="title">Ciliogenesis</strong>
	108	+ </div>
	109	+
	110	+ <ul class="paper_content" data-aos="fade-down">
	111	+ <li class="box">
	112	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_1.png" alt="">
	113	+ <strong class="summary">(Nat Comm, 2025)</strong>
	114	+ </li>
	115	+ <li class="box">
	116	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_2.png" alt="">
	117	+ <strong class="summary">(Sci Rep, 2025)</strong>
	118	+ </li>
	119	+ <li class="box">
	120	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_3.png" alt="">
	121	+ <strong class="summary">(Molecule, 2021)</strong>
	122	+ </li>
	123	+ <li class="box">
	124	+ <img src="/publish/usr/images/platform-tech/ciliogenesis_paper_4.png" alt="">
	125	+ <strong class="summary">(Sci Rep, 2019)</strong>
	126	+ </li>
	127	+ </ul>
	128	+
	129	+ </div>
	130	+ </div>
	131	+ </div>
	132	+
	133	+
	134	+
	135	+ </div>
	136	+
	137	+
	138	+
	139	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	140	+ </div>
	141	+
	142	+
	143	+</body>
	144	+
121	145	</html> (No newline at end of file)

...	...	@@ -1,186 +1,181 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>Platform Tech > Screening > Imaging-based HTS system</title>
8		-
9		- <!-- css -->
10		- <link rel="stylesheet" href="../../../../css/reset.css">
11		- <link rel="stylesheet" href="../../../../css/font.css">
12		- <link rel="stylesheet" href="../../layout/layout.css">
13		- <link rel="stylesheet" href="../../css/common.css">
14		- <link rel="stylesheet" href="../../css/style.css">
15		- <link rel="stylesheet" href="../../css/content.css">
16		- <!-- //css -->
17		-
18		- <!-- script -->
19		- <script src="../../../../js/jquery-3.5.0.js"></script>
20		- <script src="../../script/common.js"></script>
21		- <script src="../../layout/layout.js"></script>
22		- <!-- //script -->
23		-
24		- <!-- 캘린더 -->
25		- <script type="module" src="../../../js/plugin/datapicker/duet.esm.js"></script>
26		- <script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27		- <link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28		-
29		-
30		-</head>
31		-
32		-<body data-section="platform_tech">
33		-
34		-
35		- <div class="wrap">
36		- <div data-include-path="../../layout/_header.html"></div>
37		-
38		- <div id="container" class="container sub platform_tech">
39		- <div class="sub_visual">
40		- <div class="inner">
41		- <h2 class="sub_title" data-section="platform_tech">PLATFORM TECHNOLOGIES</h2>
42		- <div class="sub_visual_nav">
43		- <a href="../index.html"><i class="icon home"></i></a>
44		- <div class="snb_wrap">
45		- <button type="button" class="snb_title">메뉴</button>
46		- <ul class="snb_select">
47		- <li><a href="#">COMPANY</a></li>
48		- <li><a href="#">Platform Tech</a></li>
49		- <li><a href="#">Major Result</a></li>
50		- </ul>
51		- </div>
52		- <div class="snb_wrap">
53		- <button type="button" class="snb_title">메뉴</button>
54		- <ul class="snb_select">
55		- <li><a href="#">1depth</a></li>
56		- <li><a href="#">1depth</a></li>
57		- <li><a href="#">1depth</a></li>
58		- </ul>
59		- </div>
60		- </div>
61		- </div>
62		- </div>
63		- <div class="inner">
64		- <div class="content_wrap hts_system">
65		-
66		- <div class="contents">
67		-
68		- <div class="content_title" data-aos="fade-down">
69		- <h3>Imaging-based HTS system</h3>
70		- </div>
71		-
72		- <div class="con_title" data-aos="fade-down">
73		- <strong class="title">Core Technology _ ORAUTACTM screening platform ( in vitro & in vivo)</strong>
74		- </div>
75		-
76		- <div class="dl_wrap">
77		- <dl class="w100per">
78		- <dt>
79		- <b>HCS & General Assay for Organelles</b>
80		- </dt>
81		- <dd>
82		- <img src="../../images/platform-tech/hts_1.png" alt="">
83		- </dd>
84		- </dl>
85		- </div>
86		- <div class="dl_wrap mt60">
87		- <dl class="w100per">
88		- <dt>
89		- <b>ORAUTACTM platform: In vitro & In vivo (Fly, Fish & Mouse)</b>
90		- </dt>
91		- <dd class="dd_table">
92		- <div class="table_wrap" data-aos="fade-down">
93		- <table>
94		- <colgroup>
95		- <col style="width:calc(100%/8);">
96		- <col style="width:calc(100%/8);">
97		- <col style="width:calc(100%/8);">
98		- <col style="width:calc(100%/8);">
99		- <col style="width:calc(100%/8);">
100		- <col style="width:calc(100%/8);">
101		- <col style="width:calc(100%/8);">
102		- <col style="width:calc(100%/8);">
103		- </colgroup>
104		- <thead>
105		- <tr>
106		- <th></th>
107		- <th><img src="../../images/platform-tech/hts_table_1.png" alt=""></th>
108		- <th><img src="../../images/platform-tech/hts_table_2.png" alt=""></th>
109		- <th><img src="../../images/platform-tech/hts_table_3.png" alt=""></th>
110		- <th><img src="../../images/platform-tech/hts_table_4.png" alt=""></th>
111		- <th><img src="../../images/platform-tech/hts_table_5.png" alt=""></th>
112		- <th><img src="../../images/platform-tech/hts_table_6.png" alt=""></th>
113		- <th><img src="../../images/platform-tech/hts_table_7.png" alt=""></th>
114		- </tr>
115		- </thead>
116		- <tbody>
117		- <tr>
118		- <th>Cell system</th>
119		- <td class="blue">Mitophagy</td>
120		- <td class="blue">Lysophagy</td>
121		- <td class="blue">Pexophagy</td>
122		- <td class="blue">ER-phagy</td>
123		- <td class="blue">Golgiphagy</td>
124		- <td class="blue">Melanophagy</td>
125		- <td class="blue">Granulophagy</td>
126		- </tr>
127		- <tr>
128		- <th>Fly</th>
129		- <td class="blue">Mitophagy</td>
130		- <td class="blue">Lysophagy</td>
131		- <td class="blue">Pexophagy</td>
132		- <td class="blue">ER-phagy</td>
133		- <td class="blue">Golgiphagy</td>
134		- <td class="gray">Melanophagy</td>
135		- <td class="blue">Granulophagy</td>
136		- </tr>
137		- <tr>
138		- <th>Fish</th>
139		- <td class="orange">Mitophagy</td>
140		- <td class="orange">Lysophagy</td>
141		- <td class="blue">Pexophagy</td>
142		- <td class="green">ER-phagy</td>
143		- <td class="gray">Golgiphagy</td>
144		- <td class="gray">Melanophagy</td>
145		- <td class="gray">Granulophagy</td>
146		- </tr>
147		- <tr>
148		- <th>Mouse</th>
149		- <td class="blue">Mitophagy</td>
150		- <td class="blue">Lysophagy</td>
151		- <td class="gray">Pexophagy</td>
152		- <td class="gray">ER-phagy</td>
153		- <td class="gray">Golgiphagy</td>
154		- <td class="gray">Melanophagy</td>
155		- <td class="gray">Granulophagy</td>
156		- </tr>
157		- </tbody>
158		- </table>
159		- </div>
160		- <ul class="legend">
161		- <li><i class="blue"></i>Established</li>
162		- <li><i class="orange"></i>Developing</li>
163		- <li><i class="gray"></i>Planed</li>
164		- </ul>
165		- </dd>
166		- </dl>
167		- </div>
168		-
169		- </div>
170		- </div>
171		- </div>
172		-
173		-
174		-
175		-
176		- </div>
177		-
178		-
179		-
180		- <div data-include-path="../../layout/_footer.html"></div>
181		- </div>
182		-
183		-
184		-</body>
185		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <title>Platform Tech > Screening > Imaging-based HTS system</title>
	8	+
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" href="/publish/common/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/common/css/font.css">
	12	+ <link rel="stylesheet" href="/publish/usr/layout/layout.css">
	13	+ <link rel="stylesheet" href="/publish/usr/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/usr/css/style.css">
	15	+ <link rel="stylesheet" href="/publish/usr/css/content.css">
	16	+ <!-- //css -->
	17	+
	18	+ <!-- script -->
	19	+ <script src="/publish/common/script/jquery-3.5.0.js"></script>
	20	+ <script src="/publish/usr/script/common.js"></script>
	21	+ <script src="/publish/usr/layout/layout.js"></script>
	22	+ <!-- //script -->
	23	+
	24	+</head>
	25	+
	26	+<body data-section="platform_tech">
	27	+
	28	+
	29	+ <div class="wrap">
	30	+ <div data-include-path="/publish/usr/layout/_header.html"></div>
	31	+
	32	+ <div id="container" class="container sub platform_tech">
	33	+ <div class="sub_visual">
	34	+ <div class="inner">
	35	+ <h2 class="sub_title" data-section="platform_tech">PLATFORM TECHNOLOGIES</h2>
	36	+ <div class="sub_visual_nav">
	37	+ <a href="../index.html"><i class="icon home"></i></a>
	38	+ <div class="snb_wrap">
	39	+ <button type="button" class="snb_title">메뉴</button>
	40	+ <ul class="snb_select">
	41	+ <li><a href="#">COMPANY</a></li>
	42	+ <li><a href="#">Platform Tech</a></li>
	43	+ <li><a href="#">Major Result</a></li>
	44	+ </ul>
	45	+ </div>
	46	+ <div class="snb_wrap">
	47	+ <button type="button" class="snb_title">메뉴</button>
	48	+ <ul class="snb_select">
	49	+ <li><a href="#">1depth</a></li>
	50	+ <li><a href="#">1depth</a></li>
	51	+ <li><a href="#">1depth</a></li>
	52	+ </ul>
	53	+ </div>
	54	+ </div>
	55	+ </div>
	56	+ </div>
	57	+ <div class="inner">
	58	+ <div class="content_wrap hts_system">
	59	+
	60	+ <div class="contents">
	61	+
	62	+ <div class="content_title" data-aos="fade-down">
	63	+ <h3>Imaging-based HTS system</h3>
	64	+ </div>
	65	+
	66	+ <div class="con_title" data-aos="fade-down">
	67	+ <strong class="title">Core Technology_ORAUTAC<sup>TM</sup> screening platform ( in vitro & in vivo)</strong>
	68	+ </div>
	69	+
	70	+ <div class="dl_wrap">
	71	+ <dl class="w100per">
	72	+ <dt>
	73	+ <b>HCS & General Assay for Organelles</b>
	74	+ </dt>
	75	+ <dd>
	76	+ <img src="/publish/usr/images/platform-tech/hts_1.png" alt="">
	77	+ </dd>
	78	+
	79	+ </dl>
	80	+ </div>
	81	+ <div class="dl_wrap mt60">
	82	+ <dl class="w100per">
	83	+ <dt>
	84	+ <b>Core Technology _ ORAUTAC <sup>TM</sup> screening platform ( in vitro & in vivo)</b>
	85	+ </dt>
	86	+ <dd class="dd_table">
	87	+ <div class="table_wrap" data-aos="fade-down">
	88	+ <table>
	89	+ <colgroup>
	90	+ <col style="width:calc(100%/8);">
	91	+ <col style="width:calc(100%/8);">
	92	+ <col style="width:calc(100%/8);">
	93	+ <col style="width:calc(100%/8);">
	94	+ <col style="width:calc(100%/8);">
	95	+ <col style="width:calc(100%/8);">
	96	+ <col style="width:calc(100%/8);">
	97	+ <col style="width:calc(100%/8);">
	98	+ </colgroup>
	99	+ <thead>
	100	+ <tr>
	101	+ <th></th>
	102	+ <th><img src="/publish/usr/images/platform-tech/hts_table_1.png" alt=""></th>
	103	+ <th><img src="/publish/usr/images/platform-tech/hts_table_2.png" alt=""></th>
	104	+ <th><img src="/publish/usr/images/platform-tech/hts_table_3.png" alt=""></th>
	105	+ <th><img src="/publish/usr/images/platform-tech/hts_table_4.png" alt=""></th>
	106	+ <th><img src="/publish/usr/images/platform-tech/hts_table_5.png" alt=""></th>
	107	+ <th><img src="/publish/usr/images/platform-tech/hts_table_6.png" alt=""></th>
	108	+ <th><img src="/publish/usr/images/platform-tech/hts_table_7.png" alt=""></th>
	109	+ </tr>
	110	+ </thead>
	111	+ <tbody>
	112	+ <tr>
	113	+ <th>Cell system</th>
	114	+ <td class="blue">Mitophagy</td>
	115	+ <td class="blue">Lysophagy</td>
	116	+ <td class="blue">Pexophagy</td>
	117	+ <td class="blue">ER-phagy</td>
	118	+ <td class="blue">Golgiphagy</td>
	119	+ <td class="blue">Melanophagy</td>
	120	+ <td class="blue">Granulophagy</td>
	121	+ </tr>
	122	+ <tr>
	123	+ <th>Fly</th>
	124	+ <td class="blue">Mitophagy</td>
	125	+ <td class="blue">Lysophagy</td>
	126	+ <td class="blue">Pexophagy</td>
	127	+ <td class="blue">ER-phagy</td>
	128	+ <td class="blue">Golgiphagy</td>
	129	+ <td class="gray">Melanophagy</td>
	130	+ <td class="blue">Granulophagy</td>
	131	+ </tr>
	132	+ <tr>
	133	+ <th>Fish</th>
	134	+ <td class="orange">Mitophagy</td>
	135	+ <td class="orange">Lysophagy</td>
	136	+ <td class="blue">Pexophagy</td>
	137	+ <td class="green">ER-phagy</td>
	138	+ <td class="gray">Golgiphagy</td>
	139	+ <td class="gray">Melanophagy</td>
	140	+ <td class="gray">Granulophagy</td>
	141	+ </tr>
	142	+ <tr>
	143	+ <th>Mouse</th>
	144	+ <td class="blue">Mitophagy</td>
	145	+ <td class="blue">Lysophagy</td>
	146	+ <td class="gray">Pexophagy</td>
	147	+ <td class="gray">ER-phagy</td>
	148	+ <td class="gray">Golgiphagy</td>
	149	+ <td class="gray">Melanophagy</td>
	150	+ <td class="gray">Granulophagy</td>
	151	+ </tr>
	152	+ </tbody>
	153	+ </table>
	154	+ </div>
	155	+ <ul class="legend">
	156	+ <li><i class="blue"></i>Established</li>
	157	+ <li><i class="orange"></i>Developing</li>
	158	+ <li><i class="gray"></i>Planed</li>
	159	+ </ul>
	160	+ </dd>
	161	+ </dl>
	162	+ </div>
	163	+
	164	+ </div>
	165	+ </div>
	166	+ </div>
	167	+
	168	+
	169	+
	170	+
	171	+ </div>
	172	+
	173	+
	174	+
	175	+ <div data-include-path="/publish/usr/layout/_footer.html"></div>
	176	+ </div>
	177	+
	178	+
	179	+</body>
	180	+
186	181	</html> (No newline at end of file)

...	...	@@ -1,38 +1,38 @@
1		-// include 완료 후 여러 js 파일 순서대로 실행
2		-window.addEventListener('DOMContentLoaded', function () {
3		- const includeTargets = document.querySelectorAll('[data-include-path]');
4		- let includeCount = 0;
5		-
6		- includeTargets.forEach(el => {
7		- const includePath = el.dataset.includePath;
8		- const xhttp = new XMLHttpRequest();
9		-
10		- xhttp.onreadystatechange = function () {
11		- if (this.readyState === 4 && this.status === 200) {
12		- el.outerHTML = this.responseText;
13		- includeCount++;
14		-
15		- // 모든 include 완료 시점
16		- if (includeCount === includeTargets.length) {
17		- loadScriptsSequentially([
18		- '../layout/layout.js',
19		- '../script/content.js',
20		- ]);
21		- }
22		- }
23		- };
24		-
25		- xhttp.open('GET', includePath, true);
26		- xhttp.send();
27		- });
28		-
29		- // 스크립트 순서대로 로드하는 함수
30		- function loadScriptsSequentially(scripts) {
31		- if (!scripts.length) return;
32		- const src = scripts.shift();
33		- const script = document.createElement('script');
34		- script.src = src;
35		- script.onload = () => loadScriptsSequentially(scripts);
36		- document.body.appendChild(script);
37		- }
38		-});
	1	+// include 완료 후 여러 js 파일 순서대로 실행
	2	+window.addEventListener('DOMContentLoaded', function () {
	3	+ const includeTargets = document.querySelectorAll('[data-include-path]');
	4	+ let includeCount = 0;
	5	+
	6	+ includeTargets.forEach(el => {
	7	+ const includePath = el.dataset.includePath;
	8	+ const xhttp = new XMLHttpRequest();
	9	+
	10	+ xhttp.onreadystatechange = function () {
	11	+ if (this.readyState === 4 && this.status === 200) {
	12	+ el.outerHTML = this.responseText;
	13	+ includeCount++;
	14	+
	15	+ // 모든 include 완료 시점
	16	+ if (includeCount === includeTargets.length) {
	17	+ loadScriptsSequentially([
	18	+ '/publish/usr/layout/layout.js',
	19	+ '/publish/usr/script/content.js',
	20	+ ]);
	21	+ }
	22	+ }
	23	+ };
	24	+
	25	+ xhttp.open('GET', includePath, true);
	26	+ xhttp.send();
	27	+ });
	28	+
	29	+ // 스크립트 순서대로 로드하는 함수
	30	+ function loadScriptsSequentially(scripts) {
	31	+ if (!scripts.length) return;
	32	+ const src = scripts.shift();
	33	+ const script = document.createElement('script');
	34	+ script.src = src;
	35	+ script.onload = () => loadScriptsSequentially(scripts);
	36	+ document.body.appendChild(script);
	37	+ }
	38	+});

Delete comment