@charset "utf-8";

#inc02{margin:0 auto;padding:140px 0 220px}
#inc02 .sh_cont_box{display:flex;justify-content:space-between;align-items:flex-end;max-width:1400px;margin:0 auto}
#inc02 .sh_cont_box .txt_group p{white-space:pre-line;margin:10px 0 40px}
#inc02 .sh_cont_box .more_btn{position:absolute;right:70px;bottom:0}
#inc02 .slide_wrap{display:flex;margin-top:100px;padding-left:calc((100% - 1400px) / 2)}
#inc02 .tabs{width:20%;margin-top:80px}
#inc02 .tabs span{position:relative;width:100%;height:auto;margin:0;font-size:25px;font-weight:700;opacity:1;color:#111;background:none;transition:all .3s}
#inc02 .tabs span+span{margin-top:5px}
#inc02 .tabs span:before{position:absolute;content:'';top:50%;left:0;width:0;height:3px;background:var(--primary);transform:translateY(-50%);transition:width .3s}
#inc02 .tabs span.on{padding-left:30px;color:var(--primary)}
#inc02 .tabs span.on:before{width:20px}
#inc02 .inc02_slide{width:80%}
#inc02 .inc02_slide ul li{overflow:hidden}
#inc02 .inc02_slide ul li a{display:block}
#inc02 .inc02_slide ul li img{width:100%;transition:all .3s}
#inc02 .control{display:flex}
#inc02 .control button{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:70px;height:70px;color:var(--primary);transition:all .3s}
#inc02 .control button:before{position:absolute;opacity:0;content:'';z-index:-1;top:0;width:0;height:70px;background:var(--primary);transition:width .3s}
#inc02 .control svg{width:20px}

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

/* 반응형 [s] */
@media (max-width:1400px){
#inc02 .sh_cont_box{padding:0 110px}
#inc02 .slide_wrap{display:block}
#inc02 .tabs{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-top:0;padding-bottom:30px}
#inc02 .tabs span{width:auto;font-size:20px}
#inc02 .tabs span+span{margin-top:0;margin-left:25px}
}
@media (max-width:1024px){
#inc02{padding:90px 0 140px}
#inc02 .sh_cont_box{display:block;padding:0;text-align:center}
#inc02 .sh_cont_box .txt_group p{margin:0 0 20px}
#inc02 .control{justify-content:center;margin-top:15px}
#inc02 .slide_wrap{margin-top:60px}
#inc02 .tabs span{font-size:17px}
#inc02 .control button{width:60px;height:60px}
#inc02 .control button.next{color:#fff;background:var(--primary)}
}
@media (max-width:768px){
#inc02{padding:90px 0}
#inc02 .inc02_slide{width:70%}
#inc02 .control button{width:50px;height:50px}
#inc02 .tabs span.on{padding-left:0}
#inc02 .tabs span:before{display:none}
}
@media (max-width:480px){
#inc02 .inc02_slide{width:85%}
}
/* 반응형 [e] */