/* --- 모바일 대응 반응형 스타일 (화면 너비 1024px 이하일 때만 작동) --- */
        @media screen and (max-width: 1024px) {
            /* 1. 전체 컨테이너 고정폭 해제 */
            .container, .Header, .H_center, .Contant, .C_center, .footer, .indent {
                width: 100% !important;
                min-width: 100% !important;
                padding-left: 15px !important;
                padding-right: 15px !important;
                box-sizing: border-box;
            }

            /* 2. 상단 GNB 메뉴: 좁은 화면에서 줄바꿈 허용 */
            .H_gnb { height: auto !important; padding: 10px 0; }
            .H_gnb ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
            .H_gnb ul li { float: none !important; margin: 0 !important; }
            .H_gnb ul li a { padding: 5px 10px !important; font-size: 14px !important; }

            /* 3. 본문과 우측 리스트: 2단 구조 -> 1단 구조로 변경 */
            .content_view { 
                display: block !important; /* 가로 배열 해제 */
            }
            .view_con { 
                width: 100% !important; 
                float: none !important; 
                padding-right: 0 !important; 
                border-right: 0 !important; 
            }
            .view_list { 
                width: 100% !important; 
                float: none !important; 
                margin-top: 40px; 
                padding-left: 0 !important;
            }

            /* 4. 이미지 및 텍스트 최적화 */
            .view_mainImg img, .view_text img, .photo img {
                width: 100% !important;
                height: auto !important;
            }
            .view_headline h1 { 
                font-size: 22px !important; 
                line-height: 1.3 !important; 
                word-break: keep-all; 
            }
            .view_headline h2 { font-size: 16px !important; color: #666; }
            
            /* 5. 하단 푸터 조정 */
            .footer { padding-bottom: 30px; text-align: center; }
            .copylogo { float: none !important; margin-bottom: 10px; }
            .copy { float: none !important; text-align: center !important; }
        }