@charset "utf-8"; 
 
@keyframes ani-slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to		    {opacity:1.0; transform: translateY(0);}
}
@keyframes imgScale {
	0%		{transform:scale(1.2)}
	100%	{transform:scale(1)}
}

/* MAIN VISUAL  ================================================================================== */
.main_container								{padding:120px 0 0 0;}
.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:block;  aspect-ratio:20/6.2; }
.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; filter: brightness(0.7); animation:imgScale 3s both; } 
.visual_txt											{position:absolute; text-align:center; width:100%; top:38%;  font-size:2.7em; line-height:1.2;   z-index:100; color:#fff;animation: ani-slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;  } 
.visual_txt .txt01								{font-family: 'Paperlogy';font-weight:600; color:#00ff99; text-shadow: 3px 3px 15px rgba(0,0,0,0.4);transition: var(--transition1);  }
 
.visual_txt .txt02								{font-family: 'Paperlogy';font-weight:700;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4); transition: var(--transition1);  }
.visual_txt .txt03								{font-weight:600; font-size:0.5em;  padding-top:0.45em; line-height:1.3; text-shadow: 3px 3px 10px rgba(0,0,0,0.4); }
 

/* 화살표 css */
.visual_box .btn-prev, .visual_box .btn-next                  { position: absolute; display:block; top: calc(50% - 30px);   cursor: pointer;color:#fff;   width:60px;height:60px;  opacity:0.35;  z-index: 9;  transition: var(--transition-1); font-size:3.6em; display: flex; justify-content:center; align-items:center; }
.visual_box .btn-prev                     { left:20px;  }
.visual_box .btn-next                     {right:20px;  }
.visual_box .btn-prev span, .visual_box .btn-next span {position:absolute; width:40px;height:40px;border:solid #fff; border-width:2px 2px 0 0;   }
.visual_box .btn-prev span            {transform: rotate(-135deg); }
.visual_box .btn-next span            {transform: rotate(45deg); } 
.visual_box .btn-prev:focus,
.visual_box .btn-next:focus,
.visual_box .btn-prev:hover,
.visual_box .btn-next:hover           { opacity:0.8; } 

/* 재생정지 css */
.visual_box .btn-toggle span    {position:relative; display:inline-block; width:30px; height:30px;cursor:pointer;  }
.visual_box .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#aaa; }
.visual_box .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#aaa; }
.visual_box .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #aaa;}

.main_visual_page                                  {position:absolute;  left:50%;  bottom:5px; width:100%; max-width:600px; margin:auto;  z-index:111 ;  transform: translateX(-50%); display:flex;justify-content: center; }
.main_visual_page .pagination                {position:relative; text-align:center;}

.main_visual_page .swiper-pagination-bullets.swiper-pagination-horizontal  { bottom: initial !important; } 
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {   position:relative; width: initial !important;}
.main_visual_page .pagination .swiper-pagination-bullet {position:relative;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 30px));  
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 0);
    background: var(--swiper-pagination-bullet-inactive-color, transparent);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9) ;
}
 
.main_visual_page .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0) !important;
}
 
.main_visual_page .pagination .swiper-pagination-bullet::after  {position:absolute; content:''; left:50%;top:50%; width:10px;height:10px; background:#aaa;border-radius:50px; transform:translate(-50%, -50%);    }
.main_visual_page .pagination .swiper-pagination-bullet-active,
.main_visual_page .pagination .swiper-pagination-bullet:focus, 
.main_visual_page .pagination .swiper-pagination-bullet:hover              {    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) ;}
.main_visual_page .pagination .swiper-pagination-bullet-active::after    { background:var(--point1);}
.main_visual_page .pagination .swiper-pagination-bullet:focus::after,
.main_visual_page .pagination .swiper-pagination-bullet:hover::after    { background:var(--point1);}

