@charset "utf-8";

#inc04{position:relative;padding-bottom:100px}
#inc04 .tit{padding:100px 0 60px;font-size:17px;line-height:1.6;text-align:center;word-break:keep-all}
#inc04 .tit span{width:max-content;padding-bottom:5px;font-size:22px;font-weight:700;color:#111;border-bottom:5px solid var(--primary)}
#inc04 .tit p{margin:45px 0 20px;font-size:45px;font-weight:700;letter-spacing:-.5px;color:#222;word-break:keep-all}

#inc04 ul{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:85%;margin:0 auto}
#inc04 ul li{display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0px 2px 12px rgba(0,0,0,.1)}
#inc04 ul li img{width:80%;padding:20px 0}
#inc04 ul li p{width:80%;padding:15px 0;border-top:1px solid #e1e1e1;color:#222;text-align:center;font-family:"notokr-medium"}
@media(hover:hover){
#inc04 ul li:hover:before{opacity:1}
#inc04 ul li:hover .txt div{opacity:1;margin:35px 0 150px}
#inc04 ul li:hover .txt a{opacity:1;bottom:100px}
#inc04 ul li:hover .txt a:hover{border-color:var(--primary);background:var(--primary)}
}
@media(max-width:1320px){
#inc04 ul li .txt p{font-size:32px}
#inc04 ul li .txt div{white-space:normal;word-break:keep-all;padding:0 20px}
}
@media(max-width:1230px){
#inc04 ul li .txt p{font-size:28px}
#inc04 ul{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:1024px){
#inc04 .tit{padding:80px 0 50px;font-size:15px}
#inc04 .tit p{font-size:32px}
#inc04 .bg{height:450px}
#inc04 ul{height:450px}
#inc04 ul li .txt p{padding:0 15px;white-space:normal;font-size:24px}
#inc04 ul li .txt div{opacity:1;margin:15px 0 30px;font-size:14px}
#inc04 ul li .txt a{opacity:1;position:relative;left:auto;bottom:auto;transform:none;width:45px;height:45px;margin:0 auto;border-radius:8px}
#inc04 ul li .txt a svg{width:18px;height:18px}
}
@media(max-width:768px){
#inc04 .tit{padding:50px 15px 30px;font-size:14px}
#inc04 .tit span{font-size:13px}
#inc04 .tit p{font-size:24px;line-height:1.35}
#inc04 .bg{height:550px}
#inc04 ul {flex-wrap:wrap;height:550px}
#inc04 ul li{transition-delay:0s!important}	
#inc04 ul li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.15)}
#inc04 ul li .txt span{font-size:13px}
#inc04 ul li .txt p{margin-top:10px;font-size:16px}
#inc04 ul li .txt div{margin-bottom:20px;font-size:13px}
#inc04 ul{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
    #inc04 ul{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:380px){

}