@charset "utf-8";



.board_list {overflow:hidden; margin:-20px;}
.board_list li {float:left; width:33.33%; padding:20px;}
.board_list .inbox {position:relative; border:1px solid #dddddd;}
.board_list * {vertical-align:middle;}
.board_list .img_wrap {position:relative;}
.board_list .img_wrap span {padding-bottom:62.311%;}
.board_list .cont {border-top:1px solid #dddddd; padding:25px 30px;}
.board_list .title {overflow:hidden; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height:60px; font-size:24px; color:#222222; line-height:30px;}
.board_list .date {margin-top:10px; font-size:16px; color:#888888;}
.board_list .icon_sns {position:absolute; top:20px; left:20px; width:50px; height:50px;}

.board_view .b_info {top:10px;}
.subject .icon_sns {width:40px; height:40px; margin-right:5px;}
.subject * {vertical-align:middle;}

.btn_sns_more {display:block; width:310px; height:60px; margin:50px auto 0; border-radius:10px; font-size:0; font-weight:500; letter-spacing:-0.05em; color:#fff; text-align:center; background:#2b303b;}
.btn_sns_more * {vertical-align:middle;}
.btn_sns_more span {display:inline-block; font-size:22px; line-height:60px;}
.btn_sns_more:after {display:inline-block; width:10px; height:16px; margin-left:18px; vertical-align:middle; background:url('../images/icon_arr.png') no-repeat center; content:'';}


.chk {position:absolute; top:0px; left:0px; z-index:10; padding:10px;}


@media all and (max-width:1199.99px){
	.board_list li {width:50%;}
}
@media all and (max-width:767.99px){
	

	.board_list .cont {padding:15px;}
	.board_list .title {height:auto; max-height:36px; font-size:15px; line-height:18px;}	
	.board_list .date {margin-top:5px; font-size:13px;}
	.board_list .icon_sns {top:12px; left:12px; width:25px; height:25px;}

	.board_view .b_info {top:0px;}
	.subject .icon_sns {width:25px; height:25px;}

	.btn_sns_more {width:200px; height:40px; border-radius:6px;}
	.btn_sns_more span {font-size:15px; line-height:40px;}
	.btn_sns_more:after {margin-left:10px; background-size:6px auto;}

	
}
@media all and (max-width:500px){
	.board_list li {width:100%;}

	
}