/* ==========================================================================
   bf.cs — 고객센터 안내

   전역 main.css '11-7. 고객센터' 에서 옮겨 왔다.

   ※ 위젯 껍데기(.widget · .widget-tit)는 전역에 남긴다 — 사이드바 위젯들이
     함께 쓰는 공용이다.
   ========================================================================== */

.widget-cs { text-align: center; background: linear-gradient(160deg, var(--surface), var(--sky-50)); }
.widget-cs .widget-tit { justify-content: center; }
.cs-tel {
  margin-top: 10px;
  font-family: var(--font-en);
  font-size: 26px; font-weight: 800; color: var(--sky-t3); letter-spacing: -.5px;
}
.cs-time { margin-top: 7px; font-size: 12.5px; line-height: 1.65; color: var(--ink-500); }

.cs-faq {
  margin-top: 14px; padding-top: 13px;
  border-top: 1px dashed var(--line);
  text-align: left;
}
.cs-faq li + li { margin-top: 1px; }
.cs-faq a {
  display: flex; align-items: flex-start; gap: 7px;
  padding: 6px 5px;
  border-radius: var(--r-xs);
  font-size: 13px; line-height: 1.45; color: var(--ink-600);
  transition: background .18s, color .18s;
}
.cs-faq a:hover { background: var(--sky-100); color: var(--sky-t3); }
.cs-faq i {
  flex: none;
  display: flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; margin-top: 1px;
  border-radius: 50%;
  background: var(--sky-200); color: var(--sky-t3);
  font-family: var(--font-en);
  font-size: 10px; font-weight: 700;
}
.cs-btns { display: flex; gap: 6px; margin-top: 13px; }
.widget-cs .cs-btns .bf-btn { flex: 1 1 0; height: 40px; padding: 0 8px; font-size: 13.5px; }


/* ---------------------------------------------------------- 반응형 */

@media (max-width: 1080px) {
  .widget-cs { grid-column: span 2; }
}

@media (max-width: 900px) {
  .widget-cs { grid-column: auto; }
}

@media (max-width: 420px) {
  .cs-tel { font-size: 23px; }
}