@charset "utf-8";

/*커뮤니티 게시판 리스트*/
.board_list .btn_write{height:35px; border:1px solid #ddd;width:24.5%;display:inline-block;line-height:36px;background:#3c6cbb;text-align:center;font-size:16px;color:#fff;font-weight:bold;margin-top:-10px;}
.board_list .btn_write2{height:35px; border:1px solid #ddd;width:24.5%;display:inline-block;line-height:36px;background:#f3f4fc;text-align:center;font-size:16px;color:#4e4e4e;font-weight:bold;margin-top:-10px;}

.search_area{margin-bottom:10px;}
.search_area select{width:20%;font-size:0.9em;height:33px;background:#fff;}
.search_area input{font-size:0.9em;width:48%;height:30px;border:1px solid #ddd;font-family: Dotum,"돋움",sans-serif;padding-left:5px;}
.search_area button{height:35px; border:1px solid #ddd;width:25%;display:inline-block;line-height:30px;background:#3c6cbb;text-align:center;font-size:16px;color:#fff;font-weight:bold;;clear:both;overflow:hidden;margin-top:-1px;}

.notice{border:1px solid #ddd;width:100%;background:#f8f8f8}
.notice td{padding:15px;}
.notice .tit{color:#e64c4e;width:30px;font-weight:bold;}
.notice .cnt{padding:0;padding-top:15px;display:inline-block;text-align:left;font-weight:bold;}
.notice .cnt a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;}
.notice .date{color:#888;width:65px;font-size:12px;}

.board_list_style{margin-top:10px;width:100%;border-top:1px solid #ddd;}
.board_list_style td{padding:15px;cursor:pointer;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.board_list_style td.tit{padding-bottom:0;padding-top:10px;border-top:1px solid #ddd;}
.board_list_style td.tit p{border-bottom:1px dashed #ddd;width:100%;display:inline-block;padding-bottom:10px;font-size:16px;font-weight:bold;margin-top:5px;}
.board_list_style td.tit p span.blue{margin-left:5px;}
.board_list_style td.tit p span.type{color:#888;margin-right:5px;}
.board_list_style td.cnt{line-height:20px;padding-top:10px;padding-bottom:10px;padding-bottom:0;}
.board_list_style td.cnt a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.board_list_style td.name{font-weight:bold;padding-top:10px;padding-bottom:10px;}
.board_list_style td.name img{vertical-align:sub;margin-right:5px;}
.board_list_style td.look{padding-top:0;font-weight:;color:#888;}
.board_list_style td.look span.blue{margin-right:5px;font-weight:bold;}
.board_list_style td.look span.to {font-weight:bold; color:#e64c4e; font-family:verdana;}
.board_list_style tr.bd_b{border-bottom:1px solid #ddd;}
.board_list_style .btn_more{background:#f3f4fc;color:#666;font-size:18px;font-weight:bold;text-align:center;}

.board_list_style tr.blank td{padding:5px;border-right:0;border-left:0;}

/*커뮤니티 게시판 글쓰기*/
.board_write{position:relative;display:block;overflow:hidden;clear:both;width:100%;}
.board_write span.tit{float:left;width:10%;font-weight:bold;font-size:16px;}
.board_write p.sec_txt{color:#888;font-size:0.9em;}
.board_write select{width:100%;border:1px solid #ddd;height:33px;margin-top:5px;margin-bottom:10px;font-family: Dotum,"돋움",sans-serif;}
.board_write input[type=text]{width:97%;height:30px;border:1px solid #ddd;margin-top:5px;margin-bottom:10px;font-family: Dotum,"돋움",sans-serif;}
.board_write textarea{width:98%;border:1px solid #ddd;margin-top:5px;margin-bottom:10px;font-family: Dotum,"돋움",sans-serif;}
.board_write #summernote{clear:both; margin-top:5px;}
.board_write .note-editor{margin-top:27px;}

.board_write .submit_file{clear:both;overflow:hidden;}
.board_write .submit_file button{height:35px; border:1px solid #ddd;width:24.5%;display:inline-block;line-height:30px;background:#4b4b4b;text-align:center;font-size:16px;color:#fff;font-weight:bold;}
.board_write .submit_file ul{width:70%;}
.board_write .submit_file ul li{vertical-align:middle;height:34px;margin-bottom:5px;}
.board_write .submit_file ul li a img{width:34px;height:34px;vertical-align:middle;margin-left:10px;}

/*.board_write .write_btn_area{width:60%;margin:0 auto;position:relative;}*/
.board_write .line{height:1px; background:#ddd;width:100%;margin-top:40px;margin-bottom:15px;}
.board_write .write_btn_area button.fl{height:35px; border:1px solid #ddd;width:28%;display:inline-block;line-height:30px;background:#3c6cbb;text-align:center;font-size:16px;color:#fff;font-weight:bold;;}
.board_write .write_btn_area button.fr{height:35px; border:1px solid #ddd;width:28%;display:inline-block;line-height:30px;background:#f3f4fc;text-align:center;font-size:16px;color:#4e4e4e;font-weight:bold;;}

.board_write .write_btn_area button#btn_cancel{background:#333;color:#fff;}
.board_write .write_btn_area button#btn_delete{background:#fff;color:#888;margin-left:2px;}

/*커뮤니티 게시판 상세*/
.board_read .name{font-weight:bold;padding:0 10px;}
.board_read .name img{vertical-align:sub;margin-right:5px;}
.board_read .look{color:#888;margin-top:10px;padding:0 10px;}
.board_read .look span.blue{margin-right:5px;font-weight:bold;}
.board_read .text_area{margin:10px 0;padding:35px 10px 50px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:20px;}
.board_read .text_area p{line-height:20px !important;}
.board_read .text_area img{width:100% !important;}
.board_read .file_area{margin:20px 0;padding-top:10px;}
.board_read .file_area .look{padding:0px;font-weight:bold;color:#3c6cbb;}
.board_read .file_area ul{margin-top:5px;border:1px solid #F6F6F6;}
.board_read .file_area ul li{padding:8px; border-top:1px solid #F6F6F6; margin-top:-1px;}

.board_read button.comment_btn{height:35px; border:1px solid #ddd;width:30%;display:inline-block;line-height:30px;background:#4b4b4b;text-align:center;font-size:16px;color:#fff;font-weight:bold;}
.board_read button.to_list_btn{height:35px; border:1px solid #ddd;width:28%;display:inline-block;line-height:30px;background:#333;text-align:center;font-size:16px;color:#fff;font-weight:bold;}
.board_read button.my_text_edit{height:35px; border:1px solid #ddd;width:28%;display:inline-block;line-height:30px;background:#3c6cbb;text-align:center;font-size:16px;color:#fff;font-weight:bold;margin-right:2px;}
.board_read button.my_text_del{height:35px; border:1px solid #ddd;width:28%;display:inline-block;line-height:30px;background:#fff;text-align:center;font-size:16px;color:#888;font-weight:bold;}

.board_read {padding:10px;}
.board_read .write_comment{margin-top:10px;clear:both;}
.board_read .write_comment textarea{width:70%;height:94px;font-size:0.9em;resize:none;padding: 2px;}
.board_read .write_comment button.comment_ok{font-size:13px; width:28%;height:100px;border:1px solid #ddd;background:#3c6cbb;color:#fff;;font-weight:bold;outline: 0;}
.board_read .write_comment button.comment_ok_re{background:#898989;}


.comment_area ul{border-bottom:1px solid #ddd;overflow:hidden;margin-top:10px;}
.comment_area ul li{border-top:1px solid #ddd;padding:10px; background:#fff;}
.comment_area ul li ul li{border:0;overflow:hidden;clear:both;background:#f5f5f5;}
.comment_area ul li ul{border-bottom:0;}
.comment_area ul li ul li .customer_info{background:url('/assets/images/mobile/community/comment_under.png') no-repeat left center;padding-left:20px;padding-right:15px;}
.comment_area ul li ul li .cnt{padding-left:20px;padding-right:15px;}
.comment_area ul li span.chooseIcon {color:#fff; background:#e02953; padding:4px 3px 2px 3px;}
.comment_area .cnt{padding:10px 0; word-break: break-all;}
.comment_area button.btn_reComment{border:1px solid #ddd;background:#f0f0f0;;padding:0 5px;color:#666;overflow:hidden;height:25px;display:block;float:right;}
.comment_area button.mr5{background:#fff;color:#aaa;border:1px solid #ccc;height:25px;margin-right:2px;}
.comment_area .customer_info{font-weight:bold;}
.comment_area .customer_info span.date{color:#aaa;font-size:11px;margin-left:5px;}
.comment_area .customer_info img{vertical-align:sub;margin-right:5px;}
.comment_area textarea {resize:none;}
/* 신고하기  레이어 */
/*#report_layer {width:538px; height:533px; border:solid 1px #070707;} 스크롤 생겨서 주석*/
#report_layer header {font-weight:bold; color:#3c6cbb; font-size:18pt; line-height:70px; text-align:left; padding-left:10px; border-bottom:solid 1px #c6c6c6;}
#report_layer section {margin:0 auto; width:100%; text-align:left;}
#report_layer section .box {border:solid 1px #dadada; padding:10px; color:#575757; margin:10px;}
#report_layer section .box h3{color:#3c6cbb; font-size:13pt; font-weight:bold; padding-bottom:15px;}
#report_layer section .report_contents {margin-top:40px;}
#report_layer section .report_contents span{margin-left:10px;color:#5f5f5f; font-weight:bold;}
#report_layer section .report_contents span em{color:#3c6cbb;}
#report_layer section .report_contents p {margin-top:10px; line-height:20px;padding:10px;}
#report_layer section .report_contents .report_select{border-top:solid 1px #c6c6c6; border-bottom:solid 1px #c6c6c6; padding:20px 10px; margin-top:10px;}
#report_layer section .report_contents .report_select table.table_select tr td {padding:4px;}
#report_layer section .report_contents .report_select table.table_select tr td label{vertical-align:middle;}
#report_layer section .report_contents .report_select table.table_select tr td input[type=radio]{vertical-align:middle;}
#report_layer section .reportSendBtn {text-align:center; margin-top:20px;}

/* 묻고답하기 */
.qna_text {font-weight:bold; font-size:13px;}
.qna_text em{color:#3c6cbb;}

.modifyForm {display:none;}
.re_comment {display:none;}
.reModifyForm {display:none;}