/* ============================================================
   GNB 주요 메뉴 v2 — gnbmenu.css (common.css 다음 로드, 버전=csspara)
   렌더: include/gnb_menu.inc.php ti_gnb_nav (클래스 tnav*)
   1단 대메뉴(hover 아래 드롭다운) → 2단 세로 목록 → 3단 우측 플라이아웃
   모바일(940px↓): 드로어 안에 전부 펼침(기존 tiGnbToggle 그대로 사용)
   ============================================================ */
.tnav{flex:0 0 auto;}
.tnav__menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.tnav__menu>li{position:relative;}
.tnav__lk{display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:9px;font-family:var(--sans);font-size:16px;font-weight:700;color:#42474f;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s;}
.tnav__lk:hover{background:#f2f4f8;color:var(--brand-ink);}
.tnav__lk.is-on{background:var(--chip);color:var(--brand-ink);}
.tnav__car{flex:0 0 auto;opacity:.55;}

/* 2단 드롭다운 (대메뉴 아래) */
.tnav__dd{position:absolute;top:100%;left:0;margin:6px 0 0;padding:8px;min-width:216px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-hover);display:none;z-index:130;}
.tnav__dd::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;}   /* hover 끊김 방지 브리지 */
.tnav__has:hover>.tnav__dd,.tnav__has:focus-within>.tnav__dd{display:block;}
.tnav__dd>li{position:relative;}
.tnav__lk2{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:8px;font-size:15px;font-weight:500;color:#42474f;text-decoration:none;white-space:nowrap;}
.tnav__lk2:hover{background:#f2f4f8;color:var(--brand-ink);}
.tnav__lk2.is-on{background:var(--chip);color:var(--brand-ink);font-weight:700;}

/* 3단 플라이아웃 (우측) */
.tnav__fly{position:absolute;top:-9px;left:100%;margin:0 0 0 4px;padding:8px;min-width:216px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-hover);display:none;z-index:131;}
.tnav__fly::before{content:"";position:absolute;top:0;bottom:0;left:-6px;width:6px;}   /* hover 브리지 */
.tnav__has2:hover>.tnav__fly,.tnav__has2:focus-within>.tnav__fly{display:block;}
.tnav__fly a{display:block;padding:9px 12px;border-radius:8px;font-size:15px;font-weight:500;color:#42474f;text-decoration:none;white-space:nowrap;}
.tnav__fly a:hover{background:#f2f4f8;color:var(--brand-ink);}
.tnav__fly a.is-on{background:var(--chip);color:var(--brand-ink);font-weight:700;}

/* 중간 폭 — 살짝 압축 */
@media (max-width:1120px){
	.tnav__lk{padding:8px 10px;font-size:15px;}
}

/* 모바일 드로어 — 940px↓ 전부 펼침 (토글: top_skin tiGnbToggle → header.is-open) */
@media (max-width:940px){
	.tnav{display:none;order:4;flex:1 1 100%;border-top:1px solid var(--line-2);padding-top:6px;}
	.gnb.is-open .tnav{display:block;}
	.tnav__menu{flex-direction:column;align-items:stretch;gap:2px;}
	.tnav__car{display:none;}
	.tnav__dd,.tnav__fly{position:static;display:block;margin:0;padding:0 0 4px 16px;min-width:0;border:0;box-shadow:none;background:transparent;z-index:auto;}
	.tnav__dd::before,.tnav__fly::before{display:none;}
	.tnav__lk{font-weight:800;}   /* 대메뉴는 그룹 제목처럼 */
}