@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%; font-size:1.1rem;}
#ds-lt-content>main>section ul {list-style:none; margin:0; padding:0;}

#ds-index-1 {width:100%; height:700px; position:relative; background-color:black;}
#ds-index-1>div:not(.ds-lt-width) {position:absolute; width:100%; height:100%; top:0; left:0; background-image:url('../layout/img/sbg1-01p.jpg'); background-repeat:repeat-x; background-size:cover; z-index:0;
 transition-duration:5s!important;
}

#ds-index-1>div:nth-of-type(1) img {position:absolute; width:100%; height:auto; z-index:0; transition-duration:15s!important; left:0;}

/* #ds-index-1>div:nth-of-type(1) img:nth-of-type(1):not(.aos-animate) { transform: translate3d(-400px,200px,0);} */

#ds-index-1>div:nth-of-type(1) img:nth-of-type(1) {top:0;}
#ds-index-1>div:nth-of-type(1) img:nth-of-type(2) {bottom:0;}


#ds-index-1 .ds-lt-width {height:100%; display:flex; flex-direction:column; justify-content:center; gap:5%; align-items:center; position:relative; z-index:1; color:#000; font-size:1.1em;}
#ds-index-1 .ds-lt-width * {margin:0; line-height:1; transition-duration:5s!important;}
#ds-index-1 .ds-lt-width h1 {transition-delay:0s!important;}
#ds-index-1 .ds-lt-width span {transition-delay:1s!important;}
#ds-index-1 .ds-lt-width img {transition-duration:5s!important;}

.ds-index-video {width:100%; height:800px; position:relative; font-size:1.2em;}
.ds-index-video .ds-video-bg {z-index:-1;}
.ds-index-video .ds-video-bg iframe {
	 width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	
}

.ds-index-video .ds-lt-width {height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; color:#fff; text-shadow: 0 0 5px #000}
.ds-index-video .ds-lt-width * {display:block; text-align:center;}
.ds-index-video .ds-lt-width img {max-width:50%; height:auto; margin-bottom:10%;}

#ds-index-4 {width:100%; height:580px; background:#273e4a; position:relative; z-index:0;}
#ds-index-4 .ds-lt-width {width:100%; height:100%; position:relative; z-index:0;}
#ds-index-4 iframe{width:100%; height:100%; overflow:hidden;}
/* #ds-index-4:after {content:""; display:block; width:100%; height:120px; background:#ddd; position:absolute; z-index:2; bottom:0;} */

#ds-index-5 {position:relative; z-index:3; background:#fff; overflow:hidden;}

#ds-index-5 h2 {text-align:center; font-size:1.5em; margin:4em 0;}

.ds-port-video,
.ds-port-img {font-size:0; line-height:1; text-align:center;}
.ds-port-video {position:relative; width:100%; height:0; padding-bottom:56.25%;}
.ds-port-video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;}

.ds-port img {max-width:100%; height:auto;}
.ds-port a {display:block;}
.ds-port a:hover img {transform:scale(1.01,1.01)}
.ds-port-1,
.ds-port-2,
.ds-port-3 {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; margin:0; padding:0; list-style:none; gap:1%; text-align:center;}
.ds-port {margin:0 0 2em 0;}
.ds-port-1 .ds-port {flex:1 1 100%;}
.ds-port-2 .ds-port {flex:1 1 49.5%;}
.ds-port-3 .ds-port {flex:0 1 32.5%;}

.ds-port-2 .ds-port:nth-of-type(2n-1) {transition-delay:0.0s!important;}
.ds-port-2 .ds-port:nth-of-type(2n) {transition-delay:0.3s!important;}

.ds-port-3 .ds-port:nth-of-type(3n-2) {transition-delay:0.0s!important;}
.ds-port-3 .ds-port:nth-of-type(3n-1) {transition-delay:0.3s!important;}
.ds-port-3 .ds-port:nth-of-type(3n) {transition-delay:0.6s!important;}

.ds-port-3 .ds-port-img {background-size:cover; background-position:center center; background-repeat:no-repeat;}

#ds-index-c>div>ul {display:flex; justify-content:space-between; align-items:center; padding:5% 0!important; margin:0;}
#ds-index-c>div>ul>li {flex:0 0 11%;}
#ds-index-c>div>ul>li img {width:100%; height:auto;}

/* MUNGGANG */
.ds-index-div {background-position:center center; background-size:cover; width:100%; /*height:100vh; max-height:1000px;*/}
.ds-index-div>div>div {padding:10% 0;}

