/* =========================================================================
   1. 디자인 토큰 및 변수 설정
   ========================================================================= */
:root{
  --navy-900: #0B2545;   
  --navy-700: #13315C;   
  --blue-500: #2E6FA3;   
  --point-cyan: #00B4D8;
  --ink-900:  #1B2431;   
  --ink-500:  #5B6B7C;   
  --paper:    #FFFFFF;   
  --paper-2:  #F6F8FB;   
  --line:     #DCE3EC;   

  --font-display: 'Source Serif 4', 'Noto Serif KR', serif;
  --font-body: 'Inter', 'Noto Sans KR', sans-serif;

  --container: 1140px;
  --nav-height: 90px; /* 로고가 커짐에 따라 내비게이션 바 전체 높이를 기존 76px에서 90px로 확장 */
}

*{ margin:0; padding:0; box-sizing:border-box; }
body{
  font-family: var(--font-body);
  color: var(--ink-900);
  background: var(--paper);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
img{ max-width:100%; display:block; }
a{ text-decoration:none; color:inherit; cursor: pointer; }
ul{ list-style:none; }
.container{ max-width: var(--container); margin:0 auto; padding:0 24px; width: 100%; }

h1,h2,h3,h4{ font-family: var(--font-display); color: var(--navy-900); }

/* =========================================================================
   2. 상단 고정 네비게이션 바 & 드롭다운 시스템
   ========================================================================= */
.navbar{
  position:fixed; top:0; left:0; width:100%; height:var(--nav-height);
  background: #070A11;
  border-bottom:1px solid #1E293B;
  z-index:1000;
}
.nav-inner{
  max-width: var(--container); margin:0 auto; padding:0 24px; height:100%;
  display:flex; align-items:center; justify-content:space-between;
}
.brand{ 
  display:flex; 
  align-items:center; 
  height: 100%;
  padding: 5px 0; /* 위아래 미세 여백 추가 */
}

/* 어두운 배경에서 시원하고 뚜렷하게 보이도록 로고 사이즈 대폭 확대 조절 */
.brand-logo{ 
  height: 70px; /* 기존 52px -> 예시 이미지 비율에 맞춰 70px로 확대 */
  width: auto;
  object-fit: contain;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.brand:hover .brand-logo {
  transform: scale(1.02); /* 마우스 올렸을 때 미세하게 강조 처리 */
  opacity: 0.9;
}

.nav-menu{ display:flex; gap:6px; align-items:center; }

/* 드롭다운 부모 컨테이너 */
.nav-item-dropdown { position: relative; display: inline-block; }

.nav-menu a.nav-link{
  display: block; padding:10px 14px; font-size:17px; font-weight:600; color:#94A3B8;
  border-radius:6px; position:relative; transition:all .2s ease;
}
.nav-menu a.nav-link:hover, .nav-menu .nav-item-dropdown:hover > a.nav-link, .nav-menu a.nav-link.active{ color:#FFFFFF; }
.nav-menu a.nav-link.active::after{
  content:""; position:absolute; left:14px; right:14px; bottom:2px; height:3px;
  background: var(--point-cyan); border-radius:2px;
}

/* 드롭다운 하위 메뉴 항목 목록 정의 */
.dropdown-menu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px);
  background: #0F172A; border: 1px solid #1E293B; border-radius: 8px;
  min-width: 140px; padding: 6px 0; opacity: 0; visibility: hidden;
  transition: all 0.2s ease; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3);
}
.nav-item-dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.dropdown-menu a {
  display: block; padding: 10px 16px; font-size: 14px; font-weight: 500; color: #94A3B8; transition: all 0.2s;
}
.dropdown-menu a:hover { background: #1E293B; color: #FFFFFF; }

.nav-toggle{ display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; }
.nav-toggle span{ width:24px; height:2px; background:#FFFFFF; border-radius:2px; }

/* =========================================================================
   3. 서브페이지 공통 프레임 및 고정 배너
   ========================================================================= */
.page-content {
  display: none; 
  flex: 1;
  background: var(--paper-2);
}
.page-content.active-page {
  display: block !important;
}

.subpage-hero-banner {
  height: 40vh; 
  width: 100%;
  background: 
    linear-gradient(to bottom, rgba(7, 10, 17, 0.8) 0%, rgba(7, 10, 17, 0.5) 100%),
    url('../images/hero-bg.jpg') no-repeat center center / cover;
  display: flex;
  align-items: center;
  border-bottom: 3px solid var(--navy-900);
}
.subpage-hero-banner .banner-title-wrap {
  padding: 0 24px; max-width: var(--container); margin: 0 auto; width: 100%;
}
.subpage-hero-banner .banner-eyebrow {
  font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color: var(--point-cyan); margin-bottom:4px;
}
.subpage-hero-banner h2 {
  font-size:36px; font-weight:700; color:#FFFFFF;
}
.subpage-hero-banner h2 em { font-style: normal; color: var(--point-cyan); }

.subpage-body-container {
  padding: 48px 0 80px;
  background: var(--paper-2); 
}

.tab-panel { display: none; }
.tab-panel.active-panel { display: block; animation: tabFadeIn 0.3s ease-in-out; }

@keyframes tabFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* =========================================================================
   4. HOME 섹션
   ========================================================================= */
.hero{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: var(--nav-height);
  background:
    linear-gradient(to right, rgba(7, 10, 17, 0.95) 25%, rgba(7, 10, 17, 0.3) 100%),
    url('../images/hero-bg.jpg') no-repeat center left / cover;
}
.hero .container {
  padding-left: 0;
  margin-left: max(16px, calc((100vw - var(--container)) / 2 - 16px));
}
.hero-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; 
  gap: 40px;
}
.hero-main-intro { max-width: 820px; text-align: left; }
.hero-eyebrow{
  font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color: var(--point-cyan); margin-bottom:12px;
}
.hero h1{
  font-size:44px; line-height:1.3; font-weight:700; color: #FFFFFF; margin-bottom:16px;
}
.hero h1 em{ font-style:normal; color: var(--point-cyan); }
.hero .slogan{ font-size:17px; color: #E5E7EB; font-weight: 500; }

.home-highlights-box {
  width: 100%;
  max-width: 640px; 
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-left: 5px solid var(--point-cyan);
  border-radius: 10px;
  padding: 24px;
}
.home-highlights-box h3 {
  font-size: 14px; font-weight: 700; color: #FFFFFF; margin-bottom: 14px;
  letter-spacing: 0.05em; display: flex; align-items: center; gap: 6px;
}
.home-highlights-box h3::before { content: '●'; color: var(--point-cyan); font-size: 10px; }
.home-news-list { display: flex; flex-direction: column; gap: 12px; }
.home-news-item { font-size: 14px; color: #E5E7EB; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }
.home-news-item .date { color: var(--point-cyan); font-weight: 600; flex-shrink: 0; }

/* =========================================================================
   5. 서브페이지 내부 콘텐츠 컴포넌트 스타일
   ========================================================================= */
/* Research 컴포넌트 */
.research-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.research-card{
  background: var(--paper); border:1px solid var(--line); border-radius:14px; overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.research-card:hover{ transform:translateY(-6px); box-shadow:0 24px 40px -22px rgba(11,37,69,0.1); border-color: var(--point-cyan); }
.research-thumb{
  height:190px; background: #E9F1F8; display:flex; align-items:center; justify-content:center;
  color:var(--navy-700); font-size:13px; font-weight:600; overflow:hidden;
}
.research-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.research-body{ padding:26px; }
.research-body h3{ font-size:19px; margin-bottom:10px; font-weight:600; color: var(--navy-900); }
.research-body p{ font-size:14.5px; color:var(--ink-500); }

/* Principal Investigator 컴포넌트 */
.professor-card{
  display:grid; grid-template-columns:240px 1fr; gap:44px;
  background: var(--paper); border:1px solid var(--line); border-radius:16px; padding:36px;
}
.professor-photo{
  width:100%; aspect-ratio:3/4; border-radius:12px; background: #E5E7EB;
  display:flex; align-items:center; justify-content:center; color:var(--ink-500); font-size:13px;
}
.professor-info h3{ font-size:24px; margin-bottom:4px; color: var(--navy-900); }
.professor-info .title{ color:var(--blue-500); font-weight:600; font-size:14.5px; margin-bottom:22px; }
.professor-meta{ display:grid; grid-template-columns:1fr 1fr; gap:10px 30px; margin-bottom:22px; border-top: 1px solid var(--line); padding-top: 16px;}
.professor-meta li{ font-size:14.5px; color: var(--ink-900); }
.professor-meta li b{ color:var(--navy-900); font-weight:600; margin-right:6px; }
.professor-info h4{ font-size:14.5px; color:var(--navy-900); margin:18px 0 8px; border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.professor-edu li{ font-size:14px; color:var(--ink-900); padding:4px 0 4px 16px; position:relative; }
.professor-edu li::before{ content:"–"; position:absolute; left:0; color: var(--blue-500); }


/* PI 프로필 이미지 표시 설정 */
.professor-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
}

/* Member 컴포넌트 */
.member-block { margin-bottom: 48px; }
.member-subtitle { font-size: 20px; font-weight: 700; color: var(--navy-900); margin-bottom: 16px; display: inline-block; border-bottom: 2px solid var(--navy-900); padding-bottom: 4px;}
.member-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.member-card{
  border:1px solid var(--line); border-radius:14px; padding:22px; text-align:center;
  background: var(--paper); transition:box-shadow .2s ease, transform .2s ease;
}
.member-card:hover{ box-shadow:0 18px 30px -18px rgba(11,37,69,0.1); transform:translateY(-4px); border-color: var(--point-cyan); }
.member-photo{
  width:88px; height:88px; border-radius:50%; margin:0 auto 16px;
  background: #E5E7EB; display:flex; align-items:center; justify-content:center; color: var(--ink-500); font-size:12px;
}
.member-card h4{ font-size:16px; margin-bottom:3px; color:var(--navy-900); }
.member-card .track{ font-size:12.5px; color: var(--blue-500); font-weight:600; margin-bottom:10px; }
.member-card .email{ font-size:12.5px; color:var(--ink-500); margin-bottom:8px; word-break:break-all; }

/* Publications 리스트 */
.pub-list li{ font-size:15px; color:var(--ink-900); padding:16px 0; border-bottom:1px dashed var(--line); display:flex; gap:14px; }
.pub-num{ color:var(--blue-500); font-weight:700; font-size:14px; flex-shrink:0; width:26px; }
.pub-text .title{ font-weight:500; margin-bottom:4px; color: var(--ink-900); }
.pub-text .meta{ font-size:13.5px; color:var(--ink-500); }

/* Board 리스트 및 갤러리 */
.board-list li { background: var(--paper); padding: 16px 20px; border-radius: 8px; border: 1px solid var(--line); margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; }
.board-title { font-size: 15px; font-weight: 500; color: var(--ink-900); }
.board-date { font-size: 13px; color: var(--ink-500); }

.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.gallery-item { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
.gallery-img-thumb { height: 160px; background: #E5E7EB; display: flex; align-items: center; justify-content: center; color: var(--ink-500); font-size:14px; }
.gallery-caption { padding: 14px; font-size: 14px; text-align: center; font-weight: 500; color: var(--navy-900); border-top: 1px solid var(--line); }

/* Contact 컴포넌트 */
.contact-wrap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; }
.contact-info li{ display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--line); }
.contact-icon{ width:40px; height:40px; border-radius:10px; background: #E9F1F8; color:var(--blue-500); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:16px; }
.contact-info b{ display:block; font-size:13px; color:var(--ink-500); margin-bottom:4px; }
.contact-info span{ font-size:15.5px; color:var(--navy-900); font-weight:500; }
.map-box{ width:100%; min-height:360px; border-radius:14px; overflow:hidden; border:1px solid var(--line); background: var(--paper); }
.map-box iframe{ width:100%; height:100%; min-height:360px; border:0; }

footer{ background: #070A11; color: #94A3B8; text-align:center; padding:34px 0; font-size:13.5px; border-top: 1px solid #1E293B; margin-top: auto; }

/* 반응형 설정 */
@media (max-width: 900px){
  .research-grid, .member-grid, .gallery-grid, .contact-wrap { grid-template-columns: 1fr; }
  .professor-card { grid-template-columns: 1fr; }
  .hero .container { margin-left: 16px; padding-right: 16px; }
  
  .dropdown-menu { position: static; transform: none; opacity: 1; visibility: visible; display: none; background: #131C2E; box-shadow: none; padding-left: 14px; border: none; }
  .nav-item-dropdown.open .dropdown-menu { display: block; }
}
@media (max-width: 720px){
  :root {
    --nav-height: 76px; /* 모바일 디바이스에서는 컴팩트한 상단바 유지를 위해 높이 재조정 */
  }
  .brand-logo {
    height: 52px; /* 모바일 레이아웃에 맞춰 로고 크기 축소 */
  }
  .nav-menu{
    position:fixed; top:var(--nav-height); left:0; right:0; background: #070A11;
    flex-direction:column; align-items:stretch; padding:12px; gap:2px;
    border-bottom:1px solid #1E293B; transform:translateY(-8px); opacity:0; pointer-events:none; transition:all .2s ease;
    max-height: calc(100vh - var(--nav-height)); overflow-y: auto;
  }
  .nav-menu.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
  .nav-toggle{ display:flex; }
  .hero h1{ font-size:28px; }
}

/* =========================================================================
   Principal Investigator 상세 프로필 스타일
   ========================================================================= */
.pi-profile-card{
  background: var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  padding:34px;
  box-shadow:0 18px 40px -30px rgba(11,37,69,0.35);
}
.pi-top{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:48px;
  align-items:center;
  padding-bottom:28px;
}
.pi-photo-wrap{
  background:#F4F7FB;
  border:1px solid #E5EAF1;
  border-radius:10px;
  padding:0;
  overflow:hidden;
  box-shadow:0 8px 22px -18px rgba(11,37,69,0.35);
}
.pi-photo{
  width:100%;
  height:230px;
  object-fit:cover;
  object-position:center top;
}
.pi-summary h3{
  font-size:28px;
  line-height:1.25;
  margin-bottom:6px;
  color:var(--navy-900);
}
.pi-title{
  font-size:15px;
  font-weight:700;
  color:#1B5FAE;
  margin-bottom:22px;
}
.pi-title span{
  color:#94A3B8;
  margin:0 8px;
}
.pi-contact-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:18px;
}
.pi-contact-list li{
  display:grid;
  grid-template-columns:24px 92px 1fr;
  gap:10px;
  align-items:start;
  font-size:14px;
  color:var(--ink-900);
}
.pi-contact-list b{
  color:var(--navy-700);
  font-size:13px;
}
.pi-contact-icon{
  width:20px;
  height:20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1B5FAE;
  font-size:13px;
  font-weight:700;
}
.pi-link-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.pi-profile-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 14px;
  border:1px solid #8FB2E8;
  border-radius:7px;
  color:#1B5FAE;
  background:#FFFFFF;
  font-size:13px;
  font-weight:700;
  box-shadow:0 4px 12px -10px rgba(27,95,174,0.55);
}
.pi-profile-link:hover{
  background:#F3F7FF;
  border-color:#1B5FAE;
}
.pi-section{
  border-top:1px solid var(--line);
  padding-top:26px;
  margin-top:24px;
}
.pi-section h4{
  font-family:var(--font-body);
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:800;
  color:var(--navy-900);
  margin-bottom:18px;
}
.pi-section-icon{
  color:#1B5FAE;
  font-size:16px;
}
.pi-timeline{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:22px;
  padding-left:12px;
}
.pi-timeline::before{
  content:"";
  position:absolute;
  left:10px;
  top:8px;
  bottom:8px;
  width:2px;
  background:#D7E0ED;
}
.pi-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:150px 1fr;
  gap:28px;
  padding-left:24px;
}
.pi-timeline-item::before{
  content:"";
  position:absolute;
  left:4px;
  top:8px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#1B5FAE;
  border:3px solid #FFFFFF;
  box-shadow:0 0 0 1px #BFD2EF;
}
.pi-year{
  font-size:14px;
  font-weight:800;
  color:var(--navy-700);
}
.pi-detail b{
  display:block;
  font-size:15px;
  color:var(--ink-900);
  margin-bottom:3px;
}
.pi-detail span{
  display:block;
  font-size:14px;
  color:var(--ink-500);
}
.pi-awards-section{
  margin-bottom:4px;
}

@media (max-width: 900px){
  .pi-profile-card{ padding:24px; }
  .pi-top{ grid-template-columns:1fr; gap:24px; }
  .pi-photo{ height:auto; max-height:360px; }
  .pi-contact-list li{ grid-template-columns:24px 78px 1fr; }
  .pi-timeline-item{ grid-template-columns:110px 1fr; gap:18px; }
}
@media (max-width: 600px){
  .pi-summary h3{ font-size:23px; }
  .pi-contact-list li{ grid-template-columns:22px 1fr; }
  .pi-contact-list li span:last-child{ grid-column:2; }
  .pi-timeline-item{ grid-template-columns:1fr; gap:4px; }
}


/* =========================================================================
   추가 수정: PI 사진 전체 표시, PI Office 한 줄 표시, Members 사진 연결
   ========================================================================= */
.pi-photo{
  height:260px;
  object-fit:contain;
  object-position:center center;
  background:#FFFFFF;
}
.pi-office-nowrap{
  white-space:nowrap;
}
.member-photo{
  overflow:hidden;
}
.member-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border-radius:50%;
}

@media (max-width: 900px){
  .pi-office-nowrap{ white-space:normal; }
}


/* =========================================================================
   추가 수정: 메뉴 드롭다운 폭 / 상단 배너 제목 통일 / Members 사진 직사각형 / Alumni
   ========================================================================= */

/* People 드롭다운의 Principal Investigator가 한 줄로 보이도록 폭 조정 */
.dropdown-menu{
  min-width: 210px;
}
.dropdown-menu a{
  white-space: nowrap;
}

/* 모든 서브페이지 상단 제목 색상과 글씨 양식 통일 */
.subpage-hero-banner h2,
.subpage-hero-banner h2 em{
  color:#FFFFFF;
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 700;
}

/* Members 사진: 원형이 아닌 직사각형, 이미지 전체 표시 */
.member-photo{
  width:150px;
  height:190px;
  border-radius:10px;
  margin:0 auto 16px;
  background:#FFFFFF;
  border:1px solid #E5EAF1;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--ink-500);
  font-size:12px;
}
.member-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  border-radius:0;
  background:#FFFFFF;
}

/* Alumni 입력용 틀 */
.alumni-block{
  margin-top:54px;
}
.alumni-card{
  border-style:dashed;
}
.alumni-photo{
  background:#F4F7FB;
  color:#8A97A8;
}

@media (max-width: 720px){
  .dropdown-menu{
    min-width: 100%;
  }
  .member-photo{
    width:140px;
    height:178px;
  }
}


/* =========================================================================
   추가 수정: PI Affiliation 색상 및 ORCID 버튼
   ========================================================================= */
.pi-affiliation-item{
  align-items:start;
}
.pi-affiliation-content{
  line-height:1.55;
}
.kims-green{
  color:#009A44;
  font-weight:800;
}
.ku-crimson{
  color:#8B0029;
  font-weight:800;
}
.orcid-link{
  gap:6px;
}
.orcid-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#A6CE39;
  color:#FFFFFF;
  font-size:11px;
  font-weight:800;
  letter-spacing:-0.02em;
}
@media (max-width: 900px){
  .pi-affiliation-content br{ display:block; }
}


/* =========================================================================
   추가 수정: Google Scholar / ResearchGate 아이콘, Affiliation 줄바꿈, PI 사진 비율
   ========================================================================= */
.google-scholar-icon,
.researchgate-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:4px;
  margin-right:6px;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.google-scholar-icon{
  color:#FFFFFF;
  background:#4285F4;
  font-family:Arial, sans-serif;
}
.researchgate-icon{
  color:#FFFFFF;
  background:#00CCBB;
  font-family:Arial, sans-serif;
  letter-spacing:-0.08em;
}
.pi-affiliation-content .kims-green{
  display:inline-block;
}
.pi-photo-wrap{
  width:260px;
  max-width:100%;
  aspect-ratio:302 / 395;
  align-self:start;
  margin:0 auto;
}
.pi-photo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#FFFFFF;
}
.pi-top{
  grid-template-columns:280px 1fr;
  align-items:start;
}
@media (max-width: 900px){
  .pi-photo-wrap{
    width:260px;
  }
  .pi-top{
    grid-template-columns:1fr;
  }
}


