/* 팝업레이어 */
#hd_pop {z-index:1000;position:fixed;margin:0 auto;height:0 ;width: 90%;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

.b_more {width: 150px; height: 50px; line-height: 50px;background-color: #004990; letter-spacing: 3px; text-align: center; color: #fff; display: block; transition: .3s}
.b_more:hover {letter-spacing: 7px;}

/*MAIN VISUAL*/
#main_visual {width: 100%; height: 100vh; overflow: hidden;}
.main_slogan { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 98; text-align: center; }
.main_slogan span {height: 40px; text-shadow: 3px 3px 5px rgba(0,0,0,.4); display: block; color: #fff; font-size: 40px; font-weight: 600; line-height: 1; margin-bottom: 10px;}
.main_slogan strong {height: 70px; text-shadow: 3px 3px 5px rgba(0,0,0,.4); display: block; font-size: 70px; color: #fff; line-height: 1;}

.main_visual {width: 100%; height: 100%;}
.slide_cover {width: 100%;height: 100%; position: absolute; background-color: rgba(0,0,0,.05); z-index: 1}

.main_slide {width: 100vw; height: 100vh; position: relative; }
.main_slide img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);min-width: 100%; min-height: 100%}
.main_slide img.main_1920 {display: block;}
.main_slide img.main_1200 {display: none;}
.main_slide img.main_768 {display: none;}

.main_visual .slick-arrow {width: 50px; height: 50px; position: absolute; z-index: 90; top:65%; transform: translateY(-50%); font-size: 50px; color:  #fff; border-radius: 50%; transition: .2s;line-height: 1;}
.main_visual .slick-arrow:nth-child(1) {left: 30%;}
.main_visual .slick-arrow:nth-child(3) {right: 30%;}
.main_visual .slick-arrow:hover {background-color: #fff; color: #999;}
.main_visual .slick-dots {position: absolute; z-index: 96; z-index: 90; top:65%; left: 50%; transform: translate(-50%, -50%); font-size: 0;}
.main_visual .slick-dots li {width: 15px; height: 15px; display: inline-block; background-color: #fff; border-radius: 50%; margin: 0 10px; transition: .2s;box-shadow: 3px 3px 5px rgba(0,0,0,.3);}
.main_visual .slick-dots li.slick-active {background-color: #eb6f24;}

.main_scroll {width: 100%; position: absolute; bottom: 15px;; text-align: center; opacity: .8;}
.main_scroll i {font-size: 30px; color: #fff; margin: -30px 0}
.main_scroll i:nth-child(1) {animation: sc 2s .2s infinite;}
.main_scroll i:nth-child(3) {animation: sc 2s .4s infinite;}
.main_scroll i:nth-child(5) {animation: sc 2s .6s infinite;}
.main_scroll p {color: #fff; letter-spacing: 5px; font-weight: 300;}

@keyframes sc {
	0% {opacity: 0}
	50% {opacity: 1}
	100% {opacity: 0}
}

/*MAIN PB*/
#main_pb {width: 100%; position: relative;}
.main_pb {width: 1200px; margin: 0 auto;padding: 100px 0;}
.main_pb_text {float: left; width: 50%; padding-right: 30px;}
.main_pb_text strong {color: #58595b; font-size: 42px;}
.main_pb_text span {color: #004990; font-size: 48px;}
.main_pb_text p {color: #595857; line-height: 24px;}
.main_pb_img {width: 50%; float: left; padding: 0 50px}
.main_pb_img img {width: 100%;}

.main_pb_back {position: absolute; width: 45%; height: 100%; background-image: url(../img/pb_back.jpg); top:0; right: 0; z-index: -1; background-repeat: no-repeat; background-size: cover;}
.main_pb_back div {width: 80%; height: 100%; background-color: rgba(0,65,139,.8); float: right;}

/*MAIN PB SLIDE*/
#main_pbslide {width: 100%; padding: 100px 0;}
.main_pbslide_title {width: 1200px; margin: 0 auto;}
.main_pbslide_title strong {font-size: 40px; color: #58595b; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.main_pbslide {margin: 100px 0;}
.main_pbslide_box {transform: scale(.8); transition: .5s}
.main_pbslide_text {width: 250px; height: 550px; float: left; background-color: #004990; position: relative; overflow: hidden; opacity: 0; transition: 1s;}
.main_pbslide_text strong {font-size: 30px; padding: 20px; color: #fff; display: block; line-height: 30px;}
.main_pbslide_text a {position: absolute; bottom: 0; left: 0; text-align: right; padding: 10px; width: 100%; background-color: #58595b; color: #fff;letter-spacing: 3px; height: 100px; transition: .2s}
.main_pbslide_text a:hover {letter-spacing: 7px; background-color: #7f7f7f;}
.main_pbslide_img {float: left; width: 950px; overflow: hidden;}
.main_pbslide_img img {width: 100%; transition: .3s}
.main_pbslide_img:hover img {transform: scale(1.05)}

.main_pbslide_box.slick-active {transform: scale(1)}
.main_pbslide_box.slick-active .main_pbslide_text {opacity: 1}

.main_pbslide .slick-arrow {width: 50px; height: 50px; position: absolute; z-index: 90; top:50%; transform: translateY(-50%); font-size: 50px; color:  #ddd; border-radius: 50%; transition: .2s;line-height: 1; background-color: #eee;}
.main_pbslide .slick-arrow:nth-child(1) {left: 17%;}
.main_pbslide .slick-arrow:nth-child(3) {right: 17%;}
.main_pbslide .slick-arrow:hover {background-color: #ddd; color: #999;}

.main_pbslide .slick-dots {width: 1200px; margin: 50px auto 0; z-index: 96; font-size: 0; text-align: center;}
.main_pbslide .slick-dots li {width: 15px; height: 15px; display: inline-block; background-color: #ddd; border-radius: 50%; margin: 0 10px; transition: .2s;}
.main_pbslide .slick-dots li.slick-active {background-color: #eb6f24;}

/*WORLD WIDE*/
#main_net {width: 100%; background-image: url(../img/world2.png);background-size: 80%; background-repeat: no-repeat; background-position: center center; padding: 100px 0;}
.main_net {width: 1200px; margin: 0 auto;}
.main_net_title {width: 100%; position: relative; border-bottom: 1px solid #ddd; margin-bottom: 100px;}
.main_net_title strong {color: #58595b; font-size: 40px;}
.main_net_title span {color: #004990; font-size: 30px;} 
.main_net_title a {position: absolute; right: 0; bottom: 10px;}
.main_net_list {width: 100%;}
.main_net_list li {float: left; margin-bottom: 50px; margin-right: 50px;}
.main_net_list li strong {font-size: 20px; color: #004990;display: block; margin-bottom: 10px;}
.main_net_list li p {font-size: 14px; color: #58595b; line-height: 20px;}

/*MAIN BRAND*/
#main_brand {width: 100%; padding: 50px;}
.main_brand {width: 100%;}
.main_brand strong {font-size: 40px; color: #58595b; text-align: center; margin: 30px auto; display: block;}
.main_brand_slide {width: 100%; border: 1px solid #ddd;}
.main_brand_slide li img {width: 200px;}

.main_brand_slide .slick-arrow {width: 50px; height: 50px; position: absolute; z-index: 90; top:50%; transform: translateY(-50%); font-size: 50px; color:  #ddd; border-radius: 50%; transition: .2s;line-height: 1; background-color: #fff;}
.main_brand_slide .slick-arrow:nth-child(1) {left: -25px;}
.main_brand_slide .slick-arrow:nth-child(3) {right:-25px;}
.main_brand_slide .slick-arrow:hover {background-color: #ddd; color: #999;}
#main_brand a {margin: 30px auto;}

/*MAIN PRODUCT*/
#main_pro {width: 100%; padding: 100px 0;}
.main_pro {width: 1200px; margin: 0 auto;}

.main_pro_slide {padding: 50px 0;}

.main_pro > strong {text-align: center; font-size: 40px; color:
#58595b; display: block; margin-bottom: 50px;}
.main_pro_box {width: 1200px; margin-top: 50px;}
.main_pro_img {float: left; width: 700px;}


.main_pro_text {float: left; position: relative;width: 500px; padding-top: 30px;}
.main_pro_text_icon {position: absolute; width: 100px; height: 100px; top:0; border: 1px solid #004990; border-radius: 50%; left: -120px; padding: 10px;}
.main_pro_text_icon img {width: 100%;}
.main_pro_text_icon:before {content: ''; display: block; width: 70px;height: 1px; background-color: #004990; transform: rotate(-45deg); position: relative; left: -53px; top:100px}

.main_pro_text strong {font-size: 30px; color: #58595b;}
.main_pro_text p {line-height: 30px; color: #58595b;}

.main_pro_slide a {float: left;}

.main_pro_slide .slick-dots {text-align: center; position: absolute; top:0; width: 100%;}
.main_pro_slide .slick-dots li {font-size: 0; display: inline-block;padding: 0 15px; transition: .5s;}

.main_pro_slide .slick-dots li:before {width: auto; display: block; font-size: 16px;}

.main_pro_slide.eng .slick-dots li:nth-child(1):before {content: "SUSPENSION & STEERING PARTS";}
.main_pro_slide.eng .slick-dots li:nth-child(2):before {content: "ENGINE PARTS";}
.main_pro_slide.eng .slick-dots li:nth-child(3):before {content: "BRAKE & CLUTCH PARTS";}
.main_pro_slide.eng .slick-dots li:nth-child(4):before {content: "ELECTRICAL PARTS";}
.main_pro_slide.eng .slick-dots li:nth-child(5):before {content: "AIR CONDITIONING PARTS";}
.main_pro_slide.eng .slick-dots li:nth-child(6):before {content: "MAINTENANCE PARTS";}

.main_pro_slide.esp .slick-dots li:nth-child(1):before {content: "PARTES DE SUSPENSION Y DIRECCION";}
.main_pro_slide.esp .slick-dots li:nth-child(2):before {content: "PARTES DE MOTOR";}
.main_pro_slide.esp .slick-dots li:nth-child(3):before {content: "PARTES DE FRENO Y EMBRAGUE";}
.main_pro_slide.esp .slick-dots li:nth-child(4):before {content: "PARTES ELECTRICAS";}
.main_pro_slide.esp .slick-dots li:nth-child(5):before {content: "PARTES DE AIRE ACONDICIONADO";}
.main_pro_slide.esp .slick-dots li:nth-child(6):before {content: "PARTES DE MANTENIMIENTO";}

.main_pro_slide .slick-dots li.slick-active {background-color: #004990;  color: #fff;}

.main_pro_slide .slick-arrow {width: 50px; height: 50px; position: absolute; z-index: 90; top:50%; transform: translateY(-50%); font-size: 50px; color:  #ddd; border-radius: 50%; transition: .2s;line-height: 1; background-color: #fff;}
.main_pro_slide .slick-arrow:nth-child(1) {left: -50px;}
.main_pro_slide .slick-arrow:nth-child(3) {right:-50px;}
.main_pro_slide .slick-arrow:hover {background-color: #ddd; color: #999;}


@media (max-width: 1200px) {
	.main_slide img {min-width: inherit; width: auto; height: auto;}
	.main_slide img.main_1920 {display: none;}
	.main_slide img.main_1200 {display: block;}
	.main_slide img.main_768 {display: none;}
	
	/*MAIN PB*/
	#main_pbslide {padding: 50px 0;}
	.main_pb {width: 100%;padding: 100px 15px;}
	.main_pb_text {width: 100%}
	.main_pb_img {width: 100%; padding: 100px 15px 0; text-align: center;}
	.main_pb_img img {width: 60%;}
	.main_pb_back {display: none;}
	
	.main_pbslide_title {width: 100%; text-align: center;}
	.main_pbslide_title strong {display: block;}
	.main_pbslide {margin: 50px 0;}
	.main_pbslide_box {width: 100vw;}
	.main_pbslide_text {width: 100%; height: auto; padding: 15px;}
	.main_pbslide_text strong {font-size: 20px;}
	.main_pbslide_text a {width: 20%; right: 0; left: auto; padding: 15px;}
	.main_pbslide_img {width: 100%;}
	.main_pbslide .slick-arrow {background-color: inherit;}
	.main_pbslide .slick-arrow:nth-child(1) {left: 0;}
	.main_pbslide .slick-arrow:nth-child(3) {right: 0;}
	.main_pbslide .slick-dots {width: 100%;}
	
	/*WORLD WIDE*/
	#main_net  {padding: 50px 0;}
	.main_net {width: 100%;}
	
	.main_net_title {margin-bottom: 50px;}
	.main_net_title strong {margin-left: 15px;}
	.main_net_title span {margin-left: 15px;} 
	.main_net_title a {position: static;margin: 30px 0; margin-left: 15px;}
	.main_net_list {padding: 0 15px;}
	
	/*MAIN BRAND*/
	#main_brand {padding: 15px}
	.main_brand_slide li img {width: 150px;}
	.main_brand_slide .slick-arrow:nth-child(1) {left: -15px;}
	.main_brand_slide .slick-arrow:nth-child(3) {right: -15px;}
	
	.main_pro {width: 100%;}
	.main_pro_box {width: 100vw;}
	.main_pro_img {width: 60%;}
	.main_pro_img img{width: 100%;}
	.main_pro_text_icon {display: none;}
	.main_pro_text {width: 40%;}
	.main_pro_slide .slick-arrow {transform: translateY(0); top:300px; background-color: inherit;}
	.main_pro_slide .slick-arrow:nth-child(1) {left:0}
	.main_pro_slide .slick-arrow:nth-child(3) {right:0;}
	
	.main_pro_slide a {float: right; margin-right: 30px;}
	
}
@media (max-width: 767px) {
	/*MAIN VISUAL*/
	.main_slogan span {font-size: 20px;}
	.main_slogan strong {font-size: 40px;}
	.main_visual .slick-arrow {top:75%;}
	.main_visual .slick-arrow:nth-child(1) {left: 15px;}
	.main_visual .slick-arrow:nth-child(3) {right: 15px;}
	.main_visual .slick-dots {top: 75%;}
	
	.main_slide img {min-height: inherit; min-width: inherit; width: 100%; height: auto;}
	.main_slide img.main_1920 {display: none;}
	.main_slide img.main_1200 {display: none;}
	.main_slide img.main_768 {display: block;}
	
	/*MAIN PB*/
	.main_pb_text strong {font-size: 30px}
	.main_pb_text span {font-size: 30px;}
	.main_pb_img img {width: 100%;}
	
	/*MAIN PB SLIDE*/
	.main_pbslide_title strong {font-size: 30px;}
	
	/*WORLD WIDE*/
	.main_net_title strong {font-size: 30px;}
	.main_net_title span {font-size: 24px;}
	.main_net_list li {margin-bottom: 30px; margin-right: 0;}
	
	
	/*MAIN BRAND*/
	.main_brand strong {font-size: 30px;}
	.main_brand_slide li img {width: 100px;}
	.main_brand_slide .slick-arrow:nth-child(1) {left: -15px;}
	.main_brand_slide .slick-arrow:nth-child(3) {right:-15px;}
	
	/*MAIN PRODUCT*/
	.main_pro {width: 100%; padding: 0 15px}
	.main_pro > strong {font-size: 30px;}
	.main_pro_box {width: 100vw; padding: 0 15px;}
	.main_pro_img {width: 100%;}
	.main_pro_img img {width: 100%;}
	.main_pro_text {width: 100%;padding: 0 15px;}
	.main_pro_slide a {float: left;}
}