    <header id="header" class="site-header">
      <section
        id="mobile-bar"
        class="mobile-bar mobile-only translate-y-0"
      >
        <div class="logo">
          <a href="/#"><img src="https://i.ibb.co/5W6mQWRf/JUST-LOGO-BLUE-300x300.jpg" alt="JUST LOGO BLUE 300x300" border="0" class="pc-logo-img"></a>
          </a>
        </div>
        <div class="menu-btn-wrap">
          <button id="mobile-menu-toggle" aria-label="모바일 메뉴 열기" class="icon-button">
            <svg
              width="28"
              height="18"
              viewBox="0 0 28 18"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g clip-path="url(#clip0_124_14)">
                <rect width="28" height="2" fill="#00509E" />
                <rect y="8" width="28" height="2" fill="#00509E" />
                <rect x="14" y="16" width="14" height="2" fill="#00509E" />
              </g>
              <defs>
                <clipPath id="clip0_124_14">
                  <rect width="28" height="18" fill="white" />
                </clipPath>
              </defs>
            </svg>
          </button>
        </div>
      </section>

      <nav id="pc-navbar" class="pc-navbar desktop-only">
        <ul class="pc-nav-list">
          <a href="/brand"><li class="hover-event">브랜드</li></a>
          <a href="/philosophy"><li class="hover-event">주요 활동</li></a>
          <a href="/store"><li class="hover-event">스토어</li></a>
        </ul>
        <div class="pc-logo">
          <a href="/#"><img src="https://i.ibb.co/5W6mQWRf/JUST-LOGO-BLUE-300x300.jpg" alt="JUST LOGO BLUE 300x300" border="0" class="pc-logo-img"></a>
        </div>
        <ul class="pc-nav-list">
          <a href="/spa"><li class="hover-event">스파</li></a>
          <a href="https://www.justkorea.co.kr/"><li class="hover-event">제품 찾기</li></a>
          <a href="/herb"><li class="hover-event">허브 백과사전</li></a>
        </ul>
      </nav>
    </header>

    <div
      id="mobile-menu"
      class="mobile-menu hidden"
    >
      <div class="mobile-menu-header">
        <h1 class="mobile-menu-title"><span class="text-gold">JUST</span> KOREA</h1>
        <button id="mobile-menu-close" aria-label="모바일 메뉴 닫기" class="icon-button">
          <svg
            width="25"
            height="25"
            viewBox="0 0 25 25"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M2.5 22.5L22.5 2.5M2.5 2.5L22.5 22.5L2.5 2.5Z"
              stroke="#D2AC53"
              stroke-width="2"
            />
          </svg>
        </button>
      </div>
      <ul class="mobile-menu-list">
        <a class="mobile-menu-link" href="/brand"><li class="mobile-menu-item">브랜드</li></a>
        <a class="mobile-menu-link" href="/philosophy"><li class="mobile-menu-item">주요 활동</li></a>
        <a class="mobile-menu-link" href="/store"><li class="mobile-menu-item">스토어</li></a>
        
        <a class="mobile-menu-link" href="https://justkorea.co.kr"><li class="mobile-menu-item">제품 찾기</li></a>
        <a class="mobile-menu-link" href="/herb"><li class="mobile-menu-item">허브 백과사전</li></a>
        <a class="mobile-menu-link" href="/spa"><li class="mobile-menu-item">스파</li></a>
      </ul>
    </div>

    <footer class="footer">
      <div class="container">
        <div class="footer-grid">
          <div class="footer-section">
            <h3>(주) 유스트코리아</h3>
            <p>스위스 90년 전통 허브 테라피 <br /> SWISS PURE BEAUTY</p>
            <p style="font-size: 0.75rem;">
              대표자명 : 임순채 <br /> 사업자번호 : 261-81-02131
            </p>
          </div>

          <div class="footer-section accordion">
            <input type="checkbox" id="links-accordion" class="accordion-checkbox" />
            <label for="links-accordion" class="accordion-header">
              <h3>링크</h3>
              <span class="accordion-icon"></span>
            </label>
            <div class="accordion-content">
              <nav class="footer-nav">
                <a href="/">홈</a>
                <a href="/brand">브랜드</a>
                <a href="/store">스토어</a>
                <a href="/spa">스파</a>
                <a href="https://justkorea.co.kr" target="_blank">제품 찾기</a>
                <a href="/herb">허브 백과사전</a>
              </nav>
            </div>
          </div>

          <div class="footer-section accordion">
            <input type="checkbox" id="support-accordion" class="accordion-checkbox" />
            <label for="support-accordion" class="accordion-header">
              <h3>고객 지원</h3>
              <span class="accordion-icon"></span>
            </label>
            <div class="accordion-content">
              <nav class="footer-nav">
                <a href="/faq">자주 묻는 질문</a>
                <a href="https://happytalk.io/l/quU0Cb" target="_blank">문의하기</a>
                <a href="/terms">이용약관</a>
                <a href="/privacy">개인정보처리방침</a>
              </nav>
            </div>
          </div>

          <div class="footer-section">
            <h3>연락처</h3>
            <p>경기도 성남시 분당구 백현로 26 힐튼 레지던스 2층 유스트</p>
            <p>이메일: hq@justkorea.co.kr</p>
            <p>전화: 02-3482-4056</p>
            <div class="social-links">
              <a
                href="https://www.instagram.com/justkorea_official/"
                target="_blank"
                aria-label="Instagram"
              >
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20"
                  height="20"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  class="social-icon"
                >
                  <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
                  <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
                  <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
                </svg>
              </a>
            </div>
          </div>
        </div>

        <div class="footer-bottom">
          <p>&copy; <span id="current-year"></span> 유스트코리아. All rights reserved</p>
          <div class="footer-links">
            <a href="/terms">이용약관</a>
            <a href="/privacy">개인정보처리방침</a>
          </div>
        </div>
      </div>
    </footer>

    <script>
      (function () {
        var mobileBar = document.getElementById('mobile-bar');
        var mobileMenu = document.getElementById('mobile-menu');
        var toggleBtn = document.getElementById('mobile-menu-toggle');
        var closeBtn = document.getElementById('mobile-menu-close');
        var lastY = window.scrollY || 0;

        function onScroll() {
          var y = window.scrollY || 0;
          var dy = lastY - y;
          if (window.innerWidth < 768) {
            if (dy > 0) {
              mobileBar.classList.remove('-translate-y-full');
              mobileBar.classList.add('translate-y-0');
            } else {
              mobileBar.classList.remove('translate-y-0');
              mobileBar.classList.add('-translate-y-full');
            }
          } else {
            mobileBar.classList.remove('-translate-y-full');
            mobileBar.classList.add('translate-y-0');
          }
          lastY = y;
        }

        function openMenu() {
          mobileMenu.classList.remove('hidden');
        }
        function closeMenu() {
          mobileMenu.classList.add('hidden');
        }
        function onResize() {
          if (window.innerWidth >= 768) {
            closeMenu();
          }
          onScroll();
        }

        window.addEventListener('scroll', onScroll, { passive: true });
        window.addEventListener('resize', onResize);
        if (toggleBtn) toggleBtn.addEventListener('click', openMenu);
        if (closeBtn) closeBtn.addEventListener('click', closeMenu);
        onResize();
      })();

      (function () {
        var yearEl = document.getElementById('current-year');
        if (yearEl) yearEl.textContent = String(new Date().getFullYear());
      })();
    </script>

현재 채용중

간단한 업무에 대한 설명