@charset "utf-8";

.board_list_basic_wrap{ clear:both; }
.board_list_basic{ /* margin-left:-10px */ }
.board_list_basic_wrap .board_list_basic{ margin-left:0 }
.view_list_padding{ height:80px; }

/* 갤러리 리스트 열수 */
.board_list_basic .imgField{width:100%; height:300px; overflow:hidden;/*  border-bottom:1px solid #eee;  *//* background:url(/img/no_image.jpg) no-repeat center;  */background-size:auto 100% !important; text-align:center; }
.board_list_basic .imgField a{ height:100%; width:100%; position:relative; display:block; vertical-align:middle; text-align:center; background:#fafafa; }
.board_list_basic .imgField a img{ position:absolute; left: 50%; transform: translateX(-50%); top:0; bottom:0; margin-top:auto; margin-bottom:auto; max-width:100% !important; }

.board_list_basic .imgField .noimg{background:#fafafa; text-align:center; vertical-align:middle; width:100%; display:block; position:relative; height:300px; }
.board_list_basic .imgField .noimg i{position:absolute; top:50%; left:50%; margin-left:-32.5px; margin-top:-21px;}
.board_list_basic .imgField .noimg i:before{content:''; font:normal 25px "FontAwesome"; color:#c9c9c9;}
.board_list_basic .imgField .noimg i:after{content:'no image'; display:block; font:bold 13px 'NanumGothic', 'Malgun Gothic', verdana; color:#c9c9c9; margin-top:5px; text-transform:uppercase;}

/* 갤러리  */
.row_clear{ position:relative; overflow:hidden; width:100%; }
.row_clear:after{ content:""; display:block; clear:both; }
.row_clear li{ display:inline-block; float:left; margin:0 0 30px 1.5%; border:solid 1px #ddd}
.row_clear li.col5{ width:18.2%; }
.row_clear li.col4{ width:23.2%; }
.row_clear li.col3{ width:31.0%; margin:0 0 40px 2%; }
.row_clear li.col2{ width:48.2%; }
.row_clear li.col1{ width:98.2%; }


/*이전글 다음글*/
.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 13px '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; }

/*리스트 검색*/
.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:#4d463e; color:#fff; border:solid 1px #4d463e; font:600 13px/29px 'NanumGothic',"Noto sans KR",Malgun Gothic; border-radius:3px }
.cs_search_wrap .select{border:1px solid #ccc; height:31px; padding-left:5px;}

/*뷰*/
.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; box-sizing:border-box; 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 .titleField span{ font:400 18px "Nanumgothic",Malgun Gothic; color:#ad663c;  }

.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{background:#fff; border-bottom:1px solid #e7e7e7  }
.board_view_basic .fileField li a{display:inline-block;  }
.board_view_basic .fileDraftField li a:after{content:' '; font:normal 12px "FontAwesome"; padding-right:5px; color:#999; }
.board_view_basic .fileField li a:after{content:' '; font:normal 12px "FontAwesome"; padding-right:5px; color:#999; display:none; }
.board_view_basic .contentField{padding:0; border-bottom:1px solid #ddd; min-height:250px; padding:50px 0; box-sizing:border-box }


/* 상품 후기 뷰페이지 상품 상단 정보 */
.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:#a8795f; color:#fff; border-color:#a8795f; }

.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:#b67551; padding:5px 0 0 0; }
.review_product_box dd .go_btn a{ position:absolute; top:20%; right:5%; border:solid 1px #eed6c9; color:#a8795f; background:#fff9f6; width:63px; height:67px; border-radius:100px;  font:600 13px/67px 'NanumGothic',Malgun Gothic;  }

/* view페이지 이미지 */
.board_view_basic .contentField img{ width:auto; max-width:952px; }
.board_view_basic .contentField button{ margin :50px 0 10px 0; background:#a8795f; color:#fff; border-color:#a8795f; }

/**************************************
댓글
***************************************/
.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{  position:relative; font:500 18px/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:#333;  }
.comment_title:before{ content:" "; display:inline-block; font:normal 18px "FontAwesome",Arial;  color:#a8795f; padding:0 5px 0 0 }
/* .comment_title:after{ position:absolute; text-align:center; content:"등록된 댓글이 없습니다."; padding:40px 0; display:block; clear:both; width:100%; font:normal 12px/30px Malgun Gothic; color:#999; } */
.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:10px 2% 10px 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:83%; float:right;box-sizing:border-box; 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:53px; left:0; right:0;}
.content_list_1 dt .btnField a{ color:#936f6f;  }
.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; padding:5px 10px;}
.board_write_basic .table_input tr > th{background:#f4f4f4; font-weight:bold; text-align:center;}
.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 .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}