/* =========================================================================
   추가 수정: Google Scholar / ResearchGate 실제 이미지 아이콘 적용
   ========================================================================= */
.profile-link-icon{
  width:18px;
  height:18px;
  object-fit:contain;
  object-position:center center;
  display:inline-block;
  margin-right:6px;
  flex-shrink:0;
}
.researchgate-img-icon{
  width:18px;
  height:18px;
}
.pi-profile-link{
  gap:0;
}


/* =========================================================================
   추가 수정: ResearchGate 첨부 이미지 적용 및 ORCID 간격 조정
   ========================================================================= */
.researchgate-img-icon{
  width:18px;
  height:18px;
  object-fit:contain;
  object-position:center center;
}
.orcid-icon{
  margin-right:6px;
}


/* =========================================================================
   Publications Papers: Main author / Co-author 구분 제목
   ========================================================================= */
.publication-category-title{
  display:inline-block;
  margin:10px 0 14px;
  padding-bottom:4px;
  border-bottom:2px solid var(--navy-900);
  color:var(--navy-900);
  font-size:18px;
  font-weight:800;
}
.coauthor-title{
  margin-top:42px;
}
.publication-detail-list .title{
  line-height:1.65;
}


/* =========================================================================
   추가 수정: Board News 기사 이미지 카드 / Publications 강조 표시
   ========================================================================= */
.news-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:26px;
}
.news-image-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 14px 30px -26px rgba(11,37,69,0.35);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.news-image-card:hover{
  transform:translateY(-4px);
  border-color:var(--point-cyan);
  box-shadow:0 20px 36px -28px rgba(11,37,69,0.42);
}
.news-image-wrap{
  width:100%;
  background:#F4F7FB;
  border-bottom:1px solid var(--line);
}
.news-image-wrap img{
  width:100%;
  height:360px;
  object-fit:contain;
  object-position:center top;
  background:#FFFFFF;
}
.news-card-body{
  padding:18px 20px 20px;
}
.news-card-date{
  color:var(--blue-500);
  font-size:13px;
  font-weight:800;
  margin-bottom:6px;
}
.news-card-body h3{
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.45;
  font-weight:800;
  color:var(--navy-900);
}
.pi-name-highlight{
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.journal-name{
  font-weight:800;
  color:#1B5FAE;
}
@media (max-width: 1200px){
  .news-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px){
  .news-card-grid{
    grid-template-columns:1fr;
  }
  .news-image-wrap img{
    height:auto;
    max-height:420px;
  }
}


/* =========================================================================
   추가 수정: Contact 전화번호 / Awards 이름 강조 / PI 타임라인 점 정렬
   ========================================================================= */
.contact-info li{
  align-items:center;
}
.pi-awards-section .pi-name-highlight{
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.pi-timeline-item::before{
  width:9px;
  height:9px;
  left:5px;
  top:0.85em;
  transform:translateY(-50%);
  border:2px solid #FFFFFF;
}
.pi-year{
  line-height:1.4;
}


/* =========================================================================
   추가 수정: Board Gallery 이미지 카드 및 썸네일 전환
   ========================================================================= */
.gallery-grid{
  grid-template-columns:repeat(2, 1fr);
  align-items:start;
}
.gallery-carousel-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,0.02);
}
.gallery-main-image-wrap{
  width:100%;
  height:360px;
  background:#F4F7FB;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.gallery-main-image{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#F4F7FB;
}
.gallery-thumb-row{
  display:flex;
  gap:8px;
  padding:10px 12px;
  border-top:1px solid var(--line);
  background:#FFFFFF;
  overflow-x:auto;
}
.gallery-thumb{
  flex:0 0 86px;
  height:64px;
  border:2px solid transparent;
  border-radius:8px;
  padding:0;
  background:#F4F7FB;
  overflow:hidden;
  cursor:pointer;
  transition:border-color .2s ease, transform .2s ease;
}
.gallery-thumb:hover,
.gallery-thumb.active{
  border-color:var(--point-cyan);
  transform:translateY(-1px);
}
.gallery-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.gallery-caption{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px;
  text-align:left;
}
.gallery-caption b{
  font-size:15px;
  color:var(--navy-900);
}
.gallery-caption span{
  font-size:13px;
  color:var(--ink-500);
  line-height:1.45;
}
@media (max-width:900px){
  .gallery-grid{
    grid-template-columns:1fr;
  }
  .gallery-main-image-wrap{
    height:300px;
  }
}
@media (max-width:600px){
  .gallery-main-image-wrap{
    height:240px;
  }
  .gallery-thumb{
    flex-basis:72px;
    height:54px;
  }
}


/* =========================================================================
   추가 수정: Board News 기사 링크 / Gallery 접힘형 카드
   ========================================================================= */
.news-link-card{
  display:block;
  color:inherit;
}
.news-link-card:hover h3{
  color:#1B5FAE;
  text-decoration:underline;
  text-underline-offset:3px;
}
.news-link-hint{
  margin-top:8px;
  font-size:12.5px;
  font-weight:700;
  color:#1B5FAE;
}
.gallery-grid{
  grid-template-columns:repeat(2, 1fr);
  align-items:start;
}
.gallery-expand-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,0.02);
}
.gallery-summary-button{
  width:100%;
  padding:0;
  border:0;
  background:#FFFFFF;
  cursor:pointer;
  text-align:left;
  display:block;
}
.gallery-summary-thumb{
  width:100%;
  height:220px;
  background:#F4F7FB;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gallery-summary-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.gallery-summary-meta{
  padding:14px 16px;
  border-top:1px solid var(--line);
}
.gallery-date{
  font-size:12.5px;
  font-weight:700;
  color:#1B5FAE;
  margin-bottom:4px;
}
.gallery-summary-meta h3{
  font-family:var(--font-body);
  font-size:16px;
  font-weight:800;
  color:var(--navy-900);
  margin-bottom:4px;
}
.gallery-open-text{
  font-size:12.5px;
  color:var(--ink-500);
  font-weight:600;
}
.gallery-detail{
  display:none;
  padding:14px 16px 18px;
  border-top:1px solid var(--line);
  background:#FFFFFF;
}
.gallery-expand-card.open .gallery-detail{
  display:block;
}
.gallery-description{
  font-size:13.5px;
  color:var(--ink-500);
  margin-bottom:12px;
  line-height:1.55;
}
.gallery-detail-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
}
.gallery-detail-grid img{
  width:100%;
  height:160px;
  object-fit:cover;
  object-position:center center;
  border-radius:8px;
  background:#F4F7FB;
  border:1px solid var(--line);
}
.gallery-expand-card[data-gallery="busan-workshop-2026"] .gallery-detail-grid{
  grid-template-columns:1fr;
}
.gallery-expand-card[data-gallery="busan-workshop-2026"] .gallery-detail-grid img{
  height:260px;
  object-fit:contain;
}
@media (max-width:900px){
  .gallery-grid{
    grid-template-columns:1fr;
  }
  .gallery-summary-thumb{
    height:260px;
  }
  .gallery-detail-grid{
    grid-template-columns:1fr;
  }
  .gallery-detail-grid img{
    height:auto;
    max-height:420px;
    object-fit:contain;
  }
}
@media (max-width:600px){
  .gallery-summary-thumb{
    height:210px;
  }
}


