@charset "utf-8";

.basic-post-slider { position:relative; width:100%; line-height:20px; }
.basic-post-slider .owl-container, .basic-post-slider .owl-show {overflow: inherit;}
.basic-post-slider .owl-carousel .owl-wrapper-outer {width: calc(100% - 40px);}
.basic-post-slider .txt-normal { letter-spacing:0; }
.basic-post-slider .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-slider .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-slider .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-slider .post-image { position:relative; overflow:hidden; background: #000; }
.basic-post-slider .post-content {margin-top: 25px; font-size: 0;}
.basic-post-slider .post-subject {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: calc(100% - 82px);
    padding-right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.basic-post-slider .post-content a {
    font-family: "Roboto";
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #fff;
    background: #8c8c8c;
    width: 82px;
    height: 32px;
    border-radius: 32px;
    text-align: center;
    line-height: 32px;
    letter-spacing: normal;
}
.basic-post-slider .post-text { font-size:12px; color:#888; margin-top:4px;}
.basic-post-slider .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .basic-post-slider .post-ko { font-size:11px; }


.basic-post-slider .owl-carousel .owl-controls .owl-buttons {
    position: absolute;
    top: -55px;
    right: 20px;
}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div {
    background: none;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit !important;
    display: inline-block !important;
    vertical-align: middle;
}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev {margin-right: 10px;}

@media all and (max-width: 1199px) {
    .basic-post-slider .owl-carousel .owl-wrapper-outer {width: calc(100% - 30px);}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons {right: 15px;}
}
@media all and (max-width: 991px) {
    .basic-post-slider .owl-carousel .owl-wrapper-outer {width: calc(100% - 20px);}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons {right: 10px;}
}
@media all and (max-width: 767px) {
    .basic-post-slider .owl-carousel .owl-wrapper-outer {width: calc(100% - 15px);}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons {right: 7px;}
    .basic-post-slider .post-subject {
        font-size: 14px;
        width: 100%;
        padding: 0;
    }
    .basic-post-slider .post-content a {display: none;}
}
@media all and (max-width: 480px) {
    .basic-post-slider .owl-carousel .owl-wrapper-outer {width: 100%;}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons {right: 0;}
}