mo0647
/
mjchemi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
							<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>이거머지</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">  
  <link rel="stylesheet" href="./css/main.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>  
  <script src="./js/common.js"></script>
</head>
<body>

  <header>
    <div class="header--line--banner--wrap">
      <div class="inner--contents">        
        <button type="button" class="close--btn">
          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
            <g clip-path="url(#clip0_200_98)">
              <path d="M15 29C22.732 29 29 22.732 29 15C29 7.26801 22.732 1 15 1C7.26801 1 1 7.26801 1 15C1 22.732 7.26801 29 15 29Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M19.1998 10.8L10.7998 19.2" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M10.7998 10.8L19.1998 19.2" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            </g>
            <defs>
              <clipPath id="clip0_200_98">
                <rect width="30" height="30" fill="white"/>
              </clipPath>
            </defs>
          </svg>
        </button>
        <h3>우리 회사도 M&A 가능할까요?   예, 궁합으로 겉과 속을 맞춰드립니다</h3>
        <p>“M&A궁합”은 M&A를 극비로 진행하고 있어 매우 안전합니다.</p>
      </div>
    </div>
    <div class="header--contents--wrap">
      <div class="header--contents">
        <div class="header--logo--wrap">
          <div class="logo--wrap">
            <div class="logo"><a href="/"><img src="./img/header_logo.svg" alt="M&A 궁합"></a></div>
            <div class="txt">
              <p>M&A궁합이 M&A진행을 방해하고 있는 <span>허들을 없앴습니다.</span></p>
              <p>이제부터 편한 마음으로 <span>나와 궁합이 잘 맞는 상대방</span>을 만나보세요!</p>
            </div>
          </div>
        </div>
        <div class="header--gnb--wrap">
          <div class="gnb--wrap">
            <div class="header--dim"></div>
            <ul>
              <li>
                <a href="#">M&A 상담신청</a>
                <ul>
                  <li><a href="#">서브메뉴</a></li>
                  <li><a href="#">서브메뉴</a></li>
                </ul>
              </li>
              <li>
                <a href="#">매도자님께 ★꿈 실현</a>
              </li>
              <li>
                <a href="#">매수자님께 ★꿈 실현</a>
              </li>
              <li><a href="#">주요 내용</a></li>
              <li><a href="#">문의 사항</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </header>

  <main>    
    
    <article>
      <!-- 메인 비쥬얼 -->
      <section class="main--visual--section">
        <div class="main--visual--wrap main--visual">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="main--visual--img">          
                <picture>
                  <source srcset="./img/main_vs01.png" media="(max-width: 768px)">
                  <img src="./img/main_vs01.png" alt="메인 비주얼 이미지 1">
                </picture>
                <div class="main--visual--txt">
                  <h3>M&A 궁합으로</h3>
                  <p>서로 잘 맞는 매수자♡매도자 찾기</p>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="main--visual--img">          
                <picture>
                  <source srcset="./img/main_vs01.png" media="(max-width: 768px)">
                  <img src="./img/main_vs01.png" alt="메인 비주얼 이미지 1">
                </picture>
              </div>
            </div>
          </div>
        </div>        
        <div class="main--visual--pager">
          <div class="main--visual--fraction"></div>
          <div class="main--visual--pagination"></div>
          <div class="main--visual--progress">
            <div class="progress-bar"></div>
            <span class="progress-text">01</span>
          </div>
          <div class="prev--next--wrap">
            <button type="button" class="prev--btn"></button>
            <button type="button" class="next--btn"></button>
          </div>
        </div>
      </section>
    </article>
  </main>
</body>
</html>