@charset "utf-8";

#inc02{position:relative;margin-top:-100vh;z-index:2;padding-top:100px;background:#fff}
#inc02 .inner{position:relative}
#inc02 h2{display:flex;align-items:flex-end;justify-content:space-between}
#inc02 h2 p:nth-child(2){margin-left:160px}
#inc02 .total{font-size:15px;font-weight:500;color:#777}
#inc02 .total strong{margin-right:3px;font-size:20px;font-weight:600;color:#000;font-family:var(--e-font)}
#inc02 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:50px 30px;margin-bottom:80px}
#inc02 ul li:nth-child(odd) img{width:100%;aspect-ratio:427 / 370}
#inc02 ul li:nth-child(even) img{width:100%;aspect-ratio:427 / 495}
#inc02 ul li .img_box{overflow:hidden;border-radius:5px}
#inc02 ul li img{width:100%;object-fit:cover;filter:blur(5px);transition:all .3s}
#inc02 ul li .txt{margin-top:20px}
#inc02 ul li .date{display:flex;justify-content:space-between;font-size:13px;font-weight:600;font-family:var(--e-font)}
#inc02 ul li a:hover .date .more{opacity:1;margin-right:0}
#inc02 ul li a:hover img{filter:none;transform:scale(1.1)}
#inc02 ul li .date .more{display:flex;align-items:center;gap:5px;opacity:0;margin-right:20px;font-size:10px;font-weight:500;text-transform:uppercase;transition:all .3s}
#inc02 ul li .date .more span{font-size:14px}
#inc02 ul li .tit{margin-top:10px;font-size:20px;font-weight:700}
#inc02 ul li .cont{font-size:14px;color:#777;font-family:var(--k-font)}

/* 반응형 [s] */
@media (max-width:1600px){
#inc02 ul{gap:40px 16px;margin-bottom:64px}
#inc02 ul li .date{font-size:12px}
#inc02 ul li .tit{margin-top:6px;font-size:18px}
#inc02 h2 p:nth-child(2){margin-left:148px}
}
@media (max-width:1400px){
#inc02 ul li .date{align-items:center}
#inc02 ul li .date .more{white-space:pre-line}
#inc02 ul li .txt{margin-top:15px}
#inc02 ul li .tit{margin-top:0}
}
@media(max-width:1200px){
#inc02{padding-top:80px}
#inc02 .total strong{font-size:18px}
#inc02 h2 p:nth-child(2){margin-left:124px}
#inc02 ul li .txt{margin-top:10px}
#inc02 ul li .tit{font-size:16px}
#inc02 ul li .cont{font-size:13px}
#inc02 ul li .date .more{display:none}
}
@media (max-width:1024px){
#inc02{overflow:hidden;display:flex;align-items:center;padding-top:0;height:100vh}
#inc02 ul{gap:30px 12px;margin-bottom:40px}
#inc02 ul li .txt{margin-top:12px}
#inc02 ul li .tit{margin-top:4px;font-size:15px}
#inc02 ul li .cont{font-size:12px}
#inc02 ul li .date{font-size:11px}
#inc02 h2 p:nth-child(2){margin-left:105px}
#inc02 .total strong{font-size:17px}
}
@media (max-width:768px){
#inc02 h2 p:nth-child(2){margin-left:92px}
#inc02 ul{grid-template-columns:repeat(3,1fr)}
#inc02 ul li img{filter:blur(0px)}
#inc02 ul li:nth-child(even) img{aspect-ratio:427 / 370}
#inc02 ul li:nth-child(7), #inc02 ul li:last-child{display:none}
}
@media(max-width:580px){
#inc02 ul{grid-template-columns:repeat(2,1fr)}
#inc02 ul li:nth-child(5), #inc02 ul li:nth-child(6){display:none}  
}
@media (max-width:480px){
#inc02 .total{font-size:14px}
#inc02 .total strong{font-size:15px}
#inc02 h2 p:nth-child(2){margin-left:0}
#inc02 ul li .date{font-size:10px}
#inc02 ul li .tit{font-size:14px}
}
/* 반응형 [e] */