@charset "utf-8";

@media all and ( min-width: 1221px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	.performance-top .main-title-box {margin-top: 105px !important;}
	.aboutus-txt p{display: none;}
}


@media all and ( max-width: 1220px ){
	#fullpage .section:not(#main-visual-section){height:auto !important;}
}

#main-visual-section{width:100%;height:1000px;overflow:hidden;position:relative;background: url('../img/main/main_visual.jpg') center center no-repeat;background-size: cover;}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:1000px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{height:100%;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{width:100%; height:100%; background-size:cover !important; -webkit-transform: scale(1.05,1.05);  transform: scale(1.05,1.05); -webkit-transition:transform 5000ms  ease-in-out ; transition:transform 5000ms ease-in-out ;}
/*.main-visual-item .main-visual-mb-img{display:none;width:100%; height:100%; background-size:cover !important; -webkit-transform: scale(1.05,1.05);  transform: scale(1.05,1.05); -webkit-transition:transform 5000ms  ease-in-out ; transition:transform 5000ms ease-in-out ;}*/

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute;text-align: center;top: 50%;left:0px;margin-top: 0;width:100%;webkit-transform: translateY(-50%);transform: translateY(-50%);}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{opacity:0;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block;font-size: 30px;font-weight: 600;letter-spacing:-0.05px;color:#fff;margin-bottom:10px;line-height:1.1;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{display:block;font-size: 42px;font-weight: bold;line-height: 1.3;letter-spacing:-0.5px;color: #fff;}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img,
.main-visual-item.active-item .main-visual-mb-img{-webkit-transform: scale(1.0,1.0) rotate(0.002deg);  transform: scale(1.0,1.0) rotate(0.002deg);}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
	.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
	.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}
	.main-visual-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/*@media all and ( max-width: 1200px ){*/
/*	.main-visual-item .main-visual-pc-img{display:none;}*/
/*	.main-visual-item .main-visual-mb-img{display:block;}*/
/*}*/


