@charset "utf-8";

.mobile_only{ overflow:hidden; display:none; }
.mobile_only li{ float:left; margin-right:8px; font:400 11px/20px 'NanumGothic','Malgun Gothic', verdana; color:#666; }
.mobile_only li i:before{ margin-right:2px; }

/*리스트 상단 다운로드 버튼*/
.board_list_btn_wrap{ display:none; margin-bottom:-2px; }
.public .board_list_btn_wrap{ display:block; }
.board_list_btn_wrap a{ position:relative; display:block; padding:0 55px 0 30px; font:400 17px/50px 'Noto Sans KR'; background:#6b6b6b; color:#fff; letter-spacing:-0.5px; }
.board_list_btn_wrap a:hover{ background:#830008; }
.board_list_btn_wrap a:after{ position:absolute; right:40px; top:0; content:''; font:normal 15px/54px 'FontAwesome'; }

/*카테고리 탭메뉴*/
.board_tab{ overflow:hidden; }
.board_tab li{ float:left; }
.board_tab li a{ position:relative; display:block; padding:8px 30px; font:400 13px/22px 'NanumGothic','Malgun Gothic', verdana; color:#555; background:#fff; border:1px solid #ddd; border-width:1px 1px 0 0; }
.board_tab li:first-child a{ border-left-width:1px; }
.board_tab li.active a{ background:#fcfcfc; border-color:#6b6b6b; color:#333; font-weight:600; }
.board_tab li.active a:before{ position:absolute; left:-1px; top:-1px; content:''; width:1px; height:102%; background:#6b6b6b; }
.board_tab li.active a:after{ position:absolute; left:0; bottom:-1px; content:''; width:100%; height:1px; background:#6b6b6b; }

/*리스트*/
.btn_wrap.gray{ display:none; margin:0 auto 10px; padding:0; }

.board_list_basic_wrap{ padding:0 0.5%; } 
.board_list_basic{ width:100%; margin:0; border-collapse:collapse; border-top:2px solid #6b6b6b; }
.board_list_basic th, .board_list_basic td{height:45px; font:400 13px/22px 'NanumGothic','Malgun Gothic', verdana; border-bottom:1px solid #ddd; padding:0 5px; color:#555; }
.board_list_basic th{text-align:center; font-weight:bold; background:#f4f4f4;}

.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 .hidden_sm{font-size:12px; text-align:center; }
.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:400 13px/22px 'NanumGothic','Malgun Gothic', verdana; }
.title_goods_content a:hover{ text-decoration:none !important; color:#830008; }
.title_goods_content img{ vertical-align:-2px; }

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

/*뷰*/
.board_view_basic{font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana;}
.board_view_basic > div{padding:10px 5px;}
.board_view_basic .titleField{ font:400 22px 'Noto Sans KR'; padding:0 0.5% 20px; border-bottom:2px solid #222; margin-bottom:1px;}
.board_view_basic .titleField:before{ display:none; content:''; font:normal 16px "FontAwesome"; padding-right:5px; color:#830008; vertical-align:3px;}
.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:400 13px 'NanumGothic'; color:#777;}
.board_view_basic .infoField li i{ font-size:12px; }
.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; color:#555;}
.board_view_basic .fileField li a:before{content:''; font:normal 12px "FontAwesome"; padding-right:5px; color:#555;}
.board_view_basic .contentField{padding:30px 15px 70px; border-bottom:1px solid #ddd; min-height:250px;}


/*이전글 다음글*/
.board_view_basic{border-collapse:collapse;}
.board_view_basic .listField{ padding-top:30px; 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:#830008; text-align:center; }
.board_view_basic .listField td span{ color:#666; }
.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페이지 이미지 */
#wiz_get_table_width{ display:none; }
.board_view_basic .contentField img{ width:auto; max-width:800px; }

/**************************************
댓글
***************************************/
.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:#830008; 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:#830008; 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: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:60px; left:0; right:0;}
.content_list_1 dt .btnField a{ color:#aaa; }
.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{ padding:0 0.5%; }

/* 입력항목 */
.col_wrap{ overflow:hidden; }
.col{ overflow:hidden; position:relative; float:left; padding:4px 0; }
.col_1{ float:right; margin-top:5px; font:400 13px/30px 'NanumGothic'; color:#444; }
.col_2{ width:49.5%; padding:4px 0 4px 0; margin-left:1%; }
.col_wrap .col:nth-child(2n+1){ margin-left:0; }
.col_8{ width:100%; margin-top:20px; }
.col_10{ width:100%; }

.col li{ position:relative; }
.col li.col_title{ position:absolute; left:0; top:4px; width:120px; text-align:center; border:1px solid #ddd; border-width:1px 0 1px 1px; }
.col li.col_title b{ display:block; padding:0 10px; font:600 13px/30px 'NanumGothic'; color:#666; }
.col li.col_contents{ width:100%; padding-left:120px; }

.col_8 li.col_icon{ position:absolute; lefT:0; top:4px; width:80px; background:#830008; color:#fff; font:600 12px/23px 'NanumGothic'; border-radius:100em; text-align:center; }
.col_8 li.col_icon p{ float:left; margin-right:20px; width:90px; height:90px; padding:15px 15px 18px; border:3px solid #b2b2b2; background:#fcfcfc; border-radius:100em; text-align:center; }
.col_8 li.col_icon p img{ width:auto; max-width:100%; }
.col_8 li.col_contents{ padding-left:100px; }

.form-control{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font:400 13px/30px 'NanumGothic'; border-radius:0 4px 4px 0; color:#555; }
.col li.col_contents select{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font:400 13px/30px 'NanumGothic'; border-radius:0 4px 4px 0; color:#555; }

.board_write_basic textarea{ width:99.8%; background:#f9f9f9;  min-height:300px; margin:12px auto; font:400 13px/20px "NanumGothic",Malgun Gothic;  }

.infoTxt{ position:absolute; right:0; top:0; height:32px; padding:0 20px; border-radius:0 4px 4px 0; border:1px solid #ddd; font:400 13px/30px 'NanumGothic'; background:#fff; color:#830008; }

/* 첨부파일 */




/***************************************
비밀글 삭제등 
***************************************/
.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:#830008; }
.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}


/* 댓글 */
.comment_wrap_1{ display:none; }
.comment_title{ display:none; }

@media (max-width:999px){

.board_list_basic_wrap{ padding:0; }
.board_list_basic thead{ display:none; }
.board_list_basic .hidden_md{ display:none; }
.board_list_basic td.titleField{ padding:3px 5px; }
.title_goods_content{ font-size:12px; line-height:18px; }
.board_list_basic tr:nth-child(even){ background:#fafafa; }
.mobile_only{ display:block; }
.board_list_basic th, .board_list_basic td{ font-size:11px; line-height:16px; }

/*리스트 상단 다운로드 버튼*/
.board_list_btn_wrap{ margin-bottom:20px; text-align:center; }
.board_list_btn_wrap a{ display:inline-block; padding:0 35px 0 20px; font-size:13px; line-height:30px; background:#830008; letter-spacing:-0.3px; border-radius:100em; }
.board_list_btn_wrap a:hover{ background:#6b6b6b; }
.board_list_btn_wrap a:after{ right:18px; font-size:11px; line-height:34px; }
.board_list_btn_wrap a span{ display:none; }

/*리스트 검색*/
.cs_search_wrap .select{ height:28px; width:70px; }
.cs_search_wrap input[type="text"]{ height:28px; width:140px; }
.cs_search_wrap input[type="submit"]{ min-width:50px; font-size:11px; line-height:26px; }

/*이전글 다음글*/
.board_view_basic .listField th, .board_view_basic .listField td{ padding:5px 5px; font-size:11px; line-height:18px; }
.board_view_basic .listField th strong{ padding:2px 10px; }

/* view 타이틀 */
.board_view_basic .titleField{ padding:0 5px 15px; font-size:16px; line-height:24px; }
.board_view_basic .titleField:before{ padding-right:3px; font-size:13px; }

.board_view_basic .infoField{ padding:5px 15px; }
.board_view_basic .infoField li{ font-size:11px; }

.board_view_basic .infoField ul:last-child li{ padding-left:0; }
.board_view_basic .fileField li a{ padding:5px 15px; font-size:11px; }

/* view페이지 이미지 */
.board_view_basic .contentField{ padding:5px 0.5% 35px; }
.board_view_basic .contentField img{ max-width:100%; }

/* 입력항목 */
.board_write_basic{ padding:0; }
.col{ float:none; width:100%; padding-left:0; margin-left:0; }
.col_1{ font-size:11px; }
.col li.col_title{ width:80px; }
.col li.col_title b{ font-size:11px; line-height:26px; }
.col li.col_contents{ padding-left:80px; }
.form-control{ height:28px; font-size:11px; line-height:26px; }
.col li.col_contents select{ height:28px; font-size:11px; line-height:26px; }

.col_8 li.col_icon{ width:70px; font-size:10px; }
.infoTxt{ padding:0 8px; height:28px; line-height:26px; font-size:10px; }

}