.splash-screen{
  position:relative;
  width:100%;
  max-width:430px;
  height:100vh;
  margin:0 auto;
  overflow:hidden;
  background:#fff;
}

.splash-bg-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}

/* logo.png는 '아이콘 + 든든노후' 통합 PNG 기준 */
.splash-logo-img{
    position:absolute;
    top:12%;
    left:50%;
    transform:translateX(-50%);
    width:180px;
    max-width:none;
    min-width:0;
    height:auto;
    z-index:10;
}

.splash-subtitle{
  position:absolute;
  top:265px;
  left:0;
  width:100%;
  margin:0;
  text-align:center;
  font-size:25px;
  line-height:1.45;
  font-weight:800;
  color:#333;
  z-index:2;
}

.splash-character-img{
  position:absolute;
  left:50%;
  bottom:95px;
  transform:translateX(-50%);
  width:250px;
  height:auto;
  z-index:2;
}

.splash-loading-img{
  position:absolute;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  width:38px;
  height:38px;
  z-index:2;
}

@media(max-width:390px){
  .splash-logo-img{top:60px;width:140px}
  .splash-subtitle{top:245px;font-size:23px}
  .splash-character-img{bottom:90px;width:235px}
}

/* 로고 강제 적용 - 맨 아래에 붙이기 */
.splash-screen .splash-logo-img{
    position:absolute !important;
    top:16% !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:220px !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    z-index:999 !important;
}