@charset "utf-8";

#inc05 .inc05_wrap{position:relative;margin:200px auto;width:88%}
#inc05 .inc05_wrap .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc05 .latest{margin-top:100px}
#inc05 .latest ul{display:flex;flex-direction:row-reverse;gap:30px}
#inc05 .latest ul li{padding:60px;width:calc(50% - 15px);border-radius:30px;background-color:#f2f2f2;transition:all .3s;cursor:pointer}
#inc05 .latest ul li h3{font-size:18px;font-weight:700;transition:all .3s;word-break:keep-all}
#inc05 .latest ul li p{margin:20px 0 30px;font-size:15px;font-weight:400;color:#777;word-break:keep-all;transition:all .3s}
#inc05 .latest ul li span{display:block;width:100%;text-align:end;font-size:13px;font-weight:700;color:#aaa;transition:all .3s}

/* 반응형 [s] */
@media (hover:hover){
#inc05 .latest ul li:hover{background-color:var(--primary)}
#inc05 .latest ul li:hover h3{color:#fff}
#inc05 .latest ul li:hover p{color:rgb(255, 255, 255, 0.6)}
#inc05 .latest ul li:hover span{color:rgb(255, 255, 255, 0.8)}
}
@media (max-width:1380px){
#inc05 .inc05_wrap{margin:180px auto;width:95%}
}
@media (max-width:1024px){
#inc05 .inc05_wrap{margin:120px auto}
#inc05 .latest{margin-top:80px}
#inc05 .latest ul{gap:16px}
#inc05 .latest ul li{padding:45px;width:calc(50% - 8px)}
#inc05 .latest ul li h3{font-size:17px}
}
@media (max-width:768px){
#inc05 .inc05_wrap{margin:100px auto}
#inc05 .latest{margin-top:70px}
#inc05 .latest ul{gap:12px}
#inc05 .latest ul li{padding:40px 30px;border-radius:25px;width:calc(50% - 6px)}
#inc05 .latest ul li h3{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px}
#inc05 .latest ul li p{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:480px){
#inc05 .inc05_wrap{margin:90px auto 60px}
#inc05 .latest{margin-top:60px}
#inc05 .latest ul{flex-direction:column}
#inc05 .latest ul li{padding:40px 25px 25px;width:100%}
#inc05 .latest ul li p{font-size:14px}
}
@media (max-width:380px){
#inc05 .inc05_wrap{margin:70px auto 50px}
#inc05 .latest{margin-top:50px}
#inc05 .latest ul li{padding:30px 20px 20px}
#inc05 .latest ul li h3{font-size:15px}
#inc05 .latest ul li p{font-size:13px}
#inc05 .latest ul li span{font-size:12px}
}
/* 반응형 [e] */
