@charset "utf-8";

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.lt_bn {position:relative;overflow:hidden; cursor:url('')}
.lt_bn .bx-wrapper{height:100vh;}
.lt_bn li{background-position:center center !important;background-size:cover;background-repeat:no-repeat;/* background-attachment:fixed;*/ 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.35); content:'';z-index:1;overflow:hidden}

.lt_bn .bn_txt{display:table;height:100%;width:100%;position:relative;z-index:1000; cursor:url('../../../img/xcursor.svg'), auto;}

.lt_bn .txt_wr{display:table-cell;vertical-align:middle;/*padding:0 20%;*/
width:100%; margin:auto;

}
.lt_bn .txt_wr *  {font-family:'NEXON Lv1 Gothic OTF';}
.lt_bn .txt_wr img  {max-width:100%;}

.lt_bn li .bn_tit{font-size:45px; font-weight:300; line-height:60px; letter-spacing:-0.5px;
/*-webkit-text-shadow:2px 2px 5px rgba(55,55,55,0.4);
-moz-text-shadow:2px 2px 5px rgba(55,55,55,0.4);
text-shadow: 2px 2px 5px rgba(55,55,55,0.4);*/}
.lt_bn li .bn_detail{font-size:1.231em;margin:20px 0 20px; line-height:1.7em;
-webkit-text-shadow:2px 2px 5px rgba(55,55,55,0.4);
-moz-text-shadow:2px 2px 5px rgba(55,55,55,0.4);
text-shadow: 2px 2px 5px rgba(55,55,55,0.4);}
.lt_bn li .bn_view {display:inline-block;background:#fff;color:#333;padding:0 35px;line-height:45px;margin-top:20px}

.lt_bn .bn_link{display:none;position:absolute;bottom:10px;right:10px;z-index:99;background:#ff0000;color:#fff;width:40px;line-height:40px;border-radius:30px;text-align:center;font-size:16px}
.lt_bn:hover .bn_link{display:block}
.lt_bn .bn_link:hover {transform: rotate( -45deg );color:#fff;}

.lt_bn .bx-pager{position:absolute;bottom:0;right:0}


.lt_bn li .bn_tit{opacity:0; transform:translateY(30px);
-webkit-transition: all 1s ease-in 1s;
-moz-transition:  all 1s ease-in 1s;
-ms-transition: all 1s ease-in 1s;
-o-transition: all 1s ease-in 1s;
transition: all 1s ease-in 1s;
max-width:1200px; margin:auto !important;
text-align:left;
}
/*.lt_bn li .active-slide .bn_tit{opacity:1;
transform:translateY(0);
}

.lt_bn li .bn_tit img  {max-width:443px;}

.lt_bn li .bn_detail{opacity:0;
-webkit-transition: all 1.5s ease-in 1.5s;
-moz-transition:  all 1.5s ease-in 1.5s ;
-ms-transition:  all 1.5s ease-in 1.5s;
-o-transition: all 1.5s ease-in 1.5s;
transition: all 1.5s ease-in 1.5s;
text-align:left; max-width:1200px;
margin:auto;
padding-top:30px;
}
.lt_bn li .active-slide .bn_detail{opacity:1}
.lt_bn li .active-slide .bn_detail img  {max-width:293px;}

.lt_bn li .bn_view{opacity:0;
-webkit-transition: all 1.3s ease-in 1s;
-moz-transition: all 1.3s ease-in 1s;
-ms-transition: all 1.3s ease-in 1s;
-o-transition: all 1.3s ease-in 1s;
transition: all 1.3s ease-in 1s}
.lt_bn li .active-slide .bn_view{opacity:1}*/

.lt_bn #bx_pager{    position: absolute;right: 30px;bottom: 16%;/* transform: translate(0, -400px); */z-index: 54;}
.lt_bn #bx_pager a{color:#fff;display:inline-block;padding:5px;line-height:20px;opacity:0;font-size:60px;position:absolute;top:0;right:0;transition: .3s all;}
.lt_bn #bx_pager span{display:inline-block;width:0;height:1px;background:#fff;vertical-align:top;margin-top:10px;margin-left:8px;
-webkit-transition: all 0.3s ease-in;
-moz-transition:  all 0.3s ease-in ;
-ms-transition: all 0.3s ease-in ;
-o-transition: all 0.3s ease-in ;
transition: all 0.3s ease-in ;display:none;}
.lt_bn #bx_pager .active{opacity: 1;}
.lt_bn #bx_pager .active span{width:20px}      
.lt_bn .btn_bottom{position:absolute;bottom:0;left:50%;width:81px;height:37px;background:url('./btn_bottom.png');border:0;margin-left:-40px;text-indent:-999px;overflow:hidden}


/*----2019 박재호 추가 중간 막대기 ----*/
.bar_middle  {background:#fff; width:50px; height:3px; margin:auto; margin-top:20px;}


/*.bx-controls-direction  {
    border: 1px solid red;
    position: absolute;
    bottom: 30%;
    max-width: 1200px;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 10px);
    margin: auto;
}*/

.bx-controls-direction a  {display:inline-block; margin-right:20px; color:rgba(255,255,255,0.5);}

 /*@media (max-width: 969px){
    .lt_bn .bx-wrapper ,.lt_bn li{height:500px}
    .lt_bn .bx-controls-direction a{width:30px;height:30px }
    .lt_bn .txt_wr{padding:0 40px}
    .lt_bn li .bn_tit{font-size:2em;}
    .lt_bn .btn_bottom{display:none}
    .lt_bn #bx_pager{width:100%;text-align:center;right:0}
 }*/

/*---2020-01-11---*/
.pic_info  {z-index:999; text-align:left; margin:auto; vertical-align:middle; display:table-cell;}
.pic_info .bar  {}
.pic_info section  {z-index:999;width:74%; margin:0 auto;position:relative;height:40vh;}

.pic_info p  {transition:1s ease-in-out;opacity:0;}
.pic_info p.f-24 {animation-duration: 8s;animation-name: opc;animation-delay:1s;line-height:1.7;font-weight:400;letter-spacing:-1px;position:absolute;top:0;}

.pic_info p.f-32 {animation-duration: 8s;animation-name: opc;animation-delay:1.5s;line-height:1.5;letter-spacing:-1px;letter-spacing:-1px;position:absolute;top:50%;transform:translateY(-50%);}

.pic_info p.f-60 {animation-duration: 8s;animation-name: opc;animation-delay:2.9s;line-height:1.5;position:absolute;bottom:0;letter-spacing: -3px;}
@keyframes opc {
    0% {opacity:0;}
    40% {opacity:100%;}
    100% {opacity:100%;}
}
.lt_bn .time_bar  {position:absolute; width:100%; height:1px; left:0; top:80%; background:rgba(255,255,255,0.5);}
.lt_bn .time_bar:after  {content:''; position:absolute; left:0; top:-1px; background:#fff; width:158px; height:3px; animation:aaa 10s infinite both;}
@keyframes aaa {
    0% {left:0;}
    100% {left:100%;}
}