.ds-index-div-a {overflow:hidden; color:#fff; text-align:center;}
.ds-index-div h2 {font-size:2.5em; line-height:1; margin:0 0 2em 0;}
.ds-index-div-a>div {width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.ds-index-div-a>div>div {max-width:1600px; flex:1 1 100%;}
.ds-index-div-a ul {list-style:none; padding:0; padding:0; display:flex; justify-content:space-around; align-items:start}
.ds-index-div-a li:nth-child(1) {transition-delay:0.2s!important;}
.ds-index-div-a li:nth-child(2) {transition-delay:0.5s!important;}
.ds-index-div-a li:nth-child(3) {transition-delay:0.8s!important;}
.ds-index-div-a img {width:60%; height:auto;}
.ds-index-div-a a:hover img {transform:scale(1.05,1.05)}

#ds-index-b {background-image:url('../layout/img/p22m1-02.jpg'); }
#ds-index-b li {flex:0 0 30%;}
#ds-index-b li>div:first-child {font-size:0;}
#ds-index-b li>div {overflow:hidden;}
#ds-index-b strong {display:block; font-size:1.4em; line-height:1; margin:1em 0;}
#ds-index-b p {display:block; font-size:1.2em;}

#ds-index-d {background-image:url('../layout/img/p22m1-04.jpg'); color:#fff;}
#ds-index-d>div {width:100%; height:100%;display:flex; justify-content:center; align-items:center;}
#ds-index-d>div>div{font-weight:bold; flex:1 0 100%;}
#ds-index-d .ds-contact-cont {font-size:1.3em;}
#ds-index-d .ds-contact-cont i {display:none;}
#ds-index-d .ds-contact-cont input,
#ds-index-d .ds-contact-cont textarea {color:#fff; background:none!important; border-width:0 0 1px 0!important; border-color:#fff;}

#ds-index-d .ds-contact-submit button[type="submit"] {padding:0.5em 1em; color:#444; background:rgba(255,255,255,0.5); border-color:#ddd;}

#ds-index-d .ds-contact-submit button[type="submit"]:hover {background:rgba(255,255,255,1); border-color:#555;}

#ds-index-d ul {line-height:1.6; font-size:1.4em;}

/* SEOULBON */
/* 하단 CONTACT */
#ds-lt-contact {display:flex; justify-content:center; align-items:stretch;}
#ds-lt-contact>* {flex:0 0 50%;}
#ds-lt-contact-map {position:relative;}
#ds-lt-contact-map iframe{position:absolute; width:100%; height:100%; top:0; left:0;}
#ds-lt-contact-map .root_daum_roughmap.root_daum_roughmap_landing{width:100%!important;}
#ds-lt-contact-map .root_daum_roughmap .wrap_map {height:100%important;}

#ds-lt-contact-main {background:#F9BA25; padding:3em 0 3em 4em; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;}
#ds-lt-contact-main h3 {font-size:2em; margin:0 0 1em 0;}
#ds-lt-contact-main>ul {font-size:1.05em; padding:0;}
#ds-lt-contact-main>ul>li:before {content:""; display:inline-block; width:1em; height:1em; background-size:cover; background-repeat:norepeat; background-position:center center; vertical-align:middle; margin-right:0.8em; }
#ds-lt-contact-main>ul>li~li {margin-top:0.8em;}
#ds-lt-contact-main>ul>li:nth-of-type(1):before{background-image:url('../layout/img/icon402.png'); vertical-align:top;}
#ds-lt-contact-main>ul>li:nth-of-type(2):before{background-image:url('../layout/img/icon404.png');}
#ds-lt-contact-main>ul>li:nth-of-type(3):before{background-image:url('../layout/img/icon401.png');}
#ds-lt-contact-main>ul>li:nth-of-type(4):before{background-image:url('../layout/img/icon403.png');}
#ds-lt-contact-main>ul ul {margin:0;display:inline-block;}
#ds-lt-contact-main>ul ul li+li{margin-top:0.7em;}

#ds-lt-contact-main>div {font-size:0;}
#ds-lt-contact-main>div a {display:block; margin-top:2rem;}
#ds-lt-contact-main>div a:hover img{transform:scale(1.02,1.02);}
#ds-lt-contact-main>div img{display:inline-block; vertical-align:middle;}
#ds-lt-contact-main>div a span {display:inline-block; }
#ds-lt-contact-main>div a>span {font-weight:bold; font-size:1.1rem; vertical-align:middle; margin:0.1em 0 0 1em; }