/* BASIC css start */
#br_contentWrap { width:100%; height:100% ;margin: 0 auto; text-align:center;}
#br_content { 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 { width:1240px;  height:1867px; text-align:left; margin:0 auto; background-color:#f5f4f4;}
#br_contentWrap .brand_step01 .brand_left_box01 { float:left; width:420px;  height:200px;  margin-top:80px; margin-left:70px;  text-align:left; }
#br_contentWrap .brand_step01 .brand_left_box01 h2 { width:100%; height:30px; font-size:30px; color:#333; text-align:left; font-weight:300; }
#br_contentWrap .brand_step01 .brand_right_box02 {  float:right; width:620px;  height:372px; margin-right:70px; margin-top:80px;  text-align:center; background:url("/design/histolab/2019/sub/brand_im01_bg.jpg") center no-repeat;
box-shadow:15px 20px 40px #999; z-index:20;}
#br_contentWrap .brand_step01 .brand_right_box02 h1 { width:100%;  font-size:50px; line-height:372px; font-weight:400; color:#fff; }


#br_contentWrap .brand_step02 { float:center; width:1240px;  height:400px; text-align:left; margin:0 auto;  background-color:#f5f4f4; }
#br_contentWrap .brand_step02  .brand_left_box01 {float:left;  width:620px;  height:372px; margin-left:70px; margin-top:80px;  text-align:center; background:url("/design/histolab/2019/sub/brand_im02_bg.jpg") center no-repeat;
box-shadow:15px 20px 40px #999; z-index:20; }
#br_contentWrap .brand_step02  .brand_left_box01 h1 { width:100%;  font-size:50px; line-height:50px;  margin-top:150px; font-weight:400; color:#fff; }
#br_contentWrap .brand_step02  .brand_left_box01 h3 { width:100%;  font-size:20px; line-height:20px; font-weight:400; color:#fff; }

#br_contentWrap .brand_step02  .brand_right_box02 { float:right;  width:420px;  height:200px;  margin-top:80px; margin-right:70px;  text-align:left;  }
#br_contentWrap .brand_step02  .brand_right_box02 h2 { width:100%; height:30px; font-size:30px; color:#333; text-align:left; font-weight:300; }
#br_contentWrap .brand_step03  { float:center;  width:1240px;  height:172px;  margin:0 auto; text-align:center;  }
#br_contentWrap .brand_step03  ul { float:center;  margin:0 auto; width:1000px;  }
#br_contentWrap .brand_step03  ul > li { float:left;  width:172px; height:172px; margin:0 35px; text-align:center; border-radius:172px; border:2px solid #f5f4f4;  }  
#br_contentWrap .brand_step03  ul > li  > .red_ti { font-size:24px; color:#f0442c; line-height:22px;  font-weight:400;  margin-top:40px;} 
#br_contentWrap .brand_step03  ul > li  > .bl_ti { font-size:20px; color:#999; line-height:20px;   font-weight:400; margin-top:10px; } 


#br_contentWrap .brand_step04 { position: relative; width:100%;  height:600px;  padding-top:50px; background:#f5f4f4; z-index:1;}
#br_contentWrap .brand_step04 .brand_center_box { width:1240px;  height:546px; margin:0 auto; background:url("/design/histolab/2019/sub/brand_im03_bg.jpg") center no-repeat; clear: both; }
#br_contentWrap .brand_step04 .brand_center_box h1 { width:100%;  font-size:50px; line-height:250px; font-weight:400; color:#fff; vertical-align:bottom; }
#br_contentWrap .brand_step04 .brand_center_box .text_box {  position: relative;  width:560px;  height:400px; margin:0 auto; background-color:#f0442c;  margin-top:10px;  color:#fff; 
text-align:center; box-shadow:15px 20px 40px #999; z-index:20; clear: both; }
#br_contentWrap .brand_step04 .brand_center_box .text_box .bd { display:block; width:200px; height:1px; margin:0 auto; background:#fff; }
#br_contentWrap .brand_step04 .brand_center_box .text_box h2 { display:inline-block; width:100%; height:30px; font-size:30px; color:#fff; text-align:center; font-weight:400; padding-top:50px; }
#br_contentWrap .brand_step04 .brand_center_box .txt_cont { width:100%; font-size:17px;  color:#fff; text-align:center; font-weight:400; margin-top:50px;  }



#br_contentWrap .brand_step05 { width:100%;  height:800px;  padding-top:50px; z-index:1;}
#br_contentWrap .brand_step05 h1 { width:100%;  font-size:50px; line-height:50px; padding:2px 0px; color:#333; font-weight:400; z-index:1;}
#br_contentWrap .brand_step05 .b_ti02 { display:block;  width:100%; height:50px; font-size:30px; color:#333; font-weight:300; text-align:center;}
#br_contentWrap .brand_step05 .slider { width:1240px;  height:660px;  margin:0 auto; z-index:1; }
#br_contentWrap .brand_step05 .slider .slide { width:1240px;  height:660px;  margin:0 auto; z-index:1; text-align:left;}
#br_contentWrap .brand_step05 .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_step05 .slider .slide .text_box .bd { float:left;display:block; width:200px; height:1px; background:#333; }
#br_contentWrap .brand_step05 .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_step05 .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_step06 { width:1240px;  height:1419px;  margin:0 auto; z-index:1; text-align:left}
#br_contentWrap .brand_step06 > p { margin-bottom:50px;}
#br_contentWrap .brand_step06 li { float:left; width:100%; height:16px; font-size:16px; line-height:16px; padding:8px 0px; font-weight:300; color:#999; 
text-align:left !important;}
#br_contentWrap .brand_step06 li .bl {color:#333;}



/* ¿µ»ó div */
#br_contentWrap .brand_step07 { width:1240px; height:auto;  margin:0 auto; margin-top:150px !important; z-index:1; text-align:center;}
#br_contentWrap .brand_step07 h1 { width:100%;  font-size:30px; line-height:30px;  margin:0 auto; padding:10px 0px; color:#333;  text-align:center;  }
#br_contentWrap .brand_step07 > img  { width:100%;}
#br_contentWrap .brand_step07 > p { margin-bottom:50px;}
#br_contentWrap .brand_step07 
#br_contentWrap .brand_step07 .video iframe,
#br_contentWrap .brand_step07 .video object,
#br_contentWrap .brand_step07 .video embed {float:right; top:0; left:0; width:100%; height:100%; border:0; }



/* °Ô½ÃÆÇ, ž¹è³Ê À̹ÌÁö */
#contentWrapper .board_im_bg { position: relative;  height:260px; width:100%; text-align:center; margin-top:-20px; background:url("/design/histolab/2019/common/brand_bg2023.jpg") center no-repeat;  clear: both;}
#contentWrapper .board_im_bg  > img { width:100%;}
#contentWrapper .board_im_bg h2 {font-size:35px; height:30px; color:#fff; padding-top: 40px; padding-bottom: 15px;  margin:0 auto;  font-weight:300; }
#contentWrapper .board_im_bg h3 {font-size:16px; height:25px; color:#fff; padding: 10px 0px; margin:0 auto;  font-weight:300; }

/* ·Ñ¸µ ¹öÆ° */
.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 */