@charset "utf-8";

#inc03 .inner{max-width:1320px;margin:160px auto 160px}
#inc03 .sh_cont_box{/*padding-bottom:85px;border-bottom:1px solid #e1e1e1*/}
#inc03 .sh_cont_box .txt_group{position:relative;margin-left:180px}
#inc03 .sh_cont_box .txt_group p{margin:10px 0 40px}
#inc03 .sh_cont_box .more_btn{position:absolute;right:70px;bottom:0}
#inc03 .latest{display:flex;margin:60px 0 80px}
#inc03 .latest li{width:50%} 
#inc03 .latest li a{display:flex;align-items:center}
#inc03 .latest li .img{position:relative;width:250px;height:172px;background:no-repeat center;background-size:cover}
#inc03 .latest li .img span{position:absolute;left:0;top:0;z-index:1;width:40px;height:40px;font-size:15px;font-weight:700;line-height:40px;color:#fff;text-align:center;background:var(--primary);font-family:'poppins',sans-serif}
#inc03 .latest li .cont{padding-left:35px;color:#777}
#inc03 .latest li .cont span{font-size:14px;font-weight:600;color:var(--primary)}
#inc03 .latest li .cont p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 15px;font-size:19px;font-weight:700;color:#111}
#inc03 .latest li .cont div{width:70%;word-break:keep-all}
#inc03 .bnr_wrap{position:relative;padding-bottom:80px}
#inc03 .bnr_wrap:before{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:280px;background:#121614}
#inc03 .bnr_wrap:after{display:block;content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:1480px;width:100%;height:280px;background:#fff}
#inc03 .bnr{display:flex;justify-content:flex-end;align-items:flex-end;position:relative;z-index:1;max-width:1320px;height:400px;margin:0 auto;background:url('./img/inc03_img03.jpg') no-repeat center;background-size:cover}
#inc03 .bnr .txt{padding:0 70px 60px 0;font-size:16px;color:#fff} 
#inc03 .bnr .txt p{margin-bottom:30px;font-size:26px;font-weight:700;line-height:1.4;white-space:pre-line;word-break:keep-all}
#inc03 .bnr .txt div{white-space:pre-line;word-break:keep-all}



/* 추가*/
#inc03 .box_wrap{position:relative;max-width:1165px;margin:0 auto 85px;background-color:rgba(0, 0, 0, .2)}
#inc03 .box_wrap .active{opacity:0;position:absolute;top:50%;z-index:0;transform:translateY(-50%);width:330px;height:100px;background:var(--primary);transition:all .8s cubic-bezier(0.22, 1, 0.36, 1)}

#inc03 ul{position:relative;display:flex;justify-content:space-between;/*padding:28px*/}
#inc03 ul li{width:330px}
#inc03 ul li a{display:flex;flex-flow:column;justify-content:center;align-items:center;height:100px;color:#fff}
#inc03 ul li span{margin:10px 0 5px;font-size:15px;font-weight:600;font-family:'poppins',sans-serif}  
#inc03 ul li p{font-size:22px;font-weight:700;color:#fff}


@media(hover:hover){
#inc03 .box_wrap:hover .active{opacity:1}
}
@media(max-width:1024px){
#inc03 .box_wrap .active{display:none}	
#inc03 ul li{width:calc(100% / 3)}
#inc03 ul li span{font-size:13px}
#inc03 ul li p{font-size:18px}
#inc03 ul li a{height:280px}
#inc03 ul li a > img{min-width:65px;width:30%}

}

@media(max-width:1380px){
#inc03 .sh_cont_box{padding-left:30px}
#inc03 .latest{padding:0 30px}
#inc03 .sh_cont_box .more_btn{right:30px}
}
@media(max-width:1320px){
#inc03 .bnr_wrap{padding:0}
#inc03 .bnr_wrap:after{display:none}	
#inc03 .bnr_wrap:before{display:none}
}
@media(max-width:1024px){
#inc03 .inner{margin:100px 0 0}
#inc03 .sh_cont_box .txt_group{margin-left:15%}
#inc03 .latest li .img{flex-shrink:0;width:40%;height:160px}
#inc03 .latest li .cont{width:60%;padding:0 15px 0 25px}
#inc03 .latest li .cont div{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#inc03 .bnr{height:350px}
}
@media(max-width:768px){
#inc03 .inner{margin:60px 0 40px}	
#inc03 .sh_cont_box{padding-bottom:40px}
#inc03 .sh_cont_box .txt_group{margin:0}
#inc03 .sh_cont_box .txt_group p{margin:25px 0}
#inc03 .sh_cont_box .more_btn{position:relative;right:auto;bottom:auto;margin-top:20px}
#inc03 .latest{margin:40px 0}
#inc03 .latest li .img{height:110px}
#inc03 .latest li .cont{padding:0 0 0 20px}
#inc03 .latest li .cont span{font-size:13px}
#inc03 .latest li .cont p{margin-bottom:5px;font-size:16px}
#inc03 .bnr{justify-content:flex-start;height:300px}
#inc03 .bnr .txt{padding:0 0 40px 30px}
#inc03 .bnr .txt p{margin-bottom:20px;font-size:22px}
}
@media(max-width:560px){
#inc03 .latest{display:block}
#inc03 .latest li{width:100%}	
#inc03 .latest li+li{margin-top:20px}
}
@media(max-width:480px){
#inc03 .inner{margin:50px 0}	
#inc03 .sh_cont_box{padding-left:20px}
#inc03 .latest{padding:0 20px}
#inc03 .bnr .txt{padding:0 20px 30px 20px;font-size:14px}
#inc03 .bnr .txt p{white-space:normal}
#inc03 .bnr .txt div{white-space:normal}
}