@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&display=swap');




.subcon{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  overflow:hidden;}
.subcon_tt{font-family: "Montserrat", sans-serif;  font-size:40px; color:#000;  line-height:35px; font-weight:600; text-align:center;}
.subcon_tt span{font-size:25px; font-weight:500;}

.new_greeting{width:100%; position: relative; margin-top:5%;  overflow:hidden;}
.greeting_tt{ font-size:37px; color:#000;  line-height:45px;  font-weight:300; text-align:center;}
.greeting_tt span{font-weight:600;}
.greeting_tt1{ font-size:25px; color:#000;  text-align:center; line-height:40px; }
.greeting_tt2{ font-size:19px; line-height:33px;  color:#333; margin-bottom:5%; }
.greeting_tt3{float:right;  font-size:18px; color:#000;  width:100%; bordeR:0px solid red; text-align:right;}
.greeting_tt3 span {font-family: "Gowun Batang", serif;
  font-weight: 600;  font-size:25px;margin-left:1%;
  font-style: normal;}

.new_greeting ul{width:100%; float:left; margin-bottom:5%;}
.new_greeting ul li{display: inline-block; float: left; width:50%; }
.new_greeting ul li img{width :100%;}


.mobileshow{display: none;}

@media all and (max-width:1199px){
.subcon{width:100%;}

}


@media all and (max-width:989px){
.subcon_tt{ font-size:33px; }
.subcon_tt span{font-size:20px; font-weight:500;}

.greeting_tt{font-size:30px; line-height:44px;}
.greeting_tt1{font-size:21px; line-height:27px; margin-top:2%;}
.greeting_tt2{font-size:18px; line-height:33px; }
.mwd100per{width:100%;}
.mobilenone{display:none;}
.mobileshow{display:inline-block;}

}





.mapinfo{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  padding-top:5%;}
.mapinfo_tt{display: inline-block; padding-bottom:4px; border-bottom: 1px solid #333; 
	font-size:24px;  color:#000; font-weight:600;}
.mapinfo_tt1{ font-size:19px; line-height:32px;  color:#333; margin-bottom:4%;   margin-top:4%;}

.mapinfo ul{width:100%; position: relative; float: left; border:1px solid #333333;}
.mapinfo ul li{display: inline-block; float:left; width:33.33333333%; border-right:1px solid #333333; padding:20px; color:#000; font-size:20px;}
.mapinfo ul li:last-child{border-right:0px solid #333333;}
.mapinfo ul li img{width:40px; padding-right:2%;}
.mapinfo dl{width:100%; float:left; margin-top:4%; }
.mapinfo dl dt{width:10%; float:left;}
.mapinfo dl dd{width:90%; font-size:19px;  color:#333; float:left; line-height:30px; padding-top:1%;}
.mapinfo dl dd span{font-weight:600;   font-size:20px;  color:#000; }




@media all and (max-width:1199px){
.mapinfo{width:100%;}

}

@media all and (max-width:879px){
.mapinfo_tt1{ font-size:18px; line-height:32px;  color:#333; margin-bottom:4%;   margin-top:4%;}
.mapinfo ul li{width:100%; border-right:0px solid #333333;   border-bottom:1px solid #333333; padding:10px; font-size:18px;} 
.mapinfo ul li:last-child{ border-bottom:0px solid #333333;}
.mapinfo dl dt{width:100%; float:left;}
.mapinfo dl dd{width:100%; font-size:17px;  color:#333; float:left; line-height:30px; padding-top:1%; padding-left:2%; }


}









.companyinfo{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  padding-top:5%;}
.companyinfo ul{width:100%;  position: relative; border:0px solid red;  padding-top:5%;}
.companyinfo ul li{display: inline-block; }
.companyinfo ul li:first-child{width:30%; float:left;}
.companyinfo ul li:last-child{width:70%; float:left;}
.slogan{width:90%; padding:100px 35px; background:#06004A; color:#fff; text-align:Center; font-size:60px; font-family: "Montserrat", sans-serif; font-weight:700;}
.Vision{width:90%; padding:100px 35px; background:#FFDD2A; color:#000; text-align:Center; font-size:60px; font-family: "Montserrat", sans-serif; font-weight:700;}

.companyinfo_tt{font-size:35px; color:#000;  margin-bottom:4%; }
.companyinfo_tt1{font-size:20px; color:rgba(0,0,0,0.8); line-height:33px;}
.companyinfo_tt2{font-size:25px; color:rgba(0,0,0,0.8); line-height:25px;}
.companyinfo_tt3{font-size:35px; color:#000;  margin-bottom:1%; }
.companyinfo_tt4{font-size:18px; color:rgba(0,0,0,0.8); line-height:30px;  margin-top:5%;  margin-bottom:5%; }
.companyinfo_tt5{font-size:35px; color:#000;   margin-bottom:2%;  margin-top:3%;  }

.companyinfo1{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  padding-top:2%;}
.companyinfo1 ul{width:100%;  position: relative; border:0px solid red;  padding-top:5%;}
.companyinfo1 ul li{display: inline-block; }
.companyinfo1 ul li:first-child{width:30%; float:left;}
.companyinfo1 ul li:last-child{width:70%; float:left; margin-top:1.5%; }


@media all and (max-width:1199px){
.companyinfo{width:100%;}
.companyinfo1{width:100%;}
}


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

.companyinfo ul li:first-child{width:100%; float:left;}
.companyinfo ul li:last-child{width:100%; float:left;}
.slogan{width:100%; padding:80px 35px; background:#06004A; color:#fff; text-align:Center; font-size:45px; font-family: "Montserrat", sans-serif;
 font-weight:700; box-sizing:border-box;}
.Vision{width:100%; padding:80px 35px; background:#FFDD2A; color:#000; text-align:Center; font-size:45px; 
    font-family: "Montserrat", sans-serif; font-weight:700; box-sizing:border-box;}

.companyinfo_tt{font-size:27px; color:#000;  margin-bottom:4%;  margin-top:1%;  }
.companyinfo_tt1{font-size:18px;}
.companyinfo_tt2{font-size:20px; color:rgba(0,0,0,0.8); line-height:30px;}
.companyinfo_tt3{font-size:30px; color:#000;  margin-bottom:1%; }
.companyinfo_tt5{font-size:27px; color:#000;   margin-bottom:2%;  margin-top:3%;  }



.companyinfo1 ul li:first-child{width:100%; float:left;}
.companyinfo1 ul li:last-child{width:100%; float:left; margin-top:1.5%; }



}







.certiinfo{width:100%;  position: relative; overflow:hidden;   border:0px solid red; padding-bottom:100px; margin-top:150px; 
    background:url('/theme/smarthada/img/sub/cerbg1.png')bottom;}
.certiinfo_con{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  overflow:hidden; text-align:Center;}
.certiinfo_con ul {width:100%; float:left; display: flex; justify-content: center;}
.certiinfo_con ul li{display: inline-block; float:left; width:30%; margin:2%;  }
.certiinfo_con ul li img{width:100%;}


.certiinfo_con1{width:1200px;  margin:0 auto; position: relative;  overflow:hidden;}
.certiinfo_con1 ul li{ float:left; display: inline-block; }
.certiinfo_con1 ul li:first-child{width:45%;   border:0px solid red;}
.certiinfo_con1 ul li:first-child div{width:90%; height:auto; background:#C4C4C4;  text-align:Center;}
.certiinfo_con1 ul li:nth-child(2){width:55% ; border:0px solid red; padding-left:7%; padding-top:17%; }

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


.certiinfo{margin-top:50px; padding-top:40px; padding-bottom:40px;     background:#efefef; }


.certiinfo_con1 ul li:first-child{width:100%;   border:0px solid red;}
.certiinfo_con1 ul li:first-child div{width:100%; height:auto; background:#C4C4C4;  text-align:Center;}
.certiinfo_con1 ul li:first-child div img{width:100%;}
.certiinfo_con1 ul li:nth-child(2){width:100% ; border:0px solid red; padding-left:2%; padding-top:10%; }


}




.certiinfo_con2{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  overflow:hidden;
 text-align: center; padding-bottom:100px; padding-top:100px;  }
.certiinfo_con2 ul{display: flex; justify-content: center; margin-top:5%; }
.certiinfo_con2 ul li{width:33.3333%; display: inline-block; }
.certiinfo_con2 ul li img{width:90%; border:1px solid #ccc; }


.certiinfo_con3{width:1200px;  margin:0 auto; position: relative;  overflow:hidden; text-align: center; padding-bottom:100px; padding-top:100px; }
.certiinfo_con3 ul{display:block; margin-top:5%; margin:0 auto;  overflow:hidden;}
.certiinfo_con3 ul li{width:19%; display: inline-block; margin:0.2%;  float:left; }
.certiinfo_con3 ul li img{width:90%; border:1px solid #ccc; }



.certiinfo4{width:100%;  position: relative; overflow:hidden; margin:6% 0%;  border:0px solid red; padding-bottom:100px; 
    background:url('/theme/smarthada/img/sub/cerbg.png')top ;}
.certiinfo_con4{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  overflow:hidden; text-align:Center;}
.certiinfo_con4 ul {width:100%; float:left; display: flex; justify-content: center;}
.certiinfo_con4 ul li{display: inline-block; float:left; width:30%; margin:2%;  }
.certiinfo_con4 ul li:first-child{width:45%;   padding-top:20%;  border:0px solid red; text-align:left;}
.certiinfo_con4 ul li img{width:100%;}



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

.certiinfo_con{width:100%;}
.certiinfo_con1{width:100%;}
.certiinfo_con2{width:100%;}
.certiinfo_con3{width:100%;}
.certiinfo_con4{width:100%;}
}


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

.certiinfo_con2{padding-bottom:50px; padding-top:50px; }
.certiinfo_con2 ul li{width:48%; display: inline-block; }

.certiinfo_con3{padding-bottom:50px; padding-top:50px; }
.certiinfo_con3 ul li{width:98%; display: inline-block; margin:0.2%;  float:left; }



 .certiinfo_con4{ border:0px solid red; margin:2% 0%;   background:url('/theme/smarthada/img/sub/cerbg.png')center ;}
.certiinfo_con4 ul {width:100%; float:left; display:block;}
.certiinfo_con4 ul li{display: inline-block; float:left; width:46%; margin:2%;  }
.certiinfo_con4 ul li:first-child{width:100%;   padding-top:10%;  border:0px solid red; text-align:left;}

}



.hitoryinfo{width:1200px;  margin:0 auto; position: relative;  margin-top:5%; 
background:url('/theme/smarthada/img/sub/hisbg_line.jpg')bottom no-repeat; border:0px solid #efefef;

 overflow:hidden;}
.leftyear{width:35%;float:left;   position: relative;  border:0px solid blue; height :250px; }
.yeartt{font-size:60px; color:#FFC700; font-weight:700; font-family: "Montserrat", sans-serif; float:right; padding-right:14%; }
.righthiscon{width:65%;float:left;   position: relative;  border:0px solid red;}
.righthiscon ul{margin-top:2%; }
.righthiscon ul li{width:100%;}
.righthiscon ul li dl{width:100%; float:left; margin-bottom:3%; }
.righthiscon ul li dl dt{width:10%; float:left; font-size:25px; line-height:33px; color:#000; font-weight:800; font-family: "Montserrat", sans-serif; }
.righthiscon ul li dl dd{width:90%; float:left;font-size:19px; line-height:33px; color:#000; }
.righthiscon ul li dl dd span{font-weight:700;}

.hisbg01{background:url('/theme/smarthada/img/sub/hisbg_01.png')right bottom no-repeat;}
.hisbg02{background:url('/theme/smarthada/img/sub/hisbg_02.png')left top no-repeat;}
.hisbg03{background:url('/theme/smarthada/img/sub/hisbg_03.png')right bottom no-repeat;}
.hisbg04{background:url('/theme/smarthada/img/sub/hisbg_04.png')left top no-repeat;}
.hisbg05{background:url('/theme/smarthada/img/sub/hisbg_05.png')right bottom no-repeat;}




@media all and (max-width:1199px){
.hitoryinfo{width:100%;}

}

@media all and (max-width:879px){
.hitoryinfo{background:none !important;}
.leftyear{width:100%; height:75px;}
.yeartt{font-size:50px; float:left;}
.righthiscon{width:100%;}
.righthiscon ul li dl dt{width:15%;}
.righthiscon ul li dl dd{width:85%; float:left;font-size:18px; line-height:30px; color:#000; }

.hisbg01{background:none !important;}
.hisbg02{background:none !important;}
.hisbg03{background:none !important;}
.hisbg04{background:none !important;}
.hisbg05{background:none !important;}

}



.clear{clear:both;}
.ht100{height:100px;}



.org{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  overflow:hidden; text-align:Center;  margin-top:5%;}

@media all and (max-width:1199px){
.org{width:100%;}

}

.process{width:100%;  position: relative; padding:70px 0px;  margin-top:5%; background:#F3F3F3; border:0px solid red; overflow:hidden; }
.process ul{width:1200px; margin:0 auto;  display: flex; justify-content: center;}
.process ul li{width:25%; border:0px solid red; float:left; display: inline-block; text-align: center;}
.process ul li p{font-size:28px; line-height:65px; color:#000;  font-weight:500;} 
.process ul li span{padding:7px 15px; border-radius:30px;  background:#FFC700; color:#fff; font-weight:17px; font-weight:800; display: inline-block; margin:0 auto;}

.process ul li img{width:110px; margin-bottom:1%; }


.process1{width:100%;  position: relative; padding:70px 0px; background:#FFF;}
.process1 ul{width:1200px; margin:0 auto;  display: flex; justify-content: center;}
.process1 ul li{width:30%;  bordeR-radius:20px; background:#F3F3F3; margin:0% 2%; border:0px solid red; float:left; display: inline-block; 
    text-align: center;  overflow:hidden; }
.process1 ul li img{width:100%; }
.process1 ul li p{font-size:25px; font-weight:600; line-height:45px; color:#000; margin-top:5%;}
.process1 ul li span{display:block; width:100%; padding:7% 8%; line-height:30px; font-size:18px; color:#000;}


@media all and (max-width:1199px){
.process ul{width:100%; display: block;}
.process1 ul{width:100%; display: block;}
}


@media all and (max-width:879px){
    .process{ padding:50px 0px;}
  
  .process ul li{width:50%; border:0px solid red; float:left; display: inline-block; text-align: center;}
.process ul li img{width:90px; margin-bottom:1%; }
  .process ul li p{font-size:20px;}

.process1 ul li{width:96%; margin:2%;}
.process1 ul li p{font-size:22px;  line-height:40px;}
.process1 ul li span{font-size:17px; line-height:28px; width:95%;}
}










.business{width:1200px; margin:0 auto;  position: relative; padding:70px 0px; background:url('/theme/smarthada/img/sub/businessbg.jpg')no-repeat;
 margin-top:2%; border:0px solid red; text-align:center; }
.business_tt{display: inline-block; margin:0 auto; padding:5px 15px; border-radius:25px; background:#333333; color:#FFDD2A; font-size:30px; font-weight:700;}




.business_tt1{font-size:35px; line-height:55px; font-weight:600;  margin-bottom:0%; color:#000;}
.business_tt2{font-size:25px; line-height:55px; font-weight:600;  margin-bottom:4%; color:#000;}
.business_tt3{
padding-left:25px; background:url('/theme/smarthada/img/sub/dot.png')no-repeat;

    display:block; font-size:21px; line-height:32px; font-weight:400; color:#000;  border:0px solid red; margin-bottom:4%;}

.business_tt4{font-size:21px;font-weight:400; color:#000; margin-bottom:3%;}   
.business ul{ margin:0 auto;  display: flex; justify-content: center; width:100%; padding-top:150px; }
.business ul li{width:30%;  bordeR-radius:25px; background:#fff;  padding:5%; margin:0% 2%; border:4px solid #D9D9D9; float:left; display: inline-block; 
    text-align: center;  overflow:hidden;}

.business ul li p{font-size:25px; font-weight:600; line-height:30px; color:#000; margin-top:5%;        margin-bottom:5%;}
.business ul li span{display:block; width:100%; line-height:30px; font-size:19px; color:#969696;}




@media all and (max-width:1199px){
.business{width:100%;}

}


@media all and (max-width:879px){
.business{ background:none;}
.business_tt{font-size:25px;}
.business_tt1{font-size:26px; line-height:35px;}
.business_tt2{font-size:20px; line-height:28px; }
.business_tt4{font-size:17px; padding-bottom:4%;}


.business ul{display:block; padding-top:50px;}
.business ul li{width:96%; margin:2%;}
.business ul li img{width:50%;}
}







.business2{width:100%;  margin:0 auto; position: relative; border:0px solid red;  padding-top:7%; overflow:hidden;}
.business2 ul{width:100%; position: relative;}
.business2 ul li{display: inline-block; float:left;}
.business2 ul li:first-child{width:55%; text-align: left;  padding-top:4%;}

.business2 ul li:last-child{width:45%; text-align:center;}
.business2 ul li:last-child img{width:100%;}



@media all and (max-width:879px){
.business2 ul li:first-child{width:100%; text-align: left;  padding-top:4%;}
.business2 ul li:first-child img{width:100%; padding-bottom:4%;}
.business2 ul li:last-child{width:100%; text-align:center;}
.business_tt3{font-size:17px; line-height:28px; padding-left:22px; }

}



.business3{width:100%;  margin:0 auto; position: relative; border:0px solid red;  padding-top:7%; overflow:hidden;}
.business3 ul{width:100%; position: relative;}
.business3 ul li{display: inline-block; float:left;}
.business3 ul li:first-child{width:45%; text-align: center;}
.business3 ul li:first-child img{width:100%;}
.business3 ul li:last-child{width:55%; padding-top:4%; padding-left:4%;}




@media all and (max-width:879px){
.business3 ul li:first-child{width:100%; text-align: center;}
.business3 ul li:first-child img{width:100%;}
.business3 ul li:last-child{width:100%; padding-top:4%; padding-left:0%;}

}



.business4{width:100%; text-align:center ; margin-top:5%; }




.productinfo{width:1200px;  margin:0 auto; position: relative; border:0px solid red;  padding-top:5%;}
.product_tt{display: inline-block; padding-bottom:4px; border-bottom: 0px solid #333; 
    font-size:24px;  color:#000; font-weight:600;}

.productinfo1{width:100%;  margin:0 auto; position: relative; border:0px solid red;  padding-top:12%; overflow:hidden;}
.productinfo1 ul{width:100%; position: relative;}
.productinfo1 ul li{display: inline-block; float:left;}
.productinfo1 ul li:first-child{width:50%; text-align:left;}
.productinfo1 ul li:first-child img{width:90%;}
.productinfo1 ul li:last-child{width:50%; padding-top:0%;}


@media all and (max-width:1199px){
   .productinfo{width:100%; }
}


@media all and (max-width:879px){
.productinfo1 ul li:first-child{width:100%; text-align:left;}
.productinfo1 ul li:first-child img{width:100%;}
.productinfo1 ul li:last-child{width:100%; padding-top:0%;}

.product_tt1{font-size:20px; padding-top:4px;}

}






.productinfo2{width:100%;  margin:0 auto; position: relative; border:0px solid red;  padding-top:12%; overflow:hidden;}
.productinfo2 ul{width:100%; position: relative;}
.productinfo2 ul li{display: inline-block; float:left;}
.productinfo2 ul li:first-child{width:50%; text-align: left;  padding-top:0%;}

.productinfo2 ul li:last-child{width:50%; text-align:right;}
.productinfo2 ul li:last-child img{width:90%;}
.productinfo2 ul li.mobileshow{display: none;}
.productinfo2 ul li.mobilenone{display:inline-block;}


@media all and (max-width:879px){
.productinfo2 ul li:first-child{width:100%; text-align:left;}
.productinfo2 ul li:first-child img{width:100%;}
.productinfo2 ul li:last-child{width:100%; padding-top:0%;}
.productinfo2 ul li:last-child img{width:100%;}
.productinfo2 ul li.mobileshow{display:inline-block;}
.productinfo2 ul li.mobilenone{display:none;}
}



.product_tt1{font-size:23px; line-height:35px; font-weight:500; color:#000;}
.product_tt2{font-size:32px; line-height:45px; font-weight:600; color:#000; margin-bottom:3%;}
.product_tt3{display:block;  width:100%; font-size:18px; line-height:30px; font-weight:400; color:#000; margin-bottom:3%;  }
.product_tt3 span{display:inline-block; font-weight:700;}

@media all and (max-width:879px){
.product_tt1{font-size:20px;margin-top:3%; }
.product_tt2{font-size:29px;}
.product_tt3{font-size:17px;}
}



.product_btn1{display:inline-block; padding:15px 20px; background:#06004A; color:#fff; font-size:19px; margin-right:2%; font-weight:500; 
    overflow:hidden;}
.product_btn2{display:inline-block; padding:30px; border:1px solid #333;  font-weight:600;font-size:27px;  text-align:center; color:#000;}


.btnarea{width:100%; text-align: center; border:0px solid red; padding-top:7%;}

.emailcon{width:100%; text-align:left; border:0px solid red; margin-top:5%; color:#000; line-height:31px; font-size:18px; }

.pri{width:100%; background:#f9f9f9;color:#000; line-height:31px; font-size:18px;padding:35px;
box-sizing: Border-box;}

.pri span{font-weight:600;}
.pri1{width:100%; box-sizing: Border-box; padding:35px; line-height:31px; font-size:17.5px;  color:#000;  border:2px solid #efefef; margin-top:5%;  }




.network{width:100%; display: flex; justify-content: center; margin-top:5%;}
.network div{width:30%; text-align:center; padding:35px;  margin:2%; border:3px solid #D9D9D9; border-radius: 35px;}
.networktt{font-size:68px; font-weight:600; color:#474747; font-family: "Montserrat", sans-serif; line-height:75px;}
.networktt1{font-size:19px; line-height:27px; margin-top:3%;}

.network1{background:url('/theme/smarthada/img/sub/networkbg.png')center; margin-top:5%; text-align:center; padding:200px 20px;  background-size:cover;}
.network1 p{font-size:50px; font-weight:700; color:#fff;  font-family: "Montserrat", sans-serif; text-shadow: 0px 0px 3px #000;} 
.network1  span{color:#fff; font-weight:500; font-size:22px; text-shadow: 0px 0px 6px rgba(0,0,0,0.4); padding-top:5%;}

.network2 {text-align: center; margin-top:5%;}
.network2 p{font-size:50px; color:#333;  font-family: "Montserrat", sans-serif;  font-weight:700;  }
.network2 p span{color:#7FDACF;}





@media all and (max-width:879px){
.network{display: block;}
.network div{width:94%; text-align:center; padding:35px;  margin:3%; border:3px solid #D9D9D9; border-radius: 35px;}
.network div img{width:50%;}
.networktt{font-size:52px;}
.networktt1{font-size:17px; line-height:27px; margin-top:3%;}

.network2 p{font-size:33px;}
.network1{background:url('/theme/smarthada/img/sub/networkbg.png')top center; background-size:500%;}
.network1{padding:110px 20px;}
.network1 p{font-size:40px;}
.network1  span{font-size:18px; line-height:30px;}

.ht100{height:50px;}

}