/* BASIC css start */
/* =========================================================
   MOBILE FOOTER PATCH (사천몰)
   - 고객센터 바 + 운영시간
   - SNS 가로 정렬(세로 고정 완전 제거)
   - 하단 고정바에 가리지 않게 footer 여백
========================================================= */

/* ✅ 하단 고정바(#fix_bt_Bar) 때문에 footer 마지막이 가려지는 문제 해결 */
#footer{
  padding-bottom:90px; /* 필요하면 80~110px 조절 */
}

/* 공통 폭 */
.mfoot_inner,
#footer .foot_middle .foot_inner{
  width:92%;
  margin:0 auto;
}

/* ===== 고객센터 영역 ===== */
.mfoot_cs{
  background: linear-gradient(180deg,#2f5bb0 0%, #274b90 100%);
  padding:18px 0 16px;
}

.mfoot_csbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:16px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}

.mfoot_left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

/* 아이콘 */
.mfoot_ico{
  width:44px;
  height:44px;
  border-radius:12px;
  background: rgba(255,255,255,.0);
  flex:0 0 auto;

  /* ✅ 아이콘 경로 */
  background-image:url('/design/sacheonmal/img/ic_cs_headset_white.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
}

.mfoot_title{ min-width:0; }
.mfoot_title .t1{
  font-size:13px;
  font-weight:800;
  color:#fff;
  opacity:.95;
  letter-spacing:-0.02em;
  line-height:1.2;
}
.mfoot_title .t2{
  margin-top:4px;
  font-size:20px;
  font-weight:900;
  color:#ffd76b;
  letter-spacing:-0.6px;
  line-height:1.05;
  white-space:nowrap;
}

/* 전화걸기 버튼 */
.mfoot_call{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  min-width:86px;
  border-radius:999px;
  background: linear-gradient(180deg,#ffe27a,#ffd24d);
  color:#1f2a44;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* 운영시간 */
.mfoot_time{
  margin-top:10px;
  padding:10px 4px 0;
}
.mfoot_time .row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:6px 0;
}
.mfoot_time .lab{
  width:62px;
  flex:0 0 62px;
  font-size:14px;
  font-weight:600;
  color: rgba(255,255,255,.88);
}
.mfoot_time .val{
  font-size:14px;
  font-weight:700;
  color: rgba(255,255,255,.92);
  letter-spacing:-0.02em;
}

/* ===== foot_middle 기본 유지 + 최소 정리 ===== */
#footer .foot_middle{
  background:#fff;
  padding:18px 0 22px;
}
#footer .foot_middle li{ list-style:none; }

#footer .foot_middle .foot_info{
  font-size:14px;
  font-weight:800;
  color:#111;
  margin:0 0 10px;
}
#footer .foot_middle .f_info li{
  font-size:12px;
  color:#444;
  line-height:1.55;
}

#footer .f_sns--sacheon{
  margin:18px 0 14px;
}

#footer .f_sns--sacheon ul{
  display:flex;
  justify-content:left;
  align-items:center;
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}

#footer .f_sns--sacheon li{
  flex:0 0 auto;
}

#footer .f_sns--sacheon a{
  width:48px;          /* ⬅ 크게 */
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f6f7f9;
  border:0px solid #e5e8ee;
}

#footer .f_sns--sacheon img{
  width:48px;          /* ⬅ 실제 아이콘 크기 */
  height:48px;
  object-fit:contain;
}

/* foot_link 정리 */
#footer .foot_middle .foot_link{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  margin-top:14px;
}
#footer .foot_middle .foot_link a{
  font-size:12px;
  font-weight:700;
  color:#333;
  text-decoration:none;
}
/* BASIC css end */