/* BASIC css start */
.boardcategory[rel="°øÁö"] .st01 > div { background: #555; border-color: #555; }
.boardcategory[rel="Áú¹®°ú´äº¯"] .st02 > div { background: #555; border-color: #555; }
.boardcategory[rel=""] .st03 > div { background: #555; border-color: #555; }
.boardcategory[rel="Á¦ÀÛ¹®ÀÇ"] .st04 > div { background: #555; border-color: #555; }

.boardcategory[rel="°øÁö"] .st01 > div a { color:#fff;}
.boardcategory[rel="Áú¹®°ú´äº¯"] .st02 > div a { color:#fff;}
.boardcategory[rel=""] .st03 > div a { color:#fff;}
.boardcategory[rel="Á¦ÀÛ¹®ÀÇ"] .st04 > div a { color:#fff;}

.reviewcategory { position:relative; margin:10px -10px 20px auto; text-align:center; }
.reviewcategory a { display:inline-block; font-size:12px; color:999; line-height:20px; padding-right:10px; }



#df-boardcategory { margin: 0 auto;
    text-align: center;
}

#df-boardcategory ul {
    margin: 15px 2px 25px;
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    text-align: center;
}

#df-boardcategory ul:after {
    clear: both;
    content: "";
    display: block
}

#df-boardcategory ul li {
    display: inline-block;
    position: relative;
    border: 1px solid #eaeaea;
}

#df-boardcategory ul li div {
    margin: 0px;
    padding: 1px 20px;
    line-height: 24px;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #777;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

#df-boardcategory ul li + li {
    margin-left: -1px;
}

#df-boardcategory ul li:first-child div,#df-boardcategory ul li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#df-boardcategory ul li:last-child div,#df-boardcategory ul li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#df-boardcategory ul li.selected div {
    background: #555;
    border-color: #555;
    color: #fff
}
/* BASIC css end */