@charset "utf-8"; 
 
/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.4em; color:#000;  font-weight:600;  font-family: 'Paperlogy';line-height:100%; padding:0 0 25px 18px; }
h4 span							{font-size:0.8em;color:var(--color3);font-weight:600;  font-family: 'Paperlogy'; } 
h4::before						{position:absolute; top:1px; left:0; content:''; width:10px; height:10px; background:var(--color1);border-radius:100%;}
h4::after							{position:absolute; top:13px; left:0; content:''; width:10px; height:10px;  background:var(--color2);  border-radius:100%;}
/* 
h5::after							{position:absolute; top:5px; left:0; content:''; width:5px; height:18px; background:var(--color1); border-radius:5px;   }
*/
h5									{position:relative;font-size:1.2em;line-height:1.3; font-family: 'Paperlogy'; font-weight:600; padding:0 0 20px 2px; color:#000;   } 
.sub_txtline					{font-weight:700; box-shadow: inset 0 -10px 0 #ffe085; padding:0 3px; color:#333;}

@media screen and (max-width:1024px) { 
h4									{font-size:1.3em;  padding:0 0 20px 15px; } 
h4::before						{  top:1px;  width:8px; height:8px;  }
h4::after							{  top:11px; width:8px; height:8px;  }
h5									{font-size:1.2em;  } 
}

 
.sub_cont01					{padding-left:5px; text-align:justify; }  
.sub_cont02					{padding-left:10px; text-align:justify; }  

.sub_line01                        {height:70px;}
 

.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:0 0 0 22px; line-height:150%;}
.sub_list01::after				{position:absolute; content:''; display:block; left:0; top:5px; width:15px; height:15px; background:url('../img/common/btn_arrow.png');background-size:cover; }
.sub_list01 + .sub_list01  {margin-top:10px;}
.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 ol                     {padding-top:10px; }
.sub_list01 ol li + li           {padding-top:6px; }
.sub_list02							{position:relative; list-style:none; padding:0 0 0 15px;}
.sub_list02::after				{position:absolute; content:''; display:block; left:8px; top:11px; width:3px; height:3px; background:var(--color1); border-radius:50%;}
.sub_list02 + .sub_list02  {margin-top:6px;}

.sub_inner_top					{text-align:center; color:var(--color3);font-size:1.5em;font-weight:600; font-family: 'Paperlogy';  line-height:1.3; padding-bottom:30px;   margin-bottom:30px ; background:url('../img/common/sub_inner_top.png') no-repeat center bottom;  }
.sub_inner_top span			{display:block;  }
 

@media screen and (max-width:1024px) { 
    .sub_line01                        {height:60px;}

    .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_list01							{ padding:0 0 0 20px;  }
    .sub_list01::after				{  top:4px; width:14px; height:14px;  }
 
}
@media screen and (max-width:768px) { 
    .sub_line01                        {height:50px;}
    .sub_inner_top							{  font-size:1.4em;  padding-bottom:25px; background-size:95% auto; }
    .sub_inner_top span					{display:inline;  } 
}
@media screen and (max-width:580px) { 
    .sub_inner_top							{  font-size:1.3em;  padding-bottom:20px; background-size:100% auto; } 
}
 
 
/* 인사말  ================================================================================== */
.ceo_wrap									{position:relative;   display: grid; grid-template-columns:auto 32%; gap:3.5em; }
.ceo_wrap .img							{position:relative;display:inline-block;aspect-ratio:3.5/4.5; margin-right:15px; }
.ceo_wrap .img::before    {position: absolute;content:''; right:-15px; bottom:-15px; width:83%;height:72%; background:var(--color1);z-index:-1; border-radius:  48px 0; }
.ceo_wrap .img figure				{position: relative; width:100%;height:100%; border-radius:80px 0 40px 0; overflow:hidden;   }
.ceo_wrap .img figure img	        {  width:100%; height:100%; object-fit:cover;  }
.ceo_wrap .inner .txt01				{position:relative;  font-family: 'Paperlogy'; font-weight:600; color:var(--color1);font-size:1.9em; line-height:1.4;  padding:10px 0; } 
.ceo_wrap .inner .txt02				{position:relative;  font-weight:600; color:#333;font-size:1.2em; line-height:1.4;  padding-bottom:35px; margin-bottom:20px; border-bottom:1px solid #e3e3e3; 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:#000;  } 
.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;} 

.ceo_wrap .img                         {order:2; }
.ceo_wrap .inner                       {order:1; }


@media screen and (max-width:1200px) {  
    .ceo_wrap									{ gap:2.2em; }
} 
@media screen and (max-width:900px) {   
    .ceo_wrap									{ max-width:650px; grid-template-columns:1fr; gap:40px; margin:auto; }
    .ceo_wrap .img                         {order:1;text-align:center;  margin:auto;  max-width:330px;  } 
    .ceo_wrap .inner                       {order:2; }
    .ceo_wrap .inner .txt01				{font-size:1.65em;}
    .ceo_wrap .inner .txt02				{font-size:1.15em;padding-bottom:30px; margin-bottom:15px; }
}
@media screen and (max-width:600px) {   
    .ceo_wrap .img                             {   max-width:300px;  } 
    .ceo_wrap .img figure                  {border-radius:60px 0 30px 0;  } 
    .ceo_wrap .img::before               {  right:-13px; bottom:-13px;  border-radius:38px 0; }
    .ceo_wrap .inner .txt01				{font-size:1.5em;}
    .ceo_wrap .inner .txt02				{font-size:1.1em; padding-bottom:25px; margin-bottom:10px;  }
}

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







/* 비전   ==================================================================================== */ 
.vision01_wrap01								            {position:relative; overflow:hidden; }
.vision01_wrap01 .depth1					        {position:relative;max-width:800px; text-align:center; height:100px; padding:0 40px  ; font-size:1.7em; font-weight:600; font-family: 'Paperlogy'; color:var(--color1); display: flex; flex-direction: column; justify-content:center; align-items:center;  margin:auto; margin-bottom:60px;}
.vision01_wrap01 .depth1::before				{position:absolute;content:''; left:0;top:0;width:30px; height:100%; border:8px solid var(--color1); border-right:0;}
.vision01_wrap01 .depth1::after					{position:absolute;content:'';right:0;top:0;width:30px; height:100%; border:8px solid var(--color1); border-left:0;}

.vision01_wrap01 .depth2					        {position:relative; border:1px solid #ddd; border-radius:15px; padding:50px 30px;text-align:center; } 
.vision01_wrap01 .depth3					        {position:relative;   }
.vision01_wrap01 .depth3 .plus                 {position:relative; height:80px; }
.vision01_wrap01 .depth3 .plus::before     {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:40px; height:8px; background:#ddd;}
.vision01_wrap01 .depth3 .plus::after        {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:40px; width:8px; background:#ddd;}

.vision01_wrap01 .depth3 ul				        {position:relative;   display: grid; grid-template-columns:repeat(3, 1fr); gap:1.6em;  }
.vision01_wrap01 .depth3 li				        {position:relative; text-align:center;  overflow:hidden; border:1px solid #ddd; border-radius:15px;  padding:10px;}
.vision01_wrap01 .depth3 li .tit			        {position:relative; background:var(--color1);  color:#fff; padding:16px 10px; font-weight:600;border-radius:10px; margin-bottom:10px; line-height:1.2em;}


@media screen and (max-width:1200px) {
    .vision01_wrap01 .depth1					        { max-width:700px;  font-size:1.6em;height:80px; }
    .vision01_wrap01 .depth3 .plus                 { height:60px; }
    .vision01_wrap01 .depth3 .plus::before     { width:34px; height:6px; }
    .vision01_wrap01 .depth3 .plus::after        { height:34px; width:6px;  }
    .vision01_wrap01 .depth3 ul				        {  gap:1em;  }
}
@media screen and (max-width:1024px) {
    .vision01_wrap01 .depth1					        {  font-size:1.5em;  }
    .vision01_wrap01 .depth1::before				{ width:26px; border-width:7px;}
    .vision01_wrap01 .depth1::after					{ width:26px;  border-width:7px;}
    .vision01_wrap01 .depth2					        {  padding:40px 30px;  } 
}
@media screen and (max-width:768px) {
    .vision01_wrap01 .depth1					        {  font-size:1.35em;  margin-bottom:40px;}
    .vision01_wrap01 .depth1::before				{ width:24px; border-width:6px;}
    .vision01_wrap01 .depth1::after					{ width:24px;  border-width:6px;}
    .vision01_wrap01 .depth2					        {  padding:  30px 25px;  } 
    .vision01_wrap01 .depth3 .plus                 { height:50px; }
    .vision01_wrap01 .depth3 .plus::before     { width:30px; height:6px; }
    .vision01_wrap01 .depth3 .plus::after        { height:30px; width:6px;  }
    .vision01_wrap01 .depth3 ul				        { grid-template-columns:repeat(1, 1fr); gap:15px;  }
    .vision01_wrap01 .depth3 li				        {  padding:8px;}
    .vision01_wrap01 .depth3 li .tit			        { padding:13px 10px; margin-bottom:5px;   }
}





.vision01_wrap02								    {position:relative; text-align:center;   display: flex; flex-direction: column; justify-content:center; align-items:center; padding-top:15px; }
.vision01_wrap02 .depth1					{position:relative;  width:250px; height:250px; padding:30px;font-size:1.2em; font-weight:600; border-radius:50%; color:#fff;  display: flex; flex-direction: column; justify-content:center; word-break:keep-all; background:var(--gra1);background-size:400%; }
.vision01_wrap02 .depth1::before     {position:absolute;content:''; left:-5%;top:-5%;width:110%;height:110%; border-radius:50%;background:var(--color1); opacity:0.12; z-index:-1; }
.vision01_wrap02 .depth2					{position:relative; padding:30px 0 40px 0; font-size:1.15em; font-weight:bold; color:var(--color3);  background:url('../img/sub/vision_arrow01.png') no-repeat center 0; margin-top:20px;}
.vision01_wrap02 .depth3					{position:relative;  display: flex; flex-direction: column;gap:12px;  }
.vision01_wrap02 .depth3 li				{position:relative;    display: flex; gap:30px;  background:#ededed;border-radius:100px; padding:10px;  }
.vision01_wrap02 .depth3 li .no			{position:relative;  width:50px; height:50px;background:var(--color2);  color:#fff;border-radius:100px;  display: flex; flex-direction: column; justify-content:center; align-items:center; }
.vision01_wrap02 .depth3 li .txt			{position:relative;text-align:left;  color:#333;font-size:1.05em;font-weight:600;  flex:2; display: flex; flex-direction: column; justify-content:center; padding-right:30px; }

.vision01_wrap02 .depth4					{position:relative; margin-top:50px; display: grid; grid-template-columns:repeat(3, 1fr); gap:1.6em;  }
.vision01_wrap02 .depth4 li				{position:relative; }
.vision01_wrap02 .depth4 li::before  {position:absolute;content:'';left:0;top:200px; width:100%; height:calc(100% - 200px); border:1px solid #ddd; border-radius:15px;   }
.vision01_wrap02 .depth4 li .tit			{position:relative;  width:160px; height:160px; background:var(--color1); font-size:1.05em;font-weight:600; color:#fff; padding:12px; font-weight:600; border-radius:150px;  display: flex; flex-direction: column; justify-content:center; margin:auto; }
.vision01_wrap02 .depth4 li .tit::after               { position:absolute;content:''; left:calc(50% - 4px); bottom:-4px; width:9px; height:9px;background:#d5d5d5; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:1; }
.vision01_wrap02 .depth4 li .cont		{position:relative; padding:25px  ;  word-break:keep-all; margin-top:40px; }
.vision01_wrap02 .depth4 li .cont::before        { position:absolute;content:''; left:50%; top:-40px; width:1px; height:40px; background:#dfdfdf; }
.vision01_wrap02 .depth4 li .cont p	                { padding:0 0 10px 0; font-size:1.15em;font-weight:bold; color:var(--color1); line-height:1.2em; }
.vision01_wrap02 .depth4 li .cont .line             {border-top:1px dashed #ddd; margin-top:15px; padding-top:15px; }
 
.vision01_wrap02 .depth5					{position:relative;padding:35px 30px;width:100%;  margin-top:40px; font-size:1.15em;font-weight:600; color:#111; background:#f3f3f3; border-radius:15px; }
.vision01_wrap02 .depth5 b				{font-size:1.05em; color:var(--color1); }



@media screen and (max-width:1200px) {
    .vision01_wrap02 .depth1					{ width:230px; height:230px; }
    .vision01_wrap02 .depth3 li				{  padding:8px;  }
    .vision01_wrap02 .depth4					{ gap:1em;  }
}
@media screen and (max-width:1024px) {
    .vision01_wrap02 .depth1					{ width:200px; height:200px; }
    .vision01_wrap02 .depth3 li				{ gap:20px;    }
    .vision01_wrap02 .depth4					{ margin-top:40px; }
    .vision01_wrap02 .depth4 li::before  { top:180px; height:calc(100% - 180px);   }
    .vision01_wrap02 .depth4 li .tit			{  width:140px; height:140px; }
    .vision01_wrap02 .depth4 li .cont		{ padding:20px  ; }
}
@media screen and (max-width:768px) {
    .vision01_wrap02 .depth1					{ width:190px; height:190px;padding:20px;   }
    .vision01_wrap02 .depth4 li .cont p	{  font-size:1.1em; }
    .vision01_wrap02 .depth4					{   gap:1em;  }
    .vision01_wrap02 .depth4 li::before  { top:0; height:100%;   } 
    .vision01_wrap02 .depth4 li .tit			{  width:100%; height:initial; border-radius:15px 15px 0 0;} 
    .vision01_wrap02 .depth4 li .tit::after               { display:none; }
    .vision01_wrap02 .depth4 li .cont	    { margin-top:0; border-radius:0 0 15px 15px; }
    .vision01_wrap02 .depth4 li .cont::before        { display:none; }
    .vision01_wrap02 .depth5					{ padding:30px 25px;  margin-top:30px; font-size:1.1em; }
}
@media screen and (max-width:580px) {
    .vision01_wrap02 .depth1					{ width:180px; height:180px;  font-size:1.15em; }
    .vision01_wrap02 .depth2					{ padding:30px 0 40px 0; font-size:1.1em;}
    .vision01_wrap02 .depth3 li				{ gap:15px;    }
    .vision01_wrap02 .depth3 li .txt			{ font-size:1em; padding-right:20px; line-height:1.3; }
    .vision01_wrap02 .depth4					{ grid-template-columns:repeat(1, 1fr); gap:20px;  } 
 
}


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








/* 조직도   ==================================================================================== */ 
.organization_chart								{position:relative; overflow:hidden; }
.organization_chart::after						{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:385px; background:#ddd; z-index:-1; } 
.organization_chart .depth1					{position:relative; text-align:center;margin:0 0 80px 0; }
.organization_chart .depth1 li				{position:relative;  }
.organization_chart .depth1::after		{content:''; display:block; clear:both;}
.organization_chart .depth1 .center	{background:#37465e; line-height:60px;} 
.organization_chart .depth1 p				{position:relative;  display:inline-block;   text-align:center; font-weight:400;  background:#053564; color:#fff;   width:250px; padding:13px;  border-radius:10px;} 

.organization_chart .depth4					{position:relative;display: flex; flex-flow:wrap;justify-content: space-around;align-items: center;}
.organization_chart .depth4 ul			{position:relative; border:2px solid #96bfe9;background:#fff; padding:4px 8px; border-radius:15px;} 
.organization_chart .depth4 ul li			{position:relative;text-align:center; font-weight:400;  background:var(--color1); color:#fff; width:200px; padding:13px 0 ;   border-radius:10px;margin:5px 0; } 
.organization_chart .depth4::after		{content:''; display:block; position:absolute; left:calc(50% - 15%); top:50%; width:30%; height:1px; background:#ddd; z-index:-1; }  
  
.organization_chart .line						{position:relative; width:78%; margin:0 auto; padding:0 0 40px 0; border-bottom:1px solid #ddd;}
.organization_chart .depth_box			{position:relative;  }
.organization_chart .depth2					{position:relative;  margin:0 auto; overflow:hidden; padding-top:40px;display:flex; justify-content: space-between;}
.organization_chart .depth2	 div			{position:relative; width:22%;} 
.organization_chart .depth2	 div ul		{position:relative;width:100%;}
.organization_chart .depth2 p				{ position:relative;  display:inline-block;   text-align:center; font-weight:400;  background:linear-gradient(90deg, #1c94ea, #1c94ea); color:#fff;width:100%;line-height:50px; border-radius:10px ;} 
.organization_chart .depth2 div::before	{content:''; display:block; position:absolute; top:-41px; left:50%; width:1px; height:40px; background:#ddd;} 
 .organization_chart_arrow01				{position:absolute;left:calc(50% - 12px);top:200px;width:25px;height:15px;background:url('../img/sub/int_arrow02.png') no-repeat center 0; }

.organization_chart .depth3					{position:relative; width:100%;  overflow:hidden; padding:15px 10px 20px 10px;border:2px solid #1c94ea; border-radius:10px ; margin:5px 0 0 0;  }
.organization_chart .depth3>li				{position:relative; padding:0 0 0 15px; font-size:0.9em;  }
.organization_chart .depth3>li::before	{content:''; position:absolute; top:11px;left:5px;   width:2px; height:2px;  background:var(--color1);}  
 
.organization_chart .depth6					{position:absolute; padding:15px 50px; bottom:350px; left:calc(50% - 150px);  background:url('../img/sub/int_arrow01.png') no-repeat center 0;}
.organization_chart .depth6 ul			{  width:200px; padding:15px 10px 20px 10px;border:2px solid #1cb6be;background:#d9ebec; border-radius:10px  ; }
.organization_chart .depth6 ul li			{position:relative;  padding:0 0 0 15px;  }
.organization_chart .depth6 ul li::before	{content:''; position:absolute; top:11px;left:5px;   width:2px; height:2px;  background:var(--color1);} 

.organization_chart .depth5					{position:relative; display: flex;  align-items: center; justify-content: center; flex-direction: column; }
.organization_chart .depth5 .tit			{position:relative;  display:inline-block;width:200px;   text-align:center; font-weight:400;  background:#f3943e; color:#fff;   padding:13px  0;  border-radius:10px;margin:0 0 40px 0;} 
.organization_chart .depth5 .tit::after		{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:85px; background:#ddd; z-index:-1; } 
.organization_chart .depth5 .cont		{position:relative; display: flex;  flex-flow:wrap;justify-content: space-around;gap:50px; }
.organization_chart .depth5 .cont ul	{position:relative;    padding:15px ;width:250px;border:2px solid #f3943e; border-radius:10px ; margin:35px 0 0 0;  }
.organization_chart .depth5 .line02	{position:absolute; top:45px;width:300px; margin:0 auto; padding:0 0 40px 0; border-bottom:1px solid #ddd;}
.organization_chart .depth5 .cont ul::after		{content:''; display:block; position:absolute; left:50%; top:-41px; width:1px; height:40px; background:#ddd; z-index:-1; } 
.organization_chart .depth5 .cont ul li	{position:relative;padding:0 0 0 15px; }
.organization_chart .depth5 .cont ul li::before	{content:''; position:absolute; top:11px;left:5px;   width:2px; height:2px;  background:#f3943e;} 

@media screen and (max-width:820px) {
.organization_chart .depth4					{ justify-content: space-between;}
.organization_chart .depth4 ul			{  padding:2px 5px; border-radius:15px;} 
.organization_chart .depth4 ul li			{ width:170px; padding:10px 0 ; margin:5px 0; } 
.organization_chart .depth4::after		{  left:0;  width:100%;  }  

.organization_chart .depth2					{position:relative;  margin:0 auto; overflow:hidden; padding-top:40px;display:flex;align-items: center; justify-content: center; flex-direction: column; }
.organization_chart .depth2	 div			{position:relative; width:100%;} 
 .organization_chart_arrow01				{display:none;}
.organization_chart .line						{display:none;}
.organization_chart .depth2 div::before	{display:none;}
.organization_chart .depth3					{ padding:15px 10px 20px 10px;  margin:5px  0 10px 0;display: flex; flex-flow:wrap; }
.organization_chart .depth3 li				{width:49%;}

.organization_chart .depth6					{position:relative; padding:25px 0; bottom:0; left:0;  background:none;}
.organization_chart .depth6 ul			{  width:100%;  }

.organization_chart .depth5 .tit			{ width:100%;     border-radius:10px;margin:0 0 0 0;} 
.organization_chart .depth5 .line02	{display:none;}
.organization_chart .depth5 .cont		{ width:100%; gap:0;justify-content: space-between; }
.organization_chart .depth5 .cont ul	{ width:49%; margin:5px  0 10px 0;  }
.organization_chart .depth5 .cont ul::after		{display:none;}
.organization_chart .depth5 .tit::after	{display:none;}

}
 
 

/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2 / 1;border:1px solid #dfdfdf; border-radius:15px; overflow:hidden; }
.map_box ul									{overflow:hidden; padding:30px 10px; display: grid;grid-template-columns: repeat(1, 1fr); gap: 15px; }
.map_box ul li								{   display: grid; grid-template-columns:100px auto; gap:10px; } 
.map_box .txt01							{ font-weight:600;color:var(--color3);   }
.map_box .txt02							{ padding-top:7px;}
.map_box i										{background:var(--color1); color:#fff; width:44px; line-height:44px; border-radius:100%; text-align:center; cursor:auto; margin-right:13px; 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 ul								{padding:20px 0;  gap: 10px; }
	.map_box ul li							{   font-size:0.95em;grid-template-columns:90px auto;  }
.map_box .txt02							{ padding-top:4px;}
	.map_box i									{width:34px; line-height:34px; font-size:0.7em;}
} 
@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_wrap01                                     {position:relative; display: grid; grid-template-columns:repeat(4, 1fr); gap:2em;    }
 .biz01_wrap01 li                                  {position:relative; border:1px solid #ddd; border-radius:10px; padding:25px 15px; text-align:center; background:#f6f7fb;}
 .biz01_wrap01 li:not(:last-of-type)::after     {position:absolute; content:''; top:calc(50% - 8px); right:-1.2em; width:10px;height:10px;border:solid #999; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
 .biz01_wrap01 li .no                            {position:relative; display:inline-block; color:#fff; font-size:0.9em; font-weight:600; margin-bottom:15px; border-radius:50%; width:36px; line-height:36px; background:var(--gra1); background-size:450%;}
 .biz01_wrap01 li .txt                            {position:relative;  line-height:1.4; color:#333; }
 .biz01_wrap01 li .txt span                   {display:block; font-size:0.9em; line-height:1.4; color:#888; }
 

@media screen and (max-width:768px) {  
    .biz01_wrap01                                     { grid-template-columns:repeat(2, 1fr); gap:1.4em;margin-right:20px;  }
    .biz01_wrap01 li                                  {  padding:20px 15px; }
    .biz01_wrap01 li:not(:last-of-type)::after     {  right:-0.9em; }
     .biz01_wrap01 li .no                            {font-size:0.85em;  margin-bottom:12px; width:32px; line-height:32px;  }
} 


/* 운영사업  ================================================================================== */






.int01_wrap										{position:relative;}
.int01_wrap blockquote::before		{content: "\201C";font-size: 4em;font-family: Georgia;font-weight:bold;color: #bcbcbc;float: left;margin: 0 10px 0px -10px;}
.int01_wrap blockquote::after			{content: "\201D";font-size: 4em;font-family: Georgia;font-weight:bold;color: #bcbcbc;float: right;margin: 20px 10px 0px  0;}