@charset "utf-8"; 
 
h4							{position:relative; font-size:1.45em;font-family: 'Paperlogy'; font-weight:600; color:#000;   line-height:1.2; padding:15px 0 30px 0; }
h4 span					{font-size:0.75em;color:var(--color3);font-weight:600;}  
h4::before				{position:absolute; top:0; left:0; content:''; width:30px; height:4px; background:var(--color1);   }  
h4::after				    {position:absolute; top:0; left:10px; content:''; width:30px; height:4px; background:var(--color2);   }  
/*
h4::before				{position:absolute; top:0; left:7px; content:''; width:7px; height:7px; background:var(--color1);  border-radius:10px;  }  
h4::after					{position:absolute; top:0; left:25px; content:''; width:7px; height:7px; background:#b5121b;  border-radius:10px;  } 
*/
h5							{position:relative;font-size:1.2em;line-height:1.3; font-family: 'Paperlogy'; font-weight:600;padding:0 0 20px 22px; color:var(--color1);   }  
h5::before				{position:absolute; content:'';top:5px; left:0;  width:15px; height:15px; border:4px solid var(--color1);  border-radius:50%;  }  

.h4_btn01					{position:absolute; top:-100px;right:0;display:inline-block;text-align:center;  font-size:18px; margin:0 2px; padding:0 20px; line-height:46px;color:#fff;  border-radius:2px; background:var(--color3);  border:1px solid #3c71cb; cursor:pointer; vertical-align:top; transition:all 0.2s ease;}
.h4_btn01:hover		{background:var(--color1); border-color:var(--color1); color:#fff;}
.h4_btn02					{position:absolute; top:0;right:0;display:inline-block;text-align:center;  font-size:18px; margin:0 2px; padding:0 20px; line-height:46px;color:#fff;  border-radius:2px; background:var(--color3);  border:1px solid #3c71cb; cursor:pointer; vertical-align:top; transition:all 0.2s ease;}
.h4_btn02:hover		{background:var(--color1); border-color:var(--color1); color:#fff;} 
 
.h6_total							{position:absolute ;right:0;  font-size:0.9rem; font-weight:600;  }
.h6_total i						{margin-right:7px;}
 
@media screen and (max-width:1024px) {
    h4									{font-size:1.35em;  padding:14px 0 23px 0; } 
    h5									{font-size:1.15em;padding:0 0 15px 20px;   }
    h5::before				        { top:4px;  width:14px; height:14px; border-width:3px;  }  
}

 
.sub_txtline				{font-weight:700; box-shadow: inset 0 -10px 0 #ddecff; padding:0 3px; color:#333;}

.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_txt01					{font-size:1.25em; color:var(--color1); font-weight:600;padding:0 0 10px 0;  }
.sub_txt02					{font-size:1.15em; color:#444;font-weight:600;  }
.sub_txt03					{font-size:1.25em; color:var(--color1);font-weight:600;   }

.sub_cont01					{padding-bottom:50px;  }  
.sub_cont01_02				{padding-bottom:40px;padding-top:40px; border-top:1px solid #eee;}  
.sub_line01                    { height:50px; border-top:1px solid #eee; }

.sub_cont02					{padding-bottom:40px; }  
.sub_cont01 img, .sub_cont02 img			{max-width:100%;}

.sub_cont_box01				{background:#f5f5f5;padding:25px 30px;margin-bottom:30px;color:var(--color1); border:1px solid #d2dbe6;}
.sub_cont_box02				{position:relative; text-align:center; border:1px solid #dfdfdf;  padding:50px 30px; }	
.sub_cont_box03				{background:#f5f5f5;padding:35px 30px;margin-bottom:30px;color:var(--color1); border:1px solid #d2dbe6;}

.sub_nolist							{position:relative;}
.sub_nolist li						{position:relative;padding:0 0 20px 0; }
.sub_nolist li .no				{position:absolute;top:-5px;color:#fff;width:60px;height:60px; line-height:57px;font-weight:600;text-align:center; background:var(--color3); border-radius:50px;z-index:1;}
.sub_nolist li .txt				{position:relative;  padding:12px 30px 12px 70px;border:1px solid #ddd;color:var(--color1);  border-radius:80px;box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);}
 

.sub_cont03					{position:relative;border-top:1px solid #222; }
.sub_cont03 .inner		{position:relative;padding:25px 0 25px 10px;border-bottom:1px solid #dfdfdf;display:flex; }
.sub_cont03 .inner .tit				{width:25%;padding:5px 0;font-size:1.25em;font-weight:600;color:#222; }
.sub_cont03 .inner .txt				{flex:2; }
.sub_cont03 .inner .txt	p			{padding:5px 0;}
.sub_cont03 .inner .txt	p strong		{display:inline-block;min-width:100px; line-height:30px; text-align:center;background:#2684dc; color:#fff;text-align:center; font-size:0.9em;border-radius:3px; margin:0 10px 0 0; font-weight:300;}
.sub_cont03 .inner .txt	.no 		{display:inline-block;width:30px; line-height:30px; text-align:center;background:#2684dc; color:#fff;text-align:center; font-size:0.9em;border-radius:100%; margin:0 10px 0 0;}
.sub_cont03 .inner .tit i			{color:#666;font-size:1.2em;margin-right:15px;}


.sub_cont04					            {position:relative;border-top:1px solid #dfdfdf; }
.sub_cont04 .inner		            {position:relative;padding:8px 0;border-bottom:1px solid #dfdfdf;display:flex; }
.sub_cont04 .inner .tit				{width:16%;padding:12px 0 ;text-align:center; font-weight:600;color:var(--color1); background:var(--color5); border-radius:3px;}
.sub_cont04 .inner .txt				{flex:2;padding:12px  20px; }
 

 
.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:20px; }
.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:600;color:#2684dc; }
.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_inner_top						{padding:0 0 45px 0;text-align:center; color:var(--color1);font-size:1.4em;font-weight:300;   line-height:1.5;}
.sub_inner_top span				{display:block;  }

 
@media screen and (max-width:1024px) {     
    .sub_cont_box01				        { padding:20px; }
  
    .sub_cont03 .inner					{ display:block; }
    .sub_cont03 .inner .tit				{width:100%; padding:5px 0 15px 0;  }
    .sub_cont03 .inner .txt				{width:100%; }

 
    .sub_cont06 .inner		            { padding:20px 0; gap:20px; }
    .sub_cont06 .img			            { display: ;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;  }
}

@media screen and (max-width:768px) {   
    .sub_cont01					            {padding-bottom:40px;  }   
    .sub_line01                                { height:40px;  }

    .sub_cont04 .inner					{ display:block; }
    .sub_cont04 .inner .tit				{width:100%; padding:10px 0;  }
    .sub_cont04 .inner .txt				{width:100%; }

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



.sub_list01							{position:relative; list-style:none; padding-left:20px; line-height:1.3;}
.sub_list01 + .sub_list01  { margin-top:8px;}
.sub_list01::after				{position:absolute; content:''; display:block; left:0; top:5px; width:15px; height:15px; background:url('../img/common/sub_icon01.png') no-repeat 0 0; background-size:cover; border-radius:50%;}
.sub_list01 b				        {color:var(--color1);}
 
.sub_list02					        {position:relative; display:block;list-style:none; padding-left:16px; line-height:1.3;}
.sub_list02 + .sub_list02  { margin-top:5px;}
.sub_list02::after			    {position:absolute; content:''; display:block; left:5px; top:9px; width:3px; height:3px; background:var(--color3); border-radius:50%;}
.sub_list02 i				        { width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list02 b				        {color:var(--color3);}
.sub_list04					        {position:relative; display:block;list-style:none; padding:1px 0 1px 15px;}
.sub_list04:after			        {position:absolute; content:''; display:block; left:3px; top:14px; width:5px; height:1px; background:#666;}


.sub_list03					        {position:relative; display:flex; gap:15px; }
.sub_list03 + .sub_list03      {padding-top:10px;}
.sub_list03 strong		        {font-size:1.1em;color:var(--color1); }
.sub_list03 b				        { color:var(--color1); } 
.sub_list03 dt				        { width:170px; text-align:center;background:#eee;color:var(--color1);  font-weight:600; padding:6px 0; border-radius:3px;}
.sub_list03 dd			        { flex:2; padding:6px 0;  }
 
@media screen and (max-width:1024px) { 
    .sub_list03					    { font-size:0.95em;  }
    .sub_list03 dt				    {width:150px;} 
}
@media screen and (max-width:768px) { 
    .sub_list01							{  padding-left:17px;}
    .sub_list01::after				{  width:13px; height:13px; }
    .sub_list03					        { flex-direction: column; gap:4px; }
    .sub_list03 + .sub_list03      {padding-top:15px;}
}
 




/* SUB_TABLE   ==================================================================================== */ 
.sub_table							        {border-collapse:collapse; width:100%; table-layout:fixed; border-top:2px solid #313131;} 
.sub_table thead th					{padding:15px 8px; font-weight:600; border-bottom:1px solid #b0b0b1; border-right:1px solid #dadada ; color:#333;  text-align:center; background-color:#f9f9fb; }
.sub_table thead th:last-child	{border-right:1px solid #fff;  }
.sub_table tbody th					{color:#333; font-weight:600; line-height:150%; padding:15px 8px; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; background:#fbfbfc; text-align:center; }
.sub_table tbody td					{line-height:150%; padding:15px 8px; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; border-left:1px solid #dadada ; background-color:#ffffff; }
.sub_table tbody td:first-child	{border-left:1px solid #fff; }
.sub_table tbody td:last-child	{border-right:1px solid #fff; }
.sub_table a:link					    {color:#333; }
.sub_table tfoot td 				    {background:#fafbfc; text-align:center; font-weight:600; padding:15px 8px; border:1px solid #dadada ; border-right:0;}
.sub_table tfoot td:first-child	{border-left:1px solid #f7f7f7;}





/* 단장인사말  ================================================================================== */
.greeting_wrap							    {position:relative;}
.greeting_wrap .img                     {position:relative;float:right; margin-left:50px;margin-bottom:60px;  width:440px;}
.greeting_wrap .img figure          {background:#e3eaf1; display: flex; margin-right:30px; overflow:hidden; border-radius:0 3em;}
.greeting_wrap .img figure img  {margin:0; }
.greeting_wrap .img .ceo            {position:absolute; bottom:-40px; right:0; background:var(--color1); padding:25px 35px;  font-weight: 500; line-height:1.3; color:#fff;   }
.greeting_wrap .img .ceo p         { font-size:1.6em; font-weight: 600; }
 
.greeting_cont								{position:relative; padding-left:10px;line-height:1.6;} 
.greeting_cont .txt                        {font-family: 'Paperlogy'; font-weight:600;  font-size:1.5em;line-height:1.4;  color:var(--color1);   margin-bottom:30px; }
.greeting_cont .txt span                {position:relative; display:block; font-family: 'Paperlogy'; font-weight:600;  font-size:1.4em; padding-top:30px;  }
.greeting_cont .txt span::before		{position:absolute; content: ''; top:-6px; left:-6px; width:75px;height:75px; background:url('../img/sub/int_img01.png') no-repeat 0 0; background-size:100% auto; z-index:-1; }
.greeting_cont p							{ font-size:1.05em;padding:0 0 20px 0;}
.greeting_ceo									{display:none; font-size:1.1em;    text-align: right;  font-weight: 500;  line-height: 2;color:#555;}
.greeting_ceo	 p								{font-size:1.3em;     line-height: 2; font-weight: 600; line-height: 1.6;color:#000;  }

 
@media screen and (max-width:1200px) {  
    .greeting_wrap .img                     { width:400px;}
    .greeting_wrap .img .ceo            { font-size:0.95em; padding:20px 30px;   }
    .greeting_cont .txt span                { padding-top:25px;  }
    .greeting_cont .txt span::before		{  top:-10px;} 
}
@media screen and (max-width:1024px) {  
    .greeting_wrap .img                     { width:380px;}
    .greeting_cont .txt                        { font-size:1.4em; }  
    .greeting_cont .txt span                { padding-top:20px;  }
    .greeting_cont .txt span::before		{ width:65px;} 
}
@media screen and (max-width:820px) {  
    .greeting_wrap							    {max-width:700px;margin:auto;  }
    .greeting_wrap .img                     {float:none; max-width:430px; width:100%; margin:auto;  margin-bottom:30px; }
    .greeting_wrap .img figure          { margin-right:0; border-radius:0 2.5em;}
    .greeting_wrap .img .ceo            {display:none; }
    .greeting_cont								{ padding-left:0; } 
    .greeting_cont .txt                        { font-size:1.3em; }
    .greeting_cont .txt span                { padding-top:10px;  }
    .greeting_cont .txt span::before		{ width:55px; top:-15px;} 
    .greeting_ceo									{display:block; }
}
@media screen and (max-width:580px) {  
    .greeting_cont .txt                        { font-size:1.2em; } 
    .greeting_cont .txt span::before		{ width:50px; top:-10px;} 
} 
 

/*  참여학사    ================================================================================== */
.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;line-height:113px; text-align:center;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:600;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; }
.int_depart_box	li:nth-child(7),
.int_depart_box	li:last-child			{border-bottom:0;}

@media screen and (max-width:820px) {
.int_depart_box	li							{position:relative; width:100%;display: flex; flex-flow:wrap; border-bottom:1px solid #eee; } 
}



/*  사업단 소개    ================================================================================== */
.vision_wrap									{position:relative;text-align:center; }
.vision_wrap .item01					{position:relative; padding-bottom:100px;display: flex;  align-items: center; justify-content: center; flex-direction: column; }
.vision_wrap .item01 .tit				{position:relative; font-family: 'Paperlogy'; font-weight:700;  font-size:2.6em; line-height:1.3; padding-bottom:15px; color:var(--color1);   }
.vision_wrap .item01 .txt				{ border:3px solid var(--color6);padding:30px 5%;   border-radius:100px; color:#333;font-size:1.5em; margin:auto; font-family: 'Paperlogy'; font-weight:600;}
.vision_wrap .item01 .txt b			{color:var(--color2);font-weight:700;}
.vision_wrap .item01::after			{position:absolute; bottom:0; left:calc(50% - 100px); content:''; width:200px; height:90px; background:url('../img/sub/int02_arrow.png') no-repeat center 0 ;    background-size:auto 100%; }

.vision_wrap .item02					{position:relative;  display: flex;  align-items: center; justify-content: center; flex-direction: column; }
.vision_wrap .item02 .tit				{position:relative; display:inline-block; color:#fff;background:var(--color1); font-size:1.25em;line-height:1.2; font-weight:600; width:130px;line-height:50px;border-radius:50px;}
.vision_wrap .item02 .txt				{position:relative; top:-25px;width:100%; border:1px solid var(--color6);padding:55px 0 40px 0; background:var(--color5);  border-radius:0.5em;  color:#333;font-size:1.3em;font-weight:600; margin:auto; z-index:-1;}
.vision_wrap .item02 .txt b			{color:var(--color1);font-weight:700;}


.vision_wrap .item03					    {position:relative; text-align:center;padding:20px 0 70px 0;display: flex;  flex-flow:wrap; row-gap:30px;}
.vision_wrap .item03 .cont				{position:relative; width:20%; padding:0 10px; display: flex;  align-items: center; flex-direction: column;}
.vision_wrap .item03 .cont::after	{position:absolute;left:50%;top:-45px;height:45px;   content:''; border-left:1px dashed #ddd; z-index:-2; }
.vision_wrap .item03 .icon              { background:var(--color1);width:130px;height:130px;border-radius:50%;display: flex;  align-items: center; justify-content: center; }
.vision_wrap .item03 .cont:nth-child(even) .icon     {background:var(--color2);}
 
.vision_wrap .item03 .cont div		{padding:15px 0;color:#222;font-weight:600; line-height:1.3;}
.vision_wrap .item03 ul  				    {position:relative;text-align:left; display: flex;  flex-direction: column;}
.vision_wrap .item03 ul li				    {position:relative; padding:0 0 5px 10px;font-size:0.95em;line-height:1.3;}
.vision_wrap .item03 ul li::after		{position:absolute; top:7px; left:0; content:''; width:3px; height:3px; background:#777;  border-radius:5px; }

 
@media screen and (max-width:1024px) {
    .vision_wrap .item01					{ padding-bottom:80px;}
    .vision_wrap .item01 .tit				{  font-size:2.4em;   }
    .vision_wrap .item01 .txt				{  padding:25px 5%;  font-size:1.35em;}
    .vision_wrap .item01 .txt b			{color:var(--color3);font-weight:700;}
    .vision_wrap .item01::after			{  height:70px;  }
  
    .vision_wrap .item02 .tit				    { font-size:1.15em; width:120px;line-height:40px; }
    .vision_wrap .item02 .txt				    {  top:-20px;  padding:45px 20px 30px 20px; font-size:1.2em; } 

    .vision_wrap .item03 .icon              { width:120px;height:120px; } 
}
@media screen and (max-width:768px) {
    .vision_wrap .item01 .tit				    {  font-size:2.1em;   }
    .vision_wrap .item01 .txt				    {  padding:20px 5%;  font-size:1.2em;}

    .vision_wrap .item03 .cont				{ width:calc(100% / 3);} 
    .vision_wrap .item03 .cont:nth-child(4)::after, .vision_wrap .item03 .cont:nth-child(5)::after		{display:none; }
}
@media screen and (max-width:580px) {  
    .vision_wrap .item03					    {font-size:0.95em;}
    .vision_wrap .item03 .icon              { width:90px;height:90px; } 
    .vision_wrap .item03 .icon img      { width:50%; } 
}






/* 조직도   ==================================================================================== */ 
.organization_chart					    {position:relative; overflow:hidden;text-align:center;  }
.organization_chart:after			    {content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:500px; background:#ddd; z-index:-1; } 
.organization_chart .depth1			{position:relative; text-align:center; }  
.organization_chart .depth1 .sub01				{position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#fff; width:200px; padding:10px;  border-radius:5px;background:linear-gradient(135deg, #0d5aa9, var(--color1)); margin:0 0 60px 0;   } 
.organization_chart .depth1 .sub02				{position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#fff; width:200px; padding:10px;  border-radius:5px; background:linear-gradient(135deg, #b5121b, #9a0811); margin:0 0 60px 0;}  
.organization_chart .depth1 .sub03				{position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#fff; width:200px; padding:10px;  border-radius:5px;background:linear-gradient(135deg, #4b6081, #37465e); margin:0 0 30px 0;} 

.organization_chart .depth1 .sub06				{position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#fff; width:200px; padding:10px;  border-radius:5px;background:linear-gradient(135deg, #5a6b86, #5a6b86); margin:0 0 30px 0;}    

.organization_chart .depth1 .sub07				{position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#0d5aa9; width:200px; padding:8px;  border-radius:5px;border:1px solid var(--color3); background:#fff; margin:0 0 30px 0;}  


.organization_chart .depth1 .sub04				{position:absolute;right:calc(50% + 140px);top:55px; font-size:0.95em;background:#9b7c62; color:#fff;   width:180px; padding:10px;  border-radius:5px;  }
.organization_chart .depth1 .sub04:after		{content:''; display:block; position:absolute; right:-140px; top:50%; width:190px; height:1px; background:#ddd; z-index:-1; }  
.organization_chart .depth1 .sub05				{position:absolute;left:calc(50% + 140px);top:55px; font-size:0.95em;  background:#9b7c62; color:#fff;   width:180px; padding:10px;  border-radius:5px; }
.organization_chart .depth1 .sub05:after		{content:''; display:block; position:absolute; left:-140px; top:50%; width:190px; height:1px; background:#ddd; z-index:-1; } 
 


.organization_chart .depth2			            {position:relative;width:68%; margin:0 auto;  padding-top:20px;display:flex;gap:5px;}  
.organization_chart .depth2	 ul		        {position:relative; width:calc(100% / 4); padding:0 0 10px 0;  text-align:left; border:1px solid var(--color3); background:#fff; border-radius:5px ;}
.organization_chart .depth2	 ul::after		{content:'';display:block; position:absolute; left:50%; top:-30px; width:calc(100% + 8px); height:1px; background:#ddd; z-index:-1; }  
.organization_chart .depth2	 ul:last-child::after  {display:none;}
.organization_chart .depth2 ul::before	{content:''; display:block; position:absolute; bottom:-30px; left:50%; width:1px; height:90px; background:#ddd; z-index:-1;} 

.organization_chart .depth2 p		            { position:relative;  display:inline-block;  font-size:0.9em;  text-align:center; font-weight:400;  background:linear-gradient(90deg, var(--color3), var(--color3)); color:#fff;width:100%;line-height:1.1;padding:12px 0;margin:0 0 10px 0; border-radius:3px 3px 0 0 ;} 
.organization_chart .depth2 p::before	{content:''; display:block; position:absolute; top:-30px; left:50%; width:1px; height:90px; background:#ddd; z-index:-1;} 
 .organization_chart .depth2 li				    {position:relative; display:block; font-size:0.85rem;padding:0 0 8px 15px; line-height:130%;}
 .organization_chart .depth2 li::after	    {position:absolute; content:''; display:block; left:8px; top:8px; width:2px; height:2px; background:#888; border-radius:50%;}

.organization_chart .depth3				        {position:relative;width:68%; padding-top:30px; margin:0 auto 180px auto;display:grid; grid-template-columns: repeat(4, 1fr); ;gap:5px;}  
 .organization_chart .depth3 div		        {position:relative;  } 
.organization_chart .depth3 div:nth-child(2) {
		grid-column-start: 2;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
}

 .organization_chart .depth3 div	.txt01	{position:relative;padding:8px 0;color:var(--color3);border:1px solid var(--color3);font-size:0.9em;font-weight:400; background:#fff; border-radius:5px ;} 
 .organization_chart .depth3 div	.txt02	{position:relative;padding:8px 0;font-size:0.9em;font-weight:400; color:var(--color1); border:1px solid #b6becc;background:#d9dfe9; border-radius:5px ;margin:20px 0 0 0;}
   .organization_chart .depth3 div .txt02:after		{position:absolute; content:''; display:block; left:calc(50% - 4px); top:-19px; width:8px; height:18px;background:url('../img/sub/int03_arrow.png') no-repeat center 0;}
 
 

.organization_chart .depth4					        {position:absolute;width:100%; top:440px;display: flex; flex-flow:wrap;justify-content: space-between; }
.organization_chart .depth4 div			        {position:relative;width:13%;}
.organization_chart .depth4 .depth4_1		{position:relative; }
.organization_chart .depth4 .depth4_1::after		{position:absolute; content:''; display:block; right:-30px; top:18%; width:30px; height:10px; background:url('../img/sub/int03_arrow02.png') no-repeat center ;  z-index:-1;}
.organization_chart .depth4 .depth4_2::after		{position:absolute; content:''; display:block; left:-30px; top:18%; width:30px; height:10px; background:url('../img/sub/int03_arrow02.png') no-repeat center ;  z-index:-1;}
.organization_chart .depth4 .depth4_1 .tit		    {position:relative;background:#5a6b86;color:#fff;padding:10px 0; border-radius:5px 5px 0 0;}
.organization_chart .depth4 .depth4_1 ul			    {border:1px solid #99a1ad;padding:10px 0; border-radius:0 0 5px 5px;}
.organization_chart .depth4 .depth4_1 ul	li		    {position:relative;text-align:center;font-size:0.85rem; font-weight:300;border-bottom:1px dashed #ddd; color:#5a6b86;  line-height:40px;      } 
.organization_chart .depth4 .depth4_1 ul	li:last-child	{border:0;}
.organization_chart .depth4 .depth4_2 .tit		    {position:relative;background:#5a6b86;color:#fff;padding:10px 0; border-radius:5px ;margin:0 0 30px 0;}
.organization_chart .depth4 .depth4_2 .tit::after	{position:absolute; content:''; display:block; left:50%; bottom:-55px; width:1px; height:55px; background:#ddd;  z-index:-1;}
.organization_chart .depth4 .depth4_2 ul				{position:relative;  margin:20px 0 0 0;text-align:left; border:1px solid var(--color3); background:#fff; border-radius:5px ;}
.organization_chart .depth4 .depth4_2 ul::after	{position:absolute; content:''; display:block; left:50%; top:-25px; width:1px; height:25px; background:#ddd;  z-index:-1;}
  
.organization_chart .depth4 .depth4_2 ul p		    { position:relative;  display:inline-block;  font-size:0.9em;  text-align:center; font-weight:400;  background:var(--color3); color:#fff; width:100%;line-height:1.1; padding:12px 0;margin:0 0 10px 0; border-radius:3px 3px 0 0 ;} 
.organization_chart .depth4 .depth4_2 ul li			{position:relative; display:block; font-size:0.85rem;padding:0 0 8px 15px; line-height:130%;}
.organization_chart .depth4 .depth4_2 ul li::after{position:absolute; content:''; display:block; left:8px; top:8px; width:2px; height:2px; background:#888; border-radius:50%;}
  
.organization_chart .depth4 .depth4_2 .box02		{ position:relative; font-size:0.9em;  text-align:center; font-weight:400;  background:var(--color3); color:#fff;width:100%;line-height:1.1; padding:12px 0;margin:20px 0 0 0;  border:1px solid var(--color3); border-radius:5px ;} 
.organization_chart .depth4 .depth4_2 .box02::after	{position:absolute; content:''; display:block; left:50%; top:-25px; width:1px; height:25px; background:#ddd;  z-index:-1;}


@media screen and (max-width:1200px) {
    .organization_chart .depth2				    { width:100%;  }  
    .organization_chart .depth3				    { width:100%; }  
    .organization_chart .depth3				    { margin:0 auto 50px auto; }  
    .organization_chart .depth4					{position:relative;width:100%; top:0;  }
    .organization_chart .depth4 div			{ width:47%;} 
    .organization_chart .depth4 .depth4_2 .tit		{ margin:0 0 20px 0;}
  
    .organization_chart .depth4 .depth4_1:after		{position:absolute; content:''; display:block; right:calc(50% - 6px); top:-35px; width:12px; height:25px; background:url('../img/sub/int03_arrow03.png') no-repeat center ;  z-index:-1;}
    .organization_chart .depth4 .depth4_2:after		{position:absolute; content:''; display:block; left:calc(50% - 6px); top:-35px; width:12px; height:25px; background:url('../img/sub/int03_arrow03.png') no-repeat center ;  z-index:-1;}
}

@media screen and (max-width:1024px) {
    .organization_chart:after					{ height:491px;  } 
}
@media screen and (max-width:660px) {
    .organization_chart .depth1 .sub04				{position:absolute;right:calc(50% + 40px);top:55px; font-size:0.9em;background:#9b7c62; color:#fff;   width:150px; padding:8px;  border-radius:5px;  }
    .organization_chart .depth1 .sub04:after		{  right:-40px; width:40px;  }  
    .organization_chart .depth1 .sub05				{position:absolute;left:calc(50% + 40px);top:55px; font-size:0.8em;  background:#9b7c62; color:#fff;   width:150px; padding:8px;  border-radius:5px; }
    .organization_chart .depth1 .sub05:after		{ left:-40px;  width:40px;  } 
  
    .organization_chart .depth1 .sub01, .organization_chart .depth1 .sub02, .organization_chart .depth1 .sub03, .organization_chart .depth1 .sub06				{ width:180px; padding:10px;   }   
}
 


/*  오시는길 교통안내================================================================================== */
.int_traffic_box									{position:relative; margin:0 0 50px 0;  }
.int_traffic_box ul								{position:relative;display: flex; flex-flow:wrap;justify-content: space-between;row-gap:30px; }
.int_traffic_box ul li							{position:relative; width:49%;border:1px solid #ddd;background:#f5f5f5; } 
.int_traffic_box ul li .tit						{font-size:1.15em;font-weight:600;padding: 15px  ;color:#222;background:#fff;}
.int_traffic_box ul li .tit .no				{display:inline-block;  border:4px solid ; font-size:1.2em;font-weight:600;width:40px;height:40px; line-height:30px; text-align:center ; border-radius:50px; margin:0 10px 0 0  ;}
.int_traffic_box ul li .txt					{color:#444;padding:20px;}
.int_traffic_box ul li .txt p					{position:relative;padding:0 0 0 15px;line-height:2;}
.int_traffic_box ul li .txt p:after		{position:absolute; top:15px; left:3px; content:''; width:3px; height:3px; background:#777;  border-radius:5px; }
.int_traffic_box ul li .c1						{ border-color: #0d3690;color:#0d3690;}
.int_traffic_box ul li .c2						{ border-color: #50a232;color:#50a232;}
.int_traffic_box ul li .c3						{ border-color: #ff9c00;color:#ff9c00;}
.int_traffic_box ul li .c4						{ border-color: #29aede;color:#29aede;}
.int_traffic_box ul li .c5						{ border-color: #9c52bc;color:#9c52bc;}
.int_traffic_box ul li .c6 					{ border-color: #c55b1d;color:#c55b1d;}
.int_traffic_box ul li .c7						{ border-color: #677617;color:#677617;}
.int_traffic_box ul li .c8						{ border-color: #f04c81;color:#f04c81;}
.int_traffic_box ul li .cwoo				{ border-color: #b0ce18;color:#b0ce18;}
.int_traffic_box ul li .cjisun				{  background:#50a232;color:#fff; display:inline-block;   font-size:1em;font-weight:400;width:44px;height:44px; line-height:44px;letter-spacing:-2px; text-align:center ; border-radius:50px; margin:0 10px 0 0  ;}
.int_traffic_box ul li .cgansun			{  background:#395cb3;color:#fff; display:inline-block;  font-size:1em;font-weight:400;width:44px;height:44px; line-height:44px; letter-spacing:-2px;text-align:center ; border-radius:50px; margin:0 10px 0 0  ;}
.int_traffic_box ul li .fjisun				{color:#50a232;font-weight:400;}
.int_traffic_box ul li .fgansun			{color:#395cb3;font-weight:400;}


@media screen and (max-width:768px) { 
    .int_traffic_box ul li							{ width:100%;  }  
}


/* MAP  ================================================================================== */
.map_box								{padding:0 0 50px 0;}
.map_box #map_canvas		{position:relative; width:100%; height:560px; border:1px solid #dfdfdf;}
.map_box ul							{padding:30px 10px;   overflow:hidden; display: grid; grid-template-columns:repeat(2, 1fr); gap:30px 20px;   }
.map_box ul li						{overflow:hidden; }
.map_box ul li:first-child		{ grid-column: 1 / 3; grid-row: 1 / 2;}
.map_box i							    {float:left; width:45px; line-height:45px; background:var(--color1); color:#fff; text-align:center; border-radius:100%; font-size:1.1em;  }
.map_box dl							{padding-left:62px;}
.map_box dl dt						{font-family: 'Paperlogy'; font-weight:600; font-size:1.05em; color:#111; }
.map_box dl dd						{color:#797979;}


@media screen and (max-width:768px) { 
    .map_box #map_canvas	{height:420px;}
    .map_box ul						{padding:20px 0;gap:  20px;   }
    .map_box i						    {width:40px; line-height:40px;font-size:1em;  }
    .map_box dl						{padding-left:55px;}
    .map_box dl dt					{font-size:1em;} 
} 
@media screen and (max-width:580px) { 
	.map_box #map_canvas			{height:300px;}	  
}
 










.int_subway_road					            {position:relative;margin:25px 0 0 0;padding:20px 0  ; border:1px solid #eee; background:#f5f5f5; border-radius:5px;display: flex; flex-flow:wrap;  z-index:-2; }
.int_subway_road li				            {position:relative; width:25%;font-weight:600;font-size:0.95em; display:flex;flex-wrap: wrap; align-items: center ; justify-content:; flex-direction: column; }
.int_subway_road .subway01 .icon	{  border-color: #03affb;color:#03affb; border:4px solid ; font-size:1em;font-weight:600;padding:0 ;width:50px ;height:50px; line-height:40px; text-align:center ; border-radius:50px; background:#fff;margin:0 0 5px 0;  }
.int_subway_road .subway06 .icon        	{  border-color: #c55b1d;color:#c55b1d; border:4px solid ; font-size:1.2em;font-weight:600;padding:0  ;width:50px ;height:50px; line-height:40px; text-align:center ; border-radius:50px; background:#fff;margin:0 0 5px 0; }
.int_subway_road .subway07 .icon	        {  border-color: #677617;color:#677617; border:4px solid ; font-size:1.2em;font-weight:600;padding:0  ;width:50px ;height:50px; line-height:40px; text-align:center ; border-radius:50px;background:#fff; margin:0 0 5px 0; }
.int_subway_road .subway08 .icon	        {  border-color: #677617;color:#677617; border:4px solid ; font-size:1.2em;font-weight:600;padding:0  ;width:50px ;height:50px; line-height:40px; text-align:center ; border-radius:50px;background:#fff; margin:0 0 5px 0; }
.int_subway_road li.subway01 span		{background:#03affb;color:#fff; padding:0 13px 2px 13px;border-radius:30px;font-size:0.9em;margin:5px 0 0 0; }
.int_subway_road li.subway06 span		{background:#c55b1d;color:#fff; padding:0 13px 2px 13px;border-radius:30px;font-size:0.9em;margin:5px 0 0 0; }
.int_subway_road li.subway07 span,
.int_subway_road li.subway08 span		{background:#677617;color:#fff; padding:0 13px 2px 13px;border-radius:30px;font-size:0.9em;margin:5px 0 0 0; } 

.int_subway_road .subway01  .icon::after		{position:absolute; top:22px;left:50%; content:'';height:6px;background:#03affb; width:100%; z-index:-1;}
.int_subway_road .subway06  .icon::after		{position:absolute; top:22px;left:50%; content:'';height:6px;background:#c55b1d; width:100%; z-index:-1;}  
.int_subway_road .subway07  .icon::after		{position:absolute; top:22px;left:50%; content:'';height:6px;background:#677617; width:100%; z-index:-1;}   


.int_map_img							{border:1px solid #ddd; text-align:center;margin:0 0 40px 0;}
.int_map_img img					{max-width:100%;}




 
/* 산학교육지원   ================================================================================== */ 
.linc01_flow01								{position:relative; text-align:center;  margin:0 0 50px 0; }
.linc01_flow01 .item01				{position:relative;display: flex; flex-flow:wrap;align-items: center ;flex-direction: column;}
.linc01_flow01 .item01 .tit			{position:relative;font-size:1.45em;font-weight:600;  color:#fff;background:var(--color1);padding:20px 50px; border-radius:50px;}
.linc01_flow01 .item01 .txt			{position:relative; font-size:1.7em;font-weight:700;padding:35px 0 40px 0;  color:var(--color3); }

.linc01_flow01 .item02				    {position:relative; border:3px solid var(--color6);text-align:center;border-radius:1em; }
.linc01_flow01 .item02 .subject		{position:relative;font-size:1.3em;font-weight:700;background:var(--color6);   color:var(--color1); padding:15px 0; border-radius:0.5em 0.5em 0 0; }
.linc01_flow01 .item02 .inner			{position:relative;width:100%; padding: 20px 15px 15px 15px  ; display: flex; flex-flow:wrap;justify-content: space-between;  gap:40px; }
.linc01_flow01 .item02 .box01      {position:relative;flex:2; text-align:center;  }
.linc01_flow01 .item02 .box01 ul	{border:1px solid #ddd; border-radius:10px; display: flex; justify-content: space-between;}
.linc01_flow01 .item02 .box02     {position:relative;width:20%;border:1px solid #ddd; text-align:center; border-radius:10px;}
.linc01_flow01 .item02 .box02::after		{content:''; position:absolute; top:40%; left:-32px; border:solid #aaa; border-width:4px 4px 0 0;  padding:6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:2;}
.linc01_flow01 .item02 .box02 .tit		{color:#fff;background:var(--color2);line-height:1.2; padding:15px 10px;  border-radius:10px 10px 0 0;}
.linc01_flow01 .item02 .box02 p		{color:var(--color1);padding:10px 0; border-top:1px dashed #ddd;}
.linc01_flow01 .item02 .box02 p:first-child {border-top:0;} 
 
.linc01_flow01 .item02 .box01 li			    {position:relative;width:25%;  border-radius:10px; }
.linc01_flow01 .item02 .box01 li::after		{content:''; position:absolute;top:0; right:0;width:1px ; height:100%; border-right:1px dashed #ddd; z-index:-1;}
.linc01_flow01 .item02 .box01 li:last-child::after {display:none;}
.linc01_flow01 .item02 .box01 .tit01	    {position:relative;color:#fff;background:var(--color7); line-height:1.2; padding:15px 10px; border-radius:10px 0 0 0; }
.linc01_flow01 .item02 .box01 .tit02	    {position:relative;color:#fff;background:var(--color3); line-height:1.2; padding:15px 10px; }
.linc01_flow01 .item02 .box01 .tit03	    {position:relative;color:#fff;background:#395dbf; line-height:1.2; padding:15px 10px;  }
.linc01_flow01 .item02 .box01 .tit04	    {position:relative;color:#fff;background:var(--color1); line-height:1.2; padding:15px 10px; border-radius:0 10px  0 0  ; }
.linc01_flow01 .item02 .box01 .tit01::after, 
.linc01_flow01 .item02 .box01 .tit02::after,
.linc01_flow01 .item02 .box01 .tit03::after  {content:''; position:absolute; top:0;right:-13px;width:0px;height:0px;border-top:35px solid transparent;border-bottom:35px solid  transparent;z-index:2;}
.linc01_flow01 .item02 .box01 .tit01::after		{border-left:13px solid var(--color7); }
.linc01_flow01 .item02 .box01 .tit02::after		{border-left:13px solid var(--color3); }
.linc01_flow01 .item02 .box01 .tit03::after		{border-left:13px solid #395dbf; } 
.linc01_flow01 .item02 .box01 .cont					{position:relative;   } 
.linc01_flow01 .item02 .box01 .cont p			    {position:relative; color:var(--color1);padding:10px 0; border-bottom:1px dashed #ddd;}
.linc01_flow01 .item02 .box01 .cont p:last-child			{ border-bottom:0 dashed #ddd;}
 .linc01_flow01 .ch2			{height:93px;}
 .linc01_flow01 .ch3			{height:60px;}

.linc01_flow01 .item02 .box01 .cont02					{position:relative; border:1px solid #ddd; border-radius:10px;background:#f5f5f5;padding:10px 0 10px 20px ; margin:10px 0 0 0; display: flex; flex-flow:wrap; }
.linc01_flow01 .item02 .box01 .cont02 div		        {  position:relative; color:var(--color1);font-weight:600;  }
.linc01_flow01 .item02 .box01 .cont02 p			        { position:relative; text-align:center;width:17%;  }  
.linc01_flow01 .item02 .box01 .cont02 p.arrow::after				{content:''; position:absolute;top:4px; right:-9px;width:17px ; height:17px;  background:url('../img/sub/linc01_arrow01.png') no-repeat center 0 ;z-index:110; }

@media screen and (max-width:820px) { 
    .linc01_flow01 .item01 .tit			        {font-size:1.5em; padding:15px 40px;}
    .linc01_flow01 .item01 .txt			        { font-size:1.6em; padding:25px 0 30px 0; } 
    .linc01_flow01 .item02 .subject			{ font-size:1.3em;  }
    .linc01_flow01 .item02 .inner			    {  padding:10px  ;  flex-direction: column;   } 
    .linc01_flow01 .item02 .box02          { width:100%; }
    .linc01_flow01 .item02 .box02::after		{top:-35px; left:calc(50% - 10px);  transform: rotate(135deg); -webkit-transform: rotate(135deg); z-index:2;}
    .linc01_flow01 .item02 .box02 .tit br	    {display:none;}
    .linc01_flow01 .item02 .box01 .tit01, .linc01_flow01 .item02 .box01 .tit02, .linc01_flow01 .item02 .box01 .tit03, .linc01_flow01 .item02 .box01 .tit04  	{min-height:65px;font-size:0.9em;}
    .linc01_flow01 .item02 .box01 br	            {display:none;}
    .linc01_flow01 .item02 .box01 .tit01::after, 
    .linc01_flow01 .item02 .box01 .tit02::after,
    .linc01_flow01 .item02 .box01 .tit03::after     {  border-top:32px solid transparent;border-bottom:32px solid  transparent; }
    .linc01_flow01 .item02 .box01 .cont02 p			{ position:relative; text-align:center;width:15%;  }  
}

 

.linc01_flow02						{position:relative;text-align:center; padding:20px 0 80px 0; }
 .linc01_flow02 img				{width:100%;}
 
.linc01_flow03								{position:relative;text-align:center; display: flex; flex-flow:wrap;justify-content: space-between; row-gap:30px; }
.linc01_flow03	li							{position:relative;width:25%; border-right:1px dashed #ddd;display: flex; flex-flow:wrap;align-items: center ;flex-direction: column; } 
.linc01_flow03	li:last-child			{border:0;}
.linc01_flow03	li .img					{background:#f5f5f5;width:120px; height:120px;line-height:113px; text-align:center;border-radius:100px; display: flex; flex-direction: column; justify-content:center; align-items:center; }
.linc01_flow03	li .tit						{font-size:1.05em;font-weight:600;color:var(--color1);padding:20px 0 0 0;} 

@media screen and (max-width:600px) {
.linc01_flow03	li							{position:relative;width:50%; }
.linc01_flow03	li:nth-child(2)			{border:0;}
}



.linc02_flow01						{position:relative; text-align:center;margin: 20px 0 0 0;   display:flex;flex-wrap: wrap;justify-content: space-between; row-gap:20px;   }
.linc02_flow01 li					{position:relative;  width:32%; padding:20px; border:1px solid #ddd; border-radius:10px; display:flex;flex-flow:wrap;align-items:center;  flex-direction: column;} 
.linc02_flow01 .tit					{font-weight:600;color:#fff;width:100%;line-height:1.4;padding:10px; background:var(--color2); border-radius:30px; }  
 
.linc02_flow01 .txt					    { font-size:0.95em; text-align:left;padding:10px 0;  } 
.linc02_flow01 .txt p				    {position:relative;    padding:0 0 5px 18px;line-height:1.5; }
.linc02_flow01 .txt p::after	        {position:absolute; content:''; display:block; left:5px; top:9px; width:3px; height:3px; background:#999; border-radius:50%;}
.linc02_flow01 .txt span				{display:block;font-size:0.95em;color:var(--color1); line-height:1.3;padding:10px 0 0 0;}


 
.linc02_flow02							    {position:relative; text-align:center;margin: 30px 0 0 0;   display:flex;flex-wrap: wrap;justify-content: space-between; row-gap:20px;   }
.linc02_flow02 li						    {position:relative;  width:25%; padding:0 20px; border-right:1px solid #ddd; display:flex;flex-flow:wrap;align-items:center;  flex-direction: column;} 
.linc02_flow02 li:last-child			{border-right:0;} 
.linc02_flow02 li::after				    {position:absolute; content:'';  top:calc(30% - 15px);right:-15px;width:30px; height:30px;background:#ccc;border-radius:50%;   } 
.linc02_flow02 li::before				{content:''; position:absolute; top:calc(30% - 5px); right:-3px; border:solid #fff; border-width:2px 2px 0 0;  padding:4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:2;}
.linc02_flow02 li:last-child::after,
.linc02_flow02 li:last-child::before {display:none;}
.linc02_flow02 .no						{display:inline-block;font-size:0.8em;color:#fff;background:var(--color1);padding:6px 15px; border-radius:50px;line-height:1.4;}
.linc02_flow02 .icon						{padding:30px 0 20px 0;}
.linc02_flow02 .tit							{font-weight:600;color:var(--color1);width:100%;line-height:1.3;padding:0 0 10px 0;border-bottom:1px dashed #ddd;}  

.linc02_flow02 .txt					    { font-size:0.95em; text-align:left;padding:10px 0;  } 
.linc02_flow02 .txt p				    {position:relative;    padding:0 0 5px 12px;line-height:1.4; }
.linc02_flow02 .txt p::after	        {position:absolute; content:''; display:block; left:0; top:8px; width:3px; height:3px; background:#999; border-radius:50%;}
.linc02_flow02 .txt span			    {display:block;font-size:0.95em;color:var(--color1); line-height:1.3;padding:10px 0 0 0;}
 
@media screen and (max-width:820px) { 
    .linc02_flow02 li						{ width:49%;padding:20px; border:1px solid #ddd; border-radius:10px; } 
    .linc02_flow02 li:last-child		{border-right:1px solid #ddd;} 

    .linc02_flow02 li::after,
    .linc02_flow02 li::before {display:none;}
}


.linc03_wrap											{position:relative; text-align:center; border:1px solid #ddd; background:#f7f7f7; padding:50px;border-radius:5px; }
.linc03_wrap .item01							{position:relative;margin:0 0 40px 0; }
.linc03_wrap .item01 p						{display:inline-block;font-size:1.5em;color:#fff;background:var(--color3);font-weight:600; padding:15px 50px;border:3px solid var(--color3); border-radius:50px;}
.linc03_wrap .item01::after					{content:''; position:absolute; bottom:-40px; left:calc(50% - 20px); border:solid #aaa; border-width:5px 5px 0 0;  padding:10px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.linc03_wrap .item02							{position:relative;display:inline-block;font-size:1.5em;color:var(--color1);line-height:1.4;font-weight:600; padding:20px 0 30px 0;  }
.linc03_wrap .item02 span					{color:var(--color3);font-weight:600; }
.linc03_wrap .item03							{position:relative; display: flex; flex-flow:wrap;justify-content: space-between;row-gap:10px ;  }
.linc03_wrap .item03 li						{width:32%;border:1px solid #ddd;padding:20px;background:#fff; border-radius:10px;}
.linc03_wrap .item03 li .tit					{color:#fff;background:var(--color1);font-weight:600; padding:6px 20px;border-radius:50px;}
.linc03_wrap .item03 li .cont				{position:relative;padding:15px 0 0 0;text-align:left;}
.linc03_wrap .item03 li .cont p			{position:relative; padding:4px 15px;}
.linc03_wrap .item03 li .cont p::after		{position:absolute; top:14px; left:3px; content:''; width:3px; height:3px; background:#777;  border-radius:5px; }

@media screen and (max-width:1024px) {
    .linc03_wrap											{  padding:35px;  }
    .linc03_wrap .item01							{font-size:1.4em;}
    .linc03_wrap .item02							{font-size:1.4em;}
} 
@media screen and (max-width:820px) {
    .linc03_wrap											{  padding:25px;  }
    .linc03_wrap .item01							{font-size:1.3em;}
    .linc03_wrap .item02							{font-size:1.3em;}
    .linc03_wrap .item03 li						{width:100%; }
}


.linc04_wrap01										{position:relative; text-align:center; margin:0 0 50px 0;border: 1px solid #ddd; padding: 40px 0;  background: #f9f9f9; border-radius: 1em; display: flex; flex-flow:wrap;align-items:center;justify-content:center;   flex-direction: column; gap:60px; z-index:-1;}
.linc04_wrap01 .item01						{position:relative;width:230px;height:230px; text-align:center; background:url('../img/sub/linc04_icon04.png') no-repeat center 35px  var(--color1);color:#fff;   border-radius:50%; }
 
.linc04_wrap01 .item01 .tit					{padding:105px 0 10px 0;font-size:1.3em;font-weight:600;color:#79a3e9;}
.linc04_wrap01 .item01 .txt				{line-height:1.3;}
.linc04_wrap01 .item02						{position:relative; width:100%; display: flex; flex-flow:wrap;justify-content: space-around;}
.linc04_wrap01 .item02::after				{content:''; position:absolute; top:-80px;left:50%;width:1px;height:80px;border-left:1px dashed #d5d5d5;z-index:-1;}
.linc04_wrap01 .item02 li					{position:relative; width:27.5%;padding:20px  0;background:var(--color3);color:#fff;  border-radius:50px;opacity:0.75;}
 .linc04_wrap01 .item02 li:nth-child(2)		{position:absolute; margin:auto;left:calc(50% - 14%)}

@media screen and (max-width:820px) {
    .linc04_wrap01 .item01						{position:relative;width:200px;height:200px;background:url('../img/sub/linc04_icon04.png') no-repeat center 25px  var(--color1);background-size:40px ;  }
    .linc04_wrap01 .item01 .tit					{padding:85px 0 10px 0;font-size:1.2em; }
    .linc04_wrap01 .item02						{padding:0 20px;justify-content: space-between;}
    .linc04_wrap01 .item02 li					{position:relative; width:35%;}
    .linc04_wrap01 .item02 li:nth-child(2)		{ left:calc(50% - 17.5%)}

}
 
.linc04_wrap04										{position:relative; text-align:center; margin:50px 0;  display: flex; flex-flow:nowrap;align-items:center;  flex-direction: column; gap:30px; z-index:-1;}
.linc04_wrap04 li 									{position:relative;  min-width:300px; padding:20px ; line-height:1.2;font-weight:600;border:3px solid var(--color3);color:var(--color3); background:#fff; border-radius:150px; }
.linc04_wrap04 li::after						{content:''; position:absolute; bottom:-20px; left:calc(50% - 5px); border:solid var(--color3); border-width:3px 3px 0 0;  padding:4px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.linc04_wrap04 li:last-child::after		{display:none;}
.linc04_wrap04 li.mlist							{padding:15px;border:5px solid var(--color6);background:#fff;display: flex;align-items:center;justify-content: center; gap:30px; }
.linc04_wrap04 li .txt01						{width:160px;height:160px;font-size:0.95em;padding:90px 0 0 0; background:url('../img/sub/linc04_icon05.png') no-repeat center 25px var(--color1);color:#fff;border-radius:150px; }
.linc04_wrap04 li .txt02						{width:160px;height:160px; font-size:0.95em;padding:90px 0 0 0;background:url('../img/sub/linc04_icon06.png') no-repeat center 25px var(--color1);color:#fff;border-radius:150px; }
.linc04_wrap04 li .txt03						{width:160px;height:160px; font-size:0.95em;padding:90px 0 0 0;background:url('../img/sub/linc04_icon07.png') no-repeat center 25px var(--color1);color:#fff;border-radius:150px; }

@media screen and (max-width:820px) {
    .linc04_wrap04										{  margin:40px 0; }
    .linc04_wrap04 li 									{position:relative;  min-width:220px; padding:15px ;border:4px solid var(--color3);}
    .linc04_wrap04 li.mlist							{width:100%; padding:8px;border:4px solid var(--color6); justify-content: space-between;  gap:10px; }
    .linc04_wrap04 li .txt01, .linc04_wrap04 li .txt02, .linc04_wrap04 li .txt03						{ width:33%;height:60px;font-size:0.9em;padding:15px; background-image:none;  }
}

.linc04_wrap02										    {display:none; }
.linc04_wrap03										    {position:relative;padding:50px 0 0 0;border-top:1px solid #dfdfdf;}
.linc04_wrap03 .item01						    {position:relative;margin:0 0 0 170px; display: flex; flex-flow:nowrap; justify-content: space-between;gap:30px; } 
.linc04_wrap03 .item01 li					    { position:relative;width:50%;   text-align:center;line-height:55px; font-weight:600;background:var(--color1);color:#fff;  border-radius:50px; letter-spacing:0; }
.linc04_wrap03 .item01 li:last-child		{background:var(--color2);}
.linc04_wrap03 .item02 li						{position:relative; padding:15px 0;border-bottom:0 dashed #ddd; display: flex; flex-flow:nowrap; justify-content: space-between; gap:30px; } 
.linc04_wrap03 .item02 li:last-child		{border-bottom:0;}
 .linc04_wrap03 .item02 .tit					{position:relative; width:140px;height:140px;  text-align:center;border-radius:50%; border:6px solid var(--color6); font-weight:600; color:var(--color1); font-size:0.95em; text-transform: uppercase;margin:auto 0; }
  .linc04_wrap03 .item02 .tit::after			{content:''; position:absolute; top:calc(50% - 14px);right:-18px;width:0px;height:0px;border-top:15px solid transparent;border-bottom:15px solid  transparent;border-left:18px solid var(--color6);}

  .linc04_wrap03 .item02 .tit .img			{padding:20px 0 5px 0;}
  .linc04_wrap03 .item02 .cont				{width:calc(50% - 100px); padding:15px 20px; border:1px solid #ddd;border-radius:1em;  }
  .linc04_wrap03 .item02 .cont b			{color:var(--color3);}




@media screen and (max-width:1200px) {
    .linc04_wrap03 .item02 .cont				{  padding:10px 8px;}
}
@media screen and (max-width:820px) {
    .linc04_wrap03										{display:none; }

    .linc04_wrap02										{display:block;position:relative;padding:40px 0 0 0;border-top:1px solid #dfdfdf;}
    .linc04_wrap02 .item01, 
    .linc04_wrap02 .item02						{position:relative; padding:0 0 30px 0; }
    .linc04_wrap02  ul								{position:relative;flex:2; }
    .linc04_wrap02 ul li								{position:relative;  padding:15px 0;border-top:1px dashed #ddd; display: flex;align-items:center;justify-content:center; gap:20px;}
    .linc04_wrap02 ul li:first-child				{border:0;}
    .linc04_wrap02 ul li .tit						{position:relative; width:110px;height:110px; line-height:100px; text-align:center;border-radius:50%;border:6px solid var(--color6); font-weight:600;color:var(--color3);font-size:0.95em; text-transform: uppercase; }
    .linc04_wrap02 ul li .cont					{position:relative;flex:2; } 
    .linc04_wrap02 ul li .cont b					{color:var(--color3);}
    .linc04_wrap02 .subject						{   line-height:45px;margin:0 0 5px 0;position:relative;  text-align:center; font-weight:600;background:var(--color3);color:#fff;  border-radius:50px;display: flex;align-items:center;justify-content:center;letter-spacing:0; }
    .linc04_wrap02 .item02 .subject			{background:var(--color1);}

}



.linc05_flow01										{position:relative; margin:50px 0;border: 1px solid #ddd;  padding: 40px 0;  background: #f9f9f9; border-radius: 1em; }
.linc05_flow01::after							{content:''; position:absolute; top:40px;left:calc(50% - 174px);width:340px;height:340px;border:3px solid var(--color6);background:#fff; border-radius:50%; }
.linc05_flow01 .item05						{position:absolute;text-align:center; left:calc(50% - 110px); top:100px;width:220px;height:220px;background:var(--color1);color:#fff; border-radius:50%; z-index:1; box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);}
.linc05_flow01 .item05 .tit					{ color:#fff;font-size:2.2em;font-weight:600;padding:40px 0 0 0;}
.linc05_flow01 .item05 .tit	span		{color:#79a3e9;padding:15px 0 0 0;display:block;font-size:0.45em;line-height:1.3;letter-spacing:0;}
.linc05_flow01 .item05 .tit	span b		{color:#fff;}
.linc05_flow01 .item05	p					{position:relative; margin:10px 30px;color:#afbfd9;border-top:1px solid #afbfd9; font-size:0.9em;padding:8px 0 0 0;line-height:1.3;}
.linc05_flow01_box								{position:relative;  display: flex; flex-flow:wrap;justify-content: space-between;row-gap:30px ;  }
.linc05_flow01 .item01, .linc05_flow01 .item02, .linc05_flow01 .item03, 
.linc05_flow01 .item04						{position:relative;width:38%;  }  
.linc05_flow01 .item01, .linc05_flow01 .item03						{text-align:right;padding:20px 110px 20px 0; }
.linc05_flow01 .item01 ul, .linc05_flow01 .item03 ul					{display:flex;flex-wrap: wrap; align-items: flex-end ;  flex-direction: column;}  
.linc05_flow01 .item02, .linc05_flow01 .item04						{text-align:left;padding:20px 0 20px 110px; }
.linc05_flow01 .item02 ul, .linc05_flow01 .item04 ul					{display:flex;flex-wrap: wrap; align-items: flex-start ;  flex-direction: column;} 

.linc05_flow01 .tit									{color:var(--color1); font-size:1.1em;padding:0 0 10px 0;font-weight:600;}
.linc05_flow01 li									{position:relative; padding:0 0 0 15px;font-size:0.95em;}
.linc05_flow01 li::after							{position:absolute; top:9px; left:3px; content:''; width:3px; height:3px; background:#777;  border-radius:5px; }
 
.linc05_flow01 .icon		{position:absolute;width:110px;height:110px;line-height:105px;text-align:center;border:2px solid var(--color6); background:#fff;border-radius:50%;z-index:1; display: flex; flex-direction: column; justify-content:center; align-items:center; }
.linc05_flow01 .item01 .icon						{ top:10px; right:-20px; }
.linc05_flow01 .item03 .icon						{ top:15px; right:-20px; }
.linc05_flow01 .item02 .icon						{ top:10px; left:-20px; }
.linc05_flow01 .item04 .icon						{ top:15px; left:-20px; }
 

@media screen and (max-width:1400px) {
    .linc05_flow01 .item04						{position:relative;width:36%;  }  
}

@media screen and (max-width:820px) {
    .linc05_flow01										{  padding: 30px 15px;   z-index:-2;}
    .linc05_flow01::after							{  top:30px;left:calc(50% - 124px);width:240px;height:240px; }
    .linc05_flow01::before							{position:absolute; top:270px; left:calc(50% - 4px); content:''; width:8px; height:8px; background:var(--color3);  border-radius:5px;z-index:1; }
    .linc05_flow01_box::after					{position:absolute; top:248px; left:50%; content:''; width:1px; height:45px; background:#d5d5d5;   }
    .linc05_flow01_box::before				{position:absolute; top:292px; left:25%; content:''; width:50%; height:1px; background:#d5d5d5;   }
    .linc05_flow01 .item01::after				{position:absolute; top:-49px; left:51%; content:''; width:1px; height:49px; background:#d5d5d5; z-index:-1;  }
    .linc05_flow01 .item02::after				{position:absolute; top:-49px; left:49%; content:''; width:1px; height:49px; background:#d5d5d5; z-index:-1;  }
    .linc05_flow01 .item05						{ left:calc(50% - 100px); top:53px;width:200px;height:200px; }
    .linc05_flow01 .item05 .tit					{ color:#fff;font-size:2em;font-weight:600;padding:30px 0 0 0;}
    .linc05_flow01_box								{padding:340px 0 0 0;row-gap:15px ;  }
    .linc05_flow01 .item01, .linc05_flow01 .item02, .linc05_flow01 .item03,  
    .linc05_flow01 .item04						{position:relative;width:49%;padding:20px 0 20px 15px; border:1px solid var(--color3);   border-radius:10px;  }  
     
    .linc05_flow01 .item01, .linc05_flow01 .item03						{text-align:left;  }
    .linc05_flow01 .item01 ul, .linc05_flow01 .item03 ul					{display:flex;flex-wrap: wrap; align-items: flex-start ;  }   
    .linc05_flow01 .item02 ul, .linc05_flow01 .item04 ul					{display:flex;flex-wrap: wrap; align-items: flex-start ;  } 

    .linc05_flow01 .icon							    {display:none;}
    .linc05_flow01 .tit									{  font-size:1em; }

    .linc05_flow01 .item01						{background:url('../img/sub/linc05_icon01.png') no-repeat 94% 20px #fff;background-size:50px auto;}
    .linc05_flow01 .item02						{background:url('../img/sub/linc05_icon02.png') no-repeat 94% 20px #fff;background-size:50px auto;}
    .linc05_flow01 .item03						{background:url('../img/sub/linc05_icon03.png') no-repeat 94% 20px #fff;background-size:50px auto;}
    .linc05_flow01 .item04						{background:url('../img/sub/linc05_icon04.png') no-repeat 94% 20px #fff;background-size:50px auto;} 

}
@media screen and (max-width:600px) {
    .linc05_flow01 .item02 span					{display:block;}
}

/*

.linc05_flow01										{position:relative; margin:50px 0;  }
.linc05_flow01:after								{content:''; position:absolute; top:20px;left:calc(50% - 154px);width:300px;height:300px;border:3px solid var(--color6);background:#fff; border-radius:50%;}
.linc05_flow01 .item05						{position:absolute;text-align:center; left:calc(50% - 110px); top:60px;width:220px;height:220px;background:var(--color1);color:#fff; border-radius:50%; z-index:1;}
.linc05_flow01 .item05 .tit					{ color:#fff;font-size:2.2em;font-weight:600;padding:40px 0 0 0;}
.linc05_flow01 .item05 .tit	span		{color:#40b1d1;padding:15px 0 0 0;display:block;font-size:0.45em;line-height:1.3;letter-spacing:0;}
.linc05_flow01 .item05 .tit	span b		{color:#fff;}
.linc05_flow01 .item05	p					{position:relative; margin:10px 30px;color:#afbfd9;border-top:1px solid #afbfd9; font-size:0.9em;padding:8px 0 0 0;line-height:1.3;}
.linc05_flow01_box								{position:relative;  display: flex; flex-flow:wrap;justify-content: space-between;row-gap:30px ;  }
.linc05_flow01 .item01, .linc05_flow01 .item02, .linc05_flow01 .item03, 
.linc05_flow01 .item04						{position:relative;width:38%; border:1px solid var(--color3); background-color:#fff; border-radius:10px;padding:20px 0 20px 45px;box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);}  
.linc05_flow01 .tit									{color:var(--color3); font-size:1.1em;padding:0 0 10px 0;font-weight:600;}
 
.linc05_flow01 li									{position:relative; padding:0 0 0 15px;font-size:0.95em;}
.linc05_flow01 li:after							{position:absolute; top:11px; left:3px; content:''; width:3px; height:3px; background:#777;  border-radius:5px; }
.linc05_flow01 .item01						{background:url('../img/sub/linc05_icon01.png') no-repeat 90% 30px;}
.linc05_flow01 .item02						{background:url('../img/sub/linc05_icon02.png') no-repeat 90% 30px;}
.linc05_flow01 .item03						{background:url('../img/sub/linc05_icon03.png') no-repeat 90% 30px;}
.linc05_flow01 .item04						{background:url('../img/sub/linc05_icon04.png') no-repeat 90% 30px;} 
 
@media screen and (max-width:820px) {
.linc05_flow01:after								{  top:0;left:calc(50% - 124px);width:240px;height:240px; }
.linc05_flow01:before							{position:absolute; top:240px; left:calc(50% - 4px); content:''; width:8px; height:8px; background:var(--color3);  border-radius:5px;z-index:1; }
.linc05_flow01_box:after						{position:absolute; top:248px; left:50%; content:''; width:1px; height:45px; background:#ddd;   }
.linc05_flow01_box:before					{position:absolute; top:292px; left:25%; content:''; width:50%; height:1px; background:#ddd;   }
.linc05_flow01 .item01:after				{position:absolute; top:-49px; left:51%; content:''; width:1px; height:49px; background:#ddd; z-index:-1;  }
.linc05_flow01 .item02:after				{position:absolute; top:-49px; left:49%; content:''; width:1px; height:49px; background:#ddd; z-index:-1;  }
.linc05_flow01 .item05						{ left:calc(50% - 100px); top:23px;width:200px;height:200px; }
.linc05_flow01 .item05 .tit					{ color:#fff;font-size:2em;font-weight:600;padding:30px 0 0 0;}
.linc05_flow01_box								{padding:340px 0 0 0;row-gap:15px ;  }
.linc05_flow01 .item01, .linc05_flow01 .item02, .linc05_flow01 .item03,  
.linc05_flow01 .item04						{position:relative;width:49%;padding:20px 0 20px 15px; }
.linc05_flow01 .item01, .linc05_flow01 .item02, .linc05_flow01 .item03, .linc05_flow01 .item04						{background-position:94% 20px;background-size:50px auto;}
 
.linc05_flow01 .tit									{  font-size:1em; }
}
@media screen and (max-width:600px) {
 .linc05_flow01 .item02 span					{display:block;}
}
 
*/

 
.linc05_flow02										{position:relative; text-align:center;margin: 20px 0 50px 0;  } 
.linc05_flow02 .item01  						{position:relative;   display:flex;flex-wrap: wrap;justify-content: space-around;   }
.linc05_flow02 .item01 li						{position:relative;  width:25%; padding:0 10px; } 
.linc05_flow02 .item01 li.line				{ border-right:1px solid #ddd;}
.linc05_flow02 .item01 li::after			{position:absolute; content:'';  top:calc(30% - 15px);right:-15px;width:30px; height:30px;background:#ccc;border-radius:50%;   } 
.linc05_flow02 .item01 li::before		{content:''; position:absolute; top:calc(30% - 5px); right:-3px; border:solid #fff; border-width:2px 2px 0 0;  padding:4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:2;}
.linc05_flow02 .item01 .no					{display:inline-block;font-size:0.8em;color:#fff;background:var(--color1);padding:6px 15px; border-radius:50px;line-height:1.4;}
.linc05_flow02 .item01 .icon				{padding:30px 0 20px 0;}
.linc05_flow02 .item01 .tit					{font-weight:600;color:var(--color1);line-height:1.3;} 
.linc05_flow02 .item01 .txt					{ font-size:0.9em; padding:10px 0;color:var(--color1);border-top:1px dashed #ddd; margin:10px 0 0 0;} 
.linc05_flow02 .item01 li:last-child:after,
.linc05_flow02 .item01 li:last-child:before {display:none;}
.linc05_flow02 .item01 .txt02				{ font-size:0.9em; padding:10px 0;color:var(--color1);border-top:1px dashed #ddd; margin:10px 0 0 0;} 
.linc05_flow02 .item01 .txt02 p			{position:relative;    padding:0 0 5px 20px; }
.linc05_flow02 .item01 .txt02 p::after{position:absolute; content:''; display:block; left:5px; top:16px; width:3px; height:3px; background:#99afc8; border-radius:50%;}

.linc05_flow02 .item01 dl					{overflow:hidden;font-size:0.85em; text-align:left;border:1px solid #ddd; border-radius:5px ;margin:10px 0 0 0;display:flex;flex-wrap: wrap;  }
.linc05_flow02 .item01 dl dt				{width:50px;color:#fff;background:var(--color2);padding:5px 0 5px 10px;  border-radius: 5px  0 0 5px  ; line-height:1.4;}
.linc05_flow02 .item01 dl dd				{ flex:2;padding:5px 5px 5px 10px ;  border-radius:5px;line-height:1.4; }




/* 참여학과 지원 프로그램  ============================================================================= */ 
.linc06_flow01						                {position:relative; text-align:center;margin: 20px 0 0 0; padding:30px;border:1px solid #ddd; background:#f7f7f7;border-radius: 5px; display: grid; grid-template-columns:23% 23% auto; gap:60px;  }
.linc06_flow01 li					                {position:relative;  display: flex; flex-direction: column; justify-content:center;row-gap:15px; }
.linc06_flow01 li p				                {position:relative;  width:100%; padding:20px 10px;font-weight:600;color:#fff; background:var(--color1); line-height:1.3; border-radius:10px;     }
.linc06_flow01 li:first-child p				{background:var(--color3); } 
.linc06_flow01 .box01, .linc06_flow01 .box02			{position:relative; display: grid; grid-template-columns:35% auto;  }  
.linc06_flow01 li .tit				                {font-weight:600;color:#fff; line-height:1.4;padding:20px 10px; background:var(--color2); line-height:1.3;border-radius:10px 0 0 10px; }  
.linc06_flow01 li .txt				                { font-size:0.95em;color:#333; padding:20px 10px; border:1px solid var(--color2);background:#fff; line-height:1.3;border-radius:0 10px 10px 0; } 

.linc06_flow01 li:first-child::after		{position:absolute; content:''; display:block; right:-45px; top:calc(50% - 6px); width:30px; height:12px; background:url('../img/sub/link06_arrow01.png') no-repeat center 50%; } 
.linc06_flow01 .box01::after				{position:absolute; content:''; display:block; left:-45px; top:calc(50% - 6px); width:30px; height:12px; background:url('../img/sub/link06_arrow01.png') no-repeat center 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.linc06_flow01 .box02::after				{position:absolute; content:''; display:block; left:-45px; top:calc(50% - 6px); width:30px; height:12px; background:url('../img/sub/link06_arrow01.png') no-repeat center 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

@media screen and (max-width:800px) {
    .linc06_flow01						{  padding:20px; grid-template-columns:23% 23% auto; gap:30px;  }
    .linc06_flow01 li p				{ padding:20px 5px;font-size:0.9em;}
    .linc06_flow01 li .tit				{ padding:20px 5px;font-size:0.9em;}
    .linc06_flow01 li .txt				{ padding:20px 5px;font-size:0.9em;}

    .linc06_flow01 li:first-child::after		{  right:-30px; } 
    .linc06_flow01 .box01::after				{ left:-30px; }
    .linc06_flow01 .box02::after				{ left:-30px; }
}
@media screen and (max-width:600px) {
    .linc06_flow01						    {  grid-template-columns:1fr; gap:40px;  }
    .linc06_flow01 li p				    { width:200px; margin:auto;}
    .linc06_flow01 li:last-child		{display: grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
    .linc06_flow01 .box01, .linc06_flow01 .box02			{ grid-template-columns:1fr;  }  

    .linc06_flow01 li .tit				    {  line-height:1.4;padding:  10px 0; border-radius:10px 10px 0 0; }  
    .linc06_flow01 li .txt				    { padding:15px 5px; border-radius:0 0 10px 10px; } 

    .linc06_flow01 li:first-child::after		{top:initial; bottom:-25px;left:calc(50% - 15px); transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    .linc06_flow01 .box01::after				{ left:calc(50% - 15px); top:-25px;   transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    .linc06_flow01 .box02::after				{  left:calc(50% - 15px); top:-25px;   transform: rotate(45deg); -webkit-transform: rotate(45deg);}
}

/* 참여학과 지원 프로그램  ============================================================================= */ 




/* 기업지원  ============================================================================= */ 
.company_top_box					    {position:relative;background:var(--color5);padding:35px  ;margin-bottom:40px; border-radius:0 2.1em  ;border:2px solid var(--color6);  display: flex; flex-direction: column;   }
.company_top_box .tit				    {font-size:1.5em;font-weight:700;  color:var(--color1); line-height:1.3; margin-bottom:15px; }  
.company_top_box .txt				{position:relative;  line-height:1.35;color:#333; }
.company_top_box .txt p				{position:relative;    padding-left: 17px; }
.company_top_box .txt p + p      {margin-top:8px;}
.company_top_box .txt p::after	{position:absolute; content:''; display:block; left:5px; top:6px; width:7px; height:7px; border:2px solid var(--color1);  border-radius:50%;}
.company_top_box .cont             { display: flex; flex-direction: column; gap:5px; padding-top:20px; margin-top:20px;border-top:1px dashed rgb(0,0,0,0.12);  }
.company_top_box .cont p			{font-size:1em; color:#555; word-break:break-all; }
.company_top_box .cont p b		{text-align:center; display:inline-block;min-width:120px;  color:var(--color1); font-weight:600; font-size:0.9em;border:1px solid #99afc8; background:#fff; padding:4px 10px; border-radius:50px; margin:0 10px 0 0;}

@media screen and (max-width:1200px) {
    .company_top_box .txt br				{display:none;}
}
@media screen and (max-width:1024px) {
    .company_top_box					    { padding:30px  ;   border-radius:0 1.8em; }
    .company_top_box .tit				    {font-size:1.4em; margin-bottom:12px; }  
    .company_top_box .cont             { gap:4px; padding-top:15px;margin-top:15px;   }
    .company_top_box .cont p b		{ min-width:100px;  }
}
@media screen and (max-width:768px) {
    .company_top_box					    { padding:25px  ;   }
    .company_top_box .tit				    {font-size:1.35em; }
    .company_top_box .cont             {  font-size:0.95em; }
    .company_top_box .cont p b		{ min-width:90px; padding:3px 10px; }
}


.company01_flow01						{position:relative;display: flex; flex-flow:wrap;justify-content: space-between; row-gap:30px; }
.company01_flow01 li					{position:relative; width:49%; display: flex; flex-flow:wrap;align-items:center;justify-content: space-between; }  
.company01_flow01 li .img			{position:relative;width:110px;height:110px;line-height:105px; border-radius:50%;text-align:center;background:#f5f5f5; display:flex;align-items:center; justify-content:center;  }
.company01_flow01 li .tit		    {position:relative; flex:2;padding:0 25px  ;font-size:1.05em;font-weight:600;color:#333;}
 
@media screen and (max-width:820px) {
    .company01_flow01 li					{position:relative; width:100%;}
}



.comapny02_chart							{margin:50px 0 50px 0;position:relative; overflow:hidden;text-align:center;  }
.comapny02_chart:after					{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:218px; background:#ddd; z-index:-1; } 
.comapny02_chart .depth1				{position:relative; text-align:center; }  
.comapny02_chart .depth1 				{position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#fff; width:200px; padding:10px;  border-radius:5px;background:linear-gradient(135deg, #0d5aa9, var(--color1)); margin:0 0 20px 0;   } 

.comapny02_chart .depth2				{position:relative;display: flex; flex-flow:wrap;justify-content: space-between;  }
.comapny02_chart .depth2 .item1, .comapny02_chart .depth2 .item2	{position:relative;width:50%;display:flex;flex-wrap: wrap; align-items: center ; justify-content:center; flex-direction: column;} 
.comapny02_chart .depth2 .item1 p,.comapny02_chart .depth2 .item2 p		{position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#fff; width:200px; padding:10px;  border-radius:5px;background:linear-gradient(135deg, #4b6081, #37465e); margin:10px 0;} 
.comapny02_chart .depth2 .item1::after					{content:''; display:block; position:absolute; right:0; top:50%; width:50%; height:1px; background:#ddd; z-index:-1; }  
.comapny02_chart .depth2 .item2::after					{content:''; display:block; position:absolute; left:0; top:50%; width:calc(50% - 130px); height:1px; background:#ddd; z-index:-1; }  
.comapny02_chart .depth2 .item2 p::after				{content:''; display:block; position:absolute; left:-30px; top:50%; width:50%; height:1px; background:#ddd; z-index:-1; }  
.comapny02_chart .depth2 .item2 p:first-child::before			{content:''; display:block; position:absolute; left:-30px; top:50%; width:1px; height:66px; background:#ddd; z-index:-1; } 

.comapny02_chart .depth3				{position:relative;padding:50px 0 0 0;display: flex; flex-flow:wrap;justify-content: space-between;  }
.comapny02_chart .depth3 .item1 {position:relative;width:50%;display:flex;flex-wrap: wrap; align-items: center ;  flex-direction: column;} 
.comapny02_chart .depth3 .item2	{position:relative;width:50%; display:flex;flex-wrap: wrap; align-items: center ;  flex-direction: column;} 
.comapny02_chart .depth3 .item2 div	{width:100%;display:flex;flex-wrap: wrap; justify-content:space-between;   }
.comapny02_chart .depth3 p				    {position:relative;  display:inline-block;   text-align:center; font-weight:400; color:#fff; width:200px; padding:8px;   background:var(--color3); margin:0 0 15px 0; border-radius:5px;}   
.comapny02_chart .depth3::before		{content:''; display:block; position:absolute; left:25%; top:20px; width:50%; height:1px; background:#ddd; z-index:-1; }   
.comapny02_chart .depth3 p::after		{content:''; display:block; position:absolute; left:50%; top:-30px; width:1px; height:90px; background:#ddd; z-index:-1; } 

.comapny02_chart .depth3 .item1 div	{ text-align:left;max-width:200px;width:100%;min-height:150px;padding:10px;border:1px solid var(--color3);background:#fff; border-radius:5px;margin:0 0 30px 0;}
.comapny02_chart .depth3 .item2 div	{  border:1px solid var(--color3); padding:10px;border-radius:5px;background:#fff;} 
.comapny02_chart .depth3 .item2 ul		{ text-align:left;width:33%; }
   
.comapny02_chart .depth3 li				    {position:relative; display:block; font-size:0.9em;padding:0 0 8px 20px; line-height:130%;}
.comapny02_chart .depth3 li::after			{position:absolute; content:''; display:block; left:10px; top:9px; width:3px; height:3px; background:#aaa; border-radius:50%;}


@media screen and (max-width:600px) {
    .comapny02_chart:after					{  height:200px;  } 
    .comapny02_chart .depth1 				{ width:180px; padding:8px 0;  } 
    .comapny02_chart .depth2				{position:relative;width:100%;display: flex; flex-flow:wrap;justify-content: space-around;  }
     
    .comapny02_chart .depth2 .item1 p,.comapny02_chart .depth2 .item2 p		{ width:150px;font-size:0.9em; padding:8px 0;  } 
    .comapny02_chart .depth2 .item2 p::after				{ left:-10px;   }  
    .comapny02_chart .depth2 .item2::after					{ width:calc(50% - 85px);  }  
    .comapny02_chart .depth2 .item2 p:first-child::before			{ left:-10px;  height:60px; } 
     
    .comapny02_chart .depth3				    {position:relative;padding:50px 0 0 0;display: flex; flex-flow:wrap;justify-content: space-between; flex-direction: column;} 
    .comapny02_chart .depth3:before					{ display:none;  }   
    .comapny02_chart .depth3 .item1, .comapny02_chart .depth3 .item2 {width:100%; }  
    .comapny02_chart .depth3 .item2 div				{max-width:200px;width:100%;} 

    .comapny02_chart .depth3 .item2 ul				{ text-align:left;width:100%; }

}



.tech01_flow01										{position:relative;display: flex; flex-flow:wrap;align-items:center;justify-content: space-between;gap:120px;   }
.tech01_flow01 .item01						{position:relative;text-align:center;color:#fff;font-family: 'Paperlogy'; font-weight:600; width:180px;height:180px;background:var(--color1);border-radius:50%; border:8px solid var(--color6);}
.tech01_flow01 .item01 img				{padding:25px 0 0 0;}
.tech01_flow01 .item01::after			{position:absolute; content:'';right:-70px;top:50%; height:1px;width:70px;background:#ddd;}
.tech01_flow01 .item02						{position:relative;flex:2;display: flex; flex-flow:wrap;justify-content: space-between; flex-direction: column; row-gap:30px;} 
.tech01_flow01 .item02 li					{position:relative;display: flex; flex-flow:wrap;align-items:center; gap:20px;}
.tech01_flow01 .item02 .img				{text-align:center;color:var(--color1);font-weight:600;width:130px;height:130px;line-height:125px;background:var(--color6);border-radius:50%; }
.tech01_flow01 .item02 .img::after	{position:absolute; content:'';left:-60px;top:50%; height:1px;width:60px;background:#ddd;}
.tech01_flow01 .item02 .img::before{position:absolute; content:'';left:-60px;top:50%; height:calc(100% + 30px);width:1px;background:#ddd;}
.tech01_flow01 .item02 li:last-child .img::before		{display:none;}
.tech01_flow01 .item02 .txt				{flex:1; }
.tech01_flow01 .item02 .txt p				{position:relative;    padding:5px 0 5px 20px; word-break:break-all;}
.tech01_flow01 .item02 .txt p::after	{position:absolute; content:''; display:block; left:5px; top:16px; width:3px; height:3px; background:#99afc8; border-radius:50%;}
 

@media screen and (max-width:820px) {
    .tech01_flow01										{display: flex; flex-flow:wrap;justify-content: space-between; flex-direction: column; row-gap:51px; }
    .tech01_flow01 .item01::after			{position:absolute; content:'';right:50%;top:initial;bottom:-60px; height:60px;width:1px;background:#ddd;}
    .tech01_flow01 .item02						{width:100%;padding:25px;border:1px solid #ddd; border-radius:15px;} 
    .tech01_flow01 .item02 .img::after	{display:none;}
    .tech01_flow01 .item02 .img::before{display:none;}
    .tech01_flow01 .item02 .img				{ width:120px;height:120px;line-height:115px; }
    .tech01_flow01 .item02 li					{border-top:1px dashed #ddd; padding: 15px 0 0 0;gap:15px;}
    .tech01_flow01 .item02 li:first-child  {border-top:0; padding:0;}
}

  
.tech02_flow01										{position:relative;display: flex; flex-flow:wrap; flex-direction: column; row-gap:120px; }
.tech02_flow01 .item01						{position:relative;text-align:center; }
.tech02_flow01 .item01 p					{display:inline-block;border:5px solid var(--color3);padding:10px 50px;border-radius:100px;}
.tech02_flow01 .item01 img				{height:100px; }
.tech02_flow01 .item01::after			{position:absolute; content:'';left:50%;bottom:-60px; height:60px;width:1px;background:#ddd;} 
.tech02_flow01 .item02						{position:relative;display: flex; flex-flow:wrap; justify-content: space-between;row-gap:25px; } 
.tech02_flow01 .item02 li					{position:relative;width:23%;border:1px solid #ddd; text-align:center;padding:  20px; border-radius:10px;display: flex;  flex-flow:wrap;   justify-content: flex-start;flex-direction: column;}
.tech02_flow01 .item02 li::after			{position:absolute; content:'';left:50%;top:-60px; height:60px;width:1px;background:#ddd;}
.tech02_flow01 .item02 li::before		{position:absolute; content:'';left:50%;top:-60px; height:1px;width:calc(100% + 30px);background:#ddd;}
.tech02_flow01 .item02 li:last-child::before		{display:none;}
		
.tech02_flow01 .item02 li .img			{width:120px;height:120px;line-height:115px;background:var(--color6);border-radius:50%;margin:auto;}
.tech02_flow01 .item02 li .tit				{color:var(--color3);font-weight:600;font-size:1.05em;padding:15px 0;}
.tech02_flow01 .item02 li .txt				{font-size:0.9em;flex:1;}
 

@media screen and (max-width:820px) {
    .tech02_flow01										{row-gap:60px; }
    .tech02_flow01 .item02 li					{position:relative;width:100%;padding:  25px;}
    .tech02_flow01 .item02 li::after, .tech02_flow01 .item02 li::before		{display:none;}
}







/* 가족회사  ============================================================================= */ 
.family01_box01									{position:relative; text-align:center; border:1px solid #dfdfdf;  padding:50px 30px;margin:20px 0  ;z-index:-2;}	
.family01_box01 img							{max-width:100%;}
.family01_box01 .inner						{position:relative; text-align:center; width:75%;margin:auto;display:flex;  flex-flow:wrap;align-items: center;  justify-content:space-evenly ;  }
.family01_box01 .item01						{position:relative; padding:0 30px;display:flex;flex-wrap: wrap; align-items: center; justify-content:center ;   flex-direction: column; }
.family01_box01 .item01	 li					{}
.family01_box01 .item01	 li:nth-child(2)	{padding:28px 0 24px 0;color:var(--color3); font-size:1.3em;font-weight:600;} 
.family01_box01 .item02, 
.family01_box01 .item03						{position:relative; width:200px;height:200px; border:15px solid var(--color6); padding:8px;background:var(--color3);border-radius:50%;  box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);}  
.family01_box01 .item02 img, 
.family01_box01 .item03 img				{display:block;padding:0 0 5px 0;}
.family01_box01 .item02 .box, 
.family01_box01 .item03	 .box			{color:#333;font-weight:600;width:100%;height:100%; background:#fff; border-radius:50%;display:flex;flex-wrap: wrap; align-items: center; justify-content:center ;   flex-direction: column; } 
.family01_box01 .item02::before		{position:absolute; content:''; display:block; left:50%; top:5px; width:210%; height:30px; padding:0 0 0 70%;background:#e0e0e0;  z-index:-1; box-sizing:border-box;}
.family01_box01 .item02::after			{content:''; position:absolute; top:-10px;left:260%;width:0px;height:0px;border-bottom:30px solid transparent;border-top:30px solid  transparent;border-left:40px solid #e0e0e0;z-index:-1; }
.family01_box01 .item03:before		{position:absolute; content:''; display:block; right:50%; bottom:5px; width:210%; height:30px; padding:0 0 0 70%;background:#e0e0e0;  z-index:-1; box-sizing:border-box;}
.family01_box01 .item03::after			{content:''; position:absolute; bottom:-10px;right:260%;width:0px;height:0px;border-bottom:30px solid transparent;border-top:30px solid  transparent;border-right:40px solid #e0e0e0;z-index:-1; }
 

@media screen and (max-width:768px) {
    .family01_box01									{ padding:30px 20px; }
}



/* ICC 소개  ============================================================================= */ 
.icc01_flow01										{position:relative; text-align:center;   border:1px solid #dfdfdf;  padding:40px 10px; border-radius:1em; }	
.icc01_flow01 .item01							{position:relative;margin:0 0 50px 0; }
.icc01_flow01 .item01::after				{content:''; position:absolute; top:0;left:50%;width:1px;height:101px; background:#ddd;z-index:-1; }
.icc01_flow01 .item01 p						{position:relative;display:inline-block; color:#fff;background:#9b7c62; line-height:50px;padding:0 70px;}
.icc01_flow01 .item02							{position:relative; display:flex;  flex-flow:wrap;  justify-content:space-around;}
.icc01_flow01 .item02>li						{position:relative;width:30%;margin:50px  0 0 0; display:flex;flex-wrap: wrap; align-items: center;  flex-direction: column;}
.icc01_flow01 .item02>li::before		{content:''; position:absolute; top:-50px;left:50%;width:102%;height:1px; background:#ddd;z-index:-1; }
.icc01_flow01 .item02>li:last-child::before			{content:''; position:absolute; top:-50px;left:-50%;width:100%;height:1px; background:#ddd;z-index:-1; }
.icc01_flow01 .item02>li::after			{content:''; position:absolute; top:-50px;left:50%;width:1px;height:101px; background:#ddd;z-index:-1; }
.icc01_flow01 .item02>li p					{position:relative; width:100%;color:#fff;background:var(--color1);  line-height:50px; margin:0 0 4px 0;}
.icc01_flow01 .item02>li>ul 				{position:relative; width:100%; }
.icc01_flow01 .item02>li>ul>li			{position:relative; width:100%;font-size:0.95em;color:#555;background:#eef2f5;  line-height:40px; margin:0 0 4px 0;}



.icc01_flow02										{position:relative; text-align:center;  display: grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.icc01_flow02 .item01, .icc01_flow02 .item02, .icc01_flow02 .item03			{position:relative; padding:0 20px ; background:#fff; border:1px solid #ddd;  margin:30px 0 0 0; border-radius:0.7em;  }
.icc01_flow02 .tit					                {position:relative;  padding:30px 0 0 0;  display:flex;flex-wrap: wrap; align-items: center;   flex-direction: column;} 
.icc01_flow02 .tit p					            { background:var(--color1); display:block;width:100%;padding:8px; border-radius:50px;  font-size:1.05em;color:#fff;   font-weight:600;} 
.icc01_flow02 .tit img			                { padding:0 0 15px 0;} 
.icc01_flow02 .cont								{position:relative; text-align:left; display:flex;flex-wrap: wrap; align-items:center ;   flex-direction: column;  }
.icc01_flow02 .txt01								{padding:15px  ;   color:var(--color1);   } 
.icc01_flow02 .txt01 li							{position:relative;text-align:left;  font-weight:400;padding:0 0 4px 0;  } 
.icc01_flow02 .txt01 li::after				{position:absolute; content:''; display:block; left:-8px; top:10px; width:3px; height:3px; background:#777; border-radius:50%;} 
.icc01_flow02 .txt02						        {position:relative; color:#555;text-align:left;   padding:15px; width:100%;border-top:2px dotted #d0d0d0; }
.icc01_flow02 .txt02 li					        {position:relative;   padding:0 0 8px 20px;font-size:0.9em; line-height:1.4; }
.icc01_flow02 .txt02 li::after			    {position:absolute; content:''; display:block; left:8px; top:8px; width:3px; height:3px; background:#777; border-radius:50%;} 

.icc01_flow02 .no		                            {position:absolute; color:#fff;background:var(--color3);font-size:0.9em; line-height:34px;display:block; left:calc(50% - 18px); top:-18px; width:36px; height:36px;   border-radius:50%;}
 
 
@media screen and (max-width:1024px) {
    .icc01_flow02										{  gap:20px;}
    .icc01_flow02 .item01, .icc01_flow02 .item02, .icc01_flow02 .item03			{ padding:0 15px ; }
    .icc01_flow02 .tit p					            {  font-size:1em; }
}
@media screen and (max-width:768px) {
    .icc01_flow02										{ grid-template-columns:repeat(1, 1fr); gap:10px;}
}


.icc01_flow03										{position:relative; display: grid; grid-template-columns:repeat(3, 1fr); gap:30px; margin-top:30px; }
.icc01_flow03 .item01,
.icc01_flow03 .item02,
.icc01_flow03 .item03							{position:relative;   background:#fff; border:1px solid #ddd;    border-radius:0.7em; display:flex;flex-wrap: wrap; align-items:center;  flex-direction: column;}
.icc01_flow03 .tit									{text-align:center;width:100%; background:var(--color7);color:#fff;padding:12px; font-weight:600; border-radius:0.7em 0.7em 0 0;}

.icc01_flow03 .item01::after,
.icc01_flow03 .item02::after				{content:''; position:absolute; top:45%; right:-20px; border:solid #aaa; border-width:3px 3px 0 0;  padding:6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:11;}  
.icc01_flow03 ul									{padding:15px;  } 
.icc01_flow03 ul li									{position:relative;   padding:0 0 8px 20px;font-size:0.95em; line-height:1.4; }
.icc01_flow03 ul li::after						{position:absolute; content:''; display:block; left:8px; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
 

@media screen and (max-width:1024px) {
    .icc01_flow03										{  gap:20px;}
    .icc01_flow03 .item01::after,
    .icc01_flow03 .item02::after				{  right:-15px; border-width:2px 2px 0 0;  padding:5px;  }  
}
@media screen and (max-width:768px) {
    .icc01_flow03										{ grid-template-columns:repeat(1, 1fr); gap:30px;}
    .icc01_flow03 .item01::after,
    .icc01_flow03 .item02::after				{  top:initial; bottom:-15px; right:calc(50% - 3px); transform: rotate(135deg); -webkit-transform: rotate(135deg);  }  
}