@charset "utf-8";

#inc04 .cross{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;font-size:70px;font-weight:700;color:#111;text-align:center;transition:all .3s}
#inc04 .cross p{line-height:1.2;text-transform:uppercase}
#inc04 .cross .l_txt{transform:translateX(-200px)}
#inc04 .cross .r_txt{transform:translateX(+200px)}
#inc04.on .cross{color:#fff;background:var(--primary)}
#inc04.on .cont{background:var(--primary)}
#inc04 .cont{transition:all .3s}
#inc04 .img_inner{position:sticky;top:0;z-index:0;overflow:hidden}
#inc04 .img_box{overflow:hidden;position:relative;width:60%;height:500px;;margin:0 auto}
#inc04 .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}
#inc04 .img_box li.on{opacity:1;z-index:10;transform:translate(-50%, -50%) scale(1)}
#inc04 .img_box li.bg01{background-image:url('/sh_img/include/inc04/img/img01.jpg')}
#inc04 .img_box li.bg02{background-image:url('/sh_img/include/inc04/img/img02.jpg')}
#inc04 .img_box li.bg03{background-image:url('/sh_img/include/inc04/img/img03.jpg')}
#inc04 .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))}
#inc04 .txt_box{position:relative;z-index:10;color:#fff}
#inc04 .txt_box h2{color:#fff;font-size:50px}
#inc04 .txt_box li{display:flex;flex-direction:column;justify-content:center;width:60%;height:100vh;margin-left:10%;}
#inc04 .txt_box li div{margin:10px 0 32px;line-height:1.6;font-size:18px;font-weight:400;font-family:var(--k-font)}
#inc04 .txt_box li .en{color:#ffffffc9;font-weight:700;font-size:24px;font-family:'Pretendard'}

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