/* === 전체 레이아웃 === */
#outer-wrapper, .container {
max-width: 1100px; /* 전체 블로그 폭 */
margin: 0 auto; /* 가운데 정렬 */
display: flex;
flex-wrap: wrap; /* 줄바꿈 허용 (모바일 대응) */
justify-content: space-between;
box-sizing: border-box;
}
/* === 본문 영역 === */
#main-wrapper {
width: 760px; /* 본문 폭 */
box-sizing: border-box;
padding: 0 20px;
}
/* === 사이드바 영역 === */
#sidebar-wrapper {
width: 320px; /* 사이드바 폭 */
box-sizing: border-box;
padding: 0 10px;
}
/* === 본문 내용 (가독성 향상) === */
.post-body {
max-width: 100%;
margin: 0 auto;
line-height: 1.7;
word-break: break-word;
}
/* === 이미지, 표 폭 자동 조정 === */
.post-body img,
.post-body table {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
/* === 모바일 반응형 설정 === */
@media screen and (max-width: 1024px) {
#outer-wrapper, .container {
flex-direction: column; /* 본문 → 사이드바 순서 세로 배치 */
max-width: 95%; /* 모바일 화면에 맞게 */
padding: 0 10px;
}
#main-wrapper, #sidebar-wrapper {
width: 100%;
max-width: 100%;
padding: 0;
}
#sidebar-wrapper {
margin-top: 20px; /* 본문 아래로 이동 */
}
.post-body {
line-height: 1.8;
font-size: 1rem;
}
}
