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

/* VISUAL  ================================================================================== */
.main_container								{padding: 130px 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:34%; }
.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0;  filter: brightness(0.64);  animation:imgScale 3s both; } 
.visual_txt											{position:absolute; text-align:center; width:100%; top:34.5%;   z-index:100; color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;} 
.visual_txt::before                             {position:absolute; content:''; left:50%; top:-55%;width:1px; height:var(--70px);background:#fff;  }
.visual_txt .txt01								{font-family: 'Paperlogy';font-weight:600; font-size:var(--20px); line-height:1.2;  color:#fff; letter-spacing:0;  text-shadow: 3px 3px 15px rgba(0,0,0,0.5); transition:all 0.3s ease; margin-top:10px; }
.visual_txt .txt01 span                      {color:#ccc; font-family: 'Paperlogy';font-weight:600;letter-spacing:0; }
.visual_txt .txt02								{font-family: 'Paperlogy';font-weight:400; font-size:var(--54px);  line-height:1.2; text-shadow: 3px 3px 15px rgba(0,0,0,0.5); transition:all 0.3s ease;}
.visual_txt .txt03								{font-family: 'Paperlogy';font-weight:600; font-size:var(--54px); line-height:1.2;   text-shadow: 3px 3px 15px rgba(0,0,0,0.5); transition:all 0.3s ease;}
.visual_txt .txt03 span                      {color:#ffd200; font-family: 'Paperlogy';font-weight:700;  }


@media screen and (max-width:1360px) {
    .main_visual_item 							{ padding-top:38%; }
    .visual_txt::before                             {  top:-53%;  height:var(--74px); }
    .visual_txt .txt01								{  font-size:var(--24px);    }
    .visual_txt .txt02,
    .visual_txt .txt03								{ font-size:var(--65px); }
}
@media screen and (max-width:1200px) {
    .main_visual_item 							{ padding-top:40%; }
    .visual_txt::before                             {  top:-50%;  height:var(--76px); }
    .visual_txt .txt01								{  font-size:var(--25px);   }
    .visual_txt .txt02,
    .visual_txt .txt03								{ font-size:var(--69px); }
} 
@media screen and (max-width:1024px) {
	.main_container							    {padding:60px 0 0 0;}  
    .main_visual_item 							{ padding-top:60%; }  
    .visual_txt::before                             {   height:var(--85px); }
    .visual_txt											{  top:30%; }
    .visual_txt .txt01								{  font-size:var(--31px);   }
    .visual_txt .txt02,
    .visual_txt .txt03								{ font-size:var(--84px); }
 } 
@media screen and (max-width:768px) {  
    .main_visual_item 							{ padding-top:50%; }
    .visual_txt											{  top:37%; }
    .visual_txt .txt01								{  font-size:var(--33px);   }
    .visual_txt .txt02,
    .visual_txt .txt03								{ font-size:var(--90px); }
}
@media screen and (max-width:580px) { 
    .main_visual_item 							{ padding-top:55%; } 
    .visual_txt											{  top:43%; }
    .visual_txt::before                             { top:-70%;  height:var(--110px); }
    .visual_txt .txt01								{ display:none; }
    .visual_txt .txt02,
    .visual_txt .txt03								{ font-size:var(--90px); }
}
 
   
/* MAIN_CONT  ================================================================================== */



/* 배너    ================================================================================== */ 
.main_banner								{position:relative;top:-100px;  border-top:1px solid rgb(255,255,255,0.15); overflow:hidden; backdrop-filter: blur(10px);   -webkit-backdrop-filter: blur(10px);  transition:all 0.3s ease; z-index:111;}   
.main_banner ul							{position:relative; display:flex; border-left:1px solid rgb(255,255,255,0.15); transition:all 0.3s ease;}   
.main_banner ul li							{position:relative;flex:1; height:100px; text-align:center;  border-right:1px solid rgb(255,255,255,0.15); display: flex; flex-direction: column; justify-content:center;  transition:all 0.3s ease; }   
.main_banner ul a							{position:relative;height:100%;display:flex;gap:5px; align-items:center; transition:all 0.3s ease; }   
.main_banner ul a::after              {position:absolute; content:''; right:15px; top:50%; width:13px; height:13px; background:url('../img/main/arrow01.png') no-repeat ; background-size:cover; transform: translateY(-50%); z-index:2; }
.main_banner ul li .img				{position:relative;  margin-left:15px; z-index:11;  filter: brightness(0) invert(1);  transition:all 0.3s ease;}  
.main_banner ul li .img img        {width:100%; }
.main_banner ul li .txt				    { color:#fff; font-size:0.95em;font-family: 'Paperlogy';font-weight:600;line-height:1.2; z-index:11;  transition:all 0.3s ease;}   
.main_banner ul a::before                  {position:absolute; content:''; bottom:0; left:0;width:100%; height:0;  background:var(--color1); transition:all 0.3s ease;  }   
.main_banner ul a:hover::before       {  height:100%;  }
 

@media screen and (max-width:1400px) {  
    .main_banner								{ top:-90px;  }
    .main_banner ul                            {  border-left:0;  }
    .main_banner ul li							{ height:90px; }
    .main_banner ul li .img				{ margin-left:12px;  }  
    .main_banner ul a::after              {  right:10px;   }
}
@media screen and (max-width:1300px) {  
    .main_banner ul a::after              {display:none;  }
}
@media screen and (max-width:1200px) {  
    .main_banner								{ top:-80px;  }
    .main_banner ul li							{ height:80px; }
    .main_banner ul a							{ gap:0;  }   
    .main_banner ul li .img				{ width:50px; margin-left:10px; margin-top:4px; }   
    .main_banner ul a::after              { width:12px; height:12px; right:12px;   }
    .main_banner ul li .txt				    {  font-size:0.9em;}
}

@media screen and (max-width:1024px) {  
    .main_banner								{ top:-120px;    }
    .main_banner ul                            {flex-flow:wrap;   }
    .main_banner ul li							{ height:60px; min-width:33.333%; border-bottom:1px solid rgb(255,255,255,0.15);  }  
    .main_banner ul a							{ gap:10px;  }   
    .main_banner ul li .img				{    margin-left:15px;   }   
    .main_banner ul a::after              {display:block;  }
}
@media screen and (max-width:768px) {   
    .main_banner								{ top:0;  border-top:0;   }
    .main_banner ul                            { background:#1f2834; }
    .main_banner ul li							{   min-width:50%; } 
}
@media screen and (max-width:480px) {   
    .main_banner ul a							{ gap:5px; }
    .main_banner ul li .img				{ width:45px; margin-left:10px;  }   
    .main_banner ul a::after              {display:none;}
}
/*

@media screen and (max-width:1024px) {  
    .main_banner								{ top:0;  border-top:0;   }
    .main_banner ul                            {flex-flow:wrap;   background:#1f2834; }
    .main_banner ul li							{ height:60px; min-width:33.333%; border-bottom:1px solid rgb(255,255,255,0.15);  }  
    .main_banner ul li .img				{    margin-left:15px;   }   
}
@media screen and (max-width:768px) {   
    .main_banner ul li							{   min-width:50%; } 
}
@media screen and (max-width:480px) {   
    .main_banner ul a							{ gap:5px; }
    .main_banner ul li .img				{ width:45px; margin-left:10px;  }   
    .main_banner ul a::after              {display:none;}
}
*/
 
/* 배너    ================================================================================== */ 





/* main_news_wrap    ================================================================================== */ 
.main_news_wrap									{position:relative; max-width:1420px; margin-top:-30px; padding:0 0 70px 0;  display: flex;  justify-content: space-between;   } 
.main_news_wrap .item01					{position:relative;width:calc(50% - 50px);  padding-left:10px; }
.main_news_wrap .item02					{position:relative;width:50%;display: flex; flex-direction: column;gap:10px;}
   
@media screen and (max-width:1400px) {  
	.main_news_wrap								    { padding:0 10px 70px 20px;   } 
    .main_news_wrap .item01					{ width:calc(50% - 20px); padding-left:0;} 
}  
@media screen and (max-width:1024px) {     
	.main_news_wrap								{ padding:0 10px 60px 10px;  margin-top:-80px; } 
	.main_news_wrap								{   align-items:center;flex-direction: column;gap:40px;   } 
	.main_news_wrap .item01				{ width:100%; padding:0 10px; }
	.main_news_wrap .item02				{ width:100%;    }  
} 
@media screen and (max-width:768px) {    
	.main_news_wrap										{padding:40px 10px 50px 10px; margin-top:0; }   
}
 

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




 
/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:70px 0; background:#f5fafc ; } 
.main_program .tit								{position:relative;  color:#4c4d4d;  line-height:1.4; font-weight: 500; padding:0 0 30px 20px; }  
.main_program .tit p								{font-size:2.25em;color:#2c2c2c; font-family: 'Paperlogy';font-weight:600; padding:0 0 5px 0;}
.main_program .tit .more                    { position:absolute; right:10px;  top:18px; }
.main_program .tit .more a						{display:block;  cursor:pointer;  padding-right:45px;   font-size:0.95em; font-weight:500;color:#717171;  }
.main_program .tit .more span				{position:absolute ; right:0; top:-5px; text-align:center; display:block; width:31px;height:31px; line-height:32px; border:1px solid #d3d3d4; border-radius:50px; opacity:0.8; background:#fff; background-size:cover;  transition:all 0.3s ease;}   
.main_program .tit .more:hover a           { opacity:1;} 
.main_program .tit .more:hover span     {right:-5px;}
 
.main_program ul									{position:relative;} 
.main_program ul li								{position:relative;overflow:hidden; background:#fff; border:1px solid #ddd; border-radius:0.7em; margin:15px;box-shadow: 2px 2px 13px 0 rgba(0,0,0,0.12);transition:all 0.3s ease;} 
.main_program ul li .tag							{position:absolute;left:0;bottom:0;min-width:70px;background:#a0a0a0; line-height:30px; padding:0 10px; color:#fff; font-size:0.9em;  text-align:center; z-index:1;}
.main_program ul li .tag.ing					{background:#ff577e !important;}
.main_program ul li .img  						{position:relative; aspect-ratio:32/22; overflow:hidden;transition:all 0.3s ease;}   
.main_program ul li .img img					{width:100%; transition:all 0.3s ease;}   
.main_program ul li:hover .img img					{transform: scale(1.07);}
.main_program ul li .cont							{position:relative;padding:20px  ;  }
.main_program ul li .txt01						{position:relative; font-size:1.05em;font-weight:600;color:#000; line-height:1.3; overflow:hidden;  text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; word-wrap: break-word; }
.main_program ul li .txt02						{position:relative;  font-size:0.9em;  color:#6a6a6a; padding:8px 0 5px 12px ;font-weight:500; line-height:1.2;  }
.main_program ul li .txt02::before			{position:absolute; content:''; left:1px; top:14px; height:3px; width:3px; background:#666; border-radius:5px; }
 
 
 .main_program .nolist                            {border:0 !important; }

.main_program .arrow								{position:absolute; top:54%; width:100%; z-index:11; }
.main_program .arrow p							{position:absolute; width:60px; height:60px;background:#fff; border:1px solid #bdbdbd; border-radius:50px;cursor:pointer;  opacity:0.5; transition:all 0.3s ease; }
.main_program .arrow span					{display:inline-block; border:solid #555; padding:7px;}
.main_program .arrow .prev					{left:-70px;}
.main_program .arrow .prev span			{margin:21px 0 0 25px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_program .arrow .next					{right:-70px;}
.main_program .arrow .next span			{margin:21px 0 0 17px;border-width:2px 2px 0 0; transform:rotate(45deg);} 
.main_program .arrow p:hover				{opacity:1; }


 
.program_list_dots								{z-index:1; margin:20px 0 0 0;text-align:center;}
.program_list_dots li							    {display:inline-block; cursor:pointer;}
.program_list_dots li span					{display:inline-block; content:''; width:10px; height:10px; border-radius:50%; margin:0 5px; background:#000; opacity:0.25;}
.program_list_dots li:hover span, .program_list_dots .slick-active span	{opacity:0.6;}

 
@media screen and (max-width:1580px) {
.main_program .arrow .prev					{left:-20px;}
.main_program .arrow .next					{right:-20px;}
}
@media screen and (max-width:1500px) {
.main_program .arrow .prev					{left:0;}
.main_program .arrow .next					{right:0;}
} 
@media screen and (max-width:1400px) {
.main_program										{  padding:60px 5px; }   
.main_program .tit p								{font-size:2.1em; }
} 
@media screen and (max-width:1024px) {
.main_program										{  padding:50px 5px; }  
.main_program .tit								{ padding:0 0 20px 18px; }  
.main_program .tit p								{font-size:1.9em; }
   

.main_program .tit .more                    {  top:10px; }
.main_program .tit .more a						{  padding-right:40px;  }
.main_program .tit .more span				{  width:29px; height:29px;  }   

.main_program .arrow p							{ width:50px; height:50px;  }
.main_program .arrow span					{  padding:6px;} 
.main_program .arrow .prev span			{margin:17px 0 0 20px;  } 
.main_program .arrow .next span			{margin:17px 0 0 15px; }  
}
@media screen and (max-width:768px) {
.main_program .tit p								{font-size:1.8em; }
} 
@media screen and (max-width:580px) {
.main_program .tit  								{font-size:0.95em; }
.main_program .tit p								{font-size:1.75em; }
} 
 
 
/* 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;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  ================================================================================== */ 

 
 
 


/* FAMSITE    ================================================================================== */
.famsite									{position:relative; padding:25px 0; border-top:1px solid #e5e5e5; background:#fff;}
.famsite ul								{width:calc(100% - 80px); margin:0 auto; text-align:center}
.famsite ul li							{display:inline-block; line-height:60px; border:1px solid #e5e5e5; margin:0 5px; text-align:center; }
.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    ================================================================================== */