@charset "utf-8";

.lt_bn {position:relative;overflow:hidden; max-width:2000px; width:100%; margin:0px auto 70px;}
.lt_bn .bx-wrapper{height:auto;}
.lt_bn li {background-position:center center !important;background-size:cover;background-repeat:no-repeat; height:760px;}
.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:1200px; margin:0 auto; text-align:center; position:relative;z-index:2;}
.lt_bn .txt_wr {padding-top:160px;}


.lt_bn li .bn_tit {font-size:50px; font-weight:800; letter-spacing:1px; opacity:0; font-family: 'Montserrat', sans-serif; color: #fff; text-align: left;
-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_tit span.cl_green {color:#00c85b;}
.lt_bn li .bn_tit span.cl_yellow {color:#ffc000;}

.lt_bn li .bn_detail{font-size:24px; font-weight:300; margin:20px 0 0; opacity:0; color: #fff; text-align: left;
-webkit-transition: all 0.3s ease-in .5s;
-moz-transition:  all 0.3s ease-in .5s;
-ms-transition: all 0.3s ease-in .5s;
-o-transition: all 0.3s ease-in .5s;
transition: all 0.3s ease-in .5s}

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

/* 버튼 */
/* 버튼 */
.bn_btns{display:flex;gap:14px;margin-top:45px;flex-wrap:wrap;}
.bn_btns a{display:flex;align-items:center;justify-content:center;gap:10px;min-width:170px;height:58px;padding:0 24px;border-radius:10px;font-size:22px; font-weight:500;color:#fff;text-decoration:none;transition:all .2s;box-sizing:border-box;}
.bn_btns a i{font-size:22px;}
.bn_btns .btn_join{background:#e5231b;}
.bn_btns .btn_cs{background:#25359b;}
.bn_btns a:hover{transform:translateY(-2px);opacity:.9;}

.lt_bn #bx_pager {position:absolute; bottom:50px;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 {color:#fff;display:inline-block; margin:0 1px; font-size:0; width:15px; height:15px; border-radius:50%; border:1px solid #fff;}
.lt_bn #bx_pager .pager_wrap .active{ background:#fff;}


 @media (max-width: 1399px){
	.lt_bn {}
	.lt_bn li {height:540px;}
    .lt_bn li .bn_tit {font-size:48px; font-weight:800; letter-spacing:1px; opacity:0; font-family: 'Montserrat', sans-serif; color: #fff; text-align: left;}
    .lt_bn .txt_wr{padding-top: 69px;}
 }
 
 @media (max-width: 1199px){
	.lt_bn {margin:0 auto 60px; width:100%;}
    .lt_bn li .bn_tit {font-size:40px; font-weight:700; letter-spacing:1px; opacity:0; font-family: 'Montserrat', sans-serif; color: #fff; text-align: left; line-height: 1.1;}
    .lt_bn .txt_wr{padding-top: 69px; padding-left: 20px;}
    .lt_bn li .bn_detail{font-size:20px; font-weight:300; margin:20px 0 0; opacity:0; color: #fff; text-align: left;}
 }
 
 @media (max-width: 969px){
	.lt_bn {margin:0 auto 40px; }
	.lt_bn li {height:340px;}	
    .lt_bn #bx_pager {bottom:30px;}
	.lt_bn #bx_pager .pager_wrap a {width:12px; height:12px;}

    .lt_bn li .bn_tit {font-size:20px; font-weight:700; letter-spacing:1px; opacity:0; font-family: 'Montserrat', sans-serif; color: #fff; text-align: left; line-height: 1.2;}
    .lt_bn .txt_wr{padding-top: 0px; padding-left: 20px;}
    .lt_bn li .bn_detail{font-size:20px; font-weight:300; margin:20px 0 0; opacity:0; color: #fff; text-align: left;}
	

 }

  @media (max-width: 639px){
	.lt_bn {margin:0 auto 20px;}
	.lt_bn li {height:220px;}	
    .lt_bn #bx_pager {bottom:20px;}
	.lt_bn #bx_pager .pager_wrap a {width:10px; height:10px;}


    .lt_bn li .bn_tit {font-size:20px; font-weight:700; letter-spacing:1px; opacity:0; font-family: 'Montserrat', sans-serif; color: #fff; text-align: left; line-height: 1.2;}
    .lt_bn .txt_wr{padding-top: 0px; padding-left: 20px;}
    .lt_bn li .bn_detail{font-size:20px; font-weight:300; margin:20px 0 0; opacity:0; color: #fff; text-align: left;}
	
    .bn_btns{ margin-top:30px; gap:10px;}
    .bn_btns a{ min-width:140px; height:50px; font-size:17px; border-radius:8px; padding:0 18px;    }
    .bn_btns a i{ font-size:17px;}
}