/* =========================================================================
   추가 수정: PI 타임라인 점 크기/정렬, Gallery 상세 화면 전환
   ========================================================================= */
.pi-timeline-item::before{
  width:7px;
  height:7px;
  left:6px;
  top:0.72em;
  transform:translateY(-50%);
  border:2px solid #FFFFFF;
}
.pi-year{
  line-height:1.44;
}

.gallery-summary-grid{
  grid-template-columns:repeat(2, 1fr);
}
.gallery-summary-card{
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.gallery-summary-card:hover,
.gallery-summary-card:focus{
  transform:translateY(-4px);
  border-color:var(--point-cyan);
  box-shadow:0 20px 36px -28px rgba(11,37,69,0.42);
  outline:none;
}
.gallery-summary-card .gallery-summary-thumb{
  width:100%;
  height:240px;
  background:#F4F7FB;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.gallery-summary-card .gallery-summary-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.gallery-summary-card .gallery-summary-meta{
  padding:16px 18px 18px;
}
.gallery-summary-card .gallery-summary-meta h3{
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.45;
  font-weight:800;
  color:var(--navy-900);
}
.gallery-detail-view{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:14px;
  padding:24px;
  box-shadow:0 14px 34px -28px rgba(11,37,69,0.42);
}
.gallery-back-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  padding:8px 14px;
  border:1px solid #8FB2E8;
  border-radius:7px;
  background:#FFFFFF;
  color:#1B5FAE;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.gallery-back-button:hover{
  background:#F3F7FF;
  border-color:#1B5FAE;
}
.gallery-detail-panel{
  width:100%;
}
.gallery-detail-heading{
  margin-bottom:18px;
}
.gallery-detail-heading h3{
  font-family:var(--font-body);
  font-size:22px;
  font-weight:800;
  color:var(--navy-900);
  margin:3px 0 8px;
}
.gallery-detail-heading p{
  font-size:14.5px;
  color:var(--ink-500);
}
.gallery-modal-image-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
.gallery-modal-image-grid.single-image{
  grid-template-columns:1fr;
}
.gallery-modal-image-grid img{
  width:100%;
  max-height:520px;
  object-fit:contain;
  object-position:center center;
  background:#F4F7FB;
  border:1px solid var(--line);
  border-radius:10px;
}
@media (max-width: 900px){
  .gallery-summary-grid,
  .gallery-modal-image-grid{
    grid-template-columns:1fr;
  }
  .gallery-summary-card .gallery-summary-thumb{
    height:220px;
  }
}


/* =========================================================================
   추가 수정: Gallery 3열 썸네일 / 상세 사진 확대 / Back 버튼 화살표 / PI 타임라인 재정렬
   ========================================================================= */
/* Gallery 목록: 한 줄에 3항목씩 보이도록 카드 가로폭 축소 */
.gallery-summary-grid{
  grid-template-columns:repeat(3, 1fr) !important;
  gap:22px !important;
}
.gallery-summary-card .gallery-summary-thumb{
  height:170px !important;
}
.gallery-summary-card .gallery-summary-meta{
  padding:13px 15px 15px !important;
}
.gallery-summary-card .gallery-summary-meta h3{
  font-size:15.5px !important;
}

/* Gallery 상세 화면: 사진을 크게, 세로형 직사각형 박스로 표시 */
.gallery-detail-view{
  padding:24px 28px 34px !important;
}
.gallery-modal-image-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:22px !important;
  max-width:760px;
  margin:0 auto;
}
.gallery-modal-image-grid.single-image{
  grid-template-columns:1fr !important;
}
.gallery-modal-image-grid img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#F4F7FB;
  border:1px solid var(--line);
  border-radius:10px;
}

/* Back to Gallery 문구 제거 후 화살표 버튼만 표시 */
.gallery-back-button{
  width:38px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:50% !important;
  font-size:22px !important;
  line-height:1 !important;
}

/* PI 프로필 타임라인: 파란 동그라미 크기 축소 및 날짜와 세로 중앙 정렬 */
.pi-timeline-item{
  align-items:start !important;
}
.pi-year{
  display:flex !important;
  align-items:center !important;
  min-height:18px !important;
  line-height:1.25 !important;
  padding-top:0 !important;
}
.pi-timeline-item::before{
  width:6px !important;
  height:6px !important;
  left:7px !important;
  top:9px !important;
  transform:translateY(-50%) !important;
  border:2px solid #FFFFFF !important;
  box-shadow:0 0 0 1px #BFD2EF !important;
}
.pi-timeline::before{
  left:11px !important;
}

@media (max-width: 900px){
  .gallery-summary-grid{
    grid-template-columns:repeat(2, 1fr) !important;
  }
  .gallery-summary-card .gallery-summary-thumb{
    height:165px !important;
  }
  .gallery-modal-image-grid{
    max-width:100%;
  }
}
@media (max-width: 600px){
  .gallery-summary-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================================
   추가 수정: PI 타임라인 단일 동그라미 및 날짜/내용 세로 중앙 정렬
   ========================================================================= */
.pi-timeline-item{
  align-items:center !important;
}
.pi-timeline-item::before{
  width:7px !important;
  height:7px !important;
  left:7px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:#1B5FAE !important;
  border:none !important;
  box-shadow:none !important;
}
.pi-year{
  display:flex !important;
  align-items:center !important;
  min-height:100%;
  line-height:1.35;
}
@media (max-width: 600px){
  .pi-year{
    min-height:auto;
  }
}


/* =========================================================================
   추가 수정: Board News 카드 7개 최신순 / 2열 정렬
   ========================================================================= */
.news-card-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:26px;
}
.news-link-card{
  display:block;
}
.news-image-wrap img{
  width:100%;
  height:360px;
  object-fit:contain;
  object-position:center top;
  background:#FFFFFF;
}
.news-link-hint{
  margin-top:10px;
  color:#1B5FAE;
  font-size:12.5px;
  font-weight:700;
}
@media (max-width: 900px){
  .news-card-grid{ grid-template-columns:1fr; }
  .news-image-wrap img{ height:auto; max-height:460px; }
}


/* =========================================================================
   추가 수정: ResearchGate 로고 교체 / Awards 정리
   ========================================================================= */
.researchgate-img-icon{
  width:18px;
  height:18px;
  object-fit:contain;
  object-position:center center;
  background:#FFFFFF;
}


/* =========================================================================
   추가 수정: Research 상세 화면 및 Publications 논문 링크 버튼
   ========================================================================= */
.research-summary-card{
  cursor:pointer;
}
.research-summary-card:focus{
  outline:2px solid var(--point-cyan);
  outline-offset:3px;
}
.research-detail-view{
  margin-top:28px;
}
.research-back-button{
  width:38px;
  height:38px;
  border:1px solid #8FB2E8;
  border-radius:50%;
  background:#FFFFFF;
  color:#1B5FAE;
  font-size:22px;
  font-weight:800;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  margin-bottom:18px;
  box-shadow:0 8px 18px -15px rgba(27,95,174,0.6);
}
.research-back-button:hover{
  background:#F3F7FF;
  border-color:#1B5FAE;
}
.research-detail-panel{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:14px;
  padding:28px;
  box-shadow:0 16px 34px -28px rgba(11,37,69,0.35);
}
.research-detail-heading h3{
  font-size:24px;
  margin-bottom:10px;
  color:var(--navy-900);
}
.research-detail-heading p,
.research-detail-description{
  font-size:15px;
  color:var(--ink-500);
  line-height:1.7;
}
.research-detail-image-box{
  min-height:360px;
  margin:22px 0 16px;
  border:1px solid #D8E4F5;
  border-radius:12px;
  background:#F4F7FB;
  color:#6B7A8D;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:700;
  overflow:hidden;
}
.research-detail-image-box img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  display:block;
}
.publication-detail-list li{
  align-items:flex-start;
}
.paper-link-button{
  flex:0 0 auto;
  margin-left:auto;
  align-self:center;
  padding:6px 11px;
  border:1px solid #8FB2E8;
  border-radius:6px;
  color:#1B5FAE;
  background:#FFFFFF;
  font-size:12px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 4px 12px -10px rgba(27,95,174,0.55);
}
.paper-link-button:hover{
  background:#F3F7FF;
  border-color:#1B5FAE;
}
@media (max-width:720px){
  .publication-detail-list li{
    flex-wrap:wrap;
  }
  .paper-link-button{
    margin-left:40px;
    margin-top:8px;
  }
}


/* =========================================================================
   최종 수정: Board News 3열 정렬 / Research 업로드 이미지 썸네일
   ========================================================================= */
.news-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}
.news-image-wrap img{
  height:300px;
  object-fit:contain;
  object-position:center top;
}
.research-thumb{
  height:190px;
  overflow:hidden;
  background:#E9F1F8;
}
.research-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.research-detail-image-box{
  min-height:360px;
  overflow:hidden;
  border:1px solid #D8E4F5;
}
.research-detail-image-box img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:center center;
  display:block;
}
@media (max-width: 1100px){
  .news-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px){
  .news-card-grid{
    grid-template-columns:1fr;
  }
  .news-image-wrap img{
    height:auto;
    max-height:420px;
  }
}



/* =========================================================================
   추가 수정: 상단 로고/밝은 배너, 홈 메인 텍스트, Research 바로가기
   ========================================================================= */
.navbar{
  background: rgba(248, 250, 253, 0.96);
  border-bottom: 1px solid #D9E3EE;
  box-shadow: 0 10px 28px -24px rgba(15, 23, 42, 0.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.brand{
  padding: 6px 0;
}
.brand-logo{
  height: 62px;
  width: auto;
  object-fit: contain;
}
.nav-menu a.nav-link{
  color: #334155;
}
.nav-menu a.nav-link:hover,
.nav-menu .nav-item-dropdown:hover > a.nav-link,
.nav-menu a.nav-link.active{
  color: #0F3D91;
}
.dropdown-menu{
  background: #FFFFFF;
  border: 1px solid #D9E3EE;
  box-shadow: 0 16px 36px -24px rgba(15, 23, 42, 0.22);
}
.dropdown-menu a{
  color: #334155;
}
.dropdown-menu a:hover{
  background: #EFF6FF;
  color: #0F3D91;
}
.nav-toggle span{
  background:#334155;
}

.hero{
  min-height: 100vh;
  background:
    linear-gradient(to right, rgba(249, 250, 252, 0.97) 0%, rgba(249, 250, 252, 0.90) 38%, rgba(249, 250, 252, 0.46) 62%, rgba(249, 250, 252, 0.10) 100%),
    url('../images/hero-bg.jpg') no-repeat center center / cover;
}
.hero .container{
  padding-left: 0;
  margin-left: max(20px, calc((100vw - var(--container)) / 2 - 8px));
}
.hero-inner{
  gap: 34px;
}
.hero-main-intro{
  max-width: 780px;
}
.hero-korean-tag{
  display: inline-flex;
  align-items:center;
  min-height: 30px;
  padding: 5px 12px;
  border-radius: 4px;
  background: #072A68;
  color: #FFFFFF;
  letter-spacing: 0;
  text-transform: none;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 18px;
}
.hero h1{
  font-size: clamp(52px, 7vw, 78px);
  line-height: 1.02;
  font-weight: 800;
  color: #0B2A5B;
  margin-bottom: 12px;
  letter-spacing: -0.03em;
}
.hero .slogan.hero-english-name{
  max-width: 520px;
  font-size: 24px;
  line-height: 1.35;
  color: #16396D;
  font-weight: 500;
}
.home-research-shortcuts{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top: 28px;
}
.research-shortcut-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 185px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.88);
  border: 1px solid #D8E4F5;
  border-radius: 14px;
  box-shadow: 0 18px 36px -28px rgba(11,37,69,0.35);
  color:#0F172A;
  cursor:pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  text-align:left;
}
.research-shortcut-card:hover{
  transform: translateY(-3px);
  border-color:#3B82F6;
  box-shadow: 0 22px 38px -26px rgba(11,37,69,0.40);
}
.shortcut-icon{
  width: 44px;
  height: 44px;
  flex-shrink:0;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, #0B4FB3, #0B2A5B);
  color:#FFFFFF;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
}
.shortcut-text{
  font-size: 13px;
  line-height: 1.45;
  color:#0F172A;
  font-weight:700;
}
.home-highlights-box {
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(11, 79, 179, 0.12);
  border-left: 5px solid #0B4FB3;
  box-shadow: 0 22px 38px -32px rgba(11,37,69,0.32);
}
.home-highlights-box h3,
.home-news-item,
.home-highlights-box p{
  color:#0F172A;
}
.home-news-item .date,
.home-highlights-box h3::before {
  color:#0B4FB3;
}

@media (max-width: 960px){
  .brand-logo{
    height: 56px;
  }
  .hero{
    background:
      linear-gradient(to bottom, rgba(249, 250, 252, 0.96) 0%, rgba(249, 250, 252, 0.88) 52%, rgba(249, 250, 252, 0.70) 100%),
      url('../images/hero-bg.jpg') no-repeat center center / cover;
  }
  .hero h1{
    font-size: clamp(42px, 10vw, 62px);
  }
  .hero .slogan.hero-english-name{
    font-size: 20px;
    max-width: 100%;
  }
}
@media (max-width: 720px){
  .hero-inner{
    gap: 24px;
  }
  .hero-korean-tag{
    font-size: 12px;
  }
  .research-shortcut-card{
    width: 100%;
    min-width: 0;
  }
}


/* =========================================================================
   Additional refinement requested by user: transparent logo, slimmer navbar,
   updated hero image, no navy tag background, improved research shortcut cards
   ========================================================================= */
