.title {
	width: 100%;
	height: 514px;
	text-align: center;
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/layout/title.jpg') no-repeat center;
	background-size: cover;
	animation: fadeinbackground 0.5s forwards;
	overflow: hidden;
	opacity: 0;
	position: relative;
}
.production_title { background-size: cover !important; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/productionprocess/production타이틀.jpg') no-repeat center; }

.customers_title { background-size: cover !important; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/customers/customers_top.jpg') no-repeat center; }

.products_title { background-size: cover !important; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/product/products_top.jpg') no-repeat center; }

.title_name {
	position: absolute;
	top: 45%;
	font-size: 52px;
	font-weight: bold;
	color: #fff;
	opacity: 0;
	animation: fadeinup 0.6s forwards;
	animation-delay: 0.3s;
	width: 100%;
	text-align: center;
}

.mo_br { display: none; }
.pc_space { display: contents; }

@keyframes fadeinbackground {
	to {
		opacity: 1;
	}
}

.content {
	max-width: 1400px;
	margin: 0px auto;
	padding: 40px 0 100px 0;
	background: none;
	z-index: 1;
	height: 100%;
	display: flex;
	overflow: auto;
	overflow-x: hidden;
	justify-content: space-evenly;
}

.content_left { 
	width: 220px;
	color: #fff;
	text-align: center;
	margin-left: 0;
}

.content_right { 
	max-width: 960px;
	width: 100%;
	color: #191919;
	text-align: left;
	margin-right: 50px;
	box-sizing: border-box;
}

.content_left li {
	display: block;
	width: 200px;
	font-size: 19px;
	font-weight: bold;
	line-height: 44px;
	color: #ffffff !important;
	border-radius: 50px;
}



.content_left li:hover {
	background: #6540bf;
	color: #fff !important;
	transition: 0.3s all;
}

.content_left li:hover > a{
	color: #fff;
	transition: 0.3s all;
}

.navi {
	position: absolute;
	top: 320px;
	right: 5%;
	text-align: center;
	white-space: nowrap;
}

.navi span {
	font-size: 1.2em;
	font-family: 'Nanum Gothic', "Open Sans",Helvetica,Arial,sans-serif;
	font-weight: 500;
}

@media screen and (max-width: 1220px) {
	.title { height: 480px; }
	.content_left { display: none; }
	.content_right  { margin-left: 5px; margin-right: 5px; }
	.content_right > p:nth-child(1) { font-size: 2em; }
	.title_name { font-size: 48px; top: 50%; }
	.mo_br { display: contents; }
	.pc_space { display: none; }
	.production_title { background-position-x: left; }
	.line_2 { top: 42% !important; }
}