이 글의 목적은 MS Word에서 복사한 내용을 블로그·웹에디터·메일·한글·파워포인트 등으로 붙여넣을 때 발생하는 서식 깨짐 문제를 체계적으로 진단하고 가장 신뢰할 수 있는 해결 절차와 표준 운영 방법을 제공하는 것이다.
서식 깨짐의 정의와 대표 증상
서식 깨짐은 워드 문서의 스타일·글꼴·단락 구조·표·목록·하이퍼링크·각주·수식·도형 정보가 대상 애플리케이션의 렌더링 규칙과 충돌하여 의도한 모양과 다르게 표시되는 현상을 의미한다.
- 줄 간격, 들여쓰기, 문단 간격이 임의로 변하는 현상이 발생한다.
- 불필요한 공백·페이지 구분·줄 바꿈 문자가 추가되거나 삭제된다.
- 번호목록이 1, 1, 1로 반복되거나 다단계가 깨져 단순 점목록으로 변한다.
- 표 테두리·셀 병합·열너비가 망가지거나 모바일에서 가로 스크롤이 생긴다.
- 하이퍼링크 색상·밑줄이 유지되지 않거나 전체 문단에 색이 전파된다.
- 글꼴이 대체되어 한글과 영문 폭이 달라지며 줄바꿈이 뒤틀린다.
- 각주·미주가 본문에 괄호 문자로 바뀌거나 링크가 사라진다.
- 수식이 이미지로 변환되거나 글자 깨짐이 발생한다.
- 워드 전용 속성(mso-*)이 포함된 HTML 때문에 웹 편집기가 자동 정리를 수행하여 예상치 못한 스타일 손실이 발생한다.
주의 : 같은 파일이라도 붙여넣기 대상(블로거, 워드프레스, 구글 Docs, Outlook, Gmail, 한글, PowerPoint)에 따라 결과가 다르게 렌더링된다. 문제를 재현하려면 원본·대상·경로(중간 매체 사용 여부)·붙여넣기 옵션을 함께 기록해야 한다.
근본 원인 분석
서식 깨짐은 크게 네 계층의 비호환성에서 발생한다.
- 스타일 계층 : Word의 단락·문자 스타일(Normal, Heading 1~9, List Paragraph 등)과 대상 앱의 스타일 모델이 불일치하다.
- 엔코딩·문자 계층 : 비표준 공백, 하이픈, 스마트 따옴표, 제어문자, 방향성 마크가 포함되어 텍스트 흐름이 왜곡된다.
- 레이아웃 계층 : 표, 탭 정렬, 다단계 목록, 텍스트 상자, 도형 앵커가 HTML/CSS로의 변환에서 손실된다.
- 리치 콘텐츠 계층 : 각주·수식(OMML/MathML), OLE 개체, 그림 캡션·참조 필드가 대상이 지원하는 포맷과 매핑되지 않는다.
클립보드와 붙여넣기 옵션 이해
Word는 복사 시 여러 데이터 형식을 동시에 클립보드에 넣는다(RTF, HTML, OOXML, 텍스트 등)이다. 대상 앱은 자신이 선호하는 형식을 선택하여 붙여넣는다.
- 원본 서식 유지(Keep Source Formatting)는 Word 스타일과 인라인 CSS를 최대한 보존한다.
- 대상 서식에 맞춤(Merge Formatting)은 텍스트 강조만 남기고 기본 스타일은 대상에 맞춘다.
- 텍스트만 유지(Keep Text Only)는 모든 리치 서식을 제거한다.
주의 : 웹 편집기 상당수는 Word HTML에서 발견되는
mso-* 속성, 주석, 스팬을 자동 정리한다. 결과는 편집기마다 달라 예측이 어렵다. 안정성을 원하면 텍스트만 붙여넣고 웹에서 재서식을 권장한다.상황별 최적 경로
Word → 블로거 편집기
- Word에서 서식 지우기(Ctrl+Space, Ctrl+Q)로 불필요한 인라인 스타일을 제거한다.
- 붙여넣기 시 텍스트만 유지를 우선 선택한다.
- 블로거에서 본문 스타일을 적용하고 표·목록을 현지 생성한다.
- 표는 반응형을 위해 너비 100%와 최소한의 셀 패딩만 사용한다.
Word → 워드프레스/웹에디터
- 고급 편집기에서는 HTML 보기로 전환하여 불필요한
<span>,style="mso-..."를 제거한다. - 붙여넣기 시 서식 제거 기능이 있으면 활성화한다.
- 다단계 목록은 웹에서 다시 지정하여 번호가 끊기는 문제를 방지한다.
Word → Outlook/Gmail
- 회사 서식 통일이 필요하면 메일 템플릿을 만든다.
- 리치 텍스트 대신 HTML 또는 텍스트 모드를 사용한다.
- 서명 블록은 테이블 대신 간단한 문단 구조로 설계한다.
Word → 한글(HWP)
- HWP는 Word 스타일과 1:1 대응이 어렵다. 텍스트만 붙여넣고 HWP 스타일을 재적용한다.
- 표·도형은 개별 복사보다 그림으로 붙여넣기가 안전하다.
Word → PowerPoint
- 슬라이드 레이아웃과 테마 글꼴을 먼저 지정한다.
- 붙여넣기 옵션에서 대상 서식에 맞춤을 사용한다.
- 도표·도형 텍스트는 슬라이드 마스터 스타일을 사용한다.
표준 해결 프로세스(현장 체크리스트)
- 원본 정리 : 숨은 서식 지우기, 수동 줄바꿈·탭·스페이스를 스타일 기반으로 교체한다.
- 중간 매체 사용 : 메모장, VSCode, 마크다운 편집기를 경유하여 깨끗한 텍스트를 만든다.
- 대상 친화 서식 : 대상 앱에서 스타일·목록·표를 재구성한다.
- 검수 : 데스크톱·모바일·다크모드에서 시각 검증한다.
- 보존이 필요한 요소 분리 : 수식·각주·참조는 이미지 또는 별도 블록으로 분리한다.
| 단계 | 작업 | 도구/단축키 | 산출물 |
|---|---|---|---|
| 원본 정리 | 문자·단락 스타일 통일 | Ctrl+Space, Ctrl+Q | 불필요 서식 제거된 DOCX |
| 텍스트 정화 | 특수 공백·스마트 따옴표 교정 | 찾아바꾸기 정규식 | 깨끗한 텍스트 |
| 구조 재구성 | 웹 스타일로 h2, ul/ol, table 재작성 | 편집기 기본 도구 | 반응형 HTML |
| 시각 검증 | 모바일·다크모드 확인 | 브라우저 개발자 도구 | 표준 호환 결과 |
워드에서 바로 할 수 있는 고급 설정
- 파일 > 옵션 > 고급 > 붙여넣기에서 앱 간 붙여넣기 기본값을 텍스트만 유지로 지정한다.
- 자동 고침 옵션에서 스마트 따옴표, 자동 하이픈, 자동 번호를 비활성화한다.
- 스타일 검사기로 직관적 적용 서식과 스타일 간 불일치를 제거한다.
- Normal.dotm 재설정으로 비정상 서식 전파를 차단한다.
주의 : Ctrl+Space는 문자 수준 직접 서식을 지우고, Ctrl+Q는 단락 수준 직접 서식을 지운다. 두 단계를 순차적으로 적용해야 잔여 속성이 사라진다.
HTML 관점의 정리 요령
Word가 생성한 HTML은 mso-* 속성과 많은 <span>이 포함되는 경향이 있다. 다음 정규식을 활용하여 주요 노이즈를 제거한다.
// VSCode > 찾기(정규식) 예시 // 1) mso- 속성 제거 style="[^"]*mso-[^"]*"
// 2) 빈 span 제거
\s
// 3) 주석 제거
// 4) 연속 공백 정규화
[ \t]{2,} -> 1개 공백으로
특수 공백 및 특수 문자는 표준 문자로 교정한다.
| 문자 | 문제 | 교체 |
|---|---|---|
| 스마트 따옴표(“ ” ‘ ’) | 폰트·인코딩 이슈 | " ' |
| 비분리 공백( , U+00A0) | 줄바꿈 왜곡 | 일반 공백 |
| 긴 하이픈(—)·엔대시(–) | 정렬 불안정 | - |
| 탭(U+0009) | 웹에서 무의미 | 공백 또는 CSS 정렬 |
표·목록·각주·수식 안전 이관 가이드
표
- 웹 반응형을 위해
width:100%와 간단한 구조의thead/tbody만 사용한다. - 셀 병합은 최소화한다. 모바일에서 레이아웃 붕괴를 유발한다.
목록
- 다단계 목록은 대상 편집기에서 다시 정의한다. 번호 연속성 보장이 중요하다.
- 수동 번호 입력은 피한다. 접근성과 유지보수가 떨어진다.
각주·미주
- 웹에서는 각주를
<sup>링크로 변환하거나 본문 끝에 참고 블록으로 모은다.
수식
- OMML → MathML 변환을 지원하지 않는 편집기에서는 PNG/SVG 이미지로 내보낸다.
- LaTeX 지원 환경에서는
$$ ... $$형태로 재작성한다.
기업 표준 운영 절차(SOP) 권장안
- 회사 공통 웹용 스타일 가이드를 정의한다(h1~h3, 본문, 캡션, 표 기본값)이다.
- 문서 이관은 원본 담당자와 게시 담당자로 역할 분리한다.
- 배포 전 크로스 브라우저/모바일 검수를 체크리스트로 강제한다.
- 수식·도표는 별도 자산으로 관리하여 재사용성을 높인다.
문제 유형별 원인-대응 매핑
| 증상 | 추정 원인 | 즉시 해결 | 근본 해결 |
|---|---|---|---|
| 줄 간격이 넓어짐 | Word 단락 간격 전파 | 텍스트만 붙여넣기 | 대상 스타일에 맞춰 문단 재정의 |
| 번호목록 끊김 | 인라인 스타일 충돌 | 대상에서 목록 재적용 | 다단계 목록 템플릿 표준화 |
| 표 폭 깨짐 | 절대 픽셀 너비 | width:100% 설정 | 반응형 표 가이드 적용 |
| 하이퍼링크 색 번짐 | 상속 CSS 충돌 | 링크만 재지정 | 본문/링크 스타일 토큰화 |
| 한글 글꼴 대체 | 미설치 폰트 | 웹 안전 글꼴 사용 | 회사 표준 글꼴 정책 |
| 수식 깨짐 | 포맷 변환 실패 | 이미지로 교체 | LaTeX/MathJax 파이프라인 |
자동화 팁과 스크립트
워드 매크로: 텍스트만 붙여넣기 단축키
' Alt+V 로 "텍스트만" 붙여넣기 Sub PasteTextOnly() On Error Resume Next Selection.PasteSpecial DataType:=wdPasteText End Sub ' 파일 > 옵션 > 리본 사용자 지정 > 키보드 사용에서 매크로에 단축키 할당 VSCode 정리 작업
// settings.json에 붙여넣기 시 자동 정리 "editor.formatOnPaste": true, "editor.codeActionsOnSave": { "source.organizeImports": true }, // HTML 파일에서 Emmet과 Prettier를 활용하여 구조 정리 Windows 메모장 파이프
@echo off REM 클립보드 텍스트를 강제로 일반 텍스트로 변환 powershell -command "Get-Clipboard -Raw | Set-Clipboard" 주의 : 조직 환경에서는 매크로 실행 정책과 보안 솔루션에 따라 스크립트 실행이 제한될 수 있다. IT 보안팀 정책을 우선 적용한다.
검수 절차(모바일·다크모드 포함)
- 브라우저 개발자 도구에서 디바이스 뷰를 활성화하여 줄바꿈·표 폭·이미지 캡션을 확인한다.
- OS 차이에 따른 폰트 대체를 점검한다. 시스템 글꼴을 우선 사용한다.
- 다크모드에서 링크 대비와 테이블 줄색을 검증한다.
- 접근성 점검기에서 제목 계층과 대체텍스트 제공 여부를 확인한다.
빠른 해결 요약
- 비예측이면 텍스트만 붙여넣기가 정답이다.
- 표·목록은 대상 편집기에서 재작성한다.
- 수식·각주는 이미지 또는 전용 마크업으로 분리한다.
- 조직에는 웹용 스타일 가이드와 SOP를 도입한다.
FAQ
왜 메모장 경유가 자주 추천되나
메모장은 리치 서식을 모두 제거하여 예측 가능성을 높이기 때문이다. 텍스트만 유지되어 대상 편집기의 스타일 체계로 안전하게 흡수되기 때문이다.
목록 번호가 자꾸 리셋되는 이유는 무엇인가
Word 다단계 목록의 내부 토큰이 HTML로 변환될 때 유지되지 않기 때문이다. 대상 편집기에서 목록 스타일을 다시 정의해야 한다.
표를 그대로 옮기고 싶은데 방법이 있는가
가능하나 반응형 웹에서 레이아웃이 깨질 위험이 크다. 최소 열 수와 병합을 유지하고, 필요 시 이미지를 병행한다.
수식은 어떻게 이관하는가
LaTeX 지원이면 수식을 텍스트로, 미지원이면 SVG/PNG로 내보낸다. 해상도와 접근성을 고려하여 alt 텍스트를 제공한다.
회사 템플릿이 있는데도 깨지는 이유는 무엇인가
수신측 메일 클라이언트·브라우저의 CSS 정책이 달라서이다. 최소주의 템플릿과 시스템 글꼴을 사용하면 변동성이 줄어든다.