@charset "utf-8";
.lt_bn {position:relative;  }
.lt_bn li{position:relative;text-align:center; height:auto;  }
.lt_bn li img{max-width:100%; vertical-align:top; border-radius:10px; }
.lt_bn .bn_txt{width:100%;z-index:2;position:absolute;text-align:left; top:50%;left:0;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform: translateY(-50%);}
.lt_bn .txt_wr{position:relative;  max-width:1140px;margin:0 auto;padding:0 3%}

.lt_bn li {
    display: none; /* 초기에 숨겨둡니다 */
}
.lt_bn li .bn_tit{display:block;max-width:500px;font-size:4em;font-weight:600; line-height:1.4em;color:#4ad1d4;word-break:keep-all}
.lt_bn li .bn_detail{font-size:1.385em;margin:35px 0 ;color:#888;font-weight:400}
.lt_bn li .bn_view {display:inline-block;background:none;color:#4ad1d4;border:2px solid #4ad1d4;padding:0 25px;line-height:45px;border-radius:30px;
;transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}
.lt_bn li .bn_view:hover{background:#4ad1d4;color:#fff}

.lt_bn .bx-pager{position:absolute;bottom:0;right:0}



.lt_bn li .bn_tit{opacity:0; transform:translateY(30px);
-webkit-transition: all 0.3s ease-in .3s;
-moz-transition:  all 0.3s ease-in .3s;
-ms-transition: all 0.3s ease-in .3s;
-o-transition: all 0.3s ease-in .3s;
transition: all 0.3s ease-in .3s}
.lt_bn li .active-slide .bn_tit{opacity:1;
transform:translateY(0)}

.lt_bn li .bn_detail{opacity:0;
-webkit-transition: all 1s ease-in .5s;
-moz-transition:  all 1s ease-in .5s ;
-ms-transition:  all 1s ease-in .5s;
-o-transition: all 1s ease-in .5s;
transition: all 1s ease-in .5s}
.lt_bn li .active-slide .bn_detail{opacity:1}

.lt_bn li .bn_view{opacity:0;
-webkit-transition: all 1.3s ease-in 1s;
-moz-transition: all 1.3s ease-in 1s;
-ms-transition: all 1.3s ease-in 1s;
-o-transition: all 1.3s ease-in 1s;
transition: all 1.3s ease-in 1s}
.lt_bn li .active-slide .bn_view{opacity:1}

/*.lt_bn #bx_pager{position:absolute;top:200px;right:5%; transform:translateX(-6%);}*/
.lt_bn #bx_pager{position:absolute;width:100%; bottom:40px; text-align:center; z-index:100; }
.lt_bn #bx_pager a{color:#333;display:inline-block;}
.lt_bn #bx_pager span{display:block;width:44px; height:9px; background:#BEBBBC; border-radius:50px; vertical-align:top;margin-right:8px;-webkit-transition: all 0.3s ease-in;-moz-transition:  all 0.3s ease-in ;-ms-transition: all 0.3s ease-in ;-o-transition: all 0.3s ease-in ;
transition: all 0.3s ease-in }
.lt_bn #bx_pager a span.count { display:none  }
.lt_bn #bx_pager a:nth-child(1) /*label:after { content:'수직운송시스템'  }*/
.lt_bn #bx_pager a:nth-child(2) /*label:after { content:'보관시스템'  }*/
.lt_bn #bx_pager a:nth-child(3) /*label:after { content:'테이블 리프트'  }*/
.lt_bn #bx_pager a:nth-child(4) /*label:after { content:'고소작업대'  }*/
.lt_bn #bx_pager a:nth-child(5) /*label:after { content:'전동차량'  }*/
.lt_bn #bx_pager a:nth-child(6)/*label:after { content:'하역/운반기계'  }*/
.lt_bn #bx_pager a:nth-child(7) /*label:after { content:'입/출고 관련장비'  }*/
.lt_bn #bx_pager a:nth-child(8) /*label:after { content:'크레인'  }*/
.lt_bn #bx_pager .active{opacity:1}
.lt_bn #bx_pager .active span{ background:#fff; }      
.lt_bn .btn_bottom{position:absolute;bottom:0;left:50%;width:81px;height:37px;background:url('./btn_bottom.png');border:0;margin-left:-40px;text-indent:-999px;overflow:hidden}



.arrow{position: relative; display: inline-block;vertical-align: middle;transform: rotate(45deg);box-sizing: border-box;width: 11px;height: 11px; border-width: 2px 2px 0 0; border-style: solid;margin-left: 25px;}
.arrow:before {right: 0; top: -1px; position: absolute; height: 2px; box-shadow: inset 0 0 0 32px; width: 18px;
-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
-webkit-transform-origin: right top;}
.arrow:after,.arrow:before {content: "";box-sizing: border-box;}
.lt_bn .bx-prev{position:absolute;top:50%;left:0;width:50px;height:50px;margin-top:-25px;opacity:0.5;text-indent:-999px;overflow:hidden;background:url(prev.png) no-repeat 50% 50%  rgba(0,0,0,0.1)}
.lt_bn .bx-next{position:absolute;top:50%;right:0;width:50px;height:50px;margin-top:-25px;opacity:0.5;text-indent:-999px;overflow:hidden;background:url(next.png) no-repeat 50% 50%  rgba(0,0,0,0.1)}
.lt_bn .bx-prev:hover,.lt_bn .bx-next:hover{opacity:1}
.lt_bn .bn_link {display:block;position:absolute;top:10px;right:10px;background:#ff0000;color:#fff;border-radius:50px;width:40px;padding:0;line-height:40px;text-align:center;opacity:0; z-index:99}
.lt_bn:hover .bn_link{opacity:1} 

@media (max-width:1279px){    
    .lt_bn li .bn_tit {font-size:3em}
    .lt_bn li .bn_detail{font-size:1.2em;margin:20px 0}

 }
 @media (min-width:1864px){    

 }


@media (max-width: 969px){
    .lt_bn li .bn_tit {font-size:2.5em}
    .lt_bn li .bn_detail{font-size:1em} 
    .lt_bn li .bn_view{line-height:40px;font-size:1em}
    .lt_bn .txt_wr{padding:40px}
	.lt_bn #bx_pager{position:absolute;width:100%; bottom:20px; text-align:center; z-index:100; }
 }

@media (max-width: 639px){
    .lt_bn li .bn_tit {font-size:1.8em;width:60%}
    .lt_bn li .bn_view{display:none}
    .lt_bn li .bn_detail{display:none}
    .lt_bn .bx-prev,.lt_bn .bx-next{width:36px;height:36px;margin-top:-18px;background-size:25%}
}
@media (max-width: 552px){

}