Commit @42ae7976ba0ac589ff2d392e6d9099b994401f6a

7d68d6e

42ae797

src/main/java/kcc/web/MainController.java

--- src/main/java/kcc/web/MainController.java

+++ src/main/java/kcc/web/MainController.java


 	@ResponseBody
 	@RequestMapping(value = "/web/com/subMenu.do")
 	public ResponseEntity<RestResponse> webCommonSubMenu(
-			@RequestBody Map<String, Object> paramMap) throws Exception {
-		// 1. 파라미터 추출
-		String depth1MenuNm = (String) paramMap.get("depth1MenuNm");
-		String depth2MenuNm = (String) paramMap.get("depth2MenuNm");
-	
-		// 2. 전체 메뉴 조회 및 1Depth 리스트 생성 (URL 세팅 포함)
-		List<MenuManageJTreeVO> menuResultList = menuCreateManageService.selectMenuListJtree(new MenuManageJTreeVO());
-	
-		List<MenuManageJTreeVO> depth1List = menuResultList.stream()
-				.filter(menu -> "1".equals(menu.getUpperMenuId()))
-				.peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo())) // 스트림 안에서 URL 세팅
-				.collect(Collectors.toList());
-	
-		// 3. 현재 선택된 1Depth 찾기 (이미 필터링된 depth1List에서 찾음)
-		MenuManageJTreeVO selectedDepth1 = depth1List.stream()
-				.filter(menu -> depth1MenuNm != null && depth1MenuNm.equalsIgnoreCase(menu.getMenuNm()))
-				.findFirst()
-				.orElse(null);
-	
-		// 4. 2Depth 리스트 생성 (selectedDepth1이 있을 때만 진행)
-		List<MenuManageJTreeVO> depth2List = new ArrayList<>();
-		MenuManageJTreeVO selectedDepth2 = null;
-	
-		if (selectedDepth1 != null) {
-			depth2List = menuResultList.stream()
-				.filter(menu -> selectedDepth1.getMenuNo().equals(menu.getUpperMenuId()))
-				.peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
-				.collect(Collectors.toList());
-		
-			// 5. 현재 선택된 2Depth 찾기
-			selectedDepth2 = depth2List.stream()
-				.filter(menu -> depth2MenuNm != null && depth2MenuNm.equalsIgnoreCase(menu.getMenuNm()))
-				.findFirst()
-				.orElse(null);
-		}
-	
-		// 6. 결과 맵 구성 및 반환
-		Map<String, Object> resultMap = new HashMap<>();
-		resultMap.put("depth1List", depth1List);
-		resultMap.put("selectedDepth1", selectedDepth1);
-		resultMap.put("depth2List", depth2List);
-		resultMap.put("selectedDepth2", selectedDepth2);
-	
-		RestResponse restResponse = new RestResponse(HttpStatus.OK, "", resultMap);
-		return ResponseEntity.ok(restResponse);
+	        @RequestBody Map<String, Object> paramMap) throws Exception {
 
+	    // 1. 파라미터
+	    String depth1MenuNm = (String) paramMap.get("depth1MenuNm");
+	    String depth2MenuNm = (String) paramMap.get("depth2MenuNm");
+	    String depth3MenuNm = (String) paramMap.get("depth3MenuNm");
+
+	    // 2. 전체 메뉴 조회
+	    List<MenuManageJTreeVO> menuResultList =
+	            menuCreateManageService.selectMenuListJtree(new MenuManageJTreeVO());
+
+	    // 3. depth1
+	    List<MenuManageJTreeVO> depth1List = menuResultList.stream()
+	            .filter(menu -> "1".equals(menu.getUpperMenuId()))
+	            .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
+	            .collect(Collectors.toList());
+
+	    MenuManageJTreeVO selectedDepth1 = depth1List.stream()
+	            .filter(menu -> depth1MenuNm != null &&
+	                    depth1MenuNm.equalsIgnoreCase(menu.getMenuNm()))
+	            .findFirst()
+	            .orElse(null);
+
+	    // 4. depth2
+	    List<MenuManageJTreeVO> depth2List = new ArrayList<>();
+
+	    if (selectedDepth1 != null) {
+	        depth2List = menuResultList.stream()
+	                .filter(menu -> selectedDepth1.getMenuNo().equals(menu.getUpperMenuId()))
+	                .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
+	                .collect(Collectors.toList());
+	    }
+
+	    MenuManageJTreeVO selectedDepth2 = depth2List.stream()
+	            .filter(menu -> depth2MenuNm != null &&
+	                    depth2MenuNm.equalsIgnoreCase(menu.getMenuNm()))
+	            .findFirst()
+	            .orElse(null);
+
+	    // 5. depth3
+	    List<MenuManageJTreeVO> depth3List = new ArrayList<>();
+
+	    if (selectedDepth2 != null) {
+	        depth3List = menuResultList.stream()
+	                .filter(menu -> selectedDepth2.getMenuNo().equals(menu.getUpperMenuId()))
+	                .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
+	                .collect(Collectors.toList());
+	    }
+
+	    MenuManageJTreeVO selectedDepth3 = depth3List.stream()
+	            .filter(menu -> depth3MenuNm != null &&
+	                    depth3MenuNm.equalsIgnoreCase(menu.getMenuNm()))
+	            .findFirst()
+	            .orElse(null);
+
+	    // 6. 결과
+	    Map<String, Object> resultMap = new HashMap<>();
+	    resultMap.put("depth1List", depth1List);
+	    resultMap.put("selectedDepth1", selectedDepth1);
+	    resultMap.put("depth2List", depth2List);
+	    resultMap.put("selectedDepth2", selectedDepth2);
+	    resultMap.put("depth3List", depth3List);
+	    resultMap.put("selectedDepth3", selectedDepth3);
+
+	    RestResponse restResponse = new RestResponse(HttpStatus.OK, "", resultMap);
+	    return ResponseEntity.ok(restResponse);
 	}
 	
 

7d68d6e

42ae797

src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp

--- src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp

+++ src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp


 													class="depth02"
 													${menu2.menuType eq 'O' ? 'target="_blank"' : '' }> <c:out
 															value="${menu2.menuNm}" />
-												</a></li>
+												</a>
+												
+												<ul class="depth03_ul">
+													<c:forEach var="menu3" items="${menuResultList}">
+														<c:if test="${menu3.depths eq '3' && menu3.upperMenuId eq menu2.menuNo}">
+															<li>
+																<a href="${menu3.menuType ne 'M' ? menu3.url : '#'}" class="depth03" ${menu3.menuType eq 'O' ? 'target="_blank"' : '' }> 
+																<c:out value="${menu3.menuNm}" />
+																</a>
+															</li>
+														</c:if>
+													</c:forEach>
+												</ul>
+												
+												</li>
 											</c:if>
 										</c:forEach>
 									</ul>

 										${menu2.menuType
                                 eq 'O' ? 'target="_blank"' : '' }>
 											<c:out value="${menu2.menuNm}" />
-									</a></li>
+									</a>
+									
+									<ul class="depth03_ul">
+										<c:forEach var="menu3" items="${menuResultList}">
+											<c:if test="${menu3.depths eq '3' && menu3.upperMenuId eq menu2.menuNo}">
+												<li>
+													<a href="${menu3.menuType ne 'M' ? menu3.url : '#'}" class="depth03" ${menu3.menuType eq 'O' ? 'target="_blank"' : '' }> 
+													<c:out value="${menu3.menuNm}" />
+													</a>
+												</li>
+											</c:if>
+										</c:forEach>
+									</ul>
+									
+									</li>
 								</c:if>
 							</c:forEach>
 						</ul>

 											${menu2.menuType
                                   eq 'O' ? 'target="_blank"' : '' }>
 												<c:out value="${menu2.menuNm}" />
-										</a></li>
+										</a>
+										
+										<ul class="depth03_ul">
+											<c:forEach var="menu3" items="${menuResultList}">
+												<c:if test="${menu3.depths eq '3' && menu3.upperMenuId eq menu2.menuNo}">
+													<li>
+														<a href="${menu3.menuType ne 'M' ? menu3.url : '#'}" class="depth03" ${menu3.menuType eq 'O' ? 'target="_blank"' : '' }> 
+														<c:out value="${menu3.menuNm}" />
+														</a>
+													</li>
+												</c:if>
+											</c:forEach>
+										</ul>
+										
+										</li>
 									</c:if>
 								</c:forEach>
 							</ul></li>

7d68d6e

42ae797

src/main/webapp/publish/adm/css/popup.css

--- src/main/webapp/publish/adm/css/popup.css

+++ src/main/webapp/publish/adm/css/popup.css


 .popup .page a{width:32px;height:32px;}
 
 /* 레이어 */
-.popup:not(.popup_window){position:absolute;display:none;min-width:200px;min-height:200px;border-radius:12px;overflow:hidden;opacity:0;transition:all 0.3s;left:50%;top:50%;transform:translate(-50%,-50%);}
-.popup.active:not(.popup_window){display:block;opacity:1;z-index:11;}
+.popup:not(.popup_window,.table){position:absolute;display:none;min-width:200px;min-height:200px;border-radius:12px;overflow:hidden;opacity:0;transition:all 0.3s;left:50%;top:50%;transform:translate(-50%,-50%);}
+.popup.active:not(.popup_window,.table){display:block;opacity:1;z-index:11;}
 
 
 /* 새창팝업 */

7d68d6e

42ae797

src/main/webapp/publish/usr/achievement/award.html (copied from src/main/webapp/publish/usr/major_result/anticancer.html)

--- src/main/webapp/publish/usr/major_result/anticancer.html

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

...	...	@@ -0,0 +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	+
	86	+</html>(No newline at end of file)

7d68d6e

42ae797

src/main/webapp/publish/usr/achievement/ip.html (Renamed from src/main/webapp/publish/usr/major_result/anticancer.html)

--- src/main/webapp/publish/usr/major_result/anticancer.html

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


 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>major result > Anti Cancer</title>
+  <title>Achievement > Papers</title>
 
   <!-- css -->
   <link rel="stylesheet" href="../../../css/reset.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 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="major_result">
+<body data-section="achievement">
 
 
   <div class="wrap">
     <div data-include-path="../layout/_header.html"></div>
 
-    <div id="container" class="container sub major_result">
+    <div id="container" class="container sub achievement">
       <div class="sub_visual">
         <div class="inner">
-          <h2 class="sub_title" data-section="major_result">MAJOR RESULT</h2>
+          <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">

         </div>
       </div>
       <div class="inner">
-        <div class="content_wrap cancer">
+        <div class="content_wrap">
 
+          <div class="content_title">
+            <h3>IP(준비중)</h3>
+          </div>
+          
           <div class="contents">
 
-            <div class="content_title">
-              <h3>Anti Cancer</h3>
-            </div>
-
-            <div class="con_title">
-              <strong class="title">비소세포폐암 (NSCLC)_ EGFR TKI 임상 치료전략 및 오토파지 표적</strong>
-            </div>
-            
-            <div class="figure_content column">
-              <div class="box">
-                <img src="../images/major_result/cancer_1.png" alt="">
-              </div>
-              <div class="box">
-                <img src="../images/major_result/cancer_2.png" alt="">
-              </div>
-
-              
-
-            </div>
 
 
           </div>
-
-
         </div>
       </div>
     </div>

42ae797

src/main/webapp/publish/usr/achievement/papers.html (added)

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

