{% extends 'layout.html' %}
{% set title = '오시는 길'%}
{% block content %}
<main class="th-layout-main ">
  <!-- [S]opilsol-N34 -->
  <div class="opilsol-N34" data-bid="ZsLU696TAw">
    <div class="content-container container-md">
      <div class="textset content-tit">
        <p class="textset-eu"></p>
        <h2 class="textset-tit">오시는 길</h2>
      </div>
    </div>
  </div>
  <!-- [E]opilsol-N34 -->
  <!-- [S]bloomcity-N31 -->
  <div class="bloomcity-N31" data-bid="CMLV1U0XDk">
    <!-- [S] 본사 -->
    <div class="content-container">
      <div class="container-md">
        <div class="content-group">
          <div class="left con-wrap">
            <!-- * 카카오맵 - 지도퍼가기 -->
            <!-- 1. 지도 노드 -->
            <div id="daumRoughmapContainer1713237955928" class="root_daum_roughmap root_daum_roughmap_landing"></div>
            <!-- 2. 설치 스크립트 * 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다. -->
            <script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
            <!-- 3. 실행 스크립트 -->
            <script charset="UTF-8">
              new daum.roughmap.Lander({
                "timestamp": "1713237955928",
                "key": "2jz9n",
              }).render();
            </script>
          </div>
          <div class="right con-wrap">
            <div class="textset">
              <p class="textset-subtit">Location</p>
              <h2 class="textset-tit ff-po">본&emsp;사</h2>
            </div>
            <ul class="info-content">
              <li>
                <figure class="icon">
                  <img src="/icons/icon_map_blod_black.svg" alt="아이콘">
                </figure>
                <dl class="textset">
                  <dt class="textset-tit">주소</dt>
                  <dd class="textset-desc">경기도 성남시 분당구 성남대로331번길 8, 킨스타워 1401호</dd>
                </dl>
              </li>
              <li>
                <figure class="icon">
                  <img src="/icons/icon_tel.svg" alt="아이콘">
                </figure>
                <dl class="textset">
                  <dt class="textset-tit"> 전화번호</dt>
                  <dd class="textset-desc">
                    <p>
                      <span class="co-text4">대표전화</span>
                      <span>031-698-4078</span>
                    </p>
                    <p>
                      <span class="co-text4">팩스번호</span>
                      <span>031-698-3839</span>
                    </p>
                  </dd>
                </dl>
              </li>
              <li>
                <figure class="icon">
                  <img src="/icons/ico_mail.png" alt="아이콘">
                </figure>
                <dl class="textset">
                  <dt class="textset-tit">이메일</dt>
                  <dd class="textset-desc">
                    <span class="co-text4">loadrunner@k-loadrunner.com</span>
                  </dd>
                </dl>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- [E] 본사 -->
    <!-- [S] R&D 센터 -->
    <div class="content-container" style="margin-bottom: 5%;">
      <div class="container-md"  style="margin: auto;">
        <div class="content-group">
          <div class="left con-wrap">
            <!-- * 카카오맵 - 지도퍼가기 -->
            <!-- 1. 지도 노드 -->
            <div id="daumRoughmapContainer1713238180305" class="root_daum_roughmap root_daum_roughmap_landing"></div>
            <!-- 2. 설치 스크립트 * 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다. -->
            <!-- <script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script> -->
            <!-- 3. 실행 스크립트 -->
            <script charset="UTF-8">
              new daum.roughmap.Lander({
                "timestamp": "1713238180305",
                "key": "2jz9o",
              }).render();
            </script>
          </div>
          <div class="right con-wrap">
            <div class="textset">
              <p class="textset-subtit">Location</p>
              <h2 class="textset-tit ff-po">R&D 센터</h2>
            </div>
            <ul class="info-content">
              <li>
                <figure class="icon">
                  <img src="/icons/icon_map_blod_black.svg" alt="아이콘">
                </figure>
                <dl class="textset">
                  <dt class="textset-tit">주소</dt>
                  <dd class="textset-desc">경기도 군포시 공단로 140번길 52, <br>에이스하이테크시티 914, 915, 916호</dd>
                </dl>
              </li>
              <li>
                <figure class="icon">
                  <img src="/icons/icon_tel.svg" alt="아이콘">
                </figure>
                <dl class="textset">
                  <dt class="textset-tit"> 전화번호</dt>
                  <dd class="textset-desc">
                    <p>
                      <span class="co-text4">대표전화</span>
                      <span>031-689-4021</span>
                    </p>
                    <p>
                      <span class="co-text4">팩스번호</span>
                      <span>031-689-3992</span>
                    </p>
                  </dd>
                </dl>
              </li>
              <li>
                <figure class="icon">
                  <img src="/icons/ico_mail.png" alt="아이콘">
                </figure>
                <dl class="textset">
                  <dt class="textset-tit">이메일</dt>
                  <dd class="textset-desc">
                    <span class="co-text4">loadrunner@k-loadrunner.com</span>
                  </dd>
                </dl>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- [E] R&D 센터 -->
  </div>
  <!-- [E]bloomcity-N31 -->
</main>
{% endblock content %}