<style>
  .oopy-footer {
        display:none !important
  }
  body {
    margin: 0;
  }

  .header {
    display: flex;
    justify-content: center;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    gap: 20px;
    flex-wrap: wrap;
  }

  .header a {
    text-decoration: none;
    color: #111;
    padding: 0 10px;
    border-right: 1px solid #ccc;
  }

  .header a:last-child {
    border-right: none;
  }

  .footer {
    border-top: 1px solid #eee;
    padding: 40px 20px;
    font-size: 14px;
    color: #111;
    background: #ffffff; 
  }

  .footer-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    gap: 30px;
  }

  .footer-logo-info, .footer-center, .footer-contact {
    flex: 1;
    min-width: 250px;
  }
.footer-contact{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}
  .footer-logo {
    display: inline-block;
    margin-bottom: 15px;
  }

  .footer-logo img {
    height: 28px;
  }

  .footer-contact .phone {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .footer-contact .hours {
    margin-bottom: 10px;
    color: #666;
  }

  .footer-contact button {
    padding: 6px 12px;
    font-size: 12px;
    border: 1px solid #ccc;
    background: white;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 15px;
  }

  .footer-contact .qr-box {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 212px;
  }

  .footer-contact .qr-box img {
    width: 48px;
    height: 48px;
  }

.footer-contact .qr-box:hover {
  background-color: #f2f2f2;
  transition: background-color 0.3s ease;
}

.footer-contact .qr-box {
  transition: background-color 0.3s ease;
}
   .footer-contact .cafe {
    margin-top: 4px;
    font-size: 12px;
  }

  @media (max-width: 998px) {
    .footer-container {
      align-items: center
    }
    .footer-contact {
      margin-top: 20px;
    }
    .footer-center{
          min-width: 0px;
    }
    .header {
      justify-content: flex-start;
    }
  }
    @media (max-width: 786px) {
  
      .footer-container{
      flex-direction: column;
      gap: 4px;
    }
    .footer-logo-info {
    text-align: center
  }
  .footer-contact {
    align-items: center;
    margin-top: 0px;
}
  } 
</style>


<footer class="footer">
  <div class="footer-container">
    
    <div class="footer-logo-info">
      <div class="footer-logo">
<a href="https://www.cosmosmedic.com/" target="_blank">
    <img src="https://i.imgur.com/8oTuYcC.png" alt="Cosmos Medic Logo">
  </a>
      </div>
      <div>(주) 코스모스 메딕</div>
      <div>대표자: 김지훈</div>
      <div>이메일: info@cosmosmedic.com</div>
      <div>사업자등록번호: 194-81-0258</div>
      <div style="margin-top: 8px;">2023 Cosmos Medic. All rights reserved</div>
    </div>

    
    <div class="footer-center"></div>

    
    <div class="footer-contact">
      <div class="phone">031-602-5431</div>
      <div class="hours">평일 09:00~18:00 (점심시간 12:00~13:00)</div>
 <a href="https://cosmosmedic.channel.io" target="_blank" style="display:inline-block; padding: 6px 12px; font-size: 13px; border: 1px solid #ccc; background: white; cursor: pointer; border-radius: 5px; text-decoration: none; color: inherit; margin-bottom: 15px;">1:1 문의하기</a>

     <a href="https://cafe.naver.com/cosmosmedic1" target="_blank" class="qr-box" style="text-decoration: none; color: inherit;">
  <div>
    <strong>네이버 카페 가입하기</strong><br>
    <small>스마트폰으로 QR코드 스캔</small>
  </div>
  <img src="https://i.imgur.com/xg51XYH.png" alt="Naver Cafe QR">
</a>
            <div class="cafe">※ 카페 가입은 보건선생님만 가능합니다.</div>
    </div>
  </div>
</footer>

테스트

코스모스 메딕은
생명을 지키는 응급의료시스템
구축 전문 기업입니다.

응급의료 시스템 구축 전문 기업

코스모스 메딕

About

저희 '주식회사 마다'는 35년간 반려동물, 축산동물과 함께 성장·발전해가고 있습니다.

테스트

코스모스 메딕은생명을 지키는 응급의료시스템 구축 전문 기업입니다.

응급의료 시스템 구축 전문 기업

코스모스 메딕

About

저희 '주식회사 마다'는 35년간 반려동물, 축산동물과 함께 성장·발전해가고 있습니다.

코스모스 메딕은
생명을 지키는 응급의료시스템
구축 전문 기업입니다.