@charset "utf-8";

/* ==========================================================================
   MAIN VISUAL
   ========================================================================== */
.main_visual{position:relative; background:#fff; overflow:hidden}
.main_visual .swiper-slide{transform: translateZ(0); backface-visibility: hidden; perspective: 2000px;}
.main_visual .swiper-wrapper{transition-timing-function:ease-in-out}
.main_visual .vis{position: relative; width:100%; height:100vh; height: calc(var(--vh, 1vh) * 100);}
/* .main_visual .vis{position: relative; width:100%; height:100dvh;} */
.main_visual .vis .bg::after{content: ""; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);}
.main_visual .vis .bg{width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-color: #000;}
/* .main_visual .vis1 .bg{background-image:url('../images/main/mvis1.jpg'); animation: move1 13s ease-in-out forwards} */
.main_visual .vis1 .bg{background-image:url('../images/main/mvis1.jpg');}
.main_visual .vis2 .bg{background-image:url('../images/main/mvis2.jpg');}
.main_visual .vis3 .bg{background-image:url('../images/main/mvis3.jpg');}
.main_visual .vis4 .bg{background-image:url('../images/main/mvis4.jpg');}
.main_visual .vis5 .bg{background-image:url('../images/main/mvis5.jpg');}
.main_visual .mvis_text{position:absolute; bottom: 67px; left: var(--main-gap); font-size: 64px; font-weight: 300; color: #fff; line-height: 70px; text-transform: uppercase; z-index: 10; transition: .3s ease-in-out;}
.main_visual .num_pager{position: absolute; bottom: 80px; right: 126px; font-size: 14px; font-weight: bold; color: #fff; transition: .2s ease-in-out;}

/* Swiper */
.main_visual .mvis .swiper-button-next,
.main_visual .mvis .swiper-button-prev{top: auto; bottom: 63px; width: 50px; height: 50px; left: auto; right: auto; background-repeat:no-repeat; margin-top: 0; background-size: 15px auto; box-sizing:border-box; transition:ease-in-out .2s}
.main_visual .mvis .swiper-button-next:after,
.main_visual .mvis .swiper-button-prev:after{content:""}
.main_visual .mvis .swiper-button-prev{right: calc(var(--main-gap) + 67px); background-image:url('../images/common/arw1_1.png'); background-position: left center}
.main_visual .mvis .swiper-button-next{right: var(--main-gap);  background-image:url('../images/common/arw1_2.png'); background-position: right center}
.main_visual .mvis .swiper-button-next:hover,
.main_visual .mvis .swiper-button-next:focus,
.main_visual .mvis .swiper-button-prev:hover, 
.main_visual .mvis .swiper-button-prev:focus{outline:none}

/*애니메이션 Move*/
@keyframes move1
{  
    from {transform:scale(1)}  
    to {transform:scale(1.15)}
}
@keyframes move2
{  
    from {transform:scale(1.15)}  
    to {transform:scale(1)}
}

/* ==========================================================================
   MAIN CONTENTS
   ========================================================================== */
.m_sec.sec1{padding-top: 80px; padding-bottom: 70px; background-color: #fff; /*background-color: #f7f7f7;*/}
.m_sec.sec2{padding-top: 60px; padding-bottom: 100px; display: none;}