@charset "utf-8";

/* button */
.max_btns_bo {text-align:center; margin-top:30px;}
.btn_b_type01{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type01:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_b_type02{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type02:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_b_type03{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type03:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_b_type04{display:inline-block; background:#000; border:1px solid #000; color:#fff; padding:15px 40px; font-size:14px;}
.btn_b_type04:hover {background:#fff; border:1px solid #000; color:#000;}
@media screen and (max-width: 1024px) {
	.btn_b_type01, 
	.btn_b_type02, 
	.btn_b_type03, 
	.btn_b_type04 {padding:10px 5%; font-size:13px;}
}

/* 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;}

@media screen and (max-width: 740px) {
	.max_no_data {padding:20% 0; font-size:13px;}
}

/* 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; border-bottom:1px solid #ccc;*/}
.max_board ul li{float:left; width:23%; height:auto; padding:10px 0 0; margin:1%; background:#fff; box-sizing:border-box; text-align:center;}
.max_board ul li a{display:block; width:100%; height:100%;}
.max_board ul li a:hover { text-decoration:none; }
.max_board ul li a:hover em { text-decoration:underline; }
.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; font-size:20px; padding-top:15px; color:#222; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.max_board ul li span{display:block;}
.max_board ul li .name_date{padding:10px 0; color:#999;}

.max_board ul li .txt{padding-top:10px; line-height:140%; color:#777; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.max_board ul li .max_rating{display:inline-block; width:80px; height:20px; vertical-align:middle; margin-top:30px;}
.max_board ul li .max_rating .max_ratingStar{width:80px; height:20px;}

@media screen and (max-width: 1024px) {
	.max_board ul li {width:31.33%; height:auto;}
	.max_board ul li .img {width:170px; height:170px;}
}
@media screen and (max-width: 740px) {
	.max_board {margin:20px 0 0 0;}
	.max_board ul {border-bottom:none;}
	.max_board ul li {width:46%; border-bottom:1px solid #ccc;}
	.max_board ul li .img {width:120px; height:120px; margin-top:0;}
	.max_board ul li .txt {}
	.max_board ul li .name_date {padding-top:10px;}
	.max_board ul li .max_rating {margin-top:15px;}
}

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

@media screen and (max-width: 1024px) {
	.max_board_view {margin:0;}
	.max_board_view h4 {font-size:16px; text-align:left;}
	.max_board_view ul{float:none;}
	.max_board_view li {float:none; margin:5px;}
}

/* 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{border-bottom:1px solid #ccc; width:15%; text-align:center; color:#222;}
.max_write table td{border-bottom:1px solid #ccc; padding:10px;}
.max_write table td textarea{width:100%; height:200px; padding:10px; box-sizing:border-box; border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:1px solid #ccc;}
.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_write table td .max_star_star_text {font-size:0;}
.bo_mar {padding:25px 0;}
.max_board_form_file {margin:15px 0;}

.max_bo_note{float:left; width:100%; height:auto; box-sizing:border-box; border:1px solid #ccc; padding:20px; margin:30px 0 0 0; font-size:12px;}
.max_bo_note li{padding:5px 0; line-height:120%;}

@media screen and (max-width:1024px) {
	.max_board_write, .max_write {margin:20px 0 0 0;}
	.max_write table th {display:none;}
	.max_write table td input.max_board_subject {width:100%;}
}

/* comment */
.max_bbs_comment { margin-top:30px; }
.max_bbs_comment_section {clear:both; width:100%;}
.max_bbs_comment_box_writeform {padding:30px 0 0 0;}
.max_bbs_comment_write {width:100%; height:auto; overflow:hidden; padding-top:15px;}
.max_bbs_comment_write textarea {float:left; width:85%; padding:1%; height:70px; box-sizing:border-box; border:1px solid #ccc; border-right:none;}
.max_bbs_comment_write button {float:left; background: #444; color: #fff; font-size: 15px; width:15%; height:70px; cursor:pointer;}

.max_bbs_comment_list {width:100%;}
.max_bbs_comment_list li {padding:20px; border-bottom:1px solid #ccc; position:relative; overflow:hidden;}
.max_bbs_comment_list li.reply {background:url("../../image/board/ico_comment.png") 20px 30px no-repeat #f7f7f7;}
.max_bbs_comment_box_info {float:left; padding-right:20px}
.max_bbs_comment_name {display:block; overflow:hidden;}
.max_bbs_comment_name i {float:left; display:block; width:36px; height:36px; border-radius:100%; background:url("../../image/board/ico_re.png") center no-repeat #f5821f;}
.max_bbs_comment_name span {float:left; display:block; line-height:36px; padding-left:5px;}
.max_bbs_comment_date {display:block; padding-top:5px; color:#999; font-size:13px; letter-spacing:0;}

.max_comment_btns {position:absolute; top:20px; right:20px;}
.max_comment_btns a {font-size:12px; background:#fff; border:1px solid #ccc; padding:3px 10px; color:#222;}
.max_comment_btns a:hover {background:#444; border:1px solid #444; color:#fff;}

.max_bbs_comment_box_content {float:left; width:70%; color:#797979; padding-top:10px;}

.max_bbs_comment_reply {float:left; width:100%; height:auto; padding-top:15px; margin-top:15px; border-top:1px solid #ccc;}
.max_bbs_comment_reply textarea {width:100%; padding:1%; height:70px; box-sizing:border-box; border:1px solid #ccc;}
.max_bbs_comment_reply button {display:inline-block; font-size:12px; background:#444; border:1px solid #ccc; padding:5px 10px; margin-top:15px;}
.max_bbs_comment_reply button:hover {background:#444; border:1px solid #444; color:#fff;}

@media screen and (max-width:740px) {
	.max_bbs_comment_write textarea {width:75%;}
	.max_bbs_comment_write button {width:25%; font-size:14px;}
	.max_bbs_comment_date {position:absolute; top:25px; right:20px;}
	.max_bbs_comment_box_content {padding:15px 0; width:100%;}
	.max_bbs_comment_list li.reply .max_bbs_comment_box_content {padding-left:25px;}
	.max_bbs_comment_list li.reply {background:url("../../image/board/ico_comment.png") 20px 30px no-repeat #f7f7f7; background-size:20px;}
	.max_bbs_comment_name i {width:36px; height:36px; border-radius:100%; background:url("../../image/board/ico_re_b.png") center no-repeat #f5821f; background-size:100%;}
	.max_comment_btns {display:block; float:right; position:static; margin-top:7px;}
}
/* password */
.max_bbs_form_fieldset {}
#dialog_alert_msg {color:#797979;}
.max_bbs_form_content {padding-top:20px;}
#max_bbs_pass {border:1px solid #ccc; padding:15px; text-align:center;}