<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3Z5QZTV"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<footer class="oopy-my-footer">
<div class="footer-container">
<div class="footer-top">
<div class="footer-logo">
<a href="https://enuma.com/ko/" target="_blank" rel="noopener noreferrer">
<img src="https://oopy.lazyrockets.com/api/v2/notion/image?src=attachment%3A2b511b53-a4e3-4275-8479-df8e1c566698%3Aenuma_logo_large.png&blockId=314fc981-6e97-8073-883a-c5b3a5be63ac" alt="enuma">
</a>
</div>
<div class="policy-links">
<a href="https://todoschool.com/kr/docs/pp" target="_blank" rel="noopener noreferrer">개인정보처리방침</a>
<span class="divider">|</span>
<a href="https://todoschool.com/kr/docs/tos" target="_blank" rel="noopener noreferrer">이용약관</a>
<span class="divider"></span>
</div>
</div>
    <div class="footer-info-grid">
        <div class="info-group">
            <span class="info-item">에누마코리아(주)대표 전유택</span>
            <span class="info-item">사업자등록번호: 883-86-00976</span>
            <span class="info-item">주소: 서울특별시 성동구 뚝섬로1나길 5, G301</span>
        </div>
        <div class="info-group">
            <span class="info-item">이메일: todoclassroom@enuma.com</span>
            <span class="info-item">대표전화: 02-462-9720</span>
        </div>
    </div>

    <div class="footer-bottom">
        <p>Copyright ⓒ 2023 Enuma, Inc. All Rights Reserved.</p>
    </div>
</div>

</footer>
<style>
  #cc-banner, #cc-modal-overlay {
    box-sizing: border-box;
  }
  #cc-banner *, #cc-modal-overlay * {
    box-sizing: border-box;
    font-family: inherit;
  }

  /* ---------- 하단 배너 ---------- */
  #cc-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
    padding: 16px 20px;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
    display: none;
  }
  #cc-banner.cc-show { display: block; }
  #cc-banner-inner {
    max-width: 900px;
    margin: 0 auto;
  }
  #cc-banner p {
    font-size: 14px;
    color: #1a1a1a;
    margin: 0 0 6px;
    line-height: 1.5;
  }
  #cc-banner a {
    font-size: 12px;
    color: #2563eb;
    text-decoration: none;
  }
  #cc-banner-buttons {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .cc-btn {
    flex: 1;
    min-width: 110px;
    height: 38px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #1a1a1a;
    cursor: pointer;
  }
  .cc-btn-primary {
    background: #1a1a1a;
    color: #fff;
    border: none;
  }

  /* ---------- 설정 모달 ---------- */
  #cc-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1000000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
  }
  #cc-modal-overlay.cc-show { display: flex; }
  #cc-modal {
    background: #fff;
    width: 100%;
    max-width: 440px;
    border-radius: 12px;
    overflow: hidden;
  }
  #cc-modal-header {
    padding: 16px 18px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #cc-modal-header span {
    font-size: 15px;
    font-weight: 600;
  }
  #cc-modal-close {
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #999;
    background: none;
    border: none;
    padding: 0 4px;
  }
  .cc-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #f0f0f0;
    gap: 12px;
  }
  .cc-row:last-of-type { border-bottom: none; }
  .cc-row-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 4px;
  }
  .cc-row-desc {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 1.5;
  }
  .cc-row-desc a {
    font-size: 12px;
    color: #2563eb;
    display: inline-block;
    margin-top: 6px;
  }
  .cc-always {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    margin-top: 2px;
  }
  .cc-switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .cc-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .cc-switch-track {
    position: absolute;
    inset: 0;
    background: #d4d4d4;
    border-radius: 999px;
    cursor: pointer;
  }
  .cc-switch-track::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 2px;
    top: 2px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.15s;
  }
  .cc-switch input:checked + .cc-switch-track {
    background: #1a1a1a;
  }
  .cc-switch input:checked + .cc-switch-track::before {
    transform: translateX(16px);
  }
  #cc-modal-footer {
    padding: 14px 18px;
    border-top: 1px solid #eee;
    display: flex;
    gap: 8px;
  }
</style>


