@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#header_main						{position:relative;width:100%; padding: 0;}  
#main_wrap							{position:relative;width:100%; }  
/*
.main_visual							{position:relative;overflow:hidden; height:1060px; transition:all 0.5s ease; }
.main_visual .visual				{position:absolute; top:0;width:100%; height:100%; animation:imgScale 3s both; z-index:-1;}	
*/

.main_visual									{position:relative; top:0; left:0; overflow:hidden;  }  
.main_visual_item 						{ display:table; height:0 !important; padding-top:11%; width:100%;}
.main_visual .bg 							{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0;animation:imgScale 3s both; } 

 
.visual_txt								{position:absolute;display:table-cell; top:165px; text-align:center; width:100%;  z-index:100; color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;  } 
.visual_txt .txt01					{position:relative; font-family: 'S-CoreDream-4Regular'; font-size:2.9em;letter-spacing:-3px; line-height:1.4; text-shadow: 3px 3px 5px rgba(0,0,0,0.2);}	
.visual_txt .txt02					{position:relative; font-family: 'S-CoreDream-5Medium'; font-size:2.15em; line-height:1.4; margin:0 0 60px 0; letter-spacing:-4px; text-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.visual_txt .txt01 b					{position:relative; font-weight:normal;font-family: 'S-CoreDream-6bold';}
.visual_txt .txt01 b:before		{position:absolute; content:''; display:block; left:calc(50% - 5px); top:-12px; width:10px; height:10px; background:#fff;border-radius:10px;}

 
@media screen and (max-width:1700px){  
.main_visual_item 						{ padding-top:12%; }
}
@media screen and (max-width:1200px){  
.main_visual_item 						{ padding-top:12%; }
 
}
@media screen and (max-width:1024px){ 
	#header_main					{padding:60px 0 0 0;}  
.main_visual_item 						{ padding-top:7%; } 
.visual_txt								{ top:60px;}
.visual_txt .txt01					{ font-size:2.5em;letter-spacing:-2.5px; }
.visual_txt .txt02					{ font-size:2em; margin:0 0 50px 0; letter-spacing:-2.5px;}
 
}
@media screen and (max-width:800px){ 
.visual_txt								{ top:50px;}
.visual_txt .txt01					{ font-size:2em;letter-spacing:-2px; }
.visual_txt .txt02					{ font-size:1.4em;  margin:0 0 30px 0;letter-spacing:-2px;}
.visual_txt .txt01 b:before		{ left:calc(50% - 3px); top:-12px; width:6px; height:6px;  }
 
}
@media screen and (max-width:600px){  
.visual_txt								{ top:40px;}
.visual_txt .txt01					{ font-size:1.7em;  }
.visual_txt .txt02					{ font-size:1.15em; letter-spacing:-1.5px;} 
 
}



/* 메인 뉴스  ============================================ */
.main_mid												{position:relative; z-index:100; display:table-cell;  padding:130px 0 50px 0; transition:all 0.5s ease;}
.main_mid .web_size							{background:#fff;  border-radius:40px; display:flex;  overflow:hidden;}
 
.main_mid .notice_wrap						{ padding:40px 40px 30px 50px;width:calc(100% - 600px) ; display: flex; flex-direction: column; transition:all 0.5s ease;    } 
.main_mid .popup								{position:relative;width:600px;overflow:hidden;    transition:all 0.5s ease; cursor:pointer; }
.main_mid .popup .box						{overflow:hidden;  width:100%;height:600px;  } 
.main_mid .popup .box img				{width:100%; height:100%; object-fit:cover;  } 
  
.control_btns										{position:absolute; bottom:-20px; right:0; z-index:999;}
.control_btns span								{position:relative; display:inline-block;top:-18px;color:rgb(255,255,255,0.6); font-size:0.95em;cursor:default !important; height:50px;padding:0 15px;  line-height:50px;background:rgb(0,0,0,0.5);}
.control_btns span strong					{margin:0 1px; font-weight:700; color:#fff;}
.control_btns p									{position:relative; display:inline-block; cursor:pointer; width:50px; height:50px;   line-height:45px; text-align:center; background:rgb(0,0,0,0.5);margin-left:1px;}
.control_btns .arr:after						{content:''; position:absolute; top:17px; border: solid #fff; border-width:0 2px 2px 0; padding:6px;opacity:0.6; }
.control_btns .prev:after					{transform: rotate(135deg);left:20px; }
.control_btns .next:after					{transform: rotate(-45deg); right:20px; }
.control_btns .stop							{ }
.control_btns .stop:before				{content:'';position:absolute; top:10px;left:14px; width:2px; height:14px; background:#fff; }
.control_btns .stop:after					{content:'';position:absolute; top:10px;left:19px; width:2px; height:14px; background:#fff;    }
.control_btns .play								{line-height:45px;}
.control_btns .play:after					{content:''; display:inline-block; width:0; height:0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:9px solid #fff;}
 
.control_btns .arr:hover:after, .control_btns .play:hover:after			{  opacity:1; }
.control_btns .stop:hover:after, .control_btns .stop:hover:before		{  background:#fff;   }
 
 

/* 메인 뉴스  ============================================ */ 
.main_news							{ position:relative;height:355px;  } 
.main_news_tab_title			{ overflow:hidden; }  /*  공지사항 탭버튼에 사용 */ 	
.main_news_tab_title p		{float:left;width:calc((100% / 3) - 17px); text-align:center;cursor:pointer;box-sizing:border-box;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.main_news_tab_title p a		{display:block;color:#555;font-size:1.05em;letter-spacing:-1px; line-height:50px; border:1px solid #ddd;border-right:0px;background:#f6f6f8;font-family:"S-CoreDream-4Regular";}
.main_news_tab_title p a:hover		{font-family:"S-CoreDream-5Medium";color:#1476dd;}
.main_news_tab_title p a.on	{color:#fff; background:#1476dd;border:1px solid #1476dd;font-family:"S-CoreDream-5Medium";}
.main_news_tab_title .btn_more					{position:relative;float:left; text-align:center;width:50px; line-height:50px; border:1px solid #ddd;background:#f6f6f8; text-indent:999999px;overflow:hidden; }
.main_news_tab_title .btn_more a					{position:relative;display:block;}
.main_news_tab_title .btn_more a:after		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:20px; height:2px; background:#aaa;}
.main_news_tab_title .btn_more a:before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:20px; width:2px; background:#aaa;}

.main_news_tab_title .btn_more a:hover:after,
.main_news_tab_title .btn_more a:hover:before		{ background:#1476dd;}

@media screen and (max-width:1300px){ 
.main_news_tab_title p a		{ font-size:1em; }
.main_news							{ height:300px; overflow:hidden; } 
}
@media screen and (max-width:1024px){ 
.main_news							{ height:325px;  } 
}
@media screen and (max-width:600px){  
.main_news_tab_title p a		{ font-size:0.95em; line-height:45px;}
.main_news_tab_title .btn_more					{  line-height:45px;   }
}


/* 메인 배너  ============================================ */
.main_bn_wrap						{position:relative; width:100%;padding:30px 0 0 0; display: grid; grid-template-columns: repeat(4, 1fr); }
.main_bn_wrap li					{text-align:center; border-right:1px solid #ececec;}
.main_bn_wrap li:last-child					{ border-right:0 ;}
.main_bn_wrap li a				{display:block;}
.main_bn_wrap li .img			{position:relative;top:0; transition:all 0.3s ease;}
.main_bn_wrap li .txt			{color:#222; letter-spacing:-1px;font-size:0.9em;line-height:1.3em;}
.main_bn_wrap li .txt span	{display:block; color:#999; font-size:0.9em;}
 .main_bn_wrap li:hover .img	{top:-10px;}

@media screen and (max-width:1300px){  
.main_bn_wrap li .img img			{width:70px;}
}
@media screen and (max-width:600px){  
.main_bn_wrap li .img img			{width:60px;}
.main_bn_wrap li .txt					{font-size:0.85em; line-height:1.3;}
}
@media screen and (max-width:480px){  
.main_bn_wrap li .img img			{width:50px;}
.main_bn_wrap li .txt					{font-size:0.8em; }
}
/* 메인 배너  ============================================ */



@media screen and (max-width:1420px){ 
	.main_mid 						{ padding:200px 20px 70px 20px; } 
} 
@media screen and (max-width:1300px){ 
	.main_mid .notice_wrap					{ width:calc(100% - 520px) ;   padding:30px  ;}
	.main_mid .popup							{position:relative;width:520px; }
	.main_mid .popup .box					{height:520px;  } 
}

@media screen and (max-width:1024px){ 
	.main_mid											{  padding:150px 20px 40px 20px;}
	.main_mid .web_size							{ padding:  30px;display: grid; grid-template-columns: 1fr; gap:30px 0;}
	.main_mid .notice_wrap					{width:100%; padding:0;  }
	.main_mid .popup							{width:100%; }
	.main_mid .popup .box					{height:100%; text-align:center;  }
	.main_mid .popup .box img			{width:100%; }  
	
	.control_btns span								{ top:-24px; height:40px;  line-height:40px; }
	.control_btns p									{ top:-10px;width:40px; height:40px;   line-height:35px; }
	.control_btns .arr:after						{  top:14px;  }
	.control_btns .prev:after					{ left:17px; }
	.control_btns .next:after					{  right:17px; }
} 
@media screen and (max-width:800px){ 
	.main_mid											{  padding:110px 20px 40px 20px;}
	.main_mid .web_size							{padding:20px 20px 30px 20px;border-radius:30px; }
}
@media screen and (max-width:600px){ 
	.main_mid											{  padding:90px 20px 40px 20px;}
}

/* 메인 뉴스  ============================================ */




/* 메인 사업안내  ============================================ */
.main_biz									{position:relative; padding:60px 0;   display: grid; grid-template-columns: repeat(4, 1fr);gap:40px;}
.main_biz>li								{color:#fff;padding:35px; border-radius:20px; box-shadow:10px 10px 15px -5px rgba(0,0,0,.3); }
.main_biz>li .tit							{font-size:1.4em;font-family: 'S-CoreDream-6bold';letter-spacing:-1.5px; padding:10px 0 40px 0; }
.main_biz>li>ul							{position:relative;padding:0 0 20px 0;}
.main_biz>li>ul li						{position:relative;}
.main_biz>li>ul li a					{display:block;color:#fff;font-weight:500;font-size:0.95em; border-bottom:1px solid rgb(255,255,255,0.5); padding:9px 3px;letter-spacing:-1px;margin:0 0 5px 0; }
.main_biz>li>ul li span				{position:absolute; right:0;top:11px;width:21px;height:21px;border-radius:50px; border:2px solid #fff; transition:all 0.5s ease; }
.main_biz>li>ul li span:after		{content:''; position:absolute; top:5px; right:6px; width:5px;height:5px;border:solid #fff; border-width:2px 2px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);} 

.main_biz .icon01		{background:url('../image/main/main_item_img01.png') no-repeat right 0 #091e49;background-size:120px auto;}
.main_biz .icon02		{background:url('../image/main/main_item_img02.png') no-repeat right 0 #7426ec;background-size:120px auto;}
.main_biz .icon03		{background:url('../image/main/main_item_img04.png') no-repeat right 0 #f98b15;background-size:120px auto;}
.main_biz .icon04		{background:url('../image/main/main_item_img05.png') no-repeat right 0 #25a3a0;background-size:120px auto;}

@media screen and (max-width:1420px){  
.main_biz											{  padding:60px 20px; gap:30px;}  
.main_biz>li										{ padding:30px; }
.main_biz>li .tit									{font-size:1.35em; }
}
@media screen and (max-width:1200px){  
.main_biz											{   gap:20px;}  
.main_biz>li .tit									{font-size:1.3em; padding:10px 0 30px 0; }
} 
@media screen and (max-width:1024px){   
.main_biz									{ padding:50px 20px;  grid-template-columns: repeat(2, 1fr); } 
.main_biz>li .tit							{  letter-spacing:-1px; padding:10px 0 20px 0; }
.main_biz>li>ul							{ padding:0 0 10px 0;}
.main_biz>li								{ border-radius:15px;}
.main_biz>li>ul li a					{  margin:0 0 3px 0; }

.main_biz .icon01, .main_biz .icon02, .main_biz .icon03, .main_biz .icon04		{background-size:100px auto;}
}
@media screen and (max-width:800px){   
.main_biz>li .tit							{font-size:1.2em; letter-spacing:-1px; padding:0 0 20px 0; }
.main_biz .icon01, .main_biz .icon02, .main_biz .icon03, .main_biz .icon04		{background-size:85px auto;}
.main_biz>li>ul li a						{ padding:7px 0;  }
.main_biz>li>ul li span				{ top:8px; } 
}
@media screen and (max-width:600px){ 
.main_biz									{   grid-template-columns: repeat(1, 1fr);gap:10px;}
.main_biz>li .tit						{font-size:1.15em;  padding:0 0 15px 0; }
.main_biz>li ul						{ padding: 0;}
}


 

/* 메인 미디어 center  ============================================ */
.main_media										{position:relative; padding: 60px 0;background:#f7f7f7; }
.main_media .web_size					{display: grid; grid-template-columns: repeat(2, 1fr);gap:80px; }
.main_media	.tit								{position:relative; font-size:1.5em;font-weight:700;line-height:1.2;letter-spacing:-1px;color:#000; padding:0 0 20px 0;margin:0 0 30px 0; border-bottom:2px solid #000; }
.main_media .item01						{  position:relative;   }  
.main_media .item02						{  } 

 
.main_media .more								{position:absolute; bottom:24px;right:0;width:36px;height:36px; border:1px solid #d5d5d5;z-index:1;  } 
.main_media .more:after	{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:20px; height:2px; background:#666;}
.main_media .more:before	{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:20px; width:2px; background:#666;}
.main_media .more:hover				{border:1px solid #008add;}
.main_media .more:hover:after		{background:#008add;}
.main_media .more:hover:before	{background:#008add;}
 

@media screen and (max-width:1420px){ 
.main_media										{  padding:60px 20px; } 
.main_media .web_size					{ gap:60px; }
}
@media screen and (max-width:1024px){   
.main_media										{  padding:50px 20px; } 
.main_media .web_size					{display: grid; grid-template-columns: repeat(1, 1fr);gap:60px; }
.main_media	.tit								{font-size:1.4em;padding:0 0 17px 0;margin:0 0 25px 0; }
.main_media .more								{ bottom:18px; width:30px;height:30px;    }
.main_media .more:after						{width:16px; height:2px; }
.main_media .more:before					{ height:16px; width:2px; }
 
}
 
 

/* 메인 PR center  ============================================ */



/* 하단배너 ============================================ */
.scroll_news_wrap								{overflow:hidden;height:110px;padding:27px 0 0 0;border-top:1px solid #e3e3e3;background:#fff;}
.scroll_news_wrap .arrow_pre			{float:left;width:50px;padding:12px 0 0 0;}
.scroll_news_wrap .arrow_next		{float:right;text-align:right;width:50px;padding:12px 0 0 0;}
#viewArea						{position:relative; width:calc(100% - 100px) !important; height:100px; overflow:hidden;}
#imgList li						{float:left; margin:0 8px; padding:0;width:200px;vertical-align:middle; }  
#imgList li img				{ padding:0;margin:0;border:1px solid #e5e5e5;height:60px;}

@media screen and (max-width:1024px) {  
	.scroll_news_wrap				{display:none;} 
}