그누보드 UXC테마 게시글 모바일에서 이미지 오버사이징.. 살려주세요

보드.CSS 별에별 방법을 개선해봐도 도저히 해결책이 나오지않아 선생님들께 질문드립니다..

UXC테마 사용중이고, 게시판에 사진을 복붙해서 보면, 데스크톱에서는 전혀 문제없는데 모바일에서는 

메뉴보다 사진이 오버사이즈되어서 강제로 출력됩니다 ㅠㅠ

어떻게 코드를 수정하면될까요?

GPT선생도 물어보고 했는데..

"/* ========================================================
   게시판 모바일 터짐 무조건 해결코드
   ======================================================== */

/* 1. 이미지: 확장자 상관없이 모든 이미지 태그 강제 고정 */
.boardViewWrap .boardViewBody .viewContent img,
.viewContent img,
#bo_v_atc img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
    float: none !important;
}

/* 2. 본문 영역: 화면 밖으로 절대 못 나가게 박스 자체를 가둠 */
.boardViewWrap .boardViewBody .viewContent,
#bo_v_atc,
.viewContent {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important; /* 폰 화면 너비 고정 */
    overflow-x: hidden !important; /* 삐져나온 이미지 강제 절단 */
    word-break: break-all !important; /* 긴 텍스트 자동 줄바꿈 */
    box-sizing: border-box !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 3. 에디터 내부의 모든 요소(표, 박스 등) 고정 너비 해제 */
.boardViewWrap .boardViewBody .viewContent *,
#bo_v_atc * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 4. 표(Table) 진압: 옆으로 밀리는 현상 방지 */
.boardViewWrap .boardViewBody .viewContent table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}"

이런 코드 적용해도 도저히 대책이없네요..
제발 살려주십쇼 ㅠㅠ