/* ============================================================
   SIMTECH GLOBAL HEADER STANDARD - SAFE HEADER ONLY
   2026-06-16
   목적:
   - 전 페이지 공통 헤더/로고/상단 메뉴만 통일
   - index.html, world-university.html 등의 hero/body/card/button을 건드리지 않음
   - 기존 CSS의 .hero, .hero-actions, .btns, .wrap, section img 전역 간섭 제거
   ============================================================ */

:root{
  --simtech-navy:#07152a;
  --simtech-navy2:#0d2a4a;
  --simtech-gold:#c8952f;
  --simtech-gold2:#e2bd69;
  --simtech-shell:1280px;
  --simtech-header-h:72px;
}

/* ===== Header shell ===== */
.simtech-header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  min-height:var(--simtech-header-h) !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:linear-gradient(180deg,var(--simtech-navy),var(--simtech-navy2)) !important;
  color:#fff !important;
  border-bottom:2px solid rgba(200,149,47,.45) !important;
  box-shadow:none !important;
}

.simtech-header *{
  box-sizing:border-box !important;
}

.simtech-header-inner{
  max-width:var(--simtech-shell) !important;
  min-height:var(--simtech-header-h) !important;
  margin:0 auto !important;
  padding:0 28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  flex-wrap:nowrap !important;
}

/* ===== Brand ===== */
.simtech-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:250px !important;
  max-width:380px !important;
  flex:0 0 auto !important;
  text-decoration:none !important;
  color:#fff !important;
}

.simtech-brand img{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  object-fit:contain !important;
  border-radius:10px !important;
  background:#fff !important;
  padding:4px !important;
  display:block !important;
}

.simtech-brand-text{
  display:block !important;
  overflow:hidden !important;
}

.simtech-brand-title{
  display:block !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  margin:0 !important;
  padding:0 !important;
}

.simtech-brand-sub{
  display:block !important;
  color:var(--simtech-gold2) !important;
  font-size:11px !important;
  line-height:1.25 !important;
  margin-top:3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* ===== Top nav / mega nav ===== */
.simtech-nav,
.simtech-mega-nav{
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex:1 1 auto !important;
  flex-wrap:nowrap !important;
  list-style:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  position:relative !important;
  width:auto !important;
}

.simtech-nav > a,
.simtech-mega-nav > a,
.simtech-mega-nav .mega-item > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:38px !important;
  min-width:auto !important;
  padding:8px 13px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  letter-spacing:0 !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

.simtech-nav > a:hover,
.simtech-nav > a.active,
.simtech-mega-nav > a:hover,
.simtech-mega-nav > a.active,
.simtech-mega-nav .mega-item:hover > a,
.simtech-mega-nav .mega-item:focus-within > a{
  background:var(--simtech-gold) !important;
  color:var(--simtech-navy) !important;
}

/* ===== Mega menu panels ===== */
.mega-item{
  position:relative !important;
  padding-bottom:26px !important;
  margin-bottom:-26px !important;
}

.mega-panel{
  position:absolute !important;
  top:42px !important;
  left:0 !important;
  min-width:270px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.99) !important;
  border:1px solid rgba(200,149,47,.28) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.22) !important;
  z-index:99999 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(6px) !important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  text-align:left !important;
  justify-items:stretch !important;
  align-items:stretch !important;
}

.mega-item:hover .mega-panel,
.mega-item:focus-within .mega-panel{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

.mega-panel.mega-wide{
  min-width:560px !important;
  grid-template-columns:repeat(2,minmax(250px,1fr)) !important;
}

.mega-panel.mega-right{
  left:auto !important;
  right:0 !important;
}

.simtech-mega-nav .mega-panel a{
  display:block !important;
  width:100% !important;
  min-height:64px !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  background:#fffaf0 !important;
  border:1px solid #eadcc4 !important;
  color:#07152a !important;
  transition:.18s ease !important;
  text-align:left !important;
  text-decoration:none !important;
}

.simtech-mega-nav .mega-panel a strong{
  display:block !important;
  color:#07152a !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  text-align:left !important;
}

.simtech-mega-nav .mega-panel a span{
  display:block !important;
  margin-top:4px !important;
  color:#65758d !important;
  font-size:12px !important;
  line-height:1.35 !important;
  text-align:left !important;
}

.simtech-mega-nav .mega-panel a:hover,
.simtech-mega-nav .mega-panel a:focus{
  background:#07152a !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

.simtech-mega-nav .mega-panel a:hover strong,
.simtech-mega-nav .mega-panel a:focus strong{
  color:#ffffff !important;
}

.simtech-mega-nav .mega-panel a:hover span,
.simtech-mega-nav .mega-panel a:focus span{
  color:#dbeafe !important;
}

.simtech-mega-nav .mega-panel a.admin-link{
  background:#f3f4f6 !important;
}

/* ===== Mobile ===== */
@media(max-width:1180px){
  .simtech-header-inner{
    padding:8px 20px !important;
    flex-wrap:wrap !important;
    min-height:auto !important;
  }
  .simtech-brand{
    max-width:100% !important;
  }
  .simtech-nav,
  .simtech-mega-nav{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
}

@media(max-width:980px){
  .simtech-header-inner{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .simtech-brand-sub{
    white-space:normal !important;
  }

  .mega-item{
    position:static !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  .mega-panel,
  .mega-panel.mega-wide,
  .mega-panel.mega-right{
    position:static !important;
    min-width:100% !important;
    width:100% !important;
    grid-template-columns:1fr !important;
    margin-top:6px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    display:none !important;
  }

  .mega-item.open .mega-panel,
  .mega-item:hover .mega-panel,
  .mega-item:focus-within .mega-panel{
    display:grid !important;
  }
}

@media(max-width:760px){
  .simtech-nav > a,
  .simtech-mega-nav > a,
  .simtech-mega-nav .mega-item > a{
    font-size:12px !important;
    padding:0 9px !important;
    height:32px !important;
  }
}