@charset "utf-8";
/* 새글 스킨 (latest) */
.lt {position: relative;}
.lt .lt_title {display: none;}
.lt .lt_more {display: none;}
.lt .a-item {padding: 0; border:0; background-color:#fff; word-break: break-all;}
.lt .a-item .img-box { position:relative; overflow:hidden; cursor:pointer;height: 800px;}
.lt .a-item .img-box img { -webkit-transform: scale(1); transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;}
.lt .a-item .info {display: none;text-decoration: none;padding:30px;}
.lt .a-item .info .subject { font-weight:700; font-size:22px;}
.lt .a-item .info .substance {color:#555; margin-top:10px; font-size:15px; line-height:1.6;}
.lt .a-item .info .time {color:tomato; font-size:0.9em;text-align:right;}
.lt .a-item .more {width: 140px;margin:0px 0px 50px 30px; border: 1px solid #ddd;padding: 12px 0 12px 0; line-height:20px; font-size:14px; background: none;display: none;}
.lt .a-item .more:hover {background-color: #dd412b; border:1px solid #dd412b; color: #fff;cursor: pointer;opacity: 1;transition: all 0.5s;}

.latest-carousel .owl-nav {    position: absolute;
    top: 50%;
    transform: translateY(-50%);
margin: 0;
    width: 100%;
    display: block;}
.latest-carousel .owl-nav .owl-prev, .latest-carousel .owl-nav .owl-next{width:45px;height:60px; line-height:40px; position:absolute;color:#fff; margin: 0;
    border:0; text-align:center; background-color: var(--main-color); cursor:pointer;display: flex;justify-content: center;align-items: center;}
.latest-carousel .owl-nav .owl-prev:hover, .latest-carousel .owl-nav .owl-next:hover{background: var(--main-color);}
.latest-carousel .owl-nav .owl-prev {left:0%;}
.latest-carousel .owl-nav .owl-next {right: 0%;}
/* .latest-carousel .owl-nav .owl-prev:hover { background-color:transparent; color:#39F}
.latest-carousel .owl-nav .owl-next:hover { background-color:transparent; color:#39F} */
.latest-carousel .owl-nav i { font-size:28px; font-weight:normal}

.latest-carousel .owl-dots{top: 90%;position: absolute;left: 50%;transform: translateX(-50%);}
.latest-carousel .owl-dots .owl-dot{    width: 2px;
    height: 30px;
    background: #fff;
    margin: 0 10px;
transition: all .4s;}
.latest-carousel .owl-dots .owl-dot.active{transform: rotate(20deg);}

@media screen and (max-width:560px){
    .lt .a-item .img-box{height: 400px;}
    .latest-carousel .owl-nav .owl-prev, .latest-carousel .owl-nav .owl-next{width: 35px;height: 50px;}
    .latest-carousel .owl-nav i{font-size: 26px;}
}