@charset "utf-8";

/* comment
-------------------------------------------------------------------------------------------------------- */
#comment-form {
	margin-top: 20px;
}
.feedbackList { 
	position:relative;
	padding: 20px; 
	margin: 0; 
	border-radius: 8px;
	border: 1px solid #e1e1e1;
}

	/* 엮인글 수, 댓글 수 */
.feedbackList .feedbackHeader {
	margin: 0; 
	padding: 0 0 10px; 
	border-bottom: 1px solid #e1e1e1;
}
.feedbackList .feedbackHeader a {}
.feedbackList .feedbackHeader em { 
	font-style: normal;
}

	/* 엮인글 목록 */
#trackback {
	margin-bottom: 20px;
}
.feedbackList .trackbackList {
	position:relative; 
	margin:0;
	padding:0; 
	color: #777;
}
.feedbackList .trackbackList .trackbackURL {
	margin:0; 
	padding:0; 
}
.feedbackList .trackbackList a { 
	font-size: 14px; 
	color: #777; 
}
.feedbackList .trackbackList .btn-wrp {
	text-align: right;
}


	/* 댓글 목록 */
.feedbackList .replyList { 
	clear:both; 
	margin:0; 
	padding:0;
}
.feedbackList .item { 
	position:relative; 
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px dotted #e1e1e1;
	*zoom:1; 
	 transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;	
} 
.feedbackList .item:last-child {
	border-bottom: 0;
}
.feedbackList.form .item { 
	padding: 15px;
	border: 1px solid #e1e1e1;
} 
.feedbackList .item:after {
	content:""; 
	display:block; 
	clear:both; 
}
.feedbackList .item .indent { 
	position:relative; 
	margin:0; 
	padding:0; 
	*zoom:1;
}
.feedbackList .item .indent:after { 
	content:""; 
	display:block; 
	clear:both;
}
.feedbackList .item.itemReply .indent { }
	



/* 댓글 작성자 정보 */
.feedbackList .item .itemAside {
	position:relative; 
	float:left;
	overflow:hidden; 
	margin:0; 
	padding:0; 
	*zoom:1; 
	text-align:center;
	z-index:2;

}
.feedbackList .item .itemAside img.profile { 
	width: 50px;
	vertical-align:top; 
}

	
/* 댓글 내용 부분 */
.feedbackList .item .itemContent { 
	position:relative; 
	overflow:hidden;  
	margin:0; 
	padding:0 0 0 15px; 
}
.feedbackList .item .itemContent .meta { 
	white-space: normal;
	vertical-align: middle;
	font-size: 12px;
	color: #707070;
}
.feedbackList .item .itemContent .meta a {
	color: #555;
}
.feedbackList .item .itemContent .meta>span {
	margin-right: 10px;
}

/* 첨부 파일 */
.feedbackList .item .itemContent .attachedFile { 
	border:0; 
}

/* 비밀 댓글 */
.feedbackList .secretMessage { 
	margin: 0 !important;
	text-align: left !important
}
.feedbackList .secretMessage input[type="password"] { 
	width:200px;	
}

/* 댓글 옵션 버튼 부분 */
.feedbackList .itemContent .option { 
	position:relative; 
	margin: 0; 
	padding:0;
	list-style:none; 
	white-space:nowrap; 
	*zoom:1;
}
.feedbackList .itemContent .option li { 
	position:relative;
	float: left;
	display:inline; 
	padding:0;
}
.feedbackList .itemContent .option li.wouldYou a { 
	font-size:11px;
	padding:0;
	color:#555;
}
.feedbackList .itemContent .option li a { 
	text-decoration:none;
	color:#555;
}

/* Editor */
.commentEditor { 
	position:relative; 
	margin-bottom:15px !important;
	padding:15px !important; 
	border:1px solid #e1e1e1; 
}

/* responsive 
-------------------------------------------------------------------------------------------------------- */
@media (max-width: 321px) {
}

@media (max-width: 767px) {			
	.feedbackList .itemContent .option li a>span {
		display: none
	}	
}
@media (min-width: 992px) {
	.feedbackList .option-wrp {
		opacity: 0;
		visibility: hidden;
		transition:all 0.1s ease-in;
		-moz-transition:all 0.1s ease-in;
		-webkit-transition:all 0.1s ease-in;	
	}
	.feedbackList .item:hover .option-wrp {
		opacity: 1;
		visibility: visible
	}
}