@charset "utf-8";

.basic-post-slider { position:relative; width:100%; line-height:20px; }
.basic-post-slider .owl-show,
.basic-post-slider .owl-container { overflow: inherit; }
.basic-post-slider .owl-carousel .owl-wrapper-outer { width: 99%; }
.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 .item-list {
    overflow:hidden;
    background: #fff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.basic-post-slider .post-image { position:relative; overflow:hidden; }
.basic-post-slider .post-image .in-left { z-index:1; }
.basic-post-slider .post-content {
    padding: 30px;
    text-align: left;
}
.basic-post-slider h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.basic-post-slider .desc {
    font-size: 14px;
    color: #888;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.6em;
    height: 3.2em;
    overflow: hidden
}
.basic-post-slider .post_date {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 500;
    color: #aaa;
    margin-top: 30px;
}
.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: 30px;
    height: 67px !important;
    line-height: 67px !important;
    top: 50% !important;
    transform: translateY(-50%);
    background: none;
}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: 0;}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 0 !important;}


.basic-post-slider .owl-controls .owl-pagination {
    position: relative;
    left: inherit;
    bottom: inherit;
    margin-top: 30px;
}
.owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    background: #ddd;
}
.owl-controls .owl-page.active span {
    width: 20px;
    height: 10px;
    background: #00ccff;
}