@charset "utf-8"; 
 
@keyframes slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to		{opacity:1.0; transform: translateY(0);}
}

/* VISUAL  ================================================================================== */
.main_container								{padding: 100px 0 0 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:41%; }
.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; text-align:center; width:100%; top:38%;   z-index:100; color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;} 
.visual_txt .txt01								{font-weight:bold; font-size:1.8em; line-height:1.2; margin:0 0 15px 0; letter-spacing:-2px; color:var(--color3); text-shadow: 3px 3px 5px rgba(0,0,0,0.4); transition:all 0.3s ease;}
.visual_txt .txt02								{font-family: 'S-CoreDream-5Medium'; font-size:3.2em;letter-spacing:-5px; line-height:1.3; text-shadow: 3px 3px 5px rgba(0,0,0,0.4); transition:all 0.3s ease;}
.visual_txt .txt03								{font-weight:500; font-size:1.4em; line-height:1.2;   letter-spacing:-1px; padding-top:20px; line-height:1.45; text-shadow: 3px 3px 5px rgba(0,0,0,0.4); transition:all 0.3s ease;}



@media screen and (max-width:1500px) { 
	.visual_txt .txt01							{font-size:1.5em; margin:0 0 10px 0;  }
	.visual_txt .txt02							{font-size:2.9em; }	
	.visual_txt .txt03							{ font-size:1.3em; padding-top:10px;}
} 
@media screen and (max-width:1200px) {  
	.visual_txt .txt01							{font-size:1.25em; margin:0 0 5px 0;  }
	.visual_txt .txt02							{font-size:2.6em;line-height:1.2;  }	
	.visual_txt .txt03							{ font-size:1.2em; }
} 
@media screen and (max-width:1024px) {
	.main_container							{padding:60px 0 0 0;}  
	.visual_txt .txt01							{font-size:1.15em;   letter-spacing:-1px; }
	.visual_txt .txt02							{font-size:2.4em;line-height:1.2;  }	
	.visual_txt .txt03							{ font-size:1.1em;  font-weight:500; }
 }
 
@media screen and (max-width:800px) {
	.main_visual_item 						{ display:block; height:300px !important; padding-top:initial; }
	.visual_txt										{ top:37%; padding-left:20px; }
	.visual_txt .txt01							{font-size:1.05em;    }
	.visual_txt .txt02							{font-size:2em ; letter-spacing:-4px; }	
	.visual_txt .txt03							{ font-size:1em; display:none;  }
}
@media screen and (max-width:600px) {
	.main_visual_item 						{  height:260px !important;  }
	.visual_txt .txt01							{font-size:0.9em;    }
	.visual_txt .txt02							{font-size:1.7em ;  letter-spacing:-3px; }	
	.main_visual .arrow span				{   padding:4px;  }
 
}
@media screen and (max-width:480px) { 
	.visual_txt .txt01							{font-size:0.85em;    }
	.visual_txt .txt02							{font-size:1.55em ;  }	
}
   
/* MAIN_CONT  ================================================================================== */





/* 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.85em;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;  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								{position:relative; padding:50px 0  ; overflow:hidden; background:var(--color1); transition:all 0.3s ease;}   
.main_banner ul							{position:relative; display:grid; grid-template-columns: repeat(6, 1fr);  transition:all 0.3s ease;}   
.main_banner ul a							{position:relative; display:block; color:#fff;} 
.main_banner ul li							{position:relative; text-align:center; color:#fff; font-size:1.05em;font-weight:500;line-height:1.2; animation: fadeUp 0.6s ease-in-out; animation-fill-mode:forwards; opacity:0 ;}
.main_banner ul li .img				{position:relative; top:0; margin:auto; width:120px;height:120px; border-radius:15px; background:#d2def0; margin-bottom:15px;  transition:all 0.3s ease;}  
.main_banner ul li .img .icon		{}
.main_banner ul li:hover .img .icon				{animation: quick_circle 0.6s linear alternate;transition:1s 1s;} 
 
@media screen and (max-width:1024px) { 
.main_banner								{padding:40px 0 ;  } 
.main_banner ul li .img				{ width:100px;height:100px; border-radius:10px; }
.main_banner ul li							{  font-size:1em;   }
}
@media screen and (max-width:820px) {  
.main_banner ul							{  grid-template-columns: repeat(3, 1fr); row-gap:30px; } 
.main_banner ul li .img				{ width:80px;height:80px;   }
.main_banner ul li							{  font-size:0.95em;   }
}
@media screen and (max-width:60px) {  
.main_banner ul li .img				{ width:70px;height:70px;   }
.main_banner ul li							{ font-size:0.9em;   }
}
 
/* 배너    ================================================================================== */ 




 

