@charset "utf-8";

.new-box { background:#fafafa; padding:40px 0px 50px; margin-bottom:10px; }

.keyword-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 20px; margin-bottom:10px; }


.list-board { }
.list-board .chk { width:20px; }
.list-board .num { width:60px; }
.list-board .sejoy { width:80px; }
.list-board .secate { width:300px; }
.list-board .name { width:120px; }
.list-board .secode { width:85px; }
.list-board .sesell { width:80px; }
.list-board .serank { width:100px; }
.list-board .seller { }
.list-board .sprice { width:75px; }
.list-board .sesubj { width:300px; }
.list-board .sead { width:90px; }
.list-board .sethumb { width:100px; }
.list-board .icon { position:relative; width:46px; height:46px; display:table; margin:0px auto; }
.list-board .icon a { display:table-cell; width:1%; vertical-align:middle; font-size:30px; color:#fff; }
.list-board .icon .bg-light { background:#eee; }

.list-board .board-list { list-style:none; padding:0px; margin:0px; }
.list-board .board-list li { border-bottom:1px solid #ddd; display:table; width:100%; table-layout:fixed; }
.list-board .board-list li:hover { color:#000; background-color:#F8F8F8; }
.list-board .board-list li > div { display:table-cell; height:34px; line-height:22px; padding:6px 0px; text-align:center; color:#666; vertical-align:middle; }
.list-board .board-list li .cate { padding-left:10px; text-align:left; }
.list-board .board-list li .subj { padding-left:10px; text-align:left; }
.list-board .board-list li .subj a { display:block; word-break:break-all; }
.list-board .board-list li .name { text-align:left; padding-left:10px; font-weight:bold; }
.list-board .board-list .subj-item { margin-right:-15px }
.list-board .board-list .subj-item a { display:inline !important; color:#888 !important; }
.list-board .board-list .subj-item > span { display:inline; margin-right:15px; font-weight:normal; color:#888; }
.list-board .board-list .subj-item > span:last-child { margin-right:0px; }
.list-board .board-list .subj-item .hide { display:none; }
.list-board .none { padding:50px 0px; }
@media all and (max-width:768px) {
	.responsive .list-board .board-list .subj-item .hide { display:inline !important; }
}



.progress-outer{
    background: #fff;
    border-radius: 50px;
    padding: 25px;
    margin: 10px 0;
    box-shadow: 0 0  10px rgba(209, 219, 231,0.7);
}	
.progress{
    height: 27px;
    margin: 0;
    overflow: visible;
    border-radius: 50px;
    background: #eaedf3;
    box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9);
}
.progress .progress-bar{
    border-radius: 50px;
}
.progress .progress-value{
    position: relative;
    left: -45px;
    top: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 2px;
}
.progress-bar.active{
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive {
    0% { width: 0%; }
}