@charset "utf-8";
#ds-lt-content>main>section.ds-lt-width {font-size:1rem; line-height:1.4;}

.ds-index-link-box a {font-size:0.95em; padding:0.3em 0.8em; border:2px solid #fff; white-space:nowrap; color:#fff; }

/* 1st SLIDER */
/* 16:9를 항상 유지하려면, 아래의 방법을 이용할 것 */
/* #ds-index-ban1 {position:relative; height:0; padding-top:56.25vw; width:100%; min-height:auto;} */
/* #ds-index-ban1>ul {position:absolute; width:100%; height:56.25vw; left:0; top:0;} */
/* #ds-index-ban1 .ds-swiper-video>* {height:56.25vw; width:134.99vw;} */

#ds-index-ban1 {height:60vh; min-height:300px;}
#ds-index-ban1 .ds-video-bg>*{min-height:60vh; min-width:106.67vh;}

@media all and (max-height:300px){
	#ds-index-ban1 .ds-video-bg>*{height:300px; width:533px}
}

@media all and (max-width:533px){
	#ds-index-ban1 .ds-video-bg>*{height:300px; width:533px}
}

#ds-index-ban1 .ds-lt-width>div {width:100%;}
#ds-index-ban1 .ds-lt-width>div>*+* {margin-top:1rem;}
#ds-index-ban1 h3 {font-size:1.1em; margin:0;}

#ds-index-ban1-A ul {width:100%;}
#ds-index-ban1-A li {flex:0 0 25%;}

#ds-index-ban1-B img{max-width:50%;}

#ds-index-ban1-C h3 {font-size:1.5em;}
#ds-index-ban1-C h3 small {font-size:0.7em; display:block;}


/* Main Banner */
.ds-body-mid-index #ds-wg-banner_sub .swiper-slide {padding-bottom:40%;}

/* Index DMC Banner - Gallery & Artist */
.ds-index-sub~.ds-index-sub>.ds-lt-width:before {display:none;}
.ds-index-sub h2 {font-size:1.4em;}
.ds-index-sub h2 small{font-size:0.8em;}

.ds-dmc-banner-list a>div>div {padding:0.5em;}

/* Art Works - Tile*/
.ds-dmc-tile ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.ds-dmc-tile ul:after {display:none!important;}
.ds-dmc-tile li{flex:0 0 32%; padding-bottom:32%;}
.ds-dmc-tile li:nth-of-type(3)~li{margin-top:1%;}

.ds-dmc-tile img{width:100%; height:100%;}
.ds-dmc-tile a>div>div{opacity:1; background:rgba(0,0,0,0.6); padding:0.3em; font-size:0.9em; font-weight:normal!important;}
.ds-dmc-tile a>div>div>div:nth-of-type(2) {font-size:0.8em; font-weight:normal!important; white-space:nowrap;}
.ds-dmc-tile a>div>div>div:nth-of-type(2)>span:nth-of-type(2)~span {display:none!important;}