/* 메인 비주얼 :: Dots */
.main-visual-dot{position:absolute;left:0;top: 50%;margin-top: -180px;width:100%;text-align: center;z-index:999;}
.main-visual-dot > .area {display:inline-block;width: 250px;}
.main-visual-dot-list{/* margin-left: 30px; */display:inline-block;vertical-align:top; *display:inline;*zoom:1;}
.main-visual-dot-list li{position: relative; float:left; margin-right:30px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main-visual-dot-list li a{cursor:pointer;margin:0px;padding:0px;background:none;vertical-align:top;font-size: 23px;color: rgba(255,255,255,0.9);font-weight: 500;}
.main-visual-dot-list li.slick-current{margin-right: 135px;}
.main-visual-dot-list li.slick-current:before{position:absolute; left: 30px; top: 50%; margin-top: -1px; content:""; width:110px; height:2px; background-color:rgba(255,255,255,0.3);}
.main-visual-dot-list li.slick-current:after{position:absolute; left: 30px; top: 50%; margin-top: -1px; content:""; width:0; height:2px; background-color:#fff; animation:dotLoading 4s both;}

@-webkit-keyframes dotLoading{
	from{width:0px;}
	to{width:110px;}
}
@keyframes dotLoading{	
	from{width:0px;}
	to{width:110px;}
}

/* 메인 비주얼 :: 화살표 */
.main-visual-con .slick-arrow{position:absolute;width:70px;top:50%;margin-top: 0px;transform:translateY(-50%);border:0;cursor:pointer;z-index:9;font-size:70px;color: rgba(255,255,255);-webkit-transition: color 0.2s;transition: color 0.2s;background-color: transparent;}
.main-visual-con .slick-arrow.slick-prev{left: 50%;margin-left: -700px;}
.main-visual-con .slick-arrow.slick-next{right:50%;margin-right: -700px;}

@media all and (min-width:801px){
	.main-visual-con .slick-arrow:hover{color: #fff;}
}




@media all and (max-width:1200px){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 28px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 46px;}
}
@media all and (max-width:1000px){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 25px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 45px;}
}
@media all and (max-width:800px){
	.main-visual-dot-list li a{font-size: 20px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 20px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 40px;}
}
@media all and (max-width:600px){
	.main-visual-dot{top: 45%;}
	.main-visual-item .main-visual-txt-con{top:45%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 18px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 35px;}
}
@media all and (max-width:500px){
	.main-visual-dot{top: 40%;}
}
@media all and (max-width:400px){
	.main-visual-dot-list li a{font-size: 16px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 16px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 30px;}
}
@media all and (max-width:350px){
	.main-visual-dot {margin-top: -150px;}
	.main-visual-dot-list li a{font-size: 14px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 25px;}
}



/**/
.main-title-box{letter-spacing:-1.5px; text-align:center;}
.main-title-box .main-tit{font-weight:900;font-size: 48px;color: #000;margin-bottom: 1em;}
.main-title-box .main-stit{display:block;margin-top:15px;font-size:18px;text-align: center;line-height:1.5;letter-spacing:-0.25px;color: #444444;}

@media all and ( max-width: 1440px ){
	.main-title-box .main-tit{font-size:55px;}
	.main-title-box .main-stit{margin-top:12px; font-size:16px;}
}

@media all and ( max-width: 1300px ){
	.main-title-box .main-tit{font-size:50px;}
}

@media all and ( max-width: 800px ){
	.main-title-box .main-tit{font-size:35px;}
	.main-title-box .main-stit{font-size:14px;}
}
@media all and ( max-width: 600px ){
	.main-title-box .main-tit{font-size:30px;}
}
@media all and ( max-width: 500px ){
	.main-title-box .main-stit{margin-top:12px;font-size: 13px;}
}
@media all and ( max-width: 400px ){
	.main-title-box .main-tit{font-size:25px;}
}


/* ABOUT US */
#main-aboutus-section {position:relative;background-size:cover;background:url("../img/main/section2/bg.jpg") center center no-repeat;background-size: cover;}
#main-aboutus-section .area-box {}
#main-aboutus-section .aboutus-wrapper {display: table;width: 100%;max-width: 1220px;margin: 30px auto 0 auto;}
#main-aboutus-section .aboutus-wrapper .aboutus-list {}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item {display: table; width: 25%; float: left; padding: 10px;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a {transition-duration:0.5s;display: table-cell;width: 100%;height: 240px;vertical-align: middle;text-align: center;background-color: #fff;border: 1px solid #eee;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a:hover {transition-duration:0.5s;background-color:#ed1c24;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a:hover h5{color: #fff;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item div.aboutus-img {}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item div.aboutus-img span {display: inline-block; width: 100px; height: 100px;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(1) .aboutus-img span {background: url('../img/main/section2/ico1.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(2) .aboutus-img span {background: url('../img/main/section2/ico2.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(3) .aboutus-img span {background: url('../img/main/section2/ico3.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(4) .aboutus-img span {background: url('../img/main/section2/ico4.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(5) .aboutus-img span {background: url('../img/main/section2/ico5.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(6) .aboutus-img span {background: url('../img/main/section2/ico6.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(7) .aboutus-img span {background: url('../img/main/section2/ico7.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(8) .aboutus-img span {background: url('../img/main/section2/ico8.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(1) a:hover .aboutus-img span {background: url('../img/main/section2/ico1_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(2) a:hover .aboutus-img span {background: url('../img/main/section2/ico2_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(3) a:hover .aboutus-img span {background: url('../img/main/section2/ico3_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(4) a:hover .aboutus-img span {background: url('../img/main/section2/ico4_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(5) a:hover .aboutus-img span {background: url('../img/main/section2/ico5_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(6) a:hover .aboutus-img span {background: url('../img/main/section2/ico6_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(7) a:hover .aboutus-img span {background: url('../img/main/section2/ico7_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item:nth-child(8) a:hover .aboutus-img span {background: url('../img/main/section2/ico8_on.png') center/cover no-repeat;}
#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item h5{margin-top: 20px;font-size: 20px;color: #303030;}
/**/
#main-aboutus-section .main-title-box .main-tit, #main-aboutus-section .main-title-box .main-stit, #main-aboutus-section .aboutus-wrapper {transform: translateY(50px); opacity: 0; visibility: hidden; transition: all 1s;}
#main-aboutus-section.effect-start .main-title-box .main-tit {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.3s;}
#main-aboutus-section.effect-start .main-title-box .main-stit {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.5s;}
#main-aboutus-section.effect-start .aboutus-wrapper {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.8s;}
/**/
@media all and ( max-width: 1220px ){
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item div.aboutus-img span {width: 90px; height: 90px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item h5{font-size: 22px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a {height: 250px;}
}
@media all and ( max-width: 1020px ){
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item div.aboutus-img span {width: 80px; height: 80px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item h5{margin-top: 15px; font-size: 20px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a {height: 200px;}
}
@media all and ( max-width: 980px ){
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item div.aboutus-img span {width: 70px; height: 70px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item h5{font-size: 18px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item {padding: 5px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a {height: 180px;}
}
@media all and ( max-width: 650px ){
	#main-aboutus-section.effect-start .main-title-box .main-stit br {display:none;}
}
@media all and ( max-width: 600px ){
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item div.aboutus-img span {width: 60px; height: 60px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item h5{font-size: 16px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item {width: 50%;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a {height: 160px;}
}
@media all and ( max-width: 500px ){
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item h5{font-size: 15px;}
}
@media all and ( max-width: 400px ){
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item div.aboutus-img span {width: 50px; height: 50px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item h5{font-size: 13px;}
	#main-aboutus-section .aboutus-wrapper .aboutus-list li.aboutus-item a {height: 130px;}
}



/* PRODUCTS */
#main-products-section {position:relative;}
.product {width:100%; max-width:1238px; margin:0 auto; padding:25px 0; position:relative;}
.product .slick-slide{padding:0 12px; text-align:center;}
.product .slick-slide span{border:1px solid #ddd; display:block;}
.product .slick-slide .img {}
.product .slick-slide .img img{max-width:100%;margin:0 auto;border: 1px solid #eee;}
.product .slick-slide .txt {font-size: 18px;letter-spacing: -1px;color:#333333;margin: 15px 0;}
.product .slick-slide .txt h4 {width: 100%;font-size:16px;/* white-space: normal; *//* display: -webkit-box; *//* -webkit-line-clamp: 3; *//* -webkit-box-orient: vertical; */overflow: hidden;margin-top: 5px;}
.product .slick-arrow{width:18px;height:26px;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);text-indent:-9000px;border:0;position:absolute;display: none !important;}
.product .slick-dots{margin:10px auto 0; padding:0; text-align:center;}
.product .slick-dots li{width:auto;padding:0 3px;text-align:center;vertical-align: middle;display:inline-block;float:none;}
.product .slick-dots li button{width: 13px !important;height: 13px !important;border: 0;margin:0 auto;padding:0;text-indent:-9000em;border-radius:50% !important;background: #aeaeae;display:block;}
.product .slick-dots .slick-active button{width: 15px !important;height: 15px !important;border: 2px solid #fff;background: #ed1c24;box-shadow: 0px 0px 0px 2px #ed1c24;}

/**/
#main-products-section .main-title-box .main-tit,  #main-products-section .product {transform: translateY(50px); opacity: 0; visibility: hidden; transition: all 1s;}
#main-products-section.effect-start .main-title-box .main-tit {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.3s;}
#main-products-section.effect-start .product {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.5s;}
/**/
/*
@media screen and (max-width:1220px){
	.product .slick-arrow{display:none !important;}
	.product .slick-dots{display:block !important;}
}
*/
@media all and ( max-width: 980px ){
	.product .slick-slide{padding:0 6px;}
	.product .slick-slide .txt {font-size: 16px;}
	.product .slick-slide .txt h4 {font-size:14px;}
}
@media all and ( max-width: 600px ){
	.product .slick-slide .txt {font-size: 15px;}
	.product .slick-slide .txt h4 {font-size:13px;}
}
@media all and ( max-width: 500px ){
	.product .slick-slide .txt {font-size: 14px;}
}
@media all and ( max-width: 400px ){
	.product .slick-slide{padding:0 3px;}
	.product .slick-slide .txt {font-size: 13px;}
	.product .slick-slide .txt h4 {font-size:12px;}
}



#main-business-section{position:relative;background:#eeeff4;}
#main-business-section .area-box {/* margin-top: 7%; */max-width:100%;}
#main-business-section #vproduct-section{margin-top:40px; position:relative;}
#main-business-section #vproduct-section .slick-arrow{width: 120px;height: 120px;bottom: 10%;right: 12%;text-indent:-9000px;overflow:hidden;position:absolute;z-index:1;background-color:#fff;text-align:center;transform:translateY(-50%);border: 1px solid red;}
#main-business-section #vproduct-section .slick-next{background:#ed1c24 url("../img/main/section4/arrow_left.png") center center no-repeat;}
#main-business-section #vproduct-section .slick-prev{background:#ed1c24 url("../img/main/section4/arrow_right.png") center center no-repeat;}
#main-business-section #vproduct-section .slick-arrow.slick-next{left:12%;}
#main-business-section #vproduct-section .slick-arrow.slick-next::before{left:1px; content:'';}
#main-business-section #vproduct-section .slick-list{width:300%; margin-left:-100%;}
#main-business-section #vproduct-section .slick-dots{margin-top:30px;font-size:18px;color: #000;text-align:center;line-height:120%;}
#main-business-section #vproduct-section .slick-dots li{display:none; font-weight:600;}
#main-business-section #vproduct-section .slick-dots strong{font-size:30px;font-weight:600;color: #000;}
#main-business-section #vproduct-section .slick-dots span{margin:0 0.25rem;}
#main-business-section #vproduct-section .slick-dots .slick-active{display:block;}
#main-business-section #vproduct-section .slick-slide{width:100%;max-width:1200px;margin: 0 1em;position:relative;background:url('../img/main/section4/bg.gif') center left no-repeat;background-size: 38%;}
#main-business-section #vproduct-section a{width:100%; display:block; overflow:hidden; position:relative; z-index:0; height:440px; color:#000;}
#main-business-section #vproduct-section a::before{position:absolute; left:0; top:0; z-index:-1; font-size:6rem; font-weight:700; color:#fff; line-height:0.7; opacity:0; -webkit-transition:all 0.5s 1s; transition:all 0.5s 1s;}
#main-business-section #vproduct-section a h4{width:100%;max-width:380px;padding: 0 20px 0;font-weight:bold;font-size: 72px;line-height:100%;color: #ff161e;display:block;position:relative;text-transform:uppercase;}
#main-business-section #vproduct-section a h3{width:100%;max-width:380px;padding: 30px 0px 0 20px;font-size:36px;font-weight: 700;letter-spacing: -1px;line-height:140%;display:block;position:relative;text-transform:uppercase;}
#main-business-section #vproduct-section a h3::before{position:absolute;left:100%;bottom: 22px;z-index:1;width:0;height:3px;background-color:#ed1c24;content:'';-webkit-transition:all 0.5s 0.5s;transition:all 0.5s 0.5s;}
#main-business-section #vproduct-section a strong{position:relative; top:1rem; font-size:1.5rem; font-weight:500; opacity:0; -webkit-transition:all 0.5s 0.3s; transition:all 0.5s 0.3s;}
#main-business-section #vproduct-section a p{width:100%;margin: 30px 0 0;padding: 0 20px;opacity:0;-webkit-transition:all 0.5s 0.5s;transition:all 0.5s 0.5s;font-weight: 400;font-size:18px;letter-spacing: -1px;line-height:180%;color: #666666;}
#main-business-section #vproduct-section .more{left: 0px;bottom:20px;padding-right:20px;opacity:0;font-size:16px;text-transform:uppercase;position:absolute;border: 1px solid #000;}
#main-business-section #vproduct-section .img{overflow:hidden; position:absolute; right:0; top:0; width:740px; height:100%; border:0; -webkit-transition:all 0.3s; transition:all 0.3s;}
#main-business-section #vproduct-section .img img{position:absolute; left:50%; top:0; height:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
#main-business-section #vproduct-section .control{position:absolute; left:50%; bottom:0;}
#main-business-section #vproduct-section .control button{display:none; overflow:hidden; width:1.65rem; height:1.65rem; border:1px solid #fff; text-align:center; line-height:1.64rem;}
#main-business-section #vproduct-section .control button::before{display:block; position:relative; left:-2px; width:100%; height:100%; font-size:1rem; color:#fff; content:'';}
#main-business-section #vproduct-section .control button.play::before{content:'';}
#main-business-section #vproduct-section .control .active{display:block;}
#main-business-section #vproduct-section .slick-current .img,
#main-business-section #vproduct-section .slick-current + .slick-slide .img{right: calc(100% - 40rem);}
#main-business-section #vproduct-section .slick-active .img{right:0 !important; max-width:calc(100% - 21rem);}
#main-business-section #vproduct-section .slick-active .img img {border:5px solid #ed1c24; -webkit-transition:all 0.13s; transition:all 0.13s;}
#main-business-section #vproduct-section .slick-active .more{transition: all 0.2s ease-out 0s;background: url('../img/main/section4/arrow_off.png') center right 1em no-repeat;display: inline-block;width: 185px;height: 45px;line-height: 45px;padding: 0 1em;left: 25px;opacity:1;}
#main-business-section #vproduct-section .slick-active .more:hover {transition: all 0.2s ease-out 0s;background: url('../img/main/section4/arrow_on.png') center right 1em no-repeat;background-color:#ed1c24;color:#fff;border:1px solid #ed1c24;}
#main-business-section #vproduct-section .slick-active a::before{opacity:0.2;}
#main-business-section #vproduct-section .slick-active a h3::before{width:50%;}
#main-business-section #vproduct-section .slick-active a strong{top:0; opacity:1;}
#main-business-section #vproduct-section .slick-active a p{opacity:1;}
#main-business-section #vproduct-section{top:0; opacity:1; -webkit-transition:all 0.5s 1.4s; transition:all 0.5s 1.4s;}

/**/
#main-business-section .main-title-box .main-tit, #main-business-section #vproduct-section {transform: translateY(50px); opacity: 0; visibility: hidden; transition: all 1s;}
#main-business-section.effect-start .main-title-box .main-tit {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.3s;}
#main-business-section.effect-start #vproduct-section {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.8s;}
/**/

@media screen and (max-width:1800px){
	#main-business-section #vproduct-section .slick-arrow{right:10%;}
	#main-business-section #vproduct-section .slick-arrow.slick-next{left:10%;}
}
@media screen and (max-width:1700px){
	#main-business-section #vproduct-section .slick-arrow{right:5%;}
	#main-business-section #vproduct-section .slick-arrow.slick-next{left:5%;}
}
@media screen and (max-width:1650px){
	#main-business-section #vproduct-section .slick-arrow{right:2%;}
	#main-business-section #vproduct-section .slick-arrow.slick-next{left:2%;}
}
@media screen and (max-width:1550px){
	#main-business-section #vproduct-section .slick-arrow{right:1%;}
	#main-business-section #vproduct-section .slick-arrow.slick-next{left:1%;}
}
@media screen and (max-width:1500px){
	#main-business-section #vproduct-section .slick-arrow{width: 100px;height: 100px;}
}
@media screen and (max-width:1450px){
	#main-business-section #vproduct-section .slick-arrow{width: 80px;}
}
@media screen and (max-width:1400px){
	#main-business-section #vproduct-section .slick-arrow{width: 50px;}
}
@media screen and (max-width:1350px){
	#main-business-section #vproduct-section .slick-arrow{display:none !important;}
}

@media screen and (max-width:1200px){
	#main-business-section #vproduct-section .slick-slide{max-width:1000px; padding:0 20px;}
	#main-business-section #vproduct-section .img{width:540px;}
	#main-business-section #vproduct-section .slick-active .img img{border:0}
	#main-business-section #vproduct-section .slick-active .img{border:5px solid #ed1c24;}
}

@media screen and (max-width:1020px){
	#main-business-section #vproduct-section .slick-slide{width:100%; max-width:auto;}
	#main-business-section #vproduct-section .img{width:50%;}
}

@media screen and (max-width:980px){
	#main-business-section{/* padding:120px 0; */}
	#main-business-section #vproduct-section a h4{max-width:300px; padding:20px 20px 0; font-size:70px;}
	#main-business-section #vproduct-section a h3{max-width:350px;padding:10px 20px 0;font-size: 30px;}
}

@media screen and (max-width:920px){
	#main-business-section #vproduct-section a h4{padding: 10px 20px 0;font-size:60px;}
	#main-business-section #vproduct-section a h3{font-size:30px;}
	#main-business-section #vproduct-section a p{margin: 30px 0 0;font-size:17px;}
	#main-business-section #vproduct-section .slick-slide{max-width:850px;padding:0 20px;}
	#main-business-section #vproduct-section .img{width:50%;}
}

@media screen and (max-width:880px){
	#main-business-section #vproduct-section{overflow:hidden;}
	#main-business-section #vproduct-section .slick-slide{/* max-width:800px; */}
}

@media screen and (max-width:780px){
	#main-business-section #vproduct-section a{height:auto;}
	#main-business-section #vproduct-section a h4{padding:10px 0 0; font-size:30px;}
	#main-business-section #vproduct-section a h3{padding:10px 0 0;}
	#main-business-section #vproduct-section .slick-active a h3::before{display:none;}
	#main-business-section #vproduct-section a p{margin:20px 0 0; padding:0;}
	#main-business-section #vproduct-section .slick-slide{max-width:700px;background-size: 54%;background-position: top 7% center;}
	#main-business-section #vproduct-section .img{width:100%; max-width:100%; top:auto; left:auto; margin-top:20px; position:relative; display:block;}
	#main-business-section #vproduct-section .img img{width:100%; height:auto; position:relative;}
	#main-business-section #vproduct-section .slick-active .img{right:auto !important; max-width:100%; position:relative;}
	#main-business-section #vproduct-section .slick-current .img,
	#main-business-section #vproduct-section .slick-current + .slick-slide .img{right:auto;}
	
}

@media screen and (max-width:680px){
	#main-business-section #vproduct-section .slick-slide{max-width:600px; overflow:hidden;}
}

@media screen and (max-width:600px){
	#main-business-section #vproduct-section .slick-slide{max-width:500px;;}
}

@media screen and (max-width:500px){
	#main-business-section #vproduct-section a h4{padding:10px 5px 0; font-size:25px;}
	#main-business-section #vproduct-section a h3{/* height:80px; */padding:10px 5px 0;font-size:25px;}
	#main-business-section #vproduct-section a p{font-size:13px; padding:0 5px;}
	#main-business-section #vproduct-section .slick-slide{max-width: 400px;overflow:hidden;}
	#main-business-section #vproduct-section .slick-dots{width:100%; bottom:-50px; text-align:center; position:absolute;}
	#main-business-section #vproduct-section .slick-dots li{max-width:auto !important; margin:0 2px; text-indent:-9000px; display:inline-block !important;}
	#main-business-section #vproduct-section .slick-dots li strong{display:none;}
	#main-business-section #vproduct-section .slick-dots li{width:18px !important; height:18px !important; text-indent:-9000px; border-radius:50% !important; border:3px solid #999; background:#f3f3f3; display:block;}
	#main-business-section #vproduct-section .slick-dots .slick-active{display:inline-block;}
	#main-business-section #vproduct-section .slick-dots .slick-active{border-color:#00a8e5;}
}
@media screen and (max-width:400px){
	#main-business-section #vproduct-section .slick-slide{max-width: 320px;}
}

@-webkit-keyframes video{0%{-webkit-transform:scale(1); transform:scale(1); opacity:0.5;}
  100%{-webkit-transform:scale(2); transform:scale(2); opacity:0;} }

@keyframes video{0%{-webkit-transform:scale(1); transform:scale(1); opacity:0.5;}
  100%{-webkit-transform:scale(2); transform:scale(2); opacity:0;} }





#main-prcenter-section{position:relative;background:url('../img/main/section5/bg.gif') center center no-repeat;background-size:cover;}
#main-prcenter-section .area-box {/* margin-top: 7%; */max-width:100%;}
#main-prcenter-section .prcenter-wrap {display: table; width: 100%; margin-top: 4%;}
#main-prcenter-section .prcenter-wrap > div {position: relative;display: table-cell;width: 50%;overflow: hidden;}
#main-prcenter-section .prcenter-wrap .prcenter-box {padding-right: 20px;text-align: center;vertical-align: middle;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 {padding-left: 20px;background:url('../img/main/section4/bg_right.jpg') center center no-repeat;background-size: cover;text-align: center;vertical-align: middle;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul {}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat {}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul {border-top: 1px solid #eeeeee;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li{display: inline-block; width: 100%; padding: 14px 0px; border-bottom: 1px solid #eeeeee;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box{display: table; width: 100%; height: 78px; cursor: pointer;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul{width:100%;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li{display:table-cell;vertical-align: bottom;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) {transition: all 0.2s ease-out 0s;width: 100px; color: #999999;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) h3 {font-size: 48px; font-weight: 600; line-height: 1.2; letter-spacing: -1px;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) em{font-size: 14px; font-weight: 500;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) {width: calc(100% - 100px);text-align:left;padding-left: 1em;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) p {display: block; padding-bottom: 10px;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) p em {display: inline-block; border: 1px solid #eee; font-size: 12px; color: #000; padding: 7px 0; width: 110px; text-align: center; text-transform: uppercase; transition: all 0.2s ease-out 0s;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) div.txt {transition: all 0.2s ease-out 0s;display: block; font-size: 16px; color: #666; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) div.txt span {margin:0 4px}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) span.m_date {display:none;padding-top:10px;text-align:left;font-size: 12px; color: #999;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box:hover ul li:nth-child(1) {transition: all 0.2s ease-out 0s;color:#ed1c24;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box:hover ul li:nth-child(2) div.txt {transition: all 0.2s ease-out 0s;color:#000;}
#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box:hover ul li:nth-child(2) p em {background-color:#ed1c24;color:#fff;transition: all 0.2s ease-out 0s;}

/* PR CENTER slick */
.banner {width:100%;max-width:1238px;margin:0 auto;padding: 5em 0;position:relative;}
.banner .slick-slide{padding:0 12px; text-align:center;}
.banner .slick-slide span{padding:1px;border:1px solid #ddd;display:block;transition: all 0.2s ease-out 0s;}
.banner .slick-slide img{width: 100%;max-width: 220px;margin:0 auto;}
.banner .slick-slide span:hover {padding:0px;border:2px solid #ed1c24;transition: all 0.2s ease-out 0s;}
.banner .slick-arrow{width:18px; height:26px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; position:absolute; display: none !important;}
.banner .slick-dots{margin: 20px auto 0;padding:0;text-align:center;}
.banner .slick-dots li{width:auto;padding:0 3px;text-align:center;vertical-align: middle;display:inline-block;float:none;}
.banner .slick-dots li button{width: 13px !important;height: 13px !important;border: 0;margin:0 auto;padding:0;text-indent:-9000em;border-radius:50% !important;background: #aeaeae;display:block;}
.banner .slick-dots .slick-active button{width: 15px !important;height: 15px !important;border: 2px solid #fff;background: #ed1c24;box-shadow: 0px 0px 0px 2px #ed1c24;}

/**/
#main-prcenter-section .main-title-box .main-tit, #main-prcenter-section .main-title-box .main-stit, #main-prcenter-section .prcenter-wrap, #main-prcenter-section .banner {transform: translateY(50px); opacity: 0; visibility: hidden; transition: all 1s;}
#main-prcenter-section.effect-start .main-title-box .main-tit {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.3s;}
#main-prcenter-section.effect-start .main-title-box .main-stit {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.5s;}
#main-prcenter-section.effect-start .prcenter-wrap {display: table;width: 100%;max-width: 1200px;margin: 0 auto;transform: translateY(0);opacity: 1;visibility: visible;transition-delay: 0.8s;}
#main-prcenter-section.effect-start .banner {transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 1s;}
/**/
/*
@media screen and (max-width:1220px){
	.banner .slick-arrow{display:none !important;}
	.banner .slick-dots{display:block !important;}
}
*/
@media all and ( max-width: 980px ){
	.banner .slick-slide{padding:0 6px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) h3 {font-size: 44px;}
}
@media all and ( max-width: 780px ){
	.banner {padding: 4em 0 1em 0;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) h3 {font-size: 40px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box {width:100%; display:inline-block;padding-right:0px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 {width:100%; display:inline-block;padding-left:0px; margin-top:1em;}
}
@media all and ( max-width: 600px ){
	.banner {padding: 3em 0;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li{padding: 10px 0px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) h3 {font-size: 38px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) em{font-size: 13px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) p em {padding: 5px 0; width: 100px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) div.txt {font-size: 15px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) {width: 90px; }
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) {width: calc(100% - 90px);}
}
@media all and ( max-width: 500px ){
	.banner {padding: 2em 0;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) h3 {font-size: 35px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) em{font-size: 12px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) p em {font-size:11px;padding: 5px 0;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) div.txt {font-size: 14px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) {width: 60px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) {width: calc(100% - 60px);}
}
@media all and ( max-width: 400px ){
	.banner .slick-slide{padding:0 3px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(1) {display:none;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) div.txt {font-size: 13px;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) {width:100%;padding: 0;}
	#main-prcenter-section .prcenter-wrap .prcenter-box2 > ul > .lat > ul > li .inner_box ul li:nth-child(2) span.m_date {display:block;}
}



@media all and (max-width:1620px){
	.area-box{padding:5em 30px;}
}
@media all and (max-width:1024px){
	.area-box,
	.area{padding:0 15px}
}
@media all and (max-width:980px){
	.area-box,
	.area{padding: 4em 10px;}
}