@charset "utf-8";

#adm_btn {position:absolute; top:0px; right:0; z-index:99; background:#e90000; color:#fff; padding:10px; border-radius:3px;}

.lt_main {position:relative;overflow:hidden}
.lt_main .bx-wrapper{height:auto;}
.lt_main li {background-position:center center !important;background-size:cover;background-repeat:no-repeat; height:calc(100vh - 80px); background-color:#000; color:#fff}
.lt_main .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);content:'';z-index:1;overflow:hidden}

.media-wrapper {position:relative; width:100%; margin:0; padding:0; background:#000 !important;}
.aspect-16x9 {padding-bottom: 56.25%;}
.media-wrapper iframe, 
.media-wrapper img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.media-wrapper img {object-fit: cover;}
.media-wrapper iframe {opacity:0.6;}

/* 문구 */
.lt_main .bn_txt {display:flex; align-items:center; width:90%; height:100%; max-width:1280px; margin:0 auto; position:relative; z-index:999; font-size:1rem;}
.lt_main li .bn_tit {font-size:3.75em; font-weight: 900;}
.lt_main li .bn_detail { font-size:1.13em; margin:20px 0 15px;}
.lt_main li .bn_wr1 { font-family:'BookkMyungjo',serif; font-size:1em; letter-spacing:5px; color:#fff2d9;}
.lt_main li .bn_tit,
.lt_main li .bn_detail,
.lt_main li .bn_wr1 {opacity:0; word-break:keep-all;
-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_main li .active-slide .bn_tit,
.lt_main li .active-slide .bn_detail,
.lt_main li .active-slide .bn_wr1 {opacity:1;}
.lt_main li .bn_tit p {font-size:1.45em; margin:5px 0 10px;}
.lt_main li .bn_tit p span {color:#C30000;}

/* 컨트롤러 */
.lt_main .bx-controls {position:absolute; top:50%; width:100%; z-index:100; }
.lt_main .bx-controls-direction {display:flex; justify-content:space-between; padding:0 20px;}
.lt_main .bx-controls-direction a {color:#fff; width:80px; height:80px; font-size:0; background-size:contain; background-repeat:repeat; background-position:50% 50%;
-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}
.lt_main .bx-controls-direction a.bx-prev {background-image:url(./img/prev.png);}
.lt_main .bx-controls-direction a.bx-next {background-image:url(./img/next.png);}
.lt_main .bx-controls-direction a:hover.bx-prev {background-image:url(./img/prev_on.png);}
.lt_main .bx-controls-direction a:hover.bx-next {background-image:url(./img/next_on.png);}

/* 페이징 */
.lt_main #bx_pager {position:absolute; bottom:30px;z-index:99; width:100%;}
.lt_main #bx_pager .pager_wrap {width:100%; max-width:1280px; margin:0 auto; text-align:center;}
.lt_main #bx_pager .pager_wrap a {display:inline-block;font-size:0; width:10px; height:10px; margin:0 2px; border-radius:5px; background-color:rgba(255,255,255,0.5);}
.lt_main #bx_pager .pager_wrap .active {background:#fff; width: 50px;}

/* PC */
@media (max-width: 1480px) {
    .media-wrapper iframe {width:200%; left:50%; transform:translateX(-50%);}

    .lt_main .bx-controls {top:auto; bottom:20px;}
    .lt_main .bx-controls-direction {justify-content:flex-end;}
    .lt_main .bx-controls-direction a.bx-prev {margin-right:10px;}

    .lt_main #bx_pager .pager_wrap {text-align:left; padding:0 20px;}
}
/* 태블릿 */
@media (max-width: 1024px) {
    .lt_main li .bn_tit {font-size:3em;}
    .lt_main li .bn_detail {font-size:1em;}
    .lt_main .bx-controls-direction a {width:60px; height:60px;}
}
/* 모바일 */
@media (max-width: 767px){	
    .lt_main li {height:calc(100vh - 50px);}
    .lt_main li .bn_tit {font-size:2em;}

    .media-wrapper iframe {width:300%; transform:translateX(-65%);}
    .lt_main li .bn_wr1 {letter-spacing:2px;}
}
/* 작은 모바일 */
@media (max-width: 480px){
    .lt_main li .bn_tit {font-size:1.25em; margin-top:-100px;}
    .lt_main .bx-controls-direction a {width:50px; height:50px;}
    .lt_main .bx-controls-direction,
    .lt_main #bx_pager .pager_wrap {padding:0 10px;}
    .lt_main .bx-controls-direction a.bx-prev {margin-right:5px;}
    .lt_main #bx_pager .pager_wrap .active {width:30px;}
}