@charset "utf-8";

@font-face {
    font-family: 'OneStoreMobilePop';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
.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:600px;/*height:100vh;text-align:center;*/color:#0a0a0a}
.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:100%;max-width:1400px; height:100%; margin:0 auto; padding:0; text-align:left; position:relative; z-index:2;}
.lt_bn .txt_wr {padding-top:00px;}

.lt_bn li .bn_tit {font-size:80px;  margin-bottom:25px; word-break:keep-all; opacity:0;font-family: 'OneStoreMobilePop';
-webkit-transition: all 0.5s ease-in .5s;
-moz-transition:  all 0.5s ease-in .5s;
-ms-transition: all 0.5s ease-in .5s;
-o-transition: all 0.5s ease-in .5s;
transition: all 0.5s ease-in .5s}
.lt_bn li .bn_tit span{color: #0e71b2;}

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


.lt_bn li .bn_detail {font-size:22px; line-height: 32px; word-break:keep-all;  opacity:0; max-width: 60%;

-webkit-transition: all 1s ease-in .3s;
-moz-transition:  all 1s ease-in .3s ;
-ms-transition:  all 1s ease-in .3s;
-o-transition: all 1s ease-in .3s;
transition: all 1s ease-in .3s}

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

.lt_bn li .bn_detail span{font-size: 26px; margin-left: 15px; opacity: 0.8;;}

.lt_bn li .bn_detail_tit{font-size: 26px; margin-bottom: 25px; color: #000; opacity: 0;
-webkit-transition: all 1s ease-in .3s;
-moz-transition:  all 1s ease-in .3s ;
-ms-transition:  all 1s ease-in .3s;
-o-transition: all 1s ease-in .3s;
transition: all 1s ease-in .3s}

.lt_bn li  .active-slide  .bn_detail_tit{opacity:0.6}

.lt_bn li .bn_link{display:inline-block;;font-size: 20px; color: #fff; margin-top: 30px; opacity: 0;background: #0e71b2; padding: 10px 20px; border-radius: 10px;
-webkit-transition: all 1s ease-in .3s;
-moz-transition:  all 1s ease-in .3s ;
-ms-transition:  all 1s ease-in .3s;
-o-transition: all 1s ease-in .3s;
transition: all 1s ease-in .3s}

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


.lt_bn #bx_pager {position:absolute; bottom:30px; z-index:99; width:100%;}
.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: 1399px){
	.lt_bn .bn_txt {padding:0 40px;}
 }
   @media (max-width: 969px){
	.lt_bn .bx-wrapper, .lt_bn li {height:600px;}
	.lt_bn .bn_txt {padding:0 30px;}
	.lt_bn .txt_wr {padding-top:70px;}
    .lt_bn li .bn_detail {font-size:20px; line-height: 30px}
	.lt_bn li .bn_tit {font-size:48px; margin-bottom:20px;}

	.lt_bn li .active-slide .bn_tit span{height: 1px; width: 60px; margin-bottom: 10px;  margin-right: 10px;}
	.lt_bn li .bn_detail span{font-size: 16px; margin-left: 10px; }
	.lt_bn li .bn_detail_tit{font-size: 22px;padding-bottom: 10px;}
	.lt_bn li .bn_link{font-size: 16px; margin-top: 30px; padding: 10px 20px; border-radius: 5px;}
 }

  @media (max-width: 639px){
	.lt_bn .bx-wrapper, .lt_bn li {height:500px; background-position: 76% !important;}
	.lt_bn .bn_txt {padding:0 20px;}
	.lt_bn .txt_wr {padding-top:60px;}
    .lt_bn li .bn_detail {font-size:16px;line-height: 24px; width: 85%}
	.lt_bn li .bn_tit {font-size:36px; margin-bottom:15px;}
	.lt_bn #bx_pager {bottom:20px;}
	.lt_bn #bx_pager .pager_wrap a {width:12px; height:12px;}
	.lt_bn li .bn_detail_tit{font-size: 16px;padding-bottom: 5px;  margin-bottom: 10px;}
	.lt_bn li .bn_detail span{font-size: 14px; margin-left: 10px; }
	.lt_bn li .active-slide .bn_tit span{height: 1px; width: 40px; margin-bottom: 10px;  margin-right: 10px;}
 }

  @media (max-width: 399px){
	.lt_bn .bx-wrapper, .lt_bn li {height:460px;}
	.lt_bn .bn_txt {padding:0 15px;}
    .lt_bn li .bn_detail {font-size:16px; width: 90%}
	.lt_bn li .bn_tit {font-size:32px; letter-spacing:-0.025em; margin-top:15px;}
 }