<footer class="site-footer">

  <div class="footer-container">

    <div class="footer-brand">
      <div class="company-name-group">
        <span class="company-en">K-BRIDGE LABS INC.</span>
        <span class="company-ko">주식회사 케이브릿지랩스</span>
      </div>

      <p class="footer-slogan">
        Connecting Korea with the World
      </p>
    </div>

    <div class="footer-info">

      <div class="footer-info-item">
        <span class="label">이메일</span>
        <a href="mailto:info@kbridgelab.com">
          info@kbridgelab.com
        </a>
      </div>

      <span class="divider"></span>

      <div class="footer-info-item">
        <span class="label">사업자등록번호</span>
        <span>836-86-03870</span>
      </div>

      <span class="divider"></span>

      <div class="footer-info-item">
        <span class="label">주소</span>
        <span>
          (서울) 서울특별시 서초구 사임당로 58
          <br>
          (전북) 전북 전주시 완산구 전주객사4길 46, 401호
        </span>
      </div>

    </div>

  </div>

  <div class="footer-bottom">
    <p class="copyright">
      © K-BRIDGE LABS INC. All Rights Reserved.
    </p>
  </div>

</footer>




<div class="gtranslate_wrapper"></div>

<script>
window.gtranslateSettings = {
  "default_language": "ko",
  "native_language_names": true,
  "languages": ["ko","ja","zh-CN","fr","es","en"],
  "wrapper_selector": ".gtranslate_wrapper",
  "switcher_horizontal_position": "right",
  "float_switcher_open_direction": "bottom",
  "alt_flags": {
    "en": "usa"
  }
};
</script>

<script
  src="https://cdn.gtranslate.net/widgets/latest/float.js"
  defer>
</script>




<style>

@media screen and (max-width: 768px) {

  body .gtranslate_wrapper {
    z-index: 999999 !important;
  }

  /*
    GTranslate에서 생성되는 주요 요소 후보
    위젯 버전에 따라 클래스가 달라도 대응
  */
  body .gt_float_switcher,
  body .gt_switcher_wrapper,
  body [class*="gt_float"],
  body [class*="gt_switcher"] {
    top: 110px !important;
    bottom: auto !important;
  }

}

</style>


<script>
(function () {

  const MOBILE_TOP = 110;

  function moveGTranslateMobile() {

    if (window.innerWidth > 768) {
      return;
    }


    /*
      wrapper 내부 + document 전체에서
      GTranslate 관련 요소 탐색
    */
    const candidates = document.querySelectorAll(
      [
        ".gt_float_switcher",
        ".gt_switcher_wrapper",
        "[class*='gt_float']",
        "[class*='gt_switcher']"
      ].join(",")
    );


    candidates.forEach(function(el) {

      const style =
        window.getComputedStyle(el);

      /*
        실제 화면에 떠 있는 fixed/absolute 요소만 이동
      */
      if (
        style.position === "fixed" ||
        style.position === "absolute"
      ) {

        el.style.setProperty(
          "top",
          MOBILE_TOP + "px",
          "important"
        );

        el.style.setProperty(
          "bottom",
          "auto",
          "important"
        );

        el.style.setProperty(
          "right",
          "12px",
          "important"
        );

        el.style.setProperty(
          "left",
          "auto",
          "important"
        );

        el.style.setProperty(
          "z-index",
          "999999",
          "important"
        );

      }

    });

  }


  /*
    GTranslate는 페이지 로딩 이후
    DOM을 다시 생성할 수 있기 때문에
    여러 시점에 다시 확인
  */
  window.addEventListener("load", function () {

    moveGTranslateMobile();

    setTimeout(
      moveGTranslateMobile,
      300
    );

    setTimeout(
      moveGTranslateMobile,
      800
    );

    setTimeout(
      moveGTranslateMobile,
      1500
    );

    setTimeout(
      moveGTranslateMobile,
      3000
    );

    setTimeout(
      moveGTranslateMobile,
      5000
    );

  });


  /*
    GTranslate가 요소를 새로 만들면
    즉시 다시 위치 적용
  */
  const observer =
    new MutationObserver(function () {

      moveGTranslateMobile();

    });


  function startObserve() {

    if (!document.body) {

      setTimeout(
        startObserve,
        100
      );

      return;

    }

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

  }


  startObserve();


  window.addEventListener(
    "resize",
    moveGTranslateMobile
  );


  window.addEventListener(
    "orientationchange",
    function () {

      setTimeout(
        moveGTranslateMobile,
        300
      );

    }
  );

})();
</script>

SOLUTIONS

외국인이 있는 모든 공간이 배움의 공간이 됩니다.