@media screen and (max-width: 1800px){
  .quick_menu{right:10px;}
}
@media screen and (max-width: 1580px){
 #subContent{ margin-left: 2%; margin-right: 2%; }

 .bannerType1 .prev {left:0;}
 .bannerType1 .next {right:0;}

 .portfolioStamp .box_cont{ width: 100%;}
 .portfolioStamp .box_cont .inner .close{ position: absolute; right: 20px; top: 20px; }
 .portfolioStamp .box_cont .inner .group.rgh{right: 20px; }
}/* 1580px */


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

  #wrap{ padding-top: 60px;}
  #header .header_inner,
  #main_top .inner,
  .banner_main,
  #maintenance_table,
  #whoweare_main .info .inner,
  #whoweare_main .history,
  #serviceClients,
  #recent_project > .inner,
  #main_contact > .inner,
  #news_main > .inner,
  #news,
  #careers_main > .inner,
  #footer .inner
  { max-width: 1370px; margin-left:10%; margin-right:10%;  position: relative; }
  .bannerType1{ position: relative; max-width: 1370px; margin-left:10%; margin-right:10%; }
  #service_main .lst{ width: auto; max-width: 1370px; margin-left:10%; margin-right:10%; }

  #three_maintenance .con{  width: 80%; max-width: 1370px; position: absolute; left: 0; top: 55px; margin-left:10%; margin-right:10%; z-index: 2; text-align: center; }

#quickMenu{width: 90px; line-height: 18px;}

#service_main{ height: auto; padding:5.2% 0;}
#service_main .lst:after{display: block;clear: both;content:"";height: 0;visibility: hidden;  }

#careers_main{ height: auto; padding:5.2% 0;}
#careers_main > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;  }
#careers_main .group_lft{min-height: 100px;}
#careers_main .group_rgh{min-height: 100px;}


}/* 1580px */


@media screen and (max-width: 1280px){
  #header .header_inner,
  #main_top .inner,
  .banner_main,
  #maintenance_table,
  #whoweare_main .info .inner,
  #whoweare_main .history,
  #serviceClients,
  #whoweare_main .clients .inner,
  #recent_project > .inner,
  #main_contact > .inner,
  #news_main > .inner,
  #news,
  #careers_main > .inner,
  #footer .inner
  { margin-left:4%; margin-right:4%; }
  .bannerType1{ margin-left:4%; margin-right:4%; }
  #service_main .lst{ margin-left:4%; margin-right:4%; }
  .quick_menu{display: none;}
  #lnb .lnb_inner > ul > li{float: left; margin-left: 40px;}
  
  .main_notice {  left: inherit; right:10px; margin-left:0; }

  #whoweare_main .history > .prev,#whoweare_main .history > .next{display: none;}
  #whoweare_main .history .direction{display: block;}
  .bannerType1 .viewport > #good1 > .recentBox{width: 32.3%;}
  #whoweare_main .clients .group{float:left; width: 47%; position: relative; z-index: 2; padding-right: 3%;padding-bottom: 4.5%;padding-top: 3.5%;}
  #service_main .lst{padding-bottom: 0;}
  #service_main .lst  .area{ width: 47.08029197080292%; margin-bottom:4%;}
  
  #spot_main > address > .st1{display:block;}
  #spot_main > address > .st1l{display:none;}
  
  #maint{margin-left:3%;margin-right:3%;width:auto;}
}


@media screen and (max-width: 1100px){
.portfolioStamp .box_cont .inner .group.lft{margin:30px 20px;}
.portfolioStamp .box_cont .inner .group.rgh{width: auto; position: static; right: 0; top: 0; margin-top: 30px; }
.portfolioStamp .box_cont .inner .close{ right: 10px; top: 10px;}
.portfolioStamp .box_cont .inner .close img{ width: 20px; height: auto;}


    #slider_t1 ul.lst_slide{ width: 100%; position: relative;}
  #slider_t1 ul.lst_slide > li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    #slider_t1 ul.lst_slide > li .cont{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -120px; }
  #slider_t1 ul.lst_slide > li .cont .lst{display: block !important;  font-size: 12px; line-height: 16px; padding-bottom: 40px; }
  
  #slider_t1 ul.lst_slide > li.n1{ left: 0; }
  #slider_t1 ul.lst_slide > li.n2{ left: 0; margin-left: 0; }
  #slider_t1 ul.lst_slide > li.n3{ left: 0; margin-left: 0; }
  #slider_t1 ul.lst_slide > li.n4{ left: 0; margin-left: 0; }
  #slider_t1 ul.lst_slide > li .img{ position: relative; left: 50%; top: 0; margin-left: -540px; width: auto; height: 100%; }
  
    #slider_t1 .bx-controls {display: block;}
    #slider_t1 .bx-controls .bx-pager {position: absolute; left: 0; bottom: 85px; width: 100%;  z-index: 10; text-align: center; font-size: 0;}
    #slider_t1 .bx-controls .bx-pager .bx-pager-item {display: inline-block;     *display: inline;    *zoom: 1; }
    #slider_t1 .bx-controls .bx-pager .bx-pager-item  a{display: block; width: 6px; height: 6px; background-color: #fff; border-radius: 10px; margin: 2px;}
    #slider_t1 .bx-controls .bx-pager .bx-pager-item  a.active{background-color: #ff3101;}
    #slider_t1 .bx-controls .bx-controls-direction  {display: none;}

    .webmobile_area .process3  ul  li{float: left; width: 50%; margin-bottom: 30px;}

    .sub_nav > ul > li{margin-left:20px;}
}


@media screen and (max-width: 1024px){
 img{max-width: 100%;}

 #quickMenu{width: 80px;}

 #lnb .lnb_inner > ul > li{margin-left: 25px;}

#main_top .inner > ul > li .t1{width: 336px;}
#main_top .inner > ul > li.n2 .t1{width: auto;}

 #main_product{ margin-bottom: 6.5%;  }

.bannerType1 .next,
.bannerType1 .prev{ width: 40px;}
.bannerType1 .viewport > ul > li{width: 33.3333%; margin-left: -3px;}
#serviceClients .lst > ul > li{float: left; width: 29%;  padding: 0.5% 2%; border-bottom: 1px solid #e3e3e3; }
/* #whoweare_main .history dl{width: 47%;} */

 #recent_project .recentBox{ width: 31.3%; margin-left: 2%; }
 .webmobile_area{padding-top:40px;}
 .sub_nav{position:relative;top:0px;text-align:center;margin-bottom:40px;}

}/* 1024px */