/* Shared responsive overrides for legacy Induswell pages. */
@media(max-width:1200px){
html,body{max-width:100%;width:100%}body{overflow-wrap:break-word}#warp,#wrap,#contents,.contents,.content,header .top,header .gnb,.contents .project-box2,.contents #contactus,#warp .contents{min-width:0!important;max-width:100%;box-sizing:border-box}
img,video,iframe{max-width:100%;box-sizing:border-box}img{height:auto}*,*:before,*:after{box-sizing:border-box}
.global{position:relative!important;background:#fff!important;padding:12px 16px!important}.global .top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.global .top:after{display:none}.global h1,.global .top .logo{float:none;padding:0!important;margin:0}.global .logo img{width:150px}.global .top ul.gnb{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0!important;font-size:17px;min-width:0}.global .top ul.gnb>li{float:none;margin:0!important;padding:0!important}.global .gnb img{max-width:150px}
.contents,#contents{position:relative!important;height:auto!important}.content section,.contents section,#contents section{min-width:0;max-width:100%}
.service-box,.process-box,.eff,.case,.contact-box,.system,.effect-title,.contents{max-width:100%;box-sizing:border-box}.content .service-box,.process-box,.eff,.case,.system,.effect-title{width:100%!important;padding-left:24px!important;padding-right:24px!important}.contact-box{width:100%!important;padding-left:24px;padding-right:24px}
.submenu ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.submenu li{float:none;padding:0;font-size:18px}.title .title-box{padding:40px 24px}.title .t2{font-size:46px}.title .t3{font-size:21px}
.project-box1{height:auto;padding-bottom:40px}.project-box1 .box{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.project-box1 .box div{margin:0!important;max-width:100%}.project-box2 .box{height:auto;padding:35px 20px}.project-box2 .box ul{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.project-box2 .box li{float:none;margin:0!important}.project-box2 .box li h5{margin-top:0}.contact-box{height:auto;display:flow-root}.contact-box ul{padding-right:0}.contact-box>div.map p{width:100%!important}.overview-box .box-left div{width:90%;padding:25px;border-width:12px}.overview-box .box-right{padding:25px}.overview-box .box-right p{padding-left:0}.overview-box .box-right div{float:none}.overview-box .box-left,.overview-box .box-right{height:auto;min-height:620px}.eff .eff-box{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.eff .eff-box dl{float:none;max-width:100%;height:auto;padding-bottom:25px}.eff .eff-box dt{padding:0 40px}.eff .eff-box>div{display:none}
.content [class*="sub"] img{max-width:100%!important;height:auto!important}.content .clearfix{display:flow-root}.content .sub1_cont,.content .sub2_cont,.content .sub3_cont{max-width:100%}.diff,.device{max-width:100%;overflow-x:auto}.diff table,.device table{min-width:560px}.nav{overflow-x:auto;white-space:nowrap}.client .img-box{display:flow-root}.effect .economy{padding:60px 30px;height:auto;min-height:340px}
address{padding:25px 18px;line-height:1.7}address li{overflow-wrap:anywhere}
}
@media(max-width:760px){
h2{font-size:30px!important;padding-top:35px!important}h3{font-size:24px!important;line-height:1.5}h4{font-size:20px!important} .global .top ul.gnb{font-size:14px;gap:12px}.global .top{justify-content:center}.global .top .logo{margin-right:auto}.main{height:380px!important}.main .maintitle{font-size:30px!important;padding:130px 20px 0!important}.main .subtitle{font-size:17px!important;padding:24px 20px!important}.mainvisual{height:300px!important;min-height:0}.mainvisual>div{font-size:36px!important;line-height:1.4!important;padding:100px 22px 0!important}.mainvisual>div p{font-size:30px}.mainvisual:has(>ul){height:auto!important}.mainvisual ul{display:grid;grid-template-columns:1fr 1fr}.mainvisual ul li,.mainvisual ul li a{float:none;width:100%!important;height:300px!important}.mainvisual .t1{padding-top:80px;font-size:16px}.mainvisual .t2{font-size:25px}.mainvisual .t3{font-size:14px;padding:12px}.title .t1{font-size:20px}.title .t2{font-size:34px}.title .t3{font-size:17px}
#service>.service-box{height:auto;display:grid;grid-template-columns:1fr}.service-box>div{max-width:100%}#service>.service-box>div{float:none;width:100%;height:auto;min-height:300px;border-left:0;border-top:1px solid #fff;padding-bottom:30px}#service>.service-box h4{padding-top:165px}.project-box1 .box div{width:330px}.project-box2 .box li h5{width:240px;height:240px;padding-top:100px}.project-box2 .box li div{width:240px}.contact-box>div.map,.contact-box div.add{float:none;width:100%;padding:0}.contact-box>div.map{margin-bottom:30px}.contact-box li{line-height:1.8;padding:14px 0;font-size:15px}.contact-box span{width:auto}.contact-box li span{min-width:65px;margin-right:8px}.contact-box .map p{max-height:350px}.overview-box .box-left,.overview-box .box-right{float:none;width:100%;min-height:0;padding:30px 20px}.overview-box .box-left div{width:100%;font-size:21px;line-height:1.8}.overview-box .box-right li{padding:12px 0}#overview .info-box{width:92%;font-size:15px}#overview .info-l{width:30%;vertical-align:top}#overview .info-r{width:68%}.structure-box img{padding:25px 15px}.submenu{padding:15px}.submenu li{font-size:15px}
.content .service-box>h3{font-size:28px!important}.content .sub1,.content .sub2,.content .sub3,.content .sub4{height:auto!important;width:100%!important;padding:20px 0!important}.content [class*="sub"]>img,.content .box_txt,.content [class*="sub"]>div{float:none!important;max-width:100%;width:100%!important;margin-left:0!important;padding-left:0!important;padding-right:0!important}.content .cont_txt{display:flex;flex-wrap:wrap;gap:10px}.content .cont_label,.content .cont_label_txt{float:none!important;max-width:100%;height:auto!important}.service2{height:auto!important}.ser{display:flow-root}.ser dl{float:none!important;max-width:100%;margin:20px auto!important}.ser dd{padding:10px!important}.process-box div{height:auto;background:none;padding:0}.process-box dl{display:flex;align-items:center;gap:15px;margin:15px 0}.process-box dt{float:none;flex:0 0 100px;width:100px;height:auto;background:#35bc9f!important;padding:15px 10px;line-height:1.5;font-size:16px}.process-box dd{line-height:1.7;font-size:16px}.client .img-box li{float:none;height:auto;padding:20px 0}.effect .economy{float:none;width:100%;min-height:0;padding:40px 24px}.contact-box .col2 .t1,.contact-box .col2 .t2,.contact-box .col3 .t1{float:none;width:100%;display:block;margin:0 0 20px}.contact-box input[type=text],.contact-box input[type=email],.contact-box textarea,.contact-box .agreed{width:100%!important;font-size:16px}.contact-box .col1{display:flex;flex-wrap:wrap;gap:12px}.contact-box .col1 span{margin:0}.contact-box .col5{line-height:1.7}.wrap{width:100%!important;max-width:100%;min-width:0!important}.wrap>div{max-width:100%;box-sizing:border-box}.wrap img{max-width:100%;height:auto}
}
@media(max-width:1200px){.atm_simulaotr-box,.atm_tool-box,.agv_map-box{width:100%!important;max-width:100%;padding:35px 22px!important}}
@media(max-width:1200px){.global img#logo{content:url("/img/logo.png")}.agv_solution-box{width:100%!important;max-width:100%;padding:35px 22px!important}} @media(max-width:760px){#service>h3,#project>h3,#contactus>h3{font-size:19px!important;padding-left:20px;padding-right:20px}}
