@charset "utf-8";
.lt_bn {position:relative;overflow:hidden}
.lt_bn .bx-wrapper{height:640px}
.lt_bn li{background-position:center center;background-size:cover;background-repeat:no-repeat;height:640px;text-align:left;color:#fff}
.lt_bn .bg{;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);content:'';z-index:1;overflow:hidden}

.lt_bn .bn_txt{height: 100%;width: 1200px;margin: 0 auto;position: relative;z-index: 2;}

.lt_bn .txt_wr{position: absolute;bottom: 0;left: 0;width: 100%;}

.lt_bn li .bn_tit{font-size: 36px;font-weight: normal;line-height: 100%;font-family: 'NanumSquareExtraBold';padding: 0 0 30px;border-bottom: 1px solid rgba(255,255,255,.8);margin: 0 0 30px;}
.lt_bn li .bn_detail{font-size: 18px;margin: 0;line-height: 100%;font-family: 'NanumSquareBold';color: rgba(255,255,255,.8);margin:0 0 60px;}
.lt_bn li .bn_view {display:inline-block;background:#fff;color:#333;padding:0 35px;line-height:45px;margin-top:20px}

.lt_bn .bn_link{display:none;position:absolute;bottom:10px;right:10px;z-index:99;background:#ff0000;color:#fff;width:40px;line-height:40px;border-radius:30px;text-align:center;font-size:16px}
.lt_bn:hover .bn_link{display:block}
.lt_bn .bn_link:hover {transform: rotate( -45deg );color:#fff;}

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

.bx-controls-direction {width:1200px; margin:0 auto;position: relative;}
.bx-controls-direction a {position:absolute;display:block;bottom: 90px;width:38px;height:38px;text-indent:-9999px;}
.bx-controls-direction a.bx-prev {left:-70px;background: url('/img/mv_arrow_l.png') no-repeat;}
.bx-controls-direction a.bx-next {right:-70px;background: url('/img/mv_arrow_r.png') no-repeat;}



.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;bottom:20px;right:20px;z-index:99}
.lt_bn #bx_pager a{color:#fff;display:inline-block;padding:5px;line-height:20px;opacity:0.5}
.lt_bn #bx_pager span{display:inline-block;width:0;height:1px;background:#fff;vertical-align:top;margin-top:10px;margin-left: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 .active{opacity:1}
.lt_bn #bx_pager .active span{width:20px}      
.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}
 @media (max-width: 1200px){
 .lt_bn .bn_txt {width:98%;}
.bx-controls-direction  {display:none;}
}
 @media (max-width: 969px){
    .lt_bn .bx-wrapper ,.lt_bn li{height:500px}
    .lt_bn .bx-controls-direction a{width:30px;height:30px }
    .lt_bn .btn_bottom{display:none}
	.lt_bn .txt_wr {text-align:center;bottom: 50%;transform: translate(0, 50%);}
    .lt_bn #bx_pager{width:100%;text-align:center;right:0}
	.lt_bn li .bn_tit {font-size:1.6em;border-bottom:none;padding:0;margin:0;}
	h3 {margin:0 0 20px;}

 }