@charset "utf-8";
/* CSS Document */

#boardSkin .best {overflow:hidden; position:absolute; top:0; right:0; z-index:1; width:54px; height:61px; text-indent:-200px; background:url('../images/icon_best.png');}

#categoryBox {margin-bottom:40px;}
.boardList {padding:40px 0 0; border-top:2px solid #161616; border-bottom:1px solid #cbcbcb;}
.boardList ul {overflow:hidden; margin:0 -27px; text-align:center;}
.boardList li {float:left; width:33.3%; padding:0 25px;}
.boardList .imgWrap {overflow:hidden; position:relative; padding-bottom:71.6%; border:1px solid #d3d3d3;}
.boardList .imgWrap img {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%;}
.boardList .imgWrap strong {overflow:hidden; position:absolute; left:0; bottom:0px; right:0; z-index:23; height:65px; padding:0 15px; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:normal; color:#fff; line-height:65px; text-align:center; background:rgba(0,0,0,0.7); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.boardList.news .title {overflow:hidden; margin-top:16px; padding:0 25px; font-size:20px; color:#1a1a1a; line-height:24px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.boardList.realstory .title {overflow:hidden; height:48px; margin-top:16px; padding:0 25px; font-size:20px; color:#1a1a1a; line-height:24px; text-align:center;}
.boardList .info {margin:2px 0 40px; font-size:15px; color:#333333;}
.boardList .category {color:#7e0141;}
.btn_login {position:absolute; top:0; left:50%; width:50%; bottom:0; background:url('../images/login.png') no-repeat center rgba(51,51,51,0.75);}
/*
.boardList strong {display:block; overflow:hidden; height:62px; padding:7px 20px 2px; font-size:24px; color:#383838; line-height:30px; font-weight:400;}
.boardList span {display:inline-block; margin-top:15px; font-size:16px; color:#888888;}
*/
