/* mobile_header_style.css */

@media screen and (max-width: 1200px) {
    
}

@media screen and (max-width: 1000px) {
    /* 로고와 내비게이션을 감싸는 박스 */
    .logo-nav-bar {        
        padding: 10px 20px;        
    }

    .top-bar-container {
        display: none;
        color: transparent;
        /* 기존 텍스트를 투명하게 */
    }

    .tagline {
        text-align: center;
        /* 텍스트 가운데 정렬 */
        display: flex;
        /* flexbox 사용 */
        align-items: center;
        /* 세로 정렬 */
        justify-content: center;
        /* 가로 정렬 */
        height: 100%;
        /* 부모 요소 크기에 맞춤 */
        padding-top: 0px;
        color: transparent;
        /* 기존 텍스트를 투명하게 처리 */
        pointer-events: none;
        /* 기존 텍스트 클릭 방지 */
    }

    .tagline::after {
        content: "테크뷸런스:달구";
        /* 새 텍스트를 삽입 */
        position: absolute;
        /* 위치 설정 */
        top: 50%;
        /* 수직 중앙 정렬 */
        left: 50%;
        /* 가로 중앙 정렬 */
        transform: translate(-50%, -50%);
        /* 중앙 정렬 조정 */
        color: #ee6344;
        font-size: 20px;
        /* 글자 크기 */
        font-weight: bold;
        /* 글자 굵기 */
    }

    /* 햄버거 버튼 표시 */
    .hamburger-button {
        display: flex;
        align-items: center;
        background: none;
        border: none;
        cursor: pointer;

    }

    .hamburger-button img {
        width: 34px;
        height: auto;
        transition: filter 0.5s ease-in-out;
        /* 색상 변화 애니메이션 */
    }

    /* 내비게이션 비활성화 */
    .main-nav {
        position: fixed;        
        top: 0;
        right: 0; /* right 값은 고정 */
        height: 100%;        
        width: 200px;        
        flex-direction: column;        
        background-color: white;        
        box-shadow: -4px 0 6px rgba(0, 0, 0, 0.1);        
        padding: 20px 0;              
        transform: translateX(100%);        
        align-items: baseline;
        gap: 20px;
        margin-top: 65px;
        z-index: -10;
    }

    /* 햄버거 버튼 클릭 시 메뉴 활성화 */
    .main-nav.active {        
        transition: transform 0.3s ease-in-out;  
        transform: translateX(0);        
        right: 0px;        
        margin-top: 65px;
        z-index: -10;
    }

    .arrow {
        width: 30px;
        height: 30px;
    }

    /* 내비게이션 링크 */
    .main-nav a {
        padding: 10px 20px;
        font-size: 16px;
        text-align: start;
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
    }   

    /* footer */
    .footer-legal p {
        margin: 5px 0;
    }

    .footer-links {
        display: flex; /* 가로 정렬 유지 */
        flex-wrap: wrap; /* 필요시 줄바꿈 */
        justify-content: center; /* 중앙 정렬 */
        gap: 5px; /* 그룹 간 간격 */
    }

    .footer-group {
        display: flex; /* 그룹 내부를 가로 정렬 */
        gap: 10px; /* 링크 간 간격 */
    }

    .footer-copyright {
        font-weight: normal;        
    }

    .footer-links a {
        text-align: center; /* 링크를 중앙 정렬 */
        display: inline-block; /* 인라인 블록으로 표시 */
        font-size: 10px;
        font-weight: normal;
    }

    .first-left-container {
        max-width: 934px;        
    }    

    .first-right-container {
        max-width: 934px;                
    }    

    .first-bottom-swiper {
        max-width: 934px;        
    }
   
}