@charset "utf-8";

@media all and (min-width:768px) {
	#ds-lt-top {color:#ddd;} /* HEADER 색상 #888*/
	.ds-lt-top-menu-list>li>a:hover {color:#fff;} /* HEADER 색상 #000*/
	.ds-lt-top-menu-list>li>*:not(.ds-lt-close-btn)>i {color:LavenderBlush} /* HEADER 색상 rgba(170,35,80,1)*/

	#ds-lt-header {position:absolute; background:none; /* HEADER 색상 #fff*/}
	#ds-lt-header-main.scroll-to-fixed-fixed {background:rgba(0,0,0,0.9); /*HEADER 색상 rgba(255,255,255,0.9)*/ }

	#ds-lt-header-main>div {align-items:flex-end;  min-height:0;}

	#ds-lt-logo {margin-top:0em;} 
	#ds-lt-logo a img {max-height:110px;}

	#ds-lt-mainmenu .ds-menu-list-li>div>a{color:#fff;/* HEADER 색상 #444*/}
	#ds-lt-mainmenu:hover .ds-menu-list-li:hover>div>a{
		color:LavenderBlush;/* HEADER 색상 rgba(170,35,80,1)*/
		/* border-color:LavenderBlush; HEADER 색상 rgba(170,35,80,1)*/ */
	}
	#ds-lt-content>main>section.ds-lt-width {font-size:19px; line-height:1.5;}

	.ds-index-link-box a:hover {background:rgba(170,35,80,1);}
	.ds-a-scale a:hover {transform:scale(1.05); font-weight:bold;}
}

