/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/********************************************************
■ 공통
********************************************************/
.con{width:60rem; margin:0 auto;line-height:1.7;}
.flex-layout {display:flex;}
.flex-layout:not(:nth-of-type(1)) {margin-top:9rem;}
.fl_tit {width:15.5rem; flex-shrink:0; }
.fl_tit h3 {font-size:1.5rem; color:#000; position:relative; font-weight:500; line-height: 1.3;}
.fl_tit h3:before {content:''; display:block; width:1.9rem; height:0.4rem; border-radius:0.2rem; background:var(--main); position:Absolute; top:-0.5rem; left:0;}
.fl_tit p {margin-top:1.8rem; line-height:1.6;}
.fl_con {flex:1;}
.flex-layout strong.b {color:#000;}
.flex-layout em.italic {font-style: italic;}
.flex-layout .sameHeight {height:17.5rem;}

.sub_con {font-size:0.9rem;}
.sub_con .txt_box {font-size:0.9rem; padding-left:1.3rem; width: calc(100% - 1.3rem);}
.sub_con:first-of-type .subTit {margin-top:0;}

/* 서브 타이틀 */
.subTit {margin:4.2rem 0 1.35rem;padding-left:1.3rem; font-size:1.1rem; color:#000; font-weight:700; position:relative;}
.subTit:before {content:''; display:block; width:0.8rem; height:0.9rem; background:url('/images/default/content/sub_bullet.svg') no-repeat center center; background-size:100% auto; position:absolute; top: 0.35em; left:0;}

/* 리스트 스타일 */
ul.dot li {position:relative; padding-left:0.7rem; font-weight:400; line-height:1.7;}
ul.dot li:not(:first-child) {margin-top:0.15rem;}
ul.dot li:before {content:'·'; position:absolute; top:0.7em; left: 0;  line-height: 0; font-size:1.1rem; color:#000; font-weight:700;}

/* 리스트 스타일 - 안에 내용 많은 경우 */
ul.longCon > li:not(:first-child) {margin-top:4.65rem;}
.longCon > li h4 {color:#000; font-size:1.1rem; margin-bottom:1.5rem;}
.txtBg {padding:1.05rem; background:#f0f1f5;}
.txtBg h5 {font-size:1.1rem; color:#000; font-weight:500;}
.longCon > li .img_box {display:flex; align-items: center; justify-content: center; flex-direction:column; gap:2rem;}

/* 논문 스타일 */
.thesis {margin-top:4.35rem;}
.thesis .item {display:flex;  align-items: center; gap:5rem 17.24%;}
.thesis .item:not(first-child) {margin-top:4.2rem}
.thesis .img_box {display:flex; flex-direction:column; gap:0.9rem; width:10.5rem; font-size:0.7845rem; color:#000; line-height:1.86; font-weight: 300; text-wrap-style: pretty;}
.thesis .img_box b {padding:0 0.9rem; font-weight:400; font-size: 0.7rem;}
.thesis .img_box img {box-shadow: rgba(108, 108, 108, 0.21) 8px 8px 9px; border:1px solid #d9d9d9 !important;}
.thesis .txt_box {flex:1; position:relative;}
.thesis .txt_box:before {content:''; display:block; width:3.35rem; height:1.95rem; background:url('/images/default/content/cs_arrow.svg') no-repeat center center; background-size:100% auto; position:absolute; top: 0.65em; left:-4rem;}
.thesis .txt_box h5 {margin-bottom:1.15rem; background: var(--main); color: #fff; font-size: 1.2rem; font-weight: 700; padding: 0.5rem 2.25rem;  border-radius: 2rem; position:relative;}
.thesis .txt_box h5:after {content:''; display:block; width:99%; height:100%; border-radius:2rem;  background: #c4c4c4; position:absolute; top:0.15rem; left:0.2rem; z-index:-1; filter: blur(1px);}
.thesis .txt_box ul.dot {padding-left:2.15rem;}
.thesis .txt_box ul.dot li {font-size:0.9rem; font-weight:400;}
.thesis .txt_box ul.dot li:before {top: 0.65em;}


@media (max-width:1200px){
	.con{width:100%; padding:0 1rem;}
}
@media (max-width:768px){
	.con {font-size:1rem;}

	.flex-layout {flex-direction:column; gap:1.88rem;}
	.flex-layout:not(:nth-of-type(1)) {margin-top:72px;}
	.flex-layout .fl_tit {width:100%;}
	.flex-layout .fl_tit h3 {width:100%; font-size: 1.47rem; padding-top: 0.85rem;}
	.fl_tit h3:before {top: 0;}
	.fl_tit p {font-size:1rem;}
	.flex-layout .sameHeight {height:15rem;}

	.sub_con .txt_box {padding-left:0; font-size:1rem; width:100%;}

	/* 서브 타이틀 */
	.subTit {font-size:1.23rem;}
	.subTit:before {top: 0.4em;}

	/* 논문 스타일 */
	.thesis .item {flex-direction: column;}
	.thesis .img_box {width:calc((100% - 1rem* 1) / 2);}
	
	.thesis .txt_box {width:100%;}
	.thesis .txt_box h5 {text-align:center; font-size:1rem;}
	.thesis .txt_box ul.dot {padding:0 1rem;}
	.thesis .txt_box ul.dot li {font-size:0.88rem;}
	.thesis .txt_box:before {top: -3.35em; left: 50%; transform: translateX(-50%) rotate(90deg);}

	.txtBg {padding:1rem;}
}
@media (max-width:390px){
	.thesis .txt_box {width: 100%;}
	.thesis .txt_box ul.dot li {font-size:0.93rem;}
}

/********************************************************
■ 회사소개
********************************************************/

.microIntro,
.vison,
.history,
.location,
.contact_form  {font-size:0.9rem;}

@media (max-width:768px){
	.microIntro,
	.vison,
	.history,
	.location,
	.contact_form  {font-size:1rem;}
}

/*----- 개요 -----*/

/* 마이크로 바이옴 */
.microIntro .img_box { margin-top:2.9rem; background:url('/images/default/content/microIntro.jpg') no-repeat center center; background-size:cover;}

/* 비전 */
.vision .img_box {display: flex; flex-direction: column; gap:0.4rem; align-items: center;  justify-content: center; padding: 0 1rem;  color:#fff; font-size:1.2rem; background:url('/images/default/content/vision_img.jpg') no-repeat center center; background-size:cover; font-weight:700; text-align: center;}
.vision .img_box > p {font-size:0.9rem; font-weight:300; color:#d6d5d5;}

/* 미션 */
.mission .img_box {text-align:center;}


/*----- 연혁 -----*/
.history {align-items: flex-start; height:auto;}
.history .fl_tit {position: sticky; top:8.2rem;  left: 0;  bottom: 0;  right: 0;}
.history .img_box {display: flex; align-items: flex-end; padding:3rem 4.2rem 2.5rem; background:url('/images/default/content/his_img.jpg') no-repeat center center; background-size:cover; font-size:1.5rem; color:#fff; font-weight:700; line-height:1.46;}

.his .item {display:flex; gap:1rem 1.7rem; margin-top:3.5rem; position:relative;}
.his .item:before {content:''; display:block; width:2px; height:calc(100% + 0.8rem); background:#828282; position:absolute; top:0.6em; left:4rem;}
.his .item .year { flex-shrink: 0; width: 2.9rem; font-size:1.2rem; font-weight:500; color:var(--main); position:relative;}
.his .item .year:after {content:''; display:block; width:0.8rem; height:auto; aspect-ratio:1; border-radius:100%; background:#828282; border:4px solid #fff; position: absolute; top:0.4em; right: -1.55rem; box-sizing: border-box; transition: all 0.3s;}
.his .item.active .year:after {background:var(--main);}
.his_con {padding-top:1.15rem;}
.his_con > li {position:relative; padding-left:0.6rem}
.his_con > li:not(:first-child) {margin-top:0.87rem;}
.his_con > li:before {content:'·'; position:absolute; top:0.4em; left: 0;  line-height: 1;}


@media (max-width:768px){
	.vision .img_box > p {font-size:1rem;}

	.history .fl_tit {position:static;}
	.history .img_box {padding: 1.5rem; font-size:1.23rem;  background-position: 30% center;}

	.his .item {flex-direction:column;}
	.his .item:before {height: calc(100% - 1.5rem); top: 3rem;left: 0.325rem;}
	.his .item .year {font-size:1.23rem;}
	.his .item .year:after {right:auto; left:0; top: 2.6rem; border: 3px solid #fff;}
	.his_con {padding-top:0; padding-left: 1rem;}
}
@media (max-width:390px){
	.history .img_box {font-size:1.4rem;}
	.his .item .year {font-size:1.4rem;}
}



/*----- Contact us 오시는 길 -----*/
.location iframe {margin-bottom:0.85rem; width:100%; height:24.7rem;}
.location .compInfo {color:#000; font-weight:600; line-height:1.66;}

/* 문의사항 폼 */
.contact_form {padding: 9.4rem 0 6.6rem; margin-top:8.05rem; background:url('/images/default/content/contact_formBg.jpg') no-repeat center center; background-size:cover;}
.contact_form .flex-layout .fl_tit {padding-top:3.15rem;}
.contact_form .flex-layout .fl_tit,
.contact_form .flex-layout .fl_tit h3 {color:#fff;}
.contact_form .fl_con {display: flex; justify-content: flex-end;}

.formWrap {padding:2.05rem 3.75rem; width:88.48%; background:#ededed; text-align: right;}
.formWrap label {display: block; margin-bottom:0.5rem;font-size:1rem; color:#000; line-height:1; font-weight:600; text-align: left;}
.formWrap input[type="text"],
.formWrap textarea {background:#ededed; border:1px solid #828282; resize:none;}
.formWrap input[type="text"] {height:35px;}
.formWrap > div:nth-of-type(2) {margin-top:1.35rem;}
.formWrap > div:nth-of-type(3) {margin-top:1.15rem;}
.formWrap .col2 {display:flex; gap:1.35rem 0.9rem;}
.formWrap .col2 > div {width:100%;}
.formWrap .inqu_submit {margin-top:0.7rem; min-width: 12.3rem; width:33.29%; background:var(--main); color:#fff; font-size:1rem; line-height: 1.9;  font-family: 'Pretendard', 'Noto Sans KR', '나눔고딕', 'Nanum Gothic', 'sans-serif';}


@media (max-width:768px){
	.location iframe {height:17rem;}
	.location .compInfo span {display:none;}

	.contact_form {margin-top: 5rem; padding-top:6rem;}
	.contact_form .flex-layout .fl_tit {padding-top:0;}
	.formWrap { padding: 1.5rem; width:100%;}
}
@media (max-width:390px){
	.formWrap .col2 {flex-wrap:wrap;}
	.formWrap .inqu_submit {width:100%;}
}


/********************************************************
■ CorriX
********************************************************/

/*----- CorriX 소개 -----*/
/* 소개 */
.tf_list {margin-top:4.4rem;}
.tf_list li {display:flex; align-items: center; gap:1rem 10.84%;}
.tf_list li:not(:first-child) {margin-top:2.7rem;}
.tf_list li .img_box {width:24.26%; flex-shrink:0; text-align:center; color:#000; font-size:0.9rem; font-weight:400; line-height: 1.5;}
.tf_list li .img_box img {width:100%; display:block; margin-bottom: 5px; }
.tf_list li .txt_box { padding-right:1rem; flex:1;}

.corrixDesc .img_box {display:flex; gap:1rem 7.32%; justify-content: center; align-items: center; margin-top:0.9rem;}
.corrixDesc .img_box > img {width:42.02%;}

.cf_list li {display:flex; align-items: center; gap:1rem 2rem; color:#828282; font-size:0.9rem; font-weight:300;}
.cf_list li:not(:first-child) {margin-top:1.35rem;}
.cf_list li h4 {margin-bottom: 0.1rem; color:#000; font-size:1.1rem; font-weight:700;}
.cf_list .icon {display: flex; align-items: center; justify-content: center; width:7.05rem; height:auto; aspect-ratio:1; border-radius:100%; border:10px solid #ffeeee; box-sizing:border-box; flex-shrink: 0;}
.cf_list .icon img {width:56.73%}
.expected {margin-top:4.6rem; padding: 2rem 1.7rem 1.2rem; box-sizing:border-box; border:10px solid #ffeeee; position:relative;}
.expected h5 {display:inline-block; padding:0 2.4rem; font-size:1.1rem; color:#fff;line-height: 1.6; background:var(--main); border-radius:0.875rem; position: absolute; top: -0.875rem; left: 1rem; font-weight:400;}
.expected ul.dot li {font-weight:400;}
.expected ul.dot li:nth-child(2) {margin-top:0}

/* 안전성 */
.corrixSafty .longCon > li h4 {margin-bottom:0.7rem;}
.corrixSafty .img_box {margin-top:1.05rem;}

/* 유효성 */
.testOverview {margin-top:2.45rem;}
.conclusion {display: flex; flex-direction: column; gap: 1rem; margin-top:4.15rem;}
.conclusion .txtBg {padding:1.9rem 2rem; font-size:0.9rem;}
.conclusion .txtBg h5 {font-weight:600;}
.conclusion .txtBg:last-child {padding-bottom:2.45rem}
.conclusion .txtBg ul.dot li {font-size:0.9rem;}

/* 차세대 프로바이오틱스 */
.ngp_img {display:block; margin-top:2.85rem;}


@media (max-width:768px){
	/* 소개 */
	.tf_list li {gap:1rem 5%; align-items: flex-start; text-wrap-style: balance;}
	.tf_list li .txt_box {padding:0; font-size: 0.88rem;}
	.tf_list li .img_box {width:30%;}
	
	.corrixDesc .img_box {flex-direction:column;}
	.corrixDesc .img_box > img {width:70%;}
	.thesis .img_box b {font-size:0.7845rem;}
	.cf_list li {align-items: flex-start; gap: 1rem;}
	.cf_list li:not(:first-child) {margin-top:2.35rem;}
	.cf_list li h4 {font-size:1rem;}
	.cf_list .icon {width:6rem; border:5px solid #ffeeee}
	.expected h5 {padding: 0 1rem; width:90%; left:50%; transform:translateX(-50%); text-align:center;}
}
@media (max-width:390px){
	.tf_list li .txt_box {font-size:0.93rem;}
	.conclusion .txtBg {padding: 1.5rem 1rem;}
	
}

/*----- 보유특허 -----*/
.certi_wrap {margin-top:1.7rem;}
.certi_wrap .img_box {display:flex; flex-direction:column; gap:0.6rem; flex-shrink:0; width:28.08%; text-align:center; color:#000; font-size:0.8rem; letter-spacing:-0.02em; line-height: 1.5; font-weight:600;}
.certi_wrap .img_box img {box-shadow: rgba(108, 108, 108, 0.07) 8px 8px 9px;}
.certi_wrap .img_box span {display:block; font-size:0.7rem; color:#828282; font-weight:400;}
.certi_wrap li:nth-child(1) .img_box span {font-size:0.6rem;letter-spacing: -0.05em;}
.certi_wrap > ul {display:flex; margin-top:3.9rem; gap:3rem;}
.certi_wrap > ul > li {display:flex; width:calc((100% - 3rem * 2)/3);}
.certi_wrap > ul > li .img_box {width:100%;}

.certiInto {display:flex; gap:2.5rem 2.95rem;}
.certiInto .txt_box { margin: 0.45rem 0; padding:0.35rem 1.1rem 1rem; position:relative; border-radius:1.5rem; background:#fff; box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 8px 0px;}
.certiInto .txt_box:after {content:''; display:block; width:calc(100% + 1rem); height:calc(100% + 1rem); background:#FDC8D9; border-radius:1.5rem; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: -1;}
.certiInto .txt_box:before {content: ''; display: block;  width: 4.75rem; height: 4.55rem;  position: absolute;  top: 2rem;  left: -2.5rem;  z-index: -2; background:url('data:image/svg+xml,<svg width="96" height="93" viewBox="0 0 96 93" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M95.5802 85.4232C96.2702 90.9732 89.9702 93.9932 84.2402 90.8632L44.5502 69.1732L4.86022 47.4932C-0.869777 44.3632 -1.72978 37.4232 3.31022 35.0132L38.2302 18.2632L73.1602 1.50318C78.2002 -0.916822 85.3602 2.99318 86.0502 8.54318L90.8102 46.9832L95.5702 85.4232H95.5802Z" fill="%23FDC8D9"/></svg>');}
.certiInto .txt_box h4 {margin-bottom: 0.45rem; color:#000;}

.certiInto .txt_box li { font-size:0.9rem; font-weight:400; color:#828282;}
.certiInto .txt_box li:before {top: 0.65em; color:#828282;}


@media (max-width:768px){
	.certiInto {flex-direction: column; align-items: center;}
	.certiInto .txt_box:before {top: -2rem; left: 50%; transform: translateX(-50%) rotate(90deg);}
	.certi_wrap > ul {gap:2rem 1rem; flex-wrap:wrap; margin-top: 3.6rem;}
	.certi_wrap > ul > li {width: calc((100% - 1rem* 1) / 2);}
	.certi_wrap .img_box {width: calc((100% - 1rem* 1) / 2); font-size:0.88rem;}
	.certi_wrap li:nth-child(1) .img_box span,
	.certi_wrap .img_box span {font-size:0.88rem;}
	.certiInto .txt_box {padding-top:1rem;}
	.certiInto .txt_box h4 {font-size:1.11rem;}
	.certiInto .txt_box li {font-size:1rem;}
}


/*----- 동영상 -----*/
.co_video {font-size:0.9rem;}
.co_video iframe {display:block; margin-bottom: 1.4rem; width:100%; height:24.8rem; aspect-ratio:16/9;}

@media (max-width:1024px){
	.co_video iframe {height:auto;}
	.co_video {font-size:1rem;}
}

/********************************************************
■ Business
********************************************************/
/*----- 사업영역 -----*/
.strategy .item {padding: 0 1.8rem 1.15rem; box-sizing: border-box; position: relative;line-height: 1.44;font-size: 0.9rem;}
.strategy .item:not(:first-child) {margin-top:2.5rem;}
.strategy .item h6 {padding:0.2rem 0;  font-size:0.95rem; color:#000; position:relative; top:0; left:0; z-index: 0; transform:translateY(-50%)}
.strategy .item h6:before {content:''; display:block; width:2rem; height:100%; background:url('/images/default/content/bg1_front.svg') no-repeat center left; background-size:auto 100%; position:absolute; top:0; left:-1.4rem; z-index:-1;}
.strategy .item h6:after {content:''; display:block; width:1.55rem; height:100%; background:url('/images/default/content/bg1_back.svg') no-repeat center left; background-size:cover; position:absolute; top:0; right:-1.4rem; z-index:-1;}
.strategy .item h6 br {display:none;}

.bsCerti_img  {flex-shrink: 0;  border: 10px solid #f9f9f9 !important;  border-radius: 0.5rem;  box-shadow: rgba(108, 108, 108, 0.21) 8px 8px 9px;}

/* 국내 */
.bs_field {display:flex; gap:1rem 8.98%; justify-content: center;margin-bottom: 4.15rem;}
.bs_field .item {padding:5rem 0.7rem 2rem; width:24.71%; background: linear-gradient(-127deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.05) 100%); border:2px solid #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; position:relative;}
.bs_field .item h4 {display:block; padding: 0.55rem 0; width: 10.75rem;  height: 4.4rem; background:url('/images/default/content/bg05.png') no-repeat center center; color:#fff; font-size:1.1rem;  position: absolute;  top: 1.1rem;  left: -2rem; background-size: 100% auto;text-align: center; z-index:1; font-weight: 400;}
.bs_field .item li {padding-left: 0.4rem; font-size:0.9rem; font-weight:500; line-height:1.2;}
.bs_field .item li:not(:first-child) {margin-top:1.1rem;}
.bs_field .item li:before {font-weight:300; color:#555; top: 0.46em;}

.do_certi {display:flex; align-items: center; gap:1.5rem;}
.do_certi .img_box {width:30.11%;}
.do_certi .img_box img {width:100%;}
.do_certi .txt_box {flex:1; letter-spacing:-0.02em;}

.do_strategy .subTit {margin-bottom:2.5rem;}
.do_strategy .strategy .item { border: 7px solid #ffeeee;}
.do_strategy .strategy .item h6 {width:26rem;letter-spacing: -0.01em; background:#FFC8C8;}


/* 해외 */
.ov_certi {letter-spacing:-0.03em;}
.ov_certi .imgWrap {display: flex; gap:2.2rem; justify-content: center; margin-top:3.4rem;}
.ov_certi .imgWrap .img_box {width: 31.75%; color:#000; line-height: 1.2;}
.ov_certi .imgWrap .img_box img {width:100%; margin-top: 6px;}
.fda_img {margin:1.5rem 0 2rem;}

.policyCon {position:relative; margin-top:3.5rem; padding: 2.8rem 0.75rem 3.2rem; box-sizing: border-box;  position: relative;  line-height: 1.44; border: 7px solid #eaeaea;}
.policyCon .item:not(:first-of-type) {margin-top:2.3rem;}
.policyCon h6 {margin-left:0.75rem; padding:0.2rem 0; width:14.55rem; background:url('/images/default/content/bg3.svg') no-repeat left center; background-size:contain; font-size:1.1rem; font-weight:700;  position:absolute; top:-1.2rem; left:0;text-align: center;}
.policyCon h6:after{}
.policyCon h6
.policyCon ul.dot {padding-left:0.5rem;}
.policyCon ul.dot li {font-weight:500; color:#828282;}
.policyCon .item > p {margin-bottom:0.5rem; font-size:1rem; font-weight:700;}
.policyCon .item > p > span {vertical-align: text-top;}

.ov_mean ul.dot li {display:flex; flex-direction:column; gap:0.65rem; font-size:0.9rem; line-height:1.5;}
.ov_mean ul.dot li:not(:first-child) {margin-top:2.5rem;}
.ov_mean ul.dot li h6 {font-size:1rem; font-weight:600;}

.ov_strategy .subTit {margin-bottom:0.5rem;}
.ov_strategy .txt_box {font-size:1rem; color:#000; font-weight:500;}
.ov_strategy .strategy .item { border: 7px solid #dbd3dd; font-weight: 400;}
.ov_strategy .strategy .item:first-child {margin-top:2.3rem;}
.ov_strategy .strategy .item h6 {display: flex; gap: 0.4rem; width:20.5rem; background:#E7DAEA;}
.ov_strategy .strategy .item h6:before {background-image:url('/images/default/content/bg2_front.svg'); height: calc(100% + 0.1rem); top: -0.025rem;}
.ov_strategy .strategy .item h6:after {background-image: url('/images/default/content/bg2_back.svg'); background-size: auto 100%; width: 3rem; right: -3rem; height: calc(100% + 0.1rem); top: -0.03rem;}



/* 메디푸드 */
.mediFood .subTit {margin-bottom:0.4rem;}
.mediFood .sub_con .txt_box {line-height:1.5;}
.mediFood .sub_con:nth-child(2) {margin-top:4.3rem;}
.mediFood .sub_con:nth-child(2) .subTit {margin-top:0; margin-bottom: 0.84rem;}
.mediFood .sub_con:nth-child(2) {padding:0.8rem 0.8rem 1.95rem; background: #f0f1f5;}
.mediFood .sub_con:nth-child(2) ul.dot li:not(:first-child) {margin-top:1.18rem;}

.medi_process {position:relative; margin-top:1.95rem;}
.mp_arrow img {width:100%; height: 100%;}
.mp_list {display:flex; gap:0.3rem}
.mp_list > li {padding-top:3.8%;position:relative;}
.mp_list > li:nth-child(1) {width:25.98%;}
.mp_list > li:nth-child(2) {width:22.88%;}
.mp_list > li:nth-child(3) {width:24.43%;}
.mp_list > li:nth-child(4) {width:24.43%;}

.mp_list > li:before {content:''; display:block; width:1.05rem; height:1.05rem; background:url('/images/default/content/medi_dot.svg') no-repeat center center; background-size:100% auto; position: absolute; top: -1.68rem; left:50%; transform:translateX(-50%);}
.mp_list > li:after {content:''; display:block; width:3px; height:100%; background:#d6d6d6; position: absolute; top: -1rem; left:50%; transform:translateX(-50%);}
.mp_list .medi_con {height: 100%; background:#f2f2f2; padding: 0.6rem 0 0.9rem; border-radius:0.5rem; position: relative; z-index: 1;}
.mp_list .medi_con h4 {margin-bottom:0.8rem;  padding: 0 0.2rem; font-size:0.75rem;text-align: center; font-weight:700; color:#000; letter-spacing:-0.06em;}
.mp_list .medi_con p {padding: 0 0.4rem; letter-spacing:-0.04em; font-size:0.7rem; }
.mp_list > li:nth-child(2) .medi_con p {padding-left:0.35rem; letter-spacing:-0.06em;}

@media (max-width:1200px){
	/* 메디푸드 */
	.medi_process {display:flex; gap:0.8rem;}
	.mp_arrow {width:2.35rem; flex-shrink:0;}
	.mp_list {width:calc(100% - 2.35rem); flex-direction:column;}
	.mp_list > li {padding:0;}
	.mp_list > li:nth-child(1) {width:100%; height:25.98%;}
	.mp_list > li:nth-child(2) {width:100%; height:22.88%;}
	.mp_list > li:nth-child(3) {width:100%; height:24.43%;}
	.mp_list > li:nth-child(4) {width:100%; height:24.43%;}
	.mp_list > li:before {top:50%; transform:translateY(-50%); left: -2.45rem;}
	.mp_list > li:after {width:100%; height:3px; left:-1.8rem; top:50%; transform:translateY(-50%);}
	.mp_arrow img {content:url('/images/default/content/medi_arrow_tab.svg');}
	.mp_list .medi_con {display: flex; flex-direction: column; justify-content: center; padding-left:1rem; padding-right:1rem;}
	.mp_list .medi_con h4 {display: flex;  gap: 0.2rem;  text-align: left;font-size:1.11rem; text-align:left;}
	.mp_list .medi_con p  {padding:0 !important; font-size:0.88rem; text-align:left;}
}
@media (max-width:1024px){
	.strategy .item h6:after {width:3.55rem; right:-3rem;}

	/* 국내 */
	.bs_field {flex-wrap: wrap; gap: 1rem 5%; padding: 0 1rem;}
	.bs_field .item {width:100%; padding-bottom:1.5rem; padding-top: 5.3rem;}
	.bs_field .item li {font-size:1rem;}
	.bs_field .item h4 {font-size:1.11rem}

	.do_certi {flex-direction: column;  align-items: center;}
	.do_certi .img_box {width:45%;}
	.do_strategy .strategy .item h6 {width:95%; letter-spacing: -0.01em;}
}
@media (max-width:768px){
	.strategy .item {font-size:1rem;}
	.strategy .item h6 {font-size:1rem; transform: translateY(-38%);}
	.strategy .item:not(:first-child) {margin-top:3.1rem;}
	.strategy .item h6:after {width:4rem; right: -3.5rem;}
	.strategy .item h6:before {width: 3rem;}

	/* 국내 */
	.do_certi .img_box {width:calc((100% - 1rem * 1)/2); box-sizing: content-box;}

	/* 해외 */
	.ov_certi .imgWrap {gap:1rem;}
	.ov_certi .imgWrap .img_box {width:calc((100% - 1rem * 1)/2)}
	.ov_strategy .strategy .item h6 {width:105%; letter-spacing: -0.02em; left: -1rem;}
	.chart_img {display:none;}
	.chart_img_mob {display:flex; flex-direction:column; gap:2rem;}

	.ov_strategy .strategy .item h6:before {height:calc(100% + 0.05rem); top:0;}
	.ov_strategy .strategy .item h6:after {height:calc(100% + 0.05rem); top:0;}

	/* 메디푸드 */
	.mp_list {gap: 1rem 0.3rem; width: calc(100% - 2.7rem);}
	
	.mp_list > li:before {left:-2.6rem;}
	.mp_list > li:after {left:-2.1rem;}
	
	.mp_list .medi_con h4 {font-size:1rem; padding: 0;}
	.mp_arrow {width:2.7rem;}
}
@media (max-width:450px){
	.mp_list > li {height: auto !important;}
	.mp_list .medi_con {height:auto;}
}

@media (max-width:360px){
	/* 해외 */
	.ov_strategy .strategy .item h6:before {height: calc(100% + 0.1rem);top: -0.03em;}
	.ov_strategy .strategy .item h6:after {height: calc(100% + 0.1rem); top: -0.03em;}

	/* 메디푸드 */
	.mp_arrow {width:3rem;}
	.mp_list > li:before {left:-2.8rem;}
	.mp_list > li:after {left:-2.4rem;}
}

/*----- Product 제품 - 뉴트리쉐이크 -----*/
.nutri {font-size:0.9rem; font-weight:500; line-height:1.55;}
.nutri h4 {margin-bottom:2.5rem; font-size:1.4rem; font-weight:700; color:#000;letter-spacing: -0.02em; line-height:1.3;}
.nutri .fl_con > p {line-height:1.5;}
.nutriIntro h4, .nutriCorrix h4 {margin-bottom:0.9rem;}
.nutriIntro .img_box {margin-top:1.5rem;}
.nutriCorrix .corrixDesc .img_box {margin-top: 1.7rem;}

/* 코릭스 */
.nc_img > div {display:flex; flex-direction:column; gap:2.25rem;}
.nc_img > div:nth-child(2) {margin-top:3.1rem;}
.nc_img .txtBg {padding: 1.18rem 2rem;}

/* 생산 */
.nutriProduce .fl_con > ul {display:flex; align-items: flex-start; gap:1rem 3rem;  margin-bottom: 3.5rem; }
.nutriProduce .fl_con > ul > li {display:flex; flex-direction:column; gap:0.45rem 1.5rem; width:calc((100% - 3rem * 2)/3); color:#969696; text-align:center;}
.prod_process .txtBg {margin-left:0.45rem; width: calc(100% - 0.45rem);}

.processWrap {display:flex; flex-wrap:wrap; gap:1rem 15.2%; width:calc(100% - 4%); padding-right:4%; position:relative;}
.processWrap:after {content:''; display:block; width:6px; height:53.2%; background:#ffeeee;  position:Absolute; top:40.2%; right:0;  z-index:-1; transform: translateY(-50%);}
.processWrap:before {content:''; display:block; width:0.85rem; height:1.15rem; background:url('/images/default/content/stArrow.png') no-repeat center center; background-size:100% auto; position:absolute; top:38%; right: -0.3rem; transform:rotate(90deg);}
.processWrap > li {width:calc((100% - 15.2% * 2)/3); text-align:center; color:#000; font-weight: 400; position:relative;}
.processWrap > li:after {content:''; display:block; width:80%; height:6px; background:#ffeeee; position:Absolute; top:28%; right:-75%; transform:translateY(-50%); z-index:-1;}
.processWrap > li:nth-child(3):after {width: 30% ; right: -18%;}
.processWrap > li .pp_icon {display: flex; align-items: center;  justify-content: center;  width: 5.55rem;  height: auto;  aspect-ratio: 1; margin:0 auto 0.7rem; border-radius: 100%;  border: 10px solid #ffc8c8;  box-sizing: border-box; flex-shrink: 0;}
.processWrap > li .pp_icon img {width:3.6rem;}
.processWrap > li:nth-child(4){order:6}
.processWrap > li:nth-child(4):after{width: 30%; right: -18%;}
.processWrap > li:nth-child(3) .pp_icon:before,
.processWrap > li:nth-child(4) .pp_icon:before{display:none;}
.processWrap > li:nth-child(5){order:5}
.processWrap > li:nth-child(6){order:4}
.processWrap > li .pp_icon:before {content:''; display:block; width:0.85rem; height:1.15rem; background:url('/images/default/content/stArrow.png') no-repeat center center; background-size:100% auto; position:absolute; top:28%; right: -40%; transform:translateY(-50%);}
.processWrap > li:nth-child(n+5):nth-child(-n+6) .pp_icon:before {transform:translateY(-50%) scaleX(-1);}

.haccp {margin-top:5.65rem;}
.haccp > p {display:flex;align-items: center; justify-content: center; gap:1rem 1.6rem; text-align: left; color:#6b635f; line-height:1.55;}
.haccp img {width:3.2rem;}    




/* 제품특징 */
.nutriFeature .point {display:flex; gap:1rem 6.98%; align-items: flex-start;}
.nutriFeature .point > li {display:flex; flex-direction:column; align-items: center; gap:0.85rem; width:calc((100% - 6.98% * 4)/5); text-align:center;}
.nutriFeature .point > li img {width:5.95rem;}

.prodTit {display: flex; align-items: center; gap: 0.6rem; padding: 0.35rem 0.6rem; background: #f0f1f5; border: 1px solid #e2e2e2; color:#000; font-size:1.1rem; font-weight:700; margin-bottom:1.25rem;margin-top:6.15rem;}
.prodTit > i {transform:rotate(90deg); vertical-align: baseline !important;}
.feature01 .prodTit {margin-bottom:3.25rem; margin-top: 5.4rem;}
.feature01 .img_box {margin-top: 0.7rem;}
.feature01 .nutrition li {display:flex; flex-direction:column; margin-top: 2.65rem;position:relative;}
.feature01 .nutrition li:not(:first-child) {margin-top:1.65rem;}
.feature01 .nutrition h5 {padding-left: 1.35rem; padding-top: 0.15rem; margin-bottom: -2rem; width: 65%; height: 2.8rem; z-index: 1; font-size:1rem; color:#000; font-weight:600; position:relative; background:url('/views/site/skin/en/images/default/content/bg6_mid.svg') no-repeat left+0.5rem center; background-size:auto 100%;}
.feature01 .nutrition h5:before {content:''; display:block; width: 1.35rem; height:100%; background:url('/images/default/content/bg6_front.svg') no-repeat center center; background-size:cover; position:absolute; top:0; left:0;}
.feature01 .nutrition h5:after {content:''; display:block; width:0.85rem; height:100%; position:absolute; top:0; right:-0.85rem;background:url('/images/default/content/bg6_back.svg') no-repeat center center; background-size:cover;}
.feature01 .nutrition li p {margin-left:1.35rem; padding:1.6rem 1.75rem 0.8rem; background:#fff6f2; border:1px solid #ffe6dc; border-radius:0.5rem;}

.feature02 span,
.feature03 span {display:block; color:#828282; margin-bottom:0.7rem;}
.feature02 .corrixFeature {display:flex; gap:2rem 5.18%; margin-top:2.6rem;}
.feature02 .corrixFeature > li {padding-top: 0.75rem; padding-left: 0.7rem; width:calc((100% - 5.18% * 2)/3); position:relative;}
.feature02 .corrixFeature > li p {padding:4.65rem 0.7rem 3.5rem;  width:100%;height: 100%;  background:#FFF8F0; border:1px solid #FFD8CE; border-radius:0.6rem; text-align:center; font-size:0.8rem; }
.feature02 .corrixFeature h5 {display: flex;  align-items: center; line-height: 3.8rem; padding-top: 0.35rem; padding-bottom: 0.85rem; padding-right:2.55rem; padding-left: 0.75rem;width: 95%;  min-height: 4rem; font-size:0.85rem; color:#fff; line-height:1.25; letter-spacing:-0.02em; font-weight:400; text-align:left; position:absolute; top:0; left:0; z-index:1; background:url('/images/default/content/bg4_mid.svg') no-repeat right center; background-size:auto 100%;}
.feature02 .corrixFeature h5:before {content:''; display:block; width: 0.7rem; height:calc(100% + 0.4rem); background:#fff url('/images/default/content/bg4_front.svg') no-repeat center center; background-size:auto 100%; position:absolute; top:0; left:0;}

.feature03 .nutri_chart {display: block; width:100%; margin: 0 auto 1.9rem;}

.feature04 .imgWrap {display:flex; gap:2rem 10.71%; justify-content: center;  padding-top:1.5rem; margin-bottom:1.6rem;}
.feature04 .imgWrap img {width:39.68%;}

.feature05 .prodTit {margin-bottom:3.3rem;}
.feature05 .imgWrap {display:flex; padding-top:1.5rem; margin-bottom:1.6rem; height:18.75rem; font-size:1.4rem; color:#6e462a; position:relative;}
.feature05 .imgWrap h5 {font-weight:400; line-height:1.35;}
.feature05 .imgWrap:after {content:''; display:block; width:61.14%; height:100%; background:url('/images/default/content/grain_img.jpg') no-repeat;  background-size: 100% auto; background-position: 100% bottom; position:absolute; bottom:0; right:0; z-index: -1;}
.feature05 .ingredient {color:#000; font-weight:400;}
.feature05 .ingredient span {display:block; margin-top:0.75rem; color:#828282;}

.nutriWay{margin-top:9rem;}
.nutriWay h4 {margin-bottom:0.35rem;}
.nutriWay .img_box {margin-top:3.3rem;display: flex; justify-content: center;  text-align: center; align-items: center; gap:5rem 26.8%; color:#828282; position:relative;}
.nutriWay .img_box:after {content:''; display:block; width:4.15rem; height:2.75rem; background:url('/images/default/content/vs.png') no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-size: contain;}
.nutriWay .milk .txt_wrap, 
.nutriWay .soyMilk .txt_wrap {display: flex; flex-direction: column; gap: 0.4rem;}
.nutriWay .milk span, 
.nutriWay .soyMilk span {display:block;  margin: 0 auto 0.8rem; width:10rem; height:10rem; border-radius:100%; border:8px solid #e0e0e0;}
.nutriWay .txtWrap h6 {margin-bottom: 0.35rem; font-size:1.1rem; color:#000; font-weight:700;}
.waytoEat {margin-top: 3.65rem; padding: 1.15rem 1rem; border-radius:1rem; border:6px solid #f2eae0;}
.waytoEat > p {display:block; margin-top:1.45rem; font-size:0.8rem; color:#555555;}
.waytoEat > p > span {vertical-align: text-top;}
.waytoEat li {display:flex;}
.waytoEat li > span {width: 1rem; flex-shrink:0;}
.nutriWay .waytoEat {margin-top:2.25rem; padding:0.85rem 2.05rem 1.1rem;}
.nutriWay .waytoEat strong.b {font-weight:500;}
.nutriWay .waytoEat ul.dot li {line-height:1.55;}
.nutriEat .img_box {text-align:center;}

@media (max-width:1200px){
	.processWrap > li {font-size:0.75rem; letter-spacing: -0.06em;}
	.feature01 .nutrition h5 {width:80%;}
	
	/* 제품특징 */
	.feature02 .corrixFeature h5 {font-size:1rem;}
	.feature02 .corrixFeature > li p {text-align: left;}
	.feature02 .corrixFeature {flex-direction:column;}
	.feature02 .corrixFeature > li {width:100%;}
	.feature02 .corrixFeature h5 br {display:none;}
}
@media (max-width:1024px){
	/* 생산 */
	.processWrap {gap: 1rem 3%;}
	.processWrap > li {width:calc((100% - 3% * 2)/3);}
	.processWrap > li:after {width:40%; right:-25%;}
	.processWrap > li .pp_icon {border: 5px solid #ffc8c8;}
	.processWrap > li .pp_icon img {width:3rem;}
	.processWrap > li:not(:nth-child(3)) .pp_icon:before {right:-10%;}
	.processWrap > li:nth-child(3):after {right:-13%;}
	.processWrap > li:nth-child(4):after{right:-13%;}

	/* 제품특징 */
	.feature01 .nutrition h5 {width:100%; padding-top: 0.55rem;height: 3.5rem;}
	.feature02 .corrixFeature > li p {font-size:1rem;}
	.feature05 .imgWrap:after {right: -2rem;}

	.waytoEat > p {display:flex; gap:0.2rem;}
}
@media (max-width:768px){
	.nutri {font-size:1rem;}
	.nutri h4 {font-size:1.23rem; line-height: inherit;}

	/* 뉴트리쉐이크 */
	.nutriProduce .fl_con > ul {flex-wrap: wrap; justify-content: center; gap: 1rem;}
	.nutriProduce .fl_con > ul > li {width: 100%; font-size:0.88rem; flex-direction: row; text-align: left; align-items: center;}
	.nutriProduce .fl_con > ul > li img {width:44%; flex-shrink: 0;}
	.haccp {margin-top:4.23rem;}

	/* 생산 */
	.prod_process .txtBg {margin-left:0; width:100%;}
	.processWrap  {width:100%; padding-right:0; padding: 0 7%;}
	.processWrap:after,
	.processWrap:before {display:none;}
	.processWrap > li {display: flex; align-items: center; gap: 5%; width:100%; white-space:wrap; text-align:left; font-size: 0.88rem;}
	.processWrap > li:nth-child(3n):after,
	.processWrap > li:after {display:none;}
	.processWrap > li:not(:last-child):before {content: ''; display: block;  width: 0.85rem;  height: 1.15rem;  background: url('/images/default/content/stArrow.png') no-repeat center center;  background-size: 100% auto;  position: absolute; bottom: -15%;  left:50%;  transform: translateX(-50%) rotate(90deg);}
	.processWrap > li .pp_icon {margin:0; width:5rem;}
	.processWrap > li:not(:nth-child(3)) .pp_icon:before {display:none;}
	.processWrap > li p {display:flex; gap:0.25rem;}
	.processWrap > li:nth-child(4){order:4}
	.processWrap > li:nth-child(5){order:5}
	.processWrap > li:nth-child(6){order:6}

	/* 제품특징 */
	.prodTit {font-size:1.11rem;}
	.nutriFeature .point {gap: 1rem 2rem; flex-wrap:wrap; justify-content: center;}
	.nutriFeature .point > li {width:calc((100% - 2rem * 2)/3); letter-spacing: -0.025em;}
	

	.feature01 .img_box {margin-top:3rem;}
	.feature02 .corrixFeature h5 { width: 95%;background-position:right center; }

	.feature04 .imgWrap {gap:1rem;}
	.feature04 .imgWrap img {width:45%;}
	.feature04 .imgWrap,
	.feature05 .imgWrap {padding-top:0; font-size: 1.11rem;}
	.feature05 .imgWrap:after {width:55%;}
	.feature05 .prodTit {margin-bottom:1.25rem;}
	
	.nutriWay{margin-top:72px;}
	.nutriWay .milk span, 
	.nutriWay .soyMilk span {width:100%; height:auto; aspect-ratio:1;}
	.waytoEat {padding: 1.5rem;}
	.waytoEat > p {font-size:0.93rem;}
	.nutriWay .waytoEat {padding-left:1rem; padding-right:1rem;}
}
@media (max-width:450px){
	.nutriFeature .point > li img {width: 3.95rem;}
	.feature01 .nutrition h5 {width:95%}
	.feature01 .nutrition h5:after {width: 1rem; right: -1rem; background-size: auto 100%;}
	.feature01 .nutrition li:first-child h5 {margin-bottom: -2.5rem; width:91.5%; height:6rem; background-position:left+1rem center;}
	.feature01 .nutrition li:first-child h5:before {background-position:center left;}
	.feature01 .nutrition li:first-child h5:after {width:2.1rem; right:-1.95rem;}
	.feature01 .nutrition li p {margin-left: 1.3rem; padding-left: 1rem;}
	.feature05 .imgWrap:after {width:80%;}
}
@media (max-width:390px){
	/* 뉴트리쉐이크 */
	.nutriProduce ul > li {width: 100%;}
	.haccp > p {align-items: flex-start;}
	.processWrap  {width:100%; padding-right:0; padding: 0 2.5%;}
	.feature01 .nutrition li:first-child h5:after {right:-1.95rem;}

	/* 제품특징 */

	.nutriWay .img_box {flex-direction: column;}
}

/*----- Product 제품 - 제품런칭계획 -----*/
.prodPlan .img_box {margin-top:2.55rem;}
.prodPlan .notice {color:#c92830; margin-top:3.25rem;}


/*----- 시장진출전략 -----*/
.market .fl_con strong.b {font-weight: 600; line-height:1.85;}
.market .fl_con > .img_box {margin-top: 2.65rem;}
.mActive .img_box {display:flex; gap:2.4rem 4.4rem; flex-wrap:wrap;}
.mActive .item {display:flex; flex-direction:column; text-align:center; gap:0.5rem; width:calc((100% - 4.4rem * 1)/2); color:#000; font-weight:500;}

@media (max-width:768px){
	.mActive .img_box {gap:2.35rem 1.41rem;}
	.mActive .item {width:calc((100% - 1.41rem * 1)/2); line-height: 1.5; font-size:0.88rem;}
}