@charset "utf-8";

#inc03{overflow:hidden;display:flex;position:relative;width:100%}
#inc03 > div{width:50%}
#inc03 .inc03_slide{transform:translateX(-120px);opacity:0;transition:1.2s ease}
#inc03 .inc03_slide li{width:100%;height:100%}
#inc03 .inc03_slide li img{width:100%;height:100%;object-fit:cover}
#inc03 .about{ transform:translateX(120px);opacity:0;transition:1.2s ease;transform:translateX(50px);transition:all 1.2s;display:flex;flex-direction:column;padding:6% 8%;background-color:#eceff2}
#inc03.active .inc03_slide{transform:translateX(0);opacity:1}
#inc03.active .about{transform:translateX(0);opacity:1}
#inc03 .about h2{margin:45px 0 70px;line-height:1.3;font-size:38px;color:#000}
#inc03 .about h2 div{font-weight:200}
#inc03 .about p{font-family:var(--k-font)}
.idx03.active #inc03 .inc03_slide{opacity:1;transform:translateX(0px)}
.idx03.active #inc03 .about{opacity:1;transform:translateX(0px)}

#inc03 .list_box{margin:50px 0 0;font-family:'Pretendard'}
#inc03 .list_box ul li{margin-bottom:13px;padding:18px 20px;background:#fff;border-radius:6px}
#inc03 .list_box ul li .top{display:flex;align-items:center;gap:14px;padding-bottom:6px}
#inc03 .list_box ul li .num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;background:#111;border-radius:50px;font-size:12px;font-weight:700}
#inc03 .list_box ul li .txt{color:#111;font-size:18px;font-weight:700}
#inc03 .list_box ul li .li_txt{padding-left:45px;font-size:15px}

/* 반응형 [s] */
@media(max-width:1980px){
#inc03 .about{padding:5% 5%}
#inc03 .about h2{margin:35px 0 35px;font-size:32px}
#inc03 .about .count dt{font-size:16px}
#inc03 .about .count dd{font-size:18px}
#inc03 .about .count dd .num{font-size:38px}
}
@media (max-width:1380px){
#inc03 .about{padding:7% 3%}
#inc03 .about h2{margin:30px 0 50px;font-size:25px}
#inc03 .about .count{padding:38px 0}
#inc03 .about .count dd .num{font-size:34px}
}
@media (max-width:1024px){
#inc03{overflow:hidden;height:auto}
#inc03{flex-direction:column-reverse}
#inc03 > div{height:700px}
#inc03 > div{width:100%;height:auto}
#inc03 .inc03_slide{height:400px}
#inc03 .about{opacity:1;transform:translateX(0px);padding:7% 3%}
#inc03 .about h2{margin:25px 0 40px;font-size:25px}
#inc03 .about .count{padding:32px 0}
#inc03 .about .count dt{font-size:15px}
#inc03 .about .count dd{font-size:16px}
#inc03 .about .count dd .num{font-size:30px}
#inc03 .inc03_slide{opacity:1;transform:translateX(0px)}
}
@media (max-width:768px){
#inc03 .about{padding:100px 2.5% 50px;text-align:center}
#inc03 .about .count{margin-top:50px}
#inc03 .about h2{margin:20px 0 32px;font-size:23px}
#inc03 .about .count dd .num{font-size:28px}
}
@media (max-width:480px){
#inc03 .inc03_slide{height:335px}
#inc03 .about{padding:50px 2.5% 50px}
#inc03 .about h2{margin:20px 0 28px;font-size:19px}
#inc03 .about p{margin:auto;width:90%;line-height:1.7;font-size:14}
#inc03 .about .count{padding:30px 0}
#inc03 .about .count dt{font-size:14px}
#inc03 .about .count dd{font-size:15px}
#inc03 .about .count dd .num{font-size:26px}
#inc03 .list_box {margin:30px 0 0}
#inc03 .list_box ul li .li_txt {padding-left:0;font-size:14px}
#inc03 .list_box ul li .top {flex-direction:column}
#inc03 .list_box ul li .txt{font-size:16px}
}
@media (max-width:390px){
#inc03 .inc03_slide{height:290px}
#inc03 .about{padding:80px 2.5% 40px}
#inc03 .about h2{margin:16px 0 23px;font-size:19px}
#inc03 .about p{line-height:1.8}
#inc03 .about .count{margin-top:45px;padding:25px 0}
#inc03 .about .count dt{font-size:13px}
#inc03 .about .count dd{font-size:14px}
#inc03 .about .count dd .num{font-size:24px}
}
/* 반응형 [e] */