mo0647
/
mjlogistics


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593
							<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/sub.css">
  <link rel="stylesheet" href="assets/css/media.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <title>MJ Logistics</title>
</head>
<body>
  <header>
    <div class="header--wrap">
      <div class="header--inner">
        <a href="index.html" class="header--logo">
        </a>
        <div class="header--nav">
          <ul>
            <li><a href="about.html">ABOUT US</a>
              <div class="sub--nav--wrap">
                <div class="sub--nav">
                  <a href="about.html">인사말 & 본사정보</a>
                  <a href="about.html">연혁</a>
                  <a href="about.html">조직도</a>
                </div>
              </div>
            </li>
            <li><a href="air.html">business</a>
              <div class="sub--nav--wrap">
                <div class="sub--nav">
                  <a href="air.html">항공 운송 서비스</a>
                  <a href="#">해상 운송 서비스</a>
                  <a href="#">철도 운송 서비스</a>
                  <a href="#">물류 창고 서비스</a>
                  <a href="#">통관 서비스</a>
                  <a href="#">육상 운송 서비스</a>
                </div>
              </div>
            </li>
            <li><a href="#">network</a>
              <div class="sub--nav--wrap">
                <div class="sub--nav">
                  <a href="#">MJ holdings limited</a>
                  <a href="#">MJ logistics (HK) limited</a>
                  <a href="#">darong warehouse & <br>transportation limited</a>
                  <a href="#">shenzhen MJ logistics Co., <br>limited</a>
                  <a href="#">MJ logistics (foshan) office</a>
                  <a href="#">MJ logistics (shanghai) <br>limited xiamen branch</a>
                  <a href="#">
                    MJ logistics (shanghai) <br>limited chongqing branch
                  </a>
                  <a href="#">
                    MJ logistics (shanghai) <br>limited guangzhou branch
                  </a>
                  <a href="#">MJ logistics (shanghai) limited</a>
                  <a href="#">MJ logistics tianjin limited</a>
                </div>
                <div class="sub--nav">
                  <a href="#">
                    MJ logistics qingdao limited
                  </a>
                  <a href="#">
                    MJ logistics (japan) limited
                  </a>
                  <a href="#">
                    MJ logistics (thailand) co.,LTD.
                  </a>
                  <a href="#">
                    MJ logistics (vientnam) co.,LTD.
                  </a>
                  <a href="#">
                    MJ logistics (hanoi) co.,LTD.
                  </a>
                  <a href="#">
                    MJ logistics (manila) inc
                  </a>
                  <a href="#">
                    MJ logistics (HK) limited <br>taiwan branch
                  </a>
                  <a href="#">
                    MJ logistics (SG) PTE. ltd
                  </a>
                  <a href="#">
                    PT. MJL logistic jakarta
                  </a>
                  <a href="#">
                    MJ logistics (ningbo) limited
                  </a>
                </div>
                <div class="sub--nav">
                  <a href="#">
                    MJ logistics (tianjin) limited <br>dalian branch
                  </a>
                  <a href="#">
                    MJ logistics malaysia SDN. <br>BHD.
                  </a>
                  <a href="#">
                    MJ logistics india PVT ltd
                  </a>
                </div>
              </div>
            </li>
            <li><a href="#">contact us</a>
              <div class="sub--nav--wrap">
                <div class="sub--nav">
                  <a href="#">문의</a>
                  <a href="#">연락처<br>(지점별 담당자 연락처)</a>
                </div>
              </div></li>
          </ul>
        </div>
        <div class="header--lang--btn">
          <i class="ico--global"></i>
          <span>KO</span>
          <i class="ico--arrow"></i>
          <ul class="lang--select--wrap">
            <li><a href="?lang=ko">KO</a></li>
            <li><a href="?lang=en">EN</a></li>
            <li><a href="?lang=jp">JP</a></li>
            <li><a href="?lang=cn">CN</a></li>
          </ul>
        </div>
        <div class="header--mob--lang--btn"></div>
        <div class="header--mob--lang--wrap">
          <ul>
            <li><a href="?lang=ko">KO</a></li>
            <li><a href="?lang=en">EN</a></li>
            <li><a href="?lang=jp">JP</a></li>
            <li><a href="?lang=cn">CN</a></li>
          </ul>
        </div>
        <div class="header--mob--btn"></div>
                <div class="header--mob--wrap">
          <div class="mob--l">
            <ul>
              <li><a href="about.html">ABOUT US</a></li>
              <li><a href="#">business</a></li>
              <li>
                <a href="#">network</a>
              </li>
              <li><a href="#">contact us</a></li>
            </ul>
          </div>
          <div class="mob--r">
            <div class="sub--nav--wrap">
              <div class="sub--nav">
                <a href="about.html">인사말 & 본사정보</a>
                <a href="about.html">연혁</a>
                <a href="about.html">조직도</a>
              </div>
              <div class="sub--nav">
                <a href="air.html" class="active">항공 운송 서비스</a>
                <a href="#">해상 운송 서비스</a>
                <a href="#">철도 운송 서비스</a>
                <a href="#">물류 창고 서비스</a>
                <a href="#">통관 서비스</a>
                <a href="#">육상 운송 서비스</a>
              </div>
              <div class="sub--nav">
                <a href="#">MJ holdings limited</a>
                <a href="#">MJ logistics (HK) limited</a>
                <a href="#">darong warehouse & <br>transportation limited</a>
                <a href="#">shenzhen MJ logistics Co., <br>limited</a>
                <a href="#">MJ logistics (foshan) office</a>
                <a href="#">MJ logistics (shanghai) <br>limited xiamen branch</a>
                <a href="#">
                  MJ logistics (shanghai) <br>limited chongqing branch
                </a>
                <a href="#">
                  MJ logistics (shanghai) <br>limited guangzhou branch
                </a>
                <a href="#">MJ logistics (shanghai) limited</a>
                <a href="#">MJ logistics tianjin limited</a>
                <a href="#">
                  MJ logistics qingdao limited
                </a>
                <a href="#">
                  MJ logistics (japan) limited
                </a>
                <a href="#">
                  MJ logistics (thailand) co.,LTD.
                </a>
                <a href="#">
                  MJ logistics (vientnam) co.,LTD.
                </a>
                <a href="#">
                  MJ logistics (hanoi) co.,LTD.
                </a>
                <a href="#">
                  MJ logistics (manila) inc
                </a>
                <a href="#">
                  MJ logistics (HK) limited <br>taiwan branch
                </a>
                <a href="#">
                  MJ logistics (SG) PTE. ltd
                </a>
                <a href="#">
                  PT. MJL logistic jakarta
                </a>
                <a href="#">
                  MJ logistics (ningbo) limited
                </a>
                <a href="#">
                  MJ logistics (tianjin) limited <br>dalian branch
                </a>
                <a href="#">
                  MJ logistics malaysia SDN. <br>BHD.
                </a>
                <a href="#">
                  MJ logistics india PVT ltd
                </a>
              </div>
              <div class="sub--nav">
                <a href="#">문의</a>
                <a href="#">연락처<br>(지점별 담당자 연락처)</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <main>
    <section class="sub--visual--wrap">
      <div class="visual--wrap">
        <img class="op--65" src="assets/img/sub--2.png" alt="">
      </div>
      <div class="visual--txt--wrap">
        <h2><strong>BUSINESS</strong><br>air <br class="mo">trans<br class="mo">portation</h2>
      </div>
    </section>
    <div class="sub--menu--wrap web">
      <i class="ico"></i>
      <span class="dot"></span>
      <p>business</p>
      <span class="dot"></span>
      <p>air transportation</p>
    </div>
    <div class="sub--menu--wrap mo">
      <select name="" id="">
        <option value="AIR TRANSPORTATION">AIR TRANSPORTATIONS</option>
      </select>
    </div>
    <section class="grt--sec--wrap">
      <div class="sub--container">
        <div class="sub--title--wrap">
          <h3 class="sub--title type--2 web">safe and speedy air transportation services</h3>
          <h3 class="sub--title type--2 mo">safe and speedy air</h3>
          <h3 class="sub--title type--2 mo">transportation services</h3>
        </div>
        <div class="sub--cont--wrap">
          <p class="sub--desc">The needs of international logistics such as shortening of lead times and reducing distribution costs as well 
            as providing quality during transportation and ensuring safety are gradually becoming more sophisticated and diversified than ever before.<br>
            As a business partner, we are constantly striving to provide logistics services from the point of view of our customers ranging from deciding<br>
            on transportation routes quickly, safely and reliably to minimizing transportation costs while dealing with individual characteristics of each one of our customers.<br>
            We are strengthening our sales aimed at multinational corporations which have global presence and along with offering a wide range of high<br>
            value added transportation services which make use of our expertise in special transportation 
            (semiconductor manufacturing equipment transportation, temperature-controlled transportation, etc.) as one of our operating resources, we provide excellent services to our
            customers based on our abundant experience in customs clearance procedure as well.</p>
          <div class="sub--point">
            <div class="point--box">
              <i class="ico"></i>
              <h5>point 01</h5>
              <p>Offering low prices due to practices of cost reduction</p>
            </div>
            <div class="point--box">
              <i class="ico"></i>
              <h5>point 02</h5>
              <p>Offering services with our extensive experience and know-hows</p>
            </div>
            <div class="point--box">
              <i class="ico"></i>
              <h5>point 03</h5>
              <p>Network connecting the entire world</p>
            </div>
            <div class="point--box">
              <i class="ico"></i>
              <h5>point 04</h5>
              <p>Transportation of high-value-added products Service/chemicals, dangerous goods, precision electronic equipment</p>
            </div>
          </div>
        </div>
      </div>
    </section>
        <div class="quick--menu--wrap">
      <div class="quick--contact">
        <div class="contact--bubble">
          CONTACT US
        </div>
      </div>
      <div class="quick--global">
        <div class="global--bubble">
          <div class="global--title">
            <i class="ico"></i><h4>NETWORK</h4>
          </div>
          <div class="global--list">
            <a href="#">MJ holdings limited</a>
            <a href="#">MJ logistics (HK) limited</a>
            <a href="#">darong warehouse & transportation limited</a>
            <a href="#">shenzhen MJ logistics Co., limited</a>
            <a href="#">MJ logistics (foshan) office</a>
            <a href="#">MJ logistics (shanghai) limited xiamen branch</a>
            <a href="#">
              MJ logistics (shanghai) limited chongqing branch
            </a>
            <a href="#">
              MJ logistics (shanghai) limited guangzhou branch
            </a>
            <a href="#">MJ logistics (shanghai) limited</a>
            <a href="#">MJ logistics tianjin limited</a>
            <a href="#">
              MJ logistics qingdao limited
            </a>
            <a href="#">
              MJ logistics (japan) limited
            </a>
            <a href="#">
              MJ logistics (thailand) co.,LTD.
            </a>
            <a href="#">
              MJ logistics (vietnam) co.,LTD.
            </a>
            <a href="#">
              MJ logistics (hanoi) co.,LTD.
            </a>
            <a href="#">
              MJ logistics (manila) inc
            </a>
            <a href="#">
              MJ logistics (HK) limited taiwan branch
            </a>
            <a href="#">
              MJ logistics (SG) PTE. ltd
            </a>
            <a href="#">
              PT. MJL logistic jakarta
            </a>
            <a href="#">
              MJ logistics (ningbo) limited
            </a>
            <a href="#">
              MJ logistics (tianjin) limited dalian branch
            </a>
            <a href="#">
              MJ logistics malaysia SDN. BHD.
            </a>
            <a href="#">
              MJ logistics india PVT ltd
            </a>
          </div>
        </div>
      </div>
      <button class="quick--top"></button>
    </div>
  </main>
  <footer>
    <!-- 서브 페이지에서는 sub--type 클래스 추가 -->
    <div class="footer--wrap sub--type">
      copyrightⓒ 2025 MJ logistics limited all right reserved.
    </div>
  </footer>
