/* ===== 탑바 흰 바탕 ===== */
.topbar {
    background: #ffffff;

    padding: 6px 0;
}

/* 리스트 기본 */
.topbar .top-links {
    display: flex;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 버튼 스타일 */
.topbar .tab-btn {
    display: inline-block;
    padding: 6px 14px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
}

.topbar .tab-btn:hover {
    background: #f0f8ff;
    border-color: #2b79ff;
    color: #2b79ff;
}

/* 링크등록 강조 */
.topbar .tab-btn.highlight {
    background: #2b79ff;
    border-color: #2b79ff;
    color: #fff;
}
.topbar .tab-btn.highlight:hover {
    background: #1e5fcc;
    border-color: #1e5fcc;
}










/* ===============================
   링크닷컴 상단 네비게이션 (grid 균등분배 + 2줄 메뉴)
   =============================== */
.ttm-navbar {
    --bg: #0b1220;
    --line: rgba(255,255,255,0.08);
    --fg: #cfd6e4;
    --fg-strong: #ffffff;
    --accent: #2b79ff;
    --accent-soft: rgba(43,121,255,0.16);
    background: linear-gradient(180deg, var(--bg) 0%, #0a0f1b 100%);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.ttm-navbar .container { padding-left: 0; padding-right: 0; }

/* 메뉴: 화면폭 꽉 채워 균등 */
.ttm-menu{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.ttm-menu .nav-item{ border-right: 1px solid var(--line); }
.ttm-menu .nav-item:first-child{ border-left: 1px solid var(--line); }

/* 링크(2줄 전용) */
.ttm-menu .nav-link{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding: .85rem .5rem;
    color: var(--fg);
    font-weight: 600;
    text-decoration: none;
    transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
    outline: none;
    min-height: 60px;            /* 2줄 균형 유지 */
}
.ttm-menu .menu-line{
    display:block;
    line-height:1;
    font-size:1.5rem;
    font-weight: 500;
    letter-spacing:.1px;
    font-family: GmarketSans;
}
.ttm-menu .menu-line.highlight{
    color: var(--accent);
    font-weight: 700;
}

/* hover/active */
.ttm-menu .nav-link:hover{
    color: var(--fg-strong);
    background: var(--accent-soft);
    transform: translateY(-2px);
}
.ttm-menu .nav-link.active{
    color: var(--fg-strong);
    background: var(--accent-soft);
    box-shadow: inset 0 -2px 0 var(--accent);
    transform:none;
}

/* 브랜드(첫 항목) 강조 */
.ttm-menu .nav-item.fw-bold .nav-link{ font-weight:800; letter-spacing:.2px; }

/* 포커스 접근성 */
.ttm-menu .nav-link:focus-visible{ box-shadow: inset 0 0 0 2px var(--accent); }

/* 모바일: 가로 스크롤(깨끗한 스냅), 글자 약간 축소 */
@media (max-width: 991.98px){
    .ttm-navbar .container, .ttm-navbar .container-fluid{ padding-left:0; padding-right:0; }
    .ttm-menu{
        display:flex;
        overflow-x:auto; overflow-y:hidden;
        gap:0; scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
    }
    .ttm-menu .nav-item{
        flex:0 0 auto;
        border-left:1px solid var(--line);
        border-right:none;
    }
    .ttm-menu .nav-link{ padding:.8rem .85rem; min-height:56px; }
    .ttm-menu .menu-line{ font-size:.88rem; }
    .ttm-menu::-webkit-scrollbar{ height:6px; }
    .ttm-menu::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.18); border-radius:4px; }
}

/* 초소형 폰 */
@media (max-width: 575.98px){
    .ttm-menu .menu-line{ font-size:.84rem; }
    .ttm-menu .nav-link{ padding:.7rem .75rem; min-height:52px; }
}