@charset "utf-8";

.lt_bn {position:relative;overflow:hidden; width:100%; margin:0 auto;}
.lt_bn .bx-wrapper{height:auto;}
.lt_bn li {background-position:center center !important;background-size:cover;background-repeat:no-repeat; height:850px;/*height:100vh;text-align:center;*/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; width:90%; max-width:1680px; height:100%; margin:0 auto; padding:0; text-align:left; position:relative; z-index:2;}
.lt_bn .txt_wr {padding-top:50px;}


.lt_bn li .bn_tit {font-size:84px; line-height:95px; font-weight:700; word-break:keep-all; opacity:0;
-webkit-transition: all 0.7s ease-in .3s;
-moz-transition:  all 0.7s ease-in .3s;
-ms-transition: all 0.7s ease-in .3s;
-o-transition: all 0.7s ease-in .3s;
transition: all 0.7s ease-in .3s}

.lt_bn li .active-slide .bn_tit {opacity:1;}

.lt_bn li .bn_detail {font-size:33px; line-height:48px; margin:50px 0 65px; word-break:keep-all; opacity:0;
-webkit-transition: all 0.7s ease-in .5s;
-moz-transition:  all 0.7s ease-in .5s;
-ms-transition: all 0.7s ease-in .5s;
-o-transition: all 0.7s ease-in .5s;
transition: all 0.7s ease-in .5s}

.lt_bn li .active-slide .bn_detail {opacity:1}

.lt_bn li .bn_btn {opacity:0;
-webkit-transition: all 0.7s ease-in .5s;
-moz-transition:  all 0.7s ease-in .5s;
-ms-transition: all 0.7s ease-in .5s;
-o-transition: all 0.7s ease-in .5s;
transition: all 0.7s ease-in .5s}
.lt_bn li .bn_btn a {display:inline-block; width:160px; padding:12px 18px; display:flex; justify-content:space-between; align-items:center; font-family:'Pretendard'; font-size:18px; color:#fff; border:1px solid #fff;
transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lt_bn li .bn_btn a:hover {background:var(--main-color); border-color:var(--main-color);}

.lt_bn li .active-slide .bn_btn {opacity:1}


.lt_bn #bx_pager {position:absolute; bottom:30px; z-index:99; width:100%; opacity:0.7;}
.lt_bn #bx_pager .pager_wrap {width:100%; max-width:1400px; margin:0 auto; text-align:center;}
.lt_bn #bx_pager .pager_wrap a {font-size:0px; display:inline-block; width:14px; height:14px; margin:0 1px; border-radius:50%; border:1px solid #fff;}
.lt_bn #bx_pager .pager_wrap .active{background:#fff;}

   @media (max-width: 969px){
	.lt_bn .bx-wrapper, .lt_bn li {height:600px;}
	.lt_bn .txt_wr {padding-top:20px;}
	.lt_bn li .bn_tit {font-size:62px; line-height:70px;}
    .lt_bn li .bn_detail {font-size:25px; line-height:35px; margin:30px 0 40px;}
	.lt_bn li .bn_btn a {padding:12px 16px; font-size:17px;}
 }

  @media (max-width: 639px){
	.lt_bn .bx-wrapper, .lt_bn li {height:400px;}
	.lt_bn .txt_wr {padding-top:0;}
	.lt_bn li .bn_tit {font-size:44px; line-height:50px;}
    .lt_bn li .bn_detail {font-size:18px; line-height:26px; margin:20px 0 30px;}
    .lt_bn li .bn_detail br {display:none;}
	.lt_bn li .bn_btn a {width:140px; padding:12px 15px; font-size:15px;}
	.lt_bn #bx_pager {bottom:20px;}
	.lt_bn #bx_pager .pager_wrap a {width:12px; height:12px;}
 }

  @media (max-width: 399px){
	.lt_bn .bx-wrapper, .lt_bn li {height:380px;}
	.lt_bn li .bn_tit {font-size:40px; line-height:45px;}
    .lt_bn li .bn_detail {font-size:16px; line-height:23px; margin:20px 0 30px;}
	.lt_bn li .bn_btn a {width:130px; padding:11px 13px; font-size:14px;}
 }