@charset "utf-8";
/* ETHER 홍보사이트 (index.html) · 푸터 — index.html 에 적힌 순서대로 불러온다 */
/* ============ FOOTER ============ */
/* 한 줄 : 왼쪽 로고 · 오른쪽 카피라이트 + 木火土金水. 좁아서 안 들어가면 오른쪽 묶음이 아랫줄로 내려간다 */
footer{background:var(--ink);color:var(--on-dark);padding:var(--sp-7) 0}
footer > .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-4) var(--sp-7)}
.foot-in{display:flex}
.foot-brand .logo{color:var(--on-dark)}
.foot-brand p{color:rgba(244,242,236,.55);font-size:var(--fs-3);line-height:1.7;max-width:280px}
.foot-nav{display:flex;gap:var(--sp-8)}
.foot-col h5{font-family:var(--mono);font-size:var(--fs-2);letter-spacing:.12em;color:rgba(244,242,236,.56);margin-bottom:var(--sp-4);text-transform:uppercase}
.foot-col a{display:block;font-size:var(--fs-3);color:rgba(244,242,236,.75);margin-bottom:var(--sp-3);transition:color .2s}
.foot-col a:hover{color:var(--on-dark)}
.foot-bottom{display:flex;align-items:center;margin-left:auto;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6)}
.foot-bottom .mono{font-size:var(--fs-2);color:rgba(244,242,236,.62);letter-spacing:.06em}
.foot-els{display:flex;gap:var(--sp-4)}
.foot-els span{font-weight:var(--fw-d5);font-family:var(--serif);font-size:var(--fs-5);color:rgba(244,242,236,.55);letter-spacing:var(--ls-d5)}