/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:70px 0; background:url('../img/main/main_program_bg.png') no-repeat center 50% ; }
.main_program .web_size					{display: grid; grid-template-columns: 340px auto;  }
.main_program .txt_wrap					{position:relative; padding:0 0 0 15px;}
.main_program .tit								{position:relative; font-size:1.15em;color:var(--color1);  line-height:1.4; font-weight: 500; padding:15px 0 40px 0; } 
.main_program .tit span						{font-weight: 500; }
.main_program .tit p								{font-size:2.9rem;color:var(--color1);  font-family: 'GmarketSansMedium'; padding:0 0 20px 0;}
.main_program ul									{position:relative;display:flex; } 
.main_program ul li								{position:relative;overflow:hidden; width:33%; background:#fff; border-radius:20px; margin:15px;box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.2);transition:all 0.3s ease;} 
.main_program ul li .tag							{position:absolute;left:0;top:0;min-width:70px;background:#a0a0a0; line-height:46px; padding:0 13px; color:#fff; font-size:0.9em; border-radius:20px 0 20px 0; }
.main_program ul li .tag.ing					{background:#ff577e !important;}
.main_program ul li .img  						{height:330px; overflow:hidden; }
.main_program ul li .img img					{width:100%;}
.main_program ul li .cont							{position:relative;padding:20px 15px;text-align:center; }
.main_program ul li .txt01						{position:relative; font-size:1.15em;font-weight:600;color:#000;  }
.main_program ul li .txt02						{font-size:0.95em;  color:#666; padding:10px 0; }
 
 
.main_program .arrow								{position:relative; width:100%;   z-index:9; }
.main_program .arrow p							{position:absolute; width:60px; height:60px;background:rgb(255,255,255,0.4); border:1px solid #b2c4e0; border-radius:50px;cursor:pointer;  transition:all 0.3s ease; }
.main_program .arrow span					{display:inline-block; border:solid var(--color1); padding:6px;}
.main_program .arrow .prev					{left:0;}
.main_program .arrow .prev span			{margin:23px 0 0 26px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_program .arrow .next					{left:90px;}
.main_program .arrow .next span			{margin:23px 0 0 20px;border-width:2px 2px 0 0; transform:rotate(45deg);} 
.main_program .arrow p:hover				{ border:1px solid #7797c7; }


@media screen and (max-width:1400px) {
.main_program										{  padding:60px 10px; }  
.main_program .web_size					{display: grid; grid-template-columns: 320px auto;  }
.main_program .tit								{ font-size:1.1em;    } 
.main_program .tit p								{font-size:2.7rem;  }
}

 
@media screen and (max-width:1024px) {
.main_program										{  padding:50px 10px; }  
.main_program .web_size					{display: grid; grid-template-columns: 1fr;  }
.main_program .tit								{text-align:center; font-size:1.05em;  padding:15px 0 35px 0; } 
.main_program .tit br							{display:none;}
.main_program .tit span						{display: block; }
.main_program .tit p								{font-size:2.5rem; padding:0 0 15px 0;}
  
.main_program .arrow							{position:absolute; left:0;top:210%; }
.main_program .arrow .next				{left:initial;right:0;}
}
@media screen and (max-width:820px) {
	.main_program									{padding:40px 10px 60px 10px;}
} 
@media screen and (max-width:600px) {
	.main_program ul li .tit						{font-size:1.2em; }
	.main_program ul li .txt					{line-height:130%; }
} 
@media all and (max-width:520px) {
	.main_program ul li .tit						{font-size:1em;padding:0 0 0 0; }
	.main_program ul li .txt					{display:none; }
} 
/* main_program  ================================================================================== */ 


 

 
  

/* main_gallery  ================================================================================== */ 
.main_gallery										{position:relative; padding:70px 0; background:#f9f9f9;overflow:hidden;}
.main_gallery .tit								{position:relative; text-align:center;font-size:1.15em;color:#000; letter-spacing:-1px;line-height:1.2;padding:0 0 45px 0; } 
.main_gallery .tit p							{font-size:2.2rem;color:#000; font-weight:700; letter-spacing:-1.5px;padding:0 0 15px 0;}
 
@media screen and (max-width:1260px) {
	.main_gallery									{padding:60px 0;}
} 
@media screen and (max-width:1024px) {
	.main_gallery									{padding:50px 0;}
	.main_gallery .tit							{font-size:2em;padding:0 0 40px 0; }
} 
@media screen and (max-width:820px) {
	.main_gallery .tit							{font-size:1.9em;padding:0 0 35px 0; } 
} 
@media screen and (max-width:600px) {
	.main_gallery .tit							{font-size:1.7em;padding:0 0 30px 0; }
} 
/* main_gallery  ================================================================================== */ 

 

.cont04										{position:relative;  overflow:hidden; display: flex; align-items: stretch;  width: 100%; margin: 0 auto;}
.cont04 > a									{  height: 320px ;color: #fff;  cursor: pointer;  position: relative; overflow: hidden; display: flex;  align-items: center; justify-content: center; flex-direction: column;} 
.cont04 a:hover .notice_bg			{ transform: scale(1.1);} 
.cont04 .inbox1							{position:relative; overflow:hidden;width:50%;padding:90px 0px;text-align:center;}
.cont04 .inbox2							{position:relative; overflow:hidden;width:50%;padding:90px 0px;text-align:center;}
.cont04 .leftarea						{display: inline-block;width:100%;max-width:700px;text-align:center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cont04 .rightarea						{display: inline-block;width:100%;max-width:700px;text-align:center;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cont04 .leftarea .notice_bg			{ background:url('../img/main/04_01.jpg')no-repeat center;background-size: cover;}
.cont04 .rightarea .notice_bg			{ background:url('../img/main/04_02.jpg')no-repeat center;background-size: cover;} 
.cont04 .notice_bg							{  position: absolute;  top:0;  left:0;  width: 100%;  height: 100%;  background-size: cover;  transition: all ease 1.5s;  z-index: 1;} 
.cont04 .notice_tit								{  font-size: 2.2em;    font-weight: 800; color:#fff; margin-bottom: 20px;  line-height: 1;  position: relative;  z-index: 2;}
.cont04 .notice_txt							{  font-size: 1.1em;  margin-bottom: 35px;  color: #eeeeee;  position: relative;  z-index: 2;}
.cont04 .notice_btn						{  margin: 0 auto; padding:0 40px 0 20px;color:#fff; line-height:33px;display: inline-block;  border:1px solid #fff;cursor: pointer;  position: relative;  z-index: 2; opacity:.5;}
.cont04 .notice_btn:after				{content:''; position:absolute; top:35%; right:12px; border:solid #fff; border-width:1px 1px 0 0;  padding:4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.cont04 a:hover .notice_btn			{opacity:.9;}

 
 


/* 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;}
 
}