mo0647
/
mjlogistics


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849
							<!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" class="active">인사말 & 본사정보</a>
                <a href="about.html">연혁</a>
                <a href="about.html">조직도</a>
              </div>
              <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 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 src="assets/img/sub--1.png" alt="">
      </div>
      <div class="visual--txt--wrap">
        <h2><strong>ABOUT US</strong><br>COMPANY PROFILE</h2>
      </div>
    </section>
    <div class="sub--menu--wrap web">
      <i class="ico"></i>
      <span class="dot"></span>
      <p>ABOUT US</p>
      <span class="dot"></span>
      <p>COMPANY PROFILE</p>
    </div>
    <div class="sub--menu--wrap mo">
      <select name="" id="">
        <option value="AIR TRANSPORTATION">COMPANY PROFILE</option>
      </select>
    </div>
    <section class="grt--sec--wrap">
      <div class="sub--container">
        <div class="sub--title--wrap">
          <h3 class="sub--title">Greetings</h3>
        </div>
        <div class="sub--cont--wrap">
          <p class="sub--desc">We were established in 2013 with the goal of providing the highest level of logistics services and growing to be a global logistics company which places its
            top priority on customer satisfaction. Based on the organizational strength of our team of logistics experts with extensive experience we have established
            12 branches in Asia, including China and Japan, and are providing specialized services as an agent for airline bookings and maritime cargo handling during
            import and export procedures. <br>These days, the Asian region is going through rapid changes as the center of global economy and logistics. With the spirit of
            challenge all employees of MJ LOGISTICS will strive to bring the company to the center of the logistics market which is rapidly changing.<br>
            In order to provide the best services, we will thoroughly communicate, share knowledge and information,
            value our customers and employees and grow as a trusted global company.</p>
        </div>
        <div class="grt--wrap">
          <div class="grt--part">
            <div class="grt--title">
              <div class="grt--year">
                <h4>2013 ~ 2014</h4>
                <div class="grt--txt">MJ LOGISTICS</div>
                <div class="title--line">
                  <span class="line"></span>
                  <span class="dot"></span>
                </div>
              </div>
            </div>
            <div class="grt--desc">
              <div class="desc">
                <div class="desc--line">
                  <span class="line"></span>
                  <span class="dot"></span>
                </div>
                <div class="desc--txt">
                  <span class="desc--year">2013</span>
                  <ul>
                    <li>
                      <span><i class="circle"></i>06</span>
                      <p>Representative corporation established in Hong Kong<br>
                      Establishment of the Shenzhen branch in China (as a first class cargo agency)<br>
                      Establishment of the Guangzhou and Foshan branches in China (as first class cargo agencies)<br>
                      S/C signed with Asiana Airlines<br>
                      S/C signed with Hanjin Shipping</p>
                    </li>
                    <li><span><i class="circle"></i>11</span>
                    <p>Acquisition of NVOCC #: MOC-NC 05999 Certificate</p></li>
                  </ul>
                </div>
              </div>
              <div class="desc">
                <div class="desc--line">
                  <span class="line"></span>
                </div>
                <div class="desc--txt">
                  <span class="desc--year">2014</span>
                  <ul>
                    <li>
                      <span><i class="circle"></i>04</span>
                      <p>Establishment of the Vietnam branch office</p>
                    </li>
                    <li><span><i class="circle"></i>08</span>
                      <p>Establishment of the Hanoi branch office in Vietnam</p>
                    </li>
                    <li>
                      <span><i class="circle"></i>09</span>
                      <p>Establishment of the Tokyo branch office in Japan</p>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="grt--part">
            <div class="grt--title">
              <div class="grt--year">
                <h4>2015 ~ 2017</h4>
                <div class="grt--txt">Moving into the world</div>
                <div class="title--line">
                  <span class="line"></span>
                  <span class="dot"></span>
                </div>
              </div>
            </div>
            <div class="grt--desc">
              <div class="desc">
                <div class="desc--line">
                  <span class="line"></span>
                  <span class="dot"></span>
                </div>
                <div class="desc--txt">
                  <span class="desc--year">2015</span>
                  <ul>
                    <li>
                      <span><i class="circle"></i>01</span>
                      <p>Establishment of the Shanghai branch office in China</p>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="desc">
                <div class="desc--line">
                  <span class="line"></span>
                </div>
                <div class="desc--txt">
                  <span class="desc--year">2017</span>
                  <ul>
                    <li>
                      <span><i class="circle"></i>07</span>
                      <p>Extension and transfer of the Tokyo branch office in Japan</p>
                    </li>
                    <li><span><i class="circle"></i>09</span>
                      <p>stablishment of the Xiamen branch office in China</p>
                    </li>
                    <li>
                      <span><i class="circle"></i>12</span>
                      <p>Establishment of the Chongqing branch office in China</p>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="grt--part">
            <div class="grt--title">
              <div class="grt--year">
                <h4>2017 ~ NOW</h4>
                <div class="grt--txt">Preparation for a New Future</div>
                <div class="title--line">
                  <span class="line"></span>
                  <span class="dot"></span>
                </div>
              </div>
            </div>
            <div class="grt--desc">
              <div class="desc">
                <div class="desc--line">
                  <span class="line"></span>
                  <span class="dot"></span>
                </div>
                <div class="desc--txt">
                  <span class="desc--year">2018</span>
                  <ul>
                    <li>
                      <span><i class="circle"></i>12</span>
                      <p>Establishment of the Bangkok branch office in Thailand</p>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="desc">
                <div class="desc--line">
                  <span class="line"></span>
                </div>
                <div class="desc--txt">
                  <span class="desc--year">2021</span>
                  <ul>
                    <li>
                      <span><i class="circle"></i>03</span>
                      <p>Establishment of the Taiwan branch office in Taiwan</p>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="map--sec--wrap">
      <div class="sub--container">
        <div class="sub--title--wrap">
          <h3 class="sub--title type--2">head office information</h3>
        </div>
        <div class="sub--cont--wrap">
          <div class="map--wrap">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3689.7038268937267!2d114.13195007692235!3d22.36480934055098!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3403f89a2afe9e15%3A0x99087ae26d7013d!2sVanta%20Industrial%20Centre!5e0!3m2!1sko!2skr!4v1753936068070!5m2!1sko!2skr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
          </div>
          <div class="map--desc">
            <h4>MJ LOGISTICS (HK) LIMITED</h4>
            <ul>
              <li><i class="ico"></i><span>UNIT 05, 13/F, VANTA INDUSTRIAL CENTRE, NO.21-33, TAI LIN PAI ROAD, KWAI CHUNG, N.T., HONGKONG</span></li>
              <li><i class=ico></i><span>tel : </span><strong>(852) 3590-3728</strong></li>
              <li><i class=ico></i><span>fax : </span><strong>(852) 3590-4113
              </strong></li>
              <li><i class=ico></i><span>CEO : </span><strong>jung myungjin</strong></li>
              <li><i class=ico></i><span>Date of establishment : </span><strong>June 1, 2013</strong></li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <section class="org--sec--wrap">
      <div class="sub--container">
        <div class="org--wrap">
          <h3 class="">Organization</h3>
          <div class="org--cont">
            <div class="org--top">
              <div class="ceo--circle">C.E.O</div>
              <span class="ceo--line right--type"></span>
              <div class="ceo--circle type--2">COO</div>
              <div class="ceo--circle type--3">CFO</div>
              <span class="ceo--line bottom--type"></span>
            </div>
            <div class="org--mid">
              <div class="org--group--box">
                <div class="org--box">
                  Hong Kong regional headquarters
                </div>
              </div>
              <span class="org--line type--1"></span>
              <div class="org--group">
                <p>Operations Department</p>
                <span class="org--line"></span>
                <ul class="org--list">
                  <li>Customer operations Team</li>
                  <li>Agency operations team</li>
                  <li>Airport department team</li>
                </ul>
              </div>
              <div class="org--group">
                <p>sales department</p>
                <span class="org--line"></span>
                <ul class="org--list w--240">
                  <li>maritime transport sales team</li>
                  <li>air transport sales team</li>
                </ul>
              </div>
              <div class="org--group w--100">
                <p class="mb--60">management suppont department</p>
                <span class="org--line none--circle"></span>
                <p>data processing department</p>
                <span class="org--line none--circle mt--120"></span>
              </div>
              <span class="org--line bottom--type"></span>
            </div>
            <div class="org--mid">
              <div class="org--group--box">
                <div class="org--box">
                  Headquarters for China and region of Asia
                </div>
              </div>
              <span class="org--line type--1"></span>
              <div class="org--group">
                <p>C/S & OP department</p>
                <span class="org--line"></span>
                <ul class="org--list">
                  <li>Air import management</li>
                  <li>air export management</li>
                  <li>C/S</li>
                </ul>
              </div>
              <div class="org--group">
                <p>MIS department</p>
                <span class="org--line"></span>
                <ul class="org--list w--240">
                  <li>system development</li>
                  <li>system management</li>
                </ul>
              </div>
              <div class="org--group">
                <p>china branches</p>
                <span class="org--line"></span>
                <ul class="org--list nation">
                  <li>shenzhen</li>
                  <li>guangzhou</li>
                  <li>foshan</li>
                  <li>shanghai</li>
                  <li>tianjin</li>
                  <li>qingdao</li>
                  <li>xiamen</li>
                  <li>chongqing</li>
                </ul>
              </div>
              <div class="org--group">
                <p>overseas branches</p>
                <span class="org--line none--circle"></span>
                <ul class="org--list nation">
                  <li>hochminh</li>
                  <li>hanoi</li>
                  <li>tokyo</li>
                  <li>bangkok</li>
                  <li>taipei</li>
                </ul>
              </div>
            </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--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 descTxtLiElements = document.querySelectorAll('.desc--txt ul li');
    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');
        }
      });
      
      descTxtLiElements.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[0].classList.add('active');
      subNavs[0].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>