/* BASIC css start */
/* ============================================================
	피시위즈 모바일 리뉴얼 — 푸터 + 하단 탭바 CSS v2.0 (2026-07)
	KREAM풍 미니멀 : 화이트 푸터 / 블랙 탭바 포인트
============================================================ */

/* 탭바 높이만큼 본문 하단 여백 확보 */
body {padding-bottom:62px;}
body.no-tabbar {padding-bottom:0;}

/* ---------- 푸터 (화이트 미니멀) ---------- */
#footer {background:#FAFAFA; color:#888; font-size:12px; margin-top:30px; border-top:1px solid #F0F0F0;}

#footer .ft-logo {text-align:center; padding:22px 0 4px;}
#footer .ft-logo img {height:32px; vertical-align:middle;}

#footer .ft-info {padding:20px 16px; border-bottom:1px solid #EEE;}
#footer .ft-info h2 {color:#222; font-size:13px; margin-bottom:8px;}
#footer .bt_cscenter {float:left; width:50%; box-sizing:border-box; padding-right:10px;}
#footer .bt_bank {float:left; width:50%; box-sizing:border-box;}
#footer .bt_cscenter .phone {color:#222; font-size:17px; font-weight:800; margin-bottom:6px;}
#footer .ft-info p {line-height:1.7;}
#footer .ft-bank-num {color:#555;}
#footer .bt_call, #footer .bt_cs {margin-top:10px;}
#footer .bt_call a, #footer .bt_cs a {display:block; text-align:center; line-height:36px; border:1px solid #DDD; border-radius:8px; color:#222; font-size:12px; font-weight:600; background:#fff;}

#footer .ft-links {padding:14px 16px; border-bottom:1px solid #EEE;}
#footer .ft-links ul {margin:0; padding:0; font-size:0; text-align:center;}
#footer .ft-links li {display:inline-block;}
#footer .ft-links li a {font-size:12px; color:#888; padding:0 8px;}
#footer .ft-links li + li {border-left:1px solid #DDD;}
#footer .ft-links b {color:#222;}

#footer .ft-sns {padding:14px 0 0; text-align:center;}
#footer .ft-sns ul {margin:0; padding:0; font-size:0;}
#footer .ft-sns li {display:inline-block; margin:0 7px;}
#footer .ft-sns a {display:flex; width:36px; height:36px; border-radius:50%; background:#222; align-items:center; justify-content:center;}
#footer .ft-sns svg {width:18px; height:18px; fill:#fff;}
#footer .ft-sns svg circle[stroke] {stroke:#fff;}
#footer .ft-sns svg circle[fill="#fff"] {fill:#222;}

#footer .ft-company {padding:16px; line-height:1.8; color:#AAA;}

#footer .ft-top {border-top:1px solid #EEE;}
#footer .ft-top a {display:block; text-align:center; line-height:42px; color:#666; font-size:12px; font-weight:bold;}

/* ---------- 하단 고정 탭바 ---------- */
#tabbar {position:fixed; left:0; right:0; bottom:0; height:60px; background:#fff; border-top:1px solid #EEE; display:flex; z-index:1000; padding-bottom:env(safe-area-inset-bottom);}
#tabbar .tab {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; font-size:10px; font-weight:600; color:#AAA; position:relative;}
#tabbar .tab svg {width:22px; height:22px; stroke:#AAA; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
#tabbar .tab.on {color:#222;}
#tabbar .tab.on svg {stroke:#222;}
#tabbar .tab-cnt {position:absolute; top:6px; right:50%; margin-right:-20px; min-width:15px; height:15px; line-height:15px; border-radius:8px; background:#222; color:#fff; font-size:9px; font-weight:bold; font-style:normal; text-align:center; padding:0 3px;}
#tabbar .tab-cnt:empty {display:none;}
body.no-tabbar #tabbar {display:none;}

/* BASIC css end */