/* Responsive Design */
@media (max-width: 768px) {
    /* 모바일 overflow 방지 */
    body, html {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    section {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
    }

    .container {
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .section-nav {
        display: none;
    }

    section {
        min-height: 600px;
    }

    .hero {
        min-height: 600px;
    }

    /* 모바일에서 container 레이아웃 조정 */
    section .container {
        flex-direction: column !important;
        gap: 20px !important;
    }

    /* About, Services, Location 섹션 모바일 조정 */
    .about .about-left,
    .about .about-right,
    .services .services-left,
    .services .services-right,
    .location-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    /* Location 모바일 조정 */
    .location-main {
        flex-direction: column !important;
        height: auto !important;
    }

    .location-map,
    .location-info-box {
        width: 100% !important;
        height: auto !important;
    }

    .main-header.scrolled {
        background: transparent !important;
        box-shadow: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    }

    .main-header.scrolled .bar {
        background: var(--white) !important;
    }

    .hamburger {
        display: flex;
    }

    .nav-menu {
        display: none;
    }

    .hero {
        height: auto;
        min-height: 600px;
        padding: 80px 0;
        display: flex;
        align-items: center;
    }

    .hero .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    section {
        height: auto;
        min-height: 600px;
        padding: 60px 0;
        display: flex;
        align-items: center;
    }

    section .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .hero {
        padding: 60px 0;
        min-height: 600px;
        display: flex;
        align-items: center;
    }

    .hero .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    section {
        padding: 50px 0;
        min-height: 600px;
        display: flex;
        align-items: center;
    }

    section .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .container {
        padding: 0 15px;
    }

}