@charset "utf-8"; 


/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.55em; color:#111;  font-weight:700; line-height:100%; padding:15px 0 35px 0; }
h4 span							{font-size:0.75em;color:var(--color1);font-weight:500;} 
h4::after							{position:absolute; top:0; left:0; content:''; width:25px; height:3px; background:var(--color1);   }
 
h5									{position:relative;font-size:1.2em;line-height:1.3; font-weight:bold; padding:0 0 15px 22px; color:#111;   } 
h5::after							{position:absolute;content:'';  top:6px; left:0;  width:15px; height:15px; border:4px solid var(--color1); border-radius:50px;     }
.sub_txtline					{font-weight:700; box-shadow: inset 0 -10px 0 #fedd5a; padding:0 3px; color:#333;}

@media screen and (max-width:1024px) { 
h4									{font-size:1.4em; padding:13px 0 30px 0;  } 
h5									{font-size:1.15em;  padding:0 0 15px 20px; }  
h5::after							{  top:4px;  width:14px; height:14px;  border-width:3px;}
.sub_title01					{font-size:1.8em; margin-bottom:30px;} 
} 
 
.sub_img01						{position:relative;border:1px solid #dfdfdf; padding:30px 28px; text-align:center; border-radius:10px; }
.sub_img01 .tit					{ position:absolute; left:50%; top:-27px; background:var(--color1); color:#fff; font-weight:700; font-size:1.1em; padding:13px 40px;   border-radius:50px;   transform: translateX(-50%); }

.sub_line01						{height:50px;  margin-bottom:50px; border-bottom:1px solid #e5e5e5; }
.sub_line02						{height:40px;  margin-bottom:40px; border-bottom:1px dashed #e0e0e0; }

.sub_txt01							{font-size:1.3em; font-weight:bold; color:var(--color1); margin-bottom:15px; }
 

.sub_cont01						{  }    
.delist  								{padding-left:25px;}							
.delist li								{list-style:decimal-leading; padding-bottom:8px; }				

.sub_list01							{position:relative; list-style:none; padding:0 0 12px 17px; line-height:150%; word-break:keep-all; }
.sub_list01::after				{position:absolute; content:''; display:block; left:5px; top:10px; width:4px; height:4px; background:var(--color1); border-radius:50%;}
.sub_list01 i						{ width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 b						{font-weight:700; color:#333; }
.sub_list02							{position:relative; list-style:none; padding:1px 0 1px 15px;}
.sub_list02::after				{position:absolute; content:''; display:block; left:3px; top:10px; width:3px; height:3px; background:#999;}

.sub_inner_top					{padding:0 0 45px 0;text-align:center; color:var(--color1);font-size:1.4em;font-weight:400;  line-height:1.5;}
.sub_inner_top span			{display:block;  }
 
 
@media screen and (max-width:800px) {  
.sub_txt01							{font-size:1.2em;   }

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

.sub_img01						{ padding: 25px 20px;  }
.sub_img01 .tit					{ position:relative;top:0;  font-size:1.05em; padding:10px 30px;  max-width:100%; margin-bottom:20px;  }
 
}
 
 
/* 인사말   ================================================================================== */
.ceo_wrap									{position:relative; }
.ceo_wrap .img							{position:relative; margin-top:100px; margin-bottom:20px;  }
.ceo_wrap .img::before			{position: absolute; content:''; left:0;top:0; width:100%; height:100%; background:var(--color2); border-radius:25px 0; z-index:-1; }
.ceo_wrap .img figure				{position: absolute; right:40px; bottom:30px;  width:210px ; }
.ceo_wrap .img figure img		{width:100%;  border-radius:15px; overflow:hidden;  box-shadow: 5px 10px 14px 0 rgba(0,0,0,0.2);}
.ceo_wrap .img .txt					 { width:calc(100% - 240px); padding:60px 50px;   font-weight:500; color:#fff;font-size:1.5em; line-height:1.4; z-index:11; word-break:keep-all; }
.ceo_wrap .img .txt p				{ display:block;font-weight:700; font-size:1.2em; color:#fff; padding-bottom:10px;}
.ceo_wrap .cont							{line-height:1.6;} 
.ceo_wrap .cont p						{line-height:1.6; padding:15px 0; word-break:keep-all;     font-weight: 600;} 
.ceo_wrap .ceo							{text-align:right;line-height:1.6; padding:15px 0 0 0; }
.ceo_wrap .ceo p						{ font-size:1.3em; font-weight:bold; color:#333; } 
 
@media screen and (max-width:1200px) {  
.ceo_wrap .img .txt					{ padding:  50px 40px;  }  
} 
@media screen and (max-width:1024px) {  
.ceo_wrap .img							{ margin-top:70px;   }
.ceo_wrap .img figure				{right:30px; bottom:25px; width:180px ; }
.ceo_wrap .img .txt					{width:calc(100% - 190px); min-height:200px;   padding:40px; font-size:1.4em;  }  
} 
@media screen and (max-width:800px) {  
.ceo_wrap .img							{ margin-top:40px;   }
.ceo_wrap .img figure				{  right:25px; bottom:20px;  width:160px ; }
.ceo_wrap .img .txt					{width:calc(100% - 180px);  padding:  30px; font-size:1.3em; display: flex; flex-direction: column; justify-content:center;   }  
}
@media screen and (max-width:600px) {  
.ceo_wrap .img							{position:relative;margin-top:0;  padding:20px;  display:flex;justify-content: space-between;gap:10px; }
.ceo_wrap .img::before			{ border-radius:20px 0;  }
.ceo_wrap .img figure				{ position:relative;  right:initial; bottom:initial;  width:130px ; }
.ceo_wrap .img figure img		{  border-radius:10px;  }
.ceo_wrap .img .txt					{flex:1; width:initial; min-height:initial; padding:10px;  font-size:1.15em;}  
.ceo_wrap .cont p						{font-size:1em; } 
}
@media screen and (max-width:480px) {  
.ceo_wrap .img figure				{ width:110px ; }
.ceo_wrap .img .txt					{  padding:5px;font-size:1.1em;}  
}

/* 인사말  ================================================================================== */





/*  조직구성 업무분장    ================================================================================== */
.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; }



/* 조직도   ==================================================================================== */ 
.chart_wrap01								{position:relative; overflow:hidden;  text-align:center; font-size:0.95em; }
.chart_wrap01::after						{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd; z-index:-1; } /* 세로 라인 */
.chart_wrap01 .depth1					{position:relative;   display: flex; flex-direction: column;gap:20px; justify-content:center; align-items:center;margin-bottom:30px; } 
.chart_wrap01 .depth1 p				{position:relative;  display:inline-block;   font-weight:600;  background:var(--color1); color:#fff;   width:280px; padding:15px 10px ; line-height:1.3;  border-radius:6px;} 
.chart_wrap01 .depth1 p:nth-child(2)	{ background:var(--color2); }
.chart_wrap01 .depth1 p:nth-child(3)	{ background:var(--color3); }

.chart_wrap01 .depth2					{position:relative; margin:auto; display: flex; flex-flow:wrap;justify-content: space-around;align-items: center;margin-bottom:60px; }  
.chart_wrap01 .depth2 li				{position:relative;width:320px; padding:15px   ;    background:var(--color8); color:#fff; border-radius:6px; line-height:1.4; } 
.chart_wrap01 .depth2::after		{position:absolute; content:'';   left:25%; top:50%; width:50%; height:1px; background:#ddd; z-index:-1; }  /* 가로선 */
  
.chart_wrap01 .depth3							{position:relative;  margin:auto; display: flex;justify-content: space-around; margin-bottom:80px; }  
.chart_wrap01 .depth3::before			{position:absolute; content:''; left:25%; top:-40px; width:50%; height:1px; background:#ddd; z-index:-1; } /* 가로선 */
.chart_wrap01 .depth3	 .inner						{position:relative; width:320px; border:1px solid #ddd; border-radius: 6px ;   }
.chart_wrap01 .depth3 .inner::before		{position:absolute; content:''; left:50%; top:-40px; width:1px; height:40px; background:#ddd; z-index:-1; } /* 세로선 */
.chart_wrap01 .depth3	 .tit							{position:relative;  background:var(--color7); color:#fff; border-radius:6px 6px 0 0; padding:12px 10px; }
.chart_wrap01 .depth3 ul  					{position:relative; padding:15px 10px; font-size:0.95em; line-height:1.4; }
.chart_wrap01 .depth3 ul li					{position:relative;    }  
 
.chart_wrap01 .depth4							{position:relative;  display:flex; justify-content: space-between; gap:20px;   }
.chart_wrap01 .depth4::before			{position:absolute; content:''; left:9.4%; top:-40px; width:81.5%; height:1px; background:#ddd; z-index:-1; } /* 가로선 */
.chart_wrap01 .depth4	 li						{position:relative; width:22%;  border:1px solid #ddd; background:#f5f5f5;padding:15px;border-radius: 6px ; display: flex ; flex-direction: column; align-items: center; gap:10px; }   
.chart_wrap01 .depth4 li::before		{position:absolute; content:''; left:50%; top:-40px; width:1px; height:40px; background:#ddd; z-index:-1; } /* 세로선 */
.chart_wrap01 .depth4	 li	.img			{  width:80px; height:80px;  background:#fff;border-radius: 60px ; display: flex ; flex-direction: column; justify-content: center; align-items: center; }
.chart_wrap01 .depth4	 li	.img img			{max-width:50px;}
.chart_wrap01 .depth4	 li	.tit				{ font-size:0.95em; line-height:1.3; color:#222; } 
.chart_wrap01 .depth4	 li	.tit span		{display:block; font-size:0.9em;  color:#999; } 
 
  
@media screen and (max-width:1024px) {
.chart_wrap01 .depth1 p				{ width:260px; padding:15px 10px ;} 
.chart_wrap01 .depth2 li				{width:290px; padding:15px  10px ;    } 
.chart_wrap01 .depth3	 .inner		{width:290px;}
.chart_wrap01 .depth4					{  gap:10px; }
.chart_wrap01 .depth4::before			{ left:9.6%;  width:81%;   } /* 가로선 */ 
}
@media screen and (max-width:800px) {
.chart_wrap01 .depth1 p				{ width:230px; } 
.chart_wrap01 .depth2					{justify-content: space-between; }
.chart_wrap01 .depth2 li				{width:270px;  } 
.chart_wrap01 .depth3					{ justify-content: space-between; }
.chart_wrap01 .depth3	 .inner		{width:270px;} 
}
@media screen and (max-width:768px) {
.chart_wrap01 .depth2 li				{width:46%;  } 
.chart_wrap01 .depth3	 .inner		{width:46%;} 
}
@media screen and (max-width:600px) { 
.chart_wrap01 .depth3							{ margin-bottom:40px; }  
.chart_wrap01 .depth4							{ flex-direction: column;  border:1px solid #ddd; padding:10px; background:#fff;border-radius: 6px ;    }
.chart_wrap01 .depth4::before			{display:none; } /* 가로선 */
.chart_wrap01 .depth4	 li						{  width:100%; flex-direction: row;  justify-content: center; gap:20px; } 
.chart_wrap01 .depth4	 li	.tit				{width:120px; }
}
 
 

.chart_wrap02								{position:relative; overflow:hidden;  text-align:center; font-size:0.95em; }
.chart_wrap02::after						{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:380px; background:#ddd; z-index:-1; } /* 세로 라인 */
.chart_wrap02 .depth1					{position:relative;   display: flex; flex-direction: column;gap:20px; justify-content:center; align-items:center;margin-bottom:30px; } 
.chart_wrap02 .depth1 p				{position:relative;  display:inline-block;   font-weight:600;  background:var(--color1); color:#fff;   width:280px; padding:15px 10px ; line-height:1.3;  border-radius:6px;} 
.chart_wrap02 .depth1 p:nth-child(2)	{ background:var(--color2); } 

.chart_wrap02 .depth2					{position:relative; margin:auto; display: flex; flex-flow:wrap;justify-content: space-around;align-items: center; margin-bottom:20px; }  
.chart_wrap02 .depth2 ul				{position:relative; width:320px; padding:6px   ; border:1px solid #ddd; background:#fff;  border-radius:6px; display: flex; flex-direction: column;gap:5px; }  
.chart_wrap02 .depth2 ul li			{position:relative;  background:var(--color8);  color:#fff; line-height:1.4; padding:8px; } 
.chart_wrap02 .depth2::after		{position:absolute; content:'';   left:25%; top:50%; width:50%; height:1px; background:#ddd; z-index:-1; }  /* 가로선 */
  
.chart_wrap02 .depth3							{position:relative;  display:flex; justify-content: space-between; gap:20px;  background:#fff; padding-top:40px; }
.chart_wrap02 .depth3::before			{position:absolute; content:''; left:11.8%; top:0; width:76.5%; height:1px; background:#ddd;   } /* 가로선 */
.chart_wrap02 .depth3	 li						{position:relative; flex:1;  border:1px solid #ddd; background:#f5f5f5;padding:15px 10px;border-radius: 6px ; display: flex ; flex-direction: column; align-items: center; gap:10px; }   
.chart_wrap02 .depth3 li::before		{position:absolute; content:''; left:50%; top:-40px; width:1px; height:40px; background:#ddd;  } /* 세로선 */
.chart_wrap02 .depth3 li::after			{position:absolute; content:'';bottom:-50px; left:0; width:100%; height:50px; background:url('../img/sub/arrow02.png') no-repeat center 50%; background-size:auto 25px;  }   /* 화살표 */
.chart_wrap02 .depth3	 li	.no				{ font-size:0.95em;   background:var(--color7);border-radius: 60px ;  color:#fff; padding:7px  15px; width:100px; line-height:1.3; } 
.chart_wrap02 .depth3	 li	.tit				{line-height:1.3; color:#222; }  

.chart_wrap02 .depth4							{position:relative;   margin-top:50px;border:1px solid #ddd; background:#f5f5f5; padding:15px; border-radius: 6px ;  display: flex ; flex-direction: column; align-items: center;gap:10px; }   
.chart_wrap02 .depth4 .no					{ font-size:0.95em;   background:var(--color7);border-radius: 60px ;  color:#fff; padding:7px  15px; width:100px; line-height:1.3;} 
.chart_wrap02 .depth4 .tit					{line-height:1.3; color:#222; }  


@media screen and (max-width:1024px) {
.chart_wrap02 .depth1 p				{ width:260px; } 
.chart_wrap02 .depth2 ul				{width:290px;    }   
}
@media screen and (max-width:800px) {
.chart_wrap02 .depth1 p				{ width:230px; } 
.chart_wrap02 .depth2					{justify-content: space-between; } 
.chart_wrap02 .depth3							{ gap:10px; } 
}
@media screen and (max-width:768px) {
.chart_wrap02 .depth2 ul				{width:46%;  }  
.chart_wrap02 .depth3	 li	.no				{ font-size:0.9em; width:initial; } 
.chart_wrap02 .depth4 .no					{ font-size:0.9em; } 
}
@media screen and (max-width:600px) { 
.chart_wrap02 .depth4 .no					{ width:initial; } 
 
}


.chart_wrap02_people									{position:relative;display: flex ; flex-direction: column;gap:20px; } 
.chart_wrap02_people	.inner						{position:relative;display: grid; grid-template-columns:180px auto;  } 
.chart_wrap02_people	.inner .tit					{position:relative;   background:var(--color7); color:#fff; padding:15px 10px; text-align:center; border-radius:10px 0 0 10px;  display: flex ; flex-direction: column; justify-content: center; align-items: center;  font-weight:700;  border:1px solid #ddd; border-right:0; line-height:1.3;}  
.chart_wrap02_people	.inner .no				{position:relative; width:80px; text-align:center;  background:var(--color1); font-size:0.9em; font-weight:600;  line-height:30px; border-radius:20px; margin-bottom:10px;  } 

.chart_wrap02_people	.inner .tit	 span		{display:block;font-size:0.9em; opacity:0.6;}
.chart_wrap02_people	.inner .box				{position:relative;  border:1px solid #ddd;  border-radius:0 10px 10px 0; padding:20px;  display: grid; grid-template-columns:auto 120px ; gap:16px}
.chart_wrap02_people	.inner .img				{position:relative;  } 
.chart_wrap02_people	.inner .img img		{width:100%; } 
.chart_wrap02_people	.inner .cont				{position:relative; flex:1; } 
.chart_wrap02_people	.inner .cont	 .txt01			{font-size:1.05em; font-weight:700;  color:var(--color2); padding:0 0 15px 0;  } 
.chart_wrap02_people	.inner .cont	 ul		{position:relative; font-size:0.95em;    } 
.chart_wrap02_people	.inner .cont	 ul li		{position:relative;  } 
.chart_wrap02_people	.inner .detail			{position:relative;  display: flex ; flex-direction: column; gap:6px; font-size:0.9em; border-top:1px dashed #ddd; padding-top:16px; grid-column: 1 / 3; grid-row: 2 / 3;  } 
.chart_wrap02_people	.inner .detail dl			{position:relative;   display: grid; grid-template-columns:100px auto;gap:10px;  } 
.chart_wrap02_people	.inner .detail dt			{position:relative; background:var(--color10); color:#fff; text-align:center;  border-radius:4px; } 
.chart_wrap02_people	.inner .detail dt			{position:relative;  } 

@media screen and (max-width:1024px) {
.chart_wrap02_people	.inner						{grid-template-columns:170px auto;  } 
}
@media screen and (max-width:800px) {
.chart_wrap02_people	.inner						{grid-template-columns:1fr;  } 
.chart_wrap02_people	.inner .tit					{  padding:12px 10px; border-radius:10px  10px 0 0; border:0;flex-direction: row;  }
.chart_wrap02_people	.inner .tit	 br			{display:none;}
.chart_wrap02_people	.inner .tit	 span		{display:inline; }
.chart_wrap02_people	.inner .no				{  width:70px;height:30px; line-height:30px;   margin-bottom:0;margin-right:10px;  } 
.chart_wrap02_people	.inner .box				{   border-radius:0 0 10px 10px; padding:15px;  grid-template-columns:auto 100px ;}
}



.chart_wrap03								{position:relative; overflow:hidden;  text-align:center; font-size:0.95em; }
.chart_wrap03::after						{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd; z-index:-1; } /* 세로 라인 */
.chart_wrap03 .depth1					{position:relative;   display: flex; flex-direction: column;gap:20px; justify-content:center; align-items:center;margin-bottom:30px; } 
.chart_wrap03 .depth1 div			{display:inline-block;  width:260px; border:1px solid #ddd;  border-radius:6px;padding-bottom:15px;background:#fff; }
.chart_wrap03 .depth1 p				{position:relative;    font-weight:600;  background:var(--color1); color:#fff;  padding:15px 10px ; line-height:1.3;  border-radius:6px 6px 0 0; margin-bottom:15px; } 
.chart_wrap03 .depth1:nth-child(2) p		{background:var(--color2); }
.chart_wrap03 .depth1:nth-child(3) p		{background:var(--color3); }
.chart_wrap03 .depth1 img			{max-width:100%; height:35px;}
 
.chart_wrap03 .depth2					{position:absolute;top:140px; left:0;width:100%; display: flex; justify-content:  space-between;   }   
.chart_wrap03 .depth2::after		{position:absolute; content:'';   left:15%; top:50%; width:70%; height:1px; background:#ddd; z-index:-1; }  /* 가로선 */
.chart_wrap03 .depth2 div			{position:relative; width:250px;  border:1px solid #ddd;  border-radius:6px; background:#fff; }
.chart_wrap03 .depth2 p				{position:relative;    font-weight:600;  background:var(--color8); color:#fff; padding:15px 10px ; line-height:1.3; border-radius:6px 6px 0 0;  } 
.chart_wrap03 .depth2 ul				{font-size:0.95em; padding:10px; }
 
.chart_wrap03 .depth3							{position:relative; display: grid; grid-template-columns:repeat(4, 1fr);gap:20px; padding-top:40px; background:#fff;  }  
.chart_wrap03 .depth3::before			{position:absolute; content:''; left:11.8%; top:0; width:76.5%; height:1px; background:#ddd; z-index:1; } /* 가로선 */
.chart_wrap03 .depth3	 .inner						{position:relative;   border:1px solid #ddd; background:#fff;border-radius: 6px ;   display: flex ; flex-direction: column;  align-items: center;  padding-bottom:50px; }
.chart_wrap03 .depth3 .inner::before		{position:absolute; content:''; left:50%; top:-40px; width:1px; height:40px; background:#ddd; z-index:1; } /* 세로선 */
.chart_wrap03 .depth3	 .tit							{position:relative;  width:100%; background:var(--color7); color:#fff; line-height:1.3; border-radius:6px 6px 0 0; padding:15px 10px; }
.chart_wrap03 .depth3 ul  						{position:relative; padding:15px 10px; font-size:0.95em; line-height:1.4; text-align:left;}
.chart_wrap03 .depth3 ul li						{position:relative;  padding-left:10px; line-height:1.5;}
.chart_wrap03 .depth3 ul li::before		{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#999;} 
.chart_wrap03 .depth3	 .txt						{position:absolute; bottom:0; width:100%; background:#eee; color:var(--color2); font-weight:600;  padding:  10px;border-radius:0 0 6px 6px;  }

@media screen and (max-width:1200px) {
.chart_wrap03 .depth1 div			{ width:230px;}
.chart_wrap03 .depth2 div			{width:210px; }
.chart_wrap03 .depth3							{ gap:10px;   }  
.chart_wrap03 .depth3::before			{ left:12%; width:76%; } /* 가로선 */
}
@media screen and (max-width:800px) {
.chart_wrap03 .depth1 div			{ width:200px;}
.chart_wrap03 .depth2 div			{width:180px; }
.chart_wrap03 .depth1 img			{ height:30px;}
}
@media screen and (max-width:768px) {
.chart_wrap03 .depth1					{justify-content:initial; align-items:initial;} 
.chart_wrap03::after						{  left:25%;  } /* 세로 라인 */
.chart_wrap03 .depth1 div			{ width:calc(50% - 10px); padding-bottom:10px;  } 
.chart_wrap03 .depth1 p				{padding:12px 8px ;margin-bottom:10px;}
.chart_wrap03 .depth1 img			{ height:25px;}

.chart_wrap03 .depth1:nth-child(2)::after		{position:absolute; content:'';   left:0; top:50%; width:56%; height:1px; background:#ddd; z-index:-1; }  /* 가로선 */
   
.chart_wrap03 .depth2					{ top:40px; left:initial;right:0; width:40%; flex-direction: column;gap:10px;   }   
.chart_wrap03 .depth2::after		{display:none; }  /* 가로선 */
.chart_wrap03 .depth2 div			{width:100%;  }  
.chart_wrap03 .depth2 div::after		{position:absolute; content:'';   left:-20px; top:50%; width:20px; height:1px; background:#ddd; z-index:-1; }  /* 가로선 */
.chart_wrap03 .depth2 div::before	{position:absolute; content:'';   left:-20px; top:50%; width:1px; height:60%; background:#ddd; z-index:-1; }  /* 세로선 */
.chart_wrap03 .depth2 div:last-child::before			{top:initial; bottom:50%; }
.chart_wrap03 .depth2 p				{ padding:12px 8px ; } 
.chart_wrap03 .depth2 ul				{font-size:0.9em; padding:8px; line-height:1.4;}
  
.chart_wrap03										{  font-size:0.9em;  }
.chart_wrap03 .depth3							{  grid-template-columns:repeat(2, 1fr);  background:none; }  
.chart_wrap03 .depth3::before			{ left:24.8%; width:50.75%; } /* 가로선 */
.chart_wrap03 .depth3	 .tit							{  padding:12px 8px; }
.chart_wrap03 .depth3 .inner:nth-child(1)::before		{display:none; } /* 세로선 */
.chart_wrap03 .depth3 .inner:nth-child(3)::before		{display:none; } /* 세로선 */
.chart_wrap03 .depth3 .inner:nth-child(4)::before		{  top:-10px;   height:10px;  } /* 세로선 */
}




/* 주요사업   ================================================================================== */  
 
/* 주요사업 ============== */ 
.int02_wrap01									{position:relative; border:1px solid #ddd; border-radius:10px; } 
.int02_wrap01 .main						{position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:180px; height: 180px; color: #fff; background: var(--color1); border-radius: 120px; z-index: 11; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06); text-align: center; display: flex ; flex-direction: column; justify-content: center; align-items: center; font-size: 1.15em; font-weight:700; line-height:1.3 ; border:14px solid var(--color6);  box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); }
.int02_wrap01 .main span				{font-size:0.85em; }
.int02_wrap01 .main::before			{ position:absolute; content:''; left:-50%;top:-50%; width:200%; height:200%; border:2px solid #eee;border-radius:50%; }
.int02_wrap01 ul								{position:relative;  display: grid; grid-template-columns:repeat(2, 1fr); gap:100px 360px; padding:50px 30px; }
.int02_wrap01 ul li							{position:relative; }
.int02_wrap01 ul li .img					{ position:absolute;  right:-110px; top:0; width:110px; aspect-ratio:1/1; border-radius:50%; background:var(--color2);color:#fff;  z-index:11; display: flex ;  justify-content: center; align-items: center;}
.int02_wrap01 ul li:nth-child(even) .img				{left:-110px; right:initial; }
.int02_wrap01 ul li:nth-child(1) .img,
.int02_wrap01 ul li:nth-child(2) .img		{top:initial; bottom:0; } 
.int02_wrap01 ul li .cont					{ padding:0 10px 0 20px;}
.int02_wrap01 ul li .tit						{font-weight:700; color:var(--color1); padding:0 0 14px 0; }
.int02_wrap01 ul li .cont	p				{ position:relative; font-size:0.9em; padding-left:10px; line-height:1.5;}
.int02_wrap01 ul li .cont	p::before		{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#999;}
 

@media screen and (max-width:1300px) {   
.int02_wrap01 .main					{   font-size: 1.1em;  border-width:10px;  }
.int02_wrap01 ul							{  gap:100px 320px; padding:50px 20px; }
.int02_wrap01 ul li .img				{   right:-100px; width:100px; }
.int02_wrap01 ul li:nth-child(even) .img				{left:-100px;   }
}
@media screen and (max-width:1200px) {   
.int02_wrap01 .main					{  width:170px; height: 170px; } 
.int02_wrap01 ul							{   padding:40px 10px; }
}
@media screen and (max-width:800px) {   
.int02_wrap01 .main					{ width:150px; height: 150px;  top:30px; left: 50%; transform: translateX(-50%); border-width:8px; }
.int02_wrap01 .main::before		{display:none; }
.int02_wrap01 ul							{ margin-top:80px;  padding:130px 30px 30px 30px  ;  grid-template-columns:repeat(1, 1fr); gap:30px;}
.int02_wrap01 ul li						{display: flex; gap:20px; }
.int02_wrap01 ul li .img				{ position:relative;  right:initial; width:90px;height:90px;  } 
.int02_wrap01 ul li:nth-child(even) .img				{left:initial; }
.int02_wrap01 ul li .cont				{ padding:0 ; flex:1;}
.int02_wrap01 ul li .tit					{ padding:0 0 10px 0; }
}
@media screen and (max-width:480px) {   
.int02_wrap01 ul							{  padding:130px 20px 20px 20px  ;} 
}



 

.int02_wrap02									{position:relative;  } 
.int02_wrap02 .item01					{position:relative; background:var(--color9);padding:30px; text-align:center; font-size:1.1em; font-weight:600; color:var(--color7);  border-radius:10px; margin-bottom:60px; } 

.int02_wrap02 .item02					{position:relative;  padding:30px; text-align:center; border-radius:10px; border:3px solid var(--color9); margin-bottom:90px; } 
.int02_wrap02 .item02::before		{position:absolute; content:'';bottom:-50px;left:0; width:100%; height:40px;background:url('../img/sub/arrow02.png') no-repeat center 0; }

.int02_wrap02 .item02::after			{position:relative; content:'* CORE AI:  Chungnam’s Open and Regional Enabler of AI)';  font-size:0.85em; color:#999; line-height:1.2; padding-top:10px;}
.int02_wrap02 .item02 .tit				{position:absolute;top:-25px; left:calc(50% - 100px);background:var(--color1); color:#fff; padding:10px; min-width:200px; border-radius:50px;  }
.int02_wrap02 .item02 .cont			{font-weight:600;  padding:10px 0 0 0; color:#222;}
.int02_wrap02 .item02 .cont span			{font-weight:700; font-size:1.15em; color:var(--color1); }

.int02_wrap02 .item03					{position:relative;  padding:30px; text-align:center; border-radius:10px; border:3px solid var(--color9); margin-bottom:90px;} 
.int02_wrap02 .item03::before		{position:absolute; content:'';bottom:-50px;left:0; width:100%; height:40px;background:url('../img/sub/arrow02.png') no-repeat center 0; }
.int02_wrap02 .item03 .tit				{position:absolute;top:-25px; left:calc(50% - 100px);background:var(--color1); color:#fff; padding:10px; min-width:200px; border-radius:50px;  } 
.int02_wrap02 .item03 .cont			{font-weight:600;  padding:10px 0 0 0; color:#222;} 

.int02_wrap02 .item04					{position:relative;   text-align:center; margin-bottom:90px; } 
.int02_wrap02 .item04::before		{position:absolute; content:'';bottom:-50px;left:0; width:100%; height:40px;background:url('../img/sub/arrow02.png') no-repeat center 0; }
.int02_wrap02 .item04 .tit				{position:absolute;top:-25px; left:calc(50% - 100px);background:var(--color1); color:#fff; padding:10px; min-width:200px; border-radius:50px;   } 
.int02_wrap02 .item04 ul				{display: grid; grid-template-columns:repeat(3, 1fr); gap:20px;  padding-top:50px;}
.int02_wrap02 .item04 ul li				{ border:1px solid #ddd;  border-radius:10px; overflow:hidden;   }
.int02_wrap02 .item04 ul li .txt01				{   font-size:0.95em; background:var(--color2); color:#fff; padding:15px 10px;  }
.int02_wrap02 .item04 ul li .txt02				{  padding:20px;  font-size:0.9em;   }


.int02_wrap02 .item05					{position:relative;  text-align:center;  margin-bottom:90px;} 
.int02_wrap02 .item05::before		{position:absolute; content:'';bottom:-50px;left:0; width:100%; height:40px;background:url('../img/sub/arrow02.png') no-repeat center 0; }
.int02_wrap02 .item05 .tit				{position:absolute;top:-25px; left:calc(50% - 100px);background:var(--color1); color:#fff; padding:10px; min-width:200px; border-radius:50px;  } 
.int02_wrap02 .item05 ul				{display: grid; grid-template-columns:repeat(3, 1fr); gap:30px;  padding-top:50px;}
.int02_wrap02 .item05 ul li				{position:relative; padding:15px;  font-size:0.9em; color:#fff; line-height:1.3; background:var(--color3); border-radius:100px;   }
.int02_wrap02 .item05 ul li:nth-child(2)		{background:var(--color2);   } 

.int02_wrap02 .item05 ul li:not(:nth-child(2))::after	 { position:absolute; content:''; top:calc(50% - 6px); right:-18px; width:12px;height:12px;border:solid var(--color7); border-width:3px 3px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);  z-index:11; }
.int02_wrap02 .item05 ul li:last-child::after					{    right:initial; left:-18px;  transform: rotate(-135deg); -webkit-transform: rotate(-135deg);    }


.int02_wrap02 .item06					{position:relative;  text-align:center;   }  
.int02_wrap02 .item06 .tit				{position:absolute;top:-25px; left:calc(50% - 100px);background:var(--color1); color:#fff; padding:10px; min-width:200px; border-radius:50px;  } 

.int02_wrap02 .item06 ul			{display: grid; grid-template-columns:repeat(3, 1fr); gap:30px;  padding-top:50px;}
.int02_wrap02 .item06 ul li			{ position:relative ;   line-height:1.3;   border-radius:10px; padding-bottom:20px; height:100%;    } 
 
.int02_wrap02 .item06 .top  			{position:relative; width:100%; aspect-ratio:1/1; max-width:210px; padding:10px;  line-height:1.4;  border-radius:50%; margin:auto;   display: flex;   flex-direction: column; justify-content:center; align-items:center; border:6px solid var(--color1); color:#333;font-weight:600; background:#fff; margin-bottom:50px; }
.int02_wrap02 .item06 li:first-child .top	{border-color:var(--color4);  }
.int02_wrap02 .item06 li:nth-child(2) .top	{border-color:var(--color5); }
.int02_wrap02 .item06 .top::before		{ position:absolute; content:''; left:-8%;top:-8%; width:116%; height:116%;  border-radius:50%;background:#f0f0f0; z-index:-1;}
.int02_wrap02 .item06 .top p	{display:block; font-size:1.1em; font-weight:700; color:var(--color1 );}
.int02_wrap02 .item06 li:first-child .top p	{  color:var(--color4); }
.int02_wrap02 .item06 li:nth-child(2) .top p	{  color:var(--color5); }
 
.int02_wrap02 .item06 ul li .txt01				{position:relative; width:100%;  background:var(--color7); color:#fff; padding:15px 10px; border-radius:10px 10px 0 0;  }
.int02_wrap02 .item06 ul li .txt01::before			{ position:absolute; content:'';left:50%;top:-40px; width:1px;height:40px; background:#ddd; z-index:-2; }
.int02_wrap02 .item06 ul li .box				{background:#f0f0f0; padding:15px; width:100%; border-radius:0 0 10px 10px;}

.int02_wrap02 .item06 ul li .txt02				{ width:100%;padding:10px;background:var(--color10); color:#fff;   font-size:0.95em; border-radius:6px; margin-bottom:15px;}
.int02_wrap02 .item06 ul li .cont				{   padding:0 0 10px 5px; text-align:left; }
.int02_wrap02 .item06 ul li .cont p			{ position:relative; font-size:0.9em; padding-left:10px; line-height:1.5;}
.int02_wrap02 .item06 ul li .cont p::before		{position:absolute; content:''; display:block; left:0; top:9px; width:3px; height:3px; background:#999;}



@media screen and (max-width:800px) {  
.int02_wrap02 .item02					{  padding:30px 20px;  }
.int02_wrap02 .item03					{padding:30px 20px;  }
.int02_wrap02 .item04 ul				{   gap:10px;  padding-top:40px;}
.int02_wrap02 .item04 ul li .txt01				{    padding:  10px;  }
.int02_wrap02 .item04 ul li .txt02				{  padding:15px 10px;   }
.int02_wrap02 .item05 ul				{ gap:20px;  padding-top:40px;}
.int02_wrap02 .item05 ul li:not(:nth-child(2))::after	 {  right:-12px; width:10px;height:10px; border-width:2px 2px 0 0;   }
.int02_wrap02 .item05 ul li:last-child::after					{ left:-12px;     } 
.int02_wrap02 .item06 .top			{ max-width:180px;margin-bottom:40px; }
.int02_wrap02 .item06 .top::before		{  left:-7%;top:-7%; width:114%; height:114%;   }
.int02_wrap02 .item06 ul			{ gap:10px; padding-top:40px;}
.int02_wrap02 .item06 ul li .txt01				{ padding:12px  6px;    }
}
@media screen and (max-width:600px) {  
.int02_wrap02 .item06 .top			{ max-width:160px;margin-bottom:30px; }
.int02_wrap02 .item06 ul			{ grid-template-columns:repeat(1, 1fr);  }
}


/* 주요사업 ============== */ 




/* 학위과정 프로그램  ============== */ 
.int02_wrap03											{position:relative;   display: grid; grid-template-columns:repeat(3, 1fr); gap:40px;  margin-bottom:80px; }
.int02_wrap03::before							{position:absolute; content:'';bottom:-70px;left:0; width:100%; height:60px;background:url('../img/sub/arrow01.png') no-repeat center 0; }
.int02_wrap03 li										{ position:relative;   padding:25px 10px; border-radius:100px; background:var(--color4) ; color:#fff; font-weight:700; font-size:1.05em; text-align:center; line-height:1.2; display: flex; flex-direction: column; justify-content:center; align-items:center; } 
.int02_wrap03 li:nth-child(2)					{background:var(--color5);} 
.int02_wrap03 li:last-child						{background:var(--color1);} 
.int02_wrap03 li::after							{content:''; position:absolute; top:0;right:-40px; width:40px;height:100%; background:url('../img/sub/arrow03.png') no-repeat center 50%; background-size:  60% auto; }
.int02_wrap03 li:last-child::after			{display:none;}
 
@media screen and (max-width:800px) {   
.int02_wrap03											{ gap:30px;   }  
.int02_wrap03 li										{ font-size:1em;padding:18px 15px; }
.int02_wrap03 li::after							{ right:-30px; width:30px;   }
}
@media screen and (max-width:600px) {   
.int02_wrap03											{ gap:20px;   }   
.int02_wrap03 li::after							{ right:-20px; width:20px; background-size:80% auto; }
}
 


.int02_wrap04											{position:relative;  text-align:center;min-width:800px; }
.int02_wrap04 .top									{position:relative; margin-left:25%; }
.int02_wrap04 .top	.item01					{position:relative;  display: grid; grid-template-columns:repeat(2, 1fr); gap:6px;     }
.int02_wrap04 .top	.item01 span			{position:relative; background:#9dabbb; padding:15px; color:#fff;  border-radius:6px 6px 0 0; }
.int02_wrap04 .top	.item01 span:last-child			{  background:#71788c;    }
.int02_wrap04 .top	.item02					{position:relative;  display: grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-top:10px; background:var(--gra1);  background-size:250%; border-radius:6px ; }
.int02_wrap04 .top	.item02 li				{position:relative; color:#fff; padding:10px;   } 
.int02_wrap04 .top	.item02 li::after		{position:absolute; content:''; top:4px; right:-10px; width:40px;height:40px;border:solid #fff; border-width:5px 5px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
.int02_wrap04 .top	.item02 li:last-child::after		{display:none;}


.int02_wrap04 .inner								{position:relative; display: grid; grid-template-columns:24% auto; gap:1%;  border-bottom:1px dashed #ddd;padding:20px 0; }
.int02_wrap04 .inner:last-child				{ border-bottom:0;  }
.int02_wrap04 .inner .tit							{position:relative; padding:0  10px;  text-align:center;   } 
.int02_wrap04 .inner .tit .img					{ margin:auto; width:160px;height:160px; border-radius:50%; background:var(--color1); display: flex; flex-direction: column; justify-content:center; align-items:center;   } 
.int02_wrap04 .inner .tit strong				{ display:block;font-size:1em; color:#fff; font-weight:600; padding-top:5px;  }
.int02_wrap04 .inner .tit .txt					{padding:20px 0 0 0; font-size:0.95em;  line-height:1.25; color:#555; word-break:keep-all;}
.int02_wrap04 .inner .cont						{  overflow:hidden;  }
.int02_wrap04 .inner .cont .box				{ display: grid; grid-template-columns:repeat(4, 1fr);gap:24px;  }
.int02_wrap04 .inner .cont .box ul					{display: flex; flex-direction: column; justify-content:center;  gap:6px; }
.int02_wrap04 .inner .cont .box ul li				{position:relative;   }
.int02_wrap04 .inner .cont .box ul li::after		{content:''; position:absolute; top:calc(50% - 4px);left:-5px; width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid  transparent;border-left:5px solid #ccc;}
.int02_wrap04 .inner .cont .box ul:first-child li::after		{display:none;}

.int02_wrap04 .inner .cont .box ul li p				{position:relative; border:1px solid #ddd;padding:10px 5px; line-height:1.2em;font-size:0.8em; background:#f6f6f6; border-radius:6px ; letter-spacing:-0.05em; }
.int02_wrap04 .inner .cont .box ul li p::after	{content:''; position:absolute; top:50%;left:-12px; width:calc(100% + 26px); height:1px; background:#ddd; z-index:-1; } 

.int02_wrap04 .inner .cont .box ul .line01::before	{content:''; position:absolute; top:50%; right:-13px; width:1px; height:60%; background:#ddd; }
.int02_wrap04 .inner .cont .box ul .line02::before	{content:''; position:absolute; bottom:50%; right:-13px; width:1px; height:80%; background:#ddd; }
.int02_wrap04 .inner .cont .box ul .line03::before	{content:''; position:absolute; top:50%; right:-13px; width:1px; height:160%; background:#ddd; }
.int02_wrap04 .inner .cont .box ul .line04::before	{content:''; position:absolute; bottom:50%; left:-13px; width:1px; height:60%; background:#ddd; }
.int02_wrap04 .inner .cont .box ul .line05::before	{content:''; position:absolute; top:50%; left:-13px; width:1px; height:60%; background:#ddd; }
.int02_wrap04 .inner .cont .box ul .line06::before	{content:''; position:absolute; bottom:50%; left:-12px; width:1px; height:8px; background:#ddd;  display:none;}

.int02_wrap04 .inner .cont .txt02				{  background:var(--color2); margin-top:10px;padding:13px; color:#fff; border-radius:6px ; }
.int02_wrap04 .inner:nth-child(odd) .cont .txt02			{  background:var(--color3);   }


@media screen and (max-width:1280px) {   
.int02_wrap04 .inner .cont .box ul .line06::before	{display:block;}
}

@media screen and (max-width:800px) {   
.int02_wrap04 .top									{  margin-left:22%; }
.int02_wrap04 .inner								{  grid-template-columns:21% auto; gap:1%; }
.int02_wrap04 .inner .tit							{  padding:0  5px; }
.int02_wrap04 .inner .tit .img					{  width:130px;height:130px;}
.int02_wrap04 .inner .tit .img img			{  width:55px;height:55px;}
.int02_wrap04 .inner .tit strong				{  font-size:1.05em;  padding:0 0 5px 0; font-weight:600; }
.int02_wrap04 .inner .tit .txt					{padding:10px 0 0 0; word-break:break-all;}
.int02_wrap04 .inner .cont .txt02			{ padding:10px; }
}



 
.int02_wrap05 												{position:relative; }
.int02_wrap05>ul 											{position:relative; display: flex; flex-direction: column; gap:24px; }
.int02_wrap05>ul>li										{position:relative;  display: flex; justify-content:center; align-items:center;     }
.int02_wrap05>ul>li::before						{position:absolute;content:''; left:50px; top:0; width:calc(100% - 50px); height:100%; background:#f5f5f5; border-radius:10px;}
.int02_wrap05>ul>li .no								{position:relative; background:var(--color7); width:100px; aspect-ratio:1/1; color:#fff;border-radius:50%; text-align:center;  display: flex;  justify-content:center; align-items:center;  }
.int02_wrap05>ul>li .no span						{display:inline-block; font-size:1.1em; font-weight:700; color:var(--point1); padding-left:5px;}
.int02_wrap05>ul>li .inner							{position:relative; flex:2; padding:20px;   text-align:center;}
.int02_wrap05>ul>li .tit								{position:relative; font-size:1.1em;   font-weight:700; color:var(--color2);padding-bottom:20px; border-bottom:1px dashed #d0d0d0;   }
.int02_wrap05>ul>li .cont							{position:relative;padding:20px 0 10px 0; font-size:0.95em; }
.int02_wrap05>ul>li .txt01							{ padding-bottom:15px; font-weight:600; font-size:1.05em;}
.int02_wrap05>ul>li .txt02							{ display:block; padding:7px 20px; font-weight:600; background:var(--color1); color:#fff; border-radius:6px; margin-bottom:15px; }


.int02_wrap05>ul>li .item01_01					{position:absolute;top:40px; left:0; width:100%; display: flex; flex-direction: column; gap:5px; }
.int02_wrap05>ul>li .item01_01	p				{position:relative; display: flex; justify-content:space-between; font-size:0.9em; }
.int02_wrap05>ul>li .item01_01	p span			{position:relative; display:block; width:22%;padding:  10px; background:#aab0bd; color:#fff; line-height:1.2;  }
.int02_wrap05>ul>li .item01_01	p span::after		{position:absolute;content:'';  top:0;right:0; width:10px;height:100%; background:url('../img/sub/arrow05.png') no-repeat 0 0 #f5f5f5; background-size:100% 100%;  }

.int02_wrap05>ul>li .item01_02						{position:relative; display: flex;justify-content:center;  gap:24px; margin-right:10px;   }
.int02_wrap05>ul>li .item01_02>li					{position:relative;width:25%;   text-align:center; border:1px solid #aab0bd; background:#fff; padding: 15px; line-height:1.3;  border-radius:10px;   }
 

.int02_wrap05>ul>li .item03						{position:relative; display: flex;justify-content:center;  gap:24px;   }
.int02_wrap05>ul>li .item03 dl					{position:relative;  text-align:center; border:1px solid #aab0bd; background:#fff; padding:15px; line-height:1.3;  border-radius:10px;   }
.int02_wrap05>ul>li .item03 dl dt				{position:relative; display:block; padding:10px 20px; font-weight:600; background:var(--color1); color:#fff; border-radius:6px; margin-bottom:15px; }
.int02_wrap05>ul>li .item03 dl dd				{position:relative; border:1px solid #aab0bd; background:#f3f3f3; padding:  10px; line-height:1.3;  border-radius:10px;   }

  
.int02_wrap05>ul>li .item06						{position:relative; display: flex;justify-content:center;  gap:24px;   }
.int02_wrap05>ul>li .item06>li					{position:relative;   text-align:center; border:1px solid #aab0bd; background:#fff; padding: 15px; line-height:1.3;  border-radius:10px;   } 


.int02_wrap05>ul>li .item07						{position:relative; display: flex;justify-content:center;  gap:24px;   }
.int02_wrap05>ul>li .item07>li					{position:relative; width:calc(25% - 25px); text-align:center; border:1px solid #aab0bd; background:#fff; padding:15px; line-height:1.3;  border-radius:10px;   }

.int02_wrap05>ul>li .check01						{background:#d9dbe1 !important;  }

.int02_wrap05>ul>li .arrow01::after			{position:absolute;content:''; right:-26px; top:0; width:26px; height:100%; background:url('../img/sub/arrow04.png') no-repeat center 50%; opacity:0.5;  }   /* plus right*/
.int02_wrap05>ul>li .plus01::after				{position:absolute;content:''; right:-26px; top:0; width:26px; height:100%; background:url('../img/sub/plus.png') no-repeat center 50%; opacity:0.5; }   /* plus right*/

.int02_wrap05>ul>li .plus02						{margin-bottom:30px;}
.int02_wrap05>ul>li .plus02::after				{position:absolute;content:''; left:0; bottom:-26px; width:100%; height:26px; background:url('../img/sub/plus.png') no-repeat center 50%; opacity:0.5; }   /* plus bottom */
 
.int02_wrap05>ul>li .tab02 li, .int02_wrap05>ul>li .tab02 dl							{ width:33%; }
.int02_wrap05>ul>li .tab03 li							{width:33%; }


@media screen and (max-width:1200px) {    
.int02_wrap05>ul>li .tab02 li, .int02_wrap05>ul>li .tab02 dl							{ width:48%; }
}
@media screen and (max-width:800px) {     
.int02_wrap05>ul 											{ gap:20px; }
.int02_wrap05>ul>li										{ flex-direction: column;  }
.int02_wrap05>ul>li::before						{  left:0;  width:100%;  }
.int02_wrap05>ul>li .no								{  width:100%;padding:10px;  aspect-ratio:initial; border-radius:10px 10px 0 0;   } 
.int02_wrap05>ul>li .inner							{width:100%;padding:15px;  }
 
.int02_wrap05>ul>li .item01_02,
.int02_wrap05>ul>li .item03,
.int02_wrap05>ul>li .item06,
.int02_wrap05>ul>li .item07						{ gap:16px;    }
.int02_wrap05>ul>li .plus02						{margin-bottom:16px;}
.int02_wrap05>ul>li .plus02::after				{  bottom:-18px;  height:18px;  background-size:10px auto; }   /* plus bottom */
.int02_wrap05>ul>li .arrow01::after,
.int02_wrap05>ul>li .plus01::after				{ right:-18px;  width:18px; background-size:10px auto;  }   /* plus right*/

.int02_wrap05>ul>li .tit								{  font-size:1.05em;  padding-bottom:10px;   }
.int02_wrap05>ul>li .cont							{ padding:15px 0 5px 0;   }

.int02_wrap05>ul>li .item01_02>li,
.int02_wrap05>ul>li .item03 dl,
.int02_wrap05>ul>li .item06>li,
.int02_wrap05>ul>li .item07>li					{  padding:10px; border-radius:6px; }
.int02_wrap05>ul>li .txt02							{   padding:7px 10px;  border-radius:6px; margin-bottom:10px; }
.int02_wrap05>ul>li .item03 dl dt				{padding:7px 10px;  border-radius:6px; margin-bottom:10px; }
.int02_wrap05>ul>li .item03 dl dd				{  padding: 7px 10px;   border-radius:6px;   }
.int02_wrap05>ul>li .item07>li					{ width:calc(25% - 10px);    }
 
.int02_wrap05>ul>li .item01_01					{position:relative;top:0; left:0; } 
.int02_wrap05>ul>li .item01_01	p span			{ width:49.5%;   }
.int02_wrap05>ul>li .item01_01	p span:last-child::before		{ position:absolute;content:'';  top:0;left:0; width:10px;height:100%; background:url('../img/sub/arrow06.png') no-repeat 0 0 #aab0bd; background-size:100% 100%;  }
 
.int02_wrap05>ul>li .item01_02						{ margin-right:0;  margin-top:15px; }
.int02_wrap05>ul>li .item01_02>li					{ width:48%;      }
  
}
@media screen and (max-width:600px) {    
.int02_wrap05>ul>li .item01_02>li,
.int02_wrap05>ul>li .item03 dl,
.int02_wrap05>ul>li .item06>li,
.int02_wrap05>ul>li .item07>li					{  padding:6px;}
}



/* 학위과정 프로그램  ============== */ 








/* 기대효과 ============== */ 
.int02_wrap06 									{position:relative;}
.int02_wrap06 .txt_box								{position:relative; background: var(--color9); padding: 30px; text-align: center; font-size: 1.1em; font-weight: 700; color: var(--color7); border-radius: 10px; margin-bottom: 60px; }
.int02_wrap06 .txt_box span						{ display:block; font-size:1.2em; font-weight:700; color:var(--color1); }

.int02_wrap06 ul											{position:relative; text-align:center; display: grid;grid-template-columns: repeat(4, 1fr); gap:30px; }
.int02_wrap06 ul li										{position:relative; display: flex; flex-direction: column;align-items:center ; padding-bottom:100px;   }
.int02_wrap06 ul li::before							{position:absolute;  content:''; top:250px; left:0; width:100%; height:calc(100% - 400px); border:1px solid #ddd; background:#fff;  border-radius:  6px;}
.int02_wrap06 ul li::after								{position:absolute;  content:''; top:0; left:50%; width:1px; height:100%; background:#ddd; z-index:-2;  }
.int02_wrap06 ul li .txt01							{position:relative; width:100%; aspect-ratio:1/1; border-radius:50%; border:8px solid var(--color1); color:var(--color1);font-size:1.05em;  max-width:180px;  font-weight:700; display: flex; flex-direction: column;justify-content:center ; align-items:center; margin-bottom:50px; line-height:1.2; background:#fff; }
.int02_wrap06 ul li .txt01::before				{ position:absolute; content:''; left:-10%;top:-10%; width:120%; height:120%; background:var(--color6);border-radius:50%; z-index:-1;}
.int02_wrap06 ul li .txt01 figure					{display:block;}
.int02_wrap06 ul li .txt01 figure	img			{max-width:60px; }

.int02_wrap06 ul li .txt02							{position:relative;  background:var(--color1); color:#fff;  padding:13px 10px; width:100%; border-radius:6px 6px 0 0; }
.int02_wrap06 ul li .cont								{position:relative; padding:15px; width:100%;  font-size:0.9em; margin-bottom:60px; text-align:left;}
.int02_wrap06 ul li .cont	p							{ position:relative;  padding-left:10px; line-height:1.5;}
.int02_wrap06 ul li .cont	p::before				{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#999;}

.int02_wrap06 ul li .txt03							{position:absolute; bottom:0; width:100%;background:var(--color2); color:#fff; font-size:0.95em; font-weight:600;  line-height:1.2; padding:15px  ;  min-height:110px; display: flex; flex-direction: column;align-items:center ;justify-content:center ; border-radius:6px ; }
.int02_wrap06 ul li .txt03 span					{display:block; font-size:0.9em; padding-top:8px; opacity:0.7; }

@media screen and (max-width:1200px) {   
.int02_wrap06 .txt_box								{ margin-bottom:50px; }
.int02_wrap06 ul											{  gap:20px; }
.int02_wrap06 ul li .txt01							{   max-width:160px; }
}
@media screen and (max-width:800px) {   
.int02_wrap06 ul											{ grid-template-columns: repeat(2, 1fr); gap:40px 20px;  }
.int02_wrap06 ul li::before							{ height:calc(100% - 370px); }
.int02_wrap06 ul li .txt01							{  margin-bottom:40px;}
.int02_wrap06 ul li .cont								{margin-bottom:30px;}
.int02_wrap06 ul li .txt03							{ min-height:90px; }
}
@media screen and (max-width:600px) {   
.int02_wrap06 ul											{ grid-template-columns: repeat(1, 1fr);   }
}

/* 기대효과 ============== */ 











/* 주요사업   ================================================================================== */ 






/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2 / 1;border:1px solid #dfdfdf;}
.map_box ul									{overflow:hidden; padding:30px 10px;  border-bottom:1px solid #ddd;display: grid; grid-template-columns: 60% auto; gap: 20px 20px; }
.map_box ul li								{  line-height:40px;display: grid; grid-template-columns:100px auto; gap:10px; } 
.map_box .txt01							{ font-weight:600;color:var(--color1);  }
.map_box .txt02							{}
.map_box i										{background:var(--color1); color:#fff; width:40px;height:40px; line-height:40px; border-radius:100%; text-align:center; cursor:auto; margin-right:10px; font-size:0.95em;}

.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/sub/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); gap: 10px; }
	.map_box ul li							{ line-height:30px; font-size:0.95em;grid-template-columns:90px auto;  }
	.map_box i									{width:30px;height:30px; line-height:30px;  }
} 
@media screen and (max-width:800px) {  
	.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  ================================================================================== */
 

 
 
 
 


/* 연구개발  ================================================================================== */ 
.research01_wrap01												{position:relative;}

.research01_wrap01 .item01								{position:relative;margin-bottom:100px;  }
.research01_wrap01 .item01::before					{position:absolute; content:'';bottom:-80px;left:0; width:100%; height:70px;background:url('../img/sub/arrow01.png') no-repeat center 0; }
.research01_wrap01 .item01 .top						{position:absolute; width:100%; height:100%; z-index:1;}
.research01_wrap01 .item01 .top p					{ position:absolute; top:-30px; text-align:center; min-width:260px; background:#fff; border-radius:50px; padding:15px 20px; color:var(--color1); border:3px solid var(--color1); font-weight:600; }
.research01_wrap01 .item01 .top p:nth-child(2)					{  right:0; }
.research01_wrap01 .item01 .top p:nth-child(3)					{  left:0; bottom:-30px; top:initial; right:initial; }
.research01_wrap01 .item01 .top p:nth-child(4)					{  right:0; bottom:-30px; top:initial;}
.research01_wrap01 .item01 ul							{position:relative; text-align:center; display:flex; flex-flow:wrap;justify-content: center; gap:30px 5%; background:#f6f6f6; border:1px solid #ddd; border-radius:10px; padding:60px 40px; margin:30px 20px; }
.research01_wrap01 .item01 ul li						{position:relative; width:30%; border:1px solid #ddd; border-radius:10px;background:#fff;   }
.research01_wrap01 .item01 ul li:not(:first-of-type)::after	 { position:absolute; content:''; top:calc(50% - 6px); left:-11%; width:10px;height:10px;border:solid var(--color1); border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);  z-index:11; }

.research01_wrap01 .item01 ul li .tit					{background:var(--color2);  padding:15px 10px; color:#fff; font-size:0.95em; line-height:1.2; border-radius:10px 10px 0 0; }
.research01_wrap01 .item01 ul li .txt					{padding:  20px;   font-size:0.9em; line-height:1.2; }

@media screen and (max-width:1200px) {   
.research01_wrap01 .item01 ul							{ padding:50px 30px;  }
.research01_wrap01 .item01 ul li .txt					{padding:20px 15px;   }
}
@media screen and (max-width:800px) {   
.research01_wrap01 .item01								{ margin-bottom:80px;  }
.research01_wrap01 .item01::before					{ bottom:-70px;height:60px;background-size:auto 100%;  }
.research01_wrap01 .item01 .top p					{ top:-25px; min-width:220px; padding:10px ; border-width:2px;  } 
.research01_wrap01 .item01 .top p:nth-child(3),
.research01_wrap01 .item01 .top p:nth-child(4)					{ bottom:-25px;  }

.research01_wrap01 .item01 ul							{ padding:40px 20px;  margin:25px 0 0 0;}
.research01_wrap01 .item01 ul li .tit					{ padding:12px 10px; }
.research01_wrap01 .item01 ul li .txt					{padding:  15px 15px 20px 15px;   }
.research01_wrap01 .item01 ul li:not(:first-of-type)::after	 {  left:-12%; }
}
@media screen and (max-width:600px) {    
.research01_wrap01 .item01::before					{  height:40px;background-size:auto 100%;  }
.research01_wrap01 .item01 .top p					{  min-width:160px; padding:10px 15px ; font-size:0.9em;  } 
.research01_wrap01 .item01 ul							{  gap:16px 5%;}
.research01_wrap01 .item01 ul li						{  width:45%; }
.research01_wrap01 .item01 ul li:not(:first-of-type)::after	 {  left:-8%;  width:8px;height:8px;}
}
@media screen and (max-width:480px) {   
.research01_wrap01 .item01 ul li						{  width:47%; }
.research01_wrap01 .item01 ul li:not(:first-of-type)::after	 {  left:-10%;  }
}



.research01_wrap01 .item02_wrap					{position:relative; border:1px solid #ddd; border-radius:10px;overflow:hidden;  } 
.research01_wrap01 .item02								{position:relative;  } 
.research01_wrap01 .item02 .main					{position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:200px; height: 200px; color: #fff; background: var(--color1); border-radius: 120px; z-index: 11; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06); text-align: center; display: flex ; flex-direction: column; justify-content: center; align-items: center; font-size: 1.15em; font-weight:700; line-height:1.3 ; border:14px solid var(--color6);  box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); }
.research01_wrap01 .item02 .main span			{font-size:0.85em; }
.research01_wrap01 .item02 .main::before		{ position:absolute; content:''; left:-40%;top:-40%; width:180%; height:180%; border:2px solid #eee;border-radius:50%; }
.research01_wrap01 .item02 ul							{position:relative;  display: grid; grid-template-columns:repeat(2, 1fr); gap:100px 360px; padding:50px 30px; }
.research01_wrap01 .item02 ul li						{position:relative; }
.research01_wrap01 .item02 ul li .img				{ position:absolute;  right:-100px; top:0; width:100px; aspect-ratio:1/1; border:2px solid #eee;border-radius:50%; background:#fff;  z-index:11; display: flex ;  justify-content: center; align-items: center;}
.research01_wrap01 .item02 ul li:nth-child(even) .img				{left:-100px; right:initial; }
.research01_wrap01 .item02 ul li:nth-child(1) .img,
.research01_wrap01 .item02 ul li:nth-child(2) .img		{top:initial; bottom:0; }
.research01_wrap01 .item02 ul li .cont				{ padding:0 10px 0 20px;}
.research01_wrap01 .item02 ul li .tit					{font-weight:700; color:var(--color1); padding:0 0 14px 0; }
.research01_wrap01 .item02 ul li .cont	p			{ position:relative; font-size:0.9em; padding-left:10px; line-height:1.5;}
.research01_wrap01 .item02 ul li .cont	p::before		{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#999;}
 

@media screen and (max-width:1300px) {   
.research01_wrap01 .item02 .main					{  width:180px; height: 180px; font-size: 1.1em;  border-width:10px;  }
.research01_wrap01 .item02 ul							{  gap:100px 320px; padding:50px 20px; }
.research01_wrap01 .item02 ul li .img				{   right:-90px; width:90px; }
.research01_wrap01 .item02 ul li:nth-child(even) .img				{left:-90px;   }
}
@media screen and (max-width:1200px) {   
.research01_wrap01 .item02 .main					{  width:170px; height: 170px; } 
.research01_wrap01 .item02 ul							{   padding:40px 10px; }
}
@media screen and (max-width:800px) {   
.research01_wrap01 .item02 .main					{ width:160px; height: 160px;  top:-50px; left: 50%; transform: translateX(-50%); border-width:8px; }
.research01_wrap01 .item02 .main::before		{display:none; }
.research01_wrap01 .item02 ul							{ margin-top:80px;  padding:140px 30px 30px 30px  ;  grid-template-columns:repeat(1, 1fr); gap:30px;}
.research01_wrap01 .item02 ul li						{display: flex; gap:20px; }
.research01_wrap01 .item02 ul li .img				{ position:relative;  right:initial; width:90px;height:90px;  }
.research01_wrap01 .item02 ul li .img img		{width:70%;}
.research01_wrap01 .item02 ul li:nth-child(even) .img				{left:initial; }
.research01_wrap01 .item02 ul li .cont				{ padding:0 ; flex:1;}
.research01_wrap01 .item02 ul li .tit					{ padding:0 0 10px 0; }
}
@media screen and (max-width:480px) {   
.research01_wrap01 .item02 ul							{  padding:130px 20px 20px 20px  ;}
.research01_wrap01 .item02 ul li .img				{   width:80px;height:80px;  }
}



.research01_wrap01 .item03								{position:relative;background:#f5f5f5; padding:30px; text-align:center;  }
.research01_wrap01 .item03 .tit							{position:relative; font-size:1.15em; font-weight:700; color:var(--color1); line-height:1.3; padding:5px 0 30px 0;   }
.research01_wrap01 .item03 ul							{position:relative;  display: grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
.research01_wrap01 .item03 ul li						{position:relative;color:#fff; background:var(--color1);   padding:15px 10px; border-radius:50px;  }

@media screen and (max-width:1300px) {   
.research01_wrap01 .item03 ul							{ gap:10px; }
}
@media screen and (max-width:800px) {   
.research01_wrap01 .item03								{ padding:24px;  }
.research01_wrap01 .item03 .tit							{ font-size:1.1em;}
.research01_wrap01 .item03 ul							{  grid-template-columns:repeat(2, 1fr); }
}
@media screen and (max-width:480px) {   
.research01_wrap01 .item03								{ padding:20px;  }
.research01_wrap01 .item03 ul li						{ padding:13px 10px; font-size:0.95em; }
}













.research01_wrap02										{position:relative;}
.research01_wrap02 .top								{position:relative; text-align:center;  margin-bottom:30px; display: flex;}
.research01_wrap02 .top li							{position:relative; flex: 1;  } 
.research01_wrap02 .top li .item				{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;   text-align: center;  background:var(--color1); color:#fff; font-size:1.05em; font-weight:700; padding:20px 10px; border-radius:100px;  mix-blend-mode : multiply;}
.research01_wrap02 .top li .item span		{display:block; font-size:0.85em;}  
.research01_wrap02 .top li:first-child .item				{background:var(--color4);  }
.research01_wrap02 .top li:nth-child(2) .item			{background:var(--color5);  }
.research01_wrap02 .top li:not(:first-of-type) {margin-left: -40px;} 
.research01_wrap02 .top li:not(:first-of-type)::after	 { position:absolute; content:''; top:calc(50% - 6px); left:12px; width:10px;height:10px;border:solid #fff; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);  z-index:11; }
 
.research01_wrap02 .inner							{position:relative;display: grid; grid-template-columns:repeat(3, 1fr); gap:20px;   }
.research01_wrap02 .inner>li						{position:relative; }
.research01_wrap02 .inner>li::before			{position:absolute;content:''; left:0;top:0; width:100%; height:100%; border:1px solid #ddd;  border-radius:15px  ;}
.research01_wrap02 .inner .tit01		{position:relative; text-align:center;  background:var(--color2); color:#fff; font-size:1.05em; font-weight:700; padding:15px 10px;  border-radius:15px 15px 0 0;  }
.research01_wrap02 .inner .cont					{position:relative; padding:20px;    }

.research01_wrap02 .inner .cont	 .box				{position:relative;       }
.research01_wrap02 .inner .cont	 .box .tit02		{position:relative; font-size:0.95em; font-weight:700;  text-align:center; background:#ddd; padding:10px; border-radius:6px; margin-bottom:15px; } 
.research01_wrap02 .inner .cont	 .box ol			{position:relative;  margin-bottom:20px;   }
.research01_wrap02 .inner .cont	 .box ol li		{position:relative; font-size:0.9em; padding-left:17px;   }
.research01_wrap02 .inner .cont	 .box ol li::before		{position:absolute; content:''; display:block; left:5px; top:10px; width:3px; height:3px; background:#999;}


@media screen and (max-width:800px) {  
.research01_wrap02										{display: grid; grid-template-columns:150px auto; gap:20px; }
.research01_wrap02 .top								{ display: flex; flex-direction: column;  } 
.research01_wrap02 .top li:not(:first-of-type) {margin-left: initial;} 
.research01_wrap02 .top li .item				{ width: 100%; aspect-ratio:1/1; font-size:1em;   padding:20px; line-height:1.3; mix-blend-mode:initial;}
.research01_wrap02 .top li:not(:last-of-type)::before				{position:absolute;content:''; left:50%;top:0; width:1px; height:100%;background:#dfdfdf;z-index:-1;  }

.research01_wrap02 .inner							{ grid-template-columns:repeat(1, 1fr); gap:20px;   }
.research01_wrap02 .inner .tit01				{ font-size:1.05em; padding: 12px;line-height:1.3;  }
.research01_wrap02 .inner .cont					{ padding:15px;    }
.research01_wrap02 .inner .cont	 .box .tit02		{ padding:8px;  } 
}
@media screen and (max-width:600px) {  
.research01_wrap02										{  grid-template-columns:110px auto; gap:10px; }
.research01_wrap02 .top li .item				{   padding:15px;  }
}

 


 
.research01_wrap03										{position:relative;  }
.research01_wrap03 .top								{position:relative; text-align:center;  margin-bottom:30px; display: flex; margin-left:190px; }
.research01_wrap03 .top li							{position:relative; flex: 1;  } 
.research01_wrap03 .top li .item				{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;   text-align: center;  background:var(--color1); color:#fff; font-size:1.05em; font-weight:700; padding:20px 10px; border-radius:100px;  mix-blend-mode : multiply;}
.research01_wrap03 .top li .item span		{display:block; font-size:0.85em;}  
.research01_wrap03 .top li:first-child .item				{background:var(--color4);  }
.research01_wrap03 .top li:nth-child(2) .item			{background:var(--color5);  }
.research01_wrap03 .top li:not(:first-of-type) {margin-left: -40px;} 
.research01_wrap03 .top li:not(:first-of-type)::after	 { position:absolute; content:''; top:calc(50% - 6px); left:12px; width:10px;height:10px;border:solid #fff; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);  z-index:11; }

.research01_wrap03 .inner							{position:relative;  display: flex; flex-direction: column;   }
.research01_wrap03 .inner .item				{position:relative;display: grid; grid-template-columns:160px auto; gap:30px;   }
.research01_wrap03 .inner .item:not(:last-of-type) {border-bottom:1px dashed #dfdfdf; margin-bottom:25px; padding-bottom:25px; } 
.research01_wrap03 .inner .item .tit			{position:relative;text-align:center; width:90%; aspect-ratio:1/1; color:var(--color1);font-weight:700; font-size:0.95em; line-height:1.1;  border:2px solid #ddd; background:#fff; border-radius:50%;  display: flex; flex-direction: column; justify-content:center; align-items:center; margin:auto;} 
.research01_wrap03 .inner .item .tit::before		{position:absolute;content:''; top:-7%; left:-7%; width:114%; height:114%; border-radius:50%; background:#f5f5f5; z-index:-1;  }
.research01_wrap03 .inner .item .cont		{position:relative;display: grid; grid-template-columns:repeat(3, 1fr);  background:# ; border:1px solid #e5e5e5; border-radius:10px; }
.research01_wrap03 .inner .item .cont ul			{  display: flex; flex-direction: column; text-align:center; gap:6px;padding:15px;  }
.research01_wrap03 .inner .item .cont ul:not(:last-of-type)		{border-right:1px dashed #ddd; }
 
.research01_wrap03 .inner .item .cont ul li		{border:1px solid #dfdfdf; padding:10px 5px; font-size:0.9em;  line-height:1.2; background:#f6f6f6; border-radius: 6px;
    letter-spacing: -0.05em;  }

@media screen and (max-width:1200px) {  
.research01_wrap03 .top								{  margin-left:170px; }
.research01_wrap03 .inner .item				{ grid-template-columns:150px auto; gap:20px;   }
.research01_wrap03 .inner .item .tit img	{max-width:60px; }
.research01_wrap03 .inner .item .cont ul			{  padding:10px;  }
}
@media screen and (max-width:800px) {  
.research01_wrap03 .top								{  margin-left:0; }
.research01_wrap03 .inner .item				{ grid-template-columns:1fr; gap:30px;  }


.research01_wrap03 .top li .item				{ font-size:1em; padding:15px 10px;} 
.research01_wrap03 .top li:not(:first-of-type) {margin-left: -20px;} 
.research01_wrap03 .top li:not(:first-of-type)::after	 {  top:calc(50% - 4px); left:4px; width:8px;height:8px; }
 
.research01_wrap03 .inner .item .tit			{ max-width:140px; }
.research01_wrap03 .inner .item .tit img	{max-width:50px; }
.research01_wrap03 .inner .item .tit::after	{position:absolute; content:''; bottom:-32px; left:50%; width:1px; height:30px; background:#e5e5e5;}
.research01_wrap03 .inner .item .cont ul			{ gap:6px;padding:8px;  }
}
 


/* 연구개발  ================================================================================== */




 
/* 산학협력  ================================================================================== */
   
.research02_wrap01									{position:relative; border:1px solid #ddd; border-radius:10px; padding:60px 30px; margin-bottom:80px; text-align: center; } 
.research02_wrap01::before					{position:absolute; content:'';bottom:-80px;left:0; width:100%; height:70px;background:url('../img/sub/arrow01.png') no-repeat center 0; }
.research02_wrap01 .main						{position:absolute; left: 50%;top:50%;transform:translate(-50%, -50%); width:300px;height:300px; padding:20px; color: #fff; background: var(--color1); border-radius: 200px; z-index: 11; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);  display: flex ; flex-direction: column; justify-content: center; align-items: center; border:14px solid var(--color6);  box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); } 

.research02_wrap01 .main .tit					{  font-size: 1.1em; font-weight:700; line-height:1.3 ;   }
.research02_wrap01 .main .tit span		{display:block; font-size: 1.1em; font-weight:700; color:var(--point3); }
.research02_wrap01 .main .txt				{  font-size: 0.9em; font-weight:600; line-height:1.4 ;  padding-top:15px; margin-top:15px; border-top:1px dashed rgb(255,255,255,0.3); word-break:keep-all; }

.research02_wrap01 .cont						{position:relative;max-width:850px;margin:auto;display: flex; flex-flow:wrap; justify-content: space-between;   gap:150px  ;   }
.research02_wrap01 .cont li						{position:relative;    }
.research02_wrap01 .cont li	 p					{ width:210px;  font-weight:700; color:var(--color1); background:#f5f5f5; border:2px solid #ddd; padding:15px; border-radius: 500px;  display: flex ; flex-direction: column; justify-content: center; align-items: center;  }
.research02_wrap01 .cont li	 p::before		{position:absolute; content:'';  top:50%;  width:150px; height:1px; background:#ddd; z-index:-1;   }
.research02_wrap01 .cont li:nth-child(1) p::before { right:-140px; margin-top:10px; transform: rotate(10deg); -webkit-transform: rotate(10deg); }
.research02_wrap01 .cont li:nth-child(2) p::before	{left:-140px;   margin-top:10px;  transform: rotate(-10deg); -webkit-transform: rotate(-10deg);  }
.research02_wrap01 .cont li:nth-child(3) p::before	{ right:-140px; margin-top:-10px; transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}
.research02_wrap01 .cont li:nth-child(4) p::before	{left:-140px;   margin-top:-10px;  transform: rotate(10deg); -webkit-transform: rotate(10deg); }


@media screen and (max-width:1100px) {  
.research02_wrap01 .cont						{ max-width:800px;}
.research02_wrap01 .main						{ width:280px;height:280px; padding:15px; }
.research02_wrap01 .cont						{ gap:120px 150px  ;   }
.research02_wrap01 .cont li	 p					{ width:180px;}
}
@media screen and (max-width:800px) {  
.research02_wrap01									{  padding:50px 20px;  } 
.research02_wrap01 .main						{ width:250px;height:250px;  border-width:10px;}
.research02_wrap01 .cont						{ gap:110px 150px  ;   }
.research02_wrap01 .cont li	 p					{ width:150px;}
}
@media screen and (max-width:600px) {  
.research02_wrap01									{  padding:30px 20px;  } 
.research02_wrap01 .main						{position:relative;  left: 50%;top:0; transform: translateX(-50%); }
.research02_wrap01 .main .tit					{  font-size: 1.05em;  }
.research02_wrap01 .main .tit span		{ font-size: 1.05em;  }
.research02_wrap01 .main .txt				{ padding-top:10px; margin-top:10px;  }

.research02_wrap01 .cont						{ gap:10px ;display: grid; grid-template-columns:repeat(4, 1fr); margin-top:30px;    }
.research02_wrap01 .cont li	 p					{ width:initial; width:100%; aspect-ratio:1/1; padding:10px; line-height:1.2; border-width:1px; font-size:0.95em; }
.research02_wrap01 .cont li	 p::before		{display:none; }
.research02_wrap01 .cont li	 p::after			{position:absolute; content:'';  top:-150px; left:50%; width:1px; height:200px; background:#ddd; z-index:-1;   }
.research02_wrap01 .cont li:nth-child(1) p::after {  margin-left:60px;  transform: rotate(35deg); -webkit-transform: rotate(35deg); }
.research02_wrap01 .cont li:nth-child(2) p::after	{margin-left:25px; transform: rotate(15deg); -webkit-transform: rotate(15deg); }
.research02_wrap01 .cont li:nth-child(3) p::after	{margin-left:-25px;transform: rotate(-15deg); -webkit-transform: rotate(-15deg);  }
.research02_wrap01 .cont li:nth-child(4) p::after	{margin-left:-60px;   transform: rotate(-35deg); -webkit-transform: rotate(-35deg); }
}
 



 
.research02_wrap02						{position:relative; border:1px solid #ddd; border-radius:10px; padding:40px 30px 30px 30px;  text-align: center;    }  
.research02_wrap02 ul					{position:relative; margin-top:40px; display: grid; grid-template-columns:repeat(5, 1fr); gap:24px;  }
.research02_wrap02 ul li				{position:relative; border:1px solid #ddd; border-radius:6px;  font-size:0.95em; }
.research02_wrap02 ul .arrow01::before			{position:absolute;content:''; right:-26px; top:0; width:26px; height:100%; background:url('../img/sub/arrow04.png') no-repeat center 50%; opacity:0.5;  }   /* plus right*/
.research02_wrap02 ul li .tit		{  font-weight:600; color:#fff; background:var(--color7);  border-radius:6px 6px 0 0; padding:15px 10px; line-height:1.3; }
.research02_wrap02 ul li .txt		{ font-size:0.95em;padding:15px;line-height:1.3; }
 
@media screen and (max-width:1024px) {  
.research02_wrap02						{  padding:30px 30px 20px 20px;  } 
.research02_wrap02 ul					{ grid-template-columns:repeat(3, 1fr);    }
 }
@media screen and (max-width:800px) {   
.research02_wrap02 ul					{   grid-template-columns:repeat(2, 1fr);    }
 } 
@media screen and (max-width:500px) {   
.research02_wrap02						{  padding:30px 20px 20px 20px;  } 
.research02_wrap02 ul					{   grid-template-columns:repeat(1, 1fr);    }
.research02_wrap02 ul .arrow01::before			{  right:initial; left:0; top:initial;bottom:-26px; width:100%; height:24px; background:url('../img/sub/arrow07.png') no-repeat center 50%;    }   /* plus right*/
 }






.research02_wrap03						{position:relative; border:0 solid #ddd; border-radius:10px; padding:20px 0 0  0 ;    }  

.research02_wrap03 ul					{position:relative;  display: grid; grid-template-columns:repeat(4, 1fr); gap:24px;  }
.research02_wrap03 ul	li				{position:relative; border:1px solid #ddd; border-radius:6px;  font-size:0.95em;   }
.research02_wrap03 ul	li .no			{ position:absolute; top:-20px; left:50%; transform: translateX(-50%); background:var(--color1); color:#fff;min-width:100px;  border-radius:50px; padding:0 15px;  text-align: center; font-size:0.95em;line-height:40px;  z-index:1;}
.research02_wrap03 ul	li .tit				{position:relative;  text-align: center; color:var(--color2); background:#f0f0f0; font-weight:700; font-size:1.05em;padding:35px 0 15px 0; line-height:1.3; border-radius:6px 6px 0 0;   }
.research02_wrap03 ul	li .cont			{position:relative;  padding:20px; }
.research02_wrap03 ul	li .cont p		{position:relative;  position:relative; font-size:0.95em; padding-left:10px; line-height:1.5;}
.research02_wrap03 ul	li .cont p::before		{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#999;}

.research02_wrap03 ul .arrow01::before			{position:absolute;content:''; right:-26px; top:0; width:26px; height:100%; background:url('../img/sub/arrow04.png') no-repeat center 50%; opacity:0.5;  }   /* plus right*/

.research02_wrap03 .bottom			{position:relative;  padding:20px 0; text-align: center; }
.research02_wrap03 .bottom::before			{position:absolute;content:'';  left:12%; top:0; width:77%; height:60px; border:3px solid #ddd; border-top:0;  }
.research02_wrap03 .bottom::after			{content:''; position:absolute;left:calc(12% - 10px); top:0;width:0px;height:0px;border-right:11px solid transparent;border-left:11px solid  transparent;border-bottom:11px solid #ddd;}

/* 산학협력  ================================================================================== */





/* 참여기업  ================================================================================== */

.research03_wrap01											{position:relative;text-align:center;  }
.research03_wrap01	.top									{position:relative;display:inline-block;  background:var(--color1); color:#fff ;padding:20px 60px;font-size:1.1em; font-weight:700; border-radius:100px; }
.research03_wrap01	.top span						{font-weight:700; }

.research03_wrap01 ul										{position:relative; display: flex; flex-direction: column;gap:30px; margin-top:40px; }
.research03_wrap01	ul::before						{position:absolute;content:''; left:50%; top:-40px; width:1px; height:40px; background:#ddd;  }
.research03_wrap01 ul	li									{position:relative;   display:flex;   }
.research03_wrap01 ul	li::before						{ position:absolute;content:'';  left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:10px;}
.research03_wrap01 ul	li .tit								{position:relative;  width:200px; padding:20px 10px; background:var(--color7); color:#fff; border-radius:10px 0 0 10px; display: flex; flex-direction: column;  justify-content:center; align-items:center;gap:15px;}
.research03_wrap01 ul	li .tit figure					{display:inline-block; width:70px; height:70px; border-radius:100px; background:#fff ;display: flex;  justify-content:center; align-items:center;   }
.research03_wrap01 ul	li .tit figure img			{width:50px; }
.research03_wrap01 ul	li .tit .no						{ display:inline-block;  background:var(--color1); font-size:0.9em; font-weight:600; padding:0 15px;line-height:30px; border-radius:20px;   }
.research03_wrap01 ul	li .tit .txt						{ line-height:1.2; }
.research03_wrap01 ul	li .cont							{position:relative; font-size:0.95em; flex:2;  padding: 15px;  display: flex; flex-direction: column;gap:50px; }
.research03_wrap01 ul	li .cont	 p						{position:relative; line-height:1.3; word-break:keep-all;  background:#f5f5f5; padding:15px; border-radius:6px;}
.research03_wrap01 ul	li .cont p:first-child::before			{ position:absolute;content:''; bottom:-40px; left:0; width:100%; height:30px; background:url('../img/sub/arrow08.png') no-repeat center 50%; background-size:auto 20px; }

.research03_wrap01 ul	li .company				{position:relative;  width:42%; padding:10px; border-left:1px dashed #ddd; display: flex; gap:10px;  }
.research03_wrap01 ul	li .company dl			{flex:1; display: flex; flex-direction: column;gap:10px;  }
.research03_wrap01 ul	li .company dl dt		{ background:var(--color9); color:#333; line-height:1.2; padding:8px 10px; font-size:0.9em; font-weight:600;  border-radius:6px;  }
.research03_wrap01 ul	li .company dl dd		{padding:0 10px; }

@media screen and (max-width:1200px) {  
.research03_wrap01 ul	li .tit								{ width:190px; }
}
@media screen and (max-width:800px) {  
.research03_wrap01	.top  								{padding:15px; font-size:1.05em; width:190px; aspect-ratio:1/1; border:10px solid var(--color6);display: flex; flex-direction: column;  justify-content:center; align-items:center;margin:auto; }
.research03_wrap01	.top span						{font-size:0.9em;}

.research03_wrap01 ul	li									{ flex-direction: column;  }
.research03_wrap01 ul	li .tit								{ width:100%;  padding:13px; border-radius:10px 10px 0 0; flex-direction:row; }
.research03_wrap01 ul	li .tit figure  				{display:none; }
.research03_wrap01 ul	li .cont							{   padding: 10px; font-size:0.9em;  border-bottom:1px dashed #ddd;display: grid; grid-template-columns:repeat(2, 1fr); gap:30px;   }
.research03_wrap01 ul	li .cont p:first-child::before			{  bottom:initial;top:0; left:initial; right:-30px; width:30px; height:100%; background:url('../img/sub/arrow09.png') no-repeat center 50%;  }

.research03_wrap01 ul	li .company				{ width:100%;max-width:500px; margin:auto; border:0; }

}



/* 참여기업  ================================================================================== */







 
/* 기술지원  ================================================================================== */


.research04_wrap01											{position:relative; display: grid; grid-template-columns:repeat(2, 1fr); gap:4%; margin-bottom:80px; }  
.research04_wrap01::after								{position:absolute; content:'';bottom:-80px;left:0; width:100%; height:70px;background:url('../img/sub/arrow01.png') no-repeat center 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.research04_wrap01 .item01,
.research04_wrap01 .item02							{position:relative; display: flex;   }
.research04_wrap01 .item01							{flex-direction:row-reverse}
.research04_wrap01 .item01::before,
.research04_wrap01 .item02::before				{position:absolute; content:'';  left:0; top:0; width:calc(100% - 80px); height:100%; border:1px solid #ddd;  border-radius:6px; }   
.research04_wrap01 .item02::before				{left:initial; right:0; }
.research04_wrap01 .tit									{position:relative; width:160px;  text-align:center;  display: flex; flex-direction: column; justify-content:center; margin:auto;  }
.research04_wrap01 .tit p								{position:relative; width:100%; aspect-ratio:1/1; padding:10px;  background:var(--color1) ; color:#fff; border-radius:100px;    line-height:1.2; }
.research04_wrap01 .item02 .tit p					{background:var(--color2); }
.research04_wrap01 .tit p::before					{position:absolute; content:'';top:-6%; left:-6%; width:112%; height:112%; background:#eee;border-radius:100px; z-index:-1;  } 
.research04_wrap01 .tit p strong						{position:relative; display:block; top:50%;transform: translateY(-50%); }
.research04_wrap01 .tit p span						{ display:block; }
.research04_wrap01 .cont								{position:relative; flex:2; border-radius:6px; padding:25px;  }
.research04_wrap01 .txt									{text-align:center; font-weight:700; font-size:1.1em; padding-bottom:15px;  margin-bottom:15px;border-bottom:1px dashed #ddd;  color:var(--color1); }
.research04_wrap01 .item02 .txt					{color:var(--color2); }
.research04_wrap01 ul										{position:relative; display: flex; flex-direction: column; gap:6px;}
.research04_wrap01 ul	li									{position:relative; font-size:0.95em;  }
.research04_wrap01 ul	li span							{display:inline-block; margin-right:4px; background:var(--color7); width:30px;  aspect-ratio:1/1; line-height:30px;color:#fff; border-radius:100px; text-align:center;   }

@media screen and (max-width:1200px) {  
.research04_wrap01 .item01::before,
.research04_wrap01 .item02::before				{ width:calc(100% - 40px);   }    
.research04_wrap01 .tit									{ width:140px; }
.research04_wrap01 .cont								{  padding:20px;  }
.research04_wrap01 ul	li									{ font-size:0.9em;  }
.research04_wrap01 ul	li span							{  width:26px;  line-height:26px;   }
}
@media screen and (max-width:800px) {  
.research04_wrap01											{  gap:20px; margin-bottom:60px; }  
.research04_wrap01::after								{ bottom:-60px; height:55px; background-size:auto 55px;  }

.research04_wrap01 .item01,
.research04_wrap01 .item02							{ flex-direction: column;  gap:30px; } 
.research04_wrap01 .item01::before,
.research04_wrap01 .item02::before				{display:none; }   
.research04_wrap01 .cont								{ border:1px solid #ddd;  }
.research04_wrap01 .cont::before					{position:absolute; content:'';top:-30px; left:50%; background:#ddd; width:1px; height:30px;  }
.research04_wrap01 .txt									{padding-bottom:10px;   }
}
@media screen and (max-width:600px) {  
.research04_wrap01											{  gap:10px;}
.research04_wrap01 .tit									{ width:130px;font-size:0.95em; }
.research04_wrap01 .cont								{  padding:20px 15px;  }
}





 

.research04_wrap03						{position:relative; }   
.research04_wrap03 .item01							{position:relative;   margin-bottom:80px; text-align: center; display: grid; grid-template-columns:repeat(5, 1fr); gap:20px;  }  
.research04_wrap03 .item01::before				{position:absolute; content:'';bottom:-80px;left:0; width:100%; height:70px;background:url('../img/sub/arrow01.png') no-repeat center 0; }
.research04_wrap03 .item01 li						{position:relative; text-align:center;   }  
.research04_wrap03 .item01 li::before			{position:absolute; content:''; left:0; top:150px; width:100%; height:calc(100% - 150px);border:1px solid #ddd;  background:#f5f5f5; border-radius:6px;   z-index:-1; }
.research04_wrap03 .item01 li .tit					{position:relative; margin:auto; width:120px; aspect-ratio:1/1;border-radius:100px; background:var(--color1); color:#fff; display: flex;  justify-content:center; align-items:center;  }
.research04_wrap03 .item01 li .tit::before				{position:absolute; content:''; left:-7%; top:-7%; width:114%; height:114%; background: #eee; border-radius:50%; z-index:-1; }
.research04_wrap03 .item01 li .cont						{position:relative; margin-top:30px; text-align:left;  color:#111;  padding:20px 15px; font-size:0.95em;   }  
.research04_wrap03 .item01 li .cont::before			{position:absolute; content:''; left:50%; top:-30px; width:1px; height:30px; background:#ddd; z-index:-1; }
.research04_wrap03 .item01 li .cont p					{position:relative;  position:relative; font-size:0.95em; padding-left:10px; line-height:1.5;}
.research04_wrap03 .item01 li .cont p::before		{position:absolute; content:''; display:block; left:0; top:9px; width:3px; height:3px; background:#999;}


.research04_wrap03 .item02							{position:relative; margin-top:20px;  }  
.research04_wrap03 .item02 .tit						{position:absolute;top:-25px;left:50%; transform: translateX(-50%);  background:var(--color2); color:#fff; padding:13px 30px; border-radius:50px;   z-index:1;  }  
.research04_wrap03 .item02 ul						{position:relative; border:1px solid #ddd; border-radius:10px;   padding:50px 20px 20px 20px;  display: grid; grid-template-columns:repeat(5, 1fr); gap:20px;   }  
.research04_wrap03 .item02 ul li					{position:relative; text-align:center; color:#111; border:1px solid #ddd; border-radius:6px; background:#f5f5f5;  padding:20px 15px; font-size:0.95em;   }  
.research04_wrap03 .item02 ul li .img			{position:relative; width:90px; height:90px;  margin:auto; margin-bottom:10px; background:#fff; border-radius:50%; display: flex;  justify-content:center; align-items:center; }   


@media screen and (max-width:1024px) {  
.research04_wrap03 .item01							{  grid-template-columns:repeat(2, 1fr);  }  
.research04_wrap03 .item01 li						{ display: grid; grid-template-columns:100px auto; gap:10px; }   
.research04_wrap03 .item01 li::before			{ left:50px; top:0; width:calc(100% - 50px); height:100%; }
.research04_wrap03 .item01 li .tit					{  width:100px;    }
.research04_wrap03 .item01 li .cont				{ margin-top:0;   }  
.research04_wrap03 .item01 li .cont::before			{display:none;} 
}
@media screen and (max-width:800px) {  
.research04_wrap03 .item01							{ gap:10px; }  
.research04_wrap03 .item01 li						{ grid-template-columns:repeat(1, 1fr); gap:15px; padding:20px; }  
.research04_wrap03 .item01 li::before			{ left:0;   width:100%; }
.research04_wrap03 .item01 li .tit					{  width:100%; aspect-ratio:initial;padding:8px;   }
.research04_wrap03 .item01 li .tit::before		{display:none;} 
.research04_wrap03 .item01 li .cont				{ padding:0;  }  
}
@media screen and (max-width:600px) {  
.research04_wrap03 .item01							{  grid-template-columns:repeat(1, 1fr);  }  
}



/* 기술지원  ================================================================================== */







/*  학위과정   관련  ==================================================================================== */ 
 
.program01_wrap01										{position:relative; display: flex;  gap:30px;    }
.program01_wrap01 li									{position:relative; flex:1; border:1px solid #d5d5d5; text-align:center; border-radius:6px;  }
.program01_wrap01 li .tit							{ background:var(--color7); padding:15px 10px; color:#fff; border-radius:6px 6px 0 0;}
.program01_wrap01 li .txt							{  padding:25px 10px; font-size:0.95em; line-height:1.3; word-break:keep-all; }

 .program01_wrap01 .arrow01::before		{ position:absolute;content:'';right:-30px;top:0;width:30px; height:100%; background:url('../img/sub/arrow04.png') no-repeat center 50%;  opacity:0.5;  }  
  
@media screen and (max-width:1200px) {  
.program01_wrap01										{  gap:20px;    }
.program01_wrap01 li .tit							{  padding:15px 5px;  }
.program01_wrap01 li .txt							{  padding:25px 7px;   }
 .program01_wrap01 .arrow01::before		{  right:-22px; width:20px;  }  
}
@media screen and (max-width:800px) {  
.program01_wrap01.tab02							{display: grid; grid-template-columns:repeat(2, 1fr);     }
.program01_wrap01.tab03							{display: grid; grid-template-columns:repeat(3, 1fr);     }
.program01_wrap01 li .tit							{  padding:12px 5px;  }
.program01_wrap01 li .txt							{  padding:15px 7px;   }
}





.program03_wrap01										{position:relative; display: grid; grid-template-columns:repeat(4, 1fr);  gap:80px 30px;padding:20px  ;   overflow:hidden; margin-top:10px;}
.program03_wrap01 li									{position:relative; right:-20px;  text-align:center;  display: flex; flex-direction: column;     align-items:center;  line-height:1.25;word-break:keep-all;  } 
.program03_wrap01 li:nth-child(1), .program03_wrap01 li:nth-child(2), .program03_wrap01 li:nth-child(3), .program03_wrap01 li:nth-child(4)	{left:-20px; right:initial; }
.program03_wrap01 li::before					{position:absolute; content:''; top:85px; left:20%; width:120%; height:1px; background:#ddd; z-index:-1;}
.program03_wrap01 li:nth-child(4)::before	{left:initial; right:20%;}
.program03_wrap01 li:nth-child(8)::before	{left:initial; right:20%;}
.program03_wrap01 li:nth-child(5)::before	{left:-40px; width:150%;}
.program03_wrap01 li::after						{position:absolute; content:''; top:73px; left:-28px; width:26px;height:26px; background:url('../img/sub/arrow10.png') no-repeat center 50% #ddd; border-radius:20px;   }    
.program03_wrap01 li:nth-child(1)::after	{display:none !important;}

.program03_wrap01 li .no							{position:absolute;top:-18px;left:50%; display:inline-block; background:var(--color1); width:40px; height:40px; line-height:40px; color:#fff;font-size:0.85em;  border-radius:50px;  transform: translateX(-50%); z-index:1;}
.program03_wrap01 li .img							{position:relative; width:170px; aspect-ratio:1/1; border:1px solid #ddd; background:#fff; border-radius:50%;  display: flex; justify-content:center; align-items:center; }
.program03_wrap01 li .tit							{  padding:20px 0 15px 0; color:#111;font-weight:700;  }
.program03_wrap01 li .txt							{ font-size:0.9em; }
 

@media screen and (max-width:1200px) {  
.program03_wrap01 li .no							{ top:-16px; width:36px; height:36px; line-height:36px; }
.program03_wrap01 li .img							{ width:150px;}
.program03_wrap01 li::before					{  top:75px;}
.program03_wrap01 li::after						{  top:65px; left:-26px; width:22px;height:22px;}
}
@media screen and (max-width:800px) {  
.program03_wrap01										{ grid-template-columns:repeat(3, 1fr); gap:60px 30px;}
.program03_wrap01 li:nth-child(4)			{right:-20px; left:initial; }

.program03_wrap01 li:nth-child(3n)::before	{left:initial; right:20%;} 
.program03_wrap01 li:nth-child(4)::before	{left:-40px; width:150%;}
.program03_wrap01 li:nth-child(5)::before	{left:20%; width:150%;}
.program03_wrap01 li:nth-child(7)::before	{left:-40px; width:150%;}

.program03_wrap01 li .img							{ width:130px;}
.program03_wrap01 li .img img					{ width:70px;}
.program03_wrap01 li::before					{  top:65px;}
.program03_wrap01 li::after						{  top:55px; left:-26px; width:22px;height:22px;}
}
@media screen and (max-width:600px) {  
.program03_wrap01										{ padding:20px 10px; gap:60px 20px;}
.program03_wrap01 li									{left:initial !important; right:initial !important;}
.program03_wrap01 li .no							{ top:-13px; width:30px; height:30px; line-height:30px; }
.program03_wrap01 li .img							{ width:100px;}
.program03_wrap01 li .img img					{ width:55px;} 
.program03_wrap01 li::before					{ display:none;}
.program03_wrap01 li::after						{  top:45px; left:-20px;width:10px;height:10px;border:solid #999; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg); background:none; border-radius:0;}
.program03_wrap01 li:nth-child(4)::after,
.program03_wrap01 li:nth-child(7)::after	{left:-10px;}
 
}
@media screen and (max-width:500px) {  
.program03_wrap01										{ grid-template-columns:repeat(2, 1fr); }
.program03_wrap01 li:nth-child(3)::after	{left:-10px; }
.program03_wrap01 li:nth-child(5)::after	{left:-10px; }
.program03_wrap01 li:nth-child(4)::after	{left:-20px; }
}


/*  학위과정   관련  ==================================================================================== */ 



/*  온라인강의   관련  ==================================================================================== */  
.online01_wrap01						{position:relative;display: grid; grid-template-columns:repeat(3, 1fr); padding-bottom:40px;  }
.online01_wrap01 li					{position:relative; text-align:center; }
.online01_wrap01 li	+ li			{border-left:1px dashed #e3e3e3; }
.online01_wrap01 li	.img		{position:relative; margin:auto; width:190px; aspect-ratio:1/1; background:#f5f5f5; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; }
.online01_wrap01 li	.txt			{position:relative; color:#333; margin-top:20px; font-weight:700;}


@media screen and (max-width:1200px) {  
.online01_wrap01 li	.img		{ width:160px;    }
.online01_wrap01 li	.img img		{ width:45%;    }
}
@media screen and (max-width:800px) {   
.online01_wrap01 li	.img		{ width:140px;    }
}
@media screen and (max-width:600px) {   
.online01_wrap01						{ grid-template-columns:repeat(1, 1fr); gap:40px;   }
.online01_wrap01 li	.txt			{ margin-top:15px;  }
}

/*  온라인강의   관련  ==================================================================================== */