/* BASIC css start */
#br_contentWrap {Position: relative; width:100%; height:100% ;margin: 0 auto; text-align:center;}
#br_content {Position: relative; width:1240px; height:100%; margin: 0 auto; text-align:center;}
#br_contentWrap .b_ti { display:block;  width:100%; height:50px; margin-top:100px;  margin-bottom: 50px; font-size:30px; color:#333; font-weight:300; text-align:center;}
#br_contentWrap div > .bl {color:#333;}
#br_contentWrap div > .bd { float:left; display:inline-block; width:110px; height:1px; margin:20px 0px;  background:#333; }
#br_contentWrap div > p.txt_cont { display:block;  float:left;  text-align:left; margin-top:20px; font-size:16px; line-height:24px; color:#666; font-weight:300; }



#br_contentWrap .brand_step01 { Position: relative; float:center; width:1240px;  height:908px; text-align:left; margin:0 auto;  margin-top:150px; margin-bottom:100px;  background-color:#f5f4f4; }
#br_contentWrap .brand_step01 .brand_top_box { Position: relative;  width:100%; display:block; height:150px; background-color:#fff; }
#br_contentWrap .brand_step01 .brand_top_box h1 { width:100%;  font-size:50px; line-height:50px; padding:2px 0px; text-align:center; color:#333; font-weight:400; z-index:1;}
#br_contentWrap .brand_step01 .brand_top_box .b_ti02 { display:block;  width:100%; height:20px; font-size:22px; color:#333; font-weight:300; text-align:center;}
#br_contentWrap .brand_step01 .brand_left_box01 {float:left;  width:620px;  height:372px; margin-left:70px; margin-top:80px;  text-align:center; background:url("/design/histolab/2019/sub/lab_img01.jpg") center no-repeat;
box-shadow:15px 20px 40px #999; z-index:20; }
#br_contentWrap .brand_step01  .brand_left_box01 h1 { width:100%;  font-size:50px; line-height:50px;  margin-top:150px; font-weight:400; color:#fff; }
#br_contentWrap .brand_step01  .brand_left_box01 h3 { width:100%;  font-size:20px; line-height:20px; font-weight:400; color:#fff; }
#br_contentWrap .brand_step01  .brand_right_box02 { float:right;  width:420px;  height:200px;  margin-top:80px; margin-right:70px;  text-align:left;  }
#br_contentWrap .brand_step01  .brand_right_box02 h2 { width:100%; height:30px; font-size:30px; color:#333; text-align:left; font-weight:300; }


#br_contentWrap .brand_step02 {Position: relative; width:1240px;  height:796px; margin-top:300px; text-align:center; margin:0 auto;   }


#br_contentWrap .brand_step03 { width:100%;  height:796px; z-index:1;}
#br_contentWrap .brand_step03 h1 { width:100%;  font-size:50px; line-height:50px; padding:2px 0px; color:#333; font-weight:400; z-index:1;}
#br_contentWrap .brand_step03 .b_ti02 { display:block;  width:100%; height:50px; font-size:30px; color:#333; font-weight:300; text-align:center;}
#br_contentWrap .brand_step03 .slider { width:1240px;  height:660px;  margin:0 auto; z-index:1; }
#br_contentWrap .brand_step03 .slider .slide { width:1240px;  height:660px;  margin:0 auto; z-index:1; text-align:left;}
#br_contentWrap .brand_step03 .slider .slide .text_box { float:right;  width:450px;  height:300px; margin-right:60px; margin-top:300px; padding:55px; background-color:#fff; 
color:#333; text-align:left; z-index:20; }
#br_contentWrap .brand_step03 .slider .slide .text_box .bd { float:left;display:block; width:200px; height:1px; background:#333; }
#br_contentWrap .brand_step03 .slider .slide .text_box h2 { width:100%; height:30px; font-size:30px; margin-bottom:40px; color:#333; text-align:left; font-weight:400;}
#br_contentWrap .brand_step03 .slider .slide .text_box .txt_cont { float:left; display:block; width:100%; height:100px; margin-top:20px; font-size:17px;  line-height:24px; color:#666; text-align:left; font-weight:300;  clear: both; }


#br_contentWrap .brand_step04 {Position: relative; width:1240px;  height:804px; margin-top:300px; text-align:center; margin:0 auto;   }
#br_contentWrap .brand_step04 h1 { width:100%;  font-size:45px; padding-top:12px; text-align:center; color:#fa3b21; font-weight:400; z-index:1;}
#br_contentWrap .brand_step04 .b_ti02 img { margin-top:-20px; }
#br_contentWrap .brand_step04 .b_ti02 { display:block;  width:100%; font-size:28px; color:#333; font-weight:300; text-align:center;  vertical-align:bottom;}
#br_contentWrap .brand_step04 p.s_title { display:block;  width:100%; height:20px; font-size:18px; color:#777; margin-bottom:20px;font-weight:300; text-align:center;}



#br_contentWrap .brand_step05 {Position: relative; width:1240px;  height:804px; margin-top:300px; text-align:center; margin:0 auto;   }

/* ·Ñ¸µ ¹öÆ° */
.slick-prev:before, 
.slick-next:before {color:#000; }
.slick-slide {transition: all ease-in-out .3s; opacity: .2; }    
.slick-active {opacity: .5;}
.slick-current {opacity: 1; }
/* BASIC css end */