.navbar {
  padding: 8px 0;
  min-height: 70px;
}
.nav-inner {
  min-height: 54px;
}
.brand {
  display: flex;
  align-items: center;
  padding: 0;
}
.brand-logo {
  height: 46px;
  width: auto;
  object-fit: contain;
  display: block;
}
.nav-menu {
  gap: 20px;
}
.nav-menu a.nav-link {
  padding: 8px 0;
}
.hero {
  background:
    linear-gradient(to right, rgba(248, 249, 251, 0.94) 0%, rgba(248, 249, 251, 0.92) 34%, rgba(248, 249, 251, 0.64) 56%, rgba(248, 249, 251, 0.10) 100%),
    url('../images/hero-main-updated.jpg') no-repeat center center / cover;
}
.hero-korean-tag {
  background: transparent !important;
  color: #12346A;
  padding: 0;
  min-height: auto;
  border-radius: 0;
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hero h1 {
  margin-bottom: 10px;
}
.hero .slogan.hero-english-name {
  max-width: 620px;
}
.home-research-shortcuts {
  margin-top: 26px;
  gap: 16px;
  max-width: 900px;
}
.research-shortcut-card.image-card {
  flex: 1 1 240px;
  min-width: 235px;
  max-width: 275px;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(255,255,255,0.92);
  border: 1px solid #D8E1EC;
  box-shadow: 0 18px 36px -28px rgba(15, 23, 42, 0.38);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  position: relative;
}
.research-shortcut-card.image-card:hover {
  transform: translateY(-4px);
}
.research-shortcut-thumb {
  display: block;
  width: 100%;
  height: 120px;
  overflow: hidden;
  border-bottom: 1px solid #E5EDF7;
}
.research-shortcut-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.shortcut-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 14px 16px 18px;
}
.shortcut-kicker {
  font-size: 11px;
  font-weight: 700;
  color: #3B82F6;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.shortcut-title {
  font-size: 16px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.3;
}
.shortcut-subtitle {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  line-height: 1.4;
}
.shortcut-arrow {
  position: absolute;
  right: 14px;
  bottom: 16px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFF6FF;
  color: #0F3D91;
  font-size: 16px;
  font-weight: 700;
}
.shortcut-icon,
.shortcut-text {
  display: none !important;
}
.home-highlights-box {
  background: rgba(255,255,255,0.78);
}
@media (max-width: 960px) {
  .navbar {
    min-height: 64px;
    padding: 6px 0;
  }
  .brand-logo {
    height: 40px;
  }
  .nav-menu {
    gap: 14px;
  }
  .research-shortcut-card.image-card {
    max-width: none;
  }
}
@media (max-width: 720px) {
  .hero {
    background:
      linear-gradient(to bottom, rgba(248,249,251,0.94) 0%, rgba(248,249,251,0.88) 55%, rgba(248,249,251,0.72) 100%),
      url('../images/hero-main-updated.jpg') no-repeat center center / cover;
  }
  .hero-korean-tag {
    font-size: 13px;
  }
  .home-research-shortcuts {
    gap: 14px;
  }
  .research-shortcut-thumb {
    height: 132px;
  }
}


/* =========================================================================
   Home hero refinement update
   ========================================================================= */
.navbar {
  padding: 5px 0 !important;
  min-height: 62px !important;
  background: rgba(255,255,255,0.96) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}
