@charset "utf-8";

/* 상하 패딩을 120px/140px -> 60px/80px 로 대폭 축소 */
#inc01{padding:60px 40px 80px}
#inc01 .tit{margin-bottom:25px;font-size:32px;font-weight:700;color:#111}

/* 슬라이드 아이템 패딩 및 높이 제한 */
#inc01 .inc01_slide .item{padding:0 30px 35px 30px}
#inc01 .inc01_slide .item:before{display:block;content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:50%;background:#f2f2f2;transition:all .2s}

/* 이미지 박스 높이: 기존 380px -> 240px로 축소 */
#inc01 .inc01_slide .item .img{overflow:hidden;display:flex;justify-content:center;height:240px;border:1px solid #e1e1e1;background:#fff;transition:all .3s}
#inc01 .inc01_slide .item .img img{margin:auto;max-height:100%;width:auto;object-fit:contain;transition:all .3s}

/* 폰트 및 간격 축소 */
#inc01 .inc01_slide .item .info{font-size:14px;line-height:1.5;color:#777}
#inc01 .inc01_slide .item .info h3{padding:15px 0 8px;font-size:18px;font-weight:700;color:#111}
#inc01 .inc01_slide .item .info .more{overflow:hidden;display:flex;align-items:center;position:relative;width:36px;height:36px;margin-top:15px;padding-left:8px;border-radius:30px;color:#fff;background:#111;transition:all .3s}
#inc01 .inc01_slide .item .info .more i{margin:auto 0;font-size:18px}
#inc01 .inc01_slide .item .info .more span{opacity:0;position:absolute;left:26px;white-space:nowrap;font-size:11px;transition:all .3s}
#inc01 .inc01_slide .item.on:before{background:#fff}

/* 하단 컨트롤 영역 여백: 기존 100px -> 40px로 축소 */
#inc01 .controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px}
#inc01 .controls > span{display:flex}
#inc01 .controls .pager{display:flex;align-items:center;justify-content:center;gap:8px;width:40px;font-size:14px;font-weight:700;color:#111}
#inc01 .controls .arr{cursor:pointer;width:32px}

@media(hover:hover){
#inc01 .inc01_slide .item:hover .img{box-shadow:0px 20px 20px -20px rgba(0, 0, 0, 0.18)}
#inc01 .inc01_slide .item:hover .img img{transform:scale(1.05)}
#inc01 .inc01_slide .item:hover .info .more{width:120px;color:#fff;background:var(--primary)}
#inc01 .inc01_slide .item:hover .info .more span{left:36px;opacity:1}
}

/* 반응형 미디어 쿼리 조정 */
@media(max-width:1280px){
#inc01{padding:60px 30px}    
#inc01 .inc01_slide .item{padding:0 20px 25px 20px}    
#inc01 .inc01_slide .item .img{height:220px}
}
@media(max-width:1024px){
#inc01{padding:50px 20px}  
#inc01 .tit{font-size:28px}
#inc01 .controls{margin-top:30px}
}
@media(max-width:768px){
#inc01{padding:40px 0}  
#inc01 .tit{padding:0 20px;margin-bottom:15px;font-size:24px}
#inc01 .inc01_slide .item .img{height:200px}
#inc01 .inc01_slide .item .info p{font-size:16px}
#inc01 .controls{gap:12px;margin-top:20px}
#inc01 .controls .arr{width:26px}
#inc01 .controls .pager{font-size:12px}
}
@media(max-width:480px){
#inc01{padding:30px 0}      
#inc01 .tit{font-size:22px}
#inc01 .inc01_slide .item{padding:0 15px 20px 15px}  
#inc01 .inc01_slide .item .img{height:180px}    
#inc01 .inc01_slide .item .img img{width:auto;max-width:100%}
#inc01 .inc01_slide .item .info h3{padding:10px 0 5px;font-size:15px}
#inc01 .inc01_slide .item .info .more{width:30px;height:30px;margin-top:10px;padding-left:6px}
}
@media(max-width:380px){
#inc01 .inc01_slide .item .img{height:160px}    
}