// ─── 개인정보 처리방침 (KR PIPA) ───────────────────────────────────────────────
// LEGAL REVIEW REQUIRED: 아래 조항 전문은 실제 공개 전 변호사/개인정보 전문가 검토 필요.
// 미확정 항목(보호책임자, 사업자등록번호, 시행일, privacy 메일)은 관리자 설정값(PRIVACY_CFG)로 관리.

const PRIVACY_VERSION = 'v1.0';

// 관리자에서 수정 가능한 설정값 (실운영: 서버 DB에서 로드)
const PRIVACY_CFG = (() => {
  const def = {
    effectiveDate: '2026년 9월 19일',   // 실제 배포일이 다르면 관리자 설정에서 변경
    officerName: '주종수 팀장',
    officerDept: '기술영업팀',
    officerEmail: 'jsjoo@3es.co.kr',
    bizRegNo: '818-87-00829',
    phone: '031-212-3390',
    retentionGeneral: '1년',
    retentionSupport: '3년',
    deployConfirmed: false,       // 배포환경(호스팅·DB·알림 경로) 확정 여부 — true여야 제5·6조가 확정 문구로 표시됨
    hasProcessor: false,          // 개인정보 처리 위탁 여부
    processors: [],               // {name, task, period, resubcontract}
    hasOverseas: false,           // 국외 이전 여부
    overseas: [],                 // {receiver, country, method, items, purpose, period, refuse}
    autoCollect: false,           // 쿠키/분석도구 사용 여부
    analytics: [],                // {tool, purpose, items, optOut}
  };
  try { return { ...def, ...(JSON.parse(localStorage.getItem('3es_privacy_cfg')) || {}) }; } catch { return def; }
})();

const PRIVACY_AGENCIES = [
  { name:'개인정보침해 신고센터', tel:'(국번없이) 118', url:'https://privacy.kisa.or.kr' },
  { name:'개인정보 분쟁조정위원회', tel:'1833-6972', url:'https://www.kopico.go.kr' },
  { name:'경찰청 사이버범죄 신고시스템', tel:'(국번없이) 182', url:'https://ecrm.police.go.kr' },
];

