<!-- A타입 연구소 메인 -->
<!DOCTYPE html>
<!-- 연구소 A타입 레이아웃(뼈대) -->
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<meta name="description" content="한국뇌연구원 홈페이지 입니다.">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="HandheldFriendly" content="true">
	<meta name="format-detection" content="telephone=no">

	<meta property="og:title" content="">
	<meta property="og:type" content="">
	<meta property="og:url" content="">
	<meta property="og:image" content="">
	<meta property="og:description" content="한국뇌연구원 홈페이지 입니다.">

	<meta http-equiv="X-UA-Compatible" content="IE=Edge; chrome=1">

	<meta name="_csrf" content="${CSRF_TOKEN}">

	<link rel="canonical" href="">


	<title></title>


	<!-- favicon -->
	<link rel="icon" type="image/png" href="/assets/lab/typeA/images/favicon/favicon-96x96.png" sizes="96x96" />
	<link rel="icon" type="image/svg+xml" href="/assets/lab/typeA/images/favicon/favicon.svg" />
	<link rel="shortcut icon" href="/assets/images/favicon/favicon.ico" />
	<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png" />

	
	<meta property="og:type" content="website">
	<meta property="og:title" content="">
	<meta property="og:image" content="../../../assets/images/cmn/ogImg.png">
	<meta property="og:description" content="">
	<meta name="description" content="">
	


	<!-- css :: lib -->
	<!-- <link rel="stylesheet" th:href="@{/assets/lab/typeA/css/lib/jquery-ui.min.css}"> -->
	<link rel="stylesheet" href="/assets/lab/typeA/css/lib/jquery-ui-1.13.3.min.css">
	
	<link rel="stylesheet" href="/assets/lab/typeA/css/lib/swiper.min.css">
	<link rel="stylesheet" href="/assets/lab/typeA/css/lib/slick.css">


	<!-- css :: common -->
	<link rel="stylesheet" href="/assets/lab/typeA/css/cmn/reset.css">
	<link rel="stylesheet" href="/assets/lab/typeA/css/cmn/common.css">


	
	<link rel="stylesheet" href="/assets/lab/typeA/css/user/layout.css">
	<link rel="stylesheet" href="/assets/lab/typeA/css/user/main.css">
	<link rel="stylesheet" href="/assets/lab/typeA/css/user/sub.css">

	<!-- js :: lib -->
<!-- 	<script type="text/javascript" th:src="@{/assets/lab/typeA/js/lib/jquery-1.12.4.js}"></script>
	<script type="text/javascript" th:src="@{/assets/lab/typeA/js/lib/jquery-ui.min.js}"></script> -->
	
	<script type="text/javascript" src="/assets/lab/typeA/js/lib/jquery-3.7.1.min.js"></script>
	<script type="text/javascript" src="/assets/lab/typeA/js/lib/jquery-ui-1.13.3.min.js"></script>	
	
	<script type="text/javascript" src="/assets/lab/typeA/js/lib/jquery.modal.min.js"></script>
	<script type="text/javascript" src="/assets/lab/typeA/js/lib/swiper.min.js"></script>
	
	<!-- include libraries(jQuery, bootstrap) -->
	<!-- <script type="text/javascript" th:src="@{/assets/js/lib/summernote/jquery-3.5.1.min.js?${cur_date}}" /></script> -->
	
	<!-- 
		<script type="text/javascript" src="./assets/js/lib/swiper-bundle.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>	 
		<script src="https://cdn.jsdelivr.net/npm/jquery.animate-number@0.0.14/jquery.animateNumber.min.js"></script>
	-->
	<script type="text/javascript" src="/assets/lab/typeA/js/lib/jquery.waypoints.min.js"></script>
	<script type="text/javascript" src="/assets/lab/typeA/js/lib/jquery.animateNumber.min.js"></script>

	<!-- js :: common -->
	<script type="text/javascript" src="/assets/lab/typeA/js/user/design.js"></script>
	
	<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=6e40c8ffae0dec0da3815d4b047b1eee&libraries=services"></script>
