@media screen and (max-width:980px){
    #toggle_popup{display:none !important;}
    #mini_pop{display:none !important;}
}


@media screen and (max-width: 920px){
   #quickMenu{display: none;}
   .map_main{height: 330px;} 
   /* #header .allMenu{display: block;} */
   #wrap{ padding-top: 38px;}
  #header .header_inner,
  #main_product .bannerType1,
  .banner_main,
  #maintenance_table,
  #whoweare_main .history,
  #serviceClients,
  #recent_project > .inner,
  #main_contact > .inner,
  #news_main > .inner,
  #news,
  #careers_main > .inner,
  #footer .inner
  { margin-left:2%; margin-right:2%; }
  
  #news{ margin-left:2%; margin-right:2%; }

  #whoweare_main .info .inner,
  #main_top .inner
  {margin-left: 0; margin-right: 0;}

  #service_main .lst{ margin-left:5%; margin-right:5%; }
  #header{min-height: 49px;}
  #header .header_inner > h1{padding-top: 15px;}
  #lnb{ display: none; }
  #header .allMenu{ display: block; }
  #spot_main{ height: 271px;}
  #three_maintenance .con{  width: 90%; margin-left:5%; margin-right:5%; }
  #main_top .inner > ul > li{ padding:3% 5%; }
  #main_top .inner > ul > li .t1{width: auto;}
  #main_top .inner > ul > li .t1 .space{ display: block; }

  #main_top .inner > ul > li.n1{background-color: #f5f5f5;}
  #main_top .inner > ul > li.n2{background-color: #eaeaea;}
  #main_top .inner > ul > li .img{display: none;}  

  #main_product .tab_type {margin-bottom: 20px;}
  #main_product .tab_type .h_tab{display:block;width:96%;padding:8px 2%; margin: 0 auto;outline:1px solid #b5b5b5; background:url(../images/header/bg_select2.gif) 98% 50% no-repeat #fff;color:#666;text-align:left;font-size: 12px; position: relative; z-index: 3;}
  #main_product .tab_type ul.trans{display:none; position: absolute;  left: -1px;  top: 30px; width: 96%; z-index: 2; margin-left: 2%; margin-right: 2%; border: 1px solid #b5b5b5;}
  #main_product .tab_type ul.trans li{float:none;display: block; height: auto;  margin-left:0;bottom:0;bottom:0;width:auto;margin-top:-1px;border-top:1px solid #b5b5b5;text-align:left;background: none;background-color: #fff; }
  #main_product .tab_type ul.trans li:first-child {padding-left:13px;}
  #main_product .tab_type ul.trans li a{display:block;width:auto;padding:10px 10px;border-style:solid;border-width:0;font-size:12px;}
  #main_product .tab_type > ul.trans > li.on a{background:none; font-weight: bold;}

  #maintenance_table .table_ty1 table thead tr th{ font-size: 11px;}
  #maintenance_table .table_ty1 table tbody tr td{font-size: 11px; line-height: 18px; } 
  #footer .sitemap{display: none;}
  #footer{ padding: 5.2% 0 50px;  }
    #footer .logo{bottom: -36px;}



  #three_maintenance{ height: 240px;}
  #three_maintenance .con{  top: 45px;}
  #recent_project h1.h1{margin-bottom: 10%;}

  #main_contact .group_lft{ float: none; width: auto;  margin-bottom: 5%; padding-top: 0;}
  #main_contact .group_lft p.inquire{font-size: 14px; line-height: 20px;}
  #main_contact .group_lft p.inquire br{display: none;}
  #main_contact .group_lft p.inquire strong{font-size: 24px;  line-height: 30px; margin-bottom: 15px;}
  #main_contact .group_lft .map{ padding-bottom: 43%; }
  #main_contact .group_rgh{float: none; width: auto; }
  #main_contact .group_rgh .btns{text-align: center; padding-left: 0;}
  #main_contact  .lst_check2{margin-bottom: 20px;}

  #service_main .lst > .area{ float: left; width: 50%; margin-bottom: 40px; }
  #service_main .lst > .area.inter{ min-height: 359px; }
 
 #news_main .group_lft .tab{width: 100%; margin-left: -2px;}
 #news_main .group_lft .lst{width: 100%;}
 #news_main .group_lft{ float: none; width: auto; min-height: 100px;} 
 #news_main .group_lft .lst > .inner > ul > li{position: relative;}
 #news_main .group_lft .lst > .inner > ul > li .data{position: absolute; right: 11px; top: 11px;}
 #news_main .group_rgh{display: none;}

 #careers_main .group_lft{width: 100%; float: none; margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px solid #fff;}
 #careers_main .group_rgh{width: 100%; float: none;}

 #footer .sitemap > ul > li{  float: left;   width: 25%; margin-bottom: 1%; }
#spot_main .img{ width: 1700px; margin-left: -850px;  }
#spot_main .img img{width: 100%;}

  #maint_tb > table > thead > tr > th, #maint_tb > table > tbody > tr > th, #maint_tb > table > tbody > tr > td{font-size:12px; }
}/* //920px */





