@charset "utf-8";
#ds-lt-main {background:#000;}
#ds-lt-content>main>section.ds-lt-width {padding-top:0; padding-left:0; padding-right:0; min-width:100%; max-width:100%;}
#ds-lt-content>main>section ul {list-style:none; margin:0; padding:0;}

/* SLIDE VIDEO SETTING */
.swiper-slide-video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; overflow: hidden; background:url('../layout/img/welcome-video1.jpg') center center no-repeat; background-size:cover;}
.swiper-slide-active .swiper-slide-video {z-index:0;}
.swiper-slide-video>*{width:100vw; height:56.25vw; min-height:100vh; min-width:177.77vh; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:none;}

/* SWIPER - MIN HEIGHT + VIDEO WIDTH*/
@media all and (min-width:768px) and (max-height:800px) and (max-width:1422px){
	.swiper-slide-video>*{height:800px; width:1422px}
}

/* 1st SLIDER */

#swiper-main {max-width:1600px;}
#swiper-main a {display:block;}

#swiper-main .swiper-slide {background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:0!important; width:100%; padding-bottom:45%;}
#swiper-main .swiper-slide-active {z-index:2; opacity:1!important;}

#swiper-main .swiper-slide> .ds-lt-width {display:flex; justify-content:center; align-items:center; height:100%;}

#swiper-main .swiper-slide> .ds-lt-width >div {display:flex; flex-direction:column; align-items:center; justify-content:space-between; flex:1;}

#swiper-main .swiper-main-text {text-shadow:0.1em 0.1em 0.2em #000; line-height:1; color:#fff; z-index:1; text-align:center; background:pink; padding:1em; }
#swiper-main .swiper-main-text:hover {transform:scale(1.05,1.05);}
#swiper-main .swiper-main-text h3{font-size:2.5em; line-height:1.4; margin:0;}
#swiper-main .swiper-main-text div{font-size:1.5em; line-height:1.5; margin-top:0.2em;}

#swiper-main .swiper-main-boxes {display:flex; justify-content:center; z-index:2; margin:2em auto 0 auto!important; text-align:center;}
#swiper-main .swiper-main-boxes li {flex:0 0 20%; font-size:0;}
#swiper-main .swiper-main-boxes li~li {margin-left:1%;}
#swiper-main .swiper-main-boxes img {max-width:100%; height:auto;}
#swiper-main .swiper-main-boxes a {position:relative; transition:all 0.5s;}
#swiper-main .swiper-main-boxes a:hover {transform:scale(1.05,1.05)}

#swiper-main .swiper-main-boxes a>div {box-sizing:border-box; height:100%; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; transition:all 1s;}
#swiper-main .swiper-main-boxes .swiper-main-box-under{background:green}
#swiper-main .swiper-main-boxes a:hover .swiper-main-box-under {opacity:0;}
#swiper-main .swiper-main-boxes .swiper-main-box-over {opacity:0; background:red; position:absolute;}
#swiper-main .swiper-main-boxes a:hover .swiper-main-box-over {opacity:1;}

#swiper-main .swiper-slide.swiper-slide-active .swiper-prx-item {opacity:1; transform:translate(0, 0) scale(1, 1); transition-property:all;}
#swiper-main .swiper-slide .swiper-prx-item-1 {opacity:0; transform:translate(0,-100%); transition-delay:1s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-2 {opacity:0; transform:translate(0,100%); transition-delay:1.5s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-3 {opacity:0; transform:translate(0,100%); transition-delay:2s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-4 {opacity:0; transform:translate(0,100%); transition-delay:2.5s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-5 {opacity:0; transform:translate(0,50%); transition-delay:3s; transition-duration:1s;}
#swiper-main .swiper-slide .swiper-prx-item-6 {opacity:0; transform:translate(0,50%); transition-delay:3.3s; transition-duration:1s;}
#swiper-main .swiper-slide .swiper-prx-item-7 {opacity:0; transform:translate(0,50%); transition-delay:3.6s; transition-duration:1s;}
#swiper-main .swiper-slide .swiper-prx-item-8 {opacity:0; transform:translate(0,50%); transition-delay:3.6s; transition-duration:1s;}

/* 2nd */
#ds-index-2 {padding-bottom:9rem;}
#ds-index-2-title {text-align:center; padding:9rem 0;}
#ds-index-2-title p {margin:0; line-height:1.5;}
#ds-index-2-title p.aos-animate {opacity:1;}
#ds-index-2-title>p:nth-child(1) {font-size:2rem;}
#ds-index-2-title>p:nth-child(2) {font-size:2.5rem;}
#ds-index-2-title>p:nth-child(3) {font-size:2.5rem;}