...	...	@@ -0,0 +1,297 @@
	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>Papers</h3>
	67	+ </div>
	68	+
	69	+ <div class="contents">
	70	+ <div class="con_title" data-aos="fade-down">
	71	+ <strong class="title">세포소기관 선택적 자가포식 및 관련 논문 분류 정리</strong>
	72	+ </div>
	73	+ <div class="table table_type_cols">
	74	+ <table>
	75	+ <!-- *caption은 스크립트 -->
	76	+ <colgroup>
	77	+ <col style="width:10%;">
	78	+ <col style="width:auto;">
	79	+ <col style="width:20%;">
	80	+ <col style="width:8%;">
	81	+ </colgroup>
	82	+ <thead>
	83	+ <tr>
	84	+ <th>분류</th>
	85	+ <th>논문제목</th>
	86	+ <th>저널명</th>
	87	+ <th>발표년도</th>
	88	+ </tr>
	89	+ </thead>
	90	+ <tbody>
	91	+ <tr>
	92	+ <td><span class="mobile_show">분류</span>Pexophagy</td>
	93	+ <td class="text_left"><span class="mobile_hide">논문제목</span>PINK1 and STUB1 pathway orchestrates peroxisomal selective autophagy by PEX13 depletion</td>
	94	+ <td class="text_left"><span class="mobile_show">저널명</span>Experimental and Molecular Medicine</td>
	95	+ <td><span class="mobile_show">발표년도</span>2026</td>
	96	+ </tr>
	97	+ <tr>
	98	+ <td><span class="mobile_show">분류</span>Pexophagy</td>
	99	+ <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>
	100	+ <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
	101	+ <td><span class="mobile_show">발표년도</span>2026</td>
	102	+ </tr>
	103	+ <tr>
	104	+ <td><span class="mobile_show">분류</span>기타</td>
	105	+ <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>
	106	+ <td class="text_left"><span class="mobile_show">저널명</span>Molecular Medicine</td>
	107	+ <td><span class="mobile_show">발표년도</span>2026</td>
	108	+ </tr>
	109	+ <tr>
	110	+ <td><span class="mobile_show">분류</span>Stress Granule</td>
	111	+ <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>
	112	+ <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
	113	+ <td><span class="mobile_show">발표년도</span>2026</td>
	114	+ </tr>
	115	+ <tr>
	116	+ <td><span class="mobile_show">분류</span>Lysophagy</td>
	117	+ <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>
	118	+ <td class="text_left"><span class="mobile_show">저널명</span>Nature Communications</td>
	119	+ <td><span class="mobile_show">발표년도</span>2025</td>
	120	+ </tr>
	121	+ <tr>
	122	+ <td><span class="mobile_show">분류</span>Lysophagy</td>
	123	+ <td class="text_left"><span class="mobile_hide">논문제목</span>TBK1-SCFFBXO3-TMEM192-TAX1BP1 axis: novel regulatory mechanism for lysophagy</td>
	124	+ <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
	125	+ <td><span class="mobile_show">발표년도</span>2025</td>
	126	+ </tr>
	127	+ <tr>
	128	+ <td><span class="mobile_show">분류</span>Melanophagy</td>
	129	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Deciphering melanophagy: Role of the PTK2-ITCH-MLANA-OPTN Axis on melanophagy in melanocytes</td>
	130	+ <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
	131	+ <td><span class="mobile_show">발표년도</span>2025</td>
	132	+ </tr>
	133	+ <tr>
	134	+ <td><span class="mobile_show">분류</span>Melanophagy</td>
	135	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Emerging Perspectives on the Selective Autophagy of Melanosomes: Melanophagy</td>
	136	+ <td class="text_left"><span class="mobile_show">저널명</span>Experimental and Molecular Medicine</td>
	137	+ <td><span class="mobile_show">발표년도</span>2025</td>
	138	+ </tr>
	139	+ <tr>
	140	+ <td><span class="mobile_show">분류</span>Pexophagy</td>
	141	+ <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>
	142	+ <td class="text_left"><span class="mobile_show">저널명</span>Bioorg. Med. Chem. Lett.</td>
	143	+ <td><span class="mobile_show">발표년도</span>2025</td>
	144	+ </tr>
	145	+ <tr>
	146	+ <td><span class="mobile_show">분류</span>기타</td>
	147	+ <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>
	148	+ <td class="text_left"><span class="mobile_show">저널명</span>Animal Cells and Systems</td>
	149	+ <td><span class="mobile_show">발표년도</span>2025</td>
	150	+ </tr>
	151	+ <tr>
	152	+ <td><span class="mobile_show">분류</span>Stress Granule</td>
	153	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Suppression of stress granule assembly by pyridoxal hydrochloride attenuates oxidative damage in skin fibroblasts</td>
	154	+ <td class="text_left"><span class="mobile_show">저널명</span>Bioorg. Med. Chem. Lett.</td>
	155	+ <td><span class="mobile_show">발표년도</span>2025</td>
	156	+ </tr>
	157	+ <tr>
	158	+ <td><span class="mobile_show">분류</span>일차섬모</td>
	159	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Defect of HSD17B cause dysregulation of primary cilia and is alleviated by acetyl-CoA</td>
	160	+ <td class="text_left"><span class="mobile_show">저널명</span>Nature Communications</td>
	161	+ <td><span class="mobile_show">발표년도</span>2025</td>
	162	+ </tr>
	163	+ <tr>
	164	+ <td><span class="mobile_show">분류</span>일차섬모</td>
	165	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Disrupting Mitochondrial β-oxidation by Depletion of HADHA Impairs Primary Ciliogenesis</td>
	166	+ <td class="text_left"><span class="mobile_show">저널명</span>Scientific Reports</td>
	167	+ <td><span class="mobile_show">발표년도</span>2025</td>
	168	+ </tr>
	169	+ <tr>
	170	+ <td><span class="mobile_show">분류</span>Melanophagy</td>
	171	+ <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>
	172	+ <td class="text_left"><span class="mobile_show">저널명</span>Cosmetics</td>
	173	+ <td><span class="mobile_show">발표년도</span>2024</td>
	174	+ </tr>
	175	+ <tr>
	176	+ <td><span class="mobile_show">분류</span>Pexophagy</td>
	177	+ <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>
	178	+ <td class="text_left"><span class="mobile_show">저널명</span>Molecules</td>
	179	+ <td><span class="mobile_show">발표년도</span>2024</td>
	180	+ </tr>
	181	+ <tr>
	182	+ <td><span class="mobile_show">분류</span>기타</td>
	183	+ <td class="text_left"><span class="mobile_hide">논문제목</span>HSPA9 reduction exacerbates symptoms and cell death in DSS-induced inflammatory colitis</td>
	184	+ <td class="text_left"><span class="mobile_show">저널명</span>Scientific Reports</td>
	185	+ <td><span class="mobile_show">발표년도</span>2024</td>
	186	+ </tr>
	187	+ <tr>
	188	+ <td><span class="mobile_show">분류</span>기타</td>
	189	+ <td class="text_left"><span class="mobile_hide">논문제목</span>TAAR8 mediates increased migrasome formation by cadaverine in RPE cells</td>
	190	+ <td class="text_left"><span class="mobile_show">저널명</span>Curr Issue MolBiol</td>
	191	+ <td><span class="mobile_show">발표년도</span>2024</td>
	192	+ </tr>
	193	+ <tr>
	194	+ <td><span class="mobile_show">분류</span>일차섬모</td>
	195	+ <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>
	196	+ <td class="text_left"><span class="mobile_show">저널명</span>BMB Reports</td>
	197	+ <td><span class="mobile_show">발표년도</span>2024</td>
	198	+ </tr>
	199	+ <tr>
	200	+ <td><span class="mobile_show">분류</span>ER-phagy</td>
	201	+ <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>
	202	+ <td class="text_left"><span class="mobile_show">저널명</span>Animal Cells and Systems</td>
	203	+ <td><span class="mobile_show">발표년도</span>2023</td>
	204	+ </tr>
	205	+ <tr>
	206	+ <td><span class="mobile_show">분류</span>Pexophagy</td>
	207	+ <td class="text_left"><span class="mobile_hide">논문제목</span>PEX13 prevents pexophagy by promoting the removal of ubiquitinated PEX5 from the peroxisomal membrane</td>
	208	+ <td class="text_left"><span class="mobile_show">저널명</span>Autophagy</td>
	209	+ <td><span class="mobile_show">발표년도</span>2023</td>
	210	+ </tr>
	211	+ <tr>
	212	+ <td><span class="mobile_show">분류</span>일차섬모</td>
	213	+ <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>
	214	+ <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
	215	+ <td><span class="mobile_show">발표년도</span>2023</td>
	216	+ </tr>
	217	+
	218	+ <tr>
	219	+ <td><span class="mobile_show">분류</span>Melanophagy</td>
	220	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Nalfurafine Hydrochloride, a κ-Opioid Receptor Agonist, Induces Melanophagy via PKA Inhibition in B16F1 Cells</td>
	221	+ <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
	222	+ <td><span class="mobile_show">발표년도</span>2022</td>
	223	+ </tr>
	224	+ <tr>
	225	+ <td><span class="mobile_show">분류</span>Pexophagy</td>
	226	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Inhibition of BRD4 promotes pexophagy by increasing ROS and ATM activation</td>
	227	+ <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
	228	+ <td><span class="mobile_show">발표년도</span>2022</td>
	229	+ </tr>
	230	+ <tr>
	231	+ <td><span class="mobile_show">분류</span>일차섬모</td>
	232	+ <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>
	233	+ <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
	234	+ <td><span class="mobile_show">발표년도</span>2022</td>
	235	+ </tr>
	236	+ <tr>
	237	+ <td><span class="mobile_show">분류</span>Autophagy</td>
	238	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Post-translational modifications of ATG4B in the regulation of autopahgy</td>
	239	+ <td class="text_left"><span class="mobile_show">저널명</span>Cells</td>
	240	+ <td><span class="mobile_show">발표년도</span>2022</td>
	241	+ </tr>
	242	+ <tr>
	243	+ <td><span class="mobile_show">분류</span>Autophagy</td>
	244	+ <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>
	245	+ <td class="text_left"><span class="mobile_show">저널명</span>Frontiers in Cellular Neuroscience</td>
	246	+ <td><span class="mobile_show">발표년도</span>2022</td>
	247	+ </tr>
	248	+ <tr>
	249	+ <td><span class="mobile_show">분류</span>Lysophagy</td>
	250	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Triamterene induces autophagic degradation of lysosome by exacerbating lysosomal integrity</td>
	251	+ <td class="text_left"><span class="mobile_show">저널명</span>Archives of Pharmacal Research</td>
	252	+ <td><span class="mobile_show">발표년도</span>2021</td>
	253	+ </tr>
	254	+ <tr>
	255	+ <td><span class="mobile_show">분류</span>Pexophagy</td>
	256	+ <td class="text_left"><span class="mobile_hide">논문제목</span>Depletion of HNRNPA1 induces peroxisomal autophagy by regulating PEX1 expression</td>
	257	+ <td class="text_left"><span class="mobile_show">저널명</span>Biochem Biophys Res Commun</td>
	258	+ <td><span class="mobile_show">발표년도</span>2021</td>
	259	+ </tr>
	260	+ <tr>
	261	+ <td><span class="mobile_show">분류</span>기타</td>
	262	+ <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>
	263	+ <td class="text_left"><span class="mobile_show">저널명</span>Molecular Brain</td>
	264	+ <td><span class="mobile_show">발표년도</span>2021</td>
	265	+ </tr>
	266	+ <tr>
	267	+ <td><span class="mobile_show">분류</span>일차섬모</td>
	268	+ <td class="text_left"><span class="mobile_hide">논문제목</span>2-IPMA ameliorates PM2.5-induced inflammation by promoting primary ciliogenesis in RPE cells</td>
	269	+ <td class="text_left"><span class="mobile_show">저널명</span>Molecules</td>
	270	+ <td><span class="mobile_show">발표년도</span>2021</td>
	271	+ </tr>
	272	+ <tr>
	273	+ <td><span class="mobile_show">분류</span>일차섬모</td>
	274	+ <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>
	275	+ <td class="text_left"><span class="mobile_show">저널명</span>Int J Mol Sci</td>
	276	+ <td><span class="mobile_show">발표년도</span>2021</td>
	277	+ </tr>
	278	+ </tbody>
	279	+ </table>
	280	+ </div>
	281	+
	282	+
	283	+
	284	+ </div>
	285	+ </div>
	286	+ </div>
	287	+ </div>
	288	+
	289	+
	290	+
	291	+ <div data-include-path="../layout/_footer.html"></div>
	292	+ </div>
	293	+
	294	+
	295	+</body>
	296	+
	297	+</html>(No newline at end of file)

7d68d6e

42ae797

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 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;}
-.sub_visual_nav{position:relative;display:flex;width:45%;border-radius:38px 38px 0 0;background:#fff;padding:0 20px;bottom:66px;left:50%;transform:translateX(-50%);align-items: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{width:calc((100% - 66px)/2);}
+.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;}

 .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;}
