/* 기본 리셋 및 폰트 설정 */
    body {
        margin: 0;
        padding: 0;
        font-family: 'Malgun Gothic', 'Dotum', sans-serif;
    }

    /* PC/모바일 top 제어 */
    .top-pc { display: none; }
    .top-mobile { display: block; }

    /* [추가] PC/모바일 bottom 제어 */
    .bottom-pc { display: none; }
    .bottom-mobile { display: block; }


    /* 반응형 레이아웃 컨테이너 */
    .responsive-container {
        display: flex;
        flex-direction: column; /* 모바일에서는 세로 배치 */
        width: 100%; /* 모바일에서 꽉 채움 */
        margin: 0 auto;
    }

    /* 사이드바 (좌측 메뉴) - 모바일에서는 숨김 */
    .responsive-sidebar {
        display: none;
    }

    /* 메인 콘텐츠 */
    .responsive-content {
        width: 100%;
        padding: 0; /* 컨테이너의 좌우 여백을 0으로 설정 */
        box-sizing: border-box;
    }


    /* 'command' 필드가 표시될 본문 영역 */
    .view-body {
        padding: 0 20 20 20;
        min-height: 250px;
        line-height: 1.7;
        font-size: 1em;
        color: #333;
        word-break: break-all; /* 긴 글자 자동 줄바꿈 */
    }


    /* --- PC (태블릿 이상, 768px 이상) --- */
    @media (min-width: 768px) {
        
        /* PC에서는 PC top만 보임 */
        .top-pc { display: block; }
        .top-mobile { display: none; }

        /* [추가] PC에서는 PC bottom만 보임 */
        .bottom-pc { display: block; }
        .bottom-mobile { display: none; }

        .responsive-container {
            flex-direction: row; /* PC에서는 가로 배치 */
            width: 90%; 
            max-width: 940px; /* 최대 넓이 940px */
            margin: 15px auto 0 auto;
        }

        /* PC에서는 사이드바 보임 */
        .responsive-sidebar {
            display: block;
            flex: 0 0 190px;
            margin-right: 50px;
        }

        .responsive-content {
            flex: 1 1 700px;
            padding: 0; /* PC는 원래 0이었음 (유지) */
        }

        /* PC에서 본문 스타일 조정 */
        .view-header {
            padding: 0;
            border-bottom-width: 3px;
        }
        .view-body {
            padding: 0;
        }
    }