// ── 폼 공통: 개인정보 수집·이용 동의 블록 ─────────────────────────────────────
// props: value(bool), onChange(bool), onOpenPolicy(), purpose, items, dark, error, lang
const ConsentBlock = ({ value, onChange, onOpenPolicy, purpose, items, dark = false, error = false, lang = 'ko' }) => {
  const [open, setOpen] = React.useState(false);
  const isKo = lang === 'ko';
  const c = dark
    ? { txt:'rgba(255,255,255,0.72)', sub:'rgba(255,255,255,0.5)', box:'rgba(255,255,255,0.05)', bd:'rgba(255,255,255,0.12)', link:'#67E8F9', strong:'#fff' }
    : { txt:'#475569', sub:'#64748B', box:'#F8FAFC', bd:'#E2E8F0', link:'#2563EB', strong:'#0F1E3C' };
  const L = isKo ? {
    req:'[필수]', agree:'개인정보 수집·이용에 동의합니다.',
    detail:'수집·이용 내역 보기', hide:'접기', policy:'개인정보 처리방침 보기',
    purpose:'수집·이용 목적', items:'수집 항목', period:'보유·이용 기간', right:'동의 거부 권리',
    periodV:`문의 처리 완료일로부터 ${PRIVACY_CFG.retentionGeneral}. 단, 관련 법령에 따라 보존할 필요가 있거나 계약·거래 관계가 성립된 경우에는 해당 법령 및 계약에 따른 기간 동안 보관할 수 있습니다.`,
    rightV:'개인정보 수집·이용에 동의하지 않을 권리가 있습니다. 다만, 필수 항목의 수집·이용에 동의하지 않으면 문의 접수와 답변이 제한됩니다.',
    warn:'주민등록번호, 계좌번호, 비밀번호, 건강정보 등 민감정보·고유식별정보는 문의 내용에 입력하지 마세요.',
    err:'문의 접수를 위해 개인정보 수집·이용 동의가 필요합니다.',
  } : {
    req:'[Required]', agree:'I consent to the collection and use of my personal information.',
    detail:'View details', hide:'Hide', policy:'Privacy Policy',
    purpose:'Purpose', items:'Items collected', period:'Retention', right:'Right to refuse',
    periodV:`1 year from completion of the inquiry, unless a longer period is required by law or by contract.`,
    rightV:'You may refuse consent. However, inquiries cannot be processed without consent to the required items.',
    warn:'Do not include sensitive or unique identifying information (ID numbers, account numbers, passwords, health data).',
    err:'Consent is required to submit your inquiry.',
  };
  const purposeV = purpose || (isKo ? '제품 도입 상담, 견적 요청, 보안 컨설팅, 기술·장애 지원 문의의 접수·처리 및 결과 회신' : 'Receiving, processing, and responding to product, quote, consulting, and technical support inquiries');
  const itemsV = items || (isKo ? '회사명, 담당자명, 연락처, 이메일, 문의 내용' : 'Company, contact name, phone, email, inquiry details');
  return (
    <div style={{marginBottom:14}}>
      <label style={{display:'flex',alignItems:'flex-start',gap:9,fontSize:13,color:c.txt,lineHeight:1.55,cursor:'pointer'}}>
        <input type="checkbox" checked={!!value} onChange={e=>onChange(e.target.checked)} style={{marginTop:2,flexShrink:0,width:16,height:16,accentColor:'#2563EB'}}/>
        <span><strong style={{color:error?'#EF4444':c.strong,fontWeight:700}}>{L.req}</strong> {L.agree}</span>
      </label>
      <div style={{display:'flex',gap:14,marginTop:7,marginLeft:25,flexWrap:'wrap'}}>
        <button type="button" onClick={()=>setOpen(!open)} style={{background:'none',border:'none',padding:0,fontSize:12,color:c.link,cursor:'pointer',fontFamily:'inherit',textDecoration:'underline'}}>{open?L.hide:L.detail}</button>
        <button type="button" onClick={onOpenPolicy} style={{background:'none',border:'none',padding:0,fontSize:12,color:c.link,cursor:'pointer',fontFamily:'inherit',textDecoration:'underline'}}>{L.policy} →</button>
      </div>
      {open && (
        <div style={{marginTop:10,marginLeft:25,padding:'14px 16px',background:c.box,border:`1px solid ${c.bd}`,borderRadius:10,fontSize:12,color:c.sub,lineHeight:1.7}}>
          {[[L.purpose,purposeV],[L.items,itemsV],[L.period,L.periodV],[L.right,L.rightV]].map(([k,v],i)=>(
            <div key={i} style={{marginBottom:i<3?10:0}}>
              <div style={{fontWeight:700,color:c.strong,marginBottom:2,fontSize:11.5}}>{k}</div>
              <div>{v}</div>
            </div>
          ))}
        </div>
      )}
      <div style={{marginTop:8,marginLeft:25,fontSize:11,color:c.sub,lineHeight:1.5}}>{L.warn}</div>
      {error && <div style={{marginTop:8,marginLeft:25,fontSize:12,color:'#EF4444',fontWeight:600}}>{L.err}</div>}
    </div>
  );
};

// 동의 메타 (제출 시 함께 기록)
const consentMeta = () => ({ agreed:true, agreedAt:new Date().toISOString(), policyVersion:PRIVACY_VERSION });

