@charset "utf-8";

.owl-show, .owl-container {overflow: inherit;}
.owl-carousel .owl-wrapper-outer {width: calc(100% - 20px);}
.basic-post-slider { position:relative; width:100%; line-height:20px; }
.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-image .wr-img { transition: all .2s ease-in-out; }
.basic-post-slider .owl-item:hover .post-image .wr-img { transform: scale(1.15); }
.basic-post-slider .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-slider .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; font-size: 14px; }
.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; }

.owl-carousel .owl-controls.clickable .owl-buttons div {display: block !important;}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px !important;
    line-height: 46px !important;
    top: 45%;
}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: -80px;}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next {right: -60px !important;}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next img {transform: rotate(-180deg)}

.owl-controls .owl-pagination {
    position: relative;
    left: inherit;
    bottom: inherit;
    margin-top: 20px;
    width: calc(100% - 20px);
}
.owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #ddd;
}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
    background: #1694d4;
}

@media all and (max-width: 1300px) {
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: 15px !important;}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 35px !important;}
}
@media all and (max-width: 767px) {
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div {display: none !important;}
}