@charset "UTF-8";

/* ==========================================================================
   브라이트닝(색소) 페이지 전용 스타일
   ========================================================================== */
/* 의료진 프로필(구분선형)은 treatment-detail.css의 .tx-doctor--line 공통 */

.tx-why__media{max-width: 77.3rem; width: 100%;}

@media (max-width: 768px) {
  /* 왜 색소 치료가 필요할까요: 시안은 제목 → 설명 → 사진 순(동안볼륨 anti-aging.css와 같은 방식) */
  .tx-why .container{display: flex; flex-direction: column;}
  .tx-why__desc{order: 1; margin-top: clamp(1.5rem, 3.91vw, 3rem);}
  /* 사진은 시안 기준 768에서 폭 496px — 컨테이너 안쪽 여백과 무관하게 폭으로 지정하고 가운데 정렬 */
  .tx-why__media{order: 2; width: clamp(24.8rem, 64.58vw, 49.6rem); margin: clamp(2.5rem, 6.51vw, 5rem) auto 0;}
}