footer{border-top:1px solid var(--mono-4-dd); padding:30px 0 60px;}

footer .f_logo{margin:0 0 28px;}
footer .f_logo img{width:100%; max-width:120px; height:auto;}

footer .tit{font-size:16px; margin: 12px 0 20px;}

footer .f_info{display: flex; margin: 0 0 33px;}
footer .f_info .cs_info {flex:1;}
footer .f_info .bank_info{flex:1;}
footer .f_info h4{font-size: 15px; margin: 0 0 6px;}
footer .f_info .info_detail{}
footer .f_info .info_detail p{font-size: 13px; line-height: 1.6; color: var(--mono-1-66);}

/*
    COMPANY INFO 접기 영역(.f_company)은 뺐습니다. 회사소개 페이지(/company/)와 내용이 겹칩니다.
    마크업은 templates/partials/footer.html, 접기 동작은 assets/js/footer.js 에서 함께 지웠습니다.

    아래 f_guide 의 위 여백을 34px 에서 0 으로 줄입니다.
    로고에 이미 아래 여백 28px 이 있는데, 지워진 블록 몫까지 더해져 지나치게 벌어집니다.
*/
footer .f_guide{display: flex; align-items: center; gap: 12px; margin: 0;}
footer .f_guide li{}
footer .f_guide li a{font-size: 12px; line-height: 1.7; color: var(--mono-1-66);}
footer .f_guide li.privacy a{text-decoration: underline; text-decoration-color: var(--mono-1-66);}
footer .f_guide li:has(> a[href="/shopinfo/guide.html"]){display:none;}

footer .f_sns{display: flex; align-items: center; gap: 17px; margin:18px 0 26px;}
footer .f_sns li{}

footer .copyright{font-size: 12px; color:var(--mono-1-66);}