-.major_result .sub_visual{background:url(/publish/usr/images/major_result/visual.jpg) center;}
-.platform_tech .sub_visual{background:url(/publish/usr/images/platform_tech/visual.jpg) center;}
-.community .sub_visual{background:url(/publish/usr/images/community/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;}

 
 
 /* ==================================================
-     Company
-  ================================================== */
+       Company
+ ================================================== */
 
 /* 설립배경 */
 .overview{text-align:center;}

 
 
 /* ==================================================
-     Major Result
+     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;}

 .pipeline .graph5 span{width:calc((100% / 6)*5 - 100px);}
 
 
-.pipeline ul{display:flex;}
-.pipeline ul li{height:42px;border-right:1px dashed #bbc8ea;font-size:16px;font-weight:bold;flex-grow:1;}
-.pipeline ul li:last-child{border:0;}
+.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 .orange+ul li{color:#FF8748;}
 .pipeline .orange+ul li:nth-child(5){flex-grow:1.2;}
 
-
-
-
-/* ==================================================
-     Platform Tech
-  ================================================== */
 .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;}
 
-/* background */
-.background .figure_content .box img{mix-blend-mode:normal;}
+.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;}

 @media (max-width: 1400px){
 
   /* ==================================================
-     공통레이아웃
-  ================================================== */
-  .sub_visual_nav{width:80%;}
+    공통레이아웃
+ ================================================== */
+ .sub_visual_nav{width:80%;}
 
-  /* ==================================================
-     Company
-  ================================================== */
+ /* ==================================================
+    Company
+ ================================================== */
 
-  /* 설립배경 */
-  .overview .card li{width:calc((100% / 4) - 60px);}
+ /* 설립배경 */
+ .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;}
+    공통레이아웃
+ ================================================== */
+ .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;}
+ .platform_tech .sub_visual{background-position:75% center;}
 
-  /* ==================================================
-     Company
-  ================================================== */
+ /* ==================================================
+    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 .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 .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";}
+ /* 오시는 길 */
+ .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
-  ================================================== */
+ /* ==================================================
+    Platform Tech
+ ================================================== */
 
-  /* autophagy */
+ /* autophagy */
   .step_ul{flex-wrap:wrap;}
   .step_ul li:not(.next){width:calc((100%/3) - 40px);}
   .step_ul li:nth-child(6){display:none;}
-
-  /* ==================================================
-     Major Result
-  ================================================== */
 
   .figure_desc{gap:12px;}
   .figure_desc li{font-size:20px;}
 
   .figure_content.column .box{margin:20px 0;}
 
-  /* Pipeline Summary */
   .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 .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);}
+    공통레이아웃
+ ================================================== */
+ .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;}
+ .con_title .title{font-size:28px;}
 
 
-  /* ==================================================
-     Company
-  ================================================== */
+ /* ==================================================
+    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;}
+ /* 설립배경 */
+ .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_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;}
+ .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%;}
+ /* 조직도 */
+ .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;}
+ /* 오시는 길 */
+ .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;}
+ .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
-  ================================================== */
+ /* ==================================================
+    Platform Tech
+ ================================================== */
   .dl_wrap{flex-direction:column;gap:60px;}
   .dl_wrap dl{width:100%;}
   .dl_wrap dd{margin:20px 0 0 0;;}

 
 
   /* ==================================================
-     공통레이아웃
-  ================================================== */
-  .sub_visual_nav .snb_wrap{width:100%;}
-  .sub_visual_nav .snb_wrap:nth-child(2){display:none;}
-  .content_title h3{font-size:40px;}
+    공통레이아웃
+ ================================================== */
+ .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;}
 
 
-  /* ==================================================
-     Company
-  ================================================== */
+ /* ==================================================
+    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 .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;}
+ .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
-  ================================================== */
+ /* ==================================================
+    Platform Tech
+ ================================================== */
 
-  /* autophagy */
+ /* autophagy */
   .step_ul{flex-direction:column;}
   .step_ul li:not(.next){width:100%;}
   .step_ul li.next img{transform:rotate(90deg);}

 }
 
 @media (max-width: 500px){
-	
+   
  /* ==================================================
-    Company
- ================================================== */
- 
- /* 연혁 */
+   Company
+================================================== */
+
+/* 연혁 */
  .month_ul dl{flex-direction:column;gap:12px;}
  .month_ul dd{width:100%;}
 }

42ae797

src/main/webapp/publish/usr/images/achievement/visual.jpg (Binary) (added)

+++ src/main/webapp/publish/usr/images/achievement/visual.jpg

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

src/main/webapp/publish/usr/images/pipeline/visual.jpg (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/visual.jpg

Binary file is not shown

42ae797

src/main/webapp/publish/usr/images/pipeline/visual_mobile.jpg (Binary) (added)

+++ src/main/webapp/publish/usr/images/pipeline/visual_mobile.jpg

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

src/main/webapp/publish/usr/images/platform-tech/autophagy_images.jpg (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/autophagy_images.jpg

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

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

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

Binary file is not shown

42ae797

src/main/webapp/publish/usr/images/platform-tech/visual.jpg (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/visual.jpg

Binary file is not shown

42ae797

src/main/webapp/publish/usr/images/platform-tech/visual_mobile.jpg (Binary) (added)

+++ src/main/webapp/publish/usr/images/platform-tech/visual_mobile.jpg

Binary file is not shown

7d68d6e

42ae797

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

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

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


 .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:400;color:#222;text-align:center;padding:0 18px;border-radius:8px;justify-content:center;align-items:center;}
+.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;}

 .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:0 0 0 0;background:#222427;border-radius:30px 30px 0 0;box-sizing:border-box;bottom:0;z-index:1;}
+.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;}

 .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%;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items: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);}
 
 
 

7d68d6e

src/main/webapp/publish/usr/major_result/ciliogenesis.html (deleted)

--- src/main/webapp/publish/usr/major_result/ciliogenesis.html

...	...	@@ -1,120 +0,0 @@
	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>major result > 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	- <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="major_result">
	33	-
	34	-
	35	- <div class="wrap">
	36	- <div data-include-path="../layout/_header.html"></div>
	37	-
	38	- <div id="container" class="container sub major_result">
	39	- <div class="sub_visual">
	40	- <div class="inner">
	41	- <h2 class="sub_title" data-section="major_result">MAJOR RESULT</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 mitophagy">
	65	-
	66	- <div class="contents">
	67	-
	68	- <div class="content_title">
	69	- <h3>Ciliogenesis</h3>
	70	- </div>
	71	-
	72	- <div class="con_title">
	73	- <strong class="title">Ciliogenesis inducer screening platforms</strong>
	74	- </div>
	75	-
	76	- <div class="figure_content column">
	77	-
	78	- <ul class="figure_desc square">
	79	- <li>Global first target & M.O.A</li>
	80	- <li>Pharma : first reveal the relationship of target gene 8 ciliogenesis</li>
	81	- <li>Cosmetic : first define the effect P.M of through cilia</li>
	82	- <li>
	83	- Molecules (2021), Sci Rep (2019), PLoS One (2016)
	84	- <div class="box">
	85	- <img src="../images/major_result/ciliogenesis_1.png" alt="">
	86	- </div>
	87	- <div class="box">
	88	- <img src="../images/major_result/ciliogenesis_2.png" alt="">
	89	- </div>
	90	- </li>
	91	- <li>
	92	- SH-SY5Y 신경세포주에서 primary cilia (일차섬모) 유도인자 처리에 따른 섬모형성 증가
	93	- <div class="box">
	94	- <img src="../images/major_result/ciliogenesis_3.png" alt="">
	95	- </div>
	96	- </li>
	97	-
	98	- </ul>
	99	-
	100	-
	101	-
	102	- </div>
	103	-
	104	-
	105	- </div>
	106	-
	107	-
	108	- </div>
	109	- </div>
	110	- </div>
	111	-
	112	-
	113	-
	114	- <div data-include-path="../layout/_footer.html"></div>
	115	- </div>
	116	-
	117	-
	118	-</body>
	119	-
	120	-</html>(No newline at end of file)

7d68d6e

src/main/webapp/publish/usr/major_result/melanophagy.html (deleted)

--- src/main/webapp/publish/usr/major_result/melanophagy.html

...	...	@@ -1,135 +0,0 @@
	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>major result > 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	- <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="major_result">
	33	-
	34	-
	35	- <div class="wrap">
	36	- <div data-include-path="../layout/_header.html"></div>
	37	-
	38	- <div id="container" class="container sub major_result">
	39	- <div class="sub_visual">
	40	- <div class="inner">
	41	- <h2 class="sub_title" data-section="major_result">MAJOR RESULT</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 mitophagy">
	65	-
	66	- <div class="contents">
	67	-
	68	- <div class="content_title">
	69	- <h3>Melanophagy</h3>
	70	- </div>
	71	-
	72	- <div class="con_title">
	73	- <span class="text_primary summary">Melanophagy Inducer</span>
	74	- <strong class="title">Melanophagy Disease</strong>
	75	- </div>
	76	-
	77	- <div class="figure_content row">
	78	- <div class="box">
	79	- <img src="../images/major_result/melanophagy_1.png" alt="">
	80	- </div>
	81	- <ul class="figure_desc circle">
	82	- <li>Vitiligo</li>
	83	- <li>Melanoma</li>
	84	- <li>Freckles</li>
	85	- </ul>
	86	- </div>
	87	-
	88	- <div class="con_title">
	89	- <strong class="title">Melaophagy inducer screening platforms</strong>
	90	- </div>
	91	-
	92	- <div class="figure_content column">
	93	-
	94	- <ul class="figure_desc square">
	95	- <li>Selective melanin modulator I.D</li>
	96	- <li>Nomenclature ‘melanophagy& co-Research with major comp.</li>
	97	- <li>
	98	- PLoS One (2020) BBRC (2019)
	99	- <div class="box">
	100	- <img src="../images/major_result/melanophagy_2.png" alt="">
	101	- </div>
	102	- </li>
	103	- <li>
	104	- 멜라노파지 모니터링 플랫폼 (B16F1/mRFP-EGFP 세포주)에서 melanophagy inducer 처리에 따른 멜라노파지 증가와 멜라닌 감소
	105	- <div class="box">
	106	- <img src="../images/major_result/melanophagy_3.png" alt="">
	107	- </div>
	108	- <div class="box">
	109	- <img src="../images/major_result/melanophagy_4.png" alt="">
	110	- </div>
	111	- </li>
	112	-
	113	- </ul>
	114	-
	115	-
	116	-
	117	- </div>
	118	-
	119	-
	120	- </div>
	121	-
	122	-
	123	- </div>
	124	- </div>
	125	- </div>
	126	-
	127	-
	128	-
	129	- <div data-include-path="../layout/_footer.html"></div>
	130	- </div>
	131	-
	132	-
	133	-</body>
	134	-
	135	-</html>(No newline at end of file)

7d68d6e

src/main/webapp/publish/usr/major_result/mitophagy.html (deleted)

--- src/main/webapp/publish/usr/major_result/mitophagy.html

...	...	@@ -1,145 +0,0 @@
	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>major result > 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	- <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="major_result">
	33	-
	34	-
	35	- <div class="wrap">
	36	- <div data-include-path="../layout/_header.html"></div>
	37	-
	38	- <div id="container" class="container sub major_result">
	39	- <div class="sub_visual">
	40	- <div class="inner">
	41	- <h2 class="sub_title" data-section="major_result">MAJOR RESULT</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 mitophagy">
	65	-
	66	- <div class="contents">
	67	-
	68	- <div class="content_title">
	69	- <h3>Mitophagy</h3>
	70	- </div>
	71	-
	72	- <div class="con_title">
	73	- <span class="text_primary summary">Mitophagy Inducer</span>
	74	- <strong class="title">Mitophagy : Not only Parkinson's disease</strong>
	75	- </div>
	76	-
	77	- <div class="figure_content row">
	78	- <div class="box">
	79	- <img src="../images/major_result/mitophagy_1.png" alt="">
	80	- </div>
	81	- <ul class="figure_desc circle">
	82	- <li>Alzheimer’s disease</li>
	83	- <li>Autism spectrum disorder</li>
	84	- <li>Alcoholic Liver Disease</li>
	85	- <li>Diabetic Kidney Disease (DKD)...</li>
	86	- </ul>
	87	- </div>
	88	-
	89	- <div class="con_title">
	90	- <strong class="title">Mitophagy inducer screening for various library</strong>
	91	- </div>
	92	-
	93	- <div class="figure_content column">
	94	-
	95	- <ul class="figure_desc square">
	96	- <li>’20yr research (Science 2009 외 30여편)</li>
	97	- <li>Selective mitophagy modulator I.D</li>
	98	- <li>
	99	- Global R&D Project / lead comp. I.D
	100	- <div class="box">
	101	- <img src="../images/major_result/mitophagy_2.png" alt="">
	102	- </div>
	103	- </li>
	104	- <li>
	105	- 신경세포주 SH-SY5Y/GFP-Parkin 세포주에 mitophagy inducer 처리에 따른 Parkin 의존적 mitophagy 증가
	106	- <div class="box">
	107	- <img src="../images/major_result/mitophagy_3.png" alt="">
	108	- </div>
	109	- </li>
	110	- <li>
	111	- 마이토파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-Fis1세포주)에서 mitophagy inducer 처리에 따른 마이토파지 증가
	112	- <div class="box">
	113	- <img src="../images/major_result/mitophagy_4.png" alt="">
	114	- </div>
	115	- </li>
	116	- <li>
	117	- 마이토파지 모니터링 플랫폼 (SH-SY5Y/mKeima) 세포주)에서 mitophagy Inducer 처리에 따른 마이토파지 증가
	118	- <div class="box">
	119	- <img src="../images/major_result/mitophagy_5.png" alt="">
	120	- </div>
	121	- </li>
	122	-
	123	- </ul>
	124	-
	125	-
	126	-
	127	- </div>
	128	-
	129	-
	130	- </div>
	131	-
	132	-
	133	- </div>
	134	- </div>
	135	- </div>
	136	-
	137	-
	138	-
	139	- <div data-include-path="../layout/_footer.html"></div>
	140	- </div>
	141	-
	142	-
	143	-</body>
	144	-
	145	-</html>(No newline at end of file)

