/*
 * PINOSS v46
 * 모바일 메인배너 잘림 수정
 * - 기존 모바일 배치 유지
 * - 휴대폰/공전 이미지가 하단에서 잘리지 않도록 히어로 높이만 조정
 * - 과도한 공백은 만들지 않도록 화면 크기별로 제한
 */

@media (max-width:760px){

  html body #mainHero.ghero{
    height:535px!important;
    min-height:535px!important;
    max-height:535px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body #mainHero.ghero .ghero__track{
    height:535px!important;
    min-height:535px!important;
    max-height:535px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body #mainHero.ghero .ghero__slide,
  html body #mainHero.ghero .ghero__slide--orbit,
  html body #mainHero.ghero .ghero__slide.is-active{
    height:535px!important;
    min-height:535px!important;
    max-height:535px!important;
    margin:0!important;
    overflow:hidden!important;
  }

  /* 내부 배치는 기존 CSS 그대로 사용 */
  html body #mainHero.ghero .ghero__shell{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  html body #mainHero.ghero .ghero__visual,
  html body #mainHero.ghero .ghero__visual--orbit,
  html body #mainHero.ghero .ghero-orbit{
    max-height:none!important;
  }

  /* 다음 매입률 영역과 자연스럽게 연결 */
  html body #mainHero.ghero + section,
  html body #mainHero.ghero + div{
    margin-top:0!important;
  }
}

/* 작은 모바일 */
@media (max-width:390px){
  html body #mainHero.ghero,
  html body #mainHero.ghero .ghero__track,
  html body #mainHero.ghero .ghero__slide,
  html body #mainHero.ghero .ghero__slide--orbit,
  html body #mainHero.ghero .ghero__slide.is-active{
    height:510px!important;
    min-height:510px!important;
    max-height:510px!important;
  }
}