@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@800&display=swap');

/* VISUAL    ================================================================================== */
.main_container						{padding:120px 0 0 0;}


.main_visual									{position:relative; top:0; left:0; overflow:hidden;  }  
.main_visual_item 						{ display:table; height:0 !important; padding-top:39%; }
.main_visual .bg 							{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0;animation:imgScale 3s both; }
 
.visual_txt 										{position:absolute;width:100%; top:29%;text-align:center;color:#fff; z-index:100; display:table-cell;  transition:all 0.5s ease; animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards; }
.visual_txt .txt01							{position:relative; font-family: 'S-CoreDream-8Heavy'; font-size:5em; line-height:1.1em; margin:0 0 60px 0; letter-spacing:-1.7px; text-shadow: 3px 3px 5px rgba(0,0,0,0.2); transition:all 0.5s ease;}
.visual_txt .txt02							{position:relative; font-weight:500; font-size:1.7em;letter-spacing:-2px;line-height:1.4;text-shadow: 3px 3px 5px rgba(0,0,0,0.2); transition:all 0.5s ease;}	
.visual_txt .txt02:after					{position:absolute; content:''; display:block; left:39%; top:-30px; width:22%; height:2px; background:#fff; transition:all 0.5s ease;}

@media screen and (max-width:1400px) {   
.main_visual_item 						{  padding-top:42%; }
	.visual_txt									{  top:22%;   } 
	.visual_txt .txt01						{ font-size:4em; margin:0 0 50px 0; }
	.visual_txt .txt02						{ font-size:1.5em;  }	
	.visual_txt .txt02:after				{ top:-25px; }
} 
 
@media screen and (max-width:1024px) {
.main_visual_item 						{  padding-top:45%; }
	.main_container						{padding:60px 0 0 0;} 
	.visual_txt .txt01						{ font-size:3em; margin:0 0 40px 0;letter-spacing:-1px;}
	.visual_txt .txt02						{ font-size:1.3em; letter-spacing:-1px;}
	.visual_txt .txt02:after				{ top:-20px; }
 }
 
@media screen and (max-width:820px) { 
	.visual_txt									{  top:20%;   } 
	.visual_txt .txt01						{ font-size:2.3em; margin:0 0 30px 0; }
	.visual_txt .txt02						{ font-size:1.15em; } 
	.visual_txt .txt02:after				{ top:-15px;  }
}
@media screen and (max-width:600px) { 
.main_visual_item 						{  padding-top:50%; } 
	.visual_txt .txt01						{ font-size:2em;  }
	.visual_txt .txt02						{ font-size:1.1em; }  
}
@media screen and (max-width:520px) {  
.main_visual_item 						{  padding-top:54%; } 
	.visual_txt .txt01						{ font-size:1.6em;letter-spacing:-0.5px;  }
	.visual_txt .txt02						{  font-size:0.85em; }   
}

  

/* MAIN_CONT    ================================================================================== */
 

/* main_news    ================================================================================== */ 
.main_news								{position:relative; padding:80px 0; overflow:hidden;  }
.main_news .web_size				{display: grid; grid-template-columns:420px auto; }
.main_news .subject					{position:relative; color:#000;padding:0 0 0 20px;line-height:1.4; }
.main_news .item						{position:relative;  } 
.main_news .subject .tit			{display:block; font-size:3em;color:#000; font-weight:900; letter-spacing:-2px;padding:0 0 10px 0;}
.main_news .subject .txt			{font-size:1.2em;  letter-spacing:-1.5px;}
.main_news .more					{position:relative;display:inline-block; padding:50px 0 0 0; }
.main_news .more span			{display:inline-block; font-size:0.95em; font-weight:500;color:#000; border-bottom:2px solid #000;padding:0 3px 8px 3px;}
.main_news .more span i			{display:inline-block; margin-left:15px  ;}

@media screen and (max-width:1400px) {  
	.main_news								{ padding:70px 20px;   } 
}
@media screen and (max-width:1200px) {   
.main_news .subject	.tit				{ font-size:2.7em;}
.main_news .subject .txt						{font-size:1.2em; }
}

@media screen and (max-width:1024px) {    
	.main_news								{padding:40px 20px;  } 
	.main_news .web_size				{display: grid; grid-template-columns:1fr;  }
	.main_news .item						{ width:100%;} 
	.main_news .subject					{ padding:0 0 30px 0; text-align:center;}
	.main_news .subject .tit			{ font-size:2.3em; } 
	.main_news .subject .txt			{display:none;} 
	.main_news .more					{position:absolute;right:0;top:10px;padding:0; width:30px;height:30px; }
	.main_news .more span			{display:none;}
	.main_news .more:after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:22px; height:4px; background:#aaa;}
	.main_news .more:before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:22px; width:4px; background:#aaa;}
}
@media screen and (max-width:600px) {    
	.main_news .subject					{ padding:0 0 20px 0; }
	.main_news .subject .tit			{ font-size:1.7em;padding:0 0 0 0; } 
	.main_news .more					{ top:5px; }
}

/* main_news    ================================================================================== */ 




/* main_online    ================================================================================== */ 
.main_online											{position:relative; padding:80px 0; background:#be1824; }
.main_online .web_size						{display: grid; grid-template-columns:350px auto; }
.main_online:before								{position:absolute; content:'';top:0;left:calc(50% - 280px);width:calc(50% + 280px);height:100%;background:#f7f7f7;transition:all 0.3s ease;}
.main_online:after									{position:absolute; content:'';top:0;left:0;width:420px;height:100%;background:#be1824; transition:all 0.3s ease;}
.main_online .subject							{position:relative; color:#fff;padding:0 0 0 20px; z-index:1;}
.main_online .subject .tit						{display:block; font-size:3em;color:#fff; font-weight:500;letter-spacing:-2px;line-height:1.2;padding:20px 0 20px 0;}
.main_online .subject .txt						{font-size:1.2em;  letter-spacing:-1.5px;line-height:1.4;}
 .main_online .subject .tit span			{ display:block;font-weight:900; }
.main_online .inner								{position:relative; z-index:1; width:100%; overflow:hidden;} 
.main_online .inner li							{background:#fff;border:1px solid #fefefe;box-shadow:7px 7px 10px -5px rgba(0,0,0,.3); display:inline-block; width:330px; margin:  10px;}
.main_online .inner li .img  					{overflow:hidden;height:210px;}
.main_online .inner li .img img			{width:100%;height:100%;object-fit:cover; }
.main_online .inner li .cont					{padding:20px 20px 30px 20px;}
.main_online .inner li .cont .tit			{font-size:1.15em;font-weight:700;color:#111;padding:0 0 15px 0;letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_online .inner li .cont	dl				{padding:4px 0; display:flex;font-size:0.9em;color:#666; letter-spacing:-1px; }
.main_online .inner li .cont	dl dt			{position:relative; width:90px;text-indent:10px;}
.main_online .inner li .cont	dl dd		{flex:2;}
.main_online .inner li .cont	dl dt:before		{position:absolute; content:'';top:11px;left:0; width:3px ;height:3px; background:#be1824; }
.main_online .inner li .cont	dl dt:after			{position:absolute; content:'';top:6px;right:10px; width:1px ;height:1em; background:#dfdfdf; }
 

.main_online .arrow							{position:absolute; top:270px ; left:20px;width:100%;  z-index:9; }
.main_online .arrow p						{position:absolute; width:60px; height:60px;  border:1px solid #fff; border-radius:50px;cursor:pointer;opacity:0.6;  } 
.main_online .arrow span				{display:inline-block; border:solid #fff; padding:8px;}
.main_online .arrow .prev				{left:0;}
.main_online .arrow .prev span		{margin:20px 0 0 24px; border-width:0 1px 1px 0; transform:rotate(135deg);}
.main_online .arrow .next				{left:90px;}
.main_online .arrow .next span		{margin:20px 0 0 17px;  border-width:1px 1px 0 0; transform:rotate(45deg);}
.main_online .arrow p:hover			{opacity:1;} 
  

@media screen and (max-width:1200px) {   
.main_online											{ padding:60px 30px ;   }
.main_online .web_size						{ grid-template-columns:1fr; }
.main_online:before								{ top:50%;left:0;width:100%;height:50%;background:#f5f5f5;}
.main_online:after									{display:none;}
.main_online .subject							{ padding:0 0 50px 0; text-align:center; }
.main_online .subject .tit						{ font-size:2.5em;font-weight:900; padding:0 0 10px 0;}
.main_online .subject .tit	span					{display:inline-block;}
.main_online .subject .txt						{font-size:1.1em;  letter-spacing:-1px; }
.main_online .subject .txt	 br				{display:none;}
.main_online .inner li .cont					{padding:20px ;} 

.main_online .arrow							{ top:60% ;  left:0; }
.main_online .arrow p						{width:50px; height:50px; border:1px solid #aaa; background:rgb(255,255,255,0.4);  border-radius:0;opacity:0.5; }  
.main_online .arrow span				{ border:solid #222;  }
.main_online .arrow .prev				{left:-20px;}
.main_online .arrow .next				{left:initial;right:-20px;}
.main_online .arrow .prev span		{margin:15px 0 0 21px; }
.main_online .arrow .next span		{margin:15px 0 0 12px;  } 
}

@media screen and (max-width:800px) {   
.main_online											{ padding:50px 20px;   }
.main_online .subject							{ padding:0 0 40px 0;  }
.main_online .subject .tit						{ font-size:2.3em;} 
}
@media screen and (max-width:738px) {    
.main_online .subject							{ padding:0 0 30px 0;  }
.main_online .subject .tit						{ font-size:1.7em;padding:0 0 5px 0;}
.main_online .subject .txt						{font-size:1em;  }
.main_online .inner li a							{display:block; }
}

/* main_online    ================================================================================== */ 

 
/* main_banner    ================================================================================== */ 
.main_banner								{position:relative; padding:100px 0; background:url('../img/main/main_bn_bg.jpg') no-repeat center 0;  background-size:cover;   }
.main_banner ul							{display: grid; grid-template-columns: repeat(4, 1fr);  }
.main_banner ul li							{padding:0 0 10px 0; border-left:1px solid #ebebeb;text-align:center; letter-spacing:-1px;cursor:pointer; }
.main_banner ul li	a						{display:block;}
.main_banner ul li:first-child		{border-left:0;}
.main_banner ul li .img				{}
.main_banner ul li .tit					{font-size:1.3em;color:#222;font-weight:600;padding:10px 0 20px 0;}
.main_banner ul li .txt					{font-size:0.95em;color:#818181;padding:0 0 30px 0; }
.main_banner ul li .more				{position:relative; display:inline-block;width:60px;height:60px;background:#323030;border-radius:30px; } 
.main_banner ul li .more:after	{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:12px; height:2px; background:#fff;}
.main_banner ul li .more:before	{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:12px; width:2px; background:#fff;}
.main_banner ul li:hover .more 	{ background:#be1824;} 

@media screen and (max-width:1024px) {
.main_banner								{padding:  0;   }
.main_banner ul							{display: grid; grid-template-columns: repeat(2, 1fr);  }
.main_banner ul li							{padding:  30px 0; border-bottom:1px solid #ebebeb; }
.main_banner ul li:nth-child(3), .main_banner ul li:nth-child(4)	{border-bottom:0;}
.main_banner ul li .img img				{width:80px;}
.main_banner ul li .tit					{font-size:1.15em; padding:0 0 10px 0;}
.main_banner ul li .txt					{font-size:0.9em;padding:0 0 20px 0; line-height:1.4;}
.main_banner ul li .more				{ width:50px;height:50px;  } 
}
/* main_banner    ================================================================================== */ 



 


.famsite							{position:relative; padding:35px 0;}
.famsite ul							{width:calc(100% - 60px); margin:0 auto; text-align:center}
.famsite ul li						{display:inline-block; margin:0 1px;line-height:60px;}
.famsite ul li img					{max-width:180px;}
.famsite .arrow p					{position:absolute; top:30%; width:30px; height:30px; cursor:pointer;}
.famsite .arrow span				{display:inline-block; border:solid #aaa; border-width:0 3px 3px 0;  padding:5px; margin:10px 0 0 10px;}
.famsite .arrow span:hover			{border-color:#555;}
.famsite .prev						{left:0; transform: rotate(135deg);}
.famsite .next						{right:0; transform: rotate(-45deg);}
.famsite .slick-list				{padding:0;}


@media screen and (max-width:1440px) {
		.famsite .prev					{left:10px;}
		.famsite .next					{right:10px;}
}