7d68d6e

src/main/webapp/publish/usr/major_result/rd.html (deleted)

--- src/main/webapp/publish/usr/major_result/rd.html

...	...	@@ -1,107 +0,0 @@
	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>major result > R&D</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="major_result">
	33	-
	34	-
	35	- <div class="wrap">
	36	- <div data-include-path="../layout/_header.html"></div>
	37	-
	38	- <div id="container" class="container sub major_result">
	39	- <div class="sub_visual">
	40	- <div class="inner">
	41	- <h2 class="sub_title" data-section="major_result">MAJOR RESULT</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 rd">
	65	-
	66	- <div class="contents">
	67	-
	68	- <div class="content_title">
	69	- <h3>R&D (OGS-101)</h3>
	70	- </div>
	71	-
	72	- <div class="con_title">
	73	- <strong class="title">Mitophagy Inducer Screening _ Hit compound & Lead Optimization</strong>
	74	- </div>
	75	-
	76	- <div class="figure_content column">
	77	- <div class="box">
	78	- <img src="../images/major_result/rd_1.png" alt="">
	79	- </div>
	80	- <div class="box">
	81	- <img src="../images/major_result/rd_2.png" alt="">
	82	- </div>
	83	- <div class="box">
	84	- <img src="../images/major_result/rd_3.png" alt="">
	85	- </div>
	86	- <div class="box">
	87	- <img src="../images/major_result/rd_4.png" alt="">
	88	- </div>
	89	- </div>
	90	-
	91	-
	92	- </div>
	93	-
	94	-
	95	- </div>
	96	- </div>
	97	- </div>
	98	-
	99	-
	100	-
	101	- <div data-include-path="../layout/_footer.html"></div>
	102	- </div>
	103	-
	104	-
	105	-</body>
	106	-
	107	-</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +1,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>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	+
	85	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +1,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>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	+
	85	+</html>(No newline at end of file)

7d68d6e

42ae797

src/main/webapp/publish/usr/pipeline/new-drugs/pipeline.html (Renamed from src/main/webapp/publish/usr/major_result/pipeline.html)

--- src/main/webapp/publish/usr/major_result/pipeline.html

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


 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>major result > Pipeline Summary</title>
+  <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">
+  <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 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="major_result">
+<body data-section="pipeline">
 
 
   <div class="wrap">
     <div data-include-path="../layout/_header.html"></div>
 
-    <div id="container" class="container sub major_result">
+    <div id="container" class="container sub pipeline">
       <div class="sub_visual">
         <div class="inner">
-          <h2 class="sub_title" data-section="major_result">MAJOR RESULT</h2>
+          <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">

               <h3>Pipeline Summary</h3>
             </div>
 
-            <div class="con_title">
+            <div class="con_title" data-aos="fade-down">
               <strong class="title">Pipeline Summary _ Current status</strong>
             </div>
             
-            <div class="table_wrap">
+            <div class="table_wrap" data-aos="fade-down">
               <table>
                 <colgroup>
                   <col style="width:5%;">

               </table>
             </div>
 
-
-
+            <p class="input_desc">*OGS-101-1&2, etc : 공동개발을 통해 적응증 확장(퇴행성뇌질환; AD, ALS / 난청 / 녹내장 / Myopathy(근질환) 등)</p>
           </div>
-
-
         </div>
       </div>
+
+
+
     </div>
 
 

42ae797

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

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

...	...	@@ -0,0 +1,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>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	+
	85	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +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 > 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	+
	99	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +1,4 @@
	1	+
	2	+<div class="box autophagy_common">
	3	+ <img src="/publish/usr/images/platform-tech/autophagy_common.png" alt="">
	4	+</div>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +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 > 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	+
	99	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +1,100 @@
	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	+
	100	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +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	+
	99	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +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>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	+
	136	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +1,148 @@
	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	+
	148	+</html>(No newline at end of file)

7d68d6e

42ae797

src/main/webapp/publish/usr/platform-tech/autophagy/pexophagy.html (Renamed from src/main/webapp/publish/usr/major_result/pexophagy.html)

--- src/main/webapp/publish/usr/major_result/pexophagy.html

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


 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>major result > Pexophagy</title>
+  <title>Platform Technologies > Selective Autophagy > Pexophagy</title>
 
   <!-- css -->
-  <link rel="stylesheet" href="../../../css/reset.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">
+  <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 src="../../../../js/jquery-3.5.0.js"></script>
+  <script src="../../script/common.js"></script>
+  <script src="../../layout/layout.js"></script>
   <!-- //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="major_result">
+<body data-section="platform-tech">
 
 
   <div class="wrap">
     <div data-include-path="../layout/_header.html"></div>
 
-    <div id="container" class="container sub major_result">
+    <div id="container" class="container sub platform_tech">
       <div class="sub_visual">
         <div class="inner">
-          <h2 class="sub_title" data-section="major_result">MAJOR RESULT</h2>
+          <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">

               <h3>Pexophagy</h3>
             </div>
 
-            <div class="con_title">
+            <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">
+              <div class="box" data-aos="fade-right">
                 <img src="../images/major_result/pexophagy_1.png" alt="">
               </div>
-              <ul class="figure_desc circle">
+              <ul class="figure_desc circle" data-aos="fade-left">
                 <li>X-linked adrenoleukodystrophy</li>
                 <li>Skeletal abnormalities</li>
                 <li>Alzheimer’s disease</li>

               </ul>
             </div>
             
-            <div class="con_title">
+            <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">
+              <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">
+                  <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">
+                  <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>
 
 

42ae797

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

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

...	...	@@ -0,0 +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</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 Technologies</a></li>
	54	+ <li><a href="#">Pipeline</a></li>
	55	+ <li><a href="#">Achievement</a></li>
	56	+ </ul>
	57	+ </div>
	58	+ <div class="snb_wrap">
	59	+ <button type="button" class="snb_title">메뉴</button>
	60	+ <ul class="snb_select">
	61	+ <li><a href="#">1depth</a></li>
	62	+ <li><a href="#">1depth</a></li>
	63	+ <li><a href="#">1depth</a></li>
	64	+ </ul>
	65	+ </div>
	66	+ </div>
	67	+ </div>
	68	+ </div>
	69	+ <div class="inner">
	70	+ <div class="content_wrap">
	71	+
	72	+ <div class="contents">
	73	+
	74	+ <div class="content_title">
	75	+ <h3>Selective Autophagy</h3>
	76	+ </div>
	77	+
	78	+ <img src="../../images/platform-tech/autophagy_images.jpg" alt="" style="margin:0 auto;">
	79	+
	80	+ </div>
	81	+ </div>
	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	+
	95	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +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	+
	123	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +1,121 @@
	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	+
	121	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +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 > Screening > Animal model</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>Animal model(준비중)</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	+</html>(No newline at end of file)

42ae797

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

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

...	...	@@ -0,0 +1,186 @@
	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	+
	186	+</html>(No newline at end of file)

7d68d6e

src/main/webapp/publish/usr/platform_tech/autophagy.html (deleted)

--- src/main/webapp/publish/usr/platform_tech/autophagy.html

...	...	@@ -1,116 +0,0 @@
	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 > Organelle Selective Autophagy</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 TECH</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 autophagy">
	65	-
	66	- <div class="contents">
	67	-
	68	- <div class="content_title">
	69	- <h3>Organelle Selective Autophagy<br><span>(세포소기관 선택적 자가포식작용)</span></h3>
	70	- </div>
	71	-
	72	- <div class="con_title">
	73	- <strong class="title">선택적 자가포식의 개념</strong>
	74	- </div>
	75	-
	76	- <div class="figure_content column">
	77	- <div class="box">
	78	- <img src="../images/platform_tech/autophagy_1.png" alt="">
	79	- </div>
	80	- <div class="box">
	81	- <img src="../images/platform_tech/autophagy_2.png" alt="">
	82	- </div>
	83	-
	84	- <ul class="step_ul">
	85	- <li>Ogarnelle Damage</li>
	86	- <li class="next"><img src="../images/component/step_next.png" alt=""></li>
	87	- <li>Sensor / Kinase</li>
	88	- <li class="next"><img src="../images/component/step_next.png" alt=""></li>
	89	- <li>Effector / E3 ligase</li>
	90	- <li class="next"><img src="../images/component/step_next.png" alt=""></li>
	91	- <li>Membrane Uniquitination</li>
	92	- <li class="next"><img src="../images/component/step_next.png" alt=""></li>
	93	- <li>Recruitment of Adaptors</li>
	94	- <li class="next"><img src="../images/component/step_next.png" alt=""></li>
	95	- <li>Engulfment by Autophagosome</li>
	96	- </ul>
	97	- </div>
	98	-
	99	-
	100	-
	101	- </div>
	102	-
	103	-
	104	- </div>
	105	- </div>
	106	- </div>
	107	-
	108	-
	109	-
	110	- <div data-include-path="../layout/_footer.html"></div>
	111	- </div>
	112	-
	113	-
	114	-</body>
	115	-
	116	-</html>(No newline at end of file)

7d68d6e

src/main/webapp/publish/usr/platform_tech/background.html (deleted)

--- src/main/webapp/publish/usr/platform_tech/background.html

...	...	@@ -1,134 +0,0 @@
	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 > Background</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 TECH</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 background">
	65	-
	66	- <div class="contents">
	67	-
	68	- <div class="content_title">
	69	- <h3>Background <span>(연구배경)</span></h3>
	70	- </div>
	71	-
	72	- <div class="con_title">
	73	- <strong class="title">Emerging therapeutic target : cellular organelle & homeostasis</strong>
	74	- </div>
	75	-
	76	- <div class="figure_content column">
	77	- <div class="box">
	78	- <img src="../images/platform_tech/background_1.png" alt="">
	79	- </div>
	80	- </div>
	81	-
	82	- <div class="con_title">
	83	- <strong class="title">자가포식작용 (Autophagy)과 세포의 항상성</strong>
	84	- <span class="summary black">Life is an “Equilibrium State” between synthesis and degradation of proteins/organelles<br>
	85	- (Yoshinori Oshuma, 2016 Nobel Prizer)</span>
	86	- </div>
	87	-
	88	- <div class="figure_content column">
	89	- <div class="box">
	90	- <img src="../images/platform_tech/background_2.png" alt="">
	91	- </div>
	92	-
	93	- <div class="dl_wrap">
	94	- <dl>
	95	- <dt>
	96	- <b>Normal cellualr health</b>
	97	- <span>Balanced state of cellualr protein<br>generation and recycling</span>
	98	- </dt>
	99	- <dd>
	100	- <img src="../images/platform_tech/background_3.png" alt="">
	101	- </dd>
	102	- </dl>
	103	- <dl>
	104	- <dt>
	105	- <b>Disease</b>
	106	- <span>Imbalanced state of cellular<br>protein generation and recycling</span>
	107	- </dt>
	108	- <dd>
	109	- <img src="../images/platform_tech/background_4.png" alt="">
	110	- </dd>
	111	- </dl>
	112	- </div>
	113	-
	114	-
	115	-
	116	- </div>
	117	-
	118	-
	119	- </div>
	120	-
	121	-
	122	- </div>
	123	- </div>
	124	- </div>
	125	-
	126	-
	127	-
	128	- <div data-include-path="../layout/_footer.html"></div>
	129	- </div>
	130	-
	131	-
	132	-</body>
	133	-
	134	-</html>(No newline at end of file)

