@charset "utf-8";

#max_board {width:1100px; height:auto; margin:50px auto 0;}

#review .img {background-color:#eee;}
/* button */
.max_btns_bo {text-align:right; margin:30px 0 50px;}
.btn_b_type01{display:inline-block; background:#fff; border:1px solid #919191; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type02{display:inline-block; background:#444; color:#fff; padding:15px 40px; font-size:14px;}
.btn_b_type03{display:inline-block; background:#eee; border:1px solid #c4c4c4; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type04{display:inline-block; background:#b80000; color:#fff; padding:15px 40px; font-size:14px;}

/* no data */
.max_no_data{width:100%; height:auto; text-align:center; border-top:1px solid #000; border-bottom:1px solid #ccc; padding:30px 0; margin:30px 0 0 0;}

/* list */
.max_board{width:100%; height:auto; margin:50px 0 0 0;}
.max_board ul{width:100%; height:auto; display:block; overflow:hidden; border-top:1px solid #000;}
.max_board ul li{float:left; width:25%; height:420px; padding:10px 0; margin:1% 0; background:#fff; box-sizing:border-box; text-align:center; border-bottom:1px solid #ccc;}
.max_board ul li a{display:block; width:100%; height:100%;}
.max_board ul li .img{width:200px; height:200px; border-radius:100%; overflow:hidden; margin:0 auto; margin-top:15px; text-align:center;}
.max_board ul li .img img{width:100%;}
.max_board ul li em{display:block; padding-top:25px; font-size:18px; color:#222;}
.max_board ul li span{display:block;}
.max_board ul li .name_date{padding-top:10px; color:#999;}
.max_board ul li .txt{padding:20px; line-height:140%; color:#777; text-align:center;}

/* view */
.max_board_view{float:left; width:100%; height:auto; margin:15px 0;}
.max_board_view ul{float:right;}
.max_board_view li{float:left; margin:0 5px;}
.max_board_view li .max_rating{display:inline-block; width:80px; height:14px; vertical-align:middle;}
.max_board_view li .max_rating .max_ratingStar{width:80px; height:14px;}
.max_board_view dl{float:left; width:100%; height:auto; border-top:1px solid #000; margin:15px 0 0 0;}
.max_board_view dt{font-weight:600; font-size:25px; line-height:25px; text-align:center; padding:15px 0; border-bottom:1px solid #ccc; color:#222;}
.max_board_view dd{padding:30px; border-bottom:1px solid #ccc;}
.max_board_view dd img{max-width:940px; display:inline-block; margin-bottom:30px;}
.max_board_view dd div{text-align:center;}
.max_board_view li strong{color:#222;}

/* write */
.max_board_write{float:left; width:100%; height:auto; margin:30px 0 0 0;}

.max_prod_grade{width:100%; height:auto; margin:30px 0 0 0;}
.max_prod_rating{border-top:1px solid #000; width:100%; height:auto; display:block; overflow:hidden; padding:10px 0; margin:15px 0 0 0;}
.max_prod_grade dt{float:left; font-weight:600; width:130px; text-indent:20px;}
.max_prod_grade dd{float:left; margin:0 10px;}
.max_prod_rating dd input{float:left; width:15px; height:15px;}
.max_prod_rating .max_rating{float:left; width:80px; height:14px; margin:3px 0 0 3px;}
.max_prod_rating .max_rating .max_ratingStar{width:80px; height:14px;}

.max_prod_lavel{border:1px solid #ccc; border-left:none; border-right:none; width:100%; height:auto; display:block; overflow:hidden; padding:10px 0;}
.max_prod_lavel dd input{float:left; width:15px; height:15px; display:inline-block; margin-top:5px;}
.max_prod_lavel dd img{width:25px;}
.max_prod_lavel dd span{display:inline-block; padding:2px 0 0 5px;}

.max_write{border-top:1px solid #000; width:100%; height:auto; margin:30px 0 0 0;}
.max_write h4{border-bottom:1px solid #000; padding-bottom:15px;}
.max_write table{width:100%; height:auto;}
.max_write table th{background:#f5f5f5; border-bottom:1px solid #ccc; padding:15px 0; width:15%; text-align:center; color:#222;}
.max_write table td{border-bottom:1px solid #ccc; padding:10px;}
.max_write table td textarea{width:95%; height:200px;}
.max_write table td select{padding:5px;}
.max_write table td input.max_board_subject {border:1px solid #ccc; width:80%;}
.max_write table td label {vertical-align:middle; padding-right:15px;}

#max_board_area {text-align:left;}

.max_bo_note{float:left; border:1px solid #ccc; padding:20px; margin:30px 0 0 0; font-size:12px; text-align:left;}
.max_bo_note li{padding:2px 0;}