@charset "utf-8";

#inc03 .cross{overflow:hidden;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;overflow:hidden}
#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%;height:100vh;transform:translate(-50%, -50%) scale(1.1);transition:all 2s cubic-bezier(0.165, 0.840, 0.440, 1);background-position:center;background-size:cover}
#inc03 .img_box li.on{opacity:1;z-index:10;transform:translate(-50%, -50%) scale(1)}
#inc03 .img_box li.bg01{background-image:url('./img/img01.jpg')}
#inc03 .img_box li.bg02{background-image:url('./img/img02.jpg')}
#inc03 .img_box li.bg03{background-image:url('./img/img03.jpg')}
#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}

@media(hover:hover){
#inc03 .cm_btn:hover{color:var(--primary);background:#fff}
}

/* 반응형 [s] */
@media (max-width:1440px){
#inc03 .cross{height:50vh;font-size:60px}
#inc03 .txt_box h2{font-size:30px}
#inc03 .txt_box li div{font-size:17px}
}
@media (max-width:1024px){
#inc03 .txt_box li{align-items:center;width:100%;padding:0 15px;text-align:center}
#inc03 .txt_box h2{font-size:25px}
#inc03 .txt_box li div{font-size:16px}
#inc03 .img_box li:after{background:linear-gradient(180deg, rgba(0, 0, 0, .0), rgba(0, 0, 0, .9))}
}
@media (max-width:768px){
#inc03 .cross{height:40vh;font-size:50px}
#inc03 .txt_box h2{font-size:22px}
#inc03 .txt_box li div{white-space:pre-line}
}
@media (max-width:580px){
#inc03 .cross{height:30vh;font-size:35px}
}
@media (max-width:480px){
#inc03 .cross{height:25vh;font-size:30px}
#inc03 .txt_box h2{font-size:19px}
#inc03 .txt_box li div{font-size:14px;white-space:normal}
}
@media (max-width:390px){
}
/* 반응형 [e] */