@charset "utf-8"; 
 
@keyframes slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to			{opacity:1.0; transform: translateY(0);}
}
@keyframes scroll-icon { 
	from	{top:3px;}
	to			{top:-10px;}
}
.main_section									{ position:relative; height:100vh; }
.main_inbox										{ /* display: flex; flex-flow:wrap;justify-content: center;  align-items: center;   */ }
 
@media screen and (max-width:1024px) { 
.main_section									{ height:initial !important; }
}

/* VISUAL  ================================================================================== */
.main_container								{padding: 0;}
.main_visual .bxslider						{visibility:hidden;}
.main_visual .mvideo_box				{position: relative;width: 100%; aspect-ratio:16/9; padding:0; margin:0;   }

.main_visual										{position:relative; top:0; left:0; overflow:hidden;  }  
.main_visual_item 							{ display:table; height:0 !important; padding-top:55%; }
.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; filter: brightness(0.85); animation:imgScale 3s both; } 
.visual_txt											{position:absolute; width:100%; top:32%;   z-index:100; color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;} 
.visual_txt .txt01								{position:relative; width:45%;  font-size:5.55em; line-height:1.2; padding:0 0 25px 0; text-shadow: 3px 3px 5px rgba(0,0,0,0.4); transition:all 0.3s ease; }
.visual_txt .txt01 strong					{position:relative; font-weight:800; z-index:11; }
.visual_txt .txt01 span						{font-size:0.7em; font-weight:800;}
.visual_txt .txt01 strong::before		{position:absolute; content:''; left:-36px; top:1px; width:74px;height:74px; border:6px solid var(--point1);  z-index:-1; transition:all 0.3s ease; }
.visual_txt .txt02								{position:relative; width:45%; font-weight:800; font-size:2.2em;  line-height:1.1; text-shadow: 3px 3px 5px rgba(0,0,0,0.4); transition:all 0.3s ease;  }
.visual_txt .txt03								{position:relative; width:43%; font-weight:600; font-size:1.5em; line-height:1.4;  padding-top:15px;word-break:keep-all; text-shadow: 3px 3px 5px rgba(0,0,0,0.4); transition:all 0.3s ease; }

