/* 2026-10-16 해외진출기업 디자인 고도화 v2 (미리보기: ?dv=2 → body.ov-v2)
   방향: '사진이 있는 기업 명부' — 가는 선, Pretendard 단일 서체, 중립 회색 + 테마색(--jc-d) 하나만 강조.
   레퍼런스: 알스퀘어 목록 구조, Google 지도 장소 패널의 정보 계층, Linear Docs 의 절제된 위계.
   기존 sub-ui.css(body.layout-joy.rn-sub …, 0-3-1)보다 우선하도록 html body.ov-v2 로 시작한다. */

html body.ov-v2 .ov{--ox-ink:var(--jc-x,#1f2422);--ox-2:#525866;--ox-3:#667085;--ox-4:#98A2B3;--ox-line:#E4E7EC;--ox-line2:#EEF0F3;--ox-in:#CDD2DA;--ox-bg2:#F7F8FA;--ox-acc:var(--jc-d,#0f6b4c);--ox-soft:var(--jc-s,#eef5f1);
  font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--ox-ink)}
html body.ov-v2 .ov a:focus-visible,html body.ov-v2 .ov button:focus-visible,html body.ov-v2 .ov select:focus-visible,html body.ov-v2 .ov input:focus-visible{outline:2px solid var(--ox-acc);outline-offset:3px}

