EASYSAFE-v2.0/terms.html at main · wafflecomm/EASYSAFE-v2.0 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="ko" class="scroll-smooth">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>이용약관 | 이지세이프(EASY SAFE)</title>

    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Pretendard Font -->
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">

    <!-- Iconify Solar & MDI -->
    <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="https://www.easysafe.co.kr/resources/main/images/favicon.png">

    <script>
        tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Pretendard', 'sans-serif'],
                    },
                    colors: {
                        brand: {
                            50: '#f0fdf4',
                            100: '#dcfce7',
                            400: '#4ade80',
                            500: '#22c55e',
                            600: '#16a34a',
                            700: '#15803d',
                            900: '#14532d',
                        },
                        dark: {
                            bg: '#0B0F19',
                            card: '#151C2C',
                            border: '#2A364F'
                        }
                    }
                }
            }
        }
    </script>
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body class="bg-dark-bg text-slate-200 font-sans selection:bg-brand-500/30 overflow-x-hidden w-full relative">
    <div class="ambient-glow"></div>
    <div class="ambient-glow right"></div>

    <!-- Navigation -->
    <nav class="floating-nav w-[90%] max-w-5xl glass border border-white/10 transition-all duration-300" id="navbar">
        <div class="flex items-center gap-3">
            <a href="index.html">
                <img src="assets/images/easysafe_bi_logo.png" alt="EASY SAFE Logo" class="h-8 drop-shadow-sm">
            </a>
        </div>
        <div class="hidden md:flex gap-8 text-sm font-medium text-slate-300">
            <a href="index.html#features" class="hover:text-white transition-colors">스마트 도구</a>
            <a href="index.html#compliance" class="hover:text-white transition-colors">법적 의무</a>
            <a href="index.html#functions" class="hover:text-white transition-colors">핵심 기능</a>
            <a href="index.html#cases" class="hover:text-white transition-colors">도입 사례</a>
            <a href="index.html#target" class="hover:text-white transition-colors">도입 대상</a>
            <a href="index.html#onboarding" class="hover:text-white transition-colors">도입 절차</a>
        </div>
        <div class="flex items-center gap-3 ml-auto">
            <a href="index.html#contact"
                class="px-5 py-2.5 rounded-full bg-white/10 hover:bg-white/20 text-white text-sm font-medium transition-colors border border-white/5 backdrop-blur-md">
                도입 문의
            </a>
            <a href="https://works.easysafe.co.kr" target="_blank"
                class="px-5 py-2.5 rounded-full bg-brand-500 hover:bg-brand-400 text-white text-sm font-bold shadow-[0_0_15px_rgba(34,197,94,0.4)] transition-all duration-300 transform hover:scale-105">
                로그인
            </a>
        </div>
    </nav>

    <!-- Page Content -->
    <main class="relative w-full min-h-screen pt-40 pb-20">
        <div class="max-w-4xl mx-auto px-6">
            <h1 class="text-3xl md:text-4xl font-bold text-white mb-8 text-center"
                style="font-family: 'Pretendard', sans-serif;">이용약관</h1>

            <div class="glass-card p-8 md:p-12 relative overflow-hidden border border-white/10 rounded-2xl">
                <div class="text-slate-300">
                    <h3 class="text-xl font-bold text-white mb-4 mt-8 first:mt-0">제1조 (목적)</h3>
                    <p class="mb-6 leading-relaxed break-keep">
                        본 약관은 (주)제온스(이하 "회사"라 합니다)가 제공하는 이지세이프(EASY SAFE) 서비스(이하 "서비스"라 합니다)의 이용과 관련하여 회사와 회원 간의 권리, 의무
                        및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.
                    </p>

                    <h3 class="text-xl font-bold text-white mb-4 mt-8">제2조 (용어의 정의)</h3>
                    <p class="mb-6 leading-relaxed break-keep">
                        본 약관에서 사용하는 주요 용어의 정의는 다음과 같습니다.<br>
                        1. "서비스"란 구현되는 단말기(PC, 각종 유무선 장치 등)와 상관없이 회원이 이용할 수 있는 이지세이프 관련 제반 서비스를 의미합니다.<br>
                        2. "회원"이란 회사의 서비스에 접속하여 본 약관에 따라 회사와 이용계약을 체결하고 회사가 제공하는 서비스를 이용하는 고객을 의미합니다.
                    </p>

                    <h3 class="text-xl font-bold text-white mb-4 mt-8">제3조 (약관의 게시와 개정)</h3>
                    <p class="mb-6 leading-relaxed break-keep">
                        1. 회사는 이 약관의 내용을 회원이 쉽게 알 수 있도록 서비스 화면에 게시합니다.<br>
                        2. 회사는 약관의 규제에 관한 법률, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 등 관련 법령을 위배하지 않는 범위에서 본 약관을 개정할 수 있습니다.
                    </p>

                    <h3 class="text-xl font-bold text-white mb-4 mt-8">제4조 (이용계약 체결)</h3>
                    <p class="mb-6 leading-relaxed break-keep">
                        1. 이용계약은 회원이 되고자 하는 자가 약관의 내용에 대하여 동의를 한 다음 회원가입신청을 하고 회사가 이러한 신청에 대하여 승낙함으로써 체결됩니다.
                    </p>

                    <p class="mt-16 text-sm text-slate-500 text-center">
                        본 약관은 2026년 3월부터 시행됩니다.
                    </p>
                </div>
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="w-full bg-dark-bg py-12 border-t border-white/5 text-center mt-12">
        <div class="max-w-4xl mx-auto px-6 opacity-70">
            <h4 class="flex items-center justify-center gap-2 text-xl font-bold text-white mb-4 tracking-wide">
                <img src="assets/images/easysafe_bi_icon_gray_128.png" alt="EASY SAFE Icon"
                    class="w-6 h-6 object-contain">
                <span>EASY SAFE <span
                        class="text-xs font-medium text-slate-400 ml-1 tracking-normal">WORKS</span></span>
            </h4>
            <div class="flex flex-wrap justify-center gap-6 text-sm text-slate-400 mb-6">
                <span>(주)제온스</span>
                <span>대표번호: 070-8811-8881</span>
                <span>이메일: sales@zeons.co.kr</span>
            </div>
            <div class="flex justify-center gap-4 text-sm text-brand-400 mb-8">
                <a href="terms.html" class="hover:text-white transition-colors hover:underline">이용약관</a>
                <span>|</span>
                <a href="privacy.html" class="hover:text-white transition-colors hover:underline">개인정보 처리방침</a>
                <span>|</span>
                <a href="https://www.zeons.co.kr" target="_blank"
                    class="hover:text-white transition-colors hover:underline">회사 소개</a>
            </div>
            <p class="text-xs text-slate-500">Copyright © 2026 ZEONS Inc. All rights reserved.</p>
        </div>
    </footer>

    <script src="assets/js/main.js"></script>
</body>

</html>