From c9f19e28ba80ec94e251535d5fc6f16f700f57d9 Mon Sep 17 00:00:00 2001
From: junomano <movemama@manosmusic.com>
Date: Fri, 12 Dec 2025 03:38:56 +0900
Subject: [PATCH] 251212_login

---
 bobu/app/components/PersonalInformation.vue | 3436 +++++++++++++++++++
 bobu/app/components/TermsofUse.vue          | 2243 ++++++++++++
 bobu/app/components/auth/register-form.vue  |  718 ++++
 bobu/app/components/auth/user-login.vue     |  243 ++
 bobu/app/pages/login.vue                    |    4 +-
 bobu/app/pages/register.vue                 |   20 +
 6 files changed, 6662 insertions(+), 2 deletions(-)
 create mode 100644 bobu/app/components/PersonalInformation.vue
 create mode 100644 bobu/app/components/TermsofUse.vue
 create mode 100644 bobu/app/components/auth/register-form.vue
 create mode 100644 bobu/app/components/auth/user-login.vue
 create mode 100644 bobu/app/pages/register.vue

diff --git a/bobu/app/components/PersonalInformation.vue b/bobu/app/components/PersonalInformation.vue
new file mode 100644
index 0000000..e6b56e8
--- /dev/null
+++ b/bobu/app/components/PersonalInformation.vue
@@ -0,0 +1,3436 @@
+<template>
+  <div class="mx-4 my-20">
+    <div class="WordSection1">
+      <p class="MsoNormal">
+        <a name="_top"></a
+        ><span
+          lang="KO"
+          style="
+            font-size: 16pt;
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >전자상거래</span
+        ><span
+          style="
+            font-size: 16pt;
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >(<span lang="KO">인터넷사이버몰</span>)
+          <span lang="KO">표준약관</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-size: 11pt;
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >표준약관 제</span
+        ><span
+          style="
+            font-size: 11pt;
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >10023<span lang="KO">호</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-size: 11pt;
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >(2015. 6. 26. <span lang="KO">개정</span>)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 11pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >1<span lang="KO">조</span>(<span lang="KO">목적</span>)
+          <span lang="KO">이 약관은 송파정신장애동료지원센터</span>(<span
+            lang="KO"
+            >전자상거래 사업자</span
+          >)<span lang="KO">가 운영하는 정신장애 동료지원 평생교육원</span>LMS
+          (<span lang="KO">이하</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이라 한다</span
+          >)<span lang="KO">에서 제공하는 인터넷 관련 서비스</span>(<span
+            lang="KO"
+            >이하</span
+          >
+          “<span lang="KO">서비스</span>”<span lang="KO">라 한다</span>)<span
+            lang="KO"
+            >를 이용함에 있어 사이버 몰과 이용자의 권리</span
+          ></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >의무 및 책임사항을 규정함을 목적으로 합니다</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">  </span
+        ><span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">※</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            letter-spacing: -0.2pt;
+          "
+          >「</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            letter-spacing: -0.2pt;
+          "
+          >PC<span lang="KO">통신</span>,
+          <span lang="KO"
+            >무선 등을 이용하는 전자상거래에 대해서도 그 성질에 반하지 않는
+          </span></span
+        ><span lang="KO" style="font-family: 'Noto Sans KR', sans-serif"
+          >한 이 약관을 준용합니다</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >.<span lang="KO">」</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >2<span lang="KO">조</span>(<span lang="KO">정의</span>)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >이란 송파정신장애동료지원센터 회사가 재화 또는 용역</span
+          >(<span lang="KO">이하</span> “<span lang="KO">재화 등</span>”<span
+            lang="KO"
+            >이라 함</span
+          >)<span lang="KO"
+            >을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여
+            재화 등을 거래할 수 있도록 설정한 가상의 영업장을 말하며</span
+          >,
+          <span lang="KO"
+            >아울러 사이버몰을 운영하는 사업자의 의미로도 사용합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">이용자</span>”<span lang="KO">란</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO">에 접속하여 이 약관에 따라</span> “<span lang="KO"
+            >몰</span
+          >”<span lang="KO"
+            >이 제공하는 서비스를 받는 회원 및 비회원을 말합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ ‘<span lang="KO">회원</span>’<span lang="KO">이라 함은</span>
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >에 회원등록을 한 자로서</span
+          >, <span lang="KO">계속적으로</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 제공하는 서비스를 이용할 수 있는 자를 말합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ④ ‘<span lang="KO">비회원</span>’<span lang="KO"
+            >이라 함은 회원에 가입하지 않고</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >이 제공하는 서비스를 이용하는 자를 말합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >3<span lang="KO">조</span> (<span lang="KO"
+            >약관 등의 명시와 설명 및 개정</span
+          >)
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이 약관의 내용과 상호 및 대표자 성명</span
+          >, <span lang="KO">영업소 소재지 주소</span>(<span lang="KO"
+            >소비자의 불만을 처리할 수 있는 곳의 주소를 포함</span
+          >), <span lang="KO">전화번호</span></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >모사전송번호</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >전자우편주소</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >, <span lang="KO">사업자등록번호</span>,
+          <span lang="KO">통신판매업 신고번호</span>,
+          <span lang="KO"
+            >개인정보관리책임자등을 이용자가 쉽게 알 수 있도록 마노스
+            사회적협동조합</span
+          >LMS <span lang="KO">사이버몰의 초기 서비스화면</span>(<span lang="KO"
+            >전면</span
+          >)<span lang="KO">에 게시합니다</span>. <span lang="KO">다만</span>,
+          <span lang="KO"
+            >약관의 내용은 이용자가 연결화면을 통하여 볼 수 있도록 할 수
+            있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO"
+            >몰은 이용자가 약관에 동의하기에 앞서 약관에 정하여져 있는 내용 중
+            청약철회</span
+          ></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >배송책임</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >환불조건 등과 같은 중요한 내용을 이용자가 이해할 수 있도록 별도의
+          연결화면 또는 팝업화면 등을 제공하여 이용자의 확인을 구하여야
+          합니다</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO"
+            >은 「전자상거래 등에서의 소비자보호에 관한 법률」</span
+          >, <span lang="KO">「약관의 규제에 관한 법률」</span>,
+          <span lang="KO">「전자문서 및 전자거래기본법」</span>,
+          <span lang="KO">「전자금융거래법」</span>,
+          <span lang="KO">「전자서명법」</span>,
+          <span lang="KO"
+            >「정보통신망 이용촉진 및 정보보호 등에 관한 법률」</span
+          >, <span lang="KO">「방문판매 등에 관한 법률」</span>,
+          <span lang="KO"
+            >「소비자기본법」 등 관련 법을 위배하지 않는 범위에서 이 약관을
+            개정할 수 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ④ “<span lang="KO">몰</span>”<span lang="KO"
+            >이 약관을 개정할 경우에는 적용일자 및 개정사유를 명시하여
+            현행약관과 함께 몰의 초기화면에 그 적용일자</span
+          >
+          7<span lang="KO">일 이전부터 적용일자 전일까지 공지합니다</span>.
+          <span lang="KO">다만</span>,
+          <span lang="KO"
+            >이용자에게 불리하게 약관내용을 변경하는 경우에는 최소한</span
+          >
+          30<span lang="KO">일 이상의 사전 유예기간을 두고 공지합니다</span>. 
+          <span lang="KO">이 경우</span> &quot;<span lang="KO">몰</span>“<span
+            lang="KO"
+            >은 개정 전 내용과 개정 후 내용을 명확하게 비교하여 이용자가 알기
+            쉽도록 표시합니다</span
+          >.
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ⑤ “<span lang="KO">몰</span>”<span lang="KO"
+            >이 약관을 개정할 경우에는 그 개정약관은 그 적용일자 이후에 체결되는
+            계약에만 적용되고 그 이전에 이미 체결된 계약에 대해서는 개정 전의
+            약관조항이 그대로 적용됩니다</span
+          >.
+          <span lang="KO"
+            >다만 이미 계약을 체결한 이용자가 개정약관 조항의 적용을 받기를
+            원하는 뜻을 제</span
+          >3<span lang="KO">항에 의한 개정약관의 공지기간 내에</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO">에 송신하여</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >의 동의를 받은 경우에는 개정약관 조항이 적용됩니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ⑥
+          <span lang="KO"
+            >이 약관에서 정하지 아니한 사항과 이 약관의 해석에 관하여는
+            전자상거래 등에서의 소비자보호에 관한 법률</span
+          >, <span lang="KO">약관의 규제 등에 관한 법률</span>,
+          <span lang="KO"
+            >공정거래위원회가 정하는 전자상거래 등에서의 소비자 보호지침 및
+            관계법령 또는 상관례에 따릅니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >4<span lang="KO">조</span>(<span lang="KO"
+            >서비스의 제공 및 변경</span
+          >)
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 다음과 같은 업무를 수행합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    1.
+          <span lang="KO"
+            >재화 또는 용역에 대한 정보 제공 및 구매계약의 체결</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    2.
+          <span lang="KO">구매계약이 체결된 재화 또는 용역의 배송</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    3. <span lang="KO">기타</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 정하는 업무</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >은 재화 또는 용역의 품절 또는 기술적 사양의 변경 등의 경우에는 장차
+            체결되는 계약에 의해 제공할 재화 또는 용역의 내용을 변경할 수
+            있습니다</span
+          >.
+          <span lang="KO"
+            >이 경우에는 변경된 재화 또는 용역의 내용 및 제공일자를 명시하여
+            현재의 재화 또는 용역의 내용을 게시한 곳에 즉시 공지합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO"
+            >이 제공하기로 이용자와 계약을 체결한 서비스의 내용을 재화등의 품절
+            또는 기술적 사양의 변경 등의 사유로 변경할 경우에는 그 사유를
+            이용자에게 통지 가능한 주소로 즉시 통지합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ④ <span lang="KO">전항의 경우</span> “<span lang="KO">몰</span
+          >”<span lang="KO">은 이로 인하여 이용자가 입은 손해를 배상합니다</span
+          >. <span lang="KO">다만</span>, “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 고의 또는 과실이 없음을 입증하는 경우에는 그러하지
+            아니합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >5<span lang="KO">조</span>(<span lang="KO">서비스의 중단</span>)
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 컴퓨터 등 정보통신설비의 보수점검</span
+          ></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >교체 및 고장</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >,
+          <span lang="KO"
+            >통신의 두절 등의 사유가 발생한 경우에는 서비스의 제공을 일시적으로
+            중단할 수 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO">은 제</span>1<span
+            lang="KO"
+            >항의 사유로 서비스의 제공이 일시적으로 중단됨으로 인하여 이용자
+            또는 제</span
+          >3<span lang="KO">자가 입은 손해에 대하여 배상합니다</span>.
+          <span lang="KO">단</span>, “<span lang="KO">몰</span>”<span lang="KO"
+            >이 고의 또는 과실이 없음을 입증하는 경우에는 그러하지
+            아니합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ <span lang="KO">사업종목의 전환</span>,
+          <span lang="KO">사업의 포기</span>,
+          <span lang="KO"
+            >업체 간의 통합 등의 이유로 서비스를 제공할 수 없게 되는
+            경우에는</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO">은 제</span>8<span
+            lang="KO"
+            >조에 정한 방법으로 이용자에게 통지하고 당초</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >에서 제시한 조건에 따라 소비자에게 보상합니다</span
+          >. <span lang="KO">다만</span>, “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 보상기준 등을 고지하지 아니한 경우에는 이용자들의 마일리지 또는
+            적립금 등을</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >에서 통용되는 통화가치에 상응하는 현물 또는 현금으로 이용자에게
+            지급합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >6<span lang="KO">조</span>(<span lang="KO">회원가입</span>)
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① <span lang="KO">이용자는</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 정한 가입 양식에 따라 회원정보를 기입한 후 이 약관에 동의한다는
+            의사표시를 함으로서 회원가입을 신청합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO">은 제</span>1<span
+            lang="KO"
+            >항과 같이 회원으로 가입할 것을 신청한 이용자 중 다음 각 호에
+            해당하지 않는 한 회원으로 등록합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    1. <span lang="KO">가입신청자가 이 약관 제</span>7<span lang="KO"
+            >조제</span
+          >3<span lang="KO"
+            >항에 의하여 이전에 회원자격을 상실한 적이 있는 경우</span
+          >, <span lang="KO">다만 제</span>7<span lang="KO">조제</span>3<span
+            lang="KO"
+            >항에 의한 회원자격 상실 후</span
+          >
+          3<span lang="KO"
+            >년이
+            <span style="letter-spacing: -0.05pt">경과한 자로서</span></span
+          ><span style="letter-spacing: -0.05pt">
+            “<span lang="KO">몰</span>”<span lang="KO"
+              >의 회원재가입 승낙을 얻은 경우에는 예외로 한다</span
+            ></span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    2. <span lang="KO">등록 내용에 허위</span>,
+          <span lang="KO">기재누락</span>,
+          <span lang="KO">오기가 있는 경우</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    3. <span lang="KO">기타 회원으로 등록하는 것이</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO"
+            >의 기술상 현저히 지장이 있다고 판단되는 경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ <span lang="KO">회원가입계약의 성립 시기는</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO">의 승낙이 회원에게 도달한 시점으로 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ④
+          <span lang="KO" style="letter-spacing: -0.95pt"
+            >회원은 회원가입 시 등록한</span
+          ><span lang="KO"> 사항에 변경이 있는 경우</span>,
+          <span lang="KO">상당한 기간 이내에</span> “<span lang="KO">몰</span
+          >”<span lang="KO"
+            >에 대하여 회원정보 수정 등의 방법으로 그 변경사항을 알려야
+            합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >7<span lang="KO">조</span>(<span lang="KO"
+            >회원 탈퇴 및 자격 상실 등</span
+          >)
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① <span lang="KO">회원은</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >에 언제든지 탈퇴를 요청할 수 있으며</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >은 즉시 회원탈퇴를 처리합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② <span lang="KO">회원이 다음 각 호의 사유에 해당하는 경우</span>,
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >은 회원자격을 제한 및 정지시킬 수 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    1.
+          <span lang="KO">가입 신청 시에 허위 내용을 등록한 경우</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    2. “<span lang="KO">몰</span>”<span lang="KO"
+            >을 이용하여 구입한 재화 등의 대금</span
+          >, <span lang="KO">기타</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이용에 관련하여 회원이 부담하는 채무를 기일에 지급하지 않는
+            경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    3. <span lang="KO">다른 사람의</span> “<span lang="KO">몰</span>”
+          <span lang="KO"
+            >이용을 방해하거나 그 정보를 도용하는 등 전자상거래 질서를 위협하는
+            경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    4. “<span lang="KO">몰</span>”<span lang="KO"
+            >을 이용하여 법령 또는 이 약관이 금지하거나 공서양속에 반하는 행위를
+            하는 경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO"
+            >이 회원 자격을 제한</span
+          ></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >정지 시킨 후</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >, <span lang="KO">동일한 행위가</span> 2<span lang="KO"
+            >회 이상 반복되거나</span
+          >
+          30<span lang="KO">일 이내에 그 사유가 시정되지 아니하는 경우</span>
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >은 회원자격을 상실시킬 수 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ④ “<span lang="KO">몰</span>”<span lang="KO"
+            >이 회원자격을 상실시키는 경우에는 회원등록을 말소합니다</span
+          >. <span lang="KO">이 경우 회원에게 이를 통지하고</span>,
+          <span lang="KO">회원등록 말소 전에 최소한</span> 30<span lang="KO"
+            >일 이상의 기간을 정하여 소명할 기회를 부여합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >8<span lang="KO">조</span>(<span lang="KO">회원에 대한 통지</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >이 회원에 대한 통지를 하는 경우</span
+          >, <span lang="KO">회원이</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >과 미리 약정하여 지정한 전자우편 주소로 할 수 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >은 불특정다수 회원에 대한 통지의 경우</span
+          >
+          1<span lang="KO">주일이상</span> “<span lang="KO">몰</span>”
+          <span lang="KO"
+            >게시판에 게시함으로서 개별 통지에 갈음할 수 있습니다</span
+          >. <span lang="KO">다만</span>,
+          <span lang="KO"
+            >회원 본인의 거래와 관련하여 중대한 영향을 미치는 사항에 대하여는
+            개별통지를 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >9<span lang="KO">조</span>(<span lang="KO"
+            >구매신청 및 개인정보 제공 동의 등</span
+          >)
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO">이용자는</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO"
+            >상에서 다음 또는 이와 유사한 방법에 의하여 구매를 신청하며</span
+          >, “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자가 구매신청을 함에 있어서 다음의 각 내용을 알기 쉽게
+            제공하여야 합니다</span
+          >.
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >      1. <span lang="KO">재화 등의 검색 및 선택</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >      2.
+          <span lang="KO"
+            >받는 사람의 <span style="letter-spacing: -0.1pt">성명</span></span
+          ><span style="letter-spacing: -0.1pt"
+            >, <span lang="KO">주소</span>, <span lang="KO">전화번호</span>,
+            <span lang="KO">전자우편주소</span>(<span lang="KO"
+              >또는 이동전화번호</span
+            >) <span lang="KO">등의 입력</span></span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >      3. <span lang="KO">약관내용</span>,
+          <span lang="KO">청약철회권이 제한되는 서비스</span>,
+          <span lang="KO">배송료</span></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >설치비 등의 비용부담과 관련한 내용에 대한 확인</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >      4. <span lang="KO">이 약관에 동의하고 위</span> 3.<span
+            lang="KO"
+            >호의 사항을 확인하거나 거부하는 표시</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >         (<span lang="KO">예</span>,
+          <span lang="KO">마우스 클릭</span>)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >      5.
+          <span lang="KO">재화등의 구매신청 및 이에 관한 확인 또는</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO">의 확인에 대한 동의</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >      6. <span lang="KO">결제방법의 선택</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO">이 제</span>3<span
+            lang="KO"
+            >자에게 구매자 개인정보를 제공할 필요가 있는 경우</span
+          >
+          1) <span lang="KO">개인정보를 제공받는 자</span>, 2)<span lang="KO"
+            >개인정보를 제공받는 자의 개인정보 이용목적</span
+          >, 3) <span lang="KO">제공하는 개인정보의 항목</span>, 4)
+          <span lang="KO"
+            >개인정보를 제공받는 자의 개인정보 보유 및 이용기간을 구매자에게
+            알리고 동의를 받아야 합니다</span
+          >. (<span lang="KO"
+            >동의를 받은 사항이 변경되는 경우에도 같습니다</span
+          >.)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO">이 제</span>3<span
+            lang="KO"
+            >자에게 구매자의 개인정보를 취급할 수 있도록 업무를 위탁하는
+            경우에는</span
+          >
+          1) <span lang="KO">개인정보 취급위탁을 받는 자</span>, 2)
+          <span lang="KO"
+            >개인정보 취급위탁을 하는 업무의 내용을 구매자에게 알리고 동의를
+            받아야 합니다</span
+          >. (<span lang="KO"
+            >동의를 받은 사항이 변경되는 경우에도 같습니다</span
+          >.) <span lang="KO">다만</span>,
+          <span lang="KO"
+            >서비스제공에 관한 계약이행을 위해 필요하고 구매자의 편의증진과
+            관련된 경우에는 「정보통신망 이용촉진 및 정보보호 등에 관한
+            법률」에서 정하고 있는 방법으로 개인정보 취급방침을 통해 알림으로써
+            고지절차와 동의절차를 거치지 않아도 됩니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >10<span lang="KO">조</span> (<span lang="KO">계약의 성립</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ①  “<span lang="KO">몰</span>”<span lang="KO">은 제</span>9<span
+            lang="KO"
+            >조와 같은 구매신청에 대하여 다음 각 호에 해당하면 승낙하지 않을 수
+            있습니다</span
+          >. <span lang="KO">다만</span>,
+          <span lang="KO"
+            >미성년자와 계약을 체결하는 경우에는 법정대리인의 동의를 얻지 못하면
+            미성년자 본인 또는 법정대리인이 계약을 취소할 수 있다는 내용을
+            고지하여야 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    1. <span lang="KO">신청 내용에 허위</span>,
+          <span lang="KO">기재누락</span>,
+          <span lang="KO">오기가 있는 경우</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    2. <span lang="KO">미성년자가 담배</span>,
+          <span lang="KO"
+            >주류 등 청소년보호법에서 금지하는 재화 및 용역을 구매하는
+            경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    3. <span lang="KO">기타 구매신청에 승낙하는 것이</span> “<span
+            lang="KO"
+            >몰</span
+          >”
+          <span lang="KO">기술상 현저히 지장이 있다고 판단하는 경우</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO">의 승낙이 제</span
+          >12<span lang="KO">조제</span>1<span lang="KO"
+            >항의 수신확인통지형태로 이용자에게 도달한 시점에 계약이 성립한
+            것으로 봅니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO"
+            >의 승낙의 의사표시에는 이용자의 구매 신청에 대한 확인 및 판매<span
+              style="letter-spacing: -0.1pt"
+              >가능 여부</span
+            ></span
+          ><span style="letter-spacing: -0.1pt"
+            >,
+            <span lang="KO"
+              >구매신청의 정정 취소 등에 관한 정보 등을 포함하여야 합니다</span
+            ></span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >11<span lang="KO">조</span>(<span lang="KO">지급방법</span>) “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO"
+            >에서 구매한 재화 또는 용역에 대한 대금지급방법은 다음 각 호의
+            방법중 가용한 방법으로 할 수 있습니다</span
+          >. <span lang="KO">단</span>, “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >은 이용자의 지급방법에 대하여 재화 등의 대금에 어떠한 명목의
+            수수료도</span
+          >  <span lang="KO">추가하여 징수할 수 없습니다</span>.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    1. <span lang="KO">폰뱅킹</span>,
+          <span lang="KO">인터넷뱅킹</span>,
+          <span lang="KO">메일 뱅킹 등의 각종 계좌이체 </span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    2. <span lang="KO">선불카드</span>,
+          <span lang="KO">직불카드</span>,
+          <span lang="KO">신용카드 등의 각종 카드 결제</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    3. <span lang="KO">온라인무통장입금</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    4. <span lang="KO">전자화폐에 의한 결제</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    5. <span lang="KO">수령 시 대금지급</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    6. <span lang="KO">마일리지 등</span> “<span lang="KO">몰</span
+          >”<span lang="KO">이 지급한 포인트에 의한 결제</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    7. “<span lang="KO">몰</span>”<span lang="KO"
+            >과 계약을 맺었거나</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >이 인정한 상품권에 의한 결제</span
+          > 
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >    8.
+          <span lang="KO">기타 전자적 지급 방법에 의한 대금 지급 등</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >12<span lang="KO">조</span>(<span lang="KO">수신확인통지</span></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >구매신청 변경 및 취소</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자의 구매신청이 있는 경우 이용자에게 수신확인통지를
+            합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ②
+          <span lang="KO"
+            >수신확인통지를 받은 이용자는 의사표시의 불일치 등이 있는 경우에는
+            수신확인통지를 받은 후 즉시 구매신청 변경 및 취소를 요청할 수
+            있고</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >은 배송 전에 이용자의 요청이 있는 경우에는 지체 없이 그 요청에 따라
+            처리하여야 합니다</span
+          >. <span lang="KO">다만 이미 대금을 지불한 경우에는 제</span>15<span
+            lang="KO"
+            >조의 청약철회 등에 관한 규정에 따릅니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >13<span lang="KO">조</span>(<span lang="KO">재화 등의 공급</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자와 재화 등의 공급시기에 관하여 별도의 약정이 없는
+            이상</span
+          >, <span lang="KO">이용자가 청약을 한 날부터</span> 7<span lang="KO"
+            >일 이내에 재화 등을 배송할 수 있도록 주문제작</span
+          >, <span lang="KO">포장 등 기타의 필요한 조치를 취합니다</span>.
+          <span lang="KO">다만</span>, “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 이미 재화 등의 대금의 전부 또는 일부를 받은 경우에는 대금의 전부
+            또는 일부를 받은 날부터</span
+          >
+          3<span lang="KO">영업일 이내에 조치를 취합니다</span>. 
+          <span lang="KO">이때</span> “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자가 재화 등의 공급 절차 및 진행 사항을 확인할 수 있도록
+            적절한 조치를 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자가 구매한 재화에 대해 배송수단</span
+          >, <span lang="KO">수단별 배송비용 부담자</span>,
+          <span lang="KO">수단별 배송기간 등을 명시합니다</span>.
+          <span lang="KO">만약</span> “<span lang="KO">몰</span>”<span lang="KO"
+            >이 약정 배송기간을 초과한 경우에는 그로 인한 이용자의 손해를
+            배상하여야 합니다</span
+          >. <span lang="KO">다만</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 고의</span
+          ></span
+        ><span lang="KO" style="font-family: 'MS Gothic'">․</span
+        ><span lang="KO" style="font-family: 'Noto Sans KR', sans-serif"
+          >과실이 없음을 입증한 경우에는 그러하지 아니합니다</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif">.</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >14<span lang="KO">조</span>(<span lang="KO">환급</span>) “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO"
+            >은 이용자가 구매신청한 재화 등이 품절 등의 사유로 인도 또는 제공을
+            할 수 없을 때에는 지체 없이 그 사유를 이용자에게 통지하고 사전에
+            재화 등의 대금을 받은 경우에는 대금을 받은 날부터</span
+          >
+          3<span lang="KO"
+            >영업일 이내에 환급하거나 환급에 필요한 조치를 취합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >15<span lang="KO">조</span>(<span lang="KO">청약철회 등</span>)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ①
+          <span style="letter-spacing: -0.1pt"
+            >“<span lang="KO">몰</span>”<span lang="KO"
+              >과 재화등의 구매에 관한 계약을 체결한 이용자는
+            </span></span
+          ><span lang="KO" style="letter-spacing: -0.05pt">「</span
+          ><span lang="KO" style="letter-spacing: -0.55pt"
+            >전자상거래 등에서의 소비자보호에 관한 법률」 제</span
+          ><span style="letter-spacing: -0.55pt"
+            >13<span lang="KO">조 제</span>2<span lang="KO"
+              >항에 따른 계약내용에 관한 서면을 받은 날</span
+            >(<span lang="KO"
+              >그 서면을 받은 때보다 재화 등의 공급이 늦게 이루어진 경우에는
+              재화 등을 공급받거나 재화 등의 공급이 시작된 날을 말합니다</span
+            >)<span lang="KO">부터</span> 7<span lang="KO">일 이내</span></span
+          ><span lang="KO" style="letter-spacing: -0.1pt"
+            >에는 청약의 철회를 할 수 있습니다</span
+          ><span style="letter-spacing: -0.1pt"
+            >. <span lang="KO">다만</span>,
+            <span lang="KO">청약철회에 관하여 </span></span
+          ><span lang="KO" style="letter-spacing: -0.05pt">「</span
+          ><span lang="KO" style="letter-spacing: -0.1pt"
+            >전자상거래 등에서의 소비자보호에 관한 법률</span
+          ><span lang="KO" style="letter-spacing: -0.55pt">」</span
+          ><span lang="KO" style="letter-spacing: -0.1pt"
+            >에 달리 정함이 있는 경우에는 동 법 규정에 따릅니다</span
+          ><span style="letter-spacing: -0.1pt">. </span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ②
+          <span lang="KO">이용자는 재화 등을 배송 받은 경우 다음 각 호의</span>
+          1<span lang="KO"
+            >에 해당하는 경우에는 반품 및 교환을 할 수 없습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    1.
+          <span lang="KO"
+            >이용자에게 책임 있는 사유로 재화 등이 멸실 또는 훼손된 경우</span
+          >(<span lang="KO">다만</span>,
+          <span lang="KO"
+            >재화 등의 내용을 확인하기 위하여 포장 등을 훼손한 경우에는
+            청약철회를 할 수 있습니다</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    2.
+          <span lang="KO"
+            >이용자의 사용 또는 일부 소비에 의하여 재화 등의 가치가 현저히
+            감소한 경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    3.
+          <span lang="KO"
+            >시간의 경과에 의하여 재판매가 곤란할 정도로 재화등의 가치가 현저히
+            감소한 경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    4.
+          <span lang="KO"
+            >같은 성능을 지닌 재화 등으로 복제가 가능한 경우 그 원본인 재화 등의
+            포장을 훼손한 경우</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ③ <span lang="KO">제</span>2<span lang="KO">항제</span>2<span
+            lang="KO"
+            >호 내지 제</span
+          >4<span lang="KO">호의 경우에</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >이 사전에 청약철회 등이 제한되는 사실을 소비자가 쉽게 알 수 있는
+            곳에 명기하거나 시용상품을 제공하는 등의 조치를 하지 않았다면
+            이용자의 청약철회 등이 제한되지 않습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ④ <span lang="KO">이용자는 제</span>1<span lang="KO">항 및 제</span
+          >2<span lang="KO">항의 규정에 불구하고 재화 등의 내용이 표시</span
+          >·<span lang="KO"
+            >광고 내용과 다르거나 계약내용과 다르게 이행된 때에는 당해 재화 등을
+            공급받은 날부터</span
+          >
+          3<span lang="KO">월 이내</span>,
+          <span lang="KO">그 사실을 안 날 또는 알 수 있었던 날부터</span>
+          30<span lang="KO">일 이내에 청약철회 등을 할 수 있습니다</span>.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >16<span lang="KO">조</span>(<span lang="KO">청약철회 등의 효과</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ①
+          <span style="letter-spacing: -0.05pt"
+            >“<span lang="KO">몰</span>”<span lang="KO"
+              >은 이용자로부터 재화 등을 반환받은 경우</span
+            >
+            3<span lang="KO"
+              >영업일 이내에 이미 지급받은 재화 등의 대금을 환급합니다</span
+            >. <span lang="KO">이 경우</span> “<span lang="KO">몰</span>”<span
+              lang="KO"
+              >이 이용자에게 재화등의 환급을 지연한때에는 그 지연기간에 대하여
+              「전자상거래 등에서의 소비자보호에 관한 법률 시행령」제</span
+            >21<span lang="KO">조의</span>2<span lang="KO"
+              >에서 정하는 지연이자율을 곱하여 산정한 지연이자를
+              지급합니다</span
+            >.</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >은 위 대금을 환급함에 있어서 이용자가 신용카드 또는 전자화폐 등의
+            결제수단으로 재화 등의 대금을 지급한 때에는 지체 없이 당해
+            결제수단을 제공한 사업자로 하여금 재화 등의 대금의 청구를 정지 또는
+            취소하도록 요청합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ③
+          <span lang="KO"
+            >청약철회 등의 경우 공급받은 재화 등의 반환에 필요한 비용은 이용자가
+            부담합니다</span
+          >. “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자에게 청약철회 등을 이유로 위약금 또는 손해배상을 청구하지
+            않습니다</span
+          >. <span lang="KO">다만 재화 등의 내용이 표시</span>·<span lang="KO"
+            >광고 내용과 다르거나 계약내용과 다르게 이행되어 청약철회 등을 하는
+            경우 재화 등의 반환에 필요한 비용은</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO">이 부담합니다</span>.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ④
+          <span lang="KO"
+            >이용자가 재화 등을 제공받을 때 발송비를 부담한 경우에</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >은 청약철회 시 그 비용을</span
+          > 
+          <span lang="KO"
+            >누가 부담하는지를 이용자가 알기 쉽도록 명확하게 표시합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >17<span lang="KO">조</span>(<span lang="KO">개인정보보호</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            letter-spacing: -0.25pt;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자의 개인</span
+          ></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >정보 수집시 서비스제공을 위하여 필요한 범위에서 최소한의 개인정보를
+          수집합니다</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >.
+        </span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >은 회원가입시 구매계약이행에 필요한 정보를 미리 수집하지
+            않습니다</span
+          >. <span lang="KO">다만</span>,
+          <span lang="KO"
+            >관련 법령상 의무이행을 위하여 구매계약 이전에 본인확인이 필요한
+            경우로서 최소한의 특정 개인정보를 수집하는 경우에는 그러하지
+            아니합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③
+          <span style="letter-spacing: -0.35pt"
+            >“<span lang="KO">몰</span>”<span lang="KO"
+              >은 이용자의 개인정보를 수집</span
+            >·<span lang="KO"
+              >이용하는 때에는 당해 이용자에게 그 목적을 고지하고 동의를
+              받습니다</span
+            >.
+          </span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ④ “<span lang="KO">몰</span>”<span lang="KO"
+            >은 수집된 개인정보를 목적외의 용도로 이용할 수 없으며</span
+          >, <span lang="KO">새로운 이용목적이 발생한 경우 또는 제</span>3<span
+            lang="KO"
+            >자에게 제공하는 경우에는 이용</span
+          >·<span lang="KO"
+            >제공단계에서 당해 이용자에게 그 목적을 고지하고 동의를
+            받습니다</span
+          >. <span lang="KO">다만</span>,
+          <span lang="KO"
+            >관련 법령에 달리 정함이 있는 경우에는 예외로 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ⑤ “<span lang="KO">몰</span>”<span lang="KO">이 제</span>2<span
+            lang="KO"
+            >항과 제</span
+          >3<span lang="KO"
+            >항에 의해 이용자의 동의를 받아야 하는 경우에는 개인정보관리
+            책임자의 신원</span
+          >(<span lang="KO">소속</span>,
+          <span lang="KO">성명 및 전화번호</span>,
+          <span lang="KO">기타 연락처</span>),
+          <span lang="KO">정보의 수집목적 및 이용목적</span>,
+          <span lang="KO">제</span>3<span lang="KO"
+            >자에 대한 정보제공 관련사항</span
+          >(<span lang="KO">제공받은자</span>,
+          <span lang="KO">제공목적 및 제공할 정보의 내용</span>)
+          <span lang="KO"
+            >등 「정보통신망 이용촉진 및 정보보호 등에 관한 법률」 제</span
+          >22<span lang="KO">조제</span>2<span lang="KO"
+            >항이 규정한 사항을 미리 명시하거나 고지해야 하며 이용자는 언제든지
+            이 동의를 철회할 수 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ⑥ <span lang="KO">이용자는 언제든지</span> “<span lang="KO"
+            >몰</span
+          >”<span lang="KO"
+            >이 가지고 있는 자신의 개인정보에 대해 열람 및 오류정정을 요구할 수
+            있으며</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이에 대해 지체 없이 필요한 조치를 취할 의무를 집니다</span
+          >.
+          <span lang="KO">이용자가 오류의 정정을 요구한 경우에는</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO"
+            >은 그 오류를 정정할 때까지 당해 개인정보를 이용하지 않습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          > </span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ⑦
+          <span style="letter-spacing: -0.6pt"
+            >“<span lang="KO">몰</span>”<span lang="KO"
+              >은 개인정보 보호를</span
+            ></span
+          ><span lang="KO" style="letter-spacing: -0.2pt">
+            위하여 이용자의 개인정보를 취급하는 자를</span
+          ><span style="letter-spacing: -0.2pt"
+            >  <span lang="KO">최소한으로 제한하여야 하며 신용카드</span>,
+            <span lang="KO">은행계좌 등을 포함한 이용자의 개인정보의 분실</span
+            >, <span lang="KO">도난</span>, <span lang="KO">유출</span>,
+            <span lang="KO">동의 없는 제</span>3<span lang="KO">자 제공</span>,
+            <span lang="KO"
+              >변조 등으로 인한 이용자의 손해에 대하여 모든 책임을 집니다</span
+            >.</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ⑧ “<span lang="KO">몰</span>”
+          <span lang="KO">또는 그로부터 개인정보를 제공받은 제</span>3<span
+            lang="KO"
+            >자는 개인정보의 수집목적 또는 제공받은 목적을 달성한 때에는 당해
+            개인정보를 지체 없이 파기합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ⑨<span style="letter-spacing: -0.35pt">
+            “<span lang="KO">몰</span>”<span lang="KO">은 개인정보의 수집</span
+            >·<span lang="KO">이용</span>·<span lang="KO"
+              >제공에 관한 동의 란을 미리 선택한 것으로 설정해두지
+              않습니다</span
+            >. <span lang="KO">또한 개인정보의 수집</span>·<span lang="KO"
+              >이용</span
+            >·<span lang="KO"
+              >제공에 관한 이용자의 동의거절시 제한되는 서비스를 구체적으로
+              명시하고</span
+            >, <span lang="KO">필수수집항목이 아닌 개인정보의 수집</span>·<span
+              lang="KO"
+              >이용</span
+            >·<span lang="KO"
+              >제공에 관한 이용자의 동의 거절을 이유로 회원가입 등 서비스 제공을
+              제한하거나 거절하지 않습니다</span
+            >.</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >18<span lang="KO">조</span>(“<span lang="KO">몰</span>“<span
+            lang="KO"
+            >의 의무</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 법령과 이 약관이 금지하거나 공서양속에 반하는 행위를 하지 않으며
+            이 약관이 정하는 바에 따라 지속적이고</span
+          >, <span lang="KO">안정적으로 재화</span></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >용역을 제공하는데 최선을 다하여야 합니다</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자가 안전하게 인터넷 서비스를 이용할 수 있도록 이용자의
+            개인정보</span
+          >(<span lang="KO">신용정보 포함</span>)<span lang="KO"
+            >보호를 위한 보안 시스템을 갖추어야 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO"
+            >이 상품이나 용역에 대하여 「표시</span
+          ></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >광고의 공정화에 관한 법률」 제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >3<span lang="KO">조 소정의 부당한 표시</span></span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'MS Gothic';
+            color: black;
+            background: transparent;
+          "
+          >․</span
+        ><span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >광고행위를 함으로써 이용자가 손해를 입은 때에는 이를 배상할 책임을
+          집니다</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ④ “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자가 원하지 않는 영리목적의 광고성 전자우편을 발송하지
+            않습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >19<span lang="KO">조</span>(<span lang="KO">회원의</span> ID
+          <span lang="KO">및 비밀번호에 대한 의무</span>)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ① <span lang="KO">제</span>17<span lang="KO"
+            >조의 경우를 제외한</span
+          >
+          ID<span lang="KO"
+            >와 비밀번호에 관한 관리책임은 회원에게 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② <span lang="KO">회원은 자신의</span> ID
+          <span lang="KO">및 비밀번호를 제</span>3<span lang="KO"
+            >자에게 이용하게 해서는 안됩니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ <span lang="KO">회원이 자신의</span> ID
+          <span lang="KO">및 비밀번호를 도난당하거나 제</span>3<span lang="KO"
+            >자가 사용하고 있음을 인지한 경우에는 바로</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO">에 통보하고</span> “<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO">의 안내가 있는 경우에는 그에 따라야 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >20<span lang="KO">조</span>(<span lang="KO">이용자의 의무</span>)
+          <span lang="KO">이용자는 다음 행위를 하여서는 안 됩니다</span>.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    1. <span lang="KO">신청 또는 변경시 허위 내용의 등록</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    2. <span lang="KO">타인의 정보 도용</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    3. “<span lang="KO">몰</span>”<span lang="KO"
+            >에 게시된 정보의 변경</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    4. “<span lang="KO">몰</span>”<span lang="KO"
+            >이 정한 정보 이외의 정보</span
+          >(<span lang="KO">컴퓨터 프로그램 등</span>)
+          <span lang="KO">등의 송신 또는 게시</span></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    5. “<span lang="KO">몰</span>”
+          <span lang="KO">기타 제</span>3<span lang="KO"
+            >자의 저작권 등 지적재산권에 대한 침해</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    6. “<span lang="KO">몰</span>”
+          <span lang="KO">기타 제</span>3<span lang="KO"
+            >자의 명예를 손상시키거나 업무를 방해하는 행위</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >    7. <span lang="KO">외설 또는 폭력적인 메시지</span>,
+          <span lang="KO">화상</span>, <span lang="KO">음성</span>,
+          <span lang="KO"
+            >기타 공서양속에 반하는 정보를 몰에 공개 또는 게시하는 행위</span
+          ></span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >21<span lang="KO">조</span>(<span lang="KO">연결</span>“<span
+            lang="KO"
+            >몰</span
+          >”<span lang="KO">과 피연결</span>“<span lang="KO">몰</span>”
+          <span lang="KO">간의 관계</span>)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① <span lang="KO">상위</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >과 하위</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO">이 하이퍼링크</span>(<span
+            lang="KO"
+            >예</span
+          >: <span lang="KO">하이퍼링크의 대상에는 문자</span>,
+          <span lang="KO">그림 및 동화상 등이 포함됨</span>)<span lang="KO"
+            >방식 등으로 연결된 경우</span
+          >, <span lang="KO">전자를 연결</span> “<span lang="KO">몰</span
+          >”(<span lang="KO">웹 사이트</span>)<span lang="KO"
+            >이라고 하고 후자를 피연결</span
+          >
+          “<span lang="KO">몰</span>”(<span lang="KO">웹사이트</span>)<span
+            lang="KO"
+            >이라고 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ② <span lang="KO">연결</span>“<span lang="KO">몰</span>”<span
+            lang="KO"
+            >은 피연결</span
+          >“<span lang="KO">몰</span>”<span lang="KO"
+            >이 독자적으로 제공하는 재화 등에 의하여 이용자와 행하는 거래에
+            대해서 보증 책임을 지지 않는다는 뜻을 연결</span
+          >“<span lang="KO">몰</span>”<span lang="KO"
+            >의 초기화면 또는 연결되는 시점의 팝업화면으로 명시한 경우에는 그
+            거래에 대한 보증 책임을 지지 않습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          lang="KO"
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >제</span
+        ><span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >22<span lang="KO">조</span>(<span lang="KO"
+            >저작권의 귀속 및 이용제한</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ① “<span lang="KO">몰</span>“<span lang="KO"
+            >이 작성한 저작물에 대한 저작권 기타 지적재산권은</span
+          >
+          ”<span lang="KO">몰</span>“<span lang="KO">에 귀속합니다</span>.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② <span lang="KO">이용자는</span> “<span lang="KO">몰</span>”<span
+            lang="KO"
+            >을 이용함으로써 얻은 정보 중</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >에게 지적재산권이 귀속된 정보를</span
+          >
+          “<span lang="KO">몰</span>”<span lang="KO"
+            >의 사전 승낙 없이 복제</span
+          >, <span lang="KO">송신</span>, <span lang="KO">출판</span>,
+          <span lang="KO">배포</span>,
+          <span lang="KO"
+            >방송 기타 방법에 의하여 영리목적으로 이용하거나 제</span
+          >3<span lang="KO">자에게 이용하게 하여서는 안됩니다</span>.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO"
+            >은 약정에 따라 이용자에게 귀속된 저작권을 사용하는 경우 당해
+            이용자에게 통보하여야 합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >23<span lang="KO">조</span>(<span lang="KO">분쟁해결</span>)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자가 제기하는 정당한 의견이나 불만을 반영하고 그 피해를
+            보상처리하기 위하여 피해보상처리기구를 설치</span
+          ></span
+        ><span lang="KO" style="font-family: 'MS Gothic'">․</span
+        ><span lang="KO" style="font-family: 'Noto Sans KR', sans-serif"
+          >운영합니다</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif">.</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            color: black;
+            background: transparent;
+          "
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >은 이용자로부터 제출되는 불만사항 및 의견은 우선적으로 그 사항을
+            처리합니다</span
+          >. <span lang="KO">다만</span>,
+          <span lang="KO"
+            >신속한 처리가 곤란한 경우에는 이용자에게 그 사유와 처리일정을 즉시
+            통보해 드립니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span
+          style="
+            font-family: 'Noto Sans KR', sans-serif;
+            background: transparent;
+          "
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ③ “<span lang="KO">몰</span>”<span lang="KO"
+            >과 이용자 간에 발생한 전자상거래 분쟁과 관련하여 이용자의
+            피해구제신청이 있는 경우에는 공정거래위원회 또는 시</span
+          >·<span lang="KO"
+            >도지사가 의뢰하는 분쟁조정기관의 조정에 따를 수 있습니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span lang="KO" style="font-family: 'Noto Sans KR', sans-serif">제</span
+        ><span style="font-family: 'Noto Sans KR', sans-serif"
+          >24<span lang="KO">조</span>(<span lang="KO">재판권 및 준거법</span
+          >)</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ① “<span lang="KO">몰</span>”<span lang="KO"
+            >과 이용자 간에 발생한 전자상거래 분쟁에 관한 소송은 제소 당시의
+            이용자의 주소에 의하고</span
+          >,
+          <span lang="KO"
+            >주소가 없는 경우에는 거소를 관할하는 지방법원의 전속관할로
+            합니다</span
+          >. <span lang="KO">다만</span>,
+          <span lang="KO"
+            >제소 당시 이용자의 주소 또는 거소가 분명하지 않거나 외국 거주자의
+            경우에는 민사소송법상의 관할법원에 제기합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif"
+          >  ② “<span lang="KO">몰</span>”<span lang="KO"
+            >과 이용자 간에 제기된 전자상거래 소송에는 한국법을 적용합니다</span
+          >.</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 14pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 14pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 14pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 14pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 14pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 14pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+      </p>
+
+      <p class="MsoNormal">
+        <span style="font-size: 14pt; font-family: 'Noto Sans KR', sans-serif"
+          >&nbsp;</span
+        >
+      </p>
+    </div>
+  </div>
+</template>
diff --git a/bobu/app/components/TermsofUse.vue b/bobu/app/components/TermsofUse.vue
new file mode 100644
index 0000000..0adee9e
--- /dev/null
+++ b/bobu/app/components/TermsofUse.vue
@@ -0,0 +1,2243 @@
+<template>
+  <div class="mx-4 my-20">
+    <body lang="en-KR" style="word-wrap: break-word">
+      <div class="WordSection1">
+        <p class="MsoNormal">
+          <a name="_top"></a
+          ><span
+            class="text-2xl"
+            lang="KO"
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: black;
+              background: transparent;
+            "
+            >개인정보처리방침</span
+          >
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              background: transparent;
+            "
+            >&nbsp;</span
+          >
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              background: transparent;
+            "
+            >&nbsp;</span
+          >
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            lang="KO"
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: black;
+              background: transparent;
+            "
+            >제</span
+          ><span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: black;
+              background: transparent;
+            "
+            >1<span lang="KO">조</span>(<span lang="KO">개인정보의처리목적</span
+            >)</span
+          ><span style="font-family: 'Noto Sans KR', sans-serif"
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >송파정신장애동료지원센터, 한국정신장애인자립생활센터,
+              마포정신장애인자립생활센터에서 운영하는 정신장애 동료지원 활동가
+              평생교육원 홈페이지는 「개인정보 보호법」 제</span
+            ><span style="color: #222222; background: white"
+              >30<span lang="KO"
+                >조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을
+                신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이
+                개인정보 처리방침을 수립</span
+              >·<span lang="KO">공개합니다</span>.</span
+            ><br />
+            <br />
+            <span lang="KO" style="color: #222222; background: white"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지는 다음의 목적을
+              위하여 개인정보를 처리합니다</span
+            ><span style="color: #222222; background: white"
+              >.
+              <span lang="KO"
+                >처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지
+                않으며</span
+              >,
+              <span lang="KO"
+                >이용 목적이 변경되는 경우에는 개인정보 보호법 제</span
+              >18<span lang="KO"
+                >조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할
+                예정입니다</span
+              >.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >1. <span lang="KO">홈페이지 회원가입 및 관리</span></span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >회원 가입 의사 확인</span
+            ><span style="color: #222222; background: white"
+              >,
+              <span lang="KO">회원제 서비스 제공에 따른 본인 식별</span>·<span
+                lang="KO"
+                >인증</span
+              >, <span lang="KO">회원자격 유지</span>·<span lang="KO">관리</span
+              >, <span lang="KO">제한적 본인확인제 시행에 따른 본인 확인</span>,
+              <span lang="KO">서비스 부정이용 방지</span>,
+              <span lang="KO">만</span> 14<span lang="KO"
+                >세 미만 아동 개인정보 수집 시 법정 대리인 동의여부 확인</span
+              >, <span lang="KO">각종 고지</span>·<span lang="KO"
+                >통지 등을 목적으로 개인정보를 처리합니다</span
+              >.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >2. <span lang="KO">서비스 제공</span></span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">가</span
+            ><span style="color: #222222; background: white"
+              >.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지를 이용할 경우
+                홈페이지 내 참여한 서비스 기록을 통하여 정보는 수집</span
+              >·<span lang="KO">저장됩니다</span>.
+              <span lang="KO"
+                >이는 이용자에게 보다 나은 서비스를 제공하고 이용자와
+                웹사이트간의 원활한 의사소통 등을 위해 이용되어질 것입니다</span
+              >.</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">나</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">수집</span>·<span lang="KO"
+                >저장되는 개인정보는 보다 많은 서비스 이용</span
+              >, <span lang="KO">이벤트 및 캠페인 참여</span>,
+              <span lang="KO">정신건강 자가검진 및 기관</span>/<span lang="KO"
+                >서비스 연계</span
+              >, <span lang="KO">뉴스레터 발송</span>,
+              <span lang="KO">뉴스클리핑 발송</span>,
+              <span lang="KO">교육 및 행사 신청</span>,
+              <span lang="KO">마음터치 프로그램 이용</span>,
+              <span lang="KO">싱크어게인 프로그램 이용</span>,
+              <span lang="KO"
+                >후기 게시판 이용 및 홈페이지 개선과 보완을 위한 통계분석 등의
+                확인을 목적으로 수집됩니다</span
+              >.</span
+            ><br />
+            <br />
+            <span lang="KO" style="color: black; background: transparent"
+              >제</span
+            ><span style="color: black; background: transparent"
+              >2<span lang="KO">조</span>(<span lang="KO"
+                >개인정보의 처리 및 보유기간</span
+              >)</span
+            ><br />
+            <span style="color: #222222; background: white"
+              >1.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 법령에 따른
+                개인정보 보유</span
+              >·<span lang="KO"
+                >이용기간 또는 정보주체로부터 개인정보 수집 시에 동의 받은
+                개인정보 보유</span
+              >·<span lang="KO">이용기간 내에서 개인정보를 처리</span>·<span
+                lang="KO"
+                >보유합니다</span
+              >.
+              <span lang="KO"
+                >각각의 개인정보 처리 및 보유 기간은 다음과 같습니다</span
+              >.</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">가</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">홈페이지 회원 가입 및 관리</span> :
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지 탈퇴 시 까지</span
+              ></span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">나</span
+            ><span style="color: #222222; background: white"
+              >.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지 서비스 제공</span
+              ></span
+            ></span
+          >
+        </p>
+
+        <table
+          class="MsoNormalTable"
+          border="1"
+          cellspacing="0"
+          cellpadding="0"
+          width="567"
+          style="margin-left: -0.5pt; border-collapse: collapse; border: none"
+        >
+          <tr style="height: 18.5pt">
+            <td
+              width="161"
+              style="
+                width: 120.9pt;
+                border: solid #e5e7ee 1pt;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 18.5pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >개인정보파일명칭</span
+                >
+              </p>
+            </td>
+            <td
+              width="65"
+              style="
+                width: 48.6pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 18.5pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >처리근거</span
+                >
+              </p>
+            </td>
+            <td
+              width="272"
+              style="
+                width: 203.85pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 18.5pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >처리목적</span
+                >
+              </p>
+            </td>
+            <td
+              width="69"
+              style="
+                width: 51.6pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 18.5pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >보유기간</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 48.65pt">
+            <td
+              width="161"
+              style="
+                width: 120.9pt;
+                border: solid #e5e7ee 1pt;
+                border-top: none;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >이벤트 및 캠페인</span
+                >
+              </p>
+            </td>
+            <td
+              width="65"
+              style="
+                width: 48.6pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >정보주체의 동의</span
+                >
+              </p>
+            </td>
+            <td
+              width="272"
+              style="
+                width: 203.85pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >정신장애 동료지원 활동가 평생교육원 이벤트 및 캠페인
+                  운영</span
+                >
+              </p>
+            </td>
+            <td
+              width="69"
+              style="
+                width: 51.6pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >목적달성시까지</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 48.65pt">
+            <td
+              width="161"
+              style="
+                width: 120.9pt;
+                border: solid #e5e7ee 1pt;
+                border-top: none;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >프로그램 이용기록</span
+                >
+              </p>
+            </td>
+            <td
+              width="65"
+              style="
+                width: 48.6pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >정보주체의 동의</span
+                >
+              </p>
+            </td>
+            <td
+              width="272"
+              style="
+                width: 203.85pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >온라인 교육프로그램 운영 및 수료증 발급</span
+                >
+              </p>
+            </td>
+            <td
+              width="69"
+              style="
+                width: 51.6pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 48.65pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >준영구</span
+                >
+              </p>
+            </td>
+          </tr>
+        </table>
+
+        <p class="MsoNormal">
+          <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: #222222;
+              background: white;
+            "
+            >2. <span lang="KO">정보주체는 개인정보 수집</span>·<span lang="KO"
+              >이용 목적에 대한 동의를 거부할 수 있으며</span
+            >,
+            <span lang="KO"
+              >동의 거부시 정신장애 동료지원 활동가 평생교육원 홈페이지에
+              회원가입이 되지 않으며</span
+            >,
+            <span lang="KO"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지 회원에게 제공하는
+              서비스를 이용할 수 없습니다</span
+            >.</span
+          ><span style="font-family: 'Noto Sans KR', sans-serif"
+            ><br />
+            <br />
+            <span lang="KO" style="color: #222222; background: transparent"
+              >제</span
+            ><span style="color: #222222; background: transparent"
+              >3<span lang="KO">조</span>(<span lang="KO">개인정보의 제</span
+              >3<span lang="KO">자 제공</span>)</span
+            ><br />
+            <span style="color: #222222; background: white"
+              >1.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 정보주체의
+                개인정보를 제</span
+              >1<span lang="KO">조</span>(<span lang="KO"
+                >개인정보의 처리 목적</span
+              >)<span lang="KO">에서 명시한 범위 내에서만 처리하며</span>,
+              <span lang="KO">정보주체의 동의</span>,
+              <span lang="KO">법률의 특별한 규정 등 「개인정보 보호법」 제</span
+              >17<span lang="KO">조 및 제</span>18<span lang="KO"
+                >조에 해당하는 경우에만 개인정보를 제</span
+              >3<span lang="KO">자에게 제공합니다</span>.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >2.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 수집</span
+              >·<span lang="KO"
+                >보유하고 있는 개인정보를 이용자의 동의 없이는 제</span
+              >3<span lang="KO">자에게 제공하지 않으며</span>,
+              <span lang="KO">다음의 경우에는 개인정보를 제</span> 3<span
+                lang="KO"
+                >자에게 제공할 수 있습니다</span
+              >.</span
+            ><br />
+            <span style="color: #222222; background: white"
+              >-
+              <span lang="KO"
+                >정보주체로부터 별도의 동의를 받은 경우</span
+              ></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >-
+              <span lang="KO"
+                >법률에 특별한 규정이 있거나 법령상 의무를 준수하기 위하여
+                불가피한 경우</span
+              ></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >-
+              <span lang="KO"
+                >정보주체 또는 그 법정대리인이 의사표시를 할 수 없는 상태에
+                있거나 주소불명 등으로 사전 동의를 받을 수 없는 경우로서 명백히
+                정보주체 또는 제</span
+              >3<span lang="KO">자의 급박한 생명</span>,
+              <span lang="KO">신체</span>,
+              <span lang="KO"
+                >재산의 이익을 위하여 필요하다고 인정되는 경우</span
+              ></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >-
+              <span lang="KO"
+                >개인정보를 목적 외의 용도로 이용하거나 이를 제</span
+              >3<span lang="KO"
+                >자에게 제공하지 아니하면 다른 법률에서 정하는 소관 업무를
+                수행할 수 없는 경우로서 보호위원회의 심의</span
+              >·<span lang="KO">의결을 거친 경우</span></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >- <span lang="KO">조약</span>,
+              <span lang="KO"
+                >그 밖의 국제협정의 이행을 위하여 외국정부 또는 국제기구에
+                제공하기 위하여 필요한 경우</span
+              ></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >-
+              <span lang="KO"
+                >범죄의 수사와 공소의 제기 및 유지를 위하여 필요한 경우</span
+              ></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >-
+              <span lang="KO"
+                >법원의 재판업무 수행을 위하여 필요한 경우</span
+              ></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >- <span lang="KO">형</span>(<span lang="KO">刑</span>)
+              <span lang="KO">및 감호</span>,
+              <span lang="KO">보호처분의 집행을 위하여 필요한 경우</span></span
+            ><br />
+            <br />
+            <span lang="KO" style="color: #222222; background: transparent"
+              >제</span
+            ><span style="color: #222222; background: transparent"
+              >4<span lang="KO">조</span>(<span lang="KO"
+                >개인정보처리위탁에 관한 사항</span
+              >)</span
+            ><br />
+            <span style="color: #222222; background: white"
+              >1.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 원활한 개인정보
+                업무처리를 위하여 다음과 같이 개인정보 처리업무를 위탁하고
+                있습니다</span
+              >.</span
+            ></span
+          >
+        </p>
+
+        <table
+          class="MsoNormalTable"
+          border="1"
+          cellspacing="0"
+          cellpadding="0"
+          width="564"
+          style="margin-left: -0.5pt; border-collapse: collapse; border: none"
+        >
+          <tr style="height: 21.3pt">
+            <td
+              width="88"
+              style="
+                width: 66pt;
+                border: solid #e5e7ee 1pt;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 21.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >수탁업체</span
+                >
+              </p>
+            </td>
+            <td
+              width="86"
+              style="
+                width: 64.5pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 21.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >연락처</span
+                >
+              </p>
+            </td>
+            <td
+              width="282"
+              style="
+                width: 211.5pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 21.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >위탁업무 내용</span
+                >
+              </p>
+            </td>
+            <td
+              width="108"
+              style="
+                width: 81pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 21.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >위탁기간</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 37.3pt">
+            <td
+              width="88"
+              style="
+                width: 66pt;
+                border: solid #e5e7ee 1pt;
+                border-top: none;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 37.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >마노스 사회적협동조합</span
+                >
+              </p>
+            </td>
+            <td
+              width="86"
+              style="
+                width: 64.5pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 37.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >02-830-1592</span
+                >
+              </p>
+            </td>
+            <td
+              width="282"
+              style="
+                width: 211.5pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 37.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >2024<span lang="KO"
+                    >년 정신장애 동료지원 활동가 평생교육원 홈페이지 기능개선 및
+                    유지보수</span
+                  ></span
+                >
+              </p>
+            </td>
+            <td
+              width="108"
+              style="
+                width: 81pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 37.3pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >2024.05 - 2025.04</span
+                >
+              </p>
+            </td>
+          </tr>
+        </table>
+
+        <p class="MsoNormal">
+          <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: #222222;
+              background: white;
+            "
+            >2.
+            <span lang="KO"
+              >정신장애 동료지원 활동가 평생교육원는 위탁계약 체결 시
+              「개인정보보호법」 제</span
+            >26<span lang="KO">조</span>(<span lang="KO"
+              >업무위탁에 따른 개인정보의 처리 제한</span
+            >)<span lang="KO"
+              >에 따라 위탁업무 수행목적 외 개인정보 처리금지</span
+            >, <span lang="KO">기술적</span>·<span lang="KO"
+              >관리적 보호조치</span
+            >, <span lang="KO">재위탁 제한</span>,
+            <span lang="KO">수탁자에 대한 관리</span>·<span lang="KO">감독</span
+            >,
+            <span lang="KO"
+              >손해배상 등 책임에 관한 사항을 계약서 등 문서에 명시하고</span
+            >,
+            <span lang="KO"
+              >수탁자가 개인정보를 안전하게 처리하는지를 감독하고 있습니다</span
+            >.</span
+          ><span style="font-family: 'Noto Sans KR', sans-serif"
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >3.
+              <span lang="KO"
+                >위탁업무의 내용이나 수탁자가 변경될 경우에는 지체없이 본
+                개인정보처리방침을 통하여 공개하도록 하겠습니다</span
+              >.</span
+            ><br />
+            <br />
+            <span lang="KO" style="color: black; background: transparent"
+              >제</span
+            ><span style="color: black; background: transparent"
+              >5<span lang="KO">조</span>(<span lang="KO"
+                >정보주체와 법정대리인의 권리</span
+              >,<span lang="KO">의무 및 행사방법</span>)</span
+            ><br />
+            <span style="color: #222222; background: white"
+              >1.
+              <span lang="KO"
+                >정보주체는 정신장애 동료지원 활동가 평생교육원 홈페이지에 대해
+                언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수
+                있습니다</span
+              >.</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">가</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">개인정보 열람요구 나</span>.
+              <span lang="KO">오류 등이 있을 경우 정정 요구 다</span>.
+              <span lang="KO">삭제요구 라</span>.
+              <span lang="KO">처리정지 요구</span></span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >2. <span lang="KO">제</span>1<span lang="KO"
+                >항에 따른 권리 행사는 정신장애 동료지원 활동가 평생교육원
+                홈페이지에 대해 개인정보 보호법 시행규칙 별지 제</span
+              >8<span lang="KO">호 서식에 따라 서면</span>,
+              <span lang="KO">이메일</span>,
+              <span lang="KO">모사전송</span>(FAX)
+              <span lang="KO"
+                >등을 통하여 할 수 있으며 정신장애 동료지원 활동가 평생교육원
+                홈페이지는 이에 대해 지체 없이 조치하겠습니다</span
+              >.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >3.
+              <span lang="KO"
+                >정보주체가 개인정보의 오류 등에 대한 정정 또는 삭제를 요구한
+                경우</span
+              >,
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 정정 또는 삭제를
+                완료할 때까지 당해 개인정보를 이용하거나 제공하지 않습니다</span
+              >.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >4. <span lang="KO">제</span>1<span lang="KO"
+                >항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자
+                등 대리인을 통하여 할 수 있습니다</span
+              >.
+              <span lang="KO">이 경우 개인정보 보호법 시행규칙 별지 제</span
+              >11<span lang="KO">호 서식에 따른 위임장을 제출하셔야 합니다</span
+              >.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >5.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 다음 각 호의
+                어느 하나에 해당하는 경우에는 정보주체에게 그 사유를 알리고
+                열람을 제한하거나 거절 할 수 있습니다</span
+              >.</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">가</span
+            ><span style="color: #222222; background: white"
+              >.
+              <span lang="KO"
+                >법률에 따라 열람이 금지되거나 제한되는 경우</span
+              ></span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">나</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">다른 사람의 생명</span>·<span lang="KO"
+                >신체를 해할 우려가 있거나 다른 사람의 재산과 그 밖의 이익을
+                부당하게 침해할 우려가 있는 경우</span
+              ></span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">다</span
+            ><span style="color: #222222; background: white"
+              >.
+              <span lang="KO"
+                >공공기관이 해당하는 업무를 수행할 때 중대한 지장을 초래하는
+                경우</span
+              ></span
+            ><br />
+            <br />
+            <span lang="KO" style="color: black; background: transparent"
+              >제</span
+            ><span style="color: black; background: transparent"
+              >6<span lang="KO">조</span>(<span lang="KO"
+                >처리하는 개인정보 항목</span
+              >)</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지는 다음의 개인정보
+              항목을 처리하고 있습니다</span
+            ><span style="color: #222222; background: white">.</span><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >1. <span lang="KO">홈페이지 회원가입 및 관리</span></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >① <span lang="KO">필수항목</span> :
+              <span lang="KO">아이디</span>, <span lang="KO">비밀번호</span>,
+              <span lang="KO">이름</span>, <span lang="KO">핸드폰</span>,
+              <span lang="KO">이메일</span>,
+              <span lang="KO">회원분류</span></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >② <span lang="KO">추가선택항목</span></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >- (<span lang="KO">개인회원</span>)
+              <span lang="KO">이용경로</span></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >- (<span lang="KO">기관회원</span>)
+              <span lang="KO">기관명</span>, <span lang="KO">사업자번호</span>,
+              <span lang="KO">기관분류</span></span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >2.
+              <span lang="KO"
+                >인터넷 서비스 이용과정에서 아래 개인정보 항목이 자동으로
+                생성되어 수집될 수 있습니다</span
+              >.</span
+            ><br />
+            <span style="color: #222222; background: white"
+              >- IP<span lang="KO">주소</span>, <span lang="KO">쿠키</span>,
+              <span lang="KO">서비스 이용기록</span>,
+              <span lang="KO">방문 기록</span></span
+            ><br />
+            <br />
+            <span lang="KO" style="color: black; background: transparent"
+              >제</span
+            ><span style="color: black; background: transparent"
+              >7<span lang="KO">조</span>(<span lang="KO">개인정보의 파기</span
+              >)</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지는 개인정보
+              보유기간의 경과</span
+            ><span style="color: #222222; background: white"
+              >,
+              <span lang="KO"
+                >처리목적 달성 등 개인정보가 불필요하게 되었을 때에는 지체 없이
+                해당 개인정보를 파기합니다</span
+              >.
+              <span lang="KO"
+                >정보주체로부터 동의 받은 개인정보 보유기간이 경과하거나
+                처리목적이 달성되었음에도 불구하고 다른 법령에 따라 개인정보를
+                계속 보존하여야 하는 경우에는</span
+              >, <span lang="KO">해당 개인정보</span>(<span lang="KO"
+                >또는 개인정보파일</span
+              >)<span lang="KO">를 별도의 데이터베이스</span>(DB)<span lang="KO"
+                >로 옮기거나 보관 장소를 달리하여 보존합니다</span
+              >. <span lang="KO">별도</span> DB<span lang="KO"
+                >로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 보유되어지는
+                이외의 다른 목적으로 이용되지 않습니다</span
+              >.
+              <span lang="KO"
+                >개인정보 파기의 절차 및 방법은 다음과 같습니다</span
+              >.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >1. <span lang="KO">파기절차</span></span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지는 파기하여야 하는
+              개인정보</span
+            ><span style="color: #222222; background: white"
+              >(<span lang="KO">또는 개인정보파일</span>)<span lang="KO"
+                >에 대해 개인정보 파기계획을 수립하여 파기합니다</span
+              >.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 파기 사유가
+                발생한 개인정보</span
+              >(<span lang="KO">또는 개인정보파일</span>)<span lang="KO"
+                >를 선정하고</span
+              >,
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지의 개인정보
+                보호책임자의 승인을 받아 개인정보</span
+              >(<span lang="KO">또는 개인정보파일</span>)<span lang="KO"
+                >를 파기합니다</span
+              >.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >2. <span lang="KO">파기방법</span></span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지는 전자적 파일 형태로
+              기록</span
+            ><span style="color: #222222; background: white"
+              >·<span lang="KO"
+                >저장된 개인정보는 기록을 재생할 수 없도록 파기하며</span
+              >, <span lang="KO">종이 문서에 기록</span>·<span lang="KO"
+                >저장된 개인정보는 분쇄기로 분쇄하거나 소각하여 파기합니다</span
+              >.</span
+            ><br />
+            <br />
+            <span lang="KO" style="color: black; background: transparent"
+              >제</span
+            ><span style="color: black; background: transparent"
+              >8<span lang="KO">조</span>(<span lang="KO"
+                >개인정보의 안전성 확보조치</span
+              >)</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지는 개인정보의 안전성
+              확보를 위해 다음과 같이 개인정보보호법 제</span
+            ><span style="color: #222222; background: white"
+              >29<span lang="KO"
+                >조에 따라 개인정보의 안전성 확보에 필요한 관리적</span
+              >, <span lang="KO">기술적</span>,
+              <span lang="KO">물리적 조치를 취하고 있습니다</span>.</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >1. <span lang="KO">관리적 조치</span>:
+              <span lang="KO">내부관리계획 수립</span>·<span lang="KO"
+                >시행</span
+              >, <span lang="KO">개인정보 취급 직원의 최소화 및 교육</span>,
+              <span lang="KO">수탁자 관리감독 등</span></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >2. <span lang="KO">기술적 조치</span>:
+              <span lang="KO">개인정보처리시스템 등의 접근권한 관리</span>,
+              <span lang="KO">개인정보의 암호화</span>,
+              <span lang="KO">보안프로그램 설치 등</span></span
+            ><br />
+            <span style="color: #222222; background: white"
+              >3. <span lang="KO">물리적 조치</span> :
+              <span lang="KO"
+                >개인정보를 보관하고 있는 개인정보시스템의 물리적 보관 장소를
+                별도</span
+              >(<span lang="KO">서울시 데이터센터</span>)<span lang="KO"
+                >로 운영</span
+              ></span
+            ><br />
+            <br />
+            <span lang="KO" style="color: black; background: transparent"
+              >제</span
+            ><span style="color: black; background: transparent"
+              >9<span lang="KO">조</span>(<span lang="KO"
+                >개인정보 보호책임자</span
+              >)</span
+            ><br />
+            <span style="color: #222222; background: white"
+              >1.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 개인정보 처리에
+                관한 업무를 총괄해서 책임지고</span
+              >,
+              <span lang="KO"
+                >개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을
+                위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다</span
+              ></span
+            ></span
+          >
+        </p>
+
+        <table
+          class="MsoNormalTable"
+          border="1"
+          cellspacing="0"
+          cellpadding="0"
+          width="466"
+          style="margin-left: -0.5pt; border-collapse: collapse; border: none"
+        >
+          <tr style="height: 2.8pt">
+            <td
+              width="125"
+              style="
+                width: 93.75pt;
+                border: solid #e5e7ee 1pt;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >역할</span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >부서 및 직위</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >성명</span
+                >
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >연락처</span
+                >
+              </p>
+            </td>
+            <td
+              width="86"
+              style="
+                width: 64.5pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >팩스번호</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 2.8pt">
+            <td
+              width="125"
+              style="
+                width: 93.75pt;
+                border: solid #e5e7ee 1pt;
+                border-top: none;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >개인정보 보호 책임자</span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >사무국장</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >강경원</span
+                >
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >070-4277-8646
+                </span>
+              </p>
+            </td>
+            <td
+              width="86"
+              rowspan="2"
+              style="
+                width: 64.5pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >02-400-0719</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 2.8pt">
+            <td
+              width="125"
+              style="
+                width: 93.75pt;
+                border: solid #e5e7ee 1pt;
+                border-top: none;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >개인정보 보호 담당자</span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >팀장</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >정지연
+                </span>
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >070-4158-9395</span
+                >
+              </p>
+            </td>
+          </tr>
+        </table>
+
+        <p class="MsoNormal">
+          <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: #222222;
+              background: white;
+            "
+            >2.
+            <span lang="KO"
+              >정보주체께서는 정신장애 동료지원 활동가 평생교육원 홈페이지
+              서비스를 이용하면서 발생한 모든 개인정보 보호 관련 문의</span
+            >, <span lang="KO">불만처리</span>,
+            <span lang="KO"
+              >피해구제 등에 관한 사항을 개인정보 보호책임자 및 담당부서로
+              문의할 수 있습니다</span
+            >.
+            <span lang="KO"
+              >정신장애 동료지원 활동가 평생교육원 홈페이지는 정보주체의 문의에
+              대해 지체 없이 답변 및 처리해드릴 것입니다</span
+            >.</span
+          >
+        </p>
+
+        <table
+          class="MsoNormalTable"
+          border="1"
+          cellspacing="0"
+          cellpadding="0"
+          width="488"
+          style="margin-left: -0.5pt; border-collapse: collapse; border: none"
+        >
+          <tr style="height: 2.8pt">
+            <td
+              width="108"
+              style="
+                width: 81pt;
+                border: solid #e5e7ee 1pt;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >분야</span
+                >
+              </p>
+            </td>
+            <td
+              width="125"
+              style="
+                width: 93.75pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >역할</span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >부서 및 직위</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >성명</span
+                >
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >연락처</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 2.8pt">
+            <td
+              width="108"
+              rowspan="2"
+              style="
+                width: 81pt;
+                border: solid #e5e7ee 1pt;
+                border-top: none;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >정신장애 동료지원 활동가 평생교육원 홈페이지</span
+                >
+              </p>
+            </td>
+            <td
+              width="125"
+              style="
+                width: 93.75pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >개인정보 보호 책임자</span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >사무국장</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >강경원</span
+                >
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >070-4277-8646</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 2.8pt">
+            <td
+              width="125"
+              style="
+                width: 93.75pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >개인정보 보호 담당자</span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >팀장</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >정지연</span
+                >
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >070-4158-9395</span
+                >
+              </p>
+            </td>
+          </tr>
+        </table>
+
+        <p class="MsoNormal">
+          <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            lang="KO"
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: black;
+              background: transparent;
+            "
+            >제</span
+          ><span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: black;
+              background: transparent;
+            "
+            >10<span lang="KO">조</span>(<span lang="KO">개인정보 열람청구</span
+            >)</span
+          ><span style="font-family: 'Noto Sans KR', sans-serif"
+            ><br />
+            <span style="color: #222222; background: white"
+              >1. <span lang="KO">정보주체는 개인정보 보호법 제</span>35<span
+                lang="KO"
+                >조에 따른 개인정보의 열람 청구를 아래의 부서에 할 수
+                있습니다</span
+              >.
+              <span lang="KO"
+                >정신장애 동료지원 활동가 평생교육원 홈페이지는 정보주체의
+                개인정보 열람청구가 신속하게 처리되도록 노력하겠습니다</span
+              >.</span
+            ></span
+          >
+        </p>
+
+        <table
+          class="MsoNormalTable"
+          border="1"
+          cellspacing="0"
+          cellpadding="0"
+          width="558"
+          style="margin-left: -0.5pt; border-collapse: collapse; border: none"
+        >
+          <tr style="height: 2.8pt">
+            <td
+              width="108"
+              style="
+                width: 81pt;
+                border: solid #e5e7ee 1pt;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >분야</span
+                >
+              </p>
+            </td>
+            <td
+              width="195"
+              style="
+                width: 146.25pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >역할</span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >부서 및 직위</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >성명</span
+                >
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border: solid #e5e7ee 1pt;
+                border-left: none;
+                background: #e1e1e1;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >연락처</span
+                >
+              </p>
+            </td>
+          </tr>
+          <tr style="height: 2.8pt">
+            <td
+              width="108"
+              style="
+                width: 81pt;
+                border: solid #e5e7ee 1pt;
+                border-top: none;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >정신장애 동료지원 활동가 평생교육원 홈페이지</span
+                >
+              </p>
+            </td>
+            <td
+              width="195"
+              style="
+                width: 146.25pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  lang="KO"
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >개인정보 열람청구 접수</span
+                ><span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    color: black;
+                    background: transparent;
+                  "
+                  >·<span lang="KO">처리부서</span></span
+                >
+              </p>
+            </td>
+            <td
+              width="104"
+              style="
+                width: 78pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >사무국장</span
+                >
+              </p>
+            </td>
+            <td
+              width="39"
+              style="
+                width: 29.25pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >강경원</span
+                >
+              </p>
+            </td>
+            <td
+              width="112"
+              style="
+                width: 84pt;
+                border-top: none;
+                border-left: none;
+                border-bottom: solid #e5e7ee 1pt;
+                border-right: solid #e5e7ee 1pt;
+                padding: 0cm 0cm 0cm 0cm;
+                height: 2.8pt;
+              "
+            >
+              <p class="MsoNormal">
+                <span
+                  style="
+                    font-family: 'Noto Sans KR', sans-serif;
+                    background: transparent;
+                  "
+                  >070-4277-8646</span
+                >
+              </p>
+            </td>
+          </tr>
+        </table>
+
+        <p class="MsoNormal">
+          <span style="font-family: 'Noto Sans KR', sans-serif">&nbsp;</span>
+        </p>
+
+        <p class="MsoNormal">
+          <span
+            lang="KO"
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: black;
+              background: transparent;
+            "
+            >제</span
+          ><span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: black;
+              background: transparent;
+            "
+            >11<span lang="KO">조</span>(<span lang="KO">권익침해 구제방법</span
+            >)</span
+          ><span style="font-family: 'Noto Sans KR', sans-serif"
+            ><br />
+            <span style="color: #222222; background: white"
+              >1.
+              <span lang="KO"
+                >개인정보주체는 개인정보침해로 인한 피해를 구제 받기 위하여
+                개인정보분쟁조정위원회</span
+              >,
+              <span lang="KO"
+                >한국인터넷진흥원 개인정보침해신고센터 등에 분쟁해결이나 상담
+                등을 신청할 수 있습니다</span
+              >.
+              <span lang="KO"
+                >이 밖에 기타 개인정보침해의 신고 및 상담에 대하여는 아래 기관에
+                문의하시기 바랍니다</span
+              >.</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">가</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">개인분쟁조정위원회</span> :
+              <span lang="KO">국번없이</span> 118<span lang="KO">번</span>
+              (privacy.kisa.or.kr)</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">나</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">개인정보침해신고센터</span> :
+              <span lang="KO">국번없이</span> 118<span lang="KO">번</span>
+              (privacy.kisa.or.kr)</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">다</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">대검찰청 첨단범죄수사과</span> : 02-3480-2000
+              (www.spo.go.kr)</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">라</span
+            ><span style="color: #222222; background: white"
+              >. <span lang="KO">경찰청 사이버테러대응센터</span> : 02-392-0330
+              (www.netan.go.kr)</span
+            ><br />
+            <br />
+            <span style="color: #222222; background: white"
+              >2. <span lang="KO">개인정보의 열람</span>,
+              <span lang="KO">정정</span>·<span lang="KO">삭제</span>,
+              <span lang="KO"
+                >처리정지 등에 대한 정보주체자의 요구에 대하여 공공기관의 장이
+                행한 처분 또는 부작위로 인하여 권리 또는 이익을 침해 받은 자는
+                행정심판법이 정하는 바에 따라 행정심판을 청구할 수
+                있습니다</span
+              >.</span
+            ><br /> </span
+          ><span
+            lang="KO"
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: #222222;
+              background: white;
+            "
+            >※</span
+          ><span
+            lang="KO"
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: #222222;
+              background: white;
+            "
+          >
+            행정심판에 대해 자세한 사항은 중앙행정심판위원회</span
+          ><span
+            style="
+              font-family: 'Noto Sans KR', sans-serif;
+              color: #222222;
+              background: white;
+            "
+            >(http://www.simpan.go.kr)<span lang="KO"
+              >의 홈페이지를 참고하시기 바랍니다</span
+            >.</span
+          ><span style="font-family: 'Noto Sans KR', sans-serif"
+            ><br />
+            <br />
+            <span lang="KO" style="color: black; background: transparent"
+              >제</span
+            ><span style="color: black; background: transparent"
+              >12<span lang="KO">조</span>(<span lang="KO"
+                >개인정보처리방침변경</span
+              >)</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >이 개인정보처리방침은 시행일로부터 적용되며</span
+            ><span style="color: #222222; background: white"
+              >, <span lang="KO">법령 및 방침에 따른 변경내용의 추가</span>,
+              <span lang="KO"
+                >삭제 및 정정이 있는 경우에는 가능한 변경사항의 시행</span
+              >
+              7<span lang="KO">일 전부터 공지사항을 통하여 고지할 것입니다</span
+              >.</span
+            ><br />
+            <span lang="KO" style="color: #222222; background: white">단</span
+            ><span style="color: #222222; background: white"
+              >,
+              <span lang="KO"
+                >이용자의 소중한 권리 또는 의무에 중요한 내용 변경은 최소</span
+              >
+              30<span lang="KO">일전에 알려드리겠습니다</span>.</span
+            ></span
+          >
+        </p>
+
+        <p class="MsoNormal">
+          <span style="font-family: 'Noto Sans KR', sans-serif"
+            ><br />
+            <span lang="KO" style="color: #222222; background: white"
+              >본 방침은</span
+            ><span style="color: #222222; background: white">
+              2023<span lang="KO">년</span> 10<span lang="KO">월</span> 1<span
+                lang="KO"
+                >일부터 시행됩니다</span
+              >.</span
+            ><span lang="KO" style="color: black; background: transparent"
+              >개인정보 열람청구 부서 및 연락처</span
+            ><span lang="KO">개인정보 보호 관련 문의</span>,
+            <span lang="KO"
+              >불만처리 등 문의 할 담당부서 및 책임자 연락처개인정보
+              보호책임자개인정보 처리업무 위탁 정신장애 동료지원 활동가
+              평생교육원 홈페이지 서비스 제공 정보</span
+            ></span
+          >
+        </p>
+      </div>
+    </body>
+  </div>
+</template>
diff --git a/bobu/app/components/auth/register-form.vue b/bobu/app/components/auth/register-form.vue
new file mode 100644
index 0000000..c63bc7b
--- /dev/null
+++ b/bobu/app/components/auth/register-form.vue
@@ -0,0 +1,718 @@
+<template>
+  <div
+    class="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center px-4 py-12"
+  >
+    <div
+      class="w-full max-w-lg bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-2xl shadow-sm px-6 py-8 sm:px-8"
+    >
+      <!-- Title -->
+      <h1 class="text-center text-2xl font-bold text-gray-900 dark:text-white">
+        회원가입
+      </h1>
+
+      <!-- STEP 1: 약관 동의 -->
+      <section v-if="!termsProceed" class="mt-8 space-y-6">
+        <!-- 이용약관 -->
+        <div
+          class="border border-gray-200 dark:border-gray-700 rounded-lg bg-white dark:bg-gray-900 max-h-60 overflow-y-auto p-4"
+        >
+          <app-termsof-use />
+        </div>
+
+        <!-- 이용약관 동의 -->
+        <div class="space-y-3 text-sm text-gray-800 dark:text-gray-200">
+          <p>
+            <strong class="font-semibold text-red-500">[필수]</strong>
+            &nbsp;위의 이용약관에 동의하십니까?
+          </p>
+          <div class="flex items-center gap-6">
+            <label class="inline-flex items-center gap-1 cursor-pointer">
+              <input
+                type="radio"
+                v-model="agreedToTerms1"
+                value="true"
+                class="h-4 w-4 text-black focus:ring-black border-gray-300"
+              />
+              <span>예</span>
+            </label>
+            <label class="inline-flex items-center gap-1 cursor-pointer">
+              <input
+                type="radio"
+                v-model="agreedToTerms1"
+                value="false"
+                class="h-4 w-4 text-black focus:ring-black border-gray-300"
+              />
+              <span>아니오</span>
+            </label>
+          </div>
+        </div>
+
+        <!-- 개인정보 수집/이용 안내 -->
+        <div
+          class="overflow-x-auto border border-gray-200 dark:border-gray-700 rounded-lg bg-white dark:bg-gray-900"
+        >
+          <table
+            class="min-w-full text-xs sm:text-sm text-gray-800 dark:text-gray-200"
+          >
+            <thead class="bg-gray-100 dark:bg-gray-800/70">
+              <tr class="text-left">
+                <th class="px-3 py-2">구분</th>
+                <th class="px-3 py-2">수집/이용 항목</th>
+                <th class="px-3 py-2">수집/이용 목적</th>
+                <th class="px-3 py-2">보유기간</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr class="border-t border-gray-200 dark:border-gray-700">
+                <td class="px-3 py-2">필수</td>
+                <td class="px-3 py-2">
+                  성명, 아이디, 비밀번호, 휴대폰번호, 이메일, 회원유형
+                </td>
+                <td class="px-3 py-2" rowspan="2">
+                  회원관리 및 서비스 제공 (공유 오피스·백패킹 등)
+                </td>
+                <td class="px-3 py-2" rowspan="2">
+                  탈퇴 시 즉시 파기, 관련 법령에 따른 보관 (최대 5년)
+                </td>
+              </tr>
+              <tr class="border-t border-gray-200 dark:border-gray-700">
+                <td class="px-3 py-2">선택</td>
+                <td class="px-3 py-2">회원 프로필 사진</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div
+          class="space-y-3 text-xs sm:text-sm text-gray-700 dark:text-gray-300"
+        >
+          <p>
+            위의 개인정보 수집·이용에 대한 동의를 거부할 권리가 있습니다. 다만,
+            동의하지 않을 경우 일부 서비스 이용에 제한이 있을 수 있습니다.
+          </p>
+          <p>
+            <strong class="font-semibold text-red-500">[필수]</strong>
+            &nbsp;위와 같이 개인정보를 수집·이용하는 데 동의하십니까?
+          </p>
+          <div class="flex items-center gap-6">
+            <label class="inline-flex items-center gap-1 cursor-pointer">
+              <input
+                type="radio"
+                v-model="agreedToTerms2"
+                value="true"
+                class="h-4 w-4 text-black focus:ring-black border-gray-300"
+              />
+              <span>예</span>
+            </label>
+            <label class="inline-flex items-center gap-1 cursor-pointer">
+              <input
+                type="radio"
+                v-model="agreedToTerms2"
+                value="false"
+                class="h-4 w-4 text-black focus:ring-black border-gray-300"
+              />
+              <span>아니오</span>
+            </label>
+          </div>
+        </div>
+
+        <!-- 다음 버튼 -->
+        <button
+          type="button"
+          @click="termsProceed = true"
+          :disabled="!(agreedToTerms1 === 'true' && agreedToTerms2 === 'true')"
+          class="mt-4 flex w-full justify-center rounded-md px-4 py-3 text-sm font-semibold text-white shadow-sm transition"
+          :class="{
+            'bg-gray-400 cursor-not-allowed': !(
+              agreedToTerms1 === 'true' && agreedToTerms2 === 'true'
+            ),
+            'bg-black hover:bg-gray-800':
+              agreedToTerms1 === 'true' && agreedToTerms2 === 'true',
+          }"
+        >
+          다음
+        </button>
+      </section>
+
+      <!-- STEP 2: 회원정보 입력 -->
+      <section v-else class="mt-8">
+        <!-- Alert -->
+        <div
+          v-if="reg_show_alert"
+          :class="[
+            'mb-4 text-center text-sm font-semibold text-white rounded-md px-3 py-2',
+            reg_alert_variant,
+          ]"
+        >
+          {{ reg_alert_msg }}
+        </div>
+
+        <vee-form
+          :validation-schema="schema"
+          :initial-values="userData"
+          @submit="handleSubmit"
+          class="space-y-4"
+        >
+          <!-- 이메일 -->
+          <div>
+            <div class="flex items-center justify-between mb-1.5">
+              <label class="text-sm font-medium text-gray-900 dark:text-white">
+                이메일
+              </label>
+              <button
+                type="button"
+                @click="checkEmail"
+                :disabled="!abletoCheck || emailChecked"
+                class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium border transition"
+                :class="{
+                  'bg-gray-100 text-gray-400 border-gray-200 cursor-not-allowed':
+                    !abletoCheck && !emailChecked,
+                  'bg-yellow-100 text-yellow-700 border-yellow-400':
+                    abletoCheck && !emailChecked,
+                  'bg-green-100 text-green-700 border-green-500': emailChecked,
+                }"
+              >
+                <div v-if="emailState.checking">
+                  <font-awesome-icon :icon="['fas', 'spinner']" spin />
+                </div>
+                <svg
+                  v-else
+                  class="h-1.5 w-1.5"
+                  :class="{
+                    'fill-gray-300': !abletoCheck && !emailChecked,
+                    'fill-yellow-500': abletoCheck && !emailChecked,
+                    'fill-green-500': emailChecked,
+                  }"
+                  viewBox="0 0 6 6"
+                  aria-hidden="true"
+                >
+                  <circle cx="3" cy="3" r="3" />
+                </svg>
+                <span>중복 확인</span>
+              </button>
+            </div>
+            <vee-field
+              v-model="emailInput"
+              type="email"
+              name="email"
+              class="block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-black"
+              placeholder="example@normadbobu.com"
+            />
+            <p class="mt-1 text-xs text-gray-600 dark:text-gray-400">
+              {{ emailMessage }}
+            </p>
+            <ErrorMessage class="mt-1 text-xs text-red-600" name="email" />
+          </div>
+
+          <!-- 이름 -->
+          <div>
+            <label
+              class="mb-1.5 block text-sm font-medium text-gray-900 dark:text-white"
+            >
+              이름
+            </label>
+            <vee-field
+              type="text"
+              name="name"
+              class="block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-black"
+              placeholder="이름을 입력하세요"
+            />
+            <ErrorMessage class="mt-1 text-xs text-red-600" name="name" />
+          </div>
+
+          <!-- 비밀번호 -->
+          <div>
+            <label
+              class="mb-1.5 block text-sm font-medium text-gray-900 dark:text-white"
+            >
+              비밀번호
+            </label>
+            <vee-field
+              name="password"
+              :bails="false"
+              v-slot="{ field, errors }"
+            >
+              <input
+                v-bind="field"
+                type="password"
+                class="block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-black"
+                placeholder="비밀번호를 입력하세요"
+              />
+              <div
+                v-for="error in errors"
+                :key="error"
+                class="mt-1 text-xs text-red-600"
+              >
+                {{ error }}
+              </div>
+            </vee-field>
+          </div>
+
+          <!-- 비밀번호 확인 -->
+          <div>
+            <label
+              class="mb-1.5 block text-sm font-medium text-gray-900 dark:text-white"
+            >
+              비밀번호 확인
+            </label>
+            <vee-field
+              type="password"
+              name="confirm_password"
+              class="block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-black"
+              placeholder="비밀번호를 다시 입력하세요"
+            />
+            <ErrorMessage
+              class="mt-1 text-xs text-red-600"
+              name="confirm_password"
+            />
+          </div>
+
+          <!-- 회원 유형 -->
+          <div>
+            <label
+              class="mb-1.5 block text-sm font-medium text-gray-900 dark:text-white"
+            >
+              회원 유형
+            </label>
+            <vee-field
+              as="select"
+              name="membership"
+              class="block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-black"
+            >
+              <option value="일반회원">일반회원</option>
+              <option value="노마드 워커">노마드 워커</option>
+              <option value="로컬 주민">로컬 주민</option>
+              <option value="기업/단체">기업/단체</option>
+            </vee-field>
+            <ErrorMessage class="mt-1 text-xs text-red-600" name="membership" />
+          </div>
+
+          <!-- reCAPTCHA -->
+          <div ref="recaptchaWrapperRef" class="mt-2">
+            <div id="recaptcha-container"></div>
+          </div>
+
+          <!-- 휴대폰 번호 -->
+          <div>
+            <label
+              class="flex justify-between mb-1.5 text-sm font-medium text-gray-900 dark:text-white"
+            >
+              <span>휴대폰 번호</span>
+              <button
+                v-if="startPhoneRegister"
+                type="button"
+                @click="resetPhonenumber"
+                class="text-xs text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+              >
+                변경하기
+              </button>
+            </label>
+            <input
+              type="tel"
+              v-model="rawPhoneNumber"
+              placeholder="010-1234-5678"
+              class="block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-black"
+              :disabled="startPhoneRegister"
+              :class="{ 'bg-gray-100 dark:bg-gray-800': startPhoneRegister }"
+            />
+          </div>
+
+          <!-- 인증번호 입력 -->
+          <div v-if="startPhoneRegister">
+            <label
+              class="flex justify-between mb-1.5 text-sm font-medium text-gray-900 dark:text-white"
+            >
+              <span>인증번호</span>
+              <button
+                v-if="canResend"
+                type="button"
+                @click="resendSms"
+                class="text-xs text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+              >
+                다시 전송하기
+              </button>
+              <div v-else class="text-xs text-gray-400 dark:text-gray-500">
+                <font-awesome-icon :icon="['fas', 'spinner']" spin />
+              </div>
+            </label>
+            <input
+              v-model="smsCode"
+              placeholder="인증번호를 입력하세요"
+              class="block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-black"
+            />
+          </div>
+
+          <!-- 버튼 영역 -->
+          <!-- 1) 이메일 미확인 -->
+          <button
+            v-if="!emailChecked"
+            type="button"
+            disabled
+            class="mt-6 flex w-full justify-center rounded-md bg-gray-400 px-4 py-3 text-sm font-semibold text-white shadow-sm cursor-not-allowed"
+          >
+            이메일 중복 확인을 완료해주세요
+          </button>
+
+          <!-- 2) 전화번호 인증 시작 버튼 -->
+          <button
+            v-if="!startPhoneRegister && emailChecked"
+            type="button"
+            @click="startPhoneNumberVerification"
+            :disabled="!isValidPhoneNumber"
+            class="mt-6 flex w-full justify-center rounded-md px-4 py-3 text-sm font-semibold text-white shadow-sm transition"
+            :class="{
+              'bg-gray-400 cursor-not-allowed': !isValidPhoneNumber,
+              'bg-black hover:bg-gray-800': isValidPhoneNumber,
+            }"
+          >
+            <span v-if="!isValidPhoneNumber">휴대폰 번호를 확인해주세요</span>
+            <span v-else>인증번호 전송하기</span>
+          </button>
+
+          <!-- 3) 최종 가입 버튼 -->
+          <button
+            v-if="startPhoneRegister"
+            type="submit"
+            :disabled="reg_in_submission || !emailChecked"
+            class="mt-6 flex w-full justify-center rounded-md px-4 py-3 text-sm font-semibold text-white shadow-sm transition"
+            :class="{
+              'bg-gray-500 cursor-not-allowed':
+                reg_in_submission || !emailChecked,
+              'bg-black hover:bg-gray-800': !reg_in_submission && emailChecked,
+            }"
+          >
+            <div v-if="onSmsfunction">
+              <font-awesome-icon :icon="['fas', 'spinner']" spin />
+            </div>
+            <span v-else>가입하기</span>
+          </button>
+        </vee-form>
+
+        <!-- Loading overlay -->
+        <app-loading-overlay
+          :isLoading="reg_in_submission"
+          :loadingMessage="loadingMessage"
+        />
+      </section>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, reactive, toRefs, computed } from 'vue';
+import { useRouter } from 'vue-router';
+import type { ConfirmationResult } from 'firebase/auth';
+import useUserStore from '@/stores/user';
+import { checkEmailDuplicate } from '@/utils/firebaseUtils';
+import AppTermsofUse from '~/components/TermsofUse.vue';
+import AppLoadingOverlay from '~/components/LoadingOverlay.vue';
+import {
+  auth,
+  phoneNumberAuth,
+  createRecaptchaVerifier,
+} from '@/utils/firebaseUtils';
+
+const router = useRouter();
+const userStore = useUserStore();
+const { signInWithPhoneNumber } = phoneNumberAuth;
+const emits = defineEmits(['register-success']);
+
+/* ---------- STEP control ---------- */
+const termsProceed = ref(false);
+const agreedToTerms1 = ref<'true' | 'false' | ''>('');
+const agreedToTerms2 = ref<'true' | 'false' | ''>('');
+
+/* ---------- VeeValidate schema ---------- */
+const schema = {
+  name: 'required|min:2|max:10',
+  email: 'required|min:2|max:100|email',
+  password: 'required|min:9|max:100|excluded:password',
+  confirm_password: 'passwords_mismatch:@password',
+  membership: 'required|membership_excluded',
+};
+
+interface RegisterValues {
+  email: string;
+  password: string;
+  confirm_password: string;
+  name: string;
+  membership: string;
+  isActive: boolean;
+  profile_img: string;
+  created: any;
+  uid: string;
+  phone: string;
+}
+
+const userData = ref({
+  membership: '일반회원',
+});
+
+/* ---------- Email duplication check ---------- */
+const loadingMessage = 'Uploading! 잠시만 기다려주세요...';
+const emailState = reactive({
+  emailInput: '',
+  abletoCheck: false,
+  emailChecked: false,
+  emailMessage: '',
+  checking: false,
+});
+
+const { emailInput, abletoCheck, emailChecked, emailMessage } =
+  toRefs(emailState);
+
+const checkEmail = async () => {
+  emailState.checking = true;
+  if (!emailState.abletoCheck) {
+    emailState.checking = false;
+    return;
+  }
+  const result = await checkEmailDuplicate(emailState.emailInput);
+  switch (result.status) {
+    case 'exists':
+      emailState.emailMessage = '이미 존재하는 이메일입니다.';
+      emailState.checking = false;
+      break;
+    case 'available':
+      emailState.emailMessage = '가입 가능한 이메일입니다.';
+      emailState.emailChecked = true;
+      emailState.checking = false;
+      break;
+    case 'error':
+    default:
+      emailState.abletoCheck = false;
+      emailState.emailMessage = result.message;
+      emailState.checking = false;
+      break;
+  }
+};
+
+watch(
+  () => emailState.emailInput,
+  (newValue) => {
+    emailState.abletoCheck = false;
+    emailState.emailChecked = false;
+    emailState.emailMessage = '';
+
+    const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
+    emailState.abletoCheck = emailRegex.test(newValue);
+  }
+);
+
+/* ---------- Phone verification ---------- */
+const firebaseAuth = auth;
+const rawPhoneNumber = ref('');
+const phoneNumber = ref('');
+const smsCode = ref('');
+const startPhoneRegister = ref(false);
+const phoneVerified = ref(false);
+const onSmsfunction = ref(false);
+const canResend = ref(true);
+const cooldownTime = ref(5);
+const recaptchaWrapperRef = ref<HTMLElement | null>(null);
+
+const isValidPhoneNumber = computed(() => {
+  if (typeof rawPhoneNumber.value !== 'string') return false;
+  const cleaned = rawPhoneNumber.value.replace(/-/g, '');
+  return (
+    (cleaned.startsWith('010') || cleaned.startsWith('070')) &&
+    cleaned.length === 11
+  );
+});
+
+const resetPhonenumber = () => {
+  rawPhoneNumber.value = '';
+  startPhoneRegister.value = false;
+  recaptchaVerifier = null;
+  confirmationResult = null;
+};
+
+const processedPhoneNumber = computed(() => {
+  if (typeof rawPhoneNumber.value !== 'string') return '';
+  let cleaned = rawPhoneNumber.value.replace(/-/g, '');
+  if (cleaned.startsWith('0')) {
+    cleaned = '+82' + cleaned.substring(1);
+  }
+  return cleaned;
+});
+
+let recaptchaVerifier: any | null = null;
+let confirmationResult: ConfirmationResult | null = null;
+
+const startPhoneNumberVerification = async () => {
+  try {
+    phoneNumber.value = processedPhoneNumber.value;
+  } catch (error) {
+    console.error(error);
+  }
+
+  try {
+    startPhoneRegister.value = true;
+
+    if (recaptchaVerifier) {
+      try {
+        await recaptchaVerifier.verify();
+      } catch (recaptchaError) {
+        console.error(
+          'Previous reCAPTCHA verification failed:',
+          recaptchaError
+        );
+        return;
+      }
+      recaptchaVerifier.clear();
+    }
+
+    if (recaptchaWrapperRef.value) {
+      recaptchaWrapperRef.value.innerHTML =
+        '<div id="recaptcha-container"></div>';
+    } else {
+      console.error('recaptchaWrapperRef is null');
+      return;
+    }
+
+    recaptchaVerifier = createRecaptchaVerifier('recaptcha-container');
+
+    try {
+      await recaptchaVerifier.verify();
+    } catch (recaptchaError) {
+      console.error('Error during reCAPTCHA verification:', recaptchaError);
+      throw recaptchaError;
+    }
+
+    confirmationResult = await signInWithPhoneNumber(
+      firebaseAuth,
+      phoneNumber.value,
+      recaptchaVerifier
+    );
+  } catch (error) {
+    console.error('Error during phone number verification:', error);
+  }
+};
+
+const resendSms = async () => {
+  if (!confirmationResult) {
+    console.error('사이트에 문제가 있습니다, 관리자에게 문의하십시오.');
+    onSmsfunction.value = false;
+    return;
+  }
+  try {
+    canResend.value = false;
+
+    if (recaptchaVerifier) {
+      recaptchaVerifier.clear();
+      if (recaptchaWrapperRef.value) {
+        recaptchaWrapperRef.value.innerHTML =
+          '<div id="recaptcha-container"></div>';
+      } else {
+        console.error('recaptchaWrapperRef is null');
+        return;
+      }
+    }
+
+    recaptchaVerifier = createRecaptchaVerifier('recaptcha-container');
+
+    confirmationResult = await signInWithPhoneNumber(
+      firebaseAuth,
+      phoneNumber.value,
+      recaptchaVerifier
+    );
+
+    let remaining = cooldownTime.value;
+    const timer = setInterval(() => {
+      remaining--;
+      if (remaining <= 0) {
+        clearInterval(timer);
+        canResend.value = true;
+      }
+    }, 1000);
+  } catch (error) {
+    console.error('Error during SMS resend:', error);
+    canResend.value = true;
+  }
+};
+
+const verifySmsCode = async (): Promise<string | null> => {
+  try {
+    onSmsfunction.value = true;
+    if (confirmationResult) {
+      const result = await confirmationResult.confirm(smsCode.value);
+      phoneVerified.value = true;
+      await firebaseAuth.signOut();
+      onSmsfunction.value = false;
+      return result.user?.uid || null;
+    } else {
+      console.error('confirmationResult is null.');
+      onSmsfunction.value = false;
+      return null;
+    }
+  } catch (error) {
+    console.error('Error during SMS code verification:', error);
+    onSmsfunction.value = false;
+    return null;
+  }
+};
+
+/* ---------- Registration submit ---------- */
+const reg_in_submission = ref(false);
+const reg_show_alert = ref(false);
+const reg_alert_variant = ref('bg-blue-500');
+const reg_alert_msg = ref('계정 생성 중입니다. 잠시만 기다려주세요!');
+
+const handleSubmit = async (_event: Event, values: Record<string, any>) => {
+  reg_show_alert.value = true;
+  reg_in_submission.value = true;
+  reg_alert_variant.value = 'bg-blue-500';
+  reg_alert_msg.value = '계정 생성 중입니다. 잠시만 기다려주세요!';
+
+  try {
+    const userUID = await verifySmsCode();
+
+    try {
+      if (userUID) {
+        await visitorRegister({
+          ...values.controlledValues,
+          uid: userUID,
+          phone: phoneNumber.value,
+        });
+      }
+    } catch (error) {
+      console.error(error);
+      reg_in_submission.value = false;
+      reg_alert_variant.value = 'bg-red-500';
+      reg_alert_msg.value = '계정 생성 실패!';
+      return;
+    }
+  } catch (error) {
+    console.error('error Creating ID', error);
+    reg_in_submission.value = false;
+    reg_alert_variant.value = 'bg-red-500';
+    reg_alert_msg.value = '계정 생성 실패!';
+    return;
+  }
+
+  reg_in_submission.value = false;
+  reg_alert_variant.value = 'bg-green-500';
+  reg_alert_msg.value = '성공적으로 계정이 생성되었습니다!';
+
+  emits('register-success');
+  router.push('/');
+};
+
+async function visitorRegister(values: RegisterValues) {
+  try {
+    const { confirm_password, ...dataToSubmit } = values;
+    await userStore.visitorRegister(dataToSubmit);
+  } catch (error) {
+    console.log('visitorRegisterError', error);
+  }
+}
+</script>
+
+<style scoped>
+/* Chrome, Safari, Edge, Opera: remove number input arrows if any */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+</style>
diff --git a/bobu/app/components/auth/user-login.vue b/bobu/app/components/auth/user-login.vue
new file mode 100644
index 0000000..fcd5ffa
--- /dev/null
+++ b/bobu/app/components/auth/user-login.vue
@@ -0,0 +1,243 @@
+<template>
+  <div
+    class="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center px-4 py-12"
+  >
+    <div
+      class="w-full max-w-md bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-2xl shadow-sm px-6 py-8 sm:px-8"
+    >
+      <!-- Title -->
+      <h1 class="text-center text-2xl font-bold text-gray-900 dark:text-white">
+        로그인
+      </h1>
+
+      <!-- Social logins -->
+      <div class="mt-8 space-y-3">
+        <!-- Google -->
+        <button
+          type="button"
+          @click="handleSocialLogin('google')"
+          class="w-full flex items-center gap-3 rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-900 px-3 py-2.5 text-sm font-medium text-gray-800 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-800 transition"
+        >
+          <div
+            class="flex items-center justify-center h-6 w-6 rounded-full bg-white"
+          >
+            <!-- Placeholder icon: replace with real Google logo later -->
+            <font-awesome-icon
+              :icon="['fab', 'google']"
+              class="text-red-500 text-lg"
+            />
+          </div>
+          <span class="flex-1 text-center">Google로 로그인하기</span>
+        </button>
+
+        <!-- Kakao -->
+        <button
+          type="button"
+          @click="handleSocialLogin('kakao')"
+          class="w-full flex items-center gap-3 rounded-md border border-yellow-400 bg-[#FEE500] px-3 py-2.5 text-sm font-medium text-gray-900 hover:bg-[#FDE64B] transition"
+        >
+          <div
+            class="flex items-center justify-center h-6 w-6 rounded-full bg-black/5"
+          >
+            <!-- Placeholder icon: Kakao logo image or icon later -->
+            <img
+              v-if="socialImages.kakao"
+              :src="socialImages.kakao"
+              alt="Kakao"
+              class="h-5 w-5 object-contain"
+            />
+          </div>
+          <span class="flex-1 text-center">Kakao로 로그인하기</span>
+        </button>
+
+        <!-- Naver -->
+        <button
+          type="button"
+          @click="handleSocialLogin('naver')"
+          class="w-full flex items-center gap-3 rounded-md border border-green-600 bg-white dark:bg-gray-900 px-3 py-2.5 text-sm font-medium text-gray-800 dark:text-gray-100 hover:bg-green-50 dark:hover:bg-gray-800 transition"
+        >
+          <div
+            class="flex items-center justify-center h-6 w-6 rounded-full bg-green-600"
+          >
+            <img
+              v-if="socialImages.naver"
+              :src="socialImages.naver"
+              alt="Naver"
+              class="h-4 w-4 object-contain"
+            />
+          </div>
+          <span class="flex-1 text-center">Naver로 로그인하기</span>
+        </button>
+      </div>
+
+      <!-- separator -->
+      <div class="mt-6 flex items-center">
+        <div class="h-px flex-1 bg-gray-200 dark:bg-gray-700"></div>
+        <span class="mx-3 text-xs text-gray-400 dark:text-gray-500">또는</span>
+        <div class="h-px flex-1 bg-gray-200 dark:bg-gray-700"></div>
+      </div>
+
+      <!-- ID / Email + Password form -->
+      <form class="mt-6 space-y-4" @submit.prevent="handleSubmit">
+        <!-- 아이디 또는 이메일 -->
+        <div>
+          <label
+            for="email"
+            class="block text-sm font-medium text-gray-900 dark:text-white"
+          >
+            아이디 또는 이메일
+          </label>
+          <div class="mt-2">
+            <input
+              v-model="email"
+              type="text"
+              name="email"
+              id="email"
+              autocomplete="email"
+              required
+              class="block w-full rounded-md bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white outline-1 -outline-offset-1 outline-gray-300 dark:outline-white/10 placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-2 focus:-outline-offset-2 focus:outline-black"
+              placeholder="example@normadbobu.com"
+            />
+          </div>
+        </div>
+
+        <!-- 비밀번호 -->
+        <div>
+          <label
+            for="password"
+            class="block text-sm font-medium text-gray-900 dark:text-white"
+          >
+            비밀번호
+          </label>
+          <div class="mt-2">
+            <input
+              v-model="password"
+              type="password"
+              name="password"
+              id="password"
+              autocomplete="current-password"
+              required
+              class="block w-full rounded-md bg-white dark:bg-white/5 px-3 py-2 text-sm text-gray-900 dark:text-white outline-1 -outline-offset-1 outline-gray-300 dark:outline-white/10 placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-2 focus:-outline-offset-2 focus:outline-black"
+              placeholder="●●●●●●●●"
+            />
+          </div>
+        </div>
+
+        <!-- 로그인 상태 유지 -->
+        <div class="flex items-center justify-between">
+          <label
+            class="flex items-center gap-2 text-xs sm:text-sm text-gray-700 dark:text-gray-300"
+          >
+            <input
+              v-model="rememberMe"
+              type="checkbox"
+              class="h-4 w-4 rounded border-gray-300 text-black focus:ring-black"
+            />
+            <span>기억하기</span>
+          </label>
+        </div>
+
+        <!-- Alert -->
+        <div
+          v-if="login_show_alert"
+          :class="[
+            'text-white text-center text-sm font-semibold rounded-md p-3',
+            login_alert_variant,
+          ]"
+        >
+          {{ login_alert_msg }}
+        </div>
+
+        <!-- 로그인 button -->
+        <button
+          type="submit"
+          :disabled="login_in_submission"
+          class="mt-2 flex w-full justify-center rounded-md bg-black px-3 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black disabled:opacity-60 disabled:cursor-not-allowed"
+        >
+          로그인
+        </button>
+      </form>
+
+      <!-- 아래 링크들 -->
+      <div
+        class="mt-4 flex items-center justify-between text-xs sm:text-sm text-gray-700 dark:text-gray-300"
+      >
+        <NuxtLink to="/register" class="hover:underline"> 회원가입 </NuxtLink>
+        <NuxtLink to="/find-account" class="hover:underline">
+          아이디 · 비밀번호 찾기
+        </NuxtLink>
+      </div>
+
+      <!-- small separator -->
+      <p class="mt-6 text-center text-xs text-gray-400 dark:text-gray-500">
+        또는
+      </p>
+
+      <!-- 비회원 예약 및 주문 조회 -->
+      <button
+        type="button"
+        class="mt-3 w-full rounded-md bg-slate-400 px-3 py-2.5 text-sm font-semibold text-white hover:bg-slate-500 transition"
+      >
+        비회원 예약 및 주문 조회
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useRouter } from '#imports';
+import useUserStore from '@/stores/user';
+import { SOCIAL_IMAGES } from '@/data/assets';
+import type { LoginValues } from '@/types';
+
+const userStore = useUserStore();
+const router = useRouter();
+
+const email = ref('');
+const password = ref('');
+const rememberMe = ref(false); // currently not used in logic, placeholder for future
+
+const login_in_submission = ref(false);
+const login_show_alert = ref(false);
+const login_alert_variant = ref('bg-blue-500');
+const login_alert_msg = ref('로그인 중입니다. 잠시만 기다려주세요!');
+
+const socialImages = SOCIAL_IMAGES;
+
+// placeholder handler for future social login wiring
+const handleSocialLogin = (provider: 'google' | 'kakao' | 'naver') => {
+  console.log(`Social login clicked: ${provider}`);
+  // TODO: implement real social login (Firebase Auth or other)
+};
+
+const handleSubmit = async () => {
+  const values: LoginValues = {
+    email: email.value,
+    password: password.value,
+  };
+
+  login_in_submission.value = true;
+  login_show_alert.value = true;
+  login_alert_variant.value = 'bg-blue-500';
+  login_alert_msg.value = '로그인 중입니다. 잠시만 기다려주세요!';
+
+  // 도메인 자동 보정: @normadbobu.com
+  if (!values.email.includes('@')) {
+    values.email += '@normadbobu.com';
+  }
+
+  try {
+    await userStore.authenticate(values);
+  } catch (error) {
+    login_in_submission.value = false;
+    login_alert_variant.value = 'bg-red-500';
+    login_alert_msg.value = '아이디 또는 비밀번호가 일치하지 않습니다.';
+    return;
+  }
+
+  login_alert_variant.value = 'bg-green-500';
+  login_alert_msg.value = '로그인에 성공하였습니다!';
+  router.push('/');
+};
+</script>
diff --git a/bobu/app/pages/login.vue b/bobu/app/pages/login.vue
index c7e2d04..e2b5973 100644
--- a/bobu/app/pages/login.vue
+++ b/bobu/app/pages/login.vue
@@ -4,11 +4,11 @@
     <NuxtLink to="/wadiz/manage">TO manage</NuxtLink>
   </div>
   <div v-else>
-    <AdminLogin />
+    <UserLogin />
   </div>
 </template>
 <script setup lang="ts">
-import AdminLogin from '~/components/auth/admin-login.vue';
+import UserLogin from '~/components/auth/user-login.vue';
 
 const userStore = useUserStore();
 const userLoggedIn = computed(() => userStore.userLoggedIn);
diff --git a/bobu/app/pages/register.vue b/bobu/app/pages/register.vue
new file mode 100644
index 0000000..a3e1797
--- /dev/null
+++ b/bobu/app/pages/register.vue
@@ -0,0 +1,20 @@
+<template>
+  <div v-if="userLoggedIn">
+    <button @click="userStore.signOut">로그아웃</button>
+    <NuxtLink to="/wadiz/manage">TO manage</NuxtLink>
+  </div>
+  <div v-else>
+    <RegisterForm />
+  </div>
+</template>
+<script setup lang="ts">
+import RegisterForm from '~/components/auth/register-form.vue';
+const userStore = useUserStore();
+const userLoggedIn = computed(() => userStore.userLoggedIn);
+
+onMounted(() => {
+  if (userLoggedIn.value) {
+    navigateTo('/');
+  }
+});
+</script>