@charset "utf-8";

#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 :not('.ds-contact-box') ul {list-style:none; margin:0; padding:0;}

/* INDEX FONT SIZE */
@media all and (min-width:768px){
	.ds-lt-index {font-size:1.4em;}
}

/* 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/m1b1.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 {height:100vh; min-height:800px; }
#swiper-main .swiper-wrapper {margin:0; padding:0;}

/* SWIPER BULLET  */
@media all and (min-width:768px){
	#swiper-main .swiper-pagination-bullet {width:15px; height:15px;}
}
#swiper-main .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {opacity:.5; background:#fff;}

.ds-lt-index-bottom,
#swiper-main .swiper-slide {background-size:cover; background-position:center center; background-repeat:no-repeat;}
#swiper-main .swiper-slide {opacity:0!important;}
#swiper-main .swiper-slide-active {z-index:2; opacity:1!important;}
#swiper-main .swiper-main-1 {background-image:url('../layout/img/m1a1.jpg')}
#swiper-main .swiper-main-2 {background-image:url('../layout/img/m1b1.jpg')}

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

#swiper-main .swiper-slide> .ds-lt-width >div,
.ds-lt-index>.ds-lt-width >div {flex:1 0 100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}

#swiper-main .swiper-slide> .ds-lt-width >div{margin-top:150px;}

#swiper-main .swiper-slide> .ds-lt-width >div>*,
.ds-lt-index>.ds-lt-width >div>* {flex:1 0 100%}

.ds-lt-index .ds-index-title {z-index:2; text-align:center; font-size:1.4em; line-height:1.5; font-weight:900;}
.ds-lt-index .ds-index-title span{display:inline-block}

#swiper-main .swiper-main-1 .ds-index-title {color:rgba(17,76,157,1); font-size:1.7em;}
#swiper-main .swiper-main-2 .ds-index-title {color:#fff;}

#swiper-main .swiper-main-1 .swiper-main-text-img {font-size:0; z-index:2; margin:30px 0; text-align:center;}
#swiper-main .swiper-main-1 .swiper-main-text-img img{max-width:100%;}

.ds-lt-index .ds-index-boxes {z-index:2; margin:0; text-align:center; padding:0; list-style:none; display:flex; justify-content:center; align-items:center;}
#swiper-main .swiper-main-2 .ds-index-boxes {margin-top:2.5em;}

.ds-lt-index .ds-index-boxes>li~li {margin-left:5%}
.ds-lt-index .ds-index-boxes a {transition:all 0.5s; display:flex; justify-content:center; align-items:center; height:10em; width:10em; background-repeat:no-repeat; background-position:center center; background-size:cover; font-weight:bold; line-height:1.5;}
.ds-lt-index .ds-index-boxes a:hover {transform:scale(1.02,1.02)}

#swiper-main .swiper-main-1 .ds-index-boxes a{color:#fff; background-image:url('../layout/img/m1a5.png');}
#swiper-main .swiper-main-2 .ds-index-boxes a{background-image:url('../layout/img/m1b3.png');}
#swiper-main .swiper-main-2 .ds-index-boxes strong{color:rgba(17,76,157,1); font-weight:900;}

.ds-lt-index  .ds-lt-width >img {position:absolute; z-index:1;}
#swiper-main .swiper-main-1> .ds-lt-width >img:nth-of-type(1) {width:155.5%; top:10%;}
#swiper-main .swiper-main-2> .ds-lt-width >img:nth-of-type(1) {width:48%; bottom:0; right:-20%;}

/* IE 이미지 픽스 */
@media all and (-ms-high-contrast:none) {
	#swiper-main .swiper-main-1> .ds-lt-width >img:nth-of-type(1) {width:155.5%; left:50%; margin-left:-77.75%}
}

/* SWIPER - MIN HEIGHT + VIDEO WIDTH*/
@media all and (max-width:1200px){
	#swiper-main .swiper-main-1> .ds-lt-width >img:nth-of-type(1) {width:100%;}
	#swiper-main .swiper-main-2> .ds-lt-width >img:nth-of-type(1) {right:-5%;}
}

