@charset "utf-8";
/*------------------------------------
	sub_Layout
------------------------------------*/
#contents {padding:0 0 8rem 0; min-height:50rem;}
#max_container {padding: 0 0 0; position: relative;  height: auto;}
#max_container .image_box {display: inline-block;  background-position: center; background-repeat: no-repeat; background-size: cover;}
#max_container hr {border:0;}
/*#max_container section {position: relative; width: 100%;}*/
#max_container section {width:100%; margin-bottom:10rem;}


/*------------------------------------
	sub_Tit
------------------------------------*/
h3.tit {font-size: 4rem; margin:0 0 2rem 0;}
h3.tit.mt {margin-top:8rem}

h4.tit {font-size: 3.2rem; margin:0 0 1.5rem 0;}
h4.tit.mt {margin-top:6rem}

.colum_sec {display:flex;margin-bottom: 10rem;}
.sec_title {width: 30%;}
.sec_title > p {font-weight: bold;font-size: 1.5em;	}
.sec_cont {width: 70%;}
.inner {width: 154rem; margin:0 auto;}

@media screen and (max-width: 1540px) {
	#max_container section {margin-bottom:8rem;}
	.inner {width:100%; padding:0 5%; box-sizing:border-box;}
	
	/*------------------------------------
		sub_Tit
	------------------------------------*/
	h3.tit {font-size: 3rem; margin:0 0 1.5rem 0;}
	h3.tit.mt {margin-top:6rem}
	
	h4.tit {font-size: 2.8rem; margin:0 0 1.2rem 0;}
	h4.tit.mt {margin-top:4rem}
}
@media screen and (max-width: 1200px) {
	#max_container { }
	#max_container section {margin-bottom:6rem;}
	
	/*------------------------------------
		sub_Tit
	------------------------------------*/
	h3.tit {font-size: 2.2rem; margin:0 0 1.2rem 0;}
	h3.tit.mt {margin-top:4rem}
	
	h4.tit {font-size: 1.8rem; margin:0 0 1rem 0;}
	h4.tit.mt {margin-top:3rem}
}
@media screen and (max-width: 768px) { 
	#max_container {padding: 0; }
	#max_container section {margin-bottom:4rem;}
	
	/*------------------------------------
		sub_Tit
	------------------------------------*/
	h3.tit {font-size: 1.8rem; margin:0 0 1rem 0;}
	h3.tit.mt {margin-top:3rem}
	
	h4.tit {font-size: 1.6rem;} 
	
	.sec_title {width: 100%; margin-bottom: 3rem;}
	.sec_title > p {font-size: 1.25em;}
	.sec_cont {width: 100%;}
	.colum_sec {flex-direction: column; margin-bottom: 5rem;}
	
	
}


/*------------------------------------
 Top_image
-------------------------------------*/
.top_area{position: relative; width: 100%; height: 50rem; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; margin-bottom:10rem;}
.top_area.bg1 {background-image: url(../images/sub/bg_intro.png);}
.top_area.bg2 {background-image: url(../images/sub/bg_history.png);}
.top_area.bg3 {background-image: url(../images/sub/bg_pb.png);}
.top_area.bg4 {background-image: url(../images/sub/bg_oem.png);}
.top_area.bg5 {background-image: url(../images/sub/bg_social.png);}
.top_area.bg6 {background-image: url(../images/sub/bg_service.png);}

@media screen and (max-width: 1540px) { 
	.top_area{height: 40rem; margin-bottom:8rem;}
}
@media screen and (max-width: 1200px) { 
	.top_area{height: 30rem; margin-bottom:6rem;}
}
@media screen and (max-width: 768px) { 
	.top_area{height: 20rem; margin-bottom:3rem;}
}




