/* Shared footer, using the Showcase layout. */
footer.portfolio-footer{display:block;margin:0;padding:48px 20px;background:#0a0a0a;color:#fff;border-top:1px solid rgba(255,255,255,.1);font-family:Pretendard,"Noto Sans KR",sans-serif;line-height:1.5}
.portfolio-footer .portfolio-footer-inner{display:block;max-width:1560px;margin:0 auto}
.portfolio-footer .portfolio-footer-brand{display:block}
.portfolio-footer .portfolio-footer-brand svg{display:block;height:20px;width:auto;color:#fff}
.portfolio-footer .portfolio-footer-bottom{display:flex;flex-direction:column;gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.32)}
.portfolio-footer .portfolio-footer-legal{display:flex;gap:20px;font-size:12px}
@media(min-width:640px){footer.portfolio-footer{padding-left:32px;padding-right:32px}.portfolio-footer .portfolio-footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}
@media(min-width:1024px){footer.portfolio-footer{padding-left:48px;padding-right:48px}}
@media(min-width:1280px){footer.portfolio-footer{padding-left:64px;padding-right:64px}}

.portfolio-footer .portfolio-footer-brand{display:flex;align-items:center;gap:0}.portfolio-footer .portfolio-footer-note{margin:22px 0 0;max-width:820px;color:rgba(255,255,255,.58);font-size:14px;font-weight:400;line-height:1.9;letter-spacing:-.1px;word-break:keep-all}.portfolio-footer .portfolio-archive-badge{flex:none}