<footer class="footer" aria-labelledby="footer-heading">
  <h2 id="footer-heading" class="sr-only">Footer</h2>
  <div class="footer-container">
    <div class="footer-grid">
      <div class="footer-brand">
        <div class="footer-logo">
          <img src="https://oopy.lazyrockets.com/api/rest/cdn/image/0197bfe0-aa03-77bc-ba55-7272a808631d.png" alt="whitaker" />
        </div>
        <p class="footer-description">휘테커는 행사·교육 프로그램 기획 및 운영 일을 하고 있습니다.</p>
        <div class="footer-social">
          <a href="https://www.instagram.com/whitaker_official/" target="_blank" aria-label="Instagram">
            
            <svg fill="currentColor" view_box="0 0 24 24" class="footer-icon">
              <path
                fill_rule="evenodd"
                d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
                clip_rule="evenodd"
              />
            </svg>
          </a>
          <a href="https://www.youtube.com/@founder_studio" target="_blank" aria-label="YouTube">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              view_box="0 0 24 24"
              fill="currentColor"
              class="footer-icon"
            >
              <path
                fill-rule="evenodd"
                d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
                clip-rule="evenodd"
              />
            </svg>
          </a>
          <a href="https://blog.naver.com/whitakercompany" target="_blank" aria-label="blog">
            <svg fill="currentColor" view_box="0 0 24 24" class="footer-icon">
              <path
                d="M5.7677 9.89307C5.52799 9.89307 5.31492 9.98752 5.15512 10.1629C4.982 10.3383 4.9021 10.5542 4.9021 10.8106C4.9021 11.067 4.982 11.2694 5.15512 11.4583C5.32824 11.6337 5.52799 11.7282 5.7677 11.7282C6.0074 11.7282 6.22047 11.6337 6.39359 11.4583C6.56671 11.2829 6.65993 11.067 6.65993 10.8106C6.65993 10.5542 6.56671 10.3383 6.39359 10.1629C6.22047 9.97403 6.02072 9.89307 5.7677 9.89307Z"
                fill="currentColor"
              />
              <path
                d="M13.2384 9.87927C12.9987 9.87927 12.7856 9.97373 12.6258 10.1491C12.4527 10.3245 12.3728 10.5404 12.3728 10.7968C12.3728 11.0532 12.4527 11.2556 12.6258 11.4445C12.7989 11.6199 12.9987 11.7144 13.2384 11.7144C13.4781 11.7144 13.6912 11.6199 13.8643 11.4445C14.0374 11.2691 14.1306 11.0532 14.1306 10.7968C14.1306 10.5404 14.0374 10.338 13.8643 10.1491C13.7045 9.96023 13.4914 9.87927 13.2384 9.87927Z"
                fill="currentColor"
              />
              <path
                d="M18.2323 9.89307C17.9926 9.89307 17.7795 9.98752 17.6197 10.1629C17.4466 10.3383 17.3667 10.5542 17.3667 10.8106C17.3667 11.067 17.4466 11.2694 17.6197 11.4583C17.7928 11.6337 17.9926 11.7282 18.2323 11.7282C18.472 11.7282 18.6851 11.6337 18.8582 11.4583C19.0313 11.2829 19.1245 11.067 19.1245 10.8106C19.1245 10.5542 19.0313 10.3383 18.8582 10.1629C18.6851 9.97403 18.472 9.89307 18.2323 9.89307Z"
                fill="currentColor"
              />
              <path
                d="M20.4429 3.22729H3.55704C2.2653 3.22729 1.19995 4.30676 1.19995 5.6156V15.2903C1.19995 16.5991 2.2653 17.6786 3.55704 17.6786H10.1889C10.1889 17.6786 11.4673 21.2273 11.9334 21.2273C12.3995 21.2273 13.7844 17.6786 13.7844 17.6786H20.4429C21.7346 17.6786 22.8 16.5991 22.8 15.2903V5.6156C22.8 4.30676 21.7346 3.22729 20.4429 3.22729ZM7.47221 12.1598C7.13929 12.5376 6.61993 12.6996 6.06062 12.6996C5.55457 12.6996 5.1817 12.5511 4.91536 12.3352H4.90205V12.6051H3.63694V7.00541H4.90205V9.15083H4.92868C5.27492 8.85398 5.72769 8.75953 6.26037 8.73254C6.71315 8.71905 7.19255 9.00241 7.48553 9.33974C7.76518 9.67707 7.97825 10.2033 7.97825 10.7835C7.97825 11.4177 7.81845 11.782 7.47221 12.1598ZM10.2022 12.6591H8.91043C8.91043 12.6591 8.91043 9.71755 8.91043 9.19131C8.91043 8.39521 8.28454 8.28726 8.28454 8.28726V6.89746C8.28454 6.89746 10.0956 7.00541 10.2022 9.23179C10.2022 9.86598 10.2022 12.6591 10.2022 12.6591ZM15.2759 11.5931C15.1694 11.8495 15.0096 12.0654 14.7965 12.2678C14.5967 12.4567 14.357 12.6051 14.0907 12.7131C13.8244 12.821 13.5447 12.875 13.2517 12.875C12.9588 12.875 12.6791 12.821 12.4261 12.7131C12.1598 12.6051 11.9201 12.4567 11.7203 12.2678C11.5072 12.0654 11.3474 11.836 11.2409 11.5931C11.1344 11.3502 11.0811 11.0804 11.0811 10.797C11.0811 10.5137 11.1344 10.2573 11.2409 10.0009C11.3474 9.75803 11.5072 9.52864 11.7203 9.32625C11.9334 9.13734 12.1598 8.98891 12.4261 8.88097C12.6924 8.77302 12.9721 8.71905 13.2517 8.71905C13.5447 8.71905 13.8244 8.77302 14.0907 8.88097C14.357 8.98891 14.5967 9.13734 14.7965 9.32625C15.0096 9.52864 15.1561 9.74454 15.2759 10.0009C15.3824 10.2573 15.4357 10.5137 15.4357 10.797C15.4357 11.0804 15.3824 11.3367 15.2759 11.5931ZM20.363 12.1463C20.363 13.1313 20.1765 13.725 19.7504 14.1433C19.231 14.6426 18.4986 14.6696 17.886 14.5886V13.5766C18.4054 13.6306 19.1112 13.2798 19.1112 12.6051V12.3487H19.0979C18.8049 12.7535 18.3921 12.902 17.8194 12.902C17.3001 12.902 16.8473 12.7131 16.541 12.3487C16.2347 11.9844 16.0882 11.4987 16.0882 10.8915C16.0882 10.2033 16.2614 9.66358 16.5943 9.25878C16.9405 8.85398 17.4199 8.66508 17.9792 8.66508C18.472 8.66508 18.7916 8.78652 19.0979 9.06987H19.1112V8.75953H20.3763V12.1463H20.363Z"
                fill="currentColor"
              />
            </svg>
          </a>
        </div>
      </div>
      <div class="footer-links">
        <div class="footer-section">
          <h3>회사 정보</h3>
          <ul>
            <li>대표이사: 장기원</li>
            <li>상호명: 주식회사 휘테커</li>
            <li>사업자등록번호: 697-81-02456</li>
            <li>주소: 경남 창원시 마산합포구 3·15대로 298 (서성동) 5층 505호</li>
            <li>통신판매업 신고 번호: 2024-마산합포-0221</li>
            <li>고객센터: 055-716-0380</li>
            <li>문의: whitakercompany@naver.com</li>
          </ul>
        </div>
        <div class="footer-section">
          <h3>서비스 정보</h3>
          <ul>
            <li><a href="https://www.whitaker.kr/policies/service" target="_blank">이용약관</a></li>
            <li><a href="https://www.whitaker.kr/policies/privacy" target="_blank">개인정보처리방침</a></li>
            <li><a href="https://www.whitaker.kr/policies/refund" target="_blank">환불정책</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      &copy; 2024. whitaker INC. All rights reserved.
    </div>
  </div>
</footer>

실습지 링크