@charset "utf-8";

.basic-post-totosite .post-list { list-style:none; padding:0px; margin:-2px 0px; line-height:22px; }
.basic-post-totosite .post-list li { padding:0px; margin:0px; }
.basic-post-totosite .post-list li b { letter-spacing:-1px; padding-right:1px; }
.basic-post-totosite .post-list li .name { letter-spacing:-1px; color:#888; padding-left:4px; padding-right:1px;}
.basic-post-totosite .post-list .txt-normal { letter-spacing:0; }
.basic-post-totosite .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-totosite .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.basic-post-totosite .wr-icon { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; }
.basic-post-totosite .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.basic-post-totosite .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.basic-post-totosite .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.basic-post-totosite .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.basic-post-totosite .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }


#tabs_wrap {
    margin: 0 0 10px
}

#tabs_wrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#tabs_wrap .recent_all_wrap {
    float: left;
    width: 38%;
    margin: 0 -1px 0 0
}

#tabs_wrap .tabs_recent {
    float: left;
    width: 62%
}

.recent_all .simpleTabs_button {
    border-left: solid 1px #707070;
    border-top: solid 1px #707070
}

.recent_all .simpleTabs_button:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.recent_all .simpleTabs_button li {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    color: #999;
    line-height: 40px;
    text-align: center;
    background: #1b1c19;
    border-right: solid 1px #707070;
    border-bottom: solid 1px #707070;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.recent_all .simpleTabs_button li:last-child {}

.recent_all .simpleTabs_button li:hover {
    color: #fff;
    font-weight: 500;
    background: #78a100
}

.recent_all .simpleTabs_button li.active {
    color: #fff;
    font-weight: 500
}

.recent_all [data-st-title] {
    display: none;
    min-height: 140px;
    padding: 10px;
    background: #272a25;
    border: solid 1px #707070;
    border-top: none;
    opacity: 0;
    transition: opacity .6s
}

.recent_all [data-st-title].active {
    opacity: 1
}

.tabs_recent .simpleTabs_button {
    border-left: solid 1px #707070;
    border-top: solid 1px #707070
}

.tabs_recent .simpleTabs_button:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.tabs_recent .simpleTabs_button li {
    display: block;
    float: left;
    width: 33.33333333%;
    overflow: hidden;
    color: #999;
    line-height: 40px;
    text-align: center;
    background: #1b1c19;
    border-right: solid 1px #707070;
    border-bottom: solid 1px #707070;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.tabs_recent .simpleTabs_button li:last-child {}

.tabs_recent .simpleTabs_button li:hover {
    color: #fff;
    font-weight: 500;
    background: #78a100
}

.tabs_recent .simpleTabs_button li.active {
    color: #fff;
    font-weight: 500;
    background: #78a100;
    border-bottom: none
}

.tabs_recent [data-st-title] {
    display: none;
    min-height: 140px;
    padding: 10px;
    background: #272a25;
    border: solid 1px #707070;
    border-top: none;
    opacity: 0;
    transition: opacity .6s
}

.tabs_recent [data-st-title].active {
    opacity: 1
}

.recent_ticker_wrap {
    overflow: hidden
}

.recent_ticker_wrap ul {
    height: 118px
}

.recent_ticker_wrap ul li {
    display: block;
    position: relative
}

.recent_ticker_wrap ul li a {
    color: #ddd;
    display: block;
    position: relative;
    padding: 0 40px 0 0;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis)
}

.recent_ticker_wrap ul li a:hover {
    color: #c0ff00
}

.recent_ticker_wrap ul li a i {
    color: #c0ff00;
    font-size: 16px
}

.recent_ticker_wrap ul li a .recent_cmt {
    color: #c0ff00;
    font-size: 12px
}

.recent_ticker_wrap ul li a .date {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #ddd;
    line-height: 24px;
    font-weight: 400
}

.recent_ticker_wrap ul li a .money {
    display: block;
    position: absolute;
    right: 15%;
    top: 0;
    color: #c0ff00;
    line-height: 24px;
    font-weight: 400
}

.recent_ticker_wrap ul li a .domain {
    display: block;
    position: absolute;
    right: 40%;
    top: 0;
    color: #ddd;
    line-height: 24px;
    font-weight: 400
}