@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

/* -------- 공통 Fixed Move Tab -------- */
.fixed-tab-container{position:relative}
/* tab */
.fixed-move-tab-list-wrapper{position:relative; height:60px; width:100%}
.fixed-move-tab-list{height:60px; position:relative; }
.fixed-move-tab-list  ul{margin-right:-3px}
.fixed-move-tab-list  ul li{float:left; position:relative; width:33.33%; position:relative; margin-left:-1px;}
.fixed-move-tab-list  ul li:first-child{margin-left:0; }
.fixed-move-tab-list  ul li a{display:block; height:58px; line-height:58px; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; background-color:#fff;}
.fixed-move-tab-list  ul li.selected{z-index:1;}
.fixed-move-tab-list  ul li.selected a{background-color:#aaa; color:#fff;}
/* fixed */
.fixed-move-tab-list.fixed {position:fixed; top:0px; left:0; width:100%; z-index:99} /* fixed top 변경*/
/* content(임시) */
.fixed-tab-content{padding:30px 0; border:1px solid #ddd; margin-top:50px; min-height:300px; }

/* -------- 공통 :: 탭 -------- */
@media all and ( min-width: 801px ){
	.sub-cm-tab-list{margin-bottom:70px;}
	.sub-cm-tab-list ul{margin-right:-4px}
	.sub-cm-tab-list ul li{float:left; position:relative; width:20%; position:relative; margin-left:-1px;  background-color:#fff;}
	.sub-cm-tab-list ul li:first-child{margin-left:0}
	.sub-cm-tab-list ul li a{display:table; height:60px; width:100%; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
	.sub-cm-tab-list ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
	.sub-cm-tab-list ul li.selected{z-index:1; }
	.sub-cm-tab-list ul li.selected a{background-color:#333; border-color:#333}
	.sub-cm-tab-list ul li.selected a em{color:#fff; }
	.sub-cm-tab-list .cm-tab-m-btn{display:none}
}

/* 공통 :: 그라데이션 배경 */
.common-gradient{	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/* ******************  지아이바이옴 ********************** */
/* 공통 */
.sub-con-tit{font-weight:500; font-size:38px; letter-spacing:-0.5px; color:#333}

/* ----------- 지아이바이옴 :: 지아이바이옴 ------------ */
/* 지아이바이옴 :: 기업개요 */
/* 기업개요 상단 텍스트 */
.summary-top{background:url("../images/content/summary_top_bg.jpg") no-repeat 50% 0; background-size:cover; padding:75px 0 205px}
.summary-top .sub-con-tit{float:left; width:20%; padding-right:3.6%}
.summary-top .summary-list{float:left; width:76.4%}
.summary-top .summary-list li{position:relative; font-weight:300; font-size:18px; letter-spacing:-0.5px; color:#444; line-height:1.66; word-break:keep-all; margin-bottom:25px; padding-left:22px}
.summary-top .summary-list li:last-child{margin-bottom:0}
.summary-top .summary-list li:before{position:absolute; display:inline-block; content:""; width:13px; height:9px; background:url("../images/content/check_icon.png") no-repeat; background-size:cover !important; left:0; top:10px}
.summary-top .summary-list li b{font-weight:300}
/* 기업개요 하단 박스 */
.summary-box{position:relative; margin-top:-140px}
.summary-box .summary-box-wrap{position:relative; background-color:#fff; border-top-left-radius:20px; border-top-right-radius:20px}
.summary-box .summary-logo{text-align:center; padding:60px 5% 110px}
.summary-box .summary-logo img{max-width:100%}
.summary-box .summary-slogan{position:relative; height:0; padding-top:36.7%}
.summary-box .summary-slogan .slogan-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/content/summary_slogan_bg.jpg") no-repeat 50% 0; background-size:cover}
.summary-box .summary-slogan .slogan-tit{position:absolute; bottom:0; left:0; font-weight:500; font-size:38px; letter-spacing:-0.5px; color:#fff; margin-left:5%; margin-bottom:4%}
.summary-box .slogan-txt{position:absolute; bottom:0; right:0; font-weight:600; font-size:30px; letter-spacing:-0.25px; color:#fff; line-height:1.26; width:50%;}
.summary-box .slogan-txt span{display:block; padding:6.5% 5% 6.5% 9.2%}

/* 지아이바이옴 :: 기업미션 */
.business-mission{text-align:center; margin-top:120px; background:url("../images/content/business_mission_bg.png") no-repeat 50% bottom; }
.business-mission .mission-txt-wrap{position:relative; padding:0 0 165px; margin-top:50px}
.business-mission .mission-txt-wrap:before{position:absolute; display:inline-block; content:""; width:6px; height:53px; background:url("../images/content/business_mission_dot.png") no-repeat; background-size:cover !important; top:-20px; left:50%; transform:translateX(-50%)}
.business-mission .mission-txt{position:relative; display:inline-block; font-weight:600; font-size:26px; letter-spacing:-0.25px; color:#444; line-height:1.23; word-break:keep-all; padding:42px 8.8%; /*width:843px;*/ z-index:9; margin-top:65px;}
.business-mission .mission-txt:after{	
	position:absolute; display:inline-block; content:""; width:100%; height:100%;  top:0; left:0; z-index:-2; border-radius:100px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.business-mission .mission-txt:before{position:absolute; display:inline-block; content:""; width:calc(100% - 6px); height:calc(100% - 6px);  top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1; background-color:#fff; z-index:-1; border-radius:100px;}

/* 지아이바이옴 :: 기업핵심가치 */
.core-value{background:url("../images/content/core_value_bg.jpg") no-repeat 50% 0; background-size:cover; text-align:center; padding:90px 0}
.core-value .sub-con-tit{color:#fff}
.core-value .core-value-list{margin:80px -4% 0}
.core-value .core-value-list li{float:left; width:21.333%; margin:0 4%; padding:0 2%}
.core-value .core-value-list li .value-img{position:relative; display:inline-block; z-index:0}
.core-value .core-value-list li .value-img img{width:100%}
.core-value .core-value-list li .value-img:after{position:absolute; display:inline-block; content:""; width:70.5%; height:71%; background:url("../images/content/core_value_circle.png") no-repeat; background-size:cover; z-index:-1}
.core-value .core-value-list li:first-child .value-img:after{left:-13%; bottom:9%}
.core-value .core-value-list li:nth-child(2) .value-img:after{top:0; left:-7%}
.core-value .core-value-list li:nth-child(3) .value-img:after{bottom:10.5%; right:-13%}
.core-value .core-value-list li .value-tit{display:block; font-weight:600; font-size:26px; letter-spacing:-0.25px; color:#fff; margin-top:16.5%; text-transform:uppercase}
.core-value .core-value-list li .value-txt{font-weight:300; font-size:18px; letter-spacing:-0.5px; line-height:1.55; word-break:keep-all; color:#fff; opacity:0.7; margin-top:10%}

/* ----------- 지아이바이옴 :: 경영진소개 ------------ */
/* 경영진소개 :: 공통 */
.manage-bottom-img{margin-top:90px; display:block}
.manage-bottom-img img,
.manage-top-img img{max-width:100%}
.executive-team-list .member-list li{float:left; width:33.333%;}
.member-list li{position:relative; cursor:pointer; overflow:hidden}
.member-list li:after{
	position:absolute; display:inline-block; content:""; width:100%; height:calc(100% + 1px); top:0; left:0; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity:0; transition:all 0.2s
}
.member-list li:hover:after{opacity:0.85;}
.member-list li.logo-img{cursor:default}
.member-list li.logo-img:after{display:none}
.member-list li .member-img img{max-width:100%}
.member-list li .mamber-info{position:absolute; bottom:0; left:0; margin:0 0 10% 10%; letter-spacing:-0.5px; color:#fff; font-weight:600; z-index:9; opacity:0; transition:all 0.2s; word-break:keep-all}
.member-list li:hover .mamber-info{opacity:1}
.member-list li .mamber-info span{display:block; font-size:22px;}
.member-list li .mamber-info span.team-name{margin-bottom:10px}
.member-list li .mamber-info strong{display:block; font-size:38px; margin-top:20px}
/* 경영진소개 :: 하단 4개짜리 */
.team-member-list{margin-top:100px}
.team-member-list .member-list li{position:relative; float:left; width:25%;}
.team-member-list .member-list li .mamber-info span{font-size:20px}
.team-member-list .member-list li .mamber-info strong{font-size:32px}
.team-member-list .member-list li.logo-img{cursor:default}
.team-member-list .member-list li.logo-img:after{display:none;}
/* 경영진소개 :: 210507 추가 */
.member-list-circle{background-color:#f7f7f7; margin-top:130px; padding:130px 0}
.member-list-circle .circle-list{margin:0 -2.6% -7.1%}
.member-list-circle .circle-list li{position:relative; float:left; width:28.1333%; margin:0 2.6% 7.1%; border-radius:50%;}
.member-list-circle .circle-list li .circle-inner{position:relative; display:block; width:100%; height:100%; overflow:hidden; border-radius:50%; cursor:pointer}
.member-list-circle .circle-list li .circle-inner:after{
	position:absolute; display:inline-block; content:""; width:100%; height:calc(100% + 1px); top:0; left:0; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity:0; transition:all 0.2s; border-radius:50%
}
.member-list-circle .circle-list li .member-img img{max-width:100%}
.member-list-circle .circle-list li .mamber-info{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); z-index:9; opacity:0; transition:all 0.2s}
.member-list-circle .circle-list li .mamber-info span{display:block; font-weight:600; font-size:22px; letter-spacing:-0.5px; color:#fff}
.member-list-circle .circle-list li .mamber-info strong{display:block; font-weight:600; font-size:38px; letter-spacing:-0.5px; color:#fff; margin-top:20px}
.member-list-circle .circle-list li .circle-inner:hover:after{opacity:0.85;}
.member-list-circle .circle-list li .circle-inner:hover .mamber-info{opacity:1}
/* .member-list-circle .circle-list li:before{position:absolute; content:""; width:55%; height:55%; background:url("/images/content/circle_deco.png") no-repeat; background-size:contain} */
.member-list-circle .circle-list li.lf-b:before{bottom:10%; left:-8%}
.member-list-circle .circle-list li.lf-t:before{top:3%; left:-7%}
.member-list-circle .circle-list li.rt-m:before{top:21%; right:-11%}
.member-list-circle .circle-list li.rt-t:before{top:3%; right:-7%}
.member-list-circle .circle-list li.rt-b:before{bottom:7%; right:-8%}


.member-list-circle .circle-list li .circle-inner > span{display:block; height:0; padding-top:100%; position:relative; background-color:#ccc;}
.member-list-circle .circle-list li .circle-inner > span img{position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit:cover; image-rendering:-webkit-optimize-contrast}

/* ----------- 지아이바이옴 :: 파이프라인 ------------ */
/* .pipeline-content{overflow:hidden} */
.pipeline-img img{max-width:100%}




/* ******************  연구개발 ********************** */
/* 연구개발 :: 공통탭 */
.research-tab{text-align:center}
.research-tab ul{overflow:hidden;}
.research-tab ul li{display:inline-block; margin:0 5px; width:195px;}
.research-tab ul li a{display:table; width:100%; height:60px; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; transition:all 0.2s; background-color:#f8f8f8; border-bottom:2px solid #ececec; border-top:4px solid #cacaca}
.research-tab ul li a span{display:table-cell; vertical-align:middle; padding:2px 5% 0}
.research-tab ul li.selected a{border-top-color:#3eb6bc; color:#3eb6bc; font-weight:400}
/*.research-tab-con{margin-top:50px}*/

/* ------------ 연구개발 :: 장점막 면역계와 마이크로바이옴 ------------- */
/* μ+ herbal therapy :: 장점막 면역계와 마이크로바이옴 개요 */
.microbiome-sum-wrap{/* background:url("../images/content/microbiome_bg.jpg") no-repeat 50% 0;  */
background: rgb(144,245,227);
background: linear-gradient(360deg, rgba(144,245,227,1) 0%, rgba(90,191,173,1) 100%);
background-size:cover; height:620px; padding-top:100px; margin-bottom:-110px;}
.microbiome-sum-inner{max-width:1295px; margin:0 auto; text-align:center; }
/* 장점막 면역계와 마이크로바이옴 개요 :: 상단 */
.microbiome-sum-top{word-break:keep-all; margin-bottom:30px}
.microbiome-sum-top h4{font-weight:700; font-size:50px; letter-spacing:-1px; color:#fff; opacity:0.95}
.microbiome-sum-top p{font-weight:300; font-size:18px; letter-spacing:-0.5px; color:rgba(255,255,255,0.8); line-height:1.77; background-color:rgba(255,255,255,0.05); padding:25px 5%; margin-top:33px}
.microbiome-sum-top p.microbiome { background-color:rgba(0,0,0,0.07);}
/* 장점막 면역계와 마이크로바이옴 개요 :: 하단 */
.microbiome-sum-wrap-bottom { background: rgb(144,245,227); background: linear-gradient(360deg, rgba(232,202,194,1) 0%, rgba(225,192,183,1) 100%); background-size: cover; height: 800px; padding-top: 40px; margin-bottom: -90px;}
.microbiome-sum-bottom p { font-weight: 300; font-size: 18px; letter-spacing: -0.5px; color: rgba(255,255,255,0.8); line-height: 1.77; background-color: rgba(0,0,0,0.08); padding: 25px 5%; margin-top: 33px;}
.microbiome-sum-bottom-inner {max-width: 1295px; margin: 0 auto;}
/* 장점막 면역계와 마이크로바이옴 개요 :: 이미지 */
.microbiome-sum-img{display:block; padding:0 15px}
.microbiome-sum-img img{max-width:100%}
/* 장점막 면역계와 마이크로바이옴 개요 :: 하단 리스트 */
.microbiome-sum-list{margin-top:20px; display:table; width:100%}
.microbiome-sum-list li{display:table-cell; vertical-align:top; width:33.333%;border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box}
.microbiome-sum-list li:last-child{border-right:0}
.tmicrobiome-sum-list li .list-inner{padding:0 5%; word-break:keep-all}
.microbiome-sum-list li .list-inner .list-tit{font-weight:500; font-size:25px; letter-spacing:-0.5px; color:#fff; line-height:1.4; opacity:0.9}
.microbiome-sum-list li .list-inner .list-txt{font-weight:300; font-size:16px; letter-spacing:-0.5px; color:#fff; opacity:0.7; line-height:1.625; margin-top:20px}

/* ------------ 연구개발 :: μ+ herbal therapy ------------- */
/* μ+ herbal therapy :: 허버테라피 개요 */
.therapy-sum-wrap{background:url("../images/content/therapy_summary_bg.jpg") no-repeat 50% 0; background-size:cover; padding:100px 0; margin-bottom:-110px;}
.therapy-sum-inner{max-width:1295px; margin:0 auto; text-align:center; }
/* 허버테라피 개요 :: 상단 */
.therapy-sum-top{word-break:keep-all; margin-bottom:30px}
.therapy-sum-top h4{font-weight:700; font-size:50px; letter-spacing:-1px; color:#fff; opacity:0.95}
.therapy-sum-top p{font-weight:300; font-size:18px; letter-spacing:-0.5px; color:rgba(255,255,255,0.8); line-height:1.77; background-color:rgba(255,255,255,0.05); padding:25px 5%; margin-top:33px}
/* 허버테라피 개요 :: 이미지 */
.therapy-sum-img{display:block; padding:0 15px}
/* .therapy-sum-img.microbiome{padding:0; text-align: center; background: rgb(135,236,218);
background: linear-gradient(180deg, rgba(135,236,218,1) 0%, rgba(243,227,202,1) 25%, rgba(248,220,215,1) 36%, rgba(225,192,183,1) 100%);} */
.therapy-sum-img img{max-width:100%; }
/* 허버테라피 개요 :: 하단 리스트 */
.therapy-sum-list{margin-top:20px; display:table; width:100%}
.therapy-sum-list li{display:table-cell; vertical-align:top; width:33.333%;border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box}
.therapy-sum-list li:last-child{border-right:0}
.therapy-sum-list li .list-inner{padding:0 5%; word-break:keep-all}
.therapy-sum-list li .list-inner .list-tit{font-weight:500; font-size:25px; letter-spacing:-0.5px; color:#fff; line-height:1.4; opacity:0.9}
.therapy-sum-list li .list-inner .list-txt{font-weight:300; font-size:16px; letter-spacing:-0.5px; color:#fff; opacity:0.7; line-height:1.625; margin-top:20px}
/*.therapy-sum-list li .list-inner .list-txt br{display:none}*/

/* μ+ herbal therapy :: ceo 인사말 */
.ceo-greeting{margin-top:110px; padding-top:95px}
.ceo-greeting .lf-con{float:left; border-right: 1px solid #ddd; width: 50%; padding-right: 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ceo-greeting .lf-con .ceo-img img{max-width:100%}
.ceo-greeting .lf-con .ceo-name{font-weight:300; font-size:20px; letter-spacing:-0.5px; color:#333; padding:17px 0;/* border-bottom:1px solid rgba(100,100,100,0.7)*/}
.ceo-greeting .lf-con .ceo-name b{font-weight:600}
.ceo-greeting .rt-con{float:right; width: 50%; padding-left: 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ceo-greeting .ceo-txt span{display:block; font-weight:300; font-size:16px; letter-spacing:-0.5px; color:#333; line-height:1.875; word-break:keep-all; margin-bottom:35px}
.ceo-greeting .ceo-name{font-weight:300; font-size:20px; letter-spacing:-0.5px; color:#333}
.ceo-greeting .ceo-name b{font-weight:600}

@media all and (max-width:1024px){
	.ceo-greeting .ceo-txt span br{display:none}
}
@media all and (min-width:801px){
	.ceo-greeting .ceo-txt span:last-of-type {margin-bottom: 10px;}
}

@media all and (max-width:800px){	
	.ceo-greeting .lf-con{float:none; border-right: 0; width:100%; padding-right:0;}
	.ceo-greeting .lf-con .ceo-name{font-size:15px}
	.ceo-greeting .rt-con{float:none; width:100%; margin-top:20px; padding-left: 0;}
	.ceo-greeting .ceo-txt span{font-size:13px; margin-bottom:17px}
	.ceo-greeting .ceo-name{font-size:15px}
}


/* ------------ 연구개발 :: 전문가 구성 ------------- */
/* 전문가 구성 :: 만남의현장 */
.tab-sub-tit{text-align:center; font-weight:500; font-size:38px; letter-spacing:-0.5px; color:#333}
.meeting-place-con .tab-sub-tit{color:#fff}
.meeting-place-con .tab-sub-tit b{font-size:43px; font-weight:600}
.meeting-place-con .tab-sub-tit em{display:block; font-size:18px; margin-top:12px}
.meeting-place-con{position:relative; text-align:center; margin-top:130px; padding-top:100px}
.meeting-place-con:after{position:absolute; display:inline-block; content:""; width:100%; height:363px; background:url("../images/content/meeting_place_bg.jpg") no-repeat 50% 0; background-size:cover !important; top:0; left:0; z-index:-1}
.meeting-place-con span{display:block; margin-top:45px}
.meeting-place-con span img{max-width:100%}

/* 전문가 구성 :: 탄생비화 */
.birth-con{margin-top:80px}
.birth-list{margin:45px -0.65% 0}
.birth-list li{float:left; width:32.0333%; margin:0 0.65%}
.birth-list li span img{max-width:100%}
.birth-con-bottom.business-mission{background:none; margin-top:55px}
.birth-con-bottom.business-mission .mission-txt-wrap{margin-top:0; padding:0}
.birth-con-bottom.business-mission .mission-txt{font-size:27.68px; font-weight:300; padding:40px 6.8%}
.birth-con-bottom.business-mission .mission-txt b{font-weight:500}


/* ****************** 바이옴 제품 ********************** */
/* ----------- 바이옴 제품 :: 프리미엄 유산균 ------------ */
.lactobacillus-content{position:relative; /*border-top:1px solid #d7d7d7;*/ }
/*.lactobacillus-content:before{position:absolute; display:inline-block; content:""; width:160px; height:5px; background-color:#39b4bb; top:-3px; left:50%; transform:translateX(-50%)}*/
.lacto-tit{position:relative; text-align:center; border-top:1px solid #d7d7d7; font-weight:500; font-size:34px; letter-spacing:-0.5px; color:#444; line-height:1.4; padding-top:50px; word-break:keep-all}
.lacto-tit:before{position:absolute; display:inline-block; content:""; width:160px; height:5px; background-color:#39b4bb; top:-3px; left:50%; transform:translateX(-50%)}
.lacto-tit b{color:#39b4bb; font-weight:600}
/* 프리미엄유산균 :: 다이어그램  */
.lacto-diagram-tit{position:relative; text-align:center; padding:40px 5%; word-break:keep-all}
.lacto-diagram-tit h4{font-size:36px; letter-spacing:-0.5px; color:#fff; line-height:1.5; font-weight:400}
.lacto-diagram-tit span{display:block; font-weight:500; font-size:30px; letter-spacing:-0.5px; color:#fff; opacity:0.8; margin-top:10px}
.lacto-diagram-tit .bg-num{position:absolute; right:-18px; top:50%; transform:translateY(-50%); font-weight:700; font-size:162.42px; letter-spacing:0; color:#fff; opacity:0.2;}
.lacto-diagram-img{text-align:center; background-color:#f2f2f2; padding:60px 5%; margin-top:10px}
.lacto-diagram-img img{max-width:100%}
/* 프리미엄유산균 :: 박스 리스트  */
.lacto-box-con{margin-top:52px}
.lacto-list{margin:0 -0.8%}
.lacto-list li{position:relative; float:left; width:48.4%; margin:0 0.8% 2%; border:1px solid #ddd; box-sizing:border-box}
.lacto-list li:before{	
	position:absolute; display:inline-block; content:""; width:calc(100% + 2px); height:3px; top:-3px; left:-1px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.lacto-list li .list-inner{padding:25px; word-break:keep-all}
.lacto-list li .lacto-list-tit{}
.lacto-list li .lacto-list-tit .list-icon,
.lacto-list li .lacto-list-tit .list-tit{display:inline-block; margin:0 -1px; vertical-align:middle}
.lacto-list li .lacto-list-tit .list-icon{width:64px; height:58px}
.lacto-list li .lacto-list-tit .list-tit{width:calc(97.2% - 64px); padding-left:2.8%; font-weight:500; font-size:25px; letter-spacing:-0.5px; color:#444; line-height:1.3}
.lacto-list li .lacto-explain{margin-top:25px}
.lacto-list li .lacto-explain span{position:relative; display:block; background-color:#f4f4f4; margin-bottom:7px; font-weight:300; font-size:17px; color:#555; line-height:1.5; padding:10px 5px 9px 50px; letter-spacing: -1.7px;}
.lacto-list li .lacto-explain span:last-child{margin-bottom:0}
.lacto-list li .lacto-explain span:before{position:absolute; display:inline-block; content:""; width:11px; height:8px; background:url("../images/content/check_icon_gray.png") no-repeat; background-size:cover !important; left:27px; top:18px}

/* ----------- 바이옴 제품 :: Manufacturing ------------ */
/* Manufacturing :: 상단 텍스트박스 */
.gradient-box-top{word-break:keep-all}
.gradient-box-top .gradient-tit{font-weight:500; font-size:24px; letter-spacing:-0.25px; text-align:center; color:#fff; line-height:1.4; padding:15px 5%}
.gray-box-list li{background-color:#f4f4f4; margin-top:5px}
.gray-box-list li p{position:relative; font-weight:500; font-size:19px; letter-spacing:-0.5px; color:#444; line-height:1.5; padding:15px 27px 15px 50px;}
.gray-box-list li p:before{position:absolute; display:inline-block; content:""; width:5px; height:11px; background:url("../images/content/txt_arrow_icon.png") no-repeat; background-size:cover !important; left:33px; top:23px}
.gray-box-list li p.high-arrow:before{top:25px}
.gray-box-list li p sup{font-size:13px}

/* Manufacturing :: 하단 이미지 */
.manufacturing-img{margin-top:22px}
.manufacturing-img .lf-img{float:left; width:62.3%}
.manufacturing-img .rt-img{float:right; width:35%; padding-left:2.7%}
.manufacturing-img > div img{max-width:100%}

/* Manufacturing :: 하단 텍스트 */
.manufacturing-txt-box {border:1px solid #ddd; border-top:2px solid #333; padding:3%; margin-top:20px; text-align:center;}
.manufacturing-txt-box h4 {font-size:26px; color:#333;}
.manufacturing-txt-box h4 span {color:#38b4bc}
.manufacturing-txt-box p {font-size:17px; margin-top:15px; line-height:25px;}

/* ----------- 넘버세븐/넘버에잇 시리즈 ------------ */
.lactobacillus-number-con{padding-top: 7vh;}
.lactobacillus-number-con img{max-width: 100%;}
.lactobacillus-number-con h5{text-align: center; margin-bottom: 20px; font-size: 50px; font-weight: 600; letter-spacing: -0.8px; line-height: 1.5;}
.lactobacillus-number-con h5.blue{color: #1db0c5;}
.lactobacillus-number-con h5.orange{color: #ff6c5c;}
.lactobacillus-number-con h5.purple{color: #8648ba;}
.lactobacillus-number-con .prd-img{margin-bottom: 7vh;}
.lactobacillus-number-con .recommend-box ul{display: flex; margin: 50px 0;}
.lactobacillus-number-con .lactComparison-tbl-wrap table{border-top: 1px solid #ddd;}
.lactobacillus-number-con .lactComparison-tbl-wrap th, .lactobacillus-number-con .lactComparison-tbl-wrap td{font-size: 24px;}
.lactobacillus-number-con .lactComparison-tbl-wrap th{text-align: left; color: #555; font-weight: 400; border-bottom: 1px solid #ddd;}
.lactobacillus-number-con .lactComparison-tbl-wrap td{vertical-align: middle;}


/* ****************** R&D 센터 ********************** */
/* ----------- R&D 센터 :: 공통 슬라이드 ----------- */
.rnd-img-con{position:relative; margin-top:60px; z-index:1;}
.rnd-img-con .rnd-main-slide{float:left; width:81.7%}
.rnd-img-con .rnd-sub-slide{float:left; width:17%; padding-left:1.3%; position:absolute; right:0; top:0; height:100%}
.rnd-img-con .rnd-sub-slide .slick-list{height:100% !important}
.img-slide span{position:relative; display:block; padding-top:61.3%; height:0}
.img-slide span img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
.rnd-sub-slide .slick-slider{margin:-7px 0; height:calc(100% - 70px)}
.rnd-sub-slide .img-slide{margin:7px 0; cursor:pointer}
.rnd-sub-slide .img-slide.slick-current{position:relative}
.rnd-sub-slide .img-slide.slick-current:after{position:absolute; display:inline-block; content:""; width:100%; height:100%; border:3px solid #42b6bc; box-sizing:border-box; top:0; left:0}
.rnd-sub-slide .img-slide span{padding-top:58.6%}
.rnd-main-slide .rnd-slide-arrow{padding-top:26px; position:absolute; right:0; bottom:0; width:17%; z-index:99}
.rnd-main-slide .rnd-slide-arrow li{float:left; background-color:#333; text-align:center; width:50%; left:0; height:62px; }
.rnd-main-slide .rnd-slide-arrow li:last-child{border-left:1px solid rgba(255,255,255,0.3); box-sizing:border-box}
.rnd-main-slide .rnd-slide-arrow li a{display:block}
.rnd-main-slide .rnd-slide-arrow li i{color:#fff; line-height:62px}

/* ----------- R&D 센터 :: 중앙실험실 ----------- */
.central-top{text-align:center; background-color:#f4f4f4; word-break:keep-all; padding:40px 5%}
.central-top h4{font-weight:500; font-size:22px; letter-spacing:-0.5px; color:#444; line-height:1.4}
.central-top span{display:block; font-weight:300; font-size:18px; letter-spacing:-0.5px; color:#666; line-height:1.4; margin-top:15px;}





/* ******************  인재채용 ********************** */
.top-tit{display:block; text-align:center}
/* 인재채용 :: 상단컨텐츠 :: 배너 */
.talent-banner-wrap{position:relative; margin-top:50px}
.talent-banner-wrap:after{position:absolute; display:inline-block; content:"";  width:192px; height:269px; background:url("../images/content/talent_banner_after.png") no-repeat; background-size:cover !important; top:40px; left:-110px;}
.talent-banner-wrap .talent-banner{position:relative; height:0; padding-top:36.7%; word-break:keep-all}
.talent-banner-wrap .talent-banner .banner-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/content/talent_banner_bg.jpg") no-repeat 50% 0; background-size:cover}
.talent-banner-wrap .talent-banner .banner-lf{position:absolute; bottom:0; left:0; margin-left:4%; margin-bottom:3%; width:46%}
.talent-banner-wrap .talent-banner .banner-lf span{display:block; margin-bottom:25px}
.talent-banner-wrap .talent-banner .banner-lf h4{font-weight:400; font-size:36px; letter-spacing:-0.5px; color:#fff; line-height:1.38}
.talent-banner-wrap .talent-banner .banner-lf h4 b{font-weight:700}
.talent-banner-wrap .banner-rt{position:absolute; bottom:0; right:0; width:50%;}
.talent-banner-wrap .banner-rt p{padding:30px 35px}
.talent-banner-wrap .banner-rt p span{display:block; font-weight:300; font-size:20px; letter-spacing:-0.5px; color:#fff; line-height:1.5; margin-bottom:4.5%; word-break:keep-all}
.talent-banner-wrap .banner-rt p span:last-child{margin-bottom:0}
.talent-banner-wrap .banner-rt p span b{font-weight:500}
.talent-banner-wrap .banner-rt p span b em{font-weight:600}

/* 인재채용 :: 상단컨텐츠 :: 박스리스트 */
.talent-top-list{}
.talent-top-list .talent-list-box{margin:20px -0.8% 0}
.talent-top-list .talent-list-box li{position:relative; float:left; width:48.4%; margin:0 0.8% 1.6%; border:1px solid #ddd; box-sizing:border-box}
.talent-top-list .talent-list-box li:after{	
	position:absolute; display:inline-block; content:""; width:100%; height:3px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:0; left:0
}
.talent-top-list .talent-list-box li .list-inner{display:table; height:230px; width:74.5%;  padding:0 10% 0 15.5%}
.talent-top-list .talent-list-box li .list-inner .list-icon,
.talent-top-list .talent-list-box li .list-inner .list-txt{display:table-cell; vertical-align:middle}
.talent-top-list .talent-list-box li .list-inner .list-icon{width:80px}
.talent-top-list .talent-list-box li .list-inner .list-txt{width:calc(86% - 80px); padding-left:14%; word-break:keep-all}
.talent-top-list .talent-list-box li .list-inner .list-txt strong{font-weight:500; font-size:24px; letter-spacing:-0.5px; color:#444;}
.talent-top-list .talent-list-box li .list-inner .list-txt strong img{display:inline-block; margin-left:5px; vertical-align:bottom}
.talent-top-list .talent-list-box li .list-inner .list-txt p{font-weight:300; font-size:17px; letter-spacing:-0.5px; color:#777; line-height:1.52; margin-top:20px}
.talent-top-list .talent-list-box li .list-inner .list-txt p span{display:block}

/* 인재채용 :: What We Value */
.talent-sub-tit{position:relative; font-weight:700; font-size:44px; letter-spacing:-0.25px; color:#fff; padding-top:20px; text-align:center}
.talent-sub-tit:after{	
	position:absolute; display:inline-block; content:""; width:49px; height:4px; top:0; left:50%; transform:translateX(-50%);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.talent-value{margin-top:70px; padding:80px 0 90px}
.talent-value.core-value .core-value-list{margin:70px -3% 0}

/* 인재채용 :: How We Care */
.how-we-care{margin:85px 0 110px}
.how-we-care .talent-sub-tit{color:#333}
.how-we-care .care-list{margin:40px -1.2% 0}
.how-we-care .care-list li{float:left; width:30.9333%; margin:0 1.2%}
.how-we-care .care-list li .care-img img{max-width:100%}
.how-we-care .care-list li .care-txt{position:relative; padding:10px 5% 0 9%}
.how-we-care .care-list li .care-txt:after{position:absolute; display:inline-block; content:""; width:4px; height:67px; background-color:#333; top:-22px; left:4%}
.how-we-care .care-list li .care-txt .care-tit{display:block; font-weight:700; font-size:32px; letter-spacing:-0.25px; color:#333; margin-bottom:20px}
.how-we-care .care-list li .care-txt .care-explain{}
.how-we-care .care-list li .care-txt .care-explain span{position:relative; display:block; font-weight:300; font-size:17px; letter-spacing:-0.5px; color:#777; line-height:1.4; word-break:keep-all; margin-bottom:10px; padding-left:20px}
.how-we-care .care-list li .care-txt .care-explain span:before{position:absolute; display:inline-block; content:""; width:11px; height:8px; background:url("../images/content/check_icon_gray.png") no-repeat; background-size:cover !important; left:0; top:9px;}

/* 인재채용 :: Contact */
.talent-contact{background-color:#1e212b; text-align:center; padding:50px 0 105px}
.talent-contact .talent-sub-tit{opacity:0.3}
.talent-contact .talent-sub-tit:after{display:none}
.talent-contact .contact-txt{font-weight:300; font-size:30px; letter-spacing:-0.5px; color:#fff; opacity:0.9; line-height:1.4; margin-top:50px; word-break:keep-all}
.talent-contact .contact-txt b{font-weight:600}
.talent-contact .contact-mail{position:relative; display:inline-block; font-weight:600; font-size:22px; letter-spacing:-0.25px; color:#fff; opacity:0.8; margin-top:30px; padding-bottom:5px}
.talent-contact .contact-mail:after{position:absolute; display:inline-block; content:""; width:100%; height:2px; background-color:rgba(255,255,255,0.8); bottom:0; left:0; transition:all 0.3s}
.talent-contact .contact-mail i{vertical-align:middle; margin-right:7px}


.talent-contact .contact-mail{
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#38b4bc), color-stop(50%, #38b4bc), color-stop(50%, #fff));
  background: linear-gradient(to right, #38b4bc, #38b4bc 50%, #fff 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-transition: background-position 400ms ease;
  transition: background-position 400ms ease;
}
.talent-contact .contact-mail:hover {
  background-position: 0 100%;
}
.talent-contact .contact-mail:hover:after{background-color:#38b4bc}

.no-con-img img{max-width:100%}


/* 인재채용 :: Contact :: 버튼수정 */
.contact-mail-btn{position:relative; display:inline-block; font-weight:600; font-size:22px; letter-spacing:-0.25px; color:#fff; opacity:0.8; margin-top:30px; padding-bottom:5px; transition:all 0.3s}
.contact-mail-btn em b{font-weight:400;}
.contact-mail-btn em{transition:all 0.6s; color:#fff}
.contact-mail-btn em.icon b{position:relative; display:inline-block; width:27px}
.contact-mail-btn em.icon b:before{position:absolute; display:inline-block;  content: "\ea06"; font-family: xeicon; top:-16px; left:0; font-size:19px}
.contact-mail-btn:after{position:absolute; display:inline-block; content:""; width:100%; height:2px; background-color:rgba(255,255,255,0.8); bottom:0; left:0; transition:all 0.7s}

	.contact-mail-btn:hover em{color:#38b4bc;}
	.contact-mail-btn:hover b{-webkit-animation: text-active-animation 0.1s 0s ease both; animation: text-active-animation 0.1s 0s ease both;}
	.contact-mail-btn:hover:after{background-color:#38b4bc}

	@keyframes text-active-animation {
		from {
			color:#fff
		}
		to {
			color:#38b4bc
		}
	}



/* ---------------- (추가) 연구개발 :: 전문가 구성 -------------- */
.accordion-list .accordion-item{/*position:relative;*/ overflow:hidden; }
.accordion-list .accordion-item .accordion-inner{display:block; position:absolute; width:100%; height:100%; cursor:pointer; transition:opacity 0.5s; opacity:0; top:0; left:0; right:0; bottom: ; z-index:99; width:0}
.accordion-list .accordion-item .accordion-inner .accordion-info-img{float:left; width:50%; height:100%;}
.accordion-list .accordion-item .accordion-inner .accordion-info-img .accordion-pc-img{width:100%; height:100%; background-size:cover !important; background-repeat:no-repeat !important}

@media all and ( min-width: 801px ){
	.accordion-list-box .accordion-list{position:relative; height: 580px; overflow:hidden; font-size:0; margin:0 -1%}
	.accordion-list .accordion-item{position:relative; float:left; width:31.333%; margin:0 1%; height:100%; z-index:1 }
	.accordion-list .accordion-item .accordion-m-img{display:none;}
	.accordion-list .accordion-item:after{position:absolute; display:inline-block; content:"";  width:100%; height:285px; background:url("../images/content/expert_img_after.png") no-repeat 50% 0; background-size:cover !important; bottom:0; left:0; z-index:9}
	.accordion-list .accordion-item.active:after{display:none}
	.accordion-list .accordion-item.active .accordion-inner{width:98%; left:1%; opacity:1; }
	.accordion-item .accordion-info-box,
	.accordion-item .thum-txt.hover-txt{opacity:0}
	.accordion-item.active .accordion-info-box,
	.accordion-item.active .thum-txt.hover-txt{opacity:0}
	.accordion-item.active .thum-txt.hover-txt{opacity:1}
}
@media all and ( max-width: 800px ){	
	.accordion-list-box{position:relative; z-index:999}
	.accordion-list .accordion-item{position:relative !important; display:block; width:100% !important; height:auto; margin-top:10px; padding-left:0; background-image:none !important; z-index:99}
	.accordion-list .accordion-item:first-child{margin-top:0}
	.accordion-list .accordion-item .accordion-inner{position:relative; width:100%; left:0; opacity:1; cursor:default}
	.accordion-list .accordion-item .accordion-m-img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-size:cover !important;}
	/*.accordion-list .accordion-item.active .accordion-inner{cursor:default;}*/
	.accordion-list .accordion-item .accordion-inner .accordion-info-img{position:relative; float:none; width:100%; padding-top:80%; display:block; z-index:999;}
	.accordion-list .accordion-item .accordion-inner .accordion-info-img .accordion-pc-img{display:none}
	.accordion-item .accordion-info-box{float:none; width:100%}
}

/* 타이틀 및 내용 */
.accordion-item .thum-txt{position:absolute; left:30px; bottom:30px; width:calc(100% - 30px);  z-index:10}
.accordion-item .accordion-tit{color:#fff; font-size:36px; font-weight:600; letter-spacing:-0.5px; z-index:1; opacity:1.0;filter:Alpha(opacity=100); transition:all 0.3s; text-align:left}
.accordion-item .accordion-tit strong{display:inline-block; font-size:22px; font-weight:600; }
.accordion-item .view-detail-txt{position:absolute; right:25px; bottom:-5px;  display:inline-block; border:1px solid rgba(255,255,255,0.7); font-weight:500; font-size:15px; letter-spacing:-0.5px; color:#fff; padding:15px 28px 13px; border-radius:30px}
.accordion-item .accordion-info-box{float:left; width:50%; background-color:#fff;  height:100%;  border:1px solid #ddd; box-sizing:border-box}
.accordion-item.active .accordion-info-box{opacity:1}

.accordion-item .accordion-info-box .info-box-inner{position:relative; z-index:1; padding:30px 40px 0; color:#000; z-index:1;}
.accordion-item.active .thum-txt.thum-name{display:none}

/* 오버 시 내용 ::  연혁 */
.accordion-item .accordion-info-box .info-box-inner .expert-info-tit{display:block; font-weight:500; font-size:28px; letter-spacing:-0.25px; color:#222; border-bottom:1px solid #ddd; padding-bottom:20px}
.accordion-item .accordion-info-box .info-box-inner .expert-history{margin-top:25px}
.accordion-item .accordion-info-box .info-box-inner .expert-history li{position:relative; padding-bottom:35px}
.accordion-item .accordion-info-box .info-box-inner .expert-history li:after,
.accordion-item .accordion-info-box .info-box-inner .expert-history li:before{position:absolute; display:inline-block; content:""; left:65px; top:10px}
.accordion-item .accordion-info-box .info-box-inner .expert-history li:after{width:1px; height:100%; background-color:#ddd; z-index:0}
.accordion-item .accordion-info-box .info-box-inner .expert-history li:last-child:after{display:none}
.accordion-item .accordion-info-box .info-box-inner .expert-history li:before{width:7px; height:7px; background-color:#3eb6bc; border-radius:50%; margin-left:-3px; z-index:2}
.accordion-item .accordion-info-box .info-box-inner .expert-history li .year{position:absolute; top:0; left:0; font-weight:600; font-size:16px; letter-spacing:-0.25px; color:#222; line-height:1.375}
.accordion-item .accordion-info-box .info-box-inner .expert-history li .txt{font-weight:400; font-size:16px; letter-spacing:-0.25px; color:#333; line-height:1.4; word-break:keep-all; padding-left:84px}

/* 타이틀 및 내용 Active */
.accordion-item.active2 .accordion-inner .thum-txt{left:24px; bottom:24px}
.accordion-item.active2 .accordion-inner .accordion-tit{font-size:32px;}
.accordion-item.active2 .accordion-inner .accordion-tit strong{font-size:20px;}
.accordion-item.active2 .accordion-inner .view-detail-txt{display:none}

@media all and (max-width:1024px){	
	.accordion-item .accordion-info-box .info-box-inner{padding:25px 25px 0}
	.accordion-item .accordion-info-box .info-box-inner .expert-info-tit{font-size:26px; padding-bottom:17px}
	.accordion-item .accordion-info-box .info-box-inner .expert-history{margin-top:20px}
	.accordion-item .accordion-info-box .info-box-inner .expert-history li{padding-bottom:50px}
	.accordion-item .accordion-info-box .info-box-inner .expert-history li .year{font-size:16px}
	.accordion-item .accordion-info-box .info-box-inner .expert-history li .txt{font-size:16px;}
	.accordion-item .accordion-tit{font-size:27px}
	.accordion-item .accordion-tit strong{font-size:18px; }
	.accordion-item .view-detail-txt{font-size:13px; padding:8px 17px 9px}
	.accordion-list .accordion-item .accordion-inner .accordion-info-img .accordion-pc-img{background-position:50% 50% !important}
}

@media all and (max-width:800px){
	/*  타이틀 및 내용 */
	.accordion-item .accordion-info-box{position:relative; width:100%; background-color:#fff; opacity:1; transition-delay:0; float:none; display:none}
	.accordion-item .accordion-info-box:before{height:100%;}
	.accordion-item .accordion-info-box dl{padding:30px 15px}
	.accordion-item .accordion-info-box dl dt{font-size:30px}
	.accordion-item .accordion-info-box dl .accordion-info-tit{font-size:17px}
	.accordion-item .accordion-info-box dl .accordion-info-txt{display:none;}
	.accordion-item .thum-txt{top:0; bottom:auto; margin-top:70%; z-index:99}
	.accordion-item .thum-txt.hover-txt{display:none}
	.accordion-item.active .thum-txt.thum-name{display:block; }
	.accordion-item .thum-txt.thum-name .view-detail-txt{display:block; cursor:pointer}
	.accordion-item.mb-open .thum-txt.thum-name .view-detail-txt{display:block; }
	.accordion-item .view-detail-txt{padding:7px 0 8px; width:65px; text-align:center}

	.accordion-item .accordion-tit{font-size:23px}
	.accordion-item .accordion-info-box .info-box-inner .expert-info-tit{font-size:19px}
	.accordion-item .accordion-info-box .info-box-inner .expert-history li{padding-bottom:33px}
	.accordion-item .accordion-info-box .info-box-inner .expert-history li .year,
	.accordion-item .accordion-info-box .info-box-inner .expert-history li .txt{font-size:13px}
	.accordion-item .accordion-info-box .info-box-inner .expert-history li:after, 
	.accordion-item .accordion-info-box .info-box-inner .expert-history li:before{top:6px}
}	
@media all and (max-width:480px){
	/*  타이틀 및 내용 */
	.accordion-item .accordion-inner .accordion-tit{font-size:17px; }
	.accordion-item .accordion-info-box dl{padding:15px}
	.accordion-item .accordion-info-box dl dt{font-size:20px; margin-bottom:12px;}
	.accordion-item .accordion-info-box dl .accordion-info-tit{font-size:13px}

	.accordion-item .thum-txt{margin-top:68%; left:20px}
	.accordion-item .view-detail-txt{bottom:0; right:15px; }
}



/* 연구개발 :: 비만치료제 */
#MedicineContent{margin-top:130px;}

.obesity-area{max-width:1550px; margin:-60px auto 0}
.obesity-area .obesity-img {position: relative; overflow: hidden;}
.obesity-area .obesity-img:first-child {margin-bottom: 100px;}
.obesity-area .obesity-img img{max-width:100%}

@media all and (max-width:1570px){	
	/* .obesity-area{padding:0 15px} */
	.obesity-area{max-width: none; padding:0 15px;}
}
@media all and (max-width:1220px){	
	.obesity-area{margin:-30px auto 0}
}
@media all and (max-width:800px){	
	.obesity-area{margin: 0 auto }
}
@media (max-width: 800px){
#MedicineContent{margin-top:20px;}}


.therapy-middle-img{position:relative; padding-top:58.1%}
.therapy-middle-img span{position:absolute; top:0; left:0; width:100%; height:100%}
.therapy-middle-img span img{width:100%; height:100%}



/* ************ R&D Center :: 210609  ************ */
/* 상단 페이지 타이틀 */
.page-top-tit{text-align:center; border-bottom:1px solid #d9d9d9; margin-bottom:65px}
.page-top-tit h3{position:relative; display:inline-block; font-weight:600; font-size:50px; letter-spacing:-0.5px; color:#333; padding-bottom:29px}
.page-top-tit h3:after{position:absolute; content:""; width:100%; height:2px; background-color:#38b4bc; bottom:-2px; left:50%; transform:translateX(-50%)}

/* 페이지 서브메뉴 */
.page-sub-menu{margin-bottom:70px}
.page-sub-menu .menu-list{text-align:center}
.page-sub-menu .menu-list li{display:inline-block; vertical-align:top; width:220px; background-color:#f4f4f4; border-radius:100px; margin:0 7px}
.page-sub-menu .menu-list li a{display:table; width:100%; height:55px;}
.page-sub-menu .menu-list li a em{display:table-cell; vertical-align:middle; line-height:1.2; font-weight:400; font-size:20px; color:#727272; letter-spacing:-0.5px; transition:all 0.3s; padding:0 4%; word-break:keep-all}
.page-sub-menu .menu-list li.selected a em,
.page-sub-menu .menu-list li:hover a em{color:#3cb7bc; font-weight: 600;}

/* 슬라이드 */
.rnd-img-con.renewal-slide .img-slide span{border:1px solid #ddd;}
.rnd-img-con.renewal-slide .rnd-sub-slide .slick-slider{height:calc(100% - 62px)}
.rnd-img-con.renewal-slide .rnd-sub-slide .img-slide{margin:6px 0}
.rnd-img-con.renewal-slide .rnd-main-slide .img-slide span{padding-top:61%}
.rnd-only-img{text-align:center; border:1px solid #ddd; margin-top:18px}
.rnd-only-img img{max-width:100%}



/* ************ 지아이바이옴 :: 파트너스 페이지 추가 :: 210609 ************ */
.partners-sec{margin-bottom:40px}
.partners-sec:last-child{margin-bottom:0}
.partners-sec .sec-tit{display:block; font-weight:700; font-size:30px; letter-spacing:0; color:#333; margin-bottom:30px}
.partners-sec .partners-list{margin:0 -1%}
.partners-sec .partners-list li{float:left; border:1px solid #ddd; box-sizing:border-box; width:31.333%; margin:0 1% 2%; display:table; height:125px; text-align:center}
.partners-sec .partners-list li span{display:table-cell; vertical-align:middle; padding:5%}
.partners-sec .partners-list li span img{max-width:100%}


/* ************ 프로바이오틱스제품 :: 넘버시리즈 수정 211102 ************ */
.lacto-title-con{position: relative; padding: 12vh 0; text-align: center;}
.lacto-title-con:before{content: ""; z-index: -1; position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background: url(/images/content/product_tit_bg.jpg) center no-repeat;}
.lacto-title-con img{max-width: 100%; margin-top: 5vh;}
.lacto-title-list li{position: relative; float: left; width: 25%; padding: 0 3%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lacto-title-list li:before{content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,0.2);}
.lacto-title-list li:last-child:before{display: none;}
.lacto-title-list dt{background: center/contain no-repeat; width: 84px; height: 77px; margin: 0 auto 20px;}
.lacto-title-list .icon01{background-image: url(/images/icon/prd_lacto_icon01.png);}
.lacto-title-list .icon02{background-image: url(/images/icon/prd_lacto_icon02.png);}
.lacto-title-list .icon03{background-image: url(/images/icon/prd_lacto_icon03.png);}
.lacto-title-list .icon04{background-image: url(/images/icon/prd_lacto_icon04.png);}
.lacto-title-list dd{font-size: 22px; font-weight: 400; letter-spacing: -0.5px; color: rgba(255,255,255,0.85); line-height: 1.27;}
.rnd-img-con .rnd-main-slide .img-slide, .rnd-sub-slide .img-slide{border: 1px solid #ddd!important;}
.lactComparison-tbl-wrap{margin: 3vh 0 5vh;}
.lactComparison-tbl-wrap .lacto-diagram-tit{padding: 20px 5%; margin-bottom: 10px;}
.lactComparison-tbl-wrap .lacto-diagram-tit h4{font-size: 26px;}
.lactComparison-tbl-wrap table{width: 100%;}
.lactComparison-tbl-wrap th, .lactComparison-tbl-wrap td{padding: 25px; font-size: 24.7px; font-weight: 500; letter-spacing: -0.5px; line-height: 2;}
.lactComparison-tbl-wrap th{text-align: center; border: 0; background-color: #f5f5f5; color: #333;}
.lactComparison-tbl-wrap td{text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid #ddd; font-weight: 300; color: #555;}
.lactComparison-tbl-wrap td:first-child{vertical-align: middle;}
.lactComparison-tbl-wrap td + td{border-left: 1px solid #ddd;}
.front-check-txt{position: relative; padding-left: 28px;}
.front-check-txt:before{content: "\e929"; font-family: xeicon; position: absolute; top: 0; left: 0; color: #51afb5;}


/* ************ 연구개발 :: 파이프라인 - 대사질환 유지보수 수정 240315 JY ************ */
.disease-slide-wrap {position: relative;}
.disease-slide-arrow {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);margin-top: -50px;left: 0; z-index: 1000;}
.disease-slide-arrow button {position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px;border-radius: 50%; font-size: 40px; background: #38b4bc; color: #fff; opacity: 1;}
.disease-slide-arrow button.prev {display: none !important;}
.disease-slide-arrow button.next {right: -200px;}
.disease-slide-wrap .disease-inner-box { margin: 5.56% auto 15.9%;}
.disease-slide-wrap .disease-inner-box .img-box .img-inner-box {display: flex; justify-content: center;}
.disease-slide .slick-list {overflow: visible;}
/* .disease-slide li {position: relative;}
.disease-slide li .arrow-txt {position: absolute; width: 100%; top: 50%; margin-top: 0; left: 0; z-index: 1000; animation: arrow-effect 1s infinite; opacity: 1;}
.disease-slide li .arrow-txt span {position: absolute; top: 0; display: block; font-size: 24px; font-weight: 700; letter-spacing: -0.25px; color: #000000; margin-top: 15px;}
.disease-slide li .arrow-txt span.left-txt {left: -200px;}
.disease-slide li .arrow-txt span.right-txt {right: -200px;} */

/* @keyframes arrow-effect {
  50% {
    opacity: 0;
  }
} */
@media all and (max-width: 1660px) {
	.disease-slide-wrap .disease-inner-box {padding: 0 50px 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.disease-slide-arrow button.next {right:-50px;}
}
@media all and (max-width: 1220px) {
	.disease-slide-wrap .disease-inner-box {padding: 0 80px 0 0;}
	.disease-slide-arrow {margin-top: -80px; }
	.disease-slide-arrow button {width: 80px; height: 80px;}
	.disease-slide-arrow button.next {right:40px;}
}
@media all and (max-width: 1024px) {
	.disease-slide-arrow button.next {right:25px;}
}
@media all and (max-width: 800px) {
	.disease-slide-wrap .disease-inner-box {padding: 0;}
	.disease-inner-box>div {padding: 0 50px 0 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.disease-slide-arrow {top: 25%; margin-top: 0;}
	.disease-slide-arrow button {width: 50px; height: 50px;}
	.disease-slide-arrow button i {font-size: 18px;}
	.disease-slide-arrow button.next {right: 10px; }
}
@media all and (max-width: 480px) {
	.disease-slide-arrow button {width: 45px; height: 45px;}
}
@media all and (max-width: 380px) {
	.disease-slide-arrow {margin-top: -40px;}
}



/* ************ 지아이롱제비티 :: 회사소개 리뉴얼 :: 2025-08-07 MJ ************ */
.intro-new-content{position: relative; }
.intro-bg-box{}
.intro-bg-box .dot-list-m{display: none;}
.intro-bg-box > span{display: block; position: relative; width:1920px; left:50%; transform:translateX(-50%);}
.intro-bg-box > span img{width:100%;}

.intro-txt-box{position: absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.intro-txt-box .intro-area{width:100%; max-width:1440px; height:100%; margin:auto; display: flex; align-items:center;}

.intro-txt-box .left-box{width:40%;}
.intro-txt-box .left-box .txt{font-size:22px; line-height:1.6; letter-spacing:-0.04em; color:#fff; font-weight:700;}
.intro-txt-box .left-box .tit{font-size:64px; line-height:1.1; letter-spacing:-0.04em; color:rgb(235,89,0); font-weight:700; margin-top:20px;}
.intro-txt-box .left-box .txt-list{margin-top:50px;}
.intro-txt-box .left-box .txt-list .inner-txt{font-size:18px; line-height:1.75; letter-spacing:-0.04em; color:rgba(255,255,255,0.7); margin-bottom:25px;}
.intro-txt-box .left-box .txt-list .inner-txt:last-child{margin-bottom:0;}

.intro-txt-box .right-box{}
.intro-txt-box .right-box .txt-item{position: absolute; top:50%; left:50%;}
.intro-txt-box .right-box .txt-item:before{position: absolute; content:''; top:14px; left:0; height:1px; background:#fff;}
.intro-txt-box .right-box .txt-item:after{position: absolute; content:''; top:7px; left:0; width:10px; height:10px; border-radius:50%; border:3px solid #fff;}
.intro-txt-box .right-box .txt-item .tit{display: flex; align-items:center; font-size:22px; line-height:1.4; letter-spacing:-0.04em; font-weight:500; margin-bottom:5px;}
.intro-txt-box .right-box .txt-item .tit span{font-size:0.7em; line-height:2; font-weight:600; margin-left:10px;}
.intro-txt-box .right-box .txt-item .txt{position: relative; padding-left:8px; box-sizing:border-box; font-size:18px; line-height:1.625; letter-spacing:-0.04em; color:#fff;}
.intro-txt-box .right-box .txt-item .txt:before{position: absolute; content:'·'; left:0; top:0;}

.intro-txt-box .right-box .txt-item.item1:after{background:rgb(255,192,0)}
.intro-txt-box .right-box .txt-item.item1 .tit{color:rgb(255,192,0);}
.intro-txt-box .right-box .txt-item.item2:after{background:rgb(0,193,208)}
.intro-txt-box .right-box .txt-item.item2 .tit{color:rgb(0,193,208);}
.intro-txt-box .right-box .txt-item.item3:after{background:rgb(0,196,240)}
.intro-txt-box .right-box .txt-item.item3 .tit{color:rgb(0,196,240);}
.intro-txt-box .right-box .txt-item.item4:after{background:rgb(71,212,90)}
.intro-txt-box .right-box .txt-item.item4 .tit{color:rgb(71,212,90);}


/* ************ 연구개발 :: 파이프라인 리뉴얼 :: 2025-08-07 MJ ************ */
.pipeline-con{position: relative; margin-bottom:54px;}
.pipeline-con:last-child{margin-bottom:0;}
.pipeline-con .pipeline-tit{position: relative; font-size:20px; line-height:1.6; letter-spacing:-0.01em; color:#474747; font-weight:700; margin-bottom:10px; padding-left:10px; min-height: 32px; display: flex; justify-content:space-between; align-items:flex-end;}
.pipeline-con .pipeline-tit .plus-txt{font-size:14px; letter-spacing:-0.01em; color:#474747; font-weight:400;}
.pipeline-con .pipeline-tit:before{position: absolute; content:''; width:3px; height:20px; background:#eb5900; top:6px; left:0;}


/* ************ Skin Rejuvenation Center :: 2025-08-07 MJ ************ */
.skin-tit-box{text-align:center; margin-bottom:50px;}
.skin-tit-box .tit{font-size:38px; line-height:1.05; letter-spacing:-0.05em; color:#232323; font-weight:700; margin-bottom:15px;}
.skin-tit-box .txt{font-size:24px; line-height:1.66; letter-spacing:-0.04em; color: #056FB8; font-weight:500;}
.skin-tit-box .txt2{font-size:18px; line-height:1.66; letter-spacing:-0.04em; color:#888; font-weight:500; margin-top: 20px;}

.skin-content .obesity-area{margin:auto;}



/* ************ 플랫폼 추가 및 기본 통이미지영역 :: 2025-09-03 MJ ************ */
.research-tit{font-size:38px; line-height:1.2; letter-spacing:-0.04em; color:#232323; font-weight:700; text-align:center; margin-bottom:80px;}
.cm-img-wrap{display: block; text-align:center;}
.cm-img-wrap img{max-width:100%;}

.cm-img-wrap.research-img{max-width:1800px; margin:auto;}
.cm-img-wrap.research-img img{width:100%; max-width:1800px;}
.cm-img-wrap.network-img{max-width:1400px; margin:0 auto 100px;}
.cm-img-wrap.network-img img{width:100%; max-width:1600px;}

@media all and (max-width:1830px){
	.cm-img-wrap.research-img{max-width:auto; padding:0 15px;}
}
@media all and (max-width:1430px){
	.cm-img-wrap.network-img{max-width:auto; padding:0 15px;}
}