/* ========= 공통 ========= */
.site-footer {
  background:#222;
  color:#ddd;
  font-size:13px;
  padding:18px 16px;
  padding-bottom:40px;
}

.site-footer p {
  margin:0 0 4px;
}

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

/* 왼쪽 회사 정보 */
.footer-left p {
  color:#c6c6c6;
  margin:2px 0;
  margin-left:20px;
  line-height:1.5;
}

/* 오른쪽 영역 */
.footer-right {
  display:flex;
  align-items:flex-end;
}

.footer-links {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-right:20px;
}

.footer-links a {
  color:#d0d0d0;
  text-decoration:none;
  font-size:13px;
}
.footer-links a:hover {
  text-decoration:underline;
}

/* 관리자 접속 버튼 (링크 안에 들어감) */
.footer-admin-link {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.2);
  background:rgba(255,255,255,0.04);
  color:#f5f5f5;
  font-size:12px;
  white-space:nowrap;
  text-decoration:none;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.footer-admin-link:hover {
  background:rgba(255,255,255,0.12);
  border-color:rgba(255,255,255,0.5);
  transform:translateY(-1px);
}

.footer-admin-icon svg {
  width:14px;
  height:14px;
  fill:#f5f5f5;
}

/* ========= 모바일 (≤ 640px) ========= */
@media (max-width: 640px) {

  .site-footer {
    padding:16px 12px 20px;
    font-size:12px;
  }

  .footer-inner {
    flex-direction:column;
    align-items:stretch;        /* 전체를 좌우 가득 */
    gap:10px;
  }

  /* 회사정보/카피라이터는 좌측 정렬 */
  .footer-left {
    text-align:left;
  }
  .footer-left p {
    margin:0;
    font-size:12px;
    line-height:1.6;
    margin-left:0;
  }

  /* 링크 줄은 약간 위쪽 간격만 */
  .footer-right {
    align-items:flex-start;
  }

  .footer-links {
    margin:4px 0 0;
    margin-right:0;
    justify-content:flex-start; /* 왼쪽 정렬 */
    flex-wrap:wrap;
    gap:6px 10px;
  }

  .footer-links a {
    position:relative;
    font-size:12px;
    padding:0 6px;
  }

  /* 링크 사이 구분선 */
  .footer-links a + a::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:10px;
    background:rgba(255,255,255,0.3);
    transform:translateY(-50%);
  }

  .footer-admin-link {
    margin-left:4px;            /* 마지막 링크와 살짝 간격 */
    padding:4px 10px;
  }
}