@charset "utf-8";

#inc03 .cross{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;font-size:90px;font-weight:700;color:var(--primary);text-align:center;transition:all .3s}
#inc03 .cross p{line-height:1;text-transform:uppercase}
#inc03 .cross .l_txt{transform:translateX(-200px)}
#inc03 .cross .r_txt{transform:translateX(+200px)}
#inc03.on .cross{color:#fff;background:var(--primary)}

#inc03 .cont{transition:all .3s}
#inc03.on .cont{background:var(--primary)}
#inc03 .img_inner{position:sticky;top:0;z-index:0}
#inc03 .img_box{overflow:hidden;position:relative;width:60%;height:500px;;margin:0 auto}
#inc03 .img_box li{opacity:.7;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%) scale(1.1);transition:all 2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#inc03 .img_box li.on{opacity:1;z-index:10;transform:translate(-50%, -50%) scale(1)}
#inc03 .img_box li img{width:100%;height:100vh}
#inc03 .img_box li:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:linear-gradient(95deg, rgba(0, 0, 0, .0), rgba(0, 0, 0, .9))}
#inc03 .txt_box{position:relative;z-index:10;color:#fff}
#inc03 .txt_box h2{color:#fff}
#inc03 .txt_box li{display:flex;flex-direction:column;justify-content:center;width:50%;height:100vh;margin-left:auto}
#inc03 .txt_box li div{margin:10px 0 20px;font-size:20px;font-weight:500}
#inc03 .cm_btn:hover{color:var(--primary);background:#fff}