@charset "utf-8";

/*리스트*/
.btn_wrap.gray{ margin:0 auto 10px; padding:0; }
.board_list_basic{border-top:2px solid #6b6b6b; width:100%; border-collapse:collapse;}
.board_list_basic th, .board_list_basic td{font:normal 13px 'NanumGothic', 'Malgun Gothic', verdana; height:30px; border-bottom:1px solid #ddd; padding:5px;}
.board_list_basic th{text-align:center; font-weight:bold; background:#f4f4f4;}
.board_list_basic td.noField{text-align:center; font-size:13px;}
.board_list_basic td.titleField{font-weight:bold; padding:0 0;}
.board_list_basic td.titleField i, .board_list_basic td.titleField span{font-weight:100;}
.board_list_basic td.titleField a:hover{text-decoration:underline;}
.board_list_basic td.nameField, .board_list_basic td.dateField, .board_list_basic td.recomField, .board_list_basic td.hitField{font-size:12px; text-align:center;  color:#888;}
.board_list_basic .icon_comment{font-size:13px; color:red;}
.thumb_img_goods{ display:none; float:left; padding:0 10px; }
.title_goods{ display:none; padding:0 0 10px 0; }
.title_goods_content{ font:normal 13px/20px Malgun Gothic; }
.title_goods_content a:hover{ text-decoration:none !important; color:#ed3135; }
.title_goods_content img{ vertical-align:-1px; }

/*리스트 검색*/
.cs_search_wrap{padding:0; margin-bottom:20px}
.cs_search_wrap input[type=text]{border:1px solid #ccc; height:25px;}
.cs_search_wrap input[type=submit]{ min-width:80px; background:#f8f8f8; color:#8e6650; border:solid 1px #ddd; font:600 13px/29px 'NanumGothic',"Noto sans KR",Malgun Gothic }
.cs_search_wrap .select{border:1px solid #ccc; height:31px;}

/*뷰*/
.board_view_basic{font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana;}
.board_view_basic > div{padding:10px 5px;}
.board_view_basic .titleField{font-size:20px; font-weight:bold; padding:20px 10px; border-bottom:2px solid #222; margin-bottom:1px; text-align:center }
.board_view_basic .titleField:before{content:''; font:normal 16px "FontAwesome"; padding-right:5px; color:#ed3135; vertical-align:2px;}
.board_view_basic .infoField {overflow:hidden; background:#fafafa; border-bottom:1px solid #e7e7e7; padding:13px 20px;}
.board_view_basic .infoField ul{float:left; width:50%;}

.board_view_basic .infoField li{display:inline-block; font-size:13px; color:#777;}
.board_view_basic .infoField li i{padding-right:5px;}
.board_view_basic .infoField ul:first-child li{padding-right:20px;}
.board_view_basic .infoField ul:last-child{float:right; text-align:right;}
.board_view_basic .infoField ul:last-child li{padding-left:20px;}
.board_view_basic .fileField{font-size:13px; margin:0; padding:0;}
.board_view_basic .fileField li a{display:block;  padding:13px 20px; /* background:#fafafa; border-bottom:1px solid #e7e7e7 */}
.board_view_basic .fileField li a:before{content:''; font:normal 12px "FontAwesome"; padding-right:5px; color:#555;}
.board_view_basic .contentField{padding:30px 0 70px; border-bottom:1px solid #ddd; min-height:250px;}


/*이전글 다음글*/
.board_view_basic{border-collapse:collapse;}
.board_view_basic .listField{border-collapse:collapse;}
.board_view_basic .listField th, .board_view_basic .listField td{border-bottom:1px dotted #ddd; border-width:0 0 1px 0; padding:10px 5px; font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana; text-align:left;}
.board_view_basic .listField tr:last-child th,  .board_view_basic .listField tr:last-child td{border-bottom:1px solid #ddd;}
.board_view_basic .listField th{width:80px;}
.board_view_basic .listField th strong{display:block; background:#fff; border:1px solid #e7e7e7; border-radius:100em; padding:5px 10px; color:#a8795f; text-align:center; font-size:14px;}
.board_view_basic .listField img{ vertical-align:-1px; }

/* 리스트 테이블 */
.board_list_basic .th_no{ width:6%; }
.board_list_basic .th_user{ width:12%; }
.board_list_basic .th_date{ width:12%; }
.board_list_basic .th_view{ width:8%; }

/* .title_goods_content > a{ overflow:hidden; display:block; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; } */

/* 상품 후기 뷰페이지 상품 상단 정보 */
.review_product_wrap1{ position:relative; overflow:hidden; background:#f9f9f9; border:solid 1px #eee; padding:5px;  }
.review_product_wrap1:after{ content:""; display:block; clear:both;  }
.review_product_box{   position:relative; overflow:hidden; background:#fff; border:solid 1px #eee; box-sizing:border-box; padding:10px;  }
.review_product_box:after{ content:""; display:block; clear:both;  }
.review_product_box:hover{ border-color:#ddd }
.review_product_box:hover dd .go_btn a{ background:#7e92de; color:#fff; border-color:#7e92de; }

.review_product_box dt{ float:left; width:30%; box-sizing:border-box; text-align:center  }
.review_product_box dd{ float:right; width:70%; box-sizing:border-box;  }
.review_product_box dd .name{  font:600 15px/20px 'NanumGothic',Malgun Gothic; padding:5px 0; height:20px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.review_product_box dd .info{  font:400 12px/18px 'NanumGothic',Malgun Gothic; color:#666; padding:3px 0; }
.review_product_box dd .memo{  font:400 12px/18px 'NanumGothic',Malgun Gothic; color:#999; }
.review_product_box dd .price{   font:600 14px/20px Malgun Gothic; color:#8fa2ec; padding:5px 0 0 0; }
.review_product_box dd .go_btn a{ position:absolute; top:20%; right:5%; border:solid 1px #b7c3f5; color:#7e92de; background:#f4faff; width:63px; height:60px; border-radius:100px;  font:600 13px/56px 'NanumGothic',Malgun Gothic; transition:.2s ease  }

/* view페이지 이미지 */
.board_view_basic .contentField img{ width:auto; max-width:952px; }

/**************************************
댓글
***************************************/
.com_wrap{ padding:25px 0 25px; border-bottom:1px dotted #ddd; }
.com_wrap li{ position:relative; }
.com_wrap li.infoArea{ overflow:hidden; padding-bottom:15px; }
.com_wrap li.infoArea > strong{ display:block; float:left; font:600 14px/22px 'NanumGothic','Malgun Gothic',Sans-serif; color:#333; }
.com_wrap li.infoArea > span{ display:block; float:right; font:400 12px/22px 'NanumGothic','Malgun Gothic',Sans-serif; color:#666; }
.com_wrap li .btnField{ position:absolute; right:0; top:0; width:20%; display:block; text-align:right; }
.com_wrap li.commentField{ width:80%; font:400 15px/24px 'NanumGothic','Malgun Gothic',Sans-serif; color:#444; }


/*코멘트*/
.comment_title{font:500 16px/20px 'Noto Sans KR', Malgun Gothic; text-align:left; padding:10px 0 10px 1%; border-top:solid 1px #666; border-bottom:solid 1px #ddd; color:#555; margin-top:30px;  }
.comment_title:before{ content:" "; display:inline-block; font:normal 18px "FontAwesome",Arial;  color:#a8795f; padding:0 5px 0 0 }
.commentArea{background:#fafafa; padding:30px; border:1px solid #eee; font:normal 13px 'NanumGothic', 'Malgun Gothic', verdana}
.commentArea > ul{border-bottom:1px dashed #ddd; padding:5px 0 20px; margin-bottom:20px; overflow:hidden;}
.commentArea > ul li{width:50%; float:left;}
.commentArea > ul .infoArea{text-align:right; color:#888; font-size:12px;}
.commentArea > ul .infoArea i{color:#999;}
.commentArea > ul .infoArea a{border:1px solid #ddd; padding:3px 5px; background:#fff; margin-left:5px;}
.commentArea > ul .infoArea a span{margin-left:3px;}
.commentArea > ul .commentField{width:100%; float:none; font-size:15px; clear:both; padding-top:10px;}
.commentArea > ul .ipField{font-size:12px; color: #888; padding-left:10px;}

.comment_title .total_heart{  overflow:hidden; float:right; padding:0 2.5% 0 0; }
.comment_title .total_heart:after{ content:""; clear:both; display:block;  }
.comment_title .total_heart{  font:600 13px/20px "NanumGothic",Malgun Gothic; color:#fa7c87; }
.comment_title .total_heart b{ font:600 16px/20px Malgun Gothic; color:#333; }
.comment_title .total_heart b:after{ content:"점"; display:inline-block; font:600 14px/20px Malgun Gothic; }
.comment_title .total_heart .garde{ vertical-align:-2px  }


.comment_write_title{font:500 18px/20px "Noto Sans KR",Malgun Gothic; text-align:left; padding:0 0 10px 1%; }
.comment_write_title:before{ content:" "; display:inline-block; font:normal 18px "FontAwesome",Arial;  color:#a8795f; padding:0 5px 0 0 }
.comment_write{background:#f8f8f8; border:1px solid #e8e8e8; padding:20px 3%;}
.comment_write .infoField i{margin-right:3px; color:#777;}
.comment_write input[type=text], .comment_write .infoField input[type=password]{border:1px solid #ccc; height:25px; margin:0 10px 0 0; padding-left:5px;  } 
.comment_write .btn_comment{background:#ef9e7e; width:120px; font:bold 14px/65px Malgun Gothic;   color:#fff; border-radius:3px; vertical-align:top;  }
.comment_write .commentField{width:100%; margin:10px 0;}
.comment_write .commentField textarea{margin:0; height:54px;}
.comment_write .commentField td{vertical-align:top;}
.comment_write .commentField td:first-child{width:95%; padding-right:1%;}

/* 댓글 내역 */
p.infoArea1{ text-align:left; float:left  }
p.infoArea1 span{ color:#777; }
p.infoArea1 span{ display:inline-block; padding:0 10px 0 5px; }
p.infoArea2{  padding:0 0 6px 0;}
p.infoArea2 span{ color:#777;  font:400 12px/20px 'NanumGothic', 'Malgun Gothic'; display:inline-block; padding:0 10px 0 0; }


.content_list_1{ position:relative; overflow:hidden; /*  border-bottom:solid 1px #ddd; */ padding:7px 7% 7px 0; box-sizing:border-box; background:#f4f4f4; box-sizing:border-box  }
.content_list_1:after{ content:""; clear:both; display:block;  }
.content_list_1 dt{ position:relative; width:17%; float:left; text-align:center;  }
.content_list_1 dt .user_icon1{ display:inline-block; width:50px; height:50px; border:solid 1px #ddd; border-radius:100px; background:#fff; text-align:center; margin-top:0;  }
.content_list_1 dt .user_icon1:before{   content:""; font:normal 26px/50px "FontAwesome",Arial; vertical-align:-2px; color:#ccc; text-align:center; display:block;  }
.content_list_1 dd{ position:relative; width:80%; float:right;box-sizing:border-box; min-height:80px; padding:10px 2%; background:#fff; border-radius:10px; border:solid 1px #e2e2e2  }
.content_list_1 dd:before{ content:""; display:block; width:15px; height:49px; position:absolute; top:8px; left:-15px; background:url(/img/review_recmt.png) no-repeat top left; }
.content_list_1 dd .dataField1{ display:block; width:90%; word-break:keep-all;  color:#444; }
.content_list_1 dt .btnField{ position:absolute; top:60px; left:0; right:0;}

.content_list_1 dd .fa-user{ color:#635049; opacity:.8 }

/* 댓글 내 하트 */
.select_heart{ float:right; height:25px; padding:5px 0 0 0; margin-top:-7px  }
.select_heart:before{ content:""; display:inline-block; font:600 14px/30px "NanumGothic",Malgun Gothic; color:#333; vertical-align:3px; display:inline-block; padding-right:5px; }
.select_heart label{ position:relative; display:inline-block; padding:0 10px 0 20px;  }
.select_heart label input[type=radio]{ display:inline-block; width:15px; height:15px; position:absolute; top:2px; left:0; }

/**************************************
글쓰기 write
***************************************/
.board_write_basic .table_input{border-collapse:collapse; width:100%; border-top:2px solid #6b6b6b; }
.board_write_basic .table_input tr > th, .board_write_basic .table_input tr > td{  font:normal 13px 'NanumGothic', 'Malgun Gothic', verdana;  border-bottom:1px solid #e7e7e7; }
.board_write_basic .table_input tr > th{background:#f4f4f4; font-weight:bold; text-align:center;}
.board_write_basic .table_input .infoTxt{font-size:13px; color:#555;}
.board_write_basic .table_input input[type=text].m_input_title.long{ width:90%; }
.board_write_basic .table_input textarea{ background:#f9f9f9;  min-height:300px; margin:12px auto; font:400 13px/20px "NanumGothic",Malgun Gothic;  }

/***************************************
비밀글 삭제등 
***************************************/
.board_passwd_basic{ padding-top:100px; text-align:center;}
.board_passwd_basic .iconField i{width:100px; height:100px; border-radius:100em; line-height:100px; text-align:center; color:#fff; font-size:30px; background:#a8795f; }
.board_passwd_basic dt{font:400 16px/20px "NanumGothic",Malgun Gothic; margin-top:40px; color:#333; margin-bottom:20px;}
.board_passwd_basic .inputField{margin-bottom:20px; font:600 16px/20px "NanumGothic",Malgun Gothic; color:#555; }
.board_passwd_basic .inputField input[type=password]{height:28px; border:1px solid #e7e7e7; width:30%; font:normal 12px/28px Malgun Gothic; padding-left:5px }
.board_passwd_basic .btnField{margin-top:40px;}
.board_passwd_basic .button{min-width:100px; padding:10px 20px; border:1px solid #e7e7e7; font:bold 15px 'Malgun Gothic', verdana; margin:0 5px;}
.board_passwd_basic .btn_ok{background:#595757; color:#fff; border-color:#595757;}

/****아이콘***/
.board_list_basic td .fa-lock, .board_list_basic td .fa-floppy-o{vertical-align:-2px; margin:0 5px;}
.board_list_basic td .fa-lock{color:#444;}
.board_list_basic td .fa-level-up{color:#777;  vertical-align:2px; margin:0 5px;}
.board_list_basic td span.icon_new{font:bold 10px Dotum; color:#fff; background:#7b1820; padding:2px; border-radius:2px; text-transform:uppercase}