@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 -15px; text-align:center;}
.boardList li {float:left; width:33.3%; padding:0 15px;}
.boardList li div {position:relative;}
.boardList .imgWrap {overflow:hidden; position:relative; padding-bottom:100%;}
.boardList .imgWrap:before {content:'';}
.boardList .imgWrap img {position:absolute; top:0; left:0; width:100%; height:auto; 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 .end .imgWrap:before {position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.boardList .end .imgWrap:after {position:absolute; top:50%; left:50%; z-index:5; width:100px; height:100px; margin:-50px; border-radius:100%; border:2px solid rgba(255,255,255,0.4); font-size:20px; color:#fff; line-height:96px; text-align:center; content:'Closed';}
.boardList .state_close .imgWrap:before {position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.boardList .state_close .imgWrap:after {position:absolute; top:50%; left:50%; z-index:5; width:100px; height:100px; margin:-50px; border-radius:100%; border:2px solid rgba(255,255,255,0.4); font-size:20px; color:#fff; line-height:96px; text-align:center; content:'비공개';}
.boardList .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 .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);}



.view_bottom_link {margin-top:20px; text-align:center;}
.view_bottom_link .btn {width:300px; background:#52bab9;}

.icon_hot {position:absolute; top:0; left:0; z-index:2; width: 60px; height: 32px; font-size: 14px; color: #fff; line-height: 32px; font-weight: 300; text-align: center; letter-spacing: 0; background:#30bbc3;}

/*
#categoryBox .category li a {display:block; height:114px; font-size:20px; color:#888888; line-height:1}
#categoryBox .category li a:before {display:block; height:75px; background:url('../images/icon_category.png') no-repeat; content:''}
#categoryBox .category li:nth-child(1) a:before {background-position:center 0;}
#categoryBox .category li:nth-child(2) a:before {background-position:center -120px;}
#categoryBox .category li:nth-child(3) a:before {background-position:center -240px;}
#categoryBox .category li:nth-child(4) a:before {background-position:center -360px;}
#categoryBox .category li:nth-child(5) a:before {background-position:center -480px;}
#categoryBox .category li:nth-child(6) a:before {background-position:center -600px;}
#categoryBox .category li:nth-child(7) a:before {background-position:center -720px;}
#categoryBox .category li:nth-child(8) a:before {background-position:center -840px;}
#categoryBox .category li a:hover:before,
#categoryBox .category li.select a:before {background-image:url('../images/icon_category_on.png');}
#categoryBox .category li a:hover,
#categoryBox .category li.select a {color:#fff; background-color:#30bbc3;}
*/