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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;/* margin-right:-15px; */ cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.7)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px; transform: translateY(-50%);}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 Fixed Move Tab -------- */
@media all and (max-width:1220px){
	.fixed-move-tab-list .area{padding:0}
}
@media all and (max-width:1024px){
	.fixed-move-tab-list.fixed{top:80px;}
}
@media all and (max-width:800px){
	.fixed-move-tab-list ul li a{height:40px; line-height:40px; font-size:14px;}
}
@media all and (max-width:480px){
	.fixed-move-tab-list.fixed{top:60px;}
}

/* -------- 공통 :: 탭 -------- */
@media all and ( max-width: 800px ){
	.sub-cm-tab-list{position:relative; font-size:15px; margin-bottom:30px;}
	.sub-cm-tab-list .cm-tab-m-btn{position:relative; display:block; padding:0 15px; height:40px; line-height:40px; background-color:#333;}
	.sub-cm-tab-list .cm-tab-m-btn span{color:#fff; }
	.sub-cm-tab-list .cm-tab-m-btn .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-cm-tab-list .cm-tab-m-btn.open .arrow{transform:rotate(180deg)}
	.sub-cm-tab-list ul{display:none; position:absolute; top:40px; left:0px; right:0px;background-color:#fff; border:1px solid #ddd; z-index:11;}
	.sub-cm-tab-list ul li{border-top:1px solid #eee; width:100%;}
	.sub-cm-tab-list ul li:first-child{border-top:0}
	.sub-cm-tab-list ul li a{display:block; padding:10px 15px; color:#888; letter-spacing:-0.5px;}
	.sub-cm-tab-list ul li.selected a{color:#f57f20; font-weight:600}
}

/* ******************  지아이바이옴 ********************** */
/* 공통 */
@media all and ( max-width: 800px ){	
	.sub-con-tit{font-size:24px}
}

/* ----------- 지아이바이옴 :: 지아이바이옴 ------------ */
@media all and ( max-width: 1220px ){	
	/* 지아이바이옴 :: 기업개요 */
	/* 기업개요 상단 텍스트 */
	.summary-top .summary-list li br{display:none}

	/* 기업개요 하단 박스 */
	.summary-box{padding:0 15px}
	.summary-box .slogan-txt{right:30px}
}
@media all and ( max-width: 1024px ){	
	/* 지아이바이옴 :: 기업개요 */
	/* 기업개요 하단 박스 */
	.summary-box .summary-slogan .slogan-tit{font-size:30px; margin-bottom:3%; margin-left:4%}
	.summary-box .slogan-txt{font-size:22px; right:15px}
	.summary-box .slogan-txt span{padding:4.5% 5% 4.5% 7.2%}

	/* 지아이바이옴 :: 기업핵심가치 */
	.core-value .core-value-list li:first-child .value-img:after{left:-8%}
	.core-value .core-value-list li:nth-child(3) .value-img:after{right:-8%}
}
@media all and ( max-width: 800px ){	
	/* 지아이바이옴 :: 기업개요 */
	/* 기업개요 상단 텍스트 */
	.summary-top{padding:32px 0 100px}
	.summary-top .sub-con-tit{float:none; width:100%; padding-right:0}
	.summary-top .summary-list{float:none; width:100%; margin-top:20px}
	.summary-top .summary-list li{font-size:14px; margin-bottom:15px;}
	.summary-top .summary-list li:before{width:11px; height:8px; top:7px}
	/* 기업개요 하단 박스 */
	.summary-box{margin-top:-70px}
	.summary-box .summary-logo{padding:30px 5% 55px}
	.summary-box .summary-slogan .slogan-tit{font-size:24px; margin-bottom:2.5%; margin-left:3.5%}
	.summary-box .slogan-txt{font-size:19px}

	/* 지아이바이옴 :: 기업미션 */
	.business-mission{margin-top:50px; background:url("../images/content/business_mission_bg.png") no-repeat 50% 60px; background-size:cover}
	.business-mission .mission-txt-wrap{margin-top:25px; padding:0 0 80px}
	.business-mission .mission-txt-wrap:before{width:5px; height:48px; top:-10px}
	.business-mission .mission-txt{font-size:18px; margin-top:55px; padding:20px 7%; max-width:500px}
	.business-mission .mission-txt br{display:none}

	/* 지아이바이옴 :: 기업핵심가치 */
	.core-value{padding:45px 0}
	.core-value .core-value-list{margin:40px 0 0}
	.core-value .core-value-list li{float:none; width:80%; margin:0 0 50px; padding:0 10% }
	.core-value .core-value-list li:last-child{margin-bottom:0}
	.core-value .core-value-list li .value-tit{font-size:18px; margin-top:25px}
	.core-value .core-value-list li .value-txt{font-size:14px; margin-top:15px}
	.core-value .core-value-list li .value-txt br{display:none}
}
@media all and ( max-width: 640px ){	
	/* 지아이바이옴 :: 기업개요 */
	/* 기업개요 하단 박스 */
	.summary-box .slogan-txt{position:relative; width:100%; right:0}

}


/* ----------- 지아이바이옴 :: 경영진소개 ------------ */
@media all and ( max-width: 1300px ){		
	/* 경영진소개 :: 210507 추가 */
	.member-list-circle .circle-list{padding:0 20px}

}
@media all and ( max-width: 800px ){	
	/* 경영진소개 :: 공통 */
	.manage-bottom-img{margin-top:45px;}
	.member-list li .mamber-info span{font-size:16px}
	.member-list li .mamber-info span.team-name{line-height:1.2; margin-bottom:5px}
	.member-list li .mamber-info strong{font-size:24px; margin-top:8px}
	/* 경영진소개 :: 하단 4개짜리 */
	.team-member-list{margin-top:50px}
	.team-member-list .member-list li .mamber-info span{font-size:15px}
	.team-member-list .member-list li .mamber-info strong{font-size:21px}
	/* 경영진소개 :: 210507 추가 */
	.member-list-circle{margin-top:65px; padding:65px 0}
	.member-list-circle .circle-list li .mamber-info span{font-size:16px}
	.member-list-circle .circle-list li .mamber-info strong{font-size:24px; margin-top:8px}
}
@media all and ( max-width: 640px ){	
	/* 경영진소개 :: 하단 4개짜리 */
	.team-member-list .member-list li{width:33.333%}
	.member-list li .mamber-info span,
	.team-member-list .member-list li .mamber-info span{font-size:14px}
	.member-list li .mamber-info strong,
	.team-member-list .member-list li .mamber-info strong{font-size:20px;}
	/* 경영진소개 :: 210507 추가 */
	.member-list-circle .circle-list{margin:0 -4.25% -7%; text-align:center}
	.member-list-circle .circle-list li{width:39%; margin:0 4.25% 7%; float:none; display:inline-block; vertical-align:top}
	.member-list-circle .circle-list li .mamber-info span{font-size:14px}
	.member-list-circle .circle-list li .mamber-info strong{font-size:20px; }
	.member-list-circle .circle-list li:nth-child(2n-1):before{top:3%; left:-7%; bottom:auto; right:auto}
	.member-list-circle .circle-list li:nth-child(2n):before{top:3%; right:-7%; bottom:a; left:auto}
}
@media all and ( max-width: 360px ){	
	.member-list li .mamber-info{margin-right:10%}
	.member-list li .mamber-info span,
	.team-member-list .member-list li .mamber-info span,
	.member-list-circle .circle-list li .mamber-info span{font-size:13px}
}

/* ******************  연구개발 ********************** */
/* 연구개발 :: 공통탭 */
@media all and ( max-width: 800px ){	
	.research-tab ul{margin:0 -2px}
	.research-tab ul li{margin:0 2px; width:calc(33.333% - 7px)}
	.research-tab ul li a{font-size:14px; height:45px}
	/*.research-tab-con{margin-top:25px}*/
}
@media all and ( max-width: 480px ){	
	.research-tab ul li a{font-size:12px}
}

/* ------------ 연구개발 :: 장점막 면역계와 마이크로바이옴 ------------- */
@media all and ( max-width: 1220px ){	
	/* μ+ herbal therapy :: 장점막 면역계와 마이크로바이옴 */
	.microbiome-sum-wrap{margin-bottom:-70px}
}
@media all and ( max-width: 1024px ){	
	.microbiome-sum-list li .list-inner .list-txt br{display:none}
}
@media all and ( max-width: 800px ){	
	/* μ+ herbal therapy :: 장점막 면역계와 마이크로바이옴 */
	.microbiome-sum-wrap{padding:50px 0; margin-bottom:-50px}
	/* 장점막 면역계와 마이크로바이옴 :: 상단 */
	.microbiome-sum-top{margin-bottom:0}
	.microbiome-sum-top h4{font-size:30px;}
	.microbiome-sum-top p{font-size:14px; padding:15px 5%; margin-top:15px}
	@media (max-width: 800px){
	.microbiome-sum-bottom p {
    font-size: 14px;
    padding: 15px 5%;
    margin-top: 15px;
	}}

	/* 장점막 면역계와 마이크로바이옴 :: 하단 리스트 */
	.microbiome-sum-list{display:block}
	.microbiome-sum-list li{display:block; width:100%; padding:20px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,0.2)}
	.microbiome-sum-list li:last-child{border-bottom:0; padding:20px 0 0}
	.microbiome-sum-list li .list-inner .list-tit{font-size:18px;}
	.microbiome-sum-list li .list-inner .list-txt{font-size:13px; margin-top:10px}
	
}	
@media all and ( max-width: 480px ){	
	/* μ+ herbal therapy :: 장점막 면역계와 마이크로바이옴 */
	.microbiome-sum-wrap{margin-bottom:-30px}
}

/* ------------ 연구개발 :: μ+ herbal therapy ------------- */
@media all and ( max-width: 1220px ){	
	/* μ+ herbal therapy :: 허버테라피 개요 */
	.therapy-sum-wrap{margin-bottom:-70px}
}
@media all and ( max-width: 1024px ){	
	.therapy-sum-list li .list-inner .list-txt br{display:none}
}
@media all and ( max-width: 800px ){	
	/* μ+ herbal therapy :: 허버테라피 개요 */
	.therapy-sum-wrap{padding:50px 0; margin-bottom:-50px}
	/* 허버테라피 개요 :: 상단 */
	.therapy-sum-top{margin-bottom:0}
	.therapy-sum-top h4{font-size:30px;}
	.therapy-sum-top p{font-size:14px; padding:15px 5%; margin-top:15px}
	/* 허버테라피 개요 :: 하단 리스트 */
	.therapy-sum-list{display:block}
	.therapy-sum-list li{display:block; width:100%; padding:20px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,0.2)}
	.therapy-sum-list li:last-child{border-bottom:0; padding:20px 0 0}
	.therapy-sum-list li .list-inner .list-tit{font-size:18px;}
	.therapy-sum-list li .list-inner .list-txt{font-size:13px; margin-top:10px}
	
}	
@media all and ( max-width: 480px ){	
	/* μ+ herbal therapy :: 허버테라피 개요 */
	.therapy-sum-wrap{margin-bottom:-30px}
}


/* ------------ 연구개발 :: 전문가 구성 ------------- */
@media all and ( max-width: 800px ){	
	/* 전문가 구성 :: 만남의현장 */
	.tab-sub-tit{font-size:24px;}
	.meeting-place-con .tab-sub-tit b{font-size:27px}
	.meeting-place-con .tab-sub-tit em{font-size:14px; margin-top:8px}
	.meeting-place-con{ margin-top:65px; padding-top:50px}
	.meeting-place-con span{margin-top:22px}
	.meeting-place-con:after{height:50%;}

	/* 전문가 구성 :: 탄생비화 */
	.birth-con{margin-top:50px}
	.birth-list{margin:22px -0.65% 0}
	.birth-con-bottom.business-mission{margin-top:30px}
	.birth-con-bottom.business-mission .mission-txt{font-size:19px; padding:20px 6.8%}
}
@media all and ( max-width: 480px ){	
	/* 전문가 구성 :: 탄생비화 */
	.birth-list{margin:22px 0 0; text-align:center}
	.birth-list li{float:none; width:100%; margin:0 0 10px}
}






/* ****************** R&D 센터 ********************** */
/* R&D 센터 :: 공통 슬라이드 */
@media all and ( max-width: 1220px ){	
	.rnd-sub-slide .slick-slider{margin:-5px 0}
	.rnd-sub-slide .img-slide{margin:5px 0}
	.rnd-main-slide .rnd-slide-arrow{padding-top:22px}
}
@media all and ( max-width: 960px ){	
	.rnd-sub-slide .slick-slider{margin:-3px 0; height:calc(100% - 62px)}
	.rnd-sub-slide .img-slide{margin:3px 0}
	.rnd-main-slide .rnd-slide-arrow{padding-top:13px}
	.rnd-main-slide .rnd-slide-arrow li{height:55px}
	.rnd-main-slide .rnd-slide-arrow li i{line-height:55px}
}
@media all and ( max-width: 800px ){	
	.rnd-img-con .rnd-main-slide{float:none; width:100%}
	.rnd-img-con .rnd-sub-slide{float:none; width:100%; padding-left:0; position:relative; margin-top:10px }
	.rnd-sub-slide .slick-slider{height:auto; margin:0 -3px}
	.rnd-img-con .rnd-sub-slide .slick-list{height:inherit !important}
	.rnd-sub-slide .slick-slider{width:80%}
	.rnd-sub-slide .img-slide{margin:0 3px}
	.rnd-main-slide .rnd-slide-arrow{padding-top:0; position:absolute; bottom:0; right:0; width:20%}
	.rnd-main-slide .rnd-slide-arrow li{height:0; padding-top:37.5%; position:relative; float:none; width:100%;}
	.rnd-main-slide .rnd-slide-arrow li:last-child{border-left:0; border-top:1px solid rgba(255,255,255,0.3)}
	.rnd-main-slide .rnd-slide-arrow li a{position:absolute; top:0; left:0; width:100%; height:100%}
	.rnd-main-slide .rnd-slide-arrow li i{line-height:normal; transform:rotate(-90deg); margin:-6px 0 0 -5px; top:50%; left:50%; position:absolute}
}
@media all and ( max-width: 480px ){	
	.rnd-main-slide .rnd-slide-arrow li{padding-top:37% /*padding-top:56%*/}
	.rnd-main-slide .rnd-slide-arrow li i{font-size:11px}
}


/* ----------- R&D 센터 :: 중앙실험실 ----------- */
@media all and ( max-width: 800px ){	
	.central-top{padding:20px 5%}
	.central-top h4{font-size:16px; }
	.central-top span{font-size:14px; margin-top:10px}
}




/* ****************** 바이옴 제품 ********************** */
/* ----------- 바이옴 제품 :: 프리미엄 유산균 ------------ */
@media all and ( max-width: 800px ){	
	.lacto-tit{font-size:22px; padding-top:25px}
	.lactobacillus-content:before,
	.lacto-tit:before{width:100px; height:4px; top:-2px}
	/* 프리미엄유산균 :: 다이어그램  */
	.lacto-diagram-tit{padding:20px 5%}
	.lacto-diagram-tit h4{font-size:20px;}
	.lacto-diagram-tit span{font-size:18px; margin-top:5px}
	.lacto-diagram-tit .bg-num{100px}
	.lacto-diagram-img{padding:30px 3%}
	/* 프리미엄유산균 :: 박스 리스트  */
	.lacto-box-con{margin-top:26px}
	.lacto-list{margin:0}
	.lacto-list li{float:none; width:100%; margin:0 0 15px;}
	.lacto-list li .list-inner{padding:15px}
	.lacto-list li .lacto-list-tit .list-icon{width:45px; height:auto}
	.lacto-list li .lacto-list-tit .list-icon img{width:100%}
	.lacto-list li .lacto-list-tit .list-tit{font-size:18px; width:calc(99% - 45px); padding-left:1%}
	.lacto-list li .lacto-explain{margin-top:15px}
	.lacto-list li .lacto-explain span{font-size:14px; padding:8px 10px 7px 26px}
	.lacto-list li .lacto-explain span:before{width:9px; height:7px; top:14px; left:12px}

	.lactobacillus-number-con{padding-top: 3vh;}
	.lactobacillus-number-con h5{font-size: 30px; margin-bottom: 15px;}
	.lactobacillus-number-con .prd-img{margin-bottom: 4vh;}
	.lactobacillus-number-con .lactComparison-tbl-wrap th, .lactobacillus-number-con .lactComparison-tbl-wrap td{font-size: 17px;}
	.lactobacillus-number-con .recommend-box ul{display: block; text-align: center; margin: 30px 0;}
	.lactobacillus-number-con .recommend-box li{margin-top: 25px;}
	.lactobacillus-number-con .recommend-box li:first-child{margin-left: 20px;}
}

/* ----------- 바이옴 제품 :: Manufacturing ------------ */
@media all and ( max-width: 800px ){	
	/* Manufacturing :: 상단 텍스트박스 */
	.gradient-box-top .gradient-tit{font-size:17px; padding:10px 5%}
	.gray-box-list li p{font-size:15px; padding:10px 25px}
	.gray-box-list li p:before{top:15px; left:13px}
	.gray-box-list li p.high-arrow:before{top:18px}
	.gray-box-list li p sup{font-size:12px}
}
@media all and ( max-width: 480px ){	
	/* Manufacturing :: 하단 이미지 */
	.manufacturing-img{margin-top:15px; text-align:center; }
	.manufacturing-img .lf-img{float:none; width:100%}
	.manufacturing-img .rt-img{float:none; width:100%; padding-left:0; margin-top:10px}
}

@media all and ( max-width: 800px ){	
/* Manufacturing :: 하단 텍스트 */
.manufacturing-txt-box h4 {font-size:20px;}
.manufacturing-txt-box h4 span {color:#38b4bc}
.manufacturing-txt-box p {font-size:14px; margin-top:15px; line-height:20px;}
}



/* ******************  인재채용 ********************** */
@media all and ( max-width: 1400px ){	
	/* 인재채용 :: 상단컨텐츠 :: 배너 */
	.talent-banner-wrap:after{display:none}
}
@media all and ( max-width: 1220px ){	
	.talent-top-list .talent-list-box li .list-inner .list-txt p br{display:none}
}
@media all and ( max-width: 1024px ){	
	/* 인재채용 :: 상단컨텐츠 :: 배너 */
	.talent-banner-wrap .talent-banner .banner-lf{width:96%}
	.talent-banner-wrap .banner-rt{position:relative; width:100%;}
	/* 인재채용 :: 상단컨텐츠 :: 박스리스트 */
	.talent-top-list .talent-list-box li .list-inner{padding:0 8%; width:84%}
	.talent-top-list .talent-list-box li .list-inner .list-txt{padding-left:8%; width:calc(92% - 80px)}
}
@media all and ( max-width: 800px ){	
	/* 인재채용 :: 상단컨텐츠 :: 배너 */
	.top-tit img{height:32px}
	.talent-banner-wrap{margin-top:25px}
	.talent-banner-wrap .talent-banner .banner-lf{margin-left:15px; margin-bottom:15px; width:calc(100% - 15px)}
	.talent-banner-wrap .talent-banner .banner-lf span{margin-bottom:10px}
	.talent-banner-wrap .talent-banner .banner-lf span img{height:22px}
	.talent-banner-wrap .talent-banner .banner-lf h4{font-size:23px;}
	.talent-banner-wrap .banner-rt p{padding:15px 17px}
	.talent-banner-wrap .banner-rt p span{font-size:15px; margin-bottom:12px}
	/* 인재채용 :: 상단컨텐츠 :: 박스리스트 */
	.talent-top-list .talent-list-box{margin:10px 0 0}
	.talent-top-list .talent-list-box li{float:none; width:100%; margin:0 0 10px}
	.talent-top-list .talent-list-box li .list-inner{height:auto; /*min-height:130px;*/ padding:30px 8%}
	.talent-top-list .talent-list-box li .list-inner .list-icon{width:65px}
	.talent-top-list .talent-list-box li .list-inner .list-icon img{width:100%}
	.talent-top-list .talent-list-box li .list-inner .list-txt{width:calc(92% - 65px)}
	.talent-top-list .talent-list-box li .list-inner .list-txt strong{font-size:17px}
	.talent-top-list .talent-list-box li .list-inner .list-txt strong img{height:20px; margin-left:3px}
	.talent-top-list .talent-list-box li .list-inner .list-txt p{font-size:14px; margin-top:10px}

	/* 인재채용 :: What We Value */
	.core-value{margin-top:35px}
	.talent-sub-tit{font-size:27px; padding-top:15px}
	.talent-sub-tit:after{width:35px; height:3px}
	.talent-value.core-value .core-value-list{margin:35px 0 0}

	/* 인재채용 :: How We Care */
	.how-we-care{margin:42px 0 30px}
	.how-we-care .care-list{margin:20px -1.2% 0; text-align:center}
	.how-we-care .care-list li{float:none; display:inline-block; vertical-align:top; width:47%; margin:0 1.2% 25px}
	.how-we-care .care-list li .care-txt{text-align:left;}
	.how-we-care .care-list li .care-txt:after{height:55px; top:-17px;}
	.how-we-care .care-list li .care-txt .care-tit{font-size:21px; margin-bottom:15px}
	.how-we-care .care-list li .care-txt .care-explain span{font-size:14px; }
	.how-we-care .care-list li .care-txt .care-explain span:before{top:6px}

	/* 인재채용 :: Contact */
	.talent-contact{padding:25px 0 50px}
	.talent-contact .contact-txt{font-size:20px; margin-top:25px}
	.contact-mail-btn{font-size:16px; margin-top:20px}
	.contact-mail-btn em.icon b{width:23px;}
	.contact-mail-btn em.icon b:before{font-size:16px; top:-14px}

}	
@media all and ( max-width: 480px ){	
	/* 인재채용 :: 상단컨텐츠 :: 배너 */
	.top-tit img{height:28px}
	.talent-banner-wrap{margin-top:20px}
	.talent-banner-wrap .talent-banner .banner-lf{margin-bottom:10px; margin-left:10px; width:calc(100% - 10px)}
	.talent-banner-wrap .talent-banner .banner-lf span img{height:17px}
	.talent-banner-wrap .talent-banner .banner-lf h4{font-size:19px}
	/* 인재채용 :: 상단컨텐츠 :: 박스리스트 */
	.talent-top-list .talent-list-box li .list-inner .list-icon{width:55px}
	.talent-top-list .talent-list-box li .list-inner .list-txt{width:calc(92% - 55px)}

	/* 인재채용 :: How We Care */
	.how-we-care .care-list{margin:20px 0 0}
	.how-we-care .care-list li{display:block; width:100%; margin:0 0 25px}
	.how-we-care .care-list li .care-img img{max-width:none; width:100%}
}



/* ************ R&D Center :: 210609  ************ */
/* 상단 페이지 타이틀 */
@media all and (max-width:800px){		
	.page-top-tit{margin-bottom:30px}
	.page-top-tit h3{font-size:30px; padding-bottom:15px}
}

/* 페이지 서브메뉴 */
@media all and (max-width:800px){		
	.page-sub-menu{margin-bottom:30px}
	.page-sub-menu .menu-list li{margin:0 2px; width:calc(33.333% - 7px); max-width:220px}
	.page-sub-menu .menu-list li a{height:40px}
	.page-sub-menu .menu-list li a em{font-size:14px}
}
@media all and (max-width:480px){		
	.page-sub-menu .menu-list li a em{font-size:13px}
}

/* 슬라이드 */
@media all and (max-width:1220px){			
	.rnd-img-con.renewal-slide .rnd-sub-slide .slick-slider{height:87.7%}
	.rnd-img-con.renewal-slide .rnd-sub-slide .img-slide{margin:4px 0}
	.rnd-img-con.renewal-slide .rnd-main-slide .rnd-slide-arrow li{height:5vw}
	.rnd-img-con.renewal-slide .rnd-main-slide .rnd-slide-arrow li a{height:100%; position:relative;}
	.rnd-img-con.renewal-slide .rnd-main-slide .rnd-slide-arrow li i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:inherit; margin:0}
}
@media all and (max-width:1024px){		
	.rnd-img-con.renewal-slide .rnd-sub-slide .slick-slider{height:88.2%}
}
@media all and (max-width:800px){		
	.rnd-img-con.renewal-slide .rnd-sub-slide{margin-top:9px}
	.rnd-img-con.renewal-slide .rnd-sub-slide .img-slide{margin:0 3px}
	.rnd-img-con.renewal-slide .rnd-main-slide .rnd-slide-arrow li{height:0}
	.rnd-img-con.renewal-slide .rnd-main-slide .rnd-slide-arrow li a{position:absolute; }
}


/* ************ 지아이바이옴 :: 파트너스 페이지 추가 :: 210609 ************ */
@media all and (max-width:800px){		
	.partners-sec .sec-tit{font-size:20px; margin-bottom:15px}
	.partners-sec .partners-list{margin:0 -0.5%}
	.partners-sec .partners-list li{width:49%; height:90px; margin:0 0.5% 1%}
	.partners-sec .partners-list li span{padding:5% 10%}
	.partners-sec .partners-list li span img{max-height:30px}
}

/* ************ 프로바이오틱스제품 :: 넘버시리즈 수정 211102 ************ */
@media all and (max-width:800px){	
	.lacto-title-con{padding: 8vh 0;}
	.lacto-title-list dt{height: 54px; margin-bottom: 10px;}
	.lacto-title-list dd{font-size: 16px;}
	.lactComparison-tbl-wrap .lacto-diagram-tit{margin-right: -15px;}
	.lactComparison-tbl-wrap{margin-right: 15px;}
	.lactComparison-tbl-wrap .lacto-diagram-tit h4{font-size: 18px;}
	.lactComparison-tbl-wrap th, .lactComparison-tbl-wrap td{padding: 15px; font-size: 17px;}
}
@media all and (max-width:680px){	
	.lacto-title-list li{width: 50%; margin-top: 20px;}
	.lacto-title-list li:nth-child(2):before{display: none;}
	.lactComparison-tbl-wrap th, .lactComparison-tbl-wrap td{font-size: 13px;}
	.front-check-txt{padding-left: 16px;}
}


/* ************ 연구개발 :: 파이프라인 리뉴얼 :: 2025-08-07 MJ ************ */
@media all and (max-width:800px){
	.pipeline-con .pipeline-tit{display: block;}
	.pipeline-con .pipeline-tit .plus-txt{display: block;}
}
/* ************ 지아이롱제비티 :: 회사소개 리뉴얼 :: 2025-08-07 MJ ************ */
@media all and (min-width:801px){
	.intro-txt-box .right-box .txt-item.item1{margin-top:-300px; margin-left:190px; padding-left:115px;}
	.intro-txt-box .right-box .txt-item.item1:before{width:100px;}
	.intro-txt-box .right-box .txt-item.item2{margin-top:-150px; margin-left:170px; padding-left:115px;}
	.intro-txt-box .right-box .txt-item.item2:before{width:100px;}
	.intro-txt-box .right-box .txt-item.item3{margin-top:-10px; margin-left:250px; padding-left:300px;}
	.intro-txt-box .right-box .txt-item.item3:before{width:285px;}
	.intro-txt-box .right-box .txt-item.item4{margin-top:150px; margin-left:435px; padding-left:115px;}
	.intro-txt-box .right-box .txt-item.item4:before{width:100px;}
}
@media (min-width:801px) and (max-width:1720px){
	.intro-txt-box .right-box .txt-item.item3{padding-left: 250px;}
	.intro-txt-box .right-box .txt-item.item3:before{width:235px;}
	.intro-txt-box .right-box .txt-item.item4{padding-left: 60px;}
	.intro-txt-box .right-box .txt-item.item4:before{width:45px;}
}
@media all and (max-width:1560px){
	.intro-txt-box .right-box .txt-item .tit{font-size:20px;}
	.intro-txt-box .right-box .txt-item .txt{font-size:16px;}
}
@media all and (max-width:800px){
	.pc-br{display: none;}

	.intro-new-content{background:#000; padding:50px 30px 0;}
	.intro-bg-box{position: relative;}
	.intro-bg-box .dot-list-m{display: block;}
	.intro-bg-box .dot-list-m .dots{display: block; position: absolute; top:50%; left:50%; width:10px; height:10px; border-radius:50%; border:3px solid #fff; z-index:9;}
	
	.intro-bg-box .dot-list-m .dots.item1{background:rgb(255,192,0); margin-top:-29vw; margin-left:0;}
	.intro-bg-box .dot-list-m .dots.item2{background:rgb(0,193,208); margin-top:-15vw; margin-left:-3vw;}
	.intro-bg-box .dot-list-m .dots.item3{background:rgb(0,196,240); margin-top:-1vw; margin-left:5vw;}
	.intro-bg-box .dot-list-m .dots.item4{background:rgb(71,212,90); margin-top:14vw; margin-left:27vw;}

	.intro-bg-box > span{width:200vw; left:30%;}

	.intro-txt-box{position: relative; }
	.intro-txt-box .intro-area{display: block;}
	.intro-txt-box .left-box{width:100%;}
	.intro-txt-box .left-box .tit{font-size:40px; margin-top:15px;}
	.intro-txt-box .left-box .txt-list{margin-top:30px;}
	.intro-txt-box .left-box .txt-list .inner-txt{font-size:14px; margin-bottom:15px;}

	.intro-txt-box .right-box{margin-top:50px;}
	.intro-txt-box .right-box .txt-item{position: relative; top:auto; left:auto; padding-left:20px; margin-bottom:20px;}
	.intro-txt-box .right-box .txt-item .tit{font-size:18px;}
	.intro-txt-box .right-box .txt-item:after{top:5px;}
}
@media all and (max-width:480px){
	.intro-bg-box > span{width:250vw; left:23%;}
	
	.intro-bg-box .dot-list-m .dots.item1{margin-top:-36vw; margin-left:0;}
	.intro-bg-box .dot-list-m .dots.item2{margin-top:-20vw; margin-left:-4vw;}
	.intro-bg-box .dot-list-m .dots.item3{margin-top:-2vw; margin-left:4vw;}
	.intro-bg-box .dot-list-m .dots.item4{margin-top:17vw; margin-left:32vw;}
}


/* ************ Skin Rejuvenation Center :: 2025-08-07 MJ ************ */
@media all and (max-width:800px){
	.skin-tit-box{margin-bottom:30px;}
	.skin-tit-box .tit{font-size:28px; margin-bottom:10px;}
	.skin-tit-box .txt{font-size:16px; padding:0 15px; box-sizing:border-box;}
	.skin-tit-box .txt2{font-size:13px; padding:0 15px; box-sizing:border-box;}
}


/* ************ 플랫폼 추가 및 기본 통이미지영역 :: 2025-09-03 MJ ************ */
@media all and (max-width:800px){
	.research-tit{font-size:19px; margin-bottom:40px;}
}