@charset "utf-8"; 
 
/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-size:1.45em; color:var(--color1);  font-weight:bold; line-height:100%; padding:0 0 25px 0; }
h4 span							{font-size:0.75em;color:var(--color1);font-weight:500;} 
h5									{position:relative;font-size:1.2em;line-height:1.3; font-family: 'Paperlogy'; font-weight:600; padding:0 0 20px 22px; color:#111;   } 
h5::before						{position:absolute; top:5px; left:0; content:''; width:16px; height:16px; border:4px solid var(--color1); border-radius:50px;   }
 
.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;  } 
    h5									{font-size:1.15em;padding:0 0 18px 18px;  }
    h5::before						{  top:3px;  width:14px; height:14px; border-width:3px ;  }
    .sub_title01					{font-size:1.8em; margin-bottom:30px;} 
}
 
 

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

.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:3px; width:15px; height:15px; background:url('../img/common/btn_arrow.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;letter-spacing:-1.5px; 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.jpg) no-repeat center 50% #aaa; background-blend-mode: multiply;  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_cont								{padding:40px 0;line-height:1.5em;}
.greeting_tit									{font-size:1.45em;font-weight: 600;color:#000;padding:0 0 20px 0;  }
.greeting_cont p							{line-height:1.6; padding:15px 0;}
.greeting_ceo									{font-size:1.15em;    text-align: right;    font-weight: 500;    line-height: 2;color:#555;}
.greeting_ceo	 p								{font-size:1.25em;     line-height: 2; font-weight: 600; line-height: 1.6;color:#000;  }

@media screen and (max-width:1024px) { 
    .greeting_summary .txt				{ padding:50px;} 
}

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


 
 

/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2 / 1;border:1px solid var(--border-color1);}
.map_box ul									{overflow:hidden; padding:30px 10px;  border-bottom:1px solid #ddd;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/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 ul							    	{padding:20px 0;  grid-template-columns: repeat(1, 1fr); gap: 10px; }
	.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  ================================================================================== */