@charset "utf-8"; 


/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.45em; color:#000;  font-weight:700; line-height:100%; padding:0 0 30px 0; }
h4 span							{font-size:0.75em;color:var(--color1);font-weight:500;}  
h5									{position:relative;font-size:1.2em;line-height:1.3; font-weight:bold; padding:0 0 20px 22px; color:var(--color1);   } 
h5::after							{position:absolute;content:'';  top:6px; left:0;  width:16px; height:16px; 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.35em;  } 
h5									{font-size:1.2em;  padding:0 0 15px 20px; }  
h5::after							{  top:4px;   width:14px; height:14px;   }
} 

  
.sub_line01						{height:50px;  margin-bottom:50px; border-bottom:1px solid #e5e5e5; }
.sub_cont01						{position:relative;   }   
.sub_cont02						{ position:relative; display: flex; flex-direction: column; gap:10px;}   
  
.sub_cont04								{border:1px solid rgb(0,0,0,0.1); background:#f9f9f9; padding:40px; }
 
.sub_cont05								{position:relative;  }
.sub_cont05 .inner					{position:relative;padding:30px 10px;border-bottom:1px dashed #d2dbe6;display:flex;gap:40px; }
.sub_cont05 .inner:first-child		{padding-top:10px; }
.sub_cont05 .inner:last-child		{border-bottom:0; }
.sub_cont05 .img						{position:relative;text-align:center;width:110px;height:110px;line-height:100px;border-radius:50%;background:#f2f2f2;}
.sub_cont05 .inner .cont			{  flex:2; display: flex; flex-direction: column; justify-content:center;  } 
.sub_cont05 .inner .tit				{ padding:0 0 15px 0;font-size:1.15em;font-weight:700;color:var(--color1); }
.sub_cont05 .inner .txt				{position:relative; }
.sub_cont05 .inner .txt	p			{position:relative;padding:0 0 5px 12px;} 
.sub_cont05 .inner .txt	p::after			{position:absolute; content:''; display:block; left:0; top:13px; width:5px; height:1px; background:#666;}


.sub_btn_wrap					{text-align:center; padding-top:40px; }

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

.sub_list01							{position:relative; list-style:none; padding:0 0 5px 22px;   } 
.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;}
.sub_list01 i						{ width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 ol						{padding-top:10px; }
.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:4px; height:4px; background:var(--color1); border-radius:5px; }


.sub_list_no						{display: flex; flex-direction: column; gap:10px; }
.sub_list_no>li					{position:relative; padding:0 0 5px 38px; }
.sub_list_no .no					{ position: absolute; top:-1px; left: 0; background:var(--color5); color:#fff; font-size: 0.75em; font-weight: 600; width:30px; height: 30px;line-height: 30px;  text-align: center; vertical-align: middle; border-radius:50px; }
.sub_list_no ol					{padding-top:10px; }

.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:1024px) {  
.sub_cont05 .inner					{ padding:20px 0; gap:30px; } 
.sub_cont05 .img						{ width:100px;height:100px; } 
.sub_cont05 .inner .tit				{ padding:0 0 10px 0;font-size:1.1em;  }  

.sub_list_no>li					{  padding:0 0 5px 32px; }
.sub_list_no .no					{   top:-1px; font-size: 0.7em;width:24px; height:24px;line-height: 24px; }

.sub_inner_top							{padding:0 10px 30px 10px; font-size:1.15em;}
.sub_inner_top span					{display:inline;  } 
}
 
@media screen and (max-width:520px) {   
.sub_cont05 .inner					{  flex-direction: column; gap:20px;  }  
.sub_cont05 .img						{margin:auto;}

}



 
 
/* 인사말  : 20241007 sono 추가 ================================================================================== */
.ceo_wrap									{position:relative; display:flex; gap:40px;  }
.ceo_wrap img							{float:right;width:240px; margin:0 0 30px 30px; border-radius:20px 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.15); }
.ceo_wrap .cont .txt					{ position:relative;   font-size:1.75em;font-weight:700; line-height:1.5;  color:var(--color1);  padding:5px 0 10px 0;} 
.ceo_wrap .cont							{flex:2; line-height:1.6;} 
.ceo_wrap .cont p						{line-height:1.6; padding:15px 0; word-break:keep-all;     } 
.ceo_wrap .ceo							{text-align:right;line-height:1.6;font-size:1.05em;padding:15px 0 0 0; }
.ceo_wrap .ceo span						{ display:block; font-size:1.2em; font-weight:bold; color:#333; } 

 
@media screen and (max-width:1024px) {   
.ceo_wrap img							{ width:220px; margin:0 0 25px 25px;   }
.ceo_wrap .cont .txt					{   font-size:1.6em; padding:  0;}
.ceo_wrap .cont p						{ word-break:break-all;     } 
} 
@media screen and (max-width:800px) {  
.ceo_wrap img							{ width:180px; }
.ceo_wrap .cont .txt					{   font-size:1.5em;line-height:1.4;    } 
}
@media screen and (max-width:600px) {  
.ceo_wrap img							{ width:150px; margin:0 0 20px 20px;   }
.ceo_wrap .cont .txt					{   font-size:1.4em; } 
}
@media screen and (max-width:520px) {  
.ceo_wrap img							{ width:140px;   }
.ceo_wrap .cont .txt					{   font-size:1.35em; } 
}

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



 

 
/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2 / 1;border:1px solid #dfdfdf;} 
.map_box ul									{  position:relative; display: grid; grid-template-columns: repeat(2, 1fr);   margin-top:15px; } 
.map_box ul li								{ position:relative; display: grid; grid-template-columns: 155px auto; border-bottom:1px solid #dfdfdf; padding:22px  0;  }
.map_box ul li:nth-child(1)			{grid-column: 1 / 3; grid-row: 1 / 2;} 
.map_box .txt01							{position:relative; display:flex; padding-left:15px; }
.map_box .txt01 p						{display:inline-block;font-weight:600;   color:#111; letter-spacing:-1px;  }  
.map_box .txt01 i							{ position:relative;top:5px; text-align:center;width:50px; font-size:1.1em;  }
.map_box .txt01:after					{position:absolute; content:''; display:block; right:20px; top:0; width:1px; height:25px; background:#e5e5e5;}
.map_box .txt02							{color:#797979; } 
 
.mapoverlay									{position:relative;margin-left:5px ;   bottom:60px;border-radius:3px;padding:12px 14px;border: 1px solid #333;background:#fff;text-align:center;  }
.mapoverlay::after							{position:absolute;content:'';left:50%;bottom:-16px;width:16px;height:16px; background:url('../img/common/map_localimg.png') no-repeat;}
.mapoverlay .title							{ color:#000; font-size:16px;font-weight:bold;}
.mapoverlay .title span					{font-weight:bold; box-shadow: inset 0 -5px 0 #ffd940; padding:0 1px; color:#000;}
.mapoverlay .add							{display:block; color:#666; font-size:14px;    word-wrap:break-word;  }

   
@media screen and (max-width:800px) {   
	.map_box ul									{  grid-template-columns: repeat(1, 1fr); margin-top:10px; } 
	.map_box ul li:nth-child(1)			{grid-column: initial; grid-row:initial;}
	.map_box ul li								{ grid-template-columns: 105px auto; padding:15px 0;  font-size:0.95em;  }  
	.map_box .txt01:after					{display:none;} 
	.map_box .txt01 i							{ top:4px;width:40px;    }
 
	.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;    }
}

.int05_wrap01								{ display: flex;  justify-content: space-between;  gap:40px; }
.int05_wrap01 .img						{width:294px;   }
.int05_wrap01 .img img				{ border:1px solid #dfdfdf; }
.int05_wrap01 dl							{flex:2; }
.int05_wrap01 dl dt						{ font-size:1.05em; font-weight:600; color:var(--color1); padding:0 0 15px 0}
.int05_wrap01 dl dd						{ }

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

 
/* 학과소개 ======================================================================= */ 
.int_btn01									{display:inline-block;text-align:center;font-size:1.05em; font-weight:600;   border:1px solid rgb(0,0,0,0.1);  color:#fff; line-height:65px;  padding:0 30px; min-width:280px;  transition: all 0.3s ease; border-radius:50px; background:var(--gra1); background-size:500%; }
.int_btn01 i								{margin-left:10px; }
.int_btn01:hover						{background-size:250%;} 


.int02_wrap01										{position:relative;display: grid; grid-template-columns:repeat(3, 1fr); gap:60px; margin-top:25px; } 
.int02_wrap01 li									{position:relative; border:1px solid var(--color6); padding:40px 20px 25px 20px;text-align:center; background:#fff;  box-shadow: 0 3px 8px 0 rgba(0,0,0,0.06);  } 
.int02_wrap01 li .no								{position:absolute; top:-23px; left:50%;   font-size:0.9em; font-weight:600; width:46px;height:46px; line-height:46px; background:var(--color5); border-radius:50%; color:#fff;   transform: translateX(-50%); }
.int02_wrap01 li .tit								{font-size:1.05em; font-weight:700; color:var(--color1);   }
.int02_wrap01 li .txt								{font-size:0.95em; padding:5px 0 10px 0; }
.int02_wrap01 li::after							{position:absolute; content:''; top:calc(50% - 8px); right:-35px; width:14px;height:14px;border:solid #999; border-width:3px 3px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
.int02_wrap01 li:last-child::after			{display:none; }
 
@media screen and (max-width:1200px) {   
.int02_wrap01										{  gap:40px;  } 
.int02_wrap01 li::after							{  right:-25px; }
}

@media screen and (max-width:768px) {   
.int02_wrap01										{ grid-template-columns:repeat(1, 1fr); gap:60px;    } 
.int02_wrap01 li									{ padding:35px 20px 20px 20px;}
.int02_wrap01 li .no								{  top:-20px;    width:40px;height:40px; line-height:40px;   }
.int02_wrap01 li::after							{  right:calc(50% - 8px);top:initial; bottom:-25px ; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
}

/* 학과소개 ======================================================================= */ 


 


/* 학과소개 - 교육목표 ======================================================================= */ 

.int03_wrap01								{position:relative;  }
.int03_wrap01 .tit01						{position:relative; background:#f6f6f6; color:#222;  padding:50px 30px 35px 30px; border:1px solid #dfdfdf; text-align:center;font-size:1.05em; margin-bottom:50px; }
.int03_wrap01 .tit01 p					{position:absolute; top:-25px; left:50%; display:inline-block;width:200px; font-size:1.05em;  font-weight:600; background:var(--color2); color:#fff; padding:12px;line-height:1.3; border-radius:50px;  transform: translateX(-50%); }
.int03_wrap01 .tit01 b					{display:block; color:var(--color2); }
 
.int03_wrap01 .item01				{position:relative;    display: grid; grid-template-columns:150px auto; gap:20px;   }
.int03_wrap01 .item01 .cate		{position:relative;    }
.int03_wrap01 .item01 .cate p	{ position:relative;   font-weight:700; padding:20px 0 60px 0; color:#333;  } 
.int03_wrap01 .item01 .cate p:first-child	{padding:20px 0 120px 0;}
.int03_wrap01 .item01 .cate p::after			{position:absolute;content:'';top:34px;right:0; width:55px ;height:2px; border-top:2px dotted var(--color6); } 
.int03_wrap01 .item01 .cate p::before		{position:absolute;content:'';top:30px;right:55px; width:8px ;height:8px; background:var(--color6); border-radius:5px; }

.int03_wrap01 .item01 ul			{ display: grid; grid-template-columns:repeat(3, 1fr); gap:20px; text-align:center; margin-top:200px; }
.int03_wrap01 .item01 ul li			{position:relative;   padding:120px 25px 40px 25px;  border:1px solid #d5d5d5;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.06);  }
.int03_wrap01 .item01 ul li .top					{position:absolute; top:-200px; left:0; width:100%; background:#4ba7ef;color:#fff; padding: 22px; line-height:1.2; border-radius:100px;  }
.int03_wrap01 .item01 ul li .top::before		{position:absolute;content:'';bottom:-41px;left:50%; width:1px ;height:40px; background:#ddd;}
.int03_wrap01 .item01 ul li .top::after			{position:absolute;content:'';top:-40px;left:calc(50% - 40px); width:80px ;height:30px; background:url('../img/sub/arrow01.png') no-repeat center 0;}
.int03_wrap01 .item01 ul li .img		{position:absolute; top:-95px; left:50%;padding:20px; width:190px; aspect-ratio:1/1;  background:var(--color1);  border-radius:100px; transform: translateX(-50%); display: flex; flex-direction: column; justify-content:center;align-items:center;  line-height:1.2;}
.int03_wrap01 .item01 ul li .img span	{display:inline-block;color:#fff;font-weight:700; padding:5px 0 10px 0; }
.int03_wrap01 .item01 ul li .img img	{max-width:70px;}
 
.int03_wrap01 .item01 ul li .txt01			{ font-size:1.05em; line-height:1.2; color:var(--color1); font-weight:700;padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px dashed #ddd;   } 
.int03_wrap01 .item01 ul li .txt02			{ font-size:0.95em; line-height:1.4; }


@media screen and (max-width:1260px) {    
.int03_wrap01 .item01				{ grid-template-columns:120px auto; gap:16px;   }  
.int03_wrap01 .item01 .cate p::after			{ width:35px ;  } 
.int03_wrap01 .item01 .cate p::before		{ right:35px;   }

.int03_wrap01 .item01 ul					{ margin-top:190px;    gap:16px;   } 
.int03_wrap01 .item01 ul li					{  padding:110px 20px 30px 20px;    }
.int03_wrap01 .item01 ul li .top			{ top:-190px; }
.int03_wrap01 .item01 ul li .img		{  top:-85px;  width:170px;}
.int03_wrap01 .item01 ul li .img img	{max-width:60px;}
.int03_wrap01 .item01 ul li .txt01 br		{display:none;}			
}
@media screen and (max-width:800px) {    
.int03_wrap01 .tit01						{   padding:50px 20px 30px 20px;    }
.int03_wrap01 .tit01::after			{position:absolute;content:'';bottom:-40px;left:calc(50% - 40px); width:80px ;height:30px; background:url('../img/sub/arrow01.png') no-repeat center 0;} 
.int03_wrap01 .item01				{ grid-template-columns:100%;   }  
.int03_wrap01 .item01 .cate		{display:none;}	  
.int03_wrap01 .item01 ul			{  margin-top:180px;  gap:10px;   }
.int03_wrap01 .item01 ul li .top			{ top:-180px; padding: 20px; } 
.int03_wrap01 .item01 ul li .top::after			{display:none;} 
.int03_wrap01 .item01 ul li .img		{  top:-80px;  width:160px;}
}
@media screen and (max-width:680px) {    
.int03_wrap01 .tit01						{   padding:40px 20px 30px 20px;    }
.int03_wrap01 .tit01 p					{ width:180px; padding:10px; top:-22px;}
.int03_wrap01 .item01 ul			{ grid-template-columns:repeat(1, 1fr); gap:20px; }
.int03_wrap01 .item01 ul			{  margin-top:0;    }
.int03_wrap01 .item01 ul li					{  padding: 20px 20px 30px 20px;     }
.int03_wrap01 .item01 ul li .top			{position:relative;  top:0; padding:15px; margin-bottom:30px; }
.int03_wrap01 .item01 ul li .img		{ position:relative;  top:0;  width:150px;margin-bottom:20px; }
.int03_wrap01 .item01 ul li .img img	{max-width:50px;}
}


/* 학과소개 - 교육목표 ======================================================================= */ 






/* 입학안내  ======================================================================= */  
.enter02_wrap01								{position:relative;  } 
.enter02_wrap01 .top						{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:220px;height:220px;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.2em;   }
.enter02_wrap01 .top::before			{position:absolute;content:''; left:-8%; top:-8%; width:116%;height:116%;  background:rgb(108,162,235,0.15); border-radius:140px; z-index:1 ;  }
.enter02_wrap01 .top strong			{display:block; font-weight:600; padding:15px 0 25px 0; z-index:11; }
.enter02_wrap01 ul							{position:relative;display: grid; grid-template-columns:repeat(2, 1fr); gap:16px;  } 
.enter02_wrap01 ul li						{position:relative;border:1px solid #ddd; padding:40px 30px 50px 30px; text-align:center;   box-shadow: 0 0 8px 0 rgba(0,0,0,0.06); } 

.enter02_wrap01 ul li .img				{position:relative;top:0; left:calc(50% - 60px); width:120px;height:120px; background:#f5f5f5; border-radius:50%;display: flex; flex-direction: column; justify-content:center; align-items:center;  } 
.enter02_wrap01 ul li .txt01			{font-size:1.05em; font-weight:700; color:#111; padding-top:20px;   } 
.enter02_wrap01 ul li .txt02			{color:#888; font-size:0.95em; padding-top:5px; line-height:1.3em;} 


@media screen and (max-width:1024px) {   
.enter02_wrap01 .top						{ width:190px;height:190px;  font-size:1.15em;  } 
.enter02_wrap01 .top::before			{  left:-6%; top:-6%; width:112%;height:112%;    }
.enter02_wrap01 .top strong			{ padding:10px 0 15px 0; }
.enter02_wrap01 .top img				{max-width:60px;}
.enter02_wrap01 ul li						{  padding:40px 20px 50px 20px;   } 
.enter02_wrap01 ul li .img				{  width:110px;height:110px;   } 
}
@media screen and (max-width:800px) {   
.enter02_wrap01								{position:relative;top:-80px;  } 
.enter02_wrap01 .top						{position:relative; top:90px;width:180px;height:180px;  transform: translateX(-50%);  font-size:1.1em;  } 
.enter02_wrap01 ul li						{  padding:40px 20px;   } 
.enter02_wrap01 ul li .img				{  width:100px;height:100px;   } 
}
@media screen and (max-width:580px) {   
.enter02_wrap01								{ top:10px;  } 
.enter02_wrap01 .top						{  top:-10px;width:170px;height:170px; padding:10px; margin-bottom:20px; font-size:1.05em; }  
.enter02_wrap01 .top strong			{ padding:10px 0 15px 0; }
.enter02_wrap01 .top img				{max-width:55px;}
  
.enter02_wrap01 ul							{ grid-template-columns:repeat(1, 1fr);   } 
}








/* 교과과정   ==================================================================================== */ 
.edu01_wrap01													{position:relative;min-width:800px;  text-align:center; display: flex; flex-direction: column;gap:6px; font-size:0.9em; line-height:1.3;} 
.edu01_wrap01	.item01									{position:relative; display: grid; grid-template-columns:150px auto;  gap:6px; word-break:keep-all;   } 
.edu01_wrap01	.item01 .tit								{ background:var(--color3);  color:#fff; font-weight:700; padding:15px;display: flex;   justify-content:center; align-items:center; border-radius:6px ;   } 
.edu01_wrap01	.item01 .cont							{ line-height:1.3; background:#f0f0f0; padding:15px;  border-radius:6px ;   } 
.edu01_wrap01	.item01 .cont .txt01				{  color:#333; font-weight:600;  padding:0 0 10px 0; border-bottom:1px solid #ddd; } 
.edu01_wrap01	.item01 .cont .txt02				{  color:#333; font-weight:600; padding:10px 0 15px 0;  } 
.edu01_wrap01	.item01 .cont ul						{  display: grid; grid-template-columns:repeat(5, 1fr); gap:5px;   } 
.edu01_wrap01	.item01 .cont ul li					{border:2px solid var(--color3); border-radius:50px; background:#fff; padding:10px ;font-weight:600; color:#333; display: flex;   justify-content:center; align-items:center; } 

 
.edu01_wrap01	.item02									{position:relative; display: grid; grid-template-columns:150px auto;  gap:6px; word-break:keep-all;   } 
.edu01_wrap01	.item02 .tit								{ background:var(--color1);  color:#fff; font-weight:700; padding:15px;display: flex; justify-content:center; align-items:center; border-radius:6px ;    } 
.edu01_wrap01	.item02 .cont  						{ display: grid; grid-template-columns:repeat(5, 1fr); gap:5px;    } 
.edu01_wrap01	.item02 .cont .txt01				{ font-weight:600;  padding:10px;  background:#7da7e3; grid-column: 1 / 6; grid-row: 1 / 2; color:#fff;  border-radius:6px ;} 
.edu01_wrap01	.item02 .cont .txt02				{ font-weight:600;  padding:10px;  background:#a8c0e4; grid-column: 1 / 2; grid-row: 2 / 4; color:#333;  display: flex;justify-content:center; align-items:center;   border-radius:6px ; } 
.edu01_wrap01	.item02 .cont .txt03				{ font-weight:600;  padding:10px;  background:#c1d0e6; grid-column: 2 / 6; grid-row: 2 / 3;color:#333;  border-radius:6px ;}  
.edu01_wrap01	.item02 .cont .txt04				{ font-weight:600;  padding:10px; border:1px solid #7da7e3; color:var(--color1);  border-radius:6px ;} 

.edu01_wrap01	.item02 .cont02  					{  display: grid; grid-template-columns:repeat(5, 1fr); gap:5px; padding:5px; border:1px solid rgb(0,0,0,0.15); border-radius:6px ;  } 
.edu01_wrap01	.item02 .cont02 ul				{  display: flex; flex-direction: column;gap:5px; } 
.edu01_wrap01	.item02 .cont02 ul li				{  font-size:0.9em; padding:10px ;   background:#f0f1f5;display: flex; flex-direction: column; justify-content:center; align-items:center; line-height:1.2; } 

.edu01_wrap01	.item02_02							{position:relative; display: grid; grid-template-columns:150px auto;  gap:6px; word-break:keep-all;    } 
.edu01_wrap01	.item02_02 .tit						{ background:#71788c;  color:#fff; font-weight:700; padding:15px;display: flex;  justify-content:center; align-items:center;  border-radius:6px ;   } 
.edu01_wrap01	.item02_02 .cont  					{ padding:15px; background:#d4d6dc;  border-radius:6px ;  }  /* 지능화 프로젝트 */
.edu01_wrap01	.item02_03							{position:relative; display: grid; grid-template-columns:150px auto;  gap:6px; word-break:keep-all;   } 
.edu01_wrap01	.item02_03 .tit						{ background:#a3a7b4;  color:#fff; font-weight:700; padding:15px;display: flex; justify-content:center; align-items:center;  border-radius:6px ;   } 
.edu01_wrap01	.item02_03 .cont  					{ padding:15px; background:#e3e4e8;  border-radius:6px ; }    /* 비학위과정  */



.edu01_wrap01	.item03									{position:relative; display: grid; grid-template-columns:150px auto;  gap:6px; word-break:keep-all;   } 
.edu01_wrap01	.item03 .tit								{ background:var(--color2);  color:#fff; font-weight:700; padding:15px;display: flex; flex-direction: column; justify-content:center; align-items:center;   border-radius:6px ;  } 
.edu01_wrap01	.item03 .cont  						{ display: grid; grid-template-columns:repeat(4, 1fr); gap:5px;    } 
.edu01_wrap01	.item03 .cont .txt01				{ font-weight:600;  padding:10px;  background:#77cfd5; grid-column: 1 / 5; grid-row: 1 / 2; color:#fff; border-radius:6px ;} 
.edu01_wrap01	.item03 .cont .txt02				{ font-weight:600;  padding:10px;  background:#c0e7ea; grid-column: 1 / 5; grid-row: 2 / 3;color:#444; border-radius:6px ; } 
.edu01_wrap01	.item03 .cont .txt03				{ font-weight:600;  padding:10px; border:1px solid #77cfd5; color:var(--color2);  border-radius:6px ;} 

.edu01_wrap01	.item03 .cont02  					{  display: grid; grid-template-columns:repeat(4, 1fr); gap:5px; padding:5px; border:1px solid rgb(0,0,0,0.15);  border-radius:6px ; } 
.edu01_wrap01	.item03 .cont02 ul				{  display: flex; flex-direction: column;gap:5px; } 
.edu01_wrap01	.item03 .cont02 ul li				{  font-size:0.9em; padding:10px ;   background:#f0f3f5;display: flex; flex-direction: column; justify-content:center; align-items:center; line-height:1.2; } 


@media screen and (max-width:1200px) {   
.edu01_wrap01	.item01,
.edu01_wrap01	.item02,
.edu01_wrap01	.item03,
.edu01_wrap01	.item02_02,
.edu01_wrap01	.item02_03			{ grid-template-columns:120px auto;   } 
}






.edu01_wrap02											{position:relative;  margin-top:40px; border:1px solid #ddd; padding:50px;  text-align:center;background:#f6f6f6;  }
.edu01_wrap02 ul										{max-width:900px; margin:auto; display: flex; flex-flow:wrap;justify-content: center; align-items:center; gap:8%; }
.edu01_wrap02 li										{ position:relative; width:27%;aspect-ratio:1/1;padding:20px; border-radius:50%; background:var(--color1) ; color:#fff; font-weight:700; font-size:1.05em; display: flex;     align-items:center; justify-content:center;word-break:keep-all;  border:10px solid #fff; line-height:1.3; }

.edu01_wrap02 li::before						{ position:absolute; content:''; top: -5%; left: -5%; width: 110%; height: 110%; border-radius:50%; border: 1px dashed var(--color1);  } 
.edu01_wrap02 li:last-child						{background:var(--color2);}
.edu01_wrap02 li:last-child::before		{border-color:var(--color2);} 
.edu01_wrap02 li::after							{content:''; position:absolute; top:calc(50% - 10px);right:-22%; width:0px;height:0px;border-top:10px solid transparent;border-bottom:10px solid  transparent;border-left:10px solid var(--color1);}
.edu01_wrap02 li:last-child::after			{display:none;}


@media screen and (max-width:1200px) {  
.edu01_wrap02											{ padding:40px; }
}
@media screen and (max-width:1024px) {   
.edu01_wrap02 ul										{ gap:5%; }
.edu01_wrap02 li										{  width:30%; border-width:8px;  }
.edu01_wrap02 li::before						{  top:-8px; left:-8px; width:calc(100% + 16px); height:calc(100% + 16px); } 
.edu01_wrap02 li::after							{ top:calc(50% - 8px); right:-15%; border-width:8px;}
}
@media screen and (max-width:800px) {   
.edu01_wrap02											{ margin-top:30px; padding:35px 0; }
.edu01_wrap02 ul										{ flex-direction: column; gap:30px 0; }
.edu01_wrap02 li										{ width:200px;  }
.edu01_wrap02 li::after							{ right:initial; top:initial; bottom:-35px; border-right:8px solid transparent;border-left:8px solid  transparent;border-top:8px solid var(--color1);}
.edu01_wrap02 li:last-child::after			{display:none;}
}
@media screen and (max-width:480px) {   
.edu01_wrap02 li										{ width:180px;  }
}
 






.edu01_wrap03											{position:relative;  text-align:center;min-width:800px; }
.edu01_wrap03 .top									{position:relative; margin-left:25%; }
.edu01_wrap03 .top	.item01					{position:relative;  display: grid; grid-template-columns:repeat(2, 1fr); gap:6px;     }
.edu01_wrap03 .top	.item01 span			{position:relative; background:#9dabbb; padding:15px; color:#fff;  border-radius:6px 6px 0 0; }
.edu01_wrap03 .top	.item01 span:last-child			{  background:#71788c;    }
.edu01_wrap03 .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 ; }
.edu01_wrap03 .top	.item02 li				{position:relative; color:#fff; padding:10px;   } 
.edu01_wrap03 .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);  }
.edu01_wrap03 .top	.item02 li:last-child::after		{display:none;}


.edu01_wrap03 .inner								{position:relative; display: grid; grid-template-columns:24% auto; gap:1%;  border-bottom:1px dashed #ddd;padding:20px 0; }
.edu01_wrap03 .inner .tit						{position:relative; padding:0  10px;  text-align:center;   } 
.edu01_wrap03 .inner .tit .img				{ margin:auto; width:160px;height:160px; border-radius:50%;background:var(--color2); display: flex; flex-direction: column; justify-content:center; align-items:center;   }
.edu01_wrap03 .inner:nth-child(odd) .tit .img	{background:var(--color1); }
.edu01_wrap03 .inner .tit strong			{ display:block;font-size:1.1em; color:#fff; padding:5px  0 0 0; }
.edu01_wrap03 .inner .tit .txt					{padding:20px 0 0 0; font-size:0.95em;  line-height:1.25; color:#555; word-break:keep-all;}
.edu01_wrap03 .inner .cont					{  overflow:hidden;  }
.edu01_wrap03 .inner .cont .box			{ display: grid; grid-template-columns:repeat(4, 1fr);gap:24px;  }
.edu01_wrap03 .inner .cont .box ul					{display: flex; flex-direction: column; justify-content:center;  gap:6px; }
.edu01_wrap03 .inner .cont .box ul li				{position:relative;   }
.edu01_wrap03 .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;}
.edu01_wrap03 .inner .cont .box ul:first-child li::after		{display:none;}

.edu01_wrap03 .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; }
.edu01_wrap03 .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; } 

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

.edu01_wrap03 .inner .cont .txt02			{  background:#4ba7ef; margin-top:10px;padding:13px; color:#fff; border-radius:6px ; }
.edu01_wrap03 .inner:nth-child(odd) .cont .txt02			{  background:#38b8c0;   }


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

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