@charset "utf-8";
/* 새글 스킨 (latest) */
.lt {position: relative;}
#section1 .a-item {display: flex; flex-wrap: wrap; margin-bottom: 80px;}
#section1 .a-item .imgbox {width: 33.333%; position: relative;}
#section1 .a-item .imgbox a {width: 100%; height: 100%; display: block; position: relative;}
#section1 .a-item .imgbox a::before {position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(205,31,38,1) 0%, rgba(255,255,255,0) 50%); opacity: 0; transition-duration: 0.3s;}
#section1 .a-item .imgbox a:hover::before {opacity: .5;} 
#section1 .a-item .imgbox a::after {position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); top: 0; left: 0; }
#section1 .a-item .imgbox img {width: 100%;}
#section1 .a-item .imgbox .txtbox {position: absolute; z-index: 1; bottom: 30px; left: 40px;}
#section1 .a-item .imgbox .txtbox h2 {font-size: 30px; color: #fff; margin-bottom: 20px;}
#section1 .a-item .imgbox .txtbox ul {display: flex; font-size: 20px; color: #fff; font-weight: 400; opacity: .8;}
#section1 .a-item .imgbox .txtbox ul li:first-child {margin-right: 10px;}
#section1 .morebtn {display: flex; justify-content: center;}
#section1 .morebtn a {width: 80px; height: 80px; border: 1px solid #cd1f26; border-radius: 50%;  color: #cd1f26; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s;}
#section1 .morebtn a:hover {background-color: #cd1f26;}
#section1 .morebtn a img {transition-duration: 0.3s;}
#section1 .morebtn a:hover img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(205%) contrast(105%)}


@media screen and (max-width:960px) {
    #section1 .a-item {margin-bottom: 60px;}
    #section1 .a-item .imgbox {width: 50%;}
    #section1 .a-item .imgbox .txtbox h2 {font-size: 24px; margin-bottom: 10px;}
    #section1 .a-item .imgbox .txtbox ul {font-size: 18px;}

    #section1 .morebtn a {width: 60px; height: 60px;}
    #section1 .morebtn a img {height: 18px;}
}

@media screen and (max-width:640px) {
    #section1 .a-item .imgbox {width: 100%;}
    #section1 .a-item .imgbox .txtbox h2 {font-size: 20px;}
    #section1 .a-item .imgbox .txtbox ul {font-size: 16px;}
}
/* 주요 계약실적*/