summaryrefslogtreecommitdiff
path: root/components/login/privacy-policy-page.tsx
diff options
context:
space:
mode:
authordujinkim <dujin.kim@dtsolution.co.kr>2025-06-27 01:16:20 +0000
committerdujinkim <dujin.kim@dtsolution.co.kr>2025-06-27 01:16:20 +0000
commite9897d416b3e7327bbd4d4aef887eee37751ae82 (patch)
treebd20ce6eadf9b21755bd7425492d2d31c7700a0e /components/login/privacy-policy-page.tsx
parent3bf1952c1dad9d479bb8b22031b06a7434d37c37 (diff)
(대표님) 20250627 오전 10시 작업사항
Diffstat (limited to 'components/login/privacy-policy-page.tsx')
-rw-r--r--components/login/privacy-policy-page.tsx733
1 files changed, 733 insertions, 0 deletions
diff --git a/components/login/privacy-policy-page.tsx b/components/login/privacy-policy-page.tsx
new file mode 100644
index 00000000..e3eccdcb
--- /dev/null
+++ b/components/login/privacy-policy-page.tsx
@@ -0,0 +1,733 @@
+"use client"
+
+import * as React from "react"
+import { useRouter, useParams } from "next/navigation"
+import Link from "next/link"
+import { Ship, ArrowLeft } from "lucide-react"
+import { Button } from "@/components/ui/button"
+
+// 한국어 개인정보처리방침 컴포넌트
+function PrivacyPolicyPageKo() {
+ const router = useRouter()
+
+ return (
+ <div className="min-h-screen bg-gray-50">
+ {/* Header */}
+ <div className="bg-white border-b">
+ <div className="container mx-auto px-4 py-4">
+ <div className="flex items-center justify-between">
+ <div className="flex items-center space-x-2">
+ <Ship className="w-6 h-6 text-blue-600" />
+ <span className="text-xl font-bold">eVCP</span>
+ </div>
+ <Button
+ variant="ghost"
+ onClick={() => router.back()}
+ className="flex items-center space-x-2"
+ >
+ <ArrowLeft className="w-4 h-4" />
+ <span>뒤로가기</span>
+ </Button>
+ </div>
+ </div>
+ </div>
+
+ {/* Content */}
+ <div className="container mx-auto px-4 py-8 max-w-4xl">
+ <div className="bg-white rounded-lg shadow-sm p-8">
+ <header className="mb-8">
+ <h1 className="text-3xl font-bold text-gray-900 mb-2">
+ 개인정보처리방침
+ </h1>
+ <p className="text-gray-600">
+ 시행일자: 2025년 1월 1일
+ </p>
+ </header>
+
+ <div className="prose prose-lg max-w-none">
+ <div className="mb-6 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
+ <p className="text-blue-800 font-medium mb-2">
+ eVCP는 개인정보보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 등
+ 개인정보보호 관련 법령을 준수하며, 이용자의 개인정보를 안전하게 처리하고 있습니다.
+ </p>
+ </div>
+
+ {/* 목차 */}
+ <div className="mb-8 p-6 bg-gray-50 rounded-lg">
+ <h3 className="text-lg font-semibold mb-4">목차</h3>
+ <ul className="space-y-2 text-sm">
+ <li><a href="#section1" className="text-blue-600 hover:underline">1. 개인정보의 수집 및 이용목적</a></li>
+ <li><a href="#section2" className="text-blue-600 hover:underline">2. 수집하는 개인정보의 항목</a></li>
+ <li><a href="#section3" className="text-blue-600 hover:underline">3. 개인정보의 보유 및 이용기간</a></li>
+ <li><a href="#section4" className="text-blue-600 hover:underline">4. 개인정보의 제3자 제공</a></li>
+ <li><a href="#section5" className="text-blue-600 hover:underline">5. 개인정보 처리의 위탁</a></li>
+ <li><a href="#section6" className="text-blue-600 hover:underline">6. 개인정보 주체의 권리</a></li>
+ <li><a href="#section7" className="text-blue-600 hover:underline">7. 개인정보의 파기절차 및 방법</a></li>
+ <li><a href="#section8" className="text-blue-600 hover:underline">8. 개인정보 보호책임자</a></li>
+ <li><a href="#section9" className="text-blue-600 hover:underline">9. 개인정보의 안전성 확보조치</a></li>
+ <li><a href="#section10" className="text-blue-600 hover:underline">10. 쿠키의 설치·운영 및 거부</a></li>
+ <li><a href="#section11" className="text-blue-600 hover:underline">11. 개인정보 처리방침의 변경</a></li>
+ </ul>
+ </div>
+
+ {/* 각 섹션 */}
+ <section id="section1" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 1. 개인정보의 수집 및 이용목적
+ </h2>
+ <p className="mb-4">회사는 다음의 목적을 위하여 개인정보를 수집 및 이용합니다:</p>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">1.1 회원가입 및 계정관리</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>회원 식별 및 본인인증</li>
+ <li>회원자격 유지·관리</li>
+ <li>서비스 부정이용 방지</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">1.2 서비스 제공</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>업체 등록 및 인증 서비스 제공</li>
+ <li>고객상담 및 문의사항 처리</li>
+ <li>공지사항 전달</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">1.3 법정의무 이행</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>관련 법령에 따른 의무사항 이행</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section2" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 2. 수집하는 개인정보의 항목
+ </h2>
+
+ <div className="space-y-4">
+ <div className="p-4 bg-yellow-50 rounded-lg border border-yellow-200">
+ <h3 className="text-lg font-medium mb-2 text-yellow-800">2.1 필수정보</h3>
+ <ul className="list-disc pl-6 space-y-1 text-yellow-700">
+ <li><strong>이메일 주소</strong>: 계정 생성, 로그인, 중요 알림 발송</li>
+ <li><strong>전화번호</strong>: 본인인증, 중요 연락사항 전달</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">2.2 자동 수집정보</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>접속 IP주소, 접속 시간, 이용기록</li>
+ <li>쿠키, 서비스 이용기록</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section3" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 3. 개인정보의 보유 및 이용기간
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">3.1 회원정보</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>보유기간</strong>: 회원탈퇴 시까지</li>
+ <li><strong>예외</strong>: 관련 법령에 따라 보존할 필요가 있는 경우 해당 기간 동안 보관</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">3.2 법령에 따른 보관</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>계약 또는 청약철회 등에 관한 기록</strong>: 5년 (전자상거래법)</li>
+ <li><strong>대금결제 및 재화 등의 공급에 관한 기록</strong>: 5년 (전자상거래법)</li>
+ <li><strong>소비자 불만 또는 분쟁처리에 관한 기록</strong>: 3년 (전자상거래법)</li>
+ <li><strong>웹사이트 방문기록</strong>: 3개월 (통신비밀보호법)</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section4" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 4. 개인정보의 제3자 제공
+ </h2>
+ <p className="mb-4">
+ 회사는 원칙적으로 이용자의 개인정보를 제3자에게 제공하지 않습니다.
+ </p>
+ <p className="mb-2">다만, 다음의 경우에는 예외로 합니다:</p>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>이용자가 사전에 동의한 경우</li>
+ <li>법령의 규정에 의거하거나, 수사 목적으로 법령에 정해진 절차와 방법에 따라 수사기관의 요구가 있는 경우</li>
+ </ul>
+ </section>
+
+ <section id="section5" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 5. 개인정보 처리의 위탁
+ </h2>
+ <p className="mb-4">
+ 현재 회사는 개인정보 처리업무를 외부에 위탁하고 있지 않습니다.
+ </p>
+ <p className="mb-2">향후 개인정보 처리업무를 위탁하는 경우, 다음 사항을 준수하겠습니다:</p>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>위탁계약 체결 시 개인정보보호 관련 법령 준수, 개인정보에 관한 비밀유지, 제3자 제공 금지 등을 계약서에 명시</li>
+ <li>위탁업체가 개인정보를 안전하게 처리하는지 감독</li>
+ </ul>
+ </section>
+
+ {/* 권리 행사 섹션 - 특별히 강조 */}
+ <section id="section6" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 6. 개인정보 주체의 권리
+ </h2>
+
+ <div className="p-6 bg-blue-50 rounded-lg border border-blue-200 mb-4">
+ <p className="text-blue-800 font-medium mb-2">
+ 💡 이용자님의 권리를 알려드립니다
+ </p>
+ <p className="text-blue-700 text-sm">
+ 언제든지 본인의 개인정보에 대해 열람, 수정, 삭제를 요청하실 수 있습니다.
+ </p>
+ </div>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">6.1 정보주체의 권리</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>열람권</strong>: 본인의 개인정보 처리현황을 확인할 권리</li>
+ <li><strong>정정·삭제권</strong>: 잘못된 정보의 수정이나 삭제를 요구할 권리</li>
+ <li><strong>처리정지권</strong>: 개인정보 처리 중단을 요구할 권리</li>
+ </ul>
+ </div>
+
+ <div className="p-4 bg-gray-50 rounded-lg">
+ <h3 className="text-lg font-medium mb-2">6.2 권리행사 방법</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>연락처</strong>: privacy@evcp.com</li>
+ <li><strong>처리기간</strong>: 요청 접수 후 10일 이내</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section7" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 7. 개인정보의 파기절차 및 방법
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">7.1 파기절차</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>보유기간 만료 또는 처리목적 달성 시 지체없이 파기</li>
+ <li>다른 법령에 따라 보관하여야 하는 경우에는 해당 기간 동안 보관</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">7.2 파기방법</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>전자적 파일</strong>: 복구 및 재생되지 않도록 안전하게 삭제</li>
+ <li><strong>서면</strong>: 분쇄기로 분쇄하거나 소각</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ {/* 연락처 정보 */}
+ <section id="section8" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 8. 개인정보 보호책임자
+ </h2>
+
+ <div className="grid md:grid-cols-2 gap-6">
+ <div className="p-4 border rounded-lg">
+ <h3 className="text-lg font-medium mb-2">개인정보 보호책임자</h3>
+ <ul className="space-y-1 text-sm">
+ <li><strong>성명</strong>: [담당자명]</li>
+ <li><strong>직책</strong>: [직책명]</li>
+ <li><strong>연락처</strong>: privacy@evcp.com</li>
+ </ul>
+ </div>
+
+ <div className="p-4 border rounded-lg">
+ <h3 className="text-lg font-medium mb-2">개인정보 보호담당자</h3>
+ <ul className="space-y-1 text-sm">
+ <li><strong>성명</strong>: [담당자명]</li>
+ <li><strong>부서</strong>: [부서명]</li>
+ <li><strong>연락처</strong>: privacy@evcp.com, 02-0000-0000</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section9" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 9. 개인정보의 안전성 확보조치
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">9.1 기술적 조치</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>개인정보 암호화</li>
+ <li>해킹 등에 대비한 기술적 대책</li>
+ <li>백신 소프트웨어 등의 설치·갱신</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">9.2 관리적 조치</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>개인정보 취급자의 최소한 지정 및 교육</li>
+ <li>개인정보 취급자에 대한 정기적 교육</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">9.3 물리적 조치</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>전산실, 자료보관실 등의 접근통제</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section10" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 10. 쿠키의 설치·운영 및 거부
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">10.1 쿠키의 사용목적</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>이용자에게 최적화된 서비스 제공</li>
+ <li>웹사이트 방문 및 이용형태 파악</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">10.2 쿠키 거부 방법</h3>
+ <p className="mb-2">웹브라우저 설정을 통해 쿠키 허용, 차단 등의 설정을 변경할 수 있습니다.</p>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Chrome: 설정 → 개인정보 및 보안 → 쿠키 및 기타 사이트 데이터</li>
+ <li>Safari: 환경설정 → 개인정보 보호 → 쿠키 및 웹사이트 데이터</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section11" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 11. 개인정보 처리방침의 변경
+ </h2>
+ <p>
+ 본 개인정보처리방침은 법령·정책 또는 보안기술의 변경에 따라 내용의 추가·삭제 및 수정이 있을 시
+ 변경 최소 7일 전부터 웹사이트를 통해 변경이유 및 내용 등을 공지하겠습니다.
+ </p>
+ <div className="mt-4 p-4 bg-gray-50 rounded-lg">
+ <p><strong>공고일자</strong>: 2025년 1월 1일</p>
+ <p><strong>시행일자</strong>: 2025년 1월 1일</p>
+ </div>
+ </section>
+
+ {/* 문의처 */}
+ <div className="mt-12 p-6 bg-gradient-to-r from-blue-50 to-blue-100 rounded-lg border border-blue-200">
+ <h3 className="text-xl font-semibold mb-4 text-blue-900">문의처</h3>
+ <p className="text-blue-800 mb-4">
+ 개인정보와 관련한 문의사항이 있으시면 아래 연락처로 문의해 주시기 바랍니다.
+ </p>
+ <div className="space-y-2 text-blue-700">
+ <p><strong>이메일</strong>: privacy@evcp.com</p>
+ <p><strong>전화</strong>: 02-0000-0000</p>
+ <p><strong>주소</strong>: [회사 주소]</p>
+ </div>
+ </div>
+
+ <div className="mt-8 text-center text-sm text-gray-500">
+ <p>본 방침은 2025년 1월 1일부터 시행됩니다.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ )
+}
+
+// 영문 개인정보처리방침 컴포넌트
+function PrivacyPolicyPageEn() {
+ const router = useRouter()
+
+ return (
+ <div className="min-h-screen bg-gray-50">
+ {/* Header */}
+ <div className="bg-white border-b">
+ <div className="container mx-auto px-4 py-4">
+ <div className="flex items-center justify-between">
+ <div className="flex items-center space-x-2">
+ <Ship className="w-6 h-6 text-blue-600" />
+ <span className="text-xl font-bold">eVCP</span>
+ </div>
+ <Button
+ variant="ghost"
+ onClick={() => router.back()}
+ className="flex items-center space-x-2"
+ >
+ <ArrowLeft className="w-4 h-4" />
+ <span>Back</span>
+ </Button>
+ </div>
+ </div>
+ </div>
+
+ {/* Content */}
+ <div className="container mx-auto px-4 py-8 max-w-4xl">
+ <div className="bg-white rounded-lg shadow-sm p-8">
+ <header className="mb-8">
+ <h1 className="text-3xl font-bold text-gray-900 mb-2">
+ Privacy Policy
+ </h1>
+ <p className="text-gray-600">
+ Effective Date: January 1, 2025
+ </p>
+ </header>
+
+ <div className="prose prose-lg max-w-none">
+ <div className="mb-6 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
+ <p className="text-blue-800 font-medium mb-2">
+ eVCP complies with applicable privacy and data protection laws and regulations,
+ and is committed to protecting and securely processing your personal information.
+ </p>
+ </div>
+
+ {/* Table of Contents */}
+ <div className="mb-8 p-6 bg-gray-50 rounded-lg">
+ <h3 className="text-lg font-semibold mb-4">Table of Contents</h3>
+ <ul className="space-y-2 text-sm">
+ <li><a href="#section1" className="text-blue-600 hover:underline">1. Purpose of Personal Information Collection and Use</a></li>
+ <li><a href="#section2" className="text-blue-600 hover:underline">2. Personal Information We Collect</a></li>
+ <li><a href="#section3" className="text-blue-600 hover:underline">3. Retention and Use Period</a></li>
+ <li><a href="#section4" className="text-blue-600 hover:underline">4. Third Party Disclosure</a></li>
+ <li><a href="#section5" className="text-blue-600 hover:underline">5. Processing Outsourcing</a></li>
+ <li><a href="#section6" className="text-blue-600 hover:underline">6. Your Rights</a></li>
+ <li><a href="#section7" className="text-blue-600 hover:underline">7. Data Deletion Procedures</a></li>
+ <li><a href="#section8" className="text-blue-600 hover:underline">8. Privacy Officer</a></li>
+ <li><a href="#section9" className="text-blue-600 hover:underline">9. Security Measures</a></li>
+ <li><a href="#section10" className="text-blue-600 hover:underline">10. Cookies</a></li>
+ <li><a href="#section11" className="text-blue-600 hover:underline">11. Policy Changes</a></li>
+ </ul>
+ </div>
+
+ {/* Sections */}
+ <section id="section1" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 1. Purpose of Personal Information Collection and Use
+ </h2>
+ <p className="mb-4">We collect and use personal information for the following purposes:</p>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">1.1 Account Registration and Management</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>User identification and authentication</li>
+ <li>Account maintenance and management</li>
+ <li>Prevention of service misuse</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">1.2 Service Provision</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Company registration and verification services</li>
+ <li>Customer support and inquiry handling</li>
+ <li>Important notifications and announcements</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">1.3 Legal Compliance</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Compliance with applicable laws and regulations</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section2" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 2. Personal Information We Collect
+ </h2>
+
+ <div className="space-y-4">
+ <div className="p-4 bg-yellow-50 rounded-lg border border-yellow-200">
+ <h3 className="text-lg font-medium mb-2 text-yellow-800">2.1 Required Information</h3>
+ <ul className="list-disc pl-6 space-y-1 text-yellow-700">
+ <li><strong>Email Address</strong>: Account creation, login, important notifications</li>
+ <li><strong>Phone Number</strong>: Identity verification, important communications</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">2.2 Automatically Collected Information</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>IP address, access time, usage records</li>
+ <li>Cookies and service usage records</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section3" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 3. Retention and Use Period
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">3.1 Member Information</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>Retention Period</strong>: Until account deletion</li>
+ <li><strong>Exception</strong>: Where required by law, retained for the required period</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">3.2 Legal Retention Requirements</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>Contract and transaction records</strong>: 5 years</li>
+ <li><strong>Payment and service delivery records</strong>: 5 years</li>
+ <li><strong>Consumer complaint or dispute records</strong>: 3 years</li>
+ <li><strong>Website visit records</strong>: 3 months</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section4" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 4. Third Party Disclosure
+ </h2>
+ <p className="mb-4">
+ We do not disclose your personal information to third parties, except in the following cases:
+ </p>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>With your prior consent</li>
+ <li>When required by law or legal authorities following proper procedures</li>
+ </ul>
+ </section>
+
+ <section id="section5" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 5. Processing Outsourcing
+ </h2>
+ <p className="mb-4">
+ We currently do not outsource personal information processing to external parties.
+ </p>
+ <p className="mb-2">If we outsource personal information processing in the future, we will:</p>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Include privacy protection clauses in outsourcing contracts</li>
+ <li>Supervise outsourced parties to ensure secure processing of personal information</li>
+ </ul>
+ </section>
+
+ {/* Rights section - emphasized */}
+ <section id="section6" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 6. Your Rights
+ </h2>
+
+ <div className="p-6 bg-blue-50 rounded-lg border border-blue-200 mb-4">
+ <p className="text-blue-800 font-medium mb-2">
+ 💡 Know Your Rights
+ </p>
+ <p className="text-blue-700 text-sm">
+ You can request access, correction, or deletion of your personal information at any time.
+ </p>
+ </div>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">6.1 Data Subject Rights</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>Right of Access</strong>: Request information about how your data is processed</li>
+ <li><strong>Right of Rectification</strong>: Request correction or deletion of incorrect information</li>
+ <li><strong>Right to Restriction</strong>: Request suspension of personal information processing</li>
+ </ul>
+ </div>
+
+ <div className="p-4 bg-gray-50 rounded-lg">
+ <h3 className="text-lg font-medium mb-2">6.2 How to Exercise Your Rights</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>Contact</strong>: privacy@evcp.com</li>
+ <li><strong>Response Time</strong>: Within 10 days of request</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section7" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 7. Data Deletion Procedures
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">7.1 Deletion Procedure</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Deletion without delay when retention period expires or purpose is achieved</li>
+ <li>Retention for required period when required by other laws</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">7.2 Deletion Method</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li><strong>Electronic files</strong>: Secure deletion to prevent recovery</li>
+ <li><strong>Paper documents</strong>: Shredding or incineration</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ {/* Contact information */}
+ <section id="section8" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 8. Privacy Officer
+ </h2>
+
+ <div className="grid md:grid-cols-2 gap-6">
+ <div className="p-4 border rounded-lg">
+ <h3 className="text-lg font-medium mb-2">Chief Privacy Officer</h3>
+ <ul className="space-y-1 text-sm">
+ <li><strong>Name</strong>: [Officer Name]</li>
+ <li><strong>Title</strong>: [Title]</li>
+ <li><strong>Contact</strong>: privacy@evcp.com</li>
+ </ul>
+ </div>
+
+ <div className="p-4 border rounded-lg">
+ <h3 className="text-lg font-medium mb-2">Privacy Manager</h3>
+ <ul className="space-y-1 text-sm">
+ <li><strong>Name</strong>: [Manager Name]</li>
+ <li><strong>Department</strong>: [Department]</li>
+ <li><strong>Contact</strong>: privacy@evcp.com, +82-2-0000-0000</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section9" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 9. Security Measures
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">9.1 Technical Measures</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Personal information encryption</li>
+ <li>Technical safeguards against hacking</li>
+ <li>Installation and updating of antivirus software</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">9.2 Administrative Measures</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Minimizing and training personal information handlers</li>
+ <li>Regular training for personal information handlers</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">9.3 Physical Measures</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Access control to computer rooms and data storage areas</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section10" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 10. Cookies
+ </h2>
+
+ <div className="space-y-4">
+ <div>
+ <h3 className="text-lg font-medium mb-2">10.1 Purpose of Cookie Use</h3>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Providing optimized services to users</li>
+ <li>Understanding website visit and usage patterns</li>
+ </ul>
+ </div>
+
+ <div>
+ <h3 className="text-lg font-medium mb-2">10.2 Cookie Management</h3>
+ <p className="mb-2">You can control cookie settings through your web browser:</p>
+ <ul className="list-disc pl-6 space-y-1">
+ <li>Chrome: Settings → Privacy and security → Cookies and other site data</li>
+ <li>Safari: Preferences → Privacy → Cookies and website data</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section id="section11" className="mb-8">
+ <h2 className="text-2xl font-semibold mb-4 text-gray-900">
+ 11. Policy Changes
+ </h2>
+ <p>
+ This Privacy Policy may be updated due to changes in laws, policies, or security technology.
+ We will notify users of changes at least 7 days in advance through our website.
+ </p>
+ <div className="mt-4 p-4 bg-gray-50 rounded-lg">
+ <p><strong>Publication Date</strong>: January 1, 2025</p>
+ <p><strong>Effective Date</strong>: January 1, 2025</p>
+ </div>
+ </section>
+
+ {/* Contact section */}
+ <div className="mt-12 p-6 bg-gradient-to-r from-blue-50 to-blue-100 rounded-lg border border-blue-200">
+ <h3 className="text-xl font-semibold mb-4 text-blue-900">Contact Us</h3>
+ <p className="text-blue-800 mb-4">
+ If you have any questions about this Privacy Policy, please contact us:
+ </p>
+ <div className="space-y-2 text-blue-700">
+ <p><strong>Email</strong>: privacy@evcp.com</p>
+ <p><strong>Phone</strong>: +82-2-0000-0000</p>
+ <p><strong>Address</strong>: [Company Address]</p>
+ </div>
+ </div>
+
+ <div className="mt-8 text-center text-sm text-gray-500">
+ <p>This policy is effective from January 1, 2025.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ )
+}
+
+// 메인 컴포넌트 - 언어에 따라 조건부 렌더링
+export function PrivacyPolicyPage() {
+ const params = useParams() || {};
+ const lng = params.lng as string
+
+ // 한국어면 한국어 버전, 그 외는 영문 버전
+ if (lng === 'ko') {
+ return <PrivacyPolicyPageKo />
+ } else {
+ return <PrivacyPolicyPageEn />
+ }
+} \ No newline at end of file