@charset "utf-8";
/* CSS Document */


/*** 연사소개 롤오버01***/

.team01_wrapper {
  /*background: #fff;
  padding: 60px 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/
}
.team {

}

.team .member {
  text-align: center;
  /*margin-bottom: 20px;*/
  position: relative;
  /*border-radius: 50%;*/  /*사진 동그랗게할때*/
  overflow: hidden;
}

.team .member .member_info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

.team .member .member_info_content {
  margin-top: 50px;
  transition: margin 0.2s;
}

.team .member:hover .member_info {
  background: rgba(0, 62, 128, 0.7);
  opacity: 1;
  transition: 0.4s;
}

.team .member:hover .member_info_content {
  margin-top: 0;
  transition: margin 0.4s;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

.team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}
/* social 기존꺼 */
.team .member .social {
  margin-top: 15px;
}

.team .member .social a {
  transition: none;
  color: #fff;
}

.team .member .social a:hover {
  color: #1e5430;
}

.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* social02 */
.team .member .social02 i {
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  color: #444;
  font-size: 22px;
  height: 38px;
  line-height: 38px !important;
  width: 38px;
  transition: all 250ms ease-in-out 0s;
  border: 1px solid #ededed;
}
.team .member .social02 i:hover {
   background-color: #1e5430;
   color: #fff;
   border: 1px solid #1e5430;
}


/*** 연사소개 롤오버 02 옆으로 사진4개***/

.team02_wrapper {
  /*background: #fff;
  padding: 60px 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/
}
.team02 {

}

.team02 .member {
  text-align: center;
  /*margin-bottom: 20px;*/
  position: relative;
  /*border-radius: 50%;*/  /*사진 동그랗게할때*/
  /*overflow: hidden;*/
  margin-bottom: 80px;
}

@media screen and (max-width:992px) {
  .team02 .member {
    margin-bottom: 100px;
  }
}

.team02 .member .member_info {
  opacity: 0;
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;*/
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

.team02 .member .member_info_content {
  margin-top: 50px;
  transition: margin 0.2s;
  margin-left::auto;
  margin-right:auto;
  padding-top:20%;
}

.team02 .member:hover .member_info {
  background: rgba(0, 62, 128, 0.7);
  opacity: 1;
  transition: 0.4s;
}

.team02 .member:hover .member_info_content {
  margin-top: 0;
  transition: margin 0.4s;
}

.team02 .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}
.team02 .member h4::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: calc(50% - 25px);
}
.team02 .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}
/* social 기존꺼 */
.team02 .member .social {
  margin-top: 15px;
}

.team02 .member .social a {
  transition: none;
  color: #fff;
}

.team02 .member .social a:hover {
  color: #1e5430;
}

.team02 .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* social02 */
.team02 .member .social02 i {
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  color: #444;
  font-size: 22px;
  height: 38px;
  line-height: 38px !important;
  width: 38px;
  transition: all 250ms ease-in-out 0s;
  border: 1px solid #ededed;
}
.team02 .member .social02 i:hover {
   background-color: #1e5430;
   color: #fff;
   border: 1px solid #1e5430;
}


.profile05_photo { position: relative;}

