@media (max-width:1600px){
/* 메인 main */
.inner{max-width: 100%; width: 95%; }

}


@media (max-width:1024px){
/* 메인 main */
.menu{display:none}
.m-title h3{ font-size: 50px;}
.m-title p{ font-size: 20px;}

#sec1 .main-banner .inner div h2{ font-size: 80px;}
#sec2 .service-box > ul{ flex-wrap: wrap;}
#sec2 .service-box > ul > li.on{ width: 100%; margin-bottom:10px; height: 370px;}
#sec2 .service-box > ul > li{ padding: 0; width: 100%; height: 90px; margin-bottom: 20px;}
#sec2 .service-box > ul > li .service-txt{padding: 70px 40px 40px;}
#sec2 .service-box > ul > li .service-txt ul li h4{font-size: 30px;}
#sec2 .service-box > ul > li .service-txt ul li p{font-size: 15px;}
#sec2 .service-box > ul > li > h4 br{display:none; margin: 0;}
#sec3 .works-box ul li a{ padding: 10%;}
#sec4 .ai-box ul li div p{font-size: 15px;}
#sec4 .ai-box ul li div p br{display:none}
footer .f-contact h3{ font-size: 50px;}


}


@media (max-width:980px){
}


@media (max-width:768px){

#sec4 .ai-box ul{ flex-wrap: wrap;}
#sec4 .ai-box ul li{ width: calc(95% / 2); margin-bottom: 30px;}
#sec5 .inner{ display: block;}
#sec5 .client-box{width: 100%;}
#sec5 .m-title{text-align: center;}
}


@media (max-width:620px){

}