/*뎃글폼,리스트*/
.comment-view{width:80%;height:auto;margin:auto;border-color:#b7b7b7;border-radius:10px;border-top-style: dashed;border-bottom-style: dashed;}
.comment-view-insert{width:100%;height:50px;margin:auto}
.comment-view-textarea{float:left;width:90%;height:100%;}
.comment-view-textarea textarea{width:100%;height:100%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.comment-view-submit{float:left;width:10%;height:100%;}
.comment-view-submit button[type='submit']{height:100%;background:#585858;color:white;width:100%;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.comment-view-list{width:100%;margin:auto;}
.comment-view-list .comment-view-row{display:flex;border:1px solid #a9a9a9;height:auto;width:100%;border-radius: 10px;line-height:70px;margin-bottom:5px}
.comment-view-id{width:15%;auto;text-align:center;padding: 10px;}
.comment-view-id div{width:100%;height:100%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;position: relative;line-height:100%;display:flex;flex-flow:column;gap:5px;justify-content:center;align-items: center;}
.comment-view-id b{color:#555452;}
.comment-view-id small{color:#6d6d6d;text-align:center;width:100%;}
.comment-view-text{width:85%;position: relative; border-left:1px solid #a9a9a9;}
.comment-view-text div{width:100%; word-break: break-all ; padding: 10px; line-height: 2; min-height: 57px; line-height: 50px;}
.comment-view-del{float:left;width:2%;text-align:center;color: #ffc021;font-weight: bold; position:relative;}
.comment-view-del a{position: absolute;    top: -15px;    right: 3px;}
.comment-view-none{font-size:12; font-weight:bold; text-align:center;}


/*//뎃글폼,리스트*/

/*자동 댓글 등록 방지*/
.comment-view-kcaptcha{width:100%; margin-top: 10px;}
.comment-view-kcaptcha img{max-width:100px}
.comment-view-kcaptcha input{width: 22%;padding: 12px 20px;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
/*//자동 댓글 등록 방지*/

.comment-view-list .comment-view-row {
	min-height: 50px;
}

@media(max-width: 800px) {
	.comment-view {
		width: 100%;
	}
}
@media(max-width: 680px) {
	.comment-view-list .comment-view-row {
		flex-flow: column;
	}
	.comment-view-text,
	.comment-view-id {
		width: 100%;
	}
	.comment-view-text {
		border-left: 0;
		border-top: 1px solid #a9a9a9;
	}
	.comment-view-id div {
		flex-flow: row nowrap;
	}
	.comment-view-id small {
		text-align: right;
		padding-right: 1px;
	}
	.comment-view-text div {
		font-size: 14px;
		line-height: 2;
	}
}