.ds-lt-index .ds-index-more {display:block!important; position:absolute; bottom:80px; left:50%; width:6em; margin-left:-3em; font-size:24px; z-index:2;}
.ds-lt-index .ds-index-more>a {display:block; background:rgba(255,255,255,0.8); border:2px solid #d46260; color:#d46260!important; font-weight:900; line-height:1;  text-align:center; padding:0.5em 0;}
.ds-lt-index .ds-index-more>a:hover {background:#fff; transform:scale(1.02,1.02);}

#swiper-main .swiper-slide .swiper-prx-item {opacity:0;}
#swiper-main .swiper-slide.swiper-slide-active .swiper-prx-item {opacity:1; transform:translate(0, 0) scale(1, 1) scale3D(1,1,1); transition-property:opacity, transform;}

#swiper-main .swiper-main-1 .swiper-prx-item-1 {transform:scale(0.8);transition-delay:0.5s; transition-duration:2s;}
#swiper-main .swiper-main-1 .swiper-prx-item-2 {transform:scale(0.8); transition-delay:1.0s; transition-duration:2s;}
#swiper-main .swiper-main-1 .swiper-prx-item-3 {transform:scale(0.8); transition-delay:1.5s; transition-duration:2s;}
#swiper-main .swiper-main-1 .swiper-prx-item-4 {transform:scale(0.8); transition-delay:2.0s; transition-duration:2s;}

#swiper-main .swiper-main-1 .swiper-prx-item-5 {transform:translate(0,-10%); transition-delay:1s; transition-duration:5s;}
#swiper-main .swiper-main-1.swiper-slide-active .swiper-prx-item-5 {opacity:0.8;}
#swiper-main .swiper-main-1 .swiper-prx-item-6 {transform:scale(0.5) translate(-140%,0); transition-delay:1.5s; transition-duration:6s;}


#swiper-main .swiper-main-2 .swiper-prx-item-1 {transform:translate(-10%,0);transition-delay:0.5s; transition-duration:2s;}
#swiper-main .swiper-main-2 .swiper-prx-item-2 {transform:translate(10%,0); transition-delay:1.0s; transition-duration:2s;}
#swiper-main .swiper-main-2 .swiper-prx-item-3 {transform:scale(0.8); transition-delay:1.5s; transition-duration:2s;}
#swiper-main .swiper-main-2 .swiper-prx-item-4 {transform:scale(0.8); transition-delay:2.0s; transition-duration:2s;}
#swiper-main .swiper-main-2 .swiper-prx-item-5 {transform:scale(0.8); transition-delay:2.5s; transition-duration:2s;}


#swiper-main .swiper-main-2 .swiper-prx-item-6 {transform:translate(20%,0); transition-delay:3s; transition-duration:3s;}
#swiper-main .swiper-main-2 .swiper-prx-item-7 {transform:translate(0,100%); transition-delay:3.5s; transition-duration:1s;}

/* 2nd ~ 3rd */
.ds-lt-index~div {margin-top:20px;}
/* body:not(.ds-body-mobile) .ds-lt-index-bottom{background-attachment:fixed;} */
.ds-lt-index-bottom .ds-index-title {color:rgba(17,76,157,1)}
.ds-lt-index-bottom .ds-index-title small {color:#444; font-size:0.95em; font-weight:bold;}

#ds-index-2 {background-image:url('../layout/img/m2a1.jpg');}
#ds-index-2 .ds-index-title {margin:20% 0 20% 0;}
#ds-index-2 .ds-index-boxes {margin:0 0 5% 0;}
#ds-index-2 .ds-index-boxes a{color:#fff; background-image:url('../layout/img/m1a5.png');}
#ds-index-2>.ds-lt-width>img {top:5%; height:55%;}

#ds-index-3 {background-image:url('../layout/img/m3a1.jpg'); background-position:top center;}
#ds-index-3>.ds-lt-width {padding-bottom:25%;}
#ds-index-3 .ds-index-title {margin:17% 0 6% 0;}
#ds-index-3>.ds-lt-width>img {bottom:0; height:35%;}

#ds-index-3 .ds-index-boxes a{background-image:url('../layout/img/m3a3.png'); height:6.193em}

.ds-lt-index-bottom .ds-index-boxes>li.aos-animate:nth-of-type(1) {transition-delay:0.7s!important;}
.ds-lt-index-bottom .ds-index-boxes>li.aos-animate:nth-of-type(2) {transition-delay:1.2s!important;}
.ds-lt-index-bottom .ds-index-boxes>li.aos-animate:nth-of-type(3) {transition-delay:1.7s!important;}

/* IE 이미지 픽스 */
@media all and (-ms-high-contrast:none) {
	#ds-index-2>.ds-lt-width>img {top:5%; height:auto; left:50%; width:58%; margin-left:-29%;}
	#ds-index-3>.ds-lt-width>img {bottom:0; height:auto; left:50%; width:40%; margin-left:-20%;}
}

/* CONTACT */
#ds-index-contact {background:rgba(17,76,157,1); font-size:0.95em; color:#fff; padding:1em 0;}
#ds-index-contact>.ds-lt-width>div {margin:2em 0; align-items:flex-start; justify-content:space-between;}

#ds-index-contact-desc {flex:1 0 40%; line-height:1.4;}
#ds-index-contact-desc h3{margin-top:0; font-size:1.5em;}
#ds-index-contact-desc a:hover{font-weight:bold; color:yellow;}
.ds-contact-required,
.ds-index-contact-required-desc {color:yellow; font-weight:bold;}

#ds-index-contact .ds-index-contact-form {flex:1 0 60%;}

@media all and (max-width:767px) {
	#ds-index-contact {font-size:1em;}
	#ds-index-contact>.ds-lt-width>div {display:block;}
	#ds-index-contact>.ds-lt-width>div>div {display:flex; justify-content:center; align-items:center;}
	
	#ds-index-contact .ds-index-contact-form {margin-top:1em;}
}

/* POPUP */
@media all and (min-width:768px) {
	#ds-index-popup-a {font-size:0; line-height:1;}
	#ds-index-popup-a >div{position:relative;}
	#ds-index-popup-a >div>div{position:absolute; right:0; z-index:500; display:block!important; border:10px solid #fff; top:70px; box-shadow:0 0 10px #555;}
	#ds-index-popup-a a{display:block;}
}