.nav-inner {
  min-height: 48px !important;
}
.brand-logo {
  height: 42px !important;
}
.nav-menu a.nav-link {
  padding: 6px 0 !important;
}
.hero {
  position: relative;
  min-height: 720px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(7,14,28,0.88) 0%, rgba(12,20,36,0.80) 28%, rgba(18,28,46,0.54) 45%, rgba(12,19,32,0.18) 68%, rgba(12,19,32,0.08) 100%),
    url('../images/hero-main-updated.jpg') no-repeat center center / cover !important;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00));
  pointer-events: none;
}
.hero .container.hero-inner {
  position: relative;
  z-index: 1;
}
.hero-inner {
  min-height: 640px;
  display: flex;
  align-items: center;
}
.hero-main-intro {
  width: min(760px, 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.hero-korean-tag {
  background: transparent !important;
  color: #20C8FF !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase;
  margin-bottom: 14px !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.2);
}
.hero-lab-title,
.hero h1.hero-lab-title {
  margin: 0 0 14px !important;
  font-family: 'Source Serif 4', 'Noto Serif KR', serif;
  font-size: clamp(54px, 6.3vw, 74px) !important;
  line-height: 0.95;
  font-weight: 800 !important;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  text-shadow: 0 4px 18px rgba(0,0,0,0.28);
}
.hero-lab-title sup {
  font-size: 0.46em;
  top: -0.6em;
  position: relative;
}
.hero-lab-title .iam-text { color: inherit; }
.hero .slogan.hero-english-name {
  max-width: 700px;
  font-size: clamp(24px, 2.1vw, 34px);
  line-height: 1.25;
  font-weight: 700;
  color: #F8FAFC;
  margin: 0 0 32px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.18);
}
.hero-centered-highlights {
  width: min(640px, 100%);
  align-self: center;
  margin: 0 auto 28px;
  background: rgba(255,255,255,0.10) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-left: 4px solid #18C4FF !important;
  box-shadow: 0 18px 50px -28px rgba(0,0,0,0.46);
}
.hero-centered-highlights h3 {
  color: #FFFFFF !important;
  font-size: 15px !important;
  margin-bottom: 12px !important;
}
.hero-centered-highlights .home-news-item {
  color: #E5E7EB !important;
}
.hero-centered-highlights .home-news-item .date {
  color: #12D2FF !important;
  font-weight: 800 !important;
}
.home-research-shortcuts.simple-shortcuts {
  margin-top: 2px !important;
  width: min(760px, 100%);
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
}
.research-shortcut-card.simple-icon-card {
  min-width: 0 !important;
  max-width: none !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 14px 30px -24px rgba(0,0,0,0.55) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  overflow: visible !important;
}
.research-shortcut-card.simple-icon-card:hover {
  background: rgba(255,255,255,0.18) !important;
  transform: translateY(-3px);
}
.simple-icon-badge {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(24,196,255,0.14);
  border: 1px solid rgba(24,196,255,0.28);
  color: #48D8FF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.simple-icon-badge svg {
  width: 26px;
  height: 26px;
  display: block;
}
.research-shortcut-card.simple-icon-card .shortcut-content {
  padding: 0 !important;
  gap: 3px !important;
}
.research-shortcut-card.simple-icon-card .shortcut-title {
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25;
}
.research-shortcut-card.simple-icon-card .shortcut-subtitle {
  color: rgba(255,255,255,0.78) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.research-shortcut-card.simple-icon-card .shortcut-kicker,
.research-shortcut-card.simple-icon-card .shortcut-arrow,
.research-shortcut-card.simple-icon-card .research-shortcut-thumb,
.research-shortcut-card.simple-icon-card .shortcut-icon,
.research-shortcut-card.simple-icon-card .shortcut-text {
  display: none !important;
}
@media (max-width: 1100px) {
  .hero {
    min-height: 680px;
  }
  .hero-inner {
    min-height: 600px;
  }
  .home-research-shortcuts.simple-shortcuts {
    grid-template-columns: 1fr;
    max-width: 520px;
  }
  .hero-centered-highlights {
    width: min(520px, 100%);
  }
}
@media (max-width: 768px) {
  .navbar {
    min-height: 58px !important;
  }
  .brand-logo {
    height: 38px !important;
  }
  .hero {
    min-height: 760px;
    background:
      linear-gradient(180deg, rgba(7,14,28,0.88) 0%, rgba(12,20,36,0.76) 38%, rgba(14,21,34,0.54) 100%),
      url('../images/hero-main-updated.jpg') no-repeat 70% center / cover !important;
  }
  .hero-korean-tag {
    font-size: 13px !important;
    letter-spacing: 0.06em !important;
  }
  .hero .slogan.hero-english-name {
    font-size: 20px;
  }
  .hero-centered-highlights {
    margin-bottom: 22px;
    padding: 20px;
  }
}


/* =========================================================================
   Final requested home refinements
   - slimmer bright navbar
   - darker hero, no bottom white line
   - navy Korean label, correct IAM2 text, smaller English line
   - remove Recent Highlights block
   - compact icon-only lab highlights strip
   ========================================================================= */
:root{
  --nav-height: 54px;
}
.navbar{
  height:54px !important;
  min-height:54px !important;
  padding:0 !important;
  background:rgba(255,255,255,0.97) !important;
  border-bottom:1px solid rgba(203,213,225,0.70) !important;
  box-shadow:0 1px 10px rgba(15,23,42,0.06) !important;
}
.nav-inner{
  min-height:54px !important;
  height:54px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.brand-logo{
  height:34px !important;
  max-height:34px !important;
}
.nav-menu{
  gap:18px !important;
}
.nav-menu a.nav-link{
  font-size:15px !important;
  padding:5px 0 !important;
}
.dropdown-menu{
  top:calc(100% + 0px) !important;
}
.hero{
  min-height:calc(100vh - 0px) !important;
  padding-top:54px !important;
  background:
    linear-gradient(90deg, rgba(7,12,24,0.92) 0%, rgba(10,17,31,0.86) 31%, rgba(16,24,38,0.60) 48%, rgba(11,18,30,0.25) 70%, rgba(11,18,30,0.12) 100%),
    url('../images/hero-main-updated.jpg') no-repeat center center / cover !important;
  border-bottom:0 !important;
}
.hero::after{
  display:none !important;
  content:none !important;
}
#home-page,
#home-page.page-content,
body:has(#home-page.active-page){
  background:#070C18 !important;
}
.hero-inner{
  min-height:calc(100vh - 54px) !important;
  justify-content:center !important;
}
.hero-main-intro{
  width:min(760px, 100%) !important;
}
.hero-korean-tag{
  color:#12346A !important;
  background:transparent !important;
  padding:0 !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:0.04em !important;
  text-transform:none !important;
  text-shadow:0 1px 8px rgba(255,255,255,0.16) !important;
}
.hero-lab-title,
.hero h1.hero-lab-title{
  font-family:'Inter','Noto Sans KR',sans-serif !important;
  font-size:clamp(58px, 6.8vw, 84px) !important;
  line-height:0.96 !important;
  font-weight:900 !important;
  letter-spacing:-0.055em !important;
  color:#F8FAFC !important;
  text-shadow:
    0 2px 0 rgba(255,255,255,0.10),
    0 8px 24px rgba(0,0,0,0.40) !important;
}
.hero-lab-title::first-letter{
  color:#FFFFFF;
}
.hero .slogan.hero-english-name{
  font-size:clamp(18px, 1.45vw, 24px) !important;
  line-height:1.28 !important;
  font-weight:650 !important;
  color:#E5EAF2 !important;
  margin-bottom:30px !important;
}
.hero-centered-highlights,
.home-highlights-box.hero-centered-highlights{
  display:none !important;
}
.home-research-shortcuts.simple-shortcuts.lab-highlights-strip{
  width:min(760px, 100%) !important;
  margin:34px 0 0 !important;
  padding:22px 24px 20px !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  position:relative !important;
  border:1px solid rgba(26,134,255,0.65) !important;
  border-radius:10px !important;
  background:rgba(2,18,45,0.56) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,202,255,0.08),
    0 20px 44px -30px rgba(0,0,0,0.65) !important;
}
.lab-highlights-title{
  position:absolute;
  top:-15px;
  left:22px;
  padding:0 8px;
  background:#071122;
  color:#5BA7FF;
  font-size:13px;
  font-weight:800;
  letter-spacing:0.06em;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item{
  min-width:0 !important;
  max-width:none !important;
  height:76px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  border-right:1px solid rgba(86,145,215,0.22) !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item:last-child{
  border-right:0 !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item:hover{
  transform:none !important;
  background:rgba(66,153,225,0.10) !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item .simple-icon-badge{
  width:46px !important;
  height:46px !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  color:#8CB8FF !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item .simple-icon-badge svg{
  width:42px !important;
  height:42px !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item .shortcut-content,
.research-shortcut-card.simple-icon-card.lab-highlight-item .shortcut-title,
.research-shortcut-card.simple-icon-card.lab-highlight-item .shortcut-subtitle,
.research-shortcut-card.simple-icon-card.lab-highlight-item .shortcut-kicker,
.research-shortcut-card.simple-icon-card.lab-highlight-item .shortcut-arrow,
.research-shortcut-card.simple-icon-card.lab-highlight-item .research-shortcut-thumb{
  display:none !important;
}
footer{
  border-top:0 !important;
}
@media (max-width:900px){
  .home-research-shortcuts.simple-shortcuts.lab-highlights-strip{
    grid-template-columns:1fr !important;
    padding:18px 18px !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item{
    border-right:0 !important;
    border-bottom:1px solid rgba(86,145,215,0.22) !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item:last-child{
    border-bottom:0 !important;
  }
}


/* =========================================================================
   Final polish update: slightly taller navbar, clearer logo/title,
   and better-matched Research icon cards with concise text
   ========================================================================= */
:root{
  --nav-height: 58px;
}
.navbar{
  height:58px !important;
  min-height:58px !important;
  padding:0 !important;
  background:rgba(255,255,255,0.97) !important;
}
.nav-inner{
  height:58px !important;
  min-height:58px !important;
}
.brand-logo{
  height:38px !important;
  max-height:38px !important;
}
.nav-menu a.nav-link{
  font-size:15.5px !important;
  padding:7px 0 !important;
}
.hero{
  padding-top:58px !important;
}
.hero-inner{
  min-height:calc(100vh - 58px) !important;
}
.hero-korean-tag{
  color:#0B2A5B !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:0.05em !important;
  text-shadow:
    0 0 12px rgba(255,255,255,0.16),
    0 2px 12px rgba(0,0,0,0.30) !important;
}
.hero-lab-title,
.hero h1.hero-lab-title{
  display:inline-block !important;
  padding:2px 0 6px !important;
  font-family:'Inter','Noto Sans KR',sans-serif !important;
  font-size:clamp(68px, 7.6vw, 98px) !important;
  line-height:0.92 !important;
  font-weight:950 !important;
  letter-spacing:-0.065em !important;
  color:#FFFFFF !important;
  -webkit-text-stroke:0.6px rgba(255,255,255,0.28);
  text-shadow:
    0 2px 0 rgba(46,132,255,0.42),
    0 0 20px rgba(0,199,255,0.24),
    0 10px 34px rgba(0,0,0,0.60) !important;
}
.hero-lab-title::after{
  content:'';
  display:block;
  width:72%;
  height:3px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg, #1E6DEB 0%, #18C4FF 48%, rgba(255,255,255,0.12) 100%);
  box-shadow:0 0 18px rgba(24,196,255,0.28);
}
.hero .slogan.hero-english-name{
  font-size:clamp(19px, 1.55vw, 25px) !important;
  font-weight:700 !important;
  color:#F1F5F9 !important;
  margin-top:8px !important;
}
.home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
  width:min(820px,100%) !important;
  margin-top:36px !important;
  padding:24px 26px 22px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  background:linear-gradient(180deg, rgba(3,18,45,0.70), rgba(4,14,32,0.60)) !important;
  border:1px solid rgba(45,146,255,0.68) !important;
  border-radius:12px !important;
  box-shadow:
    inset 0 0 0 1px rgba(99,179,255,0.08),
    0 18px 48px -28px rgba(0,0,0,0.70) !important;
}
.lab-highlights-title{
  top:-15px !important;
  left:24px !important;
  background:#071122 !important;
  color:#61A8FF !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
  height:104px !important;
  padding:0 20px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border-right:1px solid rgba(102,158,229,0.22) !important;
  background:transparent !important;
  transition:background .2s ease, transform .2s ease !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item:hover{
  background:rgba(55,145,245,0.10) !important;
  transform:translateY(-2px) !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge{
  width:42px !important;
  height:42px !important;
  color:#8DBDFF !important;
  background:transparent !important;
  border:0 !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge svg{
  width:38px !important;
  height:38px !important;
}
.highlight-text-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:3px !important;
  text-align:center !important;
}
.highlight-title{
  display:block !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  color:#FFFFFF !important;
  letter-spacing:-0.02em !important;
}
.highlight-subtitle{
  display:block !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  color:rgba(226,238,255,0.74) !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .shortcut-content,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .shortcut-title,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .shortcut-subtitle,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .shortcut-kicker,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .shortcut-arrow,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .research-shortcut-thumb{
  display:none !important;
}
@media (max-width:900px){
  .home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
    grid-template-columns:1fr !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
    border-right:0 !important;
    border-bottom:1px solid rgba(102,158,229,0.22) !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item:last-child{
    border-bottom:0 !important;
  }
}


/* =========================================================================
   Final requested adjustment: navbar + hero label + subtitle + research box
   ========================================================================= */

/* 상단 메뉴 배너: 이전보다 확실히 1mm 정도 높게 보이도록 px 값 재조정 */
:root{
  --nav-height: 62px;
}
.navbar{
  height:62px !important;
  min-height:62px !important;
  padding:0 !important;
  background:rgba(255,255,255,0.98) !important;
  border-bottom:1px solid rgba(203,213,225,0.82) !important;
  box-shadow:0 1px 12px rgba(15,23,42,0.07) !important;
}
.nav-inner{
  height:62px !important;
  min-height:62px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.brand{
  height:62px !important;
  display:flex !important;
  align-items:center !important;
}
.brand-logo{
  height:42px !important;
  max-height:42px !important;
  width:auto !important;
  object-fit:contain !important;
}
.nav-menu a.nav-link{
  font-size:15.5px !important;
  padding:8px 0 !important;
}
.dropdown-menu{
  top:100% !important;
}

/* 메인 화면 */
.hero{
  padding-top:62px !important;
}
.hero-inner{
  min-height:calc(100vh - 62px) !important;
}
.hero-main-intro{
  width:min(740px, 100%) !important;
}

/* 좌측 한글 연구실명: 더 잘 보이도록 색/크기/두께 보정 */
.hero-korean-tag{
  color:#D9E9FF !important;
  font-size:17px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  letter-spacing:0.045em !important;
  text-transform:none !important;
  margin-bottom:14px !important;
  text-shadow:
    0 2px 8px rgba(0,0,0,0.50),
    0 0 18px rgba(30,109,235,0.34) !important;
}

/* 연구실 이름 가독성 보강 */
.hero-lab-title,
.hero h1.hero-lab-title{
  color:#FFFFFF !important;
  font-size:clamp(70px, 7.8vw, 100px) !important;
  line-height:0.92 !important;
  font-weight:950 !important;
  letter-spacing:-0.06em !important;
  text-shadow:
    0 2px 0 rgba(30,109,235,0.45),
    0 0 20px rgba(24,196,255,0.23),
    0 10px 34px rgba(0,0,0,0.62) !important;
}

/* 영문 연구실명: 요청한 문구 기준, 크기 추가 축소 */
.hero .slogan.hero-english-name{
  font-size:clamp(17px, 1.35vw, 22px) !important;
  line-height:1.30 !important;
  font-weight:650 !important;
  color:#EAF1FA !important;
  margin-bottom:22px !important;
}

/* Research 박스: 전체 크기 축소 + 왼쪽 하단 쪽으로 이동 */
.home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
  width:min(620px, 100%) !important;
  max-width:620px !important;
  margin-top:46px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  padding:16px 18px 15px !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  border-radius:10px !important;
  border:1px solid rgba(83,157,255,0.48) !important;
  background:linear-gradient(180deg, rgba(4,20,48,0.42), rgba(5,15,34,0.36)) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  box-shadow:
    inset 0 0 0 1px rgba(130,190,255,0.05),
    0 16px 38px -30px rgba(0,0,0,0.68) !important;
}
.lab-highlights-title{
  top:-13px !important;
  left:18px !important;
  padding:0 7px !important;
  background:#071122 !important;
  color:#78B7FF !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:0.065em !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
  height:78px !important;
  padding:0 10px !important;
  gap:5px !important;
  border-right:1px solid rgba(118,170,235,0.18) !important;
  background:transparent !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item:hover{
  background:rgba(85,160,255,0.10) !important;
  transform:translateY(-1px) !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge{
  width:30px !important;
  height:30px !important;
  color:#9AC5FF !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge svg{
  width:29px !important;
  height:29px !important;
}
.highlight-text-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:2px !important;
}
.highlight-title{
  display:block !important;
  font-size:12.8px !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  color:#FFFFFF !important;
  letter-spacing:-0.02em !important;
}
.highlight-subtitle{
  display:block !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  color:rgba(226,238,255,0.66) !important;
}

/* 이전에 남아 있을 수 있는 숨김 규칙을 최종적으로 덮어쓰기 */
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .highlight-text-wrap,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .highlight-title,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .highlight-subtitle{
  display:flex !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .highlight-title,
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .highlight-subtitle{
  display:block !important;
}

@media (max-width:900px){
  .navbar{
    height:60px !important;
    min-height:60px !important;
  }
  .nav-inner,
  .brand{
    height:60px !important;
    min-height:60px !important;
  }
  .brand-logo{
    height:38px !important;
  }
  .hero{
    padding-top:60px !important;
  }
  .home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
    width:min(460px, 100%) !important;
    grid-template-columns:1fr !important;
    padding:16px !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
    height:70px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(118,170,235,0.18) !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    padding:0 14px !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item:last-child{
    border-bottom:0 !important;
  }
  .highlight-text-wrap{
    align-items:flex-start !important;
    text-align:left !important;
  }
}



/* ======================================================================
   User final tuning: home hero like reference, smaller title and cards
   ====================================================================== */

/* Home hero stays visually same as the attached reference */
.hero{
  min-height:100vh !important;
  background:
    linear-gradient(90deg, rgba(3,11,24,0.88) 0%, rgba(8,20,40,0.78) 28%, rgba(15,23,42,0.42) 55%, rgba(15,23,42,0.10) 100%),
    url('../images/hero-bg.jpg') no-repeat center center / cover !important;
}
.hero-inner{
  min-height:calc(100vh - 62px) !important;
  display:flex !important;
  align-items:center !important;
}
.hero-main-intro{
  width:min(780px, 100%) !important;
}
.hero-korean-tag{
  background:transparent !important;
  padding:0 !important;
  min-height:auto !important;
  color:#DCEAFF !important;
  font-size:17px !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
  text-transform:none !important;
  margin-bottom:16px !important;
  text-shadow:0 3px 16px rgba(0,0,0,0.28) !important;
}
.hero-lab-title,
.hero h1.hero-lab-title{
  font-family:'Inter', 'Pretendard', 'Noto Sans KR', sans-serif !important;
  font-size:clamp(66px, 7.1vw, 94px) !important; /* about 2pt smaller */
  line-height:0.94 !important;
  font-weight:900 !important;
  letter-spacing:-0.055em !important;
  color:#FFFFFF !important;
  margin:0 0 12px !important;
  text-shadow:0 8px 28px rgba(0,0,0,0.28) !important;
}
.hero-lab-title::after{
  width:58% !important;
  height:4px !important;
  margin-top:12px !important;
  background:linear-gradient(90deg, #3B82F6 0%, #6AAEFF 45%, rgba(255,255,255,0.10) 100%) !important;
  box-shadow:0 0 16px rgba(59,130,246,0.28) !important;
}
.hero .slogan.hero-english-name{
  font-size:clamp(19px, 1.55vw, 24px) !important;
  line-height:1.28 !important;
  font-weight:500 !important;
  color:rgba(255,255,255,0.93) !important;
  margin-top:4px !important;
  margin-bottom:26px !important;
  max-width:980px !important;
}

/* Research cards: slightly smaller and still harmonious */
.home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
  width:min(770px, 100%) !important;
  margin-top:28px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.lab-highlights-title{
  display:none !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
  height:210px !important;
  min-height:210px !important;
  padding:18px 16px 16px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(10,22,42,0.72), rgba(12,24,45,0.56)) !important;
  border:1px solid rgba(161,197,255,0.20) !important;
  box-shadow:0 18px 42px -28px rgba(0,0,0,0.62) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  text-align:center !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item:hover{
  background:linear-gradient(180deg, rgba(15,30,56,0.78), rgba(14,28,50,0.66)) !important;
  border-color:rgba(122,177,255,0.36) !important;
  transform:translateY(-2px) !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge{
  width:54px !important;
  height:54px !important;
  color:#74A9FF !important;
  background:transparent !important;
  border:0 !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge svg{
  width:44px !important;
  height:44px !important;
}
.highlight-text-wrap{
  gap:10px !important;
}
.highlight-title{
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  color:#FFFFFF !important;
}
.highlight-subtitle{
  font-size:13px !important;
  line-height:1.28 !important;
  font-weight:500 !important;
  color:rgba(224,235,255,0.92) !important;
}

/* First card wording layout requested explicitly */
.research-shortcut-card[aria-label="금속 적층제조"] .highlight-title{
  order:1 !important;
}
.research-shortcut-card[aria-label="금속 적층제조"] .highlight-subtitle{
  order:2 !important;
}

@media (max-width: 980px){
  .home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
    width:min(720px, 100%) !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
    height:190px !important;
    min-height:190px !important;
  }
}

@media (max-width: 820px){
  .home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
    grid-template-columns:1fr !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
    height:auto !important;
    min-height:120px !important;
    padding:18px !important;
  }
}


/* ================================================================
   Final user adjustments: hero image, left shift, nav height, and
   smaller research shortcut cards.
   ================================================================ */
:root{
  --nav-height: 92px !important; /* +0.5 mm approx */
}

.navbar{
  height: var(--nav-height) !important;
}

.hero{
  background:
    linear-gradient(90deg, rgba(3,11,24,0.88) 0%, rgba(8,20,40,0.78) 29%, rgba(15,23,42,0.40) 57%, rgba(15,23,42,0.08) 100%),
    url('../images/hero-bg-user-main.png') no-repeat center center / cover !important;
}

.hero-inner{
  min-height: calc(100vh - var(--nav-height)) !important;
}

.hero-main-intro{
  margin-left: -76px !important; /* move overall hero content left by about 2 cm */
  width: min(700px, 100%) !important;
}

.hero-korean-tag{
  color:#EAF2FF !important;
}

.home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
  width: min(650px, 100%) !important;
  gap: 12px !important;
  margin-top: 26px !important;
}

.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
  height: 172px !important;
  min-height: 172px !important;
  padding: 14px 12px !important;
  border-radius: 14px !important;
}

.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge{
  width: 44px !important;
  height: 44px !important;
}
.research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item .simple-icon-badge svg{
  width: 34px !important;
  height: 34px !important;
}
.highlight-text-wrap{
  gap: 8px !important;
}
.highlight-title{
  font-size: 14px !important;
}
.highlight-subtitle{
  font-size: 12px !important;
}

@media (max-width: 1280px){
  .hero-main-intro{
    margin-left: -40px !important;
  }
}

@media (max-width: 980px){
  :root{
    --nav-height: 88px !important;
  }
  .hero{
    background:
      linear-gradient(180deg, rgba(6,13,24,0.88) 0%, rgba(8,18,32,0.58) 52%, rgba(12,20,35,0.42) 100%),
      url('../images/hero-bg-user-main.png') no-repeat center center / cover !important;
  }
  .hero-main-intro{
    margin-left: 0 !important;
    width: 100% !important;
  }
  .home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
    width: min(620px, 100%) !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
    height: 154px !important;
    min-height: 154px !important;
  }
}

@media (max-width: 820px){
  .home-research-shortcuts.simple-shortcuts.lab-highlights-strip.polished-research-strip{
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .research-shortcut-card.simple-icon-card.lab-highlight-item.polished-research-item{
    height: auto !important;
    min-height: 112px !important;
  }
}


/* =========================================================================
   최종 추가 수정: 상단 배너 높이 축소 / 메인 글·아이콘 좌측 이동 / 메뉴 간격 확대
   ========================================================================= */

/* 1. 상단 메뉴 배너 높이 0.5 mm 정도 축소 */
:root{
  --nav-height:90px !important;
}
.navbar{
  height:90px !important;
  min-height:90px !important;
}
.nav-inner{
  height:90px !important;
  min-height:90px !important;
}
.brand{
  height:90px !important;
}

/* 3. 상단 메뉴 간격 조금씩 확대 */
.nav-menu{
  gap:28px !important;
}
.nav-menu a.nav-link{
  padding-left:2px !important;
  padding-right:2px !important;
}

/* 2. 홈 메인화면 좌측 글자와 Research 아이콘 전체를 현재 위치에서 약 2 cm 더 왼쪽으로 이동 */
.hero-main-intro{
  margin-left:-152px !important;
}

/* 화면 폭이 좁아질 때는 과도하게 잘리지 않도록 단계적으로 보정 */
@media (max-width:1400px){
  .hero-main-intro{
    margin-left:-110px !important;
  }
}
@media (max-width:1200px){
  .hero-main-intro{
    margin-left:-70px !important;
  }
}
@media (max-width:980px){
  .hero-main-intro{
    margin-left:0 !important;
  }
  .nav-menu{
    gap:18px !important;
  }
  :root{
    --nav-height:86px !important;
  }
  .navbar,
  .nav-inner,
  .brand{
    height:86px !important;
    min-height:86px !important;
  }
}


/* =========================================================================
   최종 추가 수정: 상단 메뉴 배너 높이 0.5 mm 수준 축소
   ========================================================================= */
:root{
  --nav-height:88px !important;
}
.navbar,
.nav-inner,
.brand{
  height:88px !important;
  min-height:88px !important;
}
.hero{
  padding-top:88px !important;
}
.hero-inner{
  min-height:calc(100vh - 88px) !important;
}
@media (max-width:980px){
  :root{
    --nav-height:84px !important;
  }
  .navbar,
  .nav-inner,
  .brand{
    height:84px !important;
    min-height:84px !important;
  }
  .hero{
    padding-top:84px !important;
  }
  .hero-inner{
    min-height:calc(100vh - 84px) !important;
  }
}


/* =========================================================================
   최종 추가 수정: 상단 배너 0.5 cm 축소 / 홈 메인 글·아이콘 좌측 정렬
   ========================================================================= */

/* 1. 상단 메뉴 배너 높이를 현재보다 약 0.5 cm 수준으로 축소 */
:root{
  --nav-height:70px !important;
}
.navbar,
.nav-inner,
.brand{
  height:70px !important;
  min-height:70px !important;
}
.brand-logo{
  height:40px !important;
  max-height:40px !important;
}
.nav-menu{
  gap:30px !important;
}
.nav-menu a.nav-link{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

/* 2. 홈 메인화면 글자와 Research 아이콘 영역을 왼쪽 상단 로고 위치에 가깝게 이동 */
.hero{
  padding-top:70px !important;
}
.hero .container{
  margin-left:70px !important;
  padding-left:0 !important;
  max-width:calc(100vw - 90px) !important;
}
.hero-inner{
  min-height:calc(100vh - 70px) !important;
}
.hero-main-intro{
  margin-left:0 !important;
  transform:translateX(0) !important;
}

/* 큰 화면에서는 로고 시작점과 더 자연스럽게 맞춤 */
@media (min-width:1600px){
  .hero .container{
    margin-left:72px !important;
  }
}

/* 화면이 좁아질 때는 잘림 방지 */
@media (max-width:1200px){
  .hero .container{
    margin-left:36px !important;
    max-width:calc(100vw - 60px) !important;
  }
}
@media (max-width:900px){
  :root{
    --nav-height:66px !important;
  }
  .navbar,
  .nav-inner,
  .brand{
    height:66px !important;
    min-height:66px !important;
  }
  .brand-logo{
    height:36px !important;
  }
  .nav-menu{
    gap:18px !important;
  }
  .hero{
    padding-top:66px !important;
  }
  .hero .container{
    margin-left:24px !important;
    max-width:calc(100vw - 48px) !important;
  }
  .hero-inner{
    min-height:calc(100vh - 66px) !important;
  }
}


/* =========================================================================
   최종 추가 수정: 홈 메인화면 글자/Research 카드 전체 5 cm 좌측 이동
   ========================================================================= */

/* 기존 container margin 규칙들을 모두 덮어쓰고, 실제 보이는 hero content만 강제로 좌측 이동 */
.hero .container,
.hero .container.hero-inner,
#home-page .hero .container,
#home-page .hero .container.hero-inner{
  margin-left:0 !important;
  padding-left:0 !important;
  max-width:100vw !important;
  width:100vw !important;
}

.hero-main-intro,
#home-page .hero-main-intro{
  margin-left:0 !important;
  transform:translateX(-190px) !important; /* 약 5 cm 좌측 이동 */
}

/* 글자가 잘리는 폭을 조금 보완 */
.hero-lab-title,
.hero h1.hero-lab-title{
  white-space:nowrap !important;
}

/* 화면이 너무 좁을 때는 과도한 잘림 방지 */
@media (max-width:1400px){
  .hero-main-intro,
  #home-page .hero-main-intro{
    transform:translateX(-150px) !important;
  }
}
@media (max-width:1200px){
  .hero-main-intro,
  #home-page .hero-main-intro{
    transform:translateX(-90px) !important;
  }
}
@media (max-width:980px){
  .hero .container,
  .hero .container.hero-inner,
  #home-page .hero .container,
  #home-page .hero .container.hero-inner{
    margin-left:24px !important;
    padding-left:0 !important;
    width:calc(100vw - 48px) !important;
    max-width:calc(100vw - 48px) !important;
  }
  .hero-main-intro,
  #home-page .hero-main-intro{
    transform:none !important;
  }
}


/* =========================================================================
   Project page / Alumni text-list update
   ========================================================================= */
.project-section{
  max-width:1080px;
  margin:0 auto;
}
.project-intro{
  margin-bottom:34px;
}
.project-intro h3{
  font-family:var(--font-display);
  font-size:34px;
  color:var(--navy-900);
  margin-bottom:8px;
}
.project-intro p{
  color:var(--ink-500);
  font-size:15px;
}
.project-group{
  margin-top:34px;
}
.project-group h4{
  font-size:21px;
  color:var(--navy-900);
  margin-bottom:16px;
  padding-bottom:10px;
  border-bottom:2px solid var(--line);
}
.project-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  list-style:none;
  counter-reset:project-counter;
}
.project-item{
  counter-increment:project-counter;
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
  background:#FFFFFF;
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px 22px;
  box-shadow:0 16px 34px -30px rgba(11,37,69,0.34);
  position:relative;
}
.project-item::before{
  content:counter(project-counter, decimal-leading-zero);
  position:absolute;
  right:18px;
  top:16px;
  font-size:13px;
  font-weight:800;
  color:#B8C7D8;
}
.project-period{
  color:#1B5FAE;
  font-weight:800;
  font-size:14px;
  line-height:1.5;
  white-space:nowrap;
}
.project-content{
  padding-right:36px;
}
.project-topline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:6px;
}
.project-agency{
  color:#0B2545;
  font-weight:800;
  font-size:15px;
}
.project-role{
  display:inline-flex;
  align-items:center;
  padding:3px 9px;
  border-radius:999px;
  background:#EAF4FF;
  color:#1B5FAE;
  font-size:12px;
  font-weight:800;
}
.project-title{
  color:#1B2431;
  font-size:15px;
  line-height:1.65;
}
.alumni-section{
  margin-top:42px;
}
.alumni-text-list{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:16px;
}
.alumni-text-list li{
  background:#FFFFFF;
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px 20px;
  box-shadow:0 14px 30px -28px rgba(11,37,69,0.34);
}
.alumni-text-list strong{
  display:block;
  color:var(--navy-900);
  font-size:17px;
  font-weight:800;
  margin-bottom:4px;
}
.alumni-text-list span{
  color:var(--ink-500);
  font-size:14px;
}
@media (max-width:900px){
  .project-item{
    grid-template-columns:1fr;
    gap:8px;
  }
  .project-period{
    white-space:normal;
  }
  .alumni-text-list{
    grid-template-columns:1fr;
  }
}


/* =========================================================================
   추가 수정: Alumni 위치 정리 / Project 설명·그룹제목·오른쪽 숫자 삭제
   ========================================================================= */
.project-intro{
  margin-bottom:22px !important;
}
.project-item::before{
  content:none !important;
  display:none !important;
}
.project-content{
  padding-right:0 !important;
}
.project-group h4{
  display:none !important;
}
.alumni-section{
  margin-top:42px !important;
}
.alumni-text-list{
  list-style:none !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:16px !important;
  margin-top:16px !important;
}
.alumni-text-list li{
  background:#FFFFFF !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  padding:18px 20px !important;
  box-shadow:0 14px 30px -28px rgba(11,37,69,0.34) !important;
}
.alumni-text-list strong{
  display:block !important;
  color:var(--navy-900) !important;
  font-size:17px !important;
  font-weight:800 !important;
  margin-bottom:4px !important;
}
.alumni-text-list span{
  color:var(--ink-500) !important;
  font-size:14px !important;
}
@media (max-width:900px){
  .alumni-text-list{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================================
   추가 수정: People - Members - Alumni 카드 정리
   ========================================================================= */
.alumni-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}
.alumni-card{
  min-height:120px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:24px 20px !important;
}
.alumni-card h4{
  margin:0 0 8px !important;
  color:var(--navy-900) !important;
  font-size:18px !important;
  font-weight:800 !important;
}
.alumni-card p{
  margin:0 !important;
  color:var(--ink-500) !important;
  font-size:14px !important;
  font-weight:600 !important;
}
.alumni-card .member-photo,
.alumni-card .alumni-placeholder,
.alumni-card span{
  display:none !important;
}
@media (max-width:900px){
  .alumni-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================================
   최종 수정: 기존 Alumni 카드 영역에 정보 입력
   ========================================================================= */
.alumni-text-list{
  display:none !important;
}
.alumni-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:28px !important;
}
.alumni-card{
  min-height:280px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  padding:24px 20px !important;
}
.alumni-card .alumni-placeholder{
  display:flex !important;
  width:140px !important;
  height:170px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#F1F5F9 !important;
  border:1px solid #D8E1EC !important;
  border-radius:8px !important;
  color:#8BA0B8 !important;
  font-size:12px !important;
  margin-bottom:16px !important;
}
.alumni-card h4{
  margin:0 0 8px !important;
  color:var(--navy-900) !important;
  font-size:17px !important;
  font-weight:800 !important;
}
.alumni-card p{
  margin:0 !important;
  color:#1B5FAE !important;
  font-size:14px !important;
  font-weight:700 !important;
}
.alumni-card span{
  display:none !important;
}
@media (max-width:900px){
  .alumni-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================================
   최종 수정: 기존 People - Members - Alumni 카드 영역에 직접 입력
   ========================================================================= */
.member-block.alumni-block .member-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}
.member-block.alumni-block .member-card.alumni-card{
  min-height:280px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  padding:24px 20px !important;
}
.member-block.alumni-block .member-photo.alumni-photo{
  display:flex !important;
  width:140px !important;
  height:170px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#F1F5F9 !important;
  border:1px solid #D8E1EC !important;
  border-radius:8px !important;
  color:#8BA0B8 !important;
  font-size:12px !important;
  margin-bottom:16px !important;
}
.member-block.alumni-block .member-card.alumni-card h4{
  display:block !important;
  margin:0 0 8px !important;
  color:var(--navy-900) !important;
  font-size:17px !important;
  font-weight:800 !important;
}
.member-block.alumni-block .member-card.alumni-card .track{
  display:block !important;
  color:#1B5FAE !important;
  font-size:14px !important;
  font-weight:700 !important;
  margin-top:0 !important;
}
.member-block.alumni-block .member-card.alumni-card .email,
.member-block.alumni-block .member-card.alumni-card span,
.alumni-section,
.alumni-text-list{
  display:none !important;
}
@media (max-width:900px){
  .member-block.alumni-block .member-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================================
   추가 수정: Alumni 사진/빈 카드 삭제 + 창원대 세미나 Gallery 카드 추가
   ========================================================================= */
.member-block.alumni-block .member-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}
.member-block.alumni-block .member-card.alumni-card{
  min-height:120px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:24px 20px !important;
}
.member-block.alumni-block .member-photo,
.member-block.alumni-block .alumni-photo,
.member-block.alumni-block .alumni-placeholder,
.member-block.alumni-block .email,
.alumni-section,
.alumni-text-list{
  display:none !important;
}
.member-block.alumni-block .member-card.alumni-card h4{
  display:block !important;
  margin:0 0 8px !important;
  color:var(--navy-900) !important;
  font-size:18px !important;
  font-weight:800 !important;
}
.member-block.alumni-block .member-card.alumni-card .track{
  display:block !important;
  color:#1B5FAE !important;
  font-size:14px !important;
  font-weight:700 !important;
  margin:0 !important;
}
.gallery-summary-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.gallery-detail-grid.gallery-modal-image-grid img{
  width:100%;
  height:auto;
  object-fit:cover;
}
@media (max-width:900px){
  .member-block.alumni-block .member-grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================================
   추가 수정: Board - News PDF 기사 카드 추가 및 날짜 내림차순 정렬
   ========================================================================= */
.news-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
}
.news-image-card{
  overflow:hidden !important;
}
.news-image-wrap{
  background:#F8FAFC !important;
}
.news-image-wrap img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
  display:block !important;
}
@media (max-width:1100px){
  .news-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:720px){
  .news-card-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================================
   Board News final uniform card layout: equal image/body sizes, sorted cards
   ========================================================================= */
.news-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}
.news-image-card.news-link-card{
  display:flex !important;
  flex-direction:column !important;
  height:390px !important;
  min-height:390px !important;
  background:#FFFFFF !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
.news-image-wrap{
  width:100% !important;
  height:205px !important;
  min-height:205px !important;
  max-height:205px !important;
  overflow:hidden !important;
  background:#F4F7FB !important;
  border-bottom:1px solid var(--line) !important;
}
.news-image-wrap img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:top center !important;
  display:block !important;
  background:#FFFFFF !important;
}
.news-card-body{
  flex:1 1 auto !important;
  min-height:185px !important;
  max-height:185px !important;
  padding:16px 18px 18px !important;
  display:flex !important;
  flex-direction:column !important;
}
.news-card-date{
  flex:0 0 auto !important;
}
.news-card-body h3{
  flex:1 1 auto !important;
  font-size:16px !important;
  line-height:1.42 !important;
  margin:0 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
}
.news-link-hint{
  flex:0 0 auto !important;
  margin-top:12px !important;
}
@media (max-width:1100px){
  .news-card-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width:720px){
  .news-card-grid{ grid-template-columns:1fr !important; }
  .news-image-card.news-link-card{ height:370px !important; min-height:370px !important; }
  .news-image-wrap{ height:190px !important; min-height:190px !important; max-height:190px !important; }
  .news-card-body{ min-height:180px !important; max-height:180px !important; }
}


/* =========================================================================
   Board News full first-page preview layout (updated)
   Show the full article first page at a glance with a taller preview area.
   ========================================================================= */
.news-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}
.news-image-card.news-link-card{
  display:flex !important;
  flex-direction:column !important;
  height:600px !important;
  min-height:600px !important;
  background:#FFFFFF !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
.news-image-wrap{
  width:100% !important;
  height:400px !important;
  min-height:400px !important;
  max-height:400px !important;
  overflow:hidden !important;
  background:#F8FAFD !important;
  border-bottom:1px solid var(--line) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px !important;
  box-sizing:border-box !important;
}
.news-image-wrap img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center top !important;
  display:block !important;
  background:#FFFFFF !important;
  border-radius:6px !important;
}
.news-card-body{
  flex:1 1 auto !important;
  min-height:200px !important;
  max-height:200px !important;
  padding:18px 18px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
.news-card-date{
  flex:0 0 auto !important;
}
.news-card-body h3{
  flex:1 1 auto !important;
  font-size:16px !important;
  line-height:1.42 !important;
  margin:0 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
}
.news-link-hint{
  flex:0 0 auto !important;
  margin-top:12px !important;
}
@media (max-width:1100px){
  .news-card-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
  .news-image-card.news-link-card{ height:580px !important; min-height:580px !important; }
  .news-image-wrap{ height:380px !important; min-height:380px !important; max-height:380px !important; }
  .news-card-body{ min-height:190px !important; max-height:190px !important; }
}
@media (max-width:720px){
  .news-card-grid{ grid-template-columns:1fr !important; }
  .news-image-card.news-link-card{ height:auto !important; min-height:0 !important; }
  .news-image-wrap{ height:360px !important; min-height:360px !important; max-height:360px !important; }
  .news-card-body{ min-height:auto !important; max-height:none !important; }
}


/* =========================================================================
   Board News photo-visible first-page preview refinement
   - problematic PDF thumbnails regenerated to include headline + main image
   - preview area adjusted so the first-page article image is visible
   ========================================================================= */
.news-image-card.news-link-card{
  height:560px !important;
  min-height:560px !important;
}
.news-image-wrap{
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  padding:8px !important;
  background:#F8FAFD !important;
}
.news-image-wrap img{
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:6px !important;
}
.news-card-body{
  min-height:200px !important;
  max-height:200px !important;
}
@media (max-width:1100px){
  .news-image-card.news-link-card{
    height:540px !important;
    min-height:540px !important;
  }
  .news-image-wrap{
    height:340px !important;
    min-height:340px !important;
    max-height:340px !important;
  }
}
@media (max-width:720px){
  .news-image-card.news-link-card{
    height:auto !important;
    min-height:0 !important;
  }
  .news-image-wrap{
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
  }
  .news-card-body{
    min-height:auto !important;
    max-height:none !important;
  }
}


/* =========================================================================
   Board News PDF preview update
   - News card previews now load from /언론보도 PDF files, not /images images.
   - Visual layout remains aligned with the previous card design.
   ========================================================================= */
.news-pdf-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#F8FAFD !important;
}
.news-pdf-preview{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
  background:#FFFFFF !important;
  pointer-events:none !important;
}
.news-pdf-fallback{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  padding:20px;
  color:#0B2545;
  font-weight:700;
  text-align:center;
  background:#FFFFFF;
}
.news-image-card.news-link-card{
  cursor:pointer !important;
}


/* =========================================================================
   Board News preview scrollbar removal
   - News card preview now uses static first-page PNGs generated in /언론보도.
   - This removes the PDF viewer's internal scrollbar while keeping the same card look.
   ========================================================================= */
.news-static-preview-wrap,
.news-pdf-wrap{
  overflow:hidden !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.news-static-preview-wrap::-webkit-scrollbar,
.news-pdf-wrap::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}
.news-static-preview{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  display:block !important;
  background:#FFFFFF !important;
  border:0 !important;
}
.news-pdf-preview{
  display:none !important;
}


/* =========================================================================
   추가 수정: 홈페이지 왼쪽 상단 로고 이미지 크기 확대
   ========================================================================= */
.brand-logo{
  height:56px !important;
  max-height:56px !important;
  width:auto !important;
  object-fit:contain !important;
}
@media (max-width:900px){
  .brand-logo{
    height:46px !important;
    max-height:46px !important;
  }
}


/* =========================================================================
   추가 수정: 홈페이지 왼쪽 상단 로고 이미지 크기 추가 확대
   ========================================================================= */
.brand-logo{
  height:68px !important;
  max-height:68px !important;
  width:auto !important;
  object-fit:contain !important;
}
@media (max-width:900px){
  .brand-logo{
    height:52px !important;
    max-height:52px !important;
  }
}


/* =========================================================================
   추가 수정: 모바일 메뉴 하위항목 표시 및 색상 가독성 개선
   ========================================================================= */
@media (max-width: 900px){
  /* 햄버거 메뉴를 열었을 때 메뉴 배경/글자 대비 개선 */
  .nav-menu{
    background:#071122 !important;
    border-top:1px solid rgba(148, 163, 184, 0.18) !important;
    border-bottom:1px solid rgba(148, 163, 184, 0.22) !important;
    box-shadow:0 18px 40px -24px rgba(0,0,0,0.55) !important;
  }

  .nav-menu a.nav-link,
  .nav-item-dropdown > a.nav-link{
    color:#F8FAFC !important;
    font-weight:700 !important;
  }

  .nav-menu a.nav-link:hover,
  .nav-menu a.nav-link.active,
  .nav-item-dropdown.open > a.nav-link{
    color:#7CCBFF !important;
    background:rgba(59, 130, 246, 0.14) !important;
  }

  /* 모바일에서는 People / Publications / Board 하위항목이 항상 보이도록 표시 */
  .nav-menu.open .nav-item-dropdown .dropdown-menu{
    position:static !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    min-width:100% !important;
    width:100% !important;
    margin:2px 0 8px !important;
    padding:4px 0 6px 14px !important;
    background:rgba(15, 33, 61, 0.96) !important;
    border:0 !important;
    border-left:2px solid rgba(124, 203, 255, 0.55) !important;
    border-radius:0 0 10px 10px !important;
    box-shadow:none !important;
  }

  .nav-menu.open .dropdown-menu a{
    display:block !important;
    color:#DCEBFF !important;
    font-size:14px !important;
    font-weight:650 !important;
    padding:8px 14px !important;
    white-space:nowrap !important;
    border-radius:8px !important;
  }

  .nav-menu.open .dropdown-menu a:hover{
    color:#FFFFFF !important;
    background:rgba(124, 203, 255, 0.16) !important;
  }

  /* 하위항목이 있는 메뉴는 모바일에서 구분되도록 표시 */
  .nav-item-dropdown > .nav-link::after{
    content:"  ▾";
    font-size:12px;
    color:#7CCBFF;
  }

  .nav-toggle span{
    background:#0B2545 !important;
  }
}

@media (max-width: 720px){
  .nav-menu{
    background:#071122 !important;
    padding:12px 16px 16px !important;
  }

  .nav-menu a.nav-link{
    font-size:15px !important;
    padding:10px 12px !important;
  }

  .nav-menu.open .dropdown-menu a{
    font-size:14px !important;
    padding:8px 14px !important;
  }
}


/* =========================================================================
   추가 수정: 모바일 메뉴 하위항목 기본 닫힘 / 상위항목 클릭 시만 열림
   ========================================================================= */
@media (max-width: 900px){
  /* 햄버거 메뉴를 열었을 때 하위항목은 기본적으로 닫힌 상태 */
  .nav-menu.open .nav-item-dropdown .dropdown-menu{
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    position:static !important;
    transform:none !important;
  }

  /* People / Publications / Board 상위항목 클릭 시에만 하위항목 표시 */
  .nav-menu.open .nav-item-dropdown.open .dropdown-menu{
    display:block !important;
    min-width:100% !important;
    width:100% !important;
    margin:2px 0 8px !important;
    padding:4px 0 6px 14px !important;
    background:rgba(15, 33, 61, 0.96) !important;
    border:0 !important;
    border-left:2px solid rgba(124, 203, 255, 0.55) !important;
    border-radius:0 0 10px 10px !important;
    box-shadow:none !important;
  }

  .nav-menu.open .nav-item-dropdown > a.nav-link{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
  }

  .nav-menu.open .nav-item-dropdown > a.nav-link::after{
    content:"▾" !important;
    font-size:12px !important;
    color:#7CCBFF !important;
    margin-left:10px !important;
    transition:transform .18s ease !important;
  }

  .nav-menu.open .nav-item-dropdown.open > a.nav-link::after{
    transform:rotate(180deg) !important;
  }
}


/* =========================================================================
   추가 수정: 홈 메인화면 글씨체 세련되게 정리
   ========================================================================= */

/* 홈 메인화면 전체 텍스트를 깔끔한 산세리프 계열로 정리 */
#home-page .hero,
#home-page .hero *{
  font-family:'Pretendard', 'SUIT', 'Inter', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
}

/* 한글 연구실명 */
.hero-korean-tag{
  font-family:'Pretendard', 'SUIT', 'Noto Sans KR', sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-0.015em !important;
  color:#DCEAFF !important;
  text-shadow:0 4px 18px rgba(0,0,0,0.35) !important;
}

/* IAM2 Lab 메인 타이틀 */
.hero-lab-title,
.hero h1.hero-lab-title{
  font-family:'Inter', 'Pretendard', 'SUIT', 'Noto Sans KR', sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-0.065em !important;
  color:#FFFFFF !important;
  text-shadow:
    0 2px 0 rgba(90, 151, 255, 0.28),
    0 12px 36px rgba(0,0,0,0.42) !important;
}

/* 영문 연구실명 */
.hero .slogan.hero-english-name{
  font-family:'Inter', 'Pretendard', 'SUIT', 'Noto Sans KR', sans-serif !important;
  font-weight:500 !important;
  letter-spacing:-0.018em !important;
  color:rgba(245, 249, 255, 0.94) !important;
  text-shadow:0 4px 18px rgba(0,0,0,0.32) !important;
}

/* 홈 메인화면 Research 카드 글씨 */
.home-research-shortcuts .highlight-title,
.home-research-shortcuts .highlight-subtitle,
.home-research-shortcuts .shortcut-title,
.home-research-shortcuts .shortcut-subtitle{
  font-family:'Pretendard', 'SUIT', 'Inter', 'Noto Sans KR', sans-serif !important;
  letter-spacing:-0.02em !important;
}

.home-research-shortcuts .highlight-title,
.home-research-shortcuts .shortcut-title{
  font-weight:800 !important;
}

.home-research-shortcuts .highlight-subtitle,
.home-research-shortcuts .shortcut-subtitle{
  font-weight:500 !important;
}


/* =========================================================================
   추가 수정: 홈 메인화면을 참고 이미지 느낌으로 정리
   ========================================================================= */
#home-page .hero{
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 58%, rgba(255, 153, 54, 0.35) 0%, rgba(255, 153, 54, 0.0) 15%),
    linear-gradient(to bottom, rgba(4, 10, 20, 0.52) 0%, rgba(4, 10, 20, 0.60) 100%),
    linear-gradient(to right, rgba(7, 12, 22, 0.80) 0%, rgba(7, 12, 22, 0.62) 45%, rgba(7, 12, 22, 0.56) 100%),
    url('../images/hero-bg-user-main.png') no-repeat center center / cover !important;
}
#home-page .hero::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 53%, rgba(255, 174, 73, 0.34) 0%, rgba(255, 174, 73, 0.06) 6%, rgba(255, 174, 73, 0.0) 14%),
    linear-gradient(to right, rgba(0,0,0,0.0) 62%, rgba(8,10,16,0.18) 100%);
  pointer-events:none;
}
#home-page .hero .container{
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
  width:100%;
  position:relative;
  z-index:1;
}
#home-page .hero-inner{
  min-height: calc(100vh - var(--nav-height));
  display:flex;
  justify-content:center;
  align-items:center;
}
#home-page .hero-main-intro{
  max-width: 900px;
  margin: 0 auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
