@charset "utf-8";

#inc05 ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#inc05 ul li a{display:block;padding:40px;border:1px solid #e1e1e1;color:#777;transition:all .3s}
#inc05 ul .cont>div{margin-top:50px;line-height:1.5}
#inc05 ul span{font-size:13px;font-weight:600;color:#aaa}
#inc05 ul p{margin-bottom:8px;font-size:17px;font-weight:600;color:#111}

/* 반응형 [s] */
@media(hover:hover){
#inc05 ul li a:hover{border:1px solid var(--priamry);color:#fff;background:var(--primary);transform:translateY(-20px)}
#inc05 ul li a:hover span{color:#fff}
#inc05 ul li a:hover p{color:#fff}
}
@media (max-width:1024px){
#inc05 ul .cont>div{margin-top:40px}
#inc05 ul li a{padding:30px}
#inc05 ul p{font-size:16px}
}
@media (max-width:768px){
#inc05 ul{display:flex;flex-direction:column}
#inc05 ul .cont{text-align:center}
#inc05 ul .cont>div{margin:30px auto 0;width:80%}
#inc05 ul li a{padding:50px 2.5%;border:1px solid #e1e1e1 !important;color:#777 !important;background-color:#fff !important;transform:translateY(0px) !important}
#inc05 ul li a span{color:#aaa !important}
#inc05 ul li a p{font-size:17px;color:#111 !important}
}
@media (max-width:480px){
#inc05 ul{gap:12px}
#inc05 ul .cont>div{margin:25px auto 0;width:90%}
#inc05 ul li a p{font-size:16px}
}
@media (max-width:380px){
#inc05 ul{gap:9px}
#inc05 ul .cont>div{margin:20px auto 0;width:95%}
#inc05 ul li a{padding:40px 2.5%}
#inc05 ul li a p{font-size:15px}
}
/* 반응형 [e] */