@charset "UTF-8";

/* Comment */
.comm_area { margin-top: 50px; }
.comm_area .comm_total { padding-bottom: 15px; font-size: 17px; border-bottom: 1px solid #ddd; }
.comm_area .comm_total span { font-weight: 500; }
.comm_area .comm_form { display: flex; justify-content: space-between; margin-top: 20px; }
.comm_area .comm_form textarea { width: calc(100% - 130px); height: 100%; padding: 5px; border: 1px solid #9b9a9a; border-radius: 5px; }
.comm_area .comm_form .btn { width: 120px; background: #131313; color: #fff; font-size: 18px; border: 0; border-radius: 5px; }
.comm_area .comm_list > li { position: relative; padding: 30px 0 15px; border-bottom: 1px solid #ddd; }
.comm_area .comm_list .comm_name { padding-right: 100px; font-size: 16px; color: #999; }
.comm_area .comm_list .comm_name span { display: inline-block; margin-right: 10px; font-size: 16px; color: #333; font-weight: 500; }
.comm_area .comm_list .comm_text { margin: 15px 0; font-size: 17px; color: #666; line-height: 1.4; }
.comm_area .comm_list .comm_reply { padding: 3px 0 3px 25px; font-size: 14px; background: url(/user/images/common/icon_reply.png) no-repeat left center; background-size: 15px; }
.comm_area .comm_list .comm_btn_area { position: absolute; top: 30px; right: 0; }
.comm_area .comm_list .comm_btn_area .btn { height: 28px; padding: 0 10px; font-size: 14px; border: 1px solid #ddd; background-color: #fff; }
.comm_area .comm_list .comm_btn_area .btn_edit { width: 28px; padding: 0; font-size: 0; background: #fff url(/user/images/common/icon_edit.png) no-repeat center center / 100%; }
.comm_area .comm_list .comm_btn_area .btn_trash { width: 28px; padding: 0; font-size: 0; background: #fff url(/user/images/common/icon_del2.png) no-repeat center center / 100%; }
.comm_area .comm_list .comm_like { position: absolute; bottom: 15px; right: 0; font-size: 14px; }
.comm_area .comm_list > li.comm_list_in { padding: 15px 40px; background: #f8f8f8; border-bottom: 0; }
.comm_area .comm_list > li.comm_list_in + li.comm_list_in { padding-top: 10px; }
.comm_area .comm_list > li.comm_list_in_end { border-bottom: 1px solid #ddd; }
.comm_area .comm_list > li.comm_list_in .comm_form { margin-top: 0px; }
.comm_area .comm_list > li.comm_list_in .comm_name { padding-top: 15px; }
.comm_area .comm_list > li.comm_list_in .comm_text { margin-bottom: 0; padding: 0 0 25px; padding-right: 80px; border-bottom: 1px solid #ddd; }
.comm_area .comm_list > li.comm_list_in_end .comm_text { border-bottom: 0; padding-bottom: 25px; }
.comm_area .comm_list > li.comm_list_in .comm_btn_area { top: 23px; right: 40px; }
.comm_area .comm_list > li.comm_list_in .comm_like { bottom: 15px; right: 40px; }

.comm_area .comm_list > li .count_like { display: inline-block; line-height: 22px; font-size: 16px; padding-left: 30px; line-height: 22px; font-size: 16px; background: url(/user/images/common/icon_like_off.png) no-repeat left center; background-size: 22px; cursor: pointer; transition: background-image 0.15s; }
.comm_area .comm_list > li .count_like.active { background: url(/user/images/common/icon_like_on.png) no-repeat left center; }

/* 첨부파일 */
.form_file_list + .wrap_atch_files {margin-top: -1px; }
.wrap_atch_files {}
.wrap_atch_files .form_file {border-bottom: none; }
.wrap_atch_files .form_file:last-child {border-bottom: 1px solid #9b9a9a }