@charset "utf-8";

/* 토글버튼 */
.cmt-btn { 
	width:100%; line-height:2.5em;
	background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
	background:linear-gradient(#f5f5f5, #eee); color:#333; 
	border:1px solid #ddd; outline:none;
}
.cmt-btn.comment-hide {	
/*
	background:-webkit-gradient(linear, left top, left bottom, from(#47CFE0), to(#00BCD4));
	background:linear-gradient(#47CFE0, #00BCD4); color:#fff; border-color:#6db8c1;
*/	
	background:-webkit-gradient(linear, left top, left bottom, from(#cecece), to(#b7b7b7));
	background:linear-gradient(#cecece, #b7b7b7); color:#fff; border-color:#bbbbbb;
}
.cmt-btn:after { 
	content:""; display:inline-block; 	
	width:0; height:0; margin-left:5px; vertical-align:middle;	
	border-style:solid; border-width:0 5px 6px 5px;
	border-color:transparent transparent #353535 transparent;
}
.cmt-btn.comment-hide:after { 	
	border-width:6px 5px 0 5px;
	border-color:#f3f3f3 transparent transparent transparent;	
}

/* comment */
#commentView { margin:0 auto; padding:0 10px 10px; background-color:#f5f5f5; border:1px solid #ddd; }
#commentView .firstArticle { margin-top:0; }
#commentView .commentArticle { margin:1em auto 0px; }
#commentView .replyArticle { border-top:none; margin-top:1px; }

.commentCredit { overflow:hidden;  padding:2px 5px; border-bottom:1px solid #ddd; }
.replyCredit { padding-left:30px; background:#f5f5f5 url(./img/icon_reply.gif) no-repeat left top; }
.commentCredit h3 { float:left; margin:0; padding:0; color:#666; }
.commentCredit h3 span { color:#666; font-size:11px; font-weight:normal; }
.commentCredit h3 span.guest { font-size:12px; font-weight:bold; }
.commentCredit h3 span.member { font-size:12px; font-weight:bold; color:#515151; }
.commentCredit p { float:right; margin:0; padding:3px 0 0 0; }
.ipView { color:#B2B2B2; font-size:11px; }
.commentContent {
	clear:both; overflow:hidden; padding:7px 12px; background-color:#fff;
	line-height:150%; color:#333; word-break:break-all;
}
.commentContent .secret { color:#ff6600; }

#commentWrite { margin:20px auto 10px; }
/* .commentForm { background-color:#f7f7f7; margin:3px; border:1px solid #ddd; } */
.commentForm .nameForm { padding:5px 0 2px 40px; }
.commentForm .submit { padding:0 10px; text-align:center; }

.commentForm .frm_input.required { height:auto; padding:3px 5px;  }

.submit .leftBtn { float:left; margin:0 0 5px 20px; padding:0; }
.submit .rightBtn { float:right; margin:4px 0 5px; padding:0; }
.submit .guestInfo { color:#808080; font-size:11px; }

#captcha #captcha_info { display:inline-block; margin-left:5px; }