@charset "utf-8";

.board1_wrap { width:445px;  height: 256px; float:left; border:1px solid #ddd; border-top:3px solid #2f3d5f; padding:20px;}
.board2_wrap { width:445px;  height: 256px; float:right; border:1px solid #ddd; border-top:3px solid #2f3d5f; padding:20px;}
.board3_wrap { width:957px;  float:left; border:1px solid #ddd; border-top:3px solid #2f3d5f; margin-top:15px; margin-bottom:15px; padding:20px;}
.board_top {width:100%; height:50px;}
.board_title {float:left; font-size:22px; font-weight:bold; color:#3a3a3a; letter-spacing:-2px; }
.s_btitle { color:#888; font-weight:none; font-size:14px;}
.board_more {float:right; background:#ddd;margin-top:5px; border-radius:10px; padding:3px 15px; }
.board_more a {color:#fff; }
.board_more:hover {background:#2f3d5f}

.m_calling {display:none;}


@media screen and (max-width:900px){

	.board1_wrap { width:90%; margin-left:2%; margin-bottom:3%;height: 256px;float:left; border:1px solid #ddd; border-top:3px solid #2f3d5f; padding:3%;}
	.board2_wrap { width:90%; margin-left:2%; height: 256px;float:left; border:1px solid #ddd; border-top:3px solid #2f3d5f; padding:3%;}
	.board3_wrap { width:90%; margin-left:2%; float:left; border:1px solid #ddd; border-top:3px solid #2f3d5f; margin-top:25px;padding:3%;}
	.board_top {width:100%; height:50px;}
	.board_title {float:left; font-size:22px; font-weight:bold; color:#3a3a3a; letter-spacing:-2px; }
	.s_btitle { color:#888; font-weight:none; font-size:14px;}
	.board_more {float:right; background:#ddd;margin-top:5px; border-radius:10px; padding:3px 15px; }
}
@media screen and (max-width:600px){

	.board1_wrap { width:100% !important; margin-left:0; }
	.board2_wrap { width:100% !important; margin-left:0;}
	
}