/* ==========================================================
   [policy.css] 이용약관 및 개인정보처리방침 공통 스타일
========================================================== */
body { margin: 0; padding: 0; background-color: #f7f7f7; font-family: 'Pretendard', sans-serif; -webkit-font-smoothing: antialiased; }

/* 심플 로고 헤더 (단독 페이지 접속 시 노출) */
.simple-header { width: 100%; background: #fff; padding: 15px 30px; border-bottom: 1px solid #eee; box-sizing: border-box; }
.simple-header a { display: inline-block; }
.simple-header img { height: 35px; border: 0; display: block; }

/* 문서 컨테이너 */
.law-doc-wrapper { width: 100%; display: flex; justify-content: center; padding: 50px 20px; box-sizing: border-box; }
.law-doc-container { width: 100%; max-width: 1000px; padding: 40px; background: #fff; border: 1px solid #eee; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.02); text-align: left; box-sizing: border-box;}

/* 본문 가독성 스타일 */
.doc-header { text-align: center; margin-bottom: 40px; }
.doc-header h1 { font-size: 28px; font-weight: 800; color: #222; margin: 0 0 10px 0; }
.doc-dates { text-align: right; font-size: 13px; color: #999; margin-bottom: 30px; }
.doc-dates p { margin: 3px 0; }

.doc-content { font-size: 15px; color: #666; line-height: 1.8; word-break: keep-all; }
.doc-content p { margin: 8px 0; }

.chapter-title { font-size: 18px; font-weight: 800; color: #333; margin: 40px 0 20px 0; background: #fbfbfb; padding: 10px 15px; border-radius: 4px; }
.chapter-title:first-child { margin-top: 0; }

.article-block { margin-bottom: 25px; }
.article-title { font-size: 16px; font-weight: 700; color: #27ae60; margin: 0 0 10px 0; border-left: 3px solid #27ae60; padding-left: 10px; }

.doc-content ul { margin: 8px 0; padding-left: 20px; list-style: none; }
.doc-content ol { margin: 8px 0; padding-left: 20px; }
.doc-content li { margin-bottom: 6px; }

.txt-bold { font-weight: 700; color: #333; }

/* 모바일 대응 */
@media (max-width: 768px) {
    /* 아이프레임 안에서 볼 때는 위아래 여백을 대폭 줄여서 화면을 넓게 씁니다 */
    .law-doc-wrapper { padding: 10px 5px; }
    .law-doc-container { padding: 20px 15px; }
    
    .simple-header { padding: 15px 20px; text-align: left; }
    .simple-header img { height: 28px; margin: 0; }
    
    .doc-header h1 { font-size: 20px; }
    .doc-content { font-size: 13px; }
    .chapter-title { font-size: 15px; }
    .article-title { font-size: 14px; }
    
    .doc-content ul, .doc-content ol { padding-left: 5px; }
}