@charset "utf-8";
#inc02{position:relative;border-top:2px solid var(--black)}
#inc02 .tit{position:relative;margin:150px auto 0;width:90%}
#inc02 .tit h3{position:absolute;top:0px;left:0px}
#inc02 .tit .description{margin:0 0 0 auto;width:85%}
#inc02 .tit h2{font-size:90px;font-weight:700;font-family:var(--e-font);line-height:1;color:var(--black)}
#inc02 .tit p{margin-top:70px;font-size:20px;font-weight:700;color:var(--black)}
#inc02 .project_link_wrap{display:flex;gap:40px;margin:100px auto 0;width:90%}
#inc02 .project_link_wrap li{overflow:hidden;position:relative;width:calc(100% / 2 - 20px);border-radius:18px;transition:all 1s}
#inc02 .project_link_wrap li:after{opacity:0;content:"";position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;transition:all 1s;background-repeat:no-repeat;background-position:center;background-size:cover}
#inc02 .project_link_wrap li:first-child{background: #5a7295;}
#inc02 .project_link_wrap li:first-child:after{background-image:linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(./img/img01.jpg)}
#inc02 .project_link_wrap li:last-child{background: #678abd;}
#inc02 .project_link_wrap li:last-child:after{background-image:linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(./img/img02.jpg)}
#inc02 .project_link_wrap li a{position:relative;z-index:2;display:block;padding:40px 40px 70px 70px;width:100%;height:100%}
#inc02 .project_link_wrap li .circle{display:flex;justify-content:center;align-items:center;margin-left:auto;width:65px;height:65px;border-radius:50%;background-color:#fff}
#inc02 .project_link_wrap li .circle svg{width:24px;height:24px;transform:rotate(-45deg);color:var(--primary);transition:all .3s}
#inc02 .project_link_wrap li h4{margin:250px 0 30px;font-size:45px;font-weight:700;font-family:var(--e-font);color:#fff;transition:all .3s}
#inc02 .project_link_wrap li p{font-size:20px;font-weight:400;color:#fff;transition:all .3s}
#inc02 .inc02_gsap{overflow:hidden}
#inc02 .slide{display:flex;gap:25px;margin-top:180px}
#inc02 .slide li{flex-shrink:0;overflow:hidden;width:400px;height:480px;border-radius:10px}
#inc02 .slide li img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#inc02 .slide li.empty{display:flex;justify-content:center;align-items:center;margin:auto}

#inc02 .project_link_wrap li:hover svg{transform:rotate(0deg)}
#inc02 .project_link_wrap li:first-child:hover{background-color:transparent}
#inc02 .project_link_wrap li:first-child:hover:after{opacity:1}
#inc02 .project_link_wrap li:last-child:hover{background-color:transparent}
#inc02 .project_link_wrap li:last-child:hover:after{opacity:1}
#inc02 .slide li:hover img{transform:scale(1.1);filter:brightness(0.7)}

@media (max-width:1980px){
#inc02 .tit h2{font-size:80px}
#inc02 .tit p{font-size:17px}
#inc02 .project_link_wrap li h4{margin:200px 0 20px;font-size:40px}
#inc02 .project_link_wrap li p{font-size:17px}
#inc02 .project_link_wrap li .circle{width:55px;height:55px}
#inc02 .project_link_wrap li .circle svg{width:21px;height:21px}
#inc02 .slide li{width:340px;height:400px}
}