@charset "utf-8";

.swiper-container {
	/*
	width: 100%;
	height: 100%;
	*/
}

.swiper-slide {
	/*
	background		: #fff;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	*/
}

.section1
{
	margin			: 0 -24px;
}

.section1 .swiper-slide .info
{
	position		: absolute;
	top				: 10%;
	left			: 5%;
	z-index			: 1;

}

.section1 .swiper-slide p
{
	display			: block;
}


.section1 .swiper-slide .title
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	color			: #212121;
	font-size		: 64px;
}



.section1 .swiper-slide .excerpt
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	color			: #212121;
	font-size		: 18px;
	line-height		: 140%;
	padding-top		: 32px;
}

.section1 .link_line
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	color			: #FAFAFA;
	font-size		: 21px;
	background		: #C51F25;
	height			: 48px;
	padding			: 0 20px;
	border-radius	: 100px;
	border			: 0px;
	margin-top		: 64px;
}



@media screen and (max-width: 1700px) {
	.section1 .swiper-slide .title
	{
		font-size		: 52px;
	}

}

@media screen and (max-width: 1200px) {
	.section1 .swiper-slide .title
	{
		font-size		: 45px;
	}
	.section1 .link_line
	{
		margin-top		: 34px;
	}

}

@media screen and (max-width: 992px) {
	.section1 .swiper-slide .info
	{
		top				: 5%;

	}
	.section1 .swiper-slide .title
	{
		font-size		: 36px;
	}

	.section1 .link_line
	{
		font-size		: 16px;
		height			: 32px;
		padding			: 0 15px;
	}

}




.section1 .swiper_images
{
	position		: relative;
	float			: right;
	width			: 100%;
}
	.section1 .swiper_images img
	{
		float			: right;
	}

.section1 .swiper_ctr
{
	position		: absolute;
	z-index			: 1;
	background		: #353D4A;
	width			: 162px;
	height			: 48px;
	line-height		: 48px;
	bottom			: 0px;
	right			: 58%;
}


@media screen and (max-width: 1700px) {


	.section1 .swiper_images
	{
	width			: 65%;
		
	}




	

	.section1 .swiper_ctr
	{
	right			: 60%;
		
	}



}

@media screen and (max-width: 1200px) {






	

	.section1 .swiper_ctr
	{
	right			: 57%;
	
		
	}



}



@media screen and (max-width: 992px) {
	.section1 .swiper_images
	{
		width			: auto;
		float			: inherit;
	}

	.section1 .swiper_images img
	{
		float			: auto;
	}




}


.section1 .swiper_ctr .swiper-pagination
{
	font-family		: Microsoft YaHei;
	font-weight		: 100;
	font-size		: 18px;
	color			: #9e9e9e;
	text-align		: right;
	width			: 60px;
}



.section1 .swiper_ctr .swiper-pagination-current
{
	font-size		: 18px;
	font-weight		: 100;
	color			: #fff;
}




.section1 .swiper_ctr .swiper-button-next,
.section1 .swiper_ctr .swiper-button-prev
{
	top				: 0px;
	padding			: 0px;
	margin			: 0px;
	line-height		: 0px;
	height			: 50px;
}

.section1 .swiper_ctr .swiper-button-prev
{
	left			: 80px;
}

.section1 .swiper_ctr .swiper-button-next:after,
.section1 .swiper_ctr .swiper-button-prev:after
{
	font-family		: auto;
	content			: '';
	height			: 20px;
	width			: 20px;
	background		: url('../img/index/swiper_btn2.svg') center center  no-repeat;
}

.section1 .swiper_ctr .swiper-button-prev:after
{
	background		: url('../img/index/swiper_btn1.svg') center center  no-repeat;
}

.section1 .swiper_ctr .swiper-button-pend,
.section1 .swiper_ctr .swiper-button
{
	cursor				: pointer;
	position			: absolute;
	top					: 0px;
	right				: 36px;
	width				: 20px;
	height				: 50px;
	background			: url('../img/index/swiper_btn3.svg') center center  no-repeat;
}

.section1 .swiper_ctr .swiper-button-pend.play {
	background			: url('../img/index/swiper_btn4.svg') center center  no-repeat;
}


@media screen and (max-width: 992px) {
	.section1 .swiper_ctr
	{
		width			: 108px;
		left			: auto;
		right			: 0px;
	}

	.section1 .swiper_ctr .swiper-button-next,
	.section1 .swiper_ctr .swiper-button-prev
	{
		display			: none;
	}

	.section1 .swiper_ctr .swiper-button-pend
	{
		right				: 14px;
	}

}










/*
	section2  2번째 배너
 */




.section2
{
	margin-top		: 72px;
}

@media screen and (max-width: 992px) {




	.section2
	{
		margin-top		: 0px;
	}


}

.section2 .swiper-container
{
  overflow: visible;
}

.section2 .swiper-slide .info
{
	position		: absolute;
	top				: 25%;
	left			: 0%;
	z-index			: 1;

}

.section2 .swiper-slide p
{
	display			: block;
}


.section2 .swiper-slide .title
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	color			: #212121;
	font-size		: 36px;
	padding-top		: 20px;
}


.section2 .swiper-slide .excerpt
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	color			: #C51F25;
	font-size		: 21px;
	line-height		: 140%;
}



@media screen and (max-width: 1700px) {



	.section2 .swiper-slide .title
	{
		font-size		: 30px;
	}


}

@media screen and (max-width: 1200px) {


	.section2 .swiper-slide .info
	{
		left			: 2%;

	}


}

@media screen and (max-width: 992px) {

	.section2 .swiper-slide .info
	{
		position		: relative;
		z-index			: 1;
		padding-top		 : 70px; 

	}

	.section2 .swiper-slide .title
	{
		color			: #212121;
		font-size		: 24px;
	}

}

