img {max-width:100%}

.bbslist {width:100%; }
.bbslist button {border:1px solid #333333; background:#333333; height:85px; margin-bottom:10px; padding:0px 30px 0px 30px;}
.bbslist button:hover {background:#000000}
.bbslist button p:nth-child(1) {float:left; margin-right:30px;}
.bbslist button p:nth-child(2) {float:left}
.bbslist button p:nth-child(3) {float:right; color:#999999; font-size:0.8rem}
.container h2 {margin-bottom:30px}


.bbsview {width:100%; background:#}
.bbsview * {color:#ffffff}

.bbsview h3 {background:#333333; text-align:center; border-radius:10px; margin-bottom:30px; padding:30px 0 30px 0}
.bbsview h3 p {font-size:0.8rem; margin-top:10px; color:#999999}
.bbsview h3 p i {font-size:0.8rem; margin-right:10px; color:#999999}
.bbsview div {margin-bottom:50px}
.bbsview .back {text-decoration:none; font-size:0.9rem; font-weight:bold;}
.bbsview .back i {margin-right:10px}

.paging {text-align:center;}

.paging * {font-size:0.8rem}


@media ( max-width: 1000px ) {
	
.bbslist button {height:auto; margin-bottom:10px; padding:20px 20px 20px 20px;}
.bbslist button:hover {background:#000000}
.bbslist button p:nth-child(1) {float:left; margin-right:30px; display:none}
.bbslist button p:nth-child(2) {float:left; width:100%; text-align:left}
.bbslist button p:nth-child(3) {float:right; color:#999999; font-size:0.8rem; width:100%; text-align:left}
}