/* ===== LOGO ===== */
    .logo-brand { display:flex;align-items:center;gap:10px;text-decoration:none; }
    .logo-globe { width:42px;height:42px;border-radius:50%;border:2.5px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;position:relative;flex-shrink:0;background:rgba(255,107,0,0.08); }
    .logo-globe::after { content:'';position:absolute;inset:3px;border-radius:50%;border:1.5px solid rgba(255,107,0,0.3); }
    .logo-text-wrap { display:flex;flex-direction:column;line-height:1.1; }
    .logo-main { font-size:17px;font-weight:900;color:var(--primary);letter-spacing:-0.3px; }
    .logo-sub { font-size:10px;font-weight:500;color:var(--gray-2);letter-spacing:0.5px;text-transform:uppercase; }

    /* ===== PAGE HERO ===== */
    .page-hero {
      position: relative;
      min-height: 360px;
      display: flex;
      align-items: center;
      padding: 120px 0 60px;
      text-align: center;
      overflow: hidden;
    }
    .page-hero-bg {
      position: absolute;
      inset: 0;
      background: url('../images/trans-hero-bg.jpg') center center / cover no-repeat;
    }
    .page-hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(105deg, rgba(0,0,0,0.72) 0%, rgba(10,5,0,0.52) 55%, rgba(0,0,0,0.38) 100%);
    }
    .page-hero-inner { position:relative;z-index:2;width:100%; }
    .page-hero-badge {
      display:inline-flex;align-items:center;gap:8px;
      background:rgba(255,107,0,0.15);border:1px solid rgba(255,107,0,0.4);
      color:var(--primary);font-size:11px;font-weight:700;
      letter-spacing:2px;text-transform:uppercase;
      padding:6px 16px;border-radius:20px;margin-bottom:20px;
    }
    .page-hero h1 { font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:#fff;margin-bottom:16px;line-height:1.2; }
    .page-hero h1 span { color:var(--primary); }
    .page-hero p { font-size:1rem;color:rgba(255,255,255,0.65);max-width:560px;margin:0 auto;line-height:1.7; }
    .breadcrumb { display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;font-size:12px;color:rgba(255,255,255,0.4); }
    .breadcrumb a { color:rgba(255,255,255,0.55);text-decoration:none;transition:color 0.2s; }
    .breadcrumb a:hover { color:var(--primary); }
    .breadcrumb .sep { color:rgba(255,255,255,0.25); }
    .breadcrumb .current { color:var(--primary);font-weight:600; }

    /* ===== TAB NAV ===== */
    .tab-section {
      background:#fff;border-bottom:2px solid #f0f0f0;
      position:sticky;top:72px;z-index:100;
      box-shadow:0 2px 12px rgba(0,0,0,0.06);
    }
    .tab-nav { display:flex;justify-content:center;max-width:900px;margin:0 auto; }
    .tab-btn {
      flex:1;padding:20px 20px;font-size:14px;font-weight:600;
      color:var(--gray-2);background:none;border:none;
      border-bottom:3px solid transparent;cursor:pointer;
      transition:all 0.3s ease;
      display:flex;align-items:center;justify-content:center;gap:8px;
      letter-spacing:-0.3px;
    }
    .tab-btn i { font-size:16px; }
    .tab-btn:hover { color:var(--primary);background:rgba(255,107,0,0.03); }
    .tab-btn.active { color:var(--primary);border-bottom-color:var(--primary);background:rgba(255,107,0,0.04); }

    /* ===== TAB PANES ===== */
    .tab-content-wrap { background:#f8f8f8; }
    .tab-pane { display:none;animation:tabFadeIn 0.45s cubic-bezier(0.4,0,0.2,1); }
    .tab-pane.active { display:block; }
    @keyframes tabFadeIn { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

    /* ===== SECTION COMMON ===== */
    .section-wrap { padding:80px 0; }
    .sw-white { background:#fff; }
    .sw-gray  { background:#f8f8f8; }
    .sw-dark  { background:#111; }
    .section-inner { max-width:1100px;margin:0 auto;padding:0 32px; }

    .s-label { display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--primary);margin-bottom:12px; }
    .s-title { font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;color:var(--black);margin-bottom:14px;line-height:1.3; }
    .s-desc  { font-size:15px;color:var(--gray-2);line-height:1.8;max-width:640px; }
    .s-header { margin-bottom:52px; }
    .s-header.center { text-align:center; }
    .s-header.center .s-desc { margin:0 auto; }

    /* ============ TAB 1: 번역언어 ============ */
    .lang-intro-text {
      font-size:15px;color:var(--gray-2);line-height:1.9;
      max-width:720px;margin:0 auto 48px;text-align:center;
    }
    .lang-pairs-grid {
      display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
      margin-bottom:56px;
    }
    /* 언어 쌍 이미지 */
    .lang-pairs-img-wrap {
      margin-bottom: 56px;
      text-align: center;
    }
    .lang-pairs-img {
      max-width: 100%;
      height: auto;
      border-radius: 16px;
      display: block;
      margin: 0 auto;
    }
    .lang-pair-card {
      background:#fff;border-radius:16px;padding:28px 20px;
      border:1.5px solid #f0f0f0;text-align:center;
      transition:all 0.35s;cursor:default;
    }
    .lang-pair-card:hover { border-color:var(--primary);box-shadow:0 8px 24px rgba(255,107,0,0.1);transform:translateY(-3px); }
    .lang-pair-flags { display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:14px; }
    .lang-flag-circle {
      width:56px;height:56px;border-radius:50%;
      background:#f5f5f5;border:2px solid #e8e8e8;
      display:flex;align-items:center;justify-content:center;
      font-size:30px;flex-shrink:0;
      transition:all 0.3s;
    }
    .lang-pair-card:hover .lang-flag-circle { border-color:var(--primary); }
    .lang-pair-arrow {
      width:32px;height:32px;background:var(--primary);border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      color:#fff;font-size:12px;margin:0 -4px;z-index:1;flex-shrink:0;
    }
    .lang-pair-name {
      font-size:13px;font-weight:700;color:var(--black);
    }
    .lang-pair-name span { color:var(--primary); }

    /* 전체 지원 언어 태그 */
    .lang-tags-wrap {
      background:#fff;border-radius:16px;padding:32px 36px;
      border:1.5px solid #f0f0f0;
    }
    .lang-tags-wrap h3 { font-size:16px;font-weight:700;color:var(--black);margin-bottom:20px;display:flex;align-items:center;gap:8px; }
    .lang-tags-wrap h3 i { color:var(--primary); }
    .lang-tags { display:flex;flex-wrap:wrap;gap:8px; }
    .lang-tag {
      display:inline-flex;align-items:center;gap:6px;
      background:#f8f8f8;border:1.5px solid #ebebeb;
      border-radius:24px;padding:6px 14px;
      font-size:13px;font-weight:500;color:var(--gray-1);
      transition:all 0.25s;cursor:default;
    }
    .lang-tag:hover { border-color:var(--primary);background:rgba(255,107,0,0.05);color:var(--primary); }
    .lang-tag .flag { font-size:16px; }

    /* ============ TAB 2: 번역분야 ============ */
    .field-grid {
      display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
    }
    .field-card {
      background:#fff;border-radius:16px;overflow:hidden;
      border:1.5px solid #f0f0f0;transition:all 0.35s;
    }
    .field-card:hover { border-color:var(--primary);box-shadow:0 12px 32px rgba(255,107,0,0.1);transform:translateY(-4px); }
    .field-card-top {
      background:linear-gradient(135deg,#111 0%,#1d1d1d 100%);
      padding:24px 24px 20px;display:flex;align-items:center;gap:16px;
      position:relative;overflow:hidden;
    }
    .field-card-top::after {
      content:'';position:absolute;top:-20px;right:-20px;
      width:80px;height:80px;
      background:radial-gradient(circle,rgba(255,107,0,0.2) 0%,transparent 70%);
    }
    .field-icon {
      width:52px;height:52px;border-radius:13px;flex-shrink:0;
      background:rgba(255,107,0,0.15);border:1.5px solid rgba(255,107,0,0.4);
      display:flex;align-items:center;justify-content:center;
      color:var(--primary);font-size:22px;
    }
    .field-card-top h3 { font-size:17px;font-weight:800;color:#fff;position:relative;z-index:1; }
    .field-card-body { padding:20px 24px 24px; }
    .field-card-body p { font-size:13px;color:var(--gray-2);line-height:1.75;margin-bottom:14px; }
    .field-tags { display:flex;flex-wrap:wrap;gap:6px; }
    .field-tag {
      font-size:11px;font-weight:600;
      background:rgba(255,107,0,0.08);color:var(--primary);
      padding:3px 10px;border-radius:20px;border:1px solid rgba(255,107,0,0.2);
    }

    /* ============ TAB 3: 번역비용 ============ */
    .pricing-notice {
      background:rgba(255,107,0,0.06);border:1.5px solid rgba(255,107,0,0.2);
      border-radius:14px;padding:22px 26px;margin-bottom:36px;
      display:flex;align-items:flex-start;gap:16px;
    }
    .pricing-notice-icon {
      width:44px;height:44px;flex-shrink:0;border-radius:10px;
      background:var(--primary);display:flex;align-items:center;justify-content:center;
      color:#fff;font-size:18px;
    }
    .pricing-notice-text h4 { font-size:15px;font-weight:700;color:var(--black);margin-bottom:6px; }
    .pricing-notice-text p  { font-size:13px;color:var(--gray-2);line-height:1.7; }

    .pricing-table-wrap { background:#fff;border-radius:16px;overflow:hidden;border:1.5px solid #f0f0f0;margin-bottom:24px; }
    .pricing-table-head { background:linear-gradient(135deg,#111,#222);padding:16px 26px;display:flex;align-items:center;gap:12px; }
    .pricing-table-head h3 { font-size:17px;font-weight:800;color:#fff; }
    .lang-badge { font-size:11px;font-weight:700;background:rgba(255,107,0,0.8);color:#fff;padding:3px 10px;border-radius:20px; }
    .pricing-table { width:100%;border-collapse:collapse; }
    .pricing-table thead th {
      background:#f8f8f8;padding:12px 20px;font-size:13px;font-weight:700;
      color:var(--black);text-align:center;border-bottom:2px solid #ebebeb;
    }
    .pricing-table thead th:first-child { text-align:left; }
    .pricing-table tbody td {
      padding:13px 20px;font-size:13px;color:var(--gray-1);
      text-align:center;border-bottom:1px solid #f5f5f5;
    }
    .pricing-table tbody td:first-child { text-align:left;font-weight:600;color:var(--black); }
    .pricing-table tbody tr:last-child td { border-bottom:none; }
    .pricing-table tbody tr:hover td { background:rgba(255,107,0,0.03); }
    .price-val { font-weight:700;color:var(--primary); }
    .price-note { font-size:11px;color:var(--gray-3);font-weight:400;display:block;margin-top:2px; }

    .pricing-checklist { background:#fff;border-radius:14px;padding:26px 30px;border:1.5px solid #f0f0f0;margin-bottom:22px; }
    .pricing-checklist h4 { font-size:15px;font-weight:700;color:var(--black);margin-bottom:16px;display:flex;align-items:center;gap:8px; }
    .pricing-checklist h4 i { color:var(--primary); }
    .pricing-checklist ul { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 28px; }
    .pricing-checklist ul li { display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--gray-1);line-height:1.6; }
    .pricing-checklist ul li i { color:var(--primary);font-size:13px;margin-top:2px;flex-shrink:0; }

    /* ============ TAB 4: 번역진행 ============ */
    .process-steps {
      display:grid;grid-template-columns:repeat(7,1fr);
      gap:0;position:relative;
    }
    .process-steps::before {
      content:'';position:absolute;top:44px;
      left:calc(100%/14);right:calc(100%/14);
      height:2px;background:linear-gradient(90deg,var(--primary),rgba(255,107,0,0.2));z-index:0;
    }
    .process-step { display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px;position:relative;z-index:1; }
    .step-icon {
      width:88px;height:88px;border-radius:50%;background:#fff;border:3px solid var(--primary);
      display:flex;align-items:center;justify-content:center;
      margin-bottom:18px;font-size:26px;color:var(--primary);
      box-shadow:0 8px 24px rgba(255,107,0,0.12);transition:all 0.3s;position:relative;
    }
    .step-icon:hover { background:var(--primary);color:#fff;transform:translateY(-4px);box-shadow:0 16px 32px rgba(255,107,0,0.3); }
    .step-num {
      position:absolute;top:-8px;right:-8px;width:26px;height:26px;
      background:var(--primary);color:#fff;border-radius:50%;
      font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;
    }
    .step-name { font-size:13px;font-weight:700;color:var(--black);margin-bottom:6px; }
    .step-desc { font-size:11px;color:var(--gray-2);line-height:1.5; }

    /* 번역 진행 안내 박스 */
    .progress-info-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:52px; }
    .progress-info-box {
      background:#fff;border-radius:14px;padding:28px;border:1.5px solid #f0f0f0;
      transition:all 0.3s;
    }
    .progress-info-box:hover { border-color:var(--primary);box-shadow:0 8px 20px rgba(255,107,0,0.08);transform:translateY(-2px); }
    .progress-info-box .pib-icon {
      width:52px;height:52px;border-radius:12px;background:rgba(255,107,0,0.1);
      display:flex;align-items:center;justify-content:center;
      color:var(--primary);font-size:22px;margin-bottom:14px;
    }
    .progress-info-box h4 { font-size:15px;font-weight:700;color:var(--black);margin-bottom:8px; }
    .progress-info-box p  { font-size:13px;color:var(--gray-2);line-height:1.7; }

    /* 서비스 센터 */
    .sc-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
    .sc-card {
      background:#fff;border-radius:14px;padding:30px 24px;
      border:1.5px solid #f0f0f0;transition:all 0.3s;
    }
    .sc-card:hover { border-color:var(--primary);box-shadow:0 8px 20px rgba(255,107,0,0.08);transform:translateY(-2px); }
    .sc-card-icon { width:48px;height:48px;border-radius:11px;background:rgba(255,107,0,0.1);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;margin-bottom:14px; }
    .sc-card h4 { font-size:16px;font-weight:700;color:var(--black);margin-bottom:12px; }
    .sc-card p, .sc-card a { font-size:13px;color:var(--gray-2);line-height:1.9;text-decoration:none; }
    .sc-card a:hover { color:var(--primary); }
    .sc-messenger-list { display:flex;flex-direction:column;gap:8px; }
    .sc-msg-row { display:flex;align-items:center;gap:8px;line-height:1.5; }
    .sc-msg-row > i {
      width: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .sc-msg-kakao {
      display:inline-flex;align-items:center;justify-content:center;
      width:28px;height:24px;padding:0;border-radius:6px;
      background:#fee500;color:#111;font-size:9px;font-weight:900;letter-spacing:0.2px;
      border:1px solid rgba(17,17,17,0.15);
    }
    .sc-msg-wechat { color:#22c55e;font-size:18px; }
    .sc-msg-whatsapp { color:#25d366;font-size:18px; }
    .sc-msg-sub { display:inline-block; margin-top:2px; font-weight:600; }

    /* CTA Banner */
    .cta-banner {
      background:linear-gradient(135deg,var(--primary),#e55a00);
      border-radius:20px;padding:48px;text-align:center;position:relative;overflow:hidden;
    }
    .cta-banner::before { content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,0.08);border-radius:50%; }
    .cta-banner::after  { content:'';position:absolute;bottom:-60px;left:-30px;width:160px;height:160px;background:rgba(255,255,255,0.06);border-radius:50%; }
    .cta-banner h2 { font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:12px;position:relative;z-index:1; }
    .cta-banner p  { font-size:15px;color:rgba(255,255,255,0.85);margin-bottom:28px;position:relative;z-index:1; }
    .cta-btns { display:flex;justify-content:center;gap:16px;position:relative;z-index:1;flex-wrap:wrap; }
    .btn-white { background:#fff;color:var(--primary);border:2px solid #fff;padding:13px 30px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s; }
    .btn-white:hover { background:transparent;color:#fff; }
    .btn-outline-white { background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.6);padding:13px 30px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s; }
    .btn-outline-white:hover { border-color:#fff;background:rgba(255,255,255,0.1); }

    /* ===== RESPONSIVE ===== */
    @media (max-width:1024px) {
      .lang-pairs-grid { grid-template-columns:repeat(2,1fr); }
      .field-grid { grid-template-columns:repeat(2,1fr); }
      .process-steps { grid-template-columns:repeat(4,1fr);gap:32px 12px; }
      .process-steps::before { display:none; }
      .progress-info-grid { grid-template-columns:repeat(2,1fr); }
      .sc-grid { grid-template-columns:repeat(2,1fr); }
      .pricing-checklist ul { grid-template-columns:1fr; }
    }
    @media (max-width:768px) {
      .tab-btn { font-size:12px;padding:14px 8px;gap:5px; }
      .lang-pairs-grid { grid-template-columns:repeat(2,1fr);gap:14px; }
      .field-grid { grid-template-columns:1fr; }
      .process-steps { grid-template-columns:repeat(2,1fr); }
      .progress-info-grid { grid-template-columns:1fr; }
      .sc-grid { grid-template-columns:1fr 1fr; }
      .section-inner { padding:0 20px; }
      .section-wrap { padding:56px 0; }
      .cta-banner { padding:36px 24px; }
      .cta-banner h2 { font-size:1.4rem; }
    }
    @media (max-width:560px) {
      .tab-btn .tab-label { display:none; }
      .tab-btn i { font-size:22px; }
      .tab-btn { padding:18px; }
      .lang-pairs-grid { grid-template-columns:1fr 1fr; }
      .sc-grid { grid-template-columns:1fr; }
    }