@charset "utf-8";
#inc04 .inc04_wrap{position:relative;margin:200px auto 0;width:88%}
#inc04 .inc04_wrap .tit{display:flex;flex-direction:column;align-items:center;text-align:center}

#inc04 .inc04_slide{position:relative;margin-top:70px;padding-top:130px;width:100%}
#inc04 .inc04_slide ul li{width:100%;padding:60px;border-radius:30px;transition:all .3s;background-color:#f5f5f5}
#inc04 .inc04_slide ul li img{width:100%;height:55vh;object-fit:cover;border-radius:30px;transition:all .3s}
#inc04 .inc04_slide ul li .txt{transition:all .3s}
#inc04 .inc04_slide ul li .txt .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:20px;font-weight:700;color:#111}
#inc04 .inc04_slide ul li .txt .name span{margin-right:15px;padding:4px 10px;border-radius:4px;font-size:15px;font-weight:700;color:#fff;background-color:var(--primary)}
#inc04 .inc04_slide ul li .txt .info{margin-top:20px;font-size:17px;font-weight:400;line-height:1.8;color:#666}
#inc04 .nav_container{display:flex;position:absolute;top:0px;left:50%;transform:translateX(-50%)}
#inc04 .nav_container div{cursor:pointer}
#inc04 .nav_container div.prev_nav{position:relative;padding-right:10px}
#inc04 .nav_container div.prev_nav:after{content:"";position:absolute;top:44%;right:0px;transform:translateY(-50%);width:1px;height:62%;background-color:#e1e1e1}
#inc04 .nav_container div.next_nav{padding-left:10px}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .inc04_slide ul li:hover img{filter:brightness(0.4)}
#inc04 .inc04_slide ul li:hover .txt{opacity:1}
}
@media (max-width:1380px){
#inc04 .inc04_wrap{margin-top:180px;width:95%}
#inc04 .inc04_slide ul li{padding:40px}
#inc04 .inc04_slide ul li .txt .name{font-size:18px}
#inc04 .inc04_slide ul li .txt .name span{display:none}
}
@media (max-width:1024px){
#inc04 .inc04_wrap{margin-top:120px}
#inc04 .inc04_slide{margin-top:50px;padding-top:100px}
#inc04 .inc04_slide ul li{padding:30px}
#inc04 .inc04_slide ul li img{height:410px}
#inc04 .inc04_slide ul li .txt .name{font-size:18px}
#inc04 .inc04_slide ul li .txt .name span{padding:3px 9px;font-size:14px}
#inc04 .inc04_slide ul li .txt .info{margin-top:15px;font-size:15px}
}
@media (max-width:768px){
#inc04 .inc04_wrap{margin-top:100px}
#inc04 .inc04_slide{margin-top:30px;padding-top:70px}
#inc04 .inc04_slide ul li img{height:380px;border-radius:25px;filter:brightness(0.4) !important}
#inc04 .inc04_slide ul li .txt .name{font-size:16px}
#inc04 .inc04_slide ul li .txt .name span{padding:2px 8px;margin-right:10px;font-size:13px}
#inc04 .inc04_slide ul li .txt .info{font-size:14px;white-space:pre-line}
}
@media (max-width:480px){
#inc04 .inc04_wrap{margin-top:90px}
#inc04 .inc04_slide{margin-top:30px;padding-top:60px}
#inc04 .inc04_slide ul li img{height:360px;border-radius:20px}
#inc04 .nav_container div svg{width:22px}
#inc04 .nav_container div.prev_nav:after{height:58%}
}
@media (max-width:380px){
#inc04 .inc04_slide{margin-top:35px;padding-top:70px}
#inc04 .inc04_slide ul li img{height:320px;border-right:15px}
#inc04 .inc04_slide ul li .txt .name{font-size:15px}
#inc04 .inc04_slide ul li .txt .name span{padding:1px 7px;font-size:12px}
#inc04 .inc04_slide ul li .txt .info{margin-top:10px;font-size:13px}
}
/* 반응형 [e] */