.app-guide-steps{max-width:980px;margin:0 auto;padding:clamp(48px,6vw,96px) clamp(20px,5vw,32px) 110px}
.app-guide-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(44px,6vw,84px)}
.ags-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:clamp(24px,4vw,52px);align-items:center}
.ags-step--text{grid-template-columns:minmax(0,1fr);max-width:640px}
.ags-num{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--troon-sage);color:var(--troon-ivory);font:400 15px/1 var(--troon-font-display);margin-bottom:14px}
.ags-text h2{font:400 clamp(20px,2vw,26px)/1.5 var(--troon-font-ko);margin:0 0 10px;color:var(--troon-ink);word-break:keep-all}
.ags-text p{font:16px/1.85 Pretendard,sans-serif;color:var(--troon-ink-soft);margin:0;max-width:34em;word-break:keep-all}
.ags-shot{position:relative;margin:0;width:100%;border:1px solid var(--troon-line);background:#f1f4f4;overflow:hidden}
.ags-shot img{display:block;width:100%;height:auto}
.ags-mark{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:var(--ar,1);transform:translate(-50%,-50%);border:3px solid var(--troon-sage);border-radius:50%;box-shadow:0 0 0 5px rgba(244,241,234,.8),0 0 0 6.5px rgba(89,97,86,.4);pointer-events:none}
@media(max-width:700px){
  .ags-step{display:flex;flex-direction:column;max-width:340px;margin:0 auto}
  .ags-step--text{max-width:480px}
  .ags-step .ags-shot{order:-1;width:min(300px,100%);margin:0 auto 4px}
}