@charset "utf-8";

/*리스트*/
.btn_wrap.gray{padding:0;}
.board_list_basic{border-top:2px solid #6b6b6b; width:100%; border-collapse:collapse;}
.board_list_basic th, .board_list_basic td{height:53px; font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana;  border-bottom:1px solid #ddd; padding:0 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 5px;}
.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:13px; text-align:center;  color:#888;}
.board_list_basic .icon_comment{font-size:13px; color:red;}
.thumb_img_goods{ 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 > img{ vertical-align:-1px; }
a.noimg{background:#eeeeee; text-align:center; vertical-align:middle; width:100%; height:100%; display:block; position:relative;}
a.noimg i{position:absolute; top:50%; left:50%; margin-left:-32.5px; margin-top:-21px;}
a.noimg i:before{content:''; font:normal 25px "FontAwesome"; color:#c9c9c9;}
a.noimg i:after{content:'no image'; display:block; font:bold 13px 'NanumGothic', 'Malgun Gothic', verdana; color:#c9c9c9; margin-top:5px; text-transform:uppercase;}

/*리스트 검색*/
.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]{line-height:31px; min-width:80px; background:#6c769a; border-radius:2px;  }
.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:22px; 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:#a8795f; vertical-align:2px;}
.board_view_basic .infoField {overflow:hidden; background:#fafafa; border-bottom:1px solid #eee; 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; }
.board_view_basic .fileField li a:before{content:''; font:normal 12px "FontAwesome"; padding-right:5px; color:#555;}

.board_view_basic .contentField{padding:30px 30px 70px; border-bottom:1px solid #ddd; min-height:150px;}

/* 평점, 별 */
.star_wrap{}
.star_wrap span:first-child{ font-size:12px; vertical-align:1px; }
.star_wrap span:last-child > img{ padding-top:3px; }

/*이전글 다음글*/
.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 #ccc; 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 #becaec; border-radius:100em; padding:5px 10px; color:#7a94df; text-align:center; font-size:14px;}

/* 리스트 테이블 */
.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; } */

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

/**************************************
댓글
***************************************/
.com_wrap{ padding:25px 3% 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:600 18px/20px "NanumGothic",Malgun Gothic; text-align:left; padding:0 0 25px 5px; margin-top:30px; border-bottom:1px dotted #ddd; }
.comment_title:before{ content:" "; display:inline-block; font:normal 14px "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;}

.paging_btn{ /* padding-top:50px;  */}

.comment_write_title{font:600 16px/20px "NanumGothic",Malgun Gothic; text-align:left; padding:0 0 5px 5px; }
.comment_write_title:before{ content:" "; display:inline-block; font:normal 14px "FontAwesome",Arial;  color:#a8795f; padding:0 5px 0 0 }
.comment_write{background:#f8f8f8; border:1px solid #ddd; padding:30px 5%;}
.comment_write .infoField i{margin-right:3px; color:#777;}

.comment_write .btn_comment{background:#a8795f; width:60px; 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%;}



/**************************************
글쓰기 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 15px 'NanumGothic', 'Malgun Gothic', verdana;  border-bottom:1px solid #ddd; padding:0 10px; }
.board_write_basic .table_input tr > th{background:#f4f4f4; font-weight:bold; text-align:center; color:#757d97; }
.board_write_basic .table_input input[type=text], .board_write_basic .table_input input[type=password]{height:28px; border:1px solid #ddd; margin-left:5px; background:#f9f9f9; padding-left:5px;}
.board_write_basic .table_input input[type=text]:hover, .board_write_basic .table_input input[type=password]:hover,
.board_write_basic .table_input input[type=text]:focus, .board_write_basic .table_input input[type=password]:focus{ border-color:#888; background:#f9fdff; }
.board_write_basic .table_input .infoTxt{font-size:13px; color:#555;}
.board_write_basic .table_input .infoArea{padding:10px 0; font-size:12px; }
.board_write_basic .table_input input[type=text].input.long{ width:90%; }


/***************************************
비밀글 삭제등 
***************************************/
.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:#777; margin-bottom:20px;}
.board_passwd_basic .inputField{margin-bottom:20px; font:400 18px/20px "NanumGothic",Malgun Gothic;}
.board_passwd_basic .inputField input[type=password]{height:28px; border:1px solid #ddd; width:30%; font:normal 14px/28px Malgun Gothic; padding-left:5px; }
.board_passwd_basic .btnField{margin-top:20px;} 
.board_passwd_basic .button{min-width:100px; padding:10px 20px; border:1px solid #ddd; 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}

/* NEW 상품 후기 게시판 */
.new_review_wrap{ position:relative; overflow:hidden; width:100%; padding:10px 0 0 0; }
.new_review_wrap:after{ content:""; display:block; clear:both; }

.review_box_bg{ float:left; position:relative; overflow:hidden; width:25%; box-sizing:border-box;  }

.review_box{ margin:10px 2% 40px 2%; border:solid 1px #e8e8e8; height:343px; box-sizing:border-box; overflow:hidden; position:relative;  }
.review_box:hover{ border-color:#ccc }
.review_box:hover .goods_review:before{ background:#8e6650; border-color:#8e6650; color:#fff;  }
.review_box dt{ position:relative; overflow:hidden; height:220px; text-align:center;  box-sizing:border-box;   }
.review_box dt img{ position:absolute; left: 50%; transform: translateX(-50%); top:0; bottom:0; margin-top:auto; margin-bottom:auto; max-width:100% !important; }
/* .review_box:before{  position:absolute; top:0; content:""; width:100%;display:block; font:400 40px/185px "FontAwesome",Malgun Gothic; color:#ddd; background:#f9f9f9; text-align:center } */
.review_box dd{ padding:10px 5% 10px 5%; box-sizing:border-box; cursor:pointer }

h1.cate_g{ margin:0; padding:0; height:34px; display:none; }
h1.cate_g > .goods_review{ box-sizing:border-box; width:98%; position:relative; display:inline-block; height:20px; /* padding:0 0 2px 52px;  */font:400 12px/16px Malgun Gothic; color:#777; margin:0 }
h1.cate_g > .goods_review{ overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
/* h1.cate_g > .goods_review:before{ position:absolute; top:0; left:0; content:"상품후기"; display:inline-block; background:#fff; border:solid 1px #ddd; color:#8e6650; font-size:11px; padding:0 3px 0 3px; border-radius:1px; } */

h2.titleField{ box-sizing:border-box; width:100%; position:relative; display:inline-block; height:20px; font:600 15px/20px 'NanumGothic',Malgun Gothic;  letter-spacing:-0.6px;  }
h2.titleField a{ color:#555; }
h2.titleField a{ height:20px; display:inline-block; max-width:80%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
.review_box dt .no_label{ font-size:0;  }
.review_box dt .no_label font{ position:absolute; top:0; left:0; z-index:9;  display:inline-block; padding:10px 7px; color:#fff; background:#ed3135; font:600 12px/16px 'NanumGothic',Malgun Gothic !important; opacity:.7 }

p.starArea{ margin:5px 0 }
p.infoArea{ color:#999;height:20px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
p.infoArea span{ display:inline-block; margin-right:10px; color:#999; width:40%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }

p.view_Area{ color:#777; background:#f9f9f9; margin-top:10px; margin-left:-5%; margin-right:-5%; padding:5px 0 5px 5%; border-top:dotted 1px #ddd }
p.view_Area span{ display:inline-block; margin-right:10px; color:#aaa; }
p.view_Area span .fa{ display:inline-block;  }



/* .star_f label{ position:relative; display:inline-block; padding:0 10px 0 20px; z-index:1; }
.star_f label input[type=radio]{ display:inline-block; width:15px; height:15px; position:absolute; top:2px; left:0; } */

/***************************************
제품 후기 작성 구매내역 리스트
***************************************/
table.basic_01{  }
table.basic_01 thead{  }
table.basic_01 thead th,
table.basic_01 thead td{ border:solid 1px #ced5df;  font:normal 12px/16px Malgun Gothic;  padding:10px 3px; color:#6387bd; }
table.basic_01 thead th{ background:#f8fbff; }
table.basic_01 tbody{  }
table.basic_01 tbody th,
table.basic_01 tbody td{  border:solid 1px #e6e6e6;  font:normal 12px/16px Malgun Gothic; color:#666; text-align:center; padding:10px 3px; }
table.basic_01 tbody td.left{ text-align:left; padding-left:10px;}
table.basic_01 tbody td .thumb img{ width:50px; height:50px;  }
table.basic_01 tbody tr:hover{ background:#fffcf6  }


input.search_1{ background:#8397e5; color:#fff; text-align:center; padding:7px 10px;  font:normal 12px/16px Malgun Gothic; display:inline-block;  }
select.select_1{ height:30px;  }