.commDiv{font-weight:normal;}
.commDiv .tit{font-size:14px; border:1px solid #d3d3d5; border-left:0px; border-right:0px; color:#121212; height:40px; line-height:38px;}
.commDiv .tit .count{display:inline-block;}
.commDiv .tit .btnArea{display:inline-block; margin-left:5px;}
.commDiv .tit .btnArea a {font-size:14px;color:#121212;display:inline-block;background:url('../images/comment_onoff.png') no-repeat right -28px;padding-right:15px;}
.commDiv .tit .btnArea a.Bclose{background-position:right 17px;display:none}
.commDiv .tit .btnArea a.open{}
.commDiv.on .tit .btnArea a.Bclose{display:inline-block;float:none}
.commDiv.on .tit .btnArea a.open{display:none}

.commDiv.on .commArea{display:block}
.commDiv .commArea{display:none}
.commDiv .commArea .commBox{line-height:15px;border-bottom:1px solid #d3d3d5;padding:23px 21px 23px 41px; position:relative;background:url('../images/icon_comment_reply.png') no-repeat 20px 20px #f7fafc;}
.commDiv.hasImage .commArea .commBox{background-image:url('');padding-left:80px;}
.commDiv .commArea .commBox.no-result{background-image:url('');text-align:center;}
.commDiv .commArea .commBox .image{position:absolute;width:40px;height:40px;left:22px;top:22px;}
.commDiv .commArea .commBox .image img{width:100%;height:100%;border-radius:20px;vertical-align:middle;}
.commDiv .commArea .commBox .name{display:inline-block; font-size:14px; color:#121212;}
.commDiv .commArea .commBox .date{display:inline-block; font-size:12px; color:#777777;}
.commDiv .commArea .commBox .comm{font-size:13px; color:#121212; padding-top:12px;line-height:130%;}
.commDiv .commArea .commBox .commBtn{position:relative;text-align:right;}
.commDiv .commArea .commBox .cbtn{font-size:12px;color:#000;text-decoration:underline;display:inline-block;margin-left:5px;}
.commDiv .commArea .commBox .cbtn.modify{}
.commDiv .commArea .commBox .cbtn.reply{text-decoration:none}


.commDiv .commList{display:none}
.commDiv.on .commList{display:block}

.commDiv .commArea .writeArea{background-color:#f7fafc;padding:17px 20px; border-bottom:1px solid #d3d3d5;display:none}
.commDiv.on .commArea .writeArea{display:block}
.commDiv .commArea .writeArea .writeTitle{font-size:12px; color:#777777; padding-bottom:19px;}
.commDiv .commArea .writeArea .writeTitle strong{font-size:14px; color:#121212; margin-right:11px;font-weight:normal}
.commDiv .commArea .writeArea .writeForm{position:relative;padding-right:79px;}
.commDiv .commArea .writeArea .writeForm textarea{width:100%;height:67px; border:1px solid #d6d6d8;font-size:13px; color:#121212; box-sizing:border-box; letter-spacing:-1px;line-height:130%}
.commDiv .commArea .writeArea .writeForm button{position:absolute;right:0px;bottom:0px;width:67px; height:67px; text-align:center;border:1px solid #d6d6d8; font-size:13px; color:#121212; font-weight:bold;background-color:#fff;}

.commDiv .listPage{margin-top:10px;display:none;text-align:center;}
.commDiv .listPage .paging{text-align:center;}
.commDiv.on .listPage{display:block;}

/*´ñ±ÛÀÇ ´ä±Û*/
.commList .replyCommBox{background:#fff;padding:22px;border-bottom:1px solid #d3d3d5;}
.commList .replyCommBox .replyWriteArea{background:url('../images/comment_reply_icon.png') no-repeat left 20px;padding-left:22px;padding-right:22px;}
.commList .replyCommBox .replyWriteArea form{display:block;border:1px solid #c8c8c8;background:#fff;}
.commList .replyCommBox .replyWriteArea form .textArea{border-bottom:1px solid #f3f3f3;padding:20px 20px 0px 20px;}
.commList .replyCommBox .replyWriteArea form textarea{border:0px;width:100%;height:60px;font-size:13px;color:#919191;}
.commList .replyCommBox .replyWriteArea form .btnArea{text-align:right;padding:8px 12px}
.commList .replyCommBox .replyWriteArea form .btnArea button{background:#fff;border:1px solid #3f7bdc;border-radius:3px;color:#666;padding:5px 20px;line-height:100%;font-size:12px}
.commList .replyCommBox .replyListArea{}

.commList .replyCommBox .replyListArea .replyLi{border-top:1px solid #f1f1f1;padding:15px 22px 15px 72px;background:url('../images/comment_reply_icon.png') no-repeat left 15px;position:relative}
.commList .replyCommBox .replyListArea .replyLi.first{border-top:0px solid #f1f1f1;}
.commList .replyCommBox .replyListArea .replyLi .image{position:absolute;width:40px;height:40px;left:22px;top:22px;}
.commList .replyCommBox .replyListArea .replyLi .image img{width:100%;height:100%;border-radius:20px;vertical-align:middle;}
.commList .replyCommBox .replyListArea .replyLi .name{display:inline-block; font-size:14px; color:#333333;}
.commList .replyCommBox .replyListArea .replyLi .date{display:inline-block; font-size:12px; color:#777777;}
.commList .replyCommBox .replyListArea .replyLi .comm{font-size:13px; color:#121212; padding-top:12px;line-height:130%;}
.commList .replyCommBox .replyListArea .replyLi .commBtn{position:relative;text-align:right;padding-right:10px;}
.commList .replyCommBox .replyListArea .replyLi .cbtn{font-size:12px;color:#000;text-decoration:underline;display:inline-block;margin-left:5px;}
.commList .replyCommBox .more{border:1px solid #e9e6e6;border-radius:3px;background:#fff;text-align:center;display:block;padding:15px;}
.commList .replyCommBox .more.loading{background:url('../../../../common/images/ajax-loader.gif') no-repeat center center;}
.commList .replyCommBox .more:hover{background:#f6f6f6;}
.commList .replyCommBox .more span.text{display:inline-block;color:#000000;font-size:12px;}
.commList .replyCommBox .more span.icon{background:url('../images/more.png') no-repeat center center;display:inline-block;margin-left:6px;width:11px;height:7px;}