/*------------------------------------
  sub1 - greeting
-------------------------------------*/
.intro_wp .sect1 .inner {display:flex;}
.intro_wp .sect1 .title_box{ font-weight: 700; font-size: 2em; line-height: 1.5; }
.intro_wp .sect1 .title_box span {color:var(--main-color1);}
.intro_wp .sect1 .cont_box{width: 50%; margin:0 auto;}
.intro_wp .sect1 .cont_box strong {font-size: 1.3em; display:block; margin: 0 0 4rem 0; color:var(--main-color2);}
.intro_wp .sect1 .cont_box p {margin: 0 0 4rem 0;  line-height: 1.6; word-break:keep-all; color:#666;}
 
.intro_wp .core_li {display:flex; margin-left:-2%;}
.intro_wp .core_li li {width:23%; height:45rem; margin-left:2%; display:flex; align-items: flex-end; border-radius:2rem; background-repeat:no-repeat; background-position:50% 50%; background-size: cover;
padding:4rem; box-sizing:border-box; color:var(--white); font-weight: 600; font-size: 1.5em;}
.intro_wp .core_li li:nth-child(even) {margin-top:6rem;}
.intro_wp .core_li li.bg1 {background-image: url(../images/sub/img_value1.png);}
.intro_wp .core_li li.bg2 {background-image: url(../images/sub/img_value2.png);}
.intro_wp .core_li li.bg3 {background-image: url(../images/sub/img_value3.png);}
.intro_wp .core_li li.bg4 {background-image: url(../images/sub/img_value4.png);}

.intro_wp .info_li {display:flex; flex-wrap:wrap; margin-left:-2%;}
.intro_wp .info_li dl {width: 31%; margin:0 0 3rem 2%; display:flex; flex-direction: column; border-top:2px solid #222; padding:3rem 0;}
.intro_wp .info_li dl dt {font-weight: 700; color:#222; margin:0 0 1.5rem 0;}
.intro_wp .info_li dl dd {margin:0;}


@media screen and (max-width: 1540px) {  
	.intro_wp .sect1 .title_box{font-size: 1.6em; line-height: 1.3;}
	.intro_wp .sect1 .cont_box strong {margin: 0 0 3rem 0; }
	.intro_wp .sect1 .cont_box p {margin: 0 0 3rem 0;}
	  
	.intro_wp .core_li li {height:35rem; padding:3rem; font-size: 1.4em;}
  
	.intro_wp .info_li dl {padding:2rem 0;}
	.intro_wp .info_li dl dt {margin: 0 0 .5em 0;}
}
@media screen and (max-width: 1200px) {
	.intro_wp .sect1 .cont_box strong {margin: 0 0 2rem 0; }
	.intro_wp .sect1 .cont_box p {margin: 0 0 2rem 0;}
	
	.intro_wp .info_li dl  {padding:1.5rem 0;}
	.intro_wp .info_li dl dt {font-size: 1.1em;}
} 

@media screen and (max-width: 1023px) { 
	.intro_wp .core_li {flex-wrap:wrap;}
	.intro_wp .core_li li {width:48%; height:30rem; font-size: 1.2em; margin-bottom:1.5rem;}
	.intro_wp .core_li li:nth-child(even) {margin-top:0;}
} 
@media screen and (max-width: 768px) {
	.intro_wp .sect1 .inner {flex-direction: column;}
	.intro_wp .sect1 .title_box {margin: 0 0 2rem 0;}
	.intro_wp .sect1 .title_box, 
	.intro_wp .sect1 .cont_box {width:100%;}
	.intro_wp .sect1 .cont_box strong {font-size: 1.1em;}
	
	.intro_wp .core_li li {height:20rem; font-size: 1.1em; padding:2rem; border-radius:1rem;}
	.intro_wp .info_li dl {width:48%; margin:0 0 1.5rem 2%; padding:1rem 0;}
	
}
 


/*------------------------------------
  sub1 - CEO Greeting
-------------------------------------*/
.greeting_wp {position:relative; line-height:1.5; margin:5rem 0 0 0;}
.greeting_wp p {margin: 0 0 3rem 0; word-break:keep-all; color:#666; line-height:1.7;}
.greeting_wp .inner { display:flex; justify-content:space-between; gap:5rem;}
.greeting_wp .txt_box {}
.greeting_wp .txt_box p:nth-of-type(1) {font-size: 1.8em; line-height:1.4; color:#222; font-weight:700; padding:0 0 0 3rem; border-left:4px solid var(--main-color1); margin: 0 0 6rem 0;}
.greeting_wp .img {width:40rem; flex-shrink:0;}
.greeting_wp .img div {margin: 0 0 2rem 0;}
.greeting_wp .img div img {max-width:100%;}
.greeting_wp .img p {font-size:1em; margin: 1rem 0 0 0;  text-align: right;}
.greeting_wp .img p span {font-size: 1.6em; display:inline-block; font-weight: 700; color:#222; margin:0 0 0 1rem; }


@media screen and (max-width: 1540px) {  
	.greeting_wp {margin:4rem 0 0 0;}
	.greeting_wp p {margin: 0 0 2rem 0;  line-height:1.5;}  
	.greeting_wp .txt_box p:nth-of-type(1) {font-size: 1.4em; padding:0 0 0 2.5rem;  margin: 0 0 4rem 0;}
	.greeting_wp .img {width:30rem;}
	.greeting_wp .img div {margin: 0 0 1rem 0;}
	.greeting_wp .img p {line-height:1;}
	.greeting_wp .img p span {font-size: 1.4em;}

}
@media screen and (max-width: 1200px) {
 	.greeting_wp {margin:3rem 0 0 0;} 
	.greeting_wp .txt_box p:nth-of-type(1) {font-size: 1.5em;}
	.greeting_wp .img {width:20rem;}  
} 
@media screen and (max-width: 768px) {
	.greeting_wp {margin:2rem 0 0 0;} 
	.greeting_wp .inner {flex-direction: column-reverse; align-items: center; gap:4rem;}
	.greeting_wp .txt_box p:nth-of-type(1) {font-size: 1.1em; padding:0 0 0 1.8rem; margin:0 0 2rem 0;}

}


/*------------------------------------
  sub1 - Org
-------------------------------------*/

.org_wp {}
.gray_box {text-align: center; background: #F8F8F8; padding:6rem 4rem; box-sizing:border-box;}
.gray_box img {max-width:100%;}

@media screen and (max-width: 1540px) {
	.gray_box {padding:4rem;}
}
@media screen and (max-width: 1024px) {
	.gray_box {padding:3rem;}
} 
@media screen and (max-width: 768px) { 
	.gray_box {padding:2rem;}
}
 

/*------------------------------------
  sub1 - history
-------------------------------------*/
.history_wp {position: relative;} 
.history_wp .sect1 {position:relative;} 
.history_wp .history_list {position:relative; display:flex; width:calc(100% - 5rem); padding:5rem 0;}
.history_wp .history_list::before { content:''; width: 1px; height: 100%; background: #ddd; position: absolute; left:1.2rem; top:0; }
.history_wp .history_list .year_box {position:relative; font-weight: 900; font-size: 2.5em; padding-left:5rem; width: 25%; color:#222;}
.history_wp .history_list .year_box::before {content:''; width: 1rem; height: 1rem; background: var(--main-color1); position: absolute; left:0; top:2rem; border-radius:100%; border:.8rem solid #e7eeff;}
.history_wp .history_list .month_box {width: 75%; margin-top: 2rem;}
.history_wp .history_list .month_box ul {}
.history_wp .history_list .month_box ul li {position:relative; display:flex; margin-bottom: 1.5rem; padding-left:2rem;}
.history_wp .history_list .month_box ul li:before {position:absolute; top:1.1rem; left:0; width:.3rem; height:.3rem; content:''; background:#289B8F; border-radius:1rem;}
.history_wp .history_list .month_box ul li:first-child {padding-left:0; margin-bottom:2rem;}
.history_wp .history_list .month_box ul li:first-child:before {display:none;}
.history_wp .history_list .month_box ul li strong {font-size: 1.2em;}
.history_wp .history_list .month_box p.month {font-weight: bold; width: 10%; }
.history_wp .history_list .month_box span {width: 90%;}


@media screen and (max-width: 1540px) {  
	.history_wp .history_list {padding:3rem 0;} 
	.history_wp .history_list .year_box {font-size: 2em;}
	.history_wp .history_list .month_box {margin-top: .5rem;} 
	.history_wp .history_list .month_box ul li {margin-bottom: 1rem; padding-left:2rem; line-height:1.4; font-size: 1em;} 
	.history_wp .history_list .month_box ul li strong {font-size: 1.1em; word-break:keep-all;}
	.history_wp .history_list .month_box p.month {font-weight: bold; width: 10%; }
	.history_wp .history_list .month_box span {width: 90%;}
}
@media screen and (max-width: 1200px) {
	.history_wp .history_list {padding:2rem 0;} 
	.history_wp .history_list .year_box {font-size: 1.8em;}
	.history_wp .history_list .year_box::before {top:.8rem; border-width:.5rem;}
	.history_wp .history_list .month_box {margin-top: 0;} 
	.history_wp .history_list .month_box ul li {margin-bottom: .5rem;}
}
@media screen and (max-width: 768px) { 
 	.history_wp .history_list {width:100%; flex-direction: column;} 
	.history_wp .history_list::before {display:none;}
	.history_wp .history_list .year_box {width: 100%; font-size: 1.6em; padding-left:3rem; margin: 0 0 1rem 0;} 
	.history_wp .history_list .month_box {width:100%;} 
	.history_wp .history_list .month_box ul li {margin-bottom: .5rem;}
	.history_wp .history_list .month_box ul li:first-child {margin-bottom:1.5rem;}
} 



/*------------------------------------
  sub1 - ESG
-------------------------------------*/
.esg_wp ol{padding-left:0;}
.esg_wp .esg_li > li {display:flex; align-items: center; padding:1rem 0;}
.esg_wp .esg_li > li > h3 {position:relative; width: 30rem; font-size: 2.5rem;}
.esg_wp .esg_li > li > h3:after {position:absolute; right:5rem; top:50%; transform:translateY(-50%); width:4rem; height:.5rem; content:''; background:url(../images/sub/bg_esgline.png)no-repeat 50% 50% / 100%;}
.esg_wp .esg_li > li > .cont {width:calc(100% - 30rem);}
.esg_wp .esg_li > li > .cont > p {position:relative; padding:3rem; text-align: center; background:#0033A1; color:var(--white); border-radius:1rem; font-weight: 600;  font-size: 2rem;} 
.esg_wp .esg_li > li > .cont > ul {display:flex; margin-left:-2%;}
.esg_wp .esg_li > li > .cont > ul li {width:31%; margin-left:2%; padding:3rem; text-align: center; border-radius:1rem; display:flex; justify-content: center; align-items: center; line-height:1.4; 
font-size: 1.8rem; font-weight: 500; color:#222;}

.esg_wp .esg_li > li.step1 > .cont {font-size: 0;	}
.esg_wp .esg_li > li.step1 > .cont img {width:100%;}
.esg_wp .esg_li > li.step1 > .cont > p {font-size: 2rem; border-radius:0 0 1rem 1rem;}
.esg_wp .esg_li > li.step2 > .cont > p {background:#EBEEF3; border:1px solid #C4D1E5; color:#222; font-weight: 500;}
.esg_wp .esg_li > li.step3 > .cont > ul li {background:#4284DB; color:var(--white);}
.esg_wp .esg_li > li.step3 > .cont > ul li:nth-child(2) {background:#40A4DF;}
.esg_wp .esg_li > li.step3 > .cont > ul li:nth-child(3) {background:#02BF95;}
.esg_wp .esg_li > li.step4 > .cont > ul li {border:3px solid #4284DB;}
.esg_wp .esg_li > li.step4 > .cont > ul li:nth-child(2) {border-color: #40A4DF;}
.esg_wp .esg_li > li.step4 > .cont > ul li:nth-child(3) {border-color: #02BF95;}


@media screen and (max-width: 1540px) {  
	.esg_wp .esg_li > li {padding:.8rem 0;}
	.esg_wp .esg_li > li > h3 {width: 25rem; font-size: 2rem;}
	.esg_wp .esg_li > li > h3:after {width:3rem; height:.5rem;  }
	.esg_wp .esg_li > li > .cont {width:calc(100% - 25rem);}
	.esg_wp .esg_li > li > .cont > p {padding:2.6rem; font-size: 1.8rem;}  
	.esg_wp .esg_li > li > .cont > ul li {padding:2rem; font-size: 1em; line-height:1.3;}
}
@media screen and (max-width: 1024px) {
	.esg_wp .esg_li > li {padding:.5rem 0;}
	.esg_wp .esg_li > li > h3 {width: 20rem; font-size: 1.1em;}
	.esg_wp .esg_li > li > .cont {width:calc(100% - 20rem);}
	.esg_wp .esg_li > li > .cont > p {padding:1.8rem; font-size: 1em;}  
	.esg_wp .esg_li > li > .cont > ul li {padding:1.8rem; }
	
	
	.esg_wp .esg_li > li.step1 > .cont > p {font-size: 1.6rem;}
} 
@media screen and (max-width: 768px) { 
	.esg_wp .esg_li > li {flex-direction: column;}
	
	.esg_wp .esg_li > li > h3 {margin: 0 0 1rem 0;}
	.esg_wp .esg_li > li > h3:after {display:none;}
	.esg_wp .esg_li > li > h3 br {display:none;}
	
	.esg_wp .esg_li > li > h3,
	.esg_wp .esg_li > li > .cont {width:100%;} 
	.esg_wp .esg_li > li > .cont > p {border-radius:.7rem;}
	.esg_wp .esg_li > li > .cont > ul {flex-direction: column; width:100%; margin-left:0;}
	.esg_wp .esg_li > li > .cont > ul li {width:100%; padding:1.5rem; box-sizing:border-box; margin: 0 0 .5rem 0; border-radius:.7rem; margin-left:0;}
	
	.esg_wp .esg_li > li.step1 > .cont > p {font-size: 1.4rem; border-radius:0 0 .7rem .7rem}
	
	

}


/*------------------------------------
  sub1 - location
-------------------------------------*/
.location_wp {position: relative; }
.location_wp .address_wrap{margin-top: 5rem;} 
.location_wp .address_wrap ul li {display:flex; margin-bottom: 1rem; align-items: center;}
.location_wp .address_wrap p { display:flex; width: 20rem; align-items: center;}
.location_wp .address_wrap p span {font-weight: bold; margin-left:1rem;  width: calc(100% - 5rem); color:#222;}
.location_wp .address_wrap p mark {position: relative;width: 4rem; height: 4rem;    margin-right: 1rem; background: #f0f3f7; border-radius:100%; }
.location_wp .address_wrap p i {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:var(--main-color1);}
.location_wp .address_wrap span {width: 85%;}
.location_wp .map_wrap{width:100%;}


@media screen and (max-width: 1540px) { 
	.location_wp .address_wrap{margin-top: 0;}  
}
@media screen and (max-width: 1200px) { 

}
@media screen and (max-width: 768px) { 
	.location_wp .address_wrap ul li {flex-direction: column; align-items: flex-start;}
	.location_wp .address_wrap span {width:100%;}
	.location_wp .address_wrap p mark {display:none;}
	.location_wp .address_wrap p span {margin-left:0; }

} 


/*------------------------------------
  sub2 - business 공통
-------------------------------------*/ 
.item_box {display:flex; justify-content: space-between; align-items: center; gap:10rem; margin:0 0 10rem 0;}
.item_box:nth-child(even) {flex-direction: row-reverse}
.item_box .txt_box {width:60%}
.item_box .txt_box .cate {position:relative; font-weight:700; color:var(--main-color1); padding-left:2rem;}
.item_box .txt_box .cate:before {position:absolute; width:.5rem; height:.5rem; border-radius:1rem; background:var(--main-color1); content:''; left:0; top:1.4rem;}
.item_box .txt_box .tit {font-size: 2.2em; line-height:1.3; display:block; margin:1.5rem 0 3rem 0;}
.item_box .txt_box .character_li {display:flex; margin:4rem 0 0 -4rem;}
.item_box .txt_box .character_li li {position:relative; padding:2rem; background:#F2F9F6; margin-left:4rem; border:2px dotted #197480; color:#004A54; font-weight: 600; border-radius:1rem; font-size: .9em;}
.item_box .txt_box .character_li li:before {position:absolute; left:-3.2rem; top:2.5rem; content:''; width:2rem; height:2rem; background:url(../images/sub/bg_plus.svg)no-repeat 50% 50%; }
.item_box .txt_box .character_li li:first-child:before {display:none;}

/*service chk*/
.item_box .txt_box .chk_li {display:flex; flex-wrap:wrap; margin:4rem 0 0 -2%;}
.item_box .txt_box .chk_li.w100 {margin:2rem 0 0 0;}
.item_box .txt_box .chk_li.w100 li{width:100%; margin-left:0;}
.item_box .txt_box .chk_li li {width:48%; margin-left:2%; padding:2rem; border:1px solid #ddd; border-radius:1rem; box-sizing:border-box; margin-bottom:1rem; display:flex; align-items: center; color:#222;
font-size: .9em; font-weight: 500;}
.item_box .txt_box .chk_li li i {color:var(--main-color2); font-weight: 700; font-size: 1.2em; margin-right:1rem; }

.item_box .txt_box p {line-height:1.8;}
.item_box .img {width:40%;}
.item_box .img img {width:100%;}


@media screen and (max-width: 1540px) {
	.item_box { gap:10rem; margin:0 0 8rem 0;} 
	.item_box .txt_box {width:60%}
	.item_box .txt_box .cate {font-size: 1em;}
	.item_box .txt_box .cate:before {top:.7em;}
	.item_box .txt_box .tit {font-size:1.8em; margin:1.2rem 0 2rem 0; line-height:1.2;} 
	.item_box .txt_box .character_li li { padding:1.5rem; font-size: .9em;}
	.item_box .txt_box .character_li li:before { top:1.5rem; } 
	
	/*service chk*/
	.item_box .txt_box .chk_li { margin:2rem 0 0 -2%;} 
	.item_box .txt_box .chk_li li  {padding:1.5rem;}
	.item_box .txt_box .chk_li li i {font-size: 1.1em;}

	
	.item_box .txt_box p {line-height: 1.6;}
}
@media screen and (max-width: 1200px) {
	.item_box { gap:8rem; margin:0 0 7rem 0;}
	.item_box .txt_box .tit {font-size:1.6em; margin:1rem 0 1rem 0;} 
	.item_box .txt_box .character_li li {padding:1rem; border-radius:.5rem; font-size: .8em;}
	.item_box .txt_box .character_li li:before { top:1.2rem; width: 1.5rem; height:1.5rem; background-size:cover; left:-3rem;} 
	
	.item_box .txt_box p {line-height: 1.6;}
}
@media screen and (max-width: 1023px) {
	.item_box { flex-direction: column; width:100%; gap:0; margin:0 0 5rem 0;}
	.item_box:nth-child(even) {flex-direction: column;}
	.item_box .txt_box,
	.item_box .img{width:100%; }
	.item_box .txt_box .tit {font-size:1.4em;}
	.item_box .txt_box .character_li {margin:2rem 0 0 -4rem;}
	
	/*service chk*/
	.item_box .txt_box .chk_li li  {padding:1.2rem 1.8rem; border-radius:.5rem; margin-bottom:.8rem;}
	
	.item_box .img {margin:3rem 0 0 0;}
} 
@media screen and (max-width: 768px) {
	.item_box {margin:0 0 4rem 0;}
	.item_box .txt_box .tit {font-size: 1.25em;}
	.item_box .txt_box .character_li { flex-wrap:wrap; margin-left:0;}
	.item_box .txt_box .character_li li {width:100%; padding:1rem; margin-left:0; margin-top:3rem; }
	.item_box .txt_box .character_li li:first-child {margin-top:0;}
	.item_box .txt_box .character_li li:before { top:-2.5rem; left:50%; transform:translateX(-50%); } 

	/*service chk*/
	.item_box .txt_box .chk_li li  {padding:.8rem 1rem; margin-bottom:.5rem;}

	.item_box .img {margin:2rem 0 0 0;}
	
}

 
/*------------------------------------
  sub2 - oem
-------------------------------------*/
.oem_wp section {margin:0 0 10rem 0;}
.oem_wp .sect1 .inner {display:flex;}
.oem_wp .sect1 .inner .title_box { width:50%; }
.oem_wp .sect1 .inner .cont_box {width:50%;}
.oem_wp .sect1 .inner .cont_box > p {line-height:1.6; margin:0 0 2rem 0; word-break:keep-all;}
.oem_wp .oem_li {margin:3rem 0 0 0; border-top:2px solid #222;}
.oem_wp .oem_li li {position:relative; padding:4rem 0 4rem 10rem; border-bottom:1px solid #E9E9E9; background-repeat:no-repeat; background-position:0 50%; background-size:7rem; }
.oem_wp .oem_li li strong {display:block; line-height:1; margin:0 0 1.5rem 0; color:#000; font-size: 1.1em;}
.oem_wp .oem_li li.ico1 {background-image:url(../images/sub/ico_oem1.svg);}
.oem_wp .oem_li li.ico2 {background-image:url(../images/sub/ico_oem2.svg);}
.oem_wp .oem_li li.ico3 {background-image:url(../images/sub/ico_oem3.svg);}
.oem_wp .oem_li li.ico4 {background-image:url(../images/sub/ico_oem4.svg);}
.oem_wp .oem_li li.ico5 {background-image:url(../images/sub/ico_oem5.svg);}

/* partner */
.oem_wp .ban_li {display:flex; flex-wrap:wrap; margin-left:-1%;}
.oem_wp .ban_li li {width:19%; border:1px solid #ddd; font-size: 0; border-radius:1rem; margin-left:1%; margin-bottom:2rem; box-sizing:border-box;}
.oem_wp .ban_li li img {width:100%;}

/* product */
.oem_wp .prod_li {display:flex; flex-wrap:wrap; margin-left:-1%;}
.oem_wp .prod_li li {width:24%; margin-left:1%;}
.oem_wp .prod_li li img {width:100%;}


@media screen and (max-width: 1540px) {
	.oem_wp .sect1 .inner {gap:5rem;}
	.oem_wp .sect1 .inner h3 {line-height:1.3;}
	.oem_wp .sect1 .inner .cont_box > p {line-height: 1.4;}
	
	.oem_wp .oem_li {margin:2rem 0 0 0;}
	.oem_wp .oem_li li { padding:3rem 0 3rem 9rem; background-size:6rem; }
	.oem_wp .oem_li li strong {line-height:1.4; margin: 0 0 1.2rem 0;}
	.oem_wp .oem_li li p {line-height:1.3;}
}
@media screen and (max-width: 1200px) {
	/* partner */
	.oem_wp .ban_li { flex-wrap:wrap;}
	.oem_wp .ban_li li {width:24%; margin-bottom:.5rem; border-radius:.5rem;}

	
}
@media screen and (max-width: 1023px) {
 
} 
@media screen and (max-width: 768px) {
	.oem_wp .sect1 .inner {flex-direction: column; width:100%; gap:2rem;}
	.oem_wp .sect1 .inner h3 {font-size: 1.8rem; margin:0;}
	.oem_wp .sect1 .inner h3 br {display:none}
	.oem_wp .sect1 .inner .title_box,
	.oem_wp .sect1 .inner .cont_box {width:100%;}
	 
	.oem_wp .oem_li li { padding:2rem 0 2rem 7rem; background-size:4.5rem; }
	.oem_wp .oem_li li strong { margin: 0 0 .5rem 0;} 
	
	/* partner */ 
	.oem_wp .ban_li li {width:48%; }
	
	/* product */ 
	.oem_wp .prod_li li {width:48%;}
}


/*------------------------------------
  sub3 - Tech 공통
-------------------------------------*/
.info_h_box {display:flex; margin:6rem auto 0 auto;}
.info_h_box .title_box {width:40%; font-size: 3.5rem; color:#222; font-weight: 700; line-height:1.4;}
.info_h_box .cont_box {width:60%;}
.info_h_box .cont_box .bul_li li{position:relative; margin:.5rem 0; padding-left:2rem;} 
.info_h_box .cont_box .bul_li li:before {position:absolute; left:0; top:1.2rem; width:.5rem; height:.5rem; content:''; background:var(--main-color2); border-radius:1rem;}

@media screen and (max-width: 1540px) {  
	.info_h_box {margin:0 auto 0 auto;}
	.info_h_box .title_box {font-size: 3rem; }
}
@media screen and (max-width: 1200px) {
	.info_h_box .title_box {font-size: 2.5rem;}
}
@media screen and (max-width: 768px) {
	.info_h_box {flex-direction: column;}
	.info_h_box .title_box {font-size: 1.8rem;}
	.info_h_box .title_box br {display:none;}
	.info_h_box .title_box,
	.info_h_box .cont_box {width:100%;}
}




/*------------------------------------
  인증서
-------------------------------------*/
.info_h_box .cont_box .certifi_li {display:flex; margin:4rem 0 0 -2rem;}
.info_h_box .cont_box .certifi_li li {margin-left:2rem;}
.info_h_box .cont_box .certifi_li li img {max-width:100%;}

@media screen and (max-width: 1540px) {  
 
}
@media screen and (max-width: 1200px) {
 
}
@media screen and (max-width: 768px) {
	.info_h_box .cont_box .certifi_li {flex-wrap:wrap; margin:2rem 0 0 -2%; text-align:center;}
	.info_h_box .cont_box .certifi_li li {width:48%; margin-left:2%; margin-bottom:2rem;}
}



/*------------------------------------
  인증현황
-------------------------------------*/
.tech_wp .develop_box {display:flex; border-top:1px solid #222; border-bottom:1px solid #ddd;}
.tech_wp .develop_box li {width:50%; padding:5rem 0 5rem 10rem; background:url(../images/sub/ico_tech.svg)no-repeat 0 35%; background-size:7rem; }
.tech_wp .develop_box li strong {display:block; font-size: 1.1em; margin:0 0 1rem 0; line-height:1.4;}

@media screen and (max-width: 1540px) {  
 
}
@media screen and (max-width: 1200px) {
 
}
@media screen and (max-width: 768px) {
	/* 인증현황 */
	.tech_wp .develop_box {flex-direction: column; border-bottom:0;}
	.tech_wp .develop_box li {width:100%; padding:2rem 0 2rem 7rem; background-size:4rem; box-sizing:border-box; border-bottom:1px solid #ddd;}
	.tech_wp .develop_box li strong { font-size: 1.05em; }
}



/*------------------------------------
  특장점
-------------------------------------*/
.tech_wp .point_li li {padding:2rem 2rem; border:1px solid #ddd; border-radius:1rem; margin: 0 0 1rem 0;}
.tech_wp .point_li li span {display:inline-flex; justify-content: center; align-items: center;  width: 2.5rem; height:2.5rem; background:var(--main-color1); color:var(--white); text-align:center; 
border-radius:2rem; font-weight: 600; font-size: .9em; line-height:1.2; margin:0 1rem 0 0;}

@media screen and (max-width: 1540px) {  
	.tech_wp .point_li li {padding:1.5rem 2rem; line-height:1.3;}
}
@media screen and (max-width: 1200px) {
 
}
@media screen and (max-width: 768px) {
	.tech_wp .point_li {margin:2rem 0 0 0;}
	.tech_wp .point_li li {padding:1.2rem 1.5rem; margin: 0 0 0.5rem 0;}
}



/*------------------------------------
  이미지 박스
-------------------------------------*/
.img_box {width:100%; margin:3rem 0 0 0;}
.img_box li {width:33.333%;}
.img_box li img {max-width:100%;}

@media screen and (max-width: 1540px) {  
}
@media screen and (max-width: 1200px) {
 
}
@media screen and (max-width: 768px) {
	.img_box {margin:2rem 0 0 0;}
	.img_box li {width:50%;}
}



/*------------------------------------
  Step
-------------------------------------*/
.step_li {display:flex; flex-wrap:wrap;  margin-left:-3%; padding-left:0;}
.step_li li {position:relative; width:17%; margin-left:3%; margin-bottom:2rem;}
.step_li li:before {position:absolute; left:-3.2rem; top:2.2rem; content:"\ea3e"; font-family: xeicon; color:#222;}
.step_li li:first-child:before {display:none;} 
.step_li li:nth-child(5n+1):before {display:none;}
.step_li li p {padding:2rem; background:var(--white); border:2px dotted var(--main-color2); font-weight: 600; color:#222; border-radius:.6rem; box-sizing:border-box;}
.step_li li:last-child p {border-style:solid; background: var(--main-color2); color:var(--white);}

@media screen and (max-width: 1540px) {  
	.step_li li:before {top:2.8rem; left:-2.5rem;}
	.step_li li p {padding:1rem; min-height:7.8rem; display: flex; justify-content: center;align-items: center; }

}
@media screen and (max-width: 1200px) {
	.step_li li:before {top:2.8rem; left:-2rem;}
	.step_li li {width:22%;}
	.step_li li:nth-child(5n+1):before {display:block;} 
}
@media screen and (max-width: 768px) {
	.step_li {margin-left:0;}
	.step_li li {width:100%; margin-left:0;} 
	.step_li li:before {top: 4.5rem; left: 50%; transform:translateX(-50%) rotate(90deg);}
	.step_li li:last-child:before {display:none;}
	.step_li li p {min-height:auto;}
}



/*------------------------------------
 Alternative Protein
-------------------------------------*/
.tech_wp .img {border-radius:1rem; overflow:hidden; line-height:0; margin: 2rem 0 0 0;}
.tech_wp .img img{width:100%;}
.tech_wp .txt_h_box {display:flex; padding:2rem 0;}
.tech_wp .txt_h_box > div {width:50%;}
.tech_wp .txt_h_box .tit {font-size: 1.3em; font-weight: 600; color:#222;}
.tech_wp .txt_h_box .tit span {display:block; font-size: .75em; color:var(--main-color2)}
.tech_wp .txt_h_box .cont ul li {position:relative; padding:.2rem 0; font-size: .9em; line-height:1.3;}
.tech_wp .txt_h_box .cont ul li:before {display:inline-block; content:'-'; margin-right:1rem;}

@media screen and (max-width: 1540px) {  
 
}
@media screen and (max-width: 1200px) {
 
}
@media screen and (max-width: 768px) {
	.tech_wp .txt_h_box { flex-direction: column;}
	.tech_wp .txt_h_box > div {width:100%;}
	.tech_wp	.cont_box .img {margin:0;}
	.tech_wp .txt_h_box .tit {font-size: 1.2em; } 
	.tech_wp .txt_h_box .cont ul li { font-size: 1em;  } 
 
}


/*------------------------------------
 image step
-------------------------------------*/
.ap_li {display:flex; flex-wrap:wrap; margin-left:-4%;}
.ap_li > li {position:relative; width:21%; margin-left:4%; text-align:center; }
.ap_li > li:before {position:absolute; left:-5.5rem; top:50%; transform:translateY(-50%); content:"\e93f"; font-family: xeicon; line-height:4rem; font-size: 1.8em; width: 4rem; height:4rem; background:#f4f4f4; border-radius:2em;}
.ap_li > li:first-child:before {display:none;}
.ap_li > li .img img {width:auto; max-width:100%;}
.ap_li > li .tit {font-size: 2rem; padding:2rem 0; font-weight: 600; color:#222; border-bottom:1px solid #ddd;}
.ap_li > li ul {padding:2rem 0;}
.ap_li > li ul li {position:relative; text-align:left; font-size: .9em; margin: 0 0 .5rem 0; padding-left:2rem;}
.ap_li > li ul li:before {position:absolute; left:0; top:1rem; content:''; width:.5rem; height:.5rem; display:block; background:var(--main-color1); border-radius:1rem;}

@media screen and (max-width: 1540px) {   
	.ap_li > li:before { line-height:3rem; font-size: 1.6rem; width: 3rem; height:3rem;}  
	.ap_li > li .tit {font-size: 1em; padding:1.5rem 0;}
	.ap_li > li ul {padding:1.5rem 0;}
	.ap_li > li ul li { font-size: .9em; } 
}
@media screen and (max-width: 1200px) {
	.ap_li > li {width:46%;}
	.ap_li > li:before {display:none;}  
	.ap_li > li .img {max-width:60%; margin: 0 auto;}
	.ap_li > li .tit {font-size: 1.1em; padding:1.2rem 0;}
	.ap_li > li ul {padding:1.2rem 0;}
}
@media screen and (max-width: 768px) {
	.ap_li  {margin:3rem 0 0 0;}
	.ap_li > li {width:100%; margin: 0 0 2rem 0; } 
	.ap_li > li .img {max-width:40%; margin: 0 auto;}
	.ap_li > li .tit {font-size: 1.1em; padding:1.2rem 0;}
	.ap_li > li ul {padding:1.2rem 0;}
}