@media (max-width:1700px){
  .philo .bg:before,.philo .bg:after{width: 17.3%}

}
@media (max-width:1280px){
    .inner{padding-left:2%;padding-right: 2%;}
    #sub.w100{padding-left: 2%}
    #header .sch{right: 2%;width: 180px}
    #header .logo{left: 2%}
    #header .inner{padding-left: 26%}
    #header .lnb > li{margin-left: 50px}
    .view_new .top .txt li{padding-left: 0}
    .view_new .tit{position: static;display: block;margin-bottom: 5px}

    .org_list{background-size: 80%;padding-top: 9.3%}

    #header .inner{padding-right: 0}
    .gnb li,#header .menu_btn{border-right: 0;}

    #footer .copyright{padding-left: 2%;padding-right: 2%;}
    #footer img{right: 2%}

    .ceo{padding-left: 480px}

    .mission_box li{padding: 30px 20px}
    .philo li{background-size: 100%;padding-top:0}
    .philo .vertical{display: table-cell}
    .philo h4{margin-bottom: 0.5em}
    .philo .bg:before, .philo .bg:after{background: none}

    .b_steps li{width: 10.000em;height: 9.412em}
    .moling_steps li{width: 23%}

    .t_steps li{width: 12.500em;height: 12.500em;padding-top: 1em;font-size: 0.933em}
    .t_steps .icon img{width: 2.5em}
    .t_steps strong{margin-top: 0.3em}


    .goods_foot>ul > li,.goods_foot.wall >ul > li{padding-left: 0}
    .goods_foot>ul > li .img{position: static;}

    .goods_foot>ul.type_2 > li .img{position: absolute;}

    .wall3 p{position: static;text-align: center;clear: both}
    .wall_img{margin-bottom: 2em !important}
    /* .certification .type_1 > li{height: 330px} */
    .certification .type_2 > li{width: 24%}
    .certification .type_1 .img{padding-bottom: 43%}

}
@media (max-width:1024px){
  .gnb,.lnb{display: none;}
  #header .inner{padding-left: 2%}
  #header .logo{width: 11.333em;position: static; padding: 0.8em 0}
  #header .lang_sel{display: block;}
  #sub_visual{height: 20.000em}
  .sub_t{padding-top: 2em;}
  .location >ul{padding: 0;}
  .location >ul>li{float: left;width: 50%}
  .location .btn{min-width: 1px}



    #footer .copyright{padding: 3em 2%;text-align: center}
    #footer img{position: static;display: block;margin: 0 auto 1.5em auto;width: 13.583em}
    .block_pc{display: inline}

    .ceo img{width: 40%}
    .ceo{padding-left: 45%}
    .mission_box li{height: 330px}
    .philo ul{margin:0 0 0 -1%}
    .philo li{float: left;width: 24%;margin: 0 0 0 1%;padding: 3%;height: 250px;}
    .philo h4{font-size: 1.4em}
    .history h3{left: 2%}
    .history .group{padding-left: 11em}
    .business .tit{font-size: 1.5em}
    .b_steps{margin-left: 20px;text-align: center;}
    .b_steps li{margin-left: -20px;display: inline-block;float: none}
    .b_steps li.no2, .b_steps li.no4, .b_steps li.no6{margin-top: 0}

    .moling_steps li{width: 31.3%}

    .business2 .txt{padding: 1.5em;font-size: 0.933em}

    /* .goods_ex{text-align: center;} */
    .goods_ex .img,.goods_ex .txt{float: none;width: 100%}
    .goods_ex .img{border-right: 0;margin-bottom: 2em;padding-right: 0;}
    .goods_ex .img img{max-width: 60%}
    /* .goods .tit_pur{text-align: center;}
    .goods .tit_pur:after{left: 50%;margin-left: -0.38em} */

  .r_no{text-align: center;}
    .r_no > li{background: #fff;border: 1px solid #333;border-radius: 50%;width: 10.667em;height: 10.667em;float: none;display: inline-block;vertical-align: middle;margin-bottom: 0.5em}
    .r_no > li.p{background: #221f73;border-color: #221f73}
    .r_no > li.g{background: #afd500;border-color: #afd500}
    .r_tal .bg{font-size: 1.5em;padding: 8% 3%}
    .t_steps li{margin: 0 10px}
    .t_steps ul:before{background: none !important}

    .goods_com .img_wrap img{position: static;display: block;margin: 1em auto 0 auto}
    .goods_com .img_wrap .half{padding-right: 0}

  .goods_foot>ul.type_2 > li{padding-left: 0}
    .goods_foot>ul.type_2 > li .img{position: static;}
    .goods_foot>ul.type_2 > li .img img{display:block;margin: 0 auto 1em auto; max-width: 88%}
    .pip_cont{padding-left: 16em}
    .common .pip_cont .i,.pip_cont .i{width: 16em}
    .common .pip_cont .img{padding-bottom: 86%}

    .pip_cont .tbl{overflow-x: auto}
    .godds_tbl{font-size: 1em}

    .goods_box li{padding: 1.5em}
      .goods_box h5{position: relative; width: 100%;margin-bottom: 1em;padding-bottom: 1em;left: 0}
      .goods_box h5:after{width: 2.300em;height: 1px;left: 0;border-bottom: 0;right: auto;top:auto;margin: 0;bottom: 0}

      .pipe_num li{width: 48%;margin-bottom: 2%;margin-left: 2%}
      .goods_bg img{margin: 0 auto}
      .pipe_num li:before{display: none}
      .half_wrap > div{float: none;width: 100%}
      .half_wrap .fr{margin-top: 5.3em}
      /* .pip_num2 li{width: 24%;margin-bottom: 1%} */
      .pip_num2 li img{display: block;width: 100%}
      .goods .goods_foot .base > li strong span{display: block;}

      .t_steps ul{max-width: 40em;text-align: center;vertical-align: middle}
      .t_steps ul li{float: none;margin: 0 0 10px 0}

      .philo .green{background: #afd500}
      .philo .black{background: #232420}
      .philo .light{background: #f7f7f9}
      .philo .blue{background: #221f73}
      .certification .type_1 > li{width: 49%;padding-left: 160px}
      .certification .type_1 .img{width: 130px}

      .certification .txt2{height: 4.3em}
      .kitchen_l .tit strong{font-size: 2em}
      .kitchen_l li{width: 48%}
      .wall_l li{width: 15.6666666667%}
      .r_b li{padding-left: 215px}

      .down_ci{display: block;float: none;margin: 1em 0;text-align: right;}
      .down_ci a{display: inline-block;}

      .tab_st3{position: relative;;margin-top: 4em;border-bottom: 1px solid #ccc}
      .tab_st3 li{width: 23.333333333333%;padding-bottom: 0.5em}
      .tab_st3 li:last-child{width: 30%}
      /* .tab_st3 li:before, .tab_st3 ul:after{background: none} */

}
@media (max-width:800px){
  .ci .tit_st2{height: 2.692em;margin-bottom: 1em}

}
@media (max-width:760px){
    /* 게시판 */
    .board_search .total_new{position: static; margin-bottom: 1.5%;float: none}
    .board_search .search{float: none; text-align: left; position: relative;}
    .board_search .search:after{clear: both; display: block; content:''}
    .board_search .search select{width: 20%; float: left}
    .board_search .search input[type=text]{width: 80%; margin-left: -1px; padding-right: 35px}
    .board_search .search button{position: absolute; right: 0; top:-1px; left: auto; font-size: 1em; height: 2.5em}

    .board_search .search select,.board_search .search input[type=text],.board_search .search button{height: 2.5em; line-height: 2.5em}
    .board_list .name{width: 14%}

    .board_view .top .board_t{padding: 0.8em 2%}
    .board_view .top .info{padding: 1.5% 2%}
    .board_view .top .info .board_view_file{float: none; text-align: right; padding-right: 0}
    .board_view .body .board_view_list{padding: 1% 3%}
    .board_view .body{padding: 3% 2%}

    .board_write td{padding: 8px 2%}
    .board_write td input[type="text"],.board_write td input[type="password"],.board_write td select{width: 100%}
    .board_write td.tit_td{position: relative}
    .board_write td.tit_td input[type="text"]{padding-right: 15%}
    .board_write td.tit_td span{position:absolute; right: 0; top:0; height: 2.5em; line-height: 2.5em; background: #fff; z-index: 999; display: block; top:8px; border-left: 1px solid #ddd; padding-left: 1%}
    .textareaST1{height: 10em}
    .file_input label{position: absolute; right: 2%; width: 5.714em; margin-right: -1px; height: 2.5em; line-height: 2.5em; font-size: 1em}
    /* 버튼 */
    .btn-pack.medium{width: 5.263em; height:2.368em; line-height: 2.368em; font-size: 0.947em}
    /* paginate */
    .pagination{ margin-top: 6%}
    .pagination a{
        display: inline-block; *display: inline; *zoom:1;
        font-size: 1em;
        width:2.105em;
        height:2.105em; line-height: 2.105em;
        margin: 0 0.1em
    }

    .pagination .prev{background:url("/img/bbs/prev.gif") center center no-repeat; background-size: 0.474em}
    .pagination .next{ background:url("/img/bbs/next.gif") center center no-repeat; margin-left: 0.3em; background-size: 0.474em}
    .pagination .first{background:url("/img/bbs/first.gif") center center no-repeat; background-size: 0.789em}
    .pagination .last{background:url("/img/bbs/last.gif") center center no-repeat; background-size: 0.789em}
    .pagination .prev,.pagination .next,.pagination .first,.pagination .last{text-indent: 100%; overflow: hidden;}

    .board_view .top .tit{padding: 2%}
    .board_view.none .top .tit{padding: 3% 2%}

    .board_write td.reload_wrap{overflow: hidden}
    .board_write td.reload_wrap div{position: relative; padding-right: 2.9em}
    .board_write td.reload_wrap div * {float: left; margin: 0 !important}
    .board_write td.reload_wrap img{width: 45%; margin-top: 1% !important}
    .board_write td.reload_wrap input[type="text"]{width: 55%}
    .board_write td.reload_wrap a{display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; width: 3em; position: absolute;right: 0; top:0; background: #fff url('/images/bbs/reload.gif') center center no-repeat; border: 1px solid #ddd; background-size: 45%}

  .tab_st1 ul{display: block;}
    .tab_st1 li{width: 33.3%;padding: 0 1em}
}
@media (max-width:640px){
    .pc{display: none !important}
    .mobile{display: block !important}
    .page_t{margin-bottom: 3em}

    .f17{font-size: 1em}
    .allmenu{font-size: 1.333em}
    .location .btn{height: 3.5em;line-height: 3.5em}
    .location .depth{top:3.5em}

    /* board_write */
    .board_write td{padding: 8px 2%}
    .board_write td input[type="text"],.board_write td input[type="password"]{width: 100%}
    .board_write td.tit_td{position: relative}
    .board_write td.tit_td input[type="text"]{padding-right: 15%}
    .textareaST1{height: 10em}
    .file_input label{position: absolute; right: 4%; width: 5.714em; margin-right: -1px; height: 2em; line-height: 2em; font-size: 1em}

    .board_search .total-page{font-size: 12px}
    .board_list table thead th{padding: 8px 0}
    .textareaST1{height: 10em}
    .board_search .search{float: none; text-align: left; position: relative;}
    .board_search .search select{width: 20%; float: left}
    .board_search .search input[type=text]{width: 80%; margin-left: -1px; padding-right: 35px}
    .board_search .search button{position: absolute; right: 0; top:0; left: auto}
    .board_search .total-page{float: none}
    .board_view .top .info{padding: 0.5em 0 0.5em 10px}
    .board_view .top .info .board_view_file{float: none; text-align: right; padding-right: 10px}

    .inquiry .email span{font-size: 0.8em}
    .inquiry .email input{float: left; width: 29%}
    .inquiry .email span{width: 4%;}
    .inquiry .email select{width: 36%;}
    .inquiry .email.phone input{width: 31.333%}
    .inquiry .email.phone span{width: 3%}

    ul.pagination li a{margin: 0 0.15em}
    ul.pagination .prev a{margin-right: 0.5em}
    ul.pagination .next a{margin-left: 0.5em}

    .buttons.mg{margin-left: -1%}
    .buttons.mg .fl,   .buttons.mg .fr{float: none}
    .buttons.mg .btn{width: 24%; float: left; margin-left: 1%}

    .prev_next dt{width: 20%}
    .prev_next dd{width: 80%}

    .business2 .txt{position: static;background: #111}

    .goods_intro .tit .logo{width: 5.5em;height: 5.5em;top:-3px}
    .goods_intro .tit p{padding-left: 3em}
    .goods_intro > li{min-height: 0}
    .detail{padding-left: 0;margin-top: 4em}
    .detail li{width: 31.3%}

    .paginate li{margin: 0 0.1em}

    .view_new .top .img{position: relative; width: 100%;margin: 0 auto 2em auto}
    .view_new .top{padding-left: 0}
    .view_cont{margin-top: 3em}
   .btn_pack.small{width: 5em}

  .ceo{padding-left: 0}
   .ceo img{max-width: 60%;width: auto;margin: 1.5em auto 0 auto;display: block;position: static;}

   .mission_box li{float: none;width: 100%;height: auto;padding: 1.3em;margin-top: 0.5em}
   .mission_box li:first-child{margin-top: 0}
   .mission_box dt:before{right: 0}

  .philo ul{padding: 0;margin-left: 0}
   .philo li{width: 100%;float: none;margin-bottom: 2%;height: auto;padding: 6% 3%}
   .history h3{position: static;margin-bottom: 0.5em}
   .history .group{padding: 5% 3%}
   .history ol >li{padding-left: 2em}

   .ci_bg{height: 13em}
   .ci .box{height: 6em}

   .ci .right, .ci .left{width: 100%;float: none}
   .ci .left{margin-bottom: 2em}

   .ci .tit_st2{height: auto}
   .location_page iframe{height: 18em}

   .board_list .hit{display: none}

   .moling_steps li{width: 48%}
   .b_half > li{float: none;width: 100%}
   .b_half > li:first-child{margin-bottom: 2.941em}



    /* padding % */
   .molding .business{padding-bottom: 10%}
   .molding .group{padding: 10% 2%}
   .sub_page{padding-bottom: 18%}
   .goods_body{padding-bottom: 0}
   .business2 .group{padding: 0 2%;margin-top: 15%}
   .goods_ex{padding: 5%}
   .r_stps .sec,.goods_bg .sect,.half_wrap .fr{margin-top: 10%}
   .goods_bg .group_wrap{margin-top: 15%}
   .ceo p{margin-top: 8%}


   .business2 .txt{position: static;background: #333}
   .r_cont li{float: none;width: 100%;height: 100px}
   .r_cont li p{padding: 0 3%}

   .benefit li{display: block;height: auto;padding: 1em 0.5em;text-align: center;}
   .benefit li h3{width:100%;display: block;;text-align: center;margin-bottom: 0.3em}
   .benefit li > *{display: block;}

   .r_info .bg{font-size: 1.7em}
   .goods_com .tit{padding-left: 0}
   .goods_com .thumb{position:static;}
   .goods_com .thumb img{display: block;margin: 0 auto;}
   .goods_com .txt{margin-top: 1em}

   .g_list{padding: 3%}
   .goods .base{text-align: left;}
   .goods .base > li{padding-left: 0}
   .goods .base > li strong{position: static;margin-bottom: 0.3em}
   .goods .base > li strong:after{background: none}

   .g_list .half{float: none;width: 100%;margin-top: 3em}
   .g_list .half:first-child{margin-top: 0}
  .goods_com .img_foot{margin-top: 2.5em}
  .goods .goods_foot .base > li{padding-left: 0}

  .brand_foot li{max-width: 33%}

  .goods_bg .part li{width: 19.5%; margin-bottom: 2%}
  .goods_bg dd{width: 24.5%;margin-bottom: 0.5%}

  .pipe_img{margin-left: 0}
  .pipe_img li{float: none;width: 100%;margin-left: 0}

  .pip_cont .i,.common .pip_cont .i{position: relative;border: 0;}
  .pip_cont{padding-left: 0}
  .pip_cont .txt{padding-bottom: 2em}
  .common .pip_cont .i{margin: 0 auto}
  .goods_bg .common{border-bottom: 0}
  .common .pip_cont .i{width: 100%;border: 1px solid #ddd;border-bottom: 0}
  .common .pip_cont .img{margin: 0 auto;padding-bottom: 32%;}
  .common .pip_cont img{max-width: 80%;max-height: 70%}
  .pip_cont .tbl table{width:100%}

  .pipe_tit .tbl_wrap{margin-top: 2em}
  .tit_b2 .small{float: none;display: block;margin: 0.5em 0 0 0.8em;letter-spacing: -0.03em;}
  .pipe_num .num{left: 0;width: 100%;font-size: 0.8em}
  .pip_num2 li{width: 32.33333333333%;font-size: 0.933em}
  .pip_num2 .txt{padding: 0 0.5em}
  .pip_num3 .txt{height: 4.8em}
  .num_st1.w50 li{padding-right: 0;float: none;width: 100%}
  .num_st1.w50{margin-top: 0}

  .wall4 li{width: 48%;margin-bottom: 2%}

  .goods .goods_foot .base > li strong{width: auto}
  .goods .goods_foot .base > li strong span{display: inline}

  .t_steps{padding-top: 13%}

  .num_st1 strong{width: 1.3em}
  .num_st1 li{padding-left: 3.4em}
  .goods_box li{padding: 5%}

  .certification .type_1 .img{width: 30%;left: 3%;top:5%}
  .certification .type_1 > li{padding: 3% 3% 3% 20%;}
  .certification .type_1 dt:first-child{margin-top: 0}

  .certification .type_2 > li{width: 32.333333333333%}

  .kitchen_l .cont{height: 14.7em}
  .kitchen_l .tit strong{font-size: 1.5em}
  .storage_l{margin-left: 0}
  .storage_l li{float: none;width: 100%;margin-left: 0;}
  .storage_l2 li{width: 48.5%}
  .water_l3 li{width: 48.5%}
  .wall_l li{width: 24%}

  .wall_l p{text-align:left}

  .water_l2.img li{width: 50%;float: left;display: block;}

  .r_b li{padding-left: 0}
  .r_b .img{position: static;display: block;margin: 0 auto 1em auto}

  .godds_tbl2 th, .godds_tbl2 td{padding: 5px}

  .tab_st2.li4 li{width: 48%;margin: 0 0 1% 1%}
  .img_k li{width: 49%}






}/* 640px*/
@media (max-width:600px){
    .inquiry th{width: 18%}
}


@media (max-width:530px){



}


@media (max-width:480px){
    html{font-size: 14px}
    .pip_cont .tbl table.type1{width: 430px}

}/* 460px*/


@media (max-width:430px){
  .inquiry th{width: 21%}


}/* 430px*/

@media (max-width:420px){
  .t_steps li{font-size: 12px;width: 11.5em;height: 11.5em}
  .t_steps strong{margin: 0}


  .certification .type_1 > li{padding-left: 36%;float: none;width: 100%;height: auto}


}/* 420px*/
@media (max-width:380px){

  .wall_l li{width: 32.33333333333%}

}
@media (max-width:360px){
    html{font-size: 13px;}
    .moling_steps li{font-size: 0.933em;}
}
@media (max-width:340px){

}/* 340px*/

@media (max-width:320px){
    html{font-size: 12px;}

}/* 320px*/