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

 
/* VISUAL  ================================================================================== */
.main_container								{padding: 125px 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;  background:url('../img/main/main_bg.jpg') no-repeat center 0  / cover;  }  
.main_visual .web_size					    { padding:70px 0 140px 0; display:flex;   gap:5em; z-index:1; }
.main_visual .inner           				    { position:relative;width:700px;  aspect-ratio:7/4.5;  }
.main_visual .box					        	{position:relative; width:700px;  aspect-ratio:7/4.5;  border-radius:80px 80px 0 80px; overflow:hidden; box-shadow:5px 10px 20px 0 rgba(0,0,0,0.20); }
.main_visual .box .bxslider				{position:relative; width:100%;  } 
.main_visual .box .bxslider li img   {width:100%; height:100%; object-fit:cover; }
 
.main_visual_item 							{  /* display:table; height:0 !important; padding-top:30.5%; */ } 
.main_visual .bg 								{  /*overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; */ } 
.visual_txt											{position:relative;padding-top:5%;   color:#000;   z-index:100; animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;} 
.visual_txt .txt01								{font-family:'S-Core Dream';font-weight:600;  font-size:3.1em; line-height:1.2; letter-spacing:-3px;  transition:all 0.4s ease;}
.visual_txt .txt02								{font-family:'S-Core Dream';font-weight:700; font-size:3.25em;color:var(--color1); line-height:1.2; letter-spacing:-3.5px;  transition:all 0.4s ease;}
.visual_txt .txt03								{ font-size:1.4em; font-weight:600; line-height:1.2;   padding-bottom:0.5em; line-height:1.3; transition:all 0.4s ease;}
 

/* 화살표 css   */
.main_visual .arrow          { position:absolute; width:100%;  aspect-ratio:7/4.5; }
.bx-arrow                           { position: absolute; top: calc(50% - 25px);   cursor: pointer;    opacity:0.35;  z-index: 99;  transition:all 0.3s ease; }
#bx_prev                            { left: -25px; }
#bx_next                            { right: 25px; }
.bx-arrow:hover                {opacity:0.8; }

.bx-arrow span					{position:absolute; width:50px; height:50px;  border:1px solid rgb(0,0,0,0.35); background:#fff; cursor:pointer; border-radius:50%; }
#bx_prev span::after         {position:absolute; content:''; top:calc(50% - 6px); left:20px; width:12px;height:12px;border:solid #111; border-width:2px 2px 0 0;  transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  }
#bx_next span::after         {position:absolute; content:''; top:calc(50% - 6px); left:16px;  width:12px;height:12px;border:solid #111; border-width:2px 2px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg);  } 
/* 화살표 css   */

 
@media screen and (max-width:1460px) { 
    .main_visual .box					        	{margin-left:25px; }  
    .main_visual .web_size					    {   gap:3.4em;}
    .visual_txt .txt01								{  font-size:2.8em; }
    .visual_txt .txt02								{ font-size:2.95em;  }
    .visual_txt .txt03								{ font-size:1.3em; }
    #bx_prev                                            { left: 0; }
    #bx_next                                            { right: 0; }
}
@media screen and (max-width:1260px) {   
    .main_visual .web_size					    {padding:70px 0 120px 0;  gap:3em;}
    .main_visual .inner					        { width:600px;   }
    .main_visual .box					        	{   width:600px;  border-radius:70px 70px 0 70px;  } 
    .visual_txt .txt01								{  font-size:2.5em; letter-spacing:-3px; }
    .visual_txt .txt02								{ font-size:2.7em;  letter-spacing:-3.5px; }
    .visual_txt .txt03								{ font-size:1.25em; }
 
    .bx-arrow span					                { width:40px; height:40px; } 
    #bx_prev                                            { left: 10px; }
    #bx_next                                            { right: 0px; }
    #bx_prev span::after                         {  top:calc(50% - 5px); left:15px; width:10px;height:10px;   }
    #bx_next span::after                         {  top:calc(50% - 5px); left:12px;  width:10px;height:10px; } 

}
@media screen and (max-width:1100px) {  
    .main_visual .web_size					        {   gap:2.7em;}
    .main_visual .inner					        { width:550px;   }
    .main_visual .box					        	{   width:550px;  border-radius:60px 60px 0 60px;  }  
    .visual_txt .txt01								{  font-size:2.3em; letter-spacing:-2.5px; }
    .visual_txt .txt02								{ font-size:2.5em;  letter-spacing:-3px; }
    .visual_txt .txt03								{ font-size:1.2em;padding-bottom:0.25em; }
}

@media screen and (max-width:1024px) {
    .main_container								{padding:60px 0 0 0; }
    .main_visual .web_size					    {display:block;height:auto;padding:50px  30px;display: grid; grid-template-columns:repeat(1, 1fr); gap:30px;   } 
    .main_visual .inner					        { width:100%;   }
    .main_visual .box					        	{margin-left:0;  width:100%; order:2;  } 
    .visual_txt	                                        {text-align:center;  order:1; padding-top:0;   }  
    .visual_txt .txt01 br                           {display:none; }  
    .visual_txt .txt01								{  font-size:2em;padding-bottom:3px; }
    .visual_txt .txt02								{ font-size:2.55em;    }
 
    #bx_prev                                            { left: -15px; }
    #bx_next                                            { right: 25px; }  
 } 
 
@media screen and (max-width:768px) {  
    .main_visual .box					    {  border-radius:50px 50px 0 50px; box-shadow:5px 10px 15px 0 rgba(0,0,0,0.15); }
    .visual_txt .txt01								{  font-size:1.8em; letter-spacing:-2px; }
    .visual_txt .txt02								{ font-size:2.3em;  letter-spacing:-2px; }
    .visual_txt .txt03								{ font-size:1.15em; } 
}
@media screen and (max-width:580px) { 
	.main_visual .web_size				{ padding:35px 20px ;}   
    .main_visual .box					    {  border-radius:40px 40px 0 40px;  }
    .visual_txt .txt01								{  font-size:1.5em;  }
    .visual_txt .txt02								{ font-size:1.95em;  letter-spacing:-2px; }
    .visual_txt .txt03								{ font-size:1.05em; }
 
    .bx-arrow span					                { width:36px; height:36px; }  
    #bx_next                                            { right: 20px; }
    #bx_prev span::after                         {  left:13px;  }
    #bx_next span::after                         {   left:11px;   } 
}
@media screen and (max-width:400px) { 
    .main_visual .box					    {  border-radius:30px 30px 0 30px;  }
}
  
/* MAIN_CONT  ================================================================================== */





/* 배너    ================================================================================== */ 
.main_banner								{position:relative; width:100%; padding:0 0 80px 0;   transition:all 0.3s ease;}   
.main_banner .web_size              {position:absolute; top:-75px; left:50%; width:100%; height:150px;  display: flex; flex-direction: column; justify-content:center; align-items:center;  border-radius:150px;   box-shadow:5px 5px 20px 0 rgba(0,0,0,0.12); background:#fff;   transform: translateX(-50%); z-index:11;}
.main_banner ul							{ width:100%; max-width:1200px; display:grid; grid-template-columns: repeat(6, 1fr);  transition:all 0.3s ease;}
.main_banner ul li							{position:relative;  text-align:center; }
.main_banner ul a							{position:relative; display:block;  } 
.main_banner ul li	+ li a::before                  {position:absolute;  content:''; left:0; top:15%; height:70%; width:1px; border-left:1px dashed #cde2e0; }
.main_banner ul li figure			    	{position:relative; margin:auto;  width:70px; height:70px; transform: rotateY(0deg); transition: .4s;} 
.main_banner ul li .txt      		    	{padding:5px  0 ;  color:#333;  font-weight:600;  }  
.main_banner ul li:hover figure       {  transform: rotateY(180deg);} 


@media screen and (max-width:1460px) {  
    .main_banner .web_size              { width:calc(100% - 40px); padding:0 40px;} 
} 
@media screen and (max-width:1024px) {  
    .main_banner								{  padding:25px 0  ;  border-bottom:1px solid #e5e5e5; }   
    .main_banner .web_size              { position:relative;  top:0;height:initial; padding:0;width:100%; padding:0; box-shadow:initial; border-radius:0; } 
    .main_banner ul li figure			    	{ width:65px;height:65px;   }  
}
@media screen and (max-width:768px) {    
    .main_banner ul							{ grid-template-columns: repeat(3, 1fr); gap:20px 0; }
    .main_banner ul li figure			    	{ width:60px;height:60px;   }  
    .main_banner ul li .txt      		    	{  font-size:0.95em;   }
}
@media screen and (max-width:580px) {    
    .main_banner								{  padding:20px 0  ; }
}
 
 
/* 배너    ================================================================================== */ 





/* main_news_wrap    ================================================================================== */ 
.main_news_wrap									{position:relative; padding:65px 0;  display: flex;  justify-content: space-between; border-bottom:1px solid #e3e3e3;  } 
.main_news_wrap .item01					{position:relative;width:calc(50% - 20px); }
.main_news_wrap .item02					{position:relative;width:calc(50% - 30px); display: grid; grid-template-columns:repeat(2, 1fr); gap:20px;  overflow:hidden; }

.main_news_wrap .item02 .bn_box                  { display: grid; grid-template-columns:repeat(2, 1fr);gap:20px;  } 
.main_news_wrap .item02 .bn_box li               { text-align:center;  border-radius:20px; overflow:hidden;  background:#07a3a9; padding-top:15px; transition:all 0.3s ease;}
.main_news_wrap .item02 .bn_box li a            {display:block; height:100%;color:#fff ; font-size:0.9em; line-height:1.2em; } 
.main_news_wrap .item02 .bn_box li figure    { position:relative; top:0; transition:all 0.3s ease;}
.main_news_wrap .item02 .bn_box li:nth-child(2)  {  background:#3791eb;}
.main_news_wrap .item02 .bn_box li:nth-child(3)  {  background:#305fd3;}
.main_news_wrap .item02 .bn_box li:hover figure              {top:-8px; }

.main_news_wrap .item02 .pay_box                 {border-radius:20px; background:#5558ff; overflow:hidden; } 
.main_news_wrap .item02 .pay_box .tit            {background:#4446cc; font-size:1.25em;color:#fff; line-height:65px;padding:0 0 0 28px; font-weight:500  ;font-family:'S-Core Dream'; letter-spacing:-1px; }
.main_news_wrap .item02 .pay_box .tit b        {font-weight:600; font-size:1.1em; }
.main_news_wrap .item02 .pay_box dl            { display: flex; flex-flow:wrap;justify-content: space-between;  padding:18px 25px;color:#fff; } 
.main_news_wrap .item02 .pay_box dl + dl     {border-top:1px solid rgb(255,255,255,0.2); }
.main_news_wrap .item02 .pay_box dt            {width:60px; display: flex; flex-direction: column; justify-content:center; align-items:center;   } 
.main_news_wrap .item02 .pay_box dt p         {color:var(--color1);font-size:0.9em;font-weight:500; text-align:center; display:inline-block; width:100%; line-height:30px;background:#fff; border-radius:50px;   } 
.main_news_wrap .item02 .pay_box dd           {text-align:right;font-size:1.1em;font-weight:600;  } 
.main_news_wrap .item02 .pay_box dd b        { font-size:1.1em;   } 
.main_news_wrap .item02 .pay_box .bf           {font-size:1.2em; }
.main_news_wrap .item02 .pay_box .bf b        {font-size:1.55em; }
.main_news_wrap .item02 .pay_box dd span          { display:block;font-size:0.75rem; } 

 
@media screen and (max-width:1460px) {  
	.main_news_wrap								{ padding:60px 20px;   } 
    .main_news_wrap .item01					{ width:550px; }
    .main_news_wrap .item02					{ width:calc(100% - 580px); }
} 
@media screen and (max-width:1260px) {    
    .main_news_wrap									{ flex-direction: column; gap:40px;}
    .main_news_wrap .item01					{ width:100%;}
    .main_news_wrap .item02					{ width:100%;  }
}
@media screen and (max-width:1024px) {    
	.main_news_wrap								{ padding:40px   20px;   }  
    .main_news_wrap .item02 .bn_box li img       {width:70px;}
    .main_news_wrap .item02 .pay_box .tit            {  font-size:1.2em;line-height:60px;}
    .main_news_wrap .item02 .pay_box .bf           {font-size:1.15em; }  
    .main_news_wrap .item02 .pay_box .bf b        {font-size:1.5em; }
} 
@media screen and (max-width:768px) {     
    .main_news_wrap .item02					    { grid-template-columns:repeat(1, 1fr);gap:16px;  }  
    .main_news_wrap .item02 .bn_box                  {    grid-template-columns:repeat(4, 1fr);    gap:16px; } 
    .main_news_wrap .item02 .bn_box li               { border-radius:15px; padding:15px 0 20px 0;}
    .main_news_wrap .item02 .bn_box li img       {width:60px;}
    .main_news_wrap .item02 .pay_box .tit            {  line-height:55px;}

    .main_news_wrap .item02 .pay_box                 {border-radius:15px; }
}
@media screen and (max-width:580px) {   
    .main_news_wrap .item02 .bn_box                  {    grid-template-columns:repeat(2, 1fr);     gap:10px; } 
    .main_news_wrap .item02 .bn_box li               {   padding:13px 0 15px 0;}  
}
 

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

 
  

/* main_gallery  ================================================================================== */ 
.main_gallery										{position:relative; background:url('../img/main/main_gallery_bg.png') no-repeat center 0  ;  }  
.main_gallery .web_size2					{  padding:60px 0;   }
.main_gallery .tit								{position:relative;  font-size:1.1em;color:#5b5b5b;  line-height:1.2;padding:0 0 30px 20px;  font-weight:500  ;}
.main_gallery .tit p							{font-size:1.9em;color:#000; padding:0 0 15px 0; font-weight:600  ;font-family:'S-Core Dream'; letter-spacing:-1px; }
.main_gallery .more						    {position:absolute; display:block; right:20px; top:12px; color:#969696; font-size:0.9em;  }
.main_gallery .more span			    	{position:relative; top:10px; display:inline-block;   width:34px; height:34px; border:1px solid #dfdfdf;cursor:pointer; border-radius:50px; margin-left:10px; }
.main_gallery .more span::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#b2b2b2;}
.main_gallery .more span::before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:14px; width:2px; background:#b2b2b2;}
.main_gallery .more:hover				        {border-color:var(--color1); }
.main_gallery .more:hover span::after,
.main_gallery .more:hover span::before		{background:var(--color1);}



 
@media screen and (max-width:1430px) {
    .main_gallery .web_size2					{  padding:60px 10px;   } 
} 
@media screen and (max-width:1024px) {  
    .main_gallery .web_size2					{  padding:50px 10px;   } 
	.main_gallery .tit							{ padding:0 0 25px 15px; } 
    .main_gallery .tit p						{ font-size:1.8em; padding:0 0 10px 0;  }
    .main_gallery .more						{ right:20px; top:0;    }
}  
@media screen and (max-width:768px) {
    .main_gallery .web_size2					{  padding:40px 10px;   } 
	.main_gallery .tit							{ font-size:1.05em; padding:0 0 20px 15px; } 
    .main_gallery .tit p							{font-size:1.7em;  padding:0 0 10px 0; } 
} 
/* 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:71px; 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;}
 
}