@charset "utf-8";
/* 새글 스킨 (latest) */
.content04 .lt {position: relative; }
.content04 .lt .lt_title {display: none;}
.content04 .lt .lat_title {font-size: 30px; font-weight: 700; color: #121212; padding-bottom: 15px; line-height: 1.8; position: relative;}
.content04 .lt .lat_title .lt_more {position: absolute; top: 0; right: 20px; transition: 0.5s;}
.content04 .lt .lat_title .lt_more:hover {transform: rotate(180deg); top: 0; right: 20px; transition: 0.5s;}
.content04 .lt .a-item {padding: 0; border:0; background-color:#fff; position: relative;}
.content04 .lt .a-item .img-box { position:relative; overflow:hidden; cursor:pointer;height: 300px; width:100%; word-break: break-all; background-repeat:no-repeat; background-size:cover; background-position:center}
.content04 .lt .a-item .img-box img { -webkit-transform: scale(1); transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;}
.content04 .lt .a-item .img-box img:hover { -webkit-transform: scale(1.1); transform: scale(1.1);}
.content04 .lt .a-item .txt_box {border: none !important; position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; 
    background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 50px !important; display: none;}
.content04 .lt .a-item .info {text-decoration: none; color: #fff;}
.content04 .lt .a-item .info .subject {font-weight:400; font-size:24px;}
.content04 .lt .a-item .info .substance {color: #fff; margin-top: 20px; font-size: 18px; line-height: 1.6; word-break: keep-all; opacity: 0.8; letter-spacing: -1px;}
.content04 .lt .a-item .info .time {color:tomato; font-size:0.9em;text-align:right;}
.content04 .lt .a-item .more {width: 141px;margin:30px auto 0 auto; border: 1px solid #ddd;padding: 14px 0 14px 0; line-height:14px; font-size:14px; background-color:#f2f2f2;  text-align:center; display:block}
.content04 .lt .a-item .more:hover {background-color: #697dc4; border:1px solid #697dc4; color:#fff; cursor: pointer; opacity: 1;transition: all 0.5s;}

.content04 .lt .a-item .img-box img img { width:100%}


.content04 .latest-carousel .owl-nav {position: absolute;top: 32%;margin-top: -25px; width:100%; display:block}
.content04 .latest-carousel .owl-nav .owl-prev {width:37px; border-radius: 50%; font-size: 20px; display: grid; place-content: center; height:37px; border: 1px solid #ddd; top: -128px; left:67%; background-color:#fff; margin:0; position:absolute; cursor:pointer; color:#121212; padding:0;}
.content04 .latest-carousel .owl-nav .owl-next {width:37px; border-radius: 50%; font-size: 20px; display: grid; place-content: center; height:37px; border: 1px solid #ddd; top: -128px; right:15%; background-color:#fff; margin:0; position:absolute; cursor:pointer; color:#121212; padding:0;}
.content04 .latest-carousel .owl-nav .owl-prev:hover { background-color:#4a78bc; color:#fff}
.content04 .latest-carousel .owl-nav .owl-next:hover { background-color:#4a78bc; color:#fff}
.content04 .latest-carousel .owl-dots {position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; justify-content: center; gap: 5px;}
.content04 .owl-theme .owl-dots .owl-dot {width: 7px; aspect-ratio: 1 / 1;border-radius: 50%; background-color: rgba(255,255,255,0.5);}
.content04 .owl-theme .owl-dots .owl-dot.active {background-color: #fff;}

@media screen and (max-width:1300px) {
    .content04 .latest-carousel .owl-nav .owl-prev {left: 63%;}
    .content04 .latest-carousel .owl-nav .owl-next {right: 17%;}
}

@media screen and (max-width:1200px) {
    .content04 .lt .lat_title {font-size: 25px;}
    .content04 .latest-carousel .owl-nav .owl-next {top: -125px;}
    .content04 .latest-carousel .owl-nav .owl-prev {top: -125px; left: 60%;}
    .content04 .lt .a-item .info .subject {font-size: 20px;}
}

@media screen and (max-width:960px) {
    .content04 .lt .lat_title {font-size: 24px;}
    .content04 .lt .lat_title .lt_more {top: auto; bottom: 15px; right: 0;}
    .content04 .latest-carousel .owl-nav .owl-next {right: 11%;}
    .content04 .latest-carousel .owl-nav .owl-prev {left: 68%;}
}

@media screen and (max-width:780px) {
    .content04 .latest-carousel .owl-nav .owl-next {right: 14%;}
    .content04 .latest-carousel .owl-nav .owl-prev {left: 63%;}
}

@media screen and (max-width:700px) {
    .content04 .latest-carousel .owl-nav .owl-next {right: 17%;}
    .content04 .latest-carousel .owl-nav .owl-prev {left: 55%;}
}

@media screen and (max-width:640px) {
    .content04 .lt .lat_title {font-size: 20px;}
    .content04 .lt .a-item .info .subject {font-size: 18px;}
    .content04 .lt .lat_title .lt_more a img {width: 30px;}
    .content04 .latest-carousel .owl-nav {display: none;}
    .content04 .latest-carousel .owl-nav .owl-next, .content04 .latest-carousel .owl-nav .owl-prev {width: 30px; height: 30px; top: -117px;}
    .content04 .latest-carousel .owl-nav .owl-next {right: 8%;}
    .content04 .latest-carousel .owl-nav .owl-prev {left: 80%;}
}
/* 주요 계약실적*/