/* Location Section */
.location { background-color: #fff; padding: clamp(60px, 10vw, 120px) 0; }
.location-title { font-size: clamp(36px, 6vw, 60px); font-weight: 900; color: #f47d31; text-align: center; margin-bottom: clamp(40px, 6vw, 60px); letter-spacing: -2px; }

.location-info-list { max-width: 800px; margin: 0 auto; border-top: 1px solid #eee; }
.info-item { display: flex; align-items: flex-start; gap: 20px; padding: 30px 0; border-bottom: 1px solid #eee; }
.info-item:last-child { border-bottom: none; }

.info-item .icon-wrap { width: 24px; height: 24px; color: #666; flex-shrink: 0; margin-top: 2px; }
.info-item .icon-wrap svg { width: 100%; height: 100%; stroke-width: 2; }

.info-item .content { flex: 1; text-align: left; }
.info-label { font-size: 18px; font-weight: 800; color: #000; margin-bottom: 8px; }
.info-txt { font-size: 15px; color: #666; line-height: 1.4; }
.info-desc { font-size: 12px; color: #aaa; margin-top: 4px; }

/* Transport Badges */
.transport-list { margin-top: 10px; }
.transport-list li { margin-bottom: 10px; font-size: 15px; color: #333; display: flex; align-items: center; gap: 10px; }
.badge { display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 10px; border-radius: 4px; font-size: 11px; font-weight: 700; color: #fff; }

.badge.line1 { background-color: #ee7d1b; } /* 1호선 오렌지 */
.badge.line2 { background-color: #00a84d; } /* 2호선 그린 */
.badge.general { background-color: #00a1e9; } /* 일반 버스 블루 */
.badge.express { background-color: #f47d31; } /* 급행 버스 오렌지 */

.bus-info-group { margin-bottom: 20px; }
.bus-info-group:last-child { margin-bottom: 0; }
.stop-name { font-size: 14px; font-weight: 700; color: #000; margin-bottom: 8px; }
.bus-detail { font-size: 14px; color: #666; line-height: 1.5; display: flex; align-items: flex-start; gap: 8px; margin-bottom: 4px; }

.map-area { width: 100%; height: 450px; background-color: #f8f1f1; margin-bottom: 60px; }

/* 지도 영역 커서 이벤트 방지 */


@media (max-width: 768px) {
    .location { padding: 60px 0; }
    .location-title { font-size: 40px; margin-bottom: 40px; }
    .info-item { gap: 15px; padding: 25px 0; }
    .info-item .icon-wrap { width: 20px; height: 20px; }
    .info-label { font-size: 16px; }
    .info-txt, .stop-name, .bus-detail { font-size: 13px; }
    .badge { height: 20px; padding: 0 6px; font-size: 10px; }
    .map-area { height: 300px; }
}