@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; }

/* Backgrounds will cover all the section
* --------------------------------------- */
#section1, #premium_aos, #section4, #section5, #section6 {
    position:relative; width:100%; height:100%;
	background-size: cover;
	background-attachment: fixed;
	background-position:center center;
    overflow: hidden;
}


#section4 { background-image: url(../img/section_bg_04.jpg); }

#fp-nav {
    right: 100px !important;
}


/* 섹션3*/
#premium_aos { background:linear-gradient(#b8b8b8,15%, #f7f7f7); }
#premium_aos .sec3_wrap { width: 920px; height: 830px; border: 0px solid red; margin: 260px auto; }
#premium_aos .sec3_tt { margin: 0 auto; width: 426px; height: 97px; }

#premium_aos .box_wrap1, #premium_aos .box_wrap2 {
    position: relative; width: 920px; height: 255px; display: flex;
    text-align: center; margin-top: 0 auto;
}
#premium_aos .box_wrap1 { margin-top: 40px; }
#premium_aos .box_wrap2 { margin-top: 0px; }
#premium_aos .box_wrap1 div,.box_wrap2 div { margin-right: 15px; }

#premium_aos .obj1{ width: 222px; height: 576px; position: absolute; top:-40%; left: -24%; }
#premium_aos .obj2{ width: 222px; height: 576px; position: absolute; top:-40%; right: -26%; }





/* 이미지 애니메이션 */
.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); }