* { box-sizing: border-box; }
body {overflow-x: hidden; }
.wbKeepAll {word-break: keep-all; }
.innerC {max-width:1156px; margin:auto; }
/* 768px ~ 1196px: 1156px 상한보다 좁은데 좌우 여백 규칙이 없어 글자가 화면 끝에 붙었다 (767px 이하는 아래 16px) */
@media (min-width:768px) and (max-width:1196px) { .innerC { padding:0 20px; } }

/*지점찾기 섹션*/
#secSpotTopMenu { padding-top:clamp(160px,9.38vw,180px); padding-bottom:clamp(20px,2.60vw,50px); }   /* PC 헤더 120px + 간격 40~60px */
/* 헤더(brand_header_v2, position:fixed)는 PC 120px(띠 45 + 메뉴 75)이지만 1199px 이하에서는 띠가 숨고 메뉴 45px 만 남는다(testBrand.css).
   PC 값(120px)을 그대로 두면 제목 위가 75px 빈다 → 헤더 45px + 간격 28px */
@media (max-width:1199px) { #secSpotTopMenu { padding-top:73px; } }
#secSpotTopMenu .innerC .left.txt{ font-size:clamp(24px,2.19vw,42px); font-weight:bold; line-height:clamp(30px,3.02vw,58px); }

/* 지점 찾기 도구 (내 위치 · 검색 · 지역 칩) — 시안: 지점찾기.jpg */
#secSpotTopMenu .fbFinder { margin-top:clamp(20px,1.67vw,32px); }
#secSpotTopMenu .fbNear { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:clamp(48px,3.33vw,54px);
    border:0; border-radius:16px; background:#BB2649; color:#FFF; font-size:clamp(16px,0.94vw,18px); font-weight:700; cursor:pointer;
    box-shadow:0 4px 12px rgba(187,38,73,.18); transition:background .2s ease; }
#secSpotTopMenu .fbNear:hover { background:#9E1F3D; }
#secSpotTopMenu .fbNear:disabled { opacity:.7; cursor:progress; }
#secSpotTopMenu .fbNear i { font-size:22px; }
#secSpotTopMenu .fbNearMsg { margin:10px 0 0; font-size:14px; color:#666; }
#secSpotTopMenu .fbSearch { position:relative; margin-top:16px; }
#secSpotTopMenu .fbSearch i { position:absolute; left:20px; top:50%; transform:translateY(-50%); font-size:20px; color:#868E96; pointer-events:none; }
#secSpotTopMenu .fbSearch input { width:100%; height:clamp(46px,3.13vw,50px); padding:0 20px 0 52px; border:1px solid #DEE2E6; border-radius:16px;
    background:#FFF; font-size:16px; color:#212529; outline:0; -webkit-appearance:none; appearance:none; }
#secSpotTopMenu .fbSearch input::placeholder { color:#868E96; }
#secSpotTopMenu .fbSearch input:focus { border-color:#BB2649; }
#secSpotTopMenu .fbChips { display:flex; gap:8px; margin-top:16px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
#secSpotTopMenu .fbChips::-webkit-scrollbar { display:none; }
#secSpotTopMenu .fbChip { flex:0 0 auto; height:38px; padding:0 15px; border:1px solid #DEE2E6; border-radius:999px; background:#FFF;
    font-size:15px; font-weight:700; color:#4A4A4A; cursor:pointer; white-space:nowrap; }
#secSpotTopMenu .fbChip em { font-style:normal; font-weight:500; color:#868E96; }
#secSpotTopMenu .fbChip.is-active { background:#BB2649; border-color:#BB2649; color:#FFF; }
#secSpotTopMenu .fbChip.is-active em { color:rgba(255,255,255,.75); }
#secSpotTopMenu .fbCount { margin:20px 0 0; font-size:14px; color:#666; }
/* PC(768px 이상): 한 줄 도구막대 — [검색창][내 위치 외곽선 버튼], 아래 줄 [지역 칩 … 지점 수]. 모두 왼쪽 기준선.
   모바일은 위의 채움 버튼 → 검색창 → 칩 순서 그대로 */
@media (min-width:768px) {
    #secSpotTopMenu .fbFinder { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; align-items:center; }
    #secSpotTopMenu .fbSearch { grid-column:1; grid-row:1; margin-top:0; }
    #secSpotTopMenu .fbNear { grid-column:2; grid-row:1; width:auto; height:clamp(46px,3.13vw,50px); padding:0 22px; gap:8px;
        border:1px solid #BB2649; border-radius:16px; background:#FFF; box-shadow:none; color:#BB2649; font-size:15px; white-space:nowrap; }
    #secSpotTopMenu .fbNear:hover { background:#BB2649; color:#FFF; }
    #secSpotTopMenu .fbNear i { font-size:18px; }
    #secSpotTopMenu .fbNearMsg { grid-column:1 / -1; grid-row:2; }
    #secSpotTopMenu .fbChips { grid-column:1; grid-row:3; min-width:0; }
    #secSpotTopMenu .fbCount { grid-column:2; grid-row:3; justify-self:end; margin:16px 0 0; }
}
#secFindBranch .innerC .lf .title .fbDist { margin-left:8px; font-size:14px; font-weight:600; color:#BB2649; vertical-align:middle; }

