/* 컨테이너 */ .slim-guide-container { max-width: 350px; /* 우측 사이드바 폭에 맞춤 */ margin: 0 auto; font-family: 'Pretendard', sans-serif; } .slim-intro { text-align: center; font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 15px; } /* 박스 디자인 */ .slim-process-box { background: #ffffff; border: 1px solid #eee; border-radius: 15px; padding: 20px 10px; display: flex; flex-wrap: wrap; /* 좁아지면 줄바꿈 허용 */ justify-content: center; box-shadow: 0 5px 15px rgba(0,0,0,0.03); } .slim-step { flex: 1; text-align: center; min-width: 80px; } .slim-step.divider { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; } .step-num { display: block; font-weight: 700; font-size: 15px; color: #222; margin-bottom: 8px; } .slim-step p { font-size: 12px; color: #888; line-height: 1.4; margin: 0; } /* 하단 톡 메시지 */ .slim-chat-msg { width: 100%; margin-top: 20px; padding-top: 15px; border-top: 1px dashed #eee; text-align: center; display: flex; align-items: flex-start; justify-content: center; gap: 8px; padding-left: 10px; padding-right: 10px; } .slim-chat-msg .icon { font-size: 14px; } .slim-chat-msg p { font-size: 12.5px; font-weight: 500; color: #444; line-height: 1.5; margin: 0; word-break: keep-all; /* 단어 단위 줄바꿈으로 깔끔하게 */ }