.member_profile_box {
	 position: absolute;
    bottom: -38px;
    left: 15px;
    right: 15px;
    background: linear-gradient(360deg, #5c768d 0%, rgba(92, 118, 141, 0.9) 35%, rgba(140, 167, 191, 0.8) 100%);
    padding: 15px 0;
	 padding: 5px 13px 5px 13px;
    border-radius: 4px;
	 text-align:center;
	}
	
.member_profile_box.chairperson_tit_bg { background: linear-gradient(360deg, #7c3380 0%, rgba(124, 51, 128, 0.9) 35%, rgba(148, 82, 151, 0.8) 100%);}
	
.member_profile_box h4 {
	 margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
	}
.member_profile_box .profile05 {
	 font-style: italic;
    display: block;
    font-size: 13px;
    color: #fff;
	 margin-top: 10px;
	}
	
.member_profile_box .social {}	
.profile_btn { 
   position:absolute;
	left: 0;
	right: 0;
	bottom: -90px;
	text-align: center;
	}


/*** 연사소개 롤오버03 동그란 사진 검은배경 인천 agenda페이지 연사***/

.team03_wrapper {
  /*background: #fff;
  padding: 60px 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/
}
.team03 {

}

.team03 .member {
  text-align: center;
  /*margin-bottom: 20px;*/
  position: relative;
  border-radius: 50%;  /*사진 동그랗게할때*/
  overflow: hidden;
  width:150px;
  height:150px;
  display: inline-block;
}

.team03 .member .member_info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

.team03 .member .member_info_content {
  margin-top: 50px;
  transition: margin 0.2s;
}

.team03 .member:hover .member_info {
  background: rgba(0, 62, 128, 0.7);
  opacity: 1;
  transition: 0.4s;
}

.team03 .member:hover .member_info_content {
  margin-top: 0;
  transition: margin 0.4s;
}

.team03 .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

.team03 .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}
/* social 기존꺼 */
.team03 .member .social {
  margin-top: 15px;
}

.team03 .member .social a {
  transition: none;
  color: #fff;
}

.team03 .member .social a:hover {
  color: #1e5430;
}

.team03 .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* social02 */
.team03 .member .social02 i {
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  color: #444;
  font-size: 22px;
  height: 38px;
  line-height: 38px !important;
  width: 38px;
  transition: all 250ms ease-in-out 0s;
  border: 1px solid #ededed;
}
.team03 .member .social02 i:hover {
   background-color: #1e5430;
   color: #fff;
   border: 1px solid #1e5430;
}

.member_profile_box03 { margin-top:20px; margin-top:10px;}
.member_profile_box03 h4 {}
.member_profile_box03 p { color: #4f4f4f;}

.profile_btn03 { 
	/*text-align: center;*/
	margin-top:30px;
	margin-bottom:15px;
	}



/*** 연사소개 롤오버03 사각형 사진 검은배경 인천 speaker페이지 연사***/

.team05_wrapper {
  /*background: #fff;
  padding: 60px 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/
}
.team05 {

}

.team05 .member {
  text-align: center;
  /*margin-bottom: 20px;*/
  position: relative;
  /*border-radius: 50%;*/  /*사진 동그랗게할때*/
  overflow: hidden;
  /*width:150px;*/
  /*height:150px;*/
  display: inline-block;
}

.team05 .member .member_info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

.team05 .member .member_info_content {
  margin-top: 50px;
  transition: margin 0.2s;
}

.team05 .member:hover .member_info {
  background: rgba(0, 62, 128, 0.7);
  opacity: 1;
  transition: 0.4s;
}

.team05 .member:hover .member_info_content {
  margin-top: 0;
  transition: margin 0.4s;
}

.team05 .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

.team05 .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}
/* social 기존꺼 */
.team05 .member .social {
  margin-top: 15px;
}

.team05 .member .social a {
  transition: none;
  color: #fff;
}

.team05 .member .social a:hover {
  color: #1e5430;
}

.team05 .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* social02 */
.team05 .member .social02 i {
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  color: #444;
  font-size: 22px;
  height: 38px;
  line-height: 38px !important;
  width: 38px;
  transition: all 250ms ease-in-out 0s;
  border: 1px solid #ededed;
}
.team05 .member .social02 i:hover {
   background-color: #1e5430;
   color: #fff;
   border: 1px solid #1e5430;
}

.member_profile_box05 { margin-top:20px; margin-top:10px;}
.member_profile_box05 h4 {}
.member_profile_box05 p { color: #4f4f4f;}

.profile_btn05 { 
	/*text-align: center;*/
	margin-top:30px;
	margin-bottom:15px;
	}


@media screen and (max-width:768px) {
	
.speakers_list80 {
    text-align: center;
}
	
}


	

/*** 롤오버 Styling ***/

.preview_outer03 { position:relative; overflow:hidden; margin-bottom:10px;}

.preview_outer03_in {}
.preview_outer03_img {}

.preview_outer03_in img { transition: all ease-in-out 0.4s; cursor:pointer; 
  /*-webkit-filter: grayscale(100%);*/ /* Safari 6.0 - 9.0 */
  /*filter: grayscale(100%);*/
  }
.preview_outer03_in:hover img { 
    transition: transform .8s ease-in-out;
    width: 100%;
    transform: scale(1.2) rotate(0);
	/* -webkit-filter: grayscale(0%);*/ /* Safari 6.0 - 9.0 */
    /*filter: grayscale(0%);*/
	 }

.media_img {
  display: block;
  width: 100%;
  height: auto;
}

.overlay03 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,.6);
}

.preview_outer03:hover .overlay03 {
  opacity: 1;
}

.preview_outer03_txt { 
  position: absolute;top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width:90%;
  }
.preview_outer03_txt h3 {color: white; font-size: 30px;} 

.preview_outer03 .text03 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width:90%;
}
.preview_outer03 .text03 h3 {color: white; font-size: 30px;} 
.preview_outer03 .text03 p {color: white; font-size: 15px;}  

