#sub_wrap {width:100%; float:left;}

.sub_con_wrap  {position:relative;width:100%; float:left; padding:3.5% 0;}
.sub_con {position:relative;width:1240px; margin:0 auto;  box-sizing:border-box; }

.sub_con h2.guide {width:100%; float:left; text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; font-size:30px; font-weight:700; margin-top:60px; }
.sub_con h2.guide span {width:100%; float:left; font-size:13px; font-weight:300; color:#999; height:15px; letter-spacing:0.8px; }
.sub_con h2.guide .guide_tit_cover {background-color:#26335e; font-size:14px; color:#fff; display:inline-block; width:auto; float:none; padding:6px 20px 20px 20px; box-sizing:border-box; line-height:1em; border-radius:50px; font-weight:400; margin-bottom:15px;}

.sub_con .content {width:100%; float:left; margin-bottom:60px; font-size:16.2px; line-height:1.7em; color:#55; font-weight:300}
.sub_con .content b {font-size:27px; font-weight:500; line-height:1.5em; color:#fff}
.sub_con .content strong {color:#26335e}

.sub_title {width:20%; float:left; font-size:30px; font-weight:600; color:#333; letter-spacing:0; line-height:1.2em;}
.sub_title .title_dot {width:12px; height:12px; background:#c00; display:block; border-radius:15px;}


.bg_h3 {border-bottom:1px solid #ddd; width:100%; float:left; margin-bottom:10px; padding-bottom:10px; }
.bg_h3_2 { padding:10px 10px; box-sizing:border-box; border-radius:3px; width:100%;  border-top:1px solid #031729;   border-bottom:1px solid #031729; color:#031729; text-align:Center; margin-bottom:20px; font-size:23px;}

.eng {font-size:16px; font-weight:300; color:#999; margin:0; letter-spacing:0}
span.position {font-size:17px; font-weight:500; color:#555;}


.pay_info {width:100%; float:left; text-align:right; font-size:16px; font-weight:400; color:#666; box-sizing:border-box;padding:15px 0 30px 0;}
.pay_info b {color:#333; font-weight:600; vertical-align:middle; }
.sum_price {font-size:1.1em; margin-top:-5px; display:inline-block; margin-left:5px;}

.prod_price {font-size:1.1em; display:inline-block; font-weight:600}

/* SUB VI */
#sub_vi {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow:hidden;
  height:330px;
 }

#sub_vi .sub_vi_h2 {position:absolute; top:50%; left:50%; color:#fff; z-index:999; line-height:2em;
transform:translateX(-50%); font-size:42px; font-weight:600; text-shadow:3px 2px 1px rgba(0,0,0,0.2)}

.sub_vi1 {background:url('/htm/snebio_new/common/img/sub/sub_vi01.png') no-repeat center; }
.sub_vi2 {background:url('/htm/snebio_new/common/img/sub/sub_vi01.png') no-repeat center; }
.sub_vi3 {background:url('/htm/snebio_new/common/img/sub/sub_vi3.png') no-repeat center; }
.sub_vi4 {background:url('/htm/snebio_new/common/img/sub/sub_vi4.png') no-repeat center; }
.sub_vi5 {background:url('/htm/snebio_new/common/img/sub/sub_vi5.png') no-repeat center; }
.sub_vi6 {background:url('/htm/snebio_new/common/img/sub/sub_vi6.png') no-repeat center; }

#sub_vi h1 {font-size:40px;  color:#333; font-weight:800;  line-height:1.1em;  letter-spacing:-1px;}
#sub_vi h1 span {color:#dc0314; }
#sub_vi p {font-size:20px;color:#333;  font-weight:500; letter-spacing:-1px; width:100%; float:left;    }


 #sub_vi>img {
  min-width:100%;
  margin-top:-100px;
  will-change: transform;
  animation-duration: 10s;
  animation-name: background-image-animation;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: linear;
  transform: translateX(0) scale(1);

}

@keyframes background-image-animation {
  0% {
    transform:  scale(1.2);
  }
  100% {
    transform:  scale(1);
  }
}

/* 약력 */
.ceo_history {width:50%; border:1px solid #ddd; box-shadow:2px 2px 2px rgba(0,0,0,0.1); padding:20px 30px; box-sizing:border-box; float:left;}
.ceo_history ul li {width:50%;float:left; }

/* Sub Menu
.sub_nav {width:100%;   float:left; margin-bottom:30px;box-sizing:border-box;  margin-top:-20px;}
.sub_nav div {width:1200px; background-color:#fff;display:inline-block; border:1px solid #ddd;}
.sub_nav h3 {font-size:17px;  line-height:30px; font-weight:400; color:#fff; width:10%; float:left; text-align:center;  padding:10px; background-color:#26335e;}
.sub_nav ul {width:88%; float:right;}
.sub_nav li {font-size:15px; border-right:1px solid #ddd; text-align:left; font-weight:300; color:#999;   height:50px; width:24%; line-height:30px;padding:10px 20px; float:left;  box-sizing:border-box; background:url('./img/sub_nav_bg.jpg') no-repeat right;  }
.sub_nav li a {color:#999}
.sub_nav li  a b {font-size:17px; color:#555; font-weight:400;  }
.sub_nav span {float:right}
 */

 .border_bottom {width:100%; float:left; margin-bottom:45px; padding-bottom:50px; border-bottom:1px solid #ddd;}



/* Txtbox */
.txtbox_14 {font-size:14px; color:#777; line-height:1.5em;}
.txtbox_15 {font-size:15px; color:#666; line-height:1.35em}
.txtbox_16 {font-size:16px; color:#666; line-height:1.5em}

.txtbox_1 {font-size:16.5px; color:#555; line-height:1.55em}
.txtbox_2 {font-size:19px; color:#333; line-height:1.65em}
.txtbox_3 {font-size:24px; font-weight:500; color:#333; line-height:1.4em; text-align:center;}
.txtbox_4 {font-size:26px; font-weight:500; color:#333; line-height:1.4em; text-align:center;}
.txtbox_5 {font-size:28px; font-weight:500; color:#333; line-height:1.45em;margin-top:10px;}

.txtbox_17 {font-size:17px; color:#333; line-height:1.4em}
.txtbox_18 {font-size:18px; color:#333; line-height:1.5em}

.m3 {margin:0 3px;}

.font_wh {color:#fff !important;}
.f_bold {font-weight:600}
.fw_400 {font-weight:400}
.fw_500 {font-weight:500}
.fw_600 {font-weight:600}
.margin_0 {margin:0;}

.align_l {text-align:left !important;}
.color_bk {color:#333 !important;}
.color_555 {color:#555 !important;}

.ml_68{margin-left:68px;}

/**/
.border_line{width:22px; height:1px; background-color:#333; display:block; margin:0 auto;}

/* 연혁 */
.history_line {position:relative; width:1px; height:400px; float:left; background:#ddd;}

.history_div {width:100%; float:left;}
.history_div .history_dot:before { content: ''; position: absolute; left: -7.5px; width: 17px; height: 17px; background: #fff; border: 1px solid #c00; box-sizing: border-box; border-radius: 50%; }
.history_div .history_dot:after { content: ''; position: absolute;  left: -2.5px; width: 7px; height: 7px; background: #c00; border-radius: 50%; }

.history_div .h_dot1:before {top: 10px; }
.history_div .h_dot1:after {top: 15px;}

.history_div .h_dot2:before {top: 55px; }
.history_div .h_dot2:after {top: 60px;}

.history_div .h_dot3:before {top: 270px; }
.history_div .h_dot3:after {top: 275px;}

.history_div .h_dot4:before {top: 385px; }
.history_div .h_dot4:after {top: 390px;}


.history_txtbox {margin-left:25px; width:900px;}
.history_txtbox h4 {display:inline; margin-right:20px; text-align:right;}
.history_txtbox span {vertical-align:-6px}



/* 연구진 소개 */
.mem_wrap {width:49%; float:left; height:430px; margin-right:1%; padding:20px 30px; box-sizing:border-box; border:1px solid #b3d7e8; }
.content .mem_wrap2 {width:49%; float:right; height:430px;  padding:20px 30px; box-sizing:border-box;  border:1px solid #b3d7e8; }

div.mem_name {width:100%; float:left; height:95px;}
div.mem_name span{text-align:center; color:#fff; border-bottom:2px solid #fff; padding:5px 15px; font-size:16px; background:#89bee2; text-align:center; float:left; width:100%; }
div.mem_name h3 {font-size:20px; text-align:center; font-weight:600;}

div.mem_tit {font-size:16px; text-align:left; color:#333; padding:3px 6px; font-weight:500; width:100%; float:left; border-bottom:1px solid #ddd; margin-bottom:8px;}
.mem_wrap p ,
.mem_wrap2 p {font-size:16px; text-align:left; color:#666; line-height:1.77em; display:block; border:0px solid #e0c;}



/*Academy 프로그램*/
.academy_wrap {position:relative; width:48%; float:left; box-sizing:border-box; border:1px solid #ddd; }
.academy_wrap li:first-child {width:100%; float:left;  padding-top:25px;}
.academy_wrap li:first-child span {width:92%; float:left; margin-left:4%; background:#26335e; color:#fff; padding:12px 15px; font-size:16px; font-weight:400;}
.academy_wrap li:first-child img {padding:20px 0;}

.academy_wrap li:last-child  {width:100%; float:left; background:#f9f9fc; padding:25px 20px; border-top:1px solid #ddd;}
.academy_wrap_100 {width:100%; float:left; }
.academy_wrap_100 p { float:left; border:1px solid #ddd; color:#555; padding:12px 15px; background:#f9f9fc; margin-top:10px;}



.pipeline table {position:relative; width:100%;    border-collapse: collapse;}
.pipeline table th {width:96px; padding:10px 0;  text-align:center; background-color:#555; color:#fff; border-right:1px solid #fff; font-size:16px; font-weight:500; line-height:1.2em;}
.pipeline table th:first-child {width:115px}
.pipeline table th:last-child {border-right:none}
.pipeline table td { height:45px; color:#666; padding:10px;font-size:15.5px; font-weight:300; line-height:1.3em; vertical-align:middle; box-sizing:border-box;}
.pipeline table td.bg {background:url('/common/img/sub/td_bg.jpg') repeat-x center;}
.pipeline table td.bg2 {background:url('/common/img/sub/td_bg2.jpg') repeat-x center;}

.pipeline table td img {margin-top:0;}
.pipeline table .border_r_bt {border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.pipeline table .border_bt {border-bottom:1px solid #ddd;}

.pipeline .line1 {position:absolute; left:108px; top:0; width:0.5px; height:575px; background:#ddd; z-index:-99999}
.pipeline .line2 {position:absolute; left:216px; top:0; width:0.5px; height:575px; background:#ddd;  z-index:-99999}
.pipeline .line3 {position:absolute; left:325px; top:0; width:0.5px; height:575px; background:#ddd;  z-index:-99999}
.pipeline .line4 {position:absolute; left:434px; top:0; width:0.5px; height:575px; background:#ddd;  z-index:-99999}
.pipeline .line5 {position:absolute; left:543px; top:0; width:0.5px; height:575px; background:#ddd;  z-index:-99999}
.pipeline .line6 {position:absolute; left:651px; top:0; width:0.5px; height:575px; background:#ddd;  z-index:-99999}
/*.pipeline .line7 {position:absolute; left:758px; top:0; width:0.5px; height:575px; background:#ddd;  z-index:-99999}*/

.search	{margin-top:30px;   width:100%; background-color:#f9f9f9; border:1px solid #ddd;
                            text-align:center; float:left;padding:12px 0 12px 0;}
.search   img  {margin-left:3px;}
.search > .input02  {padding:3px 5px; height:32px;  font-size:0.9em; width:60%; border:1px solid #ddd; color:#555; box-sizing:border-box; }
.search > .select02  {padding:0px 0px 0px 4px; height:32px;  color:#777;  border:1px solid #ddd;  }


.search .select01 {color:#777; font-size:14.5px;}
a.search_btn   {   background:#333;  text-align:center; margin-left:5px;   color:#fff !important;  display:inline-block;
 font-size:15px; font-weight:400; line-height:31px; border-radius:3px;  padding:0px 30px; }


/* 비전 */
.content_box  img {vertical-align:top;}
.vision_text {border:1px solid #ddd; width:100%; display:inline-block; padding:20px 0; text-align:center; font-size:22px; font-weight:700; color:#333; line-height:1.4em; background-color:rgba(250,250,250,.5)}
.vision_text span {padding-top:10px; display:inline-block;  color:#666; line-height:1.4em; font-weight:400 }

/*R&D 탭메뉴 */
.tab_box {width:100%; float:left; }
.tab_box .tab_bt {width:100%; float:left;border:1px solid #ddd; box-sizing:border-box;  margin-bottom:30px;}
.tab_box .tab_bt li{float:left; line-height:45px; text-align:center; border-right:1px solid #ddd;  box-sizing:border-box;}
.tab_box .tab_bt li:last-child{border:none;}
.tab_box .tab_bt li a{color:#333; display:block; font-size:16px;}
.tab_box .tab_bt li.ov a {color:#fff !important; font-weight:500}


.prod_img {width:300px; float:left;}
.prod_txt_box {width:660px; float:right;}
.prod_txt_box h3.prod_title {font-size:25px; font-weight:600; width:100%; float:left; border-bottom:2px solid #555; padding-bottom:15px;  margin:0; }
.prod_txt_box p.prod_txt1 {font-size:16px !important; color:#555; width:100%; float:left; }

.bg_gray_box {width:100%; float:left; padding:10px; box-sizing:border-box; margin:0; border:1px solid #ddd;}


.pd-wrap {
	padding: 40px 0;
	font-family: 'Poppins', sans-serif;
}
.heading-section {
	text-align: center;
	margin-bottom: 20px;
}
.sub-heading {
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #2e9ca1;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.heading-section h2 {
	font-size: 32px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 15px;
}

.user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
	min-width: 80px;
	background-size: 100%;
}
.carousel-testimonial .item {
	padding: 30px 10px;
}
.quote {
	position: absolute;
    top: -23px;
    color: #2e9da1;
    font-size: 27px;
}
.name {
	margin-bottom: 0;
    line-height: 14px;
    font-size: 17px;
    font-weight: 500;
}
.position {
	color: #adadad;
	font-size: 14px;
}
.owl-nav button {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	outline: none;
	height: 25px;
}
.owl-nav button svg {
	width: 25px;
	height: 25px;
}
.owl-nav button.owl-prev {
	left: 25px;
}
.owl-nav button.owl-next {
	right: 25px;
}
.owl-nav button span {
	font-size: 45px;
}
.product-thumb .item img {
	height: 124px;
}
.product-name {
	font-size: 28px;
	font-weight: 600;
}
.product-price-discount {
	font-size: 22px;
    clear: both;
}
.product-price-discount span.line-through {
	text-decoration: line-through;
    margin-left: 10px;
    font-size: 18px;
    vertical-align: middle;
    color: #a5a5a5;
}

.product-price-discount span {font-size:24px; font-weight:500}

.display-flex {
	display: flex;
}
.align-center {
	align-items: center;
}
.product-info {
	width: 100%;
}
.reviews-counter {
    font-size: 13px;
}
.reviews-counter span {
	vertical-align: -2px;
}
.rate {
    float: left;
    padding: 0 10px 0 0;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float: right;
    width: 15px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 21px;
    color:#ccc;
	margin-bottom: 0;
	line-height: 21px;
}
.rate:not(:checked) > label:before {
    content: '\2605';
}
.rate > input:checked ~ label {
    color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}



.product-dtl .form-control {
	font-size: 15px;
}
.product-dtl label {
	line-height: 16px;
	font-size: 15px;
}
.form-control:focus {
	outline: none;
	box-shadow: none;
}
.product-count {
	margin-top: 15px;
}
.product-count .qtyminus,
.product-count .qtyplus {
	width: 34px;
    height: 34px;
    background: #333;
    text-align: center;
    font-size: 20px;
	font-weight:500;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
}

.product-count .qtyminus {

}
.product-count .qtyplus {

}
.product-count .qty {
	width: 60px;
	text-align: center;
}

.mb-20 {
	margin-bottom: 20px;
}

/* 제품 버튼랩 */
.btn_ul_wrap {width:100%; float:left; margin-top:20px; border-radius:3px; }
.btn_ul_wrap li {float:left; text-align:center; box-sizing:border-box; }
.btn_ul_wrap li a{display:block; line-height:50px;}
.btn_ul_wrap li:last-child {float:right; border:1px solid #999;}


.btn_bg1 {background:#1271b9}
.btn_bg2 {background:#333}
.btn_bg3	{background:#c02026}
.btn_bg4	{background:#f7f7f7}
.btn_bg5	{background:#ddd}
.btn_bg6	{background:#666}
.btn_bg7	{background:#27abd7}

.round-btn {
    color: #fff !important;
	width:100%;
    padding: 12px 50px;
	text-align:center;
	box-sizing:border-box;
	font-size:16px;
    display: inline-block;
	border-radius:5px;
    transition: all 0.3s ease-in-out 0s;
}

.btn_3{width:20%; line-height:50px; display:inline-block; margin-right:0.5%; font-size:16px; border-radius:3px}

ul.tabs_wrap {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  list-style: none;
  height: 45px;
  width:100%; float:left;
  border-bottom: 1.5px solid #555;
}

ul.tabs_wrap li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 65px;
  height: 45px;
  line-height: 45px;
  color: #555;
  overflow: hidden;
  position: relative;
  border:1px solid #999;
  border-bottom:none;
  border-right:none;
}

.tab_last { border-right: 1px solid #999 !important; }

ul.tabs li:hover {
  background-color: #ccc;
  color: #333;
}

ul.tabs_wrap li.active {
  background-color: #333;
  color: #fff;
  display: block;
}

.tab_container {
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
}

.tab_content {
  padding: 25px 0;
  box-sizing:border-box;
  display: none;
}

.tab_drawer_heading { display: none; }

.order_tit {width:100%; float:left;border-bottom:1px solid #999;  font-size:24px; margin-bottom:10px; padding-bottom:8px; box-sizing:border-box;}

.pay_method_wrap {width:100%; float:left; border:3px solid #ddd; padding:15px; box-sizing:border-box; margin-top:30px; font-size:18px;}
.pay_method_wrap input {margin-right:5px; vertical-align:-10px; width:18px;}


.calender_search  {width:100%; float:left; margin-bottom:5px; margin-top:5px;}
.calender_search img {vertical-align:middle;}
.calender_search .input01  {height:30px; width:100px;}

.calender_search .btn   {  text-align:center;  float:left; padding:4px 10px;  font-size:13.5px; margin-left:5px; font-weight:400; background-color:#fff;
                    border:1px solid #ddd; border-radius:3px;  box-shadow:1px 1px 1px #ddd;  }
.calender_search .bg_color {    background-color:#555;    border:1px solid #555; border-radius:3px;  box-shadow:1px 1px 1px #ddd;  }

.calender_search .btn  a {
	display:inline-block;
     text-decoration:none;
 }

.calender_search .btn a:link	{  color:#999;  text-decoration:none; }
.calender_search .btn a:hover	{color:#999;  text-decoration:none; }
.calender_search .btn a:active	{ color:#999;  text-decoration:none; }
.calender_search .btn a:visited	{ color:#999;  text-decoration:none; }

.calender_search .bg_color a:link	{  color:#fff;  text-decoration:none; }
.calender_search .bg_color a:hover	{color:#fff;  text-decoration:none; }
.calender_search .bg_color a:active	{ color:#fff;  text-decoration:none; }
.calender_search .bg_color a:visited	{ color:#fff;  text-decoration:none; }


/* 팀소개 */
.mem_h3 {width:100%; float:left; display:block; margin-bottom:30px; text-align:center; font-size:24px; background:#f5f5f5; padding:15px 0; border-bottom:1px solid #ddd}


.accordion {
  background: linear-gradient(to bottom right, white, #f8f8f8);
  max-width: 400px;
  background: white;
  margin: 0 auto;
/*  box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3),*/
/*    0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);*/
}

.accordion-header {
  cursor: pointer;
  line-height:1.4em;
}

.accordion-header:hover {

}

.accordion-content {
  display: none;
/*  border-bottom: 1px solid #dde0e7;*/
  background: #f6f7f9;
/*  padding: 1.5rem;*/
  box-sizing:border-box;
  color: #4a5666;
  padding:20px;
}

.accordion-header::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #b1b5be;
  margin-right: 0.75rem;
}

.active.accordion-header::before {
  background-color: #c00;
}

.accordion img {margin-top:20px; width:100%;}

.profile_ul>li {width:30%; float:left; margin-right:5%;}
.profile_ul>li:last-child{width:30%; float:right; margin:0}
.profile_tit {display:inline-block; font-size:20px; font-weight:600; color:#333; margin:0;}




.tabs {
  width:100%; float:left;
  margin: 0 auto;
}

.tab-list {
margin-top:10px;
}


.tab-list a{
  font-size:16px;
}

.tab_ {
  display: inline-block;
  text-decoration: none;
}

.tab_.active {
  color: #0b65aa !important;
  font-weight:500;
  border-bottom: 1px solid #0b65aa;
}

.tab-content {
  display: none;
  color: #4a5666;
}

.show {display: block;}

.team_ul {width:100%; float:left; display:flex; justify-content: space-between; flex-wrap : wrap; }
.team_ul li {width:32%; float:left; border:1px solid #ddd; padding:10px 0; box-sizing:border-box; margin-bottom:20px; text-align:center; box-shadow:1px 1px 3px rgba(0,0,0,0.07)}
/*.team_ul li:nth-child(3), .team_ul li:nth-child(6),*/
/*.team_ul li:nth-child(9) {width:32%; float:right; margin-right:0;}*/