@charset "utf-8";
/* 
File Name : style.css
Description : kyochonfood_site
Author : kwj (master@dmax.kr)
Date : 2016-3-29
 */
#max_board {margin:45px 0 0 0;}

/* button */
.max_btns_bo {text-align:right; margin-top:30px;}
.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-bottom:1px solid #ccc; padding:15px 0;}

/* board */
.max_lst_total{padding-bottom:17px; border-bottom:1px solid #000;}
.max_board{width:100%; height:auto;}
.max_board thead th{border-bottom:1px solid #ccc; padding:15px 0; text-align:center; color:#000;}
.max_board tbody th{border-bottom:1px solid #ccc; padding:15px 0; font-weight:normal; text-align:center; position:relative;}
.max_board tbody td{border-bottom:1px solid #ccc; padding:15px 0; text-align:center; position:relative;}
.max_board tbody td.tta_l{text-align:left;}
.max_board .w10{width:10%;}

/* mobile */
@media screen and (max-width: 736px) {
	.max_board th, .max_board td {display:block;}
	.max_board tbody th {text-align:left; padding:10px 0 10px 60px; border:0;}
	.max_board td:before {position:absolute; top:10px; left:0; padding-right:10px; white-space:nowrap; font-weight:bold;}
	.max_board thead th {display:none;}
	.max_board tbody th:before {content:'번호'; position:absolute; top:10px; left:0; padding-right:10px; white-space:nowrap; font-weight:bold;}
	.max_board tbody td {text-align:left; padding:10px 0 10px 60px;}
	.max_board tbody td:nth-child(2) {border:0;}
	.max_board tbody td:nth-child(2):before {content:'제목';}
	.max_board tbody td:nth-child(3):before {content:'날짜';}
}

/* list */
.max_board_lst{width:100%; height:auto;}

/* view */
.max_board_view{width:100%; height:auto; border-top:1px solid #000;}
.max_board_view .subjected{font:700 25px 'proxima-soft', 'NotoKR', sans-serif; text-align:center; color:#222; padding:20px 0;}
.max_board_view .max_board_contents{ width:100%; height:auto; padding:15px 0; line-height:140%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#444;}
.max_board_view .att_file{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0;}
.max_board_view .att_file strong{color:#222; font-weight:bold;}

/* comment */
.max_comment{float:left; margin:10px 0 0 0; width:100%; height:auto;}
.max_com_write{width:100%; height:auto; padding:16px 0; border-top:1px solid #000; border-bottom:1px solid #ccc; display:block; overflow:hidden;}
.max_com_write .max_comm_login{margin-left:5px;}
.max_com_write .max_comm_login li{float:left; margin-right:5px;}
.max_com_write .max_comm_login li label{float:left; padding:15px 0 0 0; margin-right:5px;}
.max_com_write textarea{float:left; width:820px; height:80px; line-height:140%; border:1px solid #ccc; padding:5px; margin:5px 0 0 5px; font:normal 13px 'NanumGothic','나눔고딕';}
.max_com_write .btn_b_type02{float:left; display:block; height:90px; margin:5px 0 0 10px; font-weight:600; font-size:15px;}
.max_com_list{float:left; width:100%; height:auto; padding:20px 0; border-bottom:1px solid #dedede; position:relative;}
.max_com_list dl dt{font-weight:bold; padding-left:15px; color:#222;}
.max_com_list dt span.TimesRe{font-size:0.94em; font-weight:normal; color:#797979; display:inline-block; padding-left:9px;}
.max_com_list dl dd{padding:10px 15px; line-height:140%;}
.max_com_list button{position:absolute; bottom:15px; right:15px; width:auto; height:auto; padding:5px 10px; font:normal 13px 'NanumGothic','나눔고딕';}
.re_com{background:url("../../images/board/ico_comment.png") 20px 20px no-repeat;}
.re_com dl dt{padding-left:40px;}
.re_com dl dd{padding-left:40px;}

/* write */
.max_board_write{float:left; width:100%; height:auto; margin:15px 0;}
.max_write{float:left; width:100%; height:auto; margin:30px 0 0 0; border-top:1px solid #000;}
.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:100%; height:200px;}
.max_write table td select{padding:5px;}
.max_write table td input.max_board_subject {border:1px solid #ccc; width:80%;}