@charset "utf-8";

@media all and ( max-width: 1024px ) {
	/* .section, .fp-tableCell{height: auto !important;} */
	/* .section:not(#mainVisualNew), .section:not(#mainVisualNew) .fp-tableCell{height: auto !important;}
	#mainVisualNew, #mainVisualNew .fp-tableCell{display: block;} */
	.section:not(#mainVisualTest), .section:not(#mainVisualTest) .fp-tableCell{height: auto !important;}
	#header{display: block !important;}
}
/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1220px ) {
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:52px; line-height: 1.1;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:20px; line-height: 1.2;}
	
	
	/* 康明斯 */
	.main-visual-01 .v-list011{top: 18%; left: 57%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list021{top: 23%; left: 39%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list031{top: 23%; right: 53%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list041{top: 63%; right: 91%; margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list051{top: 0%; right: 53%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list061{top: 20%; left: 89%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list071{top: 17%; left: 84%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list081{top: 22%; left: 87%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list091{top: 50%; left: 67%;  margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list101{top: 54%; right: 52%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list111{top: 60%; right: 55%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list121{top: 47%; right: 51%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list131{top: 63%; right: 62%; margin-top: 195px; margin-right: -280px;}
	
	
	
}
@media all and ( max-width: 1024px ) {
	#mainVisual{height: 930px;}
	.main-visual-con{width: 100%; height: 930px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:48px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:18px;}
	
}
@media all and ( max-width: 1620px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt-inner{width: calc(100% - 30px);}
}
@media all and ( max-width: 800px ){
	
	
	
	
	.main-visual-over-bx {position:absolute; width:100%; height:100%; left:0; top:0;}
	
	
	
	#mainVisual{height: auto;}
	/* .main-video-con{width: 100%; height: 100vh;} */
	.main-visual-con{width: 100%; height: auto;}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-m-img img{width:100%;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{margin-top:-192px}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:19px; line-height: 24px; margin-bottom:10px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:14px; line-height: 19px; margin-bottom:0;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 .m-br{display: block;}
	
	.main-scroll-simbol{}
	.circle-animation{width: 20px; height: 20px;}
	.circle-animation .plus-icon-m{display: block !important; width: 20px; height: 20px;}
	.circle-animation .loader-inner, .circle-animation .list-txt-thum{display: none;}

	/* hover전 이미지 */
	.list-bg{margin-top: -45px; margin-left:-45px; width:90px; height:90px;}
	.list-bg:before{margin-left: -52px; margin-top: -52px; /* border:7px solid rgba(214, 0, 0, 0.7); */}
	.list-bg:after{margin-left: -49px; margin-top: -49px; /* border: 4px solid rgba(214, 0, 0, 0.7); */}

	/* 메인 비주얼01 :: circle 각각 위치 */
	/* 东风 */
	.main-visual-01 .v-list01{top: 50%; left: 50%; margin-top: 21%; margin-left: -38%;}
	.main-visual-01 .v-list02{top: 50%; left: 50%; margin-top: 22%; margin-left: -23%;}
	.main-visual-01 .v-list03{top: 50%; left: 50%; margin-top: 29%; margin-left: 13%;}
	.main-visual-01 .v-list04{top: 56%; right: 53%; margin-top: 16%; margin-right: -38%;}
	.main-visual-01 .v-list05{top: 37%; right: 82%; margin-top: 25%; margin-right: -34%;}
	
	
	
	
	
	/* 康明斯 */
	.main-visual-01 .v-list011{top: 21%; left: 69%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list021{top: 30%; left: 36%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list031{top: 26%; right: 61%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list041{top: 63%; right: 125%; margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list051{top: 9%; right: 56%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list061{top: 26%; left: 122%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list071{top: 23%; left: 113%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list081{top: 25%; left: 115%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list091{top: 49%; left: 85%;  margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list101{top: 51%; right: 57%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list111{top: 55%; right: 63%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list121{top: 47%; right: 58%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list131{top: 57%; right: 77%; margin-top: 195px; margin-right: -280px;}
	
	
	
	
	
	
	
	
	
	/* 메인 비주얼02:: circle 각각 위치 */
	.main-visual-02 .v-list01{top: 50%; left: 50%; margin-top: 21%; margin-left: -38%;}
	.main-visual-02 .v-list02{top: 50%; left: 50%; margin-top: 26%; margin-left: -27%;}
	.main-visual-02 .v-list03{top: 50%; left: 50%; margin-top: 25%; margin-left: -15%;}
	.main-visual-02 .v-list04{top: 50%; right: 50%; margin-top: 25%; margin-right: -19%;}
	.main-visual-02 .v-list05{top: 50%; right: 50%; margin-top: 25%; margin-right: -34%;}

	/* 비디오영역 */
	/* #mainVisualNew,
	#mainVisualNew .fp-tableCell{height:auto !important;} */
	#mainVisualTest,
	#mainVisualTest .fp-tableCell{height:auto !important;} 
	.main-video-con{height:0; padding-top:55%; position:relative;}
	.background-video-wrapper{position:absolute; top:0px; left:0px;}
	.background-video iframe{position:absolute; width:100%; height:100%;}
	#mainVisualVideo{width:100%;}
}



/* ******************  메인 컨텐츠 ********************** */
/* 공통사항 */
@media all and (max-width:1220px){
    
}
@media all and (max-width:800px){
	.main-tit-con{margin-top: 15px;}
	.main-tit-con .tit{font-size: 30px;}
	.main-tit-con .txt{margin-top: 10px; font-size: 12px; line-height: 1.3;}
   
	.view-more{margin-top: 35px; width:105px; height:28px; line-height:28px; font-size:10px;}
	.view-more .arrow{margin-left: 5px; font-size: 10px;}
}



/* ******************  메인 컨텐츠 02 :: 제품 소개 ********************** */
@media all and ( max-width: 1320px ){
	.main-prd-con{width: calc(100% - 30px);}
	.prd-ori-txt{width: 34%;}

	.prd-ori-img {width: 65%;/* width: calc(100% - 435px); */ left: auto; right: 15px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);}
	ul.prd-ori-img-list{max-width: 420px; width: 71%; height: auto;}
	ul.prd-ori-img-list .slick-dots {position: fixed; right: 0; height: 480px;}
}
@media all and ( max-width: 1220px ){
	.prd-ori-img {width: 66%;}
	ul.prd-ori-img-list {width: 50%; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);}
	ul.prd-ori-txt-list li .tit{margin-bottom: 30px; font-size: 50px;}
	ul.prd-ori-txt-list li .info{margin-bottom: 40px; font-size: 16px; line-height: 24px; height:72px;}
	ul.prd-ori-img-list .slick-dots {right: -100%;}
}
@media all and ( max-width: 1024px ){
	#mainSection02{height: 930px;}
	.main-sec-con02{width: 100%; height: 930px;}
	.prd-ori-img {width: 64%;}
	ul.prd-ori-img-list {width: 50%;}
}
@media all and ( max-width: 800px ){
	.main-sec-con02{width: 100%; height: 650px;}
	.main-sec-con02-bg{height: 100%;}
	.main-prd-con{margin-top: 0; width: calc(100% - 30px); height: 100%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
	/* 텍스트 */
	#mainSection02 .prd-ori-txt{opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);}
	.prd-ori-txt{width: 90%; height: 92%; margin-top: 0; top: auto; bottom: 0;}
	ul.prd-ori-txt-list{width: 100%; position: absolute; left: 0; top: auto; bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
	ul.prd-ori-txt-list li{-ms-word-break: keep-all; word-break: keep-all;}
	ul.prd-ori-txt-list li .tit{margin-bottom: 20px; font-size: 30px;}
	ul.prd-ori-txt-list li .info{margin-bottom: 20px; font-size: 12px; line-height: 17px; height:51px;}
	ul.prd-ori-txt-list .slick-dots{position: absolute; top: -30px; left: 0;}
	ul.prd-ori-txt-list .slick-dots li{margin: 0 5px; display: inline-block;}
	ul.prd-ori-txt-list .slick-dots li button{width: 4px; height: 4px;}
	ul.prd-ori-txt-list .slick-dots li.slick-active button{width: 12px;}
	/* 이미지 */
	#mainSection02 .prd-ori-img{opacity:1.0;filter:Alpha(opacity=100);}
	.prd-ori-img {width: 100%; top: 13%; right: 0; height: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
	ul.prd-ori-img-list {width: 50%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
	/* dot */
	ul.prd-ori-img-list .slick-dots{right: -44%; top: 40px; margin-top: 0;/*top: 50%;  margin-top: -135px;  margin-top: -95px;*/ width: 42px; height: 270px;
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);}
	ul.prd-ori-img-list .slick-dots li{width: 100%; margin: 6px 0; height: auto;}
	ul.prd-ori-img-list .slick-dots li a{position: relative; display: block; width: 100%; height: 0; padding-top: 100%; background-color: #fff; cursor: pointer;}
	ul.prd-ori-img-list .slick-dots li a:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid transparent;}
	ul.prd-ori-img-list .slick-dots li.slick-active a:after{margin-top: -6px; left: -9px; width: 9px; height:12px; background: url("../images/icon/icon_tri.png") 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
	ul.prd-ori-img-list .slick-dots li a img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; width: 100%; height: 100%;}
}
@media all and ( max-width: 480px ){
	.main-sec-con02{width: 100%; height: 500px;}
	.prd-ori-txt{width: 84%;}
	.prd-ori-img{top: 17%;}
	
	
	
	
	/* 康明斯 */
	.main-visual-01 .v-list011{top: 10%; left: 110%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list021{top: 14%; left: 66%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list031{top: 10%; right: 58%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list041{top: 54%; right: 170%; margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list051{top: -5%; right: 80%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list061{top: 15%; left: 164%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list071{top: 10%; left: 140%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list081{top: 11%; left: 136%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list091{top: 41%; left: 85%;  margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list101{top: 36%; right: 88%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list111{top: 30%; right: 88%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list121{top: 40%; right: 95%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list131{top: 43%; right: 106%; margin-top: 195px; margin-right: -280px;}
	
	
	
	
}
@media all and (max-width:359px){
	.prd-ori-img{top: 19%;}

	
}

@media all and (max-width:375px){

	/* 康明斯 */
	.main-visual-01 .v-list011{top: 8%; left: 120%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list021{top: 10%; left: 70%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list031{top: 10%; right: 58%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list041{top: 50%; right: 180%; margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list051{top: -5%; right: 80%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list061{top: 12%; left: 174%; margin-top: 150px; margin-left: -380px;}
	.main-visual-01 .v-list071{top: 7%; left: 146%; margin-top: 195px; margin-left: -235px;}
	.main-visual-01 .v-list081{top: 8%; left: 140%; margin-top: 230px; margin-left: -205px;}
	.main-visual-01 .v-list091{top: 39%; left: 85%;  margin-top: 105px; margin-right: -400px;}
	.main-visual-01 .v-list101{top: 36%; right: 88%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list111{top: 30%; right: 100%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list121{top: 40%; right: 95%; margin-top: 195px; margin-right: -280px;}
	.main-visual-01 .v-list131{top: 40%; right: 115%; margin-top: 195px; margin-right: -280px;}
	
}
/* ******************  메인 컨텐츠 03~05 :: 공통사항 ********************** */
@media all and ( max-width: 1024px ){
	#mainSection03 .fp-tableCell, #mainSection04 .fp-tableCell, #mainSection05 .fp-tableCell{padding: 180px 0;}
}
@media all and ( max-width: 800px ){
	#mainSection03 .main-sec-con-bg, #mainSection04 .main-sec-con-bg, #mainSection05 .main-sec-con-bg{
		-ms-transform: scale(1.0,1.0) rotate(0.002deg);
		-o-transform: scale(1.0,1.0) rotate(0.002deg);
		-moz-transform: scale(1.0,1.0) rotate(0.002deg);
		-webkit-transform: scale(1.0,1.0) rotate(0.002deg);
		transform: scale(1.0,1.0) rotate(0.002deg);
	}
	#mainSection03 .main-tit-con .inner, #mainSection04 .main-tit-con .inner, #mainSection05 .main-tit-con .inner{
		opacity:1.0;filter:Alpha(opacity=100);
		-ms-transform: translateX(0px); 
		-o-transform: translateX(0px); 
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		transform: translateX(0px);
	}
}