/* WTPS 제품 상세페이지 — 테마 충돌 방지를 위해 전부 .wtps- 접두어 */
.wtps-detail{max-width:900px;margin:0 auto;padding:30px 15px 60px;box-sizing:border-box}
.wtps-detail *{box-sizing:border-box}
.wtps-h1{font-size:30px;line-height:1.35;font-weight:800;color:#0b2f6b;margin:0 0 8px;text-align:center}
.wtps-h1 small{display:block;font-size:15px;font-weight:500;color:#5d7290;margin-top:6px;letter-spacing:.01em}
.wtps-sub{text-align:center;color:#4a5f7d;font-size:14px;margin:0 0 26px;line-height:1.6}
.wtps-img{display:block;width:100%;height:auto;margin:0}
.wtps-h2{font-size:24px;font-weight:800;color:#0b2f6b;text-align:center;margin:46px 0 6px}
.wtps-note{text-align:right;font-size:12px;color:#7d8ba0;margin:0 0 10px}
.wtps-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d7e0ee;border-radius:8px}
.wtps-spec{width:100%;min-width:760px;border-collapse:collapse;font-size:14px;background:#fff}
.wtps-spec th,.wtps-spec td{padding:10px 8px;text-align:center;border-bottom:1px solid #e6ecf5;white-space:nowrap}
.wtps-spec thead th{background:#123f7f;color:#fff;font-weight:700;line-height:1.3;border-bottom:none}
.wtps-spec thead th span{display:block;font-size:11px;font-weight:400;opacity:.82;margin-top:2px}
.wtps-spec tbody th{background:#f4f8fd;color:#0b2f6b;font-weight:700}
.wtps-spec tbody tr:hover td,.wtps-spec tbody tr:hover th{background:#eef5ff}
.wtps-spec tr.is-pending th,.wtps-spec tr.is-pending td{background:#fff8ec}
.wtps-spec tr.is-pending:hover th,.wtps-spec tr.is-pending:hover td{background:#fff2dd}
.wtps-spec code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#123f7f;background:transparent;padding:0;user-select:all}
.wtps-foot{font-size:12.5px;color:#8a5a12;background:#fff8ec;border-left:3px solid #e0a34a;padding:10px 12px;margin:12px 0 0;line-height:1.6;border-radius:0 4px 4px 0}
.wtps-cta{margin:44px 0 0;padding:26px 20px;background:#123f7f;border-radius:10px;text-align:center;color:#fff}
.wtps-cta strong{display:block;font-size:15px;font-weight:600;opacity:.85;margin-bottom:10px}
.wtps-cta a{display:inline-block;color:#fff;font-size:22px;font-weight:800;text-decoration:none;margin:0 12px;vertical-align:middle}
.wtps-cta a[href^="mailto"]{font-size:15px;font-weight:500;opacity:.9}
@media (max-width:768px){
  .wtps-detail{padding:20px 0 40px}
  .wtps-h1{font-size:22px}.wtps-h2{font-size:19px;margin-top:34px}
  .wtps-sub,.wtps-note,.wtps-foot{padding-left:14px;padding-right:14px}
  .wtps-tablewrap{margin:0 14px;border-radius:6px}
  .wtps-cta{margin:34px 14px 0}
  .wtps-cta a{display:block;margin:6px 0}
}

/* ── 상단 드롭다운: 부모 메뉴 아래 중앙정렬 + 간격 축소 ──
   테마 기본: ul{position:absolute; width:100%; top:110px}, li{float:left; text-align:left}
   width:100% 절대배치라 float 만 풀면 화면 전체 기준으로 가운데 정렬돼 부모와 어긋난다.
   → 부모 li 를 position:relative 로 만들고, ul 을 부모 중앙에 맞춘다. */
.menu > li{position:relative}
.menu > li > ul{
  width:auto;
  min-width:100%;
  left:50%;
  transform:translateX(-50%);
  top:92px;              /* 110px → 92px : 1단(line-height 100px) 바로 아래 */
  min-height:auto;
  padding-bottom:22px;
  white-space:nowrap;
}
.menu > li > ul > li{
  float:none;
  display:inline-block;
  vertical-align:top;
  text-align:center;
  padding:0 20px;
}
.menu > li > ul > li > a{text-align:center;padding:4px 0}