@charset "utf-8";

#inc01{margin:0 auto;padding:170px 0 220px}
#inc01 .sh_cont_box{max-width:1320px;margin:0 auto}
#inc01 .sh_cont_box .txt_group{position:relative;margin-left:180px}
#inc01 .sh_cont_box .txt_group p{white-space:pre-line;margin:10px 0 40px}
#inc01 .sh_cont_box .more_btn{position:absolute;right:70px;bottom:0}
#inc01 .slide_wrap{margin-top:100px; /*padding-left:calc((100% - 1320px) / 2)*/}

/*추가*/
#inc01 .slide_wrap{padding: 30px;}

#inc01 ul li{position:relative;width:500px;height:600px;background:url('./img/sec01_img1.jpg') center no-repeat}
#inc01 ul li.img02{background-image:url('./img/sec01_img2.jpg')}
#inc01 ul li.img03{background-image:url('./img/sec01_img3.jpg')}
#inc01 ul li.img04{background-image:url('./img/sec01_img4.jpg')}
#inc01 ul li a{display:block;height:100%;}
#inc01 ul li a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #47e6a681, #000000a8);transition:all .3s;opacity:0}
#inc01 ul li .info{position:relative;z-index:1;display:flex;flex-flow:column;height:100%;padding:50px 60px;font-size:15px;color:#fff}
#inc01 ul li .info p{font-size:28px;font-weight:600}
#inc01 ul li .info span{margin-top:8px;font-size:14px;font-weight:600;font-family:'Poppins',sans-serif}
#inc01 ul li .info div{opacity:0;margin-top:auto;word-break:keep-all;transition:all .2s}
#inc01 .nav_btn{position:absolute;top:50%;right:75px;z-index:101;transform:translateY(-50%)}
#inc01 .nav_btn button{cursor:pointer;width:68px;height:68px;padding-top:3px;border-radius:50%;color:#fff;background:rgba(0,0,0,.6);transition:all .3s}

@media(hover:hover){
#inc01 ul li a:hover:before{opacity:1}
#inc01 ul li:hover .info div{opacity:1}
#inc01 .nav_btn button:hover{color:#111;background:#fff}
}
@media(max-width:1380px){
#inc01 .sh_cont_box{padding-left:30px}
#inc01 .sh_cont_box .more_btn{right:30px}
}
@media(max-width:1320px){
#inc01{padding:170px 0 0}	
}
@media(max-width:1024px){
#inc01{padding:100px 0 0}
#inc01 .sh_cont_box .txt_group{margin-left:15%}
#inc01 .slide_wrap{margin-top:60px}
#inc01 ul li{width:400px;height:500px}
#inc01 ul li .info{padding:40px}
#inc01 ul li .info p{font-size:26px}
#inc01 .nav_btn{right:30px}
}
@media(max-width:768px){
#inc01{padding:60px 0 0}	
#inc01 .slide_wrap{margin-top:40px}
#inc01 .sh_cont_box .txt_group{margin:0}
#inc01 .sh_cont_box .txt_group p{margin:25px 0}
#inc01 .sh_cont_box .more_btn{position:relative;right:auto;bottom:auto;margin-top:20px}
#inc01 ul li{width:280px;height:280px}
#inc01 ul li .info{padding:35px 30px;font-size:14px}
#inc01 ul li .info p{font-size:22px}
#inc01 ul li .info span{font-size:13px}
#inc01 .nav_btn button{width:55px;height:55px}
#inc01 .nav_btn button svg{width:20px;height:20px}
}
@media(max-width:480px){
#inc01{padding:50px 0 0}	
#inc01 .sh_cont_box{padding-left:20px}
#inc01 ul li{width:230px;height:230px}
#inc01 ul li .info{padding:25px 20px}
#inc01 ul li .info p{font-size:20px}
#inc01 .nav_btn{right:20px}
#inc01 .nav_btn button{width:48px;height:48px}
}