#home-page .hero-korean-tag{
  background: transparent !important;
  padding:0 !important;
  min-height:auto !important;
  border-radius:0 !important;
  margin-bottom: 18px !important;
  color:#F7FAFC !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
}
#home-page .hero-lab-title,
#home-page .hero h1.hero-lab-title,
#home-page .hero h1{
  font-size: clamp(70px, 9vw, 108px) !important;
  line-height: 1.0 !important;
  margin-bottom: 20px !important;
  color:#FFFFFF !important;
  letter-spacing:-0.04em !important;
  font-weight: 900 !important;
  text-shadow: 0 12px 32px rgba(0,0,0,0.32) !important;
}
#home-page .hero .slogan.hero-english-name{
  max-width: 780px !important;
  font-size: 22px !important;
  line-height: 1.45 !important;
  color: rgba(255,255,255,0.96) !important;
  margin: 0 auto !important;
  text-shadow: 0 8px 22px rgba(0,0,0,0.30) !important;
}
#home-page .home-main-actions{
  margin-top: 42px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 24px;
  flex-wrap:wrap;
}
#home-page .home-action-btn{
  min-width: 170px;
  padding: 14px 26px;
  border: 1px solid rgba(255,255,255,0.72);
  background: rgba(255,255,255,0.05);
  color:#FFFFFF;
  border-radius: 0;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap: 24px;
  cursor:pointer;
  font-family:'Inter','Pretendard','SUIT','Noto Sans KR',sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
