@charset "utf-8";

#inc02{position:relative;padding:0 60px}
#inc02 .inner{max-width:1500px;margin:0 auto}

/* 탭 */
#inc02 .tabs{display:flex;position:absolute;top:90px;bottom:auto;left:880px;z-index:9}
#inc02 .tabs div{width:max-content;height:auto;opacity:.6;transition:all .2s;border-radius:0;line-height:1;text-align:center;background:none}
#inc02 .tabs div+div{margin-left:15px;padding-left:15px;border-left:1px solid #e1e1e1}
#inc02 .tabs div p{font-size:16px;color:#aaa;font-weight:700;font-family:var(--e-font)}
#inc02 .tabs div.on{color:var(--primary);opacity:1} 
#inc02 .tabs div.on p{color:var(--primary)}

/* 슬라이드 */
#inc02 .slide{overflow:initial}
#inc02 ul li{display:flex;align-items:flex-end}
#inc02 ul li .img{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:780px;height:520px;border-radius:30px;box-shadow:0px 0px 16px 5px rgba(0,0,0,.1);background-color:#fff}
#inc02 ul li .cont{width:100%;padding:0 0 90px 100px}
#inc02 ul li .cont h3{font-size:30px;color:#333;font-weight:700}
#inc02 ul li .cont .pl{margin:20px 0 45px;white-space:pre-line;font-size:16px;line-height:1.6;color:#666}
#inc02 ul li .cont a{pointer-events:auto;display:flex;justify-content:center;align-items:center;gap:5px;position:relative;width:217px;height:70px;font-size:15px;font-weight:600;color:#fff;border-radius:50px;background-color:var(--black);font-family:var(--e-font)}

/* 반응형 [s] */
@media (max-width:1380px){
#inc02{padding:0 2.5%}
#inc02 .inner{max-width:unset;width:100%}
#inc02 .tabs{left:calc(50% + 70px);width:auto}
#inc02 .tabs div p{font-size:15px}
#inc02 ul li .img{width:50%}
#inc02 ul li .img img{width:400px}
#inc02 ul li .cont{padding:0 0 90px 70px;width:50%}
#inc02 ul li .cont h3{font-size:28px}
#inc02 ul li .cont a{width:205px;height:65px}
}
@media (max-width:1024px){
#inc02 .tabs{top:40px;left:calc(50% + 50px);flex-direction:column}
#inc02 .tabs div{margin:0px}
#inc02 .tabs div+div{margin:12px 0 0 0;padding:12px 0 0 0;border-left:0px;border-top:1px solid #e1e1e1;}
#inc02 .tabs div p{font-size:14px}
#inc02 ul li .img{height:460px}
#inc02 ul li .img img{width:350px}
#inc02 ul li .cont{padding:0 0 40px 50px}
#inc02 ul li .cont h3{font-size:25px}
#inc02 ul li .cont .pl{margin:12px 0 40px;font-size:15px;white-space:normal;word-break:keep-all}
#inc02 ul li .cont a{width:190px;height:63px;font-size:14px}
}
@media (max-width:768px){
#inc02 .slide{padding-top:80px}
#inc02 .tabs{flex-direction:row;left:50%;top:25px;transform:translateX(-50%)}
#inc02 .tabs div+div{margin:0 0 0 10px;padding:0 0 0 10px;border-top:none;border-left:1px solid #e1e1e1}
#inc02 ul li{flex-direction:column;align-items:center}
#inc02 ul li .img{width:100%;height:340px}
#inc02 ul li .img img{width:295px}
#inc02 ul li .cont{display:flex;flex-direction:column;align-items:center;padding:0px;margin-top:40px;width:100%;text-align:center}
#inc02 ul li .cont h3{font-size:23px}
#inc02 ul li .cont .pl{width:80%}
#inc02 ul li .cont a{width:185px;height:60px}
}
@media (max-width:480px){
#inc02 ul li .img{height:300px}
#inc02 ul li .img img{width:265px}
#inc02 ul li .cont h3{font-size:21px}
#inc02 ul li .cont .pl{margin:12px 0 30px;width:100%;font-size:14px}
#inc02 ul li .cont a{width:180px;height:56px;font-size:13px}
}
@media (max-width:380px){
#inc02 .slide{padding-top:70px}
#inc02 .tabs div+div{margin:0 0 0 8px;padding:0 0 0 8px}
#inc02 .tabs div p{font-size:13px}
#inc02 ul li .img{height:270px}
#inc02 ul li .img img{width:235px}
#inc02 ul li .cont h3{font-size:19px}
#inc02 ul li .cont .pl{margin:10px 0 28px;font-size:13px}
#inc02 ul li .cont a{width:170px;height:54px}
}
/* 반응형 [e] */