// ── 개인정보 처리방침 페이지 ──────────────────────────────────────────────────
const PrivacyPage = ({ lang, setPage, onBack }) => {
  const isKo = lang === 'ko';
  const [tocOpen, setTocOpen] = React.useState(false);
  const cfg = PRIVACY_CFG;
  const ph = (v, hint) => v || <span style={{color:'#94A3B8',fontStyle:'italic'}}>[{hint}]</span>;

  const ARTICLES = [
    { id:'a1', t:'제1조 개인정보의 처리 목적', body:(
      <>
        <p>㈜삼에스소프트는 다음 목적을 위해 개인정보를 처리합니다. 처리한 개인정보는 아래 목적 이외의 용도로 이용하지 않으며, 이용 목적이 변경되는 경우 관계 법령에 따라 별도의 동의를 받는 등 필요한 조치를 이행합니다.</p>
        <ol>
          <li>제품·솔루션 도입 상담 및 견적 문의 처리</li>
          <li>보안 컨설팅 문의 접수와 답변</li>
          <li>기술지원, 장애 접수, 유지보수 및 운영지원</li>
          <li>제안서·제품소개서 등 요청 자료 제공</li>
          <li>데모 및 PoC 신청 일정 협의</li>
          <li>맞춤형 AI·보안 솔루션 개발 문의 처리</li>
          <li>파트너 제휴 및 공동사업 문의 처리</li>
          <li>문의 처리 이력 관리 및 분쟁 대응</li>
        </ol>
      </>)},
    { id:'a2', t:'제2조 처리하는 개인정보의 항목', body:(
      <>
        <h4>필수 항목</h4>
        <ul><li>회사명</li><li>담당자명</li><li>연락처</li><li>이메일</li><li>문의 내용</li></ul>
        <h4>문의 유형에 따라 추가로 처리할 수 있는 항목</h4>
        <ul><li>부서명과 직책</li><li>관심 솔루션</li><li>예상 사용자 수</li><li>현재 사용 시스템</li><li>구축 방식</li><li>도입 희망 시기</li><li>첨부파일과 파일명</li><li>홈페이지 주소</li><li>프로젝트 예산과 요구사항</li></ul>
        <h4>서비스 이용 과정에서 자동으로 생성될 수 있는 정보</h4>
        {cfg.autoCollect
          ? <ul><li>IP 주소</li><li>접속 일시</li><li>브라우저 및 기기 정보</li><li>서비스 이용 기록</li><li>오류 기록</li></ul>
          : <p><strong>현재 수집하지 않습니다.</strong> 자동 수집 기능을 도입하는 경우 본 처리방침에 반영하여 사전 고지합니다.</p>}
        <div className="pv-note">주민등록번호, 계좌번호, 비밀번호, 건강정보 등 불필요한 민감정보나 고유식별정보는 문의 내용에 입력하지 마시기 바랍니다.</div>
      </>)},
    { id:'a3', t:'제3조 개인정보의 처리 및 보유 기간', body:(
      <ol>
        <li>일반 상담·견적·자료 요청: 문의 처리 완료일로부터 <strong>{cfg.retentionGeneral}</strong></li>
        <li>기술지원·장애 처리 기록: 처리 완료일로부터 <strong>{cfg.retentionSupport}</strong></li>
        <li>계약 또는 유상 거래가 성립된 경우: 계약 이행 및 관계 법령에서 정한 기간</li>
        <li>정보주체가 삭제를 요청하거나 처리 목적이 달성된 경우: 지체 없이 파기. 단, 법령에 따라 보존해야 하는 경우에는 별도 분리하여 해당 기간 동안 보관</li>
      </ol>)},
    { id:'a4', t:'제4조 개인정보의 제3자 제공', body:(
      <>
        <p>회사는 원칙적으로 정보주체의 개인정보를 외부에 제공하지 않습니다. 다만 다음의 경우에는 예외로 합니다.</p>
        <ol>
          <li>정보주체가 사전에 별도로 동의한 경우</li>
          <li>관계 법령에 특별한 규정이 있는 경우</li>
          <li>정보주체의 요청에 따라 제조사 또는 기술 파트너와 공동 상담이 필요한 경우</li>
        </ol>
        <div className="pv-note">제조사·기술 파트너에게 개인정보를 제공해야 하는 경우, 제공받는 자·제공 목적·제공 항목·보유 기간·동의 거부 권리를 별도로 안내하고 <strong>별도 동의</strong>를 받습니다. 일반 수집·이용 동의만으로 제3자에게 자동 제공하지 않습니다.</div>
      </>)},
    { id:'a5', t:'제5조 개인정보 처리업무의 위탁', body:(
      cfg.hasProcessor && cfg.processors.length
        ? <table className="pv-table"><thead><tr><th>수탁업체명</th><th>위탁 업무</th><th>보유·이용 기간</th><th>재위탁</th></tr></thead>
            <tbody>{cfg.processors.map((p,i)=><tr key={i}><td>{p.name}</td><td>{p.task}</td><td>{p.period}</td><td>{p.resubcontract||'없음'}</td></tr>)}</tbody></table>
        : cfg.deployConfirmed
          ? <>
              <p><strong>회사는 현재 개인정보 처리업무를 외부에 위탁하지 않습니다.</strong></p>
              <p>향후 클라우드, 이메일·문자 발송, 고객관리 시스템, 호스팅 등에 개인정보 처리를 위탁하는 경우, 수탁업체명·위탁 업무·보유 및 이용 기간·재위탁 여부를 본 처리방침에 공개합니다.</p>
            </>
          : <>
              <p>회사는 홈페이지 운영과 문의 처리를 위해 호스팅·데이터베이스·알림 발송 등 일부 업무를 외부에 위탁할 수 있습니다.</p>
              <p><strong>수탁업체명·위탁 업무·보유 및 이용 기간·재위탁 여부는 서비스 정식 공개 시점에 확정하여 본 처리방침에 게시합니다.</strong></p>
              <div className="pv-note">위탁 현황은 실제 배포 환경(호스팅 사업자, 문의 데이터베이스, 메일·알림 발송 서비스)이 확정된 후 기재합니다. 확정 전에는 어떤 수탁사도 임의로 기재하지 않습니다.</div>
            </>)},
    { id:'a6', t:'제6조 개인정보의 국외 이전', body:(
      cfg.hasOverseas && cfg.overseas.length
        ? <table className="pv-table"><thead><tr><th>이전받는 자</th><th>국가</th><th>일시·방법</th><th>항목</th><th>목적</th><th>보유기간</th><th>거부 방법</th></tr></thead>
            <tbody>{cfg.overseas.map((o,i)=><tr key={i}><td>{o.receiver}</td><td>{o.country}</td><td>{o.method}</td><td>{o.items}</td><td>{o.purpose}</td><td>{o.period}</td><td>{o.refuse}</td></tr>)}</tbody></table>
        : cfg.deployConfirmed
          ? <>
              <p><strong>회사는 개인정보를 국외로 이전하지 않습니다.</strong></p>
              <p>국외 이전이 필요한 경우에는 이전받는 자·이전 국가·이전 일시 및 방법·이전 항목·이용 목적·보유 기간·거부 방법과 거부 시 불이익을 사전에 고지하고 적법한 절차를 거칩니다.</p>
            </>
          : <>
              <p>문의 내용에 포함된 개인정보의 저장 위치와 국외 이전 여부는 <strong>서비스 정식 공개 시점의 배포 환경을 기준으로 확정하여 본 처리방침에 게시</strong>합니다.</p>
              <p>국외 이전이 발생하는 경우에는 이전받는 자·이전 국가·이전 일시 및 방법·이전 항목·이용 목적·보유 기간·거부 방법과 거부 시 불이익을 사전에 고지하고 적법한 절차를 거칩니다.</p>
              <div className="pv-note">클라우드 호스팅·데이터베이스·메일 발송 등의 서버 리전이 확정되기 전까지는 “국외 이전 없음”으로 단정하지 않으며, 확정 즉시 사실대로 기재합니다.</div>
            </>)},
    { id:'a7', t:'제7조 개인정보의 파기 절차 및 방법', body:(
      <ol>
        <li><strong>파기 절차:</strong> 보유 기간 경과 또는 처리 목적 달성 후 내부 절차에 따라 파기합니다.</li>
        <li><strong>전자파일:</strong> 복구하거나 재생할 수 없는 기술적 방법으로 삭제합니다.</li>
        <li><strong>종이 문서:</strong> 분쇄 또는 소각합니다.</li>
        <li><strong>법령에 따라 보존해야 하는 개인정보:</strong> 다른 개인정보와 분리하여 보관하고 해당 기간 종료 후 파기합니다.</li>
      </ol>)},
    { id:'a8', t:'제8조 정보주체의 권리와 행사 방법', body:(
      <>
        <p>정보주체는 회사에 대해 다음 권리를 행사할 수 있습니다.</p>
        <ul><li>개인정보 열람 요구</li><li>개인정보 정정·삭제 요구</li><li>개인정보 처리정지 요구</li><li>동의 철회</li><li>개인정보 처리 관련 문의 및 이의 제기</li></ul>
        <h4>권리행사 방법</h4>
        <ul>
          <li>이메일: <a href={`mailto:${cfg.officerEmail}`}>{cfg.officerEmail}</a></li>
          <li>전화: {cfg.phone}</li>
          <li>서면 또는 홈페이지 문의</li>
        </ul>
        <p>본인 확인이 필요한 요청의 경우 관계 법령에 따라 필요한 범위에서 본인 확인 절차를 진행할 수 있습니다.</p>
      </>)},
    { id:'a9', t:'제9조 개인정보의 안전성 확보조치', body:(
      <ul>
        <li>개인정보 접근권한 최소화</li><li>관리자 계정 인증 및 접근통제</li><li>개인정보 전송구간 암호화</li>
        <li>비밀번호 및 중요정보의 안전한 저장</li><li>접속기록 보관 및 이상 접근 점검</li><li>악성코드와 취약점 대응</li>
        <li>개인정보 취급자 교육</li><li>백업 및 복구 절차</li><li>개인정보가 포함된 문의 내용을 공개 채널로 전송하지 않음</li>
      </ul>)},
    { id:'a10', t:'제10조 개인정보 자동 수집 장치', body:(
      cfg.autoCollect && cfg.analytics.length
        ? <table className="pv-table"><thead><tr><th>도구</th><th>수집 목적</th><th>수집 정보</th><th>거부 방법</th></tr></thead>
            <tbody>{cfg.analytics.map((a,i)=><tr key={i}><td>{a.tool}</td><td>{a.purpose}</td><td>{a.items}</td><td>{a.optOut}</td></tr>)}</tbody></table>
        : <p><strong>회사는 현재 맞춤형 광고를 위한 쿠키를 사용하지 않습니다.</strong> 분석도구를 도입하는 경우 사용 도구·수집 목적·수집 정보·거부 방법을 본 처리방침에 반영합니다.</p>)},
    { id:'a11', t:'제11조 개인정보 보호책임자', body:(
      <>
        <p>㈜삼에스소프트는 개인정보 처리 및 보호에 관한 업무를 총괄하기 위하여 다음과 같이 개인정보 보호책임자를 두고 있습니다.</p>
        <ul>
          <li>개인정보 보호책임자: {cfg.officerName}</li>
          <li>담당 부서: {cfg.officerDept}</li>
          <li>연락처: {cfg.phone}</li>
          <li>이메일: <a href={`mailto:${cfg.officerEmail}`}>{cfg.officerEmail}</a></li>
        </ul>
        <p>정보주체는 ㈜삼에스소프트의 서비스를 이용하면서 발생한 개인정보 보호 관련 문의, 불만처리, 피해구제 등에 관한 사항을 개인정보 보호책임자에게 문의할 수 있습니다.</p>
      </>)},
    { id:'a12', t:'제12조 권익침해 구제방법', body:(
      <>
        <p>정보주체는 개인정보 침해로 인한 피해를 구제받기 위하여 아래 기관에 상담 또는 분쟁해결 등을 신청할 수 있습니다.</p>
        <div className="pv-agencies">
          {PRIVACY_AGENCIES.map((a,i)=>(
            <a key={i} href={a.url} target="_blank" rel="noopener noreferrer" className="pv-agency">
              <span className="pv-agency-n">{a.name}</span>
              <span className="pv-agency-t">{a.tel}</span>
              <span className="pv-agency-u">{a.url.replace('https://','')} ↗</span>
            </a>
          ))}
        </div>
      </>)},
    { id:'a13', t:'제13조 개인정보 처리방침의 변경', body:(
      <>
        <p>본 처리방침이 변경되는 경우, 시행일 최소 7일 전에 홈페이지 공지사항을 통해 알립니다. 정보주체의 권리에 중대한 영향을 미치는 변경의 경우 필요한 기간을 두고 사전에 알립니다.</p>
        <div className="pv-prev">
          <div className="pv-prev-t">이전 버전 보기</div>
          <div className="pv-prev-e">이전 처리방침이 없습니다. (최초 시행)</div>
        </div>
      </>)},
  ];

  const go = id => { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 90, behavior:'smooth' }); setTocOpen(false); };

  return (
    <div style={{paddingTop:68}}>
      <style>{`
        .pv-wrap{max-width:900px;margin:0 auto;padding:0 24px}
        .pv-body h4{font-size:14px;font-weight:700;color:#0F1E3C;margin:16px 0 8px}
        .pv-body p{font-size:14.5px;color:#475569;line-height:1.85;margin-bottom:12px}
        .pv-body ul,.pv-body ol{margin:0 0 12px 20px;display:flex;flex-direction:column;gap:6px}
        .pv-body li{font-size:14.5px;color:#475569;line-height:1.75}
        .pv-body strong{color:#0F1E3C}
        .pv-note{background:rgba(37,99,235,.05);border-left:3px solid #2563EB;border-radius:0 8px 8px 0;padding:12px 16px;font-size:13.5px;color:#475569;line-height:1.7;margin:14px 0}
        .pv-table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}
        .pv-table th{background:#F8FAFC;padding:10px 12px;text-align:left;font-weight:700;color:#64748B;border:1px solid #E2E8F0;font-size:12px}
        .pv-table td{padding:10px 12px;border:1px solid #E2E8F0;color:#475569}
        .pv-agencies{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
        .pv-agency{display:flex;flex-direction:column;gap:4px;padding:16px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;text-decoration:none;transition:all .2s}
        .pv-agency:hover{border-color:#2563EB;background:#fff}
        .pv-agency-n{font-size:13.5px;font-weight:700;color:#0F1E3C}
        .pv-agency-t{font-size:12.5px;color:#475569}
        .pv-agency-u{font-size:11.5px;color:#2563EB}
        .pv-prev{margin-top:14px;padding:16px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px}
        .pv-prev-t{font-size:12px;font-weight:700;color:#64748B;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
        .pv-prev-e{font-size:13px;color:#94A3B8}
        .pv-art{scroll-margin-top:90px;padding:28px 0;border-top:1px solid #F1F5F9}
        .pv-art:first-of-type{border-top:none}
        .pv-art-t{font-size:19px;font-weight:700;color:#0F1E3C;margin-bottom:14px;letter-spacing:-.3px}
        .pv-toc{position:sticky;top:88px;align-self:start}
        .pv-toc-i{display:block;width:100%;text-align:left;background:none;border:none;padding:7px 10px;font-size:12.5px;color:#64748B;cursor:pointer;font-family:inherit;border-radius:6px;line-height:1.4}
        .pv-toc-i:hover{background:rgba(37,99,235,.06);color:#2563EB}
        .pv-grid{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
        .pv-toc-mob{display:none}
        @media(max-width:900px){
          .pv-grid{grid-template-columns:1fr!important;gap:0}
          .pv-toc{display:none}
          .pv-toc-mob{display:block}
          .pv-table{min-width:0}
          .pv-table thead{display:none}
          .pv-table tr{display:block;border:1px solid #E2E8F0;border-radius:10px;margin-bottom:10px;padding:6px}
          .pv-table td{display:block;border:none;white-space:normal!important;padding:6px 10px}
        }
        @media print{.pv-toc,.pv-no-print{display:none!important}.pv-grid{grid-template-columns:1fr}}
      `}</style>

      {/* Hero */}
      <div style={{background:'linear-gradient(135deg,#060B1F 0%,#0B1B3E 60%,#13245A 100%)',padding:'64px 24px 52px',position:'relative',overflow:'hidden'}}>
        <div style={{position:'absolute',inset:0,backgroundImage:'linear-gradient(rgba(59,110,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,110,245,.05) 1px,transparent 1px)',backgroundSize:'56px 56px'}}></div>
        <div className="pv-wrap" style={{position:'relative'}}>
          <div onClick={()=>onBack?onBack():setPage('home')} style={{cursor:'pointer',display:'flex',width:'fit-content',alignItems:'center',gap:8,color:'rgba(255,255,255,.5)',fontSize:13,marginBottom:24}}>
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round"><path d="M19 12H5M12 5l-7 7 7 7"/></svg>
            {isKo?'돌아가기':'Back'}
          </div>
          <div style={{display:'inline-flex',alignItems:'center',gap:8,padding:'5px 12px',background:'rgba(59,110,245,.12)',border:'1px solid rgba(59,110,245,.3)',borderRadius:20,marginBottom:16,fontSize:11,fontWeight:700,color:'#93C5FD',letterSpacing:'1.5px'}}>PRIVACY POLICY</div>
          <h1 style={{fontSize:'clamp(28px,3.4vw,40px)',fontWeight:700,color:'#fff',letterSpacing:'-.8px',marginBottom:14}}>개인정보 처리방침</h1>
          <p style={{fontSize:15.5,color:'rgba(255,255,255,.68)',lineHeight:1.8,maxWidth:700}}>
            ㈜삼에스소프트는 정보주체의 개인정보를 중요하게 생각하며, 「개인정보 보호법」 등 관련 법령을 준수합니다. 본 처리방침은 회사가 개인정보를 어떤 목적으로 수집·이용하고, 어떻게 보호하는지 안내합니다.
          </p>
          <div style={{display:'flex',gap:20,marginTop:22,flexWrap:'wrap',fontSize:12.5,color:'rgba(255,255,255,.5)'}}>
            <span>시행일: {cfg.effectiveDate}</span>
            <span>버전: {PRIVACY_VERSION}</span>
          </div>
        </div>
      </div>

      {/* Body */}
      <div style={{background:'#fff',padding:'48px 0 80px'}}>
        <div className="pv-wrap">
          {/* Mobile TOC */}
          <div className="pv-toc-mob pv-no-print" style={{marginBottom:24}}>
            <button onClick={()=>setTocOpen(!tocOpen)} style={{width:'100%',display:'flex',justifyContent:'space-between',alignItems:'center',padding:'14px 16px',background:'#F8FAFC',border:'1px solid #E2E8F0',borderRadius:12,fontSize:13.5,fontWeight:700,color:'#0F1E3C',cursor:'pointer',fontFamily:'inherit'}}>
              목차 <span style={{color:'#94A3B8',transform:tocOpen?'rotate(45deg)':'none',transition:'transform .2s',fontSize:16}}>+</span>
            </button>
            {tocOpen && <div style={{marginTop:8,padding:8,background:'#F8FAFC',border:'1px solid #E2E8F0',borderRadius:12}}>{ARTICLES.map(a=><button key={a.id} className="pv-toc-i" onClick={()=>go(a.id)}>{a.t}</button>)}</div>}
          </div>

          <div className="pv-grid">
            <nav className="pv-toc pv-no-print">
              <div style={{fontSize:11,fontWeight:700,color:'#94A3B8',letterSpacing:'1.5px',textTransform:'uppercase',marginBottom:10,paddingLeft:10}}>목차</div>
              {ARTICLES.map(a=><button key={a.id} className="pv-toc-i" onClick={()=>go(a.id)}>{a.t}</button>)}
              <button className="pv-toc-i" onClick={()=>window.print()} style={{marginTop:12,color:'#2563EB',fontWeight:600}}>🖨 인쇄 / PDF 저장</button>
            </nav>
            <div className="pv-body">
              {ARTICLES.map(a=>(
                <section key={a.id} id={a.id} className="pv-art">
                  <h3 className="pv-art-t">{a.t}</h3>
                  {a.body}
                </section>
              ))}
              <div style={{marginTop:32,padding:'20px 22px',background:'#F8FAFC',border:'1px solid #E2E8F0',borderRadius:14,fontSize:13,color:'#64748B',lineHeight:1.8}}>
                <div style={{fontWeight:700,color:'#0F1E3C',marginBottom:8,fontSize:13.5}}>㈜삼에스소프트</div>
                경기 수원시 영통구 창룡대로256번길 91 에이스광교타워 2차 909호<br/>
                대표전화 {cfg.phone} · 영업 sales@3es.co.kr · 기술지원 tech@3es.co.kr<br/>
                사업자등록번호 {cfg.bizRegNo} · 대표자 주종수
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

Object.assign(window, { PrivacyPage, ConsentBlock, consentMeta, PRIVACY_VERSION, PRIVACY_CFG });