@charset "utf-8"; 
 
/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-family: 'Paperlogy';  font-size:1.5em; color:#000;  font-weight:600; line-height:100%;margin-bottom:25px;  }
h4 span							{font-size:0.75em;color:var(--color1);font-weight:500;} 
h5									{position:relative;font-size:1.25em;line-height:1.3; font-family: 'Paperlogy'; font-weight:600; padding-left:22px; margin-bottom:20px; color:#111;   } 
h5::before						{position:absolute; top:5px; left:0; content:''; width:16px; height:16px; border:4px solid var(--color1); border-radius:50px;   }
h6									{position:relative;font-size:1.15em;line-height:1.3;  font-weight:700; margin-bottom:15px; color:var(--color1);   } 
 
.sub_txtline					{font-weight:700; box-shadow: inset 0 -10px 0 #ffe88a; padding:0 3px; color:#333;}

@media screen and (max-width:1024px) { 
    h4									{font-size:1.35em;  margin-bottom:20px;  }
    h5									{font-size:1.2em;padding-left:18px; margin-bottom:1em;  }
    h5::before						{  top:3px;  width:14px; height:14px; border-width:3px ;  }
    h6									{ font-size:1.1em; }
    .sub_title01					{font-size:1.8em; margin-bottom:30px;} 
}
  

.sub_cont01					            { }   
.sub_line01                                {height:50px; margin-top:50px; border-top:1px solid #ddd; }
.sub_line02                                {height:50px;  }
   
.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:1.3;}
.sub_list01 + .sub_list01          { margin-top:10px;}
.sub_list01::after				        {position:absolute; content:''; display:block; left:0; top:2px; width:15px; height:15px; background:url('../img/common/sub_icon01.png') no-repeat 0 0; background-size:cover; border-radius:50%;}
.sub_list01 i						        { width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 b						        {color:var(--color1);}
.sub_list01 a                              {text-decoration:underline;}
.sub_list01>ul                            {padding-top:10px; padding-bottom:10px;  }
.sub_list02							        {position:relative; list-style:none; padding-left: 12px;line-height:1.3;}
.sub_list02::after				        {position:absolute; content:''; display:block; left:2px; top:8px; width:3px; height:3px; background:var(--color1);  border-radius:50%;}
.sub_list02 + .sub_list02          { margin-top:8px;}

.sub_list03					                {position:relative; display:block;list-style:none; padding:0 0 10px 0; line-height:150%;  }
.sub_list03 strong		                {font-size:1.1em;color:#003875; }
.sub_list03 b				                { color:#003875; } 
.sub_list03 dt					            { width:170px;float:left;text-align:center;background:#e6e9ed;color:#003875;min-height:30px; padding:3px 0 4px 0;  border:1px solid #dfe1e5; border-radius:2px;}
.sub_list03 dd					        { padding:3px 0 4px 185px;  }
 
  
@media screen and (max-width:768px) {  
    .sub_list01							        {  padding-left:17px;  }
    .sub_list01 + .sub_list01          { margin-top:8px;}
    .sub_list01::after				        {  top:2px; width:13px; height:13px;  } 
    .sub_list02							        { padding-left: 10px; }
    .sub_list02 + .sub_list02          { margin-top:6px;}
    .sub_list02::after				        {  left:1px; top:5px;  }
    
    .sub_list03 dt						        {width:100px; font-size:0.9em;}
    .sub_list03 dd					        { padding:3px 0 4px 110px; font-size:0.9em; }
}

 
 


/* 인사말  ================================================================================== */
.greeting_wrap								{position:relative;}
.greeting_summary						{position:relative;background:url('../img/sub/int01_02.jpg') no-repeat center 50% #aaa;  background-size:cover;  }
.greeting_summary .txt				{font-family: 'Paperlogy'; font-weight:600;color:#fff;padding:80px 50px;font-size:2.2em; line-height:1.5em;}
.greeting_summary .txt span		{ display:block;font-family: 'Paperlogy';font-weight:600; font-size:1em;  }

.greeting_wrap .inner                  {display: flex;  justify-content: space-between; gap:3em;  flex-direction: row-reverse;}
.greeting_wrap .img                   {width:35%;   }
.greeting_wrap .img figure          { position:relative; }
.greeting_wrap .img figure img          {width:100%;  border-radius:3em  0 ;display: flex;  }
.greeting_wrap .img figure::before    {position:absolute;content:'';left:-1.3em; bottom:-1.3em; width:100%; height:100%; background:#f5f5f5; border-radius:3em 0 ;  z-index: -1;}
.greeting_wrap .cont					{  flex:2; padding: 10px 0;line-height:1.5em;}
.greeting_wrap .tit					    {position:relative;font-size:1.8em;font-weight: 700;color:#222;padding-bottom:2.6em;  line-height:1.3;}
.greeting_wrap .tit span		        { display:block; font-weight:700;   }
.greeting_wrap .tit::before          {position:absolute;content:'';left:2px; bottom:0.2em; width:2px; height:2em; background:var(--color1);  }
.greeting_wrap .cont .txt01		    { font-size:1.4em;font-weight: 700;color:#222;  line-height:1.4;}
.greeting_wrap .cont .txt01 span   {color:var(--color1);}
.greeting_wrap .cont p					{line-height:1.6; padding:15px 0; word-break:keep-all; }
.greeting_wrap .cont p strong     {color:#222; font-size:1.1em; font-weight:bold; }
.greeting_wrap .ceo						{font-size:1.1em;    text-align: right;    font-weight: 600;    line-height: 1.8;color:#555;}
.greeting_wrap .ceo p					{font-size:1.25em;   font-weight: 700; line-height: 1.6;color:#000;  }

@media screen and (max-width:1200px) { 
    .greeting_wrap .inner                  {  gap:2.5em; }
    .greeting_wrap .tit					    { font-size:1.6em;}
}
@media screen and (max-width:1024px) { 
    .greeting_summary .txt				{ padding:50px;} 
}
@media screen and (max-width:768px) { 
    .greeting_wrap .inner                  { gap:1em;  flex-direction: column;}
    .greeting_wrap .img                   {width:100%;   max-width:480px; margin:auto; }
    .greeting_wrap .img figure::before    {display:none; }
    .greeting_wrap .tit					    { font-size:1.45em;}
    .greeting_wrap .cont .txt01		    { font-size:1.2em; }
}

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


 
 

/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2 / 1;border:1px solid var(--border-color1); border-radius:0.7em; }
.map_box .map_info					{overflow:hidden; padding:30px 0;   display: grid; grid-template-columns: 1fr; gap: 20px 20px; }
.map_box .map_info li					{ display: grid; grid-template-columns:110px auto; gap:10px; } 
.map_box .txt01							{ font-weight:600;color:var(--color1); display: flex; gap:12px; }
.map_box .txt01 p						{ padding-top:6px;   }
.map_box .txt02							{ padding-top:6px; /* display: flex; align-items:center;  */ }
.map_box .txt01 span		            {display:inline-block;background:var(--color1); color:#fff; width:40px;height:40px; border-radius:100%; text-align:center; cursor:auto;   }
.map_box i								        {display:inline-block; width:100%;height:100%;  background-repeat:no-repeat; background-position:50% 50%;background-size:50% auto; filter: brightness(0) invert(1); }
.map_box .map_info .icon_add                    { background-image: url('../img/common/icon_location.svg'); }
.map_box .map_info .icon_phone               { background-image: url('../img/common/icon_phone.svg'); }
.map_box .map_info .icon_fax                     { background-image: url('../img/common/icon_fax.svg'); }
.map_box .map_info .icon_email                 { background-image: url('../img/common/icon_email.svg'); }


.mapoverlay									{position:relative;margin-left:5px ;   bottom:60px;border-radius:3px;padding:12px 14px;border: 1px solid #333;background:#fff;text-align:center;  }
.mapoverlay::after							{position:absolute;content:'';left:50%;bottom:-16px;width:16px;height:16px; background:url('../img/common/map_localimg.png') no-repeat;}
.mapoverlay .title							{ color:#000; font-size:16px;font-weight:bold;}
.mapoverlay .title span					{font-weight:bold; box-shadow: inset 0 -5px 0 #ffd940; padding:0 1px; color:#000;}
.mapoverlay .add							{display:block; color:#666; font-size:14px;    word-wrap:break-word;  }

 
@media screen and (max-width:1024px) {  
	.map_box .map_info					{padding:20px 0;  grid-template-columns: repeat(1, 1fr); gap: 10px; }
	.map_box .map_info li					{ font-size:0.95em;grid-template-columns:95px auto;  } 
} 
@media screen and (max-width:768px) {  
	.map_box #map_canvas			    {  aspect-ratio: 2 / 1.5; }  
	.map_box .map_info li					{  grid-template-columns:90px auto;  }
    .map_box .txt01 span		            { width:34px;height:34px; }
    .map_box .txt01 p						{ padding-top:5px;   }
    .map_box .txt02							{padding-top:5px ; }
} 
@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  ================================================================================== */
 




  
/* 조직도   ==================================================================================== */ 
.chart_wrap									{position:relative; max-width:960px; margin:auto; overflow:hidden;margin-bottom:80px;  }
.chart_wrap::after							{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:635px; background:#d5d5d5; z-index:-1; }  /*세로선 */
.chart_wrap .depth1						{position:relative;  margin:auto;margin-bottom:50px;  text-align:center; width:190px; height:190px; border-radius:50%; background:var(--gra1); background-size:600%; color:#fff; display: flex; flex-direction: column; justify-content:center; align-items:center; border:13px solid #e5eef6; transition:all 0.4s ease;}
.chart_wrap .depth1 p					{position:relative; font-size:1.1em; font-weight:bold;    letter-spacing:-1px;  } 

.chart_wrap .depth2						{position:relative;  margin:auto;margin-bottom:10px;  text-align:center; display: flex; flex-direction: column;gap:20px;  justify-content:center; align-items:center;}
.chart_wrap .depth2 p					{position:relative;  color:#fff; background:var(--color1); width:280px; padding:15px; border-radius:10px;}
.chart_wrap .depth2 p:last-child		{background:var(--color2);}
 
.chart_wrap .depth3						{position:relative;  margin-bottom:40px;  text-align:center;display: flex;justify-content:right; }
.chart_wrap .depth3::before		{position:absolute;content:''; display:block;  left:50%; top:50%; width:30%; height:1px; background:#d5d5d5; z-index:-1; }  /* 가로선 */
.chart_wrap .depth3	 ul				{position:relative;display: flex; flex-direction: column;gap:10px;  justify-content:center; align-items:center; }
.chart_wrap .depth3 li					{position:relative;  color:#222; border:2px solid var(--color1);background:#fff; width:280px; padding:13px;border-radius:10px; }
.chart_wrap .depth3 li::before	{position:absolute;content:''; display:block;  left:-30px; top:50%; width:30px; height:1px; background:#d5d5d5; z-index:-1; }  /* 가로선 */
.chart_wrap .depth3 li::after		{position:absolute;content:''; display:block;  left:-30px; top:50%; width:1px; height:calc(100% + 14px); background:#d5d5d5; z-index:-1; }  /* 세로선*/
.chart_wrap .depth3 li:last-child::after		{display:none;} 
 
.chart_wrap .depth4						{position:relative; padding-top:40px;background:#fff; display: flex;   justify-content: center; gap:60px;  }
.chart_wrap .depth4	 div				{position:relative; width:300px;text-align:center;display: flex; flex-direction: column;gap:10px ;   }
.chart_wrap .depth4	 div::before		{position:absolute;content:''; display:block;  left:50%; top:-40px; width:1px; height:40px; background:#d5d5d5; z-index:1; }  /* 세로선*/
.chart_wrap .depth4	 div::after		{position:absolute;content:''; display:block;  left:50%; top:-40px; width:calc(100% + 60px); height:1px; background:#d5d5d5; z-index:1; }  /* 가로선*/
.chart_wrap .depth4	 div:last-child::after	{left:initial; right:50%; }
.chart_wrap .depth4 div p			{position:relative;  width:100%;   t font-weight:500;  background:var(--color3); color:#fff;   padding:15px  ;letter-spacing:-1px; border-radius:10px;  }   
.chart_wrap .depth4 ul				{position:relative;    display: flex; flex-direction: column;gap:5px ; }  
.chart_wrap .depth4 ul li				{position:relative;font-size:0.95em; padding:10px; background:#eceef2;  border-radius:10px; border:1px solid #d6d9df;  } 
 


@media screen and (max-width:1024px) {  
.chart_wrap .depth1						{  width:170px; height:170px; border-width:12px;}
.chart_wrap .depth2 p					{ width:220px; padding:14px;  }
.chart_wrap .depth3 li					{width:220px; padding:13px;  }

.chart_wrap .depth3						{   margin-bottom:30px; }
.chart_wrap .depth4						{gap:40px;  }
.chart_wrap .depth4	 div				{ width:45%;}
.chart_wrap .depth4	 div::after		{ width:calc(100% + 40px);  }  /* 가로선*/
 
.chart_wrap .depth4 div p			{   padding:13px  ;  }  

}
@media screen and (max-width:768px) {  
.chart_wrap .depth1						{   margin:0;margin-bottom:40px;margin-left:25px;  width:150px; height:150px;border-width:10px;}
.chart_wrap::after							{  left:100px;  }  /*세로선 */
.chart_wrap .depth2						{ margin:initial; margin-bottom:10px;gap:15px; align-items:initial;}
.chart_wrap .depth2 p					{ width:200px; padding:14px;  }
.chart_wrap .depth3 li					{width:200px; padding:13px;  }

.chart_wrap .depth3						{ padding-left:200px;  display: flex;justify-content:initial; }
.chart_wrap .depth3::before		{   left:100px;  }  /* 가로선 */

.chart_wrap .depth4						{ padding-top:30px; gap:30px; justify-content: left; }
.chart_wrap .depth4	 div				{ width:200px;}
.chart_wrap .depth4	 div::before		{  left:50%; top:-30px;  height:30px;  }  /* 세로선*/
.chart_wrap .depth4	 div::after		{ left:50%; top:-30px; width:calc(100% + 30px);  }  /* 가로선*/

}
@media screen and (max-width:480px) {  
.chart_wrap .depth1						{  margin-bottom:30px;margin-left:15px;  width:130px; height:130px; border-width:8px;}
.chart_wrap::after							{  left:80px;  }  /*세로선 */
.chart_wrap .depth2 p					{ width:170px; padding:12px 0;  }
.chart_wrap .depth3 li					{width:170px; padding:11px 0;  }
.chart_wrap .depth3						{ padding-left:170px;  }
.chart_wrap .depth3::before		{   left:80px;  }  /* 가로선 */ 
.chart_wrap .depth4						{  gap:20px;  }
.chart_wrap .depth4	 div				{ width:160px;}
.chart_wrap .depth4	 div::after		{ width:calc(100% + 20px);  }  /* 가로선*/
}
 
/* 조직도   ==================================================================================== */ 






/* 비전  ================================================================================== */
 .vision01_wrap01                            {position:relative; padding-top:30px; }
.vision01_wrap01 .depth01                            {position:relative; width:280px; height:280px; border-radius:50%; background:var(--gra1); margin:auto; display: flex;flex-direction: column; justify-content:center; align-items:center;  gap:1em; color:#fff; text-align:center;  }
.vision01_wrap01 .depth01::before             {position:absolute; content:''; left:-7%; top:-7%; width:114%; height:114%; border-radius:50%; border:1px solid #e5e5e5;  }
.vision01_wrap01 .depth01 .tit                       {position:relative;  font-size:1.6em; font-weight:600;font-family: 'Paperlogy';  } 
.vision01_wrap01 .depth01 div                     {padding:0 1.5em; overflow:hidden;font-size:1.05em;  }

.vision01_wrap01 .depth02                          {position:relative;text-align:center; margin-top:30px;  display: flex;flex-direction: column; justify-content:center; align-items:center; } 
.vision01_wrap01 .depth02::before             {position:absolute; content:''; left:0; top:-50px; width:100%; height:45px; background:url('../img/sub/arrow01.png') no-repeat center 0; }
.vision01_wrap01 .depth02 .tit                       {position:relative;  font-size:1.6em; font-weight:600;font-family: 'Paperlogy'; color:#111;  padding-bottom:1em; } 
.vision01_wrap01 .depth02 div                     { position:relative; background:var(--color1); padding:1.2em 2.5em;border-radius:100px;color:#fff;  font-weight:600; font-size:1.1em; border:7px solid #e6edf5; } 

.vision01_wrap01 .depth03                          {position:relative;text-align:center; margin-top:3em;  display: flex;flex-direction: column; justify-content:center; align-items:center;} 
.vision01_wrap01 .depth03 .tit                       {position:relative;  font-size:1.6em; font-weight:600;font-family: 'Paperlogy'; color:#111;  padding-bottom:1em; } 
.vision01_wrap01 .depth03 ul                    { display: flex; gap:2%;   }
.vision01_wrap01 .depth03 li                     { position:relative;flex:1 ;width:23%; background:var(--color4); padding:1em; aspect-ratio:1/1; max-width:250px;  border-radius:200px; color:#fff;  font-weight:500; display: flex;flex-direction: column; justify-content:center;  line-height:1.3; word-break: ; border:8px solid #e5f5fd; }
 
.vision01_wrap01 .depth04                          {position:relative;margin-top:3em;  display: flex;flex-direction: column; justify-content:center; align-items:center; } 
.vision01_wrap01 .depth04 .tit                       {position:relative;  font-size:1.6em; font-weight:600;font-family: 'Paperlogy'; color:#111;  padding-bottom:1em; } 
.vision01_wrap01 .depth04 ul                    { display: grid; grid-template-columns:repeat(3, 1fr); gap:2%;   }
.vision01_wrap01 .depth04 li                     { overflow:hidden; border:1px solid #dfdfdf;  padding:1.2em;   border-radius:1em;   font-weight:500;      line-height:1.3 ; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.05);  }
.vision01_wrap01 .depth04 .txt                 {text-align:center;  font-weight:600; font-size:1.1em; color:#111; padding-bottom:15px;  }
.vision01_wrap01 .depth04 .cont              {display: flex; flex-direction: column; gap:8px;  }
.vision01_wrap01 .depth04 .cont p              { position:relative;  padding-left: 12px;line-height:1.3;}
.vision01_wrap01 .depth04 .cont p::after	   {position:absolute; content:''; display:block; left:2px; top:8px; width:3px; height:3px; background:var(--color1);  border-radius:50%;}



@media screen and (max-width:1024px) {   
    .vision01_wrap01 .depth03 li                     {  border-width:7px; }
}
@media screen and (max-width:768px) {   
    .vision01_wrap01 .depth03 ul                    { display: grid; grid-template-columns:repeat(2, 1fr);gap:0.5em; width:100%;  }
    .vision01_wrap01 .depth03 li                     {  font-size:0.95em;   border-width:5px; width:initial; aspect-ratio:initial; max-width:initial; }
}
@media screen and (max-width:480px) {   
    .vision01_wrap01 .depth03 ul                    { grid-template-columns:repeat(1, 1fr);  }
}

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