.main_visual_page .swiper-pagination                {  padding-top:20px;  }
.main_visual_page .swiper-pagination span       {  background:#888  ;  }
 
.main_visual_page button             { position:relative; top:-2px; color:#aaa;font-size:1.05em; padding:0 3px ; }
.main_visual_page .btn-toggle    {}
.main_visual_page .btn-toggle span    {position:relative; display:inline-block; width:30px; height:30px;cursor:pointer;  }
.main_visual_page .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#aaa; }
.main_visual_page .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#aaa; }
.main_visual_page .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #aaa;}








                
@media screen and (max-width:1700px) {
	.main_visual_item                           { aspect-ratio:17/6;  }  
}
@media screen and (max-width:1400px) {
    .main_visual_item                          { aspect-ratio:10/3.8;  }  
	.visual_txt                                       {  font-size:2.45em; }  
}
@media screen and (max-width:1024px) {
	.main_container							{padding:60px 0 0 0;}  
	.main_visual_item                       { aspect-ratio:10/4.6;  }   
	.visual_txt                                       {  font-size:2.2em; }  
  
    .visual_box .btn-prev                     { left:10px;  }
    .visual_box .btn-next                     {right:10px;  }
 } 
@media screen and (max-width:768px) {
	.main_visual_item                       { aspect-ratio:10/5.3;  }   
	.visual_txt                                       {  font-size:2em; }  
    .visual_txt .txt03							{  font-size:0.55em; } 
}
@media screen and (max-width:600px) {
	.main_visual_item                       { aspect-ratio:10/5.8;  }   
	.visual_txt                                       {  font-size:1.6em; }  
    .visual_txt .txt03							{  font-size:0.6em; } 
}  
@media screen and (max-width:480px) {    
	.visual_txt                                       {  font-size:1.35em; }  
}
 
/* MAIN VISUAL  ================================================================================== */





/* 메인 아이콘 배너    ================================================================================== */
.main_banner										{position:relative;padding: 45px 0;    }  
.main_banner ul									{position:relative; display: grid; grid-template-columns: repeat(6, 1fr);  }  
.main_banner li									    { position:relative;text-align:center;   } 
.main_banner a									    {display:block;}
.main_banner li figure							{position:relative;top:0;width:110px; height:110px; background:#f6f6f6; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; margin:auto;  transition:var(--transition1);} 
.main_banner li figure img					{width:100%; transition:var(--transition1);} 
.main_banner li a p								{display:block;color:#444; font-weight:600;  margin-top:15px;    } 
.main_banner li:hover figure, .main_banner li:focus figure				{transform: translateY(-10px); }
.main_banner li:hover a p, .main_banner li:focus a p					{ color:#000;  } 
 
@media screen and (max-width:1024px) {  
    .main_banner li figure							{ width:100px;height:100px;} 
}
@media screen and (max-width:768px) { 
    .main_banner ul									{ grid-template-columns: repeat(3, 1fr); row-gap:30px; }      
    .main_banner li figure							{ width:90px;height:90px;} 
    .main_banner li a p								{font-size:0.95em;margin-top:10px;  } 
} 
@media screen and (max-width:480px) {  
    .main_banner li figure							{ width:80px;height:80px;} 
    .main_banner li a p								{font-size:0.9em;  } 
}
 
/* 메인 아이콘 배너    ================================================================================== */






/* 메인 뉴스    ================================================================================== */
.main_news										    {position:relative; padding:65px 0; overflow:hidden;  background:#f7f7f7;   }  
.main_news .board							    {position:relative;float:left;width:calc(100% - 490px); }
.main_news .banner							    { position:relative;width:440px; float:right; }
  
.main_news .banner ul					        { position:relative; display:flex; flex-direction: column; gap:15px; }
.main_news .banner ul li					    {position:relative;  } 
.main_news .banner ul a					    { min-height:170px;  padding:20px  35px; background:#2371c3; border-radius:0.7em;  display:flex;justify-content: space-between;   align-items:center; transition:var(--transition1);}
.main_news .banner ul li:first-child a	{background:#189074;}
.main_news .banner ul li .cont           {  }
.main_news .banner ul li .tit				{position:relative;color:#fff;  }
.main_news .banner ul li .tit span		{font-size:0.85em;display:block;letter-spacing:0; color:#fdd575; font-family: 'Paperlogy'; font-weight:500; }
.main_news .banner ul li .tit p			    { position:relative;display:inline-block;font-size:1.3em;font-family: 'Paperlogy'; font-weight:500; padding:0 0 12px 0;}
.main_news .banner ul li .txt				{color:#fff; font-size:0.95em; line-height:1.3; }
.main_news .banner ul li .txt span		{display:block; font-size:0.9em; color:#9ab4cf; }
.main_news .banner ul li .img			    {  position:relative;  right:-5px; width:100px;height:100px; border-radius:50%;  background:rgb(0,0,0,0.15);display:flex; justify-content:center; align-items:center; transition:var(--transition1);} 
.main_news .banner ul a:focus,
.main_news .banner ul a:hover          {  box-shadow:var(--shadow-md);   }  


@media screen and (max-width:1400px) {   
    .main_news								            {  padding:70px 20px;  }  
    .main_news .board							    { width:calc(100% - 440px); }
    .main_news .banner							    {  width:400px;  }
}  
@media screen and (max-width:1024px) { 
    .main_news								            { padding:50px 20px;  }  
    .main_news .board					            {width:100%;   }
    .main_news .banner					            { width:100%;  padding:40px 0 0 0;} 

    .main_news .banner ul				            {width:100%;display:grid;grid-template-columns:repeat(2, 1fr); gap:10px 15px  ;}
    .main_news .banner ul li a			        {font-size:0.95em;  min-height:160px;  padding:20px 30px;  }
    .main_news .banner ul li .img			    { width:90px;height:90px; }
} 
@media screen and (max-width:768px) {  
    .main_news .banner ul						    {grid-template-columns:repeat(1, 1fr); }
    .main_news .banner ul li a					{ font-size:0.9em; padding:20px 25px;  min-height:initial;}   
}  
@media all and (max-width:480px){  
    .main_news .banner ul li a					{ font-size:0.85em;  } 
    .main_news .banner ul li .img			    { width:70px;height:70px; } 
}

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


 
 

/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:70px 0;  }
.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: 'Paperlogy';font-weight:600; 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:var(--transition1);} 
.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:var(--transition1); }
.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:focus,
.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:768px) {
	.main_program									    {padding:40px 10px 60px 10px;}
} 
@media screen and (max-width:580px) {
	.main_program ul li .tit						    {font-size:1.2em; }
	.main_program ul li .txt					    {line-height:130%; }
} 
@media all and (max-width:480px) {
	.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;  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:1560px) {
	.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:768px) {
	.main_gallery .tit							{font-size:1.9em;padding:0 0 35px 0; } 
} 
@media screen and (max-width:480px) {
	.main_gallery .tit							{font-size:1.7em;padding:0 0 30px 0; }
} 
/* main_gallery  ================================================================================== */ 

 
 




/* FAMSITE    ================================================================================== */
.famsite									{position:relative; padding:25px 5px; border-top:1px solid #e5e5e5; background:#fff;}
.famsite .web_size					{padding:0 30px;text-align:center; }
.famsite .swiper-slide			{display:inline-block;  border:1px solid #e5e5e5;  text-align:center; }
.famsite .swiper-slide a        {display:flex;  justify-content:center; align-items:center; width:100%;}
.famsite .swiper-slide img    {max-height:70px; }  
.famsite .btn-prev, .famsite .btn-next      { position: absolute; top:calc(50% - 15px);  width:26px; height:26px;  cursor: pointer; opacity:0.5;  z-index: 110; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; }  
.famsite .btn-prev span, .famsite .btn-next span	 {position:absolute; width:10px;height:10px;border:solid #333; border-width:2px 2px 0 0;  }
.famsite .btn-prev                  { left:0; transform: rotate(-135deg);    }
.famsite .btn-next                  { right:0; transform: rotate(45deg);  }
   
@media screen and (max-width:768px) {   
	.famsite								{padding:20px 5px;} 
}
/* FAMSITE    ================================================================================== */