7d68d6e

42ae797

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

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

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


-/*$(function () {
+/**
+ * 공통 UI 및 메뉴 로직 제어
+ */
+$(function () {
+    // 0. 메뉴 링크 자동 매핑 실행 (하위 첫 번째 메뉴 연결)
+    updateMenuLinks();
 
-   ==================================================
-     container.sub 클래스 (있을 때만)
-  ================================================== 
-  const $container = $(".container.sub");
-  const section = $("h2.sub_title").data("section");
+    // 1. 페이지 타이틀에 따른 컨테이너 레이아웃 클래스 제어
+    const pageTitle = $(".sub_title").text().trim().toUpperCase();
+    const $container = $("#container");
 
-  if ($container.length && section) {
-    $container
-      .removeClass("company major_result platform_tech")
-      .addClass(section);
-  }
-
-   ==================================================
-     src 경로 보정
-  ================================================== 
-  $("[src]").each(function () {
-    const src = $(this).attr("src");
-    if (src && src.startsWith("../")) {
-      $(this).attr("src", src.replace(/^\.\.\//, "/publish/usr/"));
-    }
-  });
-
-   ==================================================
-     Sub Visual SNB 기본 세팅
-  ================================================== 
-  $(".icon.home").closest("a").attr("href", "/web/main/mainPage.do");
-
-  const $wraps = $(".sub_visual_nav .snb_wrap");
-  if ($wraps.length < 2) return;
-
-  const $snbDepth01 = $wraps.eq(0).find(".snb_select");
-  const $snbDepth02 = $wraps.eq(1).find(".snb_select");
-
-  if ($snbDepth01.data("init")) return;
-  $snbDepth01.data("init", true);
-
-  const params = new URLSearchParams(location.search);
-  const proFn = params.get("proFn");
-  const bbsId = params.get("bbsId");
-  const pathname = location.pathname;
-
-  const isCommunity = pathname.includes("/bbsWeb/");
-  const isCommunityDetail = pathname.includes("selectBoardDetail.do");
-
-  const $gnb = $(".gnb").first();
-
-   ==================================================
-     현재 depth01 / depth02 결정
-  ================================================== 
-  let $currentDepth01Li = $();
-  let $currentDepth02 = $();
-
-  if (isCommunity) {
-    $currentDepth01Li = $gnb.find("> li").filter(function () {
-      return $(this).find("> .depth01").text().trim().toLowerCase() === "community";
-    }).first();
-  } else if (proFn) {
-    $currentDepth02 = $gnb.find(`.depth02[href*="proFn=${proFn}"]`).first();
-    $currentDepth01Li = $currentDepth02.closest(".depth02_container").closest("li");
-  }
-
-  if (!$currentDepth01Li.length) {
-    $currentDepth01Li = $gnb.find("> li").first();
-  }
-
-  const currentDepth01Text =
-    $currentDepth01Li.find("> .depth01").text().trim();
-
-   ==================================================
-     SNB depth01 생성 (대표 링크 = 첫 depth02)
-  ================================================== 
-  $snbDepth01.empty();
-
-  $gnb.find("> li").each(function () {
-    const text = $(this).find("> .depth01").text().trim();
-    if (!text) return;
-
-    const firstHref = $(this).find(".depth02").first().attr("href") || "#";
-    const isActive = text === currentDepth01Text;
-
-    $snbDepth01.append(`
-      <li class="${isActive ? "active" : ""}">
-        <a href="${firstHref}">${text}</a>
-      </li>
-    `);
-  });
-
-   ==================================================
-     SNB depth02 생성 + active 처리
-  ================================================== 
-  $snbDepth02.empty();
-
-  $currentDepth01Li.find(".depth02").each(function (index) {
-    const href = $(this).attr("href");
-    const text = $(this).text().trim();
-
-    let isActive = false;
-
-    if (!isCommunity && proFn) {
-      isActive = href.includes(`proFn=${proFn}`);
+    if (pageTitle === "COMPANY") {
+        $container.addClass("company");
+    } else if (pageTitle === "PIPELINE") {
+        $container.addClass("pipeline");
+    } else if (pageTitle === "PLATFORM TECHNOLOGIES") {
+        $container.addClass("platform_tech");
+    } else {
+        $container.addClass("achievement");
     }
 
-    if (isCommunity && bbsId) {
-      isActive = href.includes(`bbsId=${bbsId}`);
+    // 2. 상대 경로 이미지 주소 치환 (../ -> /publish/usr/)
+    $('[src]').each(function () {
+        const src = $(this).attr('src');
+        if (src && src.indexOf('../') === 0) {
+            $(this).attr('src', src.replace(/^\.\.\//, '/publish/usr/'));
+        }
+    });
+
+    /**
+     * ==========================================
+     * 연혁(History) 스크롤 인터랙션
+     * ==========================================
+     */
+    const BREAKPOINT = 1280;
+
+    function bindHistoryScroll() {
+        // 기존 이벤트 해제 (리사이즈 시 중복 방지)
+        $('.history_month').off('scroll.history');
+        $(window).off('scroll.history');
+
+        // 모바일/태블릿 구간에서는 실행 안 함
+        if ($(window).width() < BREAKPOINT) return;
+
+        /**
+         * 1) 연혁 영역 내부 스크롤 시 연도(Year) 활성화
+         */
+        $('.history_month').on('scroll.history', function () {
+            let currentId = null;
+
+            $('.month_ul').each(function () {
+                // 상단 위치를 계산하여 현재 활성화된 영역 감지
+                if ($(this).position().top <= 1) {
+                    currentId = this.id;
+                }
+            });
+
+            if (currentId) {
+                $('.year_item, .month_ul').removeClass('active');
+                $('#' + currentId).addClass('active'); // 월 리스트 활성화
+                $('#' + currentId.replace('year_', 'year')).addClass('active'); // 연도 버튼 활성화
+            }
+        });
+
+        /**
+         * 2) 윈도우 스크롤 시 연혁 영역 활성화 제어 (스티키 효과 등)
+         */
+        const TARGET = 719; // 활성화 기준 좌표
+        const RANGE = 20;  // 감지 허용 오차 범위
+        const $history = $('.history_month');
+
+        $(window).on('scroll.history', function () {
+            const scrollTop = $(this).scrollTop();
+
+            // 특정 스크롤 위치에 도달했을 때 클래스 부여
+            if (scrollTop >= TARGET - RANGE && scrollTop <= TARGET + RANGE) {
+                $history.addClass('active');
+            } else {
+                $history.removeClass('active');
+            }
+        });
     }
 
-    if (isCommunityDetail) {
-      isActive = index === 1;
-    }
+    // 연혁 스크롤 이벤트 초기화
+    bindHistoryScroll();
 
-    $snbDepth02.append(`
-      <li class="${isActive ? "active" : ""}">
-        <a href="${href}">${text}</a>
-      </li>
-    `);
-  });
-
-   ==================================================
-     SNB 타이틀
-  ================================================== 
-  $wraps.eq(0).find(".snb_title").text(currentDepth01Text || "메뉴");
-
-  if (isCommunityDetail) {
-    const firstText = $currentDepth01Li.find(".depth02").first().text().trim();
-    $wraps.eq(1).find(".snb_title").text(firstText || "메뉴");
-  } else {
-    const activeText = $snbDepth02.find("li.active a").text();
-    $wraps.eq(1).find(".snb_title").text(activeText || "메뉴");
-  }
-
-   ==================================================
-     SNB 토글
-  ================================================== 
-  $(".snb_title").on("click", function () {
-    const $wrap = $(this).closest(".snb_wrap");
-
-    $(".snb_wrap").not($wrap)
-      .removeClass("active")
-      .find(".snb_select").slideUp(200);
-
-    $wrap.toggleClass("active")
-      .find(".snb_select").stop(true, true).slideToggle(250);
-  });
-
-   ==================================================
-     depth01 클릭 시 첫 depth02 이동
-  ================================================== 
-  $snbDepth01.on("click", "a", function (e) {
-    e.preventDefault();
-    location.href = $(this).attr("href");
-  });
-
-   ==================================================
-     외부 클릭 시 닫기
-  ================================================== 
-  $(document).on("click", function (e) {
-    if (!$(e.target).closest(".snb_wrap").length) {
-      $(".snb_wrap")
-        .removeClass("active")
-        .find(".snb_select")
-        .slideUp(200);
-    }
-  });
-
+    // 브라우저 리사이즈 시 대응
+    $(window).on('resize', function() {
+        bindHistoryScroll();
+    });
 });
-*/
+
+/**
+ * 하위 메뉴 구조를 분석하여 상위 메뉴의 href 링크를 자동으로 설정
+ */
+function updateMenuLinks() {
+    // 1. 2Depth 메뉴 링크 업데이트
+    $('.depth02').each(function () {
+        const $this = $(this);
+        const menuText = $.trim($this.text());
+
+        // Selective Autophagy: 하위 메뉴가 아닌 고정 경로로 이동
+        if (menuText === "Selective Autophagy") {
+            $this.attr('href', '/web/content.do?proFn=999314000');
+            return true; // continue
+        }
+
+        // 하위 3Depth 중 첫 번째 유효한 링크 탐색
+        const firstDepth03Href = $this.closest('li').find('.depth03').filter(function () {
+            const href = $(this).attr('href');
+            return href && href !== '#' && href !== '';
+        }).first().attr('href');
+
+        if (firstDepth03Href) {
+            $this.attr('href', firstDepth03Href);
+        }
+    });
+
+    // 2. 1Depth 메뉴 링크 업데이트
+    $('.depth01').each(function () {
+        // 하위에 업데이트된 2Depth 또는 존재하는 3Depth 중 첫 번째 유효한 링크 탐색
+        const firstChildHref = $(this).closest('li').find('.depth02, .depth03').filter(function () {
+            const href = $(this).attr('href');
+            return href && href !== '#' && href !== '';
+        }).first().attr('href');
+
+        if (firstChildHref) {
+            $(this).attr('href', firstChildHref);
+        }
+    });
+}

7d68d6e

42ae797

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

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

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


 			fn_getSubMenu();
 		}
 	}
+	
+	$(document).on("click", ".snb_title", function() {
+	    const $wrap = $(this).closest(".snb_wrap");
+
+	    // 다른 열려있는 메뉴 닫기
+	    $(".snb_wrap").not($wrap)
+	      .removeClass("active")
+	      .find(".snb_select").slideUp(200);
+
+	    // 클릭한 메뉴 토글
+	    $wrap.toggleClass("active")
+	      .find(".snb_select").stop(true, true).slideToggle(250);
+	});
+
+	$(document).on("click", function (e) {
+	    if (!$(e.target).closest(".snb_wrap").length) {
+	        $(".snb_wrap")
+	            .removeClass("active")
+	            .find(".snb_select")
+	            .slideUp(200);
+	    }
+	});
+	
+	
 });
 
 function fn_getSubMenu(){
-
-	
 	
 	var title = $('#container .sub_title').text();
-	var subTitle = $.trim($('.content_title').text());
-
-	console.log('title ::', title);
-	console.log('subTitle ::', subTitle);
+	var subTitle;
+	var depth3Title = $.trim($('.content_title').text());
+	
+	$(".header_container .depth03").each(function(idx, itm){
+	    let text = $.trim($(itm).text());
+	    
+	    if(depth3Title === text){
+	        subTitle = $(itm).closest(".depth03_ul").siblings(".depth02").text();
+	        subTitle = $.trim(subTitle);
+	        return false;
+	    }else{
+	    	subTitle = depth3Title;
+	    }
+	});
+	
 
 	var sendData = {
-			"depth1MenuNm" :  title
-			, "depth2MenuNm" : subTitle
+			"depth1MenuNm" :  title,
+			"depth2MenuNm" : subTitle,
+			"depth3MenuNm" : depth3Title
 		}
+	
+	console.log('title ::', title);
+	console.log('subTitle ::', subTitle);
+	console.log('depth3Title ::', depth3Title);
 	
 	$.ajax({
 		type: 'POST',

 		}
 	});
 	
+		
+	setTimeout(function(){
+    	$(".snb_select li a").each(function(idx,itm){
+    		$(".header_container .gnb a").each(function(index,item){
+    			var itemUrl = $(item).attr("href");
+    			if($(itm).text().trim() == $(item).text().trim()){
+    				$(itm).attr("href",itemUrl);
+    			}
+    		})
+    	})
+    },1000)
 }
 
 

     
     const depth1List = result.depth1List || []; // 데이터가 없으면 빈 배열로 초기화
     const depth2List = result.depth2List || [];
+    const depth3List = result.depth3List || [];
     const selected1 = result.selectedDepth1;
     const selected2 = result.selectedDepth2;
+    const selected3 = result.selectedDepth3;
 
     let html = '';
 

         html += '  </ul>';
         html += '</div>';
     }