#home-page .home-action-btn:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.94);
}
#home-page .home-action-label{
  font-size: 18px;
  font-weight: 600;
}
#home-page .home-action-arrow{
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
}

@media (max-width: 900px){
  #home-page .hero-main-intro{
    max-width: 100%;
  }
  #home-page .hero-lab-title,
  #home-page .hero h1.hero-lab-title,
  #home-page .hero h1{
    font-size: clamp(50px, 11vw, 82px) !important;
  }
  #home-page .hero .slogan.hero-english-name{
    font-size: 18px !important;
  }
  #home-page .home-main-actions{
    gap: 14px;
  }
  #home-page .home-action-btn{
    min-width: 150px;
    padding: 12px 22px;
    font-size: 16px;
  }
  #home-page .home-action-label{ font-size:16px; }
  #home-page .home-action-arrow{ font-size:24px; }
}
@media (max-width: 720px){
  #home-page .hero{
    background:
      linear-gradient(to bottom, rgba(7, 12, 22, 0.76) 0%, rgba(7, 12, 22, 0.72) 100%),
      url('../images/hero-bg-user-main.png') no-repeat 68% center / cover !important;
  }
  #home-page .hero-korean-tag{
    font-size: 15px !important;
    margin-bottom: 14px !important;
  }
  #home-page .hero-lab-title,
  #home-page .hero h1.hero-lab-title,
  #home-page .hero h1{
    font-size: clamp(42px, 13vw, 60px) !important;
    margin-bottom: 14px !important;
  }
  #home-page .hero .slogan.hero-english-name{
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  #home-page .home-main-actions{
    margin-top: 28px;
    width:100%;
    flex-direction:column;
  }
  #home-page .home-action-btn{
    width:min(100%, 250px);
    min-width:0;
  }
}


