/* common */
#title-box .title{ font-family: 'S-CoreDream-6Bold'; }

.space{ font-family: "Space Grotesk", serif; }

main h2.title,
#greeting h3.title,
#greeting .vision .content .txt-box .title,
#greeting .business .txt-box .title,
#greeting .mission .wrap-box .title-box .title,
#greeting .location .title,
#business .introduce .title-box .title,
footer .footer-inner *{ font-family: 'S-CoreDream-5Medium'; }

#greeting h3.title span{ color:var(--mainC); }

main h2.title em{ letter-spacing: 4px;}

/* sub */
#education .introduce .content .tab-box li{ height: 200px; margin-top: 50px;}
#education .introduce .content .tab-box li:not(:first-child){ padding-top: 35px;}

#business .performance .w1560 > div:last-child .txt-box{ width: 40%; }

#greeting h3.title img{ margin-left: 0; }
#greeting h3.title span{ margin-right: 15px; }
#greeting .mission .wrap-box .title-box .title{ margin-right: 50px;}
#greeting .history .content .txt-box .item-box .title{ align-items: flex-start; }
#greeting .history .content .txt-box .item-box .title span{ width: auto; margin-right: 15px;}
#greeting .history .content .txt-box .item-box .title span:after{ margin-left: 15px; }

/* footer */
footer .footer-inner .left-box ul{ min-width:400px; font-family: 'S-CoreDream-4Regular'; }

@media screen and (max-width: 1400px) {
	header .header-box .logo img { display:block; width: 130px;}
}

@media screen and (max-width: 960px) {	
	#greeting .mission .wrap-box .title-box .title{ margin-right: 0;}
	#greeting .mission .wrap-box .title-box figure{ top: -50px; }
 
	#education .introduce .content .tab-box li{ height: auto; margin-top: 0; }
	#education .introduce .content .tab-box li:not(:first-child){ padding-top: 20px; }

	#business .inquiry .inner-box .title{ width: 50%; margin: 0 auto;}
	#business .performance .w1560 > div:last-child .txt-box{ width: 100%; }
}