@charset "utf-8"; 
 
/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.55em; color:var(--color2);  font-family: 'Paperlogy'; font-weight:600; line-height:100%;padding-top:18px; padding-bottom:40px;  }
h4::before						{position:absolute; top:0; left:0; content:''; width:36px; height:4px; background:var(--color6);   }
h4::after     						{position:absolute; top:0; left:0; content:''; width:9px; height:4px; background:var(--color1);   }
h4 span							{font-size:0.7em;color:var(--color3);font-weight:600;} 
/*
h4::after							{position:absolute; top:2px; left:0; content:''; width:20px; height:20px; background:linear-gradient(45deg, #0063b7, #02cbdf); border-radius:100%;}
h4::before						{position:absolute; z-index:1; top:7px; left:5px; content:''; width:10px; height:10px; background:#fff; border-radius:100%;} */
h5									{position:relative; color:#000; font-size:1.25em;line-height:1.3; font-family: 'Paperlogy'; font-weight:600; padding:0 0 25px 22px;  } 
h5::after							{position:absolute; content:'';top:5px; left:0;  width:16px; height:16px;  border-radius:15px;   border:4px solid var(--color1); }
h5 span                          {font-size:0.85em;color:var(--color1);font-weight:600;  font-family: 'Paperlogy';  } 

.sub_txtline					{font-weight:700; box-shadow: inset 0 -10px 0 #ddecff; padding:0 3px; color:#111;}
 
.sub_h4						{position:relative; font-size:1.5em; color:#000; font-weight:600;  line-height:45px; margin-bottom:25px;  }
.sub_h4 i						{ width:45px; line-height:45px; background:var(--color1); color:#fff; text-align:center; border-radius:100%; font-size:1.1em; margin:0 10px 0 0;}
.sub_h5						{position:relative;display:inline-block; font-size:1.05em; color:#fff;font-weight:600;  background:var(--color6);   padding:7px 15px; margin-bottom:15px;  border-radius:5px; }

@media screen and (max-width:1024px) { 
    h4									{font-size:1.45em; padding-top:16px;padding-bottom:35px;  } 
    h4::before						{ width:32px;  }
    h5									{font-size:1.2em; padding:0 0 25px 20px;  } 
    h5::after							{ top:3px; width:15px; height:15px;  }
}
@media screen and (max-width:768px) { 
    h4									{font-size:1.4em;  } 
}


.sub_top_txt01					{padding:0 0 40px 0;text-align:center; color:var(--color1);font-size:1.4em;font-weight:700;  line-height:1.4;} 
.sub_top_txt01 span			{display:block; font-weight:700; }

.sub_inner_top					{position:relative; padding:2.4em;margin:0 0 50px 0;background: url('../img/common/sub_inner_top_bg.png') right 0; border-radius:3em 0 0 0; word-break:keep-all;  box-shadow: 3px 0  15px 0 rgba(0,0,0,0.12); } 

.sub_inner_top .tit			    {color:#fff;font-size:1.9em; font-weight:600; font-family: 'Paperlogy';  padding:0 0 25px 0; }
.sub_inner_top .txt			{position:relative;color:rgb(255,255,255,0.8); line-height:1.5; }
.sub_inner_top .txt .list01		        {position:relative; padding-left:12px; }
.sub_inner_top .txt .list01:after		{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#fff; opacity:0.6; }
.sub_inner_top .txt .list01 + .list01     {margin-top:8px;}
.sub_inner_top .txt .call		            {position:relative; padding:  10px  0 0 0;font-size:0.9em;color:var(--color5);}
.sub_inner_top .txt ul						{position:relative; padding: 0  0; display: flex;  flex-flow:wrap; gap:10px 0;}
.sub_inner_top .txt ul li						{position:relative; width:49%;  font-weight:300;}  
.sub_inner_top .txt ul li:first-child	{width:100%;}
.sub_inner_top .txt ul li	 span			{display:inline-block;width:80px; padding:2px 0;text-align:center; font-weight:300;font-size:0.9em;margin:0 15px 0 0;background:#506e8c; color:#c5ced9;border-radius:20px; } 
 
.sub_cont_box01				{background:var(--color7);padding:  30px;margin-bottom:30px;color:var(--color1); border:1px solid #dce2ea; border-radius:0.5em; }


 .sub_line01                       {height:60px; border-top:1px dashed #ddd; margin-top:60px; }
 .sub_line02                       {height:50px; }

.sub_cont01					{  }  
 
.sub_no                              {display:inline-block;width:30px; line-height:30px; text-align:center;background:var(--color1); color:#fff;text-align:center; font-size:0.85em; border-radius:50px; margin-right:8px; font-weight:500; }

.sub_cont05					{position:relative;border-top:1px solid #888; }
.sub_cont05 .inner		{position:relative;padding:25px 15px;border-bottom:1px solid #ddd;display:flex; }
.sub_cont05 .inner .tit				{width:18%;padding:5px 0;font-size:1.2em;font-weight:600;color:#111; }
.sub_cont05 .inner .txt				{ }
.sub_cont05 .inner .txt	p			{padding:5px 0;}
.sub_cont05 .inner .txt	p strong		{display:inline-block;min-width:120px; line-height:34px; text-align:center;border:1px solid #d3d3d3; color:#333 ; text-align:center; font-size:0.9em; border-radius:3px; margin-right:12px; font-weight:500;}
.sub_cont05 .inner .txt	.no, .sub_cont05 .no		{display:inline-block;width:30px; line-height:30px; text-align:center;background:var(--color1); color:#fff;text-align:center; font-size:0.9em;border-radius:100%; margin:0 10px 0 0;}


.sub_cont06						{position:relative; }
.sub_cont06 .inner			{position:relative;padding:30px 0;border-bottom:1px solid #dfdfdf;display:flex;gap:50px; }
.sub_cont06 .inner:first-child  {padding-top:0 !important; }
.sub_cont06 .img				{position:relative;text-align:center;width:120px;height:120px; border-radius:50%;background:#f7f7f7; display: flex; flex-direction: column; justify-content:center; align-items:center; }
.sub_cont06 .inner .cont				{flex:2; }
.sub_cont06 .inner .tit				{ padding:0 0 15px 0;font-size:1.15em;font-weight:700;color:#111; }
.sub_cont06 .inner .txt				{position:relative; }
.sub_cont06 .inner .txt	p			{position:relative;padding-left:15px;} 
.sub_cont06 .inner .txt	p + p			{margin-top:8px; } 
.sub_cont06 .inner .txt	p::after			{position:absolute; content:''; display:block; left:3px; top:9px; width:3px; height:3px; background:#666;}

.delist  								{padding-left:30px;}							
.delist li								{list-style:decimal-leading; padding-bottom:8px; }					
.sub_list01							{position:relative; list-style:none; padding-left:18px; }
.sub_list01::after				{position:absolute; content:'';  left:4px; top:9px; width:5px; height:5px; background:var(--color1);border-radius:5px;  }
.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:var(--color1);}
.sub_list01 + .sub_list01  {margin-top:10px;}
.sub_list02							{position:relative; list-style:none; padding-left:15px;}
.sub_list02 + .sub_list02  {margin-top:6px;}
.sub_list02::after				{position:absolute; content:''; left:3px; top:9px; width:3px; height:3px; background:#666;}

.sub_list04					        {position:relative; color:var(--color1); font-weight:600; padding:0 0 8px 20px; line-height:1.3; background:url('../img/common/sub_icon01.png') no-repeat 0 3px; background-size:15px 15px; }
 

@media screen and (max-width:768px) {
.sub_cont_box01						{ padding:20px; }
  
.sub_cont05 .inner		{ padding:20px 5px;   flex-direction: column; gap:10px; }
.sub_cont05 .inner .tit				{width:100%;padding:  0;font-size:1.15em;  } 
.sub_cont05 .inner .txt	p strong		{ min-width:110px; line-height:30px; } 
 
.sub_cont06 .inner					{ padding:20px 0; gap:20px; }
.sub_cont06 .img						{ width:100px;height:100px;  }
.sub_cont06 .img img				{width:70%;}
.sub_cont06 .inner .tit				{ font-size:1.1em; }   
.sub_cont06 .inner .txt	p::after			{  top:8px;  }  

.sub_top_txt01							{padding:0 10px 30px 10px; font-size:1.15em;}
.sub_top_txt01 span					{display:inline;  } 
 
}
@media screen and (max-width:580px) {
.sub_cont06 .inner			        {flex-direction: column;  } 
.sub_cont06 .img						{ width:90px;height:90px;  }
.sub_cont06 .inner .cont		     {padding-left:5px;  }
}
 

/* 단장인사말  ================================================================================== */
.greeting_wrap								{position:relative;}  
.greeting_wrap figure                  {position:relative; max-width:400px;float:right; aspect-ratio:4/4.5; overflow:hidden; margin-bottom:15px;  }
.greeting_wrap figure::before     {position:absolute; content:'';left:16%;top:16%; width:84%;height:84%; background:#cbcbc9;z-index:-1; border-radius:3.6em  0;  }
 
.greeting_tit								    {position:relative; padding-top:60px; padding-bottom:30px;  font-family: 'Paperlogy'; font-weight:600; font-size:1.5em; color:var(--color1); line-height:1.5em; } 
.greeting_tit span						    {display:block;  font-family: 'Paperlogy'; font-weight:600; font-size:1.25em;   } 
.greeting_tit::before                     {position:absolute; content: "\201C";top:30px; left:5px; font-size: 4em;font-family: Georgia;font-weight:bold;color: #e5e5e5; margin: 0 10px 0px -10px;}

.greeting_cont								{ line-height:1.5em;} 
.greeting_cont p							{line-height:1.6; padding:15px 0; word-break:keep-all; }
.greeting_cont b							{ color:#111; font-size:1.1em; }
.greeting_ceo									{font-size:1.1em;    text-align: right; font-weight: 600; padding-top:30px;  }
.greeting_ceo	 p								{font-size:1.25em;   font-weight: bold; line-height: 1.6;color:#000;  }

@media screen and (max-width:1024px) { 
    .greeting_wrap								{padding:0 5px;}
    .greeting_wrap figure                  {max-width:350px; } 
    .greeting_tit								    {padding-top:50px;  padding-bottom:20px;  font-size:1.45em;   }
    .greeting_tit::before                     { top:20px ;}
}
@media screen and (max-width:768px) { 
    .greeting_wrap figure                  {max-width:300px; border-radius:3.3em  0;  } 
    .greeting_tit								    {padding-top:40px;  font-size:1.4em;  } 
}
@media screen and (max-width:600px) { 
    .greeting_wrap figure                  {max-width:400px; float:none; margin:auto;  } 
    .greeting_tit								    { padding-top:30px;font-size:1.3em;   }
    .greeting_tit::before                     {display:none; }
}

/* 단장인사말  ================================================================================== */


 

/*  ci소개================================================================================== */ 
.int_ci_img img					{max-width:100%;}
.int_ci_btn							{padding:30px 0 0 0; text-align:center;} 
 .int_ci_btn .btn01						{  display:inline-block;text-align:center;font-size:1.05em; min-width:200px;   margin:0 4px; padding:18px; color:#fff;  border-radius:5px; background:var(--color1);    cursor:pointer; transition:all 0.3s ease;} 
 .int_ci_btn .btn01:hover				{background:#111;  }
 .int_ci_btn .btn01	 i				{font-size:1.1em;margin:0 10px 0 0;}

@media screen and (max-width:600px) {  
 .int_ci_btn .btn01						{ width:48%;font-size:1em;  padding:15px; min-width:initial; margin:0; }
 }

/*  ci소개================================================================================== */



/*  조직구성 업무분장    ================================================================================== */
.int_depart_box								{position:relative;display: flex; flex-flow:wrap;justify-content: space-between;row-gap:30px; }
.int_depart_box	li							{position:relative; width:48%;display: flex; flex-flow:wrap; border-bottom:1px solid #eee; } 
.int_depart_box	li .img					{background:#f5f5f5;width:120px; height:120px;border-radius:100px; margin:0 0 30px 0;}
.int_depart_box	li .cont					{padding:0 0 30px 30px; }
.int_depart_box	li .tit						{font-size:1.15em;font-weight:500;color:var(--color1);padding:10px 0 15px 0;}
.int_depart_box	li .txt					{position:relative;  }
.int_depart_box	li .txt p				{position:relative;padding:0 0 0 15px;line-height:1.7;}
.int_depart_box li .txt p::after		{position:absolute; top:11px; left:3px; content:''; width:3px; height:3px; background:#777;  border-radius:5px; }

 

/* 조직도   ==================================================================================== */ 
.organization_chart					        {position:relative; overflow:hidden; }
.organization_chart:after			        {content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:327px; background:#ddd; z-index:-1; } 
.organization_chart .depth1			    {position:relative; text-align:center;margin:0 0 40px 0; }
.organization_chart .depth1 li			{position:relative;  }
.organization_chart .depth1::after	{content:''; display:block; clear:both;}
.organization_chart .depth1 .center	{background:var(--color1); line-height:60px;} 
.organization_chart .depth1 p				{position:relative;  display:inline-block;   text-align:center; font-weight:600;  background:var(--gra1); color:#fff;  font-size:1.1em; width:230px; padding:20px  ;  border-radius:10px;} 

.organization_chart .depth4					{position:relative;display: flex; flex-flow:wrap;justify-content: space-around;align-items: center;}
.organization_chart .depth4 ul			{position:relative; background:#fff;   padding:  8px; border-radius:10px;} 
.organization_chart .depth4 ul::before			{position:absolute;content:'';left:0;top:0;width:100%; height:100%; background: var(--color1); border-radius:10px; opacity:0.12; } 
.organization_chart .depth4 ul li			{position:relative;text-align:center; font-weight:500;  background:var(--color1); color:#fff; width:200px; padding:13px 0 ;   border-radius:5px;  } 
.organization_chart .depth4 ul li + li      {margin-top:5px;}
.organization_chart .depth4::after			{content:''; display:block; position:absolute; left:calc(50% - 15%); top:50%; width:30%; height:1px; background:#ddd; z-index:-1; }  
  
 
.organization_chart .depth_box			{position:relative; margin-top:40px;  }
.organization_chart .depth2			        {position:relative;  margin:0 auto; background:#fff;  padding-top:40px;display:flex; justify-content: space-between; gap:2%; }
.organization_chart .depth2	 div		    {position:relative;flex:1; } 
.organization_chart .depth2	 div ul		{position:relative;width:100%;}
.organization_chart .depth2 div p	    { position:relative;  display:inline-block;   text-align:center; font-weight:500;  background:var(--color3); color:#fff; width:100%; padding:13px; border-radius:10px 10px 0 0;} 
.organization_chart .depth2 div:last-child p	    {   border-radius:10px 10px  ;} 
.organization_chart .depth2 div::before	{content:''; display:block; position:absolute; top:-40px; left:50%; width:1px; height:40px; background:#ddd;}   /* 세로선 */
.organization_chart .depth2	 div::after    {position:absolute;content:'';left:50%; top:-40px; width:109%; height:1px; background:#ddd; z-index:1;  } /* 가로선 */
.organization_chart .depth2	 div:last-child::after    { left:initial;right:50%;  } /* 가로선 */
 .organization_chart_arrow01				{position:absolute;left:calc(50% - 12px);top:200px;width:25px;height:15px;background:url('../img/sub/int_arrow02.png') no-repeat center 0; }

.organization_chart .depth3			        {position:relative; width:100%;  overflow:hidden; padding:15px 10px ;border:2px solid var(--color3); border-radius:0 0 10px 10px ;  }
.organization_chart .depth3>li		{position:relative; padding:0 0 4px 13px; font-size:0.9em;  line-height:1.3;  }
.organization_chart .depth3>li::before	{content:''; position:absolute; top:6px;left:3px;   width:3px; height:3px; border-radius:5px; background:var(--color4);}  
 
.organization_chart .depth6			{position:absolute; padding:15px 50px; bottom:350px; left:calc(50% - 150px);  background:url('../img/sub/int_arrow01.png') no-repeat center 0;}
.organization_chart .depth6 ul			{  width:200px; padding:15px 10px  ;border:2px solid #1cb6be;background:#d9ebec; border-radius:10px  ; }
.organization_chart .depth6 ul li		{position:relative;  padding:0 0 4px 13px;  font-size:0.95em;line-height:1.3;   }
.organization_chart .depth6 ul li::before	{content:''; position:absolute; top:6px;left:3px;   width:3px; height:3px; border-radius:5px; background:var(--point1);} 


.organization_chart .depth5			{position:relative;margin-top:20px;  display: flex;  align-items: center; justify-content: center; flex-direction: column; }
.organization_chart .depth5 .tit		{position:relative;  display:inline-block;width:200px;   text-align:center; font-weight:400;  background:var(--point1); color:#fff;   padding:13px  0;  border-radius:10px;margin:0 0 40px 0;} 
.organization_chart .depth5 .tit::after			{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:85px; background:#ddd; z-index:-1; } 
.organization_chart .depth5 .cont			{position:relative; display: flex;  flex-flow:wrap;justify-content: space-around;gap:50px; }
.organization_chart .depth5 .cont ul			{position:relative;    padding:15px ;width:250px;border:2px solid var(--point1); border-radius:10px ; margin:35px 0 0 0;  }
.organization_chart .depth5 .line02			{position:absolute; top:45px;width:300px; margin:0 auto; padding:0 0 40px 0; border-bottom:1px solid #ddd;}
.organization_chart .depth5 .cont ul::after		{content:''; display:block; position:absolute; left:50%; top:-41px; width:1px; height:40px; background:#ddd; z-index:-1; } 
.organization_chart .depth5 .cont ul li			{position:relative;padding:0 0 4px 13px; font-size:0.95em;line-height:1.3;  }
.organization_chart .depth5 .cont ul li::before	{content:''; position:absolute; top:6px;left:3px;   width:3px; height:3px; border-radius:5px; background:var(--point1);} 

 
@media screen and (max-width:768px) {
.organization_chart .depth1 p				{ width:200px; padding:17px; }  
.organization_chart .depth4					{ justify-content: space-between;}
.organization_chart .depth4 ul			{  padding:6px; } 
.organization_chart .depth4 ul li			{ width:170px; padding:10px 0 ; } 
.organization_chart .depth4::after			{  left:0;  width:100%;  }  
  
.organization_chart .depth2			    { padding-top:0;  display:flex;align-items: center; justify-content: center; flex-direction: column; }
.organization_chart .depth2	 div		{position:relative; width:100%;} 
.organization_chart .depth2 div p	    {  padding:11px;} 
 .organization_chart_arrow01		    {display:none;}
.organization_chart .line			        {display:none;}
.organization_chart .depth2 div::before	{display:none;}
.organization_chart .depth2 div::after	{display:none;}
.organization_chart .depth3			    { padding:15px 10px 20px 10px;  margin-bottom: 10px;display: flex; flex-flow:wrap; }
.organization_chart .depth3 li		    {width:49%;}

.organization_chart .depth6			    {position:relative; padding:25px 0; bottom:0; left:0;  background:none;}
.organization_chart .depth6 ul			{  width:100%;  }

.organization_chart .depth5			    { margin-top:30px; }
.organization_chart .depth5 .tit		{ width:100%;  padding:11px; margin:0 0 0 0;} 
.organization_chart .depth5 .line02		{display:none;}
.organization_chart .depth5 .cont			{   display: ;width:100%; gap:0;justify-content: space-between; }
.organization_chart .depth5 .cont ul			{ width:49%; margin:5px  0 10px 0;  font-size:0.9em;  }
.organization_chart .depth5 .cont ul::after		{display:none;}
.organization_chart .depth5 .tit::after			{display:none;}

}
@media screen and (max-width:580px) {  
.organization_chart .depth4 ul li			{ width:145px;  } 
.organization_chart .depth5 .cont ul			{  font-size:0.85em;  }
}

/* 조직도   ==================================================================================== */ 














/* 비전   ==================================================================================== */ 
  
.vision_wrap									{position:relative;}
.vision_wrap .depth1					{position:relative;text-align:center;display: flex;  align-items: center; justify-content: center; flex-direction: column;  padding-bottom:80px; }
.vision_wrap .depth1 .item01		{position:relative;  width:100%; max-width:650px; padding: 25px 30px; font-size:1.15em; font-weight:600; color:var(--color1); display: flex;  align-items: center; justify-content: center; flex-direction: column; margin-bottom:40px;  }
.vision_wrap .depth1 .item01 p      { font-size:1.55em; font-weight:700; padding-bottom:20px; }
.vision_wrap .depth1 .item01:before		{position:absolute; top:0; left:0; content:''; width:30px; height:100%;    border:10px solid var(--color1);border-right:0; }
.vision_wrap .depth1 .item01:after		    {position:absolute; top:0; right:0; content:''; width:30px; height:100%;  border:10px solid var(--color1);border-left:0; }
 

.vision_wrap .depth1 .item03		{position:relative; width:100%; max-width:800px; font-size:1.25em;font-weight:bold;  line-height:1.45; color:var(--color1);padding: 30px ; background:#f5f5f5; border-radius:100px; }
.vision_wrap .depth1 .item03 span		    { color:var(--color6);font-weight:bold; }  
 
  
.vision_wrap .depth2						{position:relative;margin:0 0 30px 0;text-align:center; display:flex; flex-flow:wrap;justify-content: space-between; }
.vision_wrap .depth2 .item04		{position:relative; flex:1 1 0;  }
.vision_wrap .depth2 .item04 .sup01			{position:relative;margin:auto; width:240px; height:240px;  color:var(--color1); font-size:1.6em; font-weight:bold;display: flex;  align-items: center; justify-content: center; flex-direction: column;   }
.vision_wrap .depth2 .item04 .sup01::before       {position:absolute; content:''; left:0;top:0; width:100%;height:100%; border:15px solid var(--color1); border-radius:50%; opacity:0.1; }

.vision_wrap .depth2 .item04 .sup02			{position:absolute;top:-45px;left:calc(50% - 45px);width:90px;height:90px;line-height:85px;color:#fff;background:var(--color1); border-radius:50%; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); border:4px solid #fff;}
.vision_wrap .depth2 .item04 .sup03			{position:absolute;top:60%;left:calc(50% - 150px); width:90px;height:90px;line-height:85px;color:#fff;background:var(--color6); border-radius:50% ;box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); border:4px solid #fff;}
.vision_wrap .depth2 .item04 .sup04			{position:absolute;top:60%;right:calc(50% - 150px);   width:90px; height:90px;line-height:85px;color:#fff; background:var(--color3); border-radius:50%; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); border:4px solid #fff;}

.vision_wrap .depth3						{position:absolute;width:100%;margin:-290px 0 0 0;text-align:center; display:flex; flex-flow:wrap;justify-content: space-between;   }
.vision_wrap .depth3 .item05, .vision_wrap .depth3 .item06		    {position:relative; margin:20px 0;width:29%;padding: 0  20px; display: flex;  align-items: center; flex-direction: column;}
.vision_wrap .depth3 .item05::before, .vision_wrap .depth3 .item06::before       { position:absolute; content:''; left:0;top:18px; width:100%; height:calc(100% - 18px); border-radius:15px; border:2px solid var(--color1); }
.vision_wrap .depth3 .item06::before       {  border-color:var(--color6); }

.vision_wrap .depth3 .item05 .tit, .vision_wrap .depth3 .item06 .tit				{position:relative; background:var(--color1); width:90%;padding:10px;line-height:1.2;color:#fff;border-radius:30px;}
.vision_wrap .depth3 .item06 .tit				{ background:var(--color6);  }
.vision_wrap .depth3 .item05 .txt, .vision_wrap .depth3 .item06 .txt				{position:relative; padding-top:10px;color:var(--color1); font-weight:600; }
.vision_wrap .depth3 .item06 .txt				{ color:var(--color6);  }

.vision_wrap .depth3 ul					{padding:10px 0  20px 0;text-align:left;}
.vision_wrap .depth3 ul li				{position:relative;font-size:0.9em; padding:0 0 0 15px; }
.vision_wrap .depth3 ul li:after		{position:absolute; top:10px; left:3px; content:''; width:3px; height:3px; background:#666;  border-radius:5px; }
 
.vision_wrap .depth4					{position:relative;margin:40px 0 0 0;text-align:center; display:flex; flex-flow:wrap;justify-content: space-between;   row-gap:10px; }
.vision_wrap .depth4 li					{position:relative; width:24%; padding:15px 10px;border-radius:50px; background:var(--color3);color:#fff;}

.vision_wrap .depth5					{position:relative;margin:80px 0 0 0;text-align:center; display:flex; flex-flow:wrap;justify-content: space-between;  row-gap:15px; }
.vision_wrap .depth5 li					{position:relative;  width:19%;padding:20px 15px;font-size:0.95em; font-weight:600; color:var(--color1); border:1px solid #ddd; background:#fff; text-align:center;line-height:1.3; border-radius:0.5em ;  box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);} 
.vision_wrap .depth5:after			{content:''; position:absolute; top:-75px; width:100%;height:70px; background:url('../img/sub/arrow01.png') no-repeat center 0; background-size:auto 100%;  }
.vision_wrap .depth5 li img			{display:block;margin:0 auto 10px auto;}
 


@media screen and (max-width:1200px) {
.vision_wrap .depth5 li br			{display:none;}
}

@media screen and (max-width:768px) { 
.vision_wrap 	                                {font-size:0.95em;}
.vision_wrap .depth1 .item01		{ padding: 20px 30px;}
.vision_wrap .depth1 .item01:before,
.vision_wrap .depth1 .item01:after		    {  border-width:8px; }

.vision_wrap .depth1 .item03		{ font-size:1.25em; padding:25px 40px; }    
  
 .vision_wrap .depth3						{position:relative; margin:0 0 0 0;   }
.vision_wrap .depth3 .item05,
.vision_wrap .depth3 .item06		{ margin:30px 0 0 0; width:48.5%; }   
.vision_wrap .depth4 li					{width:48.5%; padding:12px 0; }
.vision_wrap .depth5 li					{ width:48.5%;padding:20px 15px; } 
}
@media screen and (max-width:580px) { 
.vision_wrap 	                                {font-size:0.9em;}
}

/* 비전  ================================================================================== */ 






 

/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2 / 1; border-radius:0.5em; border:1px solid #dfdfdf;}
.map_box ul									{overflow:hidden; padding:30px 0 0 0;   display: grid; grid-template-columns: 60% auto; gap:20px; }
.map_box ul li								{  display: grid; grid-template-columns:70px auto; gap:20px; } 
.map_box .img                             {}
.map_box i										{display:inline-block; background:#f4f4f4; color:var(--color1); width:70px; line-height:70px; font-size:1.15em;  border-radius:100%; text-align:center; cursor:auto; margin-right:10px;  }
.map_box .txt							    {  display: flex; flex-direction: column; justify-content:center;   }
.map_box .txt p    							{ font-weight:700; color:var(--color1); padding-bottom:5px;  }

.mapoverlay									{position:relative;margin-left:5px ;   bottom:60px;border-radius:3px;padding:12px 14px;border: 1px solid #333;background:#fff;text-align:center;  }
.mapoverlay::after							{position:absolute;content:'';left:50%;bottom:-16px;width:16px;height:16px; background:url('../img/common/map_localimg.png') no-repeat;}
.mapoverlay .title							{ color:#000; font-size:16px;font-weight:bold;}
.mapoverlay .title span					{font-weight:bold; box-shadow: inset 0 -5px 0 #ffd940; padding:0 1px; color:#000;}
.mapoverlay .add							{display:block; color:#666; font-size:14px;    word-wrap:break-word;  }

 
@media screen and (max-width:1024px) {  
	.map_box ul							    	{ padding:20px 0;  grid-template-columns: repeat(1, 1fr);  }
	.map_box ul li						    	{ grid-template-columns:50px auto;  }
	.map_box i								    	{width:50px; line-height:50px;  }
    .map_box .txt p    							{ padding-bottom:3px;  }
} 
@media screen and (max-width:768px) {  
	.map_box #map_canvas			{  aspect-ratio: 2 / 1.5; } 
} 
@media screen and (max-width:480px) {   
	.map_box #map_canvas			{  aspect-ratio: 2 / 1.7;} 
	.mapoverlay .title						{  font-size:15px;} 
	.mapoverlay .add						{  font-size:12px;    }
}

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

 

.int01_wrap										{position:relative;}
.int01_wrap blockquote::before		{content: "\201C";font-size: 4em;font-family: Georgia;font-weight:bold;color: #bcbcbc;float: left;margin: 0 10px 0px -10px;}
.int01_wrap blockquote::after			{content: "\201D";font-size: 4em;font-family: Georgia;font-weight:bold;color: #bcbcbc;float: right;margin: 20px 10px 0px  0;}


 
 

 
/* 교육지원   ================================================================================== */
.edu01_wrap								{position:relative; display: grid; grid-template-columns:repeat(2, 1fr); gap:1em;  background:#f5f5f5; padding:1em;   }
.edu01_wrap li							{ position:relative; border:1px solid #ddd;background:#fff; border-radius:0.5em; }
.edu01_wrap a							{position:relative; display:block;padding:2.3em; }  
.edu01_wrap li .img					{position:relative;  }  
.edu01_wrap li .cont					{position:relative;  } 
.edu01_wrap li .tit						{font-size:1.2em;font-weight:bold;padding:15px 0 10px 0 ;color:#111; } 
.edu01_wrap li .txt					{ color:#777;  }
.edu01_wrap li .txt p				{position:relative; padding-left: 14px;  line-height:1.3; word-break:keep-all; }
.edu01_wrap li .txt p + p         {margin-top:10px; }
.edu01_wrap li .txt p:after		{position:absolute;  content:''; top:8px; left:2px;width:3px; height:3px; background:#777;  border-radius:5px; }
.edu01_wrap li:hover               {border-color:var(--color1); }
.edu01_wrap li:hover .tit         {color:var(--color1); }


@media screen and (max-width:1024px) {  
.edu01_wrap a							{ padding:2em; }  
.edu01_wrap li .txt p:after		{  top:6px; }
}
@media screen and (max-width:768px) {  
.edu01_wrap								{ grid-template-columns:repeat(auto-fit, minmax(270px, 1fr)); gap:0.8em; padding:0.8em;    }
.edu01_wrap a							{ padding:1.8em; }  
.edu01_wrap li .img img			{width:70px; }  
}




.edu02_training_box01			{position:relative; display:flex;  flex-flow:wrap; justify-content: space-between; gap:1em; }
.edu02_training_box01 li			{ padding:1.5em 1.2em; flex:1; text-align:center; border:1px solid #dfdfdf; border-radius:0.5em;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);   }
.edu02_training_box01 li .img		{ padding-bottom:10px; }
 
.edu02_training_box01 li .tit			{color:var(--color1);font-size:1.05em;padding:0 0 15px 0; font-weight:700;}
.edu02_training_box01 li .cont		{ display: flex; flex-direction: column; justify-content:center; align-items:center; line-height:1.3;  }
.edu02_training_box01 li .txt			{ text-align:left; }
.edu02_training_box01 li .cont span		{display:block;font-size:0.85em;color:#888;padding:5px 0 0 0; line-height:1.3; }
.edu02_training_box01 li .txt p				{position:relative; padding-left: 13px;  line-height:1.3; word-break:keep-all; }
.edu02_training_box01 li .txt p + p         {margin-top:5px; }
.edu02_training_box01 li .txt p:after		{position:absolute;  content:''; top:8px; left:3px;width:3px; height:3px; background:#777;  border-radius:5px; }


@media screen and (max-width:768px) {  
.edu02_training_box01			{display: grid; grid-template-columns:repeat(2, 1fr); }
.edu02_training_box01 li			{ padding:1.2em; }
.edu02_training_box01 li .txt p				{  word-break:break-all; }
.edu02_training_box01 li .img img		{ width:60px; }
}
@media screen and (max-width:480px) {  
.edu02_training_box01			{ grid-template-columns:repeat(1, 1fr); }
}








.edu02_training_box02								{position:relative; padding:2.5em; background:#f7f7f7;border-radius:0.5em;  display: grid; align-items:center;  z-index:-2;  }
.edu02_training_box02 .subject					{position:relative; background:var(--color1);color:#fff;text-align:center;font-size:1.3em; font-weight:600; width:180px; aspect-ratio:1; border-radius:50%;  margin:auto; margin-bottom:100px; display: grid;align-items:center;  }
.edu02_training_box02 .subject::before   {position:absolute;content:'';   left:-5%; top:-5%; width:110%;  height:110%; background:var(--color1); opacity:0.1; border-radius:50%;  z-index:-1; }
.edu02_training_box02 .subject:after			{position:absolute;content:'';   left:50%; top:0;   height:280px;border-left:1px solid #ddd; z-index:-1; }  /* 세로선 */
 
.edu02_training_box02 ul							{ position:relative; display: grid; grid-template-columns:repeat(3, 1fr); gap:10px;   } 
.edu02_training_box02 ul li                       { position:relative;  }  
.edu02_training_box02 ul li:not(:nth-child(2))::before          { position:absolute; content:''; left:50%; top:-40px; width:1px; height:40px; background:#ddd;  }  
.edu02_training_box02 ul li::after             { position:absolute; content:''; left:50%; top:-40px; width:calc(100% + 10px); height:1px; background:#ddd;  }  
.edu02_training_box02 ul li:last-child::after             { left:initial; right:50%;  }  
.edu02_training_box02 ul li .tit					{position:relative;padding:15px  0 ;  color:#fff;text-align:center;font-size:1.15em;  font-weight:500; border-radius:40px;   } 
.edu02_training_box02 ul li .tit::before                 { position:absolute;content:''; left:-13px;top:0; width:calc(100% + 26px); height:100%; background:var(--color6);  border-radius:50px; mix-blend-mode : multiply; z-index:-1; }
.edu02_training_box02 ul li:nth-child(even) .tit::before    {  background:var(--gray1); }

.edu02_training_box02 ul li .txt					{padding:20px ;  text-align:left; }
.edu02_training_box02 ul li .txt p				{position:relative; padding:0 0 6px  10px; line-height:1.3;   word-break:break-all; } 
.edu02_training_box02 ul li .txt p::after		{position:absolute; top:8px; left:-2px; content:''; width:3px; height:3px; background:#777;  border-radius:5px; }


@media screen and (max-width:1024px) {  
.edu02_training_box02								{ padding:2.2em 2em;    }
.edu02_training_box02 .subject					{ width:160px;   } 
.edu02_training_box02 .subject:after			{ height:260px; }
} 
@media screen and (max-width:768px) {  
.edu02_training_box02								{ padding:2em ;    }
.edu02_training_box02 ul li .tit					{ padding:13px  0 ;  font-size:1.1em;  }
.edu02_training_box02 ul li .txt					{padding:15px 5px ;    }
}

@media screen and (max-width:580px) {   
.edu02_training_box02 .subject					{ width:140px; font-size:1.2em;  } 
.edu02_training_box02 ul li .tit					{ padding:12px  0 ;  font-size:1.05em;  }
.edu02_training_box02 ul li .txt					{font-size:0.9em;  }
}



.edu02_training_flow						{position:relative; padding-right:2em; display: grid;  grid-template-columns:repeat(3, 1fr); gap:2em;   }
.edu02_training_flow li					{position:relative; border:1px solid #ddd;border-radius:0.5em;padding:1.5em 1em; text-align:center; } 
.edu02_training_flow li:not(:last-of-type)::after				{position:absolute;content:'';  top:45%; right:-1.3em; border:solid #aaa; border-width:3px 3px 0 0;  padding:5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }   
.edu02_training_flow li .img			{background:#f5f5f5; width:100px; aspect-ratio:1; border-radius:50%; display: flex;  justify-content:center; align-items:center; margin:auto; }
.edu02_training_flow li .img img			{width:70px;}
.edu02_training_flow li .step			{color:var(--color1);text-transform: uppercase; font-weight:700;font-size:0.9em;padding:10px 0;} 
.edu02_training_flow li .tit				{color:#111;font-size:1.05em;  font-weight:600;}
.edu02_training_flow li .txt				{font-size:0.9em;color:#888; line-height:1.2; padding:5px 0; }


@media screen and (max-width:1024px) {   
.edu02_training_flow						{ grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));  }
}
@media screen and (max-width:580px) {   
.edu02_training_flow						{ padding-right:0;  grid-template-columns:repeat(1, 1fr); gap:2em;   }
.edu02_training_flow li:not(:last-of-type)::after				{   top:initial; right:initial; bottom:-1.2em; left:calc(50% - 8px);    transform: rotate(135deg); -webkit-transform: rotate(135deg); }   
}




.edu03_flow02						{position:relative; border-bottom:1px solid #dfdfdf;margin:0 0 10px 0; display: grid; grid-template-columns:repeat(3, 1fr);   }
.edu03_flow02>li					{position:relative; border-right:1px solid #e9e9e9;  display:flex; flex-direction: column; } 
.edu03_flow02>li:last-child, .edu03_flow02>li:nth-child(3)		{border-right:0;}
.edu03_flow02 .arrow:after			{display:none;content:''; position:absolute; bottom:-30px;  border:solid #92c1ed; border-width:3px 3px 0 0;  padding:6px; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity:1;}  
.edu03_flow02 li .time				    { text-align:center;background:#f5f5f5;padding: 20px 0; margin:10px; border-radius:0.5em; }
.edu03_flow02 li:first-child .time, .edu03_flow02 li:nth-child(4) .time	{margin:10px 10px 10px 0; }
.edu03_flow02 li:nth-child(3) .time, .edu03_flow02 li:nth-child(6) .time	{margin:10px 0 10px 10px; }
.edu03_flow02 li .order			    {position:relative;display:block;text-align:center;line-height:40px;font-size:0.9em;background:var(--color6); padding:1px 15px;color:#fff; }
.edu03_flow02 li .order:after		{content:''; position:absolute; top:0;right:-10px; width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid  transparent;border-left:10px solid var(--color6); z-index:11;}
.edu03_flow02 li:nth-child(2) .order		            {background:var(--color1);}
.edu03_flow02 li:nth-child(2) .order:after			{border-left:10px solid var(--color1);} 
.edu03_flow02 li:nth-child(4) .order		            {background:var(--color1);}
.edu03_flow02 li:nth-child(4) .order:after			{border-left:10px solid var(--color1);}
.edu03_flow02 li:nth-child(6) .order		            {background:var(--color1);}
.edu03_flow02 li:nth-child(6) .order:after			{border-left:10px solid var(--color1);}
 
.edu03_flow02 li .time .img		{padding:0 0 0 0;}
.edu03_flow02 li .time .sub		{color:var(--color1);font-size:1.05em;font-weight:700; }
.edu03_flow02 li .cont		            {flex:2;padding:10px  ;position:relative; display:flex;  flex-flow:wrap; flex-direction: column;   } 
.edu03_flow02 li .cont	 .item01  {position:relative; padding:0 10px 15px 10px; }
.edu03_flow02 li .cont	 .item02			{position:relative;border-top:1px dashed #ddd;  padding:15px 10px;}
.edu03_flow02 li .tit						{position:relative;font-size:1.1em;font-weight:600;padding:0 0 10px 0;color:#111; } 
.edu03_flow02 li ul li					{position:relative; padding:0 0 3px 13px; font-size:0.95em;  }
.edu03_flow02 li ul li:after			{position:absolute; content:''; display:block; left:3px; top:9px; width:3px; height:3px; background:var(--color6);}
.edu03_flow02 li ul li ul				{padding:6px 0 0 0;}
.edu03_flow02 li ul li ul li					{position:relative; padding:3px 0 0 13px; font-size:0.9em; color:#888; line-height:1.3;}
.edu03_flow02 li ul li ul li:after			{position:absolute; content:''; display:block; left:3px; top:11px; width:4px; height:1px; background:#999;}



 
@media screen and (max-width:768px) {   
.edu03_flow02						{  grid-template-columns:repeat(2, 1fr);   }
.edu03_flow02>li					{position:relative;   } 
.edu03_flow02>li:nth-child(3)		{border-right:1px solid #e9e9e9;}
.edu03_flow02>li:last-child, .edu03_flow02>li:nth-child(2), .edu03_flow02>li:nth-child(4)		{border-right:0;}

 .edu03_flow02 li:first-child .time, .edu03_flow02 li:nth-child(3) .time, .edu03_flow02 li:nth-child(5) .time	{margin:8px 8px 8px 0; }
.edu03_flow02 li:nth-child(2) .time, .edu03_flow02 li:nth-child(4) .time, .edu03_flow02 li:nth-child(6) .time	{margin:8px 0 8px 8px; }

.edu03_flow02 li .time .img img		{width:70px;}
.edu03_flow02 li .time .sub		{font-size:1em;  }   
.edu03_flow02 li .tit						{font-size:1em;padding:0 0 5px 0;} 

.edu03_flow02 li .cont	 .item01  {  padding:0 0 10px 0; }
.edu03_flow02 li .cont	 .item02			{   padding:10px 0;}
}





.edu04_flow01							{position:relative; display: grid; grid-template-columns: repeat(5, 1fr); gap:1.6em;  }  
.edu04_flow01 li						{position:relative; padding:1.2em 1em;  text-align:center;   border:1px solid #dfdfdf; border-radius:0.5em;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  }
.edu04_flow01 li:not(:last-of-type):after			{position:absolute; content:''; top:calc(50% - 6px); right:-1em; width:12px;height:12px;border:solid #aaa; border-width:2px 2px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg);  z-index:1;}  
 


.edu04_flow01 li .no				{ background:var(--color1);font-size:0.85em;  width:36px;height:36px; color:#fff; border-radius:50%;  display:grid;align-items: center; margin:auto;  }
.edu04_flow01 li .tit					{padding:20px 0 15px 0;  color:var(--color1); font-weight:600;}
.edu04_flow01 li .txt				{width:100%;padding-top:15px; font-size:0.9em; border-top:1px dashed #ddd; line-height:1.3; }


@media screen and (max-width:1200px) {   
.edu04_flow01							{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));  }  
}
@media screen and (max-width:1024px) {   
.edu04_flow01							{padding-right:10px;  }  
}
@media screen and (max-width:580px) {   
.edu04_flow01							{  grid-template-columns: repeat(2, 1fr);  }  
.edu04_flow01 li .no				{  font-size:0.85em;  width:30px;height:30px;   }
.edu04_flow01 li .tit					{padding: 15px 0;   }
 
}
  




.edu04_flow02							{position:relative;  display: grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.4em;   }  
.edu04_flow02 li						{position:relative; padding:1.4em 1em;   text-align:center; border:1px solid var(--color6); border-radius:0.5em;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  }
.edu04_flow02 li:not(:last-of-type):after			{content:''; position:absolute; top:calc(50% - 4px); right:-0.8em;  border:solid #aaa; border-width:2px 2px 0 0;  padding:4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);  z-index:1;}  
.edu04_flow02 li .step				{display:inline-block; color:#fff;font-size:0.8em;font-weight:600;padding:0 15px; line-height:30px; border-radius:50px; background:var(--color1); text-transform: uppercase; margin-bottom:15px; }
.edu04_flow02 li .tit					{display:block; color:#111; font-weight:600;line-height:1.3; font-size:0.95em; }
.edu04_flow02 li .tit	 span			{display:block;font-size:0.9em;color:#777;}


@media screen and (max-width:1024px) {   
.edu04_flow02							{padding-right:10px; }
}
@media screen and (max-width:580px) {   
.edu04_flow02							{  grid-template-columns: repeat(2, 1fr);  }  
}






.edu05_flow01							{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); border:1px solid #ddd;border-radius:0.5em; overflow:hidden;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  }
.edu05_flow01 li						{position:relative;   text-align:center;   }
.edu05_flow01 li:not(:last-of-type)    {border-right:1px dashed #ddd; }
.edu05_flow01 li .sub				{color:#333;   padding: 20px 15px  ;background:var(--color7);}
.edu05_flow01 li .tit					{ color:#fff;background:var(--color6); font-weight:500; padding:8px; border-radius:30px;margin:15px 0 0 0;}
.edu05_flow01 li .txt				{ padding:15px 10px ;color:var(--color1);  font-weight:700; }
.edu05_flow01 li .txt02			{ padding:0 10px 20px 10px ; font-size:0.95em; color:#777;  }

@media screen and (max-width:1200px) { 
.edu05_flow01 li .sub br         {display:none; }
}
@media screen and (max-width:880px) {   
.edu05_flow01							{  grid-template-columns: repeat(2, 1fr);  }  
.edu05_flow01 li .sub br         {display:block; }
.edu05_flow01 li:nth-child(2)    {border-right:0; }
.edu05_flow01 li .tit					{   padding:6px;  }
}
@media screen and (max-width:580px) {   
.edu05_flow01							{  grid-template-columns: repeat(1, 1fr);  }  
.edu05_flow01 li                      {border-right:0 !important; }
}



.edu05_flow02				{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:1.4em;}
.edu05_flow02 li			{position:relative;  padding:1.5em;border:1px solid #ddd;  text-align:center;   border-radius:0.5em; display:flex;flex-wrap: wrap; align-items: center;   flex-direction: column; box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  }
.edu05_flow02 li .tit			{width:100%; background:var(--color1);padding:8px; color:#fff; font-weight:600;border-radius:30px; margin-bottom:15px;}
.edu05_flow02 li .txt			{line-height:1.4; text-align:left;}
.edu05_flow02 li .txt p			{position:relative;  padding-left:15px;}
.edu05_flow02 li .txt p + p             {margin-top:5px; }
.edu05_flow02 li .txt p:after			{position:absolute; content:''; display:block; left:3px; top:9px; width:3px; height:3px; background:#666;}
.edu05_flow02 li .txt span		{ font-size:0.85em;color:#888;padding:5px 0 0 0;}


@media screen and (max-width:768px) {   
.edu05_flow02				{  gap:1em;}
.edu05_flow02 li			{   padding:1.2em; }
.edu05_flow02 li .tit				{   padding:6px;  }
}
@media screen and (max-width:580px) {   
.edu05_flow02				{ grid-template-columns: repeat(1, 1fr); }
}





.edu05_flow03				{position:relative; padding:1.5em 0; display:flex;  flex-flow:wrap; justify-content: space-between; background:#f7f7f7; border:1px solid #ddd;border-radius:0.5em; overflow:hidden;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  }
.edu05_flow03 li			{padding:0 25px; flex:1; text-align:center;  display:flex;flex-wrap: wrap; align-items: center;   flex-direction: column; }  
.edu05_flow03 li:not(:last-of-type)    {border-right:1px dashed #ddd; } 

.edu05_flow03 li .img		{width:120px;height:120px; background:#fff;border-radius:50%;margin:0 0 25px 0;  display: flex; flex-direction: column; justify-content:center; align-items:center;  }

.edu05_flow03 li .tit			{width:100%; background:var(--color6);padding:8px; color:#fff; font-weight:600;border-radius:30px; margin-bottom:15px;}
.edu05_flow03 li .txt			{line-height:1.4;text-align:left; }
.edu05_flow03 li .txt p			{position:relative; font-size:0.95em;padding-left:15px;}
.edu05_flow03 li .txt p + p             {margin-top:5px; }
.edu05_flow03 li .txt p:after			{position:absolute; content:''; display:block; left:3px; top:9px; width:3px; height:3px; background:#666;}
.edu05_flow03 li .txt span		{display:block;font-size:0.85em;color:#888;padding:5px 0 0 0;}


@media screen and (max-width:880px) {   
.edu05_flow03				{padding:  0; }
.edu05_flow03 li			{width:50%; flex:initial;  padding:30px  20px; }
.edu05_flow03 li:nth-child(2)                     {border-right:0 ;}
.edu05_flow03 li:nth-child(3), .edu05_flow03 li:nth-child(4)    {border-top:1px dashed #ddd;   } 
.edu05_flow03 li .img		{width:100px;height:100px; margin-bottom:15px; }
.edu05_flow03 li .img img	{width:70%;}
}
@media screen and (max-width:768px) {   
.edu05_flow03 li			        { padding: 25px  20px; }
.edu05_flow03 li .tit				{   padding:6px;  }
}
@media screen and (max-width:580px) {   
.edu05_flow03 li			            {width:100%; }
.edu05_flow03 li                       {border-right:0 !important ;}
.edu05_flow03 li:nth-child(2)                     {border-top:1px dashed #ddd;   } 
 
}




.edu06_flow01                                     {position:relative; }

.edu06_flow01 .depth01					    { text-align:center; margin-bottom:40px; }
.edu06_flow01 .depth01 p					{display:inline-block;font-size:1.25em;font-weight:600;padding:20px 50px;background:var(--color6);  color:#fff;  border-radius:50px; } 
  
.edu06_flow01 .depth02			            {position:relative;  margin-bottom:50px; display:flex;  flex-flow:wrap; justify-content: space-between;}
.edu06_flow01 .depth02 li			        {position:relative; flex:1;  text-align:center;  display:flex;flex-wrap: wrap; align-items: center;   flex-direction: column;  } 
  
.edu06_flow01 .depth02 li:after			{position:absolute; content:''; display:block; left:50%; bottom:-40px; width:100%; height:1px; border-bottom:1px solid #ddd; } 
.edu06_flow01 .depth02 li:before			{position:absolute; content:''; display:block; left:50%; bottom:-40px; width:1px; height:40px; border-left:1px solid #ddd; } 
.edu06_flow01 .depth02 li:last-child:after {display:none;}
 
.edu06_flow01 .depth02 li .img		    {width:94%;max-width:160px;  aspect-ratio:1; background:#f5f5f5;border-radius:50%; padding:1em; display:flex;flex-wrap: wrap; align-items: center;   justify-content:center; flex-direction: column;  }
.edu06_flow01 .depth02 li .tit			{position:relative;color:var(--color1);   line-height:1.2em; font-weight:700;  padding-top:20px; min-height:70px; }
.edu06_flow01 .depth02 li .tit:after	{position:absolute; content:''; display:block; left:calc(50% - 4px); bottom:0; width:9px; height:9px; background:var(--color1); border-radius:50%;}
 
 
.edu06_flow01 .arrow			            { position:relative;height:60px; background:url('../img/sub/arrow01.png') no-repeat center 0; background-size:auto 100%;   } 

.edu06_flow01 .depth03						{position:relative; margin-top:10px; display:flex;  flex-flow:wrap; justify-content: space-between;}
.edu06_flow01 .depth03>li					{width:48%;padding:20px;  border:1px solid #ddd; text-align:center;   border-radius:0.5em; display:flex;flex-wrap: wrap; align-items: center;   flex-direction: column;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  } 
.edu06_flow01 .depth03 li .tit			{width:100%; background:var(--color1);padding:12px; color:#fff; font-weight:600;border-radius:30px; margin-bottom:15px;}
.edu06_flow01 .depth03 li ul li			{position:relative; font-size:0.95em;padding:1px 0 1px 12px;text-align:left;}
.edu06_flow01 .depth03 li ul li:after			{position:absolute; content:''; display:block; left:0; top:9px; width:3px; height:3px; background:#666;} 


@media screen and (max-width:1024px) {   
.edu06_flow01 .depth02 li .img		    { max-width:150px;   }
}
@media screen and (max-width:768px) {   
.edu06_flow01 .depth01						{ padding:0 0 30px 0; }
.edu06_flow01 .depth01 p					{ font-size:1.15em; padding:18px 30px;    } 
 
.edu06_flow01 .depth02			            { margin-bottom:40px; }
.edu06_flow01 .depth02 li .img		    { width:90%; max-width:120px;   }
.edu06_flow01 .depth02 li .img img	{width:80%;} 
.edu06_flow01 .depth02 li .tit			{ font-size:0.95em; padding-top:15px;  } 
.edu06_flow01 .depth02 li:after			{ bottom:-30px;   } 
.edu06_flow01 .depth02 li:before			{  bottom:-30px; height:30px;  } 

.edu06_flow01 .arrow			                {  height:40px;  } 
.edu06_flow01 .depth03						{   row-gap:15px;}
.edu06_flow01 .depth03>li					{width:100%;padding:15px;   }  
.edu06_flow01 .depth03 li .tit			{ padding:10px; }

} 
@media screen and (max-width:580px) {    
.edu06_flow01 .depth02 li .tit			{ font-size:0.9em;    } 
}



/* 교육지원   ================================================================================== */





/* 기업협업   ================================================================================== */



/* 특화분야   == ========= */
.com08_flow01									 {position:relative;  margin:0 0 50px 0;    } 
.com08_flow01 .box01					{position:relative;  width:100%; margin: 0 0 40px 0; display: grid; grid-template-columns:repeat(3, 1fr);gap:2em ; background:#f7f7f7; padding:1em;   } 
.com08_flow01 .box02					{position:relative;  width:100%; padding:30px 50px; background:var(--color6); color:#fff; display:flex;  flex-flow:wrap; justify-content: space-between; gap:2em; border-radius:0.5em;   } 
.com08_flow01 .box01 li					{position:relative;  padding:30px 20px; text-align:center;   border-radius:0.5em; background:#fff; border:1px solid #ddd;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  } 
.com08_flow01 .box01 li	 .img		{ width:130px;aspect-ratio:1; background:#f5f5f5;border-radius:50%; display:flex; align-items: center;justify-content:center;    flex-direction: column; margin:auto; }
.com08_flow01 .box01 li .tit			{width:100%; color:var(--color1);padding:15px 0 10px 0;font-size:1.05em; font-weight:600; line-height:1.2; }
.com08_flow01 .box01 li p             {position:relative; font-size:0.95em;  line-height:1.3; color:#777;  }

.com08_flow01 .box01 li:not(:last-of-type)::before				{position:absolute; content:''; display:block; right:-1.7em; top:0; width:20px; height:100%; background:url('../img/sub/arrow03.png') no-repeat center 50%; background-size:100% auto; }  
.com08_flow01 .box01 li::after		{position:absolute; content:'';   left:0; bottom:-50px; width:100%; height:25px; background:url('../img/sub/arrow02.png') no-repeat center 0;background-size:auto 100%;  } 


.com08_flow01 .box02 .img			{ width:130px;height:130px;  text-align:center; background:#fff; border-radius:50%; display:flex; align-items: center;justify-content:center;    flex-direction: column; }
.com08_flow01 .box02 .cont			{flex:2;   }
.com08_flow01 .box02 .tit				{  color:#fff;padding:5px 0 10px 0;font-size:1.05em; font-weight:600;  }
.com08_flow01 .box02 p			    {position:relative; font-size:0.95em;padding-left: 12px;text-align:left; } 
.com08_flow01 .box02 p:after		{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#fff;} 


@media screen and (max-width:1024px) {   
.com08_flow01 .box02					{ padding:25px  ; } 
.com08_flow01 .box01 li					{ padding:25px 20px; }

.com08_flow01 img                        {width:70%; }
.com08_flow01 .box01 li	 .img		{ width:120px; }
.com08_flow01 .box02 .img			{width:120px; height:120px; }
}
@media screen and (max-width:768px) {   
.com08_flow01 .box01					{  grid-template-columns:repeat(1, 1fr);gap:1em ; } 
.com08_flow01 .box01 li:not(:last-of-type)::before				{display:none; }
.com08_flow01 .box01 li::after		{display:none; }

.com08_flow01 .box02::after		{position:absolute; content:'';   left:0; top:-32px; width:100%; height:20px; background:url('../img/sub/arrow02.png') no-repeat center 0;background-size:auto 100%;  } 

.com08_flow01 .box01 li	 .img		{ width:100px; }
.com08_flow01 .box02 .img			{width:100px; height:100px; }
}
@media screen and (max-width:580px) {   
.com08_flow01 .box02					{ padding:20px  ; } 
.com08_flow01 .box01 li					{ padding:  20px; }
.com08_flow01 .box01 li	 .img		{ width:90px; }
.com08_flow01 .box02 .img			{width:90px; height:90px; }
.com08_flow01 .box02					{  gap:1em;  } 
}






.com08_flow02                                {position:relative; min-width:800px;  font-size:0.95em; }
.com08_flow02 .tit_wrap                {position:relative;  display: grid; grid-template-columns:15% 27% 24% auto; gap:4px; text-align:center; }
.com08_flow02 .tit_wrap li                { background:var(--color1); padding:15px 10px; color:#fff; border-radius:0.5em 0.5em 0 0; }
.com08_flow02 .tit_wrap li:nth-child(even)      {background:var(--color3);}    
.com08_flow02 .item01                  {position:relative;  display: grid; grid-template-columns:15% 27% 24% auto; gap:4px; }
.com08_flow02 .item01 .tit                 {position:relative; padding:10px; font-weight:bold; line-height:1.3; color:var(--color1); text-align:center;  border-bottom:1px solid #ddd; display: flex; flex-direction: column; justify-content:center; align-items:center; background:#f9f9f9;  }
.com08_flow02 .item01 .tit figure                 { display:inline-block; width:90%; max-width:100px;aspect-ratio:1; background:#fff; border-radius:50%; margin-top:15px;  display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.com08_flow02 .item01 .tit figure img         {width:60%; }
.com08_flow02 .item01 .cont01, 
.com08_flow02 .item01 .cont02,
.com08_flow02 .item01 .cont03                 {position:relative; padding:20px 10px; border-bottom:1px solid #ddd; }
.com08_flow02 .item01 .cont02                   {background:#f9f9f9; text-align:center;   }
 
.com08_table_tit								{font-size:1.1em;font-weight:500; color:var(--color6); }
.com08_table_tit img						{display:block; padding:0 0;text-align:center; margin:auto;}

.com08_table_cont							{position:relative;}
.com08_table_cont .txt01				{position:relative;font-weight:600;color:var(--color1); line-height:1.3;padding-bottom:35px ;}
.com08_table_cont .txt02				{position:relative;background:var(--color1);color:#fff;line-height:1.2;padding:8px 6px;border-radius:5px;margin-bottom:30px;}
.com08_table_cont .txt03				{position:relative;border:1px solid var(--color1);border-radius:5px;padding:10px;background:#fff;}
.com08_table_cont .txt03 p				{position:relative;color:var(--color1);font-weight:500;border-bottom:1px dashed #d5d5d5;padding-bottom:8px;margin-bottom:8px;}
.com08_table_cont .txt02:after, .com08_table_cont .txt03:after		{content:''; position:absolute; top:-20px; left:calc(50% - 6px);  border:solid var(--color6); border-width:3px 3px 0 0;  padding:4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity:0.5;  }  



/* 특화분야   == ========= */




/* 산학협력협의체   == ========= */

.com03_flow01							{position:relative; padding:1.6em; background:#f6f6f6;display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;  }  
.com03_flow01>li						{position:relative;  overflow:hidden; border:1px solid #ddd;  background:#fff; text-align:center;border-radius:0.5em ;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);  } 
.com03_flow01 li .tit					{position:relative; width:100%; padding:14px; background:var(--color1);color:#fff; font-weight:600;  line-height:1.3em;}
.com03_flow01 li .cont				{padding:20px  ; width:100%;  display:flex;align-items: center; justify-content: center; flex-direction: column; }
.com03_flow01 li .sub				{padding-bottom:20px ;width:100%;   border-bottom:1px dashed #ddd; display: grid; grid-template-columns:repeat(4, 1fr); gap:10px;}
.com03_flow01 li .sub li			{ color:var(--color6); background:#fff; line-height:1.2em; font-size:0.9em;  padding: 12px 10px; min-height:65px; border-radius:0.5em; font-weight:600; border:1px solid var(--color6); display:flex;align-items: center; justify-content: center; flex-direction: column; }
.com03_flow01 li .txt				{ position:relative;text-align:left;padding:15px 0 0 0;  }
.com03_flow01 li .txt p			{position:relative;font-size:0.95em;padding:0 0 5px 12px;}
.com03_flow01 li .txt p:after			{position:absolute; content:''; display:block; left:0; top:9px; width:3px; height:3px; background:#666; border-radius:50%;}

 
@media screen and (max-width:768px) {    
.com03_flow01							{ padding:1em; gap:0.8em; } 
.com03_flow01 li .sub				{padding-bottom:15px ; grid-template-columns:repeat(2, 1fr); gap:6px;}
.com03_flow01 li .sub li			{  min-height:initial; }
.com03_flow01 li .cont				{padding:15px 20px 20px 20px  ; }
} 
@media screen and (max-width:580px) {   
.com03_flow01							{  grid-template-columns: repeat(1, 1fr);  }    
.com03_flow01 li .tit					{  padding:13px; }
}




.com03_flow03							{position:relative; padding-right:2em; display: grid; grid-template-columns:repeat(3, 1fr); gap:2em;   }  
.com03_flow03 li						{position:relative;   border:1px solid #ddd;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); background:#fff;text-align:center;    display:flex;align-items: center;   flex-direction: column; border-radius:0.5em ; padding:1.5em; } 
.com03_flow03 li .no				{ position:relative;  display:inline-block;color:#fff; background:var(--color1); font-size:0.85em; border-radius:50px; width:36px; height:36px; line-height:35px;  }
.com03_flow03 li .tit				{padding:15px  ; color:var(--color1); line-height:1.3em; font-weight:700;  } 
.com03_flow03 li .txt				{  font-size:0.95em; line-height:1.3; word-break:keep-all; }
.com03_flow03 li .txt p			{position:relative; padding:0 0 5px 13px; text-align:left;}
.com03_flow03 li .txt p:after			{position:absolute; content:''; display:block; left:0; top:11px; width:3px; height:3px; background:var(--color6); border-radius:50%;}
.com03_flow03  li:not(:last-of-type)::after            {position:absolute; content:''; top:calc(50% - 6px); right:-1.2em; width:12px;height:12px;border:solid #aaa; border-width:2px 2px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
 

@media screen and (max-width:1024px) {    
.com03_flow03 li						{  padding:1.5em 1em; } 
}
@media screen and (max-width:768px) {    
.com03_flow03							{padding-right:1.2em; grid-template-columns:repeat(2, 1fr); gap:1.4em;   }  
.com03_flow03  li:not(:last-of-type)::after            { right:-1em; }
}

/* 산학협력협의체   == ========= */





/* 기업애로   == ========= */

.com04_flow01						        	{position:relative;width:100%; text-align:center; display: grid; grid-template-columns:repeat(2, 1fr); gap:1em;  padding:2em; border-radius:0.5em; background:#f6f6f6;  z-index:-1; } 
.com04_flow01 .item01				{position:relative;  display:flex;align-items:center; justify-content: center; flex-direction: column;   }
.com04_flow01 .item01 ul					{position:relative;width:100%; display: grid; grid-template-columns:repeat(3, 1fr); gap:10px;  }
.com04_flow01 .item01 ul li				{position:relative;   }
.com04_flow01 .item01 ul li p			{position:relative;    background:var(--color6);color:#fff; padding:10px 0;border-radius:50px;  }
.com04_flow01 .item01 ul li span			{position:relative; display:block;  font-size:0.9em; color:#888; padding-top:10px; line-height:1.3;}
.com04_flow01 .img						{position:relative;display:inline-block;width:170px;height:170px;  text-align:center;border-radius:50%; background:#fff; margin-bottom:60px;   display:flex;align-items:center; justify-content: center; flex-direction: column; }
.com04_flow01 .tit							{font-size:1.05em;font-weight:600;  color:var(--color1); }
.com04_flow01 .img:before		    {position:absolute; content:''; display:block; left:50%; bottom:-30px; width:1px; height:60px;background:#ddd;  z-index:-1;}

.com04_flow01 .item01 ul li:before		{position:absolute; content:''; display:block; left:50%; top:-30px; width:calc(100% + 0.8em); height:1px;background:#ddd;  z-index:-1;}
.com04_flow01 .item01 ul li:last-child::before        {left:initial ;right:50%; }
.com04_flow01 .item01 ul li:after		{position:absolute; content:''; display:block; left:50%; top:-30px; width:1px; height:30px;background:#ddd;  z-index:-1;}

.com04_flow01 .inner02				    {padding:40px 0 0 0;}
.com04_flow01 .inner02 li				{position:relative; width:50%;   }
.com04_flow01 .inner02 li div				{position:relative; width:40%; background:var(--color1); padding:7px 0;border-radius:30px;color:#fff;  }

 
@media screen and (max-width:1024px) {     
.com04_flow01						        	    {   padding:2em 1.4em; }
.com04_flow01 .img						    { width:140px;height:140px;     }
.com04_flow01 .img img				    {width:45%;} 
} 
@media screen and (max-width:768px) {
.com04_flow01						        	    {    grid-template-columns:repeat(1, 1fr); gap:40px; }  
}

/* 기업애로   == ========= */





/* 산업체재직자   == ========= */

.com05_flow01							{position:relative;width:100%; display: grid; grid-template-columns:repeat(3, 1fr); gap:1em; padding:30px 0 0 0; }
.com05_flow01 li						{position:relative; color:var(--color1);  padding:20px 10px; font-weight:600; border-radius:10px; text-align:center;}
.com05_flow01 li::before        {position:absolute; content:''; left:0;top:0; width:100%;height:100%; border:2px solid var(--color6); border-radius:10px; opacity:0.3;  }

@media screen and (max-width:768px) {
.com05_flow01						        	    {  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:10px;}  
}

/* 산업체재직자   == ========= */






/* 기술이전   == ========= */

.com06_flow01							        {position:relative;   } 
.com06_flow01 .item02			        {position:relative;display: flex; flex-direction: column; gap:2em;   }
.com06_flow01 .item02 li		        {position:relative; display:flex;  flex-flow:wrap;  justify-content: space-between;  gap:2em; }
.com06_flow01 .item02 .img		        {position:relative; width:150px;height:150px;display: flex; flex-direction: column; justify-content:center; align-items:center;   text-align:center;border-radius:50%;background:#f5f5f5;   }
 
.com06_flow01 .item02 li .cont		{flex:2;  } 
.com06_flow01 .item02 li .tit		{ padding:10px 0; color:var(--color1);font-size:1.1em; font-weight:700;   line-height:1.2;}
.com06_flow01 .item02 li ul		    {position:relative;    text-align:left;   }
.com06_flow01 .item02 li ul li		{position:relative;  text-align:left; font-size:0.95em; padding-left:13px; }
.com06_flow01 .item02 li ul li + li             {margin-top:5px; }
.com06_flow01 .item02 li ul li:after			{position:absolute; content:'';  left:3px; top:9px; width:3px; height:3px; background:#666; border-radius:50%;}
 
 
@media screen and (max-width:1024px) {
.com06_flow01 .item02			        { gap:1.4em;   }
.com06_flow01 .item02 li		        {gap:1.2em;   }
.com06_flow01 .item02 .img		        { width:120px;height:120px; }
.com06_flow01 .item02 li .tit		        {  font-size:1.05em; }
}
@media screen and (max-width:768px) {
.com06_flow01 .item02 .img		        { width:100px;height:100px; }
.com06_flow01 .item02 .img img		        { width:70%; }
}
@media screen and (max-width:580px) {
.com06_flow01 .item02 .img		        { width:90px;height:90px; }
}

/* 기술이전   == ========= */
 




/* 산학공동기술개발   == ========= */

 .com07_flow01								{position:relative;  margin-bottom:50px; background:#f6f6f6; padding:2em; border-radius:0.5em;z-index:-2; }
 .com07_flow01 .box01					{position:relative;margin:auto;width:460px;}
 .com07_flow01 .box02					{position:relative;margin-top:-110px;width:460px;height:460px; border-bottom:2px dashed #ccc;border-radius:50%;display:flex;align-items:center; justify-content: center; flex-direction: column;}  
 .com07_flow01 .item01					{position:relative;  width:200px;height:200px; color:#fff; font-weight:700; background:var(--color1);  border-radius:50%;  text-align:center; display:flex;align-items:center; justify-content: center; flex-direction: column;}  
 .com07_flow01 .item01::before   {position:absolute;content:'';   left:-6%; top:-6%; width:112%;  height:112%; background:var(--color1); opacity:0.1; border-radius:50%; z-index:-1;  }
 .com07_flow01 .item01 .img			{ }

 .com07_flow01 .item02,  .com07_flow01 .item03,  .com07_flow01 .item04,  
 .com07_flow01 .item05					{position:absolute;font-weight:600;font-size:0.95em;line-height:1.3; width:130px;height:130px;color:#fff; background:var(--color6); border-radius:50%; display:flex;align-items:center; justify-content: center; flex-direction: column;}

 .com07_flow01 .item02					{top:220px;left:-60px; }
 .com07_flow01 .item03					{top:370px;left:60px; }
 .com07_flow01 .item04					{top:370px;right:60px; }
 .com07_flow01 .item05					{top:220px;right:-60px; }
 .com07_flow01 .item06					{position:absolute;top:265px;right:-210px; font-size:0.95em; padding:8px 20px;color:#fff; background:#f3943e; border-radius:30px; }
 
 .com07_flow01 .item05:before		{content:''; position:absolute; top:50%; right:-50px; width:50px;height:1px; background:#d5d5d5; z-index:-1;  }	
.com07_flow01 .item04:after,     .com07_flow01 .item03:after	{content:''; position:absolute; bottom:-25px; left:0; width:100%; height:20px;  background:url('../img/sub/arrow02.png') no-repeat center 0; background-size:auto 100%;transform: rotate(180deg); -webkit-transform: rotate(180deg); }  
 
 .com07_flow01 .box03					{position:relative;margin:70px 0 0 0;  display:flex; justify-content: space-evenly;  }  
 .com07_flow01 .item07,  .com07_flow01 .item08				{position:relative; width:190px; font-size:0.95em; padding:10px 15px;color:#666; background:#fff; border:2px solid var(--color6); border-radius:0.5em; }
  .com07_flow01 .item07 p,  .com07_flow01 .item08 p {position:relative;font-size:0.9em;padding:0 0 0 13px; }
  .com07_flow01 .item07 p:after,  .com07_flow01 .item08 p:after			{position:absolute; content:''; display:block; left:3px; top:10px; width:3px; height:3px; background:var(--color6); border-radius:50%;} 


@media screen and (max-width:1300px) {
 .com07_flow01								{padding-right:150px; }
 .com07_flow01 .item01					{ width:190px;height:190px; }
 .com07_flow01 .box01					{ width:420px;}
 .com07_flow01 .box02					{  width:420px;height:420px; }
 .com07_flow01 .item03					{top:340px;  }
 .com07_flow01 .item04					{top:340px; }
 .com07_flow01 .box03					{ margin:80px 0 0 0; }  
 .com07_flow01 .item06					{  right:-200px; }
}

@media screen and (max-width:800px) {
 .com07_flow01								{  padding:1.6em;}
 .com07_flow01 .box01					{ margin:auto;width:90%;}
 .com07_flow01 .box02					{ margin-top:-60px;width:100%;height:340px; }  
 .com07_flow01 .item01					{  width:170px;height:170px;    }  
 .com07_flow01 .item02,  .com07_flow01 .item03,  .com07_flow01 .item04,  
 .com07_flow01 .item05					{ font-size:0.9em;  width:100px;height:100px; }
 .com07_flow01 .item02					{top:220px;left:0; }
 .com07_flow01 .item03					{top:280px;left:25%; }
 .com07_flow01 .item04					{top:280px;right:25%; }
 .com07_flow01 .item05					{top:220px;right:0; }
 .com07_flow01 .item06					{ top:350px;right:0; font-size:0.9em; padding:8px 15px;  }
.com07_flow01 .item05:after			{ bottom:-8px; right:41px; width:8px;height:8px;   }  
 .com07_flow01 .item05:before		{  top:100%; right:46px; width:1px;height:50px;    }	
 
 .com07_flow01 .item07,  .com07_flow01 .item08				{ width:180px; font-size:0.95em; padding:8px 10px;  } 
 .com07_flow01 .box03					{ margin:70px 0 0 0; }  
}


@media screen and (max-width:580px) { 
 .com07_flow01								{  padding:1.2em;}
 .com07_flow01 .box01					{ width:100%;}
 .com07_flow01 .box02					{ margin-top:-70px;width:100%;height:340px;   }  
 .com07_flow01 .item01					{  width:150px;height:150px;  }  
  .com07_flow01 .item01 img        {width:50px; }
 .com07_flow01 .item02,  .com07_flow01 .item03,  .com07_flow01 .item04,  
 .com07_flow01 .item05					{ font-size:0.9em;  width:80px;height:80px; }
 .com07_flow01 .item02					{top:220px;left:0; }
 .com07_flow01 .item03					{top:280px;left:23%; }
 .com07_flow01 .item04					{top:280px;right:23%; }
 .com07_flow01 .item05					{top:220px;right:0; }
 .com07_flow01 .item06					{ top:320px;right:0; font-size:0.85em; padding:5px 10px; }
.com07_flow01 .item05:after			{ bottom:-8px; right:34px; width:8px;height:8px;   }  
 .com07_flow01 .item05:before		{  top:100%; right:39px; width:1px;height:40px;    }	
 
 .com07_flow01 .box03					{ margin:50px 0 0 0;  }  
 .com07_flow01 .item07,  .com07_flow01 .item08				{ width:150px; font-size:0.95em;  } 
}

/* 산학공동기술개발   == ========= */




/* 공동활용연구장비   == ========= */
.com05_flow02				{position:relative; background:#f6f6f6; padding:2em; border-radius:0.5em;  display: grid; grid-template-columns:repeat(3, 1fr); }
.com05_flow02 li			{padding:0 20px; text-align:center; border-left:1px dashed #ddd; display:flex;flex-wrap: wrap; align-items: center;   flex-direction: column; } 
 .com05_flow02 li:first-child	{border-left:0;}
.com05_flow02 li .img		{width:140px;height:140px; background:#fff;border-radius:50%;margin:0 0 20px 0;display: flex; flex-direction: column; justify-content:center; align-items:center;  } 
.com05_flow02 li .tit			{width:100%; background:#2684dc;padding:5px; color:#fff; font-weight:500;border-radius:30px; margin-bottom:15px;}
.com05_flow02 li .txt			{line-height:1.4;text-align:left; }
.com05_flow02 li .txt p			{position:relative; font-size:0.95em;padding-left:13px;}
.com05_flow02 li .txt p:after			{position:absolute; content:''; display:block; left:3px; top:9px; width:3px; height:3px; background:#666;}
.com05_flow02 li .txt span		{display:block;font-size:0.85em;color:#888;padding:5px 0 0 0;}

 

@media screen and (max-width:1024px) { 
.com05_flow02				    {  padding:1.6em; }
.com05_flow02 li .img		{width:120px;height:120px; }
}
@media screen and (max-width:768px) { 
 .com05_flow02			{position:relative; grid-template-columns:repeat(1, 1fr); row-gap:15px;}
.com05_flow02 li			{padding: 0 0 15px 0;  border-bottom:1px dashed #ddd; border-left:0; flex-direction:row  ; gap:20px;  } 
.com05_flow02 li:last-child{border-bottom:0; padding:0; } 
.com05_flow02 li .cont			{  text-align:left;flex:2;} 
.com05_flow02 li .img		{width:100px;height:100px; margin:0; }  
.com05_flow02 li .img img	{width:70%;}
}
@media screen and (max-width:580px) { 
.com05_flow02				    {  padding:1.4em; }
.com05_flow02 li .img		{width:90px;height:90px; }  
}

/* 공동활용연구장비   == ========= */





/* 기업협업   ================================================================================== */







/* 가족회사   ================================================================================== */

.com01_flow01						{position:relative;  background:#f6f6f6; padding:2em; padding-top:2.8em;border-radius:0.5em;  }
.com01_flow01 .inner			{position:relative;text-align:center;display:flex;flex-wrap: wrap; align-items: center;   flex-direction: column;  }
.com01_flow01_sub01, .com01_flow01_sub02		{position:absolute;color:#fff;padding:10px 0;width:60%;max-width:220px;border-radius:50px; z-index:1;}
.com01_flow01_sub01		{background:var(--color1);top:-20px;}
.com01_flow01_sub02		{background:var(--color3);top:200px;}
.com01_flow01_box			{width:100%;max-width:760px; position:relative;padding:15px;border:2px dotted #ddd;  border-radius:200px; display:flex;  flex-flow:wrap;  justify-content: space-between; }
.com01_flow01_box li			{position:relative;width:190px;height:190px;background:var(--color6);color:#fff;border-radius:50%;  display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.com01_flow01_box li.times	{width:100px ;background:none; }
.com01_flow01_box li .img		{ } 
.com01_flow01_box li .tit		{font-size:1.1em;font-weight:500;}
.com01_flow01_box02			{position:relative;width:100%;max-width:900px;display:flex;  flex-flow:wrap;  justify-content: space-between;  text-align:left; padding:65px 0 0 0;}
.com01_flow01_box02 ul		{position:relative;width:49%;max-width:360px; border:2px solid #ddd;padding:20px; background:#fff; border-radius:0.5em;}
.com01_flow01_box02 ul:after		{position:absolute; content:''; display:block; left:50%; top:-65px; width:1px; height:65px; border-left:2px dotted #ddd; } 
.com01_flow01_box02 ul:before			{position:absolute; content:''; display:block; left:calc(50% - 4px); top:-72px; width:10px; height:10px; background:var(--color6); border-radius:50%; z-index:1;}
.com01_flow01_box02 li			            {position:relative;font-size:0.95em;padding:0 0 5px 12px; line-height:1.3; }
.com01_flow01_box02 li:after			{position:absolute; content:''; display:block; left:0; top:6px; width:3px; height:3px; background:var(--color6); border-radius:50%;}


@media screen and (max-width:1200px) {  
.com01_flow01_box			{ max-width:670px; }
.com01_flow01_box li			{ width:170px;height:170px; }
.com01_flow01_sub02		{ top:180px;} 
}
@media screen and (max-width:1024px) { 
.com01_flow01_box			{ max-width:750px; }
}
@media screen and (max-width:768px) { 
.com01_flow01						{   }
.com01_flow01_sub01, .com01_flow01_sub02		{ padding:10px 0;width:150px; } 
.com01_flow01_sub02		{ top:150px;} 
.com01_flow01_box li			{ width:140px;height:140px;   }  
.com01_flow01_box li .img img		    {width:70%;}
.com01_flow01_box li.times img      {width:70px; }
.com01_flow01_box li .tit		{font-size:1em;font-weight:500;} 
 
}
@media screen and (max-width:580px) { 
.com01_flow01						{padding:1.4em;padding-top:2.2em; font-size:0.95em;  }
.com01_flow01_sub01		{ top:-17px;}
.com01_flow01_sub02		{ top:115px;} 
.com01_flow01_box li			{ width:110px;height:110px;   }  
.com01_flow01_box li.times img      {width:60px; }
.com01_flow01_sub01, .com01_flow01_sub02		{ padding:8px 0;width:130px; } 
.com01_flow01_box			{ padding:10px; }
}
@media screen and (max-width:480px) { 
.com01_flow01						{padding:0;padding-top:1em; background:#fff;  }
.com01_flow01_sub02		{ top:100px;} 
.com01_flow01_box li			{ width:100px;height:100px;   }  
.com01_flow01_box			{ padding:8px; }
.com01_flow01_box02 ul		{ padding:15px; }
.com01_flow01_box li .img img		    {width:60%;}
.com01_flow01_box li.times	{width:60px ;  }
.com01_flow01_box li.times img      {width:55px; }
.com01_flow01_sub01, .com01_flow01_sub02		{ padding:8px 0;width:120px; } 
}



/* 가족회사   ================================================================================== */