/* =========================================
   취업운 2번 이미지 전용 CSS (통째 교체용)
   - hero-wrap-02만 사용
   - 기본 문구 완전 숨김
   - 2번 문구만 출력
   ========================================= */

.hero-wrap-02{
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#000 !important;
}

.hero-wrap-02 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* 기본 product.php 문구 완전 숨김 */
.hero-wrap-02 .hero-copy,
.hero-wrap-02 .hero-copy-inner,
.hero-wrap-02 .hero-main{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-shadow:none !important;
  overflow:hidden !important;
  display:block !important;
}

.hero-wrap-02 .hero-copy *,
.hero-wrap-02 .hero-copy-inner *,
.hero-wrap-02 .hero-main *{
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-shadow:none !important;
}

/* 하단 그라데이션 */
.hero-wrap-02::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:44% !important;
  background:linear-gradient(to top, rgba(0,0,0,0.88), rgba(0,0,0,0.00)) !important;
  z-index:2 !important;
  pointer-events:none !important;
}

/* 취업운 2번 문구 */
.hero-wrap-02::after{
  content:"당신에게 들어오는 합격의 운\A이제 그 기회를 잡을 차례입니다" !important;
  white-space:pre-line !important;

  position:absolute !important;
  left:50% !important;
  bottom:8% !important;
  transform:translateX(-50%) !important;

  width:88% !important;
  text-align:center !important;
  z-index:3 !important;
  pointer-events:none !important;

  font-size:29px !important;
  line-height:1.36 !important;
  font-weight:800 !important;
  letter-spacing:-0.6px !important;
  font-family:"Trebuchet MS","Arial",sans-serif !important;

  background:linear-gradient(180deg,#fffbe8 0%, #ffd86f 22%, #f5bf2f 56%, #e6a800 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  color:transparent !important;

  text-shadow:
    0 2px 8px rgba(0,0,0,0.52),
    0 0 14px rgba(255,220,120,0.16) !important;
}

/* 모바일 */
@media (max-width:768px){
  .hero-wrap-02::before{
    height:47% !important;
  }

  .hero-wrap-02::after{
    width:90% !important;
    bottom:9% !important;
    font-size:21px !important;
    line-height:1.40 !important;
    letter-spacing:-0.5px !important;
  }
}