.directions-page{background:#f8fafc;min-height:100vh;padding-top:80px}.directions-header{text-align:center;background:#fff;border-bottom:2px solid #e2e8f0;padding:3rem 0}.directions-title{color:#1e293b;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.directions-subtitle{color:#64748b;margin:0;font-size:1.125rem}.directions-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.section-title{color:#1e293b;margin:0 0 2rem;font-size:1.75rem;font-weight:700}.guide-section{margin-bottom:4rem}.guide-images{flex-direction:column;gap:3rem;display:flex}.guide-image-wrapper{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 16px #0000001a}.guide-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.guide-image{width:100%;height:auto;display:block}.map-section{margin-bottom:4rem}.naver-map{border-radius:12px;width:100%;height:500px;overflow:hidden;box-shadow:0 4px 12px #00000014}.info-section{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.info-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014}.info-title{color:#1e293b;margin:0 0 1rem;font-size:1.125rem;font-weight:700}.info-text{color:#64748b;margin:0;font-size:1rem;line-height:1.6}.info-text.detail-address{color:#94a3b8;margin-top:.5rem;font-size:.95rem;font-weight:600}.navigation-section{margin-bottom:4rem}.navigation-buttons{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.nav-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem 2rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.nav-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.nav-btn-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;font-weight:800;display:flex}.tmap-btn .nav-btn-icon{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%)}.tmap-btn:hover{border-color:#ff6b6b}.kakao-btn .nav-btn-icon{color:#3c1e1e;background:linear-gradient(135deg,#ffe812 0%,#fdd835 100%)}.kakao-btn:hover{border-color:#ffe812}.naver-btn .nav-btn-icon{background:linear-gradient(135deg,#03c75a 0%,#00b248 100%)}.naver-btn:hover{border-color:#03c75a}.nav-btn-text{text-align:left;flex-direction:column;gap:.25rem;display:flex}.nav-btn-title{color:#1e293b;font-size:1.25rem;font-weight:700}.nav-btn-desc{color:#64748b;font-size:.9rem}@media (max-width:768px){.directions-page{padding-top:60px}.directions-header{padding:2rem 1rem}.directions-title{font-size:2rem}.directions-subtitle{font-size:1rem}.directions-container{padding:2rem 1rem}.section-title{font-size:1.5rem}.guide-images{grid-template-columns:1fr}.naver-map{height:350px}.navigation-buttons{grid-template-columns:1fr}.nav-btn{padding:1.25rem 1.5rem}}