+    
+    if (depth3List.length > 0) {
+        html += '<div class="snb_wrap snb_depth03">';
+        html += `  <button type="button" class="snb_title">${selected3 ? selected3.text : '메뉴'}</button>`;
+        html += '  <ul class="snb_select">';
+        depth3List.forEach(item => {
+            html += `    <li><a href="${item.url || '#'}">${item.text}</a></li>`;
+        });
+        html += '  </ul>';
+        html += '</div>';
+    }
 
     document.querySelector('.sub_visual_nav').innerHTML = html;
+    
 }

...	...	@@ -714,52 +714,72 @@
714	714	@ResponseBody
715	715	@RequestMapping(value = "/web/com/subMenu.do")
716	716	public ResponseEntity<RestResponse> webCommonSubMenu(
717		- @RequestBody Map<String, Object> paramMap) throws Exception {
718		- // 1. 파라미터 추출
719		- String depth1MenuNm = (String) paramMap.get("depth1MenuNm");
720		- String depth2MenuNm = (String) paramMap.get("depth2MenuNm");
721		-
722		- // 2. 전체 메뉴 조회 및 1Depth 리스트 생성 (URL 세팅 포함)
723		- List<MenuManageJTreeVO> menuResultList = menuCreateManageService.selectMenuListJtree(new MenuManageJTreeVO());
724		-
725		- List<MenuManageJTreeVO> depth1List = menuResultList.stream()
726		- .filter(menu -> "1".equals(menu.getUpperMenuId()))
727		- .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo())) // 스트림 안에서 URL 세팅
728		- .collect(Collectors.toList());
729		-
730		- // 3. 현재 선택된 1Depth 찾기 (이미 필터링된 depth1List에서 찾음)
731		- MenuManageJTreeVO selectedDepth1 = depth1List.stream()
732		- .filter(menu -> depth1MenuNm != null && depth1MenuNm.equalsIgnoreCase(menu.getMenuNm()))
733		- .findFirst()
734		- .orElse(null);
735		-
736		- // 4. 2Depth 리스트 생성 (selectedDepth1이 있을 때만 진행)
737		- List<MenuManageJTreeVO> depth2List = new ArrayList<>();
738		- MenuManageJTreeVO selectedDepth2 = null;
739		-
740		- if (selectedDepth1 != null) {
741		- depth2List = menuResultList.stream()
742		- .filter(menu -> selectedDepth1.getMenuNo().equals(menu.getUpperMenuId()))
743		- .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
744		- .collect(Collectors.toList());
745		-
746		- // 5. 현재 선택된 2Depth 찾기
747		- selectedDepth2 = depth2List.stream()
748		- .filter(menu -> depth2MenuNm != null && depth2MenuNm.equalsIgnoreCase(menu.getMenuNm()))
749		- .findFirst()
750		- .orElse(null);
751		- }
752		-
753		- // 6. 결과 맵 구성 및 반환
754		- Map<String, Object> resultMap = new HashMap<>();
755		- resultMap.put("depth1List", depth1List);
756		- resultMap.put("selectedDepth1", selectedDepth1);
757		- resultMap.put("depth2List", depth2List);
758		- resultMap.put("selectedDepth2", selectedDepth2);
759		-
760		- RestResponse restResponse = new RestResponse(HttpStatus.OK, "", resultMap);
761		- return ResponseEntity.ok(restResponse);
	717	+ @RequestBody Map<String, Object> paramMap) throws Exception {
762	718
	719	+ // 1. 파라미터
	720	+ String depth1MenuNm = (String) paramMap.get("depth1MenuNm");
	721	+ String depth2MenuNm = (String) paramMap.get("depth2MenuNm");
	722	+ String depth3MenuNm = (String) paramMap.get("depth3MenuNm");
	723	+
	724	+ // 2. 전체 메뉴 조회
	725	+ List<MenuManageJTreeVO> menuResultList =
	726	+ menuCreateManageService.selectMenuListJtree(new MenuManageJTreeVO());
	727	+
	728	+ // 3. depth1
	729	+ List<MenuManageJTreeVO> depth1List = menuResultList.stream()
	730	+ .filter(menu -> "1".equals(menu.getUpperMenuId()))
	731	+ .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
	732	+ .collect(Collectors.toList());
	733	+
	734	+ MenuManageJTreeVO selectedDepth1 = depth1List.stream()
	735	+ .filter(menu -> depth1MenuNm != null &&
	736	+ depth1MenuNm.equalsIgnoreCase(menu.getMenuNm()))
	737	+ .findFirst()
	738	+ .orElse(null);
	739	+
	740	+ // 4. depth2
	741	+ List<MenuManageJTreeVO> depth2List = new ArrayList<>();
	742	+
	743	+ if (selectedDepth1 != null) {
	744	+ depth2List = menuResultList.stream()
	745	+ .filter(menu -> selectedDepth1.getMenuNo().equals(menu.getUpperMenuId()))
	746	+ .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
	747	+ .collect(Collectors.toList());
	748	+ }
	749	+
	750	+ MenuManageJTreeVO selectedDepth2 = depth2List.stream()
	751	+ .filter(menu -> depth2MenuNm != null &&
	752	+ depth2MenuNm.equalsIgnoreCase(menu.getMenuNm()))
	753	+ .findFirst()
	754	+ .orElse(null);
	755	+
	756	+ // 5. depth3
	757	+ List<MenuManageJTreeVO> depth3List = new ArrayList<>();
	758	+
	759	+ if (selectedDepth2 != null) {
	760	+ depth3List = menuResultList.stream()
	761	+ .filter(menu -> selectedDepth2.getMenuNo().equals(menu.getUpperMenuId()))
	762	+ .peek(menu -> menu.setUrl("/web/content.do?proFn=" + menu.getMenuNo()))
	763	+ .collect(Collectors.toList());
	764	+ }
	765	+
	766	+ MenuManageJTreeVO selectedDepth3 = depth3List.stream()
	767	+ .filter(menu -> depth3MenuNm != null &&
	768	+ depth3MenuNm.equalsIgnoreCase(menu.getMenuNm()))
	769	+ .findFirst()
	770	+ .orElse(null);
	771	+
	772	+ // 6. 결과
	773	+ Map<String, Object> resultMap = new HashMap<>();
	774	+ resultMap.put("depth1List", depth1List);
	775	+ resultMap.put("selectedDepth1", selectedDepth1);
	776	+ resultMap.put("depth2List", depth2List);
	777	+ resultMap.put("selectedDepth2", selectedDepth2);
	778	+ resultMap.put("depth3List", depth3List);
	779	+ resultMap.put("selectedDepth3", selectedDepth3);
	780	+
	781	+ RestResponse restResponse = new RestResponse(HttpStatus.OK, "", resultMap);
	782	+ return ResponseEntity.ok(restResponse);
763	783	}
764	784
765	785

...	...	@@ -114,7 +114,21 @@
114	114	class="depth02"
115	115	${menu2.menuType eq 'O' ? 'target="_blank"' : '' }> <c:out
116	116	value="${menu2.menuNm}" />
117		- </a></li>
	117	+ </a>
	118	+
	119	+ <ul class="depth03_ul">
	120	+ <c:forEach var="menu3" items="${menuResultList}">
	121	+ <c:if test="${menu3.depths eq '3' && menu3.upperMenuId eq menu2.menuNo}">
	122	+ <li>
	123	+ <a href="${menu3.menuType ne 'M' ? menu3.url : '#'}" class="depth03" ${menu3.menuType eq 'O' ? 'target="_blank"' : '' }>
	124	+ <c:out value="${menu3.menuNm}" />
	125	+ </a>
	126	+ </li>
	127	+ </c:if>
	128	+ </c:forEach>
	129	+ </ul>
	130	+
	131	+ </li>
118	132	</c:if>
119	133	</c:forEach>
120	134	</ul>
...	...	@@ -217,7 +231,21 @@
217	231	${menu2.menuType
218	232	eq 'O' ? 'target="_blank"' : '' }>
219	233	<c:out value="${menu2.menuNm}" />
220		- </a></li>
	234	+ </a>
	235	+
	236	+ <ul class="depth03_ul">
	237	+ <c:forEach var="menu3" items="${menuResultList}">
	238	+ <c:if test="${menu3.depths eq '3' && menu3.upperMenuId eq menu2.menuNo}">
	239	+ <li>
	240	+ <a href="${menu3.menuType ne 'M' ? menu3.url : '#'}" class="depth03" ${menu3.menuType eq 'O' ? 'target="_blank"' : '' }>
	241	+ <c:out value="${menu3.menuNm}" />
	242	+ </a>
	243	+ </li>
	244	+ </c:if>
	245	+ </c:forEach>
	246	+ </ul>
	247	+
	248	+ </li>
221	249	</c:if>
222	250	</c:forEach>
223	251	</ul>
...	...	@@ -253,7 +281,21 @@
253	281	${menu2.menuType
254	282	eq 'O' ? 'target="_blank"' : '' }>
255	283	<c:out value="${menu2.menuNm}" />
256		- </a></li>
	284	+ </a>
	285	+
	286	+ <ul class="depth03_ul">
	287	+ <c:forEach var="menu3" items="${menuResultList}">
	288	+ <c:if test="${menu3.depths eq '3' && menu3.upperMenuId eq menu2.menuNo}">
	289	+ <li>
	290	+ <a href="${menu3.menuType ne 'M' ? menu3.url : '#'}" class="depth03" ${menu3.menuType eq 'O' ? 'target="_blank"' : '' }>
	291	+ <c:out value="${menu3.menuNm}" />
	292	+ </a>
	293	+ </li>
	294	+ </c:if>
	295	+ </c:forEach>
	296	+ </ul>
	297	+
	298	+ </li>
257	299	</c:if>
258	300	</c:forEach>
259	301	</ul></li>

...	...	@@ -4,7 +4,7 @@
4	4	<head>
5	5	<meta charset="UTF-8">
6	6	<meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>major result > Anti Cancer</title>
	7	+ <title>Achievement > Papers</title>
8	8
9	9	<!-- css -->
10	10	<link rel="stylesheet" href="../../../css/reset.css">
...	...	@@ -12,6 +12,11 @@
12	12	<link rel="stylesheet" href="../layout/layout.css">
13	13	<link rel="stylesheet" href="../css/common.css">
14	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">
15	20	<link rel="stylesheet" href="../css/content.css">
16	21	<!-- //css -->
17	22
...	...	@@ -21,24 +26,18 @@
21	26	<script src="../layout/layout.js"></script>
22	27	<!-- //script -->
23	28
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	29	</head>
31	30
32		-<body data-section="major_result">
	31	+<body data-section="achievement">
33	32
34	33
35	34	<div class="wrap">
36	35	<div data-include-path="../layout/_header.html"></div>
37	36
38		- <div id="container" class="container sub major_result">
	37	+ <div id="container" class="container sub achievement">
39	38	<div class="sub_visual">
40	39	<div class="inner">
41		- <h2 class="sub_title" data-section="major_result">MAJOR RESULT</h2>
	40	+ <h2 class="sub_title" data-section="achievement">ACHIEVEMENT</h2>
42	41	<div class="sub_visual_nav">
43	42	<a href="../index.html"><i class="icon home"></i></a>
44	43	<div class="snb_wrap">
...	...	@@ -61,34 +60,17 @@
61	60	</div>
62	61	</div>
63	62	<div class="inner">
64		- <div class="content_wrap cancer">
	63	+ <div class="content_wrap">
