.sns{position: fixed;text-align: center;z-index:4;right: 0;width: 65px;height: 80px;bottom: 5%;background-color: white; border-top-left-radius: 10px;font-size: 10px;padding-top: 10px;transition: 1s ease;border-left: 1.2px #1B222E solid;border-top: 1.2px #1B222E solid;padding-left: 5px;border-bottom: 1.2px #1B222E solid;padding-bottom: 40px;border-bottom-left-radius: 10px;}
.out{transform: translateX(50px);transition: 1s ease;}
.sns_wrap{background-color: #ffffff;width: 50px;text-align: right;}

.flecha {position: absolute;font-size: 20px;font-weight: 100;font-family: "poppins-Bold";color: #F69B00;top: 32%;cursor: pointer;}
.sns img {margin-bottom: 10px;}
.nav {width: 100%; height: 90px; left: 0px; top: 0px; background: white; position: fixed; z-index: 3;}
.nav a:visited,a:link{color: #4A6375;}
.logoPosco{background: url(img/logoPosco.png);position: absolute;width: 115px;height: 44px;left: 80px;top: 23px;}
div .navlist {right: 80px;position: absolute;list-style-type: none;}
div .navlist > li{float: left; margin: 20px 0 0 45px;font-family: 'RealHeadPro';font-style: normal;font-weight: 400;font-size: 12px;line-height: 19px;letter-spacing: 0.05em;color: #4A6375;}
/*네비*/
.main_textbox_movil_wrap {width: 100%;background: #05507D;}
 .top {padding: 20px; border-radius: 50px; width: 30px;height: 30px; text-align: center;margin: 20px auto;position: fixed;bottom:0; left: 50%;
  transform: translate(-50%, 0); display: flex;box-shadow: 0px 3px 3px gray; background-color: #05507D ;cursor: pointer;}
.movil_on{display: none;}
.main_visual { left: 0px; width: 100%; padding-top: 0px;}
.main_textbox { position: absolute; width: 55%; left: 0px; background: #054f7dc7; mix-blend-mode: normal; height: 650px;top: 90px;}
.text1 {  height: 39px; font-family: 'Poppins-bold';font-style: normal;font-weight: 700;font-size: 25px;line-height: 39px;    /* identical to box height */letter-spacing: 0.05em;color: #FFFFFF;mix-blend-mode: normal; opacity: inherit;}
.text2 {  font-family: 'Poppins-bold';font-style: normal;font-weight: 900;font-size: 55px;line-height: 67px;/* or 122% */color: #F69B00;mix-blend-mode: normal;}
.text3 { position: relative;width: 83px;height: 22px; font-family: 'RealHeadPro';font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;letter-spacing: 0.05em;color: #FFFFFF;}
.arrow1 { position: absolute;right: -15px;top: 20%;}
.textbox_wrap_main {width: 90%; margin:150px 80px;}
.textbox_wrap_main > div{margin-top: 30px;}
.cover_img{position: relative; background-image: url(img/cover.jpg); background-size: 100%;background-repeat: none;top: 90px;}
/*main*/ 
#wrapper{
    top: 90px;
    width:100%;
    margin: 0 auto;
    height:500px;
    position:relative;
    color:#fff;
   
    text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;  
  }
  
  #slider-wrap{
    width:100%;
    height:500px;
    position:relative;
    overflow:hidden;
  }
  
  #slider-wrap ul#slider{
   
    width: 100%;
    position:absolute;
    top:0;
    left:0;   margin:0; padding:0;
  }
  
  #slider-wrap ul#slider li{
    float:left;
    position:relative;
   
   
    width: 20%;
   
    
  }
  
  #slider-wrap ul#slider li > div{
    position:absolute;
    top:0;
    width: 60%;
    height: 500px;background: #054f7dc9;
    left:0;
  }
   
   .slider_Textwrap {width: 90%; height:80%; margin:45px auto; border: white 4px solid; }
   
  #slider-wrap ul#slider li  .text1, .text2 , .text3{margin: 30px; }
.m-5 {font-size: 44px;line-height: 50px;}
   .m-2 {font-size: 40px; line-height: 50px;}
   .m-4 {font-size: 44px;line-height:50px}
   
   
  
  
  /*btns*/
  .btns{
    position:absolute;
    width:30px;
    height:60px;
    top:50%;
    margin-top:-25px;
    line-height:57px;
    text-align:center;
    cursor:pointer; 
    background:rgba(0,0,0,0.1);
    z-index:100;
    
    
    -webkit-user-select: none;  
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none;
    
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  
  .btns:hover{
    background:rgba(255, 255, 255, 0.3); 
  }
  
  #next{right:-50px; border-radius:7px 0px 0px 7px;border: 2px white solid;border-right: none;}
  #previous{left:-50px; border-radius:0px 7px 7px 0; border: 2px white solid; border-left: none;}
  #counter{
    top: 30px; 
    right:35px; 
    width:auto;
    position:absolute;
  }
  
  #slider-wrap.active #next{right:0px;}
  #slider-wrap.active #previous{left:0px;}
  
  
  /*bar*/
  #pagination-wrap{
    min-width:20px;
    margin-top:550px;
    margin-left: auto; 
    margin-right: auto;
    height:15px;
    position:relative;
    text-align:center;
  }
  
  #pagination-wrap ul {
    width:100%;
  }
  
  #pagination-wrap ul li{
    margin: 0 4px;
    display: inline-block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
    opacity:0.5;
    position:relative;
    top:0;
    
    
  }
  
  #pagination-wrap ul li.active{
    width:12px;
    height:12px;
    top:3px;
    opacity:1;
    box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; 
  }
  .fa {position: absolute;color: white;font-weight: bolder;}
  .fa-arrow-left {left: 5%;top: 30%;}
  .fa-arrow-right{right: 5%;top: 30%;}
  
  
   
  
  /*ANIMATION*/
  #slider-wrap ul, #pagination-wrap ul li{
    -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    transition: all 0.3s cubic-bezier(1,.01,.32,1); }
.main_layer1 {width: 100%; padding-top: 100px; margin-bottom: 90px; }
.main_layer1_wrap {width: 90%; display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 auto; }
 
.main_layer1_text_box {position: relative; ;grid-column:  1; }
.main_layer1_list_wrap > li {margin-top: 30px;list-style: none;}
.layer_text1 { width: 580px; font-family: 'Poppins-Bold';font-style: normal;font-weight: 700;font-size: 24px;line-height: 42px;color: #05507D; margin: 0 auto;}
.layer_text2 { width: 550px; font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 18px;line-height: 31px;letter-spacing: 0.05em;color: #4A6375;opacity: 0.9; }
.span1 {opacity: 1;color: #05507D;}
.layer_text3 { width: 580px;height: 100px;font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 16px;line-height: 25px;letter-spacing: 0.05em;color: #4A6375; }
.layer_text4 {  position: relative; font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 13px;line-height: 22px; letter-spacing: 0.05em;color: #4A6375;}
.arrow2 {position: absolute;width: 15px;height: 12px; top: 18%;left: 14%;}
 
.main_img_wrap1 { width: 50%; grid-column: 3;position: relative; margin-top: 40px;}
.calidad { width: 380px;height: 463px; }
.steel01 {position: absolute;width: 210px; bottom: -22%; left: -60%; }
/*main1*/
.main_layer2_movil {position: relative; height: fit-content; top: 100px;margin-top:200px;  background-image: url(img/industrias-back.jpg);  padding-bottom: 40px;  background-size: 100%; }
.main_layer2 {position: relative; height: fit-content; top: 100px;margin-top:200px;mix-blend-mode: multiply;width: 100%;background-image: url(img/planta-back.jpg);background-size: 1100px auto; padding-bottom: 40px; }
.layer2_ovlay_wrap{ width: 90%;height: fit-content; top: -140px;margin: 0 auto;text-align: center;}
.service { top: -140px;position: relative;}
.layer2_ovlay {height: 330px;width: 90%;top: -140px; content: "";position: absolute;   top :-140px;z-index: 2;background: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0) 100%); }
.layer2_ovlay_text{width: 10%; margin: 110px 100px ; position: relative;}
.layer2_ovlay_text p {font-family: 'Poppins-Bold';font-style: normal;font-weight: 100;font-size: 37px;line-height: 55px;color: white;}
.layer2_ovlay_text_line {width: 60px; border: 1.4px #F69B00 solid;  position: absolute;bottom: -10px;left: -30px;}

.layer2_contain_wrap{display: flex;}
.layer2_contain_wrap > div{display:inline-block;  margin: 0 55px auto;}
.layer2_text1_wrap {width: 90%;margin: 0 auto;}
.layer2_text1_list {margin-top: -110px;list-style: none; width: 80%;  font-family: 'RealHeadPro';font-style: normal;font-weight: lighter;font-size: 18px;line-height: 26px;letter-spacing: 0.05em;color: #FFFFFF;}

.layer2_text2_wrap {width: 40%;text-align: left;right: 0;}
.layer2_text2_list {margin-top: -110px;;font-family: 'Poppins-Bold';font-style: normal;font-weight: 700;font-size: 18px;line-height: 23px;color: #FFFFFF;}
.layer2_text2_list li { list-style: none;width: 150px ; position: relative;margin-bottom:70px;}
.layer2_text2_list li::before{content: '';display: inline-block;margin-right: 10px;/* Height of the list image*/    height: 40px;/* Width of the list image*/    width: 40px;}
.car::before {background-image: url(icon/industria02.svg);background-size: 40px; position: absolute;left: -65px;}
.grua::before{background-image: url(icon/industria01.svg);background-size: 40px; position: absolute;left: -65px;}
.fabri::before{background-image: url(icon/industria03.svg);background-size: 40px; position: absolute;left: -65px;}
.layer2_with {width:160px;margin-top: 70px;}
 
 

/*layer2*/

.main_layer3 { width: 100%; margin-top: 200px}
.layer3_contain { margin: 0 auto;}
.layer3_contain h2 {font-family: 'Poppins-Bold';font-style: normal;font-weight: 100;font-size: 37px;line-height: 55px;color: #05507D;margin-left: 100px;}
.layer3_title {position: relative;}
.layer3_line {border: #F69B00 1.4px solid;width: 60px; margin-left: 70px;margin-top: -30px;}
.layer3_text {width: 60%;height: fit-content;font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 17px;line-height: 27px;letter-spacing: 0.05em;color: #4A6375;margin-left: 100px;}
.cortes_wrap {margin-left: 40px; padding-bottom: 30px;}
 .layer3_list_wrap {list-style: none; margin:0 60px auto; display: flex;}
 .layer3_list_wrap .layer3_cont_box{display: inline-block;}
.layer3_list {width: 100%;margin : 0  auto}

.layer3_list_wrap div {float: left;}
 
#movil_on{display:none ;}
.cortes_wrap{margin-right: 100px;}
.list_li{height: fit-content;}
.layer3_listtitle li{list-style: disc;font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 16px;line-height: 60px;margin-left:15px;/* identical to box height */letter-spacing: 0.05em;color: #4A6375; }
.layer3_listtitle p{font-family: 'Poppins-Bold';font-style: normal;font-weight: 500;font-size: 21px;line-height: 36px;/* identical to box height */color: #05507D;}
.material , .cortes{position: relative;height:280px;} 
.material li{float: left; width: 150px;}
 .cortes li { width: 300px;}
 .cortes {width: 100px;}
 
.ver p{font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 12px;line-height: 22px;text-align: right;letter-spacing: 0.05em;color: #4A6375;}
.ver {margin-left: 10px;margin-top: -30px;position: relative;}
 
.layer3_img_wrap{width: 90%;display: flex;margin: 0 auto;}
.layer3_img_wrap div{  display: inline-block;margin: 0 auto;}

/* layer3*/
.main_layer4{background: #F0F0F0;padding-top: 300px;height: fit-content;margin-top: -200px;display: flex;padding-bottom: 100px;}
.layer4_text_wrap {width: 50%;}
.layer4_map_wrap{width: 50%;position: relative;}

.layer4_title {font-family: 'Poppins-Bold';font-style: normal;font-weight: 100;font-size: 37px;line-height: 55px;color: #05507D;margin-left: 100px;position: relative; }
.layer4_text {width: 90%;height: fit-content;font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 20px;line-height: 27px;letter-spacing: 0.05em;color: #4A6375;margin-left: 100px; }
.layer4_line {position: absolute;border: #F69B00 1.4px solid;width: 60px; bottom: 0;left: -30px;}
.layer4_map {position: absolute;right: 20px; top: 100px;}
.layer4_list{margin-top: 40px;}
.layer4_list div{float: left;margin-left: 100px;}
.layer4_list li{font-family: 'Poppins-Bold';font-style: normal;font-weight: 700;font-size: 18px;line-height: 50px;/* identical to box height */letter-spacing: 0.05em;color: #05507D;}

.main_layer5 {background-color: #4A6375;padding-top: 100px;position: relative; }
.layer5_title {font-family: 'Poppins-Bold';font-style: normal;font-weight: 100;font-size: 37px;line-height: 55px;color: white;margin-left: 100px;position: relative; }
 .layer5_text_wrap {display: flex;}
 .layer5_text_wrap > div {margin-left: 100px;}
.layer5_img img{width: 350px;z-index: 1; left: 150px;}
.layer5_list {position: relative; height: fit-content }
.client_logo{ list-style: none;  }
.client_logo div{ margin-right: 30px ;display: inline-block;}
.client_logo li {margin-bottom: 80px;  }
.client_logo img{width: 100px;height: 60px;z-index: 1;}
.circle1 img,.circle2 img{width: 30px; height: 30px; text-align: center;}
 

.layer6_contact {width: 70%;text-align: center;margin: 0 auto;}
.main_layer6{ position: relative;  width: 100%; padding-bottom: 120px;}
.main_layer6 img {position: absolute;  z-index: -1;top: -55px;}
.main_layer6 input{height: 44px; background-color: #D9D9D9;; border: none;}
.main_layer6 .form_col2 {display: flex;margin-top: 50px;width: 100%;}
select{ background-color: #D9D9D9;; border: none;}
 
.form_col2 div{  color: white; display: inline-block; margin: 0 auto;}
.form_col2 input {   background-color: #D9D9D9;; border: none}
.layer6_message {margin-top: 50px;color: white;}
textarea{width: 100%; height: 200px; background-color: #D9D9D9;; border: none;}
.layer6_contact p {width: 400px; font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 19px;line-height: 31px;text-align: center;letter-spacing: 0.05em;color: #FFFFFF;margin: 0 auto;}
.form-group {margin-top: 50px;}
.send_button {position: absolute;width: 155px;height: 45px;background: #F69B00;border-radius: 7px; right: 0;color: white;}
form {width: 90%; position:relative;margin: 0 auto;}
 .col-9 input{width: fit-content}
.main_layer7 {position: relative;width: 100%;margin:0;padding: 0;}

.layer7_box li{margin-bottom: 30px; font-family: 'Real Head Pro';height: 30PX;}

.main_layer8   {background-color: #1B222E;position: relative;width: 100%; height: fit-content;padding-bottom: 30px; }
.main_layer8_wrap {width: 90%;margin: 0 auto;padding-top: 50px; display: grid;grid-template-columns: repeat(8,1fr); grid-row-gap: 50px;}
.layer8_logoposco {grid-column: 1/2;background-size: 70px 30px;background-image: url(icon/posco-footer.svg);background-repeat: none;width: 70px;height: 30px;}
.layer8_logoWith {grid-column: 9/10;background-size: 115px 30px;/*background-image: url(icon/with-posco.svg)*/background-repeat: none;width: 115px;height: 30px;}
.layer8_text {font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #FFFFFF;
width: 345px;
position: relative;}
.layer8_line {position: absolute;border: #F69B00 1.6px solid; width:80px;bottom: 20px;}
.layer8_footer_nav {grid-column: 3/10}
.layer8_nav_list li{
font-family: 'Real Head Pro';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 19px;
letter-spacing: 0.05em;
color: white;
float: right;width: fit-content;margin: 10px 0 0 40px;
list-style: none;}
.layer8_footer_text {margin-top: 10px;color: white;font-weight: 400;font-size: 10px;line-height: 16.97px;font-family: "Real Head Pro";}




.main_visual2 img{position: relative;margin-top: 90px;height: 400px;}
.textbox{position:absolute;width: 100%;height: 400px;left: 0px;top: 90px;background: rgba(0, 0, 0, 0.6);z-index: 2;}
.text_box_box{display: flex; justify-content: center;margin-top: 12.5%;}
.text_a {vertical-align: center;text-align:center;font-family: 'RealHeadPro';font-style: normal;font-weight: 400;font-size: 19px;line-height: 10px;text-align: center;letter-spacing: 0.05em;color: white; }
.text_b {text-align:center;font-family: 'Popptext-align:center;ins';font-style: normal;font-weight: 700;font-size: 33px;line-height: 57px;/* identical to box height */text-align: center;color: #FFFFFF;  line-height: 100px;}

.sidebar {position: relative;  }
.sidebar_corte {height: fit-content;position: relative;}
.listTitle {font-family: 'Poppins-Bold';font-style: normal;font-weight: 900;font-size: 23px;line-height: 36px;color: #05507D;}
div .sidebar .list { list-style-type: disc;}
main { padding: 0;}
div .sidebar .list > li {margin:0 0 25px 13px;color:#4A6375;margin-left: 17px;width: 150px;}
div .sidebar_corte ul li {margin:0 0 25px 13px;color:#4A6375;margin-left: 17px;width: 150px;}
.btn { font-family: 'RealHeadPro';}
 .btn:link ,.btn:visited {color:#4A6375; opacity: 0.5;}
.btn.is_on {opacity: 1;}
.sidebar .list li.is_on .btn{opacity: 1;}
.foto_grid_wrap { display:flex;width: 100%; }
 .box {margin-left: 60px; display: inline-block; margin-top: 50px; }
 
.cont { margin-left: 10px} 
.cont_text { display: flex; }
 
.cont_text img {width: 400px;margin-top: 25px;}
.pdf {width: fit-content;}
.pdf ul { list-style: none;padding: 0;}
.pdf ul li {margin-top: 10px;}
.pdf:hover { transition: .5s;cursor: pointer;}
.pdf a {color: black;text-decoration: none; font-family: 'RealHeadPro';position: relative;border: 1.5px black solid; font-weight: 600;
    display: block;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    background: white;
    border-radius: 3px;
    font-size: 14px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
width: 200px;}
.pdf a:visited{color: black;}
.pdf a:hover {transition: .5s;cursor: pointer;background-color: #005990be;color: white; }
.pdf a::after{position: absolute;
    top: 0px;
    right: 20px;
    display: block;
    content: '';
    width: 10px;
    height: 12px;
    background-size: 20px;
    background: url(icon/download.svg) no-repeat;}
    .aplicate {width: fit-content; width: 100%;}
.title_text h2 {font-family: 'Poppins-Bold';font-style: normal;font-weight: 900;font-size: 30px;line-height: 33px;/* identical to box height */ color: #05507D;}
.contain_wrap p {font-family: 'RealHeadPro';font-style: normal;font-weight: 400;font-size: 16px;line-height: 25px;letter-spacing: 0.05em;color: #4A6375;width: 90%;}
.contain_wrap {width:95%;margin: 0 auto; font-family:'RealHeadPro';}
.tab_menu {display: flex;padding: 0; margin-top: 0;overflow: hidden;}
.tab_menu .list{  list-style-type: disc;background: #F0F0F0;  ; padding: 20px;float: left;margin: 0;}
 
.tab_menu .list li.is_on{opacity: 1;    color: #4A6375;}
.tab_menu .list li.is_on .btn{font-weight:bold;}
.tab_menu .cont_area .cont{display:none; padding-bottom: 30px;}
 
.cont-tit02 {
    position: relative;
    padding: 40px 0 0;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 1.2;
    font-weight: 700;
    color: #005890;
}
.toggle_spec {display: flex;position: relative;margin-left: -25px;text-align: left;font-family: "poppins-bold";}
.toggle_spec div{background-color: white;}
.toggle_spec a{color: black;background-color: white;}
.toggle_spec a:visited{color: black;}
.toggle_spec ul li {float: left; margin-right: 10px; list-style: none;padding: 10px;border: 2px black solid;text-align: left;border-radius: 15px;background: white;}
.toggle_spec h3 {color: #05507D;;}
.table_inner {width: 100%;}
.hide{display: none;}
.table_inner caption {display: none;}
.scroll { overflow-x: scroll;}
 
 
.cont-tit02 {color: #005890;}
/* corte */

.tab_menu .list_corte li:hover{color: #4A6375;}
.tab_menu .list_corte li a{color: #4A6375; opacity: .5;}
.tab_menu .list_corte{list-style-type: disc;background: #F0F0F0; margin-top: -0px; float: left; padding: 30px; }
.tab_menu .list_corte li.is_on .btn{font-weight:bold;opacity: 1;  color: #4A6375;}
.tab_menu .cont_area_corte .cont_corte{display:none; margin : 10px ; padding-bottom: 30px;}
 
.cont_text_corte {width: 90%;font-family: 'Real Head Pro';font-style: normal;font-weight: 400;font-size: 16px;line-height: 25px;
letter-spacing: 0.05em;color: #4A6375;}
 
.title_text_corte {  font-family: 'Poppins-bold';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 33px;
/* identical to box height */


color: #05507D;}
.animacion{width:100%;}

 .cont_area_corte table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 2px rgba(128, 128, 128, 0.452) solid;
    border-top: 2px rgba(128, 128, 128, 0.452) solid;
    margin-bottom: 30px;
 
    }
    th {padding: 10px 10px;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    color: rgb(71, 70, 70);
    font-size: 13px;
    font-family: "Real Head Pro";
    }
    
    tr{text-align: left;
    font-size: small;display: table-row;vertical-align: inherit;
    }
    td{
    padding: 10px 10px 10px 1em;   font-family: "Real Head Pro";
    border-top: 1px solid #d9d9d9;
    font-size: 13px;
    line-height: 130%;
    color: gray;
    text-align: center;
    }
 
 
 .layer8_nav_list li a:link, a:visited {color: white;}