@charset "utf-8";

.lt_bn {position:relative;overflow:hidden}
.lt_bn .bx-wrapper{height:auto;}
.lt_bn li {background-position:center center !important;background-size:cover;background-repeat:no-repeat; height:800px; 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 {display:flex; align-items:center; height:100%; width:100%; margin:0 auto; position:relative;z-index:2;}
.lt_bn .txt_wr {width:90%; margin:0 auto; color:#fff;}
.lt_bn .txt_wr h4 {font-size:42px; line-height:60px; font-weight:500;}
.lt_bn .txt_wr h3 {font-size:68px; margin:40px 0 60px; font-weight:800;}
.lt_bn .txt_wr p {font-size:22px; word-break:keep-all;}

.lt_bn #bx_pager {position:absolute; bottom:40px;z-index:99; width:100%;}
.lt_bn #bx_pager .pager_wrap {width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.lt_bn #bx_pager .pager_wrap a {color:#fff;display:inline-block; margin:0 2px; font-size:0; width:12px; height:12px; border-radius:30px; opacity:0.4; background:#fff;}
.lt_bn #bx_pager .pager_wrap .active{opacity:1;}

.lt_bn .bn_btn {position:absolute; top:20px; left:20px; z-index:91;}
.lt_bn .bn_btn a {display:inline-block; font-size:13px; color:#fff; padding:5px 10px; border-radius:7px; background:#cd1515;}


 @media (max-width: 1199px){
	.lt_bn li {height:650px;}
	.lt_bn .txt_wr h4 {font-size:40px; line-height:56px;}
	.lt_bn .txt_wr h3 {font-size:65px;}
	.lt_bn .txt_wr p {font-size:21px;}	
}


 @media (max-width: 969px){
	.lt_bn li {height:480px;}
	.lt_bn li .txt_wr h4 {font-size:30px; line-height:42px;}
	.lt_bn li .txt_wr h3 {font-size:50px; margin:30px 0 50px;}
	.lt_bn li .txt_wr p {font-size:19px; line-height:28px;}
	
	
	.lt_bn #bx_pager {bottom:35px;}
 }

  @media (max-width: 639px){
	.lt_bn li {height:360px;}
	.lt_bn li .txt_wr h4 {font-size:20px; line-height:30px;}
	.lt_bn li .txt_wr h3 {font-size:38px; margin:20px 0 30px; letter-spacing:-0.02em;}
	.lt_bn li .txt_wr p {font-size:15px; line-height:20px;}
	
	.lt_bn #bx_pager {bottom:20px;}
	.lt_bn #bx_pager .pager_wrap a {width:10px; height:10px; margin:0 1px;}
	.lt_bn .bn_btn {top:15px; left:15px;}
 }

  @media (max-width: 399px){
	.lt_bn li {height:350px;}
	.lt_bn li .txt_wr h4 {font-size:18px; line-height:26px;}
	.lt_bn li .txt_wr h3 {font-size:30px; margin:15px 0 25px;}
	.lt_bn li .txt_wr p {font-size:14px; line-height:19px;}
	
	.lt_bn #bx_pager {bottom:20px;}
	.lt_bn #bx_pager {bottom:18px;}
 }