/* 지도 말풍선 */
.info-card {width:280px;height:160px;font-size:13px;line-height:1.4;box-shadow:0 30px 30px -20px rgba(0,0,0,.35)}
.info-card__inner {position:absolute;inset:-1px;background:#fff;padding:0;border:1px solid #ccc;}
.info-card__inner:before {content:'';position:absolute;left:0;right:0;bottom:-8px;margin:0 auto;width:0;height:0;border-top:9px solid #fff;border-left:7.5px solid transparent;border-right:7.5px solid transparent;z-index:2}
.info-card__inner:after {content:'';position:absolute;left:0;right:0;bottom:-9px;margin:0 auto;width:0;height:0;border-top:9px solid #ccc;border-left:7.5px solid transparent;border-right:7.5px solid transparent;z-index:1}
.info-card__category {padding:5px 15px 5px 30px;color:#333;font-weight:700;background: url("./img/location_on.svg") no-repeat left 10px center #e9e9e9;border-bottom:1px solid #ccc;}
.info-card__name {padding:10px 15px;font-weight:700;font-size:14px}
.info-card__addr {color:#666;padding:0 15px;}
.info-card__detail_addr {color:#666;margin-left:5px;}
.info-card__phone {color:#333;margin-top:10px}
.info-card__actions {display:flex;justify-content:center;padding-top:15px}
.btn--detail {background:#e9e9e9;color:#333;padding:5px 15px;border:0;border-radius:3px;font-size:12px;font-weight:700;transition:all .3s;}
.btn--detail:hover {background:#666;color:#fff;}

/* 사이드바/리스트(간단) */
.map-container {position:relative;display:flex;height:calc(100vh - 150px);z-index:101;}
.map-container #map{flex:1;min-height:600px}
.map-sidebar {}
/*.map-sidebar:before {content:"";position:absolute;left:100%;top:0;bottom:0;width:100px;background:linear-gradient(90deg, rgba(0,0,0,0.05) 0%, transparent 75%);z-index:100;}*/
/* ✅ Chrome, Edge, Safari 전용 */
.map-sidebar {display:flex;flex-direction:column;position:absolute;width:100%;max-width:360px;top:15px;bottom:15px;left:15px;z-index:100;box-shadow:10px 10px 10px -10px rgba(0, 0, 0, 0.15);}
.map-sidebar.close_bar {bottom:auto;}
.map-sidebar .head {background:#036eb8;position:relative;}
/*.map-sidebar .head:before {content:"";position:absolute;width:3px;top:0;bottom:0;left:0;background:#008ae9;}*/
.map-sidebar .head .tit {padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(255,255,255,.15)}
.map-sidebar .head .tit h3 {height:30px;display:flex;align-items:center;padding-left:25px;color:#fff;font-size:16px;font-weight:700;background:url("./img/location_pin.svg") no-repeat left center;}
.map-sidebar .head .tit .list-toggle {position:relative;font-size:0;border:0;background:rgba(255,255,255,0.1);border-radius:50%;width:30px;height:30px;}
.map-sidebar .head .tit .list-toggle:before {content:"";position:absolute;width:10px;height:2px;background:#fff;top:50%;left:7px;transform:translateY(-50%) rotate(-45deg);transition:all .3s;}
.map-sidebar .head .tit .list-toggle:after {content:"";position:absolute;width:10px;height:2px;background:#fff;top:50%;right:7px;transform:translateY(-50%) rotate(45deg);transition:all .3s;}
.map-sidebar .head .tit .list-toggle.close_bar:before {transform:translateY(-50%) rotate(45deg)}
.map-sidebar .head .tit .list-toggle.close_bar:after {transform:translateY(-50%) rotate(-45deg)}
.filter-top {padding:5px 15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.filter-top .location-tit {color:#fff;}
.filter-top .option-btn button {border:0;padding:5px 10px 5px 25px;background:url("./img/check_small.svg") no-repeat left 2px center #12527f;color:#fff;border-radius:5px;}
.select-group {padding-bottom:15px;}
.button-wrap {padding:0 15px;}
.map-sidebar .head .region-title {color:#fff;font-size:13px;}
.map-sidebar .head .subregion-title {color:#fff;font-size:13px;}
.region-group {display:flex;gap:5px;flex-wrap:wrap;}
.region-group .btn-reset {padding:3px 5px;border-radius:3px;border:0;}
.btn-region-all {padding:3px 5px;border-radius:3px;border:0;}
.btn-region-all.active {background:#12527f;color:#fff;}
.btn-region, .btn-back-region {padding:3px 5px;border-radius:3px;border:0;}
.btn-region.active {background:#12527f;color:#fff;}
.subregion-group {display:flex;gap:5px;flex-wrap:wrap;}
.btn-subregion-all, .btn-subregion {padding:3px 5px;border-radius:3px;border:0;}
.btn-subregion-all.active, .btn-subregion.active {background:#12527f;color:#fff;}
.filter-category-buttons {display:flex;gap:5px;flex-wrap:wrap;}
.filter-category-btn {padding:3px 5px;border-radius:3px;border:1px solid #eee;background:#fff;}
.filter-category-btn.active {background:#1b6bc1;border:1px solid #1b6bc1;color:#fff;}
.selected-filters {display:flex;align-items:center;padding:0 15px;position:relative;}
.filter-scroll-container {position:relative;display:flex;align-items:center;width:100%;gap:5px;background: #fff;margin-top:15px;padding:0 5px;border-radius:3px;overflow:hidden;}
.selected-filters .filter-arrow {width:35px;position:absolute;top:0;font-size:0;z-index:10;bottom:0;border:0;cursor:pointer;}
.selected-filters .filter-arrow.left {left:0;background:url("./img/arrow_left.svg") no-repeat left center, linear-gradient(90deg, #ffffff 50%, transparent 100%);}
.selected-filters .filter-arrow.right {right:0;background:url("./img/arrow_right.svg") no-repeat right center, linear-gradient(270deg, #ffffff 50%, transparent 100%);}
.filter-scroll-wrap {flex:1 1 auto;overflow:hidden;position:relative;}
.filter-inner {display:flex;gap:5px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:5px 0;}
.filter-inner::-webkit-scrollbar {display:none;}
.selected-filter {flex:0 0 auto;background:#eef3ff;padding:3px 6px;border-radius:4px;border:1px dashed #99b3ff;display:flex;align-items:center;gap:5px;font-size:12px;}
.selected-filter[data-type="checkbox"] {background:#f0f0f0;border-color:#ccc;}


.selected-filter {background:#eef3ff;border:1px dashed #99b3ff;padding:2px 4px;font-size:12px;display:flex;align-items:center;gap:5px}
.selected-filter[data-type="checkbox"] {background:#f0f0f0;border-color:#ccc}
.remove-filter {position:relative;display:block;border:none;background:none;cursor:pointer;font-size:0;text-indent:-9999px;width:16px;height:16px;margin-top:-2px;}
.remove-filter:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:10px;height:1px;background:#999;}
.remove-filter:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);width:10px;height:1px;background:#999;}
.filters-wrap {flex:1;overflow-y:auto;background:#fff;}
.filters-wrap::-webkit-scrollbar {width:3px; /* 스크롤바 두께 */}
.filters-wrap::-webkit-scrollbar-track {background:#ddd; /* 트랙 투명 */}
.filters-wrap::-webkit-scrollbar-thumb {background-color:#999; /* 스크롤바 색상 */border-radius:3px;}
.filters-wrap::-webkit-scrollbar-thumb:hover {background-color:#666; /* hover 시 살짝 진하게 */}
.option-wrap {}
.option-wrap .option-btn {}
.option-wrap .filters {display:none;background:#f3f3f3;position:relative;border-bottom:1px solid #dfdfdf;}
.option-wrap .filters .filters-inner {padding:15px;overflow-y:auto;height:290px;}
.option-wrap .filters .filters-inner::-webkit-scrollbar {width:3px; /* 스크롤바 두께 */}
.option-wrap .filters .filters-inner::-webkit-scrollbar-track {background:#ddd; /* 트랙 투명 */}
.option-wrap .filters .filters-inner::-webkit-scrollbar-thumb {background-color:#999; /* 스크롤바 색상 */border-radius:3px;}
.option-wrap .filters .filters-inner::-webkit-scrollbar-thumb:hover {background-color:#666; /* hover 시 살짝 진하게 */}
.filter-category-group {margin-bottom:15px;}
.filter-category-group h5 {margin-bottom:5px;font-weight:700;}
.filters-title {font-weight:700;margin-bottom:5px}
.filters-actions {margin-bottom:15px}
.filters-actions button {padding:3px 5px;border:0;border-radius:3px;background:#666;color:#fff;}
.filters-actions button#btnApplyFilters {background:#209962;}
.filter-group {margin-bottom:15px;display:flex;flex-wrap:wrap;gap:5px;}
.filter-group h5 {position:relative;font-weight:700;width:100%;padding-left:8px;}
.filter-group h5:before {content:"";position:absolute;top:7px;left:0;width:4px;height:2px;background:#666;}
.filter-group .filter-item label {background-repeat:no-repeat;background-position:left 5px center;background-size:15px auto;padding:2px 5px 2px 22px;background-color:#fff;border:1px solid #eee;display:inline-block;border-radius:3px;cursor:pointer;font-weight:400;}
.filter-group .filter-item.bf_b1 label {background-image:url("./img/ico_bf_b1.svg");}
.filter-group .filter-item.bf_b2 label {background-image:url("./img/ico_bf_b2.svg");}
.filter-group .filter-item.bf_b3 label {background-image:url("./img/ico_bf_b3.svg");}
.filter-group .filter-item.bf_b4 label {background-image:url("./img/ico_bf_b4.svg");}
.filter-group .filter-item.bf_c1 label {background-image:url("./img/ico_bf_c1.svg");}
.filter-group .filter-item.bf_c2 label {background-image:url("./img/ico_bf_c2.svg");}
.filter-group .filter-item.bf_c3 label {background-image:url("./img/ico_bf_c3.svg");}
.filter-group .filter-item.bf_c4 label {background-image:url("./img/ico_bf_c4.svg");}
.filter-group .filter-item.bf_d1 label {background-image:url("./img/ico_bf_d1.svg");}
.filter-group .filter-item.bf_d2 label {background-image:url("./img/ico_bf_d2.svg");}
.filter-group .filter-item.bf_d3 label {background-image:url("./img/ico_bf_d3.svg");}
.filter-group .filter-item.bf_d4 label {background-image:url("./img/ico_bf_d4.svg");}
.filter-group .filter-item.bf_d5 label {background-image:url("./img/ico_bf_d5.svg");}
.filter-group .filter-item input[type="checkbox"] {display:none;}
.filter-group .filter-item input[type="checkbox"]:checked + label {border:1px solid #036eb8;background-color:#eff8ff;}
.facility-list__title {font-weight:700;padding:10px 15px;background:#fff;border-bottom:1px solid #dfdfdf}
.facility-list {}
.facility-list .empty {padding:15px;text-align:center;}
.facility-ul {list-style:none;padding:0;margin:0}
.facility-li {padding:10px 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:all .3s;}
.facility-li:hover {background:#f1f1f1;}
.facility-link {cursor:pointer;color:#333;flex:1}
.facility-link h5 {position:relative;font-weight:700;z-index:1;}
.facility-link h5 span {position:relative;}
.facility-link h5 span:before {content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:#c8fffd;z-index:-1;}
.facility-link h3 {font-weight:700;font-size:14px;display:flex;align-items:flex-start;gap:5px;}
.facility-link h3 button {width:55px;padding:2px 3px 2px 12px;border-radius:3px;background:url("./img/location_on.svg") no-repeat left 2px top 3px #dbf0ff;background-size:12px auto;border:0;font-size:12px;font-weight:500;}
.facility-link p {font-size:12px;color:#666;margin-top:2px}
.facility-dist {}
.facility-dist span {font-weight:700;}
.facility-marker-icon {width:35px;height:auto;cursor:pointer;}
.facility-more {display:flex;justify-content:center;padding:30px 15px}
.facility-more button {padding:5px 15px;background:#eee;color:#333;border-radius:30px;border:0;font-weight:700;}

.filter-search-wrap {position:relative;margin-bottom:15px;}
.filter-search-wrap input {width:100%;padding:0 8px;height:35px;background:#fff;border:1px solid #8da5b5;font-size:14px;border-radius:3px;}
.filter-search-wrap button {position:absolute;padding:0 8px;top:5px;bottom:5px;right:5px;background:#12527f;color:#fff;border:0;cursor:pointer;border-radius:3px;}
.search-clear {width:20px;height:20px;position:absolute;right:50px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:0;color:#888;display:none;}
.search-clear:before {content:"";width:12px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#999;}
.search-clear:after {content:"";width:12px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);background:#999;}
#filterFacilitySearch:not(:placeholder-shown) ~ .search-clear {display:block;}



/* ✅ 전체화면 상태에서 지도와 사이드바 맞춤 */
.map-container.fullscreen #map {height:100vh !important;}

/* 오버레이 컨테이너 */
#mapLoadingOverlay {position:fixed;inset:0;background:rgba(255,255,255,0.92);display:none;align-items:center;justify-content:center;z-index:9999;}
/* 오버레이 박스 */
#mapLoadingOverlay .box {display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 20px;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.12);}
/* 스피너 */
#mapLoadingSpinner {width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:sbx-spin 0.9s linear infinite;}
@keyframes sbx-spin {to{transform:rotate(360deg)}}
/* 텍스트 */
#mapLoadingMsg {font-size:14px;color:#374151;letter-spacing:-0.2px;}

/* ✅ 전체화면 모드 */
.map-container.fullscreen {position:fixed !important;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#fff;}

/* ✅ 전체화면 버튼 스타일 */
.map-container .map-btn {position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:10px;z-index:10;}
.map-container .map-btn button {display:flex;justify-content:center;align-items:center;width:45px;height:45px;border:0;z-index:1000;background:rgba(0,0,0,0.35);color:#fff;border-radius:50%;transition:all .3s;}
.map-container .map-btn button:hover {background:rgba(0,0,0,0.5);}
.map-fullscreen-btn img {width:20px;}
.map-mylocation-btn img {width:20px;}
.map-info-btn img {width:26px;}

/* 모달 */
.facility-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center}
.facility-content {position:relative;padding:0 15px;width:100%;max-width:750px;max-height:80%;overflow-y:auto;}
.facility-inner {background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.3)}
.facility-head {padding:10px 40px 10px 20px;display:flex;justify-content:space-between;align-items:center;background:#036eb8;}
.facility-head h3 {display:flex;align-items:center;color:rgba(255,255,255,0.85);font-size:16px;font-weight:700;}
.facility-close {position:absolute;top:5px;right:25px;display:block;width:30px;height:30px;border:none;background:none;font-size:0;cursor:pointer;transition:all .3s;}
.facility-close:before {content:"";position:absolute;width:24px;height:3px;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);background:rgba(255,255,255,0.65);border-radius:5px;}
.facility-close:after {content:"";position:absolute;width:24px;height:3px;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);background:rgba(255,255,255,0.65);border-radius:5px;}
.facility-close:hover {transform:rotate(180deg)}
.facility-body {padding-bottom:30px;}

.map-intro-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center}
.map-intro-content {position:relative;width:100%;max-width:720px;max-height:80%;margin:0 15px;overflow-y:auto;}
.map-intro-content::-webkit-scrollbar {width:3px; /* 스크롤바 두께 */}
.map-intro-content::-webkit-scrollbar-track {background:#ddd; /* 트랙 투명 */}
.map-intro-content::-webkit-scrollbar-thumb {background-color:#999; /* 스크롤바 색상 */border-radius:3px;}
.map-intro-content::-webkit-scrollbar-thumb:hover {background-color:#666; /* hover 시 살짝 진하게 */}
.map-intro-inner {background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.3)}
.map-intro-head {position:relative;padding:30px;display:flex;justify-content:center;align-items:center;background:#169fbf;}
.map-intro-head h3 {display:flex;align-items:center;color:rgba(255,255,255,0.85);font-size:24px;font-weight:700;gap:5px;}
.map-intro-head h3 img {width:30px;}
.map-intro-close {position:absolute;top:calc(50% - 15px);right:25px;display:block;width:30px;height:30px;border:none;background:none;font-size:0;cursor:pointer;transition:all .3s;}
.map-intro-close:before {content:"";position:absolute;width:24px;height:3px;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);background:rgba(255,255,255,0.65);border-radius:5px;}
.map-intro-close:after {content:"";position:absolute;width:24px;height:3px;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);background:rgba(255,255,255,0.65);border-radius:5px;}
.map-intro-close:hover {transform:rotate(180deg)}
.map-intro-body {padding:40px;}
.map-intro-body .img {background:#f5f5f5;padding:30px;border-radius:15px;text-align:center;margin-bottom:30px;}
.map-intro-body .img img {max-width:100%;}
.map-intro-body .text {margin-bottom:60px;display:flex;flex-direction:column;gap:15px;}
.map-intro-body .text h4 {font-size:20px;font-weight:700;}
.map-intro-body .text p {font-size:16px;}
.map-intro-body .info {}
.map-intro-body .info h5 {font-size:16px;color:#169fbf;padding-bottom:5px;border-bottom:1px solid #b4e3ee;margin-bottom:30px;}
.map-intro-body .info dl {display:flex;margin-bottom:30px;}
.map-intro-body .info dl dt {width:200px;font-size:16px;font-weight:700;}
.map-intro-body .info dl dd {flex:1}
.map-intro-body .info dl dd ul {display:flex;}
.map-intro-body .info dl dd ul li {flex:0 0 calc((100%)/5);display:flex;flex-direction:column;gap:5px;}
.map-intro-body .info dl dd ul li span {}
.map-intro-body .info dl dd ul li span.ico {width:60px;height:60px;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border:1px solid #eee;border-radius:5px;}
.map-intro-body .info dl dd ul li span.ico img {width:40px;height:40px;}
.map-intro-body .info dl dd ul li span.txt {width:60px;display:flex;justify-content:center;font-size:14px;color:#666;word-break:keep-all;}

.detail-view {max-height:500px;overflow-y:auto;padding:20px;gap:30px;display:flex;flex-direction:row-reverse;}
.detail-view::-webkit-scrollbar {width:3px; /* 스크롤바 두께 */}
.detail-view::-webkit-scrollbar-track {background:#ddd; /* 트랙 투명 */}
.detail-view::-webkit-scrollbar-thumb {background-color:#999; /* 스크롤바 색상 */border-radius:0;}
.detail-view::-webkit-scrollbar-thumb:hover {background-color:#666; /* hover 시 살짝 진하게 */}
.detail-view .title h3 {font-size:18px;}
.detail-view ul {flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;}
.detail-view ul::-webkit-scrollbar {width:3px; /* 스크롤바 두께 */}
.detail-view ul::-webkit-scrollbar-track {background:#ddd; /* 트랙 투명 */}
.detail-view ul::-webkit-scrollbar-thumb {background-color:#999; /* 스크롤바 색상 */border-radius:0;}
.detail-view ul::-webkit-scrollbar-thumb:hover {background-color:#666; /* hover 시 살짝 진하게 */}
.detail-view ul li {display:flex;flex-direction:column;gap:5px;}
.detail-view ul li .label-a {font-weight:700;font-size:14px;}
.detail-view ul li .value {display:flex;flex-wrap:wrap;gap:3px;color:#666;}
.detail-view ul li .value span {background-repeat:no-repeat;background-position:left 5px center;background-size:15px auto;padding:2px 5px 2px 22px;background-color:#f9f9f9;border:1px solid #f1f1f1;}
.detail-view ul li .value span.bf_b1 {background-image:url("./img/ico_bf_b1.svg");}
.detail-view ul li .value span.bf_b2 {background-image:url("./img/ico_bf_b2.svg");}
.detail-view ul li .value span.bf_b3 {background-image:url("./img/ico_bf_b3.svg");}
.detail-view ul li .value span.bf_b4 {background-image:url("./img/ico_bf_b4.svg");}
.detail-view ul li .value span.bf_c1 {background-image:url("./img/ico_bf_c1.svg");}
.detail-view ul li .value span.bf_c2 {background-image:url("./img/ico_bf_c2.svg");}
.detail-view ul li .value span.bf_c3 {background-image:url("./img/ico_bf_c3.svg");}
.detail-view ul li .value span.bf_c4 {background-image:url("./img/ico_bf_c4.svg");}
.detail-view ul li .value span.bf_d1 {background-image:url("./img/ico_bf_d1.svg");}
.detail-view ul li .value span.bf_d2 {background-image:url("./img/ico_bf_d2.svg");}
.detail-view ul li .value span.bf_d3 {background-image:url("./img/ico_bf_d3.svg");}
.detail-view ul li .value span.bf_d4 {background-image:url("./img/ico_bf_d4.svg");}
.detail-view ul li .value span.bf_d5 {background-image:url("./img/ico_bf_d5.svg");}

/* photo viewer wrapper */
.photo-section {text-align:center;position:relative;overflow:hidden;width:260px;}

/* 메인 뷰어 */
#photo-viewer {margin-bottom:10px;position:relative;overflow:hidden;}

/* 슬라이드 트랙 */
#photo-track {display:flex;width:100%;transition:transform 0.6s ease;}

/* 메인 이미지 */
#photo-track img {flex-shrink:0;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;}

/* 좌우 버튼 */
#prev-btn, #next-btn {position:absolute;top:50%;transform:translateY(-50%);background:transparent;color:#fff;border:none;width:30px;height:30px;cursor:pointer;font-size:0;z-index:5;transition:all .3s;opacity:0.75;}
#prev-btn:hover, #next-btn:hover {opacity:1;}
#prev-btn:before {content:"";position:absolute;width:13px;height:2px;left:calc(50% - 8px);top:calc(50% - 5px);background:#fff;transform:rotate(-45deg)}
#prev-btn:after {content:"";position:absolute;width:13px;height:2px;left:calc(50% - 8px);bottom:calc(50% - 5px);background:#fff;transform:rotate(45deg)}
#next-btn:before {content:"";position:absolute;width:13px;height:2px;right:calc(50% - 8px);top:calc(50% - 5px);background:#fff;transform:rotate(45deg)}
#next-btn:after {content:"";position:absolute;width:13px;height:2px;right:calc(50% - 8px);bottom:calc(50% - 5px);background:#fff;transform:rotate(-45deg)}

/* 좌우 버튼 위치 */
#prev-btn {left:5px;}
#next-btn {right:5px;}

/* 썸네일 영역 */
#photo-thumbs {display:flex;flex-wrap:wrap;gap:5px;}

/* 썸네일 */
#photo-thumbs .thumb {flex:0 0 calc((100% - 25px) / 6);opacity:0.75;filter: grayscale(1);}
#photo-thumbs .thumb img {width:100%;aspect-ratio:1/1;object-fit:cover;cursor:pointer;}

/* 선택된 썸네일 */
#photo-thumbs .thumb.active {opacity:1;filter: grayscale(0);}

@media(max-width:767px){
    .map-container {height:calc(100vh - 85px);}
    .map-sidebar {max-width:100%;top:0;bottom:0;left:0;right:0;}
    .map-container .map-btn {top:auto;bottom:30px;}
    .map-container.fullscreen .map-btn {bottom:120px;}
    
    .facility-content {overflow-y:hidden;}
    .facility-close:before {width:20px;}
    .facility-close:after {width:20px;}
    .detail-view {display:block;}
    .detail-view ul {overflow-y:hidden;}
    .photo-section {width:100%;padding-top:30px;}
    
    .map-intro-head {padding:15px;justify-content:flex-start;}
    .map-intro-head h3 {font-size:15px;gap:0;}
    .map-intro-head h3 img {width:24px;}
    .map-intro-close {right:15px;}
    .map-intro-body {padding:20px;}
    .map-intro-body .text {margin-bottom:30px;gap:10px;}
    .map-intro-body .text h4 {font-size:14px;}
    .map-intro-body .text p {font-size:12px;}
    .map-intro-body .info h5 {font-size:13px;margin-bottom:15px;}
    .map-intro-body .info dl {flex-direction:column;gap:10px;margin-bottom:15px;}
    .map-intro-body .info dl dt {font-size:13px;}
    .map-intro-body .info dl dd ul {gap:15px;flex-wrap:wrap;}
    .map-intro-body .info dl dd ul li {}
    .map-intro-body .info dl dd ul li span.ico {width:45px;height:45px;}
    .map-intro-body .info dl dd ul li span.ico img {width:25px;height:25px;}
    .map-intro-body .info dl dd ul li span.txt {width:45px;font-size:12px;}
}