@media screen and (max-width: 768px){
  #recent_project .recentBox{ width: 48%; margin-left: 2%;}
  #recent_project .recentBox img{width: 100%;}
  .bannerType1 .viewport > #good1 > .recentBox{width: 49%;}
  .main_notice{display: none;}
  
  #main_top .inner > ul > li{width: 46%; padding:5% 2%; }
  #whoweare_main .img{ left: 0; top:0; }

  .webmobile_area .process > ul >  li{  padding-left: 200px;}

  .webmobile_area .process2{margin-bottom: 40px;}
   .webmobile_area .process2  ul{padding: 40px 0;}

  .webmobile_area .process3{margin-bottom: 30px;}
  .webmobile_area .process3  ul{padding: 40px 0;}

  .webmobile_area .process4  ul  li{ padding-left: 200px; }

  .webmobile_area h1{ font-size: 0; margin-bottom: 30px; }
  .webmobile_area h1 img{max-width: 70%;}

  #spot_main > address .st1:first-child{display:none;}
  #spot_main > address .st2{display:block;}
  #spot_main > address .st2l{display:none;}
  
  #maint .inner > p{display:block;}

}/* //768px */








@media screen and (max-width: 690px){
   .bannerType1 .viewport > ul > li{width: 50%; margin-left: -2px;}
   
   #whoweare_main .info .group_lft{ float: none; width: auto; padding: 3%; margin-bottom: 2%; }
   #whoweare_main .info .group_rgh{ float: none; width: auto;  background-color: #5a6374;}
   #whoweare_main .info .group_rgh dd{color: #fff;}

   #whoweare_main .info{height: auto; color: #fff;}
   #whoweare_main .bg_cover{display: none;}

   #careers_main .formMailType2 .cont .textarea textarea{ height: 120px;}
  
   .bannerType1 .viewport > #good1 > .recentBox .cont .h1{ font-size: 12px; line-height: 16px;  }
   .bannerType1 .viewport > #good1 > .recentBox .cont .h1 .kr{ margin-top: 5px; font-size: 11px; } 
   #whoweare_main .clients .inner{margin-left: 0; margin-right: 0;}
   #whoweare_main .clients .group{background-color: #424449; float: none; width: auto; padding:4%; }
   #whoweare_main .clients .group:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
   #whoweare_main .clients .group.rgh{background: none;width: auto; float: none;}
   #service_main .lst  .area{ width: auto; margin-bottom:8%;}
   #service_main .lst  .area .txt{margin-top:2%;}
   /* #whoweare_main .clients .group{float:left; width: 47%; position: relative; z-index: 2; padding-right: 3%;padding-bottom: 4.5%;padding-top: 3.5%;} */

 }