.sc-board-search {
    background: #E8E8E8;
    padding: 30px;
}

 .list-title {
        float: left;
        width: 100%;
        background: #f5f4f0;
        border-top: 2px solid gray;
        border-bottom: 1px solid #000;
        font-size: 17px;
        padding: 17px 0px;
    }

.sc-list-board {
    overflow:hidden;
}


.list-title div {
    border-left : 1px solid gray;
}

.list-title div:first-child {
    border-left : 0px;
}

.list-item {
    float: left;
    width: 100%;
    font-size: 17px;
    padding: 13px 0px;
    border-bottom: 1px solid #000;
    cursor: pointer;
}
.list-no {
    float: left;
    width: 10%;
    text-align: center;
}

.list-attach {
    float: left;
    width: 10%;
    text-align: center;
}

.list-subject {
    float: left;
    width: 50%;
    text-align: center;
}
.list-item .list-subject {
    text-align: left;
}
.list-name {
    float: left;
    width: 15%;
    text-align: center;
}
.list-datetime {
    float: left;
    width: 15%;
    text-align: center;
}


.sc-list-board > .list-item:nth-child(2n+1) {
   background: #f5f4f0;
}

.pagination > li > a
{
    background-color: white;
    color: #5A4181;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #F1F1F1;
    border-color: #F1F1F1;
}

.pagination > .active > a
{
    color:black !Important ;
    background-color: #F1F1F1 !Important;
    border: solid 1px #F1F1F1 !Important;
}

.pagination > .active > a:hover
{
    background-color: #F1F1F1 !Important;
    border: solid 1px #F1F1F1 !Important;
}

.pagination > .active > a:hover
{
    background-color: #F1F1F1;
    border: solid 1px #F1F1F1;
}

.reply,
.reply:hover{
    background:SaddleBrown;
    color:white;
    font-size:14px;
    padding: 0 15px 0 15px;
}


.board-image img{
    width:100%;
    height:auto;
}

.board-hover {
    cursor:pointer;
}