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

#boardSkin .unlock {border:1px solid #9854d3; color:#9854d3 !important; background:#fff;}
#boardSkin .lock {border:1px solid #383838; color:#383838 !important; background:#fff;}
#boardSkin .best {overflow:hidden; position:absolute; top:0; right:0; z-index:1; width:50px; height:40px; text-indent:-200px; background:url('../images/best.jpg');}


#categoryBox {margin-bottom:40px;}

#categoryBox {margin-bottom:0 !important;}
#boardBest {position:relative; z-index:1; margin-bottom:70px; padding:50px 50px 0; border:1px solid #d9d9d9; background:#49484a;}
#boardBest h2 {margin-bottom:30px; text-align:center;}
#boardBest .sliderWrap {position:relative; width:975px; margin:0 auto;}
#boardBest .bx-prev {left:-67px; width:37px; height:67px; margin-top:-33px; background:url('../images/btn_prev.png');}
#boardBest .bx-next {right:-67px; width:37px; height:67px; margin-top:-33px; background:url('../images/btn_next.png');}
#boardBest .liWrap {text-align:center;}
#boardBest .imgWrap {overflow:hidden; position:relative; padding-bottom:100%; border-bottom:1px solid #e3e3e3; background:center no-repeat #eaeaec; background-size:100% auto;}
#boardBest .imgWrap img {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%;}
#boardBest .category {margin-top:15px; font-size:16px; color:#4a96e9;}
#boardBest .contWrap {height:107px; margin-bottom:40px; padding:15px 20px; text-align:left; background:#2a292a;}
#boardBest .title {overflow:hidden; font-size:16px; color:#ffffff; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
#boardBest .info {overflow:hidden; margin-top:12px;}
#boardBest .info .date {float:left; font-size:14px; color:#a2a3a4;}
#boardBest .info .btn {float:right;}
#boardSkin #boardBest .unlock {border:1px solid #dfbbff; color:#dfbbff !important; background:none;}
#boardSkin #boardBest .lock {border:1px solid #bdbdbe; color:#bdbdbe !important; background:none;}


.boardList {padding:40px 0 40px; border-top:1px solid #eaeaea; border-bottom:1px solid #cbcbcb;}
.boardList ul {overflow:hidden; margin:0 -27px; text-align:left;}
.boardList li {float:left; width:25%; padding:0 27px;}
.boardList li:nth-child(4n+1) {clear:both;}
.boardList li > div {}
.boardList .imgWrap {overflow:hidden; position:relative; padding-bottom:100%; border:1px solid #eaeaea; background:center no-repeat; background-size:100% auto;}
.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 .title {overflow:hidden; margin-top:10px; font-size:16px; color:#070a13; line-height:24px; text-align:left; white-space:nowrap; text-overflow:ellipsis;}
.boardList .contWrap {height:124px; padding:15px 20px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:3px solid #8f64ba; margin-bottom:60px;}
.boardList .info {overflow:hidden;}
.boardList .info .num {float:left; font-size:16px; color:#070a13;}
.boardList .info .date {float:right; font-size:14px; color:#a2a3a4;}
.boardList .btn_wrap {margin-top:5px; text-align:right;}
.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);}
.total_count {padding-bottom:10px;}
/*
.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;}
*/

#scrollWrap {overflow:hidden; position:relative; width:1205px; height:970px; padding-right:10px;}
#scrollWrap .box {position: absolute; top:0; left:0; width:100%;}
#scrollWrap ul {overflow:hidden;}
#scrollWrap li {float:left; width:295px; padding-right:15px; padding-bottom:15px;}
#scrollWrap .iScrollVerticalScrollbar {right:0; width:18px !important; border-radius:10px !important;}
#scrollWrap .iScrollVerticalScrollbar:before {position:absolute; top:1px; left:0; right:0; bottom:1px; border-radius:10px; border:1px solid #ededed;  background:#fff; content:'';}
#scrollWrap .iScrollVerticalScrollbar .iScrollIndicator {width:18px !important; border-radius:9px !important; border:1px solid #9d72c1 !important; background:url('../images/bar_scroll.png') no-repeat center #bc89e8 !important;}

.categorySelectList dl+dl {margin-top:15px;}
.categorySelectList dt {font-size:20px; color:#333;}
.categorySelectList li {display:inline-block; min-width:130px;}