@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

.sec1{
    height:auto;
}





/*.txtWrap{
   display:flex;
}

.txtWrap>div:nth-of-type(1){
  width:60%;
}*/

.txtWrap{
    position:relative;
    top:50%;
    padding:20px;


}


.txtWrap p {
    color: #444343 !important;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
   
}

    .letterani {
    color: #3a3a3a;
    font-size: 3.5rem;
    font-weight: bold !important;
    font-family: Pretendard;
    /*text-shadow:3px 5px 3px rgba(0,0,0,0.2)  ;*/
    position:relative;
    margin-top: 80px;
    }




 .letterani span{
    letter-spacing:3px;

}

 .letterani span:nth-of-type(3){
    letter-spacing:20px;
}

 .letterani span:nth-of-type(7){
    letter-spacing:20px;
}


.sec1{
    width: 1180px;
    margin: auto;
}
.sec1:after{
    content:'';
    display:block;
    clear:both;
}

.imgWrap{
    width:983px;
    height:656px;
    background:url(/common/image/company/intro/intro_image4.png) no-repeat;
    background-size:cover;
    margin:auto;
    margin-top:100px;

}

.sec1 .txtWrap{
  /*width:50%;
  float:left;*/
}


.companyTxt{
    position:relative;
}
.iconWrap> div>p{
font-size:1.1rem;
color:#383535;
font-weight:500;}

.iconWrap> div:nth-child(1)>p {
margin-top:16px;
margin-left: 26px;
}
.iconWrap> div:nth-child(2)>img{
    margin-top: -15px;
}
.iconWrap> div:nth-child(2)>p {
margin-top:22px;
margin-left: 26px;
}

.iconWrap> div:nth-child(3)>img{
    margin-top:10px;
}

.iconWrap> div:nth-child(3)>p {
margin-top:16px;
margin-left: 26px;
}


.vision >div:nth-of-type(1){
    width:100%;
}

.vision .img{
width: 983px;
    height: 656px;
    margin: 148px auto;
    background: url(/common/image/company/intro/intro_image5.jpg) no-repeat center;
    background-size: cover;

}


.company_intro .companyInner{
    background:#eee;
}


.sec2 h2{
    text-align:center;
    margin-top:400px; 
    color: #3a3a3a;
    font-size: 3.3rem;
}


.sec2 p{

    margin-top: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    margin: 40px auto;
    color: #444343 !important;
    font-size: 25px;
}


.sec2{
    margin-bottom:160px;
}

.sec2:after{
    content:'';
    display:block;
    clear:both;

}


/*미디어쿼리*/

 @media all and  (max-width:1179px) {
 .companyTxt:before{
  left:50px;
 }

 .companyTxt:after{
   right:50px;
 }

 .sec1 {
    width: 100%;
    margin: auto;
}

 .imgWrap {
    width: 100%;
    height: 656px;
    background: url(/common/image/company/intro/intro_image4.png) no-repeat;
    background-size: 100%;
    margin: auto;
    margin-top: 100px;
}

 .vision .img{
     width: 100%;
 }


}






 @media all and (max-width:767px) {

    .mob-nav li:nth-child(1) .dropdown-menu {
        display: block ;
        color:red;
    }
   
     .sec1 .typing{

         font-size:2.2em
     } 
     .sec1 .imgWrap{
       width:100%;
       float:none;
       background-size:cover;
       height:380px;
       background-position-y:-30px
   }    
      .sec1 .imgWrap:after{
          content:'';
          width:100%;
          display:inline-block;
          
      }
      .txtWrap{
          float:none !important;
          width:100% !important;
          position:relative;
          margin-top:0;


      }


    .txtWrap p {
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        margin: 0 auto;
    }

      .companyTxt{
          margin-top:0;
          font-size:18px !important;
          line-height:20px;
      }

      .companyTxt{
          display:block;
                margin-top:40px !important;
      }


      .companyTxt br{
          display:block !important;
    
      }

      .companyTxt:before{
          left:10px;
      }

      
      .companyTxt:after{
          right:10px;
      }
      .sec1{
          margin-top:0 !important;
      }

      .mob-nav-wrap{
          margin-bottom:100px;
      }

      .letterani{
          padding-top:0;
          margin-bottom:0;
      }


      .iconWrap{
          margin-top:80px !important;
      }


        .iconWrap> div>p {
        font-size: .9rem;
        color: #383535;
        font-weight: 500;
        }
      .companyimgWrap{
          padding-top:20px !important;
      }

     .mgb160{
         margin-bottom:40px;
     }

     .vision .img{
         float:none; 
         width:100%;
     }

   .vision >div:nth-of-type(1){
       width:100%;
   }
     .vision >div h2 ,.vision >div p  {
      font-size:18px;
     }

     .vision >div h2{
         letter-spacing:1px;
         font-size:2.2em;

     }
    .sec2_cont{
        padding:40px 0;
    }
  
 }


 @media all and (max-width:620px){
   .sec1 .imgWrap{
       background-position-y:0 !important;
   }
 
 }



 @media all and (max-width:488px){
   .sec1 .imgWrap{
       background-position-y:-30px;
       height:250px;
   }

   .sec1{
       background:none !important;
   }  

   .sec1 .txtWrap{
       left:0;
       padding:0;
       top:0;
       margin-top:20px;
       padding-top:10px;
   }

   .sec1 .txtWrap:before{
       content:none;
   }

   .sec1 .typing{
       font-size:2em;

   }

   .txtWrap p{
       width:100%;
       font-size:16px;
       color:#191919;
   }
 

   .companyTxt:before ,.companyTxt:after{
       content:none;
   }

   .companyTxt{
       margin-top:0 !important;
   }
   
   .sec2_cont{
       padding:0;
       padding-top:20px;
   }

   .iconWrap{
       margin-top:20px !important;
       display:block !important;
   }
    .iconWrap>div{
        margin-bottom:40px;
    }
    .iconWrap>div >p{
        margin-top:10px;
        font-size:18px;
        display:inline-block;
        width:44%;
        margin-top:40px;
    }

    .companyTxt{
        font-size:16px !important;
        line-height:30px !important;
        padding-top:30px;
        padding-bottom:30px;
        margin-bottom: 200px;
    }

    .sec2 {
        margin-bottom:60px;
    }

    .vision .img{
      height:300px;  
    }
    .vision >div:nth-of-type(1){
        float:none;
        width:100%;
        }

    .vision >div h2, .vision >div p{
        font-size:1.5em;
    }

    .sec2 h2{
        font-size:1.3em;
    }
    .vision >div p{
        width:100%;
        font-size:16px;
        line-height: 29px;
    }

 }


 @media all and (max-width:400px){
  .sec1 .typing{
      font-size:1.5em;
  }
 }