.pg-guide{max-width:1200px;width:100%;margin:48px auto 64px;color:#172c42;line-height:1.7;word-break:keep-all}.pg-guide *{box-sizing:border-box}.pg-guide a{text-decoration:none}.pg-hero{padding:48px;border-radius:28px;background:#f5f5f7;border:1px solid #f5f5f5}.pg-kicker{font-size:17px;font-weight:800;color:#303238}.pg-hero h1{font-size:44px;line-height:1.35;letter-spacing:-1.6px;margin:18px 0}.pg-hero p,.pg-section-title p{font-size:20px;color:#526579;margin:16px 0 24px}.pg-button{display:inline-flex;align-items:center;gap:30px;background:#303238;color:#fff!important;border-radius:14px;padding:15px 24px;font-size:18px;font-weight:800}.pg-button:hover{background:#303238}.pg-start{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 40px}.pg-card{padding:28px;border-radius:22px;border:1px solid var(--line);background:var(--bg);color:#172c42;transition:transform .15s,box-shadow .15s}.pg-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #30323810}.pg-purple{--bg:#f7f3ff;--line:#f5f5f5;--accent:#7950b7}.pg-blue{--bg:#f0f7ff;--line:#f5f5f5;--accent:#2876b5}.pg-green{--bg:#f5f5f7;--line:#f5f5f5;--accent:#303238}.pg-number{font-size:17px;font-weight:800;color:var(--accent)}.pg-card h2{font-size:27px;line-height:1.4;margin:16px 0}.pg-card p{font-size:18px;line-height:1.8;margin:0 0 24px;color:#526277}.pg-card strong{color:var(--accent);font-size:18px}.pg-how{padding:34px;border:1px solid #f5f5f5;border-radius:24px;background:#fffbf2;margin:40px 0 64px}.pg-guide h2{letter-spacing:-.7px}.pg-how h2{font-size:28px;margin:0 0 26px}.pg-how>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.pg-how p{flex:1;font-size:19px;margin:0}.pg-how b{display:block;font-size:24px;color:#997126;margin-bottom:8px}.pg-how>div>span{font-size:28px;color:#c3a76e}.pg-how small{display:block;font-size:17px;color:#716b5f;margin-top:26px}.pg-section-title h2{font-size:32px;line-height:1.4;margin:10px 0}.pg-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pg-step{display:flex;gap:20px;align-items:flex-start;padding:26px;border:1px solid #f5f5f5;border-radius:20px;color:#172c42;background:#fff;--step:#303238;--tint:#f5f5f7}.pg-step:nth-child(3n+2){--step:#377abe;--tint:#edf5ff}.pg-step:nth-child(3n){--step:#8757b8;--tint:#f5effc}.pg-step:hover{border-color:var(--step);background:var(--tint)}.pg-step-number{display:grid;place-items:center;flex:none;width:44px;height:44px;background:var(--tint);color:var(--step);border-radius:14px;font-size:24px;font-weight:850}.pg-step-label{font-size:16px;font-weight:800;color:var(--step)}.pg-step h3{font-size:22px;line-height:1.5;margin:6px 0}.pg-step p{font-size:17px;line-height:1.7;margin:0;color:#607184}.pg-step-arrow{margin-left:auto;color:var(--step);font-size:24px}.pg-step:last-child{grid-column:1/-1;background:#f5f5f7}.pg-tip{font-size:18px;color:#5e6d7b;margin:24px 0}.pg-tip a{color:#303238;text-decoration:underline;text-underline-offset:4px}.pg-ready{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #f5f5f5;margin-top:44px;padding-top:32px}.pg-ready h2{font-size:28px;margin:0}.pg-ready p{font-size:18px;color:#607184;margin:8px 0}.pg-guide a:focus-visible{outline:3px solid #303238;outline-offset:5px}@media(max-width:800px){.pg-guide{margin-top:24px}.pg-hero{padding:28px}.pg-hero h1{font-size:34px}.pg-start,.pg-steps{grid-template-columns:1fr}.pg-card{padding:24px}.pg-step:last-child{grid-column:auto}.pg-how{padding:26px}.pg-how>div{align-items:flex-start;flex-direction:column;gap:16px}.pg-how>div>span{display:none}.pg-how p{width:100%;padding-bottom:16px;border-bottom:1px solid #f5f5f5}.pg-how p:last-of-type{border:0;padding-bottom:0}.pg-how br{display:none}.pg-ready{align-items:flex-start;flex-direction:column}.pg-section-title h2{font-size:28px}.pg-step{padding:20px;gap:14px}}@media(prefers-reduced-motion:reduce){.pg-card{transition:none}}

/* 이동 카드가 아닌 읽는 안내서로 표시한다. */
.pg-card:hover{transform:none;box-shadow:none}.pg-step:hover{border-color:#f5f5f5;background:#fff}.pg-step:last-child:hover{background:#f5f5f7}.pg-card p:last-child{margin-bottom:0}.pg-card strong+p{margin-top:8px}.pg-next{border-top:1px solid #f5f5f5;padding-top:16px!important;margin-top:18px!important}.pg-next strong{display:block;color:var(--step);margin-bottom:6px}.pg-tip{padding:24px;background:#f5f8fb;border-radius:18px}.pg-how>p{font-size:19px;line-height:1.9;margin:14px 0}.pg-hero p{max-width:850px}.pg-steps{grid-template-columns:1fr}.pg-step{padding:28px}.pg-step p{font-size:19px}.pg-step h3{font-size:25px}.pg-ready{margin-top:0}@media(max-width:800px){.pg-step{padding:22px 18px}.pg-step p{font-size:18px}.pg-step h3{font-size:22px}}

/* 설명은 제목보다 한 단계 차분하게, 메뉴 이름은 실제 명칭으로 강조한다. */
.pg-hero p,.pg-section-title p{font-size:19px}.pg-card p{font-size:17px}.pg-how p,.pg-how>p,.pg-step p{font-size:18px}.pg-how small{font-size:16px}.pg-tip,.pg-ready p{font-size:17px}
.pg-menu{display:inline;padding:2px 7px;border-radius:6px;font-weight:800;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}.pg-menu-pron{color:#7043a5;background:#eaddf8}.pg-menu-express{color:#226699;background:#dcedfc}.pg-menu-order{color:#303238;background:#f5f5f7}.pg-card h2{line-height:1.65}.pg-card h2 .pg-menu{padding:3px 7px}@media(max-width:800px){.pg-step p{font-size:17px}}

.pg-hero-description>span{display:block;margin-top:5px}.pg-keep{white-space:nowrap}.pg-step-number{min-width:44px;font-size:20px}
