@charset "utf-8";

#inc02{padding:0 100px 150px;background:url(./img/bg.jpg) no-repeat;background-size:cover}
#inc02 .pl{white-space:pre-line}
#inc02 .b_tit{display:flex;justify-content:space-between;padding:50px 0 30px;border-bottom:1px solid #fff;color:#fff}
#inc02 .b_tit p{font-size:70px;letter-spacing:-.2;text-transform:uppercase;font-family:var(--e-font);word-break:keep-all}
#inc02 .b_tit .r_txt{display:flex;align-items:baseline}
#inc02 .b_tit .r_txt span{font-size:15px;word-break:keep-all}
#inc02 .b_tit .r_txt p{margin-left:20px;color:var(--primary-y);word-break:keep-all}

#inc02 .system{display:flex;justify-content:space-between;gap:80px;margin-top:150px}
#inc02 .system li{width:100%;}
#inc02 .system a{color:#fff}
#inc02 .system .txt{padding-left:60px;height:259px}
#inc02 .system span{position:relative;font-size:13px;font-weight:700;text-transform:uppercase;font-family:var(--e-font);transition:all .3s}
#inc02 .system span:before{position:absolute;content:'';top:5px;left:-20px;width:4px;height:4px;background:#fff;transition:all .3s}
#inc02 .system p{margin-top:5px;font-size:20px;font-weight:700}
#inc02 .system .pl{opacity:0;margin:40px 0 50px;transition:all .3s} 
#inc02 .system .sys_img{position:relative;transform:translateY(-80px);transition:all .3s}
#inc02 .system .sys_img img{width:100%;transition:all .3s}
#inc02 .system .sys_img .on{position:absolute;left:0;top:0;opacity:0}

/* 반응형 [s] */
@media(hover:hover){
#inc02 .system a:hover .pl{opacity:.5}
#inc02 .system a:hover .sys_img{transform:none}
#inc02 .system a:hover span{color:var(--primary-y)}
#inc02 .system a:hover span:before{background:var(--primary-y)}
#inc02 .system a:hover .sys_img .off{opacity:0}
#inc02 .system a:hover .sys_img .on{opacity:1}
}
@media (max-width:1230px){
#inc02{padding:0 50px 150px}
#inc02 .system{gap:30px}
#inc02 .b_tit p{font-size:60px}
}
@media (max-width:1024px){
#inc02{margin-bottom:0;padding:0px 30px 150px;background-size:cover}
#inc02 .system{gap:20px;margin-top:110px}
#inc02 .system .txt{padding-left:25px}
#inc02 .system a {pointer-events:none}
#inc02 .system p{height:30px;font-size:18px;word-break:keep-all}
#inc02 .system .pl{margin:25px 0px;opacity:0.5;white-space:normal;word-break:keep-all}
#inc02 .system .sys_img{transform:translate(0px)}
#inc02 .b_tit{padding-bottom:20px}
#inc02 .b_tit p{font-size:39px}
}
@media (max-width:768px){
#inc02{padding:0 15px 100px}
#inc02 .system{flex-wrap:wrap;justify-content:center;gap:0;margin-top:70px}
#inc02 .system li{width:calc(50% - 12px);margin:0px 6px}
#inc02 .system li:last-child{margin-top:60px;width:100%}
#inc02 .system a{display:flex;flex-direction:column;justify-content:space-between;height:100%}
#inc02 .system .pl{font-size:14px}
#inc02 .system li:last-child .pl {height:auto}
#inc02 .system li:last-child .sys_img{height:330px;background:url(./img/img03.jpg) no-repeat center / cover}
#inc02 .system li:last-child .sys_img img{opacity:0}
#inc02 .system .txt{padding:0px 25px;height:auto}
#inc02 .b_tit{padding-bottom:5px}
#inc02 .b_tit p{font-size:30px}
#inc02 .b_tit .r_txt{flex-direction:column}
#inc02 .b_tit .r_txt span{display:none}
}
@media (max-width:480px){
#inc02{padding-bottom:90px}
#inc02 .b_tit p{font-size:25px}
#inc02 .b_tit .r_txt span{font-size:14px}
#inc02 .system li{width:100%;margin:60px 0px 0px 0px}
#inc02 .system li:first-child{margin-top:0px}
#inc02 .system li:last-child{width:100%}
#inc02 .system li .pl {height:auto}
#inc02 .system{margin-top:80px}
}
@media (max-width:480px){
#inc02 .system{margin-top:60px}
#inc02 .b_tit p{font-size:20px}
}
/* 반응형 [e] */