.slider { position: relative; width: 100%; height: 100vh; overflow: hidden; background: #000; aspect-ratio: 16 / 9; }
.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 1s ease-in-out; opacity: 0; }
.slide.active { z-index: 1; opacity: 1; }
.slide picture img { display: block; width: 100%; height: 100vh; object-fit: cover; object-position: center; }
.slide-content { position: absolute; top: 55%; left: 50%; z-index: 2; width: 1200px; animation: slideUp 0.8s ease; transform: translate(-50%, -50%); }
.slide-content .txt { max-width: 1200px; margin: 0 auto; padding: 2vw 0; color: #fff; text-align: center; word-break: keep-all; overflow-wrap: break-word; white-space: normal; }

.slide-content .txt h2 { font-family: 'yleeMortalHeartImmortalMemory'; font-size: 4vw; font-weight: 200; letter-spacing: -3px; margin-bottom: 1vw; }
.slide-content .txt h3 { font-size: 2.5vw; font-weight: 600; margin-bottom: 2vw; }
.slide-content .txt .desc { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-family: 'Paperlogy-7Bold'; font-size: 3vw; margin-top: 1vw; }
.slide-content .txt .desc img { width: 250px; margin-right: 0.8vw; }
.slide-content .txt.nm2 h2 { font-family: 'JalnanGothic'; }
.slide-content .txt.nm3 { max-width: 800px; }
.slide-content .txt.nm3 img { width: 80%; }

@keyframes slideUp {
  from { opacity: 0; transform: translate(-50%, -35%); }
  to { opacity: 1; transform: translate(-50%, -50%); }
}



@media all and (max-width:768px) {
  .slide-content { width: 100%; top: 35%;}
  .slide-content .txt { width: 100%; max-width: 90%; margin: 0 auto; box-sizing: border-box; word-break: keep-all; overflow-wrap: break-word; white-space: normal; }
  .slide-content .txt h2 { font-size: 34px; font-weight: 300; letter-spacing: -2px; margin-bottom: 1.5vw; }
  .slide-content .txt h3 { font-size: 22px; font-weight: 700; margin-bottom: 2vw; }
  .slide-content .txt .desc { font-size: 22px; margin-top: 5vw; }
  .slide-content .txt .desc img { width: 110px; margin-right: 0.8vw; }

  .slide-content .txt.nm2 h2 { font-size: 30px;}

  .slide-content .txt.nm3 { max-width: 80%; }

}