* { box-sizing: border-box; }
body {overflow-x: hidden; }
.wbKeepAll {word-break: keep-all; }
.innerC {max-width:1156px; margin:auto; }

/*지점찾기 섹션*/
#secSpotTopMenu { padding-top:clamp(120px,6.77vw,130px); padding-bottom:clamp(20px,2.60vw,50px); }
#secSpotTopMenu .innerC .left.txt{ font-size:clamp(24px,2.19vw,42px); font-weight:bold; line-height:clamp(30px,3.02vw,58px); }
#secSpotTopMenu .innerC .right{ }
#secSpotTopMenu .innerC .right .bx{  background:#FFF; position:relative; }
#secSpotTopMenu .innerC .right .bx .txt{ font-size:clamp(12px,0.78vw,15px); }
#secSpotTopMenu .innerC .right .bx select.menu { background:#FFF; font-size:clamp(14px,0.78vw,15px); padding:12px 28px 12px 12px; border-radius:12px; border:1px solid #E9ECEF; }
#secSpotTopMenu .innerC .right .bx select.menu option{ padding:8px; white-space:normal; }
#secSpotTopMenu .innerC .right .bx .icon{ position:absolute; right:16px; top:50%; transform:translateY(-50%); pointer-events:none; z-index:1; }

/*지점 섹션 공통 스타일*/
#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:0vw 3vw;  }
    #secSpotTopMenu .innerC .right .bx{ position:relative; }
    #secSpotTopMenu .innerC .left .bx{ height:clamp(28px,3.02vw,58px); margin-bottom:23px; }
    #secSpotTopMenu .innerC .right .bx select.menu{ width:100%; background:#FFF; position:relative;font-size:clamp(14px,0.78vw,15px); }

    #secFindBranch .innerC { padding:0vw 3vw; }
    #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); }
}