@media screen and (max-width: 768px) {



	.section2 .swiper-slide .title
	{
		padding-top		: 10px;
	}

	.section2 .swiper-slide .excerpt
	{
		font-size		: 14px;
	}


}

.section2 .link_line
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	color			: #FAFAFA;
	font-size		: 21px;
	background		: #C51F25;
	height			: 48px;
	padding			: 0 20px;
	border-radius	: 100px;
	border			: 0px;
	margin-top		: 64px;
}

.section2 .swiper_images
{
	position		: relative;
	float			: right;
	box-shadow		: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
}

@media screen and (max-width: 1700px) {
	.section2
	{
		margin-top		: 49px;
	}

	.section2 .swiper_images
	{
		width			: 48%;
	}

	


}


@media screen and (max-width: 1200px) {

	.section2
	{
		margin-top		: 57px;
	}


}




@media screen and (max-width: 992px) {
	.section2
	{
		margin-top		: 0px;
	}

	.section2 .swiper_images
	{
		width			: 100%;
		float			: inherit;
		top				: 50px;
	}

	.section2 .swiper-slide .info
	{
		height:200px;

	}


}


.section2 .swiper_ctr
{
	position		: absolute;
	z-index			: 1;
	background		: '';
	width			: 162px;
	height			: 48px;
	line-height		: 48px;
	bottom			: -50px;
	left			: 0px;
}




.section2 .swiper_ctr .swiper-pagination
{
	font-family		: Microsoft YaHei;
	font-weight		: 100;
	font-size		: 18px;
	color			: #9e9e9e;
	text-align		: right;
	width			: 60px;
}



.section2 .swiper_ctr .swiper-pagination-current
{
	font-weight		: 100;
	font-size		: 18px;
	color			: #000;
}




.section2 .swiper_ctr .swiper-button-next,
.section2 .swiper_ctr .swiper-button-prev
{
	top				: 0px;
	padding			: 0px;
	margin			: 0px;
	line-height		: 0px;
	height			: 50px;
}

.section2 .swiper_ctr .swiper-button-prev
{
	left			: 80px;
}

.section2 .swiper_ctr .swiper-button-next:after,
.section2 .swiper_ctr .swiper-button-prev:after
{
	font-family		: auto;
	content			: '';
	height			: 20px;
	width			: 20px;
	background		: url('../img/index/swiper2_btn2.svg') center center  no-repeat;
}

.section2 .swiper_ctr .swiper-button-prev:after
{
	background		: url('../img/index/swiper2_btn1.svg') center center  no-repeat;
}

.section2 .swiper_ctr .swiper-button-pend
{
	cursor				: pointer;
	position			: absolute;
	top					: 0px;
	right				: 36px;
	width				: 20px;
	height				: 50px;
	background			: url('../img/index/swiper2_btn3.svg') center center  no-repeat;
}

.section2 .swiper_ctr .swiper-button-pend.play
{
	background			: url('../img/index/swiper2_btn4.svg') center center  no-repeat;
}


@media screen and (max-width: 992px) {
	.section2 .swiper_ctr
	{
		width			: 108px;
		left			: auto;
		right			: -15px;
		bottom			: auto;
		top				: 5px;
	}

	.section2 .swiper_ctr .swiper-pagination
	{
		color			: #7e1115;
	}

	.section2 .swiper_ctr .swiper-pagination-current
	{
		color			: #fff;
	}


	.section2 .swiper_ctr .swiper-button-next,
	.section2 .swiper_ctr .swiper-button-prev
	{
		display			: none;
	}

	.section2 .swiper_ctr .swiper-button-pend
	{
		right				: 14px;
		background			: url('../img/index/swiper_btn3.svg') center center  no-repeat;
	}
	.section2 .swiper_ctr .swiper-button-pend.play
	{
		background			: url('../img/index/swiper_btn4.svg') center center  no-repeat;
	}

}





.main_absolute_bg .abs_bg2
{
	position		: absolute;
	width			: 100%;
	height			: 720px;
	top				: 0px;
	left			: 0px;
	background		: url('../img/index/cont_bg1.png') right top no-repeat#c51f25;
}

.main_absolute_bg .abs_bg2_1
{
	background		: #fff;
	height			: 100%;
	width			: 50%;
}










@media screen and (max-width: 1700px) {

	.main_absolute_bg .abs_bg2
	{
		height			: 600px;
		background		: url('../img/index/cont_bg1.png') right center no-repeat#c51f25;
		-moz-background-size	: 100% 100%;
		background-size			: 100% 100%;
		
	}

	.main_absolute_bg .abs_bg2_1
	{
		width			: 60%;
	}


}
@media screen and (max-width: 1200px) {


	.main_absolute_bg .abs_bg2
	{
		height			: 500px;
		background		: url('../img/index/cont_bg1.png') right center no-repeat#c51f25;
		-moz-background-size	: 100% 100%;
		background-size			: 100% 100%;

	}



	.main_absolute_bg .abs_bg2_1
	{
		width			: 60%;
	}



}
@media screen and (max-width: 992px) {



	.main_absolute_bg .abs_bg2
	{
		
	}



	.main_absolute_bg .abs_bg2_1
	{
		width			: 30%;
	}



}

@media screen and (max-width: 768px) {


	.main_absolute_bg .abs_bg2
	{
		height			: 300px;
		background		: url('../img/index/cont_bg1.png') right center no-repeat#c51f25;
		-moz-background-size	: 100% 100%;
		background-size			: 100% 100%;
	}



	.main_absolute_bg .abs_bg2_1
	{
		width			: 20%;
	}


}