/* 11/07 대표: 광고주·제작자 안내의 '세 걸음' 칸을 첫 화면처럼 — 밝은 판 + 깊은 초록빛 그림자, 오른쪽 그림은 왼쪽 목록 세로 가운데에 */
.h-steps .ad-steps, .h-steps .ad-flow__card, .h-steps .s-req {
  background: rgba(255, 255, 255, .92) !important; border: 0 !important;
  box-shadow: 0 0 0 1px rgba(27, 58, 61,.10), 0 2px 4px rgba(27, 58, 61,.10), 0 18px 36px -10px rgba(27, 58, 61,.34), 0 40px 70px -24px rgba(27, 58, 61,.32) !important;
}
.h-steps .ad-steps { padding: 28px 28px 20px 30px; border-radius: 26px; }
.h-steps .ad-flow__card, .h-steps .s-req { border-radius: 24px; }
.h-steps__grid { align-items: center; }
.h-steps .ad-flow { align-self: center; height: 300px; }
.h-steps .ad-flow__scene { position: absolute; inset: 0; display: grid; align-content: center; }
.h-steps .s-req { transition: transform .35s cubic-bezier(.16,1,.3,1); }
.h-steps .s-req:hover { transform: translateY(-4px); }
/* 휴대폰 화면 그림(영상 받기)도 살짝 떠 보이게 */
.h-steps .ad-flow__phone { box-shadow: 0 18px 36px -10px rgba(27, 58, 61,.38); border-radius: 22px; }
/* 제작자 안내: 왼쪽 아래 '열린 의뢰 →' 링크는 빼고, 오른쪽 의뢰 카드를 순서 목록 카드의 세로 가운데에 */
@media (min-width: 900px) {
  .h-steps__grid:has(> div > .s-steps__links) > div { display: contents; }
  .h-steps__grid:has(> div > .s-steps__links) .ad-steps { grid-column: 1; grid-row: 1; }
  .h-steps__grid:has(> div > .s-steps__links) .s-steps__links { grid-column: 1; grid-row: 2; margin-top: var(--space-5); }
  .h-steps__grid:has(> div > .s-steps__links) > .s-req { grid-column: 2; grid-row: 1; align-self: center; }
}