@charset "utf-8";

.location-title-wrap {}
.location-title-wrap h3 {color:var(--c_base3); font-size: var(--fs40); font-weight: 700; text-align: center; margin-bottom: 20px;}
.location-title-wrap h3+p {font-size: var(--fs18); text-align: center; color: #888; margin-bottom: 60px;}

.location .map-container { position: relative; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.location .root_daum_roughmap {width:100%;}
.location .root_daum_roughmap .wrap_map {height:500px;}
.location .root_daum_roughmap .wrap_controllers {display:none;}
.location .root_daum_roughmap .cont .section.lst {display:none;}

.location .info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.location .info-card { 
    background: #fff; border: 1px solid var(--border1); padding: 40px 30px; border-radius: 10px; 
    text-align: center; transition: all 0.3s ease; 
}
.location .info-card:hover { transform: translateY(-10px); border-color: var(--c_base1); box-shadow: 0 15px 30px rgba(60, 126, 210, 0.1); }

.location .icon-circle { 
    padding:10px; width: 80px; height: 80px; background: var(--bg1); border-radius: 50%; margin: 0 auto 25px;
    display: flex; align-items: center; justify-content: center;
}
.location .icon-circle img {width: 100%;height: 100%;object-fit: scale-down;}

.location .info-card h4 { font-size: var(--fs20); font-weight: 700; margin-bottom: 15px; letter-spacing: 1px; }
.location .info-card p { font-size: var(--fs16); color: #666; line-height: 1.8; }
.location .btn-map { 
    display: inline-block; margin-top: 20px; padding: 10px 25px; 
    border: 1px solid var(--c_base1); color: var(--c_base1); font-size: var(--fs14); 
    font-weight: 600; border-radius: 30px; transition: all 0.3s ease;
}
.location .btn-map:hover { background: var(--c_base1); color: #fff; }

/* 반응형 대응 */
@media (max-width: 1199px) {
    .location .info-grid { gap: 20px; }
    .location .info-card { padding: 30px 20px; }
}

@media (max-width: 767px) {
    .location .info-grid { grid-template-columns: 1fr; }
    .location .location-title-wrap h3 { font-size: var(--fs30) !important; }
    .location .map-container .map-placeholder { height: 350px !important; }
    .location .mobile-inline { display: inline-block !important; }
}