.main_visual .scroll							{position:absolute; bottom:45px; left:50%;width:100px; transform: translateX(-50%);text-align:center; opacity:0.85; }
.main_visual .scroll::after					{position:relative; display:block; content:'Scroll'; color:#fff; font-size:0.85em; font-weight:400;}
.main_visual .scroll span					{position:relative;display:inline-block; width:15px; height:25px; background:url('../img/main/icon_scroll.png') no-repeat center 0; background-size:cover;   animation: scroll-icon 0.6s ease infinite alternate both;    } 
 
 
@media screen and (max-width:1500px) { 
	.visual_txt										{padding-left:40px;}
	.visual_txt .txt01							{font-size:5em;   }
	.visual_txt .txt01 strong::before	{  left:-30px; top:1px; width:65px;height:65px;  }
	.visual_txt .txt02							{font-size:1.9em; }	
	.visual_txt .txt03							{ font-size:1.35em;  }
} 
@media screen and (max-width:1200px) {  
	.visual_txt .txt01							{font-size:4.3em;   }
	.visual_txt .txt01 strong::before	{  left:-25px; top:1px; width:50px;height:50px;border-width:5px;  }
	.visual_txt .txt02							{font-size:1.7em; }	
	.visual_txt .txt03							{ font-size:1.25em;  }
} 
@media screen and (max-width:1024px) { 
	.visual_txt										{  top:23%;  }
	.visual_txt .txt01							{font-size:3.7em;  padding:0 0 15px 0;line-height:1.1; }
	.visual_txt .txt01 strong::before	{  left:-22px; top:-5px; width:45px;height:45px;  }
	.visual_txt .txt02							{font-size:1.55em; }	
	.visual_txt .txt03							{ font-size:1.15em;  }
	.main_visual .scroll						{display:none; }
 }
 
@media screen and (max-width:800px) {
	.main_visual_item 						{ display:block;  }
	.visual_txt										{  top:34%; padding-left:30px;}
	.visual_txt .txt01							{font-size:2.8em;  padding:0 0 10px 0; }
	.visual_txt .txt01 strong::before	{  left:-20px; top:-4px; width:36px;height:36px; border-width:4px;  }
	.visual_txt .txt02							{font-size:1.2em; }	
	.visual_txt .txt03							{ font-size:1.1em;  display:none; }
}
@media screen and (max-width:600px) {
	.main_visual_item 						{  height:260px !important;  }
	.visual_txt										{text-align:center; padding-left:30px;}
	.visual_txt .txt01							{width:100%; font-size:2.3em;  padding:0 0 5px 0;  }
	.visual_txt .txt01 strong::before	{  left:-15px; top:-2px; width:27px;height:27px;border-width:3px;  }
	.visual_txt .txt02							{width:100%; font-size:1.1em; }	
	.main_visual .arrow span				{   padding:4px;  }
 
}
 
   
/* MAIN_CONT  ================================================================================== */





/* main_news_wrap    ================================================================================== */ 
.main_news_wrap									{position:relative; padding: 0;  align-items: center;   }   
.main_news_wrap .inner						{position: absolute; max-width:1400px;width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.main_news_wrap .tit_wrap				{position:relative; padding-left:10px; margin-bottom:50px; transition:all 0.3s ease;}
.main_news_wrap .tit_wrap .txt01		{font-size:1.85em; color:var(--color1);font-weight:800; padding:0 0 20px 0;transition:all 0.3s ease;}
.main_news_wrap .tit_wrap .txt02		{font-size:2.1em; color:#000;font-weight:800; line-height:1.25em; transition:all 0.3s ease;}
.main_news_wrap .tit_wrap .btn		{position:absolute;display:inline-block;right:0.7em;bottom:0;   }	
.main_news_wrap .tit_wrap .btn a		{ display:inline-block;color:#fff;background:var(--color1);line-height:52px; padding:0 55px 0 30px; border-radius:50px; transition:all 0.3s ease;}
.main_news_wrap .tit_wrap .btn span		{ position:absolute; display:inline-block; top:50%; right:25px; width:18px;height:18px;  border-radius:50px; border:1px solid #fff;  transition:all 0.3s ease;   transform: translateY(-50%);}	   
.main_news_wrap .tit_wrap .btn span::after		{position:absolute; content:''; top:5px; right:6px; width:5px;height:5px;border:solid #fff; border-width:1px 1px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg);  } 
.main_news_wrap .tit_wrap .btn:hover span		{  right:20px; }	
.main_news_wrap .newsbox				{ transition:all 0.3s ease;}
 

.main_news_wrap .arrow						{position:absolute; top:50%; width:100%; }
.main_news_wrap .arrow p						{position:absolute; width:60px; height:60px;  border:1px solid rgb(0,0,0,0);  cursor:pointer;  opacity:0.45;background:#fff; border-radius:50%;transition:all 0.3s ease; z-index:111;}
.main_news_wrap .arrow span				{display:inline-block; border:solid #666; padding:13px;}
.main_news_wrap .arrow .prev				{left:-70px;}
.main_news_wrap .arrow .next				{right:-70px;}
.main_news_wrap .arrow .prev span		{margin:15px 0 0 22px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_news_wrap .arrow .next span		{margin:15px 0 0 8px;  border-width:2px 2px 0 0; transform:rotate(45deg);}
.main_news_wrap .arrow p:hover			{opacity:0.9;} 


@media screen and (max-width:1560px) {
.main_news_wrap .arrow p						{border-color: rgb(0,0,0,0.3); }
.main_news_wrap .arrow span				{ padding:9px;}
.main_news_wrap .arrow .prev				{left:-20px;}
.main_news_wrap .arrow .next				{right:-20px;}
.main_news_wrap .arrow .prev span		{margin:19px 0 0 23px; }
.main_news_wrap .arrow .next span		{margin:19px 0 0 13px;   }
}


@media screen and (max-width:1450px) {       
.main_news_wrap .tit_wrap					{ padding-left:20px; }
.main_news_wrap .tit_wrap .btn			{ right:20px;    }	
.main_news_wrap .arrow p						{width:50px; height:50px; }
.main_news_wrap .arrow span				{ padding:7px;}
.main_news_wrap .arrow .prev				{left:0;}
.main_news_wrap .arrow .next				{right:0;}
.main_news_wrap .arrow .prev span		{margin:17px 0 0 20px; }
.main_news_wrap .arrow .next span		{margin:17px 0 0 13px;   }
.main_news_wrap .arrow p:hover			{background:#000; } 
.main_news_wrap .arrow p:hover span	{  border-color:#fff;}
}
@media screen and (max-width:1200px) {   
.main_news_wrap .tit_wrap .txt01		{font-size:1.75em ;padding:0 0 15px 0;}
.main_news_wrap .tit_wrap .txt02		{font-size:2em;  }  
}
@media screen and (max-width:1024px) {      
.main_news_wrap									{  padding:80px 5px;   }   
.main_news_wrap .inner						{position: relative;   top: initial; left: initial; transform:initial; } 
.main_news_wrap .tit_wrap				{margin-bottom:30px; }	 
.main_news_wrap .tit_wrap .txt01		{font-size:1.6em;  padding:0 0 10px 0; }	
.main_news_wrap .tit_wrap .txt02		{font-size:1.9em;  }	  
}
@media screen and (max-width:800px) {      
.main_news_wrap									{  padding:70px 5px;   }   
.main_news_wrap .tit_wrap .txt01		{font-size:1.5em;  }	
.main_news_wrap .tit_wrap .txt02		{font-size:1.75em;  }	  

.main_news_wrap .tit_wrap .btn a		{ line-height:48px; padding:0 50px 0 25px; font-size:0.95em; }
.main_news_wrap .tit_wrap .btn span		{   right:22px;  }	    
.main_news_wrap .tit_wrap .btn:hover span		{  right:15px; }	

}
@media screen and (max-width:600px) {      
.main_news_wrap									{  padding:60px 5px;   }  
.main_news_wrap .tit_wrap .txt01		{font-size:1.4em;  }	
.main_news_wrap .tit_wrap .txt02		{font-size:1.6em;  }	 
 
.main_news_wrap .tit_wrap .btn		{ bottom:-5px;   }	
.main_news_wrap .tit_wrap .btn a		{ line-height:30px; padding:0 ;width:30px; height:30px; overflow:hidden;text-indent:-99999px;   }
.main_news_wrap .tit_wrap .btn span		{  top:50%; right:0; width:30px;height:30px;    border:0 ;   }	   
.main_news_wrap .tit_wrap .btn span::after		{  top:6px; right:13px; width:7px;height:7px; } 
.main_news_wrap .tit_wrap .btn:hover span		{  right:0; }	
 
}
  
/* main_news_wrap    ================================================================================== */ 
 






/* 배너    ================================================================================== */ 
.main_banner								{position:relative;overflow:hidden; padding:0;  background:url('../img/main/main_bn_bg.jpg') no-repeat center 0;background-size:cover;  transition:all 0.3s ease;}     
.main_banner::after						{position:absolute; content:''; top:0; right:0; width:50%; height:100%; background:url('../img/main/main_bn_img.png') no-repeat right 35% top 50%;  transition:all 0.3s ease;}     
.main_banner .tit							{position:relative;  font-size:2em; line-height:1.4; font-weight: 800;  padding:24vh 0  9vh 0;  color:var(--color1);}  
.main_banner .tit p						{font-size:1.65em;  color:#000;  font-weight:800; padding: 20px 0 0 0;line-height:1.25;}
  
.main_banner ul							{position:relative; display: flex;  gap:20px; transition:all 0.3s ease;}   
.main_banner ul li							{position:relative;top:0;width:210px;  text-align:center;   font-size:1em;font-weight:500;line-height:1.2;  transition:all 0.3s ease;}   
.main_banner ul a							{position:relative; display:block; border:1px solid rgb(0,0,0,0.11);padding:40px 0; border-radius:10px; background:rgb(255,255,255,0.15);  box-shadow:3px 3px 10px 0 rgba(0,0,0,0.1); } 
.main_banner ul li .img				{position:relative;  margin:auto; width:80px;height:80px; opacity:0.6;  transition:all 0.3s ease; }
.main_banner ul li .img img		{width:100%; height:auto;}
.main_banner ul li	.txt					{  color:#000; font-size:1.2em; font-weight:700; padding-top:25px; }
.main_banner ul li:hover				{top:-15px; }
.main_banner ul li:hover .img		{opacity:1;}
 
  

@media screen and (max-width:1560px) {    
.main_banner::after						{ width:40%;  background-position:left 0 top 40%;background-size:120% auto;  }     
}
@media screen and (max-width:1440px) {    
.main_banner								{ padding:0 0 0 30px; }
.main_banner .tit							{  font-size:1.75em; }   
.main_banner .tit p						{font-size:1.6em;} 
.main_banner ul li							{ width:200px; }
}
@media screen and (max-width:1200px) {    
.main_banner ul li							{ width:180px; }
.main_banner ul li .img				{ width:70px;height:70px; }
.main_banner ul li	.txt					{  font-size:1.1em;  padding-top:20px; }
}
@media screen and (max-width:1024px) {    
.main_banner								{padding:6em 30px;}
.main_banner::after						{ width:35%; }     
.main_banner .tit							{ padding:0 0  2em 0;font-size:1.5em; }   
.main_banner .tit p						{font-size:1.45em;} 
.main_banner ul							{ gap:10px; }
.main_banner ul li							{ width:150px; }
.main_banner ul a							{ padding:30px 0;  } 
.main_banner ul li .img				{ width:50px;height:50px; }
}
@media screen and (max-width:800px) {  
.main_banner::after						{ width:30%;  background-position:left 0 top 15%;  background-size:110% auto;}     
.main_banner .tit							{  font-size:1.4em; }   
.main_banner .tit p						{font-size:1.4em;} 
.main_banner ul li							{ width:140px; }
.main_banner ul a							{ padding:25px 0;  } 
 
}
@media screen and (max-width:600px) {   
.main_banner								{padding:5em 25px;}
.main_banner::after						{ display:none; }     
.main_banner .tit							{  font-size:1.3em; }   
.main_banner .tit p						{font-size:1.3em; padding: 15px 0 0 0;} 
.main_banner ul							{ gap:2%; }
.main_banner ul li							{ width:32%; }
 
}
 
  
/* 배너    ================================================================================== */ 




  

 
  

/* main_gallery  ================================================================================== */ 
.main_gallery										{position:relative; padding:0;  align-items: center; background:#f9f9f9; }   
.main_gallery .inner							{position: absolute; max-width:1400px;width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.main_gallery .tit								{position:relative; text-align:center;font-size:1.2em;color:#818181; line-height:1.2;padding:0 0 45px 0; } 
.main_gallery .tit p							{font-size:2.5em;color:#000; font-weight:600;  padding:0 0 15px 0;}
.main_gallery .tit p b							{  font-weight:800;}



.main_gallery .arrow							{position:absolute; top:40%; width:100%; }
.main_gallery .arrow p						{position:absolute; width:60px; height:60px;  border:1px solid rgb(0,0,0,0);  cursor:pointer;  opacity:0.45;background:#fff; border-radius:50%;transition:all 0.3s ease; z-index:111;}
.main_gallery .arrow span				{display:inline-block; border:solid #666; padding:13px;}
.main_gallery .arrow .prev				{left:-70px;}
.main_gallery .arrow .next				{right:-70px;}
.main_gallery .arrow .prev span		{margin:15px 0 0 22px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_gallery .arrow .next span		{margin:15px 0 0 8px;  border-width:2px 2px 0 0; transform:rotate(45deg);}
.main_gallery .arrow p:hover			{opacity:0.9;} 
 
@media screen and (max-width:1560px) {
.main_gallery .arrow p						{border-color: rgb(0,0,0,0.3); }
.main_gallery .arrow span				{ padding:9px;}
.main_gallery .arrow .prev				{left:-20px;}
.main_gallery .arrow .next				{right:-20px;}
.main_gallery .arrow .prev span		{margin:19px 0 0 23px; }
.main_gallery .arrow .next span		{margin:19px 0 0 13px;   }
}


@media screen and (max-width:1450px) {      
.main_gallery									{ padding: 0 15px; } 
.main_gallery .arrow p						{width:50px; height:50px; }
.main_gallery .arrow span				{ padding:7px;}
.main_gallery .arrow .prev				{left:0;}
.main_gallery .arrow .next				{right:0;}
.main_gallery .arrow .prev span		{margin:17px 0 0 20px; }
.main_gallery .arrow .next span		{margin:17px 0 0 13px;   }
.main_gallery .arrow p:hover			{background:#000; } 
.main_gallery .arrow p:hover span	{  border-color:#fff;}
}
 


@media screen and (max-width:1260px) {
	.main_gallery									{padding:60px 0;} 
} 
@media screen and (max-width:1024px) {
	.main_gallery									{padding:80px 5px;}
	.main_gallery .inner						{position: relative;   top: initial; left: initial; transform:initial; } 
	.main_gallery .tit							{font-size:1.1em;padding:0 0 35px 0; }
	.main_gallery .arrow						{ top:35%; }
} 
@media screen and (max-width:800px) {
	.main_gallery									{padding:70px 5px;}
	.main_gallery .tit							{font-size:1.05em;padding:0 0 30px 0; }
.main_gallery .tit p							{   padding:0 0 10px 0;}
} 
@media screen and (max-width:600px) {
	.main_gallery									{padding:60px 5px;} 
	.main_gallery .tit p						{font-size:2.2em;  }
} 
@media screen and (max-width:500px) { 
	.main_gallery .tit							{font-size:1em;padding:0 0 30px 0; }
	.main_gallery .tit p						{font-size:2.1em;    }
} 






/* main_gallery  ================================================================================== */ 

 

 


/* FAMSITE    ================================================================================== */
.famsite									{position:relative; padding:25px 0; border-top:1px solid #e5e5e5; background:#fff;}
.famsite ul								{width:calc(100% - 60px); margin:0 auto; text-align:center}
.famsite ul li							{display:inline-block; line-height:70px; border:1px solid #e5e5e5; margin:0 5px;}
.famsite .arrow p					{position:absolute; top:calc(50% - 15px); width:30px; height:30px; cursor:pointer;}
.famsite .arrow span				{display:inline-block; border:solid #aaa; border-width:0 2px 2px 0;  padding:5px; margin:10px 0 0 10px;}
.famsite .arrow span:hover			{border-color:#555;}
.famsite .prev							{left:7px; transform: rotate(135deg);}
.famsite .next							{right:7px; transform: rotate(-45deg);}
 
@media screen and (max-width:1024px) {   
	.famsite								{padding:20px 0;} 
}
/* FAMSITE    ================================================================================== */