@charset "utf-8";


.center-box-wrap { height: 620px; }
.center-box-wrap .center-box.selected, 
.center-box-wrap .center-box:hover { border-color: var(--blue); }
.center-box-wrap .center-box h3.center-tit { color: var(--blue); }
.center-box-wrap .center-box h3.center-tit span.distance { color: #838383; font-size: 1.3rem; font-weight: 500; }
.center-box-wrap .center-box p { font-weight: 600; padding-bottom: 10px;}
.center-box-wrap .center-box p span.thin { font-weight: 400; display: block; padding-left: 20px; font-size: 1.3rem; }
.center-box-wrap .center-box p.center-address img { width: 12px; margin-right: 10px;}
.center-box-wrap .center-box p.center-phone img { width: 12px; margin-right: 10px;}
.center-box-wrap .center-box .center-reserv img { width: 15px; margin-right: 7px; }

.map-search-result-wrap .select-box-wrap { display: flex; justify-content: space-between; align-items: center;}
.map-search-result-wrap .select-box-wrap .flex-item { display: flex; align-items: center; gap: 5px; }
.map-search-result-wrap .select-box-wrap .flex-item .gps-search { float: none; top: -2px; }
.map-search-result-wrap .select-box-wrap .flex-item .gps-search a span { border: 1px solid #e1e1e1; border-radius: 5px; padding: 6px 10px 5px; font-size: 1.3rem; color: #4C4C4C; background-color: #fff; }
.map-search-result-wrap .select-box { float: none; }
.modal-search-area .btn-wrap { display: flex; gap: 5px; flex-wrap: wrap;}
.modal-search-area .btn-wrap button { width: auto; flex: 1 1 40%; margin: 0; float: none; display: flex; align-items: center; justify-content: center; gap: 5px;}
.modal-search-area .btn-wrap button img { width: 15px; height: 15px; }
.gps-modal .modal-top-tit h2 .thin { font-size: 1.3rem; font-weight: 400; color: #555; padding-left: 5px;}

.gps-info { float: none; }
.gps-info span { color: var(--blue); box-shadow: 2px 2px 0px var(--blue); border: 1px solid var(--blue); border-radius: 5px; }




/* 센터 지도 */
.map-background-wrap { background: #F1F5F7; }
.map-background-wrap .map-content-title { text-align: center; padding-bottom: 25px;}
.map-background-wrap .map-content-title .tit { font-size: 2.8rem; font-weight: 900; padding-bottom: 15px; }
.map-background-wrap .map-content-title .txt { font-size: 1.7rem; color: #575757; }
.map-area .head-count { border-color: var(--blue); }
.map-area .head-count span.short-center::before, 
.map-area .head-count span.max-center::before { border-color: var(--blue); }
.map-area .map-pin-wrap .center-info { border-color: var(--blue); }
.map-area .map-pin-wrap .center-info h3 { color: var(--blue); }
.map-area .map-pin-wrap .center-info .btn-wrap button.small-btn:hover { background-color: var(--blue); }
.map-area .map-pin-wrap .center-info ul.center-address-info li .thin { font-weight: 400; display: block; padding-left: 20px; padding-top: 7px; font-size: 1.3rem; }
.map-area .map-pin-wrap .center-info { max-height: 600px; overflow-y: auto; }
.map-area .map-pin-wrap .center-info::before,
.map-area .map-pin-wrap .center-info::after { display: none; }

@media (max-width: 768px) {
    .body-container .content-background-wrap .content-background { padding-top: 20px;}
    .map-background-wrap .content-container { padding-top: 40px;}
    .map-background-wrap .map-content-title { padding-bottom: 15px;}
    .map-background-wrap .map-content-title .tit { font-size: 2.4rem; }
    .map-background-wrap .map-content-title .txt { font-size: 1.5rem; }
    .map-area .map-pin-wrap .center-info { padding: 10px; max-height: 400px; }
    .map-area .map-search-result-wrap { height: 90%; bottom: -440px; }
    .center-box-wrap {height: calc(100% - 30px);}
    .check-notice { background: transparent; padding: 0; }

    .gps-info { display: block; }
    .gps-info.gps-info-mo { display: none; }
}