/* CONTENT CSS - add CSS (header, footer : com.css) */

#sub h3{
  text-align: center;
  font-size: 30px;
  color: #222;;
  padding:50px 0 50px 0
}

/*sub_mv*/
.sub_mv{
  width: 100%;
  height: 456px;
  background: url(../images/sub/submv.png)center no-repeat;
  background-size:cover;
}
.sub_mv h2{
  display: block;
  float: right;
  margin-top:200px;
}

/*aside*/

.sub_navi{
  margin:80px 0 30px 0;
  overflow: hidden;

}

.sub_navi ul li{
  width: 160px;
  height: 40px;
  float: left;
  border: 1px solid #ccc;
  text-align: center;
  margin-right: 10px;
}
.sub_navi ul li:last-child{
  margin-right: 0px;
}
.sub_navi ul li a{
  display: block;
  overflow: hidden;
  line-height: 40px;
  font-size: 15px;
}

.sub_navi  .on{
  height: 40px;
  color: #fff;
  display: block;
  background-color: #444
}
.sub_navi .on a{
  color: #fff;
}

/*product*/

.over img:hover{
  cursor:pointer;

       transform:scale(1.1); /* 마우스 오버시 이미지 크기를 1.1 배만큼 확대시킨다. */

       -o-transform:scale(1.1);
       -moz-transform:scale(1.1);

       -webkit-transform:scale(1.1);

 transition: all 0.3s ease-in-out;
       transition: transform .25s;
       -o-transition: transform .25s;
       -moz-transition: transform .25s;
       -webkit-transition: transform .25s;


}


.product_wrap{
  overflow: hidden;
}
.product_wrap ul{
  width: 100%;
  overflow: hidden;
  margin-top: 50px;
}
.product_wrap ul li{
  width: 288px;
  height: 290px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  float: left;
  display: block;
  margin-right: 13px;
  padding:50px 0 0 0px;
  margin-bottom: 40px

}
.product_wrap ul li a{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 347px;
  text-align: center;
}
.product_wrap ul li img{
  margin: 0 auto;
  display: block;
}
.product_wrap ul li p{
  font-size: 20px;
  color: #000;
  padding-top: 30px;
}
.product_wrap ul li span{
  font-size: 17px;
  color:#909090;
}

/*product_view*/
.p_center{
  width: 1000px;
  margin: 0 auto;
}
.product_main{
  width: 100%;
  overflow: hidden;
  margin:100px 0 60px 0

}
.img_wrap{
  width: 50%;
  float: left;
  text-align: center;
  margin-top: 30px;
}
.pdf_down{
  width: 160px;
  height: 30px;
  background-color: #333;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  line-height: 29px;
  color: #fff;
}
.pdf_down a{
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
}




.info_wrap{
  width: 50%;
  float: left;
}

.view_pro_title{
  font-size: 31px;
  color: #333;
  padding: 0 0 35px 0;
}
.info_wrap .s_t{
  font-size:21px;
  font-weight: 600;
  color: #e10909
}

.features_txt{
  padding:5px 0  25px 0;
}
.tatget_txt{
  padding:5px 0
}
.s_title{
  font-size: 21px;
  text-align: center;
  color: #e10909;
  padding-bottom: 15px;
  font-weight: 600;
}
.how_to_use{
  overflow: hidden;
  margin-top: 100px;
}
.how_to_use table{
  width: 100%;
}
.how_to_use  th,td{

  box-sizing: border-box;
  text-align: center;
}
.how_to_use  th{
  background-color: #797979;
  color: #fff;
  font-size: 17px;
  padding:10px;
  border:1px solid #999;

}
.how_to_use  td{
  font-size: 14px;
  border:1px solid #e0e0e0;
  padding:20px;
  background-color: #f0f0f0;

}
.target_wrap{
  display: block;
  width: 100%;
  margin-top: 100px;
}

.target_box{
  width: 100%;
  margin-bottom: 70px;
  overflow: hidden;

}

.list{
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
  margin-top:20px;
}

.list a{
  color: #fff;
  background-color: #333;
  padding:10px;
  text-align: center;
}



/*contact us*/
.con_box{
  padding:70px 0 70px 0;
  overflow: hidden;
}
.con_box .left_img{
  width: 45%;
  float: left;
  text-align: center;
}
.con_box .right_txt{
  width: 50%;
  float: left;
  margin-top: 50px;
  background: url(../images/sub/con_bar.jpg)no-repeat;
  padding-left: 20px;
}

.right_txt .g_t{
  color: #25ad1a;
  font-size: 25px;
}

.right_txt .info{
  font-size: 15px;
}
.right_txt .view{
  width: 90px;
  height: 32px;
  background-color: #f9af45;
  text-align: center;
  margin:20px 0
}
.right_txt .view a{
  color: #fff;
  font-size:14px;
  line-height: 32px;
}
.right_txt .mini_t{
  color: #999999;
  font-size:18px;
}

/*R&D*/

.rd_tit{
  text-align:center;
  letter-spacing:1px;
  font-size: 25px;
  padding:10px 0 50px 0;
  color: #25ad1a;
  line-height: 27px;
}


.certificate{
  width: 100%;
  display: block;
  overflow: hidden;
  padding-bottom:50px;
}
.certificate ul li{
  float: left;
  display: block;
  width: 400px;
}
.quality{
  width: 100%;
  margin:80px 0 80px 0;
  overflow: hidden;


}
.quality ul li{
  width: 400px;
  float: left;
  height:300px;
  background-color: #f0f0f0;
}
.r_txt{
  text-align: center;
  font-size: 16px;
  padding-top:80px;
}


/*advisory board*/
.people_wrap{
  width: 100%;
  overflow: hidden;
  margin-bottom: 100px;
}

.people_wrap ul li{
  width: 524px;
  height: 300px;
  float: left;
  display: block;
  margin:0px 20px 20px 0;
  background-color: #fff;
  border: 3px solid #eee;
  padding:30px 30px 0 30px;
}

.people_wrap .peo_t{
  font-size: 22px;
  color: red;

}
.people_wrap .founder{
  font-size: 18px;
  color: #999;

}
.people_wrap .career{
  font-size: 15px;
  color: #222;
  padding-top:25px;
}
.people_wrap .red_text{
  color:#dd7171; font-weight:700;font-size:16px;
}



/*ceo*/
.movie{
  width: 100%;
  margin-bottom: 100px;
}


/*overview*/

.overview_wrap{
  width: 100%;
  margin: 50px 0 100px 0;
  display: block;
  overflow: hidden;

}

.overview_wrap .left_text{
  width: 58%;
  float: left;
}

.overview_wrap .right_img{
  width: 39%;
  float: right;
}