/* BDGen 서브페이지 공통 스타일 */
:root{
  --primary:#00C8FF;--primary-dark:#0090CC;--accent:#6C3FFF;--accent2:#00FFB2;
  --dark:#050B18;--dark2:#0A1428;--dark3:#0F1E3A;
  --text:#FFFFFF;--text-secondary:#8FA3C0;--text-muted:#5A7090;
  --gradient-primary:linear-gradient(135deg,#00C8FF 0%,#6C3FFF 100%);
  --transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
  --z-gnb:1000;--z-mobile-nav:999;--z-back-top:1100;
  --container-padding-x:clamp(1rem,4vw,1.5rem);--font-family:'Pretendard',-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:clamp(14px,2.5vw,16px);overflow-x:hidden;min-width:320px;}
body{font-family:var(--font-family);background:var(--dark);color:var(--text);line-height:1.7;overflow-x:hidden;min-width:320px;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
ul{list-style:none;}
.container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding-x);}
.page-main{padding:160px 0 80px;min-height:60vh;}
.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:16px;}
.page-sub{color:var(--text-secondary);font-size:1.1rem;}
.gnb{position:fixed;top:0;left:0;right:0;z-index:var(--z-gnb);transition:var(--transition);min-height:100px;display:flex;align-items:center;}
.gnb.scrolled{background:rgba(5,11,24,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,200,255,0.1);box-shadow:0 4px 30px rgba(0,0,0,0.3);}
body.bdgen-subpage .gnb.scrolled{background:#fff!important;backdrop-filter:none;border-bottom:1px solid rgba(0,0,0,0.08)!important;box-shadow:0 1px 0 rgba(0,0,0,0.08);}
/* 스크롤 시 헤더 폰트 검정색 */
body.bdgen-subpage .gnb.scrolled .gnb-nav a{color:#111!important;}
body.bdgen-subpage .gnb.scrolled .gnb-logo-default{opacity:0!important;}
body.bdgen-subpage .gnb.scrolled .gnb-logo-hover{opacity:1!important;}
body.bdgen-subpage .gnb.scrolled .gnb-menu-btn span{background:#111!important;}
body.bdgen-subpage .gnb.scrolled .lang-switcher-trigger{color:#111!important;}
body.bdgen-subpage .gnb.scrolled .gnb-submenu{background:#fff!important;border-bottom:1px solid rgba(0,0,0,0.08)!important;}
body.bdgen-subpage .gnb.scrolled .gnb-submenu a{color:#111!important;}
body.bdgen-subpage .gnb.scrolled .gnb-submenu a:hover{color:#24ACFF!important;}
body.bdgen-subpage .gnb.scrolled .lang-dropdown{background:#fff!important;border-color:rgba(0,0,0,0.08)!important;}
body.bdgen-subpage .gnb.scrolled .lang-option{color:#111!important;}
.gnb.gnb-hidden{transform:translateY(-100%);transition:transform 0.25s ease;}
.gnb:hover{background:#fff!important;border-bottom:1px solid rgba(0,0,0,0.08);}
.gnb:hover .gnb-nav a{color:#333;}
.gnb:hover .gnb-logo-default{opacity:0;}
.gnb:hover .gnb-logo-hover{opacity:1;}
.gnb:hover .gnb-menu-btn span{background:#333;}
.gnb-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;margin:0 auto;padding:0 24px;}
.gnb-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:46px;}
.gnb-logo{display:flex;align-items:center;margin-right:48px;flex-shrink:0;position:relative;}
.gnb-logo-img{height:32px;width:auto;display:block;transition:opacity 0.3s;}
.gnb-logo-hover{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;}
.gnb-nav a{font-size:18px;font-weight:500;color:#fff;transition:color 0.3s;position:relative;}
.gnb-nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);border-radius:2px;transition:width 0.3s;}
.gnb-nav a:hover{color:var(--text);}
.gnb-nav a:hover::after{width:100%;}
.gnb-trigger:hover::after{width:100%;}
.gnb-dropdown{position:relative;}
.gnb-dropdown:hover .gnb-submenu{opacity:1;visibility:visible;}
.gnb-submenu{position:fixed;left:0;right:0;top:100px;margin:0;padding:0;min-height:152px;background:rgba(10,20,40,0.98);border-bottom:1px solid rgba(255,255,255,0.1);opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s;z-index:99;}
.gnb:hover .gnb-submenu{background:#fff;border-bottom:1px solid rgba(0,0,0,0.08);}
/* GNB 본메뉴(.gnb-inner)와 동일: 로고열 + 가운데 정렬 링크 + 우측 유틸 폭 */
.gnb-submenu-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  box-sizing:border-box;
  gap:0;
}
.gnb-submenu-inner::before{
  content:'';
  flex:0 0 168px;
  width:168px;
  max-width:min(168px,42%);
  min-width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
  visibility:hidden;
}
.gnb-submenu-inner::after{
  content:'';
  flex:0 0 104px;
  width:104px;
  max-width:min(104px,30%);
  min-width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
  visibility:hidden;
}
.gnb-submenu-links{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
}
@media (max-width:1199px){
  .gnb-submenu-inner::before,
  .gnb-submenu-inner::after{
    display:none;
  }
  .gnb-submenu-inner{
    justify-content:center;
    padding:0 var(--container-padding-x);
  }
  .gnb-submenu-links{
    width:100%;
    justify-content:center;
  }
}
.gnb-submenu a{display:block;padding:16px 28px;font-size:1rem;font-weight:500;white-space:nowrap;color:#fff;transition:background 0.2s,color 0.2s;}
.gnb:hover .gnb-submenu a{color:#333;}
.gnb-submenu a:hover,
.gnb:hover .gnb-submenu a:hover{background:transparent;color:#24ACFF!important;}
.gnb-submenu a::after{display:none!important;}
.gnb-submenu a:hover::after{display:none!important;}
.gnb-submenu a,
.gnb-fullmenu-col a,
.sub-nav.section-inner .sub-nav-links a{transition:color .22s ease,border-color .22s ease,background-color .22s ease;}
.gnb-submenu a:hover,
.gnb-submenu a:focus-visible,
.gnb-fullmenu-col a:hover,
.gnb-fullmenu-col a:focus-visible,
.sub-nav.section-inner .sub-nav-links a:hover,
.sub-nav.section-inner .sub-nav-links a:focus-visible{color:#24ACFF!important;}
.lang-switcher{position:relative;margin-left:8px;}
.lang-switcher-trigger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;color:inherit;border-radius:8px;}
.gnb:hover .lang-switcher-trigger{color:#333;}
.lang-globe{width:20px;height:20px;color:inherit;}
.lang-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:100px;background:rgba(10,20,40,0.98);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 0;z-index:100;}
.gnb:hover .lang-dropdown{background:#fff;border-color:rgba(0,0,0,0.1);}
.lang-dropdown[hidden]{display:none!important;}
.lang-option{display:block;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:0.95rem;text-align:left;color:#fff;}
.gnb:hover .lang-option{color:#333;}
.lang-option:hover,
.lang-option:focus-visible{color:#24ACFF!important;}
.lang-option[aria-selected="true"]{color:var(--primary);font-weight:700;}
/* 세부페이지 지구본 드롭다운(언어 서브메뉴) 색상 */
body.bdgen-subpage .lang-option{color:#111!important;}
body.bdgen-subpage .lang-option[aria-selected="true"]{color:#0065FA!important;font-weight:700;}
body.bdgen-subpage .lang-option:hover,
body.bdgen-subpage .lang-option:focus-visible{color:#24ACFF!important;}
/* 세부페이지 지구본 아이콘: active/hover 색상 고정 */
body.bdgen-subpage .lang-switcher-trigger{color:#0065FA!important;}
body.bdgen-subpage .lang-switcher-trigger:hover,
body.bdgen-subpage .lang-switcher-trigger:focus-visible,
body.bdgen-subpage .gnb:hover .lang-switcher-trigger:hover,
body.bdgen-subpage .gnb:hover .lang-switcher-trigger:focus-visible{color:#24ACFF!important;}
.gnb-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.gnb-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:10px;min-width:44px;min-height:44px;background:none;border:none;-webkit-tap-highlight-color:transparent;}
.gnb-menu-btn span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform 0.3s ease,opacity 0.25s ease;transform-origin:center;}
.gnb-menu-btn:hover span{background:#333;}
.gnb-menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.gnb-menu-btn.is-open span:nth-child(2){opacity:0;transform:scaleX(0);}
.gnb-menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.gnb-fullmenu{position:fixed;inset:0;z-index:9999;background:#fff;visibility:hidden;opacity:0;transition:visibility 0.3s,opacity 0.3s;overflow-y:auto;}
.gnb-fullmenu[aria-hidden="false"]{visibility:visible;opacity:1;}
.gnb-fullmenu-inner{position:relative;min-height:100%;padding:32px 24px 80px;max-width:1200px;margin:0 auto;}
.gnb-fullmenu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;}
.gnb-fullmenu-logo{display:block;}
.gnb-fullmenu-logo img{height:32px;width:auto;display:block;}
.gnb-fullmenu-close{font-size:1.75rem;color:#111;background:none;border:none;cursor:pointer;padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color 0.2s;}
.gnb-fullmenu-close:hover{color:var(--primary);}
.gnb-fullmenu-watermark{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);font-size:clamp(6rem,20vw,14rem);font-weight:900;color:rgba(0,0,0,0.04);white-space:nowrap;pointer-events:none;user-select:none;}
.gnb-fullmenu-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0 48px;align-items:start;}
.gnb-fullmenu-col{display:flex;flex-direction:column;gap:12px;}
.gnb-fullmenu-col-title{font-size:18px;font-weight:800;color:#111;margin-bottom:8px;letter-spacing:0.02em;display:inline-block;border-bottom:2px solid transparent;transition:color 0.2s,border-color 0.2s;}
.gnb-fullmenu-col-title:hover{color:#0065FA;border-bottom-color:#0065FA;}
.gnb-fullmenu-col a{font-size:18px;color:#333;text-decoration:none;padding:4px 0;transition:color 0.2s,border-color 0.2s;display:inline-block;border-bottom:2px solid transparent;}
.gnb-fullmenu-col a:hover{color:#0065FA;border-bottom-color:#0065FA;}
@media(max-width:1199px){.gnb-fullmenu-nav{grid-template-columns:1fr 1fr;gap:32px 24px;}}
@media(max-width:600px){.gnb-fullmenu-nav{grid-template-columns:1fr;}}
.mobile-sub{padding-left:24px!important;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-weight:600;border-radius:50px;transition:all 0.3s;}
.btn-primary{background:linear-gradient(135deg,#00C8FF 0%,#6C3FFF 100%);color:#fff;box-shadow:0 4px 20px rgba(0,200,255,0.35);}
footer{background:#030812;border-top:1px solid rgba(255,255,255,0.06);padding:48px 0 32px;}
.footer-inner{display:grid;grid-template-columns:minmax(200px,2fr) repeat(6,minmax(0,1fr));gap:clamp(24px,2vw,40px);margin-bottom:40px;}
@media (max-width:1279px) and (min-width:1200px){
  .footer-inner{grid-template-columns:repeat(3,1fr);gap:32px;}
  .footer-brand{grid-column:1 / -1;}
}
@media (max-width:1199px){
  .footer-inner{grid-template-columns:repeat(2,1fr);gap:32px;}
  .footer-brand{grid-column:1 / -1;}
}
.footer-brand{}
.footer-logo{display:inline-block;margin-bottom:16px;transition:opacity 0.3s;}
.footer-logo:hover{opacity:0.9;}
.footer-logo-img{display:block;height:32px;width:auto;max-width:170px;}
.footer-desc{font-size:0.85rem;color:var(--text-muted);line-height:1.7;margin-bottom:20px;max-width:280px;}
.footer-info{font-size:0.8rem;color:var(--text-muted);line-height:1.9;}
.footer-info a{color:inherit;text-decoration:none;position:relative;display:inline-block;transition:color 0.35s ease;}
.footer-info a:hover{color:var(--primary);}
.footer-col-title{font-size:0.82rem;font-weight:700;letter-spacing:0.08em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:16px;}
.footer-col ul{display:flex;flex-direction:column;gap:10px;}
.footer-col a{font-size:0.85rem;color:var(--text-muted);text-decoration:none;position:relative;display:inline-block;transition:color 0.35s ease;}
.footer-col a:hover{color:var(--primary);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.05);font-size:0.8rem;color:var(--text-muted);}
.footer-bottom-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.footer-bottom-links{display:flex;gap:20px;}
.footer-bottom-links a{color:var(--text-muted);text-decoration:none;position:relative;display:inline-block;transition:color 0.35s ease;}
.footer-bottom-links a:hover{color:var(--text-secondary);}
.footer-info a::after,
.footer-col a::after,
.footer-bottom-links a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);
  opacity:0.9;
  pointer-events:none;
}
.footer-info a:hover::after,
.footer-col a:hover::after,
.footer-bottom-links a:hover::after{transform:scaleX(1);}
.footer-family-site{position:relative;display:inline-block;}
.footer-family-site-trigger{display:inline-flex;align-items:center;gap:6px;font-size:0.9rem;font-weight:600;color:#0065FA;background:none;border:none;cursor:pointer;font-family:var(--font-family);padding:8px 12px;transition:opacity 0.2s;}
.footer-family-site-trigger:hover{opacity:0.9;}
.footer-family-site-trigger svg{width:12px;height:12px;transition:transform 0.2s;}
.footer-family-site.open .footer-family-site-trigger svg{transform:rotate(180deg);}
.footer-family-site-list{position:absolute;bottom:100%;left:0;margin-bottom:4px;min-width:160px;background:#fff;border:1px solid rgba(0,0,0,0.12);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.12);padding:8px 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity 0.2s,visibility 0.2s,transform 0.2s;z-index:10;}
.footer-family-site.open .footer-family-site-list{opacity:1;visibility:visible;transform:translateY(0);}
.footer-family-site-list a{display:block;padding:10px 16px;font-size:0.9rem;color:#111;text-decoration:none;position:relative;transition:background 0.25s ease,color 0.3s ease;}
.footer-family-site-list a::after{
  content:'';
  position:absolute;
  left:16px;
  bottom:8px;
  width:calc(100% - 32px);
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);
  pointer-events:none;
}
.footer-family-site-list a:hover{background:rgba(0,101,250,0.08);color:#0065FA;}
.footer-family-site-list a:hover::after{transform:scaleX(1);}
@media (prefers-reduced-motion:reduce){
  .footer-info a,
  .footer-col a,
  .footer-bottom-links a,
  .footer-family-site-list a{transition-duration:0.15s;}
  .footer-info a::after,
  .footer-col a::after,
  .footer-bottom-links a::after,
  .footer-family-site-list a::after{transition-duration:0.15s;}
}
.floating-brochure{display:none!important;}
.back-top{position:fixed;bottom:32px;right:32px;z-index:var(--z-back-top);width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,200,255,0.4);opacity:0;pointer-events:none;transition:var(--transition);font-size:1.1rem;color:#fff;}
.back-top.visible{opacity:1;pointer-events:all;}
.back-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,200,255,0.5);}
@media(max-width:768px){.back-top{bottom:20px;right:16px;width:48px;height:48px;}}
/* 서브페이지 공통: page-hero 있는 페이지(회사소개, 연혁 등) - GNB 흰색 기본, 호버 시 검정 */
body.bdgen-subpage:has(.page-hero) .gnb-nav a{color:#fff!important;}
body.bdgen-subpage:has(.page-hero) .gnb-logo-default{opacity:1!important;}
body.bdgen-subpage:has(.page-hero) .gnb-logo-hover{opacity:0!important;}
body.bdgen-subpage:has(.page-hero) .gnb-menu-btn span{background:#fff!important;}
body.bdgen-subpage:has(.page-hero) .lang-switcher-trigger{color:#fff!important;}
body.bdgen-subpage:has(.page-hero) .gnb-submenu{background:rgba(255,255,255,0.98)!important;border-bottom:1px solid rgba(0,0,0,0.08)!important;}
body.bdgen-subpage:has(.page-hero) .gnb-submenu a{color:#111!important;}
body.bdgen-subpage:has(.page-hero) .gnb-submenu a:hover{color:#24ACFF!important;}
body.bdgen-subpage:has(.page-hero) .lang-dropdown{background:#fff!important;border-color:rgba(0,0,0,0.08)!important;}
body.bdgen-subpage:has(.page-hero) .lang-option{color:#111!important;}
body.bdgen-subpage:has(.page-hero) .lang-option[aria-selected="true"]{color:#0065FA!important;font-weight:700;}
body.bdgen-subpage:has(.page-hero) .lang-option:hover,
body.bdgen-subpage:has(.page-hero) .lang-option:focus-visible{color:#24ACFF!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .gnb-nav a{color:#111!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .gnb-logo-default{opacity:0!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .gnb-logo-hover{opacity:1!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .gnb-menu-btn span{background:#111!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .lang-switcher-trigger{color:#111!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .gnb-submenu a{color:#111!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .gnb-submenu a:hover{color:#24ACFF!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .lang-option{color:#111!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .lang-option[aria-selected="true"]{color:#0065FA!important;}
body.bdgen-subpage:has(.page-hero) .gnb:hover .lang-option:hover,
body.bdgen-subpage:has(.page-hero) .gnb:hover .lang-option:focus-visible{color:#24ACFF!important;}
/* page-hero 없는 페이지(sub-nav만 있는 페이지) - GNB 검정 (흰 배경 대응) */
body.bdgen-subpage:not(:has(.page-hero)) .gnb-nav a{color:#111!important;}
body.bdgen-subpage:not(:has(.page-hero)) .gnb-logo-default{opacity:0!important;}
body.bdgen-subpage:not(:has(.page-hero)) .gnb-logo-hover{opacity:1!important;}
body.bdgen-subpage:not(:has(.page-hero)) .gnb-menu-btn span{background:#111!important;}
body.bdgen-subpage:not(:has(.page-hero)) .lang-switcher-trigger{color:#111!important;}
body.bdgen-subpage:not(:has(.page-hero)) .gnb-submenu{background:#fff!important;border-bottom:1px solid rgba(0,0,0,0.08)!important;}
body.bdgen-subpage:not(:has(.page-hero)) .gnb-submenu a{color:#111!important;}
body.bdgen-subpage:not(:has(.page-hero)) .gnb-submenu a:hover,
body.bdgen-subpage:not(:has(.page-hero)) .gnb:hover .gnb-submenu a:hover{color:#24ACFF!important;}
body.bdgen-subpage:not(:has(.page-hero)) .lang-dropdown{background:#fff!important;border-color:rgba(0,0,0,0.08)!important;}
body.bdgen-subpage:not(:has(.page-hero)) .lang-option{color:#111!important;}
body.bdgen-subpage:not(:has(.page-hero)) .lang-option[aria-selected="true"]{color:#0065FA!important;font-weight:700;}
body.bdgen-subpage:not(:has(.page-hero)) .lang-option:hover,
body.bdgen-subpage:not(:has(.page-hero)) .lang-option:focus-visible{color:#24ACFF!important;}
/* sub-nav 아래 첫 본문(헤드타이틀)까지 상단 여백 150px */
body.bdgen-subpage .page-hero+.bdgen-white-presentation,
body.bdgen-subpage .page-hero+.content-section,
body.bdgen-subpage .page-hero+#history.content-section{padding-top:150px!important;}
body.bdgen-subpage .sub-nav.section-inner+.container,
body.bdgen-subpage main .sub-nav.section-inner+.container{margin-top:150px!important;}
.sub-nav.section-inner{position:sticky;top:0;z-index:998;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:12px 24px;}
/* 히어로 안 서브내비: 100vw/vw 대신 % + .section-inner 본문 시작선(반쪽 600px + 24px)과 정렬 */
body.bdgen-subpage .page-hero .sub-nav.section-inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  padding-left:max(24px,calc(50% - 600px + 24px))!important;
  padding-right:max(24px,calc(50% - 600px + 24px))!important;
}
.sub-nav.section-inner .sub-nav-links{display:flex;gap:0;}
.sub-nav.section-inner .breadcrumb{display:flex;align-items:center;gap:6px 10px;font-size:13px;color:#999;letter-spacing:0.02em;}
.sub-nav.section-inner .breadcrumb a{font-size:13px;color:#999;text-decoration:none;transition:color 0.2s;}
.sub-nav.section-inner .breadcrumb a:hover{color:#111;}
.sub-nav.section-inner .breadcrumb .sep{font-size:13px;color:#999;user-select:none;}
.sub-nav.section-inner .breadcrumb .current{font-size:13px;color:#111;font-weight:600;}
.sub-nav.section-inner .breadcrumb .home-icon{width:14px;height:14px;flex-shrink:0;}
.sub-nav.section-inner:has(.breadcrumb:only-child){justify-content:flex-end;}
.content-section{padding:72px 0;}
.section-inner{max-width:1200px;margin:0 auto;padding:0 24px;}
.sec-title{font-size:clamp(36px,6vw,72px);letter-spacing:-0.02em;margin-bottom:14px;}
.sec-label{display:none;}
.sec-desc{color:rgba(0,0,0,0.62);line-height:1.9;max-width:820px;}
@media(max-width:1199px){.gnb-nav{display:none;}.gnb-inner{padding:0 var(--container-padding-x);}.gnb{padding:12px 0;}.gnb.scrolled{padding:10px 0;}}
@media(max-width:767px){
  :root{--container-padding-x:16px;}
  body{word-break:keep-all;overflow-wrap:anywhere;}
  .gnb-inner{padding-left:16px;padding-right:16px;}
  .gnb-logo-img{height:28px;}
  .footer-inner{grid-template-columns:1fr;}
  .footer-desc{max-width:100%;}
  .footer-info{overflow:visible;word-break:keep-all;}
  .footer-col a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;}
  .footer-family-site-trigger{min-height:44px;padding:10px 12px;}
  .gnb-fullmenu-inner{padding:24px 16px 72px;}
  .gnb-fullmenu-col a{display:flex;align-items:center;min-height:44px;padding:8px 0;}
  .section-inner{padding-left:16px;padding-right:16px;}
  .sub-nav.section-inner{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px;}
  body.bdgen-subpage .page-hero .sub-nav.section-inner{padding-left:16px!important;padding-right:16px!important;}
  .sub-nav.section-inner .sub-nav-links{flex-wrap:wrap;width:100%;gap:4px 12px;}
  .sub-nav.section-inner .breadcrumb{flex-wrap:wrap;}
  .page-main{padding:120px 0 60px;}
  .page-title{font-size:clamp(1.65rem,6vw,2.5rem);}
  .page-sub{font-size:1rem;}
  .lang-option{min-height:44px;display:flex;align-items:center;}
}
@media(max-width:768px){
  footer .footer-inner>.footer-col{display:none!important;}
}
/* hero-inner 서브텍스트 떨어지는 인터랙션 */
.hero-inner .hero-title.hero-title-cascade{opacity:0;transform:translateY(18px);animation:hero-title-cascade 0.65s cubic-bezier(0.22,1,0.36,1) forwards;}
.hero-inner .hero-desc.hero-desc-falling{overflow:hidden;}
.hero-inner .hero-desc.hero-desc-falling .hero-desc-char{display:inline-block;animation:hero-desc-fall 0.6s cubic-bezier(0.22,1,0.36,1) forwards;opacity:0;transform:translateY(-1em);}
@keyframes hero-title-cascade{to{opacity:1;transform:translateY(0);}}
@keyframes hero-desc-fall{to{opacity:1;transform:translateY(0);}}

/* 클릭 스파클 (랜딩과 동일, bdgen-interactions.js) */
.sparkle-burst{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:9999;}
.sparkle-particle{
  position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;
  background:#fff;
  box-shadow:0 0 10px 3px rgba(255,255,255,0.9),0 0 18px 6px rgba(0,101,250,0.5);
  transform:translate(-50%,-50%);
  animation:bdgen-sparkle-out 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
  opacity:1;
}
.sparkle-particle.sparkle-blue{
  background:#9cf;
  box-shadow:0 0 12px 4px rgba(153,204,255,0.95),0 0 20px 8px rgba(0,101,250,0.4);
}
@keyframes bdgen-sparkle-out{
  0%{transform:translate(-50%,-50%) translate(0,0) scale(1.2);opacity:1;}
  15%{transform:translate(-50%,-50%) translate(0,0) scale(1);opacity:1;}
  100%{transform:translate(-50%,-50%) translate(var(--dx,0),var(--dy,0)) translateY(10px) scale(0.4);opacity:0;}
}
@media(prefers-reduced-motion:reduce){
  .sparkle-particle{animation-duration:0.01ms!important;}
}