@media screen and (max-width: 640px){
  .map_main{height: 250px;} 
  #spot_main .txt{  width: 420px;margin-left: -210px; }
  #spot_main{ height: 210px;}
  #spot_main .img{ width: 1400px; margin-left: -700px;  }
  #news .lst_new > .header{ padding:5px 0 2% 60px;}
  #news .lst_new > .header .h1{ margin-bottom:6px; font-size: 13px; padding-top: 7px;}
  #news .lst_new > .header .num{top:11px; font-size: 20px; margin-right:22px; }
    #news .lst_new > .header .group.rgh{top:inherit; bottom:5px;}    
  #news .lst_new > .header .group.rgh .arr{width:25px;height:26px; background-size:25px; background-position:0 -26px; }
  #news .lst_new > .header .group.rgh .date{padding-right:11px; padding-top:6px;}

  #news .lst_new > .news_cont .group.rgh,#news .lst_new > .news_cont .group.lft{ width:auto; float:none;}  
  #news .lst_new > .news_cont .group.rgh,#news .lst_new > .news_cont .group.lft{width: 90%; margin-left: auto; margin-right: auto;}
    
  #main_product h1.h1,    
  #main_contact h1.h1,
  #careers_main h1.h1,
  #whoweare_main h1.h1{ margin-bottom: 4.2%;}
  #main_product,
  #main_contact{ padding: 6.7% 0;}

  #three_maintenance{ height: 170px;}
  #three_maintenance .con{  top: 30px;}
  #three_maintenance .con ul > li img{ max-width: 80px;  }
  #three_maintenance .con h1 .bd{height: 2px;}
  
  #serviceClients .lst > ul > li{width: 46%;}
  #serviceClients .lst > ul > li.last{ border-width: 0; }
 
  .formMailType2 > ul > li.fl-l{float: none; margin-right:0;} 
       
  .portfolioStamp .box_cont .inner .group.lft{margin: 10px 0px;}
  .portfolioStamp .box_cont .inner{padding: 40px 10px;}
  .portfolioStamp .box_cont .inner .group.lft .details .pageing .link{width: 70px; }
  .portfolioStamp .box_cont .inner .group.lft .details .pageing *{margin: 0 0;}
  .portfolioStamp .box_cont .inner .group.rgh > h1.h{ margin-bottom: 3%; font-size: 26px; }
  .portfolioStamp .box_cont .inner .group .cont .lst > li{ margin-top: 5px;}

  .webmobile_area .process > ul >  li{  padding-left: 0;}
  .webmobile_area .process > ul >  li strong.h{display: block; padding-left: 0; margin-bottom: 10px; position: relative; left: 0;  top: 0; }
  .webmobile_area .process3  ul  li{float: none; width: auto; margin-bottom: 30px;}
  .webmobile_area .process4 > ul >  li{padding-left: 0; margin-bottom: 20px;}
  .webmobile_area .process4 > ul >  li strong{display: block; padding-left: 20px; margin-bottom: 10px; position: relative; left: 0;  top: 0; }

    #spot_main > address{display: none;}
 
}/* //640px */


@media screen and (max-width: 600px){
  

}/* //640px */


@media screen and (max-width: 580px){
  #spot_main{ height: 180px;}
  #spot_main .img{ width: 1200px; margin-left: -600px;  }
  #spot_main .txt{  width: 340px;margin-left: -170px; }
  #service_main .lst > .area{ float: none; width: auto; }
  #service_main .lst > .area.inter{ min-height: 100px; }
  #maintenance_table{display: none;}

  #open_popup > .inner{width:auto;margin-left:5%;margin-right:5%;}
}/* //580px */



@media screen and (max-width: 520px){
    #whoweare_main .history dl{width: auto;}

    #open_popup > .inner > .con > div{top:40px;}
    #open_popup > .inner > .con > div > h1{font-size:20px;}
    #open_popup > .inner > .con > div > p{font-size:13px;}

}/* //520px */



@media screen and (max-width: 500px){
    .sub_nav{margin-bottom:25px;}
    .sub_nav > button{display:block;padding:10px 10px;border:1px solid #B5B5B5;  font-size:12px; width: 100%; box-sizing: border-box;text-align:left;background:url(../images/header/bg_select2.gif) 95% 50% no-repeat #fff;}
    .sub_nav > ul{position:absolute;background:#fff;width:100%;display:none;}
    .sub_nav > ul > li{display:block;margin-left:0px;border:1px solid #B5B5B5;border-top-width:0px;text-align:left; }
    .sub_nav > ul > li > a{padding:10px 10px 10px 20px;font-size:12px;}
    .sub_nav > ul > li.on > a:after{display:none;}
}

@media screen and (min-width: 501px){
    .sub_nav > ul{display:block !important;}
}


@media screen and (max-width: 460px){
  #spot_main .txt{  width: 220px;margin-left: -110px; }
  #open_popup > .inner > .con > div{top:35px;}
}/* //460px */



@media screen and (max-width: 400px){
    
    #open_popup > .inner > .con > div{top:25px;}
    #open_popup > .inner > .con > div > h1{font-size:18px;}
    #open_popup > .inner > .con > div > p{font-size:11px;letter-spacing:-0.5px;}
}/* //400px */

@media screen and (max-width: 320px){

   
}/* //320px */