@charset "UTF-8";

/* ==========================================================================
   눈밑 노화 재건술 페이지 전용 배경/아이콘 이미지
   ========================================================================== */

.tx-steps__item .left{background-image: url("../images/sub/rejuvenation/eye_step_bg01.png");}
.tx-steps__item:nth-child(2) .left{background-image: url("../images/sub/rejuvenation/eye_step_bg02.png");}
.tx-steps__item:nth-child(3) .left{background-image: url("../images/sub/rejuvenation/eye_step_bg03.png");}

.tx-steps__ico {display: inline-block;background-color: #3A3A3C;-webkit-mask: url("../images/sub/rejuvenation/eye_step_ico01.svg") no-repeat center / contain;mask: url("../images/sub/rejuvenation/eye_step_ico01.svg") no-repeat center / contain;}

.tx-steps__item:nth-child(2) .tx-steps__ico {width: 5.6rem;height: 5.6rem;-webkit-mask-image: url("../images/sub/rejuvenation/eye_step_ico02.svg");mask-image: url("../images/sub/rejuvenation/eye_step_ico02.svg");}
.tx-steps__item:nth-child(3) .tx-steps__ico {width: 7.1rem;height: 7.9rem;-webkit-mask-image: url("../images/sub/rejuvenation/eye_step_ico03.svg");mask-image: url("../images/sub/rejuvenation/eye_step_ico03.svg");}

@media (max-width: 1024px) {
  .tx-steps__item .left{background-image: url("../images/sub/rejuvenation/m_eye_step_bg01.png");}
  .tx-steps__item:nth-child(2) .left{background-image: url("../images/sub/rejuvenation/m_eye_step_bg02.png");}
  .tx-steps__item:nth-child(3) .left{background-image: url("../images/sub/rejuvenation/m_eye_step_bg03.png");}

  .tx-steps__ico{background-color: #fff;}

}

/* 2·3번 아이콘 모바일 축소 (데스크톱 규칙 뒤에 둬야 적용됨) */
@media (max-width: 768px) {
  .tx-steps__item:nth-child(2) .tx-steps__ico{width: clamp(2.8rem, 7.29vw, 5.6rem); height: clamp(2.8rem, 7.29vw, 5.6rem);}
  .tx-steps__item:nth-child(3) .tx-steps__ico{width: clamp(3.1rem, 8.07vw, 6.2rem); height: clamp(3.45rem, 8.98vw, 6.9rem);}
}