스마트스토어 상세페이지 구성 — 전환율 높이는 레이아웃 기준
.ss-article{–accent:#03C75A;–accent-soft:#e8fff2;–accent-line:#9de8c0;–navy:#1a1a1a;–warn:#e8390e;–warn-soft:#fff2ef;line-height:1.8;color:#1f2937;font-size:17px;word-break:keep-all} .ss-article h2{margin:2.2em 0 .7em;padding-left:.6em;border-left:5px solid var(–accent);font-size:1.42em;line-height:1.4;color:var(–navy)} .ss-article h3{margin:1.6em 0 .5em;font-size:1.13em;color:#059142} .ss-article p{margin:.75em 0} .ss-lead{background:var(–accent-soft);border:1px solid var(–accent-line);border-radius:12px;padding:18px 22px;margin:1.2em 0;font-size:1.02em} .ss-lead strong{color:#059142} .ss-table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.96em} .ss-table th,.ss-table td{border:1px solid #e5e7eb;padding:11px 14px;text-align:left;vertical-align:top} .ss-table th{background:var(–accent);color:#fff;font-weight:600} .ss-table tr:nth-child(even) td{background:#f9fafb} .ss-check{list-style:none;padding:0;margin:1.1em 0} .ss-check li{position:relative;padding:9px 9px 9px … 더 읽기