@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

.lt_bn {position:relative;overflow:hidden; width:100%; margin:0 auto;}
.lt_bn .bx-wrapper{height:auto;}
.lt_bn li {background-position: bottom !important;background-size:cover;background-repeat:no-repeat; height:650px;/*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:table;height:100%;width:100%;max-width:1400px; margin:0 auto; padding:0 10px; text-align:left; position:relative;z-index:2; text-shadow: 0px 0px 15px #fff;}
.lt_bn .txt_wr {padding-top:180px; text-shadow: 0px 0px 15px #fff;}


.lt_bn li .bn_subtit {font-size:38px; font-weight:400; word-break:keep-all; opacity:0; color:#333; text-shadow: 0px 0px 15px #fff;
-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_subtit {opacity:1;}

.lt_bn li .bn_tit {font-size:76px; font-weight:900; padding-top: 00px; word-break:keep-all; opacity:0; color:#222; text-shadow: 0px 0px 15px #fff;
-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_tit {opacity:1;}

.lt_bn li .bn_detail{font-size:26px; color:#222; font-weight:400; line-height:35px; word-break:keep-all; margin:20px 0; opacity:0; text-shadow: 0px 0px 15px #fff;width: 60%;
-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 .active-slide .bn_detail {opacity:1}

.lt_bn #bx_pager {position:absolute; bottom:170px;z-index:99; width:100%;  text-align:left;}
.lt_bn #bx_pager .pager_wrap {width:100%; max-width:1600px; margin:0 auto;}
.lt_bn #bx_pager .pager_wrap a {color:#aaa;display:inline-block;padding:5px;line-height:20px;opacity:0.5; font-size:16px;}
.lt_bn #bx_pager .pager_wrap  span{display:inline-block;width:0;height:1px;background:#aaa;vertical-align:top;margin-top:10px;margin-left:8px;
-webkit-transition: all 0.5s ease-in;
-moz-transition:  all 0.5s ease-in ;
-ms-transition: all 0.5s ease-in ;
-o-transition: all 0.5s ease-in ;
transition: all 0.5s ease-in }
.lt_bn #bx_pager .pager_wrap .active{opacity:1}
.lt_bn #bx_pager .pager_wrap .active span{width:20px}
.bx-controls{display: none}

#bx_control{position:absolute; bottom:140px;z-index:99; margin: 0 auto;width:100%;}
#bx_control .control_wrap{width:100%; max-width:1400px; margin:0 auto;display: flex;padding: 0 10px}
#bx_control .control_wrap .prev{padding-right: 10px}

@media (max-width: 1599px){
     .lt_bn .bx-controls-direction {left: 1.5%;}
 }

 @media (max-width: 1199px){
	.lt_bn {width:100%;}
 }

 @media (max-width: 969px){
	.lt_bn .bx-wrapper, .lt_bn li {height:560px; background-position-x: 70% !important;}
	
	.lt_bn .txt_wr {padding-top:150px;}
    .lt_bn li .bn_subtit {font-size:28px; letter-spacing:-0.025em;}
	.lt_bn li .bn_tit {font-size:48px; letter-spacing:-0.025em;}
    .lt_bn li .bn_detail {font-size:20px; line-height:30px; margin:10px 0; letter-spacing:-0.025em;}
	
    #bx_control {bottom:90px;}
	
	.lt_bn .bx-controls-direction a {width:50px; height:50px; line-height:50px;}
	.lt_bn .bx-controls-direction a.bx-prev:before, .lt_bn .bx-controls-direction a.bx-next:after {font-size:18px;}
 }


  @media (max-width: 639px){
	.lt_bn .bx-wrapper, .lt_bn li {height:420px; background-position-x: 85% !important;
        background-size: cover;}
	
	.lt_bn .txt_wr {padding-top:35px;}
      
    .lt_bn li .bn_subtit {font-size:24px; letter-spacing:-0.025em;}
	.lt_bn li .bn_tit {font-size:32px;}
    .lt_bn li .bn_detail {font-size:16px; line-height:22px; font-weight: 500;margin-top: 10px;width: 60%;margin:10px 0}
	
    #bx_control {bottom:60px;}
      #bx_control img{width: 45px}
      #bx_control .control_wrap .prev{padding-right: 5px}
      
 }
 
   @media (max-width: 399px){
	.lt_bn .bx-wrapper, .lt_bn li {height:380px;}
	
	.lt_bn .txt_wr {padding-top:30px;}
    .lt_bn li .bn_subtit {font-size:18px; letter-spacing:-0.025em;}
	.lt_bn li .bn_tit {font-size:26px;padding-top: 10px}
    .lt_bn li .bn_detail {font-size:14px; letter-spacing:-0.02em; line-height:20px; margin:10px 0;width: 80%}
	
	#bx_control {bottom:60px;}
    #bx_control img{width: 35px}
    #bx_control .control_wrap .prev{padding-right: 5px}
 }