@charset "utf-8";

.lt_bn { position:relative; width:100%; max-width:2000px; margin:0 auto 70px; overflow:hidden; }
.lt_bn *, .lt_bn *:before, .lt_bn *:after { box-sizing:border-box; }
.lt_bn .bx-wrapper, .lt_bn .bx-viewport { height:auto; margin:0; border:0; box-shadow:none; }
.lt_bn ul { margin:0; padding:0; }
.lt_bn li { height:760px; background-position:center center !important; background-size:cover; background-repeat:no-repeat; }
.lt_bn .bg { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0); content:''; }

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

.lt_bn li .bn_tit { color:#fff; font-family:'Montserrat', sans-serif; font-size:50px; font-weight:800; line-height:1.2; letter-spacing:1px; text-align:left; opacity:0; 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 { margin:20px 0 0; color:#fff; font-size:24px; font-weight:300; line-height:1.45; text-align:left; opacity:0; transition:all .3s ease-in .5s; }
.lt_bn li .active-slide .bn_detail { opacity:.8; }

.lt_bn .bn_btns { display:flex; flex-wrap:wrap; gap:14px; margin-top:45px; }
.lt_bn .bn_btns a { display:flex; align-items:center; justify-content:center; gap:10px; min-width:170px; height:58px; padding:0 24px; border-radius:10px; color:#fff; font-size:22px; font-weight:500; text-decoration:none; transition:all .2s; }
.lt_bn .bn_btns a i { font-size:22px; }
.lt_bn .bn_btns .btn_join { background:#e5231b; }
.lt_bn .bn_btns .btn_cs { background:#25359b; }
.lt_bn .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 { display:inline-block; width:15px; height:15px; margin:0 1px; border:1px solid #fff; border-radius:50%; color:#fff; font-size:0; }
.lt_bn #bx_pager .pager_wrap .active { background:#fff; }

@media (max-width:1399px) {
    .lt_bn li { height:540px; }
    .lt_bn li .bn_tit { font-size:48px; }
    .lt_bn .txt_wr { padding-top:69px; }
}

@media (max-width:1199px) {
    .lt_bn { margin-bottom:60px; }
    .lt_bn li .bn_tit { font-size:40px; font-weight:700; line-height:1.1; }
    .lt_bn .txt_wr { padding:69px 20px 0; }
    .lt_bn li .bn_detail { font-size:20px; }
}

@media (max-width:969px) {
    .lt_bn { margin-bottom:40px; }
    .lt_bn li { height:380px; }
    .lt_bn .txt_wr { padding:38px 28px 60px; }
    .lt_bn li .bn_tit { font-size:28px; line-height:1.25; }
    .lt_bn li .bn_detail { margin-top:14px; font-size:17px; }
    .lt_bn .bn_btns { gap:10px; margin-top:25px; }
    .lt_bn .bn_btns a { min-width:145px; height:50px; padding:0 18px; font-size:17px; }
    .lt_bn .bn_btns a i { font-size:17px; }
    .lt_bn #bx_pager { bottom:24px; }
    .lt_bn #bx_pager .pager_wrap a { width:12px; height:12px; }
}

@media (max-width:639px) {
    .lt_bn { margin-bottom:20px; }
    .lt_bn li { height:600px; }
    .lt_bn .txt_wr { width:100%; padding:150px 20px 52px; }
    .lt_bn li .bn_tit { font-size:clamp(18px, 5vw, 24px); line-height:1.25; letter-spacing:0; }
    .lt_bn li .bn_detail { display:-webkit-box; margin-top:10px; overflow:hidden; font-size:clamp(14px, 3.7vw, 17px); line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
    .lt_bn .bn_btns { flex-wrap:nowrap; gap:8px; margin-top:18px; }
    .lt_bn .bn_btns a { flex:1 1 0; min-width:0; height:46px; padding:0 8px; border-radius:8px; font-size:clamp(14px, 3.8vw, 17px); white-space:nowrap; }
    .lt_bn .bn_btns a i { font-size:clamp(14px, 3.8vw, 17px); }
    .lt_bn #bx_pager { bottom:16px; }
    .lt_bn #bx_pager .pager_wrap a { width:9px; height:9px; }
}

@media (max-width:359px) {
    .lt_bn .txt_wr { padding-right:14px; padding-left:14px; }
    .lt_bn .bn_btns { gap:6px; }
    .lt_bn .bn_btns a { gap:5px; font-size:13px; }
}