</head>


<body class=" main">

	<div id="skip">
		<a href="#container" tabindex="0">본문내용 바로가기</a>
	</div>

	<header>
		<div class="hd-wrap inner">
			<div class="hd-cont flex-c-space">
				<h1 class="hd-logo">
					<a href="/sitemap.xml">
						
						
			                
			            
				        <img src="../../../assets/lab/typeA/images/cmn/hd-logo.svg"
				             alt="로고"
				             style="width: 218px; height: auto; max-height: 46px;">
					</a>
				</h1>
				<div class="hd-cont_wrap flex-h-c">
					<nav class="gnb">
						<div class="gnb-wrap">
	                        <ul class="gnb-cont flex">
	                        
	                        	<!-- HOME (고정) -->
							    <li class="gnb-li home">
							        <a href="/sitemap.xml" class="tit">HOME</a>
							    </li>
    
	                        	<!-- 1depth -->
	                            <li class="gnb-li child">
								
								    <a href="/sitemap.xml/greeting" class="tit">KBRI 소개</a>
								
								    <div class="depth-box">
								        <ul class="depth2">
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">인사말</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">기관 개요</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/org-chart">조직안내</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">CI 및 캐릭터 소개</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/map">오시는길</a>
								            </li>
								        </ul>
								    </div>
	                            </li>
	                            <li class="gnb-li child">
								
								    <a href="/sitemap.xml/neuro-intro" class="tit">연구분야</a>
								
								    <div class="depth-box">
								        <ul class="depth2">
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">뇌신경과학 연구</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">뇌질환 연구</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">융합 연구</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">전략연구</a>
								            </li>
								        </ul>
								    </div>
	                            </li>
	                            <li class="gnb-li child">
								
								    <a href="/sitemap.xml/paper" class="tit">연구성과</a>
								
								    <div class="depth-box">
								        <ul class="depth2">
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/paper">논문</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">기술</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/patent">등록특허</a>
								            </li>
								        </ul>
								    </div>
	                            </li>
	                            <li class="gnb-li child">
								
								    <a href="/sitemap.xml/str-policy" class="tit">연구지원</a>
								
								    <div class="depth-box">
								        <ul class="depth2">
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/str-policy">뇌연구정책센터</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/str-brianbank">한국뇌은행</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/str-hightech">첨단뇌연구장비센터</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/str-lab-ani">실험동물센터</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/kba">Korea Brain Academy</a>
								            </li>
								        </ul>
								    </div>
	                            </li>
	                            <li class="gnb-li child">
								
								    <a href="/sitemap.xml/academic-recruit" class="tit">KBRI 대학원 프로그램</a>
								
								    <div class="depth-box">
								        <ul class="depth2">
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/academic-recruit">학ㆍ연 협동과정</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/kbri-academic-prog">학부생 프로그램</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/academic-board">공지사항</a>
								            </li>
								        </ul>
								    </div>
	                            </li>
	                            <li class="gnb-li child">
								
								    <a href="/sitemap.xml/notice" class="tit">KBRI 소식</a>
								
								    <div class="depth-box">
								        <ul class="depth2">
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">공지사항</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">보도자료</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">견학신청</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">홍보자료</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/job-posting">채용공고</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">KBRI 우수인재 등록</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">연구원숙소 이용 안내</a>
								            </li>
								        </ul>
								    </div>
	                            </li>
	                            <li class="gnb-li child">
								
								    <a href="/sitemap.xml/info-disclosure" class="tit">정보공개</a>
								
								    <div class="depth-box">
								        <ul class="depth2">
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">정보공개</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/dis-mngt">경영공시</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml">윤리경영</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/safety">안전경영</a>
								            </li>
								            <li>
								                <a class="tit02"
								                   href="/sitemap.xml/relatives-employment">친인척 채용 현황 공개</a>
								            </li>
								        </ul>
								    </div>
	                            </li>
	                        </ul>
	                    </div>
					</nav>
					<div class="gnb-control">
                        <a href="" class="btn kbri-link type-navy" target="_blank">KBRI</a>
                        <div class="lab-wrap">
                            <button type="button" class="btn lab-btn ico ico-left type-navy">
                               LAB
                            </button>
                            <ul class="lab-list">
                                
                            </ul>
                        </div>
                        <!-- 영문 페이지 구현전까지 주석 -->
                        <!-- 
                        <div class="lang-wrap">
                            <button type="button" class="btn lang-btn ico type-line-navy">
                                <i class="ico-lang"></i>
                                KR
                            </button>
                            <ul class="lang-list">
                                <li><a href="" class="">EN</a></li>
                            </ul>
                        </div>
                         -->
                        
                         <div class="gnb-btn">
                            <button class="btn-gnb btn-control btn-border ico" type="button"><i class="ico-gnb"></i></button>
                        </div>
					</div>
				</div>
				
				
					
			</div>
		</div>
		
	</header>

	<div class="container" id="container">
		<div class="contents">

			<main>
	<!---------------------------------------------------------- s:container ----------------------------------------------------------->
	<div class="container" id="container">
		<div class="contents">

			<main>
				<section class="main-banner">
					<div class="main-banner__wrap">
                        <div class="main-banner__slide swiper-container">
				            <div class="swiper-wrapper">
				
				                

				                
				                <!-- 기본 배너 (데이터 없을 때) -->
						        <div class="swiper-slide">
						
						            <div class="main-banner__img">
						                <img src="../../../assets/lab/typeA/images/user/main/banner-img.png"
						                     alt="메인 배너">
						            </div>
						
						        </div>
				
				            </div>
				        </div>
                        <div class="main-banner__control">
                            <button type="button" class="swiper-btn swiper-prev" title="이전"><i class="ico ico-left"></i></button>
                            <button type="button" class="swiper-btn swiper-next" title="다음"><i class="ico ico-right"></i></button>
                            <div class="swiper-pagination"></div>
                            
                        </div>
                       
					
					</div>
					<!-- e: main-banner__wrap -->

				
				</section>
				<!-- e: main-banner -->

                <div class="main-section_wrap">
                    <section class="main-sect01">
					    <div class="inner">
					        <div class="sect01-wrap flex">
					            <div class="sect01-l">
					                <div class="main-tit__wrap">
					                    <div class="main-tit">
					                        <h2>논문 및 연구성과</h2>
					                    </div>
					                </div>
					
					                <div class="flex-c-space">
					                    <div class="main-banner__control">
					                        <button type="button" class="swiper-btn swiper-prev" title="이전">
					                            <i class="ico ico-left"></i>
					                        </button>
					                        <button type="button" class="swiper-btn swiper-next" title="다음">
					                            <i class="ico ico-right"></i>
					                        </button>
					                    </div>
					                    <div class="detail-btn">
					                        <!-- 논문 게시판으로 이동 -->
					                        <a href="/sitemap.xml/publication" class="btn">
					                            <i class="ico ico-detail"></i>
					                        </a>
					                    </div>
					                </div>
					            </div>
					
					            <div class="sect01-r">
					                <div class="sect01-slide">
					                    <div class="swiper-container">
					                        <div class="swiper-wrapper">
					
					                            <!-- 논문 반복 -->
					                            
					
					                            <!-- 데이터 없을 때 -->
					                            <div class="swiper-slide type-purple01">
					                                <div class="sect01-slide__txt">
					                                    <p>등록된 논문이 없습니다.</p>
					                                </div>
					                            </div>
					
					                        </div>
					                    </div>
					                </div>
					            </div>
					        </div>
					    </div>
					</section>
					<!-- e: main-sect01 -->

                    <!-- e: main-sect01 -->

                    <section class="main-sect02">
					
					    <div class="inner">
					        <div class="main-tit__wrap">
					            <div class="main-tit">
					            <!-- 
					                <h2 th:text="${viewModel.mainBoard1.boardName}">
					                    연구활동
					                </h2>
					                
					             -->
					                <h2>
					                    연구활동
					                </h2>
					            </div>
					        </div>
					
					        <ul class="activity-list">

					            <li>
					            <!-- <span th:text="${sitePath}"></span>  -->
					                <a href="/sitemap.xml/posts/9549"
					                   class="activity-item">
					
					                    <!-- 이미지 영역 : 갤러리형일 때만 -->
					                    
					
					                    <!-- 콘텐츠 -->
					                    <div class="activity-cont">
					                        <div class="tit text-over2">26년 지진안전주간 홍보</div>
					                        <div class="date">2026.10.16</div>
					                    </div>
					
					                    <div class="activity-btn">
					                        <i class="ico ico-link"></i>
					                    </div>
					
					                </a>
					            </li>

					            <li>
					            <!-- <span th:text="${sitePath}"></span>  -->
					                <a href="/sitemap.xml/posts/9558"
					                   class="activity-item">
					
					                    <!-- 이미지 영역 : 갤러리형일 때만 -->
					                    
					
					                    <!-- 콘텐츠 -->
					                    <div class="activity-cont">
					                        <div class="tit text-over2">26년 안전한국훈련 기간홍보</div>
					                        <div class="date">2026.10.01</div>
					                    </div>
					
					                    <div class="activity-btn">
					                        <i class="ico ico-link"></i>
					                    </div>
					
					                </a>
					            </li>

					            <li>
					            <!-- <span th:text="${sitePath}"></span>  -->
					                <a href="/sitemap.xml/posts/9556"
					                   class="activity-item">
					
					                    <!-- 이미지 영역 : 갤러리형일 때만 -->
					                    
					
					                    <!-- 콘텐츠 -->
					                    <div class="activity-cont">
					                        <div class="tit text-over2">2026년 8월 민방위훈련 안내</div>
					                        <div class="date">2026.08.06</div>
					                    </div>
					
					                    <div class="activity-btn">
					                        <i class="ico ico-link"></i>
					                    </div>
					
					                </a>
					            </li>

					            <li>
					            <!-- <span th:text="${sitePath}"></span>  -->
					                <a href="/sitemap.xml/posts/9547"
					                   class="activity-item">
					
					                    <!-- 이미지 영역 : 갤러리형일 때만 -->
					                    
					
					                    <!-- 콘텐츠 -->
					                    <div class="activity-cont">
					                        <div class="tit text-over2">한국뇌연구원 홈페이지 개인정보 처리방침, 고정형 영상정보처리기기 설치·운영 방침 변경 안내</div>
					                        <div class="date">2026.07.02</div>
					                    </div>
					
					                    <div class="activity-btn">
					                        <i class="ico ico-link"></i>
					                    </div>
					
					                </a>
					            </li>

					            <li>
					            <!-- <span th:text="${sitePath}"></span>  -->
					                <a href="/sitemap.xml/posts/9554"
					                   class="activity-item">
					
					                    <!-- 이미지 영역 : 갤러리형일 때만 -->
					                    
					
					                    <!-- 콘텐츠 -->
					                    <div class="activity-cont">
					                        <div class="tit text-over2">26년 집중안전점검 카드뉴스</div>
					                        <div class="date">2026.04.13</div>
					                    </div>
					
					                    <div class="activity-btn">
					                        <i class="ico ico-link"></i>
					                    </div>
					
					                </a>
					            </li>

					            <li>
					            <!-- <span th:text="${sitePath}"></span>  -->
					                <a href="/sitemap.xml/posts/9555"
					                   class="activity-item">
					
					                    <!-- 이미지 영역 : 갤러리형일 때만 -->
					                    
					
					                    <!-- 콘텐츠 -->
					                    <div class="activity-cont">
					                        <div class="tit text-over2">한국뇌연구원 개인정보보호 내부 관리계획 개정 공표</div>
					                        <div class="date">2026.03.24</div>
					                    </div>
					
					                    <div class="activity-btn">
					                        <i class="ico ico-link"></i>
					                    </div>
					
					                </a>
					            </li>
					
					        </ul>
					    </div>
					</section>
                    <!-- e: main-sect02 -->
