/* ==========================================================================
   Meatwin 공용 푸터 스타일 (footer.html 에서 직접 불러옴 → 모든 페이지 공통)
   기본 레이아웃은 mw-style.css / mw-responsive.css 의 .mw-footer 규칙을 따름
   ========================================================================== */

/* 배경 장식: 헤더와 같은 로고 'M'(미트윈색 #1E80C3)을 크게, 흐릿하게, 우측으로 기울여 배치
   (기존 배경 이미지 footer-bglogo.png 대체) */
.mw-footer {
  position: relative;
  overflow: hidden;
  background-image: none !important;
}
.mw-footer::before {
  content: "";
  position: absolute;
  right: 6%;
  bottom: -150px;
  width: 420px;
  height: 404px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 50'%3E%3Cg fill='none' stroke='%231E80C3' stroke-width='4.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 6.5L9.2 42.3M11.5 6.5L26 37.6L39.6 6.5M39.6 6.5L42.8 42.3'/%3E%3C/g%3E%3Cg fill='%231E80C3'%3E%3Ccircle cx='11.5' cy='6.5' r='5.4'/%3E%3Ccircle cx='39.6' cy='6.5' r='5.4'/%3E%3Ccircle cx='8.9' cy='42.4' r='5'/%3E%3Ccircle cx='43' cy='42.3' r='5.1'/%3E%3Ccircle cx='26' cy='37.6' r='5.3'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
  transform: rotate(18deg);
  opacity: 0.1;
  filter: blur(2px);
  pointer-events: none;
  z-index: 0;
}

.mw-footer .left,
.mw-footer .right,
.mw-footer.mobile > * {
  position: relative;
  z-index: 1;
}

/* 상단 여백 축소: PC 30px → 10px, 모바일 50px → 30px */
.mw-footer { padding-top: 10px; }
@media only screen and (max-width: 800px) {
  .mw-footer { padding-top: 30px; }
}