@charset "utf-8";
/* 새글 스킨 (latest) */
.lt{position:relative; width: 110%;}
.con3 .owl-carousel.owl-drag .owl-item{padding-top:50px;transition:padding .5s}
.con3 .owl-carousel.owl-drag .owl-item:hover{padding-top:0;padding-bottom:50px}
.con3 .owl-carousel.owl-drag .owl-item:hover .a-item .img-box .img-title{display:none}
.con3 .lt .a-item{padding:0;border:0;background-color:#fff;word-break:break-all;position:relative}
.con3 .lt .a-item .img-box{position:relative;overflow:hidden;cursor:pointer}
.con3 .lt .a-item .img-box .img-title{position:absolute;bottom:10%;padding:0 10%;font-size:18px;font-weight:400;color:#fff}
.con3 .lt .a-item .txt_box{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;transition:all .5s;background:hsl(180deg 100% 16.08% / 95%); padding: 10%;}
.con3 .lt .a-item .txt_box .subject h2 {font-size: 16px; color: #fff; font-weight: 400;}
.con3 .lt .a-item .txt_box .subject h3 {font-size: 30px; font-weight: 600; color: #fff; margin: 13% 0 7% 0;width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.con3 .lt .a-item .txt_box .substance {display: flex;}
.con3 .lt .a-item .txt_box .substance .pf_cat {color: #fff; margin-right: 5px; padding-right: 5px; border-right: 1px solid #fff; line-height: 1; font-size: 14px; font-weight: 200;}
.con3 .lt .a-item .txt_box .substance .pf_cat:last-child {border-right: none; padding-right: unset; margin-right: unset;}
.con3 .lt .a-item .txt_box .more_bt{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;right:0;background-color:rgba(255,255,255,.3);font-size:16px;color:#fff;padding:6% 10%;width:68%;font-weight:200;letter-spacing:1px}
.con3 .lt .a-item .txt_box .more_bt img{width:25px}
.con3 .owl-carousel.owl-drag .owl-item:hover .a-item .txt_box{opacity:1}
.con3  .owl-theme .owl-nav.disabled+.owl-dots {display: none;}


@media screen and (max-width:960px) {
    .lt{width: 100%;}
    .con3 .lt .a-item .txt_box {padding: 8%;}
    .con3 .lt .a-item .txt_box .subject h2 {font-size: 14px;}
    .con3 .lt .a-item .txt_box .subject h3 {margin: 8% 0 4% 0; font-size: 20px;}
    .con3 .lt .a-item .txt_box .substance .pf_cat {font-size: 12px;}
    .con3 .lt .a-item .txt_box .more_bt {padding: 6% 8%; font-size: 12px;}
    .con3 .lt .a-item .txt_box .more_bt img {width: 15px;}
    .con3 .owl-carousel.owl-drag .owl-item {padding-top: 30px;}
    .con3 .owl-carousel.owl-drag .owl-item:hover {padding-bottom: 30px;}
}


@media screen and (max-width:640px) {
    .con3 .lt .a-item .img-box .img-title {font-size: 14px;}
}