<!-- 일단 연구소 이력 없앰 26.02.25. 
                    <section class="main-sect03">
                        <div class="inner">
                            <div class="main-tit__wrap">
                                <div class="main-tit">
                                    <h2>연구이력</h2>
                                </div>
                            </div>
                            <ul class="history-list">
                                <li th:each="item : ${viewModel.careerList}"
                					th:if="${item.histDcd == 'CMS19.CAR'}">
                                    <div class="history-date"
					                     th:text="${item.endYear == 9999 
					                                ? item.startYear + '~' 
					                                : item.startYear + '~' + item.endYear}">2013~
					                </div>
                                    <div class="history-cont">
                                        <div class="tit" th:text="${item.institutionName}">Korea Brain Research Institute</div>
                                        <div class="cont">
                                            <p class="cont01" th:text="${item.positionTitle}">Principal Researcher</p>
                                            <p class="cont02"
					                           th:if="${item.researchField != null and item.researchField != ''}"
					                           th:text="'(' + item.researchField + ')'">(Development and Aging)</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </section>
-->
                    <!-- e: main-sect03 -->

                </div>
				 

			</main>
		


		</div>

			

	</div>
	<!---------------------------------------------------------- e:container ----------------------------------------------------------->
	<script nonce="inqGEuNOOiXcrJhk0hCjlg==">
		document.addEventListener("DOMContentLoaded", function () {
		
		  // control 클릭 방해 제거
		  document.querySelectorAll(".main-banner__control").forEach(ctrl => {
		    ctrl.style.pointerEvents = "none";
		  });
		  document.querySelectorAll(
		    ".main-banner__control .swiper-btn, .main-banner__control .swiper-pagination"
		  ).forEach(el => {
		    el.style.pointerEvents = "auto";
		  });
		
		  // 배너 클릭 처리
		  document.querySelectorAll(".swiper-slide[data-link-type]").forEach(slide => {
		    const link   = slide.querySelector(".banner__link");
		    const type   = slide.dataset.linkType;
		    const url    = slide.dataset.linkUrl;
		    const postId = slide.dataset.refPostId;
		    const sitePath = slide.dataset.sitePath;
		
		    if (!link) return;
		
		    link.addEventListener("click", function (e) {
		      e.preventDefault();
		
		      if (type === "CMS21.URL" && url) {
		    	  window.open(url, "_blank", "noopener,noreferrer");
		      } else if (type === "CMS21.BOARD" && postId) {
		    	  location.href = "/" + sitePath + "/posts/" + postId;
		      }
		    });
		  });
		
		});
	</script>

	
</main>

		</div>
	</div>
	<div class="aside"></div>
	
	<footer>

		<div class="ft-info">
            


			<div class="copyright">
                COPYRIGHT Korea Brain Research Institute. ALL RIGHTS RESERVED.
            </div>		
    
		</div>
	
	</footer>

	
<!--         jQuery 먼저 로드 (common.js보다 먼저 로드되어야 함)
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        
        Bootstrap JavaScript 라이브러리 (dropdown 함수를 위해 필요)
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> -->
        
        <!-- 공통 스크립트 -->
        <script type="text/javascript" src="/assets/js/lib/common.js" defer="defer"></script>
    
	

</body>
</html>


