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

.lt_bn {position:relative;overflow:hidden; width:100%; max-width:100%; margin:13px auto 0;border-radius: 0px}
.lt_bn .bx-wrapper{height:auto;}
.lt_bn li {background-position:center center !important;background-size:cover;background-repeat:no-repeat; height:500px;/*height:100vh;text-align:center;*/color:#fff; border-radius: 25px}
.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;border-radius:0px}

.lt_bn li[class^="list_"] { cursor: pointer;border-radius: 0px}

.lt_bn .bn_txt {display:table;height:100%;width:100%;max-width:1600px; margin:0 auto; padding:0 10px; text-align:left; position:relative;z-index:2;}
.lt_bn .txt_wr {padding-top:230px;}


.lt_bn li .bn_tit {font-size:58px; font-weight:500; padding-top: 40px; word-break:keep-all; opacity:0; color:#222; text-shadow: 1px 1px 10px #fff;font-family:'Noto Sans KR';
-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:28px; color:#aaa; font-weight: 300; line-height:35px; word-break:keep-all; margin:20px auto 0; opacity:0;
-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}

.lt_bn {position:relative;}
.lt_bn ul,
.lt_bn ul li {margin:0; padding:0; list-style:none;}

.bn_arrow{  position:absolute; top:50%; transform:translateY(-50%); width:60px;  height:60px;  cursor:pointer;  z-index:10;
  background:none;    border:none;    padding:0;    margin:0;    outline:none;    appearance:none;    -webkit-appearance:none;}
.bn_arrow:before{ content:""; display:block; width:30px;  height:30px; border-top:3px solid #fff; border-right:3px solid #fff;
    position:absolute; top:50%;  left:50%;}
.bn_prev{ left:40px;}
.bn_prev:before{ transform:translate(-50%,-50%) rotate(-135deg);}
.bn_next{ right:40px;}
.bn_next:before{ transform:translate(-50%,-50%) rotate(45deg);}
.bn_arrow:hover:before{ border-color:var(--main-color);}

@media (max-width: 1399px){
	.lt_bn{}
     .lt_bn li{height: 500px;}
 }

 @media (max-width: 1199px){
	.lt_bn li{height: 300px;}
 }

 @media (max-width: 969px){
	.lt_bn .bx-wrapper, .lt_bn li {height: 260px;}
	
	.lt_bn .txt_wr {padding-top:200px;}
     .lt_bn .txt_wr .logo img{width:65%;    filter: drop-shadow(2px 2px 10px #fff);}
	.lt_bn li .bn_tit {font-size:48px; letter-spacing:-0.025em;}
    .lt_bn li .bn_detail {font-size:20px; line-height:30px; margin:20px auto 0;}
	
    .lt_bn #bx_pager {bottom:60px;}
	
	.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;}


    .bn_arrow{ width:55px; height:55px; }
    .bn_arrow:before{  width:26px; height:26px; border-width:3px; }
    .bn_prev{ left:25px; }
 }


  @media (max-width: 639px){
	.lt_bn{margin: 10px auto 0;}
	.lt_bn .bx-wrapper, .lt_bn li {height:400px;}
	.lt_bn .bg{border-radius: 15px;}
	.lt_bn li[class^="list_"] {}
	
	.lt_bn .txt_wr {padding-top:160px;}
	.lt_bn li .bn_tit {font-size:32px;padding-top: 30px;}
    .lt_bn li .bn_detail {font-size:16px; line-height:22px;margin-top: 10px}
	
    .lt_bn #bx_pager {bottom:35px; left:0;}
	.lt_bn #bx_pager .pager_wrap {padding:0 20px;}
	.lt_bn #bx_pager .pager_wrap a {font-size:12px;color: #fff;}
      .lt_bn #bx_pager .pager_wrap  span{background: #fff}
      
    .lt_bn li .bn_detail{color:#fff}  

	.bn_arrow{ width:42px; height:42px; opacity:0.7;}
    .bn_arrow:before{ width:20px; height:20px; border-width:3px; border-top:2px solid #fff; border-right:2px solid #fff;}
    .bn_prev{left:10px;}
    .bn_next{ right:10px;}
      
 }
 
   @media (max-width: 439px){
	.lt_bn{width: 90%; border-radius: 10px;}
	.lt_bn .bx-wrapper, .lt_bn li {height:240px;border-radius: 10px;}
	.lt_bn .bg{border-radius: 10px;}
	.lt_bn li[class^="list_"] {border-radius: 10px}
	
	.lt_bn .txt_wr {padding-top:250px;}
	.lt_bn li .bn_tit {font-size:24px;padding-top: 10px}
    .lt_bn li .bn_detail {font-size:14px; letter-spacing:-0.02em; line-height:20px; margin:20px auto 0;}
	
	.lt_bn #bx_pager {bottom:20px;}
    .lt_bn .bx-controls-direction{bottom: 60px}
 }


    @media (max-width: 339px){
	.lt_bn .bx-wrapper, .lt_bn li {height:200px;}

 }