@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.png') no-repeat center 0  var(--color4);}  
.main_visual .web_size					    { padding:65px 0; display:flex;  justify-content:space-between; z-index:1;}
.main_visual .box					        	{position:relative; width:700px;  aspect-ratio:7/4.6;  border-radius:120px  0; overflow:hidden; box-shadow:5px 10px 28px 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:30px; padding-left:1.5vw;  font-size:1.25em; color:#000;   z-index:100; animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;} 
.visual_txt .txt01								{ font-family: 'Paperlogy';font-weight:600;  font-size:1.7em; line-height:1.2;  margin-bottom:0.1em; transition:all 0.4s ease;}
.visual_txt .txt01 b                            {  font-size:1.15em; color:var(--color1); font-weight:600; }
.visual_txt .txt02								{font-family: 'Paperlogy';font-weight:600; font-size:2.8em; line-height:1.2;  transition:all 0.4s ease;}
.visual_txt .txt03								{font-weight:600; line-height:1.2;   padding-top:0.8em; line-height:1.3; transition:all 0.4s ease;}

.visual_txt .visual_search                  {position:relative; text-align:left; margin-top:55px;margin-left:-14px; width:565px;height:81px; border:3px solid var(--color1); border-radius:50px; background:#fff; padding:10px; }
  
.visual_txt .visual_search input[type="text"]{position:relative;font-size:1.25em;  font-family: 'Paperlogy';font-weight:600; width:calc(100% - 60px); height:56px; padding: 0 10px 0 30px; border:0; border-radius:50px;transition:all 0.3s ease; background:#fff; }
.visual_txt .visual_search input[type="text"]::placeholder{ color:var(--color1); font-size:0.95em; }
.visual_txt .visual_search .btn_search{position:absolute; right:10px; top:10px; width:55px; height:55px; background:url('../img/common/icon_search.png') no-repeat center 50% var(--color1); background-size:100% auto; text-indent:-9999px;border-radius:50px;  cursor:pointer;} 

.visual_txt .visual_search input[type="text"]:hover, 
.visual_txt .visual_search input[type="text"]:focus, 
.visual_txt .visual_search input[type="text"]:active{ background-color:#fff; color:var(--color1); text-align:left;}
.visual_txt .visual_search input[type="text"]:hover::placeholder, 
.visual_txt .visual_search input[type="text"]:focus::placeholder, 
.visual_txt .visual_search input[type="text"]:active::placeholder{color:#ddd;  }
.visual_txt .visual_search input[type="text"]:hover + .btn_search, 
.visual_txt .visual_search input[type="text"]:focus + .btn_search, 
.visual_txt .visual_search input[type="text"]:active + .btn_search{ }
 .visual_txt .visual_search:hover .btn_search{  } 

 
@media screen and (max-width:1460px) { 
    .main_visual .box					        	{margin-right:25px; } 
    .visual_txt											{  padding-left:2vw;  font-size:1.1em; }
    .visual_txt .visual_search                  { margin-left:-10px; width:460px;height:76px;  }
    .visual_txt .visual_search input[type="text"]{ height:50px;  font-size:1.2em;width:calc(100% - 50px);  }
    .visual_txt .visual_search .btn_search{ width:50px; height:50px; } 
}
@media screen and (max-width:1260px) {   
    .main_visual .web_size					    { padding:55px 0; }
    .main_visual .box					        	{   width:600px;  border-radius:100px  0; }

    .visual_txt											{  padding-left:2.6vw;  font-size:1.05em;  }
    .visual_txt .visual_search                  { margin-left:0; margin-top:40px; width:400px;height:66px; padding:8px; }
    .visual_txt .visual_search input[type="text"]{ height:44px;padding: 0 10px 0 20px;  }
    .visual_txt .visual_search .btn_search{ width:44px; height:44px;  right:8px; top:8px; } 
}
@media screen and (max-width:1100px) {  
    .main_visual .box					        	{   width:550px;  border-radius:80px  0;  }
    .visual_txt .txt01								{  font-size:1.5em; } 
    .visual_txt .txt02								{ font-size:2.5em; } 
    .visual_txt .visual_search                  {   margin-top:35px; width:380px;  } 
}

@media screen and (max-width:1024px) {
	.main_container						{padding:60px 0 0 0;}    
	.main_visual .web_size				{display:block;height:auto; padding:  40px ;} 
	.main_visual .box						{width:100%; } 
     .visual_txt	                                {text-align:center;   padding:0 0 25px 0; } 
    .visual_txt .txt02								{ font-size:2.55em; } 
     .visual_txt .txt03                      {padding:0 15px; } 
     .visual_txt .txt03 br                  {display:none; } 
    .visual_txt .visual_search          { margin:auto; margin-top:30px; width:100%;height:54px;max-width:600px; border:2px solid var(--color1);  padding:0; }
    .visual_txt .visual_search input[type="text"]{ height:50px;padding: 0 10px 0 25px;  font-size:1.15em; }
    .visual_txt .visual_search .btn_search{ width:40px; height:40px;  right:5px; top:5px;  } 
 } 
 
@media screen and (max-width:768px) { 
	.main_visual .web_size				{ padding:30px ;} 
    .main_visual .box					    {  border-radius:70px  0;  }
    .visual_txt .txt01						{  font-size:1.35em; } 
    .visual_txt .txt02					    { font-size:2.3em; }  

    .visual_txt .visual_search          { margin-top:25px;  height:50px;    }
    .visual_txt .visual_search input[type="text"]{ height:46px; width:calc(100% - 40px);  }
    .visual_txt .visual_search .btn_search{ width:36px; height:36px;   } 
}
@media screen and (max-width:580px) { 
	.main_visual .web_size				{ padding:20px ;} 
    .main_visual .box					    {  border-radius:55px  0;  }
    .visual_txt									{  font-size:1em;   }
    .visual_txt .txt01						{  font-size:1.05em; } 
    .visual_txt .txt02					    { font-size:1.75em; }  
    .visual_txt .txt03						{   padding-top:0.5em; }
    .visual_txt .visual_search          { margin-top:20px;  height:44px;    }
    .visual_txt .visual_search input[type="text"]{ height:40px; font-size:1.1em; padding: 0 0 0 20px;  }
    .visual_txt .visual_search .btn_search{ width:30px; height:30px;   } 
}
 
   
/* MAIN_CONT  ================================================================================== */





/* 배너    ================================================================================== */ 
.main_banner								{position:relative;padding:25px 0  ; overflow:hidden; background:var(--gra1);background-size:200%; 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 li							{position:relative;  text-align:center; color:#fff;  ;font-weight:600;line-height:1.2; animation: fadeUp 0.6s ease-in-out; animation-fill-mode:forwards; opacity:0 ;}
.main_banner ul a							{position:relative; display:block; color:#fff;  } 
.main_banner ul li	+ li a::before                  {position:absolute;  content:''; left:0; top:15%; height:70%; width:1px; background: rgb(255,255,255,0.1); }
.main_banner ul li figure			    	{position:relative; top:0; margin:auto;  width:100px; height:100px; transition:all 0.3s ease;}  
.main_banner ul li figure::before    {position:absolute;  content:''; bottom:0;left:20%; width:60%; height:10px; background:#000; border-radius:50%; opacity:0; transition:all 0.4s ease;}  
.main_banner ul li .txt      		    	{padding:0 0 15px 0;}  
.main_banner ul li:hover figure              { top:-10px; }
.main_banner ul li:hover figure::before     { opacity:0.12; }
 
@media screen and (max-width:1024px) {  
    .main_banner ul li figure			    	{ width:90px;height:90px;   } 
}
@media screen and (max-width:768px) {   
    .main_banner  				            		{ padding:20px 0  ;}
    .main_banner ul li figure			    	{ width:75px;height:75px;   }  
    .main_banner ul li .txt      		    	{padding:0 0 10px 0; font-size:0.95em;   }
}
@media screen and (max-width:600px) {  
    .main_banner ul						    	{ grid-template-columns: repeat(3, 1fr); gap:10px;}   
    .main_banner ul li figure		    		{ width:70px;height:70px;   }
    .main_banner ul li figure::before    {  height:7px; }  
}
 
/* 배너    ================================================================================== */ 





/* main_news_wrap    ================================================================================== */ 
.main_news_wrap									{position:relative; padding:60px 0 70px 0;  display: flex; flex-flow: ;justify-content: space-between;  } 
.main_news_wrap .item01					{position:relative;width:calc(100% - 510px);}
.main_news_wrap .item02					{position:relative;width:450px; }
.main_news_wrap .item02 .tit            {font-size:1.5em;color:#000; padding:0 0 22px 10px; font-weight:700  ;font-family:'Paperlogy';}


@media screen and (max-width:1440px) {  
	.main_news_wrap								{ padding:50px 20px;   } 
} 
@media screen and (max-width:1200px) {    
.main_news_wrap .item01					{ width:calc(100% - 440px);}
.main_news_wrap .item02					{ width:400px;  }
}
@media screen and (max-width:1024px) {    
	.main_news_wrap								{ padding:50px   20px;   } 
	.main_news_wrap								{   align-items:center;flex-direction: column;gap:40px;   } 
	.main_news_wrap .item01				{ width:100%;}
	.main_news_wrap .item02				{ width:100%;  }  
} 
@media screen and (max-width:768px) {    
	.main_news_wrap										{padding:40px 20px;  }   
 
}
 

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

 
  

/* main_gallery  ================================================================================== */ 
.main_gallery										{position:relative; padding:10px 0 60px 0;  overflow:hidden;}
.main_gallery .tit								{position:relative; text-align:center;font-size:1.1em;color:#5b5b5b;  line-height:1.2;padding:0 0 30px 0;  font-weight:500  ;}
.main_gallery .tit p							{font-size:1.9em;color:#000; padding:0 0 15px 0; font-weight:600  ;font-family:'Paperlogy';}
 
@media screen and (max-width:1430px) {
	.main_gallery									{padding:10px 10px 60px 10px;}
} 
@media screen and (max-width:1024px) { 
	.main_gallery									{padding:10px 10px 50px 10px;}
	.main_gallery .tit							{ padding:0 0 25px 0; } 
}  
@media screen and (max-width:600px) {
	.main_gallery .tit							{ font-size:1.05em; padding:0 0 20px 0; } 
.main_gallery .tit p							{font-size:1.75em;  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: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;}
 
}