<div id="cc-banner">
  <div id="cc-banner-inner">
    <p>
      이 사이트는 방문자의 이용 패턴을 이해하기 위해 분석 쿠키를 사용합니다.
      필수 쿠키는 항상 적용되며, 분석 쿠키는 선택 사항입니다.
    </p>
    <a href="https://todoschool.com/kr/docs/pp" id="cc-policy-link" target="_blank" rel="noopener">쿠키 정책 자세히 보기</a>
    <div id="cc-banner-buttons">
      <button type="button" class="cc-btn cc-btn-primary" id="cc-accept-all">전체 허용</button>
      <button type="button" class="cc-btn" id="cc-reject-all">전체 거부</button>
      <button type="button" class="cc-btn" id="cc-open-settings">쿠키 설정</button>
    </div>
  </div>
</div>


<div id="cc-modal-overlay">
  <div id="cc-modal" role="dialog" aria-modal="true" aria-label="쿠키 설정">
    <div id="cc-modal-header">
      <span>쿠키 설정</span>
      <button type="button" id="cc-modal-close" aria-label="닫기">✕</button>
    </div>

    <div class="cc-row">
      <div>
        <p class="cc-row-title">필수 쿠키</p>
        <p class="cc-row-desc">사이트 기본 기능과 보안, 로그인 세션 유지에 필요하며 항상 활성화됩니다.</p>
      </div>
      <span class="cc-always">항상 적용</span>
    </div>

    <div class="cc-row">
      <div>
        <p class="cc-row-title">분석 쿠키</p>
        <p class="cc-row-desc">
          Google Analytics. 이용 패턴 분석을 위해 IP 주소 및 대략적인 지리적 위치(국가)를 수집하며,
          개인식별정보와 병합하지 않습니다.
        </p>
        <a href="https://tools.google.com/dlpage/gaoptout" target="_blank" rel="noopener">Google Analytics 선택 해제하기</a>
      </div>
      <label class="cc-switch">
        <input type="checkbox" id="cc-analytics-toggle">
        <span class="cc-switch-track"></span>
      </label>
    </div>

    <div id="cc-modal-footer">
      <button type="button" class="cc-btn" id="cc-modal-back">뒤로</button>
      <button type="button" class="cc-btn cc-btn-primary" id="cc-modal-save">선택 저장</button>
    </div>
  </div>
</div>

<script>
(function () {
  var STORAGE_KEY = 'cc_consent_v1';

  function getConsent() {
    try {
      var raw = localStorage.getItem(STORAGE_KEY);
      return raw ? JSON.parse(raw) : null;
    } catch (e) {
      return null;
    }
  }

  function saveConsent(analytics) {
    var data = {
      essential: true,
      analytics: !!analytics,
      decidedAt: new Date().toISOString()
    };
    try {
      localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
    } catch (e) {}
    applyConsent(data);
  }

  // 동의 결과를 Google Consent Mode에 반영 (GTM 안의 GA4 태그가 이 신호를 자동으로 따름)
  function applyConsent(data) {
    if (typeof gtag !== 'function') return;
    if (data && data.analytics) {
      gtag('consent', 'update', {
        'analytics_storage': 'granted'
      });
    } else {
      gtag('consent', 'update', {
        'analytics_storage': 'denied'
      });
    }
  }

  var banner = document.getElementById('cc-banner');
  var overlay = document.getElementById('cc-modal-overlay');
  var toggle = document.getElementById('cc-analytics-toggle');

  function showBanner() { banner.classList.add('cc-show'); }
  function hideBanner() { banner.classList.remove('cc-show'); }
  function openModal() {
    var existing = getConsent();
    toggle.checked = existing ? !!existing.analytics : false;
    overlay.classList.add('cc-show');
  }
  function closeModal() { overlay.classList.remove('cc-show'); }

  document.getElementById('cc-accept-all').addEventListener('click', function () {
    saveConsent(true);
    hideBanner();
    closeModal();
  });

  document.getElementById('cc-reject-all').addEventListener('click', function () {
    saveConsent(false);
    hideBanner();
    closeModal();
  });

  document.getElementById('cc-open-settings').addEventListener('click', openModal);
  document.getElementById('cc-modal-close').addEventListener('click', closeModal);
  document.getElementById('cc-modal-back').addEventListener('click', closeModal);

  document.getElementById('cc-modal-save').addEventListener('click', function () {
    saveConsent(toggle.checked);
    hideBanner();
    closeModal();
  });

  // 페이지 로드시: 이미 결정한 적 있으면 그 결정을 적용, 없으면 배너 표시
  var consent = getConsent();
  if (consent) {
    applyConsent(consent);
  } else {
    showBanner();
  }
})();
</script>

사용 가이드

1. 사용 가이드 영상: 초기 설정 방법

2. 활용 가이드: 수업 상황별 활용법