@charset "utf-8";

/***************************
  Contents
***************************/
#wrapper {
    position:relative; width:100%; height:100%;
    background-size: cover;
    background-attachment: fixed;
    background-position:center center;
    background-image: url();
    background-color:#fff;
}



section .cont { position: relative; width: 1400px; margin:0 auto; }

.main-utube {
    position: absolute; display: inline-block; bottom: 50px; left: 50px; z-index: 1110;
    cursor: pointer;
}




/* 이미지 애니메이션 */
.swiper-slide .anim-blind { position:relative;}
.swiper-slide .anim-blind-inner {
    position: absolute; display: flex; width: 100%; height:100%; left:0; top: 0; z-index: 3;
    flex-direction: column;/* 가로(row), 세로변경(column) */ overflow: hidden; 
    /*border: 1px solid red;*/
}
.swiper-slide .anim-blind .anim-blind-inner > span {
    position: relative; width: 100%; height: 100%; clip-path:inset(0); transition: clip-path .7s; transform: scale(1.05);
}

.swiper-slide.swiper-slide-active .anim-blind.right .anim-blind-inner > span { clip-path: inset(0 100% 0 0); transition-delay: calc((var(--i) - 1) * 0.07s); }
.swiper-slide.swiper-slide-active .anim-blind.down .anim-blind-inner > span { clip-path: inset(100% 0 0 0); transition-delay: calc((var(--i) - 1) * 0.07s); }