bibimbap/src/main/webapp/WEB-INF/views/terms.jsp

151 lines
6.6 KiB
Plaintext

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<jsp:include page="/WEB-INF/views/theme-init.jsp"/>
<title>이용약관 - bibimbap</title>
<style>
html {
color-scheme: light;
--surface: #faf8f5;
--card-bg: #fff;
--text: #1a1a1a;
--text-muted: #5c5c5c;
--accent: #e8a54b;
--border: rgba(0, 0, 0, 0.08);
--panel-shadow: rgba(0, 0, 0, 0.06);
}
html[data-theme="dark"] {
color-scheme: dark;
--surface: #121212;
--card-bg: #1e1e1e;
--text: #ece8e1;
--text-muted: #a39e96;
--border: rgba(255, 255, 255, 0.1);
--panel-shadow: rgba(0, 0, 0, 0.35);
}
body {
margin: 0;
min-height: 100vh;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
background: var(--surface);
color: var(--text);
}
.page-main {
max-width: 56rem;
margin: 0 auto;
padding: 1.5rem max(1rem, env(safe-area-inset-left)) 3rem max(1rem, env(safe-area-inset-right));
}
.policy-doc {
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: 12px;
box-shadow: 0 2px 8px var(--panel-shadow);
overflow: hidden;
}
.policy-doc__head {
padding: 1.5rem 1.35rem 1.25rem;
border-bottom: 1px solid var(--border);
}
.policy-doc__head h1 {
margin: 0 0 0.5rem;
font-size: clamp(1.65rem, 5vw, 2.1rem);
line-height: 1.2;
letter-spacing: -0.02em;
}
.policy-doc__head p {
margin: 0;
color: var(--text-muted);
font-size: 0.875rem;
line-height: 1.6;
}
.policy-doc__body {
padding: 1.35rem;
}
.policy-section + .policy-section {
margin-top: 1.55rem;
padding-top: 1.55rem;
border-top: 1px solid var(--border);
}
.policy-section h2 {
margin: 0 0 0.7rem;
font-size: 1.05rem;
line-height: 1.35;
}
.policy-section p,
.policy-section li {
color: var(--text-muted);
font-size: 0.925rem;
line-height: 1.75;
}
.policy-section p {
margin: 0.45rem 0 0;
}
.policy-section ul {
margin: 0.6rem 0 0;
padding-left: 1.2rem;
}
.policy-section strong {
color: var(--text);
}
</style>
</head>
<body>
<jsp:include page="/WEB-INF/views/header.jsp"/>
<main class="page-main">
<article class="policy-doc">
<header class="policy-doc__head">
<h1>이용약관</h1>
<p>시행일: 2026년 5월 3일</p>
</header>
<div class="policy-doc__body">
<section class="policy-section">
<h2>제1조 목적</h2>
<p>본 약관은 bibimbap이 제공하는 게임 게시, 플레이, 댓글, 좋아요 및 관련 서비스의 이용 조건과 절차, 이용자와 운영자의 권리와 의무를 정합니다.</p>
</section>
<section class="policy-section">
<h2>제2조 계정 및 로그인</h2>
<p>이용자는 게스트 계정 또는 외부 로그인 제공자를 통해 서비스를 이용할 수 있습니다. 이용자는 본인의 계정 접근 권한을 안전하게 관리해야 하며, 계정 사용 중 발생한 활동에 대한 책임은 이용자에게 있습니다.</p>
</section>
<section class="policy-section">
<h2>제3조 서비스 이용</h2>
<ul>
<li>이용자는 서비스의 목적과 운영정책에 맞게 게임, 이미지, 댓글 등 콘텐츠를 등록해야 합니다.</li>
<li>운영자는 서비스 품질 유지, 보안, 장애 대응을 위해 필요한 범위에서 서비스 제공 방식을 변경하거나 일시 중단할 수 있습니다.</li>
<li>서비스 내 기능은 개발 상황에 따라 추가, 변경, 제거될 수 있습니다.</li>
</ul>
</section>
<section class="policy-section">
<h2>제4조 콘텐츠 권리</h2>
<p>이용자가 등록한 콘텐츠의 권리는 원칙적으로 해당 이용자에게 있습니다. 다만 이용자는 서비스 내 노출, 저장, 전송, 소개를 위해 필요한 범위에서 운영자에게 콘텐츠를 사용할 수 있는 권한을 부여합니다.</p>
</section>
<section class="policy-section">
<h2>제5조 금지 행위</h2>
<ul>
<li>타인의 권리, 개인정보, 저작권을 침해하는 행위</li>
<li>악성 코드, 비정상 트래픽, 자동화 도구 등으로 서비스를 방해하는 행위</li>
<li>불법적이거나 혐오, 괴롭힘, 과도한 폭력성, 음란성을 포함한 콘텐츠를 게시하는 행위</li>
<li>운영자 또는 다른 이용자를 사칭하거나 허위 정보를 등록하는 행위</li>
</ul>
</section>
<section class="policy-section">
<h2>제6조 이용 제한</h2>
<p>운영자는 약관 또는 운영정책을 위반한 이용자에게 콘텐츠 삭제, 기능 제한, 계정 정지, 접근 차단 등의 조치를 할 수 있습니다. 긴급한 보안 또는 피해 확산 우려가 있는 경우 사전 안내 없이 조치할 수 있습니다.</p>
</section>
<section class="policy-section">
<h2>제7조 책임의 한계</h2>
<p>운영자는 이용자가 등록한 콘텐츠의 완전성, 정확성, 적법성을 보증하지 않습니다. 또한 천재지변, 외부 서비스 장애, 네트워크 문제 등 운영자의 합리적 통제를 벗어난 사유로 발생한 손해에 대해 책임을 지지 않습니다.</p>
</section>
<section class="policy-section">
<h2>제8조 문의</h2>
<p>서비스 이용과 관련한 문의는 <strong>admin@pandoli365.com</strong>으로 보낼 수 있습니다.</p>
</section>
</div>
</article>
</main>
<jsp:include page="/WEB-INF/views/footer.jsp"/>
</body>
</html>