@charset "utf-8";
html, body {word-break: keep-all;font-size:17px;}

/*서브공통*/

.page-head{line-height:1.2;}
.page-head div.fs-20{line-height:1.5;}
.sub_title{text-align:center; }
.font-outline{text-shadow:-1px 0 #888888, 0 1px #888888, 1px 0 #888888, 0 -1px #888888; color:#fff;}
div.gradient-gray{background:linear-gradient(#fff 50%, #f7f7f7 50%);}
.sub_head{margin-top:160px; }
.product_detail{background-color:#f7f7f7;}
.list_style li:before {content:'·'; color:#ec6901; font-weight:700; padding-right:5px;}

.prd_cont{width:50%;}
.product_roll{ margin-bottom:170px;}
.prd_table{width:50%;}
.prd_table table{width:100%;}
.prd_table tbody{ border-top:2px solid #111;}
.prd_table tr{padding:30px 10px 30px 30px; border-bottom:1px solid #bbbbbb; display:block;}
.prd_table tr:last-child{border-bottom:2px solid #111;}
.prd_table .fw-700{width:200px;}

.fi_cl .wrap-sub .border_2p{border-top:2px solid #111; border-bottom:2px solid #111; padding-top:80px;}
.fi_cl .wrap-sub .title_2d{width:50%; }
.fi_cl .wrap-sub .fi_list{width:50%;}
.fi_cl .wrap-sub .fi_list ul{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.fi_cl .wrap-sub .fi_list ul li {width:50%; text-align:center; margin-bottom:50px;}


@media (max-width:1024px){
	.wrap{width:95%;}
	.sub_head{margin-top:15%; }

}
@media (max-width:768px){
	.product_detail .flex{width:100%; display:inline-block;}
	.prd_cont{width:100%;text-align:center; }
	.prd_cont .img{display:none;}
	.prd_table{width:100%; padding-top:10%; }
	.product_roll{ margin-bottom:15%;}
	
}
@media (max-width:425px){
	.fi_cl .wrap-sub .flex{display:inline-block;}
	.fi_cl .wrap-sub .title_2d{width:100%; text-align:center; margin-bottom:10%;}
	.fi_cl .wrap-sub .fi_list{width:100%;}
	
	
}




/**/
#recliner{margin-top:100px; padding-bottom:160px; }
#recliner .flex{padding-top:160px; padding-bottom:100px; margin-bottom:160px;}
#recliner .fi_cl .flex{padding-top:80px;}
#recliner .flex.border_2p{padding-bottom:0;}

@media (max-width:820px){
	#recliner .flex .prd_table table{white-space:normal;}
	#recliner .flex.border_2p{padding-top:80px;}
	#recliner .product_detail .flex{padding-top:18%; margin-bottom:0;padding-bottom:23%;}
	#recliner .product_detail{margin-bottom:18%;}

}
@media (max-width:425px){
	

}





/**/
#DoorLatch{margin-top:100px; padding-bottom:160px; }
#DoorLatch .flex{padding-top:160px; padding-bottom:100px; margin-bottom:160px;}
#DoorLatch .fi_cl .flex{padding-top:80px;}
#DoorLatch .flex.border_2p{padding-bottom:0;}
@media (max-width:768px){
	#DoorLatch .flex .prd_table table{white-space:normal;}
	#DoorLatch .flex.border_2p{padding-top:80px;}
	#DoorLatch .product_detail .flex{padding-top:15%; margin-bottom:0;padding-bottom:20%;}
	#DoorLatch .product_detail{margin-bottom:15%;}

}


/**/
#BrakePad{margin-top:100px; padding-bottom:160px; }
#BrakePad .flex{padding-top:160px; padding-bottom:100px; margin-bottom:160px;}
#BrakePad .fi_cl .flex{padding-top:80px;}
#BrakePad .flex.border_2p{padding-bottom:0;}
@media (max-width:768px){
	#BrakePad .flex .prd_table table{white-space:normal;}
	#BrakePad .flex.border_2p{padding-top:80px;}
	#BrakePad .product_detail .flex{padding-top:15%; margin-bottom:0;padding-bottom:20%;}
	#BrakePad .product_detail{margin-bottom:15%;}

}


/**/
#Transmission{margin-top:100px; padding-bottom:160px; }
#Transmission .flex{padding-top:160px; padding-bottom:100px; margin-bottom:160px;}
#Transmission .fi_cl .flex{padding-top:80px;}
#Transmission .flex.border_2p{padding-bottom:0;}
@media (max-width:768px){
	#Transmission .flex .prd_table table{white-space:normal;}
	#Transmission .flex.border_2p{padding-top:80px;}
	#Transmission .product_detail .flex{padding-top:15%; margin-bottom:0;padding-bottom:20%;}
	#Transmission .product_detail{margin-bottom:15%;}

}


/**/
#Engine{margin-top:100px; padding-bottom:160px; }
#Engine .flex{padding-top:160px; padding-bottom:100px; margin-bottom:160px;}
#Engine .fi_cl .flex{padding-top:80px;}
#Engine .flex.border_2p{padding-bottom:0;}
@media (max-width:768px){
	#Engine .flex .prd_table table{white-space:normal;}
	#Engine .flex.border_2p{padding-top:80px;}
	#Engine .product_detail .flex{padding-top:15%; margin-bottom:0;padding-bottom:20%;}
	#Engine .product_detail{margin-bottom:15%;}

}


/**/

#job .se-4 {padding:150px 0;}
#job .p17-arr {position:relative;}
/*#job .p17-arr:before {
    content:''; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;
    width:80px; height:80px; border-radius:100%; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.1);
    background:url(/images/content/menu/p17_arr.png) no-repeat left 26px center #fff;
}*/
#job .flex{flex-wrap:wrap;}
#job .fine-blanking {position:relative;}
#job .fine-blanking:before {
    content:''; position:absolute; margin:auto; top:152px;  height:1px; width:100%;
    background:linear-gradient(to right, #fff 3px, #ddd 3px) repeat-x; background-size:6px;
}
#job  .fine-blanking{justify-content:space-between; -webkit-justify-content:space-between;}
#job .fine-blanking .item{max-width:300px;}
#job .fine-blanking .item p{width:80%; margin:0 auto;}
#job .fine-blanking .item .img {position:relative;}
#job .fine-blanking .item .img:before,
#job .fine-blanking .item .img:after {
    content:''; position:absolute; margin:auto; top:0; bottom:0; background:#fff;
    width:10px; height:10px; border:1px solid #ec6901; border-radius:100%;
}
#job .fine-blanking .item .img:before {left:0; transform:translateX(-50%);}
#job .fine-blanking .item .img:after {right:0;transform:translateX(50%);}
#job .fine-blanking .item:first-child .img:before {display:none;}
#job .fine-blanking .item:last-child .img:after {display:none;}
@media(max-width:1180px){
	#job .se-4 {padding:10% 0;}
	#job .fine-blanking:before {top:35%;  }
	
	#job .p17-arr .blank{width:49%;}

	
}
@media(max-width:962px){
	#job .se-4 {padding:8% 0;}
	#job .fine-blanking .item{width:28%;}
	#job .fine-blanking .item .img img{width:100%;}
	#job .fine-blanking:before {top:31%;  }
	#job .p17-arr div{margin-top:3%;}
	
	
}
@media(max-width:425px){

	#job .p17-arr div{margin-top:5%;}
	#job .fine-blanking .item{width:80%; margin-bottom:8%;}
	#job .fine-blanking:before {display:none;}
	#job .se-4  .fine-blanking{justify-content:space-evenly; -webkit-justify-content:space-evenly;}
	#job .fine-blanking .item .img:before {display:none;}
	#job .fine-blanking .item .img:after {display:none;}
}



/**/
#patent{margin-top:100px;}
#patent .tier {margin-top:100px;}
#patent .bg_gr{background-color:#f7f7f7; margin-top:160px; padding-top:160px; padding-bottom:260px;}
#patent .title_2d{margin-bottom:90px;text-align:center;}
#patent .wrap-sub ul.flex{justify-content:space-between;}
#patent .wrap-sub ul li{text-align:center;}
#patent .wrap-sub ul li.empty{width:300px;}
#patent .wrap-sub ul li span{margin-top:30px; display:block;}
@media(max-width:1180px){
	#patent .wrap-sub ul li{width:24%;}
	#patent .wrap-sub ul li.empty{width:24%;}
	#patent .title_2d{}
	
}
@media(max-width:820px){
	#patent .tier {margin-top:10%;}
	#patent .bg_gr{margin-top:15%;  padding-top:15%; padding-bottom:20%;}
	#patent .title_2d{margin-bottom:5%;}
	#patent .wrap-sub ul.flex{flex-wrap:wrap;justify-content:space-evenly;}
	#patent .wrap-sub ul li{width:49%; margin-bottom:5%;}
	#patent .wrap-sub ul li.empty{width:0;}
	#patent .wrap-sub ul li span{margin-top:3%;}

}
@media(max-width:425px){
	#patent .wrap-sub ul li{width:47%;}

}
@media(max-width:375px){
	#patent .tier {margin-top:15%;}
	#patent .title_2d{margin-bottom:10%;}
	#patent .wrap-sub ul li{width:100%; margin-bottom:10%;}

}



/**/
#history .wrap-sub .loca_tab{text-align:center; display:flex; flex-wrap:wrap; justify-content:center; padding-top:100px;}
#history .wrap-sub .loca_tab li {width:220px; }
#history .wrap-sub .loca_tab li a{color:#b6b6b6;}
#history .wrap-sub .loca_tab li.active a, #history .wrap-sub .loca_tab li:hover a{ color:#111; position:relative; transition:all 0.4s;}
#history .wrap-sub .loca_tab li.active a:before, #history .wrap-sub .loca_tab li:hover a:before {content:''; position:absolute; width:5px; height:5px; border-radius:100%; background:#ec6901; top:-4px; left:-8px;}
#history {background:url(/images/content/menu/history_05.png) no-repeat center bottom; margin-top:100px;}
#history > div:nth-child(1) {margin-bottom:170px;}

#history .wrap-sub .hs01{line-height:1.1;margin-bottom:80px;}
#history .wrap-sub .hs01 .fs-80{margin-bottom:50px;}
#history .wrap-sub .hs01 .fs-50 p:first-child{content:''; width:50px;border-top:3px solid #ec6901; padding-top:50px;}


#history .wrap-sub .flex.hs01 .img{width:50%;}
#history .wrap-sub .flex.hs01 .hi_bar{content:''; border-top:2px solid #ec6901; width:30px; margin-top:15px; margin-right:40px;}
#history .wrap-sub .flex.hs01 .data{}
#history .wrap-sub .flex.hs01 .data .hi-row div ul{margin-bottom:50px;}
#history .wrap-sub .flex.hs01 .data ul li{display:inline-block;}
#history .wrap-sub .flex.hs01 .data ul li:first-child{margin-right:35px; width:75px; vertical-align:top;}
#history .wrap-sub .flex.hs01 .data ul li.fs-18{color:#555; line-height:1.6;}
@media(max-width:1024px){
	#history .wrap-sub .flex.hs01 .data{width:100%;}
	#history .wrap-sub .flex.hs01 .hi_bar{margin-right:20px;}
	#history .wrap-sub .flex.hs01 .data ul li:first-child{margin-right:20px; width:50px;}
	
}
@media(max-width:820px){
	#history .wrap-sub .loca_tab{ padding-top:10%;}
	#history > div:nth-child(1) {margin-bottom:15%;}
	#history .wrap-sub .loca_tab li {width:28%; }

}
@media(max-width:425px){
	#history .wrap-sub .fs-56 br{display:none;}
	#history .wrap-sub .flex{flex-wrap:wrap;}
	#history .wrap-sub .flex.hs01 .img{width:100%;}
	#history .wrap-sub .hs01{margin-bottom:13%;}
	#history .wrap-sub .hs01 .fs-80{margin-bottom:10%;}
	#history .wrap-sub .hs01 .fs-50 p:first-child{padding-top:10%;}
	#history .wrap-sub .flex.hs01 .hi_bar{margin-top:12%; margin-right:5%;}
	#history .wrap-sub .flex.hs01 .data{margin-top:10%; }
	#history .wrap-sub .flex.hs01 .data .hi-row div ul{margin-bottom:8%;}
	#history .wrap-sub .loca_tab li {width:100%; margin-bottom:3%;}
}
@media(max-width:375px){

	
	#history .wrap-sub .flex.hs01 .data ul li:first-child{width:50px;}
	#history .hi-row ul{display:flex;}

}


/**/
#organization{margin-top:100px;}
#organization .wrap-b .wrap-sub img{margin-top:100px; margin-bottom:260px;}
#organization .wrap-b .wrap-sub .mo{display:none;}
@media(max-width:820px){
	#organization .wrap-b .wrap-sub img{margin-top:10%; margin-bottom:20%;} 
	
}
@media(max-width:425px){
	#organization .sub_title {width:70%; margin:0 auto;}
	#organization .wrap-b .wrap-sub img{margin-top:10%;} 
	#organization .wrap-b .wrap-sub .pc{display:none;}
	#organization .wrap-b .wrap-sub .mo{display:block;}
}


/**/
#partner{margin-top:100px; padding-bottom:260px;}
#partner .wrap-b{}
#partner .wrap-sub{}
#partner .wrap-sub .flex:nth-child(1){margin-top:100px;}
#partner .wrap-sub .sub_title{width:70%; margin:0 auto;}
#partner .border_bt{border-bottom:1px solid #c9c9c9; margin-bottom:80px;}
#partner .title_2d{width:44%;}
#partner .partners{width:70%;}
#partner .partners ul {display:flex; flex-wrap:wrap;}
#partner .partners ul li{text-align:center; width:33%; padding-bottom:80px;}

#partner .partners ul:first-child{border-bottom:1px solid #c9c9c9; }
#partner .partners div.fs-22{margin-top:80px; padding-bottom:80px;}
@media(max-width:1180px){

	

}
@media(max-width:820px){
	
	
	#partner .wrap-sub .flex:nth-child(1){margin-top:15%;}
}
@media(max-width:425px){
	#partner .wrap-sub .sub_title{width:80%;}
	#partner .flex{flex-wrap:wrap;}
	#partner .title_2d{width:100%; margin-bottom:10%; text-align:center;}
	#partner .partners{width:100%;}
	#partner .partners div.fs-22{font-size:25px; text-align:center;}
	#partner .partners ul li{width:50%;}
}



/**/
#family{margin-top:100px; padding-bottom:260px;}
#family .wrap-sub .flex:nth-child(1){margin-top:100px;}
#family .border_bt{border-bottom:1px solid #c9c9c9;  margin-bottom:160px; padding-bottom:160px;}
#family .title_2d{width:44%;}
#family ul{flex-wrap:wrap; }
#family ul.flex{margin-top:40px;}
#family ul.flex > li{ width:50%; margin-top:25px;}

#family ul li ul{display:inline-block;}
#family ul li img{vertical-align:middle; margin-right:5px;}
#family ul li span{margin-right:15px;}
#family ul li ul {vertical-align:top;}
#family ul li ul li{width:100%;}
@media(max-width:820px){
	
	
	#family .wrap-sub .flex:nth-child(1){margin-top:18%;}
	#family .wrap-sub .flex{flex-wrap:wrap; }
	#family .title_2d{width:100%; text-align:center; margin-bottom:5%;}
	#family ul.flex{margin-top:3%;}
	#family ul.flex > li{display:flex; }
	#family ul.flex > li img{width:20px; height:20px;}
	#family ul.flex > li span.fs-20{ display:inline-block;}
	#family ul.flex > li span.fs-18{display:inline-block;}
	#family .border_bt{margin-bottom:18%; padding-bottom:18%;}
}
@media(max-width:425px){
	#family ul.flex > li{width:100%; }
	
	#family ul.flex > li span.fs-20{width:23%; display:inline-block;}
	#family ul.flex > li span.fs-18{width:68%;display:inline-block;}
}



/**/
#facility {margin-top:100px; padding-bottom:260px;}
#facility .wrap-sub .flex:nth-child(1){margin-top:100px;}
#facility .border_bt{border-bottom:1px solid #c9c9c9;  margin-bottom:160px; padding-bottom:160px;}
#facility .title_2d{width:45%;}
#facility .cont_100{width:100%;}
#facility ul{flex-wrap:wrap; justify-content:space-between;}
#facility ul.flex{}
#facility ul.flex > li{ width:50%; margin-top:50px;}
#facility span.fs-18{color:#555; }
#facility span.fs-23{margin-top:10px; display:block;}
@media(max-width:1180px){

	#facility ul.flex > li{ width:49%;}

}
@media(max-width:820px){
	#facility .wrap-sub .flex:nth-child(1){margin-top:18%;}
	#facility .wrap-sub .flex{flex-wrap:wrap; }
	#facility .title_2d{padding-bottom:3%;}
	#facility .border_bt{margin-bottom:20%; padding-bottom:20%;}

}
@media(max-width:425px){
	#facility .flex{text-align:center;}
	#facility .title_2d{margin:0 auto;}
	#facility ul.flex > li{ width:100%; }

}


/**/
#location {margin-top:100px; padding-bottom:260px;}
#location .wrap-sub .flex:nth-child(1){margin-top:100px;}
#location .wrap-sub > .flex{justify-content:space-between;}
#location .border_bt{border-bottom:1px solid #c9c9c9;  margin-bottom:160px; padding-bottom:160px;}
#location .locat_cont{width:47%;}
#location .locat_cont .fs-22{margin-bottom:20px;}
#location .locat_cont .fs-37{margin-bottom:30px;}
#location .locat_cont div span.fs-18{margin-bottom:50px; display: block;}
#location .locat_cont ul {margin-top:50px;}
#location .locat_cont ul li{margin-bottom:10px; display:flex;}
#location .locat_cont ul li span.fs-20{margin-right:15px; width:70px; display:inline-block;}
#location .locat_cont ul li span.fs-18{display:inline-block;}
.locat_map {width:50%; height:460px;}
@media(max-width:1180px){

	#location .locat_cont{width:57%;}
	.locat_map {width:40%; height:460px;}
}
@media(max-width:820px){
	#location .wrap-sub .flex:nth-child(1){margin-top:15%;}
	#location .wrap-sub .flex{flex-wrap:wrap; }
	#location .title_2d{padding-bottom:3%;}
	#location .locat_cont ul {margin-top:5%;}
	#location .border_bt{margin-bottom:15%; padding-bottom:15%;}

}
@media(max-width:425px){
	#location .locat_cont{width:100%; margin-bottom:10%;}
	.locat_map {width:95%; height:300px; margin:0 auto;}

}