// ─── CheckOut — 발신메일 보안 & 메일 유출방지 (Outbound Email Security / DLP) ── // SpamOut과 동일 디자인 체계 + 그린 포인트 // Flow: PROBLEM→SOLUTION→APPROVAL FLOW→FILTER POLICY→FEATURES→SECURE MAIL→COMPARISON→BENEFITS→USE CASES→ARCHITECTURE→PRICE→COMPLIANCE→SUPPLY→DOWNLOAD→FAQ→FINAL CTA const CheckOutPage = ({ lang, setPage, openQuote }) => { const [dlOpen, setDlOpen] = React.useState(false); const [dlSent, setDlSent] = React.useState(false); const [dlSending, setDlSending] = React.useState(false); const [dlErr, setDlErr] = React.useState(''); const [dlForm, setDlForm] = React.useState({ company:'', name:'', email:'', phone:'', interest:'승인메일', users:'', message:'' }); const [dlErrs, setDlErrs] = React.useState({}); const dlUp = (k,v) => { setDlForm(p=>({...p,[k]:v})); if (dlErrs[k]) setDlErrs(e=>{const n={...e};delete n[k];return n;}); }; const dlRules = [{ k:'company', type:'text' }, { k:'name', type:'text' }, { k:'email', type:'email' }, { k:'_agree', type:'agree' }]; const [openFaqs, setOpenFaqs] = React.useState([0]); const toggleFaq = (i) => setOpenFaqs(prev => prev.includes(i) ? prev.filter(x=>x!==i) : [...prev, i]); const isKo = lang === 'ko'; const certs = (typeof LS !== 'undefined' ? LS.get('3es_checkout_certs', null) : null) || [ { name:'개인정보보호법', en:'PIPA', no:'규정 대응 지원' }, { name:'전자금융 감사', en:'Financial Audit', no:'규정 대응 지원' }, { name:'e-Discovery', en:'전자증거개시', no:'데이터 확보 지원' }, ]; React.useEffect(() => { const els = document.querySelectorAll('.reveal'); const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('revealed'); }); }, { threshold: 0.1 }); els.forEach(el => obs.observe(el)); return () => obs.disconnect(); }); const handleDownload = async () => { const _v = window.validateForm(dlForm, dlRules, lang); if (!_v.ok) { setDlErrs(_v.errors); return; } setDlSending(true); const msg = `📤 CheckOut 자료 요청 / 리드\n회사: ${dlForm.company||'-'}\n담당자: ${dlForm.name||'-'}\n이메일: ${dlForm.email||'-'}\n연락처: ${dlForm.phone||'-'}\n관심 기능: ${dlForm.interest}\n예상 사용자: ${dlForm.users||'-'}\n문의: ${dlForm.message||'-'}\n시간: ${new Date().toLocaleString('ko-KR')}`; const _r = await sendTelegram(msg, { consent: dlForm._agree === true }); if (!_r || !_r.ok) { setDlSending(false); setDlErr(isKo ? '요청 전달에 실패했습니다. sales@3es.co.kr 또는 031-212-3390 으로 연락해 주세요.' : 'Submission failed. Please email sales@3es.co.kr or call +82-31-212-3390.'); return; } try { if (typeof LS !== 'undefined') { const list = LS.get('3es_inquiries', []); const nextId = (list.reduce((m,x)=>Math.max(m, x.id||0), 0) || 0) + 1; list.unshift({ id:nextId, company:dlForm.company||'-', name:dlForm.name||'-', date:new Date().toLocaleDateString('ko-KR').replace(/\. /g,'.').replace(/\.$/,''), type:'CheckOut 자료요청 ('+dlForm.interest+')', status:'new', message:`이메일:${dlForm.email} / 연락처:${dlForm.phone} / 사용자:${dlForm.users} / ${dlForm.message}` }); LS.set('3es_inquiries', list); } } catch(e) {} setDlSending(false); setDlSent(true); }; // ── Brand: navy + cyan base + GREEN point const NAVY = '#0F1E3C'; const NAVY2 = '#13294F'; const GREEN = '#10B981'; const GREEN2= '#34D399'; const CYAN = '#06B6D4'; const BLUE = '#2563EB'; const RED = '#EF4444'; const t = isKo ? { badge:'OUTBOUND EMAIL SECURITY', parent:'이메일 보안', product:'CheckOut', tagline:'발신메일 보안 & 메일 유출방지 솔루션', h1a:'외부로 나가는 메일,', h1b:'보내기 전에 먼저 점검합니다', sub:'CheckOut은 사외로 발송되는 메일의 본문과 첨부파일을 검사하고, 보안정책에 따라 승인·차단·보류·암호화를 수행하여 기업정보와 개인정보 유출 위험을 줄이는 발신메일 보안 솔루션입니다.', chips:['발신메일 보안','메일 승인','개인정보 탐지','첨부파일 검사','보안메일 암호화','대용량 첨부 관리','감사 로그'], cta1:'도입 상담', cta2:'견적 문의', cta3:'데모 신청', cta4:'자료 요청', prob:{ k:'01 — PROBLEM', title:'메일 유출은 대부분\n"보내는 순간" 발생합니다', sub:'외부 협업이 늘어날수록, 기업정보와 개인정보가 포함된 메일이 사전 검토 없이 외부로 나갈 위험도 커집니다.' }, problems:[ { icon:'📤', tag:'내부 정보 유출', title:'검토 없는 내부 문서 반출', d:'전·현직 임직원, 협력사, 단순 실수로 내부 문서가 외부로 반출될 위험이 존재합니다.' }, { icon:'🪪', tag:'개인정보 포함', title:'개인정보가 담긴 발신메일', d:'주민번호·여권번호·운전면허번호·외국인등록번호 등이 포함된 메일이 외부로 발송될 수 있습니다.' }, { icon:'✋', tag:'승인 없는 발송', title:'결재 없이 나가는 중요 자료', d:'중요 자료가 부서장 또는 보안 담당자의 검토 없이 외부로 전달될 수 있습니다.' }, { icon:'🔍', tag:'감사 대응', title:'추적이 어려운 발송 이력', d:'누가, 언제, 어떤 첨부파일과 내용을 외부로 보냈는지 추적하기 어렵습니다.' }, ], sol:{ k:'02 — SOLUTION', title:'CheckOut은 발송 전에\n먼저 검사하고 승인합니다', sub:'CheckOut은 사외 송신 메일을 필터링해 본문과 첨부파일을 검사하고, 보안정책에 따라 승인·반려·차단·보안메일 변환·대용량 첨부 링크 관리를 수행합니다.', points:['외부 발송 메일 사전 통제','개인정보·기밀정보 탐지','부서장 승인 후 발송','차단·반려·승인·알림 정책 제공','보안메일 암호화 및 링크변환 옵션','발송 로그와 감사 데이터 확보'] }, flow:{ k:'03 — APPROVAL FLOW', title:'발신메일 승인 프로세스', sub:'작성부터 발송·감사까지, 정책 기반으로 단계별 통제합니다.', steps:[ { n:'01', t:'메일 작성', d:'사용자가 외부 수신자를 포함하여 메일을 작성합니다.' }, { n:'02', t:'정책 검사', d:'발신자·수신자·제목·본문·첨부파일·개인정보·파일 크기를 검사합니다.' }, { n:'03', t:'승인 요청', d:'정책에 해당하는 메일은 승인권자에게 승인 요청이 전달됩니다.' }, { n:'04', t:'승인 / 반려 / 차단', d:'승인권자가 메일 내용을 확인하고 승인 또는 반려합니다.' }, { n:'05', t:'보안 발송', d:'승인된 메일만 외부 수신자에게 발송됩니다.' }, { n:'06', t:'로그 / 감사', d:'승인 이력·필터링 결과·발송 내역을 기록해 감사 대응에 활용합니다.' }, ] }, filt:{ k:'04 — FILTER POLICY', title:'보안정책 기반 메일 필터링' }, filters:[ { icon:'👥', t:'발신자 / 수신자 정책', d:'특정 사용자·부서·도메인별 정책을 적용합니다.' }, { icon:'📝', t:'콘텐츠 필터', d:'메일 제목·본문·키워드·특정 문구를 기준으로 필터링합니다.' }, { icon:'📎', t:'첨부파일 필터', d:'파일 확장자·특정 파일명·첨부 개수·파일 크기를 기준으로 제어합니다.' }, { icon:'🪪', t:'개인정보 필터', d:'주민·외국인등록·운전면허·여권번호 등을 탐지하고 필요 시 마스킹 처리합니다.' }, { icon:'⚙️', t:'처리 동작 설정', d:'결재·승인대기·자동참조·통과·차단·모니터링·알림을 정책별로 설정합니다.' }, { icon:'➕', t:'예외 처리', d:'특정 사용자·그룹에 대한 예외 정책과 우선순위 조정을 지원합니다.' }, ], feat:{ k:'05 — FEATURES', title:'CheckOut 핵심 기능' }, features:[ { icon:'✅', t:'발신메일 승인', d:'외부로 나가는 중요 메일은 내부 승인 절차를 거친 후 발송됩니다.' }, { icon:'🪪', t:'개인정보 탐지', d:'메일 본문과 첨부파일 내 개인정보 포함 여부를 검사합니다.' }, { icon:'🔐', t:'기업 기밀정보 보호', d:'중요 키워드·파일·정책 조건에 따라 기업정보 반출을 통제합니다.' }, { icon:'📂', t:'첨부파일 내용 검사', d:'첨부파일과 압축파일 내 민감정보 포함 여부를 검사합니다.' }, { icon:'🛡️', t:'보안메일 암호화', d:'본문과 첨부파일을 압축·암호화하여 안전하게 발송합니다.' }, { icon:'🔗', t:'링크변환 보안메일', d:'메일을 다운로드 링크 방식으로 변환하고, 필요 시 링크 비활성화를 지원합니다.' }, { icon:'📦', t:'대용량 첨부 관리', d:'일정 기간 다운로드 링크 제공, 원본 보관, 다운로드 로그를 지원합니다.' }, { icon:'📊', t:'대시보드 / 리포트', d:'기간·도메인·사용자·부서별 통계와 Excel 저장을 지원합니다.' }, ], sec:{ k:'06 — SECURE MAIL', title:'보안메일 옵션', sub:'발송 방식을 보안정책에 맞게 선택할 수 있습니다.' }, secure:[ { icon:'🔐', t:'암호화 발송', d:'메일 본문과 첨부파일을 압축 암호화 후 발송합니다. 암호키는 랜덤 생성되어 발신자·수신자에게 분리 전달할 수 있습니다.' }, { icon:'🔗', t:'링크변환 발송', d:'보안메일을 다운로드 링크로 변환해 발송합니다. 발신자는 링크를 관리하고 필요 시 비활성화할 수 있습니다.' }, { icon:'📦', t:'대용량 첨부 관리', d:'대용량 첨부는 일정 기간 다운로드 링크로 제공하고, 다운로드 로그를 기록합니다.' }, ], comp:{ k:'07 — COMPARISON', title:'일반 메일 발송 vs CheckOut', sub:'외부 발송 통제 관점에서 차이를 비교해 보세요.' }, compHead:['항목','일반 메일 발송','기본 메일서버 정책','CheckOut'], compRows:[ ['외부 발송 통제','없음','제한적','정책 기반 사전 통제'], ['개인정보 탐지','없음','없음','패턴 탐지·마스킹'], ['첨부파일 검사','없음','확장자 수준','내용·압축파일 검사'], ['승인 결재','없음','없음','승인권자 결재'], ['보안메일 암호화','수동','제한적','압축 암호화·링크변환'], ['대용량 첨부 관리','별도 도구','없음','링크·로그 관리'], ['감사 로그','없음','일부','승인·발송 이력'], ['사용자/부서별 정책','없음','서버별','통합 정책'], ['통계 / 리포트','없음','별도 도구','내장 대시보드'], ], ben:{ k:'08 — BENEFITS', title:'도입 효과' }, benefits:[ { n:'위험 감소', t:'내부정보 유출 위험', d:'외부 발송 전 보안정책을 적용해 중요 정보 반출 위험을 줄입니다.' }, { n:'대응 지원', t:'개인정보보호법', d:'개인정보 포함 메일을 탐지하고 승인·차단·마스킹 정책을 적용할 수 있습니다.' }, { n:'승인 기반', t:'안전한 협업 체계', d:'외부 협업 메일도 부서장·보안 담당자 승인 절차를 거쳐 발송됩니다.' }, { n:'추적 가능', t:'감사 대응력 강화', d:'발송·승인 이력, 필터링 결과, 다운로드 로그를 기록합니다.' }, { n:'인식 향상', t:'사용자 보안 의식', d:'정책 기반 경고와 승인 절차로 임직원 메일보안 인식을 높입니다.' }, ], uc:{ k:'09 — USE CASES', title:'이런 조직에 적합합니다', sub:'대표 적용 산업군 예시입니다.' }, useCases:[ { ind:'공공기관', icon:'🏛️', d:'개인정보·민원 데이터가 포함된 외부 발송 메일을 사전 검토하고 감사 대응을 강화합니다.' }, { ind:'금융기관', icon:'🏦', d:'고객정보·계좌정보·내부 결재문서가 포함된 메일의 외부 반출을 통제합니다.' }, { ind:'제조 / 반도체', icon:'🏭', d:'설계자료·생산정보·기술문서 등 영업기밀이 첨부된 메일을 승인 후 발송합니다.' }, { ind:'의료 / 병원', icon:'🏥', d:'환자정보·진료자료·개인정보가 포함된 발신메일을 정책 기반으로 관리합니다.' }, { ind:'망분리 환경', icon:'🔀', d:'업무망에서 외부망으로 나가는 메일을 승인 기반으로 통제하고 망연계 환경과 연동합니다.' }, ], arch:{ k:'10 — ARCHITECTURE', title:'구축 방식', sub:'메일 환경·조직정보·인사정보 연동·승인 정책·망분리 환경에 따라 유연하게 구성합니다.', nodes:['발신자','발신메일서버','CheckOut','승인권자','외부 발송','수신자'], side:['대용량첨부 파일서버','로그 / 통계 / 감사 데이터'], ha:'이중화 구성을 지원해 대규모·고가용 환경에서도 안정적으로 운영할 수 있습니다.' }, price:{ k:'11 — PRICE GUIDE', title:'규모와 정책에 맞는 도입 방식', sub:'상세 견적은 상담 후 산정합니다.', plans:[ { name:'기본형', icon:'📨', best:'중소기업', features:['발신메일 승인','기본 정책 필터','사용자/그룹 정책','로그/통계'] }, { name:'보안메일형', icon:'🔐', best:'개인정보 보호 강화', primary:true, features:['기본형 전체 포함','보안메일 암호화','링크변환','대용량 첨부 관리','개인정보 탐지 강화'] }, { name:'엔터프라이즈형', icon:'🏛️', best:'대규모·망분리', features:['대규모 사용자','인사정보 연동','망분리/망연계','이중화 구성','고급 감사 대응'] }, ], note:'견적은 사용자 수, 메일 처리량, 승인 정책 수, 인사정보 연동, 보안메일 옵션, 대용량 첨부 관리, 이중화·망분리 연동 여부에 따라 산정됩니다.' }, compl:{ k:'12 — COMPLIANCE', title:'규정 준수와 감사 대응', sub:'CheckOut은 발신메일 통제로 규정 대응과 감사 데이터 확보를 지원합니다.', items:[ { t:'개인정보보호법 대응 지원', d:'개인정보 포함 메일 탐지·승인·마스킹 정책 적용' }, { t:'전자금융 / 금융권 감사 대응', d:'발송 통제와 승인 이력으로 감사 대응 지원' }, { t:'e-Discovery 데이터 확보', d:'발송·승인·다운로드 로그를 증적으로 보존' }, { t:'내부 보안정책 준수', d:'조직 보안정책에 맞춘 발신 통제 정책 구성' }, { t:'승인 로그 / 발송 이력 관리', d:'누가·언제·무엇을 보냈는지 추적 가능' }, ] }, maker:{ k:'13 — SUPPLY', title:'제조사 및 공급 체계', sub:'검증된 제품과 책임 있는 운영 지원을 함께 제공합니다.', points:[ { icon:'🏭', t:'검증된 메일보안 제조사', d:'CheckOut은 메일보안 전문 제조사의 발신메일 보안 솔루션입니다.' }, { icon:'🤝', t:'삼에스소프트 도입·운영 파트너', d:'도입 컨설팅, 구축, 정책 설계, 운영 교육, 장애 대응을 함께 제공합니다.' }, { icon:'🛡️', t:'운영 안정화까지 책임', d:'솔루션 판매로 끝나지 않고, 도입 이후 운영 안정화까지 지속 지원합니다.' }, ] }, dl:{ k:'14 — DOWNLOAD', title:'CheckOut 자료 요청', summary:[ 'CheckOut은 외부로 발송되는 메일을 사전에 검사하고 승인하는 발신메일 보안 솔루션입니다.', '개인정보·기업 기밀정보·첨부파일을 정책 기반으로 탐지하고 승인·차단·암호화할 수 있습니다.', '발송 이력·승인 로그·통계 리포트를 제공하여 내부정보 유출방지와 감사 대응을 지원합니다.', ], files:[['📄','회사 이메일로 자료 요청'],['📊','제안서 요청하고 상담 연결하기']] }, faq:{ k:'15 — FAQ', title:'자주 묻는 질문' }, faqs:[ { q:'기존 메일서버를 교체해야 하나요?', a:'아니요. 기존 메일 환경을 유지하면서 발신메일 구간에 CheckOut을 연동하는 방식으로 구성할 수 있습니다.' }, { q:'모든 발신메일이 승인 대상인가요?', a:'아닙니다. 발신자·수신자·키워드·첨부파일·개인정보 포함 여부 등 정책 조건에 따라 승인·통과·차단·모니터링을 구분할 수 있습니다.' }, { q:'개인정보는 어떤 항목을 탐지하나요?', a:'주민번호·외국인등록번호·운전면허번호·여권번호 등 주요 개인정보 패턴을 탐지하고, 필요 시 마스킹 정책을 적용할 수 있습니다.' }, { q:'첨부파일도 검사하나요?', a:'네. 첨부파일명·파일 확장자·특정 파일·압축파일 내 민감정보 등을 정책에 따라 검사할 수 있습니다.' }, { q:'보안메일 암호화는 어떻게 동작하나요?', a:'메일 본문과 첨부파일을 압축 암호화하고, 복호키를 별도로 전달하는 방식으로 안전한 외부 발송을 지원합니다.' }, { q:'대용량 첨부파일도 관리할 수 있나요?', a:'네. 대용량 파일은 다운로드 링크 방식으로 제공하고, 링크 만료와 다운로드 로그를 관리할 수 있습니다.' }, { q:'도입 후 운영 지원은 어떻게 되나요?', a:'삼에스소프트가 정책 설계, 구축, 운영 교육, 장애 대응, 정기점검까지 지원합니다.' }, ], bottom:{ title:'외부로 나가는 메일,\n지금 통제하고 있습니까?', sub:'CheckOut은 내부정보와 개인정보가 포함된 메일이 승인 없이 외부로 나가지 않도록 발신메일 보안을 강화합니다.\n삼에스소프트가 도입부터 운영까지 함께합니다.', a:'도입 상담 받기', b:'견적 요청하기', c:'제안서 요청', d:'데모 신청하기' }, } : { badge:'OUTBOUND EMAIL SECURITY', parent:'Email Security', product:'CheckOut', tagline:'Outbound Email Security & Data Loss Prevention', h1a:'Outbound email —', h1b:'checked before it leaves', sub:'CheckOut inspects the body and attachments of mail sent outside your organization and applies approve / block / hold / encrypt actions by policy, reducing the risk of corporate and personal data leaks.', chips:['Outbound Security','Mail Approval','PII Detection','Attachment Inspection','Secure Mail Encryption','Large File Management','Audit Logs'], cta1:'Talk to Sales', cta2:'Get Quote', cta3:'Request Demo', cta4:'Download', prob:{ k:'01 — PROBLEM', title:'Most leaks happen\nat the moment of sending', sub:'As external collaboration grows, so does the risk of mail with corporate and personal data leaving without review.' }, problems:[ { icon:'📤', tag:'Internal Leak', title:'Unreviewed Document Egress', d:'Current/former employees, partners, or simple mistakes can send internal documents outside.' }, { icon:'🪪', tag:'PII Included', title:'Outbound Mail with PII', d:'Mail containing resident, passport, license, or alien registration numbers may be sent externally.' }, { icon:'✋', tag:'Unapproved Send', title:'Important Files Sent Without Approval', d:'Critical materials may go out without review by a manager or security officer.' }, { icon:'🔍', tag:'Audit', title:'Hard-to-Trace Send History', d:'It is hard to trace who sent what attachments and content, and when.' }, ], sol:{ k:'02 — SOLUTION', title:'CheckOut inspects and approves\nbefore sending', sub:'CheckOut filters outbound mail, inspects body and attachments, and applies approve / reject / block / secure-mail / large-file link management by policy.', points:['Pre-send control of outbound mail','PII & confidential data detection','Send after manager approval','Block / reject / approve / alert policies','Secure-mail encryption & link conversion','Send logs & audit data'] }, flow:{ k:'03 — APPROVAL FLOW', title:'Outbound Approval Process', sub:'Stage-by-stage policy control from drafting to send and audit.', steps:[ { n:'01', t:'Compose', d:'A user composes mail including external recipients.' }, { n:'02', t:'Policy Check', d:'Inspects sender, recipient, subject, body, attachments, PII, and file size.' }, { n:'03', t:'Approval Request', d:'Mail matching policy is routed to the approver for review.' }, { n:'04', t:'Approve / Reject / Block', d:'The approver reviews content and approves or rejects.' }, { n:'05', t:'Secure Send', d:'Only approved mail is delivered to external recipients.' }, { n:'06', t:'Log / Audit', d:'Approval, filtering, and send records are kept for audit response.' }, ] }, filt:{ k:'04 — FILTER POLICY', title:'Policy-Based Mail Filtering' }, filters:[ { icon:'👥', t:'Sender / Recipient Policy', d:'Apply policies by user, team, or domain.' }, { icon:'📝', t:'Content Filter', d:'Filter by subject, body, keywords, and specific phrases.' }, { icon:'📎', t:'Attachment Filter', d:'Control by extension, filename, count, and file size.' }, { icon:'🪪', t:'PII Filter', d:'Detect resident/alien/license/passport numbers and apply masking when needed.' }, { icon:'⚙️', t:'Action Settings', d:'Set approval, hold, auto-CC, pass, block, monitor, and alert per policy.' }, { icon:'➕', t:'Exceptions', d:'Support exception policies and priority adjustments for specific users/groups.' }, ], feat:{ k:'05 — FEATURES', title:'CheckOut Core Features' }, features:[ { icon:'✅', t:'Outbound Approval', d:'Important outbound mail is sent after an internal approval step.' }, { icon:'🪪', t:'PII Detection', d:'Inspects body and attachments for personal information.' }, { icon:'🔐', t:'Confidential Data Protection', d:'Controls egress by keyword, file, and policy conditions.' }, { icon:'📂', t:'Attachment Content Inspection', d:'Inspects attachments and archives for sensitive data.' }, { icon:'🛡️', t:'Secure Mail Encryption', d:'Compresses and encrypts body and attachments for safe sending.' }, { icon:'🔗', t:'Link-Converted Secure Mail', d:'Converts mail to a download link and supports link deactivation.' }, { icon:'📦', t:'Large File Management', d:'Time-limited download links, original retention, and download logs.' }, { icon:'📊', t:'Dashboard / Reports', d:'Statistics by period, domain, user, and team with Excel export.' }, ], sec:{ k:'06 — SECURE MAIL', title:'Secure Mail Options', sub:'Choose a sending method that fits your security policy.' }, secure:[ { icon:'🔐', t:'Encrypted Send', d:'Compresses and encrypts body and attachments. Keys are randomly generated and delivered separately to sender and recipient.' }, { icon:'🔗', t:'Link-Converted Send', d:'Converts secure mail to a download link. Senders manage links and can deactivate them.' }, { icon:'📦', t:'Large File Management', d:'Large attachments are served via time-limited links with download logging.' }, ], comp:{ k:'07 — COMPARISON', title:'Regular Send vs CheckOut', sub:'Compare from an outbound-control perspective.' }, compHead:['Item','Regular Send','Mail Server Default','CheckOut'], compRows:[ ['Outbound Control','None','Limited','Policy-based pre-control'], ['PII Detection','None','None','Pattern detection & masking'], ['Attachment Inspection','None','Extension only','Content & archive inspection'], ['Approval','None','None','Approver sign-off'], ['Secure Mail Encryption','Manual','Limited','Encryption & link conversion'], ['Large File Management','Separate tool','None','Link & log management'], ['Audit Logs','None','Partial','Approval & send history'], ['Per-User/Team Policy','None','Per-server','Unified policy'], ['Reports','None','Separate tool','Built-in dashboard'], ], ben:{ k:'08 — BENEFITS', title:'Business Impact' }, benefits:[ { n:'Lower Risk', t:'Internal Data Leak', d:'Applying policy before send reduces the risk of important data egress.' }, { n:'Supported', t:'PIPA Compliance', d:'Detect PII-bearing mail and apply approve/block/masking policies.' }, { n:'Approval', t:'Safe Collaboration', d:'External collaboration mail is sent after manager/security approval.' }, { n:'Traceable', t:'Stronger Audit', d:'Records send/approval history, filtering results, and download logs.' }, { n:'Awareness', t:'Security Mindset', d:'Policy warnings and approvals raise employee mail-security awareness.' }, ], uc:{ k:'09 — USE CASES', title:'Built for organizations like these', sub:'Representative industry examples.' }, useCases:[ { ind:'Public Sector', icon:'🏛️', d:'Pre-reviews outbound mail with PII and citizen data and strengthens audit response.' }, { ind:'Finance', icon:'🏦', d:'Controls egress of mail with customer info, account data, and internal approval documents.' }, { ind:'Manufacturing', icon:'🏭', d:'Sends mail with design, production, and technical IP only after approval.' }, { ind:'Healthcare', icon:'🏥', d:'Manages outbound mail with patient and personal data on a policy basis.' }, { ind:'Air-gapped', icon:'🔀', d:'Controls mail from internal to external networks via approval and network-link integration.' }, ], arch:{ k:'10 — ARCHITECTURE', title:'Deployment', sub:'Flexibly configured by mail environment, org/HR integration, approval policy, and air-gapped setup.', nodes:['Sender','Outbound Server','CheckOut','Approver','External Send','Recipient'], side:['Large-File Server','Log / Stats / Audit Data'], ha:'High-availability configuration supports stable operation at large scale.' }, price:{ k:'11 — PRICE GUIDE', title:'Deployment by Scale & Policy', sub:'Detailed pricing is determined after consultation.', plans:[ { name:'Basic', icon:'📨', best:'SMBs', features:['Outbound approval','Basic policy filter','User/group policy','Logs/statistics'] }, { name:'Secure Mail', icon:'🔐', best:'PII protection', primary:true, features:['Everything in Basic','Secure-mail encryption','Link conversion','Large file management','Enhanced PII detection'] }, { name:'Enterprise', icon:'🏛️', best:'Large / air-gapped', features:['Large user base','HR integration','Air-gap/network link','HA configuration','Advanced audit'] }, ], note:'Pricing depends on user count, mail volume, number of approval policies, HR integration, secure-mail options, large-file management, and HA/air-gap integration.' }, compl:{ k:'12 — COMPLIANCE', title:'Compliance & Audit Response', sub:'CheckOut supports regulatory response and audit-data retention through outbound control.', items:[ { t:'PIPA Support', d:'PII detection, approval, and masking policies' }, { t:'Financial Audit Support', d:'Send control and approval history for audits' }, { t:'e-Discovery Data', d:'Preserves send/approval/download logs as evidence' }, { t:'Internal Policy Compliance', d:'Outbound control aligned to your security policy' }, { t:'Approval / Send History', d:'Traceable who-sent-what-when records' }, ] }, maker:{ k:'13 — SUPPLY', title:'Manufacturer & Supply Chain', sub:'A verified product backed by accountable operational support.', points:[ { icon:'🏭', t:'Verified Mail-Security Vendor', d:'CheckOut is an outbound email security solution from a specialist mail-security manufacturer.' }, { icon:'🤝', t:'3ES Soft Delivery Partner', d:'We provide consulting, deployment, policy design, training, and incident response.' }, { icon:'🛡️', t:'Committed to Stable Operations', d:'We don\'t stop at selling — we support you through to stable operations after rollout.' }, ] }, dl:{ k:'14 — DOWNLOAD', title:'Get CheckOut Materials', summary:[ 'CheckOut inspects and approves outbound mail before it is sent.', 'It detects PII, confidential data, and attachments by policy and can approve, block, or encrypt.', 'It provides send history, approval logs, and reports to support data-loss prevention and audits.', ], files:[['📄','Get materials via work email'],['📊','Get proposal & connect to sales']] }, faq:{ k:'15 — FAQ', title:'Frequently Asked Questions' }, faqs:[ { q:'Do I need to replace my mail server?', a:'No. CheckOut integrates into the outbound mail path while keeping your existing mail environment.' }, { q:'Is every outbound mail subject to approval?', a:'No. By policy conditions — sender, recipient, keywords, attachments, PII — you can distinguish approve, pass, block, and monitor.' }, { q:'What PII items are detected?', a:'Major patterns such as resident, alien registration, driver license, and passport numbers, with masking policies when needed.' }, { q:'Are attachments inspected?', a:'Yes. Filenames, extensions, specific files, and sensitive data inside archives can be inspected by policy.' }, { q:'How does secure-mail encryption work?', a:'Body and attachments are compressed and encrypted, with the decryption key delivered separately for safe external sending.' }, { q:'Can large attachments be managed?', a:'Yes. Large files are served via download links with link expiry and download logging.' }, { q:'What about post-deployment support?', a:'3ES Soft supports policy design, deployment, training, incident response, and periodic checks.' }, ], bottom:{ title:'Outbound mail —\nare you controlling it?', sub:'CheckOut strengthens outbound security so mail with internal and personal data does not leave without approval.\n3ES Soft walks with you from rollout to operations.', a:'Talk to Sales', b:'Get Quote', c:'Download Proposal', d:'Request Demo' }, }; const Eyebrow = ({ children, light }) => (
{children}
); const SectionHead = ({ k, title, sub, light, center }) => (
{k}

{title}

{sub &&

{sub}

}
); const ArrowR = ({size=16}) => (); const Check = ({c=GREEN}) => (); return (
{/* HERO */}
setPage('sol_email')} style={{ cursor:'pointer', display:'inline-flex', alignItems:'center', gap:8, color:'rgba(255,255,255,0.5)', fontSize:13, marginBottom:36 }}> {isKo?`${t.parent}으로`:`Back to ${t.parent}`}
{t.badge}
CheckOut {t.tagline}

