.view .container{display: flex; flex-direction: column; max-width: 600px; width: 100%;}
.viewer{padding: 24px 20px 24px; display: flex; flex-direction: column; gap: 12px;}
.viewer .top{display: flex; flex-direction: column; gap: 12px;}

/* 비노출 처리 되었습니다. */
.non_exposure{display: flex; padding: 10px 16px; border-radius: 4px; background: var(--rose-40, #FCF2F3); align-items: center; gap: 4px;color: var(--rose-750, #770C34); font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}
.non_exposure img{width: 12px;}

/* 게시글 헤더 */
.viewer .view_header{display: flex; flex-direction: column; gap: 4px;}
.viewer .view_header .meta_wrap{display: flex; align-items: center; justify-content: space-between;}
.viewer .dropdown{right: 8px;}
.viewer .view_header .title{font: var(--title-title5-b); letter-spacing: var(--ls-title-title5-b);}
.viewer .view_header .writer_info{display: flex; align-items: center; gap: 8px;}
.viewer .view_header .writer_info img{width: 48px; height: 48px; padding: 3px; border-radius: 100%; object-fit: cover;}
.viewer .view_header .writer_info .text{display: flex; flex-direction: column;}
.viewer .view_header .writer_info .writer{color: var(--neutral-750, #333C4B); font: var(--body-body2-sb); letter-spacing: var(--ls-body-body2-sb);}
.viewer .view_header .writer_info .time{color: var(--neutral-600, #555F6F); font: var(--caption-caption1-r); letter-spacing: var(--ls-caption-caption1-r);}

/* 게시글 내용 */
.viewer .contents{font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r); word-break: keep-all; padding: 6px 0;}
.viewer .contents img{width: 100%; border-radius: 6px; margin-top: 12px;}
.viewer .action_button{display: flex; align-items: center; justify-content: space-between;}
.viewer .engagement{display: flex; align-items: center; gap: 12px;}
.viewer .engagement button{color: var(--neutral-600, #555F6F); font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r); display: flex; align-items: center; gap: 2px; flex-shrink: 0;}
.viewer .engagement .btn_likes:before{content: ''; width: 22px; height: 22px; background: url(/images/icon/icon-thumbsup-neutral600.svg) no-repeat; background-size: contain;}
.viewer .engagement .btn_likes.active{color: var(--lilac-600, #8E23CD); font: var(--body-body2-sb); letter-spacing: var(--ls-body-body2-sb);}
.viewer .engagement .btn_likes.active:before{background: url(/images/icon/icon-thumbsup-fill-primary.svg) no-repeat; background-size: contain;}
.viewer .engagement .btn_comments:before{content: ''; width: 22px; height: 22px; background: url(/images/icon/icon-comment-neutral600.svg) no-repeat; background-size: contain;}
.viewer .btn_share{display: flex; align-items: center; gap: 2px; color: var(--neutral-600, #555F6F); font: var(--body-body2-r); letter-spacing: var(--ls-body-body1-r);}
.viewer .btn_share img{width: 22px; height: 22px; opacity: 0.7;}

/* 댓글 상단 */
.comments{display: flex; flex-direction: column; padding: 16px 0;}
.comments .title{display: flex; align-items: center; justify-content: space-between;}

.comments .comment_input{margin: 8px 0; height: 46px; overflow: hidden; transition: height 0.2s ease;}
.comments .comment_input.active{height: 146px; border: 1px solid var(--neutral-750, #333C4B);}

/* 댓글,답글 */
.comment_item{display: flex; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--neutral-80, #E2E8EF); flex-wrap: wrap;}
.comment_item .non_exposure{flex-basis: 100%;}
.comment_item .profile{width: 42px; height: 42px; padding: 2.5px; border-radius: 100%; flex-shrink: 0;}
.comment_item .contents{flex-grow: 1; display: flex; flex-direction: column; width: 0;}
.comment_item .top{display: flex; align-items: center; justify-content: space-between;}
.comment_item .write_info{display: flex; align-items: center; gap: 6px;}
.comment_item .write_info .writer{font: var(--body-body1-sb); letter-spacing: var(--ls-body-body1-sb);}
.comment_item .write_info .time{font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);color: var(--neutral-600, #555F6F);}
.comment_item .detail{font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r); margin: 1px 0 0 0;}
.comment_item .detail img{width: 14px; height: 14px; vertical-align: top; margin: 2px 0 0 0; opacity: 0.9;}
.comment_item .action_button{display: flex; gap: 6px; margin: 2px 0 0 0;}
.comment_item .action_button .btn_likes{display: flex; gap: 2px;color: var(--neutral-600, #555F6F); font: var(--caption-caption1-r); letter-spacing: var(--ls-caption-caption1-r); align-items: center;}
.comment_item .action_button .btn_likes:before {content: ''; width: 16px; height: 16px; background: url(/images/icon/icon-thumbsup-neutral600.svg) no-repeat; background-size: contain;}
.comment_item .action_button .btn_likes.active{font: var(--caption-caption1-sb); letter-spacing: var(--ls-caption-caption1-sb);color: var(--lilac-600, #8E23CD);}
.comment_item .action_button .btn_likes.active:before{background: url(/images/icon/icon-thumbsup-fill-primary.svg) no-repeat; background-size: contain;}
.comment_item .action_button .btn_comments{display: flex; gap: 2px;color: var(--neutral-600, #555F6F); font: var(--caption-caption1-r); letter-spacing: var(--ls-caption-caption1-r); align-items: center;}
.comment_item .action_button .btn_comments:before {content: ''; width: 16px; height: 16px; background: url(/images/icon/icon-pen-neutral600.svg) no-repeat; background-size: contain;}
.comment_disabled{padding: 16px 4px;}

/* 답글 영역 */
.reply_list{padding-left: 50px;}

/* 가려진 댓글,답글 */
.comment_disabled{border-bottom: 1px solid var(--neutral-80, #E2E8EF); font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r); color: var(--neutral-400, #8692A3);}

/* 신고하기 모달 */
.report_modal ._modal_contents{padding: 14px 24px 32px; }
.report_modal .non_exposure{align-items: flex-start; gap: 12px; padding: 12px 16px; border-radius: 2px;}
.report_modal .non_exposure img{width: 16px;}
.report_modal .select_wrap{margin: 12px 0 0 0; display: flex; flex-direction: column;}
.report_modal textarea{margin: 18px 0 0 0; height: 146px;}

.write_modal ._modal_contents{padding: 14px 24px 24px; display: flex; flex-direction: column; gap: 8px;}
.write_modal ._modal_contents textarea{height: 146px;}