@charset "utf-8";
/* ==========================================================================
   오프라인 매장 안내 — PC(1024px~) 전용
   service/store_list.html · 토큰: gd_tokens.css
   모바일 화면은 건드리지 않는다 — 모든 규칙을 미디어쿼리 안에만 둔다.
   @entwiz 2026-09
   ========================================================================== */
@media (min-width: 1024px) {

    /* 레이아웃 — 콘텐츠 폭 가운데 정렬 */
    .store_infomation {max-width:calc(var(--layout-max, 1280px) + var(--layout-margin, 20px) * 2); margin:0 auto; padding:var(--space-8, 32px) var(--layout-margin, 20px) var(--space-16, 64px);}
    .store_infomation * {box-sizing:border-box;}
    .store_infomation .boardlist {width:100%;}

    /* 검색바 — 중앙, 폭 제한. padding은 건드리지 않는다:
       gd_common의 .board_search{padding:16px..}와 .search_btn{top:16px}이 짝이라
       패딩을 0으로 없애면 검색버튼만 16px 아래로 어긋난다. */
    .store_infomation .board_search {max-width:640px; margin:0 auto;}

    /* 매장 수 + 지역 select — 한 줄 정렬.
       sel_box 좌우 패딩 0: board.css의 padding:14px 20px 이 컨테이너(20px)와 이중이라
       "개 매장" 문구가 밀려 보임 → 패딩 제거해 카드 좌측선과 정렬.
       지역 select 은 board.css의 margin-left:auto 로 우측에 붙음(min-width 제거로 우측 끝에 딱 붙게). */
    .store_infomation .sel_box {display:flex; align-items:center; justify-content:space-between; margin:var(--space-6, 24px) 0; padding:0;}

    /* 구분선 숨김(그리드에서 불필요) */
    .store_infomation .division {display:none;}

    /* 매장 목록 — PC 3열 그리드 카드 */
    .store_infomation .store_list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--space-4, 16px);}
    .store_infomation .store_list > li {float:none; width:auto; margin:0; border:1px solid var(--color-neutral-9, #EBEBEB); border-radius:8px;}
    .store_infomation .store_list .board_store {height:100%; display:flex; align-items:center; justify-content:space-between; padding:var(--space-5, 20px);}
    .store_infomation .store_list .board_store > a {flex:1; min-width:0;}
    /* 전화 버튼 — 상위 flex 때문에 줄어들어 타원이 되므로 축소 금지(44px 원형 유지) */
    .store_infomation .store_list .board_store .callStore {flex:none;}

    /* 페이징 중앙 */
    .store_infomation .page_btn_box {margin-top:var(--space-10, 40px); text-align:center;}
}