@charset "utf-8";

/* 댓글 영역 */
.ogs-comments { margin-top: 50px; border-top: 1px solid #eee; padding-top: 30px; }
.ogs-comment-item { border-bottom: 1px solid #f9f9f9; padding: 25px 0; }
.comment-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.comment-meta .author-info { display: flex; align-items: center; gap: 10px; }
.comment-meta .nickname { font-weight: 700; font-size: 15px; color: #333; }
.comment-meta .date { font-size: 13px; color: #999; }
.comment-meta .btns { display: flex; gap: 10px; }
.comment-meta .btns a { font-size: 12px; color: #999; text-decoration: none; }
.comment-meta .btns a:hover { color: var(--ogs-primary); }
.comment-content { line-height: 1.6; font-size: 15px; color: #444; word-break: break-all; }
.ogs-comment-form-wrap { background: #fdfdfd; border: 1px solid #eee; border-radius: 8px; padding: 20px; margin-top: 30px; }
.ogs-comment-form-wrap h4 { font-size: 16px; margin-bottom: 15px; font-weight: 700; }
.ogs-editor-wrap { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background: #fff; }
.form-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.guest-info { display: flex; gap: 10px; }
.guest-info input { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; outline: none; }
.guest-info input:focus { border-color: var(--ogs-primary); }
.submit-wrap .ogs-btn { padding: 10px 25px; }
.dynamic-form { border-top: 1px dashed #ddd; padding-top: 15px; margin-top: 15px; }