@charset "utf-8";

#inc03 .inc03_wrap{position:relative;padding:180px 7%;width:100%;background:url(./img/bg.jpg) no-repeat center / cover}
#inc03 .inc03_wrap .section_tit_cont{color:#fff}

#inc03 .inc03_wrap .latest{margin:100px auto 0;width:60%}
#inc03 .inc03_wrap .latest ul li+li{margin-top:20px}
#inc03 .inc03_wrap .latest ul li a{width:100%}
#inc03 .inc03_wrap .latest ul li .txt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 30px;border-radius:20px;width:100%;transition:all .3s}
#inc03 .inc03_wrap .latest ul li .txt span{display:flex;justify-content:center;align-items:center;width:105px;height:38px;border-radius:52px;font-size:18px;font-weight:700;color:var(--primary);background-color:#fff;transition:all .3s}
#inc03 .inc03_wrap .latest ul li .txt h3{margin:20px 0;font-size:30px;font-weight:800;color:#fff;transition:all .3s}
#inc03 .inc03_wrap .latest ul li .txt p{font-size:20px;font-weight:400;color:rgb(255, 255, 255, 0.6);transition:all .3s;word-break:keep-all}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .inc03_wrap .latest ul li .txt:hover{background-color:#fff}
#inc03 .inc03_wrap .latest ul li .txt:hover span{color:#fff;background-color:var(--primary)}
#inc03 .inc03_wrap .latest ul li .txt:hover h3{color:#000}
#inc03 .inc03_wrap .latest ul li .txt:hover p{color:rgb(0, 0, 0, 0.6)}
}
@media (max-width:1380px){
#inc03 .inc03_wrap{padding:150px 2.5%}
#inc03 .inc03_wrap .latest{width:70%}
#inc03 .inc03_wrap .latest ul li .txt span{width:100px;height:36px;border-radius:50px;font-size:16px}
#inc03 .inc03_wrap .latest ul li .txt h3{font-size:28px}
#inc03 .inc03_wrap .latest ul li .txt p{font-size:18px}
}
@media (max-width:1024px){
#inc03 .inc03_wrap{padding:120px 2.5%}
#inc03 .inc03_wrap .latest{margin-top:70px;width:85%}
#inc03 .inc03_wrap .latest ul li .txt{padding:40px 30px}
#inc03 .inc03_wrap .latest ul li .txt span{width:90px;height:34px;border-radius:45px;font-size:15px}
#inc03 .inc03_wrap .latest ul li .txt h3{font-size:23px}
#inc03 .inc03_wrap .latest ul li .txt p{font-size:16px}
}
@media (max-width:768px){
#inc03 .inc03_wrap{padding:100px 2.5%}
#inc03 .inc03_wrap .latest{margin-top:60px;width:95%}
#inc03 .inc03_wrap .latest ul li .txt{background-color:#fff}
#inc03 .inc03_wrap .latest ul li .txt span{width:84px;height:32px;border-radius:42px;font-size:14px;color:#fff;background-color:var(--primary)}
#inc03 .inc03_wrap .latest ul li .txt h3{font-size:21px;color:#000}
#inc03 .inc03_wrap .latest ul li .txt p{font-size:15px;color:rgb(0, 0, 0, 0.6)}
}
@media (max-width:480px){
#inc03 .inc03_wrap{padding:80px 2.5%}
#inc03 .inc03_wrap h2{font-size:28px}
#inc03 .inc03_wrap .latest{margin-top:50px;width:100%}
#inc03 .inc03_wrap .latest ul li .txt{padding:40px 20px;border-radius:15px}
#inc03 .inc03_wrap .latest ul li .txt span{width:80px;height:30px;border-radius:40px;font-size:13px}
#inc03 .inc03_wrap .latest ul li .txt h3{margin:15px 0 12px;font-size:18px}
#inc03 .inc03_wrap .latest ul li .txt p{font-size:14px}

}
@media (max-width:380px){
#inc03 .inc03_wrap{padding:65px 2.5%}
#inc03 .inc03_wrap h2{font-size:26px}
#inc03 .inc03_wrap .latest{margin-top:40px}
#inc03 .inc03_wrap .latest ul li+li{margin-top:15px}
#inc03 .inc03_wrap .latest ul li .txt{padding:32px 15px}
#inc03 .inc03_wrap .latest ul li .txt span{width:76px;height:28px;border-radius:38px;font-size:12px}
#inc03 .inc03_wrap .latest ul li .txt h3{margin:13px 0 9px;font-size:17px}
#inc03 .inc03_wrap .latest ul li .txt p{font-size:13px}
}
/* 반응형 [e] */