@charset "utf-8";
/* @import url(section1_product5.css); */
/* @import url(section2_bbanner_section.css); */
/* @import url(section3_noti_wrap.css); */
/* @import url(section4_foot_menulist.css); */
@import url('common.css');


body{width: 100%;height: 100%;}

#wrap{position: relative;width: 100%;height: auto; }

#wrap #content{width: 100%; height:auto !important; padding-top:0; margin:0;padding:0; }
#wrap #content:after{display: block;content: '';clear: both;}

.section{position: relative; width:100%; height:100%;}
.section .fp-tableCell{}


.section.default .container{width: 100%;height: 100%;}
.section.default h3{padding:11% 0 20px 0;text-align: center;font-size: 48px;color: #fff;font-weight:600; letter-spacing:-0.03em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section.default p.tit{font-size:18px; font-weight:300; line-height:1.5; color:#fff; text-align: center; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
#section0 .fp-tableCell{position: relative;}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: 160px !important;
}
.prod_form .form_box select{background-color: transparent;}

.animated{}
.animated h3{animation : moveUp 1.5s both;}
.animated p{animation : moveUp 1.5s both; animation-delay: 0.4s;}
.animated a{animation : moveUp 1.5s both; animation-delay: 0.8s;}

/* .logo{margin-bottom: 10px;} */

@keyframes moveUp {
  0%{opacity: 0; transform: translateY(20px);}
  100%{opacity: 1; transform: translateY(0px);}
}

/* common margin */

/* 메인 세 번째 영역 */
#section2{background-image: url('/file/img/s_img/main03_img.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}


/* video style */
figure{height: 100%;}
.pc_video{}
.mobile_video{display : none;}
figure video{height: 963px; background-image: url('/file/img/s_img/pc_img.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

  /* main search */
  .board_search{max-width : 1500px; margin : 0 auto;}
 .form_sec{margin-bottom:80px;}

  /* 씨앤비바이오 두 번째 영역 */
  .press_main{display : flex; justify-content: center; text-align: center; gap: 45px; max-width : 1650px; width: 96%; margin : 0 auto; }
.press_main .img{position: relative; max-height: 400px; max-width: 520px; display : flex; align-items: center; border : 1px solid #aaaaaa42; transition: 0.3s; box-sizing: border-box; overflow: hidden;}
.press_main .img:hover::after{opacity: 1;}
.press_main .img::after{content : ''; display : block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border : 5px solid var(--primary-color); opacity: 0; transition: 0.4s; }
/* .press_main .img:hover{border : 5px solid var(--primary-color)} */
.press_main .img img{width: 110%; height: 100%; object-fit: cover;}
.press_main .date{margin : 27px 0 10px; font-size: 16px; font-weight: 300; color : #aaa; }
.press_main .tit{color : #000;}
#section4 footer{margin-top: 60px;}




@media (max-width : 1800px){

}

@media (max-width : 1500px) {

}

@media (max-width : 1420px) {
  .section .fp-tableCell{margin : 60px 0;}

}

@media (max-width : 1400px){
  .press_main .img{min-height: auto;}
}

@media (max-width : 1350px) {
   
}

@media (max-width : 1199px) {
  .out{display : none;}
  #section0{margin-top: 60px;}
  .fp-section{height: auto !important; margin : 0px 0 0;}

}

@media screen and (max-width:1000px) {
	
	
}

@media (max-width : 991px) {
  .press_main{flex-direction: column; gap : 24px;}
  .press_tit{margin : 30px 0 18px;}
  .press_main .img{min-height: auto; border : none}
  .press_main .date{margin : 15px auto 6px;}
  .press_main .img{display : block; text-align: center;}
  .press_main dd{max-width : 520px; margin : 0 auto; width: 100%;}

  .press_main .img{margin : 0 auto;}
  .press_main .img:hover{border : none;}

  .press_main .img::after{display : none;}
}


@media screen and (max-width:800px) {
	 
}

@media screen and (max-width:640px) {
  .press_main li dl dd a{font-size: 15px;}
}

@media (max-width : 450px) {

}

@media (max-width : 400px) {
  
}