
<footer class="custom-footer">
  <div class="footer-container">
    <div class="footer-content">
      <div class="footer-info">
        <h3 class="company-name">아피우스 테크놀로지스</h3>
        <p class="slogan">Building to Legacy</p>
        <p>대표: 최시은</p>
        <p>이메일: <a href="mailto:appius.kr@gmail.com">appius.kr@gmail.com</a></p>
        <p>주소: 경상북도 구미시 대학로 61, 산학협력관 807호</p>
        <p>서비스 지역: 구미, 김천, 칠곡, 대구</p>
      </div>

      <div class="footer-links">
        <h3>바로가기</h3>
        <ul>
          <li><a href="https://www.appius.kr/recruit" target="_blank" rel="noopener noreferrer">파트너・매니저 모집</a></li>
          <li><a href="https://www.appius.kr/terms" target="_blank" rel="noopener noreferrer">이용약관</a></li>
          <li><a href="https://www.appius.kr/privacy" target="_blank" rel="noopener noreferrer">개인정보 처리방침</a></li>
        </ul>
      </div>
    </div>

    <div class="footer-divider"></div>

    <div class="footer-copyright">
      © APPIUS Technologies. All Rights Reserved.
    </div>
  </div>
</footer>

<style>
  .custom-footer {
    --footer-bg: #f8f9fa;
    --footer-text: #495057;
    --footer-title: #212529;
    --footer-border: #e9ecef;
    --footer-link: #6c757d;
    --footer-link-hover: #212529;

    background-color: var(--footer-bg);
    color: var(--footer-text);
    padding: 40px 20px 30px;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 60px;
  }

  @media (prefers-color-scheme: dark) {
    .custom-footer {
      --footer-bg: #191919;
      --footer-text: #9b9b9b;
      --footer-title: #ffffff;
      --footer-border: #2f2f2f;
      --footer-link: #9b9b9b;
      --footer-link-hover: #ffffff;
    }
  }

  .dark .custom-footer,
  [data-theme="dark"] .custom-footer {
    --footer-bg: #191919;
    --footer-text: #9b9b9b;
    --footer-title: #ffffff;
    --footer-border: #2f2f2f;
    --footer-link: #9b9b9b;
    --footer-link-hover: #ffffff;
  }

  .footer-container {
    max-width: 900px;
    margin: 0 auto;
  }

  .footer-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
  }

  .footer-info h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--footer-title);
    margin: 0 0 4px 0;
  }

  .footer-info .slogan {
    font-size: 13px;
    color: var(--footer-link);
    margin-bottom: 12px;
    font-style: italic;
  }

  .footer-info p {
    margin: 3px 0;
  }

  .footer-info a {
    color: inherit;
    text-decoration: none;
  }

  .footer-info a:hover {
    text-decoration: underline;
  }

  .footer-links h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--footer-title);
    margin: 0 0 12px 0;
  }

  .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer-links li {
    margin-bottom: 8px;
  }

  .footer-links a {
    color: var(--footer-link);
    text-decoration: none;
    transition: color 0.2s;
  }

  .footer-links a:hover {
    color: var(--footer-link-hover);
    text-decoration: underline;
  }

  .footer-divider {
    height: 1px;
    background-color: var(--footer-border);
    margin: 30px 0 20px;
  }

  .footer-copyright {
    text-align: center;
    font-size: 12px;
    color: var(--footer-link);
  }

  @media (max-width: 600px) {
    .footer-content {
      flex-direction: column;
    }
  }
</style>

<style>
  .custom-sticky-cta-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding: 12px 20px 16px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
    z-index: 999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
  }

  .custom-sticky-cta-wrapper.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .custom-sticky-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 480px;
    height: 52px;
    background-color: #2383e2;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(35, 131, 226, 0.3);
    transition: background-color 0.2s ease, transform 0.1s ease;
  }

  .custom-sticky-cta-btn:active {
    transform: scale(0.98);
  }

  .custom-sticky-cta-subtext {
    margin-top: 6px;
    font-size: 13px;
    color: #666666;
    font-weight: 500;
  }

  .cta-target-hidden {
    display: none !important;
  }

  @media (prefers-color-scheme: dark) {
    .custom-sticky-cta-wrapper {
      background: rgba(25, 25, 25, 0.92);
      border-top-color: rgba(255, 255, 255, 0.1);
    }
    .custom-sticky-cta-subtext {
      color: #aaaaaa;
    }
  }

  .dark .custom-sticky-cta-wrapper,
  [data-theme="dark"] .custom-sticky-cta-wrapper {
    background: rgba(25, 25, 25, 0.92);
    border-top-color: rgba(255, 255, 255, 0.1);
  }
  .dark .custom-sticky-cta-subtext,
  [data-theme="dark"] .custom-sticky-cta-subtext {
    color: #aaaaaa;
  }
