<footer class="custom-footer">
  <div class="footer-container">
    <div class="footer-content">
      <div class="footer-info">
        <div class="footer-logo">
          <span class="logo-icon">⛄</span> 
          <span class="logo-text">SNOWMAN FACTORY</span>
        </div>
        <div class="company-details">
          <p>(주)눈사람공장</p>
          <p>사업자등록번호: 302-09-53293 | 대표: 김원진</p>
          <p>상표등록: 제 40-2426259 호</p>
          <p>주소: 서울특별시 송파구 법원로11길 7, C동1316호</p>
        </div>
      </div>

      <div class="footer-links-wrapper">
        <div class="link-group">
          <h4>Pages</h4>
          <ul>
            <li><a href="/about">About</a></li>
            <li><a href="/solutions">Solutions</a></li>
            <li><a href="/projects">Projects</a></li>
            <li><a href="/research">Research</a></li>
            <li><a href="/contact">Contact</a></li>
          </ul>
        </div>
        <div class="link-group">
          <h4>Solutions</h4>
          <ul>
            <li><a href="#">3D 스캐닝&역설계</a></li>
            <li><a href="#">BIM 기반 설계</a></li>
            <li><a href="#">공간 컴퓨팅&XR</a></li>
            <li><a href="#">DX&AIX 컨설팅</a></li>
          </ul>
        </div>
        <div class="link-group">
          <h4>Contact</h4>
          <p>Email:<br><a href="mailto:team@snowmanfactory.kr" class="highlight">contact@snowmanfactory.com</a></p>
          <p>Tel:<br><span class="highlight">02-430-2023</span></p>
        </div>
      </div>
    </div>

    <hr class="footer-divider">

    <div class="footer-bottom">
      <p>© 2026 Snowman Factory, Inc. All rights reserved.</p>
    </div>
  </div>
</footer>

<style>
/* 푸터 전체 스타일 */
.custom-footer {
  background-color: #05162b; /* 다크 네이비 배경색 */
  color: #ffffff;
  padding: 60px 20px 40px;
  font-family: 'Pretendard', sans-serif;
  line-height: 1.6;
}

.footer-container {
  max-width: 1100px;
  margin: 0 auto;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

/* 로고 섹션 */
.footer-logo {
  font-size: 24px;
  font-weight: 800;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

.logo-icon { margin-right: 10px; }

.company-details {
  font-size: 14px;
  color: #8da2b5; /* 보조 텍스트 색상 */
}

.company-details p { margin: 5px 0; }

/* 링크 섹션 */
.footer-links-wrapper {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}

.link-group h4 {
  font-size: 16px;
  margin-bottom: 20px;
  color: #ffffff;
}

.link-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.link-group ul li { margin-bottom: 10px; }

.link-group a {
  text-decoration: none;
  color: #4a90e2; /* 하늘색 링크 색상 */
  font-size: 14px;
  transition: color 0.3s;
}

.link-group a:hover { color: #ffffff; }

.highlight { color: #4a90e2; font-size: 14px; }

/* 하단 라인 및 카피라이트 */
.footer-divider {
  border: 0;
  border-top: 1px solid #1a2e44;
  margin: 40px 0 20px;
}

.footer-bottom {
  text-align: center;
  font-size: 13px;
  color: #4a90e2;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .footer-content { flex-direction: column; }
  .footer-links-wrapper { gap: 30px; }
}
</style>

www.snowmanfactory.kr

이름

Code

Design