@charset "utf-8";

#atc02 .lt_area{
    padding: 0 2px;
    overflow:hidden;
}
#atc02 .lt_area img{width:100%;height:100%;object-fit:cover;object-position:center}
#atc02 .lt_area li{position:relative;overflow:hidden;height:500px;border:1px solid #e1e1e1;border-radius:var(--radius)}
#atc02 .lt_area li.empty{display:flex;width:33.33%;align-items:center;justify-content:center}
#atc02 .lt_area a{display:flex;height:100%;flex-direction:column;justify-content:space-between}
#atc02 .lt_area .txt{display:flex;flex-direction:column;justify-content:space-between;height:45%;padding:40px 50px}
#atc02 .lt_area .img{overflow:hidden;height:55%}
#atc02 .lt_area .img.none div{background:#f5f5f5 url(../../hd/top_menu/logo_m.png) center no-repeat !important}
#atc02 .lt_area .img div{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;height:100%;transition:all .3s}
#atc02 .lt_area .tab{font-size:16px;font-weight:700;color:var(--primary)}
#atc02 .lt_area h4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;;font-size:22px;font-weight:700;color:#111}
#atc02 .lt_area .txt svg{position:absolute;top:40px;right:50px;opacity:.5}
#atc02 .lt_area .tit{margin-top:10px}
#atc02 .lt_area .tit div{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:10px;color:#777}
#atc02 .lt_area .pager{margin-top:15px;text-align:center}
#atc02 .lt_area .pager span{margin:0 3px;border-radius:50px;transition:all .3s;opacity:1;background:#d9d9d9}
#atc02 .lt_area .pager .on{width:20px;background:var(--primary)}

#sh_section #atc02 .atc_tit.expand .act_tit_inner{

}
#sh_section #atc02 .atc_tit.expand{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#atc02 .atc_tit.expand .link_more{
    font-size: 15px;
    color: #777;
    transition: 0.5s all;
}
#atc02 .atc_tit.expand .link_more:hover{
    color: var(--primary);
}

@media(hover:hover){
#atc02 .lt_area a:hover .img div{transform:scale(1.1)}
}
/* 반응형 [s] */
@media (max-width:1440px){
    #sh_section article#atc02{
        padding: 0 20px;
    }
    #atc02 .lt_area .txt{
        padding: 40px;
    }
}
@media (max-width:1024px){
#atc02{padding:0 15px}
#atc02 .lt_area .txt{padding:30px 20px}
#atc02 .lt_area h4{font-size:18px}
#atc02 .lt_area .txt{height:53%}
#atc02 .lt_area .txt svg{top:30px;right:30px}
#atc02 .lt_area li{height:400px}
}
@media (max-width:768px){
#atc02 .lt_area h4{font-size:16px}
#atc02 .lt_area .tab{font-size:15px}
}
/* 반응형 [e] */