@charset "utf-8"; 
 
/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.45em; color:var(--color1);  font-weight:600; font-family: 'S-Core Dream'; line-height:100%;letter-spacing:-1.5px; padding:0 0 30px 0; }
h4::after                         {position:relative; content: ''; display: inline-block; top:-4px; vertical-align: top;  width:14px; height:14px; background:var(--color1); border-radius:20px 20px 20px 0;   margin-left:8px; } 
h4 span							{font-size:0.75em;color:var(--color1); }  

h5									{position:relative;font-size:1.2em;line-height:1.3;  font-weight:700;  padding:0 0 15px 13px; color:#111;   } 
h5::after							{position:absolute; top:6px; left:0; content:''; width:5px; height:16px; background:var(--color1); border-radius:5px;   }
.sub_txtline					{font-weight:700; box-shadow: inset 0 -10px 0 #ffe88a; padding:0 3px; color:#222;}

@media screen and (max-width:1024px) { 
h4									{font-size:1.35em; padding:0 0 25px 0; } 
h4::after				            { top:-3px; margin-left:7px;   width:12px; height:12px;   }
h5									{  font-size:1.15em;padding:0 0 15px 12px;  } 
h5::after							{ top:4px;  height:15px;    }
}
 
.sub_line01                        {height:70px;}
.sub_line02                        { border-top:1px dashed #d9d9d9; margin-top:50px; height:50px;}
.sub_line03                        {height:44px;}
  

.sub_cont01					{  }   

.sub_cont04						{position:relative;border-top:1px solid #555; }
.sub_cont04 .inner			{position:relative;padding:25px 10px;border-bottom:1px solid #dfdfdf;display:flex;gap:50px; }
.sub_cont04 .img				{position:relative;text-align:center;width:140px;height:140px;padding:5px;border-radius:50%;background:#fff ; border:1px dashed var(--color2); overflow:hidden; }
.sub_cont04 .inner .tit				    { padding:0 0 15px 0;font-size:1.2em;font-weight:700;color:#222; }
.sub_cont04 .inner .cont				{flex:2;   display: flex; flex-direction: column; justify-content:center; }
.sub_cont04 .inner .txt				    {position:relative; }
.sub_cont04 .inner .txt	p			    {position:relative;padding:3px 0 5px 12px;} 
.sub_cont04 .inner .txt	p::after			{position:absolute; content:''; display:block; left:0; top:15px; width:5px; height:1px; background:#666;}

.sub_cont05					{position:relative;border-top:1px solid #333; }
.sub_cont05 .inner		{position:relative;padding:30px 15px;border-bottom:1px solid #dfdfdf;display:flex; }
.sub_cont05 .inner .tit				{width:24%;padding:5px 0;font-size:1.2em;font-weight:600;color:#111; }
.sub_cont05 .inner .txt				{flex:1; }
.sub_cont05 .inner .txt	p			{padding:5px 0;}
.sub_cont05 .inner .txt	p strong		{display:inline-block;min-width:100px; line-height:30px; text-align:center;background:var(--color1); color:#fff;text-align:center; font-size:0.9em;border-radius:3px; margin:0 10px 0 0; font-weight:400;}
.sub_cont05 .inner .txt	.no, .sub_cont04 .no		{display:inline-block;width:30px; line-height:30px; text-align:center;background:var(--color1); color:#fff;text-align:center; font-size:0.9em;border-radius:100%; margin:0 10px 0 0;}
.sub_cont_box01				{background:#f5f5f5;padding:25px 30px;margin-bottom:30px;color:var(--color1); border:1px solid #d2dbe6;}


.delist  								{padding-left:30px;}							
.delist li								{list-style:decimal-leading; padding-bottom:8px; }					
.sub_list01							{position:relative; list-style:none; padding-left:20px; line-height:150%;}
.sub_list01::after				{position:absolute; content:'';   left:0px; top:5px; width:15px; height:15px; background:url('../img/common/sub_icon01.png') no-repeat 0 0  / auto 100%; border-radius:50%;} 
.sub_list01 + .sub_list01  {margin-top:8px;}
.sub_list01 i						{ width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 b						{color:var(--color1);}
.sub_list01 .fbig					{color:#222; font-size:1.1em; font-weight:700; }
.sub_list01 ol                     {padding-top:10px; }
.sub_list01 ol li + li           {padding-top:6px; }
.sub_list02							{position:relative; list-style:none; padding-left:15px;}
.sub_list02::after				{position:absolute; content:''; left:5px; top:11px; width:3px; height:3px; background:var(--color1); border-radius:50%;}
.sub_list02 + .sub_list02  {margin-top:6px;}

.sub_inner_top					{padding:40px;  color:#333;font-size:1.1em;font-weight:500;  line-height:1.5;  background:#f6f6f6; border-radius:0 20px 20px 20px; margin-bottom:40px; }
.sub_inner_top strong		{display:block; font-size:1.25em;font-weight:700;  color:var(--color1);}
 


@media screen and (max-width:1024px) {
    .sub_cont04 .inner			        {  gap:30px; }
    
    .sub_list01							{ padding-left:18px;  }
    .sub_list01::after				{  top:4px; width:13px; height:13px;  }
}
@media screen and (max-width:768px) {
    .sub_cont_box01						{ padding:20px; } 

    .sub_cont04 .inner			        {position:relative;padding:20px 0; gap:30px; }
    .sub_cont04 .img				        {width:110px;height:110px; }
    .sub_cont04 .inner .tit				    { padding:0 0 10px 0;font-size:1.15em;  } 

    .sub_inner_top					        {font-size:1.05em;padding:30px;  border-radius:0 15px 15px 15px; }
}
@media screen and (max-width:580px) {
    .sub_cont04 .inner			{flex-direction: column; justify-content:center; align-items:center;  gap:20px;  }
}
  
 
/* 인사말  ================================================================================== */
.ceo_wrap									{position:relative;   display: grid; grid-template-columns:1fr; gap:30px; }
.ceo_wrap .img							{position:relative;  background: url('../img/sub/int01.png') no-repeat right 50% #ecede8; background-blend-mode: multiply;  background-size:cover; border-radius:60px 20px  20px 20px; overflow:hidden;  padding:3.3em 0 3.3em 60px;  display: flex; flex-direction: column; justify-content:center;  } 
.ceo_wrap .img figure				{position: relative;  overflow:hidden;   }
  
.ceo_wrap .img .txt01				{position:relative;  font-family: 'S-Core Dream'; font-weight:600; color:var(--color1);font-size:1.9em; line-height:1.4; letter-spacing:-1.5px;  } 
.ceo_wrap .img .txt02				{position:relative;  font-family: 'S-Core Dream'; font-weight:500; color:var(--color1);font-size:1.25em; line-height:1.4; letter-spacing:-1px;  padding:8px 0 0 0;  word-break:keep-all; } 
.ceo_wrap .inner .txt01				{position:relative; display:none; font-family: 'S-Core Dream'; font-weight:600; color:var(--color1);font-size:1.9em; line-height:1.4; letter-spacing:-1.5px;  } 
.ceo_wrap .inner .txt02				{position:relative; display:none; font-family: 'S-Core Dream'; font-weight:500; color:var(--color1);font-size:1.25em; line-height:1.4; letter-spacing:-1px;  padding:8px 0 0 0;  word-break:keep-all; } 
.ceo_wrap .cont							{line-height:1.6;  } 
.ceo_wrap .cont p						{line-height:1.6;font-size:1.05em;padding:15px 0; word-break:keep-all;     font-weight: 500;} 
.ceo_wrap .cont p b					{ color:#222;  } 
.ceo_wrap .ceo							{ line-height:1.6;font-size:1.05em;padding-top:40px ;color:#333; font-weight:600; }
.ceo_wrap .ceo p						{ font-size:1.3em; font-weight:bold; color:#000; letter-spacing:0.8em;} 

  
@media screen and (max-width:1200px) {  
    .ceo_wrap .img							{  border-radius:50px 15px  15px 15px; padding:3em 0 3em 50px; }
} 
@media screen and (max-width:1024px) {     
    .ceo_wrap .img .txt01				{font-size:1.65em;}
    .ceo_wrap .img .txt02				{font-size:1.15em;  }
}
@media screen and (max-width:600px) {     
    .ceo_wrap .img							{ aspect-ratio:3/1.2; }
    .ceo_wrap .img .txt01				{display:none; font-size:1.5em;}
    .ceo_wrap .img .txt02				{display:none; font-size:1.1em;   }
    
    .ceo_wrap .inner .txt01				{display:block;font-size:1.5em;}
    .ceo_wrap .inner .txt02				{display:block;font-size:1.1em;   }
}

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



 
 

/* 센터소개  ======================================================================= */  
.int02_wrap01							    	{position:relative; border:1px solid #ddd; padding:20px  ; text-align:center;  border-radius:15px; overflow:hidden; margin-bottom:50px; } 
 


.int02_wrap02					        	    {position:relative;display: grid; grid-template-columns:repeat(2, 1fr); gap:1.6em;   }
.int02_wrap02 .inner		        	    {position:relative; border:1px solid #dfdfdf;  border-radius:15px;    text-align:center; overflow:hidden;  }
.int02_wrap02 .img			        	    {position:relative;text-align:center;width:140px;height:140px; border-radius:50%;background:#fff ;   margin: auto ; background:#f6f6f6; }
.int02_wrap02 .img::before            {position:absolute;  content:''; left:-7px;top:-7px; width:calc(100% + 14px); height:calc(100% + 14px);border:1px dashed var(--color1); border-radius:50%; opacity:0.45; }
.int02_wrap02 .inner .tit				    { padding: 17px 0;font-size:1.15em;font-weight:600;color:#fff; background:var(--color1); margin-bottom:35px; }
.int02_wrap02 .inner .cont				{ padding:  35px;  }
.int02_wrap02 .inner .txt				    {position:relative; line-height:1.6em; }
 


@media screen and (max-width:1200px) {   
    .int02_wrap02 .img			        	    { width:120px;height:120px; }
    .int02_wrap02 .inner .cont				{ padding:30px  ;  }
}
@media screen and (max-width:1024px) {  
.int02_wrap02 .inner .tit				    { padding: 14px 0;margin-bottom:30px; }
}
@media screen and (max-width:768px) {  
    .int02_wrap02					        	    { grid-template-columns:repeat(1, 1fr); gap:1.4em;   }
    .int02_wrap02 .img			        	    { width:110px;height:110px; }
    .int02_wrap02 .img::before            {  left:-6px;top:-6px; width:calc(100% + 12px); height:calc(100% + 12px); }
    .int02_wrap02 .inner .tit				    { padding:12px 0;font-size:1.1em;margin-bottom:25px; }
    .int02_wrap02 .inner .cont				{ padding:25px  ;  }
}
@media screen and (max-width:580px) {   
    .int02_wrap02 .img			        	    { width:100px;height:100px; margin:6px auto ; }
}


/* 센터소개  ======================================================================= */  






 

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

.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 #map_canvas				{ border-radius:15px;aspect-ratio: 2 / 1.2; } 
	.map_box ul							    	{padding-top:20px;grid-template-columns: repeat(1, 1fr); gap: 14px; }
	.map_box ul li						    	{   font-size:0.95em;grid-template-columns:95px auto;  }
	.map_box i								    	{width:33px; line-height:33px; font-size:0.7em;}
    .map_box .txt02							{padding-top:3px; }
} 
@media screen and (max-width:768px) {  
	.map_box #map_canvas			{  aspect-ratio: 2 / 1.5; } 
} 
@media screen and (max-width:480px) {   
	.map_box #map_canvas			{  aspect-ratio: 2 / 1.7;} 
	.mapoverlay .title						{  font-size:15px;} 
	.mapoverlay .add						{  font-size:12px;    }
}

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

 
 
/* 사업안내  ================================================================================== */

 .biz01_chart01                                       {position:relative; display: flex; flex-flow:wrap;  gap:25px  1.6em; padding:10px 20px 0 0; }
 .biz01_chart01 div                                  {position:relative; width:144px; height:144px; border:0 solid #ddd; border-radius:100px; padding: 15px; text-align:center; background:#777;  display: flex; flex-direction: column;justify-content:center;   align-items:center;  line-height:1.3; color:#fff; font-size:0.95em; }
 .biz01_chart01 div:last-child                  {background:var(--color1);  }
 .biz01_chart01 div:not(:last-of-type)::after     {position:absolute; content:''; top:calc(50% - 8px); right:-1em; width:10px;height:10px;border:solid #999; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
 .biz01_chart01 div .no                            {position:relative; display:none; color:#fff; font-size:0.85em; font-weight:500; margin-bottom:10px; border-radius:50%; width:34px; line-height:34px; background:var(--color1);  }
  

 @media screen and (max-width:1024px) {  
 .biz01_chart01 div                                  { width:122px; height:122px; }
 }
 @media screen and (max-width:768px) {  
    .biz01_chart01                                     { grid-template-columns:repeat(2, 1fr); gap:1.4em;  } 
    .biz01_chart01 div:not(:last-of-type)::after     {  right:-0.9em; }
    .biz01_chart01 div .no                            {font-size:0.8em;   width:30px; line-height:30px;  }
} 



 .biz01_chart02                                     {position:relative; display: grid; grid-template-columns:repeat(4, 1fr); gap:1.4em 1.6em; padding-right:10px  ; }
 .biz01_chart02 li                                  {position:relative; border:1px solid #ddd; border-radius:10px; padding:25px 15px; text-align:center; background:#f3f8fe;  display: flex; flex-direction: column;   align-items:center;  }
 .biz01_chart02 li:not(:last-of-type)::after     {position:absolute; content:''; top:calc(50% - 8px); right:-1em; width:10px;height:10px;border:solid #999; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
 .biz01_chart02 li .no                            {position:relative; display:block; color:#fff; font-size:0.8em; font-weight:500; margin-bottom:15px; border-radius:50px; padding:0 15px; line-height:30px; background:var(--color1);  }
 .biz01_chart02 li .txt                            {position:relative;  line-height:1.3; color:#444; }
 .biz01_chart02 li .txt span                   {display:block; font-size:0.9em; line-height:1.4; color:#888; }
 

@media screen and (max-width:1200px) {  
     .biz01_chart02                                     {  grid-template-columns:repeat(3, 1fr);   }
}
@media screen and (max-width:1024px) {  
     .biz01_chart02                                     { padding-right:5px  ; }
}
@media screen and (max-width:768px) {  
    .biz01_chart02                                     { grid-template-columns:repeat(2, 1fr); gap:1.4em;   }
    .biz01_chart02 li                                  {  padding:20px  ; }
    .biz01_chart02 li:not(:last-of-type)::after     {  right:-0.9em; } 
     .biz01_chart02 li .no                            { font-size:0.8em;  margin-bottom:12px;   line-height:28px; padding:0 13px;    }
} 




.biz02_chart01                                     {position:relative;   }
.biz02_chart01 dl                                 {position:relative; border:2px solid #e9e9e9; padding:20px  ;  display:flex;gap:40px;  border-radius:150px; }
.biz02_chart01 dl + dl                          {margin-top:20px;}
.biz02_chart01 dl dt                             {position:relative; font-size:1.05em; font-weight:700; color:#fff; text-align:center; background:var(--color1); border-radius:100px; width:120px; height:120px;  display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.biz02_chart01 dl dd                            {position:relative; flex:2; display: flex; flex-direction: column; justify-content:center; color:#444;   }
.biz02_chart01 dl dd span:not(:last-of-type)                   {display:inline-block;  background:url('../img/sub/arrow01.png') no-repeat right 50%; padding:5px 25px 5px 0; margin-right:8px;  } 


@media screen and (max-width:768px) {  
.biz02_chart01 dl                                 { padding:20px  ;  gap:30px;  }
.biz02_chart01 dl dt                             { width:100px; height:100px;    }
}
@media screen and (max-width:580px) {  
.biz02_chart01 dl                                 {flex-direction: column;gap:15px;  border-radius:10px;   }
.biz02_chart01 dl dt                             {  width:100%; height:initial; line-height:36px; display: block;   }
}


/* 사업안내  ================================================================================== */