/* Shared branch map: readable labels and direct branch links. */
#main-cont08 .branch-map .branch-map-in a.ii{display:block;cursor:pointer;text-decoration:none;white-space:nowrap;z-index:2}
#main-cont08 .branch-map .branch-map-in .ii>span{font-size:1.69rem;height:2.6rem;padding:0 .85rem}
#main-cont08 .branch-map .branch-map-in .ii.active,#main-cont08 .branch-map .branch-map-in .ii:hover,#main-cont08 .branch-map .branch-map-in .ii:focus-visible{z-index:3}
#main-cont08 .branch-map .branch-map-in .ii:focus-visible{outline:2px solid #009999;outline-offset:4px}
#main-cont08 .branch-info .btn{flex-wrap:wrap;gap:16px}
#main-cont08 .branch-info .btn>a{white-space:nowrap;line-height:1.5}
#main-cont08 .branch-info .btn .f_arr{color:#009999;border-color:#009999}
@media(max-width:640px){
 #main-cont08 .branch-info .btn{justify-content:center;gap:10px 12px}
 #main-cont08 .branch-info .btn>a{font-size:12px;gap:5px}
 #main-cont08 .branch-info .btn .f_arr{width:16px;height:16px;font-size:12px;flex:0 0 16px}
}

@media(max-width:1024px){
 #main-cont08 .branch-map .branch-map-in .icon20>span{transform:translate(-.5rem,.5rem)}
 #main-cont08 .branch-map .branch-map-in .icon10>span{transform:translateY(.5rem)}
}

@media(min-width:641px) and (max-width:1024px){#main-cont08 .branch-map .branch-map-in .icon20>span{transform:translate(-.5rem,1.5rem)}}

/* ===== 신규 지점: 전주(icon22) · 왕십리(icon23) — 2026-11-05 ===== */
#main-cont08 .branch-map .branch-map-in .icon22{margin:4.2rem 0 0 -15.2rem;}
#main-cont08 .branch-map .branch-map-in .icon22:before{margin:-4.8rem 0 0 -0.9rem;}
#main-cont08 .branch-map .branch-map-in .icon23{margin:-26.4rem 0 0 -6.2rem;}
#main-cont08 .branch-map .branch-map-in .icon23:before{margin:-1.3rem 0 0 -4.9rem;}
@media only screen and (max-width:840px){
 #main-cont08 .branch-map .branch-map-in .icon22{margin:42px 0 0 -152px;}
 #main-cont08 .branch-map .branch-map-in .icon22:before{margin:-48px 0 0 -9px;}
 #main-cont08 .branch-map .branch-map-in .icon23{margin:-264px 0 0 -62px;}
 #main-cont08 .branch-map .branch-map-in .icon23:before{margin:-13px 0 0 -49px;}
}


/* ===== 좌표 조정(2026-11-05): 마포공덕·노원 왼쪽으로, 일산 왼쪽으로 ===== */
#main-cont08 .branch-map .branch-map-in .icon01{margin:-31.3rem 0 0 -14.2rem;}
#main-cont08 .branch-map .branch-map-in .icon02{margin:-29.8rem 0 0 -7rem;}
#main-cont08 .branch-map .branch-map-in .icon07{margin:-29.3rem 0 0 -19.5rem;}
#main-cont08 .branch-map .branch-map-in .icon07:before{margin:-0.2rem 0 0 3rem;}
#main-cont08 .branch-map .branch-map-in .icon01:before{margin:2rem 0 0 -1.7rem;}
@media only screen and (max-width:840px){
 #main-cont08 .branch-map .branch-map-in .icon01{margin:-313px 0 0 -142px;}
 #main-cont08 .branch-map .branch-map-in .icon01:before{margin:20px 0 0 -17px;}
 #main-cont08 .branch-map .branch-map-in .icon02{margin:-298px 0 0 -70px;}
 #main-cont08 .branch-map .branch-map-in .icon02:before{margin:-12px 0 0 -50px;}
 #main-cont08 .branch-map .branch-map-in .icon07{margin:-293px 0 0 -195px;}
 #main-cont08 .branch-map .branch-map-in .icon07:before{margin:-2px 0 0 30px;}
}

/* ===== 모바일(640px 이하) vw 좌표 — 2026-11-05 (테마가 640px 이하에서 vw 세트를 쓰므로 동일 단위로 재정의) ===== */
@media only screen and (max-width:640px){
 #main-cont08 .branch-map .branch-map-in .icon22{margin:8.2677vw 0 0 -29.9213vw;}
 #main-cont08 .branch-map .branch-map-in .icon22:before{margin:-9.4488vw 0 0 -1.7717vw;}
 #main-cont08 .branch-map .branch-map-in .icon23{margin:-51.9685vw 0 0 -12.2047vw;}
 #main-cont08 .branch-map .branch-map-in .icon23:before{margin:-2.5591vw 0 0 -9.6457vw;}
 #main-cont08 .branch-map .branch-map-in .icon01{margin:-61.6142vw 0 0 -27.9528vw;}
 #main-cont08 .branch-map .branch-map-in .icon01:before{margin:3.9370vw 0 0 -3.3465vw;}
 #main-cont08 .branch-map .branch-map-in .icon02{margin:-58.6614vw 0 0 -13.7795vw;}
 #main-cont08 .branch-map .branch-map-in .icon02:before{margin:-2.3622vw 0 0 -9.8425vw;}
 #main-cont08 .branch-map .branch-map-in .icon07{margin:-57.6772vw 0 0 -38.3858vw;}
 #main-cont08 .branch-map .branch-map-in .icon07:before{margin:-0.3937vw 0 0 5.9055vw;}
}