@charset "utf-8"; 


/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.7em;text-align:center; color:#111; letter-spacing:-2px;font-weight:700; line-height:100%; padding:27px 0 50px 0; }
h4 span							{font-size:0.75em;color:#2684dc;font-weight:500;letter-spacing:-1px;} 
h4:after							{position:absolute; top:0; left:calc(50% - 25px); content:''; width:50px; height:4px; background:linear-gradient(45deg, #2684dc, #52caa9);  }
/*
h4:after							{position:absolute; top:0; left:0; content:''; width:25px; height:3px; background:#2684dc;   } 
h5:after							{position:absolute; top:6px; left:0; content:''; width:10px; height:10px; border:4px solid #2684dc; border-radius:10px;   }*/
h5									{position:relative;font-size:1.25em;line-height:1.3; font-weight:700; padding:0 0 35px 25px; color:#111; letter-spacing:-1.5px; } 
h5:before						{position:absolute; top:6px; left:0; content:''; width:19px; height:19px; background:linear-gradient(45deg, #2684dc, #52caa9); border-radius:50%;}
h5:after							{position:absolute;  top:11px; left:5px; content:''; width:9px; height:9px; background:#fff; border-radius:50%;z-index:1;}
.sub_txtline					{font-weight:700; box-shadow: inset 0 -10px 0 #ddecff; padding:0 3px; color:#333;}

.sub_bg01						{background:#f7f7f7; padding:70px 0; z-index:-99;  }
.sub_txt01						{position:relative; text-align:center; font-size:1.1em; letter-spacing:-1px;line-height:1.55; color:#111; margin-bottom:50px;} 
.sub_top_img					{margin-bottom:80px; }
.sub_top_img img			{width:100%;}
.sub_img						{position:relative;border:1px solid #ddd;text-align:center;background:#fff; padding:50px  ;}
.sub_img2						{position:relative;position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap:30px;  }
.sub_img2 li					{border:1px solid #ddd;text-align:center;background:#fff;  }
 

@media screen and (max-width:1024px) {
.sub_bg01						{ padding:60px 0;  } 
h4									{font-size:1.5em;  } 
h5									{font-size:1.2em; padding:0 0 30px 23px; }
h5:before						{  top:4px; left:0;  width:18px; height:18px;  }
h5:after							{  top:9px; left:5px; width:8px; height:8px;  }
.sub_title01					{font-size:1.8em; margin-bottom:30px;}
.sub_txt01						{ font-size:1.05em;  } 
.sub_img						{ padding:40px  ;}
}
@media screen and (max-width:800px) {
h4									{font-size:1.4em;  padding:25px 0 35px 0;} 
.sub_top_img					{margin-bottom:60px; }
.sub_img						{ padding:30px  ;}
.sub_img2						{ grid-template-columns: repeat(1, 1fr); gap:30px;  }
}


.sub_h4						{position:relative; font-size:1.5em; color:#000; font-weight:500;letter-spacing:-2px; line-height:45px; margin-bottom:25px;  }
.sub_h4 i						{ width:45px; line-height:45px; background:#2684dc; color:#fff; text-align:center; border-radius:100%; font-size:1.1em; margin:0 10px 0 0;}

.sub_cont01					{padding-bottom:70px; text-align:justify; }  
 
 
.sub_cont06					{position:relative;border-top:1px solid #222; }
.sub_cont06 .inner		{position:relative;padding:25px 15px;border-bottom:1px solid #d2dbe6;display:flex;gap:50px; }
.sub_cont06 .img			{position:relative;text-align:center;width:110px;height:110px;line-height:100px;border-radius:50%;background:#f2f2f2;}
.sub_cont06 .inner .tit				{ padding:0 0 15px 0;font-size:1.2em;font-weight:500;color:#2684dc;letter-spacing:-1px; }
.sub_cont06 .inner .cont				{flex:2; }
.sub_cont06 .inner .txt				{position:relative; }
.sub_cont06 .inner .txt	p			{position:relative;padding:3px 0 5px 12px;} 
.sub_cont06 .inner .txt	p:after			{position:absolute; content:''; display:block; left:0; top:15px; width:5px; height:1px; background:#666;}


.sub_list01					{position:relative; list-style:none; padding:0 0 12px 20px; line-height:150%;}
.sub_list01:after			{position:absolute; content:''; display:block; left:8px; top:11px; width:4px; height:4px; background:#2684dc; border-radius:50%;}
.sub_list01 i				{ width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 b				{color:#2684dc;}
.sub_list02					{position:relative; list-style:none; padding:1px 0 1px 15px;}
.sub_list02:after			{position:absolute; content:''; display:block; left:3px; top:14px; width:5px; height:1px; background:#666;}

.sub_inner_top						{padding:0 0 45px 0;text-align:center; color:#2684dc;font-size:1.4em;font-weight:300; letter-spacing:-1.5px; line-height:1.5;}
.sub_inner_top span				{display:block;  }
 

@media screen and (max-width:820px) {
.sub_cont_box01				{ padding:20px; }
 
.sub_cont06 .inner		{ padding:20px 0; gap:20px; }
.sub_cont06 .img			{ width:80px;height:80px;line-height:75px;  }
.sub_cont06 .img img		{width:65%;}
.sub_cont06 .inner .tit				{ padding:0 0 10px 0;font-size:1.1em; }  
.sub_cont06 .inner .txt	p			{position:relative;padding:0 0 5px 12px;} 
.sub_cont06 .inner .txt	p:after			{  top:12px;  }  

.sub_inner_top						{padding:0 10px 30px 10px; font-size:1.15em;}
.sub_inner_top span				{display:inline;  } 
}
 

/* 단장인사말  ================================================================================== */ 
.greeting_summary 						{position:relative;font-family: 'S-CoreDream-4Regular'; color:#111; text-align:center;padding:0 0 70px 0;font-size:1.9em;letter-spacing:-2.5px;line-height:1.4;   } 
.greeting_summary span				{   font-family: 'S-CoreDream-6Bold';color:#004ca1; }
.greeting_wrap								{position:relative;margin:auto;max-width:1360px;display: flex; justify-content:center;  gap:55px; transition:all 0.3s ease;}
.greeting_wrap li							{ max-width:420px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);transition:all 0.3s ease;} 
.greeting_wrap .img						{ background:#eee;}
.greeting_wrap .txt						{padding:35px;  }
.greeting_wrap .name					{padding:0 0 25px 0;color:#111; font-size:1.25em; font-weight:500; transition:all 0.3s ease; }
.greeting_wrap .name span			{color:#2684dc; font-size:1.2em; font-weight:700;letter-spacing:-1px; transition:all 0.3s ease; }

.greeting_wrap .cont p					{position:relative; list-style:none; padding:0 0 10px 15px; line-height:150%;}
.greeting_wrap .cont p:after		{position:absolute; content:''; display:block; left:2px; top:11px; width:3px; height:3px; background:#0060c0; border-radius:50%;}

@media screen and (max-width:1200px) { 
.greeting_wrap								{  gap:30px;  }
.greeting_wrap .txt						{padding:30px;  }
 }
@media screen and (max-width:1024px) { 
.greeting_summary 						{ padding:0 0 50px 0;font-size:1.7em;   }  
.greeting_wrap .txt						{padding:20px;  }
.greeting_wrap .name					{padding:0 0 20px 0;  font-size:1.2em; } 
}
 
@media screen and (max-width:600px) {  
.greeting_summary 						{ padding:0 0 40px 0;font-size:1.55em;   } 
.greeting_wrap								{ max-width:480px;display:grid; grid-template-columns: repeat(1, 1fr); gap:40px ; }
.greeting_wrap li							{ max-width:100%;   }   
.greeting_wrap .name					{  font-size:1.15em; }
 
}


 

/* 조직도   ==================================================================================== */ 
.organization_chart								{position:relative; overflow:hidden; text-align:center;  }
.organization_chart:before					{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:700px; background:#b2c9e3; z-index:-1; }  /* 세로라인 */
.organization_chart .depth1					{position:relative; text-align:center;margin:0 0 50px 0; text-align:center; display: flex;justify-content:center;}   
.organization_chart .depth1 p				{position:relative;  display:inline-block;   background:#004ca1;  width:240px; height:240px;  display: flex; flex-direction: column; justify-content:center; align-items:center; border-radius:50%; border:15px solid #d4e6f8; }  
 
.organization_chart .depth2					{position:relative; margin:auto;margin-bottom:40px; max-width:1200px;overflow:hidden; padding-top: ;display:flex; justify-content: end;}
.organization_chart .depth2 p				{ position:relative;  display:inline-block;   font-weight:500;  background:#fff; color:#004ca1 ;width:30%; min-width:170px; line-height:70px; border:3px solid #2684dc; border-radius:60px ;} 
.organization_chart .depth2:before	{content:''; display:block; position:absolute; top:50%; left:50%; width:40%; height:1px; background:#b2c9e3;}  /* 라인 */
  
.organization_chart .depth3					{position:relative;text-align:left;padding:0 0 60px 16%; color:#004ca1; }

.organization_chart .depth4					{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px;} 
.organization_chart .depth4 li				{position:relative; background:#f4f5f7; letter-spacing:-1px;  border-radius:20px; border:1px solid #d9d9d9; } 
.organization_chart .depth4 li .tit		{position:relative; background:#2684dc;line-height:70px;color:#fff; font-weight:500; letter-spacing:-1px;  font-size:1.05em; border-radius:19px 19px 0 0;} 
.organization_chart .depth4 li .txt		{padding:30px  ;}
.organization_chart .depth4 li:before			{content:''; position:absolute; left:50%; top:-50px; width:calc(100% + 62px); height:1px; background:#b2c9e3;  }   /* 가로라인 */
.organization_chart .depth4 li:after			{content:''; position:absolute; left:50%; top:-50px; width:1px; height:50px; background:#b2c9e3;  }   /* 세로라인 */
 .organization_chart .depth4 li:last-child:before	{display:none;}


@media screen and (max-width:1024px) {
 .organization_chart .depth1 p				{ width:220px; height:220px;  border:10px solid #d4e6f8; }  
.organization_chart .depth4						{  gap: 40px;} 
.organization_chart .depth2 p					{  line-height:60px; } 
.organization_chart .depth4 li .tit			{ line-height:60px; } 
.organization_chart .depth4 li .txt			{padding:20px  ;}
.organization_chart .depth4 li:before			{   width:calc(100% + 42px);   }   /* 가로라인 */
}
@media screen and (max-width:800px) {
 .organization_chart .depth1 p				{ width:200px; height:200px;  }  
.organization_chart .depth2						{ margin-bottom:30px;}
.organization_chart .depth2 p					{  line-height:55px; width:35%; font-size:0.95em; } 
.organization_chart .depth4						{  gap: 20px;} 
.organization_chart .depth4 li					{   border-radius:15px; } 
.organization_chart .depth4 li .tit			{ line-height:55px; font-size:0.95em; border-radius:14px 14px 0 0; } 
.organization_chart .depth4 li .txt			{padding:20px 10px   ;font-size:0.9em;}
.organization_chart .depth4 li:before			{   width:calc(100% + 22px);   }   /* 가로라인 */
}
@media screen and (max-width:600px) {
 .organization_chart .depth1 p				{ width:190px; height:190px;  }  
.organization_chart .depth3						{ padding:0 0 50px 0;  font-size:0.9em; }
.organization_chart .depth4						{  gap: 10px;} 
.organization_chart .depth4 li:before			{  top:-40px;   width:calc(100% + 12px);   }   /* 가로라인 */
.organization_chart .depth4 li:after			{ top:-40px;   height:40px;  }   /*  라인 */
}
 

 


/* MAP  ================================================================================== */
.map_box #map_canvas				{position:relative; width:100%; height:560px; border:1px solid #dfdfdf;}
.map_box ul									{padding:40px 10px;  position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;  } 
.map_box ul li								{ position:relative; display: grid; grid-template-columns: 55px auto; gap:20px;  }
/*.map_box ul li:nth-child(1)			{grid-column: 1 / 3; grid-row: 1 / 2;}  */
.map_box i										{ width:55px;height:55px; line-height:55px; background:#2684dc; color:#fff; text-align:center; border-radius:100%; font-size:1.2em; cursor:auto;}
.map_box dl									{ }
.map_box dl dt								{ font-weight:500; font-size:1.05em; color:#111; letter-spacing:-1px;padding:0 0 5px 0; }
.map_box dl dd								{color:#797979;}

@media screen and (max-width:1024px) { 
.map_box #map_canvas				{height:420px;}
.map_box ul									{padding:30px 0; grid-template-columns: repeat(1, 1fr); gap:25px;   }
.map_box ul li:nth-child(1)			{grid-column: initial; grid-row:initial;}
.map_box ul li								{  gap:10px; } 
.map_box i										{width:50px; height:50px;line-height:50px;} 
.map_box dl dt								{  font-size:1em;  padding:0 ; } 
}
@media screen and (max-width:820px) { 
	.map_box #map_canvas			{height:300px;}	
	.map_box dl dd							{font-size:0.9em; }
}

/* MAP  ================================================================================== */

 




/* 바이오드소개   ================================================================================== */
.int01_wrap01								{position:relative;padding:0 0 130px 10px; transition:all 0.3s ease;  margin-bottom:80px;} 
.int01_wrap01 .web_size				{ display: grid; grid-template-columns: auto 40%; }	
.int01_wrap01:before					{position:absolute;content:''; left:0;bottom:0;  background:#f7f7f7;width:100%; height:18em;}
.int01_wrap01 .txt_wrap				{position:relative;transition:all 0.3s ease;} 
.int01_wrap01 .img_wrap			{position:relative;transition:all 0.3s ease;} 
.int01_wrap01 .img01					{position:relative; width:100%; border-radius:50% 50% 0 0  ; overflow:hidden; transition:all 0.3s ease;} 
.int01_wrap01 .img02					{position:absolute;left:-20%;top:65%; width:55%;  overflow:hidden;transition:all 0.3s ease;} 
.int01_wrap01 .txt01					{position:relative; font-size:3.4em; line-height:1.2em;color:#111; padding-top:130px;transition:all 0.3s ease;} 
.int01_wrap01 .txt01 p				{font-weight:600;} 
.int01_wrap01 .txt02					{position:relative; font-size:1.3em; line-height:160%; padding-top:130px; transition:all 0.3s ease;} 


@media screen and (max-width:1200px) { 
.int01_wrap01 .txt01					{ font-size:3.1em; padding-top:60px; } 
.int01_wrap01 .txt02					{ font-size:1.2em;  padding-top:90px; }
.int01_wrap01:before					{   height:17em;}
}

@media screen and (max-width:1024px) { 
.int01_wrap01								{ padding:0 0 80px 10px;   }
.int01_wrap01 .web_size				{ grid-template-columns: 1fr;    }
.int01_wrap01:before					{  height:22em;}
.int01_wrap01 .txt_wrap				{order:2;}
.int01_wrap01 .img_wrap			{order:1;padding:0  ;  }
.int01_wrap01 .img01					{position:relative; left:20%;width:80%; }
.int01_wrap01 .img02					{position:absolute;left:0;top:60%; width:40%;  overflow:hidden; }
.int01_wrap01 .txt_wrap br			{display:none;}
.int01_wrap01 .txt01					{ font-size:2.8em; padding-top:90px; } 
.int01_wrap01 .txt02					{ font-size:1.2em;  padding-top:50px; }
}
@media screen and (max-width:800px) { 
.int01_wrap01								{ padding:0 0 60px 0;    }
.int01_wrap01 .txt01					{ font-size:2.3em; padding-top:80px; } 
.int01_wrap01 .txt02					{ font-size:1.1em;  padding-top:40px; }
}
@media screen and (max-width:600px) { 
.int01_wrap01 .txt01					{ font-size:1.8em; padding-top:60px; } 
.int01_wrap01 .txt02					{    padding-top:30px; }
}






/* 사업개요   ============ */
.int01_wrap02								{position:relative; margin-bottom:100px;display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; transition:all 0.3s ease;}
.int01_wrap02 li							{background:#fff;   box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);transition:all 0.3s ease;}
.int01_wrap02 .img						{width:100%;}
.int01_wrap02 p							{padding:25px 0; font-size:1.05em; font-weight:500; text-align:center;transition:all 0.3s ease; }

@media screen and (max-width:1024px) { 
.int01_wrap02								{  grid-template-columns: repeat(2, 1fr);  }
}
@media screen and (max-width:800px) {  
.int01_wrap02 p							{padding:20px 0; font-size:1em;   }
}


/* 보유역량   ============ */
.int01_wrap03								{position:relative; margin-bottom:20px;display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; transition:all 0.3s ease;}
.int01_wrap03 li							{text-align:center;background:#fff; padding:40px 0;box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); transition:all 0.3s ease;}
.int01_wrap03 .img						{ }
.int01_wrap03 p							{padding:40px 0 0 0; font-size:1.05em; font-weight:500; color:#222; transition:all 0.3s ease; }
@media screen and (max-width:1024px) { 
.int01_wrap03								{  grid-template-columns: repeat(2, 1fr);  }
}

@media screen and (max-width:800px) {  
.int01_wrap03 p							{padding:30px 0 0 0; font-size:1em;   }
}

@media screen and (max-width:600px) {  
.int01_wrap03 li							{  padding:30px 15px;  }
.int01_wrap03 .img	img				{width:70px; }
.int01_wrap03 p							{padding:20px 0 0 0; font-size:0.9em;  line-height:1.35; }
.int01_wrap03 p br						{display:none;}
}


/* 바이오드소개   ================================================================================== */



/* 핵심기술   ================================================================================== */

/* 01   ============== */  
.tech01_topimg									{position:relative;width:100%;  transition:all 0.3s ease; margin-bottom:70px;}
.tech01_topimg .txt							{position:relative;font-weight:500; color:#fff;padding:6em 70px;font-size:1.35em;letter-spacing:-1.5px;line-height:1.6;transition:all 0.3s ease;  text-shadow: 0 0 15px rgba(0,0,0,0.7); z-index:1;}
.tech01_topimg .txt p						{ display:block;font-family: 'S-CoreDream-6Bold'; font-size:1.6em;letter-spacing:-2px; padding:0 0 20px 0;line-height:1.35;transition:all 0.3s ease;  text-shadow: 0 0 15px rgba(0,0,0,0.7); }

@media screen and (max-width:1200px) { 
.tech01_topimg .txt							{ padding:5em 60px;font-size:1.25em; } 
} 
@media screen and (max-width:1024px) { 
.tech01_topimg .txt							{ padding:4em 50px;font-size:1.15em; } 
} 
@media screen and (max-width:900px) { 
.tech01_topimg .txt br						{ display:none; } 
.tech01_topimg .txt							{ padding:3.5em 40px;font-size:1.1em; } 
} 
@media screen and (max-width:600px) { 
.tech01_topimg .txt							{ padding:3em 30px;font-size:1.05em; } 
.tech01_topimg .txt p						{  font-size:1.35em; }
}




.tech01_box01													{position:relative; margin-bottom:100px;}
.tech01_box01 .item01, .tech01_box01 .item02					{position:relative;  }
.tech01_box01 .item01 .subject						{position:relative;  text-align:center; margin-bottom:50px; }
.tech01_box01 .item01 .subject:before			{content:'';  position:absolute; top:50%; left:11.75%; width:76.55%; height:1px; background:#b2c9e3;}  /* 가로라인 */
.tech01_box01 .item01 .subject p					{position:relative; display:inline-block; width:60%; max-width:600px;min-width:300px; line-height:70px; background:#004ca1; color:#fff; font-weight:500;  font-size:1.15em; letter-spacing:-1px; border:6px solid #d4e6f8; border-radius:50px; } 

.tech01_box01 .item01 ul				{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap:2%;  }
.tech01_box01 .item01 ul li				{position:relative; border:1px solid #b2c9e3;background:#f5f5f5; padding:35px 30px; }
.tech01_box01 .item01 ul li:first-child:before,
.tech01_box01 .item01 ul li:last-child:before	{content:''; position:absolute; top:-91px; left:50%; width:1px; height:91px; background:#b2c9e3;z-index:-1;}  /* 세로라인 */
.tech01_box01 .item01 ul li:first-child:after,
.tech01_box01 .item01 ul li:last-child:after		{content:''; position:absolute; top:-4px; left:calc(50% - 4px); width:8px; height:8px; background:#004ca1; border-radius:5px;}  /* 동그라미 */
 
.tech01_box01 .item01 ul li	 .no							{ position:relative;  font-size:1.3em; color:#004ca1; font-family: 'S-CoreDream-7ExtraBold';padding:0 0 10px 0; }
.tech01_box01 .item01 ul li	 .tit							{ position:relative;  font-size:1.15em; color:#111; font-family: 'S-CoreDream-5Medium';padding:0 0 25px 0;  letter-spacing:-1px;}
.tech01_box01 .item01 ul li	 .tit span					{ color:#2684dc; font-family: 'S-CoreDream-7ExtraBold';}
.tech01_box01 .item01 ul li	 .txt p						{position:relative; padding:0 0 6px 12px; }
.tech01_box01 .item01 ul li	 .txt p span				{color:#004ca1; }
.tech01_box01 .item01 ul li	 .txt p:before			{position:absolute; content:''; left:0; top:13px; width:3px; height:3px; background:#666; }

 
.tech01_box01 .item02 .subject						{position:relative;  text-align:center; margin:40px 0; }
.tech01_box01 .item02 .subject:before			{content:'';  position:absolute; top:50%; left:0; width:100%; height:1px; background:#b2c9e3;}  /* 가로라인 */
.tech01_box01 .item02 .subject p					{position:relative; display:inline-block; width:60%; max-width:600px;min-width:300px; line-height:60px; background:#fff; color:#2684dc;font-size:1.15em;font-weight:500;  letter-spacing:-1px; border:4px solid #2684dc; border-radius:50px; }
 
.tech01_box01 .item02 ul				{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:30px;  }
.tech01_box01 .item02 ul li				{position:relative;  background:#004ca1; padding:35px 30px; }
.tech01_box01 .item02 ul li:first-child:after		{content:''; position:absolute; top:-90px; left:0; width:1px; height:29px; background:#b2c9e3; border-radius:5px;}  /* 세로라인 */
.tech01_box01 .item02 .subject:after					{content:''; position:absolute; top:calc(50% - 15px); right:0; width:1px; height:29px; background:#b2c9e3; border-radius:5px;}  /* 세로라인 */
  
.tech01_box01 .item02 ul li	 .no							{ position:relative;  font-size:1.3em; color:#92c6f9; font-family: 'S-CoreDream-7ExtraBold';padding:0 0 10px 0; }
.tech01_box01 .item02 ul li	 .tit							{ position:relative;  font-size:1.15em; color:#fff; font-family: 'S-CoreDream-5Medium';padding:0 0 25px 0;  letter-spacing:-1px;}
.tech01_box01 .item02 ul li	 .tit span					{ color:#ffd248; font-family: 'S-CoreDream-7ExtraBold';}
.tech01_box01 .item02 ul li	 .txt p						{position:relative; padding:0 0 6px 12px; color:#fff; }
.tech01_box01 .item02 ul li	 .txt p span				{color:#92c6f9; }
.tech01_box01 .item02 ul li	 .txt p:before			{position:absolute; content:''; left:0; top:13px; width:3px; height:3px; background:#fff; }



@media screen and (max-width:1200px) {  
.tech01_box01 .item01 ul li				{ padding:30px 25px; }
.tech01_box01 .item02 ul				{ gap:20px;  }
.tech01_box01 .item02 ul li				{ padding:30px 25px; }

.tech01_box01 .item01 ul li	 .no							{ font-size:1.2em;  }
.tech01_box01 .item01 ul li	 .tit							{font-size:1.1em;padding:0 0 20px 0;    }
.tech01_box01 .item01 ul li	 .txt p						{font-size:0.95em;}
.tech01_box01 .item02 ul li	 .no							{ font-size:1.2em;  }
.tech01_box01 .item02 ul li	 .tit							{font-size:1.1em;padding:0 0 20px 0;    }
.tech01_box01 .item02 ul li	 .txt p						{font-size:0.95em;}

}

@media screen and (max-width:1024px) {  
.tech01_box01 .item01 .subject						{position:relative;  text-align:center; margin-bottom:40px; } 
.tech01_box01 .item01 .subject p					{ line-height:60px;  font-size:1.1em; border:4px solid #d4e6f8;  }
.tech01_box01 .item01 ul li:first-child:before,
.tech01_box01 .item01 ul li:last-child:before	{ top:-75px;  height:75px; }  /* 세로라인 */
 
.tech01_box01 .item02 .subject p						{  line-height:50px;  font-size:1.1em;  border:3px solid #2684dc;  }
.tech01_box01 .item02 ul li:first-child:after		{  top:-80px;}  /* 세로라인 */
.tech01_box01 .item01 ul li				{ padding:25px 20px; } 
.tech01_box01 .item02 ul li				{ padding:25px 20px; }
.tech01_box01 .item01 ul li	 .no							{ font-size:1.1em;padding:0 0 5px 0;  }
.tech01_box01 .item01 ul li	 .tit							{font-size:1.05em;padding:0 0 20px 0;    }
.tech01_box01 .item01 ul li	 .txt p						{font-size:0.9em;}
.tech01_box01 .item02 ul li	 .no							{ font-size:1.1em;padding:0 0 5px 0;  }
.tech01_box01 .item02 ul li	 .tit							{font-size:1.05em;padding:0 0 20px 0;    }
.tech01_box01 .item02 ul li	 .txt p						{font-size:0.9em;}
}

@media screen and (max-width:800px) {  
.tech01_box01 .item02 .subject								{ margin:40px 0 30px 0; }
.tech01_box01 .item02 ul li:first-child:after		{  top:-70px;}  /* 세로라인 */
.tech01_box01 .item01 .subject:before					{display:none; }   /* 가로라인 */
.tech01_box01 .item01 ul										{ grid-template-columns: repeat(1, 1fr); gap:20px;  }
.tech01_box01 .item01 ul li:last-child:before		{display:none; }  /* 세로라인 */
.tech01_box01 .item01 ul li:last-child:after			{display:none; }  /* 동그라미 */
.tech01_box01 .item02 ul										{ grid-template-columns: repeat(1, 1fr);   }
}




.tech01_box02											{position:relative; margin:auto;margin-bottom:60px; max-width:1050px;display: flex; flex-flow:wrap;justify-content: space-between;  transition:all 0.3s ease;}
.tech01_box02:after									{position:absolute;content:''; top:calc(50% - 50px); left:calc(50% - 30px); width:60px; height:100px;background:url('../img/sub/arrow01.png') no-repeat center 50%;z-index:11; transition:all 0.3s ease;}
.tech01_box02 li										{position:relative; } 
.tech01_box02 li .img img						{width:100%; max-width:440px;}
.tech01_box02 li .txt									{position:absolute;bottom:0;width:100%; text-align:center; padding:20px 0; background:rgb(0,40,90,0.8); color:#fff; }
.tech01_box02 li:last-child .txt				{  background:rgb(230,70,0,0.8); }

@media screen and (max-width:1024px) {  
.tech01_box02											{display: grid; grid-template-columns: repeat(2, 1fr); gap:60px;  }
.tech01_box02:after									{position:absolute;content:''; top:calc(50% - 50px); left:calc(50% - 20px); width:40px; height:100px;background-size:40px auto; }
}
@media screen and (max-width:800px) {  
.tech01_box02											{gap:40px;  }
.tech01_box02:after									{ left:calc(50% - 15px); width:30px;  background-size:30px auto; }
.tech01_box02 li .txt									{  padding:15px 0; font-size:0.9em; }
}
@media screen and (max-width:600px) {  
.tech01_box02											{display: grid; grid-template-columns: repeat(1, 1fr);   }  
.tech01_box02:after									{ top:calc(50% - 50px); left:calc(50% - 30px); width:60px; height:100px;background:url('../img/sub/arrow02.png') no-repeat center 50%;background-size:45px auto; }
.tech01_box02 li .img img						{ max-width:initial;}
}
 


.tech01_table_txt01									{margin:auto;max-width:700px; color:#fff; background:#fc7e2b;font-size:1.05em; padding:20px; border-radius:50px; text-align:center; letter-spacing:-1px; margin-top:40px;} 
@media screen and (max-width:800px) {  
.tech01_table_txt01									{ font-size:0.95em; padding:15px;}
}


/* 핵심기술   ================================================================================== */






/* 사업영역   ================================================================================== */

.biz01_wrap01											{position:relative; border:1px solid #ddd;padding:50px 0;display: flex; flex-direction: column; justify-content:center; align-items:center; transition:all 0.3s ease;}
.biz01_wrap01 .tit										{padding:15px; min-width:380px;width:35%; text-align:center; font-size:1.05em; letter-spacing:-1px;font-weight:500; color:#fff;background:#004ca1; margin:0 0 60px 0; border-radius:50px;transition:all 0.3s ease;}
.biz01_wrap01 ul										{position:relative;margin:auto; max-width:900px;display: flex; flex-flow:wrap;justify-content: space-between; transition:all 0.3s ease;}
.biz01_wrap01 ul li									{position:relative; width:200px;height:200px; border-radius:50%;display: flex; flex-direction: column; justify-content:center; align-items:center; gap:15px;transition:all 0.3s ease;}
.biz01_wrap01 ul .item01						{ background: #f4f5f7; color:#222;  }
.biz01_wrap01 ul .item02						{background: #2684dc; color:#fff;  }
.biz01_wrap01 ul li .img							{position:relative;  }
.biz01_wrap01 ul .plus								{position:relative;width:150px;  background:url('../img/sub/plus.png') no-repeat center 50%;transition:all 0.3s ease;}
.biz01_wrap01 ul .arrow							{position:relative; width:150px; background:url('../img/sub/arrow01.png') no-repeat center 50%;background-size:auto 55px;transition:all 0.3s ease;}

@media screen and (max-width:1024px) {  
.biz01_wrap01											{ padding:40px 20px;}
.biz01_wrap01 .tit										{padding:12px; font-size:1em;  margin:0 0 40px 0; }
.biz01_wrap01 ul li									{  width:170px;height:170px;  gap:10px;}
.biz01_wrap01 ul .plus								{ width:90px;  }
.biz01_wrap01 ul .arrow							{ width:90px;  }
.biz01_wrap01 ul li .img	img					{height:70px;  }
}
@media screen and (max-width:800px) {  
.biz01_wrap01											{ padding:35px 0;}
.biz01_wrap01 ul li									{  width:130px;height:130px;  gap:10px; font-size:0.95em;}
.biz01_wrap01 ul .plus								{ width:50px; background-size:auto 25px; }
.biz01_wrap01 ul .arrow							{ width:50px; background-size:auto 40px; }
.biz01_wrap01 ul li .img	img					{height:55px;  }
}
@media screen and (max-width:600px) {  
.biz01_wrap01											{ padding:25px 0;}
.biz01_wrap01 .tit										{padding:10px; font-size:0.95em; margin:0 0 25px 0; width:90%;min-width:initial;}
.biz01_wrap01 ul li									{  width:115px;height:115px; gap:0; font-size:0.9em;}
.biz01_wrap01 ul .plus								{ width:40px; background-size:auto 20px; }
.biz01_wrap01 ul .arrow							{ width:40px; background-size:auto 30px; }
.biz01_wrap01 ul li .img	img					{height:45px;  }
}

@media screen and (max-width:500px) {  
.biz01_wrap01											{ padding:25px 0;}
.biz01_wrap01 .tit										{padding:10px; font-size:0.95em; margin:0 0 25px 0; width:90%;min-width:initial;}
.biz01_wrap01 ul li									{  width:90px;height:90px; gap:0; font-size:0.85em;}
.biz01_wrap01 ul .plus								{ width:20px; background-size:auto 15px; }
.biz01_wrap01 ul .arrow							{ width:20px; background-size:auto 23px; }
.biz01_wrap01 ul li .img	img					{height:40px;  }
}






.biz02_wrap01											{position:relative;}
.biz02_wrap01 .depth01							{position:relative; text-align:center; margin-bottom:120px;}
.biz02_wrap01 .depth01 div					{position:relative; margin:auto;width:210px; height:210px;font-size:1.15em; font-weight:500; letter-spacing:-1px; color:#fff;background:#004ca1; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; border:10px solid #d4e6f8;transition:all 0.3s ease;}   
.biz02_wrap01 .depth01 div:before		{content:''; display:block; position:absolute; left:50%; top:200px; width:1px; height:70px; background:#b2c9e3;  }  /* 세로라인 */

  
.biz02_wrap01 .depth2							{ position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap:30px; transition:all 0.3s ease;}
.biz02_wrap01 .depth2 li							{ position: relative; margin-top:50px; padding: 0 30px 45px ; text-align: center; border: 1px solid #ddd; background: #fff ; }  
.biz02_wrap01 .depth2 li:before				{content:''; display:block; position:absolute; top:-100px; left:50%; width:calc(100% + 32px); height:1px; background:#b2c9e3; transition:all 0.3s ease;}  /* 가로라인 */
.biz02_wrap01 .depth2 li:last-child:before		{display:none;}	
.biz02_wrap01 .depth2 li .icon				 {position: relative; top:-50px; width:100px; height: 100px; margin: 0 auto; background-color: #2684dc; color:#fff;font-family: 'S-CoreDream-5Medium';border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column;  transition:all 0.3s ease;}
.biz02_wrap01 .depth2 li .icon:before	{content:''; display:block; position:absolute; left:50%; top:-50px; width:1px; height:50px; background:#b2c9e3;  }  /* 세로라인 */
.biz02_wrap01 .depth2 li .tit					{  position: relative; text-align: center;margin: -30px 0 50px 0 ;   line-height:1.4;  font-size: 1.15em; font-weight: 600; letter-spacing:-1px; color:#004ca1; transition:all 0.3s ease;}
.biz02_wrap01 .depth2 li .tit span			{display:block;font-size:0.85em; color:#555;}
.biz02_wrap01 .depth2 li .tit:after			{content:''; position:absolute; bottom:-25px; left:calc(50% - 5px); width:10px;height:10px;border:solid #004ca1; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(135deg); -webkit-transform: rotate(135deg);}

.biz02_wrap01 .depth2 li .txt01				{   	}
 
 
@media screen and (max-width:1300px) {  
.biz02_wrap01 .depth2							{  gap:20px;} 
.biz02_wrap01 .depth2 li:before				{  width:calc(100% + 22px);  }  /* 가로라인 */
}
  
@media screen and (max-width:1024px) {  
.biz02_wrap01 .depth01							{ margin-bottom:100px;}
.biz02_wrap01 .depth01 div					{ width:200px; height:200px; }   
.biz02_wrap01 .depth01 div:before		{  top:190px;height:61px;  }  /* 세로라인 */
.biz02_wrap01 .depth2 li:before				{ top:-90px; }  /* 가로라인 */
.biz02_wrap01 .depth2 li							{   padding: 0 20px 35px ;  }  
.biz02_wrap01 .depth2 li .icon				 {  top:-40px; width:80px; height: 80px;   } 
.biz02_wrap01 .depth2 li .tit					{ margin: -20px 0 50px 0 ;   font-size: 1.1em;}
.biz02_wrap01 .depth2 li .txt01 br				{  display:none;font-size:0.9em; 	}
}
@media screen and (max-width:800px) {   
.biz02_wrap01 .depth01							{ margin-bottom:50px;}
.biz02_wrap01 .depth01 div:before		{  top:180px;   }  /* 세로라인 */
.biz02_wrap01 .depth01 div					{ width:190px; height:190px; }    
.biz02_wrap01 .depth2							{  grid-template-columns: repeat(1, 1fr); gap:20px;  }
.biz02_wrap01 .depth2 li:before				{  display:none;}  /* 가로라인 */
.biz02_wrap01 .depth2 li .icon:before	{ top:-30px;  height:30px;   }  /* 세로라인 */
}







.biz03_wrap01											{ position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; transition:all 0.3s ease;}
.biz03_wrap01 li										{ position: relative;  padding:30px 20px 50px 20px  ; text-align: center; border: 1px solid #ddd; background: #fff ; transition:all 0.3s ease;}
.biz03_wrap01 li .icon								{}
.biz03_wrap01 li .tit									{  position: relative; padding: 15px 0   20px 0 ;   line-height:1.4;  font-size: 1.2em; font-weight: 600; letter-spacing:-1px; color:#004ca1; transition:all 0.3s ease;}
 
@media screen and (max-width:1024px) {  
.biz03_wrap01											{  gap:20px; }
.biz03_wrap01 li										{ padding:20px 15px 40px 15px  ; }  
.biz03_wrap01 li .tit									{ font-size: 1.15em;}
.biz03_wrap01 li br									{display:none;}
}
@media screen and (max-width:800px) {  
.biz03_wrap01											{ grid-template-columns: repeat(1, 1fr);  }
.biz03_wrap01 li										{ padding:20px 25px 40px 25px  ; }  
}


/* 사업영역   ================================================================================== */






/* 기업홍보   ================================================================================== */ 
.pr01_wrap01											{ position: relative; margin-bottom:100px; display: grid; grid-template-columns: repeat(3, 1fr); gap:60px; transition:all 0.3s ease;}
.pr01_wrap01 li											{ position: relative; text-align: center; letter-spacing:-1px; transition:all 0.3s ease; box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);background:#010f2c;}
.pr01_wrap01 li	 a										{display:block; display: flex; flex-direction: column; justify-content:center; align-items:center;}
.pr01_wrap01 li .txt									{position: absolute;width:100%;  text-align: center; color:#fff;font-size:1.15em; transition:all 0.3s ease; z-index:11;}
.pr01_wrap01 li p										{ position: relative;   color:#fff; font-family: 'S-CoreDream-6Bold'; font-size: 1.55em; font-weight: 500; padding:0 0 10px 0;   line-height:1.4;  transition:all 0.3s ease; }
.pr01_wrap01 li p span								{ font-size: 1.45em; color:#ff8a00;   font-family: 'S-CoreDream-7ExtraBold';letter-spacing:0;}
 .pr01_wrap01 li .img								{background:#000715;width:100%;   overflow:hidden; transition:all 0.3s ease;opacity:0.2; }
 .pr01_wrap01 li .img img						{opacity:0.4; width:100%; height:100%; object-fit:cover;transition:all 0.9s ease; }
 .pr01_wrap01 li:hover .img 					{opacity:1;}
 .pr01_wrap01 li:hover .img img			{ transform: scale(1.08);}

 
@media screen and (max-width:1200px) {  
.pr01_wrap01											{  gap:30px; }
.pr01_wrap01 li .txt									{ font-size:1.1em;}
.pr01_wrap01 li p										{  font-size: 1.5em;}
}
@media screen and (max-width:1024px) {  
.pr01_wrap01 li .txt									{ font-size:1.05em;}
.pr01_wrap01 li p										{  font-size: 1.35em;}
}
@media screen and (max-width:800px) {  
.pr01_wrap01											{ grid-template-columns: repeat(1, 1fr); gap:25px; }
.pr01_wrap01 li .txt									{ font-size:1em;}
.pr01_wrap01 li p										{  font-size: 1.2em; padding:0 0 5px 0; } 
 .pr01_wrap01 li .img								{height:200px; } 
}
 



.pr01_wrap02												{ position: relative; margin-bottom:30px; display: grid; grid-template-columns: repeat(4, 1fr); gap:60px 30px; transition:all 0.3s ease;}
.pr01_wrap02 li												{ text-align:center;line-height:1.4; color:#666; transition:all 0.3s ease;}
.pr01_wrap02 li	 .img									{background:#fff; border:1px solid #ddd;padding:10px 0;margin:0 0 15px 0; transition:all 0.3s ease;}

@media screen and (max-width:1200px) {  
.pr01_wrap02												{ grid-template-columns: repeat(3, 1fr); gap:50px 30px; }
.pr01_wrap02 li												{ font-size:0.95em;}
}
@media screen and (max-width:1024px) {  
.pr01_wrap02												{ gap:45px 15px; }
}
@media screen and (max-width:800px) {  
.pr01_wrap02												{ grid-template-columns: repeat(2, 1fr); gap:  40px 15px; }
.pr01_wrap02 li												{ font-size:0.9em;}
.pr01_wrap02 li	 .img									{ margin:0 0 10px 0; }
}
@media screen and (max-width:600px) {  
.pr01_wrap02												{ grid-template-columns: repeat(2, 1fr); gap:35px 10px; }
.pr01_wrap02 li												{ font-size:0.85em;} 
}


/* 기업홍보   ================================================================================== */