@charset "utf-8";
.main-wrap{width:100%; height:100vh;height:100%; }
.mainSect{width:100%;height:100%;}

.mainSect.swiper-container{width: 100%;height: 100%;}
.mainSect .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow:hidden;}

.mainSect .swiper-pagination{position: absolute;left:50%;  transform:translateX(-50%);  display:inline-flex; justify-content: center; width: fit-content;padding:0 30px;font-size: 30px;font-weight: 700;line-height: 1.2;text-align:center; margin-bottom:60px; box-sizing: border-box; z-index:2; display: none; }
.mainSect .swiper-pagination .swiper-pagination-bullet {display: inline-block; width: 10px;height: 10px; background: rgba(252,255,255,.7);  border-radius: 50%;  vertical-align: middle; transition: .37s ease;margin: 0 7px !important; box-sizing: border-box; }
.mainSect .swiper-pagination .swiper-pagination-bullet-active { width: 10px;height: 10px; background-image:none;  border-radius: 50%; border:1px solid #fff;  background: rgba(252,255,255,0);}
.mainSect .swiper-pagination .swiper-pagination-bullet { opacity: 1}

.mainSect .swiper-button-prev, .mainSect .swiper-button-next{position:absolute;top:50%;width:100%;height:100%;margin-top:-22px;}
.mainSect .swiper-button-prev:after,.swiper-button-next:after{display: none;}
.mainSect .swiper-button-prev{left:40px;width:0px;height:0px;background: url(/images/layout/slider-arr-prev.png) no-repeat 50% 50%; background-size:auto 44px;}
.mainSect .swiper-button-next{right:40px;width:0px;height:0px;background: url(/images/layout/slider-arr-next.png) no-repeat 50% 50%; background-size:auto 44px;}

.main-sect-work{width:100%;height:100%;overflow:hidden}
.main-sect-work .w-thumb{position:relative; width:100%; height:100%; /*width:auto;height:100%; display: flex; */ align-items: center;justify-content: center; overflow: hidden;  }
/* .main-sect-work .w-thumb::before{position: absolute;content: ""; width:100%;height:100%; left:0; top:0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,.5) 0%, rgba(0,0,0,.2) 60%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 60%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 60%,rgba(252,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#00fcfaf9',GradientType=0 ); 
    z-index:0; } */
.main-sect-work .w-thumb img{position: absolute;top: 0%; left: 50%;transform: translateX(-50%) translateY(0%); width: auto;min-width: 100%; height: auto; min-height: 100%; object-fit: cover; object-position: 50% 50%;  /*max-width: none; */ }
.main-sect-work video{position: absolute;transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%; width:100% !important;height:100vh;object-fit: cover; object-position: 50% 50%; overflow: hidden;z-index: -1000;}

.main-sect-work .w-infos{position: absolute; top:0;left:50%; transform:translateX(-50%); display:flex;flex-direction: column;justify-content:center; align-items: center; width:100%; height:100%; margin:0px auto;color:#fff;padding:0 5%;box-sizing: border-box; z-index: 2;}
.main-sect-work .w-infos-tit{text-align:center; font-size:50px;font-family: 'LINESeedKR-Bd';text-transform:uppercase; line-height:1.2;letter-spacing:0.01em;text-shadow: -3px 3px 16px 1px rgba(0, 0, 0, .5); }
.main-sect-work .w-infos-txt{text-align:center; font-size:20px;font-weight:400; line-height: 1.3;letter-spacing:0.02em;text-shadow: -3px 3px 16px 1px rgba(0, 0, 0, .5); margin-top:20px;}

.swiper-slide-prev .w-flow, 
.swiper-slide-prev .w-infos,
.swiper-slide-next .w-flow, 
.swiper-slide-next .w-infos{opacity: 0;transform: translateY(200px)}

.main-sect-work .w-infos-tit, .main-sect-work .w-infos-txt{opacity: 0;transform: translateY(50px)}
.mainSect .swiper-slide-active .main-sect-work .w-infos-tit {animation: workAni 1s 1s both;} 
.mainSect .swiper-slide-active .main-sect-work .w-infos-txt {animation: workAni 1s 2s both;}

.white .mainSect .swiper-pagination{color:#fff}
#pc-vod{display: block;}
#mo-vod{display: none;}
.isTablet .main-sect-work video{width:auto;height:100%}

.pc-img{display: flex;}
.mo-img{display: none;}

@keyframes marquee {    
    100% {transform: translateX(-100%);}
}

@keyframes marquee2 {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}

@keyframes lightSpeedIn {
    0% {transform: translateX(-100%);opacity: 0;}
    100% {transform: translateX(0);opacity: 1; }
}
@keyframes workAni {
    0% {opacity: 0;transform: translateY(50px)}
    100% {opacity: 1;transform: translateY(0)}
}

@keyframes workthumb {
    0% {opacity: 0;transform: scaleY(0)}
    100% {opacity: 1;transform: scaleY(1)}
}

@keyframes marqueePc {             
    100% {transform: translateX(-100%);}
}
@keyframes linemov {
    0% {width:0px;}
    100% {width:100%;}
}

/* iOS only */ 
@supports (-webkit-touch-callout: none){ height: -webkit-fill-available;}

/* loading */
.main-loader{position:absolute;left:50%; top:50%; transform:translate(-50%, -50%); width:100%;height:100vh;padding:30px;z-index:9999;background-color: #fff;box-sizing: border-box; /* display:flex;align-items: center; justify-content: center; */ }
.main-loader .loader-img{display:flex;align-items: center; justify-content: center;width:100%;height:100vh; padding-bottom:100px; box-sizing: border-box; opacity: 0; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; }
.main-loader .loader-img img{max-width:200px;}
body.is-loading .main-loader{ z-index:-2; }
body.is-loading .main-loader .loader-img{  /*opacity:1; */ }

/* 
.main-loader .loader-txt{font-size:24px;line-height: 1.2;font-weight: 700;color:#000;overflow: hidden;}
.main-loader .loader-txt span{display: inline-block;transform: translateY(100%);} 
.main-loader .loader-txt span img{max-width:200px;} 
body.is-loading .main-loader .loader-txt{opacity: 1;}
*/



@media all and (max-width:1400px) {
}

/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
    .main-sect-work .w-infos-tit{font-size:40px;}
    .main-sect-work .w-infos-txt{ font-size:18px;}
    

}

@media all and (max-width:768px) {

   #pc-vod{display: none;}
   #mo-vod{display: block}

    .pc-img{display: none;}
    .mo-img{display: flex;}

    .main-wrap{height:70vh;}
    .scroll-ani {display: none;}
    .mainSect .swiper-pagination{ display:inline-flex; margin-bottom:15px;}


/*    .main-wrap{position: relative; width:100%;height: 0;overflow: hidden; padding-bottom: 56.25%;  }
    .mainSect{position: absolute;top: 0;left: 0;width: 100%; height: 100%;} */
    
    .main-sect-work .w-infos-tit{font-size:34px;}
    .main-sect-work video{height:100%;}

    
    
}

@media all and (max-width:540px) {
    .main-sect-work .w-infos-tit{font-size:28px;}
    .main-sect-work .w-infos-txt{ font-size:17px;}

    .main-loader .loader-img img{max-width:150px;}
    
}


@media all and (max-width:430px) {
    .main-sect-work .w-infos-tit{font-size:24px;}
    .main-sect-work .w-infos-txt{ font-size:16px;}

    
}

@media all and (max-width:375px) {
    .main-sect-work .w-infos-tit{font-size:20px;}
    .main-sect-work .w-infos-txt{ font-size:15px;}
}


@media all and (max-width:320px) {    
}



@media (max-width:540px) and (min-height: 900px){
    .main-wrap{height:62vh;}      
}

@media (max-width:540px) and (max-height: 640px){
    .main-wrap{height:80vh;}      
}