/* 글로벌/국내 네트워크 — 바다색 스테이지 + 로고 칩 (메인 네트워크와 동일 표현) */

/* 세계지도 스테이지 */
.gn-map{position:relative;width:100%;max-width:1120px;margin:0 auto 32px;
    background:#b7ddf4;border-radius:20px;overflow:hidden;box-shadow:0 20px 44px -24px rgba(11,28,48,.45)}
.gn-mapimg{display:block;width:100%;height:auto;pointer-events:none}

/* 국내(한국) 지도 스테이지 — 폭 작게 가운데 */
.gn-krmap{position:relative;width:100%;max-width:560px;margin:0 auto;
    background:#b7ddf4;border-radius:20px;overflow:hidden;box-shadow:0 20px 44px -24px rgba(11,28,48,.45)}
.gn-krimg{display:block;width:100%;height:auto;pointer-events:none}

/* 거점 칩 (자사 본사=네이비 / 고객 거점=주황) — 두 지도 공용(.gn-stage) */
.gn-stage .gn-chip{position:absolute;transform:translate(-50%,calc(-100% - 9px));z-index:4;
    display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
    background:#fff;border:1px solid #cfd5dd;border-radius:999px;padding:8px 16px 8px 12px;
    box-shadow:0 7px 18px -5px rgba(11,28,48,.45)}
.gn-stage .gn-chip::after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);
    width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #fff}
.gn-stage .gn-chip::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;
    background:#03357E;z-index:1;left:50%;top:calc(100% + 9px);transform:translate(-50%,-50%)}
.gn-stage .gn-chip .dot{width:11px;height:11px;border-radius:50%;background:#03357E;flex:none}
.gn-stage .gn-chip .chip-logos{display:inline-flex;align-items:center;gap:8px}
.gn-stage .gn-chip .chip-logos img{height:20px;width:auto;display:block}
.gn-stage .gn-chip .chip-logos img[alt="bmw"]{height:25px}
.gn-stage .gn-chip .chip-logos img[alt="kia"]{height:14px}
.gn-stage .gn-chip .chip-logos img[alt="renault"]{height:16px}
.gn-stage .gn-chip .chip-logos img[alt="nissan"]{height:17px}
.gn-stage .gn-chip .hq-tag{margin-left:6px;background:#03357E;color:#fff;font-size:11px;font-weight:700;
    padding:2px 8px;border-radius:999px;line-height:1.4}
.gn-stage .gn-chip b{font-size:15px;font-weight:800;color:#000;line-height:1}
.gn-stage .gn-chip i{font-style:normal;font-size:12px;color:#333;margin-left:2px;line-height:1}
.gn-stage .gn-chip.is-cust::before{background:#e8541c}
.gn-stage .gn-chip.is-cust .dot{background:#e8541c}

/* 꼬리 방향: cdir-u = 점이 칩 위쪽(칩이 아래로 내려옴) */
.gn-stage .gn-chip.cdir-u{transform:translate(-50%,9px)}
.gn-stage .gn-chip.cdir-u::after{top:-6px;bottom:auto;left:50%;transform:translateX(-50%);
    border:7px solid transparent;border-top-width:0;border-bottom:7px solid #fff}
.gn-stage .gn-chip.cdir-u::before{top:-9px;left:50%}

/* 범례 */
.gn-legend{position:absolute;left:18px;bottom:14px;display:flex;align-items:center;gap:14px;
    background:rgba(255,255,255,.88);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;
    color:var(--c-ink);box-shadow:0 4px 12px -6px rgba(0,0,0,.4);z-index:5}
.gn-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}
.gn-legend .lg-z{background:#03357E}
.gn-legend .lg-c{background:#e8541c}

/* 모바일 거점 리스트 (지도 대신) — 점 색은 범례와 동일 */
.dn-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#03357E;flex:none}
.dn-dot.cust{background:#e8541c}
.dn-list .list-group-item{font-size:18px}
.dn-list .list-group-item strong{font-size:19px}

/* 모바일: 칩이 밀집되는 지도는 숨기고 리스트로 안내 */
@media(max-width:768px){.gn-map,.gn-krmap{display:none}}

/* OEM 섹션 제목 (글로벌/국내 OEM 고객사) */
.gn-oem-title{text-align:center;font-weight:800;font-size:22px;color:var(--c-ink);margin:0 0 20px}

/* 글로벌 OEM 고객사 로고 그리드 */
.gn-oem{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:620px;margin:0 auto}
.gn-oem .cell{background:#fff;border:1px solid var(--c-line);border-radius:14px;min-height:90px;
    display:flex;align-items:center;justify-content:center;padding:16px 18px;
    transition:transform .25s,box-shadow .25s,border-color .25s}
.gn-oem .cell:hover{border-color:var(--c-accent);box-shadow:0 12px 26px -16px rgba(11,28,48,.45);transform:translateY(-3px)}
.gn-oem .cell img{max-width:100%;max-height:42px;width:auto;object-fit:contain}
/* 원형/엠블럼 로고(BMW·닛산·르노)는 가로형보다 작아 보여 별도로 키움 */
.gn-oem .cell img[alt="BMW"]{max-height:58px}
.gn-oem .cell img[alt="닛산"],
.gn-oem .cell img[alt="르노"]{max-height:54px}
@media(min-width:576px){.gn-oem{grid-template-columns:repeat(4,1fr)}}
/* 기아 로고는 가로로 길고 굵어 모바일 2열에서 과하게 커 보임 → 폭 제한 */
@media(max-width:575px){.gn-oem .cell img[alt="기아"]{max-width:72%}}