</body>
<script>
  document.addEventListener("DOMContentLoaded", function () {
    const grtYearElements = document.querySelectorAll('.grt--year');
    const descLineElements = document.querySelectorAll('.desc--line');
    const headerWrap = document.querySelector('.header--wrap');
    const quickMenuWrap = document.querySelector('.quick--menu--wrap');
    const quickTopBtn = document.querySelector('.quick--top');
    let lastScrollTop = 0;
    
    function checkScrollPosition() {
      const viewportHeight = window.innerHeight;
      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
      const triggerPoint = scrollTop + (viewportHeight * 0.7);
      const isScrollingDown = scrollTop > lastScrollTop;
      
      // Header scroll effect
      if (scrollTop > 0) {
        headerWrap.classList.add('scrolled');
        quickMenuWrap.classList.add('active');
      } else {
        headerWrap.classList.remove('scrolled');
        quickMenuWrap.classList.remove('active');
      }
      
      grtYearElements.forEach(element => {
        const elementTop = element.offsetTop;
        const elementBottom = elementTop + element.offsetHeight;
        
        if (triggerPoint >= elementTop && triggerPoint <= elementBottom) {
          element.classList.add('active');
        } else if (!isScrollingDown && triggerPoint < elementTop) {
          element.classList.remove('active');
        }
      });
      
      descLineElements.forEach(element => {
        const elementTop = element.offsetTop;
        const elementBottom = elementTop + element.offsetHeight;
        
        if (triggerPoint >= elementTop && triggerPoint <= elementBottom) {
          element.classList.add('active');
        } else if (!isScrollingDown && triggerPoint < elementTop) {
          element.classList.remove('active');
        }
      });
      
      lastScrollTop = scrollTop;
    }
    
    // Quick top button click event
    quickTopBtn.addEventListener('click', function() {
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
    });
    
    window.addEventListener('scroll', checkScrollPosition);
    checkScrollPosition();

    // 햄버거 메뉴 기능, 언어 선택 기능
    const headerMobBtn = document.querySelector('.header--mob--btn');
    const headerMobWrap = document.querySelector('.header--mob--wrap');
    const mobLLinks = document.querySelectorAll('.mob--l a');
    const subNavs = document.querySelectorAll('.mob--r .sub--nav');

    const headerLangBtn = document.querySelector('.header--mob--lang--btn');
    const headerLangWrap = document.querySelector('.header--mob--lang--wrap');

    // 햄버거 메뉴 토글
    if (headerMobBtn && headerMobWrap) {
      headerMobBtn.addEventListener('click', function() {
        headerMobBtn.classList.toggle('active');
        headerMobWrap.classList.toggle('active');
        headerLangBtn.classList.toggle('hide');
      });
    }

    if (headerLangBtn && headerLangWrap){
      headerLangBtn.addEventListener('click', function() {
        headerLangBtn.classList.toggle('active');
        headerLangWrap.classList.toggle('active');
        headerMobBtn.classList.toggle('hide');
      })
    }

    // 대메뉴 클릭 시 소메뉴 표시
    mobLLinks.forEach((link, index) => {
      link.addEventListener('click', function(e) {
        e.preventDefault();
        
        // 모든 대메뉴에서 active 클래스 제거
        mobLLinks.forEach(l => l.classList.remove('active'));
        // 클릭된 대메뉴에 active 클래스 추가
        this.classList.add('active');
        
        // 모든 소메뉴 숨기기
        subNavs.forEach(nav => nav.classList.remove('active'));
        
        // 해당 소메뉴 표시
        if (subNavs[index]) {
          subNavs[index].classList.add('active');
        }
      });
    });

    // 첫 번째 메뉴를 기본으로 활성화
    if (mobLLinks.length > 0 && subNavs.length > 0) {
      mobLLinks[1].classList.add('active');
      subNavs[1].classList.add('active');
    }

    // 언어 선택 기능
    const langBtn = document.querySelector('.header--lang--btn');
    const langSelectWrap = document.querySelector('.lang--select--wrap');
    const langSpan = document.querySelector('.header--lang--btn span');
    const langOptions = document.querySelectorAll('.lang--select--wrap li');
    const mobLangOptions = document.querySelectorAll('.header--mob--lang--wrap li');

    // URL 파라미터에서 현재 언어 가져오기
    function getCurrentLanguage() {
      const urlParams = new URLSearchParams(window.location.search);
      const lang = urlParams.get('lang') || urlParams.get('lange');
      return lang || 'ko'; // 기본값은 한국어
    }

    // 페이지 로드 시 URL 파라미터에 따라 active 언어 설정
    function setActiveLanguageFromURL() {
      const currentLang = getCurrentLanguage();
      const langMap = {
        'ko': 'KO',
        'en': 'EN', 
        'jp': 'JP',
        'cn': 'CN'
      };
      
      const displayLang = langMap[currentLang] || 'KO';
      
      // 데스크톱과 모바일 언어 옵션에서 기존 active 클래스 제거
      langOptions.forEach(option => option.classList.remove('active'));
      mobLangOptions.forEach(option => option.classList.remove('active'));
      
      // 현재 언어와 일치하는 옵션에 active 클래스 추가
      langOptions.forEach(option => {
        if (option.querySelector('a').textContent === displayLang) {
          option.classList.add('active');
        }
      });
      
      mobLangOptions.forEach(option => {
        if (option.querySelector('a').textContent === displayLang) {
          option.classList.add('active');
        }
      });
      
      // 언어 버튼의 텍스트도 업데이트
      if (langSpan) {
        langSpan.textContent = displayLang;
      }
    }

    // 언어 업데이트 함수
    function updateLanguage(selectedLang) {
      // 스팬 텍스트 업데이트
      langSpan.textContent = selectedLang;
      
      // 데스크톱 언어 옵션에서 active 클래스 관리
      langOptions.forEach(option => {
        if (option.textContent === selectedLang) {
          option.classList.add('active');
        } else {
          option.classList.remove('active');
        }
      });
      
      // 모바일 언어 옵션에서 active 클래스 관리
      mobLangOptions.forEach(option => {
        if (option.textContent === selectedLang) {
          option.classList.add('active');
        } else {
          option.classList.remove('active');
        }
      });
      
      // 드롭다운 닫기
      langSelectWrap.classList.remove('active');
    }

    if (langBtn && langSelectWrap) {
      // 언어 버튼 클릭 시 드롭다운 토글
      langBtn.addEventListener('click', function(e) {
        e.stopPropagation();
        langSelectWrap.classList.toggle('active');
      });

      // 데스크톱 언어 옵션 클릭 시
      langOptions.forEach(option => {
        option.addEventListener('click', function(e) {
          e.stopPropagation();
          const selectedLang = this.textContent;
          updateLanguage(selectedLang);
        });
      });

      // 모바일 언어 옵션 클릭 시
      mobLangOptions.forEach(option => {
        option.addEventListener('click', function(e) {
          e.stopPropagation();
          const selectedLang = this.textContent;
          updateLanguage(selectedLang);
        });
      });

      // 다른 곳 클릭 시 드롭다운 닫기
      document.addEventListener('click', function() {
        langSelectWrap.classList.remove('active');
      });
    }

    // 페이지 로드 시 URL 파라미터에 따라 언어 활성화 설정
    setActiveLanguageFromURL();
  });
</script>
</html>