@charset "utf-8"; 
 
/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.6em;  color:var(--color1);  font-weight:600;font-family: 'Paperlogy';  line-height:100%;  margin-bottom:40px; text-align:center;  }
h4 b							        {position:relative;display:inline-block; color:var(--color1);  font-weight:600; font-family: 'Paperlogy'; padding-top:25px;  } 
h4 span							{font-size:0.8em;color:var(--color2);font-weight:600; font-family: 'Paperlogy';   } 
h4 b::after					    {position:absolute; top:0; left:calc(50% - 25px); content:''; width:50px; height:4px; background:var(--color1);   }
  
/*
h4::after							{position:absolute; top:2px; left:0; content:''; width:20px; height:20px; background:linear-gradient(45deg, #0063b7, #02cbdf); border-radius:100%;}
h4::before						{position:absolute; z-index:1; top:7px; left:5px; content:''; width:10px; height:10px; background:#fff; border-radius:100%;} 
h5::after							{position:absolute; top:5px; left:0; content:''; width:16px; height:16px; border:4px solid var(--color1); border-radius:50px;   }  */

h5								        	{position:relative;font-size:1.25em;line-height:1.3;  font-weight:700; padding:0 0 18px 3px; color:#000;   } 
.sub_txtline				        	{font-weight:700; box-shadow: inset 0 -10px 0 #ffe88a; padding:0 3px; color:#333;}

.sub_top_box                       {text-align:center;font-size:1.1em; color:#222; line-height:1.5; margin-bottom:50px; padding:0 20px; }
.sub_top_box .tit                  {font-size:1.7em; color:#000; font-weight:bold; padding-bottom:20px;line-height:1.2; }
.sub_top_box .tit b               { color:var(--color1); font-weight:800;}

@media screen and (max-width:1024px) { 
    h4								    	{font-size:1.5em; margin-bottom:30px; } 
    h4 b							          { padding-top:20px;  } 
    h5									    {font-size:1.2em; padding:0 0 15px 0;  }  
    .sub_top_box                    { margin-bottom:40px;  }
    .sub_top_box .tit              {font-size:1.6em;  }
}
@media screen and (max-width:768px) { 
    h4								    	{font-size:1.45em;  } 
    h4 b::after					        {  left:calc(50% - 20px); width:40px; height:3px;     }
    .sub_top_box                    { padding:0 10px;}
    .sub_top_box br                { display:none; }
}
@media screen and (max-width:580px) { 
    .sub_top_box                    { padding:0  ; font-size:1.05em; }
    .sub_top_box .tit              {font-size:1.45em; padding-bottom:15px; }
}


 


.sub_line01                   {height:70px; } 
.sub_line02                   {height:60px; margin-top:60px; border-top:1px dashed #ddd;  } 
.sub_cont01					{padding-left:5px; }   

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

.delist  								{padding-left:30px;}							
.delist li								{list-style:decimal-leading; padding-bottom:8px; } 
.sub_list01							{position:relative; list-style:none; padding-left:22px; line-height:1.3;}
.sub_list01 + .sub_list01  {margin-top:12px;}
.sub_list01::after				{position:absolute; content:''; display:block; left:2px; top:3px; width:15px; height:15px; background:url('../img/common/sub_icon01.png') no-repeat 0 0; background-size:100% auto; }
.sub_list01 i						{ width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 b						{color:var(--color1);}
.sub_list02							{position:relative; list-style:none; padding-left: 13px; line-height:1.3;}
.sub_list02 + .sub_list02  {margin-top:8px;}
.sub_list02::after				{position:absolute; content:''; display:block; left:3px; top:7px; width:3px; height:3px; background:var(--color1); border-radius:50%;}

.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_list01							{ padding-left:20px; } 
    .sub_list01::after				{  top:2px;width:13px; height:13px; }
    
    .sub_line01                   {height:60px; } 
    .sub_line02                   {height:50px; margin-top:50px;  } 

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

    .sub_inner_top							{padding:0 10px 30px 10px; font-size:1.15em;}
    .sub_inner_top span					{display:inline;  }  
}
 
 
 
/* 인사말   ================================================================================== */
.ceo_wrap									{position:relative;  display: flex;gap:2.6em;    } 
.ceo_wrap .img 				        {position: relative;    width:33%;   order:2;  }
.ceo_wrap figure				        {position: relative;    width:100%;   }
.ceo_wrap figure img		        {  border-radius:50px 0 0 0;    display: block; width: 100%; object-fit: cover;  aspect-ratio: 648/746; /* border-radius: clamp(50px, 3.90625vw, 2.2222222222rem);*/ } 
.ceo_wrap figure::before         {position:absolute; content:''; right:-20px; bottom:-20px; width:100%; height:100%;background:var(--color1);  border-radius:50px 0 0 0;z-index:-1; }
.ceo_wrap .cont .txt					{position:relative;color:var(--color1);  font-family: 'Paperlogy'; font-weight:500; font-size:1.75em; line-height:1.4; margin-bottom:10px; word-break:keep-all; }
.ceo_wrap .cont .txt span			{ display:block;font-family: 'Paperlogy'; font-weight:700; font-size:1.15em;    }
.ceo_wrap .cont							{ flex:2;  order:1;} 
.ceo_wrap .cont p						{line-height:1.6;font-size:1.05em;padding:15px 0; word-break:keep-all;     font-weight: 500;} 
.ceo_wrap .ceo							{padding:30px 0 0 0; line-height:1.6;  font-weight:600; font-size:1.1em;}
.ceo_wrap .ceo b						{ font-size:1.3em; font-weight:bold; color:#333; } 

 
@media screen and (max-width:1200px) {  
    .ceo_wrap figure::before         { right:-15px; bottom:-15px;   }
}
@media screen and (max-width:1024px) {   
    .ceo_wrap									{ gap:2em;    } 
    .ceo_wrap .cont .txt					{  font-size:1.5em;}   
    .ceo_wrap figure::before         { right:-12px;  }
}
@media screen and (max-width:800px) {   
    .ceo_wrap									{flex-direction: column; gap:10px;   } 
    .ceo_wrap .img				            {  max-width:500px; width:100%; order:1; margin:auto; }
    .ceo_wrap figure				        { aspect-ratio:1/1.2; overflow:hidden; }
    .ceo_wrap figure::before         { display:none; }
    .ceo_wrap .cont							{width:100%;  order:2;}  
    .ceo_wrap .cont .txt					{  font-size:1.4em;  }  
}
@media screen and (max-width:580px) {  
    .ceo_wrap figure img		        { border-radius:40px 0 0 0;   } 
    .ceo_wrap .cont .txt					{  font-size:1.35em;  }  
    .ceo_wrap .cont p						{font-size:1em; } 
}
@media screen and (max-width:420px) {  
    .ceo_wrap .cont .txt					{  font-size:1.2em;  }  
}

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


 

 

/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2.4 / 1; border-radius:0.7em; border:1px solid #dfdfdf;}
.map_box ul									{overflow:hidden; padding:40px  0;   display:flex; }
.map_box ul li								{flex:1; display:flex; gap:20px;   }
.map_box ul li:first-child              {flex:2; } 
.map_box ul li i				                {background:#f1f1f1; color:var(--color1); width:60px; height:60px;line-height:60px; border-radius:100%; text-align:center; cursor:auto;  font-size:1.05em;   }
.map_box .txt							    {padding-top:5px; }  
.map_box .txt strong					{ display:block;  font-weight:700;color:#000;   } 
    
.map_box .btn_wrap                   {margin-top:20px;text-align:center; } 
.map_box .btn_wrap a                { display:inline-block; background:#fff; color:var(--color1); border:1px solid var(--color1); font-weight:600; padding:18px  20px; min-width:240px;  transition:all 0.3s ease; border-radius:0.5em; }
.map_box .btn_wrap a i			   {background:var(--color1); color:#fff; width:23px; line-height:23px; border-radius:100%; text-align:center; font-size:0.9em; margin-left:12px; }
.map_box .btn_wrap a:hover      {background:var(--color1); color:#fff; }
.map_box .btn_wrap a:hover i			   {background:#fff; color:var(--color1);   }


.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:30px 0;   flex-direction: column; justify-content: flex-start; gap: 12px; text-align:left;}  
	.map_box ul li i							    {width:50px;height:50px; line-height:50px; font-size:1em;   }
    .map_box .txt							    {padding-top:13px; }  
    .map_box .txt strong					{ display:inline-block; margin-right:15px; }
 
    .map_box .btn_wrap                   {margin-top:10px;  } 
    .map_box .btn_wrap a                { padding:17px  20px; min-width:220px;  }
    .map_box .btn_wrap a i			   {  width:21px; line-height:21px;  font-size:0.85em;   }

} 
@media screen and (max-width:768px) {  
	.map_box ul							    	{padding:24px 0; }
	.map_box #map_canvas			    {  aspect-ratio: 2 / 1.3; } 
    .map_box ul li								{ gap:12px;   }
	.map_box ul li i							    {width:42px;height:42px; line-height:42px; font-size:0.9em;   }
    .map_box .txt							    {padding-top:9px; }  

    .map_box .btn_wrap a                { padding:15px; min-width:210px;  }
} 
@media screen and (max-width:480px) {   
	.map_box #map_canvas			{  aspect-ratio: 2 / 1.5;} 
    .map_box .txt							    {font-size:0.95em;   }
	.mapoverlay .title						{  font-size:15px;} 
	.mapoverlay .add						{  font-size:12px;    }
}

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

 


/* 비전 ================================================================================== */
.int02_wrap01                                              {position:relative; text-align:center; padding-top:15px;  }
.int02_wrap01 .depth1                               {position:relative;  background: var(--color1);  border-radius:50%;  width:280px; aspect-ratio:1/1;margin:auto; display: flex; flex-direction: column; justify-content:center;  padding:30px;  }
.int02_wrap01 .depth1 .tit                         {position:relative;  color:#fff;  font-size:1.5em;  font-weight:700; }
.int02_wrap01 .depth1 .txt                        { font-size:1.05em; font-weight:500;color:#fff; padding:20px 0 0 0;text-align:center;  }
.int02_wrap01 .depth1::before                 { position:absolute; content:''; left:-5%; top:-5%; width:110%; height:110%; border:1px dashed var(--color1); border-radius:50%; opacity:0.3;}
.int02_wrap01 .depth1::after                    { position:absolute; content:''; left:0; bottom:-28px; width:100%; height:50px; background:url('../img/sub/arrow04.png') no-repeat center 0 ; z-index:1; }


.int02_wrap01 .depth2                               {position:relative;  border:3px solid var(--color2);  border-radius:100px;  max-width:840px; margin:auto; margin-top:70px; }
.int02_wrap01 .depth2 .tit                         {position:absolute; top:-25px; left:50%; display:inline-block; line-height:50px; padding:0 40px;  background:var(--color2); color:#fff; border-radius:100px;  transform: translateX(-50%); min-width:170px; font-weight:600; }
.int02_wrap01 .depth2 .txt                        { font-size:1.15em; font-weight:600;color:#000; padding:40px 40px 25px 40px; }
.int02_wrap01 .depth2 .txt b                     {color:var(--color2); }


.int02_wrap01 .depth3                               {position:relative;    margin-top:70px;  background:#f5f5f5; border-radius:1.2em; padding:2.5em;  z-index:-2; }
.int02_wrap01 .depth3 .tit                         {position:absolute; top:-25px; left:50%; display:inline-block; line-height:50px; padding:0 30px;  background:var(--color5); color:#fff; border-radius:100px;  transform: translateX(-50%); min-width:170px; font-weight:600; }
.int02_wrap01 .depth3 ul                           {display: grid; grid-template-columns:repeat(3, 1fr); gap:1.5em;  }
.int02_wrap01 .depth3 ul li                        { position:relative;  padding-top:10px;  }
.int02_wrap01 .depth3 ul li::before          {  position:absolute; content:''; left:0; top:240px; width:100%; height:calc(100% - 240px);background:#fff;  box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.1); border-radius:1em;  z-index:-1; }
.int02_wrap01 .depth3 ul li::after              {  position:absolute; content:''; left:50%; top:200px; width:1px; height:50px;background:#d5d5d5; z-index:-1;  }
.int02_wrap01 .depth3 ul li .img               { background:#fff; width:190px; aspect-ratio:1/1;border-radius:200px; margin:auto; border:6px solid var(--color5); display: flex; flex-direction: column; justify-content:center; align-items:center; font-weight:bold; font-size:1.05em;color:#111; padding-bottom:10px; }
.int02_wrap01 .depth3 ul li .cont              { margin-top:30px; border-radius:1em; overflow:hidden; z-index:2; }
.int02_wrap01 .depth3 ul li .cont .txt01             { background:var(--color5); color:#fff; padding:12px;  }
.int02_wrap01 .depth3 ul li .cont .txt02             { padding: 20px;  }

 
.int02_wrap01 .depth4                               {position:relative;  margin-top:50px;  z-index:-2; }
.int02_wrap01 .depth4 .tit                         {position:relative;  display:inline-block; line-height:46px; padding:0 40px; border:3px solid var(--color2); color:var(--color2); border-radius:100px;   min-width:170px; font-weight:600; margin:auto; margin-bottom:60px; }
.int02_wrap01 .depth4 ul                           {position:relative;display: grid; grid-template-columns:repeat(4, 1fr); gap:1.5em;  }
.int02_wrap01 .depth4 ul::before             {position:absolute; content:''; left:50%; top:-60px; width:1px; height:30px; background:#ddd;}
.int02_wrap01 .depth4 ul li                        { position:relative;   background:#fff; border:1px solid var(--color2);  box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.1); border-radius:1em;   }
.int02_wrap01 .depth4 ul li::before           {position:absolute; content:''; left:50%; top:-30px; width:1px; height:30px; background:#ddd; z-index:-1;}
.int02_wrap01 .depth4 ul li::after              {position:absolute; content:''; left:50%; top:-30px; width:calc(100% + 1.6em); height:1px; background:#ddd; }
.int02_wrap01 .depth4 ul li:last-child::after              { left:initial;  right:50%; }

.int02_wrap01 .depth4 ul li .txt01             { background:var(--color2); color:#fff; padding:12px;  border-radius:0.9em 0.9em 0 0;   }
.int02_wrap01 .depth4 ul li .txt02             { padding: 20px;  }
 

.int02_wrap01 .depth5                               {position:relative;  margin-top:50px;  z-index:-2; }
.int02_wrap01 .depth5 .tit                         {position:relative;  display:inline-block; line-height:50px; padding:0 40px; background: var(--color5); color:#fff; border-radius:100px;   min-width:170px; font-weight:600; margin:auto; margin-bottom:30px; }
.int02_wrap01 .depth5 ul                           {position:relative;display: grid; grid-template-columns:repeat(5, 1fr); gap:3em;  }
.int02_wrap01 .depth5 ul li                        { position:relative; aspect-ratio:1/1;   background:#fff; border:4px solid var(--color5);  box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.1); border-radius:50%;  display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.int02_wrap01 .depth5 ul li:not(:first-of-type)::before           {position:absolute; content:''; left:-3.2em; top:0; width:3em; height:100%; background:url('../img/sub/arrow05.png') no-repeat center 50%;}
.int02_wrap01 .depth5 ul li .txt01             {font-weight:600;color:#000; line-height:1.2; padding:10px 30px;  }


.int02_wrap01 .depth6                               {position:relative;    margin:auto; padding:2.2em;    margin-top:60px; background:var(--color1); border-radius:1.2em;} 
.int02_wrap01 .depth6 .tit                         { position:relative;  color:#fff; font-size:1.35em;  font-weight:700;padding-bottom:15px  ;   margin-bottom:15px; }
.int02_wrap01 .depth6 .tit::before            {position:absolute; content:''; left:calc(50% - 30px); bottom:0; width:60px; height:2px; background:#fff; }
.int02_wrap01 .depth6 .txt                        { font-size:1.15em; font-weight:500;color:#fff;  }
.int02_wrap01 .depth6 .txt b                     {color:var(--color2); }


@media screen and (max-width:1300px) {   
    .int02_wrap01 .depth1                               {  width:250px;  } 
    .int02_wrap01 .depth3 ul li .img               {  width:170px;   border-width:5px ; }
    .int02_wrap01 .depth3 ul li .img img       {  width:70px; height:auto;}
    .int02_wrap01 .depth5 ul                           {  gap:2em;  }
    .int02_wrap01 .depth5 ul li:not(:first-of-type)::before           {  left:-2.2em;  width:2em;  }
    .int02_wrap01 .depth5 ul li:not(:first-of-type)::before           { background-size:60% auto;}
    .int02_wrap01 .depth5 ul li img                 {width:60px; }
    .int02_wrap01 .depth5 ul li .txt01             {  padding:10px 20px;  }
}
@media screen and (max-width:1024px) {   
    .int02_wrap01                                              {   font-size:0.95em; } 
    .int02_wrap01 .depth1                               {  width:230px;  } 
    .int02_wrap01 .depth1::after                    {   bottom:-25px;  height:40px; background-size:auto 40px; }
 
    .int02_wrap01 .depth2                               {  margin-top:55px; }
    .int02_wrap01 .depth2 .tit                         {  top:-20px;    line-height:40px; padding:0 30px; min-width:150px;  }
    .int02_wrap01 .depth2 .txt                        { font-size:1.1em;  padding:35px 30px 20px 30px; } 
 
    .int02_wrap01 .depth3                               {  margin-top:55px;   padding:2em;   }
    .int02_wrap01 .depth3 .tit                         { top:-20px;    line-height:40px; padding:0 20px; min-width:150px;  }
    .int02_wrap01 .depth3 ul                           {  gap:1em;  } 
    .int02_wrap01 .depth3 ul li::before          {   top:200px;   height:calc(100% - 200px);  }  
    .int02_wrap01 .depth3 ul li::after              {   top:150px;   }

    .int02_wrap01 .depth3 ul li .img               {  width:150px; border-width:4px;   }
    .int02_wrap01 .depth3 ul li .img img       {  width:60px; } 
    .int02_wrap01 .depth3 ul li .cont .txt01             { padding:10px;  }
    .int02_wrap01 .depth3 ul li .cont .txt02             { padding:   15px;  line-height:1.3; }


    .int02_wrap01 .depth4                               { margin-top:30px;  }
    .int02_wrap01 .depth4 .tit                         { line-height:38px;padding:0 30px;min-width:150px;    }
    .int02_wrap01 .depth4 ul                           { gap:1em;  }   
    .int02_wrap01 .depth4 ul li::after              {  width:calc(100% + 1.1em); }
    .int02_wrap01 .depth4 ul li:last-child::after              { left:initial;  right:50%; } 
    .int02_wrap01 .depth4 ul li .txt01             {   padding:10px;    }
    .int02_wrap01 .depth4 ul li .txt02             { padding: 15px; line-height:1.3; }
 
    .int02_wrap01 .depth5                               {  margin-top:40px;  }
    .int02_wrap01 .depth5 .tit                         {  line-height:40px; padding:0 30px; min-width:150px;  }
    .int02_wrap01 .depth5 ul li img                 {width:50px; }
    .int02_wrap01 .depth5 ul li .txt01             { padding:5px 15px;  } 

    .int02_wrap01 .depth6                               { padding:2em;    margin-top:40px; }
} 
@media screen and (max-width:900px) {   
    .int02_wrap01 .depth5 ul                           { display: flex;flex-flow:wrap;justify-content: center;row-gap:0.7em; }
    .int02_wrap01 .depth5 ul li                        { width:160px; border-width:3px ; } 
}
@media screen and (max-width:768px) {   
    .int02_wrap01                                              {   font-size:0.9em; } 
    .int02_wrap01 .depth1                               {  width:200px;  padding:20px; } 
    .int02_wrap01 .depth1::after                    {   bottom:-20px;  height:35px; background-size:auto 35px; }

    .int02_wrap01 .depth2                               {  margin-top:50px;border-width:2px; } 
    .int02_wrap01 .depth2 .txt                        {  padding:30px 30px 15px 30px; line-height:1.4;} 
 
    .int02_wrap01 .depth3                               {  margin-top:50px;   padding:1.2em; padding-top:2em;  }  
    .int02_wrap01 .depth3 ul li::before          {   top:150px;   height:calc(100% - 150px);  }  
    .int02_wrap01 .depth3 ul li::after              {   top:120px;   } 
    .int02_wrap01 .depth3 ul li .img               {  width:120px; border-width:3px;   }
    .int02_wrap01 .depth3 ul li .img img       {  width:50px; } 
    .int02_wrap01 .depth3 ul li .cont              { margin-top:20px; }
    .int02_wrap01 .depth3 ul li .cont .txt01             { line-height:1.3;  } 
    .int02_wrap01 .depth3 ul li .cont .txt02             { padding:10px 15px;  } 
    .int02_wrap01 .depth3 ul li .cont .txt02 br         { display:none;   } 

   
    .int02_wrap01 .depth4 ul li .txt01             {  line-height:1.3; } 
    .int02_wrap01 .depth4 ul li .txt02             { padding:10px 15px;  }
 
    .int02_wrap01 .depth5 .tit                         { margin-bottom:20px; }
    .int02_wrap01 .depth5 ul li                        { width:150px;  } 

    .int02_wrap01 .depth6                               { padding:1.5em;  }
}

@media screen and (max-width:600px) {     
    .int02_wrap01                                              {   font-size:0.85em; } 
    .int02_wrap01 .depth3                               {   padding:1em; padding-top:1.7em;  }  
    .int02_wrap01 .depth3 ul                           {  gap:0.6em;  } 
    .int02_wrap01 .depth3 ul li::before          {   top:64px;   height:calc(100% - 64px);  }  
    .int02_wrap01 .depth3 ul li::after              {   top:30px;   } 
    .int02_wrap01 .depth3 ul li .img               {  width:100%; aspect-ratio:initial; border-width:2px; padding-bottom:0;line-height:30px;  }
    .int02_wrap01 .depth3 ul li .img img       { display:none; } 
    .int02_wrap01 .depth3 ul li .cont              { margin-top:14px; }
    
    .int02_wrap01 .depth4 ul                           {  grid-template-columns:repeat(2, 1fr); gap:1.4em 0.6em;  }
    .int02_wrap01 .depth4 ul li::after              {  width:calc(100% + 0.7em);  }
    .int02_wrap01 .depth4 ul li:nth-child(2)::after, 
    .int02_wrap01 .depth4 ul li:nth-child(3)::after, 
    .int02_wrap01 .depth4 ul li:nth-child(4)::after              { display:none; }

    .int02_wrap01 .depth5 ul li                        { width:140px;  } 

}


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




 



/* 사업개요 ================================================================================== */
.int03_wrap01                                  {position:relative; text-align:center; border-radius:1.2em; padding:2.5em; padding-top:3em; background:#f4f5f7;  } 
.int03_wrap01 ul                              {position:relative; display: grid; grid-template-columns:repeat(4, 1fr); gap:1.5em;   }
.int03_wrap01 ul li                           {position:relative;  background:#fff;border-radius:1em; padding:0 20px 25px 20px;  box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.1);  }
.int03_wrap01 ul li .no                    {position:relative; display:inline-block; top:-20px;  line-height:40px; background:var(--color1); color:#fff; font-size:0.9em; padding:0 20px; border-radius:50px;     }
.int03_wrap01 ul li figure                {position:relative;    width:100px; aspect-ratio:1/1; border:0 solid #dfdfdf; border-radius:50%; margin:auto; display: flex; flex-direction: column; justify-content:center; align-items:center;    }
.int03_wrap01 ul li .tit                     {position:relative;  font-size:1.1em; font-weight:600; color:#111; margin:20px 0;  line-height:1.25;  }
.int03_wrap01 ul li .tit b                  {position:relative;  font-size:1.05em; font-weight:bold; color:var(--color1);    }
.int03_wrap01 ul li .txt                    {position:relative;   font-size:0.95em; line-height:1.4;  }


@media screen and (max-width:1024px) {  
.int03_wrap01 ul                              { grid-template-columns:repeat(2, 1fr); gap:40px 1.5em;   }
} 
@media screen and (max-width:768px) {  
.int03_wrap01 ul                              { grid-template-columns:repeat(1, 1fr);    }
.int03_wrap01 ul li figure                { width:70px; }
}
@media screen and (max-width:480px) {  
.int03_wrap01                                  { padding:2em; padding-top:2.5em; } 
}

/* 사업개요 ================================================================================== */





/* 컨소시엄 구성 ================================================================================== */
.int04_wrap01                                  {position:relative; text-align:center; display: flex; flex-direction: column;  align-items:center; gap:20px;    } 
.int04_wrap01 .depth1                    {position:relative; display:inline-block; border:1px solid #ddd; border-radius:1em;  overflow:hidden;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);   } 
.int04_wrap01 .depth1 .tit              {position:relative;   font-size:1.05em; font-weight:bold;background:var(--color1); color:#fff;  padding:12px 0px; } 
.int04_wrap01 .depth1 .txt             {position:relative;   padding:  20px 40px; } 
 
.int04_wrap01 .depth2                    {position:relative; text-align:center; display: flex;  justify-content:space-between; align-items:center;  }
.int04_wrap01 .depth2 .item1        {position:relative; flex:2.9;  display: flex;  justify-content:right;padding:15px 0; }
.int04_wrap01 .depth2 .item1::before      {position:absolute; content:''; right:0; top:0; width:100%; height:100%; background:url('../img/sub/arrow02.png') no-repeat right 50%; }
.int04_wrap01 .depth2 .item1 .box        {position:relative; border:3px solid #bed7f0; padding:20px;border-radius:1em; height:120px; display: flex;  align-items:center;  }
.int04_wrap01 .depth2 .item1 .arrow    {position:relative; display: flex;  align-items:center; font-size:0.85em; color:#444; line-height:1.3; padding:0 20px;  }

.int04_wrap01 .depth2 .item2        {position:relative; flex:4.2; }

.int04_wrap01 .depth2 .item3        {position:relative; flex:2.9;display: flex;   padding:15px 0; }
.int04_wrap01 .depth2 .item3::before      {position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:url('../img/sub/arrow02.png') no-repeat right 50%; transform: rotate(180deg);}
.int04_wrap01 .depth2 .item3 .box        {position:relative; flex:1.3; border:3px solid #bae5e8; padding:20px;border-radius:1em;  display: flex;flex-direction: column;   align-items:center; line-height:1.3;font-size:0.95em; }
.int04_wrap01 .depth2 .item3 .box p     { font-weight:bold; color:var(--color2); font-size:1.15em; padding-bottom:10px; }
.int04_wrap01 .depth2 .item3 .arrow    {position:relative ; flex:1; display: flex;  align-items:center; font-size:0.85em; color:#444; line-height:1.3; padding:0 20px;  }

 
 
.int04_wrap01 .depth3                    {position:relative; display:inline-block; border:1px solid #ddd; border-radius:1em;  overflow:hidden;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);  max-width:800px; } 
.int04_wrap01 .depth3 .tit              {position:relative;   font-size:1.05em; font-weight:bold;background:var(--color2); color:#fff;  padding:12px 0px; } 

.int04_wrap01 .depth3 .txt             {position:relative;   padding:  20px 40px; } 
.int04_wrap01 .depth3 .txt b          {position:relative; color:#000;  }


.int04_wrap01 .arrow1                    {position:relative; display: grid;grid-template-columns:repeat(2, 1fr); gap:60px;   text-align:left;  font-size:0.9em; line-height:1.2; color:#888; padding:10px 0; background:url('../img/sub/arrow01.png') no-repeat center 50%; }
.int04_wrap01 .arrow1 div:first-child     {text-align:right; }



@media screen and (max-width:1024px) {  
    .int04_wrap01 .depth2                    { flex-direction: column;    }
    .int04_wrap01 .depth2 .item1        { flex:1;  justify-content:center; flex-direction: column; padding:  0; }
    .int04_wrap01 .depth2 .item1::before      { top:initial;  bottom:0; height:120px;  background:url('../img/sub/arrow03.png') no-repeat center bottom;background-size: auto 120px;  }
    .int04_wrap01 .depth2 .item1 .box        {  padding: 20px 30px; height:initial; background:#fff;  }
    .int04_wrap01 .depth2 .item1 .arrow    {  padding: 15px 0 25px 0;  display:block;}
    .int04_wrap01 .depth2 .item3        { flex:1;  justify-content:center; flex-direction: column; padding:  0; }
    .int04_wrap01 .depth2 .item3::before      { top:0;    height:120px;  background:url('../img/sub/arrow03.png') no-repeat center bottom;background-size: auto 120px;  }
    .int04_wrap01 .depth2 .item3 .box        {  padding: 20px  ; height:initial; background:#fff;  }
    .int04_wrap01 .depth2 .item3 .arrow    {  padding: 25px 0 15px 0;  display:block;}
}
@media screen and (max-width:768px) {  
    .int04_wrap01 .arrow1                    {  gap:50px;  font-size:0.8em; padding:5px 0; background-size:auto 40px;  }
}
@media screen and (max-width:420px) {  
    .int04_wrap01 .arrow1 div br         {display:none; }
}


/* 컨소시엄 구성 ================================================================================== */





/* 컨소시엄 조직도 ================================================================================== */

.int05_wrap01                                      {position:relative; text-align:center; } 
.int05_wrap01 .depth1                        {position:relative;   }
.int05_wrap01 .depth1::before          {position:absolute; content:''; left:11%; top:50%; width:70%; height:1px;background:#d5d5d5; z-index:-1;  }  /* 가로선  */
 
.int05_wrap01 .depth1 p                     {position:relative; display:inline-block; background:var(--color1); color:#fff; font-size:1.1em; font-weight:700; padding:30px; border-radius:0.7em; min-width:270px;  }

.int05_wrap01 .depth2                        {position:relative; display: grid; grid-template-columns:22% auto 22%; gap:2em; }
.int05_wrap01 .depth2 .item1            {position:relative;   padding-top:100px;  }
.int05_wrap01 .depth2 .item1::before         { position:absolute; content:''; left:50%; top:-57px; width:1px; height:60%;background:#d5d5d5; z-index:-1;  }  /* 세로선 */
 
.int05_wrap01 .depth2 .item1 ul        {position:relative;  border-radius:1em; background:var(--color4); padding:1em;  display: flex; flex-direction: column;gap:10px; }
.int05_wrap01 .depth2 .item1 ul li     {position:relative;  border-radius:0.7em; background:#fff; padding:12px 10px;  font-size:0.95em; word-break:break-all; }
 
.int05_wrap01 .depth2 .item2            {position:relative; padding-top:20px;  } 
.int05_wrap01 .depth2 .item3            {position:relative;  padding-top:100px; }

.int05_wrap01 .depth2 .item3 p         {position:absolute;  top:-85px; width:100%; border-radius:0.7em; background:var(--color2); padding:15px; font-weight:bold; color:#fff;   }
.int05_wrap01 .depth2 .item3 ul        {position:relative;  display: flex; flex-direction: column;gap:10px;   }
.int05_wrap01 .depth2 .item3 ul::before         { position:absolute; content:''; left:50%; top:-150px; width:1px; height:calc(100% + 150px); background:#d5d5d5; z-index:-1;  }  /* 세로선 */
.int05_wrap01 .depth2 .item3 ul li     {position:relative; border:1px solid var(--color2);  padding:12px 10px;  font-size:0.95em; border-radius:0.7em;background:#fff;  word-break:break-all; }


.int05_wrap01 .depth3                        {position:relative;   }
.int05_wrap01 .depth3 p                     {position:relative;display:inline-block;  font-weight:600; line-height:50px; background:#ddd; min-width:400px;  }
.int05_wrap01 .depth3 p::before       {position:absolute; content:''; top:-10px;left:-30px; width:30px;height:0px;border-top:36px solid transparent;border-bottom:36px solid  transparent;border-right:20px solid #ddd;}
.int05_wrap01 .depth3 p::after        {position:absolute; content:''; top:-10px;right:-30px; width:30px;height:0px;border-top:36px solid transparent;border-bottom:36px solid  transparent;border-left:20px solid #ddd;}
 

@media screen and (max-width:1024px) {  
    .int05_wrap01                                      {font-size:0.95em;}
    .int05_wrap01 .depth1 p                     { padding:20px;   min-width:240px;  }
    .int05_wrap01 .depth2 .item1,
    .int05_wrap01 .depth2 .item3            {  padding-top:70px; }
    .int05_wrap01 .depth2 .item2            { padding-top:10px;  }  

    .int05_wrap01 .depth2                        {  gap:1em; }
    .int05_wrap01 .depth2 .item1 ul        { padding:0.6em; gap:6px; }
    .int05_wrap01 .depth2 .item1 ul li         {   line-height:1.3; }  

    .int05_wrap01 .depth2 .item1::before         {  top:-42px;  }  /* 세로선 */ 
    .int05_wrap01 .depth2 .item3 p         { top:-68px;  padding:13px;  line-height:1.3;    } 
    .int05_wrap01 .depth2 .item3 ul::before         {  top:-130px;  height:calc(100% + 130px);   }  /* 세로선 */
    .int05_wrap01 .depth3 p                     {  line-height:40px;  min-width:280px;  }
    .int05_wrap01 .depth3 p::before       {  border-top:30px solid transparent;border-bottom:30px solid  transparent; }
    .int05_wrap01 .depth3 p::after        { border-top:30px solid transparent;border-bottom:30px solid  transparent; }
 
    .int05_wrap01 .depth2 .item3 ul        { gap:6px;   } 
    .int05_wrap01 .depth2 .item3 ul li     {  line-height:1.3; }   
}
@media screen and (max-width:768px) {  
    .int05_wrap01                                      {font-size:0.9em;}
    .int05_wrap01 .depth1 p                     { padding:15px;   min-width:210px;  }

    .int05_wrap01 .depth2 .item1,
    .int05_wrap01 .depth2 .item3            {  padding-top:0; }
    .int05_wrap01 .depth2 .item1 ul        { padding:6px;   }
    .int05_wrap01 .depth2 .item1::before         {  top:-38px;  }  /* 세로선 */ 
    .int05_wrap01 .depth2 .item3 p         { top:-60px; padding:10px; } 
    .int05_wrap01 .depth2 .item3 ul::before         {  top:-30px;  height:calc(100% + 30px);   }  /* 세로선 */
    .int05_wrap01 .depth2 .item1 ul li,
    .int05_wrap01 .depth2 .item3 ul li     { padding:8px;  line-height:1.2;}  
    .int05_wrap01 .depth3 p                     {   min-width:220px;  }
    .int05_wrap01 .depth2 .item3 ul        {margin-top:10px;    } 
}
@media screen and (max-width:580px) {  
    .int05_wrap01                                      {font-size:0.85em;}
    .int05_wrap01 .depth1 p                     { padding:13px;   min-width:180px;  }
    .int05_wrap01 .depth2                        {  gap:6px; }
    .int05_wrap01 .depth2 .item2            {display: flex; flex-direction: column; justify-content:center;  } 
    
    .int05_wrap01 .depth3 p                     {  line-height:30px;  min-width:140px;  }
    .int05_wrap01 .depth3 p::before       {  top:-6px;left:-20px; width:20px; border-top:21px solid transparent;border-bottom:21px solid  transparent;border-right:13px solid #ddd;}
    .int05_wrap01 .depth3 p::after        { top:-6px;right:-20px; width:20px;height:0px;border-top:21px solid transparent;border-bottom:21px solid  transparent;border-left:13px solid #ddd;}

}
 



/* ============== */ 
 
.int05_wrap02                                      {position:relative; text-align:center; }
.int05_wrap02 .tit                                {position:relative; width:15%; color:var(--color1); font-weight:bold; display: flex; flex-direction: column; justify-content:center; text-align:left; }
.int05_wrap02 .tit::before                   {position:absolute; content:'';  right:0; top:0; width:100%; height:100%;background:url('../img/sub/arrow06.png') no-repeat right 50%;}

.int05_wrap02 .depth1                        {position:relative; margin-bottom:50px; }
.int05_wrap02 .depth1 p                     {position:relative; display:inline-block; background:var(--color1); color:#fff; font-size:1.1em; font-weight:700; padding:30px; border-radius:0.7em; min-width:270px;  }
.int05_wrap02 .depth1 p::before         { position:absolute; content:''; left:50%; bottom:-50px; width:1px; height:50px;background:#d5d5d5; z-index:-1;  }  /* 세로선 */

.int05_wrap02 .depth2                         {position:relative; margin-bottom:70px; }
.int05_wrap02 .depth2::before           { position:absolute; content:''; left:25%; top:50%; width:30%; height:1px;background:#d5d5d5; z-index:-1;  }  /* 가로선  */
.int05_wrap02 .depth2 .item1             {position:absolute; top:-20px; right:65%; display:inline-block; border:1px solid #d3d3d3; border-radius:0.7em; overflow:hidden;background:#fff;  }
.int05_wrap02 .depth2 .item1 p          {  line-height:1.3; padding: 14px 10px; background: var(--color5); color:#fff;   font-weight:600;   }
.int05_wrap02 .depth2 .item1 span    { display:block; padding:15px 20px; font-size:0.95em; }

.int05_wrap02 .depth2 .item2             {position:relative;display:inline-block;  border:3px solid var(--color1); color:var(--color1); font-size:1.05em; font-weight:700; padding:15px 20px; border-radius:5em; background:#fff; min-width:200px;  }

 
.int05_wrap02 .depth3                            {position:relative; display:flex;   } 
.int05_wrap02 .depth3 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(4, 1fr); gap:1em;   }
.int05_wrap02 .depth3 ul li                     {position:relative;  line-height:1.3; border:1px solid #d5d5d5;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);border-radius:1em; overflow:hidden; }
.int05_wrap02 .depth3 ul li .txt01          {background:var(--color2); color:#fff; padding:15px;  }
.int05_wrap02 .depth3 ul li .txt02          { padding: 20px 15px; font-size:0.95em; color:var(--color2); }
 
.int05_wrap02 .depth4                            {position:relative; display:flex; margin-top:30px; } 
.int05_wrap02 .depth4 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(4, 1fr); gap:1em;   }
.int05_wrap02 .depth4 ul li                     {position:relative;  line-height:1.3; border:1px solid var(--color2);  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);border-radius:1em; padding:25px 15px; text-align:left; overflow:hidden; font-size:0.95em;}
.int05_wrap02 .depth4 ul li p                   {  position:relative;  padding-left:13px; line-height:1.3; }
.int05_wrap02 .depth4 ul li p + p            {margin-top:5px;}
.int05_wrap02 .depth4 ul li p::after				{position:absolute; content:'';   left:3px; top:7px; width:3px; height:3px; background:var(--color2); border-radius:50%;}

 
.int05_wrap02 .depth5                            {position:relative; display:flex; margin-top:30px; } 
.int05_wrap02 .depth5 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(5, 1fr); gap:0.7em;   }
.int05_wrap02 .depth5 ul li                     {position:relative;  border:1px solid #d5d5d5;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1); border-radius:1em; padding:15px;  overflow:hidden; }


.int05_wrap02 .depth6                            {position:relative; display:flex; margin-top:30px; } 
.int05_wrap02 .depth6 .cont                  {position:relative; flex:2;  width:100%; background:var(--color1) ; color:#fff; font-size:1.1em; font-weight:bold; border-radius:3em; padding:25px;   }
 
 
.int05_wrap02 .depth7                            {position:relative; display:flex; margin-top:30px; } 
.int05_wrap02 .depth7 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(5, 1fr); gap:0.7em;   }
.int05_wrap02 .depth7 ul li                     {position:relative;  line-height:1.3; border:1px solid var(--color5);  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);border-radius:1em; overflow:hidden; }
.int05_wrap02 .depth7 ul li .txt01          {background:var(--color5); color:#fff; padding:15px;  }
.int05_wrap02 .depth7 ul li .txt02          { padding:20px 15px; font-size:0.95em; text-align:left;}

.int05_wrap02 .depth7 ul li p                   {  position:relative;  padding-left:13px; margin-bottom:5px; line-height:1.3; font-size:0.95em;} 
.int05_wrap02 .depth7 ul li p::after				{position:absolute; content:'';   left:3px; top:7px; width:3px; height:3px; background:#666; border-radius:50%;}


 
@media screen and (max-width:1024px) {  
    .int05_wrap02                                      {font-size:0.95em; }
    .int05_wrap02 .tit                                { width:100%; text-align:center; font-size:1.15em; padding-bottom:15px; }
    .int05_wrap02 .tit::before                   {display:none; }
    .int05_wrap02 .tit::after                      {position:absolute; content:''; left:calc(50% - 3px); top:-10px; width:6px; height:6px; background:var(--color1); border-radius:5px; opacity: 0.5;  }

    .int05_wrap02 .depth3, .int05_wrap02 .depth4, .int05_wrap02 .depth5, .int05_wrap02 .depth6, .int05_wrap02 .depth7       {display:block;  }
    .int05_wrap02 .depth3 ul, .int05_wrap02 .depth4 ul, .int05_wrap02 .depth5 ul, .int05_wrap02 .depth7 ul       {gap:0.6em;}

    .int05_wrap02 .depth1                        { margin-bottom:40px; }
    .int05_wrap02 .depth1 p                     {   padding:20px;  min-width:240px;  } 
    .int05_wrap02 .depth2                         { margin-bottom:40px; }  
    .int05_wrap02 .depth2 .item1             { top:-15px;  }
    .int05_wrap02 .depth2 .item1 p          {  padding: 10px;    }
    .int05_wrap02 .depth2 .item1 span    {  padding:10px  ;  } 
    .int05_wrap02 .depth2 .item2             {  border-width:2px; padding:12px 20px;  min-width:160px;  }
 
    .int05_wrap02 .depth3 ul li .txt01          { padding:12px;  }
    .int05_wrap02 .depth3 ul li .txt02          { padding:   15px 12px;  }
  
    .int05_wrap02 .depth4 ul li                     {  padding:20px  15px; } 
    .int05_wrap02 .depth4 ul li p                   {  padding-left:10px;   } 
    .int05_wrap02 .depth4 ul li p::after				{  left:1px; top:6px; width:2px;height:2px; }
 
    .int05_wrap02 .depth6 .cont                  { padding:20px;   }
 
    .int05_wrap02 .depth7 ul li .txt01          {padding:12px;  }
    .int05_wrap02 .depth7 ul li .txt02          { padding:  15px 12px;  } 
    .int05_wrap02 .depth7 ul li p                   { padding-left:10px;   } 
    .int05_wrap02 .depth7 ul li p::after				{ left:1px; top:6px; width:2px;height:2px; }

} 
@media screen and (max-width:768px) {  
    .int05_wrap02                                      {font-size:0.9em; }
    .int05_wrap02 .depth1 p                     {    min-width:200px;  } 
    .int05_wrap02 .depth2 .item1             { top:-15px; left:0; right:initial; } 
    .int05_wrap02 .depth2 .item2             {    padding:10px 15px;  min-width:150px;  }

    .int05_wrap02 .depth3 ul, .int05_wrap02 .depth4 ul       {  grid-template-columns:repeat(2, 1fr);}
    .int05_wrap02 .depth7 ul       {  grid-template-columns:repeat(3, 1fr);}

    .int05_wrap02 .depth3 ul li .txt01          { padding:10px;  }
    .int05_wrap02 .depth7 ul li .txt01          {padding:10px;  } 

    .int05_wrap02 .depth5 ul li                     {  padding:10px;   }
}
@media screen and (max-width:580px) {  
    .int05_wrap02 .depth1 p                     {  padding:15px 20px;   min-width:170px;  } 
    .int05_wrap02 .depth2 .item1             {   width:110px;  }
    .int05_wrap02 .depth2 .item1 span    {line-height:1.3; }
    .int05_wrap02 .depth2 .item2             {    padding:10px 15px;  min-width:110px;  }

    .int05_wrap02 .depth5 ul       {  grid-template-columns:repeat(3, 1fr);}
    .int05_wrap02 .depth7 ul       {  grid-template-columns:repeat(2, 1fr);}
    
    .int05_wrap02 .depth6 .cont                  { border-radius:1em; padding:15px; font-size:1.05em;  }
}



/* 컨소시엄 조직도 ================================================================================== */






/* 교육과정 소개 ================================================================================== */
.edu01_wrap01                               {position:relative;  }
.edu01_wrap01 ul                           {position:relative;  display: flex;  justify-content: center; gap:2em; text-align:center;   }
.edu01_wrap01 ul li                        { padding:10px; width:180px; aspect-ratio:1/1; border:4px solid var(--color1);  border-radius:10em; display: flex; flex-direction: column; justify-content:center; align-items:center; font-size:1.05em; font-weight:bold; color:#111; }
 
@media screen and (max-width:1200px) {  
    .edu01_wrap01 ul                           { gap:1.2em;   }
    .edu01_wrap01 ul li                        { width:160px;   }
}
@media screen and (max-width:1024px) {  
    .edu01_wrap01 ul                           { gap:1em;   }
    .edu01_wrap01 ul li                        { width:initial; flex:1; font-size:1em;  border-width:3px;  }
    .edu01_wrap01 ul li img                { width:70px; }
}
@media screen and (max-width:900px) {   
    .edu01_wrap01 ul li img                { width:60px; }
}
@media screen and (max-width:768px) {   
    .edu01_wrap01 ul                           {  flex-flow:wrap;   }
    .edu01_wrap01 ul li                        { width:140px;flex:initial;  }
    .edu01_wrap01 ul li img                { width:50px; }
}
 
/* 교육과정 소개 ================================================================================== */






/* 교과목 소개 ================================================================================== */
.edu02_wrap01_txt                                 { text-align:right; font-size:0.85em; color:#888; padding:0 10px 5px 0;}
.edu02_wrap01                                       {position:relative; display: grid; grid-template-columns:18% auto 18%; gap:0.7em; text-align:center; line-height:1.2; font-size:0.9em;  }
.edu02_wrap01 .subject                         {position:relative; background:var(--color2); color:#fff; font-weight:bold; font-size:1.15em; padding:18px  ; border-radius:1em 1em 0 0;   }
.edu02_wrap01 .item2 .subject              {background:var(--color1); } 
.edu02_wrap01 .item1, .edu02_wrap01 .item3    {background:var(--color4); border-radius:1em;   z-index:-2; }

.edu02_wrap01 .item1 .inner, .edu02_wrap01 .item3 .inner                            {position:relative; padding:15px  ; }
.edu02_wrap01 .item1 .box, .edu02_wrap01 .item3 .box                                {position:relative; padding:0 10px 10px 10px  ;margin-top:1em; }
.edu02_wrap01 .item1 .box::before, .edu02_wrap01 .item3 .box::before                  {position:absolute; content:''; left:0; top:15px; width:100%; height:calc(100% - 15px); border:2px solid var(--color1);   border-radius:0.7em; background:#fff; z-index:-1;   } 

.edu02_wrap01 .item1 .box + .box, .edu02_wrap01 .item3 .box + .box                  {margin-top:2.5em; }
.edu02_wrap01 .item1 .tit, .edu02_wrap01 .item3 .tit                     {position:relative;  padding:7px  ; border-radius:50px; color:#fff;  background:var(--color1); } 
.edu02_wrap01 .item1 ul li, .edu02_wrap01 .item3 ul li                    { border:1px solid #919dae; padding:4px; border-radius:5px;  font-size:0.85em; margin-top:6px; word-break:break-all; }
.edu02_wrap01 .item1 ul, .edu02_wrap01 .item3 ul                        {padding: 0.3em 0; }
 
.edu02_wrap01 .item1 .box:nth-child(2)::before          {border-color:var(--color6); }
.edu02_wrap01 .item1 .box:nth-child(2) .tit                  {background:var(--color6); }
.edu02_wrap01 .item1 .box:nth-child(3)::before          {border-color:var(--color2); }
.edu02_wrap01 .item1 .box:nth-child(3) .tit                  {background:var(--color2); }

.edu02_wrap01 .item3 .box:nth-child(1)::before          {border-color:var(--color5); }
.edu02_wrap01 .item3 .box:nth-child(1) .tit                  {background:var(--color5); }
.edu02_wrap01 .item3 .box:nth-child(2)::before          {border-color:var(--color6); }
.edu02_wrap01 .item3 .box:nth-child(2) .tit                  {background:var(--color6); }

 
.edu02_wrap01 .item2 .inner                                            {position:relative; padding:50px 15px 15px 15px  ;  background:var(--color4); border-radius:0 0 1em 1em; overflow:hidden; display: grid; grid-template-columns:repeat(4, 1fr); gap:0.6em;   }  
.edu02_wrap01 .item2 .inner + .inner                             {margin-top:1em;  border-radius:1em; }

.edu02_wrap01 .item2 .cate                                              {position:absolute; display:inline-block; left:0; top:0;  padding:9px 15px ; border-radius:0 0 15px 0; color:#fff;  background:#6087bf; min-width:150px; text-align:left; } 

.edu02_wrap01 .item2 .box                                               {position:relative;   border-radius:0.7em; background:#fff;overflow:hidden; border:1px solid var(--color1);}
.edu02_wrap01 .item2 .tit                                                  {position:relative; text-align:left;    color:#fff;  background:var(--color1);overflow:hidden; font-size:0.95em;} 
.edu02_wrap01 .item2 .tit span                                         {position:relative;display:inline-block; height:100%; padding:7px  ; margin-right:10px; font-size:0.95em;}
.edu02_wrap01 .item2 .tit span b                                      {position:relative; font-weight:600;  z-index:2;  color:#ffe614; }
.edu02_wrap01 .item2 .tit span::before                            { position:absolute; content:''; left:0;top:0; width:100%; height:100%; background:#000;z-index:1; opacity:0.2;  }
.edu02_wrap01 .item2 .tit span::after                               {position:absolute; content:''; top:0;right:-7px; width:0px;height:0px;border-top:17px solid transparent;border-bottom:17px solid  transparent;border-left:7px solid #000; opacity:0.2; } 
.edu02_wrap01 .item2 .box ul                                           {padding:10px;  }
.edu02_wrap01 .item2 ul li                    { border:1px solid #919dae; padding:4px; border-radius:5px;  font-size:0.85em;  word-break:break-all; }
.edu02_wrap01 .item2 ul li + li              {margin-top:6px;}

.edu02_wrap01 .item2 .box1                       {border-color:var(--color2); }
.edu02_wrap01 .item2 .box1 .tit                  {background:var(--color2); } 
.edu02_wrap01 .item2 .box2                          {border-color:var(--color5); } 
.edu02_wrap01 .item2 .box2 .tit                    {background:var(--color5); } 
.edu02_wrap01 .item2 .box3                          {border-color:var(--color6); } 
.edu02_wrap01 .item2 .box3 .tit                    {background:var(--color6); } 


@media screen and (max-width:1200px) {  
    .edu02_wrap01 .item1 .inner, .edu02_wrap01 .item3 .inner                            {padding:10px  ; }
    .edu02_wrap01 .item2 .inner                                            { padding:50px 10px 10px 10px  ;  }
}
@media screen and (max-width:1024px) {  
    .edu02_wrap01                                       { grid-template-columns:1fr; gap:20px; } 
    .edu02_wrap01 .subject                         {  padding:14px  ;   }
    .edu02_wrap01 .item1 .inner, .edu02_wrap01 .item3 .inner                            {display: grid; grid-template-columns:repeat(3, 1fr); gap:0.6em; }
    .edu02_wrap01 .item1 .box, .edu02_wrap01 .item3 .box                                {  padding:0 8px 8px 8px  ;margin-top:0;  }
    .edu02_wrap01 .item1 .box + .box, .edu02_wrap01 .item3 .box + .box                  {margin-top:0; } 
    .edu02_wrap01 .item2                                                       { background:var(--color4); border-radius:  1em !important;   }   
    .edu02_wrap01 .item2 .inner + .inner                             {border-radius:0 0 1em 1em !important; }
    .edu02_wrap01 .item2 .cate                                              {border-radius:0 25px 25px 0;  }  
    .edu02_wrap01 .item2 .box ul                                           {padding:8px;  } 
}
@media screen and (max-width:580px) {  
    .edu02_wrap01 .item2 .inner                                            {  grid-template-columns:repeat(2, 1fr);   }  
    .edu02_wrap01 .item1 .inner, .edu02_wrap01 .item3 .inner                            { grid-template-columns:repeat(2, 1fr);   }
}


/* 교과목 소개 ================================================================================== */











/* 교육과정 이수 ================================================================================== */

.edu03_wrap01                               {position:relative; text-align: center; border-radius: 1.2em ;background: #f4f5f7;}
.edu03_wrap01 .subject                 {position:relative; background:var(--color1); color:#fff; font-weight:bold; font-size:1.1em; padding:18px  ; border-radius:1.2em 1.2em 0 0;  }

.edu03_wrap01 .inner                   {position:relative;display: grid; grid-template-columns:25% 20% auto;  gap:2em;   padding: 2em; padding-top:2.4em; }
.edu03_wrap01 .inner .tit                  {position:absolute;left:50%; top:-18px; display:inline-block;background:#fff; color:#444; font-weight:600; border:1px solid #d5d5d5;  padding:0 30px; border-radius:3em; line-height:36px;  transform: translateX(-50%); }

.edu03_wrap01 .item1                   {position:relative;  border-radius: 1em; padding:1em; background: #fff; border:1px solid #ddd; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1); } 
.edu03_wrap01 .item1::after         {position:absolute; content:'';right:-45px; top:0; width:50px; height:100%; background:url('../img/sub/arrow08.png') no-repeat center 50%; background-size:100% auto; z-index:11;}
.edu03_wrap01 .item1 ul                   {position:relative; padding:20px 0 0 0; display: flex; flex-direction: column;gap:1em; font-size:0.85em;   }
.edu03_wrap01 .item1 ul li                {border-radius:0.5em; padding:10px  ; background: #f5f5f5;  }
.edu03_wrap01 .item1 ul li .txt         {color:var(--color1); font-weight:bold; font-size:1.1em;   }
.edu03_wrap01 .item1 ul li .cont      {padding:0.5em; }
.edu03_wrap01 .item1 ul li .cont p     { position:relative;border-radius:5px; background:var(--color6); color:#fff; padding:10px; line-height:1.2; margin-top:6px;font-size:0.95em; }
.edu03_wrap01 .item1 ul li .cont p.color2        {background:var(--color2);}
.edu03_wrap01 .item1 ul li .cont p.color3        {background:var(--color5);}

.edu03_wrap01 .item1 ul li .on                      {position:relative;}
.edu03_wrap01 .item1 ul li .on::before        {position:absolute; content:''; left:-2px;top:-2px; width:calc(100% + 4px); height:calc(100% + 4px); border:2px dashed var(--point2); border-radius:10px; } 

.edu03_wrap01 .item2                       {position:relative;border-radius: 1em; padding:1em; background: #fff; border:1px solid #ddd;box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1); }
.edu03_wrap01 .item2 ul                   {position:relative; padding:30px 0 10px 0; display: flex; flex-direction: column;gap:5em;  font-size:0.85em;  }
.edu03_wrap01 .item2 ul li                {position:relative;}
.edu03_wrap01 .item2 ul li p             {position:relative; padding:5px; line-height:1.3; border:1px solid var(--color5); border-radius:5px; word-break:break-all;  }
.edu03_wrap01 .item2 ul li p + p        {margin-top:6px;}
.edu03_wrap01 .item2 ul li p.on::before        {position:absolute; content:''; left:-3px;top:-3px; width:calc(100% + 6px); height:calc(100% + 6px); border:2px dashed var(--point2); border-radius:10px; }

.edu03_wrap01 .item3                   {position:relative; padding-top:40px;   }
.edu03_wrap01 .item3 ul               {position:relative; display: flex; flex-direction: column;gap:3.2em; text-align:left;  }
.edu03_wrap01 .item3 ul li            {position:relative;  border-radius: 1em; padding:  1.5em; background: var(--color4);  font-size:0.75em;color:#888;line-height:1.2;  }
.edu03_wrap01 .item3 ul li::before   {position:absolute; content:''; left:-2em; top:0; width:2em; height:100%; background:url('../img/sub/arrow07.png') no-repeat center 50%; }
.edu03_wrap01 .item3 ul li p           {position:relative; font-size:1.35em; font-weight:600;color:#111; padding-bottom:10px;   }


.edu03_wrap01 .txt_foot                {margin-left:2em; text-align:left; padding-bottom:30px; }
.edu03_wrap01 .txt_foot p             {position:relative; display:inline-block; padding:4px 10px; font-size:0.9em; }
.edu03_wrap01 .txt_foot p::before         {position:absolute; content:''; left:-2px;top:-2px; width:calc(100% + 4px); height:calc(100% + 4px); border:2px dashed var(--point2); border-radius:10px; }


@media screen and (max-width:1024px) {  
    .edu03_wrap01                               {font-size:0.95em; }
    .edu03_wrap01 .subject                 { padding:15px  ;    }
    .edu03_wrap01 .inner                   { grid-template-columns:28% 28% auto;  gap:2em;   padding:1.4em; padding-top:2em; }
    .edu03_wrap01 .item1::after         { right:-35px;  width:40px;  }
    .edu03_wrap01 .item1,
    .edu03_wrap01 .item2                       {  padding:0.6em; }
    .edu03_wrap01 .item1 ul li                {  padding:6px  ;   }
    .edu03_wrap01 .item3                   { padding-top:30px;   }
    .edu03_wrap01 .item3 ul               { gap:3em; }
    .edu03_wrap01 .item3 ul li            { padding:  1.2em; }
}
@media screen and (max-width:800px) {  
    .edu03_wrap01 .subject                 { padding:13px  ;    }
    .edu03_wrap01 .inner                   {   padding:1.2em; padding-top:2em; }
    .edu03_wrap01 .item3 ul               { gap:2.8em; }
}
@media screen and (max-width:768px) {  
    .edu03_wrap01 .item3 ul               { gap:3em; }
}



/*=============== */
.edu03_wrap02                               {position:relative; display: grid; grid-template-columns:repeat(3, 1fr);  gap:2em; }
.edu03_wrap02 li                            { position:relative; border:1px solid #ddd; border-radius:1em; overflow:hidden; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);}
.edu03_wrap02 li .tit                       {text-align:center; font-size:1.1em; font-weight:bold; color:var(--color1); border-bottom:1px solid #e6e6e6;min-height:82px;  padding:15px 20px; background:#f6f6f6; display: flex; flex-direction: column; justify-content:center; align-items:center; line-height:1.3; }
.edu03_wrap02 li .cont                  { position:relative; padding:23px 20px 90px 20px; }
.edu03_wrap02 li .cont p               {color:#999; font-size:0.95em; padding-top:4px;  }
.edu03_wrap02 li .btn                    {position:absolute; left:20px; bottom:20px;  width:calc(100% - 40px); text-align:center; background:var(--color1); color:#fff; padding:12px; border-radius:50px; }


@media screen and (max-width:1200px) {  
    .edu03_wrap02                               {gap:1.4em; }
}
@media screen and (max-width:1024px) {   
    .edu03_wrap02                               {  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));   }
    .edu03_wrap02 li .tit                       { padding:13px;  min-height:75px;  }
    .edu03_wrap02 li .cont                  {  padding:20px 20px 85px 20px; }
    .edu03_wrap02 li .btn                    {  padding:10px;  }
}
@media screen and (max-width:580px) {   
    .edu03_wrap02 li .tit                       {  min-height:60px;  }
}


/* 교육과정 이수 ================================================================================== */







/* 학생지원  ================================================================================== */ 
.student01_wrap01                               {position:relative; display: grid; grid-template-columns:repeat(3, 1fr);  gap:2em; }
.student01_wrap01 li                            { position:relative; border:1px solid #ddd; border-radius:1em; overflow:hidden; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);}
.student01_wrap01 li .tit                       {text-align:center; font-size:1.1em; font-weight:bold; color:#fff; border-bottom:1px solid #e6e6e6;  padding:15px  ; background:var(--color1); display: flex; flex-direction: column; justify-content:center; align-items:center; line-height:1.3; }
.student01_wrap01 li .cont                  { position:relative; padding:  25px; padding-bottom:30px; } 
 

@media screen and (max-width:1024px) {   
.student01_wrap01                               {grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));  gap:1em; }
.student01_wrap01 li .tit                       { padding:13px  ;   }
.student01_wrap01 li .cont                  { padding:  20px; padding-bottom:25px; } 
}


 
/* ============== */  
.student01_wrap02                                      {position:relative; text-align:center; display: grid; grid-template-columns:repeat(1, 1fr); gap:1.6em;   }
.student01_wrap02 .tit                                {position:relative; width:15%; color:var(--color1); font-weight:bold; display: flex; flex-direction: column; justify-content:center; text-align:left; }
.student01_wrap02 .tit::before                   {position:absolute; content:'';  right:0; top:0; width:100%; height:100%;background:url('../img/sub/arrow06.png') no-repeat right 50%;}

.student01_wrap02 .depth1                        {position:relative;  }
.student01_wrap02 .depth1 .txt01             {position:relative; color:var(--color1); font-size:1.55em; font-weight:800; padding-bottom:30px;      }
.student01_wrap02 .depth1 .txt02             {position:relative; color:#fff; font-size:1.45em; font-weight:700; padding:40px 20px;   }
.student01_wrap02 .depth1 .txt02::before             {position:absolute;content:'';left:0;top:0;width:100%;height:100%; background:url('../img/sub/student01_01.jpg') no-repeat center 50% / cover;   border-radius:7em;   filter: brightness(0.6); z-index:-1;  }


.student01_wrap02 .depth2                            {position:relative;  padding-left:15%;  }
.student01_wrap02 .depth2 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(4, 1fr); gap:1em;   }
.student01_wrap02 .depth2 ul li                     {position:relative;  line-height:1.3; padding:1.2em; border:1px dashed var(--color1);  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);border-radius:1em; overflow:hidden; }
.student01_wrap02 .depth2 ul li .no          {display:inline-block; background:var(--color1); color:#fff; padding:7px 15px; line-height:1.2; font-size:0.9em; border-radius:50px; }
.student01_wrap02 .depth2 ul li .img          {padding-top:5px; }
.student01_wrap02 .depth2 ul li .txt              {  font-weight:700;  color:var(--color1); }

 
.student01_wrap02 .depth3                            {position:relative; display:flex;   } 
.student01_wrap02 .depth3 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(4, 1fr); gap:1em;   }
.student01_wrap02 .depth3 ul li                     {position:relative;  line-height:1.3;   box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);border-radius:1em; overflow:hidden; background:var(--color2);  color:#fff;  padding: 25px 15px; font-size:0.95em; }
 
 
.student01_wrap02 .depth4                            {position:relative; display:flex;   } 
.student01_wrap02 .depth4 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(4, 1fr); gap:1em;   }
.student01_wrap02 .depth4 ul li                     {position:relative;  line-height:1.3; border:1px solid var(--color2);  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);border-radius:1em; padding:25px 15px; text-align:left; overflow:hidden; }
  
 
.student01_wrap02 .depth5                            {position:relative; display:flex;   } 
.student01_wrap02 .depth5 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(4, 1fr); gap:1em;   }
.student01_wrap02 .depth5 ul li                     {position:relative;  line-height:1.3; border:1px solid var(--color5);  box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);border-radius:1em; padding:25px 15px; text-align:left; overflow:hidden;background:#eef3fa; font-size:0.95em;  }
.student01_wrap02 .depth5 ul li .txt          {  font-weight:600;  color:var(--color1); text-align:center; padding-bottom:20px; line-height:1.2;}


.student01_wrap02 .depth6                            {position:relative; display:flex;   } 
.student01_wrap02 .depth6 .cont                  {position:relative; flex:2; text-align:left;  width:100%; background:#f5f5f5 ;   border:1px solid #d5d5d5;  border-radius:1em; padding:25px;   }
  
.student01_wrap02 .depth7                            {position:relative; display:flex;   } 
.student01_wrap02 .depth7 ul                        {position:relative; flex:2;  display: grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:0.5em;   }
.student01_wrap02 .depth7 ul li                     {position:relative;  line-height:1.3;  background:var(--color1);  color:#fff;  padding:15px; border-radius:4em;font-size:0.95em;  }
 
 
@media screen and (max-width:1024px) {  
    .student01_wrap02                                      {font-size:0.95em;  gap:2em;  }
    .student01_wrap02 .tit                                { width:100%; text-align:center; font-size:1.15em; padding-bottom:15px; }
    .student01_wrap02 .tit br                            {display:none; }
    .student01_wrap02 .tit::before                   {display:none; }
    .student01_wrap02 .tit::after                      {position:absolute; content:''; left:calc(50% - 3px); top:-10px; width:6px; height:6px; background:var(--color1); border-radius:5px; opacity: 0.5;  }
    .student01_wrap02 .depth1                        {font-size:0.95em;  }
    .student01_wrap02 .depth1 .txt01             { padding-bottom:20px;      }
    .student01_wrap02 .depth1 .txt02             { padding:30px 20px;   }

    .student01_wrap02 .depth2                            { padding-left:0;  }
    .student01_wrap02 .depth3, .student01_wrap02 .depth4, .student01_wrap02 .depth5, .student01_wrap02 .depth6, .student01_wrap02 .depth7       {display:block;  }
    .student01_wrap02 .depth2 ul, .student01_wrap02 .depth3 ul, .student01_wrap02 .depth4 ul, .student01_wrap02 .depth5 ul       {gap:0.6em;}

    .student01_wrap02 .depth2 ul li .img img          {width:60px; }

    .student01_wrap02 .depth3 ul li,
    .student01_wrap02 .depth4 ul li,
    .student01_wrap02 .depth5 ul li,
    .student01_wrap02 .depth6 .cont                  {  padding:  20px 15px;  }
    .student01_wrap02 .depth7 ul li                     { padding:13px;  }

} 
@media screen and (max-width:768px) {  
    .student01_wrap02                                      {font-size:0.9em; } 
    .student01_wrap02 .depth1                        {font-size:0.9em;  }

    .student01_wrap02 .depth2 ul, .student01_wrap02 .depth3 ul, .student01_wrap02 .depth4 ul, .student01_wrap02 .depth5 ul       { grid-template-columns:repeat(2, 1fr);   }

}
@media screen and (max-width:580px) {  
    .student01_wrap02 .depth1                        {font-size:0.85em;  }  
    .student01_wrap02 .depth2 ul li,
    .student01_wrap02 .depth3 ul li,
    .student01_wrap02 .depth4 ul li,
    .student01_wrap02 .depth5 ul li,
    .student01_wrap02 .depth6 .cont                  {  padding:15px 10px; border-radius:0.7em; }
.student01_wrap02 .depth7 ul                        { grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));  }
}













/* 학생지원  ================================================================================== */