@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@800&display=swap');

/* VISUAL    ================================================================================== */
.main_container						{padding:90px 0 0 0;}

.main_visual							{position:relative; overflow:hidden;background-color:#000;}
.main_visual .item					{position:relative; max-width:2500px;margin:auto; width:100%; height:450px; animation:imgScale 3s both;}	

.visual_txt								{position:absolute; left:calc(50% - 450px);top:35%; width:800px; z-index:100;margin:auto;  text-align:center; color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;  } 
.visual_txt .txt01					{font-family: 'S-CoreDream-7ExtraBold'; font-size:2.5em;letter-spacing:-4px;padding:0 0 35px 0; text-shadow: 3px 3px 5px rgba(0,0,0,0.2);}	
.visual_txt .txt02					{font-family: 'S-CoreDream-5Medium'; font-size:1.9em; line-height:1.3; letter-spacing:-3px; text-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.visual_txt:before					{position:absolute;content:''; left:0;top:-40px;width:35px;height:200px; border:11px solid #fff; border-right:0;}
.visual_txt:after						{position:absolute;content:''; right:0;top:-40px;width:35px;height:200px; border:11px solid #fff; border-left:0;}

.visual_bn								{position:absolute;width:100%; left:0;bottom:55px;  z-index:1000;}
.visual_bn ul							{position:relative;max-width:1000px; margin:auto; display: flex; flex-flow:wrap;justify-content: space-between; }
.visual_bn ul a						{position:relative;display:block;text-align:center;  }
.visual_bn ul li						{position:relative; line-height:1.3;font-size:0.95rem;width:150px;height:150px; color:#cef6fe; background:rgb(1,8,39,0.5); border:1px solid rgb(255,255,255,0.5);border-radius:50%; transition:all 0.35s ease;}
.visual_bn ul li .img				{padding:30px 0 0 0;}
.visual_bn ul li:hover				{background:rgb(1,8,39,0.75); margin-top:-20px; }


@media screen and (max-width:1400px) { 
	.main_visual .item					{  height:600px; }	  
	.visual_txt								{position:absolute; left:calc(50% - 400px);top:28%; width:800px;}
	.visual_txt:before					{ top:-40px;width:35px;height:180px;  }
	.visual_txt:after						{ top:-40px;width:35px;height:180px;  }
	.visual_txt .txt01					{ font-size:2.6em; padding:0 0 25px 0  ;}	
	.visual_txt .txt02					{ font-size:1.8em;  }
	.visual_bn								{ bottom:45px; }
}
 
@media screen and (max-width:1024px) {
	.main_container					{padding:60px 0 0 0;}
	.main_visual .item					{height:430px;} 
	.visual_txt								{position:absolute; left:calc(50% - 310px);top:35%; width:620px;}
	.visual_txt:before					{ top:-35px;width:35px;height:160px; border:10px solid #fff;border-right:0;}
	.visual_txt:after						{ top:-35px;width:35px;height:160px;border:10px solid #fff; border-left:0;}
	.visual_txt .txt01					{ font-size:2.2em; padding:0 0 20px 0  ;}	
	.visual_txt .txt02					{ font-size:1.5em;  }
 }
 
@media screen and (max-width:820px) {
	.main_visual .item					{height:340px;} 
	.visual_txt								{position:absolute; left:calc(50% - 260px);top:35%; width:520px;}
	.visual_txt:before					{ top:-35px;width:35px;height:160px; border:10px solid #fff;border-right:0;}
	.visual_txt:after						{ top:-35px;width:35px;height:160px;border:10px solid #fff; border-left:0;}
	.visual_txt .txt01					{ font-size:1.9em; padding:0 0 20px 0  ; }	
	.visual_txt .txt02					{ font-size:1.3em;  }
}
@media screen and (max-width:600px) {
	.main_visual .item					{height:260px;} 
	.visual_txt								{position:absolute; left:0;top:35%; width:100%;}
	.visual_txt:before					{ display:none;}
	.visual_txt:after						{ display:none;}
	.visual_txt .txt01					{ font-size:1.6em; padding:0 0 20px 0  ; }	
	.visual_txt .txt02					{ font-size:1.2em;  }
}

.main_visual_bn								{display:none;position:relative; padding:30px  20px; background:#1269b3;}
.main_visual_bn ul							{position:relative;display: grid; grid-template-columns: repeat(4, 1fr);   }
.main_visual_bn ul a							{position:relative;display:block;text-align:center;  }
.main_visual_bn ul li							{position:relative; line-height:1.4;font-size:0.95em; color:#cef6fe;  border-right:1px dashed rgb(255,255,255,0.15); } 
.main_visual_bn ul a:last-child li		{border-right:0;}

@media screen and (max-width:1024px) {
.visual_bn											{display:none;}
.main_visual_bn								{display:block;}
}
@media screen and (max-width:820px) {
.main_visual_bn								{ padding:20px 0; }
.main_visual_bn ul li							{ font-size:0.9em;}
.main_visual_bn ul li img					{width:45px;}
}
@media screen and (max-width:600px) { 
.main_visual_bn ul li							{ font-size:0.85em;}
.main_visual_bn ul li img					{width:40px;}
}
 
 

/* MAIN_CONT    ================================================================================== */
   
/* 기업지원 뉴스    ================================================================================== */ 
.main_comnews_wrap											{position:relative; padding:40px 0; border-bottom:1px solid #efefef;  background:#f9f9f9; overflow:hidden; } 
.main_comnews_wrap .subject							{position:relative;width:140px;float:left; font-size:1.5em;color:#1269b3;  font-family:'S-CoreDream-6Bold'; letter-spacing:-2px;padding:0 0 0 10px;line-height:1.15;}
.main_comnews_wrap .bxWrap							{float:left;width:calc(100% - 650px) !important;}
.main_comnews_wrap .inner								{position:relative;color:#888;  overflow:hidden; padding:0 30px 0 30px; } 
.main_comnews_wrap .inner:before					{position:absolute; content:'';left:0;top:-2px;width:1px;height:100%;background:#e5e5e5;}
.main_comnews_wrap .inner p							{ display:block;  width:calc(100% - 30px); color:#333;font-size:1.05em;font-weight:600; padding:0 0 7px 0; letter-spacing:-1px;  overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.main_comnews_wrap .inner p span					{display:inline-block; padding:0 10px 1px 10px;background:#1269b3;color:#fff;border-radius:3px;font-size:0.9rem;margin-right:5px;font-family:'S-CoreDream-5Medium'; }

.main_comnews_wrap .more								{position:relative;float:left;margin-left:10px; top:0; right:0;width:40px;height:40px;border:1px solid rgb(18,105,179,0.3);cursor:pointer;  }
.main_comnews_wrap .more:after						{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:18px; height:2px; background:#1269b3;}
.main_comnews_wrap .more:before					{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:18px; background:#1269b3;}

.main_comnews_wrap .btn									{position:absolute;top:-5px;right:0;width:410px; height:70px;color:#fff;background:#00b637;border:1px solid rgb(0,0,0,0.15); line-height:1.2;font-size:1.1em;text-align:center;  display: flex; align-items:center;transition:all 0.3s ease; cursor:pointer;}
.main_comnews_wrap .btn	p								{width:100%;font-weight:500; }
.main_comnews_wrap .btn	p i							{padding-right:10px;}
.main_comnews_wrap .btn:hover						{ box-shadow:8px 8px 15px -5px rgba(0,0,0,.25); } 

@media screen and (max-width:1400px) {  
.main_comnews_wrap											{position:relative; padding:40px 20px;}
}
@media screen and (max-width:1024px) {   
.main_comnews_wrap .bxWrap							{float:left;width:calc(100% - 430px) !important;}
.main_comnews_wrap .btn									{position:absolute;top:0; right:0;width:220px;  }
}
@media screen and (max-width:820px) {  
.main_comnews_wrap											{position:relative; padding:30px 20px;} 
.main_comnews_wrap .subject  							{float:none;font-size:1.35em;width:100%;padding:0 0 20px 0; }
.main_comnews_wrap .subject br						{display:none; }
.main_comnews_wrap .bxWrap							{float:none;width:100% !important;}
.main_comnews_wrap .inner								{  padding:0  10px 0 0;font-size:0.9rem;  }
.main_comnews_wrap .inner:before					{display:none; }
.main_comnews_wrap .inner p							{ font-size:1rem; width:100%; } 
.main_comnews_wrap .more								{position:absolute; top:-10px; width:34px;height:34px;   }
.main_comnews_wrap .more:after						{ width:16px; height:2px;  }
.main_comnews_wrap .more:before					{ width:2px; height:16px;  }

.main_comnews_wrap .btn									{position:relative;top:0; right:0;width:100%;height:60px;margin-top:25px; font-size:1em; }
}
 
/* 기업지원 뉴스    ================================================================================== */ 

/* main_news_wrap    ================================================================================== */ 
.main_news_wrap								{position:relative; padding:50px 0 40px 0;  display: flex; flex-flow: ;justify-content: space-between;gap:50px;   } 
.main_news_wrap .item01				{position:relative;width:calc(100% - 460px);}
.main_news_wrap .item02				{position:relative;width:410px; display: flex; flex-direction: column;gap:10px;}
  
.main_news_wrap .main_bn						{position:relative;height:180px; padding: 25px 0 0 30px; background:url('../img/main/main_bn_bg.png') no-repeat center 0;background-size:cover;}
.main_news_wrap .main_bn:after				{position:absolute; content:''; right:0;top:0; width:100%;height:100%; background:url('../img/main/main_bn_img.png') no-repeat right 50%;background-size:auto 100%;}
.main_news_wrap .main_bn .txt				{position:relative;color:#fff;font-size:0.9em;line-height:1.35; z-index:11;}
.main_news_wrap .main_bn .txt span		{position:relative;display:inline-block;font-size:1.25rem;font-weight:700;padding:0 0 10px 0;}
.main_news_wrap .main_bn .txt span:after	{content:''; position:absolute; top:6px; right:-30px;width:18px;height:18px;  background:url('../img/main/main_bn_arrow.png') no-repeat 0 50%;background-size:cover;}
.main_news_wrap .main_bn .more			{position:relative; margin-top:10px;border-bottom:1px solid #fff;color:#fff;  width:80px;line-height:30px; text-indent:3px; font-size:0.9em;opacity:0.6;}
.main_news_wrap .main_bn .more:after	{content:''; position:absolute; top:13px; right:5px; border:solid #fff; border-width:1px 1px 0 0;  padding:3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/* 카카오톡 채널 추가 */
.main_news_wrap .main_bn02						{position:relative;  padding:30px 40px; background:#ffde00;display: grid; grid-template-columns:65px auto;   }
.main_news_wrap .main_bn02 .img				{position:relative; width:65px; height:65px;background:url('../img/main/main_bn02_01.png') no-repeat 0 0 ; background-size:50px auto;}	
.main_news_wrap .main_bn02 .cont				{position:relative; }	
.main_news_wrap .main_bn02 .txt01			{position:relative;display:block;font-size:1.2em;padding:0 20px 0 0;font-weight:700;line-height:46px;text-align:center; background:url('../img/main/main_bn02_02.png') no-repeat 94% 50% #fff; background-size:24px auto; border-radius:12px; }
.main_news_wrap .main_bn02 .txt02			{position:relative;color:#000;font-size:0.9em; padding:6px 0 0  0;text-align:center;}
 

@media screen and (max-width:1400px) {  
	.main_news_wrap								{ padding:50px 20px;  gap:40px;  } 
}
 
@media screen and (max-width:1024px) {    
	.main_news_wrap								{ padding:50px 20px 30px 20px;   } 
	.main_news_wrap								{   align-items:center;flex-direction: column;gap:40px;   } 
	.main_news_wrap .item01				{ width:100%;}
	.main_news_wrap .item02				{ width:100%;display: grid; grid-template-columns:1fr 1fr;gap:5px;   } 
	.main_news_wrap .main_bn			{width:100%;margin: 0;height:120px;  padding:20px 30px;  } 
	.main_news_wrap .main_bn .more	{display:none;}
	.main_news_wrap .main_bn02		{width:100%;margin: 0; height:120px;  padding:20px 30px;  } 
	.main_news_wrap .main_icon		{ height:initial; grid-column: 1 / 3; grid-row: 1 / 2; grid-template-columns: repeat(4, 1fr);  gap:5px;}
	.main_news_wrap .main_icon li		{padding:  0; grid-template-columns: 1fr; }
	.main_news_wrap .main_icon .txt			{ text-align:center;font-size:0.95em;padding:10px 0 0 0;letter-spacing:-1px; display:block;  }
}

@media screen and (max-width:820px) {    
	.main_news_wrap								{padding:40px 20px 10px 20px;  }  
	.main_news_wrap .item02				{ width:100%;display: grid; grid-template-columns:1fr;gap:10px;   }  
	.main_news_wrap .main_bn			{  height:initial;padding:20px  ;  }
	.main_news_wrap .main_bn02			{  height:initial;padding:20px  ;  }
	.main_news_wrap .main_bn .txt span		{ font-size:1.2rem; } 
	.main_news_wrap .main_bn .more			{  line-height:36px; }
}
@media screen and (max-width:600px) {      
.main_news_wrap .main_bn02						{   grid-template-columns:55px auto;   }
.main_news_wrap .main_bn02 .img				{ width:55px; height:55px; background-size:40px auto;}	
.main_news_wrap .main_bn02 .txt01			{ font-size:1.15em;  line-height:40px;background:url('../img/main/main_bn02_02.png') no-repeat 96% 50% #fff; background-size:20px auto; border-radius:10px; }
}

/* main_news_wrap    ================================================================================== */ 

/* main_banner    ================================================================================== */ 
.main_banner  								{position:relative; padding:0 0 60px 0;  }
.main_banner ul							{position:relative;  display: grid; grid-template-columns: repeat(5, 1fr);  gap:10px;transition:all 0.3s ease;}
.main_banner ul li							{ }
.main_banner ul a 						{ padding:15px  25px; color:#fff;  background:#2a84ff; border:3px solid #2a84ff; display: grid; grid-template-columns:80px auto;gap:20px; transition:all 0.3s ease;}
.main_banner ul .img 					{ position:relative;width:80px; height:80px;line-height:80px; overflow:hidden; background:#fff;border-radius:50%;transition:all 0.3s ease;}
.main_banner ul .img img 			{width:100%; } 
.main_banner ul .txt						{ text-align:left;font-size:0.9em;letter-spacing:-1px; line-height:1.3;font-weight:500;  display: flex; align-items:center;  }

 .main_banner ul li:nth-child(2n) a	{background:#02c7c9; border:3px solid #02c7c9;}
 .main_banner ul a:hover 				{ background:#fff !important;  color:#333;}
.main_banner ul a:hover .img 			{  background:#f0f0f0;}

@media screen and (max-width:1400px) {  
	.main_banner								{ padding:0 20px 50px 20px;   } 
.main_banner ul a 						{ padding:   15px;  grid-template-columns:70px auto;gap:15px;  }
.main_banner ul .img 					{  width:70px; height:70px;line-height:70px; }
}
@media screen and (max-width:1200px) {  
.main_banner ul a 						{  grid-template-columns:1fr  ; gap:10px;text-align:center;}
.main_banner ul .img 					{ margin:auto;}
.main_banner ul .txt						{      justify-content:center;  text-align:center;}
}

@media screen and (max-width:820px) {  
	.main_banner								{ padding:0 20px 40px 20px;   } 
.main_banner ul							{  display: grid; grid-template-columns: repeat(3, 1fr);   }
.main_banner ul .img 					{  width:60px; height:60px;line-height:60px; }
}
@media screen and (max-width:600px) {  
.main_banner ul							{  display: grid; grid-template-columns: repeat(2, 1fr);   }
 .main_banner ul li:nth-child(3) a	{background:#02c7c9; border:3px solid #02c7c9;}
 .main_banner ul li:nth-child(4) a	{background:#2a84ff; border:3px solid #2a84ff;} 
}

/* main_banner    ================================================================================== */ 






/* main_company_wrap    ================================================================================== */  
.main_company_wrap											{position:relative;  overflow:hidden; padding:55px 0; background:#f9f9f9; }
.main_company_wrap .tit									{padding:0 0 40px 0;  font-size:1.9em;color:#111; text-align:center; font-family:'S-CoreDream-6Bold'; letter-spacing:-2px;}
.main_company_wrap .more								{position:absolute;right:0;top:10px; padding:0 40px 0 0; color:#666;font-family:'S-CoreDream-5Medium';cursor:pointer; z-index:1; letter-spacing:-1px;}
.main_company_wrap .more:after						{position:absolute; content:''; right:10px; top:11px; width:16px; height:2px; background:#1269b3;}
.main_company_wrap .more:before					{position:absolute; content:''; right:17px; top:4px;  height:16px; width:2px; background:#1269b3;}

.main_company_wrap .comtab							{display:none;position:relative; /*display: flex;*/ flex-flow:wrap;justify-content: center;gap:10px; padding:0 0 35px 0; }
.main_company_wrap .comtab li						{font-family:'S-CoreDream-5Medium';font-size:1.05rem;border:1px solid #1269b3;text-align:center; color:#1269b3;width:130px; line-height:43px; cursor:pointer;} 
.main_company_wrap .comtab li.on					{background:#1269b3;color:#fff; }
.main_company_wrap .comtab li:hover				{text-decoration:underline; }

.main_company_wrap .comlist							{position:relative;  border-top:2px solid #1269b3; }
.main_company_wrap .comlist li						{position:relative; padding:17px 0; display: flex; flex-flow:wrap;justify-content: space-between;  align-items:center; border-bottom:1px solid #d7d7d7; }
.main_company_wrap .comlist li mark				{position:absolute; left:20px; width:60px;height:60px;line-height:57px; text-align:center;background:#1269b3; color:#fff;font-size:0.9rem;letter-spacing:-1px;  border-radius:50%; }
.main_company_wrap .comlist li .subject			{margin-left:110px;width:calc(100% - 380px); font-size:1.05rem;letter-spacing:-1px; line-height:1.7em; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;color:#2b2b2b; }
.main_company_wrap .comlist li .subject span			{display:block;color:#1269b3; font-size:1rem;font-weight:500; }
.main_company_wrap .comlist li .date				{width:240px;padding:0 10px 0 0;text-align:center;color:#7c7b7b; }


@media screen and (max-width:1400px) {     
.main_company_wrap											{ padding:55px 20px;  }
}

@media screen and (max-width:1024px) {     
.main_company_wrap											{  padding:50px 20px;  }
.main_company_wrap .tit									{padding:0 0 30px 0;  font-size:1.8em; }
.main_company_wrap .more								{ top:0;right:-10px; }
.main_company_wrap .comtab							{ gap:5px; padding:0 0 25px 0; }
.main_company_wrap .comtab li						{font-size:0.95em; width:110px; line-height:40px; } 
 
.main_company_wrap .comlist li						{  display: block; }
.main_company_wrap .comlist li mark				{left:10px;top:25px; }
.main_company_wrap .comlist li .subject			{margin-left:90px;width:calc(100% - 100px); font-size:1rem; }
.main_company_wrap .comlist li .subject span			{font-size:0.95rem; }
.main_company_wrap .comlist li .date				{margin-left:90px;font-size:0.9rem;width:initial; text-align:left; }

}
@media screen and (max-width:560px) {      
.main_company_wrap .tit									{padding:0 0 30px 0;  font-size:1.6em; }
.main_company_wrap .comtab							{ gap:0; padding:0 0 25px 0; }
.main_company_wrap .comtab li						{font-size:0.9em; width:85px; line-height:40px;margin-left:-1px; } 
}

 
/* main_company_wrap    ================================================================================== */  

/* main_photo_wrap    ================================================================================== */  
.main_photo_wrap											{position:relative;    padding:50px 0;background:#f9f9f9;}
.main_photo_wrap .tit										{padding:0 0 40px 0;  font-size:1.9em;color:#111; text-align:center; font-family:'S-CoreDream-6Bold'; letter-spacing:-2px;}
.main_photo_wrap .more								{position:absolute;right:30px;top:0; padding:0 40px 0 0; color:#666;font-family:'S-CoreDream-5Medium';cursor:pointer; z-index:1; letter-spacing:-1px;}
.main_photo_wrap .more:after						{position:absolute; content:''; right:10px; top:11px; width:16px; height:2px; background:#1269b3;}
.main_photo_wrap .more:before					{position:absolute; content:''; right:17px; top:4px;  height:16px; width:2px; background:#1269b3;}

@media screen and (max-width:1400px) {     
.main_photo_wrap .more								{right:20px;}
}
@media screen and (max-width:1024px) {     
.main_photo_wrap											{padding:50px 5px; }
.main_photo_wrap .more								{right:10px;}
.main_photo_wrap .tit										{padding:0 0 40px 0;  font-size:1.8em; }
}
@media screen and (max-width:560px) {      
.main_photo_wrap .tit										{padding:0 0 25px 0;   font-size:1.6em; }
.main_photo_wrap .more								{right:0;}
}

 
/* main_photo_wrap    ================================================================================== */  






.famsite							{position:relative; padding:30px 0 10px 0; border-top:1px solid #dfdfdf;}
.famsite ul							{width:calc(100% - 60px); margin:0 auto; text-align:center}
.famsite ul li						{display:inline-block; margin:0 1px;line-height:60px;}
.famsite ul li img					{max-width:200px;}
.famsite .arrow p					{position:absolute; top:26%; width:15px; height:20px; cursor:pointer;}
.famsite .arrow span				{display:inline-block; border:solid #aaa; border-width:0 3px 3px 0;  padding:5px;  }
.famsite .arrow span:hover			{border-color:#555;}
.famsite .prev						{left:0; transform: rotate(135deg);}
.famsite .next						{right:0; transform: rotate(-45deg);}
.famsite .slick-list				{padding:0;}


@media screen and (max-width:1440px) {
		.famsite .prev					{left:10px;}
		.famsite .next					{right:10px;}
}