@charset "utf-8";

.basic-post-slider {position:relative; width:100%; line-height:20px; overflow: hidden;}
.basic-post-slider::before {
    content: "";
    background: #48bfdf;
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    height: 3px;
}
.basic-post-slider .owl-show,
.basic-post-slider .owl-container {overflow: inherit;}
.basic-post-slider .owl-carousel .owl-wrapper-outer {padding-top: 14px;}
.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; }

.basic-post-slider .item-list {position: relative;}
.basic-post-slider .item-list::before {
    content: "";
    width: 100%;
    height: 3px;
    background: #48bfdf;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.basic-post-slider .item-list::after {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 28px;
    border: 6px solid #fff;
    display: block;
    background: #48bfdf;
    z-index: 2;
    position: absolute;
    top: -14px;
    left: 0;
}
.basic-post-slider .post-content {padding-top: 50px;}
.basic-post-slider .post-content .year {
    font-size: 30px;
    font-weight: 500;
    color: #48bfdf;
    margin-bottom: 30px;
}
.basic-post-slider .post-content .subject {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.basic-post-slider .post-content .content {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    word-break: keep-all;
}
.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 {
    background: none;
    width: auto;
    height: auto;
    margin: 0;
}
.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: -80px !important;}

@media all and (max-width: 1300px) {
    .basic-post-slider .at-container {padding: 0 40px;}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: -30px;}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next {right: -30px !important;}
}
@media all and (max-width: 767px) {
    .basic-post-slider .post-content {padding-top: 30px;}
    .basic-post-slider .post-content .year {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .basic-post-slider .post-content .subject {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .basic-post-slider .post-content .content {font-size: 15px;}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div img {width: 16px; height: 30px;}
}