/* ---------- 검색: 상자 없이 아래 선 하나 ---------- */
html body.ov-v2 .ov .dir-search{display:flex;flex-direction:column;max-width:1136px;margin:0 auto;padding:32px 0 24px;border:0;border-bottom:1px solid var(--ox-line);border-radius:0;background:none;box-shadow:none}
html body.ov-v2 .ov .dir-search__stat{order:-1;justify-content:flex-start;gap:4px;margin:0 0 16px;padding:0;border:0;font-size:14px;color:var(--ox-2)}
html body.ov-v2 .ov .dir-search__stat b{font-size:14px;font-weight:600;color:var(--ox-ink)}
html body.ov-v2 .ov .dir-search__row{display:grid;grid-template-columns:180px 220px minmax(0,1fr) 88px;gap:12px;align-items:end}
html body.ov-v2 .ov .dir-search__field{flex:none;min-width:0}
html body.ov-v2 .ov .dir-search__label{margin:0 0 6px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--ox-3)}
html body.ov-v2 .ov .dir-search select,html body.ov-v2 .ov .dir-search input[type=text]{height:44px;padding:0 12px;border:1px solid var(--ox-in);border-radius:6px;background:#fff;font-size:15px;color:var(--ox-ink)}
html body.ov-v2 .ov .dir-search select:focus,html body.ov-v2 .ov .dir-search input[type=text]:focus{border-color:var(--ox-acc);box-shadow:none}
html body.ov-v2 .ov .dir-search__btn{height:44px;min-width:88px;padding:0 14px;border-radius:6px;background:var(--ox-acc);color:#fff;font-size:15px;font-weight:600;box-shadow:none}

/* ---------- 본문 폭·제목·소개 ---------- */
html body.ov-v2 .ov .dir-wrap{max-width:1200px;padding:40px 32px 96px}
html body.ov-v2 .ov .ov-h1{font-size:32px;font-weight:650;line-height:42px;letter-spacing:-.8px;color:var(--ox-ink);margin:0 0 12px}
html body.ov-v2 .ov .ov-lead{max-width:880px;margin:0 0 32px;font-size:14px;line-height:24px;color:var(--ox-2)}
html body.ov-v2 .ov .ov-sec-title{margin:48px 0 16px;font-size:22px;font-weight:600;line-height:32px;letter-spacing:-.4px;color:var(--ox-ink)}
html body.ov-v2 .ov .ov-sec-title::after{display:none}

/* ---------- 지도: 옅은 바탕 + 테마색 단계, 흰 원 + 테마색 테두리 ---------- */
html body.ov-v2 .ov .ov-map{--g:var(--ox-acc);--g-dark:var(--ox-acc);--ovm-badge:outline;--ovm-water:#EEF2F5;--ovm-land:#FBFBFC;--ovm-border:#D5DAE1;
  height:460px;margin:0 0 12px;border:1px solid var(--ox-line);border-radius:8px;background:#EEF2F5}
html body.ov-v2 .ov .ov-map__legend{flex-direction:row;align-items:center;gap:12px;padding:6px 10px;border:1px solid var(--ox-line);border-radius:6px;background:rgba(255,255,255,.94);font-size:12px;color:var(--ox-2)}
html body.ov-v2 .ov .ov-map__legend-t{margin:0 2px 0 0;font-weight:600;color:var(--ox-ink)}
html body.ov-v2 .ov .ov-map__legend-i{gap:5px}
html body.ov-v2 .ov .ov-map__legend-i i{width:12px;height:8px;border-radius:1px;background:var(--ox-acc);outline:0}
html body.ov-v2 .ov .ov-map__tip{border-radius:6px;background:var(--ox-ink);font-weight:500}
html body.ov-v2 .ov .ov-map__note{margin:0 0 40px;font-size:13px;line-height:20px;color:var(--ox-3)}

/* ---------- 대륙 탐색: 카드 대신 7등분 행, 선택은 아래 선 ---------- */
html body.ov-v2 .ov .ov-conts{gap:0;margin:0 0 32px;border-top:1px solid var(--ox-line);border-bottom:1px solid var(--ox-line)}
html body.ov-v2 .ov .ov-cont{justify-content:center;gap:2px;min-height:64px;padding:12px 14px;border:0;border-radius:0;background:none;transform:none;box-shadow:inset 0 -2px 0 transparent;transition:background .12s}
html body.ov-v2 .ov .ov-cont + .ov-cont{border-left:1px solid var(--ox-line2)}
html body.ov-v2 .ov .ov-cont:hover{background:var(--ox-bg2);transform:none}
html body.ov-v2 .ov .ov-cont__en{display:none}
html body.ov-v2 .ov .ov-cont__name{font-size:15px;font-weight:600;color:var(--ox-ink)}
html body.ov-v2 .ov .ov-cont__cnt{font-size:12px;color:var(--ox-3)}
html body.ov-v2 .ov .ov-cont__cnt b{font-weight:500;color:var(--ox-2)}
html body.ov-v2 .ov .ov-cont.is-active{background:none;box-shadow:inset 0 -2px 0 var(--ox-acc)}
html body.ov-v2 .ov .ov-cont.is-active .ov-cont__name{color:var(--ox-acc)}
html body.ov-v2 .ov .ov-cont.is-active :is(.ov-cont__cnt,.ov-cont__cnt b){color:var(--ox-2)}

/* ---------- 국가·업종: 알약 벽 대신 글자 목록 ---------- */
html body.ov-v2 .ov .dir-cat,html body.ov-v2 .ov .ov-ind{display:inline-flex;align-items:baseline;gap:4px;padding:0;border:0;border-radius:0;background:none;font-size:14px;font-weight:400;line-height:28px;color:var(--ox-ink);white-space:nowrap;box-shadow:none}
html body.ov-v2 .ov .dir-cat small,html body.ov-v2 .ov .ov-ind small{font-size:12px;font-weight:400;color:var(--ox-4);opacity:1}
html body.ov-v2 .ov :is(.dir-cat,.ov-ind):hover{color:var(--ox-acc);background:none;text-decoration:underline;text-underline-offset:4px}
html body.ov-v2 .ov :is(.dir-cat,.ov-ind).is-active{color:var(--ox-acc);font-weight:600;background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
html body.ov-v2 .ov .ov-ctrys{gap:2px 22px;margin:0}
/* 목록 페이지의 국가·업종 줄: 왼쪽 라벨 + 오른쪽 글자 목록, 위아래 가는 선 */
html body.ov-v2 .ov .dir-wrap > .ov-ctrys,html body.ov-v2 .ov .ov-inds{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 22px;margin:0;padding:12px 0 12px 88px;position:relative;border-top:1px solid var(--ox-line2)}
html body.ov-v2 .ov .dir-wrap > .ov-ctrys::before{content:"국가";position:absolute;left:0;top:12px;font-size:12px;font-weight:500;line-height:28px;color:var(--ox-3)}
html body.ov-v2 .ov .ov-inds__label{position:absolute;left:0;top:12px;margin:0;font-size:12px;font-weight:500;line-height:28px;color:var(--ox-3)}
html body.ov-v2 .ov .ov-inds{border-bottom:1px solid var(--ox-line2);margin-bottom:24px}
html body.ov-v2 .ov .dir-wrap > .ov-ctrys:not(:has(+ .ov-inds)){border-bottom:1px solid var(--ox-line2);margin-bottom:24px}
/* 허브 국가 색인: 대륙 120px + 국가 글자 목록 */
html body.ov-v2 .ov .ov-ctry-group{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin:0;padding:16px 0;border-top:1px solid var(--ox-line2)}
html body.ov-v2 .ov .ov-ctry-group:last-of-type{border-bottom:1px solid var(--ox-line2)}
html body.ov-v2 .ov .ov-ctry-group__head{flex-direction:column;align-items:flex-start;gap:0;margin:0;font-size:15px;font-weight:600;line-height:28px}
html body.ov-v2 .ov .ov-ctry-group__head small{font-size:12px;font-weight:400;line-height:18px;color:var(--ox-3)}

/* ---------- 목록 툴바·페이저 ---------- */
html body.ov-v2 .ov .dir-toolbar{margin:0;padding:0 0 12px;border-bottom:1px solid var(--ox-line)}
html body.ov-v2 .ov .dir-count{font-size:13px;color:var(--ox-3)}
html body.ov-v2 .ov .dir-count b{font-size:15px;font-weight:600;color:var(--ox-ink)}
html body.ov-v2 .ov .dir-toolbar .dir-cat{font-size:13px;color:var(--ox-3)}
html body.ov-v2 .ov .dir-pager{gap:4px;margin-top:40px}
html body.ov-v2 .ov .dir-pager a,html body.ov-v2 .ov .dir-pager span{min-width:36px;height:36px;padding:0 10px;border:1px solid transparent;border-radius:6px;font-size:14px;color:var(--ox-2)}
html body.ov-v2 .ov .dir-pager a:hover{border-color:var(--ox-line);background:var(--ox-bg2);color:var(--ox-ink)}
html body.ov-v2 .ov .dir-pager .is-active{background:var(--ox-ink);border-color:var(--ox-ink);color:#fff}

/* ---------- 기업 명부: 3열 카드 → 1열 행 (사진 160×112 | 이름 | 정보 표) ---------- */
html body.ov-v2 .ov .dir-grid{display:block}
html body.ov-v2 .ov .dir-card{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,.95fr);grid-template-rows:auto auto 1fr;grid-template-areas:"thumb region meta" "thumb name meta" "thumb en meta";column-gap:28px;padding:22px 0;margin:0;border:0;border-bottom:1px solid var(--ox-line2);border-radius:0;background:none;box-shadow:none;transform:none;transition:background .12s,box-shadow .12s}
html body.ov-v2 .ov .dir-card:hover{background:var(--ox-bg2);transform:none;box-shadow:-12px 0 0 var(--ox-bg2),12px 0 0 var(--ox-bg2);border-color:var(--ox-line2)}
html body.ov-v2 .ov .dir-card__body{display:contents}
html body.ov-v2 .ov .dir-card__thumb{grid-area:thumb;width:160px;height:112px;aspect-ratio:auto;border:1px solid var(--ox-line);border-radius:8px;background:var(--ox-bg2)}
html body.ov-v2 .ov .dir-card:hover .dir-card__thumb img{transform:none}
html body.ov-v2 .ov .dir-card__badge{display:none}
/* 사진 없을 때: 기업명 2줄 + 좌표, 왼쪽 정렬 · 무채색 */
html body.ov-v2 .ov .dir-card__autoimg{align-items:flex-start;justify-content:space-between;gap:6px;padding:12px;text-align:left;background:#F3F5F6;color:var(--ox-ink)}
html body.ov-v2 .ov .dir-card__autoimg strong{max-width:100%;font-size:13px;font-weight:600;line-height:19px;letter-spacing:-.1px;-webkit-line-clamp:2;color:var(--ox-2)}
html body.ov-v2 .ov .dir-card__autoimg span{display:block;font-size:11px;line-height:16px;color:var(--ox-3);white-space:normal;font-variant-numeric:tabular-nums;letter-spacing:0}
html body.ov-v2 .ov .dir-card__coordlbl{display:block;margin:0 0 2px;padding:0;background:none;color:var(--ox-4);font-size:10.5px;font-weight:500}
html body.ov-v2 .ov .dir-card__region{grid-area:region;margin:2px 0 4px;font-size:12px;font-weight:500;color:var(--ox-3)}
html body.ov-v2 .ov .dir-card__name{grid-area:name;margin:0;font-size:18px;font-weight:600;line-height:27px;letter-spacing:-.3px;color:var(--ox-ink)}
html body.ov-v2 .ov .ov-card__en{grid-area:en;margin:2px 0 0;font-size:14px;line-height:22px;color:var(--ox-2)}
html body.ov-v2 .ov .dir-card__meta{grid-area:meta;display:flex;flex-direction:column;gap:4px;margin:2px 0 0;font-size:14px;line-height:22px;color:var(--ox-ink)}
html body.ov-v2 .ov .dir-card__meta span{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px}
html body.ov-v2 .ov .dir-card__meta em{min-width:0;margin:0;font-size:12px;font-weight:500;line-height:22px;color:var(--ox-3)}

/* ---------- FAQ·출처 ---------- */
html body.ov-v2 .ov .ov-faq{margin-top:64px}
html body.ov-v2 .ov .ov-faq__item{padding:18px 0;border-color:var(--ox-line2)}
html body.ov-v2 .ov .ov-faq__q{font-size:15px;font-weight:600;line-height:24px;color:var(--ox-ink)}
html body.ov-v2 .ov .ov-faq__a{font-size:14px;line-height:24px;color:var(--ox-2)}
html body.ov-v2 .ov :is(.ov-note,.ov-source){font-size:12.5px;color:var(--ox-3)}

/* ========== 상세 ========== */
html body.ov-v2 .ov .dd-wrap{max-width:1200px;padding:28px 32px 96px}
html body.ov-v2 .ov .dd-crumb{gap:6px;margin-bottom:24px;font-size:12px;color:var(--ox-3)}
html body.ov-v2 .ov .dd-crumb a{color:var(--ox-3)}
html body.ov-v2 .ov .dd-crumb__cur{color:var(--ox-2);font-weight:500}
html body.ov-v2 .ov .ovd-head{padding-bottom:0;margin-bottom:32px;border-bottom:0}
html body.ov-v2 .ov .ovd-chips{gap:0;margin-bottom:10px}
html body.ov-v2 .ov .ovd-chip{padding:0;border:0;border-radius:0;background:none;font-size:14px;font-weight:500;color:var(--ox-2)}
html body.ov-v2 .ov .ovd-chip + .ovd-chip::before{content:"·";margin:0 8px;color:var(--ox-4)}
html body.ov-v2 .ov a.ovd-chip:hover{color:var(--ox-acc)}
html body.ov-v2 .ov .ovd-name{font-size:32px;font-weight:650;line-height:42px;letter-spacing:-.8px;color:var(--ox-ink)}
html body.ov-v2 .ov .ovd-en{margin:8px 0 0;font-size:16px;line-height:24px;font-weight:400;color:var(--ox-2)}
html body.ov-v2 .ov .ovd-summary{max-width:800px;margin:16px 0 0;font-size:14px;line-height:24px;color:var(--ox-2)}
/* 핵심 정보 띠 */
html body.ov-v2 .ov .ovd-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0 0;border-top:1px solid var(--ox-line);border-bottom:1px solid var(--ox-line)}
html body.ov-v2 .ov .ovd-facts > div{min-width:0;padding:18px 20px 18px 0}
html body.ov-v2 .ov .ovd-facts > div + div{padding-left:20px;border-left:1px solid var(--ox-line2)}
html body.ov-v2 .ov .ovd-facts dt{margin:0 0 4px;font-size:12px;font-weight:500;line-height:18px;color:var(--ox-3)}
html body.ov-v2 .ov .ovd-facts dd{margin:0;font-size:15px;font-weight:500;line-height:22px;color:var(--ox-ink);overflow-wrap:anywhere}
html body.ov-v2 .ov .ovd-facts dd a{color:inherit;text-decoration:none}
html body.ov-v2 .ov .ovd-facts dd a:hover{color:var(--ox-acc);text-decoration:underline;text-underline-offset:3px}
/* 행동 버튼: 모두 같은 중립 테두리 버튼, 카카오는 아이콘만 노란 칸 */
html body.ov-v2 .ov .ovd-acts{gap:8px;margin-top:20px}
html body.ov-v2 .ov .ovd-act{height:36px;padding:0 14px;border:1px solid var(--ox-line);border-radius:6px;background:#fff;color:var(--ox-ink);font-size:14px;font-weight:500;line-height:1}
html body.ov-v2 .ov .ovd-act:hover{border-color:var(--ox-in);background:var(--ox-bg2);color:var(--ox-ink)}
html body.ov-v2 .ov .ovd-act--kakao{background:#fff;border-color:var(--ox-line);color:var(--ox-ink)}
html body.ov-v2 .ov .ovd-act--kakao:hover{background:var(--ox-bg2);border-color:var(--ox-in);color:var(--ox-ink)}
html body.ov-v2 .ov .ovd-act__ic{width:18px;height:18px;border-radius:4px;background-color:#FEE500;background-size:12px 12px}
html body.ov-v2 .ov .ovd-act--chat{border-color:var(--ox-acc);color:var(--ox-acc)}
/* 본문: 정보 표 + 지도 */
html body.ov-v2 .ov .ovd-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;margin-bottom:56px}
html body.ov-v2 .ov .ovd-h2{margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--ox-3)}
html body.ov-v2 .ov .ovd-h2--map{margin:0 0 -4px}
html body.ov-v2 .ov .ovd-dl{border-top:1px solid var(--ox-line)}
html body.ov-v2 .ov .ovd-row{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--ox-line2);font-size:15px;line-height:24px}
html body.ov-v2 .ov .ovd-row dt{font-size:14px;font-weight:400;color:var(--ox-3);padding-top:0}
html body.ov-v2 .ov .ovd-row dd{color:var(--ox-ink)}
html body.ov-v2 .ov .ovd-row dd a{text-decoration-color:var(--ox-line)}
html body.ov-v2 .ov .ovd-sub{font-size:13px;color:var(--ox-3)}
html body.ov-v2 .ov .ovd-coord{font-size:14px}
html body.ov-v2 .ov .ovd-copy{height:30px;margin-left:8px;padding:0 10px;border-radius:6px;border-color:var(--ox-line);font-size:12.5px;color:var(--ox-2)}
html body.ov-v2 .ov .ovd-copy.ovd-copy--cert{height:30px;border-radius:6px;border-color:var(--ox-acc);background:#fff;color:var(--ox-acc);font-weight:600}
html body.ov-v2 .ov .ovd-copy.ovd-copy--cert:hover{background:var(--ox-soft);color:var(--ox-acc)}
html body.ov-v2 .ov .ovd-map{flex:none;height:360px;min-height:0;border-color:var(--ox-line);border-radius:8px;background:var(--ox-bg2)}
html body.ov-v2 .ov .ovd-btn{align-self:flex-start;padding:0;border:0;border-radius:0;background:none;font-size:14px;font-weight:500;color:var(--ox-acc)}
html body.ov-v2 .ov .ovd-btn:hover{text-decoration:underline;text-underline-offset:4px;color:var(--ox-acc)}
html body.ov-v2 .ov .ovd-photo{border-radius:8px;border-color:var(--ox-line)}
html body.ov-v2 .ov .ovd-map__msg.dir-card__autoimg{background:var(--ox-bg2)}
html body.ov-v2 .ov .ovd-map__msg.dir-card__autoimg strong{font-size:18px;font-weight:600;color:var(--ox-2)}
/* 관련 기업: 카드 벽 → 행 목록 (기업명 / 분류 / 주소) */
html body.ov-v2 .ov .ovd-sec{margin:0 0 48px}
html body.ov-v2 .ov .ovd-sec__title{margin:0 0 12px;font-size:20px;font-weight:600;line-height:30px;letter-spacing:-.3px;color:var(--ox-ink)}
html body.ov-v2 .ov .ovd-sec__title small{font-size:13px;color:var(--ox-3)}
html body.ov-v2 .ov .ovd-rel{display:block;border-top:1px solid var(--ox-line)}
html body.ov-v2 .ov .ovd-rel__card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:baseline;padding:14px 0;margin:0;border:0;border-bottom:1px solid var(--ox-line2);border-radius:0;background:none;transition:background .12s,box-shadow .12s}
html body.ov-v2 .ov .ovd-rel__card:hover{background:var(--ox-bg2);box-shadow:-12px 0 0 var(--ox-bg2),12px 0 0 var(--ox-bg2);border-color:var(--ox-line2)}
html body.ov-v2 .ov .ovd-rel__name{font-size:15px;font-weight:600;color:var(--ox-ink)}
html body.ov-v2 .ov .ovd-rel__meta{font-size:13px;font-weight:400;color:var(--ox-2)}
html body.ov-v2 .ov .ovd-rel__addr{font-size:13px;color:var(--ox-3)}
html body.ov-v2 .ov .ovd-sec__more{margin-top:12px}
html body.ov-v2 .ov .ovd-sec__more a{font-size:13.5px;font-weight:500;color:var(--ox-acc)}

/* ========== 반응형 ========== */
@media (max-width:1024px){
  html body.ov-v2 .ov .ov-conts{grid-template-columns:repeat(4,minmax(0,1fr))}
  html body.ov-v2 .ov .ov-cont:nth-child(5){border-left:0}
  html body.ov-v2 .ov .ov-cont:nth-child(n+5){border-top:1px solid var(--ox-line2)}
  html body.ov-v2 .ov .dir-card{grid-template-columns:140px minmax(0,1fr);grid-template-areas:"thumb region" "thumb name" "thumb en" "thumb meta";grid-template-rows:auto auto auto 1fr}
  html body.ov-v2 .ov .dir-card__thumb{width:140px;height:100px}
  html body.ov-v2 .ov .dir-card__meta{margin-top:10px}
}
@media (max-width:900px){
  html body.ov-v2 .ov .ovd-body{grid-template-columns:minmax(0,1fr);gap:24px}
  html body.ov-v2 .ov .ovd-map{height:300px}
}
@media (max-width:767px){
  html body.ov-v2 .ov .dir-search{padding:24px 20px 20px}
  html body.ov-v2 .ov .dir-search__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  html body.ov-v2 .ov .dir-search__field--kw{grid-column:1 / -1}
  html body.ov-v2 .ov .dir-search__btn{grid-column:1 / -1;width:100%}
  html body.ov-v2 .ov .dir-search select,html body.ov-v2 .ov .dir-search input[type=text]{font-size:16px}
  html body.ov-v2 .ov .dir-wrap,html body.ov-v2 .ov .dd-wrap{padding-left:20px;padding-right:20px}
  html body.ov-v2 .ov .ov-h1,html body.ov-v2 .ov .ovd-name{font-size:26px;line-height:35px;letter-spacing:-.6px}
  html body.ov-v2 .ov .ov-sec-title{font-size:20px;line-height:29px}
  html body.ov-v2 .ov .ov-map{height:300px}
  html body.ov-v2 .ov .ov-map__legend{gap:8px;padding:5px 8px;font-size:11px}
  html body.ov-v2 .ov .ov-map__legend-t{display:none}
  html body.ov-v2 .ov .ov-conts{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.ov-v2 .ov .ov-cont{min-height:56px;border-left:0!important;border-top:1px solid var(--ox-line2)}
  html body.ov-v2 .ov .ov-cont:nth-child(even){border-left:1px solid var(--ox-line2)!important}
  html body.ov-v2 .ov .ov-cont:nth-child(-n+2){border-top:0}
  html body.ov-v2 .ov .ov-ctry-group{grid-template-columns:minmax(0,1fr);gap:4px}
  html body.ov-v2 .ov .ov-ctry-group__head{flex-direction:row;align-items:baseline;gap:8px}
  html body.ov-v2 .ov .dir-wrap > .ov-ctrys,html body.ov-v2 .ov .ov-inds{padding-left:0;padding-top:36px}
  html body.ov-v2 .ov .dir-wrap > .ov-ctrys::before,html body.ov-v2 .ov .ov-inds__label{top:8px}
  html body.ov-v2 .ov .dir-card{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"thumb region" "thumb name" "thumb en" "meta meta";grid-template-rows:auto auto 1fr auto;column-gap:16px;padding:18px 0;margin:0}
  html body.ov-v2 .ov .dir-card__thumb{width:104px;height:88px}
  html body.ov-v2 .ov .dir-card__autoimg{padding:9px}
  html body.ov-v2 .ov .dir-card__autoimg strong{font-size:12px;line-height:17px}
  html body.ov-v2 .ov .dir-card__name{font-size:16px;line-height:24px}
  html body.ov-v2 .ov .ov-card__en{font-size:13px;line-height:20px}
  html body.ov-v2 .ov .dir-card__meta{margin-top:12px;font-size:13.5px}
  html body.ov-v2 .ov .ovd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.ov-v2 .ov .ovd-facts > div{padding:14px 12px 14px 0}
  html body.ov-v2 .ov .ovd-facts > div + div{padding-left:12px}
  html body.ov-v2 .ov .ovd-facts > div:nth-child(3){padding-left:0;border-left:0}
  html body.ov-v2 .ov .ovd-facts > div:nth-child(n+3){border-top:1px solid var(--ox-line2)}
  html body.ov-v2 .ov .ovd-row{grid-template-columns:80px minmax(0,1fr);gap:10px;font-size:14.5px}
  html body.ov-v2 .ov .ovd-map{height:280px}
  html body.ov-v2 .ov .ovd-rel__card{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 0;margin:0}
  html body.ov-v2 .ov .ovd-acts .ovd-act{flex:1 1 0;justify-content:center}
}

/* 핵심 정보 띠에 나온 4개(진출국가·진출형태·업종·모기업)는 아래 정보 표에서 빼서 같은 내용이 두 번 나오지 않게 */
html body.ov-v2 .ov .ovd-row--fact{display:none}
/* 2026-10-16 다듬기: 모바일 사진 칸(104×88)에는 기업명만 (좌표는 오른쪽 정보에 이미 있음) */
html body.ov-v2 .ov .dir-card__autoimg strong{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:767px){
  html body.ov-v2 .ov .dir-card__autoimg span{display:none}
  html body.ov-v2 .ov .dir-card__autoimg strong{-webkit-line-clamp:4}
}

/* ===== 2026-10-16 목록 썸네일 다듬기: 평면 회색 → '좌표 지도 타일' (가는 경위선 격자 + 테마색 좌표 점 + 기업명·좌표) ===== */
html body.ov-v2 .ov .dir-card__autoimg{position:relative;overflow:hidden;justify-content:flex-end;gap:2px;padding:12px;
  background:
    radial-gradient(circle at 74% 34%, color-mix(in srgb, var(--ox-acc) 20%, transparent) 0 22px, transparent 46px),
    repeating-linear-gradient(0deg, transparent 0 13px, rgba(16,24,40,.055) 13px 14px),
    repeating-linear-gradient(90deg, transparent 0 13px, rgba(16,24,40,.055) 13px 14px),
    linear-gradient(155deg, #FBFCFB 0%, color-mix(in srgb, var(--ox-soft) 70%, #F1F4F2) 100%)}
/* 좌표 점: 흰 테두리 + 옅은 퍼짐 */
html body.ov-v2 .ov .dir-card__autoimg::before{content:"";position:absolute;left:74%;top:34%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--ox-acc);box-shadow:0 0 0 3px #fff,0 0 0 9px color-mix(in srgb, var(--ox-acc) 14%, transparent)}
/* 적도선 같은 가는 기준선 */
html body.ov-v2 .ov .dir-card__autoimg::after{content:"";position:absolute;left:0;right:0;top:34%;height:1px;background:color-mix(in srgb, var(--ox-acc) 22%, transparent)}
html body.ov-v2 .ov .dir-card__autoimg strong{position:relative;z-index:1;max-width:86%;font-size:13px;font-weight:650;line-height:18px;color:var(--ox-ink);-webkit-line-clamp:2}
html body.ov-v2 .ov .dir-card__autoimg span{position:relative;z-index:1;font-size:10.5px;line-height:14px;color:var(--ox-3);font-variant-numeric:tabular-nums}
html body.ov-v2 .ov .dir-card__autoimg .dir-card__coordlbl{display:none}
html body.ov-v2 .ov .dir-card:hover .dir-card__autoimg::before{box-shadow:0 0 0 3px #fff,0 0 0 12px color-mix(in srgb, var(--ox-acc) 18%, transparent);transition:box-shadow .2s}
/* 국가 표시: 썸네일 왼쪽 위 작은 글자 태그 */
html body.ov-v2 .ov .dir-card__badge{display:block;top:8px;left:8px;padding:2px 7px;border-radius:4px;background:rgba(255,255,255,.88);border:1px solid var(--ox-line);color:var(--ox-2);font-size:10.5px;font-weight:600;line-height:15px;max-width:calc(100% - 16px)}
@media (max-width:767px){
  html body.ov-v2 .ov .dir-card__autoimg{padding:8px}
  html body.ov-v2 .ov .dir-card__autoimg strong{font-size:11.5px;line-height:15px;-webkit-line-clamp:2}
  html body.ov-v2 .ov .dir-card__badge{top:6px;left:6px;font-size:10px}
}
/* colors.css 의 테넌트 색 배지(진한 바탕)보다 우선 — 흰 바탕 작은 태그 */
html body.ov-v2.rn-overseas .ov .dir-card__badge{background:rgba(255,255,255,.9);color:var(--ox-2);border:1px solid var(--ox-line)}

/* ===== 2026-10-16 목록 썸네일 배경: GPT 3안 중 1안(무광 은색 지구본) 사장님 확정 — 격자·좌표 점은 끈다 ===== */
html body.ov-v2.rn-overseas .ov .dir-card__autoimg{background:linear-gradient(90deg, rgba(248,249,250,.96) 0%, rgba(248,249,250,.78) 46%, rgba(248,249,250,.08) 100%),url('/theme/joy/img/ov_thumb_bg.jpg?v=1') right center/cover no-repeat;background-color:#EEEEEC}
html body.ov-v2.rn-overseas .ov .dir-card__autoimg::before,html body.ov-v2.rn-overseas .ov .dir-card__autoimg::after{display:none}
html body.ov-v2.rn-overseas .ov .dir-card__autoimg strong{color:#20252B}
html body.ov-v2.rn-overseas .ov .dir-card__autoimg span{color:#4A5058}
html body.ov-v2.rn-overseas .ov .dir-card:hover .dir-card__autoimg{background-size:auto,108% auto;transition:background-size .3s}