@charset "utf-8";

#inc04{margin:0 auto;max-width:1400PX;padding:140px 0 220px}
#inc04 .sh_cont_box{display:flex;justify-content:space-between;align-items:flex-end;max-width:1400px;margin:0 auto}
#inc04 .sh_cont_box .txt_group p{white-space:pre-line;margin:10px 0 40px}
#inc04 .sh_cont_box .more_btn{position:absolute;right:70px;bottom:0}
#inc04 .slide_wrap{display:flex;margin-top:20px;padding-left:calc((100% - 1400px) / 4)}
#inc04 .inc04_slide{width:100%}
#inc04 .inc04_slide ul li{overflow:hidden;padding:20px;border:1px solid #e1e1e1}
#inc04 .inc04_slide ul li a{display:block}
#inc04 .inc04_slide ul li img{width:100%;transition:all .3s}
#inc04 .control{display:flex}
#inc04 .control button{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:70px;height:70px;color:var(--primary);transition:all .3s}
#inc04 .control button:before{position:absolute;opacity:0;content:'';z-index:-1;top:0;width:0;height:70px;background:var(--primary);transition:width .3s}
#inc04 .control svg{width:20px}

@media(hover:hover){
#inc04 .inc04_slide ul li:hover img{transform:scale(1.1)}
#inc04 .control button:hover{color:#fff}
#inc04 .control button:hover:before{opacity:1;width:70px;right:0;transform-origin:left}
#inc04 .control button.prev:hover:before{left:0;transform-origin:right}
}

/* 반응형 [s] */
@media (max-width:1400px){
    #inc04{padding:100px 0 180px}
    #inc04 .sh_cont_box{flex-direction:column;align-items:center}
    #inc04 .sh_cont_box .txt_group p{margin-bottom:25px}
    #inc04 .control .prev{background:#f1f1f1}
    #inc04 .control .next{color:#fff;background:var(--primary)}
    #inc04 .control{margin-bottom:20px}
}

@media (max-width:768px){
    #inc04{padding:100px 0}
    #inc04 .control button{width:50px;height:50px}
}
@media (max-width:380px){
    #inc04{padding:80px 0}
}
/* 반응형 [e] */