/* Apostille Korea — 공유 GNB 스타일 (index.html 인라인에서 마크업 클래스 기준 추출 · v2 comprehensive) */
.nav {
    background: #ffffff;
    border-bottom: 1px solid #eef1f6;
    padding: 14px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 100;
  }
.logo { display: flex; align-items: center; gap: 10px; }
.menu { display: flex; gap: 44px; align-items: center; }
.menu-item {
    font-size: 15px; font-weight: 600; color: #1a2e4a;
    display: flex; align-items: center; gap: 5px; padding: 8px 0;
  }
.menu-item:hover { color: #1E5BBA; }
.menu-item .caret { font-size: 10px; opacity: 0.6; }
.nav-bi{display:inline-flex;flex-direction:column;line-height:1.15;}
.nav-bi .nav-en{font-size:15px;font-weight:700;}
.nav-bi .nav-ko{font-size:10.5px;font-weight:600;color:#7da3d6;letter-spacing:-.2px;margin-top:4px;}
.nav-sec .nav-en{color:#7c8aa0;}
.nav-sec .nav-ko{color:#9aa6bd;}
.nav-sec:hover .nav-en{color:#5b6a82;}
.menu .bi-col{display:inline-flex;flex-direction:column;line-height:1.18;min-width:0;}
.menu .bi-col>[data-i18n]:first-child{font-weight:700;}
.menu .bi-col .i18n-sub{font-size:.8em;font-weight:600;color:#7da3d6;margin-left:0;margin-top:1px;letter-spacing:-.2px;}
.menu .submenu-link .lbl{align-items:center;}
.menu .submenu-link>.lbl .i18n-sub,.menu .flyout-link .i18n-sub{font-size:.82em;font-weight:600;color:#7da3d6;}
.kosub{display:block;font-size:.8em;opacity:.6;font-weight:600;margin-top:2px;line-height:1.2;}
.menu-item:hover .nav-bi .nav-ko{color:#7da3d6;}
.contact-btn.bi-btn{display:inline-flex;flex-direction:column;align-items:center;line-height:1.12;gap:3px;}
.contact-btn.bi-btn .nav-ko{font-size:10px;font-weight:600;opacity:.85;}
.nav-right { display: flex; align-items: center; gap: 14px; }
.lang-btn {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px; border-radius: 8px;
    background: #f1f5fb;
    font-size: 13px; font-weight: 600; color: #1a2e4a;
  }
.contact-btn {
    padding: 10px 20px; border-radius: 8px;
    background: #0A3A8C; color: #fff;
    font-size: 13px; font-weight: 700;
    box-shadow: 0 4px 12px rgba(10,58,140,0.3);
  }
.sub-panel-title .ico {
    width: 24px; height: 24px;
    border-radius: 6px;
    background: linear-gradient(135deg, #0A3A8C, #1E5BBA);
    color: #fff; font-size: 13px;
    display: flex; align-items: center; justify-content: center;
  }
.trust-item .ico { color: #FFD56B; }
.menu-item.has-sub { position: relative; cursor: pointer; }
.menu-item.has-sub > .caret { transition: transform 0.2s; }
.menu-item.has-sub:hover > .caret { transform: rotate(180deg); }
.submenu {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 18px 44px rgba(26,46,74,0.20);
    border: 1px solid #e8edf4;
    padding: 10px;
    min-width: 210px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 300;
  }
.submenu::before { content:''; position:absolute; top:-16px; left:0; right:0; height:16px; }
.menu-item.has-sub:hover .submenu {
    opacity: 1; visibility: visible;
    transform: translateX(-50%) translateY(0);
  }
.submenu-link {
    display: flex; align-items: center; gap: 10px;
    padding: 11px 14px; border-radius: 10px;
    font-size: 14px; font-weight: 600; color: #1a2e4a;
    white-space: nowrap; text-decoration: none;
    transition: all 0.15s ease;
  }
.submenu-link:hover {
    background: #f1f5fb; color: #1E5BBA;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(10,58,140,0.12);
  }
.submenu-link .ico { font-size: 16px; }
.menu-item.has-sub:hover .submenu-nations { transform: translateX(0) translateY(0); }
.nations-search{width:100%;box-sizing:border-box;margin:0 0 9px;padding:9px 13px;border:1px solid #e3e9f2;border-radius:9px;font-size:13.5px;color:#1a2238;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s;}
.nations-search::placeholder{color:#9aa6bd;}
.nations-search:focus{border-color:#1E5BBA;box-shadow:0 0 0 3px rgba(30,91,186,.13);}
.nations-grid {
    display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px; max-height: 430px; overflow-y: auto; padding-right: 6px;
  }
/* 국가 항목 — 병기(영문+한글) 국가명이 셀 폭을 넘으면 말줄임 처리 (site.css 와 동일 세트,
   이 파일만 로드하는 페이지에서 옆 칸 겹침 방지) */
.nation-item{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;
    font-size:13px;font-weight:600;color:#1a2e4a;text-decoration:none;white-space:nowrap;
    overflow:hidden;transition:all .15s ease;}
.nation-item:hover{background:#eef4fd;}
.nation-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.nation-item .nat-col{display:inline-flex;flex-direction:column;min-width:0;line-height:1.12;overflow:hidden;}
.nation-item .nat-col>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nation-item .nat-ko{font-size:11px;font-weight:600;color:#7da3d6;margin-top:1px;}
.nations-grid .nation-item img{width:22px !important;height:15px !important;max-width:22px !important;object-fit:cover;}
.lang-btn { transition: all 0.18s ease; }
.lang-btn:hover {
    background: linear-gradient(135deg, #7C4DFF, #B14DFF);
    color: #fff;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 18px rgba(124,77,255,0.45);
  }
.contact-btn { transition: all 0.18s ease; }
.contact-btn:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 26px rgba(10,58,140,0.5);
  }
.menu-item.has-sub.pinned > .submenu {
    opacity: 1 !important; visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
  }
.submenu-link.has-flyout {
    position: relative;
    justify-content: space-between;
    cursor: pointer;
  }
.submenu-link.has-flyout .lbl { display: flex; align-items: center; gap: 10px; }
.submenu-link.has-flyout::after {
    content: "\25B8"; font-size: 12px; opacity: 0.5; margin-left: 10px;
    transition: transform 0.15s ease, opacity 0.15s ease;
  }
.submenu-link.has-flyout.open { background: #eef4fb; color: #0A3A8C; }
.submenu-link.has-flyout.open::after { opacity: 1; transform: translateX(2px); color: #1E5BBA; }
.flyout {
    position: absolute;
    top: -11px;
    left: calc(100% + 12px);
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 18px 44px rgba(26,46,74,0.22);
    border: 1px solid #e8edf4;
    padding: 10px;
    min-width: 234px;
    opacity: 0; visibility: hidden;
    transform: translateX(8px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    z-index: 330;
  }
.flyout::before { content:''; position:absolute; left:-14px; top:0; bottom:0; width:14px; }
.flyout { max-height: 76vh; overflow-y: auto; }
.submenu-link.has-flyout.open > .flyout {
    opacity: 1; visibility: visible; transform: translateX(0);
  }
.flyout-link {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 14px; border-radius: 10px;
    font-size: 13.5px; font-weight: 600; color: #1a2e4a;
    white-space: nowrap; text-decoration: none;
    transition: all 0.15s ease;
  }
.flyout-link:hover {
    background: #f1f5fb; color: #1E5BBA;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(10,58,140,0.12);
  }
.nations-caption {
    margin-top: 12px; padding: 11px 14px;
    background: linear-gradient(135deg, #0A2A5E, #143E8E);
    color: #fff; border-radius: 8px;
    font-size: 13px; font-weight: 700; text-align: center;
    letter-spacing: 0.2px;
    box-shadow: 0 6px 16px rgba(10,58,140,0.22);
  }
.flyout-link.has-subflyout {
    position: relative;
    justify-content: space-between;
    cursor: pointer;
  }
.flyout-link.has-subflyout .lbl { display: flex; align-items: center; gap: 8px; }
.flyout-link.has-subflyout::after {
    content: "\25B8"; font-size: 11px; opacity: 0.5; margin-left: 10px;
    transition: transform 0.15s ease, opacity 0.15s ease;
  }
.flyout-link.has-subflyout.open { background: #eef4fb; color: #0A3A8C; }
.flyout-link.has-subflyout.open::after { opacity: 1; transform: translateX(2px); color: #1E5BBA; }
.flyout-link.has-subflyout > .flyout {
    top: -11px; left: calc(100% + 12px); min-width: 220px;
    max-height: 70vh; overflow-y: auto;
  }
.flyout-link.has-subflyout.open > .flyout {
    opacity: 1; visibility: visible; transform: translateX(0);
  }
.submenu-link.special {
    justify-content: space-between;
    background: linear-gradient(135deg, #FFF6D6, #FFE99B);
    border: 1px solid #FFD56B;
    color: #9c6f1f;
    font-weight: 800;
    margin-top: 4px;
  }
.submenu-link.special .lbl { display: flex; align-items: center; gap: 10px; }
.submenu-link.special::after {
    content: "SPECIAL";
    font-size: 8px; font-weight: 800; letter-spacing: 0.6px;
    background: linear-gradient(135deg, #FF8B3D, #FFAA33);
    color: #fff; padding: 3px 7px; border-radius: 999px;
    margin-left: 8px;
    box-shadow: 0 2px 6px rgba(255,139,61,0.4);
  }
.submenu-link.special:hover {
    background: linear-gradient(135deg, #FFE99B, #FFD56B);
    color: #7a560f;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(255,170,51,0.4);
  }
.user-menu { position: relative; }
.user-btn {
    width: 40px; height: 40px; border-radius: 10px;
    background: #f1f5fb; color: #1a2e4a;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.18s ease;
  }
.user-btn:hover {
    background: #e8f0fb; color: #0A3A8C;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 18px rgba(10,58,140,0.25);
  }
.user-dropdown {
    position: absolute; top: calc(100% + 12px); right: 0;
    background: #fff; border-radius: 14px; border: 1px solid #e8edf4;
    box-shadow: 0 18px 44px rgba(26,46,74,0.20);
    padding: 8px; min-width: 168px;
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: all 0.2s ease; z-index: 300;
  }
.user-dropdown::before { content:''; position:absolute; top:-14px; left:0; right:0; height:14px; }
.user-menu:hover .user-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.user-dropdown a {
    display: block; padding: 11px 14px; border-radius: 9px;
    font-size: 14px; font-weight: 600; color: #1a2e4a;
    text-decoration: none; text-align: center;
    transition: all 0.15s ease;
  }
.user-dropdown a:hover { background: #f1f5fb; color: #1E5BBA; transform: translateY(-2px); }
.user-btn { position: relative; overflow: hidden; }
.user-menu:not(.logged-in) .user-btn {
    background: linear-gradient(135deg,#eef2ff 0%,#f6eefe 50%,#eafaff 100%);
    color: #3b2a8c;
    box-shadow: 0 0 0 1.5px rgba(150,140,255,.40), 0 6px 16px rgba(120,90,220,.20);
    animation: holoGlow 2.1s ease-in-out 3;
  }
.user-menu:not(.logged-in) .user-btn::after {
    content:''; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
    background: linear-gradient(115deg, transparent 28%, rgba(255,255,255,.92) 42%, rgba(120,200,255,.68) 49%, rgba(225,130,255,.68) 56%, rgba(255,235,150,.55) 62%, transparent 74%);
    background-size: 260% 100%; background-position: 210% 0; mix-blend-mode: screen;
    animation: holoSheen 2.1s ease-in-out 3;
  }
.user-menu.logged-in .user-btn { animation: none; }
.user-menu.logged-in .user-btn::after { display: none; }
.user-dropdown a.my-primary {
    background: linear-gradient(135deg,#0A3A8C,#1E5BBA); color:#fff; font-weight:800;
    box-shadow: 0 6px 14px rgba(10,58,140,.30); margin-bottom:4px; letter-spacing:-.2px;
  }
.user-dropdown a.my-primary:hover {
    background: linear-gradient(135deg,#0A3A8C,#2f6fd6); color:#fff;
    transform: translateY(-2px); box-shadow: 0 9px 20px rgba(10,58,140,.42);
  }
.lang-menu { position: relative; }
.lang-dropdown {
    position: absolute; top: calc(100% + 12px); right: 0;
    background: #fff; border-radius: 14px; border: 1px solid #e8edf4;
    box-shadow: 0 18px 44px rgba(26,46,74,0.20);
    padding: 8px; min-width: 184px;
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: all 0.2s ease; z-index: 300;
    max-height: 70vh; overflow-y: auto;
  }
.lang-dropdown::before { content:''; position:absolute; top:-14px; left:0; right:0; height:14px; }
.lang-menu:hover .lang-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-dropdown a {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 13px; border-radius: 9px;
    font-size: 13.5px; font-weight: 600; color: #1a2e4a;
    text-decoration: none; white-space: nowrap;
    transition: all 0.15s ease;
  }
.lang-dropdown a:hover { background: #f1f5fb; color: #1E5BBA; transform: translateY(-2px); }
.lang-dropdown a .flag-em { font-size: 16px; }
.about-icon { position: relative; padding: 0; }
.about-icon .icon-btn {
    width: 40px; height: 40px; border-radius: 10px;
    background: #f1f5fb; color: #1a2e4a;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.18s ease;
  }
.about-icon .icon-btn:hover {
    background: #e8f0fb; color: #0A3A8C;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 18px rgba(10,58,140,0.25);
  }
.about-icon > .submenu { left: auto; right: 0; min-width: 190px; transform: translateY(8px); }
.about-icon.has-sub:hover > .submenu,
  .about-icon.has-sub.pinned > .submenu {
    opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important;
  }
.about-icon .flyout { left: auto; right: calc(100% + 12px); transform: translateX(-8px); }
.about-icon .flyout::before { left: auto; right: -14px; }
.about-icon .submenu-link.has-flyout.open > .flyout { transform: translateX(0); }
.about-icon .submenu-link.has-flyout::after { content: "\25C2"; }
.nav-toggle{display:none;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:#0A2A5E;padding:4px 8px;}
@media (max-width:1024px){
    .nav{flex-wrap:wrap;padding:12px 20px;}
    .nav-toggle{display:flex;margin-left:auto;order:2;}
    .menu,.nav-right{flex-basis:100%;width:100%;display:none;flex-direction:column;order:3;}
    .nav.open .menu,.nav.open .nav-right{display:flex;}
    .menu{gap:0;margin-top:10px;border-top:1px solid #eef1f6;}
    .menu-item{padding:13px 4px;width:100%;border-bottom:1px solid #f3f5fa;}
    /* 모바일 아코디언: 하드하이드 대신 흐름배치+토글 (탭으로 2·3뎁스 도달) */
    .menu-item .submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 4px;min-width:0;width:auto;background:transparent;z-index:auto;}
    .menu-item.mobile-open>.submenu{display:block;}
    .menu-item.has-sub>.caret{transition:transform .2s;}
    .menu-item.mobile-open>.caret{transform:rotate(180deg);}
    .submenu-link{white-space:normal;}
    .menu-item .submenu .flyout{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;display:none;opacity:1!important;visibility:visible!important;box-shadow:none!important;border:0;width:auto!important;min-width:0!important;max-width:100%!important;max-height:none!important;overflow:visible!important;padding:2px 0 6px 14px;margin:0;}
    .submenu-link.has-flyout.open>.flyout{display:block;}
    .menu-item .submenu .submenu-link.has-flyout{display:block!important;}
    .menu-item .submenu .submenu-link.has-flyout .lbl{width:100%;}
    .submenu .flyout.mega,.submenu .flyout.mega-nations,.submenu .flyout.mega-purpose{grid-template-columns:1fr!important;width:auto!important;max-width:100%!important;}
    .menu-item .caret{margin-left:auto;}
    .nav-right{gap:10px;margin-top:12px;align-items:stretch;}
    .nav-right .contact-btn{width:100%;}
    .hero{padding:40px 24px 50px;min-height:0;}
    .hero-inner{grid-template-columns:1fr;gap:30px;}
    .stat-bar{flex-wrap:wrap;}
    .stat-bar .stat-tile{flex:1 1 calc(25% - 8px);}
  }
@media (max-width:720px){
    .nav{padding:12px 16px;}
    .hero{padding:30px 16px 40px;}
    .hero-title{font-size:40px;}
    .stat-bar .stat-tile{flex:1 1 calc(50% - 8px);}
    .trust-bar{gap:12px;}
    .client-board{margin:32px auto 0;}
    .footer-contacts{grid-template-columns:1fr 1fr;}
    .footer-inner{padding:22px 18px;}
    .cf-stage{height:300px;}
    .cf-arrow{width:40px;height:40px;font-size:22px;}
  }
.flyout.mega{width:540px;max-width:80vw;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.flyout.mega .mega-col{min-width:0;}
.flyout.mega .mega-h{font-weight:800;font-size:13.5px;border-bottom:2px solid #e6ebf5;padding-bottom:7px;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.flyout.mega .mega-h.personal{color:#1E5BBA;border-color:#dbe7fb;}
.flyout.mega .mega-h.corp{color:#0E7C66;border-color:#cdeee3;}
.flyout.mega .mega-sub{font-size:10px;font-weight:600;color:#9aa3b0;}
.flyout.mega .mega-top{display:flex;gap:6px;margin-bottom:8px;}
.flyout.mega .mega-top a{flex:1;text-align:center;font-size:11.5px;font-weight:800;border-radius:7px;padding:6px 0;text-decoration:none;color:#fff;background:#1E5BBA;}
.flyout.mega .mega-top a.corp{background:#0E7C66;}
.flyout.mega .mega-top a.mt-best{background:#FFE6A1;color:#5a3d05;}
.flyout.mega .mega-col .flyout-link{padding:5.5px 6px;font-size:12.5px;border-radius:6px;}
@media(max-width:760px){.flyout.mega{width:auto;max-width:92vw;grid-template-columns:1fr;gap:14px;}}
.flyout.mega-nations{width:740px;max-width:84vw;padding:14px 16px;}
.flyout.mega-nations .nations-search{margin-bottom:10px;}
.flyout.mega-purpose{width:430px;max-width:84vw;padding:14px 16px;}
@media(max-width:760px){.flyout.mega-nations,.flyout.mega-purpose{width:auto;max-width:92vw;}}
.flyout.mega.biz{width:560px;grid-template-columns:1fr 1fr;gap:18px 20px;max-height:calc(100vh - 150px);overflow-y:auto;}
.flyout.mega.biz::after{content:'';position:absolute;right:-14px;top:0;bottom:0;width:14px;}
.flyout.mega.personal{width:600px;grid-template-columns:1fr 1fr;gap:16px 20px;max-height:calc(100vh - 150px);overflow-y:auto;}
.flyout.mega.personal::after{content:'';position:absolute;right:-14px;top:0;bottom:0;width:14px;}
.flyout.mega .mega-h.imm{color:#1E5BBA;border-color:#dbe7fb;}
.flyout.mega .mega-h.glb{color:#0E7C66;border-color:#cdeee3;}
.flyout.mega .mega-h.wed{color:#C2185B;border-color:#f3cede;}
.flyout.mega .mega-h.ast{color:#7A4ED6;border-color:#e2d7f7;}
.flyout.mega .mega-top a.imm{background:#e7effc;color:#1E5BBA;border:1px solid #dbe7fb;transition:all .15s ease;}
.flyout.mega .mega-top a.imm:hover{background:#1E5BBA;color:#fff;border-color:#1E5BBA;}
.flyout.mega .mega-top a.glb{background:#e2f4ed;color:#0E7C66;border:1px solid #cdeee3;transition:all .15s ease;}
.flyout.mega .mega-top a.glb:hover{background:#0E7C66;color:#fff;border-color:#0E7C66;}
.flyout.mega .mega-top a.sch{background:#fbeadf;color:#C2410C;border:1px solid #f6d9c6;transition:all .15s ease;}
.flyout.mega .mega-top a.sch:hover{background:#C2410C;color:#fff;border-color:#C2410C;}
.flyout.mega .mega-top a.wed{background:#fbe7f0;color:#C2185B;border:1px solid #f3cede;transition:all .15s ease;}
.flyout.mega .mega-top a.wed:hover{background:#C2185B;color:#fff;border-color:#C2185B;}
.flyout.mega .mega-top a.ast{background:#efe8fb;color:#7A4ED6;border:1px solid #e2d7f7;transition:all .15s ease;}
.flyout.mega .mega-top a.ast:hover{background:#7A4ED6;color:#fff;border-color:#7A4ED6;}
@media(max-width:1100px){.flyout.mega.personal{width:600px;grid-template-columns:1fr 1fr;}}
@media(max-width:760px){.flyout.mega.personal{width:auto;max-width:92vw;grid-template-columns:1fr;gap:14px;}}
body.dl-active .menu-item.has-sub:not(.deeplinked):hover .submenu{opacity:0;visibility:hidden;}
.flyout.mega.compact{grid-template-columns:1fr 1fr !important;}
.submenu-link{position:relative;}
.submenu-link:hover{z-index:30;}
.flyout.mega{z-index:20;}
.flyout.mega .mega-h.ind{color:#C2185B;border-color:#f3cede;}
.flyout.mega .mega-h.sol{color:#0E7C66;border-color:#cdeee3;}
.flyout.mega .mega-h.law{color:#7A4ED6;border-color:#e2d7f7;}
.flyout.mega .mega-h.trd{color:#B7791F;border-color:#f0e0bd;}
.flyout.mega .mega-top a.ind{background:#fbe7f0;color:#C2185B;border:1px solid #f3cede;transition:all .15s ease;}
.flyout.mega .mega-top a.ind:hover{background:#C2185B;color:#fff;border-color:#C2185B;}
.flyout.mega .mega-top a.sol{background:#e2f4ed;color:#0E7C66;border:1px solid #cdeee3;transition:all .15s ease;}
.flyout.mega .mega-top a.sol:hover{background:#0E7C66;color:#fff;border-color:#0E7C66;}
.flyout.mega .mega-top a.law{background:#efe8fb;color:#7A4ED6;border:1px solid #e2d7f7;transition:all .15s ease;}
.flyout.mega .mega-top a.law:hover{background:#7A4ED6;color:#fff;border-color:#7A4ED6;}
.flyout.mega .mega-top a.trd{background:#f9efdb;color:#B7791F;border:1px solid #f0e0bd;transition:all .15s ease;}
.flyout.mega .mega-top a.trd:hover{background:#B7791F;color:#fff;border-color:#B7791F;}
.badge-soon{font-size:9.5px;font-weight:800;color:#a3873d;background:#fff3d6;border-radius:5px;padding:1px 6px;margin-left:4px;vertical-align:1px;}
@media(max-width:1100px){.flyout.mega.biz{width:560px;grid-template-columns:1fr 1fr;}}
@media(max-width:760px){.flyout.mega.biz{width:auto;max-width:92vw;grid-template-columns:1fr;gap:14px;}}
.logo.imgok .logo-img{display:block;}
.logo.imgok .logo-mark,.logo.imgok .logo-text{display:none;}
.logo-home:hover .logo-img{transform:translateY(-2px);filter:drop-shadow(0 6px 12px rgba(10,42,94,.25));}
.logo-home:hover .logo-mark{transform:translateY(-2px);box-shadow:0 6px 14px rgba(10,42,94,.35);}
.submenu-theme-h .i18n-sub{color:#9aa3b5;font-weight:600;}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.theme-chip{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#f6f8fc;border:1px solid #e8edf5;border-radius:9px;text-decoration:none;transition:.15s;}
.theme-chip:hover{background:#eaf1fb;border-color:#bcd2f0;transform:translateY(-1px);}
.theme-chip .tc-ic{font-size:17px;line-height:1;}
.theme-chip .tc-tx{display:flex;flex-direction:column;font-size:12px;font-weight:700;color:#0A2A5E;line-height:1.25;}
.theme-chip .tc-tx .i18n-sub{font-size:10px;font-weight:600;color:#7da3d6;margin-top:2px;}
.nav-right .lang-menu{order:99;}
.lang-dropdown{right:0;left:auto;}
.ak-collapse .lbl{ font-size:13px;font-weight:600;color:#6b7e99; }
@keyframes holoGlow {
    0%,100% { box-shadow: 0 0 0 1.5px rgba(150,140,255,.40), 0 6px 16px rgba(120,90,220,.20); }
    50%     { box-shadow: 0 0 0 2.5px rgba(190,130,255,.65), 0 10px 24px rgba(90,170,255,.45); }
  }
@keyframes holoSheen { 0% { background-position: 210% 0; } 55%,100% { background-position: -130% 0; } }
/* about.css 범용 .logo(카드)가 GNB 로고에 새는 것 차단 */
.nav a.logo,.nav a.logo-home{background:none;border:0;min-height:0;padding:0;border-radius:0;box-shadow:none;flex-direction:row;align-items:center;gap:10px;}
.nav a.logo:hover{transform:none;box-shadow:none;border:0;}
.nav a.logo img{max-height:none;max-width:none;}
.nav a.logo .cn{margin-top:0;}
/* langpos + GNB가 상단 대체 → 기존 mini topbar 숨김 */
.nav-right .lang-menu{order:99;} .lang-dropdown{right:0;left:auto;}
.ak-topbar{display:none !important;}

/* GNB 적용 페이지(mypage·profile_edit 등)의 옛 .topbar 헤더 숨김 */
.topbar{display:none !important;}

/* ── 히어로 동기화 보강 ── */
/* 1) GNB 버튼 테두리 리셋(히어로 전역 button{border:none} 대체, .nav 한정 → 페이지 버튼 불간섭) */
.nav button{ border:none; cursor:pointer; font-family:inherit; }
/* 2) GNB 폰트를 히어로와 동일 강제(페이지 body 폰트 상속으로 인한 이질감 방지) */
.nav, .nav *{ font-family:"Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif; }

/* ===== 메가메뉴 호버인텐트(대각선 이동 보호) =====
   JS(site-gnb.js initHoverIntent)가 body.mm-aim 추가 + 1depth에 .mm-open 토글.
   이때 1depth 서브메뉴는 :hover가 아닌 .mm-open/.pinned로만 표시 → 두 번째 메뉴를 스쳐도 즉시 안 바뀜.
   deeplink 모드(dl-active)에서는 기존 동작으로 폴백. */
body.mm-aim:not(.dl-active) .nav .menu > .menu-item.has-sub > .submenu{ opacity:0; visibility:hidden; transform:translateX(-50%) translateY(8px); }
body.mm-aim:not(.dl-active) .nav .menu > .menu-item.has-sub.mm-open > .submenu,
body.mm-aim:not(.dl-active) .nav .menu > .menu-item.has-sub.pinned > .submenu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
body.mm-aim:not(.dl-active) .nav .menu > .menu-item.has-sub.mm-open > .caret{ transform:rotate(180deg); }

/* ===== GNB 심화 — 3차 플라이아웃·메가 패널·언어 드롭다운 (site.css 동기화, site-gnb.css 만 로드하는 페이지의 신 GNB 지원) ===== */
.menu .submenu-link > .lbl .i18n-sub, .menu .flyout-link .i18n-sub{font-size: .82em; font-weight: 600; color: #7da3d6;}
.submenu-nations-title{font-size: 13px; font-weight: 800; color: #0A3A8C;
  padding: 2px 6px 12px; border-bottom: 1px solid #eef1f6; margin-bottom: 12px;
  display: flex; align-items: center; gap: 6px;}
.nation-item .nat-col > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submenu-link.has-flyout:hover{background: #eef4fb; color: #0A3A8C;}
.submenu-link.has-flyout:hover::after{opacity: 1; transform: translateX(2px); color: #1E5BBA;}
.submenu-link.has-flyout:hover > .flyout{opacity: 1; visibility: visible; transform: translateX(0);}
.about-icon .submenu-link.has-flyout:hover > .flyout{transform: translateX(0);}
.flyout.mega .mega-search{grid-column: 1/-1; display: flex; align-items: center; justify-content: center; gap: 7px;
  background: linear-gradient(135deg,#0A3A8C,#1E5BBA); color: #fff; font-weight: 800;
  font-size: 12.5px; border-radius: 9px; padding: 10px 12px; margin-bottom: 10px; text-decoration: none;}