@charset "UTF-8";

 /* Page Title */

   

 h3 {width:100%; text-align:center; font-size:1.5em; font-weight:700; color:#333;  }

 .guide_text {font-size:0.93em; line-height:1.4em; color:#666;  width:100%; text-align:center; float:left;     box-sizing:border-box; padding:10px  4% 20px 4%}

.main_vi {width:100%; float:left;   height:100%; text-align:center;  box-sizing:border-box;  }
.main_vi p {font-size:1.3em; font-weight:600; margin-top:30px;  color:#fff; line-height:1.5em;}
.main_vi .main_vi_t {width:100%; box-sizing:border-box; padding:40% 5%;}

/*제품소개*/
 #wrap1 {background-color:#f9f9f9;  width:100%;  padding-bottom:10%;  float:left; box-sizing:border-box; z-index:999999999999999999999999999999999999999999999; position:relative;}
 #wrap1  .wrap_in {width:90%; margin:0 auto; }



 .business {width:100%; float:left;  }
 .business ul {width:94%; margin-left:3%; float:left; text-align:center; } 
 .business li {display:inline-block; width:48%;  text-align:center; box-sizing:border-box; padding:0 4%;  margin-bottom:20px; }
 .business li:nth-child(2) {float:right;}
.business li:nth-child(4) {float:right;}
 .business li:nth-child(6) {float:right;}
  business li:nth-child(8) {float:right;}
  .business li:nth-child(10) {float:right;}
   
 .business li  img.product_img {width:100%;     border-top:1px solid rgba(24,170,179,1); }
 .business li div.title {width:100%; float:left; height:35px; line-height:35px; vertical-align:middle;  font-size:1.05em; font-weight:600; color:#333; margin:5px 0 6px 0;}
.business li .t {color:#666; font-size:0.95em; width:100%; float:left; height:23px;  }
 .business li div.title img {vertical-align:middle;  margin-top:0; line-height:25px;  display:inline-block;}

.business li.box {background-color:#f9f9f9; width:50%; margin-left:25%; text-align:center;}


#slideshow {
  margin-top:100px;
  position: relative;
  width: 100%;
  height: 250px;
}
#slideshow ul, #slideshow li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#slideshow li {
  position: absolute;
  display: none;
  top: 0;
}
#slideshow li.active {
  display: block;
}

#mainBtn a {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 2;
}

#prevBtn {
  left: 0;
}

#nextBtn {
  right: 0;
}

#bullets {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0;
  width: 100%; 
 
  height: 10px;
  letter-spacing: -0.4em;
  text-align: center;
}
#bullets li {
  position: static;
  display: inline-block;
  margin: 0 5px; 
  border:1px solid #333; 
  letter-spacing: 0;
  width: 10px;  display:none;
  height: 10px;
  overflow: hidden;
   background-position: 0 -20px;
  background-repeat: no-repeat;
}
#bullets li.current {
  background-position: 0 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
#bullets li.current:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  cursor: default;
}
#bullets li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: pointer;
}




/*적용분야*/

 #wrap2 {background-color:#fff;   width:100%;  padding-bottom:10%; float:left; box-sizing:border-box;}

 .gall {width:100%; float:left; }
   
 .main_title {padding-top:10%;}

l.bl-img {position:relative; width:100%;  text-align:center;  }
ul.bl-img li {width:50%; height:100px;  float:left; overflow:hidden; position:relative; padding:0; margin:0; box-sizing:border-box;   }
ul.bl-img li img {display: block;}
 
.ov_wrap {position:absolute; text-align:center; z-index:9; bottom:0px;left:0px; top:0px;width:100%; height:100%;  background-color:rgba(0,0,0,.5) ;  font-size:0.9em; font-weight:600; box-sizing:border-box; }
ul.ov_wrap li {display:inline-block;  }
ul.ov_wrap {display:none;}
ul.bl-img li:hover ul.ov_wrap {display:block; } 
ul.bl-img li:hover ul.ov_wrap   a { }
ul.bl-img li:hover ul.ov_wrap  li {width:100%; height:100%;}
ul.bl-img li:hover ul.ov_wrap li div {color:#fff; width:100%; height:100%; box-sizing:border-box; padding-top:14%; text-align:center; padding-left:10%; padding-right:10%;  }


/*고객센터*/
 #wrap3 {background:url('/sian/img/customer_bg.jpg') no-repeat top center; width:100%; padding-bottom:10%; float:left; box-sizing:border-box;  }
#wrap3 .in {width:92%; margin-left:4%; float:left;}
.bn1 { width:100%;   padding:5%;  float:left; box-sizing:border-box;  text-align:center;    color:rgba(255,255,255,.9) !important;   font-weight:400; line-height:1.4em;}
.bn1 h3 {font-size:22px; font-weight:600; width:100%; float:left ;  color:#fff;  margin-bottom:20px;}
.bn1 .info_box {width:100%; float:left; box-sizing:border-box;  }
.bn1 .info_box p {font-size:1.05em; text-align:left; line-height:33px; font-weight:600; color:#fff; float:left;  width:100%;  letter-spacing:0.2px;    }
.bn1 .info_box span {width:100%; font-size:0.95em; font-weight:600; text-align:left; width:100%;  float:left; margin-top:10px; margin-bottom:20px;}
.bn1 img {vertical-align:middle; margin-right:8px;}
 #wrap3 a {color:#fff;}
 

 #wrap3  a.btn {border:2px solid #fff; color:#fff !important; width:100%;  display:inline-block; text-align:center; line-height:1.2em;  padding:13px 0; font-size:0.95em; font-weight:600;    transition: background-color 0.3s ease-in;}

.bn2 { width:50%;   padding:5%;  float:left; box-sizing:border-box;  text-align:center;    color:rgba(255,255,255,.9) !important;   font-weight:400; line-height:1.4em;}
 .bn2 h3 {font-size:1.2em; font-weight:600; color:#fff; width:100%; float:left; margin-bottom:20px;}
 .bn2 .img_hidden {width:100%; height:80px; overflow:hidden; margin-bottom:15px;}
  .bn2 .img_hidden img {width:100%;  }

#footer {margin-top:0px; }
#main .fixed_top {display:none}