mockup/terms.html at main · Team-PinLog/mockup · 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
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>PinLog 이용약관</title>
  <link rel="icon" type="image/png" href="./app-icon.png">
  <link rel="apple-touch-icon" href="./app-icon.png">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
  <style>
    *{box-sizing:border-box}
    html,body{margin:0;min-height:100%;background:#FAF7F6;color:#042142;font-family:'IBM Plex Sans KR',sans-serif;font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
    body{display:flex;justify-content:center;padding:40px 20px}
    .page{width:min(860px,100%)}
    .top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}
    .logo{width:170px;display:flex;align-items:center}
    .logo img{display:block;width:100%;height:auto}
    .back{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(4,33,66,.16);border-radius:8px;background:#fff;color:#042142;text-decoration:none;font-size:13px;font-weight:700}
    main{background:#fffdf9;border:1px solid rgba(4,33,66,.1);border-radius:8px;padding:34px;box-shadow:0 18px 42px rgba(4,33,66,.08)}
    h1{margin:0 0 10px;font-size:30px;line-height:1.28;font-weight:700;letter-spacing:0;word-break:keep-all}
    .updated{margin:0 0 28px;color:#6D6663;font-size:13px}
    section{padding:22px 0;border-top:1px solid rgba(109,102,99,.14)}
    h2{margin:0 0 10px;font-size:18px;line-height:1.4;font-weight:700}
    p,li{font-size:14px;line-height:1.8;font-weight:400;color:#4d555f}
    ul{margin:0;padding-left:20px}
    @media(max-width:560px){body{padding:24px 16px}.top{align-items:flex-start;flex-direction:column}main{padding:26px 20px}h1{font-size:26px}}
  </style>
</head>
<body>
  <div class="page">
    <header class="top">
      <a class="logo" href="./PinLog.responsive.dc.html" aria-label="PinLog 로그인으로 돌아가기"><img src="./logo-full.png" alt="PinLog"></a>
      <a class="back" href="./PinLog.responsive.dc.html">로그인으로 돌아가기</a>
    </header>
    <main>
      <h1>이용약관</h1>
      <p class="updated">시행일: 2026년 7월 26일</p>
      <section>
        <h2>제1조 목적</h2>
        <p>이 약관은 PinLog가 제공하는 장소 기록, 저장, 추천 및 관련 서비스의 이용 조건과 절차, 이용자와 서비스 간 권리와 의무를 정합니다.</p>
      </section>
      <section>
        <h2>제2조 서비스 이용</h2>
        <ul>
          <li>이용자는 SNS 계정 로그인 등 PinLog가 제공하는 방식으로 서비스를 이용할 수 있습니다.</li>
          <li>서비스 화면, 기능, 콘텐츠 구성은 운영 상황에 따라 변경될 수 있습니다.</li>
          <li>이용자는 타인의 권리를 침해하거나 서비스 운영을 방해하는 방식으로 서비스를 이용할 수 없습니다.</li>
        </ul>
      </section>
      <section>
        <h2>제3조 기록 콘텐츠</h2>
        <p>이용자가 작성한 장소, 메모, 컬렉션 등의 콘텐츠에 대한 책임은 작성자에게 있습니다. PinLog는 서비스 제공과 화면 표시를 위해 필요한 범위에서 해당 콘텐츠를 처리할 수 있습니다.</p>
      </section>
      <section>
        <h2>제4조 서비스 중단 및 변경</h2>
        <p>시스템 점검, 장애 대응, 기능 개선 등 필요한 경우 서비스의 전부 또는 일부가 일시적으로 제한될 수 있습니다.</p>
      </section>
      <section>
        <h2>제5조 문의</h2>
        <p>약관 관련 문의는 서비스 내 고객지원 또는 운영자가 지정한 연락 채널을 통해 접수할 수 있습니다.</p>
      </section>
    </main>
  </div>
</body>
</html>