@charset "utf-8";

/* 빠른 링크 (links) 영역 크기 및 여백 감축 */
#inc02 .links{display:flex;align-items:center;position:relative;height:180px;padding-left:50px;background-color:#0c1320;background-position:right;background-repeat:no-repeat}
#inc02 .links a{display:flex;flex-flow:column;align-items:center;position:relative;width:12%;font-size:15px;color:#fff;transition:all .2s}
#inc02 .links a+a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:40px;background:rgba(255, 255, 255, .15)}
#inc02 .links a img{margin-bottom:12px;max-height:40px;width:auto}

/* 최신 뉴스 (latest_wrap) 패딩 감축: 기존 160px 80px -> 60px 40px */
#inc02 .latest_wrap{display:flex;justify-content:space-between;padding:60px 40px 80px}
#inc02 .latest_wrap .tit{padding-top:20px;font-size:32px;font-weight:700;line-height:1.2;color:#111}

/* 뉴스 목록 간격 및 폰트 축소 */
#inc02 .latest{display:flex;width:75%;border-top:1px solid #e1e1e1}
#inc02 .latest .item{position:relative;width:calc(100% / 3)}
#inc02 .latest .item:before{opacity:0;display:block;content:"";position:absolute;top:-1px;left:0;width:100%;height:3px;background:var(--primary);transition:all .2s}
#inc02 .latest .item a{display:flex;flex-flow:column;padding:30px 8% 0;color:#777;font-size:13px}
#inc02 .latest .item span{font-size:13px;font-weight:800;color:var(--primary)}
#inc02 .latest .item p{margin:12px 0 15px;font-size:16px;font-weight:700;line-height:1.4;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#inc02 .latest .item i{margin-top:20px;font-size:13px;font-style:normal;color:#999}
#inc02 .latest .item div{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}
#inc02 .latest .empty{padding:30px 0}

@media(hover:hover){
#inc02 .links a:hover{color:rgba(255, 255, 255, .6)}
#inc02 .latest .item:hover:before{opacity:1}
}

/* 반응형 조정 */
@media(max-width:1480px){
#inc02 .latest{width:80%}
#inc02 .latest .item a{padding:30px 15px 0}
}
@media(max-width:1280px){
#inc02 .links{justify-content:center;padding:0;height:160px}
#inc02 .links:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .35)}
#inc02 .links a{width:20%;text-align:center;line-height:1.4}  
#inc02 .latest_wrap{display:block;padding:60px 30px}
#inc02 .latest{width:100%}
#inc02 .latest_wrap .tit{margin-bottom:25px;padding:0;font-size:28px}
}
@media(max-width:1024px){
#inc02 .latest_wrap{padding:50px 20px 40px}
#inc02 .latest .item span{font-size:12px}
#inc02 .latest .item p{margin:10px 0;font-size:15px}
#inc02 .latest .item i{margin-top:15px}
#inc02 .latest_wrap .tit{font-size:26px}
}
@media(max-width:768px){
#inc02 .links{height:180px}
#inc02 .links a{width:25%;font-size:14px} 
#inc02 .links a img{width:32px;margin-bottom:8px} 
#inc02 .latest{display:block}
#inc02 .latest_wrap{padding:40px 20px}
#inc02 .latest_wrap .tit{margin-bottom:15px;font-size:22px}
#inc02 .latest .item {width:100%;border-bottom:1px solid #e1e1e1}
#inc02 .latest .item:before{display:none;}
#inc02 .latest .item a{width:100%;padding:20px 10px}
#inc02 .latest .item p{font-size:15px}
}
@media(max-width:480px){
#inc02 .links{display:grid;grid-template-columns:repeat(2, 1fr);align-content:center;row-gap:25px;height:220px;background-size:cover}
#inc02 .links a{width:auto}
#inc02 .links a+a:before{display:none}
#inc02 .latest_wrap .tit{font-size:20px}
}