@charset "utf-8";

/* 댓글 */
.board-view{ margin-top: 30rem;
	.comment_count{ margin: 0 0 15rem 5rem; }
	.comment_write{ border:1px solid #dedede; }
	.writer-group{ display: flex; justify-content: space-between; gap: 4rem; padding: 7rem 24rem; border-bottom: 1px solid #e1e1e1; }
	.writer-group label{ margin-right: 10rem; font-size: 13rem; }
	.writer-group input{ margin: 0; width: 100%; height: 40rem; padding: 7rem 8rem; }
	textarea{ margin: 0; width: 100%; height: 130rem; padding: 20rem; border: 0; }
	.submit-group{ position: relative; display: flex; justify-content: end; border-top:1px solid #e1e1e1; text-align:right;}
	.btn_submit{ margin: -1px -1px -1px 0; width: 75rem; height: 50rem; background: #222; border: 0; color: #fff; }
	.list{ margin-top: 30rem; }
	.list > li{ position:relative; min-height:90rem; padding: 15rem 0; border-top: 1px solid #e1e1e1; }
	.list > li:last-child{ border-bottom:1px solid #e1e1e1; }
	.btn-group{ position:absolute; right:0; top: 10rem; display: flex; align-items: center; gap: 8rem; }
	.date{ font-size: 13rem; }
	.btn_reply, .btn_del{ width: 24rem; height: 24rem; background: no-repeat 50%; border: 1px solid #c3c3c3; }
	.btn_reply{ background-image: url('/images/board/btn_comment.png'); }
	.btn_del{ background-image: url('/images/board/btn_comment_del.png'); }
	.list-name{ font-weight: 600; }
	.list-comment{ margin-top: 15rem; line-height: 1.4; }
	[aria-hidden="true"]{ display: none; }
	.list-comment_write{ margin-top: 20rem; background: #f7f7f7; }
	.list-comment_write textarea{height:80rem;}
	.list-pass:not([aria-hidden="true"]){ position: absolute; inset: 0; z-index: 1; display: grid; place-content: center; background:rgba(255,255,255,0.9); text-align:center; }
	.delete_message{ margin-bottom: 10rem; }
	.list-pass input[type="password"]{height:40rem;}
	.list-pass .button{ height: 33rem; line-height: 31rem; }
	@media(min-width:768px){
		.list .name{ padding-right: 200rem; }
		.writer-name{ max-width:180rem; }
		.writer-pass{ max-width:220rem; }
	}
	@media(max-width:767px){
		.writer-group{ flex-direction: column; padding: 11rem 15rem; }
		.writer-group > li{ display: grid; grid-template-columns: auto 1fr; align-items: center; }
		.btn-group{ position: relative; top: 0; margin-top: 10rem; }
		.comment_write .input >  span{float:none !important; display:block; margin:2rem 0;}
		.comment_write label{min-width:80rem; margin-right:0;}
		.list .btn{position:static; margin-top:10rem;}
		.list-pass input[type="password"]{display:block; width:200rem; margin:0 auto 5rem;}
	}
}