/*지점 섹션 공통 스타일*/
#secFindBranch .innerC .img { width:100%; }
#secFindBranch .innerC .img img{ width:100%; }
#secFindBranch .innerC .lf { margin-left:60px; }
#secFindBranch .innerC .lf .title { font-size:clamp(22px,1.45vw,28px); font-weight:bold; margin-bottom:8px; }
#secFindBranch .innerC .lf .address { font-size:clamp(14px,0.93vw,18px); margin-bottom:clamp(8px,1.25vw,24px); }
#secFindBranch .innerC .bx { background:#F8F9FA; border-radius:25px; width:100%; padding:24px 28px; margin-top:clamp(8px,1.25vw,24px); }
#secFindBranch .innerC .bx .info { width:478px; }
#secFindBranch .innerC .bx .info .hours{ width:100%; }
#secFindBranch .innerC .bx .info .timebox { width:55px; font-size:clamp(13px,0.78vw,15px); font-weight:bold; margin-bottom:8px; }
#secFindBranch .innerC .bx .info .timebox .content{ }
#secFindBranch .innerC .bx .info .tb .day { width:50px; font-size:clamp(13px,0.83vw,16px); color:#868E96; margin-bottom:4px; }
#secFindBranch .innerC .bx .info .tb .time { width:auto; font-size:clamp(13px,0.83vw,16px); margin-bottom:4px; color:#212529; }
#secFindBranch .innerC .bx .mainPhone .hours { width:auto; }
#secFindBranch .innerC .bx .mainPhone .hours .timebox{ font-size:clamp(13px,0.78vw,15px); font-weight:bold; }
#secFindBranch .innerC .bx .mainPhone .hours .ceoPhone{font-size:clamp(13px,0.83vw,16px); }
#secFindBranch .innerC .var { width:1px; height:auto; background:#E1E1E1; margin:0 30px; stroke-width:1px; }
#secFindBranch .innerC .comment { width:100%; background:#F1F3F5; border-radius:8px;padding:8px 16px; }
#secFindBranch .innerC .comment .txt{ font-size:clamp(12px,0.72vw,14px); color:#868E96; width:100%; }

/* 마지막 지점(부천점)과 푸터 사이 간격 */
.branchSection:last-of-type { margin-bottom:clamp(10px, 6.25vw, 120px); }

.topTextArea { margin-top: clamp(12px,1.04vw,20px); }
.bottomArea { margin-bottom: clamp(20px,1.25vw,24px); }

@media (max-width:767px) {

    .innerC {width:100%; margin:auto; }

    #secSpotTopMenu .innerC { padding: 0 16px; }
    #secSpotTopMenu .fbChip { height:34px; padding:0 13px; font-size:14px; }
    #secSpotTopMenu .fbSearch i { left:16px; }
    #secSpotTopMenu .fbSearch input { padding:0 14px 0 44px; font-size:15px; }

    #secFindBranch .innerC { padding: 0 16px; }
    #secFindBranch .innerC a { flex-wrap:wrap; }
    #secFindBranch .innerC .img { width:100%; }
    #secFindBranch .innerC .img img{ width:100%; }
    #secFindBranch .innerC .lf{ margin-left:0px; width:100%; }
    #secFindBranch .innerC .lf .title{ margin-top:12px; }
    #secFindBranch .innerC .lf .address{ width:100%; }
    #secFindBranch .innerC .bx{ background:#F8F9FA; border-radius:15px; width:100%; padding:15px 16px; }
    #secFindBranch .innerC .bx .info{ width:100%; }
    #secFindBranch .innerC .bx .info .tb { margin-left:20px; }
    #secFindBranch .innerC .bx .info .hours .ti { display:flex; }
    #secFindBranch .innerC .bx .info .var { width:100%; height:1px; background:#E1E1E1; margin:12px 0; stroke-width:1px; }
    #secFindBranch .innerC .bx .info .comment { width:100%; background:#F1F3F5; border-radius:8px; padding:8px 16px; }
    #secFindBranch .innerC .bx .info .hours{ width:100%; display:flex; flex-wrap:wrap; }
    #secFindBranch .innerC .bx .mainPhone .hours{ display:flex; }
    #secFindBranch .innerC .bx .mainPhone .hours .ceoPhone{ width:auto; }
    #secFindBranch .innerC .bx .mainPhone { }
    #secFindBranch .innerC .comment { width:100%; background:#F1F3F5; border-radius:8px; }

    .bottomArea { margin-bottom: clamp(30px,1.25vw,24px); }
}