65	64
	65	+ <div class="content_title">
	66	+ <h3>IP(준비중)</h3>
	67	+ </div>
	68	+
66	69	<div class="contents">
67	70
68		- <div class="content_title">
69		- <h3>Anti Cancer</h3>
70		- </div>
71		-
72		- <div class="con_title">
73		- <strong class="title">비소세포폐암 (NSCLC)_ EGFR TKI 임상 치료전략 및 오토파지 표적</strong>
74		- </div>
75		-
76		- <div class="figure_content column">
77		- <div class="box">
78		- <img src="../images/major_result/cancer_1.png" alt="">
79		- </div>
80		- <div class="box">
81		- <img src="../images/major_result/cancer_2.png" alt="">
82		- </div>
83		-
84		-
85		-
86		- </div>
87	71
88	72
89	73	</div>
90		-
91		-
92	74	</div>
93	75	</div>
94	76	</div>

...	...	@@ -25,10 +25,11 @@
25	25	.header_container .active .depth02_container{max-height:100vh;opacity:1;visibility:visible;}
26	26	.header_container .depth02_ul{display:flex;max-width:1440px;margin:0 auto;padding:16px 0;gap:30px;justify-content:center;}
27	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:400;color:#222;text-align:center;padding:0 18px;border-radius:8px;justify-content:center;align-items:center;}
	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	29	.header_container .gnb a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
30	30	.header_container .depth03_ul{display:flex;margin:8px 0 0 0;flex-direction:column;gap:8px;text-align:center;}
31	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);}
32	33
33	34
34	35	.header_util{display:flex;gap:12px;align-items:center;}
...	...	@@ -61,11 +62,13 @@
61	62	.mobile_nav .depth02_ul{display:flex;padding:20px;background:#f2f4f6;flex-direction:column;gap:8px;}
62	63	.mobile_nav .depth02_ul li{width:100%;}
63	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;}
64	67
65	68
66	69
67	70	/* footer */
68		-.footer{position:relative;width:100%;padding:60px 0;margin:0 0 0 0;background:#222427;border-radius:30px 30px 0 0;box-sizing:border-box;bottom:0;z-index:1;}
	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;}
69	72	.footer .inner{position:relative;display:flex;margin:0 auto;justify-content:flex-start;align-items:center;gap:32px;}
70	73	.footer .footer_left{display:flex;flex-direction:column;gap:50px;}
71	74	.footer .footer_logo{mix-blend-mode:luminosity;}
...	...	@@ -90,8 +93,11 @@
90	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;}
91	94	.sitemap .depth02_ul{display:flex;flex-direction:column;gap:12px;}
92	95	.sitemap .depth02_ul li{width:100%;font-size:20px;text-align:center;}
93		-.sitemap a.depth02{display:flex;width:100%;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items: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;}
94	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);}
95	101
96	102
97	103

...	...	@@ -4,41 +4,37 @@
4	4	<head>
5	5	<meta charset="UTF-8">
6	6	<meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>major result > Pipeline Summary</title>
	7	+ <title>Pipeline > New drugs > 퇴행성 뇌질환</title>
8	8
9	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">
	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	16	<!-- //css -->
17	17
18	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>
	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	22	<!-- //script -->
23	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	24
29	25
30	26	</head>
31	27
32		-<body data-section="major_result">
	28	+<body data-section="pipeline">
33	29
34	30
35	31	<div class="wrap">
36	32	<div data-include-path="../layout/_header.html"></div>
37	33
38		- <div id="container" class="container sub major_result">
	34	+ <div id="container" class="container sub pipeline">
39	35	<div class="sub_visual">
40	36	<div class="inner">
41		- <h2 class="sub_title" data-section="major_result">MAJOR RESULT</h2>
	37	+ <h2 class="sub_title" data-section="pipeline">PIPELINE</h2>
42	38	<div class="sub_visual_nav">
43	39	<a href="../index.html"><i class="icon home"></i></a>
44	40	<div class="snb_wrap">
...	...	@@ -69,11 +65,11 @@
69	65	<h3>Pipeline Summary</h3>
70	66	</div>
71	67
72		- <div class="con_title">
	68	+ <div class="con_title" data-aos="fade-down">
73	69	<strong class="title">Pipeline Summary _ Current status</strong>
74	70	</div>
75	71
76		- <div class="table_wrap">
	72	+ <div class="table_wrap" data-aos="fade-down">
77	73	<table>
78	74	<colgroup>
79	75	<col style="width:5%;">
...	...	@@ -211,13 +207,13 @@
211	207	</table>
212	208	</div>
213	209
214		-
215		-
	210	+ <p class="input_desc">*OGS-101-1&2, etc : 공동개발을 통해 적응증 확장(퇴행성뇌질환; AD, ALS / 난청 / 녹내장 / Myopathy(근질환) 등)</p>
216	211	</div>
217		-
218		-
219	212	</div>
220	213	</div>
	214	+
	215	+
	216	+
221	217	</div>
222	218
223	219

...	...	@@ -4,21 +4,21 @@
4	4	<head>
5	5	<meta charset="UTF-8">
6	6	<meta name="viewport" content="width=device-width, initial-scale=1.0">
7		- <title>major result > Pexophagy</title>
	7	+ <title>Platform Technologies > Selective Autophagy > Pexophagy</title>
8	8
9	9	<!-- css -->
10		- <link rel="stylesheet" href="../../../css/reset.css">
	10	+ <link rel="stylesheet" href="../../../../css/reset.css">
11	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">
	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	16	<!-- //css -->
17	17
18	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>
	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	22	<!-- //script -->
23	23
24	24	<!-- 캘린더 -->
...	...	@@ -26,19 +26,28 @@
26	26	<script nomodule src="../../../js/plugin/datapicker/duet.js"></script>
27	27	<link rel="stylesheet" href="../../../js/plugin/datapicker/default.css">
28	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	+
29	38
30	39	</head>
31	40
32		-<body data-section="major_result">
	41	+<body data-section="platform-tech">
33	42
34	43
35	44	<div class="wrap">
36	45	<div data-include-path="../layout/_header.html"></div>
37	46
38		- <div id="container" class="container sub major_result">
	47	+ <div id="container" class="container sub platform_tech">
39	48	<div class="sub_visual">
40	49	<div class="inner">
41		- <h2 class="sub_title" data-section="major_result">MAJOR RESULT</h2>
	50	+ <h2 class="sub_title" data-section="platform-tech">Platform Technologies</h2>
42	51	<div class="sub_visual_nav">
43	52	<a href="../index.html"><i class="icon home"></i></a>
44	53	<div class="snb_wrap">
...	...	@@ -69,16 +78,16 @@
69	78	<h3>Pexophagy</h3>
70	79	</div>
71	80
72		- <div class="con_title">
	81	+ <div class="con_title" data-aos="fade-down">
73	82	<span class="text_primary summary">Pexophagy Inducer</span>
74	83	<strong class="title">Peroxisome dysfunction in disease</strong>
75	84	</div>
76	85
77	86	<div class="figure_content row">
78		- <div class="box">
	87	+ <div class="box" data-aos="fade-right">
79	88	<img src="../images/major_result/pexophagy_1.png" alt="">
80	89	</div>
81		- <ul class="figure_desc circle">
	90	+ <ul class="figure_desc circle" data-aos="fade-left">
82	91	<li>X-linked adrenoleukodystrophy</li>
83	92	<li>Skeletal abnormalities</li>
84	93	<li>Alzheimer’s disease</li>
...	...	@@ -89,41 +98,39 @@
89	98	</ul>
90	99	</div>
91	100
92		- <div class="con_title">
	101	+ <div class="con_title" data-aos="fade-down">
93	102	<strong class="title">Pexophagy inducer screening for various library</strong>
94	103	</div>
95	104
96	105	<div class="figure_content column">
97	106
98		- <ul class="figure_desc square">
	107	+ <ul class="figure_desc square" data-aos="fade-down">
99	108	<li>Global first target & M.O.A</li>
100	109	<li>Novel target I.D</li>
101	110	<li>1st in class : First I.D Mecham.</li>
102	111	<li>
103	112	Autophagy (2020), BBRC (2021)
104		- <div class="box">
	113	+ <div class="box" data-aos="fade-down">
105	114	<img src="../images/major_result/pexophagy_2.png" alt="">
106	115	</div>
107	116	</li>
108	117	<li>
109	118	펙소파지 모니터링 플랫폼 (HeLa/mCherry-Hluorin-PTS1 세포주)에서 pexophagy inducer 처리에 따른 펙소파지 증가
110		- <div class="box">
	119	+ <div class="box" data-aos="fade-down">
111	120	<img src="../images/major_result/pexophagy_3.png" alt="">
112	121	</div>
113	122	</li>
114	123
115	124	</ul>
116		-
117		-
118		-
119	125	</div>
120		-
121		-
122	126	</div>
123		-
124		-
125	127	</div>
	128	+
	129	+ <div data-include-path="./autophagy-common.html"></div>
	130	+
126	131	</div>
	132	+
	133	+
127	134	</div>
128	135
129	136

