/* BASIC css start */
/* =========================================================
   모바일 하단 (리뉴얼)
   ========================================================= */

/* 하단 탭바 높이만큼 본문 아래 여백 */
body {padding-bottom:calc(var(--m-tab-h) + env(safe-area-inset-bottom));}
.mh-notab body {padding-bottom:0;}

#footer {margin:40px 0 0; padding:0 0 28px; background:var(--m-gray); color:var(--b-mute); font-size:13px; line-height:1.6;}
#footer a {color:inherit;}
#footer .mf-tit {margin:0 0 8px; font-size:13px; font-weight:700; color:var(--b-ink);}

/* 고객센터 */
#footer .mf-cs {padding:28px 20px 22px; background:#fff; border-top:1px solid var(--b-line);}
#footer .mf-tel {display:inline-block; font-family:'Roboto',sans-serif; font-size:26px; font-weight:700; letter-spacing:0; color:var(--b-ink); line-height:1.2;}
#footer .mf-time {margin:6px 0 14px; font-size:13px;}
#footer .mf-time em {font-style:normal; color:var(--m-sale);}
#footer .mf-cs-btns {display:-webkit-box; display:flex; gap:8px;}
#footer .mf-cs-btns a {-webkit-box-flex:1; flex:1; display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; gap:6px; height:44px; border:1px solid var(--m-line2); border-radius:22px; background:#fff; font-size:14px; font-weight:700; color:var(--b-ink);}
#footer .mf-mail {margin:12px 0 0; font-size:13px;}

/* 입금 계좌 */
#footer .mf-bank {padding:22px 20px; background:#fff; border-top:8px solid var(--m-gray);}
#footer .mf-bank ul {margin:0; padding:0;}
#footer .mf-bank li {display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; gap:10px; min-height:40px;}
#footer .mf-bank-name {width:32px; font-weight:700; color:var(--b-ink);}
#footer .mf-bank-num {-webkit-box-flex:1; flex:1; font-family:'Roboto',sans-serif; font-size:14.5px; letter-spacing:0; color:var(--b-ink);}
#footer .mf-copy {height:30px; padding:0 12px; border:1px solid var(--m-line2); border-radius:15px; background:#fff; font-size:12px; font-weight:500; color:var(--b-ink); cursor:pointer;}
#footer .mf-copy.is-done {background:var(--b-point); border-color:var(--b-point); color:#fff;}
#footer .mf-owner {margin:6px 0 0; font-size:13px;}

/* 바로가기 */
#footer .mf-quick {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:8px 0 0; background:var(--b-line); border-top:1px solid var(--b-line); border-bottom:1px solid var(--b-line);}
#footer .mf-quick a {display:block; height:48px; line-height:48px; background:#fff; text-align:center; font-size:13.5px; color:var(--b-ink);}

/* 약관 링크 */
#footer .mf-links {display:-webkit-box; display:flex; flex-wrap:wrap; -webkit-box-pack:center; justify-content:center; gap:4px 18px; margin:0; padding:20px 16px 4px;}
#footer .mf-links a {display:inline-block; line-height:32px; font-size:12.5px;}
#footer .mf-links strong {font-weight:700; color:var(--b-ink);}

/* 사업자 정보 */
#footer .mf-biz {padding:0 20px; text-align:center;}
#footer .mf-biz-btn {display:-webkit-inline-box; display:inline-flex; -webkit-box-align:center; align-items:center; gap:4px; height:40px; padding:0; border:0; background:none; font-size:12.5px; font-weight:500; color:var(--b-mute); cursor:pointer;}
#footer .mf-biz-btn svg {-webkit-transition:-webkit-transform .2s; transition:transform .2s;}
#footer .mf-biz-btn[aria-expanded="true"] svg {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#footer .mf-biz-info {display:none; margin:0 0 8px; padding:14px 16px; border-radius:12px; background:#fff; text-align:left; font-size:12px; line-height:1.7;}
#footer .mf-biz-info.is-open {display:block;}
#footer .mf-biz-info p {margin:0;}
#footer .mf-biz-info a {text-decoration:underline;}
#footer .mf-note {margin-top:8px !important; color:#8a959a;}
#footer .mf-escrow {margin:6px 0 0; font-size:12px;}
#footer .mf-escrow a {text-decoration:underline;}
#footer .mf-copyright {margin:4px 0 0; font-size:11.5px; color:#8a959a;}

/* 맨 위로 버튼 */
.section_fixedFooter {position:fixed; right:14px; bottom:calc(var(--m-tab-h) + 14px + env(safe-area-inset-bottom)); z-index:880; width:auto; pointer-events:none;}
.mh-notab .section_fixedFooter {bottom:calc(84px + env(safe-area-inset-bottom));}
.section_fixedFooter .btn_toggle_area {position:static; width:auto; height:auto;}
.section_fixedFooter .btn_up {position:static; display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; width:44px; height:44px; border:1px solid var(--b-line); border-radius:22px; background:rgba(255,255,255,.96); color:var(--b-ink); box-shadow:0 4px 14px rgba(31,42,48,.14); opacity:0; -webkit-transform:translateY(8px); transform:translateY(8px); -webkit-transition:opacity .2s, -webkit-transform .2s; transition:opacity .2s, transform .2s; pointer-events:none;}
.section_fixedFooter .btn_up.is-show {opacity:1; -webkit-transform:none; transform:none; pointer-events:auto;}

/* 하단 탭바 */
.mf-tabbar {position:fixed; left:0; right:0; bottom:0; z-index:900; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); height:calc(var(--m-tab-h) + env(safe-area-inset-bottom)); padding-bottom:env(safe-area-inset-bottom); box-sizing:border-box; background:rgba(255,255,255,.97); border-top:1px solid var(--b-line); -webkit-backdrop-filter:saturate(1.6) blur(10px); backdrop-filter:saturate(1.6) blur(10px);}
.mf-tabbar a {position:relative; display:-webkit-box; display:flex; -webkit-box-orient:vertical; flex-direction:column; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; gap:3px; font-size:10.5px; color:#7b868b;}
.mf-tabbar a.is-on {color:var(--b-ink); font-weight:700;}
.mf-tabbar a.is-on svg {stroke-width:2.1;}
.mf-tabbar .mh-count {top:5px; right:calc(50% - 22px); font-style:normal;}
.mh-notab .mf-tabbar {display:none;}

/* 이 화면에서만 쓰던 예전 하단(고정 상담창) 숨김 */
.section_fixedFooter_dn, .btn_fixedFooter {display:none !important;}

@media screen and (min-width:768px) {
.mf-tabbar {max-width:600px; margin:0 auto; border-left:1px solid var(--b-line); border-right:1px solid var(--b-line); border-radius:16px 16px 0 0;}
}

/* BASIC css end */