@charset "utf-8";

#inc02{padding:200px 0 300px;background:url('./img/bg.jpg') bottom no-repeat;background-size:contain}
#inc02 .tit{position:sticky;top:0;left:0;height:100%;padding-top:50px}
#inc02 .inner{display:flex;justify-content:space-between}
#inc02 .num{display:flex;flex-wrap:wrap;width:55%}
#inc02 .num li{width:50%}
#inc02 .num li:nth-child(even){margin-top:230px}
#inc02 .icon{display:flex;flex-direction:column;justify-content:space-between;width:315px;height:315px;padding:40px;border-radius:13px;background:#f5f5f5;box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);transition:all .3s}
#inc02 .icon p{font-size:35px;font-weight:700;color:var(--primary);transition:all .3s}
#inc02 .icon img{display:block;margin-left:auto}
#inc02 dl{margin-top:20px}
#inc02 dt{font-size:25px;font-weight:700;color:#111}
#inc02 dd{font-size:20px;font-weight:500;color:#777}

@media(hover:hover){
#inc02 .icon:hover{background:var(--primary)}
#inc02 .icon:hover p{color:#fff}
}

/* 반응형 [s] */
@media (max-width:1440px){
#inc02 .icon{width:300px;height:300px}
#inc02 .icon p{font-size:30px}
#inc02 .icon img{width:100px}
}
@media (max-width:1024px){
#inc02{padding:150px 0}
#inc02 .inner{display:block}
#inc02 .tit{position:unset;padding-top:0;text-align:center}
#inc02 .num{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%;margin-top:80px}
#inc02 .num li{width:100%}
#inc02 .num li:nth-child(even){margin-top:0}
#inc02 .icon{position:relative;width:100%;height:auto;padding:30px}
#inc02 .icon img{position:absolute;top:50%;right:30px;width:60px;transform:translateY(-50%)}
#inc02 .icon p{font-size:25px}
#inc02 dt{font-size:18px}
#inc02 dd{font-size:16px}
}
@media (max-width:768px){
#inc02{padding:100px 0 70px}
#inc02 .num{margin-top:50px}
#inc02 .icon{padding:20px}
#inc02 .icon p{font-size:20px}
#inc02 .icon img{width:40px}
#inc02 dl{margin-top:10px}
#inc02 dt{font-size:17px}
#inc02 dd{font-size:15px}
}
@media (max-width:580px){ 
#inc02 dl{text-align:center}
#inc02 dt{font-size:16px}
#inc02 dd{font-size:14px}
#inc02 .icon{gap:5px;width:135px;height:80px;padding:15px 20px;border:1px solid #e1e1e1;border-radius:5px;box-shadow:none;margin:0 auto;padding:0;border:none;text-align:center;background:none}
#inc02 .icon img{position:unset;margin:0 auto;transform:none}
}
@media (max-width:480px){
#inc02 dt{font-size:15px}
#inc02 .icon img{width:33px}
#inc02 .icon p{font-size:17px}
}
@media (max-width:390px){
#inc02 .num{margin-top:30px}
#inc02 .num li+li{margin-top:10px}
#inc02 dl{margin-top:5px}
}
/* 반응형 [e] */