.preview_outer03 .text03 i {
	background-color: #fff;
   color: #484848;
   border-radius: 50%;
   color: #444;
   font-size: 42px;
   height: 80px;
   line-height: 80px !important;
   width: 80px;
   transition: all 250ms ease-in-out 0s;
   border: 1px solid #ededed;
    }
.preview_outer03 .text03:hover i {
	background-color: #2250fc;
   color: #fff;
   border: 1px solid #2250fc;
    }    


/*** swiper-wrapper_ Demo styles ***/ 

.main_box70_wrap {
      background: #eee;
		padding:40px 0 30px 0;
      
    }

.swiper-container {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      /*display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;*/
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}
    
	 .swip_txt { min-height:100px; background:#ffffff;
	   /* Center slide text vertically */
		/*display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;*/
		 }
	 .swiper-slide h3 { margin-top:10px; margin-bottom:10px; font-size:18px; }



/* 롤오버 preview_outer02 Page Styling */
.preview_outer02 a img {
    width: 100%;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.preview_outer02 {
    -webkit-border-radius: 0px;
    border-radius: 0px;
   /* -webkit-box-shadow: 0 0 20px 0 #bfc0c1;
    box-shadow: 0 0 20px 0 #bfc0c1;*/
    height: auto;
    overflow: hidden;
    display: block;
    /*margin-bottom: 30px;*/
    position: relative;
    z-index: 1;
}
.preview_outer02 > img {
    width: 100%;
    position: relative;
}
.preview_outer02:hover .demo_link img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.preview_outer02::before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    visibility: hidden;
    background: #fe563a; /* Old browsers */
    background: -moz-linear-gradient(left, #3eb8ea 0%,#006fae 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3eb8ea 0%,#006fae 100%); /* Chrome10-25,Safari5.1-6 */
    background: -ms-linear-gradient(left, #3eb8ea 0%,#006fae 100%);
    background: linear-gradient(to right, #3eb8ea 0%,#006fae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb8ea', endColorstr='#006fae',GradientType=1 );
    -webkit-transition: all .5s ease .1s;
    -o-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    -webkit-transform: scale3d(0, 1, 0);
    -ms-transform: scale3d(0, 1, 0);
    -o-transform: scale3d(0, 1, 0);
    transform: scale3d(0, 1, 0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    opacity: 0.3;
}
.preview_outer02:hover::before,
.preview_outer02:focus::before {
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.preview_outer02 .overlay02 {
    position: absolute;
    z-index: 2;
    display: inline-block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
	 
	 width:90%;
}
.preview_outer02:hover .overlay02,
.preview_outer02:focus .overlay02 {
    opacity: 1;
}
.preview_outer02 .overlay02 h3 {
    font-size: 18px;
	 color:#ffffff;
	 font-weight:bold;
}
.preview_outer02 .overlay02 p.profile02 {
    font-size: 15px;
	 color:#ffffff;
	 margin-bottom:15px;
}
.preview_outer02 .overlay02 p.title02 {
    font-size: 14px;
	 color:#b2e6fb;
}