@charset "utf-8";

.main_btn_wrap{display: inline-block;}
.main_btn {padding: 12px 40px; display: flex; align-items: center; font-weight: 200; color:#ffffff; border:1px solid #ffffff; transition:background-color .3s; }
.main_btn span{margin-right:40px;}
.main_btn i{display: block; font-size:16px; transition:transform .3s;}
.main_btn:hover{background: #0077c0;}
.main_btn:hover i{transform: translateX(-10px);}


.visual_wrap{position:relative; overflow: hidden;}
.visual_wrap .visual_info_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; z-index: 2;}
.visual_wrap .visual_info_wrap .visual_text_wrap{text-align: center; color:#ffffff;}
.visual_wrap .visual_info_wrap .visual_text_wrap h2{ font-size:64px; font-weight: 900; line-height: 1.15; color:#ffffff; opacity: 0;  } 
.visual_wrap .visual_info_wrap .visual_text_wrap div p{position:relative; margin-top:20px; font-size:24px; color:#dbdbdb; opacity: 0;   }

.visual_wrap .visual_img_wrap .slider_item figure{position: relative; height:100vh; min-height:620px; overflow: hidden; background: #000000;}
.visual_wrap .visual_img_wrap .slider_item figure img{position:absolute; top: calc(50% - 485.5px); left: calc(50% - 960px); transform: scale(1.3); width: auto; height:auto; transition:all 6s; }
.visual_wrap .visual_img_wrap .slider_item.swiper-slide-active figure img{transform:scale(1.1);}
.visual_wrap .vs_pagination{position:absolute; top:50%; right:120px; transform:translateY(-50%); z-index: 2;}
.visual_wrap .vs_pagination .vs_bullets_wrap span{margin:16px 0; display: block; width:12px; height:12px; background:#ffffff; opacity: 1;}
.visual_wrap .vs_pagination .vs_bullets_wrap span.swiper-pagination-bullet-active{background:#37b2ff;}
.visual_wrap .scroll_down_btn_wrap{position:absolute; top:calc(100% - 200px); right:105px;  z-index: 2;   } 
.visual_wrap .scroll_down_btn{position:relative; font-size:16px; letter-spacing: 0.2em; text-transform: uppercase; writing-mode: tb-rl; color:#ffffff; opacity: 0; }
.visual_wrap .scroll_down_btn::after{content:""; display: inline-block; width:1px; height:72px; background:#ffffff; }
.visual_wrap .scroll_down_btn i{margin:12px; display: inline-block; }

.news_slider .new_slider_inner{ display: flex; align-items: center; overflow:hidden; background: #f5f5f5;}
.news_slider .new_slider_inner .news_slider_title{flex-shrink: 0; padding:32px 48px; display: flex; align-items: center; height:95px; font-weight: 900; text-transform: uppercase; background: #0077c0; color:#ffffff;}
.news_slider .new_slider_inner .news_slider_content{padding:0 40px;  width:100%; min-width: 0; height:95px;}
.news_slider .new_slider_inner .news_slider_content .news_slider_item { display: flex; justify-content: space-between; align-items: center;}
.news_slider .new_slider_inner .news_slider_content .news_slider_item a:hover{color:#0077c0;}
.news_slider .new_slider_inner .news_slider_content .news_slider_item span{margin-left:8px; display: inline-block; color:#999999; font-size:16px; flex-shrink: 0;}
.news_slider .new_slider_inner .news_slider_controll{ display: flex; align-items: center; flex-shrink: 0;}
.news_slider .new_slider_inner .news_slider_controll button{padding:0 32px; border-left:1px solid #dbdbdb; height:100%; }
.news_slider .new_slider_inner .news_slider_controll button:first-child{border:none;}
.news_slider .new_slider_inner .news_slider_controll button span{position:relative; text-transform: capitalize; font-size:18px; font-weight: 500; color:#666666; transition:color .3s; }
.news_slider .new_slider_inner .news_slider_controll button span::before{content:""; position:absolute; top:50%; display: block; width:12px; height:12px; border-top:2px solid #666666; border-left:2px solid #666666 ; transition:border .3s; }
.news_slider .new_slider_inner .news_slider_controll button.news_slider_prev{padding-left:48px;}
.news_slider .new_slider_inner .news_slider_controll button.news_slider_prev span:before{left:-24px; transform: translateY(-50%) rotate(-45deg);}
.news_slider .new_slider_inner .news_slider_controll button.news_slider_next{padding-right:48px;}
.news_slider .new_slider_inner .news_slider_controll button.news_slider_next span:before{right:-24px; transform: translateY(-50%) rotate(135deg);}
.news_slider .new_slider_inner .news_slider_controll button:hover span{color:#0077c0; }
.news_slider .new_slider_inner .news_slider_controll button:hover span:before{border-color: #0077c0;}

.btn_pause{position: absolute; top:50%; left:0; display: block; width:20px; height:20px; background: #0077c0; z-index: 2;}



.main_section_title .text_wrap h3{ font-size: 48px; line-height: 1.15; text-align: center;  font-family: 'gmarket', sans-serif; font-weight: 600;}

.main_product{padding:100px 0; background: url("../images/main/main_product_bg.jpg")no-repeat center center /cover;}
.main_product .main_product_wrap{margin:64px -24px; display: flex; flex-wrap: wrap;}
.main_product .main_product_wrap .product_item{padding:0 24px; width:50%;}
.main_product .main_product_wrap .product_item a{position:relative; overflow: hidden;}
.main_product .main_product_wrap .product_item.forklift{margin-top:120px;}
.main_product .main_product_wrap .product_item .img_wrap .img_normal{display: none;} 
.main_product .main_product_wrap .product_item .img_wrap .img_hover{filter: grayscale(100%); transition: filter .3s;}
.main_product .main_product_wrap .product_item .text_wrap{position: absolute; bottom:0; left:0; padding:12px 40px; background: #ffffff; transition: padding .3s; }
.main_product .main_product_wrap .product_item .text_wrap::before{content:""; position: absolute; top:0; right:-40px; border-top: 66px solid transparent;
  border-left: 40px solid #ffffff; }
.main_product .main_product_wrap .product_item .text_wrap h4{font-size:24px; color:#777777; transition: color, transform .3s;}
.main_product .main_product_wrap .product_item a:hover .text_wrap h4{color:#0077c0; transform:translateX(12px);}
.main_product .main_product_wrap .product_item a:hover .img_wrap .img_hover{filter: grayscale(0);}
.main_product .main_product_wrap .product_item a:hover .text_wrap{padding:12px 100px;}


.main_rnd{padding: 268px 0; background: url("../images/main/main_rnd_bg.jpg")no-repeat center / cover;}
.main_rnd .main_section_title{display: flex; justify-content: flex-end;}
.main_rnd .main_section_title .text_wrap{width:50%; }
.main_rnd .main_section_title .text_wrap h3{text-align: left; color:#ffffff;}
.main_rnd .main_section_title .text_wrap p{margin-top:16px; color:#f0f0f0;}
.main_rnd .main_section_title .text_wrap .main_btn_wrap{margin-top:80px;}


.main_company{padding:160px 0; background: url("../images/main/main_company_bg.jpg")no-repeat center / cover; }
.main_company .inner_wrap{margin:0 -24px; display: flex; flex-wrap: wrap;}
.main_company .inner_wrap article{padding:0 24px; width:50%;}
.main_company .inner_wrap .main_section_title h3{text-align: left; color:#ffffff;}
.main_company .inner_wrap .main_section_title p{margin-top:16px; color:#ffffff;}
.main_company .inner_wrap .main_company_list ul{margin:0 -14px; display: flex; flex-wrap: wrap;}
.main_company .inner_wrap .main_company_list ul li{padding:14px; width:50%;}
.main_company .inner_wrap .main_company_list ul li a{position: relative; padding:40px 52px; height:100%; background: #ffffff; overflow: hidden; }
.main_company .inner_wrap .main_company_list ul li a::before{content: ""; position: absolute; top:0; left:0; display: block; width: 100%; height:100%;  border-width:0; border-color:#0077c0; border-style:solid; box-sizing: border-box; transition: border-width .3s;}
.main_company .inner_wrap .main_company_list ul li a h4{font-size:24px; font-weight: 500;}
.main_company .inner_wrap .main_company_list ul li a p{margin-top:8px; height:3em; font-weight: 200; line-height: 1.5em; color:#666666;}
.main_company .inner_wrap .main_company_list ul li a div{margin-top:40px; display: flex; align-items: center;}
.main_company .inner_wrap .main_company_list ul li a div span{ margin-right:20px;}
.main_company .inner_wrap .main_company_list ul li a div i{margin-top: 2px; font-size:16px;}
.main_company .inner_wrap .main_company_list ul li a:hover::before{  border-width:20px;}
.main_company .inner_wrap .main_company_list ul li a:hover h4{color:#0077c0;}
.main_company .inner_wrap .main_company_list ul li a:hover div{color:#0077c0;}

.main_contact_us{padding:100px 0; background: url("../images/main/main_contact_bg.jpg")no-repeat center / cover; }
.main_contact_us .inner_wrap{margin:0 -24px; display: flex; flex-wrap: wrap; align-items: center;}
.main_contact_us .inner_wrap article{padding:0 24px; width:50%;}
.main_contact_us .inner_wrap .main_section_title h3{text-align: left; color:#ffffff;}
.main_contact_us .inner_wrap .contact_link_wrap p{color:#ffffff;}
.main_contact_us .inner_wrap .contact_link_wrap .main_btn_wrap{margin-top:20px;}



/*main product img hover grayscale for only ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.main_product .main_product_wrap .product_item .img_wrap .img_normal{display: block; opacity: 1; transition: opacity .5s;} 
.main_product .main_product_wrap .product_item .img_wrap .img_hover{display: none; opacity: 0; transition: opacity .5s;}
.main_product .main_product_wrap .product_item a:hover .img_wrap .img_hover{display: block; opacity: 1;}
.main_product .main_product_wrap .product_item a:hover .img_wrap .img_normal{display: none; opacity: 0; transition: opacity .5s;}
}

@media(max-width:1600px) {
  

}

@media(max-width:1440px) {
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 56px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap div p {font-size: 20px;}

  .main_section_title .text_wrap h3{ font-size: 44px;}
} 

@media(max-width:1240px){
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 48px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap div p {font-size: 18px;}    
  .visual_wrap .vs_pagination {right: 5%;}

  .main_section_title .text_wrap h3{ font-size: 40px;}

  .main_company .inner_wrap .main_section_title{ width: 35%;}
  .main_company .inner_wrap .main_company_list{width:65%;}
}




@media(max-width:1024px) {   
  .main_btn i{font-size:15px;}

  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 44px;}
  .visual_wrap .visual_img_wrap .slider_item figure {min-height: auto;}
  .news_slider .new_slider_inner .news_slider_title { padding: 24px 32px;  height: 76px;}    
  .news_slider .new_slider_inner .news_slider_content {padding: 0 32px; height: 76px;}
  
  .news_slider .new_slider_inner .news_slider_controll button {padding: 0 12px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_prev {padding-left: 36px;}
  .news_slider .new_slider_inner .news_slider_controll button span {display: block;  width: 12px; height: 12px; font-size: 0;  line-height: 1em;}
  .news_slider .new_slider_inner .news_slider_content .news_slider_item span {font-size: 15px;}

  .main_section_title .text_wrap h3{ font-size: 36px;}

  .main_product .main_product_wrap .product_item .text_wrap h4 {font-size: 20px;}
  .main_product .main_product_wrap .product_item a:hover .text_wrap{padding:12px 80px;}

  .main_company {padding: 120px 0;}
  .main_company .inner_wrap .main_section_title{ width: 100%;}
  .main_company .inner_wrap .main_section_title p {margin-top: 4px;}
  .main_company .inner_wrap .main_company_list{margin-top:20px; width:100%;}
  .main_company .inner_wrap .main_company_list ul li a {padding: 32px 24px;}
  .main_company .inner_wrap .main_company_list ul li a h4 {font-size: 20px;}
  .main_company .inner_wrap .main_company_list ul li a p {margin-top: 4px;}
  .main_company .inner_wrap .main_company_list ul li a div {margin-top: 28px;}
  .main_company .inner_wrap .main_company_list ul li a:hover::before{  border-width:12px;}

  
  

}


@media(max-width:768px) {  
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 40px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap div p{font-size:16px;}
  .visual_wrap .vs_pagination { top: inherit; right: inherit; left: 50%; bottom: 5%; transform: translateY(0)translateX(-50%); }
  .visual_wrap .vs_pagination .vs_bullets_wrap{display: flex;}
  .visual_wrap .vs_pagination .vs_bullets_wrap span {margin: 0 8px; width: 10px; height: 10px;}

  .news_slider .new_slider_inner .news_slider_content {padding: 0px 20px;}
  .news_slider .new_slider_inner .news_slider_content .news_slider_item span {display: none;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_prev {padding-left: 20px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_next {padding-right: 32px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_prev span:before {left: -8px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_next span:before {right: -8px;}

  .main_section_title .text_wrap h3{ font-size: 32px;}

  .main_product .main_product_wrap { margin: 48px -24px;}
  .main_product .main_product_wrap .product_item .text_wrap h4 {font-size: 18px;}
  .main_product .main_product_wrap .product_item .text_wrap {padding: 12px 28px;}
  .main_product .main_product_wrap .product_item a:hover .text_wrap{padding:12px 60px;}
  .main_product .main_product_wrap {justify-content: center;}
  .main_product .main_product_wrap .product_item{width: 80%;}
  .main_product .main_product_wrap .product_item.forklift {margin-top: 64px;}

  .main_rnd {padding: 180px 0;}
  .main_rnd .main_section_title .text_wrap {width: 65%;}
  .main_rnd .main_section_title .text_wrap .main_btn_wrap {margin-top: 60px;}

  .main_contact_us .inner_wrap article {width: 100%;}
  .main_contact_us .inner_wrap .contact_link_wrap .main_btn_wrap {margin-top: 28px;}
  


}

@media(max-width:640px) {  
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 32px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap p br{display: none;}
}


@media(max-width:540px) {
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 br{display: none;}

  .main_section_title .text_wrap h3{ font-size: 28px;}

  .main_product .main_product_wrap { margin: 32px -24px;}
  .main_product .main_product_wrap .product_item.forklift {margin-top: 32px;} 

  .main_rnd {padding: 120px 0;}
  .main_rnd .main_section_title .text_wrap {width: 100%;}
  .main_rnd .main_section_title .text_wrap .main_btn_wrap {margin-top: 40px;}
  
  
}

@media(max-width:480px) {
  
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 32px;}

  .news_slider .new_slider_inner .news_slider_title {padding: 18px 16px;}
  .news_slider .new_slider_inner .news_slider_content {padding:0 16px;height: 64px; font-size:15px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_prev {padding-left: 12px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_next {padding-right: 28px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_prev span:before {left: -4px;}
  .news_slider .new_slider_inner .news_slider_controll button.news_slider_next span:before {right: -4px;}

  .main_company .inner_wrap .main_company_list ul li { padding: 8px 14px; width: 100%; } 
  .main_company .inner_wrap .main_company_list ul li a div {margin-top: 16px;}
  


}

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