/* BASIC css start */
/* =========================================================
   오프라인 매장 안내 (리뉴얼 · PC와 같은 내용)
   ========================================================= */
.m2-store {padding:0 16px 24px;}
.m2-store .st-head {padding:20px 0 16px;}
.m2-store .st-head h3 {font-size:22px; font-weight:900; color:var(--b-ink);}
.m2-store .st-head p {margin-top:6px; font-size:14px; line-height:1.6; color:var(--b-mute);}
.m2-store .st-cards {display:flex; flex-direction:column; gap:8px;}
.m2-store .st-card {display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--b-line); border-radius:14px; color:var(--b-ink);}
.m2-store .st-ico {flex:none; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:#e4eff2; color:var(--b-deep);}
.m2-store .st-body {flex:1; min-width:0;}
.m2-store .st-body strong {display:block; margin-bottom:3px; font-size:12.5px; font-weight:700; color:var(--b-mute);}
.m2-store .st-time li {display:flex; justify-content:space-between; gap:8px; font-size:14px; line-height:1.7;}
.m2-store .st-time li span {color:var(--b-mute);}
.m2-store .st-time b {font-weight:700;}
.m2-store .st-time b.is-off {color:var(--m-sale);}
.m2-store .st-tel {font-size:18px; font-weight:700; font-family:'Roboto',sans-serif; letter-spacing:0;}
.m2-store .st-addr {font-size:14.5px; line-height:1.55;}
.m2-store .st-act {flex:none; display:inline-flex; align-items:center; height:34px; padding:0 12px; border:1px solid var(--m-line2); border-radius:17px; background:#fff; font-size:12.5px; font-weight:600; color:var(--b-ink); cursor:pointer;}
.m2-store .st-copy.is-done {background:var(--b-point); border-color:var(--b-point); color:#fff;}
.m2-store .st-notice {display:flex; align-items:flex-start; gap:8px; margin:12px 0 0; padding:12px 14px; border-radius:12px; background:#fdf2f1; font-size:13.5px; line-height:1.55; color:#8a2f28;}
.m2-store .st-notice svg {flex:none; margin-top:1px;}
.m2-store .st-title {margin:28px 0 12px; font-size:18px; font-weight:800;}
.m2-store .st-map img {display:block; width:100%; height:auto; border-radius:14px; border:1px solid var(--b-line);}
.m2-store .st-route {display:flex; flex-direction:column; gap:10px; margin-top:12px;}
.m2-store .st-route-card {padding:16px; border-radius:14px; background:var(--m-gray);}
.m2-store .st-route-hd {display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px;}
.m2-store .st-route-hd h5 {display:flex; align-items:center; gap:6px; font-size:15px; font-weight:800;}
.m2-store .st-route-hd h5 em {display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#8b50a4; color:#fff; font-size:11px; font-weight:700; font-family:'Roboto',sans-serif;}
.m2-store .st-route-hd a {flex:none; display:inline-flex; align-items:center; height:30px; padding:0 11px; border-radius:15px; background:#03c75a; color:#fff; font-size:12px; font-weight:700;}
.m2-store .st-route li {display:flex; gap:10px; padding:10px 0; border-top:1px solid #e3e8ea; font-size:13.5px; line-height:1.6;}
.m2-store .st-route li:first-child {border-top:0; padding-top:0;}
.m2-store .st-exit {flex:none; display:inline-flex; align-items:center; height:24px; padding:0 8px; border-radius:12px; background:#fff; font-size:12px; font-weight:700;}
.m2-store .st-route li p {min-width:0;}
.m2-store .st-route .bus {display:inline-block; padding:0 6px; border-radius:4px; background:#53b332; color:#fff; font-size:12px; line-height:20px;}
@media screen and (min-width:600px) {
.m2-store .st-cards {display:grid; grid-template-columns:repeat(3,minmax(0,1fr));}
.m2-store .st-card {flex-direction:column; align-items:flex-start;}
.m2-store .st-act {align-self:flex-start;}
.m2-store .st-route {display:grid; grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* BASIC css end */