@media screen and (max-width : 820px) { 
    #wrapper {height: 300px!important;list-style: none;} 
    
    #slider-wrap {height: 300px;}
    #slider-wrap ul{height: 300px;list-style: none;}
    #slider-wrap ul#slider li {height: 300px;}
    #slider-wrap ul#slider li img {height: 300px; }
    #slider-wrap ul#slider li > div {width: 100%;height: 100%; }
    #slider-wrap ul#slider li > div span{font-size:20px;}
    #counter { }
    #slider-wrap ul#slider li .text1, .text2, .text3 {
      margin: unset;
      line-height: unset;
    }
  .m-2 {font-size: 30px;}
 .text1 {font-size: 15px;padding: 10px;}
 .text2 {font-size: 25px;padding: 10px;}
 .text3 {font-size: 10px;text-align: left;margin: unset;padding: 10px;}
 .slider_Textwrap div{margin: unset;}
 .slider_Textwrap{margin: 25px auto;}
    .sns{padding-left: 5px; width: 70px;}
    .sns_wrap{padding-left: 10px;}
    .flecha {position: absolute;font-size: 30px;font-weight: 100;font-family: "poppins-Bold";color: #F69B00; cursor: pointer;height: 60%; }
    .movil_on { display: block;}
    .movil_off{display: none;}
    .logoPosco {text-align: center;margin: 0 auto;position: unset;margin-top: 20px;}
    .main_textbox_movil {text-align: center; width:  100%;margin: 0 auto;padding: 50px 0;}
    .main_textbox_movil > div {margin-top: 10px;}
   
    .arrow1 {right:  -15px;top: 20%;position: absolute;}
    /*1*/
    .main_layer1_wrap {display: unset;margin: 0 auto; width: 100%;}
 
    .main_layer1_list_wrap {margin-left: -40px;}
    .main_layer1_list_wrap > li {height: fit-content;}
    .main_layer1_text_box {width: 90%; margin: 0 auto;}
    .layer_text1 {width: 100%;font-family: 'Poppins-bold';font-style: normal;font-weight: 700;font-size: 26px;line-height: 39px;}
    .layer_text2 {width: 100%; font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 20px;;}
    .layer_text3 {width: 100%;font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;}
    .layer_text4 {width: 100%; }
    .arrow2 {left:23%;}

    .main_img_wrap1{width: 100%; height: 40%;}
    .main_img_wrap1 img {margin: 50px ;float: right; }
    .calidad {width: 60%; height: 90%; position: relative;}
    .steel01{position: absolute;bottom:-100px;left: 0px;width: 100px;height: 100px;}

 
    .layer2_ovlay_wrap{width: 100%;position:initial}
    .service {height: 200px;width: 100%;}
    .layer2_ovlay {height: 200px;}
    .layer2_ovlay_text {margin: 75px 30px; font-size:3px ;}
    .layer2_ovlay_text p {font-size: 30px;line-height: 40px;}
    .layer2_text1_wrap {width: 100%;}
    .layer2_text1_list { font-size: 16px; width: 90%;padding: 0;margin: 0 auto;}
    .layer2_text1_list li {margin-bottom: 0;}
    .layer2_contain_wrap{display: unset;}
    .layer2_contain_wrap > div{height: fit-content;margin: 0px auto; text-align: center;display: unset;position: unset; }
    .layer2_text2_list {margin-top: 20px; text-align: center;padding: 0 auto;margin: 0 auto;}
    .layer2_text2_wrap{width: 100%;}
    .layer2_with {margin-top: 30px;margin-bottom: 20px; clear: both;}
    .layer2_text2_list li{margin: 50px auto; width: 130px;font-size: 15px;padding: 0;}



    .layer3_title{width: 90%;margin: 0 auto; font-size: 33px;text-align: center;}
 
    .layer3_title h2{margin: 0 auto; }
    .layer3_line {position: absolute; bottom: 0;left: -24%;width: 80px;}
    .layer3_text {width: 90%;margin: 0 auto;text-align: center;margin-top: 30px;}
    .layer3_list_wrap {display: unset;}
    .layer3_list_wrap > div{display: unset;margin: 0 auto;}
    .layer3_cont_box {width: 100%;}
    .material , .cortes {height: fit-content;}
    .material li, .cortes li {font-size: 16px;}
    .layer3_listtitle li{float: left; margin: 0 10%;width:fit-content;}
    .ver {clear: both;text-align: right;width: 90% }
    .ver p {  text-align: left; margin-top: 50px;width: 100px;}
    .ver a {position: relative;}
    .ver img{display: none;}

    #movil_on {display: block;}
    #movil_off{display: none;}
    .list_li li{width: 30%;margin-right:20px;}
.layer3_img_wrap{width: 90%; clear: both; margin: 0 auto;text-align: center;height: 300px;}
    .layer3_img_wrap img {text-align: center; margin: 0 auto; width: 90%; }

    .main_layer4{margin-top: -20%; width: 100%; display: inline-block; height: fit-content;background: #F0F0F0;padding-top:10 ;}
    .main4_text_wrap{width: 100%;}
    .layer4_text_wrap{width: 100%;}
    .layer4_map_wrap{width: 100%;}
    .layer4_title{margin: 0 auto;text-align: center;width:100%}
    .layer4_text{margin: 0 auto;}
    .layer4_list {height: fit-content;text-align: left;}
    .layer4_list li {font-size: 10px;float: left;width: 100px; margin : 0 20px;}
    .layer4_list div{margin-left:0}
    .layer4_map {display: unset;width: 100%;height: 100%;position: unset;}
    .layer4_map_wrap {width: 100%;height: 300px;margin: 0 auto; }
    .layer4_map_wrap img {width: 80%;height: 80%; margin: 0 auto;}

 .nos_layer5_title_box img {width: 100%;}
    .layer5_title  {width: 100%; margin: 0 auto; text-align: center;height: fit-content;}
    .main_layer5 {background: url(img/clientes_movil_back.webp);background-size: 100%; padding-bottom: 50px;padding-top: 10px;  }
    .layer5_text_wrap > div {margin: 0 auto; text-align: center;}


    .main_layer6 {background: url(img/contacto-back.webp); padding-top: 1px;}
    
    .main_layer6 > div{display: unset;}
    .layer6_contact {width: 100%;}
    .main_layer6 .form_col2 {display: unset; width: 100%;}
    .form_col2 div{display: block;margin-top: 20px;}
    .col-9 input {width: 100%;}
 .layer6_contact{width: 90%;}
 .layer6_contact p{width: fit-content;}
  
 .layer8_footer_nav {grid-row: 3;grid-column: 1/2;}
.layer8_text {grid-row: 2;font-size: 23px;}
.layer8_footer_text{grid-row: 4;}
.layer8_logoWith {position: absolute; right: 3%;}
.layer8_nav_list { right:5%;height: fit-content;position: absolute;width: 70%;top: 55%;}
.layer8_nav_list a:visited,.layer8_nav_list a:link  {color: white;}


/*producto*/
.tab_menu{display: unset;}
.tab_menu .list_corte { height:10%;   margin: -20px 0 20px 0;clear: both; }
.list_corte {margin: 0 30px;}
.list_corte p {padding: 0 10px; }
div .sidebar_corte ul li {float: left; width: 30%; margin: 10px 30px;}
.cont_area_corte { width: 100%;margin: 0 auto;right: unset;position: unset;height: unset;padding: unset;}
.main_visual2 img {height: 300px;}
.title_text_corte {height:fit-content; font-size: 18px; }
/*material*/
.title_text h2 {padding-top: 100px;}
.cont_area{margin-top: -5px;}
.main_visual2 img{position: relative;margin-top: 90px;width: 100%;height: 200px;}
.sidebar{width: 100%;}
.textbox {height: 200px;}
.text_box_box{ height: 200px;margin: 0 auto;top: 0px;display: flex; justify-content: center;}
.text_box_box p {margin: auto;}
.text_a{font-size: 16px;  }
.text_b{font-size: 32px;line-height: 60px}
.botonver{width: 100px;padding: 5px;position: absolute;top: 0; right: 3%;}
.listTitle {margin-left: 10px;}
.tab_menu .list {width: 100%;height: unset;padding: 0 0 10px 0 ;clear:both;margin-top: -20px;z-index: 5;}
.cont_text img {width: 90%;}
.cont, .cont_corte {margin: 0 auto; text-align: left;width: 90%;}
.cont_corte { position: unset; margin: 0 auto!important;}
.cont_text_corte, .title_text_corte,.cont_table,.animacion {display: unset;position: unset;}
.cont_text {display: unset;} 
.div .sidebar .list {float: left;}
.list li {width: 20%!important;margin: 10px 20px 0px 30px!important;display: none;float: left;}

.table{overflow: scroll;}
.box1{grid-row: 2;grid-column: 1;}
.box2 {grid-row: 2;grid-column: 2;}
.foto_grid_wrap img{width: 80%; height: 100%;}
.contain_wrap p,.contain_wrap_corte{font-size: 14px;}
.foto_grid_wrap{display: flex; clear: both;}
.foto_grid_wrap > div{ display: inline-block;}
.box{margin: 0 auto;}
.contain_wrap > div{position:unset; 
  line-height: unset;}
 
.fircol {font-size: 15px;}
.tr {width:fit-content;} 
.animacion img{height: 150px;}
 

 /*RSE*/
 .rse_layer1_wrap{display: unset;}
 .rse_layer1_wrap > div {display:block; width: 90%;margin: 0 auto;text-align: center;}
 .rse_fotos_wrap{display: unset;}
 .rse_fotos > div{width: 90%; margin: 0 auto;}
 .rse_fotos_wrap img {width: 100%; margin: 0 auto;height: 30%;}
 .rse_layer1_logoposco{margin-top: 100px;}
.extra h1 {font-size: 16px;}
.extra p {width: 90%; padding: 5px;font-size: 13px;margin: 0 auto;}
.extra {width: 100%;text-align: center;}

.rse_layer2_wrap{width: 100%;}
.rse_bsp img {width: 100%;}
.rse_fotos_wrap>div {margin: 0 auto;width: unset;}


/* nos nos nos */
.intro_mppc img {width: 100%;}
.nos_title_wrap { display: unset;}
.nos_title_wrap img {width: 100%;text-align: center;margin: 20px auto;}
.nos_mapa{width: 100%;}
.nos_cli_gridwrap {display: unset;}
.nos_cli_grid {width: 90%;margin: 0 auto;}
.nos_cli_grid p {height: fit-content;}
 .layer2_nos_valores_wrap {display: block;}



 .layer4_nos_ngp_wrap{display: unset;}


 .accordion_movil_wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-top: 5%;
    background-color: #05507D;
 
  }
  
  .accordion-wrap{
      border-bottom: 1px solid #ddba4d;
      width:100%;

  }
  
  .accordion-item{
 padding: 0;
 width: 100%;
    margin: 0 auto;
    cursor: pointer;
  color: #F69B00;
  margin-top: 30px;
  position: relative;
  }
  
  .accordion-header{
    transition: ease-in-out 100ms;
    font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 33px;
    color:white;
    position: relative;
    margin-left:30px;
 
 
  }
  
  .accordion-text{
    width: 90%;
    right: unset;
    top: unset;
    position: unset;
   }
  
   .fa{
    color: white;
  width: 30px;height: 30px;
  display: none;
 
 
  
   }
   .rotate-fa{
       transform: rotate(180deg);
       color: #F69B00
   }
  
  
   .accordion-header .fa{
        float:right;
        position: absolute;
       
   
   }
  i {color: white;}
  i .accordion-gold{color: #F69B00;}

  .accordion-gold{
       color: #F69B00
   }
  
   .accordion-no-bar{
       padding: 0;
  }
 .layer3_nos_contain ul {padding:20px ;margin: 0 auto;}


  .layer4_fil_text {width: 100%;}
  .layer4_fil_box_wrap {display: block;}
  .layer4_fil_box_wrap > div {display: block; padding: 0;margin: 0 auto;}
  .layer4_fil_box_wrap > div img{width: 100%;}  
  .layer4_fil_mid_box_wrap {width: 90%;margin: 0 auto;}
  .layer4_nos_ngp_wrap > div img {width: 100%;}
 .nos_layer5_title_text_box {width: 100%;}
 .layer5_nos_icon_wrap {display: block;}
 .layer5_nos_ngp_wrap{display: block;}
 .layer5_nos_icon p{font-size: 20px;}
 .layer5_nos_icon{width: 150px;} 
 .nos_layer5_title_box{width: fit-content;}
}
 .layer7_box li{height: unset}
 .nos_layer5_title_text_box p {width: 90%;margin: 0 auto;}
/* @import url(movil_menu.css);*/

 .layer2_nos_valores_wrap .movil_on{width: 100%;}
 .layer2_nos_valores_wrap {width: 90%;margin: 0 auto;}
 .layer2_nos_valores {width: 100%;}

 /*material l추가*/
 @media screen and (max-width: 960px){
.table_inner.scroll {
    position: relative;
    overflow: scroll;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
 }
 @media screen and (max-width: 960px){
.cont-tit02 {
    padding: 20px 0 0;
    font-size: 16px;
    line-height: 1.3;
}}
@media screen and (max-width: 1200px){
.cont-tit02 {
    font-size: 16px;
}}