</style>

<script>
(function () {
  'use strict';

  let initialized = false;
  let ctaWrapper = null;
  let activeIndex = -1;
  const ctaList = [];

  function findTargetBlocks() {
    const blocks = document.querySelectorAll('.notion-text-block:not(.cta-processed)');
    let foundNew = false;

    blocks.forEach((block) => {
      const text = block.textContent.trim();

      if (text.includes('[CTA')) {
        block.classList.add('cta-processed');

        const linkEl = block.querySelector('a');
        let link = linkEl ? linkEl.getAttribute('href') : null;
        if (!link) {
          const urlMatch = text.match(/https?:\/\/[^\s|\]]+/);
          link = urlMatch ? urlMatch[0] : '#';
        }

        const btnTextMatch = text.match(/\[CTA\s*:\s*([^,]+)/);
        const btnText = btnTextMatch ? btnTextMatch[1].trim() : '자세히 보기';

        let subText = '';
        if (text.includes('|')) {
          const subTextMatch = text.split('|')[1];
          if (subTextMatch) {
            subText = subTextMatch.replace(']', '').trim();
          }
        }

        const triggerMarker = document.createElement('div');
        triggerMarker.className = 'cta-trigger-marker';
        triggerMarker.style.height = '1px';
        triggerMarker.style.width = '100%';
        block.parentNode.insertBefore(triggerMarker, block);

        block.classList.add('cta-target-hidden');

        ctaList.push({
          marker: triggerMarker,
          btnText: btnText,
          btnLink: link,
          subText: subText
        });

        foundNew = true;
      }
    });

    return foundNew;
  }

  function updateCTAUI(data) {
    if (!ctaWrapper) return;

    if (!data) {
      ctaWrapper.classList.remove('is-visible');
      return;
    }

    const btn = ctaWrapper.querySelector('.custom-sticky-cta-btn');
    const sub = ctaWrapper.querySelector('.custom-sticky-cta-subtext');

    btn.textContent = data.btnText;
    btn.href = data.btnLink;

    if (data.subText) {
      sub.textContent = data.subText;
      sub.style.display = 'block';
    } else {
      sub.style.display = 'none';
    }

    ctaWrapper.classList.add('is-visible');
  }

  function evaluateCurrentCTA() {
    let currentActive = -1;

    ctaList.forEach((cta, index) => {
      const rect = cta.marker.getBoundingClientRect();
      if (rect.top <= window.innerHeight) {
        currentActive = index;
      }
    });

    if (currentActive !== activeIndex) {
      activeIndex = currentActive;
      if (activeIndex >= 0) {
        updateCTAUI(ctaList[activeIndex]);
      } else {
        updateCTAUI(null);
      }
    }
  }

  function initStickyCTA() {
    findTargetBlocks();

    if (ctaList.length === 0) return false;

    if (!ctaWrapper) {
      ctaWrapper = document.createElement('div');
      ctaWrapper.className = 'custom-sticky-cta-wrapper';
      ctaWrapper.innerHTML = `
        <a href="#" target="_blank" rel="noopener noreferrer" class="custom-sticky-cta-btn"></a>
        <div class="custom-sticky-cta-subtext"></div>
      `;
      document.body.appendChild(ctaWrapper);

      window.addEventListener('scroll', evaluateCurrentCTA, { passive: true });
      window.addEventListener('resize', evaluateCurrentCTA, { passive: true });
    }

    evaluateCurrentCTA();
    initialized = true;
    return true;
  }

  if (initStickyCTA()) return;

  const mutationObserver = new MutationObserver(function () {
    initStickyCTA();
  });

  mutationObserver.observe(document.body, {
    childList: true,
    subtree: true
  });

  let attempts = 0;
  const intervalTimer = setInterval(function () {
    attempts++;
    initStickyCTA();
    if (attempts >= 50) {
      clearInterval(intervalTimer);
    }
  }, 300);
})();
</script>

파트너/매니저 모집

이런 분들과 함께 달리고 싶습니다

채용 관련 FAQ

서류전형 관련

면접 관련

기타 문의사항