...	...	@@ -1,168 +1,131 @@
1		-/*$(function () {
	1	+/**
	2	+ * 공통 UI 및 메뉴 로직 제어
	3	+ */
	4	+$(function () {
	5	+ // 0. 메뉴 링크 자동 매핑 실행 (하위 첫 번째 메뉴 연결)
	6	+ updateMenuLinks();
2	7
3		- ==================================================
4		- container.sub 클래스 (있을 때만)
5		- ==================================================
6		- const $container = $(".container.sub");
7		- const section = $("h2.sub_title").data("section");
	8	+ // 1. 페이지 타이틀에 따른 컨테이너 레이아웃 클래스 제어
	9	+ const pageTitle = $(".sub_title").text().trim().toUpperCase();
	10	+ const $container = $("#container");
8	11
9		- if ($container.length && section) {
10		- $container
11		- .removeClass("company major_result platform_tech")
12		- .addClass(section);
13		- }
14		-
15		- ==================================================
16		- src 경로 보정
17		- ==================================================
18		- $("[src]").each(function () {
19		- const src = $(this).attr("src");
20		- if (src && src.startsWith("../")) {
21		- $(this).attr("src", src.replace(/^\.\.\//, "/publish/usr/"));
22		- }
23		- });
24		-
25		- ==================================================
26		- Sub Visual SNB 기본 세팅
27		- ==================================================
28		- $(".icon.home").closest("a").attr("href", "/web/main/mainPage.do");
29		-
30		- const $wraps = $(".sub_visual_nav .snb_wrap");
31		- if ($wraps.length < 2) return;
32		-
33		- const $snbDepth01 = $wraps.eq(0).find(".snb_select");
34		- const $snbDepth02 = $wraps.eq(1).find(".snb_select");
35		-
36		- if ($snbDepth01.data("init")) return;
37		- $snbDepth01.data("init", true);
38		-
39		- const params = new URLSearchParams(location.search);
40		- const proFn = params.get("proFn");
41		- const bbsId = params.get("bbsId");
42		- const pathname = location.pathname;
43		-
44		- const isCommunity = pathname.includes("/bbsWeb/");
45		- const isCommunityDetail = pathname.includes("selectBoardDetail.do");
46		-
47		- const $gnb = $(".gnb").first();
48		-
49		- ==================================================
50		- 현재 depth01 / depth02 결정
51		- ==================================================
52		- let $currentDepth01Li = $();
53		- let $currentDepth02 = $();
54		-
55		- if (isCommunity) {
56		- $currentDepth01Li = $gnb.find("> li").filter(function () {
57		- return $(this).find("> .depth01").text().trim().toLowerCase() === "community";
58		- }).first();
59		- } else if (proFn) {
60		- $currentDepth02 = $gnb.find(`.depth02[href*="proFn=${proFn}"]`).first();
61		- $currentDepth01Li = $currentDepth02.closest(".depth02_container").closest("li");
62		- }
63		-
64		- if (!$currentDepth01Li.length) {
65		- $currentDepth01Li = $gnb.find("> li").first();
66		- }
67		-
68		- const currentDepth01Text =
69		- $currentDepth01Li.find("> .depth01").text().trim();
70		-
71		- ==================================================
72		- SNB depth01 생성 (대표 링크 = 첫 depth02)
73		- ==================================================
74		- $snbDepth01.empty();
75		-
76		- $gnb.find("> li").each(function () {
77		- const text = $(this).find("> .depth01").text().trim();
78		- if (!text) return;
79		-
80		- const firstHref = $(this).find(".depth02").first().attr("href") \|\| "#";
81		- const isActive = text === currentDepth01Text;
82		-
83		- $snbDepth01.append(`
84		- <li class="${isActive ? "active" : ""}">
85		- <a href="${firstHref}">${text}</a>
86		- </li>
87		- `);
88		- });
89		-
90		- ==================================================
91		- SNB depth02 생성 + active 처리
92		- ==================================================
93		- $snbDepth02.empty();
94		-
95		- $currentDepth01Li.find(".depth02").each(function (index) {
96		- const href = $(this).attr("href");
97		- const text = $(this).text().trim();
98		-
99		- let isActive = false;
100		-
101		- if (!isCommunity && proFn) {
102		- isActive = href.includes(`proFn=${proFn}`);
	12	+ if (pageTitle === "COMPANY") {
	13	+ $container.addClass("company");
	14	+ } else if (pageTitle === "PIPELINE") {
	15	+ $container.addClass("pipeline");
	16	+ } else if (pageTitle === "PLATFORM TECHNOLOGIES") {
	17	+ $container.addClass("platform_tech");
	18	+ } else {
	19	+ $container.addClass("achievement");
103	20	}
104	21
105		- if (isCommunity && bbsId) {
106		- isActive = href.includes(`bbsId=${bbsId}`);
	22	+ // 2. 상대 경로 이미지 주소 치환 (../ -> /publish/usr/)
	23	+ $('[src]').each(function () {
	24	+ const src = $(this).attr('src');
	25	+ if (src && src.indexOf('../') === 0) {
	26	+ $(this).attr('src', src.replace(/^\.\.\//, '/publish/usr/'));
	27	+ }
	28	+ });
	29	+
	30	+ /**
	31	+ * ==========================================
	32	+ * 연혁(History) 스크롤 인터랙션
	33	+ * ==========================================
	34	+ */
	35	+ const BREAKPOINT = 1280;
	36	+
	37	+ function bindHistoryScroll() {
	38	+ // 기존 이벤트 해제 (리사이즈 시 중복 방지)
	39	+ $('.history_month').off('scroll.history');
	40	+ $(window).off('scroll.history');
	41	+
	42	+ // 모바일/태블릿 구간에서는 실행 안 함
	43	+ if ($(window).width() < BREAKPOINT) return;
	44	+
	45	+ /**
	46	+ * 1) 연혁 영역 내부 스크롤 시 연도(Year) 활성화
	47	+ */
	48	+ $('.history_month').on('scroll.history', function () {
	49	+ let currentId = null;
	50	+
	51	+ $('.month_ul').each(function () {
	52	+ // 상단 위치를 계산하여 현재 활성화된 영역 감지
	53	+ if ($(this).position().top <= 1) {
	54	+ currentId = this.id;
	55	+ }
	56	+ });
	57	+
	58	+ if (currentId) {
	59	+ $('.year_item, .month_ul').removeClass('active');
	60	+ $('#' + currentId).addClass('active'); // 월 리스트 활성화
	61	+ $('#' + currentId.replace('year_', 'year')).addClass('active'); // 연도 버튼 활성화
	62	+ }
	63	+ });
	64	+
	65	+ /**
	66	+ * 2) 윈도우 스크롤 시 연혁 영역 활성화 제어 (스티키 효과 등)
	67	+ */
	68	+ const TARGET = 719; // 활성화 기준 좌표
	69	+ const RANGE = 20; // 감지 허용 오차 범위
	70	+ const $history = $('.history_month');
	71	+
	72	+ $(window).on('scroll.history', function () {
	73	+ const scrollTop = $(this).scrollTop();
	74	+
	75	+ // 특정 스크롤 위치에 도달했을 때 클래스 부여
	76	+ if (scrollTop >= TARGET - RANGE && scrollTop <= TARGET + RANGE) {
	77	+ $history.addClass('active');
	78	+ } else {
	79	+ $history.removeClass('active');
	80	+ }
	81	+ });
107	82	}
108	83
109		- if (isCommunityDetail) {
110		- isActive = index === 1;
111		- }
	84	+ // 연혁 스크롤 이벤트 초기화
	85	+ bindHistoryScroll();
112	86
113		- $snbDepth02.append(`
114		- <li class="${isActive ? "active" : ""}">
115		- <a href="${href}">${text}</a>
116		- </li>
117		- `);
118		- });
119		-
120		- ==================================================
121		- SNB 타이틀
122		- ==================================================
123		- $wraps.eq(0).find(".snb_title").text(currentDepth01Text \|\| "메뉴");
124		-
125		- if (isCommunityDetail) {
126		- const firstText = $currentDepth01Li.find(".depth02").first().text().trim();
127		- $wraps.eq(1).find(".snb_title").text(firstText \|\| "메뉴");
128		- } else {
129		- const activeText = $snbDepth02.find("li.active a").text();
130		- $wraps.eq(1).find(".snb_title").text(activeText \|\| "메뉴");
131		- }
132		-
133		- ==================================================
134		- SNB 토글
135		- ==================================================
136		- $(".snb_title").on("click", function () {
137		- const $wrap = $(this).closest(".snb_wrap");
138		-
139		- $(".snb_wrap").not($wrap)
140		- .removeClass("active")
141		- .find(".snb_select").slideUp(200);
142		-
143		- $wrap.toggleClass("active")
144		- .find(".snb_select").stop(true, true).slideToggle(250);
145		- });
146		-
147		- ==================================================
148		- depth01 클릭 시 첫 depth02 이동
149		- ==================================================
150		- $snbDepth01.on("click", "a", function (e) {
151		- e.preventDefault();
152		- location.href = $(this).attr("href");
153		- });
154		-
155		- ==================================================
156		- 외부 클릭 시 닫기
157		- ==================================================
158		- $(document).on("click", function (e) {
159		- if (!$(e.target).closest(".snb_wrap").length) {
160		- $(".snb_wrap")
161		- .removeClass("active")
162		- .find(".snb_select")
163		- .slideUp(200);
164		- }
165		- });
166		-
	87	+ // 브라우저 리사이즈 시 대응
	88	+ $(window).on('resize', function() {
	89	+ bindHistoryScroll();
	90	+ });
167	91	});
168		-*/ (No newline at end of file)
	92	+
	93	+/**
	94	+ * 하위 메뉴 구조를 분석하여 상위 메뉴의 href 링크를 자동으로 설정
	95	+ */
	96	+function updateMenuLinks() {
	97	+ // 1. 2Depth 메뉴 링크 업데이트
	98	+ $('.depth02').each(function () {
	99	+ const $this = $(this);
	100	+ const menuText = $.trim($this.text());
	101	+
	102	+ // Selective Autophagy: 하위 메뉴가 아닌 고정 경로로 이동
	103	+ if (menuText === "Selective Autophagy") {
	104	+ $this.attr('href', '/web/content.do?proFn=999314000');
	105	+ return true; // continue
	106	+ }
	107	+
	108	+ // 하위 3Depth 중 첫 번째 유효한 링크 탐색
	109	+ const firstDepth03Href = $this.closest('li').find('.depth03').filter(function () {
	110	+ const href = $(this).attr('href');
	111	+ return href && href !== '#' && href !== '';
	112	+ }).first().attr('href');
	113	+
	114	+ if (firstDepth03Href) {
	115	+ $this.attr('href', firstDepth03Href);
	116	+ }
	117	+ });
	118	+
	119	+ // 2. 1Depth 메뉴 링크 업데이트
	120	+ $('.depth01').each(function () {
	121	+ // 하위에 업데이트된 2Depth 또는 존재하는 3Depth 중 첫 번째 유효한 링크 탐색
	122	+ const firstChildHref = $(this).closest('li').find('.depth02, .depth03').filter(function () {
	123	+ const href = $(this).attr('href');
	124	+ return href && href !== '#' && href !== '';
	125	+ }).first().attr('href');
	126	+
	127	+ if (firstChildHref) {
	128	+ $(this).attr('href', firstChildHref);
	129	+ }
	130	+ });
	131	+} (No newline at end of file)

...	...	@@ -9,22 +9,60 @@
9	9	fn_getSubMenu();
10	10	}
11	11	}
	12	+
	13	+ $(document).on("click", ".snb_title", function() {
	14	+ const $wrap = $(this).closest(".snb_wrap");
	15	+
	16	+ // 다른 열려있는 메뉴 닫기
	17	+ $(".snb_wrap").not($wrap)
	18	+ .removeClass("active")
	19	+ .find(".snb_select").slideUp(200);
	20	+
	21	+ // 클릭한 메뉴 토글
	22	+ $wrap.toggleClass("active")
	23	+ .find(".snb_select").stop(true, true).slideToggle(250);
	24	+ });
	25	+
	26	+ $(document).on("click", function (e) {
	27	+ if (!$(e.target).closest(".snb_wrap").length) {
	28	+ $(".snb_wrap")
	29	+ .removeClass("active")
	30	+ .find(".snb_select")
	31	+ .slideUp(200);
	32	+ }
	33	+ });
	34	+
	35	+
12	36	});
13	37
14	38	function fn_getSubMenu(){
15		-
16		-
17	39
18	40	var title = $('#container .sub_title').text();
19		- var subTitle = $.trim($('.content_title').text());
20		-
21		- console.log('title ::', title);
22		- console.log('subTitle ::', subTitle);
	41	+ var subTitle;
	42	+ var depth3Title = $.trim($('.content_title').text());
	43	+
	44	+ $(".header_container .depth03").each(function(idx, itm){
	45	+ let text = $.trim($(itm).text());
	46	+
	47	+ if(depth3Title === text){
	48	+ subTitle = $(itm).closest(".depth03_ul").siblings(".depth02").text();
	49	+ subTitle = $.trim(subTitle);
	50	+ return false;
	51	+ }else{
	52	+ subTitle = depth3Title;
	53	+ }
	54	+ });
	55	+
23	56
24	57	var sendData = {
25		- "depth1MenuNm" : title
26		- , "depth2MenuNm" : subTitle
	58	+ "depth1MenuNm" : title,
	59	+ "depth2MenuNm" : subTitle,
	60	+ "depth3MenuNm" : depth3Title
27	61	}
	62	+
	63	+ console.log('title ::', title);
	64	+ console.log('subTitle ::', subTitle);
	65	+ console.log('depth3Title ::', depth3Title);
28	66
29	67	$.ajax({
30	68	type: 'POST',
...	...	@@ -43,6 +81,17 @@
43	81	}
44	82	});
45	83
	84	+
	85	+ setTimeout(function(){
	86	+ $(".snb_select li a").each(function(idx,itm){
	87	+ $(".header_container .gnb a").each(function(index,item){
	88	+ var itemUrl = $(item).attr("href");
	89	+ if($(itm).text().trim() == $(item).text().trim()){
	90	+ $(itm).attr("href",itemUrl);
	91	+ }
	92	+ })
	93	+ })
	94	+ },1000)
46	95	}
47	96
48	97
...	...	@@ -52,8 +101,10 @@
52	101
53	102	const depth1List = result.depth1List \|\| []; // 데이터가 없으면 빈 배열로 초기화
54	103	const depth2List = result.depth2List \|\| [];
	104	+ const depth3List = result.depth3List \|\| [];
55	105	const selected1 = result.selectedDepth1;
56	106	const selected2 = result.selectedDepth2;
	107	+ const selected3 = result.selectedDepth3;
57	108
58	109	let html = '';
59	110
...	...	@@ -83,6 +134,18 @@
83	134	html += ' </ul>';
84	135	html += '</div>';
85	136	}
	137	+
	138	+ if (depth3List.length > 0) {
	139	+ html += '<div class="snb_wrap snb_depth03">';
	140	+ html += ` <button type="button" class="snb_title">${selected3 ? selected3.text : '메뉴'}</button>`;
	141	+ html += ' <ul class="snb_select">';
	142	+ depth3List.forEach(item => {
	143	+ html += ` <li><a href="${item.url \|\| '#'}">${item.text}</a></li>`;
	144	+ });
	145	+ html += ' </ul>';
	146	+ html += '</div>';
	147	+ }
86	148
87	149	document.querySelector('.sub_visual_nav').innerHTML = html;
	150	+
88	151	}

Delete comment