/* ========================================================================
   Final requested update: use provided home main screen composition directly
   ======================================================================== */
#home-page .hero {
  position: relative;
  min-height: calc(100vh - var(--nav-height));
  overflow: hidden;
  background:
    linear-gradient(to bottom, rgba(5, 10, 18, 0.62) 0%, rgba(7, 11, 18, 0.56) 100%),
    linear-gradient(to right, rgba(5, 10, 18, 0.68) 0%, rgba(5, 10, 18, 0.48) 38%, rgba(5, 10, 18, 0.36) 100%),
    url('../images/hero-bg-user-main.png') no-repeat center center / cover !important;
}
#home-page .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 9.5% 63%, rgba(255, 148, 58, 0.54) 0%, rgba(255, 148, 58, 0.18) 5%, rgba(255, 148, 58, 0.0) 16%),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.20));
}
#home-page .hero::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to right, rgba(8, 12, 22, 0.20) 0%, rgba(8, 12, 22, 0.12) 48%, rgba(8, 12, 22, 0.10) 100%);
}
#home-page .hero .container.hero-inner {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - var(--nav-height));
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 36px;
  padding-bottom: 36px;
}
#home-page .hero-main-intro {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#home-page .hero-korean-tag {
  background: transparent !important;
  color: rgba(255,255,255,0.96) !important;
  font-family: 'Noto Sans KR','Inter',sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  letter-spacing: -0.02em !important;
  text-align: center;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  text-shadow: 0 6px 20px rgba(0,0,0,0.35);
}
#home-page .hero-lab-title,
#home-page .hero h1.hero-lab-title,
#home-page .hero h1 {
  color: #ffffff !important;
  font-family: 'Inter','Noto Sans KR',sans-serif !important;
  font-size: clamp(84px, 9.2vw, 118px) !important;
  font-weight: 800 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  margin: 0 0 22px 0 !important;
  text-shadow: 0 12px 34px rgba(0,0,0,0.32);
}
#home-page .hero-english-name,
#home-page .hero .slogan.hero-english-name {
  max-width: 900px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,0.96) !important;
  font-family: 'Inter','Noto Sans KR',sans-serif !important;
  font-weight: 400 !important;
  font-size: 21px !important;
  line-height: 1.55 !important;
  letter-spacing: -0.02em !important;
  text-align: center;
  text-shadow: 0 8px 20px rgba(0,0,0,0.30);
}
#home-page .hero-english-name .hero-word {
  white-space: nowrap;
}
#home-page .hero-english-name .hero-initial {
  color: #3793ff;
  font-weight: 700;
}
#home-page .home-main-actions {
  margin-top: 42px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 36px !important;
  flex-wrap: wrap;
}
#home-page .home-action-btn {
  min-width: 244px !important;
  height: 66px !important;
  padding: 0 34px !important;
  border: 1px solid rgba(255,255,255,0.74) !important;
  background: rgba(255,255,255,0.03) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06), 0 10px 24px rgba(0,0,0,0.08);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  font-family: 'Inter','Noto Sans KR',sans-serif !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
#home-page .home-action-btn:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.92) !important;
  transform: translateY(-1px);
}
#home-page .home-action-label {
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}
#home-page .home-action-arrow {
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

@media (max-width: 900px) {
  #home-page .hero-korean-tag {
    font-size: 17px !important;
    margin-bottom: 16px !important;
  }
  #home-page .hero-lab-title,
  #home-page .hero h1.hero-lab-title,
  #home-page .hero h1 {
    font-size: clamp(64px, 11vw, 90px) !important;
    margin-bottom: 16px !important;
  }
  #home-page .hero-english-name,
  #home-page .hero .slogan.hero-english-name {
    font-size: 18px !important;
  }
  #home-page .home-main-actions {
    gap: 18px !important;
  }
  #home-page .home-action-btn {
    min-width: 210px !important;
    height: 58px !important;
    padding: 0 26px !important;
  }
}
@media (max-width: 640px) {
  #home-page .hero {
    background:
      linear-gradient(to bottom, rgba(5, 10, 18, 0.72) 0%, rgba(7, 11, 18, 0.64) 100%),
      linear-gradient(to right, rgba(5, 10, 18, 0.76) 0%, rgba(5, 10, 18, 0.48) 100%),
      url('../images/hero-bg-user-main.png') no-repeat 62% center / cover !important;
  }
  #home-page .hero-main-intro {
    max-width: 100%;
  }
  #home-page .hero-korean-tag {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }
  #home-page .hero-lab-title,
  #home-page .hero h1.hero-lab-title,
  #home-page .hero h1 {
    font-size: clamp(44px, 14vw, 62px) !important;
    margin-bottom: 14px !important;
  }
  #home-page .hero-english-name,
  #home-page .hero .slogan.hero-english-name {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  #home-page .home-main-actions {
    margin-top: 28px !important;
    width: 100%;
    flex-direction: column;
    gap: 12px !important;
  }
  #home-page .home-action-btn {
    width: min(100%, 230px) !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 20px !important;
  }
  #home-page .home-action-label {
    font-size: 16px !important;
  }
  #home-page .home-action-arrow {
    font-size: 24px !important;
  }
}


/* =========================================================================
   최종 보정: 홈 메인화면 중앙 정렬 / 좌측 잘림 제거 / 버튼 크기 축소
   ========================================================================= */

/* 이전 단계에서 남아 있을 수 있는 좌측 이동(transform, 100vw, margin-left) 규칙을 강제로 초기화 */
#home-page .hero .container,
#home-page .hero .container.hero-inner,
.hero .container.hero-inner{
  width:100% !important;
  max-width:1140px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
  box-sizing:border-box !important;
}

#home-page .hero-main-intro,
.hero-main-intro{
  transform:none !important;
  translate:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:980px !important;
  width:100% !important;
  text-align:center !important;
  align-items:center !important;
}

/* 홈 메인화면 전체를 참고 이미지처럼 중앙에 위치 */
#home-page .hero-inner{
  justify-content:center !important;
  align-items:center !important;
}

/* 글씨가 화면 밖으로 잘리지 않도록 강제 보정 */
#home-page .hero-lab-title,
#home-page .hero h1.hero-lab-title,
#home-page .hero h1{
  white-space:normal !important;
  overflow:visible !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Research / Contact 버튼 크기 축소 */
#home-page .home-main-actions{
  margin-top:34px !important;
  gap:24px !important;
}

#home-page .home-action-btn{
  min-width:190px !important;
  width:190px !important;
  height:52px !important;
  padding:0 24px !important;
}

#home-page .home-action-label{
  font-size:16px !important;
}

#home-page .home-action-arrow{
  font-size:24px !important;
}

@media (max-width:900px){
  #home-page .hero .container,
  #home-page .hero .container.hero-inner,
  .hero .container.hero-inner{
    max-width:100% !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }

  #home-page .hero-main-intro,
  .hero-main-intro{
    transform:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #home-page .home-action-btn{
    width:170px !important;
    min-width:170px !important;
    height:50px !important;
    padding:0 20px !important;
  }
}

@media (max-width:640px){
  #home-page .home-main-actions{
    gap:12px !important;
  }

  #home-page .home-action-btn{
    width:min(100%, 220px) !important;
    min-width:0 !important;
    height:48px !important;
  }
}


/* =========================================================================
   추가 수정: 홈 메인화면 배경 밝기 / IAM2 Lab 크기 / 버튼 크기 보정
   ========================================================================= */

/* 1. 홈 메인화면 배경이 너무 어둡게 보이지 않도록 어두운 오버레이를 살짝 밝게 조정 */
#home-page .hero{
  background:
    linear-gradient(to bottom, rgba(5, 10, 18, 0.46) 0%, rgba(7, 11, 18, 0.43) 100%),
    linear-gradient(to right, rgba(5, 10, 18, 0.50) 0%, rgba(5, 10, 18, 0.34) 38%, rgba(5, 10, 18, 0.24) 100%),
    url('../images/hero-bg-user-main.png') no-repeat center center / cover !important;
}

#home-page .hero::after{
  background: linear-gradient(to right, rgba(8, 12, 22, 0.10) 0%, rgba(8, 12, 22, 0.06) 48%, rgba(8, 12, 22, 0.05) 100%) !important;
}

/* 2. 홈 메인화면 IAM2 Lab 글씨 크기 약 5pt 정도 축소 */
#home-page .hero-lab-title,
#home-page .hero h1.hero-lab-title,
#home-page .hero h1{
  font-size: clamp(77px, 8.6vw, 111px) !important;
}

/* 3. Research / Contact 글박스 크기 추가 축소 */
#home-page .home-main-actions{
  margin-top:30px !important;
  gap:20px !important;
}

#home-page .home-action-btn{
  min-width:160px !important;
  width:160px !important;
  height:44px !important;
  padding:0 18px !important;
}

#home-page .home-action-label{
  font-size:15px !important;
}

#home-page .home-action-arrow{
  font-size:21px !important;
}

@media (max-width:900px){
  #home-page .hero{
    background:
      linear-gradient(to bottom, rgba(5, 10, 18, 0.50) 0%, rgba(7, 11, 18, 0.46) 100%),
      linear-gradient(to right, rgba(5, 10, 18, 0.54) 0%, rgba(5, 10, 18, 0.36) 100%),
      url('../images/hero-bg-user-main.png') no-repeat center center / cover !important;
  }

  #home-page .hero-lab-title,
  #home-page .hero h1.hero-lab-title,
  #home-page .hero h1{
    font-size: clamp(57px, 10vw, 83px) !important;
  }

  #home-page .home-action-btn{
    width:150px !important;
    min-width:150px !important;
    height:42px !important;
    padding:0 16px !important;
  }

  #home-page .home-action-label{
    font-size:14px !important;
  }

  #home-page .home-action-arrow{
    font-size:20px !important;
  }
}

@media (max-width:640px){
  #home-page .hero{
    background:
      linear-gradient(to bottom, rgba(5, 10, 18, 0.58) 0%, rgba(7, 11, 18, 0.52) 100%),
      linear-gradient(to right, rgba(5, 10, 18, 0.60) 0%, rgba(5, 10, 18, 0.40) 100%),
      url('../images/hero-bg-user-main.png') no-repeat 62% center / cover !important;
  }

  #home-page .hero-lab-title,
  #home-page .hero h1.hero-lab-title,
  #home-page .hero h1{
    font-size: clamp(39px, 12vw, 55px) !important;
  }

  #home-page .home-main-actions{
    margin-top:24px !important;
  }

  #home-page .home-action-btn{
    width:min(100%, 190px) !important;
    min-width:0 !important;
    height:40px !important;
    padding:0 16px !important;
  }
}


/* Mobile hero background adjustment: keep left orange laser visible */
@media (max-width: 768px) {
  #home-page .hero {
    background: linear-gradient(90deg, rgba(2,10,24,0.40) 0%, rgba(2,10,24,0.22) 34%, rgba(2,10,24,0.18) 100%),
      url('../images/hero-bg-user-main.png') no-repeat 22% center / cover !important;
  }
}

@media (max-width: 640px) {
  #home-page .hero {
    background: linear-gradient(90deg, rgba(2,10,24,0.42) 0%, rgba(2,10,24,0.24) 34%, rgba(2,10,24,0.18) 100%),
      url('../images/hero-bg-user-main.png') no-repeat 18% center / cover !important;
  }
}

@media (max-width: 480px) {
  #home-page .hero {
    background: linear-gradient(90deg, rgba(2,10,24,0.45) 0%, rgba(2,10,24,0.26) 34%, rgba(2,10,24,0.18) 100%),
      url('../images/hero-bg-user-main.png') no-repeat 14% center / cover !important;
  }
}