@charset "utf-8";
/* 
File Name : style.css
Description : kyochonfood_site
Author : kwj (master@dmax.kr)
Date : 2016-3-29
 */
/* button */
.max_bbs_list_btns {text-align:right; margin-top:30px;}
.max_bbs_view_btns {text-align:center; margin-top:30px;}
.max_bbs_write_btns {text-align:center; margin-top:30px;}
.max_bbs_admin_btns {display:inline-block; padding:0; margin:0;}
.btn{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:.5em 1em; font-size:1em; border-radius:.25em; vertical-align:middle;}
.btn:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_bbs_admin { background:#f50066; border:1px solid #b5004b; color:#fff; }
.btn_bbs_admin:hover { background:#a70045; border:1px solid #6f002e; color:#fff; }
.btn_delete { background:#f50066; border:1px solid #b5004b; color:#fff; }
.btn_delete:hover { background:#a70045; border:1px solid #6f002e; color:#fff; }
/* button */
.max_btns_bo {text-align:right; 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;}

/* admin checkbox */
#max_board .bbs_uid, #max_board .bbs_uid_allchk {}
#max_board .bbs_uid + label { display:inline-block; margin:0; padding:0; cursor:pointer; vertical-align:middle;}
#max_board .bbs_uid { display: none; }
#max_board .bbs_uid + label:before { content:"\2714"; border:0.1em solid #000; border-radius:0.2em; display:inline-block; width:1.25em; height:1.25em; /*padding-left:0.2em;*/ padding-bottom:0.3em; margin-right:0.2em; vertical-align:bottom; color:transparent; transition:0.2s; box-sizing:border-box;}
#max_board .bbs_uid + label:active:before { transform:scale(0); }
#max_board .bbs_uid:checked + label:before { background:#333; border:.1em solid #000; color: #fff; }
#max_board .bbs_uid:disabled + label:before { transform:scale(1); border-color:#aaa; }
#max_board .bbs_uid:checked:disabled + label:before { transform:scale(1); background-color:#bfb; border-color:#bfb; }

#max_board .bbs_uid_allchk + label { display:inline-block; margin:0; padding:0; cursor:pointer; vertical-align:middle;}
#max_board .bbs_uid_allchk { display: none; }
#max_board .bbs_uid_allchk + label:before { content:"\2714"; border:0.1em solid #000; border-radius:0.2em; display:inline-block; width:1.25em; height:1.25em; /*padding-left:0.2em;*/ padding-bottom:0.3em; margin-right:0.2em; vertical-align:bottom; color:transparent; transition:0.2s; box-sizing:border-box;}
#max_board .bbs_uid_allchk + label:active:before { transform:scale(0); }
#max_board .bbs_uid_allchk:checked + label:before { background:#333; border:.1em solid #000; color: #fff; }
#max_board .bbs_uid_allchk:disabled + label:before { transform:scale(1); border-color:#aaa; }
#max_board .bbs_uid_allchk:checked:disabled + label:before { transform:scale(1); background-color:#bfb; border-color:#bfb; }
#max_board table.max_board .bbs_uid_allchk + label { font-size:0; }
#max_board table.max_board .bbs_uid_allchk + label:before {font-size:16px;}

.search { display: block; position: absolute; right: 0; top: 100px;}
.search input { border:1px solid #ccc; padding:10px 5px; width:200px; box-sizing:border-box; vertical-align:middle; }
.search button { border:1px solid #ccc; padding:9px 15px 9px; box-sizing:border-box; vertical-align:middle;  }
@media screen and (max-width: 768px) {
	.btn_b_type01, 
	.btn_b_type02, 
	.btn_b_type03, 
	.btn_b_type04 {padding:10px 5%; font-size:13px;}

	.search { display: block; position: absolute; right: 0; top: 112px;}
}

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

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

/* 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%;}
.max_board .line_box {background:#000; color:#fff; padding:5px 10px;}
.max_board_new_icon {display:inline-block; background:#ffce00; color:#000; font-weight:700; font-size:11px; border-radius:50px; width:24px; height:24px; line-height:24px; text-align:center;}

/* mobile */
@media screen and (max-width: 768px) {
	.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:500;}
	.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:500;}
	.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:'날짜';}
}

@media screen and (max-width: 639px) {
	.max_board th, .max_board td, 
	.max_board a {font-size:13px;}
}

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


/* view */
.max_board_view{float:left; width:100%; height:auto; margin:30px 0;}
.max_board_view .subjected{border-top:1px solid #000; border-bottom:1px solid #ccc; padding:15px 0; font-size:25px; line-height:25px; text-align:center; color:#222;margin-top: 15px;}
.max_board_view .user_it_info{width:100%; height:auto; padding:15px; border-bottom:1px solid #ccc;}
.max_board_view .user_it_info li{display:inline-block; padding-right:20px; margin:10px 0; color:#797979;}
.max_board_view .user_it_info li strong{color:#222;}
.max_board_view .max_board_contents{width:100%; height:auto; padding:30px 0; line-height:140%; border-bottom:1px solid #000;}
.max_board_view .max_board_contents img {max-width:100%;}
/*.max_board_view .addfile { border-top:1px solid #ccc; padding:15px 0; }
.max_board_view .addfile li { padding:5px 10px; }
.max_board_view .att_file{border-bottom:1px solid #ccc; padding:15px 0;}
.max_board_view .att_file strong{color:#222; font-weight:bold;}*/

@media screen and (max-width:768px) {
	.max_board_view {margin:0;}
	.max_board_view .subjected {font-size:16px; text-align:left;}
	.max_board_view .user_it_info {padding:10px 0;}
	.max_board_view .user_it_info li {display:block;}
}

/* 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;}
.max_write{float:left; width:100%; height:auto; margin:30px 0 0 0; border-top:1px solid #000;}
.max_write p {display:inline-block; vertical-align:middle;}
.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; vertical-align:middle;}
.max_write table th:first-child {padding:25px 0;}
.max_write table td{border-bottom:1px solid #ccc; padding:10px; vertical-align:middle;}
.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%;}
.max_board_form_file {margin:15px 0;}

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

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



.btn_add_poll { display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:10px 20px 9px; margin-top:5px; font-size:14px; vertical-align:middle; }
.poll_item_wrap { padding:10px; border:1px solid #CCC; margin:10px 0; }
.poll_question_wrap { padding:10px 0; border-top:1px solid #CCC;  }

.poll_item_wrap .poll_subject { border:1px solid #ccc; width:70%; display:inline-block; padding:10px; margin-bottom:10px;} /* 질문 인풋 */
.poll_item_wrap .poll_question { border:1px solid #ccc; width:50%; display:inline-block; padding:10px; } /* 선택지 인풋 */

.poll_item_wrap button { display:inline-block; background:#fff; border:1px solid #ccc; border-left:none; color:#000; padding:10px 20px 9px; font-size:14px; margin-bottom: 10px; vertical-align:middle; }
.poll_question_wrap button { margin-bottom:0; }


/* view : poll */
.poll_view {float:left; width:100%; height:auto;}
.poll_view h5 {width:100%; height:auto; background:#f7f7f7; text-align:center; padding:20px 0; font-size:17px;}
.poll_view h5 strong {color:#369c0a;}
.poll_view .poll_view_lst {width:100%; height:auto; border-top:2px solid #d7d7d7;}
.poll_view .poll_view_lst > li {padding:20px 0 0; border-bottom:1px solid #d7d7d7;}

.poll_view .poll_view_lst .poll_view_lsts {padding:10px 0;}
.poll_view .poll_view_lst .poll_view_lsts li {padding:10px 0;}
.poll_view .poll_view_lst .poll_view_lsts li button {display:inline-block; background:#444; border:1px solid #000; color:#fff; border-radius:3px; font-size:12px; padding:3px 8px; box-sizing:border-box;}
.poll_view .poll_view_lst .poll_view_lsts li button:hover {background:#000;}

.poll_view .poll_view_lst .graph {width:100%; height:30px; line-height:30px; margin-top:10px; position:relative;}
.poll_view .poll_view_lst .graph span {display:block; height:inherit;}
.poll_view .poll_view_lst .graph em {display:block; position:absolute; top:0; right:10px; font-size:11px;}
.poll_view .poll_view_lst .graph .bar1 {background-color:#71ba53}
.poll_view .poll_view_lst .graph .bar2 {background-color:#aed89d}
.poll_view .poll_view_lst .graph .bar3 {background-color:#d7ebce}

@media screen and (max-width:480px) {
	.poll_view h5 {font-size:15px;}
	.poll_view h5 span {display:block;}
}