.ds-index-link-box a {padding:0.5em 2em; border:2px solid #fff; white-space:nowrap; color:#fff; }
.ds-index {font-size:1.2rem;}
.ds-index-bg {width:100%; height:100%; position:absolute; z-index:-1; top:0; left:0; overflow:hidden;}
@-webkit-keyframes ds-bg-scale {100% {transform:scale(1.1,1.1);}}
@-moz-keyframes ds-bg-scale {100% {transform:scale(1.1,1.1);}}
@keyframes ds-bg-scale {100% {transform:scale(1.1,1.1);}}

.ds-index-bg:after {display:block; content:""; width:100%; height:100%; background-size:cover; background-position:bottom center;
	-webkit-animation: ds-bg-scale 15s 1s infinite ease alternate;
	-moz-animation: ds-bg-scale 15s 1s infinite ease alternate;
	animation: ds-bg-scale 15s 1s infinite ease alternate;
}

/* SWIPER */
.ds-swiper .swiper-slide {background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:0!important;}
.ds-swiper .swiper-slide-active {z-index:2; opacity:1!important;}
.ds-swiper .swiper-slide> .ds-lt-width {display:flex; justify-content:center; align-items:center; height:100%;}
.ds-swiper .swiper-slide> .ds-lt-width >div {display:flex; flex-direction:column; align-items:center;}

/* SWIPER VIDEO SETTING */
.ds-swiper-video {z-index:-2;}
.swiper-slide-active .ds-swiper-video {z-index:-1;}

/* SWIPER PRX*/
.ds-swiper>ul>li.swiper-slide-prev *[class*="ds-swiper-prx"],
.ds-swiper>ul>li.swiper-slide-active *[class*="ds-swiper-prx"] {opacity:1!important; transform:translate(0, 0) scale(1, 1)!important; transition-property:opacity, transform!important;}
 
 .ds-swiper-prx-1 {transition-delay:0.5s;} .ds-swiper-prx-2 {transition-delay:1.0s;} .ds-swiper-prx-3 {transition-delay:1.5s;} .ds-swiper-prx-4 {transition-delay:2.0s;} .ds-swiper-prx-5 {transition-delay:2.5s;} .ds-swiper-prx-6 {transition-delay:3.0s;} .ds-swiper-prx-7 {transition-delay:3.5s;} .ds-swiper-prx-8 {transition-delay:4.0s;} .ds-swiper-prx-9 {transition-delay:4.5s;} .ds-swiper-prx-10 {transition-delay:5.0s;} .ds-swiper-prx-11 {transition-delay:5.5s;} .ds-swiper-prx-12 {transition-delay:6.0s;} .ds-swiper-prx-13 {transition-delay:6.5s;} .ds-swiper-prx-14 {transition-delay:7.0s;} .ds-swiper-prx-15 {transition-delay:7.5s;}
 
/* SWIPER MAIN */
#ds-index-ban1 {/*height:100vh; min-height:800px;*/ height:800px; min-height:800px; text-align:center; color:#fff; font-size:1.1em;}

#ds-index-ban1 .ds-swiper-video>*{width:100vw; height:41.67vw;}

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

#ds-index-ban1 *[class*="ds-swiper-prx"] {opacity:0; transition-duration:2s; transform:translate(0,100%);}

.swiper-main-arrow {position:absolute; left:50%; bottom:6%; margin-left:-30px; width:60px; height:60px; z-index:2; text-align:center; transition-delay:20s!important; transition-duration:3s!important; background-size:25px!important; background:url('../layout/img/main003.png') no-repeat center center rgba(0,0,0,0.7); border-radius:50%; cursor:pointer}
.swiper-main-arrow:hover {background-color:#000; background-size:27px!important;}
@media all and (min-width:768px) and (max-width:1920px){
	#ds-index-ban1 .swiper-button-prev,
	#ds-index-ban1 .swiper-button-next {background-size:contain; background-position:center center;}
	#ds-index-ban1 .swiper-button-prev:hover,
	#ds-index-ban1 .swiper-button-next:hover {transform:scale(1.2, 1.2)}
	#ds-index-ban1 .swiper-button-prev {background-image:url('../layout/img/main001.png');}
	#ds-index-ban1 .swiper-button-next {background-image:url('../layout/img/main002.png');}
	#ds-index-ban1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;}
	#ds-index-ban1 .swiper-pagination-bullet {width:15px; height:15px; opacity:1; background:rgba(0,0,0,0.7);}
	#ds-index-ban1 .swiper-pagination-bullet-active {background:rgba(255,255,255,0.7); box-shadow:0 0 0 2px #555 inset;}
}
#ds-index-ban1>ul>li {background-size:cover; background-repeat:no-repeat; background-position:center center;}
#ds-index-ban1>ul>li>div>div {position:relative;}
#ds-index-ban1 .swiper-slide a {display:block;}
#ds-index-ban1 .swiper-slide span {display:block;}
#ds-index-ban1 .swiper-slide img {height:auto;}

#ds-index-ban1 .ds-index-bg:after {background-position:center center;}

#ds-index-ban1>ul>li>div>div>img {width:100%;}
#ds-index-ban1-A>div>div>div:nth-of-type(1) {position:absolute; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;}
#ds-index-ban1-A span:nth-of-type(1) {font-size:1.5em; font-weight:bold;}
#ds-index-ban1-A>div>div>div:nth-of-type(2) {position:absolute; left:0; bottom:-20%; width:100%; font-size:0;}

#ds-index-ban1-A .ds-index-bg-1:after {background-image:url('../layout/img/main101b.jpg')}
#ds-index-ban1-A .ds-index-bg-2:after {background-image:url('../layout/img/main101a.jpg')}

#ds-index-ban1-A .ds-index-bg-1 {transform:translate(0,0); transition-duration:8s; transition-delay:3s;}

#ds-index-ban1-A .ds-swiper-prx-1 {transform:translate(0,0) scale(1.2, 1.2); transition-duration:4s;}
#ds-index-ban1-A .ds-swiper-prx-2 {transform:translate(0,0); transition-delay:1s; transition-duration:4s;}
#ds-index-ban1-A .ds-swiper-prx-3 {transform:translate(0,100%) scale(0.5, 0.5); transition-delay:s; transition-duration:10s;}
#ds-index-ban1-A .ds-swiper-prx-4 {transform:translate(0,0) scale(0.9, 0.9); transition-delay:2s; transition-duration:5s;}

#ds-index-ban1-B {color:#333; font-weight:bold;}
#ds-index-ban1-B>div>div>div {position:absolute; text-align:left; left:2.5em; bottom:2.1em; font-size:1.45em; color:#eee;}
#ds-index-ban1-B .ds-index-bg:after {background-image:url('../layout/img/main102a.jpg')}
#ds-index-ban1-B .ds-swiper-prx-1 {transform:translate(30%,0); transition-duration:4s;}
#ds-index-ban1-B .ds-swiper-prx-2 {transform:translate(50%,0); transition-duration:4s;}
#ds-index-ban1-B .ds-swiper-prx-3 {transform:translate(0,0) scale(0.8,0.8); transition-duration:8s;}

#ds-index-ban1-C {background-image:url('../layout/img/main_video.jpg'); font-size:1.3em; font-weight:bold;}
#ds-index-ban1-C .ds-lt-width {justify-content:flex-end;}
#ds-index-ban1-C .ds-lt-width>div {text-align:right; display:block; margin-right:5%;}
#ds-index-ban1-C .ds-swiper-prx-1 {transform:translate(40%,0); transition-duration:6s;}
#ds-index-ban1-C .ds-swiper-prx-2 {transform:translate(-50%,0); transition-duration:8s; transition-delay:2s;}

#ds-index-ban1-D {color:#fff; font-weight:bold;}
#ds-index-ban1-D .ds-lt-width {display:block; height:100%; position:relative;}
#ds-index-ban1-D .ds-lt-width>div {position:absolute; font-size:1.8em; bottom:37%; left:13%; text-align:left;}
#ds-index-ban1-D .ds-lt-width>div>div {background:rgba(0,0,0,0.6); padding:0.5em}
#ds-index-ban1-D .ds-index-bg:after {background-image:url('../layout/img/main401a.jpg')}
#ds-index-ban1-D .ds-swiper-prx-1 {transform:translate(30%,0); transition-duration:4s;}
#ds-index-ban1-D .ds-swiper-prx-2 {transform:translate(-30%,0); transition-duration:5s; transition-delay:1s;}
#ds-index-ban1-D .ds-swiper-prx-3 {transform:translate(30%,0); transition-duration:4s; transition-delay:2s;}
#ds-index-ban1-D .ds-swiper-prx-4 {transform:translate(0,50); transition-duration:5s; transition-delay:3s;}

/* INDEX 2 */
#ds-index-2 {background:rgba(50,50,60,1); position:relative; margin-top:30px;}
#ds-index-2 >div:nth-of-type(1) {display:flex; position:relative;}
#ds-index-2 >div>div {flex:0 0 50%;}
#ds-index-2 >div>div>div {width:100%; padding-bottom:56.25%; position:relative;}
#ds-index-2 >div>div iframe{position:absolute; width:100%; height:100%; border:none;}

#ds-index-2 >div:nth-of-type(2) {display:block; position:absolute; top:0; left:50%; width:50%; height:100%; z-index:1;}

#ds-index-ban2 {height:100%;}
#ds-index-ban2>ul>li {background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative;}
#ds-index-ban2 div {width:100%; height:100%;}
#ds-index-ban2-A .ds-index-bg:after {background-image:url('../layout/img/main201.jpg')}
#ds-index-ban2-B .ds-index-bg:after {background-image:url('../layout/img/main202.jpg')}

#ds-index-ban2 a {display:block; color:#eee; position:absolute; font-size:1.4em; line-height:1; top:1.5em; left:1.5em; font-weight:bold; z-index:3; opacity:0; transform:translate(0, 30%);transition-duration:4s; transition-delay:1s;}
#ds-index-ban2 a:hover {color:#fff;}

#ds-index-2-B {position:relative; color:#fff; white-space:nowrap;}
#ds-index-2-B:before {display:block; content:""; width:50%; height:100%; background:rgba(170,35,80,1); position:absolute; z-index:-1; top:0; left:0;}
#ds-index-2-B:after {display:block; content:""; width:50%; height:100%; background:rgba(50,50,60,1); position:absolute; z-index:-1; top:0; right:0;}
#ds-index-2-B>div>div {display:flex;}
#ds-index-2-B>div>div>div {line-height:1; display:flex; flex-direction:column; justify-content:center;}
#ds-index-2-B>div>div>div:nth-of-type(1) {background:rgba(170,35,80,1); padding-top:0.5em; padding-bottom:0.5em;  padding-left:17%; padding-right:1em;}
#ds-index-ycp-link {background:rgba(50,50,50,1); flex:1 1 100%; padding-left:1em; font-size:1.1em; position:relative;}
#ds-index-ycp-link >a{display:block; height:100%; width:100%; z-index:1; position:relative;}
#ds-index-ycp-link >a:hover+div {font-weight:bold;}
#ds-index-ycp-title {position:absolute; left:1em; height:100%; top:0; display:flex; align-items:center;}
#ds-index-ycp-title .ds-video-js-player,
#ds-index-ycp-title .ds-video-js-footer,
#ds-index-ycp-title .ds-video-js-list>div>ul>li>*:not(.ds-video-js-item-title) {display:none!important;}
#ds-index-ycp-title .ds-video-js-list>div>ul {list-style:none; padding:0; margin:0;}

/* Index 3 - Swiper */
#ds-index-ban3 {/*height:100vh; min-height:800px;*/ height:400px; min-height:400px; text-align:center;}
.ds-index-ban3-div {position:relative;}
.ds-index-ban3-div>* {position:absolute; display:block; opacity:0; transition-property:all; transition-timing-function:ease-in-out; opacity:0; }
.ds-index-ban3-div a {display:block; left:10%; top:30%; width:16%; text-align:left; color:#fff; font-size:1.8em; font-weight:bold; padding:0.2em 0 0.2em 0.5em;}
.ds-index-ban3-div a:hover {box-shadow:5px 5px 10px #333;}
.ds-index-ban3-div p {font-size:1rem; text-align:right; left:30%; top:40%;}
.ds-index-ban3-div img {max-height:90%; bottom:0; right:0;}

.ds-index-ban3-div a {transition-delay:0s; transition-duration:4s;}
.ds-index-ban3-div p {transition-delay:1s; transition-duration:5s;}
.ds-index-ban3-div img {transition-delay:0.5s; transition-duration:4s;}

#ds-index-ban3-A a {transform:translate(-30%, 0); background:rgba(110,100,110,1)}
#ds-index-ban3-A p {transform:translate(30%, 0);}
#ds-index-ban3-A img {transform:translate(0, 20%);}

#ds-index-ban3-B a {transform:translate(0, -50%); background:rgba(60,80,110,1)}
#ds-index-ban3-B p {transform:translate(0, 50%);}
#ds-index-ban3-B img {transform:translate(-40%, 0);}

#ds-index-ban3-C a {transform:translate(30%, 0); background:rgba(170,35,80,1)}
#ds-index-ban3-C p {transform:translate(0, -50%);}
#ds-index-ban3-C img {transform:translate(40%, 0);}

/* INDEX 4 */
#ds-index-4 {height:50vh; min-height:500px; max-height:700px; position:relative; display:flex; flex-direction:column; justify-content:center;}
#ds-index-4-main {background:rgba(60,80,110,0.7); padding:1em 0;}
#ds-index-4-main>div {display:flex; justify-content:space-around;}
#ds-index-4-main a {display:flex; color:#fff; opacity:0.9;}
#ds-index-4-main a:hover {opacity:1;}
#ds-index-4-main a img{display:block;}
#ds-index-4-main a:hover img{transform:scale(1.05,1.05)}
#ds-index-4-main a div{align-self:stretch; display:flex; flex-direction:column; justify-content:flex-end; margin-left:1em; font-size:1.3em;}
#ds-index-4-main a span{display:block; font-weight:bold;}
#ds-index-4-main a span:nth-of-type(1){font-size:0.7em;}


#ds-index-4 >.ds-index-bg:after {
	-webkit-animation: ds-bg-scale 17s 0s infinite ease alternate;
	-moz-animation: ds-bg-scale 17s 0s infinite ease alternate;
	animation: ds-bg-scale 17s 0s infinite ease alternate;
}
#ds-index-4 >.ds-index-bg:after {background-attachment:fixed; background-image:url('../layout/img/main401.jpg')}

/* INDEX 5 */
#ds-index-5 {margin-top:8rem;}
#ds-index-5>div>div {display:flex; justify-content:space-between;}
.ds-index-5-box {display:block; flex: 0 0 24%; background-position:top center; background-size:cover; background-repeat:no-repeat; position:relative; overflow:hidden;}
.ds-index-5-box img{max-width:100%!important; height:auto; display:block;}
.ds-index-5-box:hover img:nth-of-type(1){opacity:1; transform:scale(1.02,1.02);}
.ds-index-5-box img:nth-of-type(1){position:absolute; opacity:0; transition:all 0.5s;}
.ds-index-5-box span{position:absolute; top:0; left:0; color:#ddd; font-weight:bold; top:5%; left:10%; }
.ds-index-5-box:hover span{color:#fff;}
#ds-index-5-c span{color:#555;}
#ds-index-5-c:hover span{color:#000;}