{% extends 'layout.html' %}
{% set title = 'home'%}
{% block content %}
<main class="th-layout-main ">
  <!-- [S]opilsol-N4 -->
  <div class="opilsol-N4" data-bid="cjLU2dKYPx" >
    <div class="visual-container" >
      <div class="visual-swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <video  playsinline class="visual-bg" muted autoplay loop style="filter:grayscale(50%) brightness(40%); ">
              <source src="/images/main_amr.mov" alt="메인배너-2">
            </video>
            <div class="visual-text-box">
              <h2 class="visual-title" data-swiper-parallax="-700">
                <span class="br">스마트 팩토리 구축을 위한</span> 물류자동화 솔루션<br>
                <span class="br">로드러너가</span> 함께 달려갑니다.
              </h2>
              <div class="visual-subtitle" data-swiper-parallax="-1300" >
                자율주행로봇을 중심으로 최고의 기술력에<span class="br"> 기반하여 고객에게 맞춤형 솔루션을 제공합니다.</span>
                ROS, FMS, WCS 등의 스마트 팩토리에 특화된 <span class="br">솔루션을 통하여 설계 &middot; 조립 &middot; 제어 &middot; C/S 에 <br>이르는 통합 서비스를 제공합니다.
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <video playsinline class="visual-bg" muted autoplay loop style="filter:grayscale(40%) brightness(30%); ">
              <source src="/images/main_smartfactory.mov" alt="메인배너-1">
            </video>
            <div class="visual-text-box">
              <h2 class="visual-title" data-swiper-parallax="-700"  >
                <span class="br">스마트 팩토리 구축을 위한</span> 제조 IT 시스템<br> 
                <span class="br">로드러너가</span> 함께 구축합니다.
              </h2>
              <div class="visual-subtitle" data-swiper-parallax="-1000"  >
                MES 중심의 제조 시스템을 Best Practice에 기반하여 고객에게 맞춤형 솔루션을 제공합니다.
                <span class="br"> MES, WMS, EAP, FDC등의 스마트 팩토리에 </span>특화된 솔루션을 통하여 계획 수립 &middot; 생산실행 &middot; <br>
                  이력추적관리 &middot; 품질분석 &middot; 수불/재고관리 에 이르는 통합 시스템을 공급합니다.
              </div> 
            </div>
          </div>
          <div class="swiper-slide">
            <video playsinline class="visual-bg" muted autoplay loop style=" filter:grayscale(40%) brightness(60%); ">
              <source src="/images/main_consulting.mov" alt="메인배너-3">
            </video>
            <div class="visual-text-box">
              <h2 class="visual-title" data-swiper-parallax="-700"  >
                <span class="br">스마트 팩토리 구축을 위한</span> 방안 수립, 컨설팅<br>
                <span class="br">로드러너가 </span>함께 고민합니다. 
              </h2>
              <div class="visual-subtitle" data-swiper-parallax="-1300"  >
                로드러너는 Global 선진사를 통하여 검증된 컨설팅 방법론과
                  전문 컨설턴트를 통하여 고객에게 최적의 결과를 제시합니다.<br>
                  ISP, Process Inovation, IT 진단/전략 수립 등의 컨설팅을 수행합니다.
              </div>
            </div>
          </div>
        </div>
        <div class="control-wrap">
          <div class="pagination_fraction">
            <span class="current"></span>
            <span class="all"></span>
          </div>
          <div class="control-bottom">
            <div class="swiper-pagination"></div>
            <div class="swiper-button-pause">
              <img src="/icons/ico_pause.svg" alt="스와이퍼 멈춤버튼">
            </div>
            <div class="swiper-button-play">
              <img src="/icons/ico_play.svg" alt="스와이퍼 재생버튼">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- [E]opilsol-N4 -->
  <!-- [S]opilsol-N6 -->
  <div class="opilsol-N6" data-bid="jALu2DKz1e">
    <div class="content-container" data-aos="slide-up">
      <div class="container-md ">
        <div class="textset con-tit" >
          <h2 class="textset-tit h1 ff-po">LoadRunner's Business</h2>
          <p class="textset-desc"></p>
        </div>
      </div>
      <div class="container-md">
        <div class="content-group odd">
          <figure class="img-box order-1"  data-aos="slide-right">
            <img src="/images/main_amr.jpeg" alt="이미지">
          </figure>
          <div class="text-link-box order-2" >
            <div class="textset"  data-aos="slide-left">
              <h2 class="textset-tit h2">최신트렌드가 적용된 <br> 미래 지향적 AMR </h2>
              <p class="textset-desc">자체 개발 관제솔루션 (MCS/FMS)와 통합 연동되어 안정적 운영이 가능하며, 
                <br> 고객의 요구 사항에 맞추어 개발, 생산되며 특히 자체 개발한 특허를 적용하여 주행 및 정지 시 요구되는 정밀도를 향상 시켰습니다.</p>
              <a class="btnset btnset-icon icon-right btnset-lg justify-content-between" href="./page_robot">자세히 보기</a>
            </div>
          </div>
        </div>
      </div>
      <div class="container-md">
        <div class="content-group even">
          <figure class="img-box order-2" data-aos="slide-left">
            <img src="/images/main_smartfactory.jpeg" alt="이미지">
          </figure>
          <div class="text-link-box order-1">
            <div class="textset" data-aos="slide-right">
              <h2 class="textset-tit h2">
                <span class="br">고객의 기업 경쟁력을 극대화<br>시킬 수 있는 맞춤형 시스템 구축
              </h2> 
              <p class="textset-desc">MES 제품의 기획부터 판매까지 모든 생산과정을 ICT(정보통신) 기술로 통합해 수집 집계하고
                <br> 실시간 모니터링, 제어, 물류 및 작업내역 추적관리, 상태파악 생산 가능</p>
              <a class="btnset btnset-icon icon-right btnset-lg btnset-dark justify-content-between" href="./page_smartrunner">자세히 보기</a>
            </div>
          </div>
        </div>
      </div>
      <div class="container-md">
        <div class="content-group odd">
          <figure class="img-box order-1"  data-aos="slide-right">
            <img src="/images/main_consulting.jpeg" alt="이미지">
          </figure>
          <div class="text-link-box order-2" >
            <div class="textset"  data-aos="slide-left"> 
              <h2 class="textset-tit h2">ISP, PI, IT 진단 및 <br> 전략 컨설팅 </h2>
              <p class="textset-desc">제조/물류기업 대상 <br> 정보화 전략계획(ISP: Information Strategy Planning), 프로세스 혁신(PI: Process Innovation), IT 진단 및 전략 수립 컨설팅 </p>
              <a class="btnset btnset-icon icon-right btnset-lg justify-content-between" href="./page_consulting">자세히 보기</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- [E]opilsol-N6 -->
  <!-- [S]opilsol-N7 -->
  <div class="opilsol-N7" data-bid="YGlU2dKZ63" data-aos="slide-up">
    <div class="sub-visual-bg">
      <img class="pc-img" src="/images/sub-visual.jpg" alt="이미지">
      <img class="mobile-img" src="/images/sub-visual-m.jpg" alt="이미지">
    </div>
    <div class="content-container">
      <div class="container-md">
        <div class="textset">
          <h2 class="textset-tit h1 ff-po co-text5">How to get to <br>Intelligence and Automation!</h2>
          <!-- <p class="textset-desc"  >Smart Factory 구축을 위한 컨설팅, 솔루션, 시스템 구축 및 ITO <br> 서비스를 제공하기 위해 필요한 소프트웨어입니다. </p> -->
        </div>
      </div>
    </div>
  </div>
  <!-- [E]opilsol-N7 -->
  <!-- [S]opilsol-N8 -->
  <div class="opilsol-N8" data-bid="uvlU2DKzC0">
    <div class="container-lg">
      <div class="content-container">
        <div class="left">
          <div class="textset">
            <h2 class="textset-tit" style="font-size: var(--fs-h2);">주요고객사</h2>
            <div class="swiper-control">
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
            <!-- <div class="btnset-position">
              <a class="btnset btnset-icon btnset-lg icon-right btnset-dark justify-content-between" href="javascript:void(0)">자세히 보기</a>
            </div> -->
          </div>
        </div>
        <div class="right">
          <div class="slide-container" style="width: 50%; height: 20%;">
            <div class="swiper-wrapper">
              <!-- 만도 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_mando.jpg" alt="이미지" style="object-fit:contain;">
                    </figure>
                    <div class="cardset-body">
                      <h2 class="cardset-tit">만도</h2>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 삼성 SDI -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_sdi.png" alt="이미지" style="object-fit:contain;">
                    </figure>
                    <div class="cardset-body">
                      <h3 class="cardset-tit">삼성 SDI</h3>
                    </div>
                  </div>
                </a>
              </div>
              <!--미라콤 아이앤씨  -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_miracom.png"  style="object-fit:contain;" alt="이미지">
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">미라콤 아이앤씨</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 한화에어로스페이스 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_hanhwa_aero.png" style="object-fit:contain;" alt="이미지">
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">한화에어로스페이스</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!--SK 매직  -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_skmagic.png"  style="object-fit:contain;" alt="이미지">
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">SK 매직</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 제이시스 메디칼 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_jeisys.jpg"  style="object-fit:contain;" alt="이미지">
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">제이시스 메디칼</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 국립금오공과대학교 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_kit.png"  style="object-fit:contain;" alt="이미지">
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">국립금오공과대학교</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- LG전자 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <img class="cardset-img" src="/logo/logo_lg_electronics.jpg" style="object-fit:contain;" alt="이미지">
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">LG전자</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 삼성전기 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src=""  style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">삼성전기</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 삼성 SDS -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src=""  style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">삼성 SDS</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- SK C&C -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src=""  style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">SK C&C</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- Corning -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src=""  style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">Corning</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 효성첨단소재 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src=""  style="object-fit:contain;"> -->
                    </figure>
                    <div class="cardset-body">
                      <h3 class="cardset-tit">효성첨단소재</h3>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 엠플러스 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src=""  style="object-fit:contain;"> -->
                    </figure>
                    <div class="cardset-body">
                      <h3 class="cardset-tit">엠플러스</h3>
                    </div>
                  </div>
                </a>
              </div>
              <!-- 한화시스템 -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src="" style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">한화시스템</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!--효성TNS(효성이노뷰)  -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src="" style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">효성TNS(효성이노뷰)</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- Kglass -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src="" style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">Kglass</h5>
                    </div>
                  </div>
                </a>
              </div>
              <!-- LG U+  -->
              <div class="swiper-slide">
                <a class="link-slide" href="javascript:void(0);">
                  <div class="cardset cardset-border">
                    <figure class="cardset-figure">
                      <!-- <img class="cardset-img" src=""style="object-fit:contain;" > -->
                    </figure>
                    <div class="cardset-body">
                      <h5 class="cardset-tit">LG U+</h5>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- [E]opilsol-N8 -->
</main>
{% endblock content %}