/* =========================
   큰 이미지 프레임 (PC 기준 비율 유지)
========================= */
.frame_profit{
  position:relative;
  width:100vw;
  min-height:180vh;
  overflow:hidden;
  border-radius:0;
  box-shadow:none;
}

/* 배경 이미지 */
.frame_bg_profit{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* =========================
   위에 겹치는 3개 이미지
========================= */
.frame_overlay_profit{
  position:relative;
  width:100%;
  min-height:100vh;
}

/* 공통 스타일 */
.frame_overlay_profit img{
  position:absolute;
  height:auto;
  object-fit:contain;
  display:block;

  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);

  box-shadow:none;
  opacity:0.98;
  filter:brightness(0.97);

  transform:translate(-50%, -50%);
  transition:none !important;
}

/* =========================
   PC (기준값 유지)
========================= */

/* 1번 이미지 그래프 */
.frame_overlay_profit img:nth-child(1){
  left:70%;
  top:120%;
  width:clamp(900px, 95vw, 1800px);
}

/* 2번 이미지 영수증 */
.frame_overlay_profit img:nth-child(2){
  left:35%;
  top:120%;
  width:clamp(320px, 24vw, 680px);
}

/* 3번 이미지 타이틀 */
.frame_overlay_profit img:nth-child(3){
  left:50%;
  top:40%;
  width:clamp(420px, 42vw, 1000px);
}

/* hover 차단 */
.frame_overlay_profit img:hover{
  transform:translate(-50%, -50%);
}

/* =========================
   노트북
   - PC 비율 유지하면서 살짝만 축소
========================= */
@media (max-width:1400px){

  .frame_profit{
    min-height:170vh;
  }

  .frame_overlay_profit img:nth-child(1){
    left:69%;
    top:118%;
    width:min(1500px, 92vw);
  }

  .frame_overlay_profit img:nth-child(2){
    left:34.5%;
    top:118%;
    width:min(520px, 26vw);
  }

  .frame_overlay_profit img:nth-child(3){
    left:50%;
    top:39%;
    width:min(900px, 44vw);
  }
}

/* =========================
   태블릿
   - PC 배치 느낌 유지하면서 전체 축소
========================= */
@media (max-width:1024px){

  .frame_profit{
    min-height:145vh;
  }

  .frame_overlay_profit img:nth-child(1){
    left:67%;
    top:112%;
    width:min(1100px, 88vw);
  }

  .frame_overlay_profit img:nth-child(2){
    left:32%;
    top:112%;
    width:min(380px, 30vw);
  }

  .frame_overlay_profit img:nth-child(3){
    left:50%;
    top:35%;
    width:min(700px, 58vw);
  }
}

/* =========================
   모바일
   - 핸드폰에서만 위치 재조정
========================= */
@media (max-width:700px){

  .frame_profit{
    min-height:78vh;
  }

  .frame_overlay_profit{
    min-height:78vh;
  }

  /* 1번 이미지 그래프 */
  .frame_overlay_profit img:nth-child(1){
    left:68%;
    top:72%;
    width:92vw;
  }

  /* 2번 이미지 영수증 */
  .frame_overlay_profit img:nth-child(2){
    left:31%;
    top:82%;
    width:34vw;
  }

  /* 3번 이미지 타이틀 */
  .frame_overlay_profit img:nth-child(3){
    left:42%;
    top:20%;
    width:78vw;
  }
}

/* =========================
   작은 모바일
========================= */
@media (max-width:480px){

  .frame_profit{
    min-height:72vh;
  }

  .frame_overlay_profit{
    min-height:72vh;
  }

  /* 1번 이미지 그래프 */
  .frame_overlay_profit img:nth-child(1){
    left:68%;
    top:58%;
    width:94vw;
  }

  /* 2번 이미지 영수증 */
  .frame_overlay_profit img:nth-child(2){
    left:30%;
    top:68%;
    width:36vw;
  }

  /* 3번 이미지 타이틀 */
  .frame_overlay_profit img:nth-child(3){
    left:50%;
    top:18%;
    width:80vw;
  }
}