:root { --main-green: #2d5a27; }

.location-container { max-width: 1100px; margin: 80px auto; padding: 0 20px; font-family: 'Noto Sans KR', sans-serif; min-height: 60vh; }

.location-header { text-align: center; margin-bottom: 60px; }

.trust-text { color: var(--main-green); font-size: 14px; letter-spacing: 3px; font-weight: 600; margin-bottom: 12px; display: block; }

.location-title { font-size: 38px; font-weight: 700; color: #333; margin-top: 5px; }

.title-line { width: 50px; height: 2px; background: var(--main-green); margin: 25px auto; }

.map-wrapper { width: 100%; height: 450px; background: #f4f4f4; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin-bottom: 60px; position: relative; border: 1px solid #eee; }

.root_daum_roughmap { width: 100% !important; border: none !important; }
.root_daum_roughmap .wrap_map { height: 450px !important; }

.info-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }

.info-card { background: #f9f9f7; padding: 40px 30px; border-radius: 12px; text-align: center; transition: 0.3s ease; border: 1px solid #f1f1f1; }

.info-card:hover { background: #fff; box-shadow: 0 15px 40px rgba(0,0,0,0.08); transform: translateY(-5px); border-color: var(--main-green); }

.info-icon { font-size: 32px; margin-bottom: 20px; display: block; }

.info-card h3 { font-size: 20px; font-weight: 700; color: var(--main-green); margin-bottom: 15px; }

.info-card p { font-size: 16px; color: #333; line-height: 1.6; word-break: keep-all; }

.info-card p strong { font-weight: 700 !important; color: #000; display: inline-block; margin-top: 5px; }

.sub-text { font-size: 14px !important; color: #888 !important; margin-top: 10px; }

/* 모바일 대응 */
@media (max-width: 768px) {
    .location-container { margin: 40px auto; }
    .location-title { font-size: 30px; }
    
    .map-wrapper { height: 350px; margin-bottom: 40px; }
    .root_daum_roughmap .wrap_map { height: 350px !important; }
    
    .info-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .info-card { padding: 30px 20px; }
}

    .info-card[onclick] { cursor: pointer; }

    .info-card[onclick]:active { background-color: #f0f0ee; transform: scale(0.98); transition: 0.1s; }