{t.h1a} {t.h1b}

{t.sub}

{t.chips.map((c,i)=>( {c} ))}
{/* 01 PROBLEM */}
{t.problems.map((p,i)=>(
{e.currentTarget.style.borderColor='#FCA5A5';e.currentTarget.style.boxShadow='0 12px 32px rgba(239,68,68,0.08)';e.currentTarget.style.transform='translateY(-3px)';}} onMouseLeave={e=>{e.currentTarget.style.borderColor='#E6EAF2';e.currentTarget.style.boxShadow='none';e.currentTarget.style.transform='none';}}>
{p.tag}
{p.title}
{p.d}
))}
{/* 02 SOLUTION */}
{t.sol.points.map((p,i)=>(
{p}
))}
{/* 03 APPROVAL FLOW */}
{t.flow.steps.map((s,i)=>(
{s.n}
{s.t}
{s.d}
))}
{/* 04 FILTER POLICY */}
{t.filters.map((f,i)=>(
{f.t}
{f.d}
))}
{/* 05 FEATURES */}
{t.features.map((f,i)=>(
{e.currentTarget.style.borderColor=GREEN;e.currentTarget.style.boxShadow=`0 14px 36px ${GREEN}12`;e.currentTarget.style.transform='translateY(-4px)';}} onMouseLeave={e=>{e.currentTarget.style.borderColor='#E6EAF2';e.currentTarget.style.boxShadow='none';e.currentTarget.style.transform='none';}}>
{f.t}
{f.d}
))}
{/* 06 SECURE MAIL */}
{t.secure.map((s,i)=>(
{s.t}
{s.d}
))}
{/* 07 COMPARISON */}
{t.compRows.map((r,i)=>( ))}
{t.compHead[0]} {t.compHead[1]} {t.compHead[2]} ✅ {t.compHead[3]}
{r[0]} {r[1]} {r[2]} {r[3]}
{/* 08 BENEFITS */}
{t.benefits.map((b,i)=>(
{b.n}
{b.t}
{b.d}
))}
{/* 09 USE CASES */}
{t.useCases.map((u,i)=>(
{u.ind}
{u.d}
))}
{/* 10 ARCHITECTURE */}
{t.arch.nodes.map((n,i,arr)=>(
{['📤','📧','🛡️','✅','📨','📥'][i]}
{n}
{i→
} ))}
{t.arch.side.map((s,i)=>( 🗄️ {s} ))}
⚡ {t.arch.ha}
{window.SITE_CONFIG && window.SITE_CONFIG.SHOW_PRICE_GUIDE && (
{t.price.plans.map((p,i)=>(
{p.primary &&
{isKo?'추천':'Popular'}
}
{p.name}
{isKo?'상담 후 산정':'Quote on consult'}
BEST · {p.best}
{p.features.map((f,fi)=>(
{f}
))}
))}
💡 {t.price.note}
)} {/* 12 COMPLIANCE */}
{t.compl.items.map((c,i)=>(
{c.t}
{c.d}
))}
{/* 13 SUPPLY */}
{t.maker.points.map((p,i)=>(
{p.t}
{p.d}
))}
{/* 14 DOWNLOAD */}
{t.dl.summary.map((s,i)=>(
0{i+1}
{s}
))}
{t.dl.files.map((file,i)=>( ))}
{/* 도입 시나리오 */} {/* 조달 등재 정보 */} {window.hasG2B && window.hasG2B('checkout') && (
)} {/* 15 FAQ */}
{t.faqs.map((f,i)=>(
toggleFaq(i)} style={{ padding:'20px 24px', display:'flex', justifyContent:'space-between', alignItems:'center', cursor:'pointer', gap:18 }}>
Q{i+1} {f.q}
+
{openFaqs.includes(i) &&
{f.a}
}
))}
{/* 16 FINAL CTA */}
16 — FINAL CTA

{t.bottom.title}

{t.bottom.sub}

{/* DOWNLOAD / LEAD MODAL */} {dlOpen && (
{isKo?'제안서 요청하고 상담 연결하기':'Request Proposal & Connect'}
{isKo?'정보를 남겨주시면 자료와 함께 담당자가 빠르게 연락드립니다.':'Leave your details — we\'ll send materials and follow up quickly.'}
{dlSent ? (
{isKo?'요청이 접수되었습니다':'Request Received'}
{isKo?'담당자가 빠르게 연락드리겠습니다.\n관리자 알림이 발송되었습니다.':'Our team will contact you shortly.\nAn admin notification has been sent.'}
) : ( <>
dlUp('company',e.target.value)} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>{dlErrs.company && }
dlUp('name',e.target.value)} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>{dlErrs.name && }
dlUp('email',e.target.value)} placeholder="name@company.com" style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>{dlErrs.email && }
dlUp('phone',e.target.value)} placeholder={isKo?'010-0000-0000':'Phone'} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>
dlUp('users',e.target.value)} placeholder={isKo?'예: 200':'e.g. 200'} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>